@charset "UTF-8";
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/poppins.woff2") format("woff2-variations");
  font-weight: 100 900; }

/*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active {
  outline: 0; }

a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret, .row--homepage-offers--action .js-carousel-offers .tab-accord-link > .caret,
  .dropup > .btn > .caret, .row--homepage-offers--action .js-carousel-offers
  .dropup > .tab-accord-link > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@-webkit-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  color: #555555;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #312783;
  text-decoration: none; }
  a:focus, a:hover {
    color: #1b1548;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

pre {
  margin-top: 0;
  margin-bottom: 1rem; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  box-sizing: inherit;
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 20px;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: #555555; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.8rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

.h1 {
  font-size: 2.5rem; }

.h2 {
  font-size: 2rem; }

.h3 {
  font-size: 1.8rem; }

.h4 {
  font-size: 1.5rem; }

.h5 {
  font-size: 1.25rem; }

.h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: normal; }

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.dl-horizontal {
  margin-right: -1rem;
  margin-left: -1rem; }
  .dl-horizontal::after {
    content: "";
    display: table;
    clear: both; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  line-height: 1.7;
  color: #818a91; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0; }

.blockquote-reverse .blockquote-footer::before {
  content: ""; }

.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014"; }

.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 3px; }

.img-thumbnail {
  padding: 0.25rem;
  line-height: 1.7;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  transition: all .2s ease-in-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #818a91; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 2px; }

kbd {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 1px;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  line-height: 1.7;
  color: #373a3c; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 544px) {
    .container {
      max-width: 800px; } }
  @media screen and (min-width: 768px) {
    .container {
      max-width: 1000px; } }
  @media screen and (min-width: 992px) {
    .container {
      max-width: 1200px; } }
  @media screen and (min-width: 1200px) {
    .container {
      max-width: 1386px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .container-fluid::after {
    content: "";
    display: table;
    clear: both; }

.row {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  .row::after {
    content: "";
    display: table;
    clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media screen and (min-width: 544px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media screen and (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media screen and (min-width: 992px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@media screen and (min-width: 1200px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-pull-1 {
    right: 8.33333%; }
  .col-xl-pull-2 {
    right: 16.66667%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-4 {
    right: 33.33333%; }
  .col-xl-pull-5 {
    right: 41.66667%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-7 {
    right: 58.33333%; }
  .col-xl-pull-8 {
    right: 66.66667%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-10 {
    right: 83.33333%; }
  .col-xl-pull-11 {
    right: 91.66667%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-push-1 {
    left: 8.33333%; }
  .col-xl-push-2 {
    left: 16.66667%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-4 {
    left: 33.33333%; }
  .col-xl-push-5 {
    left: 41.66667%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-7 {
    left: 58.33333%; }
  .col-xl-push-8 {
    left: 66.66667%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-10 {
    left: 83.33333%; }
  .col-xl-push-11 {
    left: 91.66667%; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-offset-0 {
    margin-left: 0%; }
  .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem; }
  .table th,
  .table td {
    padding: 0.75rem;
    line-height: 1.7;
    vertical-align: top;
    border-top: 1px solid #efefef; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #efefef; }
  .table tbody + tbody {
    border-top: 2px solid #efefef; }
  .table .table {
    background-color: #fff; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #efefef; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #efefef; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover tbody tr:hover {
  background-color: #f8f8f8; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f8f8f8; }

.table-hover .table-active:hover {
  background-color: #ebebeb; }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: #ebebeb; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #f2faf2; }

.table-hover .table-success:hover {
  background-color: #e0f3e0; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #e0f3e0; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7; }

.table-hover .table-info:hover {
  background-color: #c4e3f3; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #c4e3f3; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3; }

.table-hover .table-warning:hover {
  background-color: #faf2cc; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #faf2cc; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede; }

.table-hover .table-danger:hover {
  background-color: #ebcccc; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ebcccc; }

.table-responsive {
  display: block;
  width: 100%;
  min-height: 0.01%;
  overflow-x: auto; }

.thead-inverse th {
  color: #fff;
  background-color: #373a3c; }

.thead-default th {
  color: #55595c;
  background-color: #eceeef; }

.table-inverse {
  color: #eceeef;
  background-color: #373a3c; }
  .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #55595c; }

.table-reflow thead {
  float: left; }

.table-reflow tbody {
  display: block;
  white-space: nowrap; }

.table-reflow th,
.table-reflow td {
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef; }
  .table-reflow th:last-child,
  .table-reflow td:last-child {
    border-right: 1px solid #efefef; }

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #efefef; }

.table-reflow tr {
  float: left; }
  .table-reflow tr th,
  .table-reflow tr td {
    display: block !important;
    border: 1px solid #efefef; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.7;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #efefef;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    border-color: #66afe9;
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::placeholder {
    color: #999;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1; }
  .form-control:disabled {
    cursor: not-allowed; }

.form-control-file,
.form-control-range {
  display: block; }

.form-control-label {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 2.45rem; }
  input[type="date"].input-sm,
  .input-group-sm input[type="date"].form-control,
  input[type="time"].input-sm,
  .input-group-sm
  input[type="time"].form-control,
  input[type="datetime-local"].input-sm,
  .input-group-sm
  input[type="datetime-local"].form-control,
  input[type="month"].input-sm,
  .input-group-sm
  input[type="month"].form-control {
    line-height: 1.8625rem; }
  input[type="date"].input-lg,
  .input-group-lg input[type="date"].form-control,
  input[type="time"].input-lg,
  .input-group-lg
  input[type="time"].form-control,
  input[type="datetime-local"].input-lg,
  .input-group-lg
  input[type="datetime-local"].form-control,
  input[type="month"].input-lg,
  .input-group-lg
  input[type="month"].form-control {
    line-height: 3.66667rem; } }

.form-control-static {
  min-height: 2.45rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0; }
  .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn, .row--homepage-offers--action .js-carousel-offers
  .input-group-sm > .input-group-btn > .form-control-static.tab-accord-link, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .row--homepage-offers--action .js-carousel-offers
  .input-group-lg > .input-group-btn > .form-control-static.tab-accord-link {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn, .row--homepage-offers--action .js-carousel-offers
.input-group-sm > .input-group-btn > .tab-accord-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 1px; }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn, .row--homepage-offers--action .js-carousel-offers
.input-group-lg > .input-group-btn > .tab-accord-link {
  padding: 1rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 3px; }

.form-group {
  margin-bottom: 1rem; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-bottom: 0.75rem; }
  .radio label,
  .checkbox label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }
    .radio label input:only-child,
    .checkbox label input:only-child {
      position: static; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -.25rem; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: .75rem; }

input[type="radio"]:disabled, input[type="radio"].disabled,
input[type="checkbox"]:disabled,
input[type="checkbox"].disabled {
  cursor: not-allowed; }

.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: not-allowed; }

.radio.disabled label,
.checkbox.disabled label {
  cursor: not-allowed; }

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.6125rem;
  background-size: 1.5925rem 1.5925rem; }

.has-success .text-help,
.has-success .form-control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #5cb85c; }

.has-success .form-control {
  border-color: #5cb85c; }

.has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea; }

.has-success .form-control-feedback {
  color: #5cb85c; }

.has-success .form-control-success {
  background-image: url("data:image/svg+xml !default;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); }

.has-warning .text-help,
.has-warning .form-control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #f0ad4e; }

.has-warning .form-control {
  border-color: #f0ad4e; }

.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white; }

.has-warning .form-control-feedback {
  color: #f0ad4e; }

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml !default;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); }

.has-danger .text-help,
.has-danger .form-control-label,
.has-danger .radio,
.has-danger .checkbox,
.has-danger .radio-inline,
.has-danger .checkbox-inline,
.has-danger.radio label,
.has-danger.checkbox label,
.has-danger.radio-inline label,
.has-danger.checkbox-inline label {
  color: #d9534f; }

.has-danger .form-control {
  border-color: #d9534f; }

.has-danger .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7; }

.has-danger .form-control-feedback {
  color: #d9534f; }

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml !default;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); }

@media screen and (min-width: 544px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.btn, .row--homepage-offers--action .js-carousel-offers .tab-accord-link {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.625rem 2.5rem;
  font-size: 1rem;
  line-height: 1.7;
  border-radius: 6.25rem; }
  .btn:focus, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:focus, .btn.focus, .row--homepage-offers--action .js-carousel-offers .focus.tab-accord-link, .btn:active:focus, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:active:focus, .btn:active.focus, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:active.focus, .btn.active:focus, .row--homepage-offers--action .js-carousel-offers .active.tab-accord-link:focus, .btn.active.focus, .row--homepage-offers--action .js-carousel-offers .active.focus.tab-accord-link {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:focus, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:focus, .btn:hover, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:hover {
    text-decoration: none; }
  .btn.focus, .row--homepage-offers--action .js-carousel-offers .focus.tab-accord-link {
    text-decoration: none; }
  .btn:active, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:active, .btn.active, .row--homepage-offers--action .js-carousel-offers .active.tab-accord-link {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .row--homepage-offers--action .js-carousel-offers .disabled.tab-accord-link, .btn:disabled, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:disabled {
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none; }

a.btn.disabled, .row--homepage-offers--action .js-carousel-offers a.disabled.tab-accord-link,
fieldset[disabled] a.btn,
fieldset[disabled] .row--homepage-offers--action .js-carousel-offers a.tab-accord-link, .row--homepage-offers--action .js-carousel-offers
fieldset[disabled] a.tab-accord-link {
  pointer-events: none; }

.btn-primary, .productList__info__col.action .btn--buy {
  color: #fff;
  background-color: #312783;
  border-color: #312783;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-primary:hover, .productList__info__col.action .btn--buy:hover {
    color: #fff;
    background-color: #221b5c;
    border-color: #1f1954; }
  .btn-primary:focus, .productList__info__col.action .btn--buy:focus, .btn-primary.focus, .productList__info__col.action .focus.btn--buy {
    color: #fff;
    background-color: #221b5c;
    border-color: #1f1954; }
  .btn-primary:active, .productList__info__col.action .btn--buy:active, .btn-primary.active, .productList__info__col.action .active.btn--buy,
  .open > .btn-primary.dropdown-toggle, .productList__info__col.action
  .open > .dropdown-toggle.btn--buy {
    color: #fff;
    background-color: #221b5c;
    border-color: #1f1954;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-primary:active:hover, .productList__info__col.action .btn--buy:active:hover, .btn-primary:active:focus, .productList__info__col.action .btn--buy:active:focus, .btn-primary:active.focus, .productList__info__col.action .btn--buy:active.focus, .btn-primary.active:hover, .productList__info__col.action .active.btn--buy:hover, .btn-primary.active:focus, .productList__info__col.action .active.btn--buy:focus, .btn-primary.active.focus, .productList__info__col.action .active.focus.btn--buy,
    .open > .btn-primary.dropdown-toggle:hover, .productList__info__col.action
    .open > .dropdown-toggle.btn--buy:hover,
    .open > .btn-primary.dropdown-toggle:focus, .productList__info__col.action
    .open > .dropdown-toggle.btn--buy:focus,
    .open > .btn-primary.dropdown-toggle.focus, .productList__info__col.action
    .open > .dropdown-toggle.focus.btn--buy {
      color: #fff;
      background-color: #181340;
      border-color: #0c0a21; }
  .btn-primary.disabled:focus, .productList__info__col.action .disabled.btn--buy:focus, .btn-primary.disabled.focus, .productList__info__col.action .disabled.focus.btn--buy, .btn-primary:disabled:focus, .productList__info__col.action .btn--buy:disabled:focus, .btn-primary:disabled.focus, .productList__info__col.action .btn--buy:disabled.focus {
    background-color: #312783;
    border-color: #312783; }
  .btn-primary.disabled:hover, .productList__info__col.action .disabled.btn--buy:hover, .btn-primary:disabled:hover, .productList__info__col.action .btn--buy:disabled:hover {
    background-color: #312783;
    border-color: #312783; }

.btn-secondary {
  color: #ffffff;
  background-color: #1e1e1e;
  border-color: #050505;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-secondary:hover {
    color: #ffffff;
    background-color: #050505;
    border-color: black; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #ffffff;
    background-color: #050505;
    border-color: black; }
  .btn-secondary:active, .btn-secondary.active,
  .open > .btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #050505;
    border-color: black;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
    .open > .btn-secondary.dropdown-toggle:hover,
    .open > .btn-secondary.dropdown-toggle:focus,
    .open > .btn-secondary.dropdown-toggle.focus {
      color: #ffffff;
      background-color: black;
      border-color: black; }
  .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
    background-color: #1e1e1e;
    border-color: #050505; }
  .btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    background-color: #1e1e1e;
    border-color: #050505; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1f7e9a; }
  .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-info.disabled:hover, .btn-info:disabled:hover {
    background-color: #5bc0de;
    border-color: #5bc0de; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #419641; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #2d672d; }
  .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .btn-success.disabled:hover, .btn-success:disabled:hover {
    background-color: #5cb85c;
    border-color: #5cb85c; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #b06d0f; }
  .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-warning.disabled:hover, .btn-warning:disabled:hover {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #8b211e; }
  .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
    background-color: #d9534f;
    border-color: #d9534f; }
  .btn-danger.disabled:hover, .btn-danger:disabled:hover {
    background-color: #d9534f;
    border-color: #d9534f; }

.btn-primary-outline {
  color: #312783;
  background-image: none;
  background-color: transparent;
  border-color: #312783; }
  .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active,
  .open > .btn-primary-outline.dropdown-toggle {
    color: #fff;
    background-color: #312783;
    border-color: #312783; }
  .btn-primary-outline:hover {
    color: #fff;
    background-color: #312783;
    border-color: #312783; }
  .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
    border-color: #5648c8; }
  .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
    border-color: #5648c8; }

.btn-secondary-outline {
  color: #050505;
  background-image: none;
  background-color: transparent;
  border-color: #050505; }
  .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active,
  .open > .btn-secondary-outline.dropdown-toggle {
    color: #fff;
    background-color: #050505;
    border-color: #050505; }
  .btn-secondary-outline:hover {
    color: #fff;
    background-color: #050505;
    border-color: #050505; }
  .btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
    border-color: #383838; }
  .btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover {
    border-color: #383838; }

.btn-info-outline {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de; }
  .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active,
  .open > .btn-info-outline.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-info-outline:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus {
    border-color: #b0e1ef; }
  .btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover {
    border-color: #b0e1ef; }

.btn-success-outline {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c; }
  .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active,
  .open > .btn-success-outline.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .btn-success-outline:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
    border-color: #a3d7a3; }
  .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover {
    border-color: #a3d7a3; }

.btn-warning-outline {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e; }
  .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active,
  .open > .btn-warning-outline.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-warning-outline:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus {
    border-color: #f8d9ac; }
  .btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover {
    border-color: #f8d9ac; }

.btn-danger-outline {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f; }
  .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active,
  .open > .btn-danger-outline.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; }
  .btn-danger-outline:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; }
  .btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
    border-color: #eba5a3; }
  .btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover {
    border-color: #eba5a3; }

.btn-link {
  font-weight: normal;
  color: #312783;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #1b1548;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link:disabled:focus, .btn-link:disabled:hover {
    color: #818a91;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn, .row--homepage-offers--action .js-carousel-offers .btn-group-lg > .tab-accord-link, .dropdown-menu--mega .dropdown-box--primary .btn, .dropdown-menu--mega .dropdown-box--primary .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .dropdown-menu--mega .dropdown-box--primary .tab-accord-link {
  padding: 1rem 2rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 3px; }

.btn-sm, .btn-group-sm > .btn, .row--homepage-offers--action .js-carousel-offers .btn-group-sm > .tab-accord-link {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 1px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .25rem;
  margin-left: .25rem;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:focus {
  outline: 0; }

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #555555;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #d9d9d9; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.7;
  color: #312783;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #1b1548;
    text-decoration: none;
    background-color: #f5f5f5; }
  .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #312783;
    outline: 0; }
  .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    color: #818a91; }
  .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #818a91;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn, .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link,
  .btn-group-vertical > .btn, .row--homepage-offers--action .js-carousel-offers
  .btn-group-vertical > .tab-accord-link {
    position: relative;
    float: left; }
    .btn-group > .btn:focus, .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link:focus, .btn-group > .btn:active, .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link:active, .btn-group > .btn.active, .row--homepage-offers--action .js-carousel-offers .btn-group > .active.tab-accord-link,
    .btn-group-vertical > .btn:focus, .row--homepage-offers--action .js-carousel-offers
    .btn-group-vertical > .tab-accord-link:focus,
    .btn-group-vertical > .btn:active, .row--homepage-offers--action .js-carousel-offers
    .btn-group-vertical > .tab-accord-link:active,
    .btn-group-vertical > .btn.active, .row--homepage-offers--action .js-carousel-offers
    .btn-group-vertical > .active.tab-accord-link {
      z-index: 2; }
    .btn-group > .btn:hover, .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link:hover,
    .btn-group-vertical > .btn:hover, .row--homepage-offers--action .js-carousel-offers
    .btn-group-vertical > .tab-accord-link:hover {
      z-index: 2; }

.btn-group .btn + .btn, .btn-group .row--homepage-offers--action .js-carousel-offers .tab-accord-link + .btn, .row--homepage-offers--action .js-carousel-offers .btn-group .tab-accord-link + .btn, .btn-group .row--homepage-offers--action .js-carousel-offers .btn + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .btn-group .btn + .tab-accord-link, .btn-group .row--homepage-offers--action .js-carousel-offers .tab-accord-link + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .btn-group .tab-accord-link + .tab-accord-link,
.btn-group .btn + .btn-group,
.btn-group .row--homepage-offers--action .js-carousel-offers .tab-accord-link + .btn-group, .row--homepage-offers--action .js-carousel-offers
.btn-group .tab-accord-link + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .row--homepage-offers--action .js-carousel-offers .btn-group + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers
.btn-group .btn-group + .tab-accord-link,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar::after {
    content: "";
    display: table;
    clear: both; }
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn, .row--homepage-offers--action .js-carousel-offers .btn-toolbar > .tab-accord-link,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child, .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .row--homepage-offers--action .js-carousel-offers .btn-group > .btn-group:not(:first-child):not(:last-child) > .tab-accord-link {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .row--homepage-offers--action .js-carousel-offers .btn-group > .btn-group:first-child:not(:last-child) > .tab-accord-link:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .row--homepage-offers--action .js-carousel-offers .btn-group > .btn-group:last-child:not(:first-child) > .tab-accord-link:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle, .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .row--homepage-offers--action .js-carousel-offers .btn-group-lg.btn-group > .tab-accord-link + .dropdown-toggle, .dropdown-menu--mega .dropdown-box--primary .btn-group > .btn + .dropdown-toggle, .dropdown-menu--mega .dropdown-box--primary .row--homepage-offers--action .js-carousel-offers .btn-group > .tab-accord-link + .dropdown-toggle, .row--homepage-offers--action .js-carousel-offers .dropdown-menu--mega .dropdown-box--primary .btn-group > .tab-accord-link + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret, .row--homepage-offers--action .js-carousel-offers .tab-accord-link .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret, .row--homepage-offers--action .js-carousel-offers .btn-group-lg > .tab-accord-link .caret, .dropdown-menu--mega .dropdown-box--primary .btn .caret, .dropdown-menu--mega .dropdown-box--primary .row--homepage-offers--action .js-carousel-offers .tab-accord-link .caret, .row--homepage-offers--action .js-carousel-offers .dropdown-menu--mega .dropdown-box--primary .tab-accord-link .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .row--homepage-offers--action .js-carousel-offers .btn-group-lg > .tab-accord-link .caret, .row--homepage-offers--action .js-carousel-offers .dropup .btn-group-lg > .tab-accord-link .caret, .dropup .dropdown-menu--mega .dropdown-box--primary .btn .caret, .dropdown-menu--mega .dropdown-box--primary .dropup .btn .caret, .dropup .dropdown-menu--mega .dropdown-box--primary .row--homepage-offers--action .js-carousel-offers .tab-accord-link .caret, .dropdown-menu--mega .dropdown-box--primary .row--homepage-offers--action .js-carousel-offers .dropup .tab-accord-link .caret, .dropup .row--homepage-offers--action .js-carousel-offers .dropdown-menu--mega .dropdown-box--primary .tab-accord-link .caret, .row--homepage-offers--action .js-carousel-offers .dropdown-menu--mega .dropdown-box--primary .dropup .tab-accord-link .caret {
  border-width: 0 0.3em 0.3em; }

.btn-group-vertical > .btn, .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .tab-accord-link,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn, .row--homepage-offers--action .js-carousel-offers
.btn-group-vertical > .btn-group > .tab-accord-link {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both; }

.btn-group-vertical > .btn-group > .btn, .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .btn-group > .tab-accord-link {
  float: none; }

.btn-group-vertical > .btn + .btn, .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .tab-accord-link + .btn, .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .btn + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .tab-accord-link + .tab-accord-link,
.btn-group-vertical > .btn + .btn-group, .row--homepage-offers--action .js-carousel-offers
.btn-group-vertical > .tab-accord-link + .btn-group,
.btn-group-vertical > .btn-group + .btn, .row--homepage-offers--action .js-carousel-offers
.btn-group-vertical > .btn-group + .tab-accord-link,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .tab-accord-link:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child), .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .tab-accord-link:first-child:not(:last-child) {
  border-top-right-radius: 6.25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child), .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .tab-accord-link:last-child:not(:first-child) {
  border-bottom-left-radius: 6.25rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .tab-accord-link {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .btn-group:first-child:not(:last-child) > .tab-accord-link:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .row--homepage-offers--action .js-carousel-offers .btn-group-vertical > .btn-group:last-child:not(:first-child) > .tab-accord-link:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

[data-toggle="buttons"] > .btn input[type="radio"], .row--homepage-offers--action .js-carousel-offers [data-toggle="buttons"] > .tab-accord-link input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"], .row--homepage-offers--action .js-carousel-offers
[data-toggle="buttons"] > .tab-accord-link input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .row--homepage-offers--action .js-carousel-offers
[data-toggle="buttons"] > .btn-group > .tab-accord-link input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], .row--homepage-offers--action .js-carousel-offers
[data-toggle="buttons"] > .btn-group > .tab-accord-link input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1;
  color: #55595c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid #dedede;
  border-radius: 2px; }
  .input-group-addon.form-control-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn, .row--homepage-offers--action .js-carousel-offers
  .input-group-sm > .input-group-btn > .input-group-addon.tab-accord-link {
    padding: 0.275rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 1px; }
  .input-group-addon.form-control-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn, .row--homepage-offers--action .js-carousel-offers
  .input-group-lg > .input-group-btn > .input-group-addon.tab-accord-link {
    padding: 1rem 1.25rem;
    font-size: 1.25rem;
    border-radius: 3px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn, .row--homepage-offers--action .js-carousel-offers
.input-group-btn:first-child > .tab-accord-link,
.input-group-btn:first-child > .btn-group > .btn, .row--homepage-offers--action .js-carousel-offers
.input-group-btn:first-child > .btn-group > .tab-accord-link,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .row--homepage-offers--action .js-carousel-offers
.input-group-btn:last-child > .tab-accord-link:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .row--homepage-offers--action .js-carousel-offers
.input-group-btn:last-child > .btn-group:not(:last-child) > .tab-accord-link {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn, .row--homepage-offers--action .js-carousel-offers
.input-group-btn:last-child > .tab-accord-link,
.input-group-btn:last-child > .btn-group > .btn, .row--homepage-offers--action .js-carousel-offers
.input-group-btn:last-child > .btn-group > .tab-accord-link,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child), .row--homepage-offers--action .js-carousel-offers
.input-group-btn:first-child > .tab-accord-link:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .row--homepage-offers--action .js-carousel-offers
.input-group-btn:first-child > .btn-group:not(:first-child) > .tab-accord-link {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn, .row--homepage-offers--action .js-carousel-offers .input-group-btn > .tab-accord-link {
    position: relative; }
    .input-group-btn > .btn + .btn, .row--homepage-offers--action .js-carousel-offers .input-group-btn > .tab-accord-link + .btn, .row--homepage-offers--action .js-carousel-offers .input-group-btn > .btn + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .input-group-btn > .tab-accord-link + .tab-accord-link {
      margin-left: -1px; }
    .input-group-btn > .btn:focus, .row--homepage-offers--action .js-carousel-offers .input-group-btn > .tab-accord-link:focus, .input-group-btn > .btn:active, .row--homepage-offers--action .js-carousel-offers .input-group-btn > .tab-accord-link:active, .input-group-btn > .btn:hover, .row--homepage-offers--action .js-carousel-offers .input-group-btn > .tab-accord-link:hover {
      z-index: 3; }
  .input-group-btn:first-child > .btn, .row--homepage-offers--action .js-carousel-offers .input-group-btn:first-child > .tab-accord-link,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn, .row--homepage-offers--action .js-carousel-offers .input-group-btn:last-child > .tab-accord-link,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }
    .input-group-btn:last-child > .btn:focus, .row--homepage-offers--action .js-carousel-offers .input-group-btn:last-child > .tab-accord-link:focus, .input-group-btn:last-child > .btn:active, .row--homepage-offers--action .js-carousel-offers .input-group-btn:last-child > .tab-accord-link:active, .input-group-btn:last-child > .btn:hover, .row--homepage-offers--action .js-carousel-offers .input-group-btn:last-child > .tab-accord-link:hover,
    .input-group-btn:last-child > .btn-group:focus,
    .input-group-btn:last-child > .btn-group:active,
    .input-group-btn:last-child > .btn-group:hover {
      z-index: 3; }

.c-input {
  position: relative;
  display: inline;
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer; }
  .c-input > input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .c-input > input:checked ~ .c-indicator {
      color: #fff;
      background-color: #0074d9;
      box-shadow: none; }
    .c-input > input:focus ~ .c-indicator {
      box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }
    .c-input > input:active ~ .c-indicator {
      color: #fff;
      background-color: #84c6ff;
      box-shadow: none; }
  .c-input + .c-input {
    margin-left: 1rem; }

.c-indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  font-size: 65%;
  line-height: 1rem;
  color: #eee;
  text-align: center;
  user-select: none;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  box-shadow: inset 0 0.125rem 0.125rem rgba(0, 0, 0, 0.1); }

.c-checkbox .c-indicator {
  border-radius: .25rem; }

.c-checkbox input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: #0074d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
  box-shadow: none; }

.c-radio .c-indicator {
  border-radius: 50%; }

.c-radio input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

.c-inputs-stacked .c-input {
  display: inline; }
  .c-inputs-stacked .c-input::after {
    display: block;
    margin-bottom: .25rem;
    content: ""; }
  .c-inputs-stacked .c-input + .c-input {
    margin-left: 0; }

.c-select {
  display: inline-block;
  max-width: 100%;
  padding: .375rem 1.75rem .375rem .75rem;
  padding-right: .75rem \9;
  color: #55595c;
  vertical-align: middle;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
  border: 1px solid #efefef;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .c-select:focus {
    border-color: #51a7e8;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }
  .c-select::-ms-expand {
    opacity: 0; }

.c-select-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px; }
  .c-select-sm:not([multiple]) {
    height: 26px;
    min-height: 26px; }

.file {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  cursor: pointer; }

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: .25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); }

.file-custom::after {
  content: "Choose file..."; }

.file-custom::before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  content: "Browse";
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0 .25rem .25rem 0; }

.file input:focus ~ .file-custom {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: inline-block; }
  .nav-link:focus, .nav-link:hover {
    text-decoration: none; }
  .nav-link.disabled {
    color: #818a91; }
    .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
      color: #818a91;
      cursor: not-allowed;
      background-color: transparent; }

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

.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs::after {
    content: "";
    display: table;
    clear: both; }
  .nav-tabs .nav-item {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs .nav-item + .nav-item {
      margin-left: .2rem; }
  .nav-tabs .nav-link {
    display: block;
    padding: 0.5em 1em;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0; }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      border-color: #eceeef #eceeef #ddd; }
    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
      color: #818a91;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
  .nav-tabs .nav-item.open .nav-link,
  .nav-tabs .nav-item.open .nav-link:focus,
  .nav-tabs .nav-item.open .nav-link:hover {
    color: #55595c;
    background-color: #fff;
    border-color: #ddd #ddd transparent; }

.nav-pills::after {
  content: "";
  display: table;
  clear: both; }

.nav-pills .nav-item {
  float: left; }
  .nav-pills .nav-item + .nav-item {
    margin-left: .2rem; }

.nav-pills .nav-link {
  display: block;
  padding: 0.5em 1em;
  border-radius: 2px; }

.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff;
  cursor: default;
  background-color: #312783; }

.nav-stacked .nav-item {
  display: block;
  float: none; }
  .nav-stacked .nav-item + .nav-item {
    margin-top: .2rem;
    margin-left: 0; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  padding: 0.5rem 1rem; }
  .navbar::after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 544px) {
    .navbar {
      border-radius: 2px; } }

.navbar-full {
  z-index: 1000; }
  @media screen and (min-width: 544px) {
    .navbar-full {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media screen and (min-width: 544px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0; }

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

.navbar-sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%; }
  @media screen and (min-width: 544px) {
    .navbar-sticky-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem; }
  .navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }

.navbar-divider {
  float: left;
  width: 1px;
  padding-top: .425rem;
  padding-bottom: .425rem;
  margin-right: 1rem;
  margin-left: 1rem;
  overflow: hidden; }
  .navbar-divider::before {
    content: "\00a0"; }

.navbar-toggler {
  padding: .5rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: none;
  border: 1px solid transparent;
  border-radius: 6.25rem; }
  .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none; }

@media screen and (min-width: 544px) {
  .navbar-toggleable-xs {
    display: block !important; } }

@media screen and (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block !important; } }

@media screen and (min-width: 992px) {
  .navbar-toggleable-md {
    display: block !important; } }

.navbar-nav .nav-item {
  float: left; }

.navbar-nav .nav-link {
  display: block;
  padding-top: .425rem;
  padding-bottom: .425rem; }
  .navbar-nav .nav-link + .nav-link {
    margin-left: 1rem; }

.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.8); }
  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.3); }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.6); }

.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075); }

.navbar-dark .navbar-brand {
  color: white; }
  .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: white; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: white; }

.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075); }

.card {
  position: relative;
  display: block;
  margin-bottom: 1.5rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px; }

.card-block {
  padding: 1.25rem; }

.card-title {
  margin-bottom: 1.5rem; }

.card-subtitle {
  margin-top: -0.75rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card > .list-group:first-child .list-group-item:first-child {
  border-radius: 2px 2px 0 0; }

.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 2px 2px; }

.card-header {
  padding: 1.5rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5; }
  .card-header:first-child {
    border-radius: 2px 2px 0 0; }

.card-footer {
  padding: 1.5rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5; }
  .card-footer:last-child {
    border-radius: 0 0 2px 2px; }

.card-primary {
  background-color: #312783;
  border-color: #312783; }

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c; }

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de; }

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f; }

.card-primary-outline {
  background-color: transparent;
  border-color: #312783; }

.card-secondary-outline {
  background-color: transparent;
  border-color: #050505; }

.card-info-outline {
  background-color: transparent;
  border-color: #5bc0de; }

.card-success-outline {
  background-color: transparent;
  border-color: #5cb85c; }

.card-warning-outline {
  background-color: transparent;
  border-color: #f0ad4e; }

.card-danger-outline {
  background-color: transparent;
  border-color: #d9534f; }

.card-inverse .card-header,
.card-inverse .card-footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff; }

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, 0.65); }

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff; }

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0; }

.card-img {
  border-radius: 0.25rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img-top {
  border-radius: 2px 2px 0 0; }

.card-img-bottom {
  border-radius: 0 0 2px 2px; }

@media screen and (min-width: 544px) {
  .card-deck {
    display: table;
    table-layout: fixed;
    border-spacing: 1.25rem 0; }
    .card-deck .card {
      display: table-cell;
      width: 1%;
      vertical-align: top; }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem; } }

@media screen and (min-width: 544px) {
  .card-group {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .card-group .card {
      display: table-cell;
      vertical-align: top; }
      .card-group .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-top {
          border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-bottom {
          border-bottom-right-radius: 0; }
      .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-top {
          border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-bottom {
          border-bottom-left-radius: 0; }
      .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0; }
        .card-group .card:not(:first-child):not(:last-child) .card-img-top,
        .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
          border-radius: 0; } }

@media screen and (min-width: 544px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #f8f8f8;
  border-radius: 2px; }
  .breadcrumb::after {
    content: "";
    display: table;
    clear: both; }
  .breadcrumb > li {
    float: left; }
    .breadcrumb > li + li::before {
      padding-right: .5rem;
      padding-left: .5rem;
      color: #818a91;
      content: "/"; }
  .breadcrumb > .active {
    color: #818a91; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 2px; }

.page-item {
  display: inline; }
  .page-item:first-child .page-link {
    margin-left: 0; }
  .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #312783;
    cursor: default;
    background-color: #f8f8f8;
    border-color: #312783; }
  .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.page-link {
  position: relative;
  float: left;
  padding: 0 0;
  margin-left: -1px;
  line-height: 1.7;
  color: #312783;
  text-decoration: none;
  background-color: #f8f8f8;
  border: 1px solid #ddd; }
  .page-link:focus, .page-link:hover {
    color: #1b1548;
    background-color: #eceeef;
    border-color: #ddd; }

.pagination-lg .page-link {
  padding: 0 0;
  font-size: 1.25rem;
  line-height: 1.33333; }

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pagination-sm .page-link {
  padding: 0 0;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px; }

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px; }

.pager {
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  list-style: none; }
  .pager::after {
    content: "";
    display: table;
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:focus, .pager li > a:hover {
      text-decoration: none;
      background-color: #eceeef; }
  .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff; }
  .pager .disabled > span {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff; }

.pager-next > a,
.pager-next > span {
  float: right; }

.pager-prev > a,
.pager-prev > span {
  float: left; }

.label {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px; }
  .label:empty {
    display: none; }

.btn .label, .row--homepage-offers--action .js-carousel-offers .tab-accord-link .label {
  position: relative;
  top: -1px; }

a.label:focus, a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem; }

.label-default {
  background-color: #000168; }
  .label-default[href]:focus, .label-default[href]:hover {
    background-color: #000135; }

.label-primary {
  background-color: #312783; }
  .label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #221b5c; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:focus, .label-success[href]:hover {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:focus, .label-info[href]:hover {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #c9302c; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 3px; }
  @media screen and (min-width: 544px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-hr {
  border-top-color: #d0d5d8; }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  padding: 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 2px; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: bold; }

.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #f2faf2;
  border-color: #42ab42;
  color: #555555; }
  .alert-success hr {
    border-top-color: #3b993b; }
  .alert-success .alert-link {
    color: #3c3c3c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6d5ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7ecb5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9b9; }
  .alert-danger .alert-link {
    color: #843534; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem; }

.progress[value] {
  color: #0074d9;
  border: 0;
  appearance: none; }

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }

.progress[value]::-webkit-progress-value::before {
  content: attr(value); }

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

@media screen and (min-width: 0\0) {
  .progress {
    background-color: #eee;
    border-radius: 2px;
    box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }
  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  .progress[width^="0"] {
    min-width: 2rem;
    color: #818a91;
    background-color: transparent;
    background-image: none; }
  .progress[width="100%"] {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; } }

.progress-striped[value]::-webkit-progress-value {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-striped[value]::-moz-progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

@media screen and (min-width: 0\0) {
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem; } }

.progress-animated[value]::-webkit-progress-value {
  animation: progress-bar-stripes 2s linear infinite; }

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite; }

@media screen and (min-width: 0\0) {
  .progress-animated .progress-bar-striped {
    animation: progress-bar-stripes 2s linear infinite; } }

.progress-success[value]::-webkit-progress-value {
  background-color: #5cb85c; }

.progress-success[value]::-moz-progress-bar {
  background-color: #5cb85c; }

@media screen and (min-width: 0\0) {
  .progress-success .progress-bar {
    background-color: #5cb85c; } }

.progress-info[value]::-webkit-progress-value {
  background-color: #5bc0de; }

.progress-info[value]::-moz-progress-bar {
  background-color: #5bc0de; }

@media screen and (min-width: 0\0) {
  .progress-info .progress-bar {
    background-color: #5bc0de; } }

.progress-warning[value]::-webkit-progress-value {
  background-color: #f0ad4e; }

.progress-warning[value]::-moz-progress-bar {
  background-color: #f0ad4e; }

@media screen and (min-width: 0\0) {
  .progress-warning .progress-bar {
    background-color: #f0ad4e; } }

.progress-danger[value]::-webkit-progress-value {
  background-color: #d9534f; }

.progress-danger[value]::-moz-progress-bar {
  background-color: #d9534f; }

@media screen and (min-width: 0\0) {
  .progress-danger .progress-bar {
    background-color: #d9534f; } }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media-body {
  width: 10000px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right {
  padding-left: 10px; }

.media-left {
  padding-right: 10px; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }

.list-group-flush .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0; }

a.list-group-item,
button.list-group-item {
  width: 100%;
  color: #555;
  text-align: inherit; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:focus, a.list-group-item:hover,
  button.list-group-item:focus,
  button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
  color: #818a91;
  cursor: not-allowed;
  background-color: #eceeef; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #818a91; }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #312783;
  border-color: #312783; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #9e96e0; }

.list-group-item-success {
  color: #555555;
  background-color: #f2faf2; }

a.list-group-item-success,
button.list-group-item-success {
  color: #555555; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:focus, a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
    color: #555555;
    background-color: #e0f3e0; }
  a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
  button.list-group-item-success.active,
  button.list-group-item-success.active:focus,
  button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #555555;
    border-color: #555555; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:focus, a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
  button.list-group-item-info.active,
  button.list-group-item-info.active:focus,
  button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:focus, a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:focus, a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9 {
  padding-bottom: 42.85714%; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.embed-responsive-1by1 {
  padding-bottom: 100%; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch; }
  .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%); }
  .modal.in .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.in {
    opacity: 0.5; }

.modal-header {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header::after {
    content: "";
    display: table;
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.7; }

.modal-body {
  position: relative;
  padding: 20px; }

.modal-footer {
  padding: 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer::after {
    content: "";
    display: table;
    clear: both; }
  .modal-footer .btn + .btn, .modal-footer .row--homepage-offers--action .js-carousel-offers .tab-accord-link + .btn, .row--homepage-offers--action .js-carousel-offers .modal-footer .tab-accord-link + .btn, .modal-footer .row--homepage-offers--action .js-carousel-offers .btn + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .modal-footer .btn + .tab-accord-link, .modal-footer .row--homepage-offers--action .js-carousel-offers .tab-accord-link + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .modal-footer .tab-accord-link + .tab-accord-link {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .row--homepage-offers--action .js-carousel-offers .tab-accord-link + .btn, .row--homepage-offers--action .js-carousel-offers .modal-footer .btn-group .tab-accord-link + .btn, .modal-footer .btn-group .row--homepage-offers--action .js-carousel-offers .btn + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .modal-footer .btn-group .btn + .tab-accord-link, .modal-footer .btn-group .row--homepage-offers--action .js-carousel-offers .tab-accord-link + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .modal-footer .btn-group .tab-accord-link + .tab-accord-link {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media screen and (min-width: 544px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media screen and (min-width: 768px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.7;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.875rem;
  opacity: 0; }
  .tooltip.in {
    opacity: 0.9; }
  .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
    padding: 5px 0;
    margin-top: -3px; }
    .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #000; }
  .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
    padding: 0 5px;
    margin-left: 3px; }
    .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #000; }
  .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
    padding: 5px 0;
    margin-top: 3px; }
    .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #000; }
  .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
    padding: 0 5px;
    margin-left: -3px; }
    .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 2px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.7;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.875rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.popover-top, .popover.bs-tether-element-attached-bottom {
    margin-top: -10px; }
    .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
      bottom: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-color: rgba(0, 0, 0, 0.25);
      border-bottom-width: 0; }
      .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
        bottom: 1px;
        margin-left: -10px;
        content: "";
        border-top-color: #fff;
        border-bottom-width: 0; }
  .popover.popover-right, .popover.bs-tether-element-attached-left {
    margin-left: 10px; }
    .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-right-color: rgba(0, 0, 0, 0.25);
      border-left-width: 0; }
      .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
        bottom: -10px;
        left: 1px;
        content: "";
        border-right-color: #fff;
        border-left-width: 0; }
  .popover.popover-bottom, .popover.bs-tether-element-attached-top {
    margin-top: 10px; }
    .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
      top: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
        top: 1px;
        margin-left: -10px;
        content: "";
        border-top-width: 0;
        border-bottom-color: #fff; }
  .popover.popover-left, .popover.bs-tether-element-attached-right {
    margin-left: -10px; }
    .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
        right: 1px;
        bottom: -10px;
        content: "";
        border-right-width: 0;
        border-left-color: #fff; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 2px 2px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover-arrow, .popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover-arrow {
  border-width: 11px; }

.popover-arrow::after {
  content: "";
  border-width: 10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .carousel-item {
    position: relative;
    display: none;
    transition: .6s ease-in-out left; }
    .carousel-inner > .carousel-item > img,
    .carousel-inner > .carousel-item > a > img {
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .carousel-item {
        transition: transform .6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px; }
        .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
          left: 0;
          transform: translate3d(100%, 0, 0); }
        .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
          left: 0;
          transform: translate3d(-100%, 0, 0); }
        .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
          left: 0;
          transform: translate3d(0, 0, 0); } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8%;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: none;
  opacity: 0.5; }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev::before {
    content: "\2039"; }
  .carousel-control .icon-next::before {
    content: "\203a"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #444;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #312783; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: none; }
  .carousel-caption .btn, .carousel-caption .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .carousel-caption .tab-accord-link {
    text-shadow: none; }

@media screen and (min-width: 544px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-xs-left {
  float: left !important; }

.pull-xs-right {
  float: right !important; }

.pull-xs-none {
  float: none !important; }

@media screen and (min-width: 544px) {
  .pull-sm-left {
    float: left !important; }
  .pull-sm-right {
    float: right !important; }
  .pull-sm-none {
    float: none !important; } }

@media screen and (min-width: 768px) {
  .pull-md-left {
    float: left !important; }
  .pull-md-right {
    float: right !important; }
  .pull-md-none {
    float: none !important; } }

@media screen and (min-width: 992px) {
  .pull-lg-left {
    float: left !important; }
  .pull-lg-right {
    float: right !important; }
  .pull-lg-none {
    float: none !important; } }

@media screen and (min-width: 1200px) {
  .pull-xl-left {
    float: left !important; }
  .pull-xl-right {
    float: right !important; }
  .pull-xl-none {
    float: none !important; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.invisible {
  visibility: hidden !important; }

.text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-xs-left {
  text-align: left !important; }

.text-xs-right {
  text-align: right !important; }

.text-xs-center {
  text-align: center !important; }

@media screen and (min-width: 544px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media screen and (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media screen and (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media screen and (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-normal {
  font-weight: normal; }

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

.font-italic {
  font-style: italic; }

.text-muted {
  color: #818a91; }

.text-primary {
  color: #312783 !important; }

a.text-primary:focus, a.text-primary:hover {
  color: #221b5c; }

.text-success {
  color: #5cb85c !important; }

a.text-success:focus, a.text-success:hover {
  color: #449d44; }

.text-info {
  color: #5bc0de !important; }

a.text-info:focus, a.text-info:hover {
  color: #31b0d5; }

.text-warning {
  color: #f0ad4e !important; }

a.text-warning:focus, a.text-warning:hover {
  color: #ec971f; }

.text-danger {
  color: #d9534f !important; }

a.text-danger:focus, a.text-danger:hover {
  color: #c9302c; }

.bg-inverse {
  color: #eceeef;
  background-color: #373a3c; }

.bg-faded {
  background-color: #f7f7f9; }

.bg-primary {
  color: #fff !important;
  background-color: #312783 !important; }

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #221b5c; }

.bg-success {
  color: #fff !important;
  background-color: #5cb85c !important; }

a.bg-success:focus, a.bg-success:hover {
  background-color: #449d44; }

.bg-info {
  color: #fff !important;
  background-color: #5bc0de !important; }

a.bg-info:focus, a.bg-info:hover {
  background-color: #31b0d5; }

.bg-warning {
  color: #fff !important;
  background-color: #f0ad4e !important; }

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ec971f; }

.bg-danger {
  color: #fff !important;
  background-color: #d9534f !important; }

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #c9302c; }

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.m-a-0 {
  margin: 0 0 !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-a-1 {
  margin: 1rem 1rem !important; }

.m-t-1 {
  margin-top: 1rem !important; }

.m-r-1 {
  margin-right: 1rem !important; }

.m-b-1 {
  margin-bottom: 1rem !important; }

.m-l-1 {
  margin-left: 1rem !important; }

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-a-2 {
  margin: 1.5rem 1.5rem !important; }

.m-t-2 {
  margin-top: 1.5rem !important; }

.m-r-2 {
  margin-right: 1.5rem !important; }

.m-b-2 {
  margin-bottom: 1.5rem !important; }

.m-l-2 {
  margin-left: 1.5rem !important; }

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-a-3 {
  margin: 3rem 3rem !important; }

.m-t-3 {
  margin-top: 3rem !important; }

.m-r-3 {
  margin-right: 3rem !important; }

.m-b-3 {
  margin-bottom: 3rem !important; }

.m-l-3 {
  margin-left: 3rem !important; }

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.p-a-0 {
  padding: 0 0 !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-l-0 {
  padding-left: 0 !important; }

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-a-1 {
  padding: 1rem 1rem !important; }

.p-t-1 {
  padding-top: 1rem !important; }

.p-r-1 {
  padding-right: 1rem !important; }

.p-b-1 {
  padding-bottom: 1rem !important; }

.p-l-1 {
  padding-left: 1rem !important; }

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-a-2 {
  padding: 1.5rem 1.5rem !important; }

.p-t-2 {
  padding-top: 1.5rem !important; }

.p-r-2 {
  padding-right: 1.5rem !important; }

.p-b-2 {
  padding-bottom: 1.5rem !important; }

.p-l-2 {
  padding-left: 1.5rem !important; }

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-a-3 {
  padding: 3rem 3rem !important; }

.p-t-3 {
  padding-top: 3rem !important; }

.p-r-3 {
  padding-right: 3rem !important; }

.p-b-3 {
  padding-bottom: 3rem !important; }

.p-l-3 {
  padding-left: 3rem !important; }

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.hidden-xs-up {
  display: none !important; }

@media screen and (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media screen and (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .hidden-sm-down, .header__component--compare .compare__text, .basket__content, .basket__price {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media screen and (max-width: 991px) {
  .hidden-md-down, .checkoutList__item--img, .basketNav__text {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media screen and (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/**
 * Funkce pro zmenu barvy textu v dle barvy pozadi elementu.
 * @param  {[type]} $color [description]
 * @return {[type]}        [description]
 */
/**
 * Slightly lighten a color
 * @param  {[type]} $color      [description]
 * @param  {[type]} $percentage [description]
 * @return {[type]}             [description]
 */
/**
 * Slightly darken a color
 * @param  {[type]} $color      [description]
 * @param  {[type]} $percentage [description]
 * @return {[type]}             [description]
 */
.block,
.d-block {
  display: block; }

.tableCell {
  display: table-cell; }

.tableRow {
  display: table-row; }

.inlineBlock {
  display: inline-block; }

.displayTable {
  display: table; }

.none {
  display: none !important; }

.ovHidden {
  overflow: hidden !important; }

.pos-relative {
  position: relative; }

.pos-static {
  position: static; }

.pos-abs {
  position: absolute; }

.alignTop {
  vertical-align: top; }

.alignMiddle {
  vertical-align: middle; }

.borderRight {
  border-right: 1px solid #efefef; }

.borderLeft {
  border-left: 1px solid #efefef; }

.borderBottom {
  border-bottom: 1px solid #efefef; }

.borderTop {
  border-top: 1px solid #efefef; }

.font-size-lg {
  font-size: 1.125rem; }

.font-size-small {
  font-size: 0.8125rem; }

.font-size-mini {
  font-size: 0.75rem; }

.lh-1 {
  line-height: 1; }

.flex-end {
  justify-content: flex-end !important; }

.mb-1 {
  margin-bottom: 0.375rem ; }

.red {
  color: #e9593e; }

.green {
  color: #4caf50; }

.cf::after, .cleaner::after, .header--catDrop .header__bottomBar::after, .product .productGallery::after, .product-type-2 .product__variants::after, .productList::after, .checkout__sumInfo::after, .basketDrop__sum__row::after, .assistant::after, .assistant .row::after, .arguments::after, .staticPage__top::after {
  content: '';
  display: table;
  clear: both; }

.noDesign {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent; }

.carousel-control-btn .icon::before, .product .productGallery__next .productGallery__inner, .basket-remove .icon-close::before, .qtyField__btn::before, .designLabel--radio .designLabel__indicator::after, .comparsion__item .icon-compare, .comparsion__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-backface-visibility: hidden;
  transform: translateX(-50%) translateY(-50%); }

@media (max-width: 768px) {
  .basketNav__step {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); } }

.dropdown--topbar .dropdown-toggle::after, .productList__overlay__inner, .table--productList th::before,
.table--productList td::before, .checkout__mark__inner, .topDeals .medal {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

@media (min-width: 992px) {
  .basketNav__step {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); } }

.topDeals__others .btn, .topDeals__others .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .topDeals__others .tab-accord-link {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

@media (min-width: 768px) {
  .productList--box .rating {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden; } }

.visuallyhidden,
.homepage .contentWrapper > h1,
.langs__title,
.breadcrumb__item--home .breadcrumb__link > span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute; }

@media screen and (min-width: 768px) {
  .visuallyhidden--md-up {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute; } }

.availability, .designLabel--img .designLabel__indicator, .designLabel--img .designLabel__text, .langs__icon, .customTabs, .customTabs__item, .basket__btn, .arguments .argument__img, .arguments .argument__content {
  display: inline-block;
  vertical-align: middle; }

@media (max-width: 1200px) {
  .topbar__inner, .mainNav__inner {
    padding: 0; } }

.row--noSpacing {
  margin-left: 0;
  margin-right: 0; }

.row--noGap {
  margin-left: 0;
  margin-right: 0; }
  .row--noGap [class*='col-'] {
    padding: 0; }

.row--small {
  margin-left: -0.25rem;
  margin-right: -0.25rem; }
  .row--small [class*='col-'] {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }

.row--big {
  margin-left: -2rem;
  margin-right: -2rem; }
  .row--big [class^='col-'] {
    padding-left: 2rem;
    padding-right: 2rem; }

@media screen and (min-width: 768px) {
  .row--flex {
    display: flex;
    margin-bottom: 1.875rem ; }
    .row--flex .card {
      height: 100%;
      margin-bottom: 0; } }

.noNumberAppearance {
  -moz-appearance: textField; }
  .noNumberAppearance::-webkit-outer-spin-button, .noNumberAppearance::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none; }

.p100 {
  width: 100%; }

.flip-horizontal {
  transform: scale(-1, 1); }

@media screen and (min-width: 544px) {
  .collapse--sm-show {
    display: block; } }

@media screen and (min-width: 768px) {
  .collapse--md-show {
    display: block; } }

@media screen and (min-width: 992px) {
  .collapse--lg-show {
    display: block; } }

@media screen and (min-width: 768px) {
  .tableCell-md {
    display: table-cell; } }

@media screen and (min-width: 992px) {
  .tableCell-lg {
    display: table-cell; } }

.img-replace {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

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

@keyframes scaleElement {
  0% {
    transform: scale(1) translate(-50%, -50%); }
  50% {
    transform: scale(1.25) translate(-50%, -50%); }
  100% {
    transform: scale(1) translate(-50%, -50%); } }

.product-sharer-tooltip {
  position: absolute;
  left: 50%;
  top: calc(100% + 8px);
  padding: 0.5rem 0.75rem ;
  transform: translateX(-50%);
  background-color: #5f5f5f;
  color: #fff;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.2;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  border-radius: 2px; }
  .product-sharer-tooltip::before {
    position: absolute;
    left: 50%;
    top: -4px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    margin-left: -4px;
    background-color: #5f5f5f;
    content: ''; }

div[id^="hw-"] {
  z-index: 20 !important; }

@font-face {
  font-family: "fontIcons";
  src: url("../fonts/fontIcons/fontIcons.woff") format("woff");
  font-display: swap; }

[class*="icon-"]::before, [class*="icon-"]::after, .slider-wrapper .ui-slider .ui-slider-handle::before, .btn--collapse::after, .tab-accord-link::after, .assistant__handler::after, .breadcrumb__item:not(:last-child)::before {
  display: inline-block;
  vertical-align: middle;
  color: #00d5aa;
  font-size: 20px;
  text-align: center;
  font-family: "fontIcons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-perspective: 1000; }

.fa {
  display: inline-block;
  vertical-align: middle;
  min-width: 16px; }
  .fa::before, .fa::after {
    color: #00d5aa;
    font-size: 20px; }

[class*="icon-"]::before, [class*="icon-"]::after {
  line-height: 1; }

.iconText [class*="icon-"],
.iconText .icon,
.iconText .fa {
  padding-right: 0.125rem ;
  margin-right: 0.125rem ; }

.icon--small::before {
  font-size: 11px; }

body {
  background-image: url();
  background-color: #e4e8ef;
  background-repeat: repat;
  background-attachment: scroll;
  background-size: auto;
  color: #555555; }

a {
  color: #312783; }
  a:focus {
    outline: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3c3c3c; }

h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

@media screen and (max-width: 543px) {
  h1 {
    font-size: 1.5rem; } }

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.5rem; } }

@media screen and (max-width: 991px) {
  h1 {
    font-size: 1.5rem; } }

@media screen and (max-width: 1199px) {
  h1 {
    font-size: 2.25rem; } }

@media screen and (max-width: 543px) {
  h2 {
    font-size: 1.3rem; } }

@media screen and (max-width: 767px) {
  h2 {
    font-size: 1.3rem; } }

@media screen and (max-width: 991px) {
  h2 {
    font-size: 1.3rem; } }

@media screen and (max-width: 1199px) {
  h2 {
    font-size: 1.5rem; } }

@media screen and (max-width: 543px) {
  h3 {
    font-size: 1.2rem; } }

@media screen and (max-width: 767px) {
  h3 {
    font-size: 1.2rem; } }

@media screen and (max-width: 991px) {
  h3 {
    font-size: 1.2rem; } }

@media screen and (max-width: 1199px) {
  h3 {
    font-size: 1.25rem; } }

@media screen and (max-width: 543px) {
  h4 {
    font-size: 1.1rem; } }

@media screen and (max-width: 767px) {
  h4 {
    font-size: 1.1rem; } }

@media screen and (max-width: 991px) {
  h4 {
    font-size: 1.1rem; } }

@media screen and (max-width: 1199px) {
  h4 {
    font-size: 1.1rem; } }

@media screen and (max-width: 543px) {
  h5 {
    font-size: 1rem; } }

@media screen and (max-width: 767px) {
  h5 {
    font-size: 1rem; } }

@media screen and (max-width: 991px) {
  h5 {
    font-size: 1rem; } }

@media screen and (max-width: 1199px) {
  h5 {
    font-size: 1rem; } }

.footer__top {
  padding: 1.875rem 0 ;
  background-color: #312783;
  border-top: 1px solid #efefef; }

.footer__middle {
  padding: 3.75rem 0 ;
  background-color: #1e1e1e; }

.footer__bottom {
  padding: 1.25rem 0 ;
  background-color: #1e1e1e; }

.footerBox {
  color: #fff;
  font-size: 0.875rem; }
  .footerBox h1,
  .footerBox h2,
  .footerBox h3,
  .footerBox h4,
  .footerBox h5,
  .footerBox h6 {
    color: #fff;
    margin-bottom: 1.75rem;
    font-family: "Poppins", sans-serif; }
  .footerBox__heading {
    color: #fff;
    font-weight: bold;
    font-size: 1rem; }
  .footerBox a {
    color: #fff; }

#mapa_kontakt {
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #mapa_kontakt {
      float: right; } }

.footerBox ul,
.sitemapWrapper ul,
.modal-body ul {
  padding-left: 0; }
  .footerBox ul > li,
  .sitemapWrapper ul > li,
  .modal-body ul > li {
    position: relative;
    list-style: none;
    padding-left: 1.0625rem ;
    margin-bottom: 0.625rem ; }
    .footerBox ul > li::before,
    .sitemapWrapper ul > li::before,
    .modal-body ul > li::before {
      position: absolute;
      left: 0;
      top: 3px;
      font-family: 'fontIcons';
      color: #312783;
      font-size: 12px; }

.footerBox ul > li {
  margin-bottom: 0.375rem ; }
  .footerBox ul > li::before {
    top: 6px;
    color: #fff;
    font-size: 8px; }

ol {
  margin-left: 0;
  padding-left: 15px; }
  ol > li {
    margin-bottom: 0.375rem ; }

.table td,
.table th,
table.standard td,
table.standard th {
  border: 1px solid #efefef; }

.table--standard,
table.standard--standard {
  width: auto; }
  .table--standard th,
  table.standard--standard th {
    background-color: #f8f8f8; }

.table--fullWidth,
table.standard--fullWidth {
  width: 100%; }

table.standard td,
table.standard th {
  padding: 0.75rem;
  line-height: 1.7; }

.table--features__header {
  font-weight: bold;
  background-color: white; }

.table--features .tooltip-handler {
  margin-left: 4px; }

.tooltip-inner p {
  margin-bottom: 0; }

.variants-table-row hr {
  display: none; }

.variants-table-row .product__variants {
  margin-bottom: 1rem; }
  .variants-table-row .product__variants .variant--cols .variant-inner .designLabel--radio {
    width: auto;
    margin-right: 1.5rem; }

table.table-product-variants {
  table-layout: fixed; }
  table.table-product-variants th,
  table.table-product-variants td {
    vertical-align: middle;
    font-size: 0.8125rem; }
  table.table-product-variants thead th {
    font-weight: normal;
    background-color: #f8f8f8;
    border-bottom: 1px solid #efefef; }
  table.table-product-variants img {
    display: block;
    max-width: 60px;
    max-height: 60px;
    margin-left: auto;
    margin-right: 0; }
    @media screen and (min-width: 992px) {
      table.table-product-variants img {
        margin: auto; } }
  table.table-product-variants .product__prices .price--incVat {
    font-size: 0.9375rem; }
  table.table-product-variants .product__actions__item:last-child {
    border-right: 1px solid #efefef; }
  @media screen and (min-width: 992px) {
    table.table-product-variants .image {
      width: 85px; } }
  @media screen and (min-width: 992px) {
    table.table-product-variants .amount {
      width: 120px; } }

@media screen and (max-width: 767px) {
  .alert.alert-success {
    font-size: 0.9375rem; } }

.alert.alert-mini {
  font-size: 0.875rem;
  padding: 8px 12px; }

.alert--gift p:last-child {
  margin-bottom: 0; }

.alert--in-header {
  position: relative;
  margin: 0;
  justify-content: center;
  padding-right: 3.75rem ;
  border-radius: 0;
  text-align: left; }
  @media screen and (min-width: 1200px) {
    .alert--in-header {
      padding-right: 5rem ;
      text-align: center; } }
  .alert--in-header.is-hidden {
    display: none; }
  .alert--in-header-wrap {
    position: relative;
    z-index: 11; }
    .alert--in-header-wrap .alert__btn {
      display: grid;
      place-items: center;
      width: 40px;
      height: 40px;
      padding: 0;
      position: absolute;
      right: 8px;
      top: 6px;
      background: transparent;
      opacity: 0.6; }
      @media screen and (min-width: 1200px) {
        .alert--in-header-wrap .alert__btn {
          right: 16px; } }
      .alert--in-header-wrap .alert__btn:hover {
        background: transparent;
        opacity: 1; }
      .alert--in-header-wrap .alert__btn .alert__btn__icon {
        margin: 0; }
        .alert--in-header-wrap .alert__btn .alert__btn__icon::before {
          font-size: 1.125rem;
          line-height: 1;
          color: #555555; }
      .alert--in-header-wrap .alert__btn--open {
        display: none;
        border-radius: 0;
        top: 0;
        background-color: #312783; }
        @media screen and (max-width: 1600px) {
          .alert--in-header-wrap .alert__btn--open {
            position: static;
            width: 100%;
            height: 22px;
            font-size: 0.625rem;
            line-height: 1;
            opacity: 1; } }
        .alert--in-header-wrap .alert__btn--open:hover {
          background-color: #312783; }
          @media screen and (max-width: 1600px) {
            .alert--in-header-wrap .alert__btn--open:hover {
              background-color: #2a216f; } }
        .alert--in-header-wrap .alert__btn--open .alert__btn__text {
          display: none;
          color: #ffffff; }
          @media screen and (max-width: 1600px) {
            .alert--in-header-wrap .alert__btn--open .alert__btn__text {
              display: block; } }
        .alert--in-header-wrap .alert__btn--open .alert__btn__icon {
          margin-top: 0.25rem ;
          transform: scaleY(-1); }
          .alert--in-header-wrap .alert__btn--open .alert__btn__icon::before {
            color: #ffffff;
            font-size: 0.625rem;
            line-height: 1; }
          @media screen and (max-width: 1600px) {
            .alert--in-header-wrap .alert__btn--open .alert__btn__icon {
              margin-left: 0.25rem ; }
              .alert--in-header-wrap .alert__btn--open .alert__btn__icon::before {
                font-size: 0.25rem;
                line-height: 1; } }
    .alert--in-header-wrap .is-hidden + .alert__btn {
      display: flex;
      align-items: center;
      justify-content: center; }

img {
  image-rendering: -webkit-optimize-contrast; }
  img.floatLeft {
    display: block;
    margin-bottom: 0.9375rem ;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      img.floatLeft {
        float: left;
        margin-right: 0.9375rem ; } }
  img.floatRight {
    display: block;
    margin-bottom: 0.9375rem ;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      img.floatRight {
        float: right;
        margin-left: 0.9375rem ; } }
  img.alignCenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.citation--quotes .citation-wrapper {
  position: relative;
  display: inline-block;
  padding: 0 40px; }
  .citation--quotes .citation-wrapper::before {
    position: absolute;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    content: '”';
    font-family: Arial, sans-serif;
    width: 30px;
    height: 30px;
    font-size: 5em;
    color: #312783; }

.citation--quotes .citation__author {
  display: block; }

.citation--centered {
  text-align: center; }
  .citation--centered.citation--quotes .citation__text {
    padding: 30px 0 0 0; }
  .citation--centered.citation--quotes .citation-wrapper::before {
    left: 50%;
    margin-left: -15px; }
  .citation--centered.citation--quotes .citation__author {
    padding: 0; }

.citation--img .citation__text {
  position: relative;
  padding: 15px;
  border: 1px solid #dfdfdf;
  background-color: #f8f8f8;
  color: #555555; }
  .citation--img .citation__text::after {
    position: absolute;
    left: 30px;
    bottom: -10px;
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    border-top: 0;
    border-right: 0;
    content: ''; }

.citation--img .citation__img {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  max-width: 50px;
  border-radius: 100%;
  margin: 3px 0 0 15px; }
  .citation--img .citation__img + .citation__author {
    display: inline-block;
    margin-left: 0.375rem ; }

.citation--img .citation__authorInfo {
  display: block;
  font-size: 0.75rem; }

.staticPage blockquote:not(.citation),
.news--detail blockquote:not(.citation),
.product__desc--detail blockquote:not(.citation),
.cke_editable blockquote:not(.citation) {
  position: relative;
  padding-left: 40px; }
  .staticPage blockquote:not(.citation)::before,
  .news--detail blockquote:not(.citation)::before,
  .product__desc--detail blockquote:not(.citation)::before,
  .cke_editable blockquote:not(.citation)::before {
    position: absolute;
    position: absolute;
    left: 0;
    top: 0;
    font-family: Arial, sans-serif;
    width: 30px;
    height: 30px;
    font-size: 5em;
    line-height: 1;
    color: #312783;
    content: '”'; }

@media screen and (max-width: 767px) {
  .news--detail .btn--collapse-files {
    display: none; } }

.commercialBox {
  position: relative;
  padding: 1.875rem ;
  background-color: #f8f8f8;
  overflow: hidden; }
  .commercialBox__title {
    font-size: 1.625rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 0.9375rem ; }
  .commercialBox__text {
    font-size: 1.125rem;
    line-height: 1; }
  .commercialBox .btn, .commercialBox .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .commercialBox .tab-accord-link {
    margin-top: 0.9375rem ; }
  .commercialBox img {
    position: absolute;
    top: 0;
    right: 30px;
    width: 25%;
    height: auto; }

.commercialText {
  padding: 1.875rem ;
  font-size: 1.125rem;
  background-color: #f8f8f8; }
  .commercialText p:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .commercialText--alignLeft {
      float: left;
      margin-right: 0.9375rem ; } }
  @media screen and (min-width: 768px) {
    .commercialText--alignRight {
      float: right;
      margin-left: 0.9375rem ; } }

.cleaner {
  clear: both; }

.ifrVideo--aspRatio {
  position: relative;
  height: 0; }
  .ifrVideo--aspRatio iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .ifrVideo--aspRatio-16-9 {
    padding-bottom: 56.25%; }
  .ifrVideo--aspRatio-4-3 {
    padding-bottom: 75%; }

iframe {
  max-width: 100%; }

body.cke_editable {
  background-image: none;
  background-color: #fff; }

.object-fit-fallback {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }

.collapse-carousel.collapsing {
  transition: 0.05s; }
  @media screen and (max-width: 991px) {
    .collapse-carousel.collapsing .carouselOffers {
      visibility: hidden; } }

input::-ms-clear {
  display: none; }

img.mfp-img {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 40px;
  margin-bottom: 40px; }

.ebr-custom-collapse.is-hidden {
  display: none; }

.g-recaptcha .grecaptcha-badge {
  display: block;
  margin: 0 auto 15px;
  box-shadow: none !important; }

#stcpDiv {
  pointer-events: none;
  visibility: hidden; }

/* detail produktu - zeptejte se odbornika */
#expert-advice-form {
  display: none; }

#expert-advice-form-wrapper {
  background-color: white;
  width: 50%;
  height: 300px; }

.js-lazyload:not(.loaded) {
  display: inline-block;
  background: #f5f5f5;
  border-color: #f5f5f5;
  text-indent: -9999px;
  object-fit: cover; }

.scroll-top-anchor {
  display: none; }
  @media screen and (min-width: 992px) {
    .scroll-top-anchor {
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      right: 30px;
      bottom: 140px;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      background-color: #dfdfdf;
      border: 0;
      outline: 0;
      transition: all 0.3s ease-in-out;
      opacity: 0;
      transform: scale(0.5);
      pointer-events: none; } }
  .scroll-top-anchor:focus {
    outline: 0; }
  .scroll-top-anchor:hover {
    background-color: #d2d2d2; }
  .scroll-top-anchor.is-active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto; }
  .scroll-top-anchor .scroll-top-anchor-icon::before {
    color: #555555;
    font-size: 20px; }

.product__desc a,
.annotation a,
.staticPage a,
.news--detail a {
  text-decoration: underline; }
  .product__desc a:hover,
  .annotation a:hover,
  .staticPage a:hover,
  .news--detail a:hover {
    text-decoration: none; }

[id^='hw-'] {
  z-index: 20 !important; }

.accountNav__link__icon {
  display: none; }

.basket .alert .btn-success {
  background-color: #277b27;
  border-color: #277b27;
  font-weight: 700; }

@media screen and (min-width: 1300px) {
  .contentWrapper--twoCols {
    padding-left: 3rem; } }

@media screen and (min-width: 992px) {
  .row--catMenuExist {
    padding-left: 19rem; } }

.contentWrapper--twoCols .row--catMenuExist {
  padding-left: 0; }

.card-block--gift {
  background-color: #f2faf2;
  color: #555555;
  border: 1px solid #42ab42; }
  .card-block--gift a {
    color: #555555; }
  .card-block--gift .icon-gift::before {
    color: #42ab42;
    font-size: 40px; }
  .card-block--gift + .card-block {
    border-top: 0; }

html .mainWrapper {
  padding-top: 0; }

.mainWrapper > .container {
  position: relative;
  padding-top: 1.875rem ;
  background-color: #ffffff; }

.footer {
  position: relative;
  z-index: 2; }
  .footer__top {
    padding: 1.875rem 0 ;
    background-color: #312783;
    border-top: 1px solid #efefef; }
  .footer__middle {
    background-color: #1e1e1e;
    padding: 3.75rem 0 ; }
  .footer__bottom {
    padding: 1.25rem 0 ;
    background-color: #1e1e1e; }

.footerBox {
  color: #fff;
  font-size: 0.875rem; }
  .footerBox__heading {
    color: #fff;
    font-size: 1rem;
    font-weight: bold; }
  .footerBox a {
    color: #fff; }

.carousel--custom .carousel-item-html h1,
.carousel--custom .carousel-item-html h2 {
  color: white;
  font-weight: 100; }

.carousel--custom .btn, .carousel--custom .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .carousel--custom .tab-accord-link {
  color: white;
  border: 2px solid white;
  background-color: transparent;
  border-radius: 0;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px; }
  @media screen and (min-width: 992px) {
    .carousel--custom .btn, .carousel--custom .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .carousel--custom .tab-accord-link {
      margin-top: 30px; } }
  .carousel--custom .btn:hover, .carousel--custom .row--homepage-offers--action .js-carousel-offers .tab-accord-link:hover, .row--homepage-offers--action .js-carousel-offers .carousel--custom .tab-accord-link:hover {
    background-color: #fff;
    color: #000; }

.carousel--custom .carousel-item-html {
  top: 9%; }
  @media screen and (min-width: 992px) {
    .carousel--custom .carousel-item-html {
      top: 18%; } }

@media (min-width: 1300px) {
  .sidebarWrapper--is-sticky {
    position: sticky;
    top: 20px; } }

@media (min-width: 1300px) {
  .sidebarWrapper--is-sticky-fix-header {
    top: 60px; } }

@media print {
  body {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #000;
    background: #fff;
    font-size: 10pt;
    font-family: Arial, sans-serif;
    -webkit-print-color-adjust: exact; }
  * {
    text-shadow: none !important;
    box-shadow: none !important;
    font-size: 10pt !important;
    color: #000 !important;
    background-color: transparent !important;
    border-color: #000 !important; }
  @page {}  .collapse {
    display: block !important; }
  .topbar,
  .header__component--search,
  .header__component--compare,
  .header__component--basket,
  .header__component--compare,
  .mainNav,
  .breadcrumb,
  .btn,
  .row--homepage-offers--action .js-carousel-offers .tab-accord-link,
  .form,
  .mainNav__toggler,
  .product__showDesc,
  .product__actions,
  .productGallery,
  .footer,
  .jcarousel-pagination,
  .jcarousel-control-prev,
  .jcarousel-control-next,
  aside {
    display: none !important; }
  *, *::before, *::after {
    box-sizing: border-box; }
  a {
    color: #000 !important; }
  img {
    max-width: 100%; }
  ul, ol, img {
    page-break-inside: avoid; }
  h1 {
    font-size: 18pt !important;
    margin-bottom: 10px; }
  h2 {
    font-size: 15pt !important; }
  h2, h3 {
    page-break-after: avoid; }
  * {
    page-break-inside: always !important; }
  table th, table td {
    padding: 5px !important;
    border-color: #000 !important; }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  [class*="col-"] {
    padding-left: 0; }
  .header {
    border-bottom: 1px solid #000 !important; }
    .header__inner {
      padding: 10px 0 !important; }
  .logo__img {
    width: auto !important;
    max-width: 150px !important; }
  .label {
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    color: inherit; }
    .label::after {
      content: '|';
      margin: 0 3px 0 5px; }
    .label:last-child::after {
      content: ''; }
    .label--discount {
      position: relative !important;
      background: #fff !important;
      border: 1px solid #000 !important;
      top: auto !important;
      left: 0 !important;
      bottom: 0;
      float: right;
      pointer-events: auto !important; }
      .label--discount::after {
        content: ''; }
      .label--discount .discountNumber {
        font-size: 22pt !important; }
  .product {
    margin-bottom: 0 !important; }
    .product__top {
      border-bottom: 0 !important; }
      .product__top .product__sku {
        margin-right: 6px !important; }
        .product__top .product__sku span {
          font-weight: bold; }
    .product .product__manufacturer__name {
      font-weight: bold; }
    .product .product__imgWrapper {
      width: 30%;
      float: left; }
    .product .product__priceWrapper {
      width: 70%;
      float: left; }
    .product .price--incVat {
      font-weight: bold;
      font-size: 26pt !important; }
    .product__desc--detail {
      margin-bottom: 20px !important; }
    .product__desc--detail, .product__reviews {
      margin-top: 20px !important; }
  .row--productContentInfo {
    padding-top: 15px;
    border-top: 1px solid #000 !important; }
    .row--productContentInfo .col-md-7 {
      float: left;
      width: 60%; }
    .row--productContentInfo .col-md-5 {
      float: left;
      width: 40%; }
  .jcarousel-wrapper {
    border: 0 !important; }
  .jcarousel ul {
    width: 100% !important;
    overflow: visible !important;
    text-align: left; }
  .jcarousel .productList__item {
    float: none !important;
    display: inline-block !important;
    margin-left: -4px;
    vertical-align: top;
    width: 25% !important;
    border: 0 !important; }
  .jcarousel .productList__inner {
    padding-top: 0 !important; }
  .jcarousel .price--incVat {
    font-size: 15pt !important; }
  .form-control {
    padding: 0 !important;
    border: 0 !important;
    -webkit-appearance: none; }
  .designLabel__indicator::after {
    background-color: #000 !important; }
  .product__related,
  #prod-related,
  .product__accessories,
  #prod-accessories {
    display: inline-block !important;
    width: 100% !important; }
  .product__related {
    margin-top: 25px !important; }
  .review {
    padding: 0 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #000 !important; }
    .review__top {
      border-bottom: 0 !important;
      margin-bottom: 0 !important; }
  .staticPage__title {
    margin-bottom: 20px; }
  .staticPage__img {
    max-width: 25% !important; }
  .Gallery__item {
    float: left;
    width: 33.33333%; } }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none; }

.ui-button-icon-only {
  width: 2.2em; }

button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

input.ui-button {
  padding: .4em 1em; }

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px; }

.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer; }

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333; }

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

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #454545;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px; }

.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: 0 0 0 0;
  padding: 5px;
  background: #666;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px; }

.cCube, .catMenu, .box, .accountNav, .sitemapWrapper,
.staticPage__annotation,
.staticPage__desc,
.staticPage__images,
.staticPage__files,
.staticPage__form,
.staticPage__googleMap,
.subpages {
  margin-bottom: 1.875rem ; }

.review-stars {
  vertical-align: baseline; }

.review-stars-empty .icon-star::before,
.review .icon-star::before {
  color: #cfcfcf; }

.review-stars-empty,
.review-stars-active {
  display: flex; }

@media screen and (max-width: 767px) {
  .dropdown .dropdown-menu {
    position: relative;
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
    float: none;
    margin: 0; } }

.dropdown--topbar {
  position: static; }
  .dropdown--topbar .dropdown-menu {
    margin-top: 0;
    background-color: #f8f8f8;
    border-radius: 0;
    min-width: 0;
    width: 100%;
    box-shadow: none;
    text-align: center; }
  .dropdown--topbar .dropdown-toggle:hover, .dropdown--topbar .dropdown-toggle:focus {
    text-decoration: none;
    outline-offset: 0; }

.dropdown--langs .dropdown-menu li a {
  padding: 0;
  font-size: 0.75rem; }

.dropdown-menu {
  font-size: 1rem; }

.price--sumCheckout {
  font-size: 1.25rem; }

.price--discount {
  color: #49aa50; }

.price__ext {
  font-size: 12px; }

.price__fpi {
  opacity: 0.4;
  vertical-align: baseline;
  margin-left: 0.25rem ; }
  .price__fpi::before {
    font-size: 0.9375rem;
    line-height: 1; }
  .price__fpi:hover {
    opacity: 1; }

.alert {
  text-align: center;
  font-size: 1.125rem; }
  .alert--gift p:last-child {
    margin-bottom: 0; }
  .alert .icon {
    margin-right: 0.9375rem ; }
    .alert .icon::before {
      font-size: 2.5rem;
      color: inherit; }
    .alert .icon-gift::before {
      font-size: 1.875rem; }
  .alert svg.checkmark {
    display: none; }
  .alert-success .icon::before {
    color: #42ab42; }
  .alert-heureka, .alert-checkout-check {
    background-color: transparent;
    border-color: transparent; }
    @media screen and (min-width: 1200px) {
      .alert-heureka, .alert-checkout-check {
        white-space: nowrap; } }
    .alert-heureka .designLabel, .alert-checkout-check .designLabel {
      display: flex;
      align-items: center;
      white-space: normal;
      line-height: normal; }
      .alert-heureka .designLabel .designLabel__indicator, .alert-checkout-check .designLabel .designLabel__indicator {
        top: 0; }
        .alert-heureka .designLabel .designLabel__indicator::after, .alert-checkout-check .designLabel .designLabel__indicator::after {
          top: 3px;
          left: 6px; }
  .alert-checkout-check {
    padding: 0;
    margin-bottom: 1.5rem; }
  .alert--in-header {
    margin-bottom: 0;
    background-color: #f5f5f5;
    color: #555555;
    border-bottom: 1px solid gainsboro;
    font-size: 0.875rem;
    font-weight: 600; }
  .alert-offerCode-success .checkmark {
    display: none; }

.card .card-title {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0; }

.card--needHelp {
  background-color: #f8f8f8;
  padding-left: 5.625rem ; }
  .card--needHelp .card-title {
    margin-bottom: 0.9375rem ; }
  .card--needHelp .card-phone {
    font-size: 1.5625rem;
    line-height: 1.2; }
    .card--needHelp .card-phone strong {
      color: #312783; }
  .card--needHelp .fa,
  .card--needHelp .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(-1, 1);
    left: 15px; }
    .card--needHelp .fa::before,
    .card--needHelp .icon::before {
      font-size: 4.375rem;
      color: #7f7f7f; }

.card.card--shipping .checkout__summary li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.card.card--shipping .checkout__summary .inlineBlock {
  width: 50%; }

.card.card--shipping .checkout__summary .inlineBlock:first-child {
  text-align: right; }

.card.card--shipping .checkout__summary .price--sumCheckout {
  display: block;
  margin-top: 0.5rem; }

@media screen and (min-width: 768px) {
  .card--shipping-track .card-block {
    display: flex;
    align-items: center; }
    .card--shipping-track .card-block span {
      flex-grow: 2; } }

@media screen and (max-width: 767px) {
  .card--shipping-track .btn, .card--shipping-track .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .card--shipping-track .tab-accord-link {
    display: block;
    margin-top: 10px; } }

.card--transparent {
  border: 0; }
  .card--transparent .card-header {
    background: transparent;
    border: 0; }

.card--shipping .price--recyclingfee {
  display: block;
  line-height: 1;
  text-align: right;
  font-size: 80%; }

.price--recyclingfee-standalone {
  color: #888;
  font-weight: 400;
  font-family: "Poppins", sans-serif; }

.lazyLoad__inner {
  padding: 1.25rem ;
  margin-bottom: 1.25rem ;
  background-color: transparent;
  color: #333; }
  .lazyLoad__inner .fa::before {
    color: inherit;
    font-size: 1.875rem; }

.popup {
  max-width: 600px;
  margin: 0 auto; }

.rating .icon-star, .assistFilter__item .review .icon-star {
  margin: 0 4px; }
  .rating .icon-star::before, .assistFilter__item .review .icon-star::before {
    font-size: 0.875rem; }
  .rating .icon-star.active::before, .assistFilter__item .review .icon-star.active::before {
    color: #edc300; }

.ui-autocomplete {
  max-height: 250px;
  max-width: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 0 8px 0 #d2d2d2; }
  @media (min-width: 360px) {
    .ui-autocomplete {
      max-width: 300px; } }
  @media screen and (min-width: 768px) {
    .ui-autocomplete {
      max-width: 100%;
      max-height: 340px; } }
  .ui-autocomplete .ui-menu-item {
    font-size: 0.8125rem; }

.card-block-gdpr-agreement .form-group {
  padding-top: 12px;
  border-top: 1px solid #efefef; }
  .card-block-gdpr-agreement .form-group:first-of-type, .card-block-gdpr-agreement .form-group:last-of-type {
    border-top: 0; }

.table--gdprAddress {
  border: 0; }
  .table--gdprAddress td {
    border: 0; }
  .table--gdprAddress tr:first-child {
    border-bottom: 1px solid #efefef; }

.gdpr-delete .alert,
.gdpr-cookie .alert {
  font-size: 1rem; }

.volume-discount {
  list-style: none;
  padding: 0; }
  .volume-discount-item {
    position: relative;
    padding-left: 26px;
    margin-bottom: 0.5rem; }
    .volume-discount-item .fa {
      position: absolute;
      left: 0;
      top: 4px;
      line-height: 1; }

.direct-edit {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 991px) {
    .direct-edit {
      display: none; } }
  .direct-edit-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    transition: all 0.3s ease-in-out; }
    .direct-edit-link .fa::before {
      color: #555555; }
    .direct-edit-link:hover {
      background-color: rgba(0, 0, 0, 0.2);
      text-decoration: none; }
      .direct-edit-link:hover .fa::before {
        color: #555555; }

.checkmark {
  display: none; }

@keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }

@keyframes scale {
  0%,
  100% {
    transform: none; }
  50% {
    transform: scale3d(1.1, 1.1, 1); } }

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142; } }

.brand-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  .brand-title-text {
    padding-right: 1.5625rem ; }
  .brand-title-img {
    display: block;
    max-width: 120px; }
    @media screen and (min-width: 768px) {
      .brand-title-img {
        max-width: 300px;
        max-height: 150px; } }

.brands-grid {
  padding: 0;
  display: grid;
  align-items: start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 0.75rem ;
  margin-bottom: 2.5rem ; }
  @media screen and (min-width: 768px) {
    .brands-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 2rem 1rem ; } }
  .brands-grid__section {
    position: relative;
    padding-left: 2.1875rem ;
    list-style: none; }
  .brands-grid__letter {
    position: absolute;
    left: 0;
    top: 0.4em;
    font-size: 1.125rem;
    line-height: 1; }
  .brands-grid__item {
    position: relative;
    padding-left: 1rem ; }
    .brands-grid__item::before {
      position: absolute;
      left: 0;
      top: 0.65em;
      width: 0.375rem ;
      height: 0.375rem ;
      content: '';
      background-color: #312783;
      border-radius: 100%; }
    .brands-grid__item__link {
      display: inline-block;
      line-height: 1.2; }

.row--homeSlider .carousel-inner {
  --_transition-duration: 700ms; }
  .row--homeSlider .carousel-inner > .carousel-item {
    transition-duration: var(--_transition-duration); }

.carousel--custom .carousel-item.object-fit-fallback {
  background-size: cover; }

.carousel--custom .carousel-item-html {
  position: absolute;
  left: 50%; }
  @media screen and (max-width: 991px) {
    .carousel--custom .carousel-item-html {
      transform: translateX(-50%);
      padding: 20px;
      width: 90%;
      text-align: center; } }
  @media screen and (min-width: 992px) {
    .carousel--custom .carousel-item-html {
      left: 70px;
      top: 25%; } }
  .carousel--custom .carousel-item-html h1,
  .carousel--custom .carousel-item-html h2,
  .carousel--custom .carousel-item-html h3,
  .carousel--custom .carousel-item-html h4,
  .carousel--custom .carousel-item-html h5,
  .carousel--custom .carousel-item-html h6 {
    font-weight: 300;
    text-transform: uppercase;
    color: #555555;
    font-size: 1.4375rem; }
    @media screen and (min-width: 544px) {
      .carousel--custom .carousel-item-html h1,
      .carousel--custom .carousel-item-html h2,
      .carousel--custom .carousel-item-html h3,
      .carousel--custom .carousel-item-html h4,
      .carousel--custom .carousel-item-html h5,
      .carousel--custom .carousel-item-html h6 {
        font-size: 1.5625rem; } }
    @media screen and (min-width: 768px) {
      .carousel--custom .carousel-item-html h1,
      .carousel--custom .carousel-item-html h2,
      .carousel--custom .carousel-item-html h3,
      .carousel--custom .carousel-item-html h4,
      .carousel--custom .carousel-item-html h5,
      .carousel--custom .carousel-item-html h6 {
        font-size: 1.875rem; } }
    @media screen and (min-width: 992px) {
      .carousel--custom .carousel-item-html h1,
      .carousel--custom .carousel-item-html h2,
      .carousel--custom .carousel-item-html h3,
      .carousel--custom .carousel-item-html h4,
      .carousel--custom .carousel-item-html h5,
      .carousel--custom .carousel-item-html h6 {
        font-size: 2.1875rem; } }
    @media screen and (min-width: 1200px) {
      .carousel--custom .carousel-item-html h1,
      .carousel--custom .carousel-item-html h2,
      .carousel--custom .carousel-item-html h3,
      .carousel--custom .carousel-item-html h4,
      .carousel--custom .carousel-item-html h5,
      .carousel--custom .carousel-item-html h6 {
        font-size: 2.5rem; } }
    .carousel--custom .carousel-item-html h1 strong,
    .carousel--custom .carousel-item-html h2 strong,
    .carousel--custom .carousel-item-html h3 strong,
    .carousel--custom .carousel-item-html h4 strong,
    .carousel--custom .carousel-item-html h5 strong,
    .carousel--custom .carousel-item-html h6 strong {
      display: block;
      color: #555555;
      font-weight: bold; }
  .carousel--custom .carousel-item-html p {
    color: #fff; }
  .carousel--custom .carousel-item-html .decoration {
    text-decoration: overline; }
  .carousel--custom .carousel-item-html .btn-slide-usp {
    margin-top: 0; }

.carousel--custom .carousel-control {
  background-image: none;
  opacity: 1; }
  .carousel--custom .carousel-control:hover {
    opacity: 1; }
  .carousel--custom .carousel-control-prev .icon {
    right: auto;
    left: 0; }

@media screen and (max-width: 991px) {
  .carousel--custom .carousel-indicators {
    margin-bottom: 0; } }

.carousel--custom .carousel-indicators li {
  margin: 0;
  margin-right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  border-width: 2px;
  border-color: #1e1e1e;
  background-color: #1e1e1e; }
  .carousel--custom .carousel-indicators li:last-child {
    margin-right: 0; }
  .carousel--custom .carousel-indicators li.active {
    background-color: #1e1e1e;
    border-color: #1e1e1e; }

.carousel--homepage img {
  margin-left: auto;
  margin-right: auto; }

.carousel--homepage .carousel-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden; }
  .carousel--homepage .carousel-img img {
    all: inherit; }

.carousel-control-btn .icon {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  background-color: #312783;
  transform-origin: 50% 50%;
  background-color: #000000; }
  @media screen and (min-width: 992px) {
    .carousel-control-btn .icon {
      margin-top: -7px;
      right: 0; } }
  @media screen and (min-width: 992px) {
    .carousel-control-btn .icon {
      width: 18px;
      height: 14px; } }
  .carousel-control-btn .icon:hover {
    background-color: #221b5c; }
    .carousel-control-btn .icon:hover::before {
      color: #00d5aa; }
  .carousel-control-btn .icon::before {
    transform-origin: 50% 50%;
    font-size: 16px;
    color: #3b3b3b; }
    .carousel--homepage .carousel-control-btn .icon::before {
      font-size: 0.9375rem; }

@media screen and (max-width: 991px) {
  .carousel-control-btn .icon-slider-control-prev {
    left: 0; } }

@media screen and (max-width: 991px) {
  .carousel-control-btn .icon-slider-control-next {
    right: 0; } }

.carousel-control-btn .icon-slider-control-next::before {
  transform: translateX(-50%) translateY(-50%) rotate(-180deg); }

.carousel--homepage {
  overflow: hidden;
  height: 555px; }
  @media screen and (min-width: 768px) {
    .carousel--homepage {
      height: 555px; } }
  @media screen and (min-width: 992px) {
    .carousel--homepage {
      height: 555px; } }

.carousel:hover .carousel__control--toggle {
  opacity: .25; }

.carousel__controls {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 1rem;
  pointer-events: none;
  z-index: 10; }
  .carousel__controls .carousel__control {
    pointer-events: auto;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: grid;
    grid-template-areas: "stack";
    place-items: center;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none; }
    .carousel__controls .carousel__control[data-action="play"] .icon-slider-control-pause {
      display: none; }
    .carousel__controls .carousel__control[data-action="pause"] .icon-slider-control-play {
      display: none; }
    .carousel__controls .carousel__control > svg {
      grid-area: stack; }
    .carousel__controls .carousel__control:hover {
      opacity: .5; }
    .carousel__controls .carousel__control:active {
      opacity: .75; }
    .carousel__controls .carousel__control:focus-visible {
      opacity: 1;
      outline: solid #312783 2px; }

.header {
  background-color: #ffffff; }
  .header__inner {
    position: relative;
    padding-top: 1.125rem ;
    padding-bottom: 1.125rem ;
    border-bottom: 1px solid #efefef; }
    @media screen and (min-width: 544px) {
      .header__inner {
        padding-top: 1.25rem ;
        padding-bottom: 1.25rem ; } }
    @media screen and (min-width: 768px) {
      .header__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0;
        padding-top: 0.9375rem ;
        padding-bottom: 0.9375rem ; } }
    @media screen and (min-width: 992px) {
      .header__inner {
        padding-top: 0.9375rem ;
        padding-bottom: 0.9375rem ; } }
    @media screen and (min-width: 1200px) {
      .header__inner {
        padding-top: 1.5625rem ;
        padding-bottom: 1.5625rem ; } }
  @media screen and (min-width: 544px) {
    .header__component {
      display: inline-block;
      vertical-align: middle; } }
  @media screen and (min-width: 1200px) {
    .header__component--logo {
      flex-grow: 1; } }
  @media screen and (min-width: 544px) {
    .header__component--search {
      flex-grow: 2;
      text-align: right;
      margin-right: 1.5625rem ; } }
  @media screen and (min-width: 768px) {
    .header__component--search {
      text-align: center;
      margin-right: 0; } }
  @media screen and (min-width: 1200px) {
    .header__component--search {
      text-align: right;
      margin-right: 10.9375rem ; } }
  .header__component--search-on-click {
    text-align: right; }
    @media screen and (min-width: 768px) {
      .header__component--search-on-click {
        margin-right: 40px; } }
  @media screen and (min-width: 544px) {
    .header__component--basket {
      text-align: right;
      padding-left: 1.25rem ; } }
  @media screen and (min-width: 768px) {
    .header__component--basket {
      padding-left: 2.5rem ; } }
  @media screen and (min-width: 1200px) {
    .header__component--basket {
      min-width: 180px;
      max-width: 180px;
      flex-grow: 1; } }
  .header__component [class*="icon"]::before {
    color: #3c3c3c; }
  @media screen and (max-width: 767px) {
    .header__component--compare {
      position: absolute;
      top: 50%;
      right: 140px;
      transform: translateY(-50%); }
      .page--Checkout .header__component--compare {
        right: 100px; } }
  .header .logo__img {
    width: 120px; }
    @media screen and (min-width: 768px) {
      .header .logo__img {
        width: 150px; } }
    @media screen and (min-width: 1200px) {
      .header .logo__img {
        width: 235px; } }
  @media screen and (min-width: 992px) {
    .header.header-fixed-scroll.is-fixed {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 45px;
      z-index: 50;
      background-color: #fff;
      border-bottom: 1px solid #efefef;
      box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); }
      .header.header-fixed-scroll.is-fixed .header__inner {
        padding: 0;
        max-width: 100%; }
      .header.header-fixed-scroll.is-fixed .topbar,
      .header.header-fixed-scroll.is-fixed .header__component--search,
      .header.header-fixed-scroll.is-fixed .header__component--compare,
      .header.header-fixed-scroll.is-fixed .topbar__component--currencies,
      .header.header-fixed-scroll.is-fixed .topbar__component--languages,
      .header.header-fixed-scroll.is-fixed .topbar__component--clientZone {
        display: none; }
      .header.header-fixed-scroll.is-fixed .header__component--logo {
        position: absolute;
        left: 20px;
        top: 5px; }
        .header.header-fixed-scroll.is-fixed .header__component--logo .logo__img {
          max-width: 75px; }
      .header.header-fixed-scroll.is-fixed .header__component--basket {
        position: absolute;
        top: 8px;
        right: 20px;
        min-width: 100px;
        z-index: 1; }
        .header.header-fixed-scroll.is-fixed .header__component--basket .basket__col {
          vertical-align: middle; }
        .header.header-fixed-scroll.is-fixed .header__component--basket .amountHelper {
          top: 0;
          z-index: 1; }
      .header.header-fixed-scroll.is-fixed .basket {
        padding-top: 0; }
      .header.header-fixed-scroll.is-fixed .mainNav {
        position: static;
        background-color: transparent;
        border-left: 1px solid #efefef;
        white-space: nowrap;
        height: 100% !important;
        width: auto;
        padding-left: 112.5px; }
        .header.header-fixed-scroll.is-fixed .mainNav__inner {
          padding: 0;
          max-width: none;
          height: 100%; }
        .header.header-fixed-scroll.is-fixed .mainNav .mainNav__item__in {
          color: #555555;
          font-size: 0.8125rem;
          border-right: 1px solid #efefef;
          background-color: transparent;
          padding: 11px; }
          .header.header-fixed-scroll.is-fixed .mainNav .mainNav__item__in:hover {
            background-color: #f5f5f5; }
        .header.header-fixed-scroll.is-fixed .mainNav__hidden {
          width: auto;
          right: 125px;
          left: auto;
          background-color: #fff;
          border: 1px solid #efefef;
          border-bottom: 0; }
          .header.header-fixed-scroll.is-fixed .mainNav__hidden .mainNav__item {
            display: block;
            border-bottom: 1px solid #efefef; }
          .header.header-fixed-scroll.is-fixed .mainNav__hidden .mainNav__item__in {
            border-right: 0; } }
    @media screen and (min-width: 992px) and (min-width: 768px) {
      .header.header-fixed-scroll.is-fixed .mainNav__visible {
        display: inline-table;
        white-space: nowrap;
        width: auto;
        max-width: none; } }
  @media screen and (min-width: 992px) {
        .header.header-fixed-scroll.is-fixed .mainNav__button {
          padding-top: 10px;
          background-color: #f5f5f5;
          color: #000;
          font-weight: bold;
          border-left: 1px solid #efefef;
          border-right: 1px solid #efefef;
          right: 150px; }
          .header.header-fixed-scroll.is-fixed .mainNav__button-text {
            line-height: 1; }
          .header.header-fixed-scroll.is-fixed .mainNav__button-count {
            top: 8px; }
          .header.header-fixed-scroll.is-fixed .mainNav__button .icon-menu::before {
            color: inherit;
            font-size: 12px; }
      .header.header-fixed-scroll.is-fixed .mainNav__item--catMenu {
        min-width: 10rem ; }
        .header.header-fixed-scroll.is-fixed .mainNav__item--catMenu .icon {
          margin-left: 15px; }
        .header.header-fixed-scroll.is-fixed .mainNav__item--catMenu .icon::before {
          color: inherit; }
      .header.header-fixed-scroll.is-fixed .catMenu--categories {
        min-width: 250px; }
      .header.header-fixed-scroll.is-fixed .alert--in-header {
        display: none; } }
  .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps {
    padding-left: 0; }
    .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav {
      display: flex;
      height: 44px; }
    .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__item {
      display: flex;
      align-items: center;
      height: 45px;
      padding-top: 0;
      padding-bottom: 0;
      font-size: 0.8125rem; }
      .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__item.active .basketNav__link {
        color: #555555; }
      .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__item.active .basketNav__step {
        border-color: #312783;
        color: #312783; }
      .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__item .basketNav__step {
        border-color: #555555;
        color: #555555; }
      .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__item.active .basketNav__text {
        color: #312783; }
      .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__item .basketNav__link::after {
        border-color: #efefef; }
      .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__item .basketNav__text {
        font-size: 14px;
        color: #000; }
    .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__link {
      padding-top: 0;
      padding-bottom: 0; }
      .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__link:hover {
        color: #555555; }
    .header.header-fixed-scroll.is-fixed .mainNav--checkout-steps .basketNav__step {
      width: 30px;
      height: 30px; }
  .header.header-fixed-scroll.is-fixed.header--checkout .container .row {
    display: flex;
    max-width: 1000px;
    margin: 0 auto; }

.topbar {
  background-color: #ffffff;
  border-bottom: 1px solid #efefef; }
  .topbar .row {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0; }
    @media screen and (min-width: 1200px) {
      .topbar .row {
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef; } }
  .topbar__col {
    display: table; }
    .topbar__col--left {
      float: left; }
    .topbar__col--right {
      text-align: right;
      float: right; }
  .topbar .nav-item {
    display: inline-block;
    margin-right: 0.375rem ; }
    .topbar .nav-item:last-child {
      margin-right: 0; }
  .topbar .topbarLinks {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem ; }
  .topbar__component {
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem 0.75rem ;
    font-size: 0.75rem; }
    .topbar__component a {
      color: #555555; }
    .topbar__component [class*="icon-"]::before,
    .topbar__component .fa::before {
      color: #00d5aa;
      font-size: 17px; }
    .topbar__component--clientZone {
      border-left: 1px solid #efefef; }
    .topbar__component--info {
      border-right: 1px solid #efefef; }
    .topbar__component--languages {
      padding-right: 1.25rem ;
      border-left: 1px solid #efefef; }
    .topbar__component--currencies {
      padding-right: 1.25rem ;
      border-left: 1px solid #efefef; }
    .topbar__component--social {
      border-right: 1px solid #efefef; }
      .topbar__component--social a:hover {
        text-decoration: none; }
    .topbar__component .topbar__skype .icon-skype::before {
      position: relative;
      left: 1px;
      top: -1px;
      font-size: 1.125rem; }
  .topbar__email a, .topbar__phone a, .topbar__component--clientZone a {
    text-decoration: none; }
    .topbar__email a:hover span, .topbar__phone a:hover span, .topbar__component--clientZone a:hover span {
      text-decoration: underline; }

.bottomBar {
  padding: 1.25rem 0 ;
  border: 1px solid #efefef;
  background-color: #f8f8f8; }
  .bottomBar .row {
    display: flex;
    align-items: center; }
  .bottomBar .basket {
    margin-left: auto; }

.header--catDrop .header__inner {
  display: table;
  width: 100%;
  padding: 0; }

.header--catDrop .header__component--logo {
  display: table-cell;
  vertical-align: middle;
  min-width: 150px;
  width: 150px; }
  @media screen and (min-width: 544px) {
    .header--catDrop .header__component--logo {
      min-width: 140px;
      width: 140px; } }
  @media screen and (min-width: 768px) {
    .header--catDrop .header__component--logo {
      min-width: 150px;
      width: 150px; } }
  @media screen and (min-width: 992px) {
    .header--catDrop .header__component--logo {
      min-width: 200px;
      width: 200px; } }
  @media screen and (min-width: 1200px) {
    .header--catDrop .header__component--logo {
      min-width: 270px;
      width: 270px; } }

.header--catDrop .header__innerSection {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1.5625rem ;
  padding-right: 1.25rem ; }
  @media screen and (min-width: 1200px) {
    .header--catDrop .header__innerSection {
      padding-right: 0; } }

.header--catDrop .header__topBar {
  margin-bottom: 0.625rem ; }

.header--catDrop .header__bottomBar {
  margin-bottom: 0.625rem ; }
  .header--catDrop .header__bottomBar [class*="icon-"]::before {
    color: #3c3c3c; }

.header--catDrop .logo .link {
  display: block;
  padding: 2.5rem 1.25rem ;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  box-shadow: 0 0 5px 0 #efefef;
  text-align: center; }

.header--catDrop .mainNav__inner {
  padding: 0; }

.header--catDrop .topbar__component {
  display: inline-block;
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0; }
  .header--catDrop .topbar__component--info {
    padding-left: 0; }
    .header--catDrop .topbar__component--info .topbar__phone + .topbar__email {
      margin-left: 0.9375rem ; }
  .header--catDrop .topbar__component--clientZone {
    float: right;
    padding-right: 0; }
  .header--catDrop .topbar__component--languages, .header--catDrop .topbar__component--currencies {
    float: right; }
  .header--catDrop .topbar__component--currencies {
    border-left: 0; }
  .header--catDrop .topbar__component--social {
    margin-left: -4px; }

.header--catDrop .fulltext {
  float: left; }

.header--catDrop .header__compare {
  float: right; }

.header--catDrop .basket {
  float: right;
  margin-left: 0.625rem ;
  padding-top: 0; }
  .header--catDrop .basket__btn {
    position: static;
    display: block; }

.header--catDrop .basket,
.header--catDrop .compare {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  padding: 0.5rem 0.75rem ;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 2px; }
  .header--catDrop .basket .amountHelper,
  .header--catDrop .compare .amountHelper {
    left: auto;
    right: -4px; }
    .header--catDrop .basket .amountHelper--compare,
    .header--catDrop .compare .amountHelper--compare {
      top: -6px; }

.header--catDrop .compare {
  padding-top: 0.625rem ;
  font-size: 0.8125rem;
  color: #555555; }

.header--catDrop .dropdown-toggle::after {
  right: 2px; }

.mainNav {
  padding: 0;
  background-color: #ffffff;
  border-radius: 0; }
  @media screen and (min-width: 768px) {
    .mainNav__visible:has(.dropdown-menu--mega) {
      position: relative; } }
  @media screen and (max-width: 767px) {
    .mainNav {
      position: relative;
      z-index: 2;
      padding: 0;
      background-color: #ffffff;
      border-radius: 0; } }
  @media screen and (min-width: 768px) {
    .page--Homepage .mainNav--catMenu .mainNav__visible {
      padding-left: 18rem; } }
  @media screen and (min-width: 768px) {
    .mainNav--oneline .mainNav__visible {
      display: table;
      table-layout: fixed;
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .page--Homepage .mainNav--catMenu .mainNav__visible {
      padding-left: 18rem; } }
  @media screen and (min-width: 768px) {
    .mainNav--oneline .mainNav__visible {
      display: table;
      table-layout: fixed;
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .mainNav--oneline .mainNav__item {
      display: table-cell;
      vertical-align: middle;
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .mainNav--oneline .mainNav__item__in {
      padding: 1rem;
      font-size: 1vw; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .mainNav--oneline .mainNav__item__in {
      font-size: 12px; } }
  @media screen and (min-width: 768px) and (min-width: 1400px) {
    .mainNav--oneline .mainNav__item__in {
      font-size: 14px; } }
  @media screen and (min-width: 768px) {
    .mainNav--multiline .mainNav__visible {
      display: flex;
      flex-wrap: wrap; } }
  .mainNav--multiline .mainNav__item__in {
    border-right: 0; }
  @media screen and (min-width: 768px) {
    .mainNav--priorityplus .mainNav__visible {
      display: inline-table;
      white-space: nowrap; } }
  .mainNav--catMenu {
    position: relative; }
    @media screen and (min-width: 768px) {
      .mainNav--catMenu {
        min-width: 18rem; }
        .page--Homepage .mainNav--catMenu {
          margin-left: 0; } }
    .mainNav--catMenu .mainNav__item__in {
      position: relative; }
  .mainNav__item {
    display: block; }
    @media screen and (min-width: 768px) {
      .mainNav__item {
        display: inline-block; } }
    .mainNav__item--catMenu {
      position: relative; }
      @media screen and (min-width: 768px) {
        .mainNav__item--catMenu {
          min-width: 18rem; }
          .page--Homepage .mainNav__item--catMenu {
            margin-left: -18rem; } }
      .mainNav__item--catMenu .mainNav__item__in {
        position: relative;
        z-index: 11;
        background-color: #e6e6e6;
        text-transform: uppercase;
        padding-right: 0; }
        .mainNav__item--catMenu .mainNav__item__in:hover {
          background-color: #cccccc; }
        .mainNav__item--catMenu .mainNav__item__in .icon {
          float: right;
          margin-right: 1.25rem ;
          margin-left: 2.8125rem ; }
          @media screen and (min-width: 768px) {
            .mainNav__item--catMenu .mainNav__item__in .icon {
              float: none;
              margin-right: 0; } }
          .mainNav__item--catMenu .mainNav__item__in .icon::before {
            font-size: 0.75rem;
            color: #fff; }
    .mainNav__item--archive {
      border-top: 1px solid #efefef; }
    .mainNav__item__in {
      display: block;
      color: #fff;
      padding: 0.9375rem 1.5625rem ;
      font-weight: bold;
      font-size: 0.9375rem; }
      @media screen and (max-width: 767px) {
        .mainNav__item__in {
          border-bottom: 1px solid #f2f2f2; } }
      @media screen and (min-width: 768px) {
        .mainNav__item__in {
          border-right: 1px solid #f2f2f2; } }
      .mainNav__item__in:hover {
        background-color: #e6e6e6;
        color: #fff; }
      .mainNav__item__in:active, .mainNav__item__in:focus {
        color: #484848;
        background-color: transparent; }
    .mainNav__item.open .mainNav__item__in {
      background-color: #e6e6e6;
      color: #fff; }
  .mainNav__visible {
    font-size: 0; }
  @media screen and (min-width: 768px) {
    .mainNav__hidden {
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 10;
      border: 1px solid #e6e6e6;
      border-bottom: 0;
      background-color: #ffffff; } }
  @media (min-width: 1200px) {
    .mainNav__hidden {
      right: 0.5rem; } }
  @media screen and (min-width: 768px) {
    .mainNav__hidden.is-hidden {
      display: none; } }
  .mainNav__hidden .mainNav__item {
    display: block; }
    .mainNav__hidden .mainNav__item__in {
      background-color: #ffffff;
      color: #fff; }
      .mainNav__hidden .mainNav__item__in:hover {
        background-color: #e6e6e6; }
  .mainNav__button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.9375rem 1.5625rem ;
    height: 100%;
    z-index: 1;
    border: 0;
    background-color: #e6e6e6;
    color: #fff; }
    @media screen and (min-width: 1200px) {
      .mainNav__button {
        right: 0.5rem; } }
    @media screen and (max-width: 767px) {
      .mainNav__button {
        display: none; } }
    .mainNav__button:hover {
      background-color: #cccccc; }
    .mainNav__button:focus {
      outline: 0; }
    .mainNav__button.is-hidden {
      display: none; }
    .mainNav__button-text {
      display: block;
      font-size: 0.6875rem;
      line-height: 1; }
    .mainNav__button .mainNav__button-count {
      left: auto;
      right: 4px; }
    .mainNav__button .icon-menu {
      display: block;
      margin-top: -8px; }
    .mainNav__button .icon-menu::before {
      color: #fff;
      font-size: 15px; }
  @media screen and (max-width: 767px) {
    .mainNav__toggler {
      width: 40px;
      height: 40px;
      background-color: #f8f8f8;
      color: #555555;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      font-weight: bold;
      border: 1px solid #efefef; } }
  .mainNav__catDrop {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0.9375rem 0 ;
    width: 100%;
    z-index: 20;
    background-color: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 5px #efefef; }
    .mainNav__catDrop .mainNav__item {
      display: block; }
      .mainNav__catDrop .mainNav__item__in {
        padding: 0.5rem 1.25rem ;
        border-right: 0;
        color: #312783;
        font-weight: normal; }
        .mainNav__catDrop .mainNav__item__in:hover {
          background-color: #ebebeb; }
        .mainNav__catDrop .mainNav__item__in::after {
          position: absolute;
          top: 50%;
          right: 10px;
          transform: rotate(-90deg); }
    .mainNav__catDrop .dropdown-menu {
      left: 100%;
      top: 0;
      margin: 0; }

@media screen and (min-width: 1200px) {
  .topbarLinks {
    margin-right: 1.25rem ; } }

.topbarLinks .nav-item {
  margin-right: 0.1875rem ; }
  .topbarLinks .nav-item::after {
    display: inline-block;
    vertical-align: baseline;
    content: '|';
    margin-left: 0.1875rem ; }
  .topbarLinks .nav-item:last-child::after {
    content: ''; }

.topbarLinks .nav-link {
  font-size: 0.75rem;
  color: #555555; }
  .topbarLinks .nav-link:hover {
    text-decoration: underline; }

.sideNav__heading {
  padding: 1.25rem 1.5625rem ;
  margin-bottom: 0;
  background-color: #312783;
  color: #fff;
  font-weight: normal; }
  .sideNav__heading a {
    color: inherit; }

.catMenu {
  border: 1px solid #efefef;
  border-bottom: 0; }
  .catMenu__inner {
    padding: 0;
    margin: 0; }
    .catMenu__inner:first-of-type {
      padding-top: 0.625rem ; }
  .catMenu__title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 0.8125rem;
    border-bottom: 1px solid #efefef;
    padding: 0.3125rem 2.1875rem 0.625rem 1.25rem ;
    color: #666; }
    .catMenu__title .icon {
      position: absolute;
      top: 2px;
      right: 15px; }
      .catMenu__title .icon::before {
        color: #666;
        font-size: 0.9375rem; }
  .catMenu .catNav {
    margin-bottom: 50px; }
    .catMenu .catNav__item__in {
      display: block;
      padding: 0.625rem 1.5625rem ;
      border-bottom: 1px solid #efefef;
      background-color: #fff; }
      .catMenu .catNav__item__in--lev {
        position: relative;
        padding-right: 2.8125rem ; }
    .catMenu .catNav__item.active > .catNav__item__in {
      background-color: #312783;
      color: #fff; }
      .catMenu .catNav__item.active > .catNav__item__in .catNav__handler__icon::before {
        color: #fff; }
    .catMenu .catNav__handler {
      position: absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 100%;
      border-left: 1px solid #efefef; }
      .catMenu .catNav__handler__icon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%); }
    .catMenu .catNav--lev2 .catNav__item__in {
      padding-left: 2.34375rem ;
      background-color: #f8f8f8; }
    .catMenu .catNav--lev3 .catNav__item__in {
      padding-left: 3.125rem ; }
  .catMenu + .catMenu--offers {
    margin-top: -1.25rem ; }
  .catMenu--offers .catMenu__item__in {
    background-color: #f8f8f8;
    font-weight: bold; }
  .catMenu--sidebar {
    width: 100%;
    z-index: 10;
    background-color: #f8f8f8;
    border: 1px solid #efefef;
    padding: 0.625rem 0 ; }
    .catMenu--sidebar .catMenu__title {
      cursor: default; }
    .catMenu--sidebar .catMenu__item {
      display: block; }
      .catMenu--sidebar .catMenu__item--showAll {
        margin-top: 0.3125rem ;
        border-top: 1px solid #efefef; }
        .catMenu--sidebar .catMenu__item--showAll .catMenu__link {
          padding-top: 0.75rem ; }
      .catMenu--sidebar .catMenu__item--hasChild .catMenu__link {
        padding-right: 2.5rem ; }
      .catMenu--sidebar .catMenu__item--hasChild > .catMenu__inner {
        display: none; }
      .catMenu--sidebar .catMenu__item.current > .catMenu__link {
        font-weight: bold; }
    .catMenu--sidebar .catMenu__link {
      position: relative;
      display: block;
      padding: 0.3125rem 1.25rem ; }
      .catMenu--sidebar .catMenu__link .icon {
        position: absolute;
        top: 5px;
        right: 15px;
        transform: rotate(90deg); }
        .catMenu--sidebar .catMenu__link .icon::after {
          font-size: 0.375rem;
          color: #312783; }
    .catMenu--sidebar .catMenu__inner {
      padding-top: 0; }
      .catMenu--sidebar .catMenu__inner--lev1 {
        padding-top: 0.625rem ; }
      .catMenu--sidebar .catMenu__inner--lev2 .catMenu__link {
        padding-left: 2.5rem ; }
      .catMenu--sidebar .catMenu__inner--lev3 .catMenu__link {
        padding-left: 3.75rem ; }
      .catMenu--sidebar .catMenu__inner--lev4 .catMenu__link {
        padding-left: 5rem ; }
      .catMenu--sidebar .catMenu__inner--lev5 .catMenu__link {
        padding-left: 6.25rem ; }
    .catMenu--sidebar .catMenu__childToggle {
      position: absolute;
      top: 0;
      right: 12px;
      padding: 0.5rem ;
      border: 0;
      line-height: 1;
      background: none; }
      .catMenu--sidebar .catMenu__childToggle:focus {
        outline: 0; }
      .catMenu--sidebar .catMenu__childToggle .fa::before {
        font-size: 0.875rem; }
    .catMenu--sidebar .catMenu__toggle {
      display: none; }
    .mainNav--primary .catMenu--sidebar {
      border: 0;
      border-bottom: 1px solid #f2f2f2;
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 0; }
      .mainNav--primary .catMenu--sidebar .catMenu__inner {
        padding-top: 0;
        padding-bottom: 0; }
      .mainNav--primary .catMenu--sidebar .catMenu__title,
      .mainNav--primary .catMenu--sidebar .catMenu__inner--lev1 {
        display: none; }
      .mainNav--primary .catMenu--sidebar .catMenu__inner--lev1.is-open {
        display: block; }
      .mainNav--primary .catMenu--sidebar .catMenu__toggle {
        position: relative;
        display: block;
        color: #555555;
        padding: 0.9375rem 1.5625rem ;
        font-weight: bold;
        text-decoration: none;
        text-transform: capitalize;
        background-color: #ffffff;
        color: #555555; }
        .mainNav--primary .catMenu--sidebar .catMenu__toggle:hover {
          background-color: #e6e6e6; }
        .mainNav--primary .catMenu--sidebar .catMenu__toggle .fa {
          position: absolute;
          right: 15px;
          top: 53%;
          transform: translateY(-50%); }
          .mainNav--primary .catMenu--sidebar .catMenu__toggle .fa::before {
            color: inherit; }
      .mainNav--primary .catMenu--sidebar .catMenu__link {
        padding-top: 0.5rem ;
        padding-bottom: 0.5rem ;
        background-color: #ffffff;
        color: #555555;
        border-top: 1px solid #f2f2f2; }
        .mainNav--primary .catMenu--sidebar .catMenu__link:hover {
          background-color: #e6e6e6; }
        .mainNav--primary .catMenu--sidebar .catMenu__link .fa::before {
          color: inherit; }
      .mainNav--primary .catMenu--sidebar .catMenu__inner--lev1 .catMenu__link {
        padding-left: 2.1875rem ; }
      .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2 .catMenu__link {
        padding-left: 3.125rem ; }
      .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3 .catMenu__link {
        padding-left: 4.0625rem ; }
      .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4 .catMenu__link {
        padding-left: 5rem ; }
      .mainNav--primary .catMenu--sidebar .catMenu__childToggle {
        top: 4px; }
  .catMenu--inHeader {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0;
    font-size: 1rem; }
    @media screen and (min-width: 768px) {
      .catMenu--inHeader {
        position: absolute;
        left: 0;
        top: 100%;
        box-shadow: 0 0 5px #efefef;
        width: 100%;
        z-index: 5;
        padding: 0.625rem 0 ; } }
    .catMenu--inHeader .catMenu__link {
      position: relative;
      display: block;
      padding: 0.3125rem 2.1875rem 0.3125rem 1.25rem ;
      white-space: normal; }
      .catMenu--inHeader .catMenu__link .icon {
        position: absolute;
        top: 5px;
        right: 15px;
        transform: rotate(90deg); }
        .catMenu--inHeader .catMenu__link .icon::after {
          font-size: 0.375rem;
          color: #312783; }
    .catMenu--inHeader .catMenu__item {
      display: block; }
      .catMenu--inHeader .catMenu__item--showAll {
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        background-color: #f8f8f8; }
        @media screen and (min-width: 768px) {
          .catMenu--inHeader .catMenu__item--showAll {
            margin: 0.3125rem 0 -0.625rem ; } }
        .catMenu--inHeader .catMenu__item--showAll .catMenu__link {
          padding-top: 0.75rem ;
          padding-bottom: 0.75rem ;
          font-weight: bold; }
      .catMenu--inHeader .catMenu__item.current > .catMenu__link {
        font-weight: bold; }

.box-toggle {
  display: none; }

.mainNav--primary .box--brands {
  border: 0;
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
  font-size: 0.9375rem; }
  .mainNav--primary .box--brands .box-title,
  .mainNav--primary .box--brands .box-inner {
    display: none; }
  .mainNav--primary .box--brands .box-inner.is-open {
    display: block; }
  .mainNav--primary .box--brands .box-toggle {
    display: block;
    position: relative;
    color: #555555;
    padding: 0.9375rem 1.5625rem ;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    background-color: #ffffff;
    color: #555555; }
    .mainNav--primary .box--brands .box-toggle:hover {
      background-color: #e6e6e6; }
    .mainNav--primary .box--brands .box-toggle .fa {
      position: absolute;
      right: 15px;
      top: 53%;
      transform: translateY(-50%); }
      .mainNav--primary .box--brands .box-toggle .fa::before {
        color: inherit; }
  .mainNav--primary .box--brands li {
    margin: 0; }
  .mainNav--primary .box--brands li:first-child a {
    border-top-color: #f2f2f2; }
  .mainNav--primary .box--brands li a {
    padding-top: 0.5rem ;
    padding-bottom: 0.5rem ;
    background-color: #ffffff;
    color: #555555;
    border-top: 1px solid #f2f2f2;
    border-bottom: 0;
    margin: 0;
    padding-left: 2.1875rem ;
    padding-right: 2.1875rem ; }
    .mainNav--primary .box--brands li a:hover {
      background-color: #e6e6e6; }

.product {
  margin-bottom: 3.125rem ; }
  .product-type-2 .product__brand-img {
    margin-left: auto;
    margin-right: auto; }
  .product__top {
    padding-bottom: 1.25rem ;
    margin-bottom: 1.25rem ;
    border-bottom: 1px solid #efefef; }
    .product__top .product__component {
      margin-top: 0; }
      @media screen and (min-width: 768px) {
        .product__top .product__component {
          display: inline-block;
          vertical-align: middle;
          margin-right: 1.25rem ; } }
      .product__top .product__component:first-of-type {
        margin-left: 0; }
    .product__top .product__sku {
      margin-right: 1.25rem ; }
  .product__topReview .review-stars-mini {
    width: auto;
    margin-right: 8px; }
  .product__component {
    margin-top: 0.625rem ; }
    @media screen and (min-width: 768px) {
      .product__component {
        margin-top: 1.875rem ; } }
  .product__img .product-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 300px; }
    @media screen and (min-width: 768px) {
      .product__img .product-image {
        max-height: 500px; } }
  .product__img .zoomImg {
    background-color: #fff; }
  .product__brand-img {
    max-width: 150px; }
    @media screen and (max-width: 991px) {
      .product__brand-img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px; } }
    .product__brand-img img {
      display: block; }
      @media screen and (max-width: 991px) {
        .product__brand-img img {
          margin: 20px auto 0; } }
  .product__tags {
    margin-top: 0; }
  .product__repayment {
    font-size: 0.875rem; }
    .product__repayment__text {
      padding-left: 0.625rem ;
      line-height: 1.4; }
  .product__desc {
    margin-top: 1.25rem ; }
    @media screen and (min-width: 768px) {
      .product__desc {
        margin-top: 1.875rem ; } }
  .product__showDesc {
    text-decoration: underline; }
    .product__showDesc:hover {
      text-decoration: none; }
    .product__showDesc .icon {
      margin-left: 0.3125rem ; }
      .product__showDesc .icon::after {
        font-size: 0.375rem;
        color: inherit;
        transform: rotate(180deg); }
  .product__accessories {
    text-align: center; }
  .product__related, .product__alternatives {
    text-align: center; }
  .product__reviews {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .product__reviews {
        margin-top: 2rem; } }
    .product__reviews form {
      text-align: left; }
  .product__offers {
    margin: 0.625rem 0 0.625rem ;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .product__offers {
        margin-top: 1.875rem ; } }
    @media screen and (min-width: 992px) {
      .product__offers .product__component {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        margin-top: 0;
        padding-left: 1.875rem ;
        padding-right: 1.875rem ;
        border-right: 1px solid #efefef; } }
    .product__offers .product__component.product__prices {
      padding-left: 0; }
      .product__offers .product__component.product__prices .price--incVat {
        line-height: 1; }
      .product__offers .product__component.product__prices .price--excVat,
      .product__offers .product__component.product__prices .price--package,
      .product__offers .product__component.product__prices .price--recyclingfee {
        font-size: 1rem;
        color: #888; }
        @media screen and (min-width: 768px) {
          .product__offers .product__component.product__prices .price--excVat,
          .product__offers .product__component.product__prices .price--package,
          .product__offers .product__component.product__prices .price--recyclingfee {
            margin-top: 10px; } }
      .product__offers .product__component.product__prices .price--incVatPerc {
        margin-left: 3px; }
      .product__offers .product__component.product__prices .price--unit-conversion {
        color: #888;
        margin-top: .5rem;
        font-size: .875rem; }
    .product__offers .product__component:last-child {
      padding-right: 0;
      border-right: 0; }
  .product__amount {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0.3125rem ;
    width: 30px;
    text-align: center; }
  .product__avail {
    margin-top: 0; }
  .product__variants {
    margin-bottom: 1.875rem ; }
    .product__variants__title {
      font-weight: bold; }
    .product__variants .variant {
      margin-bottom: 1.25rem ; }
      .product__variants .variant:last-child {
        margin-bottom: 0; }
      @media screen and (min-width: 1200px) {
        .product__variants .variant--cols .variant-inner {
          display: flex;
          flex-wrap: wrap; }
        .product__variants .variant--cols .designLabel--radio {
          margin-right: 0; }
        .product__variants .variant--cols-1 .designLabel--radio {
          width: 100%; }
        .product__variants .variant--cols-2 .designLabel--radio {
          width: 50%; }
        .product__variants .variant--cols-3 .designLabel--radio {
          width: calc(100% / 3); }
        .product__variants .variant--cols-4 .designLabel--radio {
          width: 25%;
          white-space: nowrap; }
        .product__variants .variant--cols-4 .designLabel__img {
          max-width: 20px; }
        .product__variants .variant--cols-4 .designLabel__text {
          font-size: 12px;
          margin-left: 2px; } }
  .product-section--mobile-type-contentOnly .btn--collapse {
    display: none; }
  .product-section--mobile-type-contentOnly .collapse {
    display: block; }
  .product__prices {
    padding-left: 0; }
    .product__prices .price--incVat {
      font-size: 2.1875rem;
      color: #312783;
      line-height: normal; }
    .product__prices .price--excVat {
      font-size: 0.875rem; }
    .product__prices .price--incVatPerc {
      font-size: 0.875rem; }
    .product__prices .price__from {
      color: #555555;
      font-size: 0.9375rem;
      font-weight: normal; }
  .product .product__prices .label--discount {
    padding: 0;
    left: 0;
    top: -20px; }
    @media screen and (min-width: 992px) {
      .product .product__prices .label--discount {
        left: 30px;
        top: 50px; } }
    .product .product__prices .label--discount .label__item {
      width: 100%;
      height: 50%; }
      .product .product__prices .label--discount .label__item:nth-child(2) {
        border-top: 1px solid #eb6f6f; }
    .product .product__prices .label--discount .discountNumber {
      left: 53%;
      transform: translateX(-50%);
      font-size: 1.625rem; }
      @media screen and (min-width: 992px) {
        .product .product__prices .label--discount .discountNumber {
          font-size: 2.1875rem; } }
    .product .product__prices .label--discount sub {
      font-size: 1.25rem;
      font-weight: normal;
      left: -3px;
      bottom: 0; }
    .product .product__prices .label--discount .savingPrice {
      padding-top: 0.3125rem ;
      text-transform: none;
      font-weight: normal;
      font-size: 0.8125rem;
      line-height: 1.2; }
      @media screen and (min-width: 992px) {
        .product .product__prices .label--discount .savingPrice {
          padding-top: 0.625rem ; } }
      .product .product__prices .label--discount .savingPrice strong {
        font-size: 0.875rem; }
  .product .availability {
    font-weight: bold;
    font-size: 0.875rem; }
  .product__actions {
    padding: 0.9375rem 0 ;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef; }
    @media screen and (max-width: 767px) {
      .product__actions {
        display: flex;
        flex-wrap: wrap;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 768px) {
      .product__actions {
        display: table;
        width: 100%;
        table-layout: fixed; } }
    .product__actions__item {
      display: block;
      width: 50%;
      font-size: 0.8125rem;
      margin-bottom: 0.625rem ;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .product__actions__item {
          display: table-cell;
          vertical-align: top;
          width: auto;
          border-right: 1px solid #efefef;
          padding-left: 5px;
          padding-right: 5px;
          line-height: 1.2; } }
      .product__actions__item:last-child {
        border-right: 0;
        margin-bottom: 0; }
      .product__actions__item.bg-compare .icon::before {
        color: #312783; }
      .product__actions__item a {
        color: #666;
        text-decoration: underline; }
        .product__actions__item a:hover {
          text-decoration: none; }
        .product__actions__item a.compare {
          display: block;
          width: auto;
          height: auto;
          border-radius: 0;
          border: 0; }
          .product__actions__item a.compare .icon-compare::before {
            color: #00d5aa; }
      .product__actions__item.bg-compare a.compare .icon::before,
      .product__actions__item .bg-compare a.compare .icon::before {
        color: #312783; }
      .product__actions__item i.icon,
      .product__actions__item i.fa {
        display: block;
        margin-bottom: 3px; }
  .product .productGallery {
    padding-left: 0;
    margin-top: 1.25rem 0 ; }
    .product .productGallery li {
      float: left;
      width: 25%;
      height: 70px;
      padding-right: 0.625rem ;
      margin-bottom: 0.625rem ;
      list-style: none; }
      @media screen and (min-width: 768px) {
        .product .productGallery li {
          height: 110px; } }
      .contentWrapper--twoCols .product .productGallery li {
        width: calc(100% / 3); }
      .product .productGallery li.productGallery__other {
        width: 100%;
        height: auto;
        padding: 0.75rem 0.125rem 0.125rem 0.75rem ;
        background-color: #f3f3f3;
        border: 1px solid #efefef; }
      .contentWrapper--twoCols .product .productGallery li.productGallery__next {
        width: 100%;
        height: 75px;
        max-width: calc(100% - 10px);
        margin-bottom: 0; }
      .contentWrapper--twoCols .product .productGallery li.productGallery__other {
        max-width: calc(100% - 10px); }
    .product .productGallery a {
      position: relative;
      display: inline-block;
      width: 100%;
      overflow: hidden;
      height: 100%;
      display: block;
      border: 1px solid #efefef; }
      .product .productGallery a img,
      .product .productGallery a [class$="__inner"],
      .product .productGallery a [class$="__image"] {
        position: absolute;
        width: 100%; }
      .product .productGallery a:after {
        display: block;
        content: '';
        padding-top: 100%; }
    .product .productGallery img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .product .productGallery__next {
      position: relative;
      background-color: #f8f8f8;
      text-align: center;
      font-weight: bold;
      cursor: pointer;
      white-space: nowrap;
      text-transform: lowercase;
      border: 1px solid #efefef; }
      .product .productGallery__next:hover {
        background-color: #f3f3f3; }
      .product .productGallery__next.is-active {
        background-color: #f3f3f3;
        border: 1px solid #efefef;
        border-bottom: 0;
        color: #312783; }
        .product .productGallery__next.is-active:hover {
          color: #555555; }
        .product .productGallery__next.is-active::after {
          position: absolute;
          left: -1px;
          top: 100%;
          content: '';
          width: calc(100% + 2px);
          height: 0.6875rem ;
          background-color: inherit;
          border-right: 1px solid #efefef;
          border-left: 1px solid #efefef; }
        .product .productGallery__next.is-active .dropdown-toggle::after {
          transform: rotate(180deg); }
      .product .productGallery__next .icon {
        display: block; }
        .product .productGallery__next .icon::before {
          color: #312783; }
        .product .productGallery__next .icon.icon-accordion--after, .product .productGallery__next .icon.btn--collapse, .product .productGallery__next .icon.tab-accord-link, .product .productGallery__next .icon.assistant__handler {
          display: none; }
          .product .productGallery__next .icon.icon-accordion--after::after, .product .productGallery__next .icon.btn--collapse::after, .product .productGallery__next .icon.tab-accord-link::after, .product .productGallery__next .icon.assistant__handler::after {
            font-size: 6px;
            color: inherit; }
    .product .productGallery__others {
      padding: 0; }
      .product .productGallery__others li a {
        background-color: #fff; }

.rating--summary {
  margin-bottom: 0.3125rem ; }
  .rating--summary .icon-star::before {
    font-size: 1.5rem; }

html.product {
  margin-bottom: 0; }

.review {
  background-color: #f8f8f8;
  font-size: 0.875rem;
  text-align: left;
  margin-bottom: 0.9375rem ;
  padding: 1.25rem ;
  border: 1px solid #efefef; }
  .contentWrapper--twoCols .review--summary {
    padding-left: 0;
    padding-right: 0; }
    .contentWrapper--twoCols .review--summary .rating-item-stars {
      padding-right: 8px;
      white-space: nowrap; }
  .review-stars {
    position: relative; }
    .review-stars-active {
      position: absolute;
      left: 0;
      top: 0;
      white-space: nowrap;
      overflow: hidden; }
    .review-stars-mini {
      width: auto;
      margin-left: auto;
      margin-right: auto;
      text-align: left; }
      @media screen and (max-width: 991px) {
        .review-stars-mini {
          width: 116px; } }
  .review__question {
    white-space: break-spaces; }
  .review-detail {
    margin-bottom: 40px; }
    .review-detail .product__title {
      text-align: center; }
    .review-detail .product__img {
      max-width: 800px;
      margin: auto; }
      .review-detail .product__img.zoomable:hover .product-image.is-zoomable {
        visibility: hidden; }
      .review-detail .product__img .product-image {
        max-height: 350px; }
    .review-detail-action-btn {
      text-align: center;
      margin-bottom: 30px; }
      @media screen and (min-width: 992px) {
        .review-detail-action-btn {
          margin-top: 30px; } }
      @media screen and (min-width: 1200px) {
        .review-detail-action-btn .btn, .review-detail-action-btn .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .review-detail-action-btn .tab-accord-link {
          padding: 15px 50px;
          font-size: 1.125rem; } }
    .review-detail .form--review {
      display: block !important; }
    .review-detail .review:last-of-type {
      margin-bottom: 30px; }
  .review-link-list > a {
    margin-bottom: 10px; }
  .review__top {
    padding-bottom: 0.625rem ;
    margin-bottom: 0.9375rem ;
    border-bottom: 1px solid #efefef; }
    .contentWrapper--twoCols .review__top {
      flex-wrap: wrap; }
      .contentWrapper--twoCols .review__top .review-label {
        display: block;
        width: 100%;
        order: 2;
        margin-left: 0; }
  .review__author {
    font-weight: bold;
    margin-right: 0.25rem ; }
  .review .rating {
    margin-right: 0.25rem ; }
  .review-subtitle {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .review-subtitle {
        font-size: 1.5rem; } }
  .review .rating--details {
    display: table;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      .review .rating--details {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; }
        .review .rating--details .rating-item {
          display: flex;
          width: 100%; }
          .review .rating--details .rating-item .rating-item-progress {
            display: flex;
            flex-grow: 1; }
          .review .rating--details .rating-item .rating-progress-info {
            display: block;
            min-width: 60px;
            text-align: right; }
          .review .rating--details .rating-item .progress {
            width: 100%; } }
    @media screen and (min-width: 992px) {
      .review .rating--details {
        margin-bottom: 0; } }
    @media screen and (max-width: 1199px) {
      .review .rating--details .rating-item {
        white-space: nowrap; } }
    .review .rating--details .rating-item-stars,
    .review .rating--details .rating-item-progress {
      display: table-cell;
      vertical-align: top; }
    .review .rating--details .rating-item-stars {
      width: 40px;
      white-space: nowrap; }
      @media screen and (min-width: 768px) {
        .review .rating--details .rating-item-stars {
          width: 125px; } }
      .review .rating--details .rating-item-stars .icon-star {
        margin: 0 2px; }
      .review .rating--details .rating-item-stars-number {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.125rem;
        line-height: 1; }
        @media screen and (min-width: 768px) {
          .review .rating--details .rating-item-stars-number {
            display: none; } }
    .review .rating--details .rating-progress-info {
      display: inline-block;
      vertical-align: top; }
    .review .rating--details .rating-progress-users-count {
      font-weight: bold; }
    .review .rating--details .progress {
      display: inline-block;
      vertical-align: top;
      width: 150px;
      margin-right: 6px;
      background-color: #eceeef;
      height: 20px; }
      @media screen and (min-width: 768px) {
        .review .rating--details .progress {
          width: 200px; } }
      .review .rating--details .progress .progress-bar {
        height: 20px;
        background-color: #312783; }
      @media screen and (min-width: 768px) {
        .contentWrapper--twoCols .review .rating--details .progress {
          width: 155px; } }
      @media screen and (min-width: 1200px) {
        .contentWrapper--twoCols .review .rating--details .progress {
          margin-bottom: 0; } }
  .review__score {
    font-size: 2rem; }
    @media screen and (min-width: 1200px) {
      .review__score {
        font-size: 2.8125rem; } }
  .review--summary {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: transparent; }
    .review--summary .review-stars {
      text-align: left; }
    .review--summary .rating-item {
      margin-bottom: 5px; }
    .review--summary-list .rating--details {
      margin-bottom: 15px; }
      @media screen and (max-width: 1199px) {
        .review--summary-list .rating--details .rating-item-stars {
          width: 40px; } }
      .review--summary-list .rating--details .rating-item-stars-number {
        display: inline-block;
        vertical-align: middle; }
        @media screen and (min-width: 1200px) {
          .review--summary-list .rating--details .rating-item-stars-number {
            display: none; } }
    @media screen and (max-width: 1199px) {
      .review--summary-list .nav-reviews-recommends .nav-item {
        display: inline-block;
        vertical-align: middle; } }
    @media screen and (max-width: 1199px) {
      .review--summary-list .nav-reviews-recommends .nav-item-text {
        display: none; } }
    .review--summary-detail .rating--details {
      margin-bottom: 0; }
    .review--summary-no-heureka .rating--details {
      margin-bottom: 0; }
    .review--summary-no-heureka .row {
      max-width: 450px;
      margin-left: auto;
      margin-right: auto; }
      .page--Reviews .review--summary-no-heureka .row {
        max-width: 100%; }
    .review--summary-no-heureka .row--full-width {
      max-width: 100%; }
  @media screen and (max-width: 767px) {
    .review-final-score {
      max-width: 300px;
      margin-left: auto;
      margin-right: auto; } }
  .contentWrapper--twoCols .review-final-score {
    text-align: center; }
  .review-final-score .review__score,
  .review-final-score .rating {
    display: inline-block;
    vertical-align: middle; }
  .review-final-score .review__score {
    margin-right: 12px;
    line-height: 1; }
  @media screen and (max-width: 767px) {
    .review .nav-reviews-recommends {
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .review .nav-reviews-recommends .nav-item-text {
      display: none; } }
  .review .nav-reviews-recommends-up, .review .nav-reviews-recommends-down {
    display: inline-block;
    vertical-align: middle;
    min-width: 85px;
    font-size: 1.25rem; }
  .review .nav-reviews-recommends-up {
    color: #1ea945; }
    .review .nav-reviews-recommends-up .fa {
      background-color: #1ea945; }
  .review .nav-reviews-recommends-down {
    color: #ed2f2c; }
    .review .nav-reviews-recommends-down .fa {
      background-color: #ed2f2c; }
  .review .nav-reviews-recommends .nav-item {
    margin-bottom: 15px;
    font-size: 1rem; }
    @media screen and (max-width: 767px) {
      .review .nav-reviews-recommends .nav-item {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0; } }
  .review .nav-reviews-recommends .fa {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 100%;
    text-align: center;
    margin-right: 5px; }
    .review .nav-reviews-recommends .fa::before {
      color: #fff;
      font-size: 1.5rem; }
  .review-heureka-pros, .review-heureka-cons {
    font-weight: bold; }
    .review-heureka-pros i, .review-heureka-cons i {
      margin-right: 5px; }
    .review-heureka-pros i::before, .review-heureka-cons i::before {
      color: inherit; }
  .review-heureka-pros {
    color: #1ea945; }
  .review-heureka-cons {
    color: #ed2f2c; }
  .review--type-2 {
    padding: 0;
    border: 0;
    background-color: transparent; }
    .review--type-2 .review__top {
      border: 0;
      margin: 0;
      padding: 5px 15px; }
      @media screen and (min-width: 992px) {
        .review--type-2 .review__top {
          padding: 7px 20px; } }
    .review--type-2 .review__author {
      font-weight: normal; }
      .review--type-2 .review__author .fa-user {
        margin-right: 3px; }
        .review--type-2 .review__author .fa-user::before {
          font-size: 0.9375rem;
          color: inherit; }
    .review--type-2 .review__question {
      padding: 15px;
      border-radius: 10px;
      background-color: #f8f8f8; }
      @media screen and (min-width: 992px) {
        .review--type-2 .review__question {
          padding: 15px 20px; } }
    .review--type-2 .rating {
      margin-left: 20px; }
  @media screen and (min-width: 768px) {
    .review-all {
      display: inline-block;
      vertical-align: top; } }
  .review-label {
    display: block;
    position: relative;
    margin-top: 8px;
    cursor: help; }
    @media screen and (min-width: 768px) {
      .review-label {
        display: inline-block;
        margin: 0 0 0 12px; } }
    .review-label:hover .review-label__tooltip {
      opacity: 1; }
    .review-label__text {
      display: inline-block;
      vertical-align: middle;
      font-weight: 700;
      text-decoration: underline; }
    .review-label__icon {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 2px;
      width: 20px;
      height: 19px;
      border-radius: 100%; }
      .review-label__icon::before, .review-label__icon::after {
        position: absolute;
        background-color: #fff;
        content: ''; }
    .review-label__tooltip {
      position: absolute;
      left: 0;
      top: 140%;
      padding: 8px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.6);
      border-radius: 8px;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      line-height: 1.4;
      min-width: 250px;
      pointer-events: none; }
    .review-label--not-verified .review-label__text {
      color: #ed2f2c; }
    .review-label--not-verified .review-label__icon {
      background-color: #ed2f2c; }
      .review-label--not-verified .review-label__icon::before, .review-label--not-verified .review-label__icon::after {
        width: 2px;
        height: 10px;
        left: 9px;
        top: 5px;
        transform: rotate(45deg); }
      .review-label--not-verified .review-label__icon::after {
        transform: rotate(-45deg); }
    .review-label--verified .review-label__text {
      color: #1ea945; }
    .review-label--verified .review-label__icon {
      background-color: #1ea945; }
      .review-label--verified .review-label__icon::before {
        width: 3px;
        height: 6px;
        transform: rotate(-40deg);
        left: 6px;
        top: 8px; }
      .review-label--verified .review-label__icon::after {
        width: 3px;
        height: 10px;
        transform: rotate(30deg);
        left: 10px;
        top: 5px; }
    .review-label--heureka-verified .review-label__text {
      color: #009cd3; }
    .review-label--heureka-verified .review-label__icon {
      border: 3px solid #ef7001; }
      .review-label--heureka-verified .review-label__icon::before, .review-label--heureka-verified .review-label__icon::after {
        background-color: #ef7001; }
      .review-label--heureka-verified .review-label__icon::before {
        width: 3px;
        height: 6px;
        transform: rotate(-40deg);
        left: 4px;
        top: 5px; }
      .review-label--heureka-verified .review-label__icon::after {
        width: 3px;
        height: 10px;
        transform: rotate(30deg);
        left: 8px;
        top: 0; }

.answer {
  margin-bottom: 0.9375rem ;
  font-size: 0.875rem; }
  .answer--type-2 {
    text-align: left;
    padding-left: 20px; }
    @media screen and (min-width: 768px) {
      .answer--type-2 {
        padding-left: 40px;
        margin: 20px 0 20px 0; } }
    .answer--type-2 p:last-of-type {
      margin-bottom: 0; }

.amountHelper {
  position: absolute;
  left: 5px;
  top: -6px;
  color: #fff;
  border-radius: 50%;
  font-size: 0.625rem;
  line-height: 1.4;
  text-align: center;
  width: 15px;
  height: 15px;
  background-color: #e9593e; }
  .amountHelper--compare {
    top: -10px; }

.params__title {
  font-weight: bold;
  font-size: 0.9375rem; }

@media screen and (min-width: 768px) {
  .params--select .form-control {
    display: inline-block;
    vertical-align: middle;
    max-width: 220px; } }

.top-product {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #efefef; }
  @media screen and (min-width: 1200px) {
    .top-product {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .top-product .product-amount-wrapper {
    display: none; }
  .top-product-wrapper {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .top-product-wrapper {
        text-align: left;
        display: table;
        width: 100%; } }
    @media screen and (min-width: 1200px) {
      .top-product-wrapper {
        display: flex;
        align-items: center; } }
  @media screen and (min-width: 768px) {
    .top-product-img-box {
      display: table-cell;
      vertical-align: middle; } }
  @media screen and (min-width: 1200px) {
    .top-product-img-box {
      display: flex;
      align-items: center;
      padding-left: 20px;
      padding-right: 20px;
      width: auto; } }
  @media screen and (min-width: 768px) {
    .top-product-name-box {
      display: table-cell;
      vertical-align: middle; } }
  @media screen and (min-width: 1200px) {
    .top-product-name-box {
      order: 2;
      padding-left: 0;
      display: block; } }
  .top-product-name {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1rem; }
  .top-product-desc {
    font-size: 0.8125rem;
    line-height: 1.4; }
    @media screen and (min-width: 768px) {
      .top-product-desc {
        padding-right: 20px; } }
  .top-product-link {
    display: block; }
  @media screen and (min-width: 768px) {
    .top-product-info-wrapper {
      border-top: 1px solid #efefef;
      border-bottom: 1px solid #efefef;
      padding: 20px 20px 20px 0; } }
  @media screen and (min-width: 1200px) {
    .top-product-info-wrapper {
      display: flex;
      align-items: center; } }
  .top-product-img {
    position: relative;
    display: block;
    margin: 0 auto 20px;
    max-width: 150px;
    min-width: 150px; }
    @media screen and (min-width: 768px) {
      .top-product-img {
        display: table-cell; } }
    @media screen and (min-width: 1200px) {
      .top-product-img {
        display: block;
        order: 1;
        margin-right: 10px;
        margin-bottom: 0; } }
    @media screen and (min-width: 768px) {
      .contentWrapper--twoCols .top-product-img {
        min-width: 120px;
        max-width: 120px; } }
    .top-product-img img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 768px) {
        .top-product-img img {
          max-height: 100px; } }
    .top-product-img .label--discount {
      top: 0; }
  @media screen and (min-width: 768px) {
    .top-product-prices {
      display: table-cell;
      vertical-align: middle;
      width: 30%;
      text-align: right;
      padding-right: 20px; } }
  @media screen and (min-width: 1200px) {
    .top-product-prices {
      display: block;
      order: 2;
      min-width: 300px;
      padding-right: 40px; }
      .contentWrapper--twoCols .top-product-prices {
        padding-right: 20px;
        min-width: 230px; } }
  .top-product-prices .price--incVat {
    display: block;
    font-size: 1.875rem;
    line-height: 1; }
    @media screen and (min-width: 1200px) {
      .top-product-prices .price--incVat {
        font-size: 2.375rem;
        line-height: 1; } }
    @media screen and (min-width: 768px) {
      .contentWrapper--twoCols .top-product-prices .price--incVat {
        font-size: 1.875rem; } }
  .top-product-prices .price--comPrice {
    text-decoration: line-through; }
  .top-product-prices .btn, .top-product-prices .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-prices .tab-accord-link {
    margin-top: 10px;
    display: inline-block;
    width: auto;
    padding: 15px 40px;
    font-size: 1rem; }
    @media screen and (min-width: 1200px) {
      .top-product-prices .btn, .top-product-prices .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-prices .tab-accord-link {
        padding: 10px 45px;
        font-size: 1.125rem; } }
    .contentWrapper--twoCols .top-product-prices .btn, .contentWrapper--twoCols .top-product-prices .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .contentWrapper--twoCols .top-product-prices .tab-accord-link {
      padding: 15px 20px; }
  @media screen and (min-width: 768px) {
    .top-product-actions {
      position: relative; } }
  @media screen and (min-width: 1200px) {
    .top-product-actions {
      order: 3;
      padding-left: 40px; }
      .top-product-actions::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #efefef;
        content: ''; }
      .contentWrapper--twoCols .top-product-actions {
        padding-left: 20px; } }
  .top-product-actions .btn, .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link {
    font-size: 1.125rem; }
  .top-product .availability {
    display: block;
    font-weight: bold; }

@media screen and (max-width: 767px) {
  .row--productContentInfo {
    margin-top: 1rem; } }

.product-sharer-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem; }

.product-sharer-tooltip.is-visible {
  opacity: 1; }

@media screen and (min-width: 992px) {
  .product-sharer-button:hover {
    scale: 1.1; } }

.product-sharer-button--clipboard {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  background-color: #929292;
  border-radius: 4px; }
  .product-sharer-button--clipboard-icon path {
    fill: #555555; }

.product-type-2 {
  position: relative; }
  @media screen and (min-width: 992px) {
    .product-type-2 {
      padding-top: 40px; } }
  .product-type-2 .product__top {
    margin-bottom: 0; }
  .product-type-2 .product__brand-img {
    margin-left: auto;
    margin-right: auto; }
  .product-type-2 .product__info {
    position: static; }
    @media screen and (min-width: 992px) {
      .product-type-2 .product__info {
        width: calc(100% - 430px); } }
    @media screen and (max-width: 991px) {
      .product-type-2 .product__info-title {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center; } }
  .product-type-2 .product__imgWrapper {
    float: none;
    margin: 0 auto;
    max-width: 430px; }
    @media screen and (min-width: 992px) {
      .product-type-2 .product__imgWrapper {
        float: left; } }
  .product-type-2 .product__img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 991px) {
      .product-type-2 .product__img {
        padding-top: 150px; } }
    .product-type-2 .product__img .product-image {
      max-height: 325px; }
    .product-type-2 .product__img.zoomable > a {
      position: static; }
  .product-type-2 .product__tags .label {
    padding: 8px 10px;
    font-size: 80%; }
    @media screen and (min-width: 992px) {
      .product-type-2 .product__tags .label {
        margin-right: 5px; } }
  .product-type-2 .label--discount {
    top: 20px; }
    @media screen and (max-width: 991px) {
      .product-type-2 .label--discount {
        top: 80px;
        left: 10px; } }
  .product-type-2 .product__topReview .icon-star::before {
    font-size: 1.1875rem; }
  .product-type-2 .product__variants {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef; }
    @media screen and (min-width: 1200px) {
      .product-type-2 .product__variants {
        display: flex;
        flex-wrap: wrap; } }
    .product-type-2 .product__variants__title {
      display: none; }
    .product-type-2 .product__variants .variant__title {
      font-size: 0.875rem;
      font-weight: bold;
      margin-bottom: 0; }
    .product-type-2 .product__variants .variant {
      display: block;
      padding-top: 15px;
      padding-bottom: 15px;
      margin-bottom: 0; }
      @media screen and (max-width: 991px) {
        .product-type-2 .product__variants .variant {
          text-align: center; } }
      .product-type-2 .product__variants .variant:not(:only-of-type) {
        float: left;
        width: 50%; }
      .product-type-2 .product__variants .variant:nth-child(odd) {
        padding-left: 15px;
        border-left: 1px solid #efefef; }
    .product-type-2 .product__variants .designLabel--radio {
      margin-right: 5px;
      padding-left: 0; }
      .product-type-2 .product__variants .designLabel--radio.is-checked .designLabel__text {
        background-color: #312783; }
      .product-type-2 .product__variants .designLabel--radio.is-checked .designLabel__img {
        border-color: #000; }
      .product-type-2 .product__variants .designLabel--radio .designLabel__indicator {
        display: none; }
      .product-type-2 .product__variants .designLabel--radio.designLabel--img .designLabel__text {
        display: none; }
      .product-type-2 .product__variants .designLabel--radio .designLabel__img {
        max-width: 22px;
        border: 2px solid transparent; }
      .product-type-2 .product__variants .designLabel--radio .designLabel__text {
        display: inline-block;
        font-size: 0.75rem;
        line-height: 1;
        padding: 4px 6px;
        color: #fff;
        background-color: #c3c3c3; }
  .product-type-2 .product__prices {
    border-right: 0; }
    @media screen and (max-width: 991px) {
      .product-type-2 .product__prices {
        text-align: center;
        display: block; } }
    .product-type-2 .product__prices .price--comPrice {
      font-size: 0.75rem; }
    .product-type-2 .product__prices .price--incVat {
      font-size: 2rem;
      line-height: 1;
      color: #000; }
      @media screen and (min-width: 992px) {
        .product-type-2 .product__prices .price--incVat {
          font-size: 2.125rem;
          line-height: 1; } }
    .product-type-2 .product__prices .price--excVat,
    .product-type-2 .product__prices .product__vat {
      margin-top: 5px;
      font-size: 0.875rem; }
      @media screen and (min-width: 992px) {
        .product-type-2 .product__prices .price--excVat,
        .product-type-2 .product__prices .product__vat {
          font-size: 0.9375rem; } }
      .product-type-2 .product__prices .price--excVat::before,
      .product-type-2 .product__prices .product__vat::before {
        content: "("; }
      .product-type-2 .product__prices .price--excVat::after,
      .product-type-2 .product__prices .product__vat::after {
        content: ")"; }
  .product-type-2 .product__avail {
    padding-left: 0; }
    @media screen and (max-width: 991px) {
      .product-type-2 .product__avail {
        display: block;
        text-align: center; } }
    .product-type-2 .product__avail .availability {
      font-size: 0.8125rem;
      font-weight: normal; }
  .product-type-2 .product__addToCart {
    position: relative;
    width: 100%; }
    .product-type-2 .product__addToCart .btn, .product-type-2 .product__addToCart .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .product-type-2 .product__addToCart .tab-accord-link {
      display: block;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 992px) {
        .product-type-2 .product__addToCart .btn, .product-type-2 .product__addToCart .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .product-type-2 .product__addToCart .tab-accord-link {
          margin-left: 0; } }
      @media screen and (min-width: 1200px) {
        .product-type-2 .product__addToCart .btn, .product-type-2 .product__addToCart .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .product-type-2 .product__addToCart .tab-accord-link {
          position: absolute;
          left: 50%;
          bottom: 30px;
          z-index: 1; } }
    .product-type-2 .product__addToCart .product-amount-wrapper + .btn, .product-type-2 .product__addToCart .row--homepage-offers--action .js-carousel-offers .product-amount-wrapper + .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .product-type-2 .product__addToCart .product-amount-wrapper + .tab-accord-link {
      position: static; }
  .product-type-2 h2 {
    font-size: 1.375rem;
    text-align: center;
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) {
      .product-type-2 h2 {
        font-size: 1.5625rem; } }
    @media screen and (min-width: 992px) {
      .product-type-2 h2 {
        font-size: 1.875rem; } }
  .product-type-2 .product__content {
    padding-top: 30px; }
  .product-type-2 .product__codes {
    margin-top: 0;
    text-align: center;
    font-size: 0.875rem; }
    .product-type-2 .product__codes span {
      font-weight: bold; }
    .product-type-2 .product__codes .product__manufacturer {
      margin-left: 20px; }
    .product-type-2 .product__codes .product__brand-img {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 1rem; }
      .product-type-2 .product__codes .product__brand-img img {
        max-height: 50px; }
  .product-type-2 .product__desc {
    margin: 10px auto;
    text-align: center;
    font-size: 0.875rem; }
    @media screen and (min-width: 992px) {
      .product-type-2 .product__desc {
        max-width: 80%; } }
    .product-type-2 .product__desc table {
      margin-left: auto;
      margin-right: auto; }
    .product-type-2 .product__desc ul {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
      text-align: left; }
  .product-type-2 .product__actions {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .product-type-2 .product__actions {
        display: block; } }
    .product-type-2 .product__actions__item {
      border: 0; }
      @media screen and (min-width: 768px) {
        .product-type-2 .product__actions__item {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 0;
          padding: 15px; } }
      @media screen and (min-width: 992px) {
        .product-type-2 .product__actions__item {
          min-width: 125px;
          padding: 30px; } }
      .product-type-2 .product__actions__item .icon,
      .product-type-2 .product__actions__item .fa {
        transition: all 0.2s ease-in-out;
        margin-bottom: 10px; }
        .product-type-2 .product__actions__item .icon::before,
        .product-type-2 .product__actions__item .fa::before {
          color: #58695d;
          font-size: 1.75rem; }
      .product-type-2 .product__actions__item a {
        display: block;
        color: #312783; }
        .product-type-2 .product__actions__item a.compare {
          width: auto;
          height: auto;
          background-color: transparent;
          border: 0; }
  .product-type-2 .table--features {
    border: 0; }
    .product-type-2 .table--features .table--features__header {
      border: 0 !important; }
    .product-type-2 .table--features td,
    .product-type-2 .table--features th,
    .product-type-2 .table--features tr {
      border: 0; }
    .product-type-2 .table--features tr:nth-child(even) td {
      background-color: #f8f8f8; }
    .product-type-2 .table--features tr td {
      padding-top: 6px;
      padding-bottom: 6px;
      background-color: #fff; }
      .product-type-2 .table--features tr td:first-child {
        font-weight: bold;
        border-right: 1px solid #efefef; }
  .product-type-2 .review-all {
    text-align: center; }
  @media screen and (min-width: 992px) {
    .product-type-2 .product__component--inbox,
    .product-type-2 .product__component--spec {
      max-width: 350px;
      margin-left: auto;
      margin-right: auto; } }

.productListPanel {
  display: flex;
  align-items: center;
  border: 1px solid #efefef;
  background-color: #f8f8f8; }
  @media screen and (max-width: 1199px) {
    .productListPanel {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem; } }
  .productListPanel.productListPanel--offers {
    padding: 0; }
    .productListPanel.productListPanel--offers .productListPanel__filter {
      margin-left: 0; }
  .productListPanel .productListPanel__right {
    flex-grow: 2;
    text-align: right; }
  .productListPanel .productListPanel__filter {
    display: table;
    width: 100%;
    padding-left: 0;
    margin: 0; }
    @media screen and (max-width: 1199px) {
      .productListPanel .productListPanel__filter {
        margin-left: 0.5rem; } }
    .productListPanel .productListPanel__filter .productListPanel__filter__item {
      display: inline-block;
      font-size: 0.875rem;
      margin: 0; }
    .productListPanel .productListPanel__filter .productListPanel__filter__in {
      display: block;
      border: 0;
      border-radius: 0;
      padding: 1rem;
      border-right: 1px solid #efefef; }
      .productListPanel .productListPanel__filter .productListPanel__filter__in:hover, .productListPanel .productListPanel__filter .productListPanel__filter__in.active {
        color: #555555;
        text-decoration: none;
        background-color: #efefef; }

.productList {
  border: 1px solid #efefef;
  border-right: 0;
  border-bottom: 0; }
  .productList--box {
    border-left: 0; }
    .productList--box .productList__row {
      border-left: 1px solid #efefef; }
    .productList--box .productList__item {
      border-bottom-width: 3px; }
    .productList--box .productList__row:last-child .productList__item {
      border-bottom-width: 1px; }
    .productList--box .productList__title {
      position: relative;
      text-align: center;
      margin-top: 0.9375rem ; }
      @media screen and (min-width: 768px) {
        .productList--box .productList__title {
          margin-top: 2.375rem ; } }
      @media screen and (min-width: 992px) {
        .productList--box .productList__title {
          display: flex;
          align-items: center; } }
      .productList--box .productList__title > a {
        display: block;
        width: 100%; }
    .productList--box li {
      float: none; }
    .contentWrapper--twoCols .productList--box .col-md-3 .productList__info {
      display: block;
      margin-top: 0; }
    .contentWrapper--twoCols .productList--box .col-md-3 .productList__info__col {
      display: block;
      width: 100%;
      padding: 0;
      text-align: center; }
      .contentWrapper--twoCols .productList--box .col-md-3 .productList__info__col.price {
        margin-bottom: 6px; }
    @media screen and (min-width: 768px) {
      .productList--box .productList__row.has-qty-field .productList__item:not(.productList__item--qtyField) .productList__info {
        margin-top: 4.375rem ; } }
  @media screen and (min-width: 768px) {
    .productList--variants .productList__img {
      min-height: 330px;
      max-height: 330px; } }
  .productList--variants .productList__info {
    display: block;
    margin-bottom: 0; }
    .productList--variants .productList__info .productList__info__col {
      display: block;
      width: 100%;
      padding: 0;
      text-align: center; }
      .productList--variants .productList__info .productList__info__col.action {
        margin-top: 15px; }
      @media screen and (min-width: 768px) {
        .productList--variants .productList__info .productList__info__col .btn, .productList--variants .productList__info .productList__info__col .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .productList--variants .productList__info .productList__info__col .tab-accord-link {
          display: block;
          max-width: 90%;
          margin-left: auto;
          margin-right: auto;
          float: none; } }
    @media screen and (min-width: 992px) {
      .productList--variants .productList__info .price--incVat {
        font-size: 1.75rem; } }
  .productList--variants .productList__avail {
    border: 0; }
    .productList--variants .productList__avail .productList__avail__col {
      display: block;
      padding: 0;
      border: 0; }
      .productList--variants .productList__avail .productList__avail__col.bg-compare .compare {
        opacity: 1; }
  .productList--variants .productList__desc {
    border: 0;
    text-align: center; }
  .productList--variants .compare {
    position: absolute;
    top: 15px;
    right: 5px;
    z-index: 10;
    opacity: 0.6; }
    .productList--variants .compare:hover {
      opacity: 1; }
  .productList--variants .label--discount {
    right: 5px; }
  .productList--rows {
    border: 0; }
    .productList--rows .productList__title,
    .productList--rows .price,
    .productList--rows .availability {
      font-size: 0.875rem; }
    .productList--rows .btn-primary, .productList--rows .productList__info__col.action .btn--buy, .productList__info__col.action .productList--rows .btn--buy {
      display: block;
      width: 100%;
      padding-left: 0.625rem ;
      padding-right: 0.625rem ;
      font-size: 0.875rem; }
  .productList--row {
    position: relative;
    border-right: 1px solid #efefef; }
    .productList--row .productList__row {
      position: relative;
      border-bottom: 1px solid #efefef;
      padding: 1.25rem ; }
      @media screen and (max-width: 991px) {
        .productList--row .productList__row .btn-primary, .productList--row .productList__row .productList__info__col.action .btn--buy, .productList__info__col.action .productList--row .productList__row .btn--buy {
          float: none;
          margin-top: 10px; } }
    @media screen and (min-width: 992px) {
      .productList--row .productList__imgWrapper,
      .productList--row .productList__content {
        display: table-cell;
        vertical-align: top; } }
    .productList--row .productList__imgWrapper {
      text-align: center; }
      .productList--row .productList__imgWrapper img {
        max-height: 300px; }
        @media screen and (max-width: 1199px) {
          .productList--row .productList__imgWrapper img {
            max-height: 120px; } }
      @media screen and (min-width: 992px) {
        .productList--row .productList__imgWrapper {
          width: 30%; } }
    @media screen and (min-width: 992px) {
      .productList--row .productList__content {
        padding-left: 1.875rem ; } }
    @media screen and (min-width: 992px) {
      .productList--row .productList__desc,
      .productList--row .productList__prices {
        border-top: 0;
        display: table-cell;
        vertical-align: top; } }
    @media screen and (min-width: 992px) {
      .productList--row .productList__desc {
        width: 50%;
        padding-right: 1.25rem ;
        padding-top: 0; } }
    .productList--row .productList__prices {
      text-align: center; }
      @media screen and (min-width: 992px) {
        .productList--row .productList__prices {
          text-align: right; } }
      @media screen and (min-width: 992px) {
        .productList--row .productList__prices .productList__price,
        .productList--row .productList__prices .btn,
        .productList--row .productList__prices .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers
        .productList--row .productList__prices .tab-accord-link,
        .productList--row .productList__prices .purchase {
          display: inline-block;
          vertical-align: middle; } }
      .productList--row .productList__prices .price {
        display: block;
        line-height: 1.4;
        font-size: 0.75rem; }
      .productList--row .productList__prices .btn, .productList--row .productList__prices .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .productList--row .productList__prices .tab-accord-link {
        padding: 0.75rem 1.875rem ;
        margin-bottom: 0.3125rem ; }
        @media screen and (max-width: 1199px) {
          .productList--row .productList__prices .btn, .productList--row .productList__prices .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .productList--row .productList__prices .tab-accord-link {
            display: inline-block;
            width: auto; } }
      .productList--row .productList__prices .productList__price {
        padding-right: 0.625rem ; }
      .productList--row .productList__prices .price--incVat {
        color: #312783;
        font-size: 1.25rem; }
      .productList--row .productList__prices .availability {
        display: block;
        clear: both; }
    .productList--row .productList__title {
      display: block;
      text-align: center;
      min-height: 0; }
      @media screen and (min-width: 992px) {
        .productList--row .productList__title {
          text-align: left;
          font-size: 1.25rem;
          line-height: 1.2; } }
    .productList--row .productList__contentInfo {
      display: table;
      width: 100%;
      table-layout: fixed;
      padding-top: 0.625rem ; }
    .productList--row .productList__tags {
      left: 0;
      top: 20px;
      pointer-events: none; }
    .productList--row .label--discount {
      right: 20px;
      left: auto; }
      @media screen and (min-width: 992px) {
        .productList--row .label--discount {
          right: auto;
          left: 25%; } }
    @media screen and (min-width: 992px) {
      .productList--row .review-stars-mini {
        float: right; } }
    .productList--row .availability {
      margin: 0.3125rem 0 0.625rem ; }
  .productList.productList--reviews .productList__item:hover .productList__review {
    opacity: 1;
    visibility: visible;
    height: auto; }
  .productList.productList--reviews .rating {
    position: static;
    transform: none;
    margin: 0; }
  .productList.productList--reviews .productList__title {
    margin-top: 10px;
    margin-bottom: 10px; }
  .productList.productList--reviews .productList__review {
    margin-top: 15px;
    font-size: 0.8125rem; }
    @media screen and (min-width: 1200px) {
      .productList.productList--reviews .productList__review {
        position: absolute;
        left: -1px;
        right: -1px;
        padding: 1rem;
        opacity: 0;
        visibility: hidden;
        height: 0;
        border: 1px solid #efefef;
        z-index: 10;
        background-color: #f8f8f8; } }
    .productList.productList--reviews .productList__review-number {
      font-size: 1.25rem; }
  .productList.productList--reviews .productList__review-link {
    display: block;
    text-align: center;
    margin-top: 15px; }
  .productList.productList--reviews .productList__reviews-count {
    display: block;
    margin: 5px 0;
    text-align: center;
    font-size: 0.8125rem; }
  @media screen and (max-width: 767px) {
    .productList--related .productList__item {
      min-width: calc(100vw - 1.9rem); } }
  .productList--related .productList__img {
    min-height: 180px;
    max-height: 180px;
    height: 180px; }
    @media screen and (max-width: 991px) {
      .productList--related .productList__img img[src] {
        max-height: 100%; } }
  .productList--related .availability {
    display: block;
    margin-bottom: 5px;
    font-size: 0.75rem;
    font-weight: 700; }
  .productList--related .productList__title {
    font-size: 0.875rem; }
  .productList--related .price--incVat {
    display: block;
    margin-top: 5px;
    font-size: 1.25rem;
    color: #555555; }
    @media screen and (max-width: 991px) {
      .productList--related .price--incVat {
        line-height: 1;
        margin-bottom: 0; } }
  .productList--related .price--excVat {
    display: block; }
  @media screen and (max-width: 991px) {
    .productList--related .btn, .productList--related .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .productList--related .tab-accord-link {
      margin-top: 0.625rem ; } }
  .productList--overlay .productList__item {
    transition: all 0.3s ease-in-out;
    overflow: hidden; }
    .productList--overlay .productList__item:hover {
      box-shadow: 0 0 8px 0 #d2d2d2;
      position: relative;
      z-index: 2; }
      .productList--overlay .productList__item:hover .productList__overlay {
        opacity: 1;
        visibility: visible;
        transform: scale(1); }
      .productList--overlay .productList__item:hover .productList__tags,
      .productList--overlay .productList__item:hover img {
        opacity: 0.1; }
  .productList--overlay .productList__tags,
  .productList--overlay img {
    transition: all 0.3s ease-in-out; }
  .productList--overlay .productList__desc {
    margin-top: 1.875rem ;
    color: #555555; }
  .productList--overlay .productList__info {
    text-align: center;
    margin-bottom: 0; }
  .productList__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 3;
    transform-origin: center center;
    transform: scale(0.75); }
    .productList__overlay__inner {
      width: 100%;
      text-align: center;
      transition: transform 0.3s ease-in-out; }
  @media screen and (min-width: 544px) {
    .productList__row {
      display: table;
      table-layout: fixed;
      width: 100%;
      max-width: 100%; } }
  .productList__row--rel .productList__item {
    display: inline-block;
    float: left; }
  .productList__item {
    text-align: center;
    background-color: #fff;
    float: none;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef; }
    @media screen and (min-width: 768px) {
      .productList__item {
        display: table-cell;
        vertical-align: top; } }
    .productList__item.productList__item--qtyField .productList__info {
      position: relative;
      padding-top: 50px; }
    .productList__item.productList__item--qtyField .product-amount-wrapper {
      position: absolute;
      left: 0;
      top: 0;
      right: 0; }
  .productList__inner {
    padding: 0.9375rem ; }
  .productList__title {
    font-weight: normal;
    margin-top: 0.5rem;
    line-height: 1.7;
    font-size: 1rem; }
    @media screen and (min-width: 768px) {
      .productList__title {
        min-height: 50px; } }
  .productList__info {
    width: 100%;
    margin: 0.625rem 0 ;
    min-height: 60px; }
    @media screen and (min-width: 1200px) {
      .productList__info {
        display: flex;
        align-items: center;
        text-align: left; } }
    @media screen and (min-width: 1200px) {
      .productList__info__col {
        width: 50%; } }
    .productList__info__col.price {
      text-align: center;
      margin-bottom: 0.5rem ; }
      @media screen and (min-width: 768px) {
        .productList__info__col.price {
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;
          flex-wrap: wrap;
          min-height: 60px; } }
      @media screen and (min-width: 1200px) {
        .productList__info__col.price {
          align-items: flex-end;
          padding-right: 0.5rem ;
          margin-bottom: 0; } }
    @media screen and (min-width: 1200px) {
      .productList__info__col.action {
        padding-left: 0.5rem ; } }
    .productList__info__col.action .product__component {
      margin-top: 0; }
    .productList__info__col.action .btn--buy {
      font-size: inherit;
      font-weight: normal; }
      .productList__info__col.action .btn--buy .icon-basket {
        margin-right: 5px; }
        @media screen and (min-width: 1200px) {
          .productList__info__col.action .btn--buy .icon-basket {
            margin-right: 10px; } }
        .productList__info__col.action .btn--buy .icon-basket::before {
          font-size: 14px; }
          @media screen and (min-width: 1200px) {
            .productList__info__col.action .btn--buy .icon-basket::before {
              font-size: 16px; } }
    .productList__info__col .btn-primary, .productList__info__col.action .btn--buy {
      width: 100%;
      padding: 0.625rem 0 ; }
      @media screen and (min-width: 1200px) {
        .productList__info__col .btn-primary, .productList__info__col.action .btn--buy {
          padding: 0.625rem 1.25rem ; } }
    .productList__info__col .price {
      display: block;
      line-height: 1.2; }
      .productList__info__col .price--incVat {
        font-size: 1.25rem;
        color: #312783; }
      .productList__info__col .price--excVat {
        font-size: 0.875rem; }
      .productList__info__col .price--comPrice {
        text-decoration: line-through; }
  .productList__avail {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #efefef; }
    .productList__avail__col {
      display: table-cell;
      vertical-align: middle;
      padding: 0.625rem ; }
      .productList__avail__col + .productList__avail__col {
        border-left: 1px solid #efefef; }
      .productList__avail__col .icon-compare {
        padding-right: 0.5rem ; }
  .productList__desc {
    padding-top: 0.9375rem ;
    border-top: 1px solid #efefef;
    font-size: 0.875rem;
    text-align: left; }
  .productList__img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    transform-origin: 50% 50%; }
    @media screen and (min-width: 768px) {
      .productList__img {
        max-height: 226px;
        min-height: 226px;
        max-width: 100%; } }
    .productList__img img {
      max-height: 226px; }
      @media screen and (min-width: 768px) {
        .productList__img img {
          max-height: 100%;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); } }
  .productList__tags {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    text-align: left;
    left: 0; }
    @media screen and (min-width: 768px) {
      .productList__tags {
        left: -16px;
        width: calc(100% + 16px); } }
  .productList .rating {
    margin-top: 0.625rem ; }
  .productList.productList--box.productList--swiper {
    border: 0; }
    .productList.productList--box.productList--swiper .productList__item {
      height: auto;
      border: 1px solid #efefef; }
    .productList.productList--box.productList--swiper .btn, .productList.productList--box.productList--swiper .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .productList.productList--box.productList--swiper .tab-accord-link {
      float: none; }

.availability {
  text-transform: uppercase;
  font-size: 0.75rem; }
  .availability .fa-info-circle {
    position: relative;
    top: -1px;
    margin-left: 5px; }
  .availability--inStock {
    color: #49aa50; }
  .availability--noStock {
    color: #a94442; }

.compare {
  display: inline-block;
  position: relative;
  font-size: 0.75rem; }
  .compare .icon-compare {
    margin-right: 0.3125rem ; }
  .bg-compare .compare::before {
    display: inline-block;
    position: absolute;
    left: 5px;
    top: -8px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    content: '';
    background-color: #5cb85c;
    z-index: 2; }
  .compare--productDetail {
    display: block;
    font-size: inherit; }
    .compare--productDetail .icon-compare {
      margin-right: 0; }
    .bg-compare .compare--productDetail {
      font-weight: 600; }
      .bg-compare .compare--productDetail::before {
        left: calc(50% - 50px);
        top: calc(50% + 7px);
        width: 10px;
        height: 10px; }

.label {
  text-transform: uppercase;
  background-color: #000168;
  color: #ffffff;
  padding: 0.25rem 0.75rem ;
  border-radius: 0; }
  .label--discount {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    font-weight: bold;
    pointer-events: none;
    right: 0;
    background-color: #d61e1e; }
    @media (min-width: 767px) and (max-width: 1024px) {
      .label--discount {
        transform: scale(0.75);
        right: -8px; } }
    .label--discount .discountNumber {
      font-size: 1.25rem;
      padding: 1.125rem 0 ;
      position: relative;
      left: -5px;
      transform: rotate(-25deg); }
    .label--discount sub {
      font-size: 0.75rem; }
  .label--default, .label-default {
    background-color: #818a91; }
  .label--action {
    background-color: #df3232;
    color: #ffffff; }
  .label--freeDelivery {
    background-color: #27871c;
    color: #ffffff; }
  .label--topSeller {
    background-color: #f6cd03;
    color: #ffffff; }
  .label--new {
    background-color: #00d5aa;
    color: #ffffff; }
  .label--inStock {
    background-color: #2d9f20;
    color: #ffffff; }
  .label--nStock {
    background-color: #d61e1e; }
  .label--gift {
    background-color: #42ab42;
    color: #ffffff;
    border-radius: 2px; }
  .label--sale {
    background-color: #be5409;
    color: #ffffff; }
  .label--large {
    width: 110px;
    height: 110px;
    border-radius: 110px; }
    @media screen and (min-width: 992px) {
      .label--large {
        width: 120px;
        height: 120px;
        border-radius: 120px; } }

.tag--inStock {
  color: #35b70f; }

.tag--tagAction {
  color: #d52321; }

.tag--tagNew {
  color: #e66b04; }

.tag--tagSale {
  color: #555555; }

.cnt {
  font-size: 0.75rem; }

.table--productList {
  font-size: 0.875rem; }
  .table--productList thead {
    background-color: #f8f8f8; }
    .table--productList thead th {
      border-bottom: 0; }
  .table--productList th,
  .table--productList td {
    display: table-cell;
    font-weight: normal;
    vertical-align: middle;
    padding: 0.5rem 0.75rem;
    border: 1px solid #efefef; }
    @media screen and (max-width: 991px) {
      .table--productList th,
      .table--productList td {
        display: block;
        position: relative;
        width: 100%;
        text-align: right !important;
        border-bottom: 0;
        padding-left: 40%; }
        .table--productList th::before,
        .table--productList td::before {
          left: 10px; } }
  .table--productList th {
    padding: 1rem 0.75rem;
    font-size: 0.875rem; }
  @media screen and (max-width: 991px) {
    .table--productList tr {
      display: block;
      margin-bottom: 30px;
      border-bottom: 1px solid #efefef;
      border-bottom-width: 2px; } }
  @media screen and (max-width: 991px) {
    .table--productList .productBuy {
      background-color: white; } }
  .table--productList .direct-edit {
    position: absolute;
    left: 0;
    top: 13px; }
  .table--productList .icon-compare::before {
    color: #312783; }
  .table--productList .icon-compare:hover::before {
    color: #221b5c; }
  .table--productList .image {
    padding-left: 0.75rem;
    text-align: center !important; }
    @media screen and (max-width: 991px) {
      .table--productList .image {
        margin-bottom: 1rem; } }
    .table--productList .image img {
      max-height: 250px; }
  .table--productList .sku {
    position: relative; }
    @media screen and (max-width: 991px) {
      .table--productList .sku::before {
        content: attr(data-attr-prodSku); } }
    @media screen and (min-width: 992px) {
      .table--productList .sku {
        width: 15%; } }
    .table--productList .sku .direct-edit {
      top: 50%;
      margin-top: -17px;
      left: -17px; }
  @media screen and (max-width: 991px) {
    .table--productList .title::before {
      content: attr(data-attr-prodTitle); } }
  @media screen and (min-width: 992px) {
    .table--productList .title {
      width: 33%; } }
  .table--productList td.title {
    line-height: 1.2; }
  @media screen and (max-width: 991px) {
    .table--productList .stock::before {
      content: attr(data-attr-prodStock); } }
  @media screen and (min-width: 992px) {
    .table--productList .stock {
      width: 10%; } }
  @media screen and (max-width: 991px) {
    .table--productList .ean::before {
      content: attr(data-attr-prodean); } }
  @media screen and (max-width: 991px) {
    .table--productList .feature::before {
      content: attr(data-attr-prodfeature); } }
  @media screen and (max-width: 991px) {
    .table--productList .watchdog::before {
      content: attr(data-attr-prodwatchdog); } }
  @media screen and (max-width: 991px) {
    .table--productList .amount::before {
      content: attr(data-attr-prodamount); } }
  @media screen and (max-width: 991px) {
    .table--productList .image::before {
      content: attr(data-attr-prodimage); } }
  @media screen and (max-width: 991px) {
    .table--productList .price::before {
      content: attr(data-attr-prodPrice); } }
  @media screen and (min-width: 992px) {
    .table--productList .price {
      width: 14%; } }
  @media screen and (max-width: 991px) {
    .table--productList .priceVat::before {
      content: attr(data-attr-prodPriceVat); } }
  @media screen and (min-width: 992px) {
    .table--productList .priceVat {
      width: 14%; } }
  .table--productList .priceVat strong {
    color: #312783;
    font-size: 16px; }
  @media screen and (max-width: 991px) {
    .table--productList .productBuy {
      padding-left: 0.75rem; }
      .table--productList .productBuy .btn, .table--productList .productBuy .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .table--productList .productBuy .tab-accord-link {
        max-width: 50%;
        margin: auto; } }
  @media screen and (min-width: 768px) {
    .table--productList .productBuy {
      min-width: 150px; } }
  @media screen and (max-width: 991px) {
    .table--productList .comparsion::before {
      content: attr(data-attr-compare); } }
  @media screen and (max-width: 1199px) {
    .table--productList .comparsion {
      margin-bottom: 0; } }

.total-items {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  margin: 0 1rem; }

.assistFilter {
  margin-bottom: 1.25rem ; }
  .assistFilter__item {
    display: inline-block;
    vertical-align: middle;
    padding: 0.125rem 0.625rem ;
    margin-right: 0.125rem ;
    background-color: #e9e9e9;
    border: 1px solid #efefef;
    font-size: 0.75rem;
    border-radius: 3px;
    color: #555555; }
    .assistFilter__item:hover {
      text-decoration: none;
      background-color: #eeeeee; }
    .assistFilter__item .icon {
      display: inline-block;
      vertical-align: middle;
      margin: -4px 0 0 5px; }
      .assistFilter__item .icon::before {
        color: #555555; }
    .assistFilter__item .review {
      display: inline-block;
      vertical-align: top;
      margin-top: -2px;
      padding: 0;
      border: 0;
      padding: 0;
      margin-bottom: 0;
      background-color: transparent; }
  .assistFilter__reset {
    font-size: 0.8125rem;
    margin-left: 0.625rem ; }

.product__list-more-button {
  text-align: center;
  margin: 30px 0; }

.product-amount-wrapper {
  position: relative;
  margin-bottom: 8px;
  text-align: left; }
  .product-amount-wrapper.product-amount-wrapper--detail {
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      .product-amount-wrapper.product-amount-wrapper--detail {
        width: 240px; } }
    @media screen and (min-width: 768px) {
      .product-amount-wrapper.product-amount-wrapper--detail {
        margin-left: 0; } }
  .product-amount-wrapper input[type='number'],
  .product-amount-wrapper input[type='number']::-webkit-inner-spin-button,
  .product-amount-wrapper input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: textfield;
    appearance: textfield; }
  .product-amount-wrapper .product__amount {
    padding: 6px 12px 5px;
    margin-right: 0;
    width: calc(100% - 40px);
    height: 35px;
    font-size: 0.875rem;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .product-amount-wrapper .product__amount {
        padding-left: 45px; } }
    @media screen and (min-width: 768px) {
      .productList--row .product-amount-wrapper .product__amount {
        width: 145px; } }
  .product-amount-wrapper .product__unit {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    min-width: 50px;
    width: auto;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 0.875rem;
    line-height: 33px;
    text-align: center;
    color: #555555;
    background-color: #f8f8f8;
    border: 1px solid #efefef;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .product-amount-wrapper .qtyField__btn {
    width: 35px;
    border: 1px solid #efefef; }
    @media screen and (max-width: 767px) {
      .product-amount-wrapper .qtyField__btn.down {
        right: 50px;
        left: auto; } }
    @media screen and (min-width: 768px) {
      .product-amount-wrapper .qtyField__btn {
        width: 30px;
        right: 50px; }
        .product-amount-wrapper .qtyField__btn:hover {
          text-decoration: none;
          color: #555555; }
        .product-amount-wrapper .qtyField__btn.up {
          border-bottom: 0;
          height: 51%; }
        .product-amount-wrapper .qtyField__btn.down {
          height: 49%; }
          .product-amount-wrapper .qtyField__btn.down::before {
            top: 40%; } }
    @media screen and (max-width: 767px) {
      .product-amount-wrapper .qtyField__btn.up {
        right: 50px;
        left: auto; } }
    @media screen and (max-width: 767px) {
      .product-amount-wrapper .qtyField__btn.down {
        left: 0;
        right: auto; } }

.productList__variants {
  margin-top: 10px;
  margin-top: 20px; }
  .productList__variants-toggle {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    font-weight: bold; }
    .productList__variants-toggle:hover {
      text-decoration: underline; }
    .productList__variants-toggle:focus {
      outline: 0; }
    .productList__variants-toggle i::before {
      margin-left: 3px;
      color: #312783; }
  .productList__variants .variant {
    margin-top: 10px; }
  .productList__variants .variant__title {
    font-size: 0.8125rem; }
  .productList__variants .variant__item {
    font-size: 0.8125rem;
    margin-right: 3px;
    margin-bottom: 3px; }
    .productList__variants .variant__item::after {
      content: '|'; }
    .productList__variants .variant__item:last-child {
      margin-right: 0; }
      .productList__variants .variant__item:last-child::after {
        content: ''; }
  .productList__variants .variant__img {
    width: 15px;
    height: 15px; }

span.price-unit-info {
  display: block;
  color: #555555;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.2;
  margin-bottom: 2px; }

.contentWrapper--twoCols .productList__info,
.contentWrapper--twoCols .productList__info__col {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.contentWrapper--twoCols .productList__info__col.price {
  margin-bottom: 0.5rem ;
  text-align: center; }

@media screen and (min-width: 544px) {
  .page--Checkout .contentWrapper--twoCols .form-group .col-sm-7 {
    width: 80%; } }

@media screen and (min-width: 544px) {
  .page--Checkout .contentWrapper--twoCols .form-group .col-sm-5 {
    width: 20%; } }

.orderDetail-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .orderDetail-top h1 {
      margin-bottom: 0;
      margin-right: 20px; } }

.checkout {
  margin-bottom: 3.125rem ; }
  .checkout__step {
    position: relative;
    margin-bottom: 0.9375rem ;
    margin-left: 4.375rem ;
    padding: 1.25rem 0 1.25rem 1.875rem ;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    min-height: 150px; }
  .checkout__mark {
    position: absolute;
    left: -70px;
    top: 15px;
    width: 70px;
    height: 70px;
    background-color: #f8f8f8;
    border: 1px solid #efefef;
    text-align: center; }
    .checkout__mark__inner {
      left: 15px; }
    .checkout__mark span {
      font-size: 2rem; }
  .checkout__sumInfo {
    display: table;
    width: 100%;
    padding: 1.25rem ;
    margin-bottom: 1.875rem ;
    border: 1px solid #efefef;
    background-color: #f8f8f8; }
    @media screen and (min-width: 768px) {
      .checkout__sumInfo .checkout__offerCode,
      .checkout__sumInfo .checkout__summary {
        display: table-cell;
        vertical-align: middle; } }
  .checkout__qrcode {
    margin-right: 1rem; }
    @media screen and (max-width: 991px) {
      .checkout__qrcode {
        margin: 1rem 0;
        text-align: center; } }
  .checkout__offerCode .form-group {
    margin-bottom: 0;
    vertical-align: bottom; }
    @media screen and (max-width: 991px) {
      .checkout__offerCode .form-group {
        display: block;
        margin-bottom: 10px; } }
  .checkout__offerCode .has-error-list {
    margin-top: 6px; }
  .checkout__summary {
    font-size: 0.8125rem; }
    .checkout__summary .nav {
      display: table;
      width: 100%;
      margin-top: 0.9375rem ; }
      @media screen and (min-width: 768px) {
        .checkout__summary .nav {
          margin-top: 0; } }
  @media screen and (max-width: 767px) {
    .checkout__shipping label, .checkout__payment label {
      margin-bottom: 0; } }
  .checkout__shipping .designLabel, .checkout__payment .designLabel {
    display: flex;
    padding-right: 30px; }
    @media screen and (max-width: 767px) {
      .checkout__shipping .designLabel, .checkout__payment .designLabel {
        padding-top: 0.625rem ;
        padding-bottom: 0.625rem ;
        border-top: 1px solid #efefef; } }
    @media screen and (max-width: 767px) {
      .checkout__shipping .designLabel:first-child, .checkout__payment .designLabel:first-child {
        border-top: 0; } }
  @media screen and (max-width: 767px) {
    .checkout__shipping .designLabel__indicator, .checkout__payment .designLabel__indicator {
      top: 10px; } }
  .checkout__shipping .fa-info-circle, .checkout__payment .fa-info-circle {
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (max-width: 767px) {
      .checkout__shipping .fa-info-circle, .checkout__payment .fa-info-circle {
        top: 10px; } }
  .checkout__shipping .delivery, .checkout__payment .delivery {
    display: block; }
    @media screen and (max-width: 767px) {
      .checkout__shipping .delivery, .checkout__payment .delivery {
        font-size: 0.75rem;
        line-height: 1;
        margin-top: 0.1875rem ; } }
  @media screen and (max-width: 767px) {
    .checkout__shipping .shipping-icon-img + .shipping-info, .checkout__payment .shipping-icon-img + .shipping-info {
      padding-left: 50px;
      display: inline-block; } }
  @media screen and (max-width: 767px) {
    .checkout__shipping .shipping-name, .checkout__payment .shipping-name {
      line-height: 1.2; } }
  .checkout__buttons {
    margin-bottom: 1.25rem ; }
    .checkout__buttons .btn, .checkout__buttons .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .checkout__buttons .tab-accord-link {
      display: block;
      margin-bottom: 0.625rem ;
      height: 45px;
      padding-top: 0.6875rem ; }
      @media screen and (min-width: 768px) {
        .checkout__buttons .btn, .checkout__buttons .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .checkout__buttons .tab-accord-link {
          display: inline-block;
          margin-bottom: 0; } }
      .checkout__buttons .btn--shipping {
        padding-top: 0.5rem ; }
      .checkout__buttons .btn--prev {
        padding-top: 0.5rem ; }
      .checkout__buttons .btn:last-child, .checkout__buttons .row--homepage-offers--action .js-carousel-offers .tab-accord-link:last-child, .row--homepage-offers--action .js-carousel-offers .checkout__buttons .tab-accord-link:last-child {
        margin-bottom: 0; }
  .checkout--thanksForOrder h1 {
    margin-bottom: 0.625rem ; }
  .checkout--thanksForOrder h2 {
    font-weight: bold;
    font-size: 1.375rem;
    color: #55595c;
    margin-bottom: 1.875rem ; }
  .checkout--thanksForOrder .alert {
    padding: 1.5625rem 1.875rem ;
    text-align: left; }
    .checkout--thanksForOrder .alert h3 {
      font-size: 1.125rem; }
      .checkout--thanksForOrder .alert h3 strong {
        font-size: 1.375rem; }
    .checkout--thanksForOrder .alert .icon::before,
    .checkout--thanksForOrder .alert .fa::before {
      font-size: 1.875rem;
      color: #42ab42;
      margin-right: 0.625rem ; }
  .checkout__shipping .designLabel, .checkout__payment .designLabel {
    clear: both; }
    .checkout__shipping .designLabel > label, .checkout__payment .designLabel > label {
      width: 100%;
      display: block; }
    @media screen and (max-width: 767px) {
      .checkout__shipping .designLabel .delivery, .checkout__payment .designLabel .delivery {
        display: block; } }
    @media screen and (min-width: 768px) {
      .checkout__shipping .designLabel .delivery, .checkout__payment .designLabel .delivery {
        text-align: right; } }

.checkoutList {
  width: 100%;
  border: 1px solid #efefef;
  border-bottom: 0; }
  .checkoutList__row {
    position: relative;
    padding: 0.9375rem 0 ;
    border-bottom: 1px solid #efefef;
    width: 100%;
    display: table;
    table-layout: fixed; }
    .checkoutList__row--gift {
      background-color: #f2faf2;
      border: 0;
      color: #555555;
      border: 1px solid #42ab42; }
      .checkoutList__row--gift a {
        color: #555555; }
      .checkoutList__row--gift .icon-gift::before {
        color: #42ab42;
        font-size: 28px; }
  .checkoutList__item {
    padding-left: 0.9375rem ;
    display: inline-block;
    font-size: 0.8125rem; }
    @media screen and (min-width: 768px) {
      .checkoutList__item {
        display: table-cell;
        vertical-align: top; } }
    @media screen and (min-width: 992px) {
      .checkoutList__item {
        font-size: 1rem; } }
    .checkoutList__item--img {
      width: 5rem ;
      text-align: center; }
    .checkoutList__item--name {
      width: 100%;
      padding-right: 3.125rem ;
      margin-bottom: 0.625rem ; }
      @media screen and (min-width: 768px) {
        .checkoutList__item--name {
          width: 40%;
          margin-bottom: 0;
          padding: 0 0 0 1.25rem ; } }
      @media screen and (min-width: 992px) {
        .checkoutList__item--name {
          width: 50%; } }
      @media screen and (min-width: 1200px) {
        .checkoutList__item--name {
          width: 42%; } }
    .checkoutList__item--name-type {
      display: block; }
    .checkoutList__item--remove {
      position: absolute;
      top: 12px;
      right: 15px; }
      @media screen and (min-width: 768px) {
        .checkoutList__item--remove {
          position: static;
          width: 50px; } }
    .checkoutList__item.qty-price .price--recyclingfee {
      color: #888; }
    .checkoutList__item .price--recyclingfee {
      display: block; }
  .checkoutList__img {
    max-width: 60px; }
  .checkoutList__sku {
    display: block;
    font-size: 0.6875rem;
    color: #999; }
  .checkoutList--gift {
    background-color: #f2faf2;
    border: 0;
    color: #555555; }
    .checkoutList--gift .checkoutList__row {
      border: 1px solid #42ab42;
      border-left-width: 2px;
      border-right-width: 2px; }
    .checkoutList--gift .checkoutList__item--img {
      vertical-align: middle; }
    .checkoutList--gift .icon::before {
      color: #42ab42;
      font-size: 34px; }
    .checkoutList--gift .checkoutList__item--name > a {
      color: inherit; }
    .checkoutList--gift .checkoutList__item--price {
      text-transform: uppercase; }

.shipping-icon,
.shipping-icon-empty {
  max-width: 50px;
  max-height: 50px; }

.shipping-icon-img {
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .shipping-icon-img {
      position: absolute;
      left: 25px;
      top: 8px;
      min-width: 45px;
      min-height: 45px;
      text-align: center; } }

.shipping-icon-empty {
  display: inline-block;
  vertical-align: middle; }

.basket-remove:hover .icon-close {
  background-color: #b8b8b8; }

.basket-remove .icon-close {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #c5c5c5; }
  .basket-remove .icon-close::before {
    color: #fff;
    font-size: 8px;
    font-weight: bold; }

.checkout-checks {
  margin: 2rem 0 3rem; }

.slider-wrapper .ui-slider.ui-widget-content {
  border-radius: 0;
  border: 1px solid #efefef; }
  .slider-wrapper .ui-slider.ui-widget-content .ui-widget-header {
    background-image: repeating-linear-gradient(-45deg, #ABABAB, #ABABAB 10px, #9E9E9E 10px, #9E9E9E 20px);
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.53); }

.slider-wrapper .ui-slider .ui-slider-handle {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background-color: #312783;
  border-color: #2a216f;
  cursor: pointer; }
  .slider-wrapper .ui-slider .ui-slider-handle::before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    transform: translateX(-50%) !important;
    font-size: 8px !important;
    color: #fff !important; }
  .slider-wrapper .ui-slider .ui-slider-handle.ui-state-hover {
    background-color: #2a216f; }
  .slider-wrapper .ui-slider .ui-slider-handle.ui-state-active, .slider-wrapper .ui-slider .ui-slider-handle.ui-state-focus {
    outline: 0; }

.slider-wrapper .ui-slider-horizontal .ui-slider-handle {
  top: -8.33333px; }

.slider-wrapper .ui-slider .ui-tooltip {
  top: -38px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px;
  min-width: 70px;
  height: 28px;
  background-color: #312783;
  box-shadow: none;
  color: #fff;
  text-align: center;
  font-size: 0.875rem; }
  .slider-wrapper .ui-slider .ui-tooltip:after, .slider-wrapper .ui-slider .ui-tooltip:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    visibility: visible; }
  .slider-wrapper .ui-slider .ui-tooltip:after {
    border-width: 5px;
    border-top-color: #312783;
    bottom: -10px;
    right: 50%;
    margin-right: -5px; }
  .slider-wrapper .ui-slider .ui-tooltip:before {
    border-width: 6px;
    border-top-color: #312783;
    bottom: -12px;
    right: 50%;
    margin-right: -6px; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
         * Remove all paddings around the image on small screen
         */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.btn, .row--homepage-offers--action .js-carousel-offers .tab-accord-link {
  border-width: 0;
  border-bottom-width: 1px; }
  @media screen and (max-width: 767px) {
    .btn, .row--homepage-offers--action .js-carousel-offers .tab-accord-link {
      width: 100%; } }
  @media screen and (max-width: 991px) {
    .btn, .row--homepage-offers--action .js-carousel-offers .tab-accord-link {
      white-space: normal; } }
  .btn-default, .btn-primary, .productList__info__col.action .btn--buy {
    background-color: #312783;
    border-color: #2a216f; }
    .btn-default:hover, .btn-primary:hover, .productList__info__col.action .btn--buy:hover {
      background-color: #2a216f;
      border-color: #221b5c; }
  .btn-default {
    background-color: #ccc;
    border-color: #bfbfbf; }
    .btn-default:hover {
      background-color: #bfbfbf; }
  .btn:focus:not(:focus-visible), .row--homepage-offers--action .js-carousel-offers .tab-accord-link:focus:not(:focus-visible), .btn:hover, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:hover {
    outline: 0 !important; }
  .btn:focus-visible, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:focus-visible {
    outline-color: #312783;
    outline-offset: .25rem; }
  .btn--cta, .top-product-actions .btn, .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link {
    background-color: #312783;
    color: #fff;
    border-color: #2a216f;
    font-weight: bold; }
    .btn--cta:hover, .top-product-actions .btn:hover, .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link:hover, .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link:hover {
      background-color: #2a216f;
      color: #fff; }
  .btn--buy .icon-basket {
    margin-right: 0.625rem ; }
    .btn--buy .icon-basket::before {
      color: #fff; }
  .btn-gallery-showall .fa::before {
    color: inherit;
    margin-left: 8px;
    font-size: 16px; }
  .btn.btn--icon, .row--homepage-offers--action .js-carousel-offers .btn--icon.tab-accord-link {
    padding: 0.625rem 1.25rem ; }
    .btn.btn--icon .icon, .row--homepage-offers--action .js-carousel-offers .btn--icon.tab-accord-link .icon,
    .btn.btn--icon .fa, .row--homepage-offers--action .js-carousel-offers .btn--icon.tab-accord-link .fa {
      margin-right: 0.625rem ; }
      .btn.btn--icon .icon::before, .row--homepage-offers--action .js-carousel-offers .btn--icon.tab-accord-link .icon::before,
      .btn.btn--icon .fa::before, .row--homepage-offers--action .js-carousel-offers .btn--icon.tab-accord-link .fa::before {
        color: inherit;
        font-size: larger; }
    .btn.btn--icon.is-active, .row--homepage-offers--action .js-carousel-offers .btn--icon.is-active.tab-accord-link {
      background-color: #2a216f;
      color: #ffffff; }
      .btn.btn--icon.is-active .icon, .row--homepage-offers--action .js-carousel-offers .btn--icon.is-active.tab-accord-link .icon,
      .btn.btn--icon.is-active .fa, .row--homepage-offers--action .js-carousel-offers .btn--icon.is-active.tab-accord-link .fa {
        transform: rotate(-180deg); }
        .btn.btn--icon.is-active .icon::before, .row--homepage-offers--action .js-carousel-offers .btn--icon.is-active.tab-accord-link .icon::before,
        .btn.btn--icon.is-active .fa::before, .row--homepage-offers--action .js-carousel-offers .btn--icon.is-active.tab-accord-link .fa::before {
          color: #ffffff; }
  .btn--icon-right .icon,
  .btn--icon-right .fa {
    margin-right: 0;
    margin-left: 0.625rem ; }
  .btn--review {
    font-weight: bold; }
    .btn--review .icon-pencil::before {
      color: inherit; }
  .btn.btn--params, .row--homepage-offers--action .js-carousel-offers .btn--params.tab-accord-link {
    background-color: #312783;
    color: #ffffff;
    font-weight: bold; }
    .btn.btn--params:hover, .row--homepage-offers--action .js-carousel-offers .btn--params.tab-accord-link:hover, .btn.btn--params:active, .row--homepage-offers--action .js-carousel-offers .btn--params.tab-accord-link:active, .btn.btn--params:focus, .row--homepage-offers--action .js-carousel-offers .btn--params.tab-accord-link:focus {
      background-color: #221b5c;
      color: #ffffff; }
  .btn--collapse {
    position: relative;
    width: 100%;
    padding: 1.125rem 2.1875rem 1rem 1rem ;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
    text-transform: none;
    color: #312783;
    background-color: rgba(49, 39, 131, 0.1);
    font-size: 0.875rem;
    border-radius: 0;
    border: 1px solid #efefef; }
    .btn--collapse::after {
      position: absolute;
      top: 37%;
      right: 15px;
      color: #555555 !important;
      font-size: 10px !important;
      transition: transform 0.3s ease-in-out; }
    .btn--collapse.collapsed::after {
      transform: rotate(-180deg) !important; }
  .btn--toggleFilter {
    padding: 0 1.375rem ;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .btn--toggleFilter .icon::before,
    .btn--toggleFilter .fa::before {
      font-size: 0.375rem;
      transform: rotate(180deg);
      color: #312783; }
    .btn--toggleFilter.active .icon::before {
      transform: none; }
  .btn--assistantClose {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: #fff;
    border: 1px solid #efefef;
    border-top: 0; }
    .btn--assistantClose:hover {
      background-color: #312783; }
      .btn--assistantClose:hover .icon::before,
      .btn--assistantClose:hover .fa::before {
        color: #fff; }
    .btn--assistantClose .fa::before,
    .btn--assistantClose .icon::before {
      font-size: 1.25rem; }
  .btn--catDrop {
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 100%;
    padding-left: 0.9375rem ;
    padding-right: 0.9375rem ;
    border-radius: 0;
    background-color: #251e64;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left; }
    @media screen and (min-width: 992px) {
      .btn--catDrop {
        width: 100%; } }
    .btn--catDrop .icon {
      line-height: normal; }
      @media screen and (min-width: 992px) {
        .btn--catDrop .icon {
          float: right; } }
      .btn--catDrop .icon::before {
        color: #fff;
        font-size: 14px; }
  .btn--shipping {
    font-size: 1.125rem; }
    .btn--shipping .fa,
    .btn--shipping .icon {
      margin-left: 0.625rem ; }
      .btn--shipping .fa::before,
      .btn--shipping .icon::before {
        color: inherit; }
  .btn--prev .fa,
  .btn--prev .icon {
    margin-right: 0.625rem ;
    margin-top: 0.0625rem ; }
    .btn--prev .fa::before,
    .btn--prev .icon::before {
      color: inherit; }
  .btn--gift .icon::before {
    color: inherit;
    font-size: 1.375rem;
    height: 24px; }
  .btn--sendOrder.is-disabled {
    position: relative;
    opacity: 0.25;
    cursor: not-allowed;
    transition: all 0.3s ease; }
    .btn--sendOrder.is-disabled::before {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transform-origin: 0 0;
      width: 20px;
      height: 20px;
      animation-name: scaleElement;
      animation-iteration-count: infinite;
      animation-duration: 1s;
      border: 4px solid #fff;
      border-radius: 100%;
      content: ""; }
    .btn--sendOrder.is-disabled .btn-text {
      visibility: hidden; }
  .btn-logout-user {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    border: 1px solid #efefef;
    width: 100%;
    font-weight: 600;
    font-size: 0.8125rem;
    background-color: #f8f8f8; }
    .btn-logout-user i {
      margin-right: 5px; }
    .btn-logout-user i::before {
      color: inherit; }
  .btn-toggle-more-less {
    position: relative;
    line-height: 1;
    text-align: center;
    color: #555555; }
    .btn-toggle-more-less .fa,
    .btn-toggle-more-less .btn-text-show {
      display: block; }
    .btn-toggle-more-less .fa-caret-up,
    .btn-toggle-more-less .btn-text-hide {
      display: none; }
    .btn-toggle-more-less:focus {
      box-shadow: none; }
    .btn-toggle-more-less:hover span {
      text-decoration: underline; }
  .btn-toggle-more-less.is-active .btn-text-hide,
  .btn-toggle-more-less.is-active .fa-caret-up {
    display: block; }
  .btn-toggle-more-less.is-active .btn-text-show,
  .btn-toggle-more-less.is-active .fa-caret-down {
    display: none; }

.collapse-text--closed {
  display: none; }

.collapsed .collapse-text--opened {
  display: none; }

.collapsed .collapse-text--closed {
  display: block; }

.dropdown--onhover:hover > .dropdown-toggle {
  background-color: #e6e6e6; }

.dropdown--onhover:hover > .dropdown-toggle + .dropdown-menu {
  display: block; }

@media screen and (max-width: 767px) {
  .dropdown-toggle.mainNav__item__in, .dropdown-toggle.dropdown-item {
    position: relative;
    padding-right: 60px; }
  .dropdown-toggle__handler {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    border-left: 1px solid #f2f2f2; }
    .dropdown-toggle__handler.is-active .dropdown-toggle__handler__icon {
      transform: rotate(-180deg); }
    .dropdown-toggle__handler .dropdown-toggle__handler__icon {
      border-top: 0.5em solid;
      border-right: 0.5em solid transparent;
      border-left: 0.5em solid transparent;
      width: 0;
      height: 0; } }

.dropdown-toggle::after {
  border-right: 3px solid transparent;
  border-left: 3px solid transparent; }
  @media screen and (max-width: 767px) {
    .dropdown-toggle::after {
      display: none; } }

.dropdown-menu {
  white-space: normal;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  box-shadow: none;
  min-width: 15.625rem ;
  max-width: 15.625rem ; }
  .dropdown-menu.is-opened {
    display: block; }
  .dropdown-menu ul {
    list-style: none;
    padding: 0; }
  .dropdown-menu .dropdown {
    position: relative; }
    .dropdown-menu .dropdown:hover .dropdown-submenu {
      opacity: 1;
      visibility: visible; }
    .dropdown-menu .dropdown > .dropdown-item {
      position: relative; }
      @media screen and (min-width: 992px) {
        .dropdown-menu .dropdown > .dropdown-item::after {
          position: absolute;
          top: 50%;
          right: 15px;
          transform: rotate(-90deg) translateY(-50%);
          border-top: 0.3em solid;
          border-right: 0.3em solid transparent;
          border-left: 0.3em solid transparent;
          width: 0;
          height: 0;
          content: ''; } }
  .dropdown-menu li a {
    position: relative;
    display: block;
    white-space: normal;
    border-bottom: 1px solid #fcfcfc;
    padding: 0.3125rem 1.25rem ;
    color: #312783; }
    .dropdown-menu li a:hover {
      background-color: #f8f8f8;
      color: #1b1548; }
    .dropdown-menu li a .icon {
      position: absolute;
      top: 6px;
      right: 15px;
      transform: rotate(90deg); }
      .dropdown-menu li a .icon::after {
        font-size: 0.375rem;
        color: #312783; }
  .dropdown-menu li:last-child > a {
    border-bottom: 0; }
  @media screen and (min-width: 768px) {
    .dropdown-menu.categoryDropdown {
      width: 300px;
      max-width: none; } }
  @media screen and (min-width: 1200px) {
    .dropdown-menu.categoryDropdown {
      padding: 1.5rem 1rem;
      width: 600px; } }
  .dropdown-menu.categoryDropdown .nav-link {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0.5rem 0; }
    @media screen and (min-width: 1200px) {
      .dropdown-menu.categoryDropdown .nav-link {
        flex-direction: column; } }
    .dropdown-menu.categoryDropdown .nav-link img {
      display: block;
      margin-right: 0.5rem;
      max-width: 60px;
      max-height: 60px; }
      @media screen and (min-width: 1200px) {
        .dropdown-menu.categoryDropdown .nav-link img {
          max-width: 100%;
          margin: 0 auto 0.5rem; } }
    .dropdown-menu.categoryDropdown .nav-link strong {
      display: block;
      text-align: center;
      line-height: 1.3; }

.dropdown-submenu {
  background-color: #fff; }
  @media screen and (min-width: 992px) {
    .dropdown-submenu {
      position: absolute;
      left: 100%;
      top: 0;
      min-width: 15.625rem ;
      max-width: 15.625rem ;
      visibility: hidden;
      opacity: 0;
      border: 1px solid #efefef; } }
  .dropdown-submenu li a {
    background-color: #f8f8f8; }
    @media screen and (max-width: 991px) {
      .dropdown-submenu li a {
        padding-left: 35px; } }

.dropdown--mega {
  position: static; }

.dropdown-menu--mega {
  width: 100%;
  left: 0;
  padding: 1.5rem; }
  @media screen and (min-width: 768px) {
    .dropdown-menu--mega {
      padding: 2rem;
      max-width: 1386px; } }
  @media screen and (min-width: 992px) {
    .dropdown-menu--mega > .row {
      display: flex;
      align-items: center; } }
  @media screen and (min-width: 992px) {
    .dropdown-menu--mega .col-md-6 > .row {
      display: flex;
      flex-wrap: wrap; } }
  .dropdown-menu--mega .dropdown-box {
    color: #3c3c3c;
    cursor: pointer; }
    .dropdown-menu--mega .dropdown-box:hover .dropdown-box-img {
      transform: scale(1.1); }
    .dropdown-menu--mega .dropdown-box-grid {
      display: flex;
      flex-wrap: wrap; }
    .dropdown-menu--mega .dropdown-box .dropdown-box-title {
      display: block;
      margin-bottom: 20px;
      text-align: center;
      font-size: 1rem;
      line-height: 1.1;
      color: #3c3c3c;
      text-transform: uppercase; }
    .dropdown-menu--mega .dropdown-box .dropdown-box-subtitle {
      display: block;
      margin-bottom: 0.5rem;
      font-size: 1.25rem;
      text-transform: none;
      color: rgba(60, 60, 60, 0.75); }
    .dropdown-menu--mega .dropdown-box .dropdown-box-img {
      display: block;
      margin: 0 auto 1rem;
      max-height: 100px;
      transition: all 0.2s ease-in-out; }
    .dropdown-menu--mega .dropdown-box .price--incVat {
      display: block;
      margin-top: 1rem; }
  .dropdown-menu--mega .dropdown-box__link {
    line-height: 1.4; }
  @media screen and (max-width: 1199px) {
    .dropdown-menu--mega .dropdown-box--primary {
      margin-bottom: 2rem; } }
  @media screen and (min-width: 768px) {
    .dropdown-menu--mega .dropdown-box--primary {
      display: flex;
      align-items: center;
      cursor: text; } }
  .dropdown-menu--mega .dropdown-box--primary:hover .dropdown-box-img {
    transform: none; }
  @media screen and (min-width: 768px) {
    .dropdown-menu--mega .dropdown-box--primary .dropdown-box-content {
      padding-left: 2rem; } }
  @media screen and (min-width: 1200px) {
    .dropdown-menu--mega .dropdown-box--primary .dropdown-box-content {
      padding-left: 3rem; } }
  .dropdown-menu--mega .dropdown-box--primary .dropdown-box-img {
    max-height: 200px;
    max-width: 300px;
    transition: none; }
    @media screen and (min-width: 1200px) {
      .dropdown-menu--mega .dropdown-box--primary .dropdown-box-img {
        max-height: 350px;
        min-width: 300px; } }
  .dropdown-menu--mega .dropdown-box--primary .dropdown-box-title {
    text-align: left;
    font-size: 1.1875rem; }
    @media screen and (min-width: 1200px) {
      .dropdown-menu--mega .dropdown-box--primary .dropdown-box-title {
        font-size: 1.5625rem; } }
  .dropdown-menu--mega .dropdown-box--primary .btn, .dropdown-menu--mega .dropdown-box--primary .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .dropdown-menu--mega .dropdown-box--primary .tab-accord-link {
    float: none;
    min-width: 200px;
    margin-top: 1.5rem; }
  .dropdown-menu--mega .dropdown-box.dropdown-box--others {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    min-height: 200px;
    cursor: pointer;
    transition: all 0.2s ease-in-out; }
    .dropdown-menu--mega .dropdown-box.dropdown-box--others:hover {
      background-color: #f3f3f3; }
    .dropdown-menu--mega .dropdown-box.dropdown-box--others .dropdown-box-title {
      color: #312783;
      font-size: 2.625rem; }
      .dropdown-menu--mega .dropdown-box.dropdown-box--others .dropdown-box-title small {
        display: block;
        color: #555555;
        font-size: 1rem; }
  .dropdown-menu--mega .dropdown-box--inline {
    padding: 0.5rem;
    cursor: default; }
    @media screen and (min-width: 1200px) {
      .dropdown-menu--mega .dropdown-box--inline {
        display: flex; } }
    .dropdown-menu--mega .dropdown-box--inline .dropdown-box-title {
      text-align: left;
      margin-bottom: 0.5rem;
      font-size: 1rem; }
    .dropdown-menu--mega .dropdown-box--inline .dropdown-box__content {
      padding-left: 1.5rem; }
      .dropdown-menu--mega .dropdown-box--inline .dropdown-box__content a {
        position: relative;
        display: inline-block;
        margin-right: 0.5rem;
        color: #555555;
        font-weight: 600;
        opacity: 0.7;
        font-size: 0.8125rem; }
        .dropdown-menu--mega .dropdown-box--inline .dropdown-box__content a::after {
          position: absolute;
          right: -5px;
          top: 4px;
          width: 1px;
          height: 12px;
          content: '';
          background-color: black; }
        .dropdown-menu--mega .dropdown-box--inline .dropdown-box__content a:last-child::after {
          display: none; }
    .dropdown-menu--mega .dropdown-box--inline .dropdown-box-img {
      max-width: 90px;
      max-height: none; }

.form {
  padding: 1.25rem ;
  background-color: #f8f8f8;
  border: 1px solid #efefef; }
  .form-submit .btn, .form-submit .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .form-submit .tab-accord-link {
    position: relative;
    top: 3px; }

#formExpertAdvice .btn, #formExpertAdvice .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers #formExpertAdvice .tab-accord-link,
#formUserReview .btn,
#formUserReview .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers
#formUserReview .tab-accord-link,
.staticPage__form .btn,
.staticPage__form .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers
.staticPage__form .tab-accord-link {
  display: block;
  margin-left: auto;
  margin-right: auto; }

label {
  font-size: 0.875rem; }

textarea {
  min-height: 160px; }

.qtyField {
  position: relative;
  display: inline-block;
  border: 1px solid #efefef;
  border-radius: 2px;
  width: 100px; }
  .qtyField .form-control {
    padding: 0;
    height: 35px;
    text-align: center;
    border: 0;
    border-right: 1px solid #efefef; }
    @media screen and (min-width: 768px) {
      .qtyField .form-control {
        width: 66.666%; } }
  .qtyField__btn {
    display: block;
    position: absolute;
    right: 0;
    width: 33.33333%;
    height: 100%;
    background-color: #f5f5f5;
    border: 0;
    border-color: #efefef;
    padding: 0;
    color: #bebebe;
    font-size: 1.25rem;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .qtyField__btn {
        height: 50%; } }
    .qtyField__btn:focus {
      color: #bebebe; }
    .qtyField__btn.up {
      top: 0;
      left: 0; }
      @media screen and (max-width: 767px) {
        .qtyField__btn.up {
          left: auto;
          right: 0; } }
      @media screen and (min-width: 768px) {
        .qtyField__btn.up {
          left: auto; } }
      .qtyField__btn.up::before {
        content: "+"; }
    .qtyField__btn.down {
      bottom: 0; }
      @media screen and (max-width: 767px) {
        .qtyField__btn.down {
          right: auto;
          left: 0; } }
      @media screen and (min-width: 768px) {
        .qtyField__btn.down {
          border-top: 1px solid #efefef; } }
      .qtyField__btn.down::before {
        content: "-"; }

.designLabel {
  position: relative;
  display: block;
  cursor: pointer;
  padding-left: 1.875rem ; }
  .designLabel input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .designLabel input:checked ~ .designLabel__indicator::after {
      display: block; }
  .designLabel label {
    cursor: pointer; }
  .designLabel__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    text-indent: -9999px; }
    .designLabel__indicator::after {
      position: absolute;
      display: none;
      content: ""; }
    .designLabel__indicator + .fa {
      margin-left: 0.625rem ; }
  .designLabel__img {
    display: inline-block;
    vertical-align: middle;
    max-width: 40px; }
  .designLabel.disabled {
    opacity: 0.8;
    cursor: default; }
    .designLabel.disabled a {
      color: #555555;
      opacity: 0.5;
      cursor: default; }
    .designLabel.disabled .designLabel__indicator {
      background-color: #eee; }
  .designLabel--inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.9375rem ; }
  .designLabel--checkbox .designLabel__indicator::after {
    top: 1px;
    left: 4px;
    width: 6px;
    height: 9px;
    transform: rotate(45deg);
    border: solid #312783;
    border-width: 0 2px 2px 0; }
  .designLabel--is-disabled label {
    cursor: not-allowed; }
  .designLabel--checkbox-switch {
    padding-left: 50px; }
    .designLabel--checkbox-switch input[type="checkbox"]:checked + .designLabel__indicator::after {
      transform: translateX(17px); }
    .designLabel--checkbox-switch .designLabel__indicator {
      width: 40px;
      border-radius: 2px; }
      .designLabel--checkbox-switch .designLabel__indicator::after {
        display: block;
        top: 4px;
        left: 5px;
        opacity: 1;
        visibility: visible;
        width: 12px;
        height: 12px;
        content: '';
        background-color: #fff;
        border: 0;
        transform: none;
        will-change: transform;
        transition: transform .2s ease-in-out;
        border-radius: 2px; }
  .designLabel--radio .designLabel__indicator {
    border-radius: 50%; }
    .designLabel--radio .designLabel__indicator::after {
      width: 8px;
      height: 8px;
      background-color: #312783;
      border-radius: inherit; }
  .designLabel.designLabel--radio-block > label {
    line-height: 1.7; }
  .designLabel--radio input:focus-visible ~ .designLabel__indicator, .designLabel--checkbox input:focus-visible ~ .designLabel__indicator {
    outline: 0.125rem solid #312783;
    outline-offset: .25rem; }
  .designLabel--img {
    padding-left: 0; }
    .designLabel--img .designLabel__indicator {
      position: relative;
      top: 0;
      margin-left: 0.3125rem ; }
    .designLabel--img .designLabel__text {
      margin-left: 0.3125rem ; }

.has-error--box {
  border-color: #d9534f; }

.has-error--box .form-control,
.has-error .form-control {
  border-color: #d9534f !important; }

.has-error-list,
.has-error ul {
  padding-left: 0;
  margin-top: 0.3125rem ;
  margin-bottom: 0.3125rem ;
  list-style: none;
  color: #d9534f;
  font-size: 0.8125rem;
  font-weight: 600; }

.has-error-list + input {
  border-color: #d9534f; }

.form-control.is-invalid {
  border-color: #d9534f; }

@media screen and (max-width: 767px) {
  .form-group .col-sm-12 + .col-sm-12 {
    margin-top: 0.9375rem ; } }

.form-group--shipping-branch {
  margin-top: 5px; }
  @media screen and (min-width: 768px) {
    .form-group--shipping-branch {
      margin-top: 0;
      padding-left: 1.875rem ; } }
  .form-group--shipping-branch label {
    display: block; }
    @media screen and (min-width: 768px) {
      .form-group--shipping-branch label {
        line-height: 1; } }

html[data-google-recaptcha-footer-copyright="1"] .g-recaptcha {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

@media screen and (min-width: 1200px) {
  .form-registration .g-recaptcha .grecaptcha-badge {
    margin-left: 0; } }

.watchdog .watchdog-switcher a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
  line-height: 1;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .watchdog .watchdog-switcher a {
      justify-content: flex-start; } }
  .watchdog .watchdog-switcher a .fa {
    min-width: 28px;
    margin: 0 3px 0 0; }

.watchdog-switcher .fa::before {
  display: inline-block; }

@media screen and (max-width: 767px) {
  html.mf-popup-active,
  .mf-popup-active body {
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden; } }

@media screen and (max-width: 991px) {
  .mfp-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; } }

@media screen and (max-width: 991px) {
  .mfp-wrap {
    top: 0 !important; } }

.modal--isOpen {
  display: block; }

.modal--dpd .modal-wrap {
  width: 100vw;
  height: 95vh; }
  @media screen and (min-width: 768px) {
    .modal--dpd .modal-wrap {
      width: 90vw;
      height: 90vh; } }

.modal--dpd iframe {
  border: 0;
  background-color: #fff; }

.modal--dpd.modal--isOpen {
  display: flex;
  align-items: center;
  justify-content: center; }

.modal.modal--login .modal-body {
  height: auto;
  max-height: none; }

@media screen and (min-width: 768px) {
  .modal.modal--login .modal-dialog {
    max-height: 100vh;
    overflow: auto; } }

.modal--designTemplate {
  height: 100%; }
  @media screen and (max-width: 991px) {
    .modal--designTemplate {
      overflow: auto; } }
  .modal--designTemplate .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    overflow: visible; }
    @media screen and (max-width: 543px) {
      .modal--designTemplate .modal-dialog {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0; } }
    @media screen and (min-width: 992px) {
      .modal--designTemplate .modal-dialog {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); } }
  .modal--designTemplate .modal-content {
    overflow: auto;
    height: 100%; }
  .modal--designTemplate .modal-inner-content {
    display: table;
    width: 100%; }
  .modal--designTemplate .modal-header {
    position: relative;
    padding-right: 40px;
    background-color: #f8f8f8; }
    .modal--designTemplate .modal-header h1,
    .modal--designTemplate .modal-header h2,
    .modal--designTemplate .modal-header h3 {
      margin-bottom: 0; }
    .modal--designTemplate .modal-header .popup-close {
      position: absolute;
      top: 35%;
      right: 15px; }
  .modal--designTemplate .modal-title {
    font-size: 1rem;
    line-height: 1.4; }
    @media screen and (min-width: 768px) {
      .modal--designTemplate .modal-title {
        font-size: 1.125rem; } }
  .modal--designTemplate .modal-img {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .modal--designTemplate .modal-img {
        display: table-cell;
        vertical-align: top;
        width: 30%; } }
    .modal--designTemplate .modal-img img {
      max-height: 120px; }
  @media screen and (min-width: 768px) {
    .modal--designTemplate .modal-innerContent {
      display: table-cell;
      vertical-align: middle;
      width: 70%;
      padding-left: 0.9375rem ; } }
  .modal--designTemplate .modal-innerContent .btn, .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .modal--designTemplate .modal-innerContent .tab-accord-link {
    width: auto;
    height: 42px;
    line-height: 42px;
    padding: 0 15px; }
    @media screen and (max-width: 767px) {
      .modal--designTemplate .modal-innerContent .btn, .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .modal--designTemplate .modal-innerContent .tab-accord-link {
        display: block; } }
  .modal--designTemplate .modal-innerContent .btn--cta, .modal--designTemplate .modal-innerContent .top-product-actions .btn, .top-product-actions .modal--designTemplate .modal-innerContent .btn, .modal--designTemplate .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal--designTemplate .modal-innerContent .tab-accord-link, .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal--designTemplate .modal-innerContent .tab-accord-link {
    position: relative; }
    @media screen and (min-width: 768px) {
      .modal--designTemplate .modal-innerContent .btn--cta, .modal--designTemplate .modal-innerContent .top-product-actions .btn, .top-product-actions .modal--designTemplate .modal-innerContent .btn, .modal--designTemplate .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal--designTemplate .modal-innerContent .tab-accord-link, .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal--designTemplate .modal-innerContent .tab-accord-link {
        padding-right: 35px; } }
    @media screen and (max-width: 767px) {
      .modal--designTemplate .modal-innerContent .btn--cta, .modal--designTemplate .modal-innerContent .top-product-actions .btn, .top-product-actions .modal--designTemplate .modal-innerContent .btn, .modal--designTemplate .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal--designTemplate .modal-innerContent .tab-accord-link, .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal--designTemplate .modal-innerContent .tab-accord-link {
        margin-top: 10px; } }
    .modal--designTemplate .modal-innerContent .btn--cta .icon, .modal--designTemplate .modal-innerContent .top-product-actions .btn .icon, .top-product-actions .modal--designTemplate .modal-innerContent .btn .icon, .modal--designTemplate .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link .icon, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal--designTemplate .modal-innerContent .tab-accord-link .icon, .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link .icon, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal--designTemplate .modal-innerContent .tab-accord-link .icon,
    .modal--designTemplate .modal-innerContent .btn--cta .fa,
    .modal--designTemplate .modal-innerContent .top-product-actions .btn .fa, .top-product-actions
    .modal--designTemplate .modal-innerContent .btn .fa,
    .modal--designTemplate .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link .fa, .top-product-actions .row--homepage-offers--action .js-carousel-offers
    .modal--designTemplate .modal-innerContent .tab-accord-link .fa,
    .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link .fa, .row--homepage-offers--action .js-carousel-offers .top-product-actions
    .modal--designTemplate .modal-innerContent .tab-accord-link .fa {
      position: absolute;
      top: 53%;
      right: 15px;
      transform: translateY(-50%); }
      .modal--designTemplate .modal-innerContent .btn--cta .icon::before, .modal--designTemplate .modal-innerContent .top-product-actions .btn .icon::before, .top-product-actions .modal--designTemplate .modal-innerContent .btn .icon::before, .modal--designTemplate .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link .icon::before, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal--designTemplate .modal-innerContent .tab-accord-link .icon::before, .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link .icon::before, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal--designTemplate .modal-innerContent .tab-accord-link .icon::before,
      .modal--designTemplate .modal-innerContent .btn--cta .fa::before,
      .modal--designTemplate .modal-innerContent .top-product-actions .btn .fa::before, .top-product-actions
      .modal--designTemplate .modal-innerContent .btn .fa::before,
      .modal--designTemplate .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link .fa::before, .top-product-actions .row--homepage-offers--action .js-carousel-offers
      .modal--designTemplate .modal-innerContent .tab-accord-link .fa::before,
      .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link .fa::before, .row--homepage-offers--action .js-carousel-offers .top-product-actions
      .modal--designTemplate .modal-innerContent .tab-accord-link .fa::before {
        color: inherit; }
  .modal--designTemplate .modal-innerContent .btn--gift {
    padding-left: 35px;
    padding-right: 35px; }
    @media screen and (max-width: 767px) {
      .modal--designTemplate .modal-innerContent .btn--gift {
        width: 100%; } }
  .modal--designTemplate .modal-productTitle {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.3; }
    @media screen and (max-width: 767px) {
      .modal--designTemplate .modal-productTitle {
        margin-top: 0.9375rem ;
        margin-bottom: 0;
        text-align: center; } }
  .modal--designTemplate .modal-productPrice {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.375rem; }
    @media screen and (max-width: 767px) {
      .modal--designTemplate .modal-productPrice {
        text-align: center; } }
  .modal--designTemplate .c-price--recyclingfee {
    margin-bottom: 20px;
    color: #555555;
    font-size: 1.0625rem;
    line-height: 1;
    font-weight: 400; }
  .modal--designTemplate .alert {
    margin-bottom: 0 !important; }
  .modal--designTemplate .form-control {
    border: 1px solid #efefef; }

.modal--expertAdvice .modal-dialog {
  height: 800px;
  max-height: 100%;
  overflow: auto; }

.modal--attention .modal-dialog {
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .modal--attention .modal-dialog {
      width: 650px; } }

.modal--gift .modal-productAnnotation {
  text-align: left; }
  @media screen and (max-width: 767px) {
    .modal--gift .modal-productAnnotation {
      max-width: 350px;
      margin-top: 10px;
      margin-bottom: 20px; } }

.modal--sizeChart .modal-dialog {
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .modal--sizeChart .modal-dialog {
      width: calc(100% - 30px); } }
  @media screen and (min-width: 992px) {
    .modal--sizeChart .modal-dialog {
      width: 900px; } }

.modal .popup-close {
  opacity: 0.8; }
  .modal .popup-close:hover {
    opacity: 1; }
    .modal .popup-close:hover .fa::before,
    .modal .popup-close:hover .icon::before {
      color: #5c5c5c; }
  .modal .popup-close .icon::before,
  .modal .popup-close .fa::before {
    font-size: 1.125rem;
    color: darkgray; }

.modal--gift .modal-body {
  overflow: auto; }
  @media screen and (min-width: 544px) {
    .modal--gift .modal-body {
      max-height: 450px; } }

@media screen and (max-width: 767px) {
  .modal--gift .modal-innerContent {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .modal--gift .modal-innerContent .btn--cta, .modal--gift .modal-innerContent .top-product-actions .btn, .top-product-actions .modal--gift .modal-innerContent .btn, .modal--gift .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal--gift .modal-innerContent .tab-accord-link, .modal--gift .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal--gift .modal-innerContent .tab-accord-link {
    float: none; } }

@media screen and (max-width: 991px) {
  .modal--gift .modal-productTitle {
    margin-top: 0.9375rem ; } }

.modal--gift .modal-gift {
  padding-bottom: 1.25rem ;
  margin-bottom: 0.9375rem ;
  border-bottom: 1px solid #efefef; }
  .modal--gift .modal-gift:last-child {
    border-bottom: 0;
    margin-bottom: 0; }

.modal--balikobot .modal--balikobot-iframe {
  position: fixed;
  left: 0;
  top: 0;
  height: calc(100vh - 90px);
  width: 100vw;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .modal--balikobot .modal--balikobot-iframe {
      height: 90vh;
      top: calc((100vh - 90vh) / 2);
      left: 5vw;
      width: 90vw; } }
  @media screen and (min-width: 1200px) {
    .modal--balikobot .modal--balikobot-iframe {
      left: 50%;
      width: 1200px;
      margin-left: -600px; } }

.modal--balikobot .mfp-close {
  display: block;
  color: #fff;
  font-size: 1.875rem;
  line-height: 1;
  width: 35px;
  height: 35px;
  opacity: 1; }
  @media screen and (max-width: 767px) {
    .modal--balikobot .mfp-close {
      left: 8px;
      top: 8px;
      z-index: 9999;
      background-color: #fff;
      box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.3);
      color: #000;
      border-radius: 4px;
      border: 1px solid #efefef; } }
  @media screen and (min-width: 768px) {
    .modal--balikobot .mfp-close {
      font-size: 3.125rem;
      line-height: normal;
      width: 44px;
      height: 44px; } }

@media screen and (max-width: 767px) {
  .modal--addToCart {
    position: absolute;
    overflow: auto;
    background-color: #fff;
    min-height: 100vh; }
    .modal--addToCart .modal-dialog {
      min-height: 100vh; } }

.modal--addToCart .modal-dialog {
  max-width: 100%;
  width: 1000px; }
  @media screen and (max-width: 767px) {
    .modal--addToCart .modal-dialog {
      overflow-y: scroll;
      background: #fff; } }

@media screen and (max-width: 767px) {
  .modal--addToCart .modal-content {
    box-shadow: none;
    border: 0; } }

@media screen and (min-width: 768px) {
  .modal--addToCart .modal-content {
    max-height: 100vh; } }

.modal--addToCart .checkmark {
  position: absolute;
  left: 0;
  top: 0; }

.modal--addToCart .modal-header-sub {
  margin-bottom: 0;
  margin-top: 2rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 0;
  font-size: 1rem; }

.modal--addToCart .productList--related {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .modal--addToCart .productList--related ul {
      display: flex;
      width: 100%;
      border-left: 1px solid #efefef; } }
  .modal--addToCart .productList--related li {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom-width: 1px;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #efefef; }
    @media screen and (min-width: 768px) {
      .modal--addToCart .productList--related li {
        width: calc(100% / 3);
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        border-left: 0; } }
    .modal--addToCart .productList--related li::before {
      display: none; }
  .modal--addToCart .productList--related .productList__title {
    margin: 1rem auto 0;
    min-height: 0; }
    @media screen and (max-width: 767px) {
      .modal--addToCart .productList--related .productList__title {
        margin-top: 3rem; } }
  .modal--addToCart .productList--related .price {
    font-size: 0.875rem; }
    .modal--addToCart .productList--related .price:first-child {
      margin-top: 0; }
  .modal--addToCart .productList--related .price--incVat {
    font-size: 1rem; }
  .modal--addToCart .productList--related .availability {
    margin-bottom: 0;
    padding-top: 5px;
    border-top: 1px solid #efefef; }
  .modal--addToCart .productList--related .productList__info {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .modal--addToCart .productList--related .productList__price {
    text-align: right;
    padding-right: 1.5rem;
    line-height: 1.3; }
    @media screen and (max-width: 767px) {
      .modal--addToCart .productList--related .productList__price {
        min-width: 160px; } }

@media screen and (min-width: 768px) {
  .modal--addToCart .modal-innerContent .btn--cta, .modal--addToCart .modal-innerContent .top-product-actions .btn, .top-product-actions .modal--addToCart .modal-innerContent .btn, .modal--addToCart .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal--addToCart .modal-innerContent .tab-accord-link, .modal--addToCart .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal--addToCart .modal-innerContent .tab-accord-link {
    margin-left: 1rem; } }

@media (min-width: 770px) and (max-height: 610px) {
  .modal--addToCart .modal-dialog {
    overflow: auto;
    max-height: 100vh; } }

@media (min-width: 770px) and (max-height: 790px) {
  .modal--addToCart .modal-header {
    padding-top: 0.9375rem ;
    padding-bottom: 0.9375rem ; }
  .modal--addToCart .modal-header .modal-title {
    font-size: 1rem; }
  .modal--addToCart .modal-header .popup-close {
    top: 30%; }
  .modal--addToCart .alert {
    padding-top: 0.25rem ;
    padding-bottom: 0.25rem ;
    font-size: 1rem; }
  .modal--addToCart .modal-header-sub {
    margin-top: 1rem; }
  .modal--addToCart .productList--related .productList__img {
    min-height: 100px;
    max-height: 100px; }
  .modal--addToCart .productList--related ul {
    margin-bottom: 0; } }

.modal.modal--sizeChart {
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal.modal--sizeChart .modal-dialog {
    position: static;
    transform: none; }
  .modal.modal--sizeChart .modal-body {
    height: auto; }

@media screen and (max-width: 1199px) {
  .modal--ppl.mfp-hide {
    display: block !important;
    position: absolute;
    visibility: hidden;
    pointer-events: none; } }

.modal--ppl .modal__wrap {
  width: 100%;
  height: 100%;
  background-color: #fff; }

.modal--ppl button.mfp-close {
  display: block;
  opacity: 1;
  background-color: #fff; }

.modal--ppl #ppl-parcelshop-map .smap .zoom .button-group button {
  line-height: 1.1; }

.modal--ppl #ppl-parcelshop-map [class^='icon--type-']::before,
.modal--ppl #ppl-parcelshop-map [class*='icon--type-']::before {
  font-family: 'ppl-icons'; }

@media screen and (max-width: 767px) {
  .modal--ppl #ppl-parcelshop-map .parcelshop-map__logo:first-child {
    height: auto;
    max-width: 120px; } }

@media screen and (max-width: 1199px) {
  .modal--ppl #ppl-parcelshop-map .language-wrapper {
    top: 0;
    right: 60px; } }

@media screen and (max-width: 991px) {
  .modal--ppl #ppl-parcelshop-map .language-wrapper {
    right: 50px; } }

.modal--ppl #ppl-parcelshop-map .language-wrapper .form {
  padding: 0;
  border: 0;
  background-color: #fff;
  margin: 1rem auto; }

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .modal--ppl #ppl-parcelshop-map .language-wrapper .form {
    margin-top: 0; } }

@media (width: 768px) {
  .modal--ppl #ppl-parcelshop-map .smap {
    min-height: 100vh; }
  .modal--ppl #ppl-parcelshop-map .parcelshop-map__header {
    z-index: 10; }
  .modal--ppl #ppl-parcelshop-map .parcelshop-map__logo-holder,
  .modal--ppl #ppl-parcelshop-map .parcelshop-map__logo:first-child {
    max-height: 30px;
    justify-content: flex-start; }
  .modal--ppl #ppl-parcelshop-map .language-wrapper {
    top: 3px;
    z-index: 10; }
  .modal--ppl #ppl-parcelshop-map .control-panel {
    padding-top: 60px; } }

@media (max-width: 767px) {
  .modal--ppl .ppl-parcelshop-map-theme {
    max-height: 100vh;
    max-height: 100dvh; }
  .modal--ppl #ppl-parcelshop-map .control-panel.control-panel--open {
    padding-bottom: 0 !important; }
    .modal--ppl #ppl-parcelshop-map .control-panel.control-panel--open .control-panel__content > div:last-child {
      padding-bottom: 120px; }
  .modal--ppl #ppl-parcelshop-map .control-panel:not(.control-panel--open) {
    padding-bottom: 0 !important;
    min-height: 3rem; }
    .modal--ppl #ppl-parcelshop-map .control-panel:not(.control-panel--open) .control-panel__content {
      padding-bottom: 120px; }
      .modal--ppl #ppl-parcelshop-map .control-panel:not(.control-panel--open) .control-panel__content-wrapper {
        min-height: 17rem;
        overflow: auto; }
  .modal--ppl .control-panel__controls {
    padding: 1rem 2rem; } }

@media screen and (min-width: 768px) {
  .modal--share .modal-dialog {
    width: 31.25rem; } }

.modal--share .modal-content {
  overflow: visible; }

@media screen and (max-width: 1199px) {
  button.mfp-close {
    display: none; } }

@media screen and (max-width: 1199px) {
  .mfp-img-mobile button.mfp-close {
    display: block;
    right: 10px;
    top: 10px; } }

@media screen and (max-width: 991px) {
  .mfp-img-mobile .mfp-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem; } }

@media (max-width: 330px) {
  .mfp-img-mobile .mfp-content img {
    max-height: calc(100vh - 100px) !important; } }

@media screen and (max-width: 991px) {
  .mfp-img-mobile .mfp-figure figure {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } }

@media screen and (max-width: 991px) {
  .mfp-img-mobile .mfp-figure::after {
    display: none; } }

@media screen and (max-width: 767px) {
  .mfp-img-mobile .mfp-bottom-bar {
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: rgba(0, 0, 0, 0.25); } }

.modal-dialog--variants-view .alert-info {
  margin-bottom: 15px !important; }

.modal-dialog--variants-view .modal-buttons .btn--cta, .modal-dialog--variants-view .modal-buttons .top-product-actions .btn, .top-product-actions .modal-dialog--variants-view .modal-buttons .btn, .modal-dialog--variants-view .modal-buttons .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal-dialog--variants-view .modal-buttons .tab-accord-link, .modal-dialog--variants-view .modal-buttons .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal-dialog--variants-view .modal-buttons .tab-accord-link {
  margin-left: 5px; }

.modal-dialog--variants-view .product-list--changed li::before {
  display: none; }

@media screen and (max-width: 767px) {
  .mfp-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important; } }

@media screen and (min-width: 768px) {
  .modal--sizeChart .modal-dialog {
    max-height: 100vh;
    overflow: auto; } }

.modal-chart-size .table.table--standard td,
.modal-chart-size .table.table--standard th {
  padding: 0.75rem 1.25rem; }

.modal-chart-size .table.table--standard td {
  line-height: 1.4;
  border-bottom: 1px solid #efefef; }

.modal-chart-size .table.table--standard th {
  background-color: #f8f8f8;
  border: 0;
  line-height: 1.2; }
  .modal-chart-size .table.table--standard th span {
    display: block;
    line-height: inherit; }

body:has(.modal--ppl:not(.mfp-hide)) {
  overflow: hidden; }

.topDeals__heading {
  color: #312783;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 12px; }

.topDeals__list {
  padding: 0;
  margin-bottom: 0;
  counter-reset: i 0; }

.topDeals__item {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #efefef;
  list-style: none;
  padding: 0.75rem 0 0.75rem 3.4375rem ; }
  .topDeals__item:first-child {
    border-top: 1px solid #efefef; }
  .topDeals__item:last-child {
    margin-bottom: 0; }

.topDeals__img {
  float: left; }
  .topDeals__img img {
    max-width: 50px; }

.topDeals__title {
  flex-grow: 2;
  padding: 0 2.5rem 0 1.5625rem ; }

.topDeals__price {
  font-size: 1rem;
  font-weight: bold; }

.topDeals__desc {
  font-size: 0.8125rem;
  text-transform: none; }

.topDeals .medal {
  left: 0;
  border-radius: 100%;
  text-align: center;
  padding-top: 3px;
  width: 33px;
  height: 33px; }
  .topDeals .medal--1 {
    background-color: #f8e66b; }
  .topDeals .medal--2 {
    background-color: #dcdcdc; }
  .topDeals .medal--3 {
    background-color: #f3c890; }

.topDeals__others {
  position: relative;
  margin-bottom: 3.75rem ; }
  .topDeals__others .btn, .topDeals__others .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .topDeals__others .tab-accord-link {
    top: 100%; }
  .topDeals__others .topDeals__item:first-child {
    border-top: 0; }

.payments {
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .payments {
      margin-top: 0; } }
  @media screen and (min-width: 992px) {
    .payments {
      text-align: right; } }
  .payments__item {
    display: inline-block;
    vertical-align: middle;
    background: url(../sharedImg/payment.png) transparent no-repeat 170px 33px;
    height: 33px;
    margin-right: 0.3125rem ; }
    .payments__item:last-child {
      margin-right: 0; }
    .payments__item--visa {
      width: 77px;
      background-position: 0 0; }
    .payments__item--masterCard {
      width: 40px;
      background-position: -82px 0; }
    .payments__item--maestro {
      width: 40px;
      background-position: -130px 0; }
    .payments__item--gopay {
      width: 80px;
      background-position: -200px 0; }

.pagination {
  margin-top: 0; }
  .pagination .page-item {
    display: inline-block;
    margin-right: 5px; }
    .pagination .page-item:last-child {
      margin-right: 0; }
    .pagination .page-item.active .page-link {
      border-width: 2px; }
  .pagination .page-link {
    text-align: center;
    font-size: 0.875rem;
    width: 30px;
    height: 30px;
    line-height: 29px; }
    .pagination .page-link:hover {
      text-decoration: none; }

.newsletter--footer .form-group, .newsletter--footer label, .newsletter--footer .form-control, .newsletter--footer .btn, .newsletter--footer .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .newsletter--footer .tab-accord-link {
  display: block;
  max-width: 400px;
  width: 100%; }
  @media screen and (min-width: 992px) {
    .newsletter--footer .form-group, .newsletter--footer label, .newsletter--footer .form-control, .newsletter--footer .btn, .newsletter--footer .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .newsletter--footer .tab-accord-link {
      display: inline-block;
      max-width: 100%;
      width: auto; } }

.newsletter--footer .form-group {
  margin: auto; }

.newsletter--footer label {
  font-size: 0.9375rem;
  font-weight: bold; }

.newsletter--footer .form-control {
  margin-bottom: 0.9375rem ; }
  @media screen and (min-width: 992px) {
    .newsletter--footer .form-control {
      margin-left: 1.25rem ;
      margin-bottom: 0; } }

@media screen and (min-width: 992px) {
  .newsletter--footer .g-recaptcha {
    display: inline-block;
    vertical-align: middle;
    transform: scale(0.85);
    transform-origin: 0 center;
    margin-left: 10px; } }

.newsletter--footer .g-recaptcha .grecaptcha-badge {
  margin-bottom: 0; }
  @media screen and (max-width: 991px) {
    .newsletter--footer .g-recaptcha .grecaptcha-badge {
      margin-top: 15px; } }

.news {
  margin-bottom: 2.5rem ; }
  .news__info {
    margin-bottom: 1.875rem ;
    font-size: 0.8125rem; }
    .news__info .icon {
      margin-right: 0.375rem ; }
  .news__date + .news__category {
    margin-left: 1.25rem ; }
  .news__category a {
    color: #666; }
  .news--list:last-child {
    margin-bottom: 0; }
  .news--list .news__title {
    margin-bottom: 0.1875rem ;
    font-size: 15px;
    font-weight: normal; }
  .news--list .news__desc {
    margin-top: 0.375rem ; }
  .news-archive {
    padding: 0.625rem 0 ;
    border-top: 1px solid #efefef; }
    .news-archive a {
      font-size: 13px;
      text-decoration: underline; }
      .news-archive a:hover {
        text-decoration: none; }
  .news--detail {
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.25rem ;
    max-width: 820px; }
    .news--detail .news__heading {
      text-align: center; }
    .news--detail .news__info {
      text-align: center;
      padding: 0.75rem 0 ;
      border-bottom: 1px solid #efefef; }
    .news--detail .news__img {
      text-align: center; }
      .news--detail .news__img img {
        display: block;
        margin: 0 auto 30px auto; }
  .news--archive .news__heading {
    font-size: 1.75rem; }
  .news--archive__img-wrapper {
    display: block;
    text-align: center;
    margin-bottom: 1.25rem ; }
    .news--archive__img-wrapper .fa::before {
      color: #ccc;
      font-size: 9.375rem; }

.card--news {
  border: 0; }
  .card--news .card-img {
    display: block;
    object-fit: cover;
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 0; }
    .card--news .card-img-link {
      display: block;
      width: 100%;
      height: 200px;
      margin-bottom: 1.875rem ;
      overflow: hidden; }
  .card--news .card-block {
    padding: 0; }
  .card--news .card-news-info {
    margin-bottom: 0.625rem ; }
  .card--news .card-title {
    line-height: 1.7;
    margin-bottom: 0.1875rem ; }
  .card--news .card-date {
    color: #666;
    font-size: 13px;
    padding-right: 5px; }
    .card--news .card-date + .card-category {
      border-left: 1px solid #666; }
  .card--news .card-category {
    padding-left: 7px;
    color: #666;
    font-size: 13px;
    text-decoration: none; }
    .card--news .card-category:hover {
      text-decoration: underline; }
  .card--news .card-more {
    display: inline-block;
    margin-top: 0.625rem ;
    font-size: 13px;
    text-decoration: underline; }
    .card--news .card-more:hover {
      text-decoration: none; }

.langs__icon {
  width: 18px;
  height: 13px; }

.langs.dropdown {
  position: static; }

.langs__icon--cz {
  background-image: url(../img/flags/cz.svg);
  background-repeat: no-repeat;
  background-size: 18px 13px; }

.langs__icon--en {
  background-image: url(../img/flags/en.svg);
  background-repeat: no-repeat;
  background-size: 18px 13px; }

.langs__icon--de {
  background-image: url(../img/flags/de.svg);
  background-repeat: no-repeat;
  background-size: 18px 13px; }

.langs__icon--sk {
  background-image: url(../img/flags/sk.svg);
  background-repeat: no-repeat;
  background-size: 18px 13px; }

.langs__icon--fr {
  background-image: url(../img/flags/fr.svg);
  background-repeat: no-repeat;
  background-size: 18px 13px; }

.langs__icon--ru {
  background-image: url(../img/flags/ru.svg);
  background-repeat: no-repeat;
  background-size: 18px 13px; }

.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .jcarousel-wrapper {
    position: relative;
    border: 0;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    margin-bottom: 1.25rem ; }
    @media screen and (min-width: 768px) {
      .jcarousel-wrapper {
        margin-bottom: 5rem ; } }
  .jcarousel-responsive {
    position: relative; }
    .jcarousel-responsive::before, .jcarousel-responsive::after {
      position: absolute;
      top: 0;
      width: 1px;
      height: 100%;
      background-color: #efefef;
      content: "";
      z-index: 1; }
    .jcarousel-responsive::before {
      left: 0; }
    .jcarousel-responsive::after {
      right: 0; }
  .jcarousel .productList__item .label--discount sub {
    font-size: 0.75rem;
    bottom: -0.25em;
    left: auto;
    font-weight: bold; }
  .jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .jcarousel ul {
        display: flex; } }
  .jcarousel li {
    width: 200px;
    padding: 0;
    float: left;
    border-bottom: 0; }
  .jcarousel .productList__item .btn, .jcarousel .productList__item .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .jcarousel .productList__item .tab-accord-link {
    float: none; }
  .jcarousel .productList__tags {
    left: -5px;
    width: calc(100% + 10px); }
  .jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: auto; }
    @media screen and (max-width: 991px) {
      .jcarousel img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        max-height: 100%; } }
  .jcarousel-control-prev, .jcarousel-control-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-decoration: none;
    background-color: #e5e5e5;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 1; }
    .jcarousel-control-prev:hover, .jcarousel-control-prev:active, .jcarousel-control-prev:focus, .jcarousel-control-next:hover, .jcarousel-control-next:active, .jcarousel-control-next:focus {
      background-color: #cccccc;
      text-decoration: none;
      color: #fff; }
    .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {
      display: none; }
  .jcarousel-control-prev {
    left: 0; }
    @media screen and (min-width: 1200px) {
      .jcarousel-control-prev {
        left: 15px; } }
    @media screen and (min-width: 1200px) {
      .contentWrapper--twoCols .jcarousel-control-prev {
        left: 15px; } }
  .jcarousel-control-next {
    right: 0; }
    @media screen and (min-width: 1200px) {
      .jcarousel-control-next {
        right: 15px; } }
    @media screen and (min-width: 1200px) {
      .contentWrapper--twoCols .jcarousel-control-next {
        right: 15px; } }
  .jcarousel-pagination {
    position: absolute;
    left: 50%;
    top: calc(100% + 20px);
    transform: translate(-50%, 0);
    margin: 0; }
    @media screen and (max-width: 991px) {
      .jcarousel-pagination {
        visibility: hidden; } }
    .jcarousel-pagination a {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 0.9375rem ;
      line-height: 8px;
      font-size: 11px;
      background-color: #444;
      border-radius: 8px;
      text-indent: -9999px;
      text-decoration: none; }
      .jcarousel-pagination a.active, .jcarousel-pagination a:hover {
        background-color: #312783; }
    .jcarousel-pagination.inactive {
      display: none; }

.carousel-stage li {
  width: 500px; }

.carousel-navigation li {
  width: auto; }

.prod-gallery-wrapper .prev,
.prod-gallery-wrapper .next {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  background: #4e443c;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 1px #000;
  font: 24px/27px Arial, sans-serif;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 4px #f0efe7;
  -moz-box-shadow: 0 0 4px #f0efe7;
  box-shadow: 0 0 4px #f0efe7; }

.prod-gallery-wrapper .prev {
  left: 15px; }

.prod-gallery-wrapper .next {
  right: 15px; }

.prev-navigation {
  top: 105% !important; }

.next-navigation {
  top: 105% !important; }

.carouselOffers .jcarousel ul {
  display: flex; }

.carouselOffers .btn, .carouselOffers .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .carouselOffers .tab-accord-link {
  max-width: 100%;
  float: none; }

.carouselOffers .col-lg-2 .btn, .carouselOffers .col-lg-2 .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .carouselOffers .col-lg-2 .tab-accord-link {
  padding-left: 1rem;
  padding-right: 1rem; }

.carousel--homepage .carousel-item::before {
  pointer-events: none; }

.carousel--homepage .carousel-item > a + .carousel-item-html {
  pointer-events: none; }
  .carousel--homepage .carousel-item > a + .carousel-item-html .btn, .carousel--homepage .carousel-item > a + .carousel-item-html .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .carousel--homepage .carousel-item > a + .carousel-item-html .tab-accord-link {
    pointer-events: all; }

.fulltext {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .fulltext {
      position: relative;
      display: inline-block;
      min-width: 250px;
      max-width: 250px; } }
  @media screen and (min-width: 992px) {
    .fulltext {
      min-width: 300px;
      max-width: 300px; } }
  @media screen and (min-width: 1200px) {
    .fulltext {
      min-width: 420px;
      max-width: 420px; } }
  .fulltext:focus .fulltextDrop {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }
  @media screen and (max-width: 767px) {
    .fulltext__inner {
      position: absolute;
      left: 0;
      top: 100%;
      right: 0;
      width: 100%;
      z-index: 50;
      border: 2px solid #efefef;
      padding: 0.9375rem ;
      background-color: #f8f8f8;
      transition: none;
      height: auto !important; }
      .fulltext__inner.is-active {
        display: block;
        transition: none; }
      .fulltext__inner:not(.is-active) {
        display: none; } }
  @media screen and (max-width: 991px) {
    .fulltext form {
      position: relative; } }
  .fulltext__input {
    height: 45px; }
    @media screen and (max-width: 991px) {
      .fulltext__input {
        font-size: 16px !important; } }
  .fulltext__submit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: auto; }
    @media screen and (min-width: 768px) {
      .fulltext__submit {
        right: 20px; } }
  @media screen and (max-width: 767px) {
    .fulltext__toggler {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 50%;
      right: 100px;
      transform: translateY(-50%); }
      .page--Checkout .fulltext__toggler {
        right: 55px; } }
  .fulltext__toggle {
    background-color: transparent;
    border: 0;
    padding: 11px 12px;
    width: 50px;
    height: 45px; }
    @media screen and (max-width: 767px) {
      .fulltext__toggle {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        right: 100px;
        transform: translateY(-50%); } }
    .fulltext__toggle:focus, .fulltext__toggle:active {
      outline: 0; }
    .fulltext__toggle.is-active .icon::before {
      color: #312783; }
  @media screen and (min-width: 768px) {
    .fulltext--on-click .fulltext__wrapper {
      display: flex;
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .fulltext--on-click .fulltext__input {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .fulltext--on-click .fulltext__inner {
      position: relative;
      flex-grow: 1;
      z-index: 1;
      margin-right: -50px; } }
  .fulltext--on-click .fulltext__inner.is-hidden {
    visibility: hidden; }
  @media screen and (min-width: 768px) {
    .fulltext--on-click .fulltext__submit {
      right: 15px; } }

.fulltextDrop {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.75rem ;
  background-color: #fff;
  width: 100%;
  z-index: 50;
  transition: all 0.4s ease;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .fulltextDrop {
      min-width: 400px; } }
  .fulltextDrop--is-hidden {
    display: none; }
  .fulltextDrop__inner {
    display: flex;
    width: 100%;
    position: relative;
    box-shadow: 0 0 8px 0 #d2d2d2;
    border: 1px solid #efefef; }
    .fulltextDrop__inner:after, .fulltextDrop__inner:before {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      visibility: visible; }
    .fulltextDrop__inner:after {
      border-width: 8px;
      border-bottom-color: #fff;
      top: -16px;
      left: 28px; }
    .fulltextDrop__inner:before {
      border-width: 9px;
      border-bottom-color: #efefef;
      top: -18px;
      left: 27px; }
  .fulltextDrop__noResult {
    padding: 0.625rem ; }
  .fulltextDrop__col {
    display: table-cell;
    padding: 1.5625rem 0.9375rem ; }
    .fulltextDrop__col--left {
      width: 57%;
      border-right: 1px solid #efefef;
      font-size: 0.875rem;
      max-height: 500px;
      overflow-y: auto;
      overflow-x: hidden;
      background-color: #f8f8f8; }
    .fulltextDrop__col--right {
      width: 43%;
      text-align: center; }
    .fulltextDrop__col:only-child {
      display: inline-block; }
    .fulltextDrop__col img {
      max-width: 100%; }
      @media screen and (min-width: 768px) {
        .fulltextDrop__col img {
          max-width: 150px; } }
  .fulltextDrop__Title {
    line-height: 1;
    margin-bottom: 0.3125rem ; }
  .fulltextDrop__Description {
    font-size: 0.8125rem; }
  .fulltextDrop__link {
    position: relative;
    display: block;
    margin: 0 -0.9375rem ;
    padding: 0.25rem 0.9375rem ;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    color: #555555; }
    .fulltextDrop__link::after {
      position: absolute;
      top: 0;
      right: -1px;
      width: 2px;
      height: 100%;
      background-color: #fff;
      content: '';
      opacity: 0;
      visibility: hidden; }
    .fulltextDrop__link:hover {
      border-top-color: #efefef;
      border-bottom-color: #efefef;
      background-color: #fff;
      text-decoration: none;
      color: #312783; }
    .fulltextDrop__link:hover::after {
      visibility: visible;
      opacity: 1; }
  .fulltextDrop__all {
    margin-top: 0.625rem ; }

.fulltext-items__name {
  font-size: 16px; }

.fulltext-items__count {
  margin-left: 5px;
  color: #999;
  font-size: 13px; }

.customTabs__item {
  border-bottom: 5px solid transparent;
  padding: .5rem .25rem; }
  .customTabs__item[class*="icon-"]::before {
    color: #e2e2e2; }
  .customTabs__item:hover::before {
    color: #312783; }
  .customTabs__item.active::before {
    color: #312783; }

.tab-content-slider {
  position: relative; }
  @media screen and (max-width: 991px) {
    .tab-content-slider {
      margin-bottom: 1.875rem ; } }
  .tab-content-slider > .tab-pane {
    position: absolute;
    display: block;
    width: 100%;
    visibility: hidden; }
    .tab-content-slider > .tab-pane.active {
      position: static;
      visibility: visible; }

.tab-content {
  overflow: hidden; }

.tab-accord-link {
  position: relative;
  display: block;
  padding: 0.5rem ;
  color: #555555;
  background-color: #f8f8f8;
  border: 1px solid #efefef; }
  .tab-accord-link::after {
    position: absolute;
    top: 45%;
    right: 15px;
    color: #312783 !important;
    font-size: 6px !important;
    transition: transform .3s ease-in-out;
    transform: rotate(-180deg) !important; }
  .tab-accord-link:focus {
    text-decoration: none; }
  .tab-accord-link.active {
    background-color: #efefef; }
    .tab-accord-link.active::after {
      transform: rotate(0) !important; }

.breadcrumb {
  padding: 0;
  margin: 0; }
  .breadcrumb__wrapper {
    margin-bottom: 0; }
  .breadcrumb__item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    padding: 0.625rem ;
    font-size: 0.8125rem; }
    @media screen and (min-width: 768px) {
      .breadcrumb__item {
        padding-left: 1.25rem ;
        padding-right: 1.25rem ; } }
    .breadcrumb__item:first-child {
      padding-left: 0; }
    .breadcrumb__item:last-child::before, .breadcrumb__item:last-child::after {
      background-color: transparent; }
    .breadcrumb__item::before, .breadcrumb__item::after {
      position: absolute;
      right: 0;
      content: "";
      width: 1px;
      height: 60%;
      background-color: #e2e2e2; }
    .breadcrumb__item::before {
      top: -2px;
      transform: rotate(-35deg); }
    .breadcrumb__item::after {
      bottom: -2px;
      transform: rotate(35deg); }
  .breadcrumb__link {
    color: #555555; }
    .breadcrumb__link > span {
      display: inline-block;
      vertical-align: middle; }

.copyright {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px; }
  .copyright small {
    font-size: 12px; }
  .copyright a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: underline; }
    .copyright a:hover {
      text-decoration: none; }
  .copyright__company {
    margin-top: 0.625rem ; }
    .copyright__company span {
      display: inline-block;
      vertical-align: text-bottom;
      text-transform: uppercase;
      font-size: 10px;
      line-height: 1.2; }
    .copyright__company a {
      vertical-align: bottom; }
    .copyright__company .icon {
      margin-left: 0.3125rem ; }
      .copyright__company .icon::before {
        color: #666;
        font-size: 28px; }
  .copyright__recaptcha {
    margin-top: 4px;
    font-size: 0.75rem; }

.comparsion {
  border: 1px solid #efefef; }
  .comparsion-empty {
    text-align: center; }
  @media (max-width: 1199px) {
    .comparsion-wrapper {
      overflow: auto; } }
  @media screen and (min-width: 1200px) {
    .comparsion-wrapper {
      display: flex;
      background-color: #f8f8f8; } }
  .comparsion table {
    width: 100%;
    border: 0;
    background-color: #fff; }
    @media (max-width: 1199px) {
      .comparsion table {
        margin-bottom: 0; } }
    @media screen and (min-width: 1200px) {
      .comparsion table {
        display: block;
        table-layout: fixed;
        overflow: auto; } }
  @media screen and (min-width: 1200px) {
    .comparsion tr {
      display: flex; } }
  .comparsion tr:last-of-type td {
    border-bottom: 0; }
  .comparsion__item {
    position: relative;
    vertical-align: top;
    border-bottom: 1px solid #efefef;
    padding: 0.375rem 0.625rem ;
    font-size: 0.8125rem;
    text-align: center;
    min-width: 180px;
    border-right: 1px solid #efefef; }
    .comparsion__item:last-child {
      border-right: 0; }
    @media (max-width: 1199px) {
      .comparsion__item {
        width: 280px;
        border: 0; } }
    @media screen and (min-width: 1200px) {
      .comparsion__item {
        min-width: 200px;
        flex-grow: 1;
        flex-basis: 0; } }
    @media (max-width: 1199px) {
      .comparsion__item:not(.heading) {
        padding-top: 50px; } }
    @media (max-width: 1199px) {
      .comparsion__item-hidden-md-down {
        visibility: hidden;
        opacity: 0;
        width: 0;
        min-width: 0;
        padding: 0; } }
    .comparsion__item.heading {
      background-color: #f8f8f8;
      text-align: left;
      font-weight: 600; }
      @media (max-width: 1199px) {
        .comparsion__item.heading {
          position: absolute;
          left: 0.5rem;
          right: 0.5rem;
          width: auto;
          height: 40px;
          line-height: 40px;
          padding-top: 0;
          padding-bottom: 0;
          font-weight: bold;
          border: 1px solid #efefef; } }
      @media screen and (min-width: 1200px) {
        .comparsion__item.heading {
          min-width: 300px;
          max-width: 300px;
          z-index: 20;
          margin-left: -300px;
          visibility: hidden; } }
    .comparsion__item .icon-compare::before {
      font-size: 6.25rem;
      color: #ebebeb; }
    .comparsion__item .icon-compare + .comparsion__item-in {
      display: none; }
    .comparsion__item .card--needHelp {
      margin-bottom: 0;
      padding-left: 55px;
      border: 0; }
      .comparsion__item .card--needHelp .card-block {
        padding: 10px 5px 10px 0; }
      .comparsion__item .card--needHelp .card-title {
        margin-bottom: 4px;
        font-size: 0.9375rem; }
      .comparsion__item .card--needHelp .card-phone {
        font-size: 1.0625rem; }
      .comparsion__item .card--needHelp .card-date {
        display: block;
        margin-top: 2px;
        line-height: 1.1;
        font-weight: 400; }
      .comparsion__item .card--needHelp .fa {
        top: 10px;
        left: 0;
        transform: scaleX(-1);
        opacity: 0.75; }
      .comparsion__item .card--needHelp .fa::before {
        font-size: 40px; }
    @media (max-width: 1199px) {
      .comparsion__item .btn-primary, .comparsion__item .productList__info__col.action .btn--buy, .productList__info__col.action .comparsion__item .btn--buy {
        margin-top: -50px; } }
    @media screen and (min-width: 992px) {
      .comparsion__item-in-button {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 109px; } }
  .comparsion__img .comparsion__item {
    height: 260px; }
    @media (max-width: 1199px) {
      .comparsion__img .comparsion__item {
        border-top: 0;
        border-bottom: 0;
        height: 120px; } }
    @media (max-width: 1199px) {
      .comparsion__img .comparsion__item.heading {
        visibility: hidden;
        opacity: 0;
        width: 0;
        min-width: 0;
        padding: 0; } }
  .comparsion__img img {
    max-height: 80%; }
  .comparsion__name .comparsion__item:not(.heading) {
    font-size: 0.9375rem; }
  .comparsion__price .comparsion__item:not(.heading) {
    font-size: 1rem;
    font-weight: bold; }
  .comparsion__button .comparsion__item:not(.heading) {
    vertical-align: middle; }
  .comparsion__item-remove {
    position: relative;
    z-index: 10; }
    @media (max-width: 1199px) {
      .comparsion__item-remove {
        position: absolute;
        top: 0;
        right: 6px; } }

table.comparsion-col {
  display: block;
  width: 300px;
  min-width: 300px;
  background-color: #f8f8f8; }
  @media (max-width: 1199px) {
    table.comparsion-col {
      display: none; } }
  table.comparsion-col tr {
    display: block; }
    table.comparsion-col tr:last-of-type td {
      border-bottom: 1px solid #efefef; }
    table.comparsion-col tr:last-of-type td:last-child {
      border-bottom: 0; }
  table.comparsion-col td.comparsion__item {
    display: block;
    visibility: visible;
    margin-left: 0; }
    table.comparsion-col td.comparsion__item:last-child {
      border-right: 1px solid #efefef; }
  table.comparsion-col .comparsion__item-in-button {
    display: none; }
  table.comparsion-col .comparsion__item-button {
    max-height: 122px; }

.comparsion__nav {
  display: none; }
  @media screen and (min-width: 1200px) {
    .comparsion__nav {
      display: grid;
      grid-template-columns: 50px 50px;
      column-gap: 10px;
      align-items: center;
      position: fixed;
      bottom: 50px;
      left: 50%;
      width: 110px;
      z-index: 10;
      margin-left: -50px; }
      .comparsion__nav__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        height: 50px;
        width: 50px;
        pointer-events: none;
        opacity: 0.3;
        background-color: #d2d2d2;
        border-radius: 100%;
        pointer-events: none;
        transition: opacity 0.3s ease-in-out;
        outline: 0; }
        .comparsion__nav__btn:hover {
          background-color: #cacaca; }
        .comparsion__nav__btn:focus {
          outline: 0; }
        .comparsion__nav__btn.is-active {
          pointer-events: auto;
          opacity: 1; }
        .comparsion__nav__btn .fa::before {
          font-size: 24px;
          color: #fff; }
        .comparsion__nav__btn--left {
          transform: rotate(-90deg); }
        .comparsion__nav__btn--right {
          transform: rotate(90deg); } }

.catBox__item {
  order: 1;
  margin-bottom: 0.5rem; }

.catBox__row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 0;
  list-style: none; }
  .catBox__row::before, .catBox__row::after {
    display: none; }

.catBox__inner {
  transition: all 0.3s ease-in-out;
  border: 1px solid #efefef; }
  @media screen and (min-width: 768px) {
    .catBox__inner {
      height: 100%; } }
  .catBox__inner:hover {
    box-shadow: 0 0 8px 0 #d2d2d2; }

.catBox__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.625rem ;
  min-height: 75px; }
  @media screen and (min-width: 768px) {
    .catBox__link {
      height: 100%; } }

.catBox__img {
  display: inline-block;
  vertical-align: middle;
  max-width: 50px;
  max-height: 50px; }
  .catBox__img + .catBox__name {
    padding-left: 0.9375rem ; }

.catBox__more {
  width: 100%;
  order: 2;
  clear: both;
  text-align: center; }
  .catBox__more .btn, .catBox__more .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .catBox__more .tab-accord-link {
    margin-top: 0.9375rem ; }

.catBox--advice .catBox__row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; }

.catBox--advice .catBox__item {
  float: none; }

.catBox--advice .catBox__link {
  position: relative;
  display: block;
  min-height: 0;
  max-height: none;
  height: 100%;
  align-items: flex-start;
  line-height: 1.2;
  border: 1px solid #efefef;
  transition: all 0.3s ease-in-out;
  font-size: 0.875rem; }
  .catBox--advice .catBox__link:hover {
    box-shadow: 0 0 8px 0 #d2d2d2;
    text-decoration: none; }

.catBox--advice .catBox__itemCount {
  display: inline-block;
  float: right;
  margin-left: 0.1875rem ;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  text-align: center;
  background-color: #f0f0f0;
  color: #555555;
  font-weight: bold;
  font-size: 12px; }

.catBox--text {
  padding-left: 0; }
  .catBox--text .catBox__item {
    margin-right: 0.5rem ;
    font-size: 0.875rem;
    list-style: none; }
    @media screen and (min-width: 992px) {
      .catBox--text .catBox__item {
        display: inline-block;
        vertical-align: middle; } }
    @media screen and (min-width: 992px) {
      .catBox--text .catBox__item::after {
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.5rem ;
        content: "|";
        color: #555555; } }
    .catBox--text .catBox__item:last-child {
      margin-right: 0; }
      .catBox--text .catBox__item:last-child::after {
        margin-left: 0;
        content: ""; }
  .catBox--text .catBox__link {
    display: block;
    padding: 0;
    min-height: 0;
    max-height: none; }
    @media screen and (min-width: 992px) {
      .catBox--text .catBox__link {
        display: inline-block;
        vertical-align: middle; } }

.catBox__item--img .catBox__link {
  display: flex;
  justify-content: flex-start; }
  @media screen and (max-width: 991px) {
    .catBox__item--img .catBox__link {
      align-items: center; } }

.catBox__item--img .catBox__itemCount {
  order: 1; }

.catBox__item--img .catBox__name {
  flex-grow: 1; }

.catBox--position-left .catBox__row {
  justify-content: flex-start; }

.catBox--position-center .catBox__row {
  justify-content: center; }

.catBox--tile .catBox__row {
  display: flex;
  flex-wrap: wrap; }

.catBox--tile .catBox__inner:hover {
  box-shadow: none; }
  .catBox--tile .catBox__inner:hover .catBox__link {
    text-decoration: none; }

.catBox--tile .catBox__link {
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.5rem 2rem 0;
  min-height: 220px;
  font-size: 1.125rem;
  background-color: #312783; }
  @media screen and (min-width: 992px) {
    .catBox--tile .catBox__link {
      min-height: 300px;
      font-size: 1.5rem; } }
  .catBox--tile .catBox__link:hover {
    background-color: #2a216f; }

.catBox--tile .catBox__img {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: block;
  margin: 0;
  order: 1;
  max-width: 70%;
  max-height: none; }
  @media screen and (min-width: 992px) {
    .catBox--tile .catBox__img {
      max-width: 200px; } }

.catBox--tile .catBox__item {
  width: 50%; }
  @media screen and (min-width: 768px) {
    .catBox--tile .catBox__item {
      width: calc(100% / 3); } }
  @media screen and (min-width: 1200px) {
    .catBox--tile .catBox__item {
      width: 25%; } }

.catBox--tile .catBox__name {
  position: relative;
  z-index: 1;
  text-align: left;
  line-height: 1.2;
  color: #ffffff; }

.box {
  font-size: 13px;
  border: 1px solid #efefef;
  padding: 1.5625rem 0.9375rem ; }
  .box p:last-of-type {
    margin-bottom: 0; }
  .box--action_offers, .box--brands {
    padding-bottom: 0; }
    .box--action_offers ul, .box--brands ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0; }
    .box--action_offers li, .box--brands li {
      margin-left: -15px;
      margin-right: -15px; }
      .box--action_offers li a, .box--brands li a {
        display: block;
        border-bottom: 1px solid #efefef;
        background-color: #f8f8f8;
        padding: 6px 15px; }
      .box--action_offers li:last-child a, .box--brands li:last-child a {
        border-bottom: 0; }
      .box--action_offers li:first-child a, .box--brands li:first-child a {
        border-top: 1px solid #efefef; }

.basketNav {
  margin-bottom: 0;
  display: table;
  width: 100%;
  height: 60px; }
  .basketNav .basketNav__item {
    position: relative;
    margin-bottom: 0;
    margin-left: 0;
    font-weight: bold;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    font-size: 1.125rem; }
    @media screen and (max-width: 1199px) {
      .basketNav .basketNav__item:last-child .basketNav__link::before, .basketNav .basketNav__item:last-child .basketNav__link::after {
        display: none; } }
    .basketNav .basketNav__item.active .basketNav__step {
      background-color: #ffffff;
      color: #312783;
      border-color: #ffffff; }
    .basketNav .basketNav__item.active .basketNav__link {
      color: #ffffff; }
  .basketNav__step {
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-top: 4px;
    border: 1px solid #b7b7ca;
    color: #b7b7ca; }
    @media screen and (min-width: 992px) {
      .basketNav__step {
        left: 0; } }
  .basketNav__text {
    display: inline-block;
    line-height: 1.1; }
  .basketNav__link {
    display: block;
    padding: 15px;
    text-align: center;
    color: #b7b7ca; }
    @media screen and (min-width: 992px) {
      .basketNav__link {
        padding-left: 50px;
        text-align: left;
        padding-right: 40px; } }
    @media screen and (min-width: 768px) {
      .basketNav__link::after {
        position: absolute;
        right: 0;
        top: 50%;
        content: '';
        width: 80px;
        height: 80px;
        transform: translateY(-50%) rotate(45deg);
        border-right: 1px solid #b7b7ca;
        border-top: 1px solid #b7b7ca; } }
    @media screen and (min-width: 768px) {
      .basketNav__link::after {
        right: 40px; } }
    .basketNav__link:hover {
      color: #ffffff; }
      .basketNav__link:hover .basketNav__step {
        background-color: #ffffff;
        color: #312783;
        border-color: #ffffff; }
    .basketNav__link.last::before, .basketNav__link.last::after {
      display: none; }

@media screen and (min-width: 768px) {
  .basket {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px; } }

.basket.remove-item .basketDrop::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  z-index: 52; }

.basket:hover .basketDrop {
  visibility: visible;
  opacity: 1; }

.basket__col {
  display: inline-block;
  vertical-align: bottom; }

.basket__icon {
  margin-right: 0.3125rem ; }

.basket__content {
  font-size: 0.875rem; }

.basket__btn {
  position: relative; }
  @media screen and (max-width: 767px) {
    .basket__btn {
      position: absolute;
      top: 50%;
      right: 60px;
      transform: translateY(-50%); }
      .page--Checkout .basket__btn {
        right: 10px; } }

.basket__unit {
  display: none; }

.basket__price {
  text-decoration: none;
  color: #555555;
  font-weight: bold; }

.basket .tooltip-handler::before {
  color: inherit;
  font-size: 0.875rem;
  margin-left: 3px; }

.basketDrop {
  position: absolute;
  top: auto;
  right: 0;
  width: 100%;
  z-index: 50;
  transform: translateY(30px);
  visibility: hidden;
  opacity: 0; }
  @media screen and (min-width: 544px) {
    .basketDrop {
      top: 0;
      width: 470px;
      padding-top: 0.75rem ; } }
  @media screen and (min-width: 1200px) {
    .basketDrop {
      max-height: calc(100vh - 200px);
      overflow-x: hidden;
      overflow-y: auto; } }
  .basketDrop__heading {
    display: none; }
  .basketDrop.is-visible {
    visibility: visible;
    opacity: 1; }
  .basketDrop__list {
    position: relative;
    border: 1px solid #efefef;
    box-shadow: 0 0 8px 0 #d2d2d2; }
    .basketDrop__list:after, .basketDrop__list:before {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      visibility: visible; }
    .basketDrop__list:after {
      border-width: 8px;
      border-bottom-color: #fff;
      top: -16px;
      right: 28px; }
    .basketDrop__list:before {
      border-width: 9px;
      border-bottom-color: #efefef;
      top: -18px;
      right: 27px; }
  .basketDrop__item {
    background-color: #fff;
    font-size: 0.875rem;
    border-bottom: 1px solid #efefef; }
    .basketDrop__item:last-child {
      border-bottom: 0; }
    .basketDrop__item--empty {
      padding: 0.9375rem ; }
    .basketDrop__item--gift {
      background-color: #f2faf2;
      border: 1px solid #42ab42;
      color: #555555; }
      .basketDrop__item--gift .basketDrop__link {
        color: #555555; }
        .basketDrop__item--gift .basketDrop__link:hover {
          background-color: #e0f3e0; }
      .basketDrop__item--gift .icon {
        display: inline-block;
        text-align: center;
        width: 50px; }
        .basketDrop__item--gift .icon::before {
          color: #42ab42;
          font-size: 26px; }
  .basketDrop__link {
    position: relative;
    padding: 0.9375rem ; }
    .basketDrop__link:hover {
      text-decoration: none;
      background-color: #f8f8f8; }
      .basketDrop__link:hover .basketDrop__close {
        visibility: visible; }
  .basketDrop__img {
    width: 10%; }
    .basketDrop__img img {
      max-width: 50px; }
  .basketDrop__title {
    text-align: left;
    width: 50%;
    padding-left: 0.9375rem ; }
  .basketDrop__total {
    text-align: right;
    width: 35%;
    color: #555555;
    padding-right: 1.125rem ; }
    .basketDrop__total .quantity {
      margin-right: 0.625rem ;
      width: 35px;
      display: inline-block;
      text-align: left; }
    .basketDrop__total .price {
      font-weight: bold; }
    .basketDrop__total .price--recyclingfee {
      display: block;
      color: #888;
      font-weight: 400; }
  .basketDrop__close {
    visibility: hidden;
    z-index: 2;
    position: absolute;
    top: 15px;
    right: 5px; }
  .basketDrop__sum {
    padding: 1.25rem ;
    font-size: 0.875rem;
    background-color: #f8f8f8; }
    .basketDrop__sum__row:first-child {
      margin-bottom: 0.9375rem ; }
    .basketDrop__sum .icon-delivery::before {
      font-size: 30px; }
  .basketDrop__priceTotal strong {
    font-size: 1rem; }
  .basketDrop .basketDrop__delivery .icon-delivery::before {
    color: #42ab42; }

.banners--homepage {
  text-align: center; }
  .banners--homepage .banner {
    position: relative;
    height: 250px; }
    @media screen and (min-width: 768px) {
      .banners--homepage .banner {
        height: 300px; } }
    @media screen and (min-width: 992px) {
      .banners--homepage .banner {
        height: 400px; } }
    .banners--homepage .banner:hover .banner--text {
      background-color: #312783; }
    .banners--homepage .banner > a {
      position: relative;
      display: block;
      height: 100%; }
    .banners--homepage .banner img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .banners--homepage .banner .banner--text {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 1;
      text-align: left;
      padding: 8px 12px;
      background: rgba(0, 0, 0, 0.5);
      color: #ffffff;
      transition: 0.3s ease-in-out;
      background-color: #312783; }

@media screen and (min-width: 992px) {
  .banners--inline {
    display: flex; } }

.banners--inline .banner {
  flex: 1 1 0px;
  margin: 0 10px; }
  @media (min-width: 768px) and (max-width: 10223px) {
    .banners--inline .banner {
      margin-block: 0.5rem; } }

.banner__link {
  display: block; }

.banner__img {
  display: block;
  margin: auto; }

.banner--outside {
  z-index: 1; }
  .banner--outside.banner--is-desktop {
    position: absolute;
    left: 100%;
    top: 0;
    top: 30px; }
  .banner--outside .banner__img {
    max-width: none; }

.assistant {
  padding: 1.25rem ;
  padding-bottom: 0;
  background-color: #f8f8f8;
  border: 1px solid #efefef; }
  @media screen and (max-width: 767px) {
    .assistant__col--left {
      padding-right: 0; } }
  @media screen and (max-width: 767px) {
    .assistant__col--right {
      margin-top: 1.25rem ; } }
  .assistant .assistant__paramLink {
    font-weight: 400;
    font-size: 1rem; }
  .assistant .designLabel__indicator {
    top: 4px;
    width: 16px;
    height: 16px; }
  .assistant .row {
    padding-bottom: 1.25rem ; }
  .assistant__item:last-of-type {
    margin-bottom: 0; }
    .assistant__item:last-of-type .row:last-of-type {
      border-bottom: 0;
      margin-bottom: 0; }
  .assistant__currency {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px; }
    @media screen and (min-width: 768px) {
      .assistant__currency {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (min-width: 768px) {
      .assistant__currency--from {
        left: 98px; } }
    @media screen and (min-width: 768px) {
      .assistant__currency--from-left {
        left: 0; } }
    @media screen and (min-width: 768px) {
      .assistant__currency--to {
        right: 0; } }
    @media screen and (min-width: 768px) {
      .assistant__currency--to-left {
        right: 100px; } }
    @media screen and (min-width: 768px) {
      .assistant__currency.assistant__currency--to-left + .slider-value-max {
        right: 0; } }
    @media screen and (min-width: 768px) {
      .assistant__currency.assistant__currency--from-left + .slider-value-min {
        left: 30px; } }
  @media screen and (min-width: 768px) {
    .assistant__priceRange {
      padding: 0 9.0625rem 0 8.75rem ; } }
  .assistant__priceRange .slider-value-min,
  .assistant__priceRange .slider-value-max {
    width: 45%;
    display: inline-block; }
    @media screen and (min-width: 768px) {
      .assistant__priceRange .slider-value-min,
      .assistant__priceRange .slider-value-max {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 90px;
        width: 45%; } }
  @media screen and (min-width: 768px) {
    .assistant__priceRange .slider-value-min {
      left: 0; } }
  .assistant__priceRange .slider-value-max {
    margin-left: 8%; }
    @media screen and (min-width: 768px) {
      .assistant__priceRange .slider-value-max {
        margin-left: 0;
        right: 25px; } }
  @media screen and (max-width: 767px) {
    .assistant__priceRange .slider-value-label {
      display: inline-block;
      width: 45%; } }
  @media screen and (max-width: 767px) {
    .assistant__priceRange .slider-value-label--max {
      display: inline-block;
      margin-left: 8%; } }
  .assistant__params {
    background-color: #fff;
    border-top: 1px solid #efefef;
    margin: 0 -1.25rem ;
    padding: 1.875rem 1.25rem ; }
    .assistant__params .row {
      border-bottom: 1px solid #efefef;
      margin-left: 0;
      padding-bottom: 0.625rem ;
      margin-bottom: 1.25rem ; }
    .assistant__params label {
      margin-bottom: 0; }
  .assistant__paramHeading {
    margin-bottom: 0.375rem ;
    font-size: 0.8125rem; }
  .assistant__paramLink {
    color: #555555;
    text-decoration: none; }
  .assistant--mini {
    padding: 0.9375rem 0.9375rem ; }
    .assistant--mini .assistant__priceControl {
      position: relative;
      margin-top: 15px;
      white-space: nowrap;
      text-align: center; }
      @media screen and (min-width: 1200px) {
        .assistant--mini .assistant__priceControl {
          margin-left: 17px;
          text-align: left; } }
      .assistant--mini .assistant__priceControl label {
        vertical-align: middle;
        margin-bottom: 0;
        margin: 0 0.3125rem ; }
      .assistant--mini .assistant__priceControl-others .form-control {
        margin: 0; }
    .assistant--mini .assistant__currency {
      position: static;
      display: inline;
      font-size: 0.75rem; }
      .assistant--mini .assistant__currency--from-left {
        margin-right: 5px; }
    .assistant--mini .form-control {
      display: inline-block;
      vertical-align: middle;
      width: 37%;
      font-size: 0.875rem;
      padding: 5px;
      height: 25px;
      text-align: right; }
    .assistant--mini .form-control-from,
    .assistant--mini .form-control-to {
      font-size: 0.75rem; }
    .assistant--mini .form-control-from {
      margin-right: 3px; }
    .assistant--mini .form-control-to {
      margin-left: 3px; }
    .assistant--mini .slider-wrapper {
      margin-top: 20px; }
    .assistant--mini .slider-value-max {
      margin-left: 5px; }
  .assistant__heading {
    font-size: 0.875rem;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0; }
    .assistant__heading > div {
      padding: 0.625rem 0 ; }
  .assistant__item {
    margin: 0.625rem 0 1.25rem ; }
    .assistant__item a:not(.tag) {
      color: #555555; }
  .assistant__handler {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 0.625rem 0 ; }
    .assistant__handler::after {
      position: absolute;
      top: 50%;
      right: 4px;
      color: #312783 !important;
      font-size: 5px !important;
      transform: rotate(-180deg) !important; }
    .assistant__handler--active::after {
      transform: rotate(0) !important; }
  .assistant__bottom {
    position: relative;
    margin: 0 -1.25rem ; }
    .assistant__bottom.is-active {
      padding-top: 1.25rem ;
      border-top: 1px solid #efefef; }

.slider-wrapper--param {
  min-height: 50px;
  padding: 0; }
  @media screen and (min-width: 544px) {
    .slider-wrapper--param .assistant__priceRange {
      margin-top: 20px; } }

@media screen and (min-width: 768px) {
  .assistant--full .slider-value-label {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute; } }

.arguments {
  padding: 0;
  border: 1px solid #000000; }
  @media screen and (min-width: 768px) {
    .arguments {
      width: 100%;
      font-size: 0;
      display: table; } }
  .arguments .argument {
    font-size: 1rem;
    list-style: none;
    padding: 0.9375rem ; }
    @media screen and (min-width: 768px) {
      .arguments .argument {
        display: inline-block;
        vertical-align: top;
        float: none; } }
    @media screen and (min-width: 1200px) {
      .arguments .argument {
        display: table-cell;
        height: 100%; } }
    @media screen and (min-width: 768px) {
      .arguments .argument {
        border-right: 1px solid #000000; } }
    @media screen and (min-width: 768px) {
      .arguments .argument {
        padding: 1.875rem ; } }
    .arguments .argument:last-child {
      border-right: 0; }
    @media screen and (max-width: 1199px) {
      .arguments .argument:nth-child(even) {
        border-right: 0; } }
    .arguments .argument--has-link {
      padding: 0 !important; }
      .arguments .argument--has-link .argument__link {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0.9375rem ; }
        @media screen and (min-width: 768px) {
          .arguments .argument--has-link .argument__link {
            padding: 1.875rem ; } }
      .arguments .argument--has-link .argument__img {
        min-width: 50px; }
  .arguments .argument__link {
    display: block;
    padding: 1.875rem ;
    transition: all 0.3s ease-in-out; }
    .arguments .argument__link:hover .argument__title {
      text-decoration: underline; }
  .arguments .argument__img {
    max-width: 50px;
    margin-right: 0.625rem ; }
  .arguments .argument__content {
    width: calc( 100% - (50px + 10px) - 30px); }
  .arguments .argument__title {
    display: block;
    line-height: 1.4;
    text-transform: uppercase; }
  .arguments .argument__desc {
    font-size: 0.8125rem;
    line-height: 1.4; }
    .arguments .argument__desc p {
      margin-bottom: 0; }
  .arguments--productDetail {
    border: 0;
    margin-top: 0.9375rem ; }
    @media screen and (min-width: 768px) {
      .arguments--productDetail {
        display: flex; } }
    @media screen and (min-width: 992px) {
      .arguments--productDetail {
        margin-bottom: 0; } }
    .arguments--productDetail .argument {
      padding-left: 0;
      padding-bottom: 0;
      padding-top: 0;
      border-right: 0;
      margin-top: 15px; }

html.advice {
  padding: 0;
  border: 0;
  border-radius: 0; }

.advice {
  padding: 1.25rem 0.9375rem ;
  border: 1px solid #efefef;
  border-radius: 2px; }
  .advice__name {
    margin-bottom: 0.625rem ;
    font-size: 1rem; }
    .advice__name a {
      color: #555555; }
  .advice__info {
    font-size: 0.8125rem;
    padding-bottom: 0.625rem ;
    border-bottom: 1px solid #efefef; }
    .advice__info .icon {
      margin-right: 0.625rem ; }
  .advice__date, .advice__product {
    margin-right: 0.9375rem ; }
  .advice__text {
    padding: 0.9375rem 0 ;
    margin-bottom: 0; }
    .advice__text p:last-child {
      margin-bottom: 0; }
    .advice__text--question {
      font-style: italic;
      white-space: break-spaces; }
      .advice__text--question::before {
        content: open-quote; }
      .advice__text--question::after {
        content: close-quote; }
    .advice__text--answer {
      position: relative;
      font-weight: bold;
      padding: 1.25rem 0 0 2.1875rem ; }
      .advice__text--answer::before, .advice__text--answer::after {
        position: absolute;
        left: 0;
        top: 5px;
        font-size: 20px;
        color: #ddd; }
      .advice__text--answer::before {
        top: 15px;
        left: 4px;
        content: "→"; }
      .advice__text--answer::after {
        content: "|"; }
  .advice__author {
    font-size: 0.8125rem; }
    .advice__author::before {
      content: "-";
      margin-right: 0.125rem ; }
  .advice--product-detail .advice__info .icon {
    margin-right: 5px; }
  .advice--product-detail .advice__name {
    margin-bottom: 0.625rem ;
    text-align: left;
    font-size: 1rem; }
    .advice--product-detail .advice__name a {
      color: #555555; }

.accountNav {
  background-color: #f8f8f8;
  padding: 0.5rem 0 0.75rem ;
  border: 1px solid #efefef;
  font-size: 0.8125rem; }
  .accountNav__heading {
    text-transform: uppercase;
    padding: 0.375rem 0.9375rem 0.625rem ; }
  .accountNav li.active a {
    text-decoration: none;
    margin-right: -1px;
    border-color: #efefef;
    background-color: #fdfffe;
    color: #555555; }
  .accountNav a {
    display: block;
    padding: 0.375rem 0.9375rem ;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .accountNav a:hover, .accountNav a:active, .accountNav a:focus {
      text-decoration: none;
      color: #555555; }

@media screen and (max-width: 991px) {
  .table--ordersHistory {
    display: block;
    overflow-x: auto; }
    .table--ordersHistory thead th,
    .table--ordersHistory tbody td {
      min-width: 120px;
      text-align: left !important;
      vertical-align: top;
      line-height: 1.2; } }

.table--ordersHistory thead {
  background-color: #f8f8f8; }
  .table--ordersHistory thead th {
    border-bottom-width: 1px; }

.table--ordersHistory td,
.table--ordersHistory th {
  vertical-align: middle;
  font-size: 0.8125rem;
  text-align: center;
  font-weight: normal;
  border: 1px solid #efefef; }

.table--ordersHistory .price--incVat {
  color: #312783;
  font-size: 0.9375rem; }

.personalData__header {
  padding: 0.9375rem ; }
  @media screen and (min-width: 768px) {
    .personalData__header {
      display: table;
      width: 100%; } }

@media screen and (min-width: 768px) {
  .personalData__title, .personalData__buttons {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    margin: 0; } }

.personalData__buttons {
  text-align: right; }

.personalData__title .icon {
  float: left;
  margin-right: 0.9375rem ; }
  .personalData__title .icon::before {
    font-size: 3.125rem;
    color: #666; }

.personalData__name {
  font-weight: bold;
  font-size: 1rem;
  margin: 0.5rem 0 0.1875rem 0 ; }

.personalData__mail {
  font-weight: normal;
  font-size: 0.8125rem; }

.personalData .form-group {
  margin-bottom: 0; }

.personalData .form-control {
  margin-bottom: 0.9375rem ; }

.personalData h3 {
  margin-bottom: 0.625rem ; }

@media screen and (max-width: 1199px) {
  .personalData .btn, .personalData .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .personalData .tab-accord-link {
    margin-bottom: 0.625rem ; } }

.orderDetail .card-block {
  font-size: 0.8125rem; }

.orderDetail .checkoutList__item:last-child {
  padding-right: 0.9375rem ; }

.staticPage__img {
  display: block;
  max-width: 25%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.875rem ;
  float: left;
  margin-right: 1.875rem ; }
  @media screen and (max-width: 991px) {
    .staticPage__img {
      max-width: 100%;
      float: none; } }

.fb-page:has(iframe) {
  max-width: 100%; }

.fb_iframe_widget {
  margin-bottom: 1.5rem; }

@media screen and (min-width: 768px) {
  .Gallery__row .Gallery__item {
    margin-bottom: 1.875rem ; } }

.Gallery__row .Gallery__item.is-hidden {
  display: none; }

@media screen and (max-width: 991px) {
  .Gallery__row:last-child .Gallery__item {
    margin-bottom: 0; } }

@media screen and (max-width: 991px) {
  .Gallery__item {
    margin-bottom: 1.875rem ; } }

.Gallery__item a {
  display: block;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .Gallery__item a {
      height: 200px; } }
  .Gallery__item a:hover img {
    transform: scale(1.05) translateZ(0); }

@media screen and (min-width: 768px) {
  .Gallery__item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform .3s ease-in-out;
    object-fit: contain; } }

.files--designFile {
  border: 1px solid #efefef;
  border-bottom: 0; }
  .files--designFile .file {
    display: block;
    height: auto;
    padding: 0.625rem ;
    border-bottom: 1px solid #efefef;
    cursor: default; }
    .files--designFile .file__ext, .files--designFile .file__size {
      font-size: 0.75rem; }

.sitemapWrapper__title {
  font-size: 1.125rem; }
  .sitemapWrapper__title--is-second {
    padding-top: 25px;
    border-top: 1px solid #efefef; }

.sitemapWrapper .sitemap {
  font-size: 0;
  margin-left: -1rem; }
  .sitemapWrapper .sitemap .sitemap__item {
    font-size: 0.8125rem;
    margin-bottom: 0.625rem ;
    padding-left: 1rem; }
    .sitemapWrapper .sitemap .sitemap__item::before {
      font-size: 0.5rem;
      top: 6px;
      left: 0.5rem; }
    .sitemapWrapper .sitemap .sitemap__item--lev1 {
      display: block; }
      @media screen and (min-width: 768px) {
        .sitemapWrapper .sitemap .sitemap__item--lev1 {
          display: inline-block;
          vertical-align: top;
          width: 50%; } }
      @media screen and (min-width: 992px) {
        .sitemapWrapper .sitemap .sitemap__item--lev1 {
          width: 33.333333%; } }
      .sitemapWrapper .sitemap .sitemap__item--lev1::before {
        display: none; }
  .sitemapWrapper .sitemap--lev2 {
    padding-left: 25px;
    margin-top: 1.25rem ; }
  .sitemapWrapper .sitemap__link--lev1 {
    display: block;
    margin-bottom: 5px;
    background-color: #f8f8f8;
    font-weight: bold;
    padding: 8px 12px; }
  .sitemapWrapper .sitemap--pages .sitemap__link--lev1 {
    font-size: 0.8125rem; }
  .sitemapWrapper .sitemap--pages .sitemap--lev2 {
    margin-bottom: 15px; }

.subpages__inner {
  border: 1px solid #efefef;
  margin-bottom: 0.5rem;
  transition: all .3s ease-in-out; }
  .subpages__inner:hover {
    box-shadow: 0 0 8px 0 #d2d2d2; }
  .subpages__inner--img .subpages__link {
    min-height: 180px; }

.subpages__link {
  display: block;
  text-align: center; }

.subpages__img-wrapper {
  position: relative;
  overflow: hidden;
  height: 100px; }

.subpages__img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%); }

.subpages__title {
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 20px; }

@media screen and (min-width: 768px) {
  .subpages__row {
    display: flex;
    flex-wrap: wrap; } }

.subpages__item {
  margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .subpages__item {
      width: 100%; } }

@media screen and (min-width: 768px) {
  .subpages__inner {
    height: 100%; } }

.page-header {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  height: 70px;
  background-color: #009fe3; }
  .page-header-logo {
    width: 100px; }

.simple-stock-app {
  min-height: calc(100vh - 70px);
  background-color: #e4e8ef;
  font-family: Roboto, sans-serif;
  color: #333; }
  .simple-stock-app h1,
  .simple-stock-app h2,
  .simple-stock-app h3,
  .simple-stock-app h4,
  .simple-stock-app h5,
  .simple-stock-app h6 {
    font-family: inherit;
    font-weight: 700; }
  .simple-stock-app a {
    color: #009fe3; }
  .simple-stock-app .container {
    padding-top: 2rem;
    max-width: 730px; }
    @media screen and (min-width: 1200px) {
      .simple-stock-app .container {
        padding: 3rem 2rem;
        max-width: 1480px; } }
  .simple-stock-app h1 {
    color: #333;
    font-size: 1.5rem; }
    @media screen and (min-width: 1200px) {
      .simple-stock-app h1 {
        margin-bottom: 1rem;
        font-size: 1.75rem; } }
  .simple-stock-app .card {
    padding: 0 10px;
    background-color: #fff;
    border-radius: 0.5em;
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.05);
    border: 0;
    overflow: hidden; }
    @media screen and (min-width: 1200px) {
      .simple-stock-app .card {
        min-height: 155px; } }
    .simple-stock-app .card--message {
      padding: 1.5rem;
      min-height: 0; }
      .simple-stock-app .card--message .card-header {
        display: flex;
        align-items: center;
        padding: 0; }
        .simple-stock-app .card--message .card-header .checkmark {
          display: block;
          min-width: 40px;
          margin-right: 1rem; }
      .simple-stock-app .card--message h2 {
        margin: 0;
        word-break: break-all;
        font-size: 1.25rem; }
        @media screen and (min-width: 768px) {
          .simple-stock-app .card--message h2 {
            font-size: 1.375rem; } }
  .simple-stock-app .card-header,
  .simple-stock-app .card-footer {
    border: 0;
    padding: 1.5rem;
    background-color: #fff; }
  .simple-stock-app .card-footer {
    padding-top: 1rem; }
  .simple-stock-app .card-header {
    padding-bottom: 0; }
    @media screen and (min-width: 1200px) {
      .simple-stock-app .card-header {
        padding-top: 2.5rem; } }
  .simple-stock-app .card-title {
    color: #4c6673; }
    @media screen and (min-width: 992px) {
      .simple-stock-app .card-title {
        font-size: 1.25rem; } }
  .simple-stock-app .card-body {
    padding: 1.5rem;
    overflow: auto; }
    .simple-stock-app .card-body div {
      margin-bottom: 1rem; }
      .simple-stock-app .card-body div:last-child {
        margin-bottom: 0; }
  .simple-stock-app .form-control-wrapper {
    position: relative; }
  .simple-stock-app input,
  .simple-stock-app select,
  .simple-stock-app .form-control {
    display: block;
    width: 100%;
    height: auto;
    outline: 0;
    border: 2px solid transparent;
    padding: 12px 16px;
    background-color: #f1f2f3;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    line-height: 1;
    box-shadow: none; }
    .simple-stock-app input:focus,
    .simple-stock-app select:focus,
    .simple-stock-app .form-control:focus {
      border-color: #009fe3;
      background-color: #fff; }
  .simple-stock-app label {
    font-size: 0.875rem;
    line-height: 1.2;
    font-weight: 600;
    color: #4c6673;
    margin-bottom: 6px;
    opacity: 1; }
  .simple-stock-app .btn, .simple-stock-app .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .simple-stock-app .tab-accord-link,
  .simple-stock-app button[type='submit'] {
    display: inline-flex;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    background-color: #009fe3;
    color: #fff;
    text-transform: none;
    outline: 0;
    border: 0;
    font-size: 1rem; }
    .simple-stock-app .btn:hover, .simple-stock-app .row--homepage-offers--action .js-carousel-offers .tab-accord-link:hover, .row--homepage-offers--action .js-carousel-offers .simple-stock-app .tab-accord-link:hover,
    .simple-stock-app button[type='submit']:hover {
      background-color: #008dca; }
  .simple-stock-app .noDesign {
    background: transparent;
    padding: 0;
    height: auto; }
  .simple-stock-app .btn.is-disabled, .simple-stock-app .row--homepage-offers--action .js-carousel-offers .is-disabled.tab-accord-link, .row--homepage-offers--action .js-carousel-offers .simple-stock-app .is-disabled.tab-accord-link {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #f5f5f5;
    color: #999; }
  .simple-stock-app .form-control-wrapper .btn, .simple-stock-app .form-control-wrapper .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .simple-stock-app .form-control-wrapper .tab-accord-link {
    position: absolute;
    top: 10px;
    right: 8px;
    width: auto; }
    @media screen and (min-width: 1200px) {
      .simple-stock-app .form-control-wrapper .btn, .simple-stock-app .form-control-wrapper .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .simple-stock-app .form-control-wrapper .tab-accord-link {
        right: 15px; } }
    .simple-stock-app .form-control-wrapper .btn.is-loading svg, .simple-stock-app .form-control-wrapper .row--homepage-offers--action .js-carousel-offers .is-loading.tab-accord-link svg, .row--homepage-offers--action .js-carousel-offers .simple-stock-app .form-control-wrapper .is-loading.tab-accord-link svg {
      display: block; }
    .simple-stock-app .form-control-wrapper .btn.is-loading i, .simple-stock-app .form-control-wrapper .row--homepage-offers--action .js-carousel-offers .is-loading.tab-accord-link i, .row--homepage-offers--action .js-carousel-offers .simple-stock-app .form-control-wrapper .is-loading.tab-accord-link i {
      display: none; }
  .simple-stock-app .form-control-wrapper .icon-search::before {
    color: #4c6673; }
  .simple-stock-app .btn-save {
    float: right;
    border: 0;
    border-radius: 0.25rem;
    transition: all 0.3s ease-in-out; }
  .simple-stock-app .product-search-item {
    padding: 0.5rem 0;
    margin-bottom: 0;
    border-top: 1px solid #ebebeb; }
    @media screen and (min-width: 768px) {
      .simple-stock-app .product-search-item {
        display: flex;
        align-items: center; } }
    .simple-stock-app .product-search-item:first-child {
      margin-top: 1rem;
      border-top: 0; }
  .simple-stock-app .product-search-item-name {
    display: block;
    flex-grow: 1;
    color: #4c6673;
    opacity: 0.8;
    font-size: 0.875rem;
    line-height: 1.4;
    padding-right: 1rem; }
    @media screen and (max-width: 767px) {
      .simple-stock-app .product-search-item-name {
        margin-bottom: 0.5rem; } }
  .simple-stock-app .product-search-item-sku,
  .simple-stock-app .product-sum-item-sku {
    display: block;
    font-weight: 400;
    font-size: 0.625rem; }
  .simple-stock-app .product-search-item .btn, .simple-stock-app .product-search-item .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .simple-stock-app .product-search-item .tab-accord-link {
    border-radius: 0.25em;
    padding: 0.25rem 1rem;
    font-size: 0.875rem;
    border: 0;
    box-shadow: none;
    transition: all 0.3s ease-in-out; }
  .simple-stock-app .product-sum-name {
    color: #4c6673;
    opacity: 0.8;
    font-size: 0.75rem;
    line-height: 1.4; }
  .simple-stock-app .product-sum-list:empty::before {
    content: 'Vyberte produkty k naskladnění';
    display: block;
    opacity: 0.5;
    font-style: italic; }
  .simple-stock-app .product-sum-item input[type='checkbox'] {
    min-width: 75px;
    height: auto;
    width: auto; }
    .simple-stock-app .product-sum-item input[type='checkbox']:focus {
      border: 0;
      box-shadow: none; }
  .simple-stock-app .product-sum-item {
    display: flex;
    flex-wrap: nowrap;
    gap: .75rem;
    min-width: fit-content; }
    .simple-stock-app .product-sum-item:not(:first-child) {
      border-top: 1px solid #ebebeb;
      margin-top: 1rem;
      padding-top: 1rem; }
    .simple-stock-app .product-sum-item input[type='number'],
    .simple-stock-app .product-sum-item input[type='text'],
    .simple-stock-app .product-sum-item select {
      height: 2.1875rem;
      padding: .25rem; }
    .simple-stock-app .product-sum-item input[type='checkbox'] {
      width: 1.25rem;
      height: 1.25rem;
      min-width: 1.25rem;
      min-height: 1.25rem;
      cursor: pointer; }
    .simple-stock-app .product-sum-item .product-sum-name {
      min-width: 12.5rem; }
    .simple-stock-app .product-sum-item .product-sum-stock, .simple-stock-app .product-sum-item .product-sum-buy-price {
      min-width: 6rem; }
    .simple-stock-app .product-sum-item .product-sum-avail {
      min-width: 10rem; }
    .simple-stock-app .product-sum-item .product-sum-in-stock {
      min-width: 5rem;
      height: max-content; }
    .simple-stock-app .product-sum-item .product-sum-minus {
      min-width: 6rem; }
    .simple-stock-app .product-sum-item:has(.product-sum-stock:hover) + .product-sum-list .product-sum-stock input[type='number'],
    .simple-stock-app .product-sum-item:has(.product-sum-buy-price:hover) + .product-sum-list .product-sum-buy-price input[type='number'],
    .simple-stock-app .product-sum-item:has(.product-sum-avail:hover) + .product-sum-list .product-sum-avail select,
    .simple-stock-app .product-sum-item:has(.product-sum-in-stock:hover) + .product-sum-list .product-sum-in-stock,
    .simple-stock-app .product-sum-item:has(.product-sum-minus:hover) + .product-sum-list .product-sum-minus input[type='checkbox'] {
      outline: 2px solid #009fe3;
      transition: unset;
      border-radius: 0.5rem; }
  .simple-stock-app .product-sum-item-header.is-hidden {
    display: none; }
  .simple-stock-app .product-sum-item-header .product-sum-item-value {
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 1.1;
    color: #4c6673; }
  .simple-stock-app .product-sum-in-stock {
    min-width: 80px;
    text-align: left; }
  .simple-stock-app .spinner {
    display: none;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 25px;
    height: 25px; }
    .simple-stock-app .spinner .path {
      stroke: #93bfec;
      stroke-linecap: round;
      animation: dash 1.5s ease-in-out infinite; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124; } }
  .simple-stock-app .error-message {
    display: block;
    font-weight: 600;
    margin-top: 0.5rem;
    color: #f44336; }
  .simple-stock-app .product-sum-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 8px;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    font-size: 0.75rem;
    cursor: pointer; }
    .simple-stock-app .product-sum-remove:hover {
      text-decoration: none; }
    @media screen and (min-width: 1200px) {
      .simple-stock-app .product-sum-remove {
        left: 15px; } }
  .simple-stock-app .product-sum-remove::before {
    font-weight: 700;
    font-size: 0.5625rem;
    color: #000; }

.nowrap {
  white-space: nowrap; }

.cc-banner {
  position: fixed;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  font-size: 16px; }
  .cc-banner-wrap {
    position: relative;
    z-index: 9999999999; }
    .cc-banner-wrap-light-modal-ws, .cc-banner-wrap-dark-modal-ws, .cc-banner-wrap-settings {
      position: fixed;
      left: 0;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100vw;
      height: 100vh; }
      .cc-banner-wrap-light-modal-ws::before, .cc-banner-wrap-dark-modal-ws::before, .cc-banner-wrap-settings::before {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        content: "";
        background-color: rgba(0, 0, 0, 0.5); }
      .cc-banner-wrap-light-modal-ws .cc-banner, .cc-banner-wrap-dark-modal-ws .cc-banner, .cc-banner-wrap-settings .cc-banner {
        position: relative;
        left: auto;
        top: 0;
        margin: 0;
        transform: none; }
  .cc-banner.cc-banner-settings .cc-banner-in {
    display: block;
    padding: 0; }
  .cc-banner.cc-banner-settings .cc-banner-message {
    max-width: 100%; }
  .cc-banner-dark-top, .cc-banner-dark-bottom, .cc-banner-light-top, .cc-banner-light-bottom {
    left: 0;
    width: 100%; }
    .cc-banner-dark-top .cc-banner-in, .cc-banner-dark-bottom .cc-banner-in, .cc-banner-light-top .cc-banner-in, .cc-banner-light-bottom .cc-banner-in {
      padding: 15px 30px; }
      @media screen and (min-width: 768px) {
        .cc-banner-dark-top .cc-banner-in, .cc-banner-dark-bottom .cc-banner-in, .cc-banner-light-top .cc-banner-in, .cc-banner-light-bottom .cc-banner-in {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 20px 30px; } }
    .cc-banner-dark-top .cc-banner-btn, .cc-banner-dark-bottom .cc-banner-btn, .cc-banner-light-top .cc-banner-btn, .cc-banner-light-bottom .cc-banner-btn {
      display: block;
      margin: 0; }
      @media screen and (min-width: 1200px) {
        .cc-banner-dark-top .cc-banner-btn, .cc-banner-dark-bottom .cc-banner-btn, .cc-banner-light-top .cc-banner-btn, .cc-banner-light-bottom .cc-banner-btn {
          padding-left: 24px;
          padding-right: 24px; } }
      .cc-banner-dark-top .cc-banner-btn-secondary, .cc-banner-dark-bottom .cc-banner-btn-secondary, .cc-banner-light-top .cc-banner-btn-secondary, .cc-banner-light-bottom .cc-banner-btn-secondary {
        margin-bottom: 6px; }
  .cc-banner-dark-floating, .cc-banner-dark-top, .cc-banner-dark-bottom {
    background-color: #222;
    color: #fff; }
  .cc-banner-light-top, .cc-banner-light-floating, .cc-banner-light-bottom {
    background-color: #fff;
    color: #333; }
  .cc-banner-dark-bottom, .cc-banner-light-bottom {
    bottom: 0; }
  .cc-banner-dark-top, .cc-banner-light-top {
    top: 0; }
  .cc-banner-light-top {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); }
  .cc-banner-light-bottom {
    box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.2); }
  .cc-banner-dark-floating, .cc-banner-light-floating {
    display: block;
    padding: 20px 20px 0;
    left: 5vw;
    bottom: 2vh;
    width: 90vw;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    max-height: calc(100vh - 40px);
    overflow-y: auto; }
    @media screen and (min-width: 768px) {
      .cc-banner-dark-floating, .cc-banner-light-floating {
        display: inline-flex;
        right: 20px;
        bottom: 20px;
        left: auto;
        width: auto; } }
    @media screen and (min-width: 1200px) {
      .cc-banner-dark-floating, .cc-banner-light-floating {
        padding: 30px 30px 0; } }
    .cc-banner-dark-floating .cc-banner-message, .cc-banner-light-floating .cc-banner-message {
      margin: 0 0 15px 0; }
      @media screen and (min-width: 768px) {
        .cc-banner-dark-floating .cc-banner-message, .cc-banner-light-floating .cc-banner-message {
          max-width: 450px; } }
      @media screen and (min-width: 1200px) {
        .cc-banner-dark-floating .cc-banner-message, .cc-banner-light-floating .cc-banner-message {
          margin-bottom: 30px;
          max-width: 550px; } }
    @media screen and (max-width: 767px) {
      .cc-banner-dark-floating .cc-banner-btn, .cc-banner-light-floating .cc-banner-btn {
        display: block;
        margin: 6px 0 0; } }
    @media screen and (min-width: 768px) {
      .cc-banner-dark-floating .cc-banner-btn, .cc-banner-light-floating .cc-banner-btn {
        width: auto; } }
    @media screen and (min-width: 1200px) {
      .cc-banner-dark-floating .cc-banner-btn, .cc-banner-light-floating .cc-banner-btn {
        padding: 12px 24px; } }
    .cc-banner-dark-floating .cc-banner-btn-wrap, .cc-banner-light-floating .cc-banner-btn-wrap {
      padding-bottom: 20px; }
      @media screen and (min-width: 1200px) {
        .cc-banner-dark-floating .cc-banner-btn-wrap, .cc-banner-light-floating .cc-banner-btn-wrap {
          padding-bottom: 30px; } }
  .cc-banner-btn {
    padding: 8px 16px;
    text-align: center;
    border-radius: 4px;
    width: 100%;
    background-color: #312783;
    color: #ffffff;
    transition: background-color .3s ease-in-out;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    border: 0; }
    .cc-banner-btn:hover, .cc-banner-btn:focus {
      text-decoration: none;
      background-color: #2a216f;
      color: #ffffff; }
    .cc-banner-btn-secondary {
      margin-right: 8px;
      background-color: #f5f5f5;
      color: #333; }
      .cc-banner-btn-secondary:hover, .cc-banner-btn-secondary:focus {
        background-color: #ededed;
        color: #333; }
    .cc-banner-btn-wrap {
      white-space: nowrap; }
  .cc-banner-settings {
    padding-right: 60px; }
  .cc-banner-settings-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 30px;
    height: 30px;
    border: 0;
    outline: 0;
    border-radius: 4px;
    cursor: pointer;
    background-color: transparent; }
    @media screen and (min-width: 992px) {
      .cc-banner-settings-close {
        right: 25px;
        top: 20px; } }
    .cc-banner-settings-close:hover, .cc-banner-settings-close:focus {
      outline: 0; }
    .cc-banner-settings-close .fa::before {
      color: #333;
      font-size: 1.5rem; }
  .cc-banner-message {
    margin: 0 0 12px 0;
    font-size: 0.9375rem;
    line-height: 1.5; }
    @media screen and (min-width: 768px) {
      .cc-banner-message {
        margin: 0 12px 0 0; } }
    .cc-banner-message-desc {
      margin-bottom: 0; }
  .cc-banner-title {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: normal; }
    @media screen and (min-width: 1200px) {
      .cc-banner-title {
        font-size: 1.75rem;
        line-height: normal; } }
  .cc-banner-light-modal-ws, .cc-banner-dark-modal-ws, .cc-banner-settings {
    position: fixed;
    left: 5%;
    top: 5%;
    width: 90vw;
    max-width: 100%;
    padding: 25px 25px 0;
    border-radius: 0.5em;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 101; }
    @media screen and (min-width: 768px) {
      .cc-banner-light-modal-ws, .cc-banner-dark-modal-ws, .cc-banner-settings {
        left: 50%;
        top: 50%;
        width: 700px;
        margin-left: -350px;
        padding: 40px 40px 0;
        transform: translateY(-50%); } }
    .cc-banner-light-modal-ws .cc-banner-btn-wrap, .cc-banner-dark-modal-ws .cc-banner-btn-wrap, .cc-banner-settings .cc-banner-btn-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding-bottom: 25px; }
      @media screen and (min-width: 768px) {
        .cc-banner-light-modal-ws .cc-banner-btn-wrap, .cc-banner-dark-modal-ws .cc-banner-btn-wrap, .cc-banner-settings .cc-banner-btn-wrap {
          padding-bottom: 40px; } }
    .cc-banner-light-modal-ws .cc-banner-message, .cc-banner-dark-modal-ws .cc-banner-message, .cc-banner-settings .cc-banner-message {
      margin-bottom: 15px; }
      @media screen and (min-width: 768px) {
        .cc-banner-light-modal-ws .cc-banner-message, .cc-banner-dark-modal-ws .cc-banner-message, .cc-banner-settings .cc-banner-message {
          margin-bottom: 30px; } }
    .cc-banner-light-modal-ws .cc-banner-title, .cc-banner-dark-modal-ws .cc-banner-title, .cc-banner-settings .cc-banner-title {
      margin-bottom: 1rem;
      font-size: 1.5rem;
      line-height: normal;
      color: inherit; }
      @media screen and (min-width: 768px) {
        .cc-banner-light-modal-ws .cc-banner-title, .cc-banner-dark-modal-ws .cc-banner-title, .cc-banner-settings .cc-banner-title {
          font-size: 1.875rem;
          line-height: normal; } }
    .cc-banner-light-modal-ws .cc-banner-btn, .cc-banner-dark-modal-ws .cc-banner-btn, .cc-banner-settings .cc-banner-btn {
      width: calc(50% - 8px); }
      @media screen and (min-width: 768px) {
        .cc-banner-light-modal-ws .cc-banner-btn, .cc-banner-dark-modal-ws .cc-banner-btn, .cc-banner-settings .cc-banner-btn {
          width: calc(50% - 20px); } }
      .cc-banner-light-modal-ws .cc-banner-btn-secondary, .cc-banner-dark-modal-ws .cc-banner-btn-secondary, .cc-banner-settings .cc-banner-btn-secondary {
        display: inline-block; }
  @media screen and (max-width: 767px) {
    .cc-banner-light-modal-ws .cc-banner-btn-wrap, .cc-banner-dark-modal-ws .cc-banner-btn-wrap {
      flex-direction: column; }
      .cc-banner-light-modal-ws .cc-banner-btn-wrap .cc-banner-btn, .cc-banner-dark-modal-ws .cc-banner-btn-wrap .cc-banner-btn {
        display: block;
        width: 100%;
        margin: 8px 0 0; } }
  .cc-banner-light-modal-ws {
    background-color: #fff;
    color: #333; }
  .cc-banner-dark-modal-ws {
    background-color: #222;
    color: #fff; }
  .cc-banner .designLabel {
    margin-bottom: 0.5rem; }
    .cc-banner .designLabel__indicator {
      top: 4px; }
    .cc-banner .designLabel--marketing {
      margin-bottom: 1.5rem; }
    .cc-banner .designLabel label {
      font-size: 0.875rem;
      color: inherit; }
      @media screen and (min-width: 768px) {
        .cc-banner .designLabel label {
          font-size: 1rem; } }
    .cc-banner .designLabel input[type="checkbox"]:checked + .designLabel__indicator {
      background-color: #312783; }
    .cc-banner .designLabel input[type="checkbox"]:checked ~ .designLabel__text {
      font-weight: 400; }
    .cc-banner .designLabel__indicator {
      border: 0;
      background-color: #d2d2d2; }
    .cc-banner .designLabel__text {
      display: block;
      line-height: 1.4; }
      .cc-banner .designLabel__text__title {
        display: block;
        font-size: 1.0625rem;
        color: inherit;
        cursor: pointer; }
        @media screen and (min-width: 768px) {
          .cc-banner .designLabel__text__title {
            font-size: 1.25rem; } }
  .cc-banner-settings {
    color: #555555; }

.prods-order-reviews-product {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 15px;
  margin-bottom: 40px;
  border: 1px solid #efefef; }
  @media screen and (min-width: 768px) {
    .prods-order-reviews-product {
      flex-direction: row;
      padding: 20px; } }
  @media screen and (min-width: 768px) {
    .prods-order-reviews-product-content {
      padding-left: 40px;
      flex-grow: 1; } }
  .prods-order-reviews-product-img {
    margin: 0 auto 20px; }
    @media screen and (min-width: 768px) {
      .prods-order-reviews-product-img {
        width: 350px;
        min-width: 350px;
        margin-bottom: 0; } }
  .prods-order-reviews-product-title {
    font-size: 1.5rem;
    margin-bottom: 12px; }
    @media screen and (min-width: 768px) {
      .prods-order-reviews-product-title {
        font-size: 1.875rem; } }

.prods-order-reviews-action {
  margin-bottom: 40px; }

.prods-order-reviews .form {
  max-width: 100%; }

.prods-order-reviews-products {
  margin-bottom: 40px; }
  .prods-order-reviews-products-item {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef; }
    .prods-order-reviews-products-item-img {
      width: 90px;
      min-width: 90px; }
      @media screen and (min-width: 768px) {
        .prods-order-reviews-products-item-img {
          width: 180px;
          min-width: 180px; } }
    .prods-order-reviews-products-item-content {
      padding-left: 15px; }
      @media screen and (min-width: 768px) {
        .prods-order-reviews-products-item-content {
          padding-left: 30px; } }
    .prods-order-reviews-products-item-title {
      font-size: 1.125rem;
      margin-bottom: 12px; }
      @media screen and (min-width: 768px) {
        .prods-order-reviews-products-item-title {
          font-size: 1.5rem; } }
    .prods-order-reviews-products-item:last-child {
      border-bottom: 0;
      margin-bottom: 0; }

.hp-cats {
  margin-bottom: 3.125rem ; }
  .hp-cats__wrap {
    display: grid;
    gap: 0.75rem ; }
    .hp-cats__wrap--mobile-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
    @media screen and (min-width: 768px) {
      .hp-cats__wrap--tablet-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)); }
      .hp-cats__wrap--tablet-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .hp-cats__wrap--tablet-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media screen and (min-width: 1200px) {
      .hp-cats__wrap--desk-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr)); }
      .hp-cats__wrap--desk-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)); }
      .hp-cats__wrap--desk-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .hp-cats__wrap--desk-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .hp-cats__item {
    padding: 0.75rem ;
    text-decoration: none;
    border: 1px solid #efefef; }
    @media screen and (min-width: 992px) {
      .hp-cats__item {
        padding: 0.9375rem ; } }
    .hp-cats__item__figure {
      display: flex;
      align-items: center;
      justify-content: center; }
    .hp-cats__item__img {
      max-height: 100%; }
    .hp-cats__item__name {
      display: block;
      font-size: 0.9375rem;
      line-height: 1.3; }
      @media screen and (min-width: 992px) {
        .hp-cats__item__name {
          font-size: 1.0625rem;
          line-height: 1.3; } }
  .hp-cats--imageSide .hp-cats__item {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    gap: 1.25rem ; }
    @media screen and (min-width: 768px) {
      .hp-cats--imageSide .hp-cats__item {
        grid-template-columns: 25% 1fr; } }
  .hp-cats--imageTop .hp-cats__item {
    text-align: center; }
  .hp-cats--imageTop .hp-cats__item__figure {
    margin: 0 auto 1rem;
    width: 100%;
    height: 120px; }
    @media screen and (min-width: 768px) {
      .hp-cats--imageTop .hp-cats__item__figure {
        width: 100%;
        height: 150px; } }

.icon-accordion::before {
  content: ""; }

.icon-accordion--after::after, .btn--collapse::after, .tab-accord-link::after, .assistant__handler::after {
  content: ""; }

.icon-basket::before {
  content: ""; }

.icon-basket--after::after {
  content: ""; }

.icon-calculator::before {
  content: ""; }

.icon-calculator--after::after {
  content: ""; }

.icon-close::before {
  content: ""; }

.icon-close--after::after {
  content: ""; }

.icon-compare::before {
  content: ""; }

.icon-compare--after::after {
  content: ""; }

.icon-delivery::before {
  content: ""; }

.icon-delivery--after::after {
  content: ""; }

.icon-ebrana::before {
  content: ""; }

.icon-ebrana--after::after {
  content: ""; }

.icon-facebook::before {
  content: ""; }

.icon-facebook--after::after {
  content: ""; }

.icon-gift::before {
  content: ""; }

.icon-gift--after::after {
  content: ""; }

.icon-home::before {
  content: ""; }

.icon-home--after::after {
  content: ""; }

.icon-image::before {
  content: ""; }

.icon-image--after::after {
  content: ""; }

.icon-li::before, .footerBox ul > li::before,
.sitemapWrapper ul > li::before,
.modal-body ul > li::before {
  content: ""; }

.icon-li--after::after {
  content: ""; }

.icon-list-boxes::before {
  content: ""; }

.icon-list-boxes--after::after {
  content: ""; }

.icon-list-rows::before {
  content: ""; }

.icon-list-rows--after::after {
  content: ""; }

.icon-list-table::before {
  content: ""; }

.icon-list-table--after::after {
  content: ""; }

.icon-login::before {
  content: ""; }

.icon-login--after::after {
  content: ""; }

.icon-logout::before {
  content: ""; }

.icon-logout--after::after {
  content: ""; }

.icon-mail::before {
  content: ""; }

.icon-mail--after::after {
  content: ""; }

.icon-menu::before {
  content: ""; }

.icon-menu--after::after {
  content: ""; }

.icon-pencil::before {
  content: ""; }

.icon-pencil--after::after {
  content: ""; }

.icon-remove::before {
  content: ""; }

.icon-remove--after::after {
  content: ""; }

.icon-search::before {
  content: ""; }

.icon-search--after::after {
  content: ""; }

.icon-share::before {
  content: ""; }

.icon-share--after::after {
  content: ""; }

.icon-slider-control::before, .breadcrumb__item::before {
  content: ""; }

.icon-slider-control--after::after {
  content: ""; }

.icon-sliderHandler::before, .slider-wrapper .ui-slider .ui-slider-handle::before {
  content: ""; }

.icon-sliderHandler--after::after {
  content: ""; }

.icon-star::before {
  content: ""; }

.icon-star--after::after {
  content: ""; }

.icon-telephone::before {
  content: ""; }

.icon-telephone--after::after {
  content: ""; }

.icon-user::before {
  content: ""; }

.icon-user--after::after {
  content: ""; }

.icon-youtube::before {
  content: ""; }

.icon-youtube--after::after {
  content: ""; }

.icon-basket-v2::before {
  content: ""; }

.icon-basket-v2--after::after {
  content: ""; }

.icon-basket::before {
  content: ""; }

.icon-basket--after::after {
  content: ""; }

.icon-calculator::before {
  content: ""; }

.icon-calculator--after::after {
  content: ""; }

.icon-close::before {
  content: ""; }

.icon-close--after::after {
  content: ""; }

.icon-compare::before {
  content: ""; }

.icon-compare--after::after {
  content: ""; }

.icon-delivery::before {
  content: ""; }

.icon-delivery--after::after {
  content: ""; }

.icon-download::before {
  content: ""; }

.icon-download--after::after {
  content: ""; }

.icon-ebrana::before {
  content: ""; }

.icon-ebrana--after::after {
  content: ""; }

.icon-eye-v2::before {
  content: ""; }

.icon-eye-v2--after::after {
  content: ""; }

.icon-facebook::before {
  content: ""; }

.icon-facebook--after::after {
  content: ""; }

.icon-gift-v2::before {
  content: ""; }

.icon-gift-v2--after::after {
  content: ""; }

.icon-gift::before {
  content: ""; }

.icon-gift--after::after {
  content: ""; }

.icon-heart-v2::before {
  content: ""; }

.icon-heart-v2--after::after {
  content: ""; }

.icon-heart::before {
  content: ""; }

.icon-heart--after::after {
  content: ""; }

.icon-help-v2::before {
  content: ""; }

.icon-help-v2--after::after {
  content: ""; }

.icon-help::before {
  content: ""; }

.icon-help--after::after {
  content: ""; }

.icon-history::before {
  content: ""; }

.icon-history--after::after {
  content: ""; }

.icon-home-v2::before {
  content: ""; }

.icon-home-v2--after::after {
  content: ""; }

.icon-home::before {
  content: ""; }

.icon-home--after::after {
  content: ""; }

.icon-image::before {
  content: ""; }

.icon-image--after::after {
  content: ""; }

.icon-instagram::before {
  content: ""; }

.icon-instagram--after::after {
  content: ""; }

.icon-li::before, .footerBox ul > li::before,
.sitemapWrapper ul > li::before,
.modal-body ul > li::before {
  content: ""; }

.icon-li--after::after {
  content: ""; }

.icon-list-boxes::before {
  content: ""; }

.icon-list-boxes--after::after {
  content: ""; }

.icon-list-rows::before {
  content: ""; }

.icon-list-rows--after::after {
  content: ""; }

.icon-list-table::before {
  content: ""; }

.icon-list-table--after::after {
  content: ""; }

.icon-list-variants::before {
  content: ""; }

.icon-list-variants--after::after {
  content: ""; }

.icon-login::before {
  content: ""; }

.icon-login--after::after {
  content: ""; }

.icon-logout::before {
  content: ""; }

.icon-logout--after::after {
  content: ""; }

.icon-mail::before {
  content: ""; }

.icon-mail--after::after {
  content: ""; }

.icon-menu::before {
  content: ""; }

.icon-menu--after::after {
  content: ""; }

.icon-pencil::before {
  content: ""; }

.icon-pencil--after::after {
  content: ""; }

.icon-pinterest::before {
  content: ""; }

.icon-pinterest--after::after {
  content: ""; }

.icon-remove::before {
  content: ""; }

.icon-remove--after::after {
  content: ""; }

.icon-ruler-v2::before {
  content: ""; }

.icon-ruler-v2--after::after {
  content: ""; }

.icon-ruler::before {
  content: ""; }

.icon-ruler--after::after {
  content: ""; }

.icon-scales-v2::before {
  content: ""; }

.icon-scales-v2--after::after {
  content: ""; }

.icon-search::before {
  content: ""; }

.icon-search--after::after {
  content: ""; }

.icon-send::before {
  content: ""; }

.icon-send--after::after {
  content: ""; }

.icon-share-v2::before {
  content: ""; }

.icon-share-v2--after::after {
  content: ""; }

.icon-share::before {
  content: ""; }

.icon-share--after::after {
  content: ""; }

.icon-skype::before {
  content: ""; }

.icon-skype--after::after {
  content: ""; }

.icon-slider-control::before, .breadcrumb__item::before {
  content: ""; }

.icon-slider-control--after::after {
  content: ""; }

.icon-sliderHandler::before, .slider-wrapper .ui-slider .ui-slider-handle::before {
  content: ""; }

.icon-sliderHandler--after::after {
  content: ""; }

.icon-star::before {
  content: ""; }

.icon-star--after::after {
  content: ""; }

.icon-stars-v2::before {
  content: ""; }

.icon-stars-v2--after::after {
  content: ""; }

.icon-telephone::before {
  content: ""; }

.icon-telephone--after::after {
  content: ""; }

.icon-user::before {
  content: ""; }

.icon-user--after::after {
  content: ""; }

.icon-x::before {
  content: ""; }

.icon-x--after::after {
  content: ""; }

.icon-youtube::before {
  content: ""; }

.icon-youtube--after::after {
  content: ""; }

.icon-zoom-in::before {
  content: ""; }

.icon-zoom-in--after::after {
  content: ""; }

:root {
  --layout-max-width-md: 74.625rem;
  --layout-max-width-lg: 102.5rem;
  --layout-max-width-xl: 110.25rem;
  --layout-max-width-full: 1920px;
  --layout-padding-inline: 1.5rem;
  --layout-wide-padding-inline: 2rem;
  --transition: all 300ms ease-out;
  --color-accent: #00d5aa;
  --color-dark-text: #1e1e1e; }

.siteWrapper {
  max-width: var(--layout-max-width-full);
  margin: 0 auto;
  background-color: #ffffff;
  overflow-x: hidden; }
  @media screen and (min-width: 768px) {
    .siteWrapper {
      position: relative; } }
  @media screen and (min-width: 992px) {
    .siteWrapper:has(.catMenu--sidebar) {
      overflow-x: visible; } }
  @media screen and (min-width: 768px) {
    .siteWrapper::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
      backdrop-filter: blur(1.5px);
      z-index: 15;
      pointer-events: none;
      opacity: 0;
      transition: var(--transition); } }
  @media screen and (min-width: 768px) {
    .siteWrapper:has(.dropdown.mainNav__item.open)::before {
      opacity: 1; } }
  .siteWrapper .mainWrapper > .container {
    padding-inline: var(--layout-padding-inline); }
    @media screen and (min-width: 1200px) {
      .siteWrapper .mainWrapper > .container {
        padding-inline: var(--layout-wide-padding-inline); } }
    @media screen and (min-width: 992px) {
      .siteWrapper .mainWrapper > .container {
        padding-top: 2.5rem; } }
    @media screen and (min-width: 992px) {
      .siteWrapper .mainWrapper > .container .row--container-3-9:has(.catMenu--sidebar) {
        display: grid;
        grid-template-columns: 16rem 1fr;
        align-items: start; } }
    @media screen and (min-width: 992px) {
      .siteWrapper .mainWrapper > .container .contentWrapper--twoCols:not(.page--Checkout .contentWrapper--twoCols) {
        padding-left: 1.5rem;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        float: unset !important;
        grid-column: 2; } }
    @media screen and (min-width: 1200px) {
      .siteWrapper .mainWrapper > .container .contentWrapper--twoCols:not(.page--Checkout .contentWrapper--twoCols) {
        padding-left: 2rem; } }
    @media screen and (min-width: 992px) {
      .siteWrapper .mainWrapper > .container .sidebarWrapper:not(.page--Checkout .sidebarWrapper) {
        width: 16rem;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        float: unset !important;
        grid-column: 1;
        grid-row: 1; } }
    @media screen and (min-width: 992px) {
      .siteWrapper .mainWrapper > .container .sidebarWrapper:not(.page--Checkout .sidebarWrapper) aside {
        position: sticky;
        top: 0; } }

.page--Checkout .mainWrapper,
.page--Page .mainWrapper,
.page--NewsCategorized .mainWrapper {
  margin-bottom: 3rem; }
  @media screen and (min-width: 768px) {
    .page--Checkout .mainWrapper,
    .page--Page .mainWrapper,
    .page--NewsCategorized .mainWrapper {
      margin-bottom: 4rem; } }
  @media screen and (min-width: 1200px) {
    .page--Checkout .mainWrapper,
    .page--Page .mainWrapper,
    .page--NewsCategorized .mainWrapper {
      margin-bottom: 5rem; } }

.homepage .mainWrapper > .container {
  max-width: var(--layout-max-width-xl);
  padding-top: 0; }

.homepage .banners--homepage-main,
.homepage .homepage--textTop,
.homepage .row--homepage-bottom--textTop,
.homepage .row--homepage-news,
.homepage .row--homepage-bottom--textBottom {
  padding-block: 2rem; }
  @media screen and (min-width: 768px) {
    .homepage .banners--homepage-main,
    .homepage .homepage--textTop,
    .homepage .row--homepage-bottom--textTop,
    .homepage .row--homepage-news,
    .homepage .row--homepage-bottom--textBottom {
      padding-block: 3rem; } }
  @media screen and (min-width: 1200px) {
    .homepage .banners--homepage-main,
    .homepage .homepage--textTop,
    .homepage .row--homepage-bottom--textTop,
    .homepage .row--homepage-news,
    .homepage .row--homepage-bottom--textBottom {
      padding-block: 4rem; } }

.homepage .row--homepage-bottom {
  max-width: calc(
 var(--layout-max-width-lg) - var(--layout-wide-padding-inline) * 2);
  margin-inline: auto; }
  .homepage .row--homepage-bottom--textTop {
    max-width: var(--layout-max-width-md);
    margin-inline: auto; }
    .homepage .row--homepage-bottom--textTop .row {
      display: flex;
      flex-wrap: wrap;
      row-gap: 2rem; }
      @media screen and (min-width: 768px) {
        .homepage .row--homepage-bottom--textTop .row {
          margin-inline: -1rem;
          align-items: center; } }
      @media screen and (min-width: 1200px) {
        .homepage .row--homepage-bottom--textTop .row {
          margin-inline: -1.5625rem; } }
      @media screen and (min-width: 768px) {
        .homepage .row--homepage-bottom--textTop .row > div {
          padding-inline: 1rem; } }
      @media screen and (min-width: 1200px) {
        .homepage .row--homepage-bottom--textTop .row > div {
          padding-inline: 1.5625rem; } }
      @media (max-width: 767px) {
        .homepage .row--homepage-bottom--textTop .row .col-12 {
          width: 100%; } }
    @media screen and (min-width: 1200px) {
      .homepage .row--homepage-bottom--textTop .text {
        padding-right: 5.625rem !important; } }
    @media screen and (min-width: 1200px) {
      .homepage .row--homepage-bottom--textTop .banner {
        height: 27.5rem; } }
    @media screen and (min-width: 1540px) {
      .homepage .row--homepage-bottom--textTop h2 {
        font-size: 2.5rem; } }
    @media screen and (min-width: 1540px) {
      .homepage .row--homepage-bottom--textTop h2 strong {
        font-size: 2rem; } }
    @media screen and (min-width: 1200px) {
      .homepage .row--homepage-bottom--textTop h2,
      .homepage .row--homepage-bottom--textTop p {
        margin-bottom: 1.875rem; } }
  .homepage .row--homepage-bottom--textBottom .row--references {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    margin-block: 1.25rem; }
    @media screen and (min-width: 1200px) {
      .homepage .row--homepage-bottom--textBottom .row--references {
        margin-block: 2.75rem; } }
    .homepage .row--homepage-bottom--textBottom .row--references::after {
      display: none; }
    .homepage .row--homepage-bottom--textBottom .row--references .reference-box {
      background-color: #f8f8f8;
      text-align: center;
      height: 100%;
      display: grid;
      grid-template-rows: 12.5rem 1fr; }
      @media screen and (min-width: 1200px) {
        .homepage .row--homepage-bottom--textBottom .row--references .reference-box {
          grid-template-rows: 19rem 1fr; } }
      .homepage .row--homepage-bottom--textBottom .row--references .reference-box__img {
        position: relative; }
        .homepage .row--homepage-bottom--textBottom .row--references .reference-box__img::before {
          position: absolute;
          content: "";
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: transparent;
          transition: var(--transition); }
        .homepage .row--homepage-bottom--textBottom .row--references .reference-box__img:hover::before {
          background-color: rgba(49, 39, 131, 0.8); }
        .homepage .row--homepage-bottom--textBottom .row--references .reference-box__img img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
      .homepage .row--homepage-bottom--textBottom .row--references .reference-box__text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
        padding: 1.5rem 1.5rem 2rem; }
        @media screen and (min-width: 1200px) {
          .homepage .row--homepage-bottom--textBottom .row--references .reference-box__text {
            padding-bottom: 2.5rem; } }
        .homepage .row--homepage-bottom--textBottom .row--references .reference-box__text h3 {
          font-weight: 600;
          font-size: 1rem;
          color: #000000;
          margin-bottom: 0;
          line-height: 1.25; }
          .homepage .row--homepage-bottom--textBottom .row--references .reference-box__text h3 a {
            color: inherit; }
        .homepage .row--homepage-bottom--textBottom .row--references .reference-box__text .btn, .homepage .row--homepage-bottom--textBottom .row--references .reference-box__text .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .homepage .row--homepage-bottom--textBottom .row--references .reference-box__text .tab-accord-link {
          margin-inline: auto;
          font-size: 0.75rem;
          color: #008066 !important; }

body {
  word-wrap: break-word; }

@media (max-width: 767px) {
  h1 {
    font-size: 2rem; } }

h2,
h3,
h4,
h5,
h6 {
  font-weight: 700; }
  h2 strong:not(.modal-title strong),
  h2 b,
  h3 strong:not(.modal-title strong),
  h3 b,
  h4 strong:not(.modal-title strong),
  h4 b,
  h5 strong:not(.modal-title strong),
  h5 b,
  h6 strong:not(.modal-title strong),
  h6 b {
    font-weight: 400; }

img {
  max-width: 100%; }

*,
*::before,
*::after {
  box-sizing: border-box; }

table {
  margin-bottom: 1rem; }
  table th,
  table td {
    border-color: #efefef;
    padding: 0.5rem; }

small {
  font-size: 90%; }

.standard.fullWidth {
  width: 100%; }

.table--features {
  width: 100%;
  table-layout: fixed; }
  .table--features tr {
    background-color: #f8f8f8;
    border-bottom: 1px solid #efefef;
    font-size: 0.875rem; }

.product__description ul,
.product__reviews ul,
.staticText ul,
.news__desc ul,
.staticPage__desc ul,
.homepage--textTop ul,
.row--homepage-bottom ul,
.footer__middle ul,
.sitemap ul {
  padding-left: 0;
  line-height: 1.42; }
  .product__description ul li,
  .product__reviews ul li,
  .staticText ul li,
  .news__desc ul li,
  .staticPage__desc ul li,
  .homepage--textTop ul li,
  .row--homepage-bottom ul li,
  .footer__middle ul li,
  .sitemap ul li {
    position: relative;
    padding-left: 1.125rem;
    margin-bottom: 0.625rem;
    list-style: none;
    line-height: inherit; }
    .product__description ul li::before,
    .product__reviews ul li::before,
    .staticText ul li::before,
    .news__desc ul li::before,
    .staticPage__desc ul li::before,
    .homepage--textTop ul li::before,
    .row--homepage-bottom ul li::before,
    .footer__middle ul li::before,
    .sitemap ul li::before {
      position: absolute;
      content: "";
      top: 0.35rem;
      left: 0;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      border: 2px solid var(--color-accent); }

.product__description p,
.product__description li,
.product__description span:not(.btn-text),
.product__description strong,
.product__description em,
.product__description table,
.product__reviews p,
.product__reviews li,
.product__reviews span:not(.btn-text),
.product__reviews strong,
.product__reviews em,
.product__reviews table,
.staticText p,
.staticText li,
.staticText span:not(.btn-text),
.staticText strong,
.staticText em,
.staticText table,
.news__desc p,
.news__desc li,
.news__desc span:not(.btn-text),
.news__desc strong,
.news__desc em,
.news__desc table,
.staticPage__desc p,
.staticPage__desc li,
.staticPage__desc span:not(.btn-text),
.staticPage__desc strong,
.staticPage__desc em,
.staticPage__desc table,
.homepage--textTop p,
.homepage--textTop li,
.homepage--textTop span:not(.btn-text),
.homepage--textTop strong,
.homepage--textTop em,
.homepage--textTop table,
.row--homepage-bottom p,
.row--homepage-bottom li,
.row--homepage-bottom span:not(.btn-text),
.row--homepage-bottom strong,
.row--homepage-bottom em,
.row--homepage-bottom table,
.footer__middle p,
.footer__middle li,
.footer__middle span:not(.btn-text),
.footer__middle strong,
.footer__middle em,
.footer__middle table,
.sitemap p,
.sitemap li,
.sitemap span:not(.btn-text),
.sitemap strong,
.sitemap em,
.sitemap table {
  font-size: 0.875rem; }

.sitemapWrapper .sitemap .sitemap__item::before {
  left: 0;
  top: 0.3125rem; }

.btn, .row--homepage-offers--action .js-carousel-offers .tab-accord-link {
  transition: var(--transition);
  box-shadow: none !important;
  border: none;
  letter-spacing: 0.0163rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8125rem;
  width: fit-content;
  line-height: normal; }
  @media (max-width: 767px) {
    .btn, .row--homepage-offers--action .js-carousel-offers .tab-accord-link {
      padding-inline: 2rem;
      font-size: 0.75rem; } }
  .btn:has(.icon), .row--homepage-offers--action .js-carousel-offers .tab-accord-link:has(.icon) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem; }
  .btn .icon::before, .row--homepage-offers--action .js-carousel-offers .tab-accord-link .icon::before {
    font-size: 14px;
    color: inherit; }
  .btn-link {
    color: var(--color-accent) !important;
    padding: 0; }
  .btn-outline {
    box-shadow: inset 0 0 0 2px #312783 !important; }
    @media screen and (min-width: 768px) {
      .btn-outline:hover {
        background-color: #312783;
        color: #ffffff; } }
  .btn-lg, .btn-group-lg > .btn, .row--homepage-offers--action .js-carousel-offers .btn-group-lg > .tab-accord-link, .dropdown-menu--mega .dropdown-box--primary .btn, .dropdown-menu--mega .dropdown-box--primary .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .dropdown-menu--mega .dropdown-box--primary .tab-accord-link {
    border-radius: 6.25rem; }
  .btn.pull-left, .row--homepage-offers--action .js-carousel-offers .pull-left.tab-accord-link, .btn.pull-right, .row--homepage-offers--action .js-carousel-offers .pull-right.tab-accord-link {
    align-content: center; }
    .btn.pull-left .fa, .row--homepage-offers--action .js-carousel-offers .pull-left.tab-accord-link .fa, .btn.pull-right .fa, .row--homepage-offers--action .js-carousel-offers .pull-right.tab-accord-link .fa {
      vertical-align: text-bottom; }
  .btn:not(.btn--collapse):focus, .row--homepage-offers--action .js-carousel-offers .tab-accord-link:not(.btn--collapse):focus {
    color: #ffffff; }
  .btn.popup-close, .row--homepage-offers--action .js-carousel-offers .popup-close.tab-accord-link {
    opacity: 1; }

.btn--collapse {
  border-radius: 6.25rem;
  width: 100%;
  padding: 0.75rem 2rem;
  color: #3c3c3c;
  font-size: 0.75rem; }
  .btn--collapse span {
    font-size: 0.75rem !important; }
  .btn--collapse::after {
    right: 1.5rem;
    font-size: 6px !important;
    top: 50%;
    translate: 0 -50%;
    color: #312783 !important; }

.mainNav .nav-item.open > .dropdown-menu {
  display: grid; }
  @media screen and (min-width: 1200px) {
    .mainNav .nav-item.open > .dropdown-menu {
      grid-template-columns: 1fr 4.5fr; } }

.mainNav .dropdown-menu {
  border-color: var(--_border-color);
  border-width: 1px 0 0 0;
  border-radius: 0; }
  @media (max-width: 767px) {
    .mainNav .dropdown-menu {
      border-bottom-width: 1px;
      margin-bottom: 0.75rem; } }
  @media screen and (min-width: 768px) {
    .mainNav .dropdown-menu {
      position: absolute;
      padding: 0;
      width: calc(100vw - 2rem);
      max-width: 106.25rem;
      left: calc(-50vw + 1rem + 50%); } }
  @media screen and (min-width: 1700px) {
    .mainNav .dropdown-menu {
      left: 50%;
      transform: translateX(-50%); } }
  .mainNav .dropdown-menu .loga,
  .mainNav .dropdown-menu .category {
    padding: 1rem 0.5rem; }
    @media screen and (min-width: 768px) {
      .mainNav .dropdown-menu .loga,
      .mainNav .dropdown-menu .category {
        padding: var(--layout-wide-padding-inline); } }
  .mainNav .dropdown-menu .loga {
    background-color: #f8f8f8;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 0.75rem 1.25rem;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .mainNav .dropdown-menu .loga {
        padding-block: 1.5rem; } }
    @media screen and (min-width: 1200px) {
      .mainNav .dropdown-menu .loga {
        flex-direction: column;
        row-gap: 1.5rem;
        padding-block: 2rem; } }
    .mainNav .dropdown-menu .loga .logo__item {
      line-height: 1.5; }
      .mainNav .dropdown-menu .loga .logo__item:has(img) {
        max-width: 7.25rem; }
      @media screen and (min-width: 768px) {
        .mainNav .dropdown-menu .loga .logo__item:hover .logo__item__image,
        .mainNav .dropdown-menu .loga .logo__item:hover img {
          scale: 0.9; } }
    .mainNav .dropdown-menu .loga .logo__image,
    .mainNav .dropdown-menu .loga .logo__item img {
      object-fit: contain;
      height: 100%;
      max-height: 2.625rem;
      mix-blend-mode: multiply; }
      @media screen and (min-width: 768px) {
        .mainNav .dropdown-menu .loga .logo__image,
        .mainNav .dropdown-menu .loga .logo__item img {
          transition: var(--transition); } }
    .mainNav .dropdown-menu .loga .logo__name,
    .mainNav .dropdown-menu .loga .logo__item span {
      font-size: 0.875rem;
      font-weight: 600; }
  .mainNav .dropdown-menu .category {
    display: grid;
    column-gap: 1.25rem; }
    @media screen and (min-width: 544px) {
      .mainNav .dropdown-menu .category {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (min-width: 768px) {
      .mainNav .dropdown-menu .category {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 2rem; } }
    @media screen and (min-width: 992px) {
      .mainNav .dropdown-menu .category {
        grid-template-columns: repeat(4, 1fr);
        padding-block: 2.5rem; } }
    @media screen and (min-width: 1200px) {
      .mainNav .dropdown-menu .category {
        padding-inline: 3rem; } }
    @media screen and (min-width: 1540px) {
      .mainNav .dropdown-menu .category {
        padding: 3.75rem 5rem 5rem;
        column-gap: 2.5rem; } }
    .mainNav .dropdown-menu .category__item,
    .mainNav .dropdown-menu .category a {
      display: grid;
      align-items: center;
      grid-template-columns: 2rem 1fr;
      gap: 0.75rem;
      padding: 0.5rem 1rem;
      text-decoration: none; }
      @media screen and (min-width: 768px) {
        .mainNav .dropdown-menu .category__item,
        .mainNav .dropdown-menu .category a {
          grid-template-columns: 1.25rem 1fr;
          padding-block: 0.75rem;
          transition: var(--transition); } }
      @media screen and (min-width: 1540px) {
        .mainNav .dropdown-menu .category__item,
        .mainNav .dropdown-menu .category a {
          padding-inline: 1.25rem; } }
      .mainNav .dropdown-menu .category__item:has(.category__image[src*="no_image"]),
      .mainNav .dropdown-menu .category a:has(.category__image[src*="no_image"]) {
        position: relative; }
        .mainNav .dropdown-menu .category__item:has(.category__image[src*="no_image"])::before,
        .mainNav .dropdown-menu .category a:has(.category__image[src*="no_image"])::before {
          position: relative;
          content: "";
          width: 65%;
          height: 100%;
          background-color: #3c3c3c;
          mask-image: url("../../img/icons/cup.svg");
          mask-size: contain;
          mask-position: center center;
          mask-repeat: no-repeat;
          opacity: 0.8;
          aspect-ratio: 1/1;
          margin-inline: auto; }
          @media screen and (min-width: 768px) {
            .mainNav .dropdown-menu .category__item:has(.category__image[src*="no_image"])::before,
            .mainNav .dropdown-menu .category a:has(.category__image[src*="no_image"])::before {
              width: 100%;
              transition: var(--transition); } }
        .mainNav .dropdown-menu .category__item:has(.category__image[src*="no_image"]) .category__image,
        .mainNav .dropdown-menu .category a:has(.category__image[src*="no_image"]) .category__image {
          display: none; }
      @media screen and (min-width: 768px) {
        .mainNav .dropdown-menu .category__item:hover,
        .mainNav .dropdown-menu .category a:hover {
          padding-inline: 1.25rem 0.75rem; } }
      @media screen and (min-width: 1540px) {
        .mainNav .dropdown-menu .category__item:hover,
        .mainNav .dropdown-menu .category a:hover {
          padding-inline: 1.5rem 1rem; } }
      @media screen and (min-width: 768px) {
        .mainNav .dropdown-menu .category__item:hover::before,
        .mainNav .dropdown-menu .category a:hover::before {
          opacity: 1 !important;
          background-color: #312783 !important; } }
      @media screen and (min-width: 768px) {
        .mainNav .dropdown-menu .category__item:hover .category__name,
        .mainNav .dropdown-menu .category__item:hover span,
        .mainNav .dropdown-menu .category a:hover .category__name,
        .mainNav .dropdown-menu .category a:hover span {
          color: #312783;
          font-weight: 600; } }
    .mainNav .dropdown-menu .category__image,
    .mainNav .dropdown-menu .category img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      aspect-ratio: 1/1; }
    .mainNav .dropdown-menu .category__name,
    .mainNav .dropdown-menu .category span {
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.5;
      color: #3c3c3c; }
      @media screen and (min-width: 768px) {
        .mainNav .dropdown-menu .category__name,
        .mainNav .dropdown-menu .category span {
          font-size: 0.8125rem; } }

.form,
form {
  border: 0; }
  .form label,
  form label {
    font-size: 0.875rem; }
  .form .form-control,
  form .form-control {
    border-color: #dedede;
    font-size: 0.875rem;
    border-radius: 0; }
    .form .form-control,
    .modal--designTemplate .form .form-control,
    form .form-control,
    .modal--designTemplate
    form .form-control {
      border-color: #dedede;
      box-shadow: none; }
    .form .form-control:not(textarea),
    form .form-control:not(textarea) {
      min-height: 2.75rem; }
    .form .form-control:focus,
    form .form-control:focus {
      border-color: var(--color-accent); }
  .form .form-group:has(#expert_advice_questionText),
  form .form-group:has(#expert_advice_questionText) {
    margin-bottom: 1rem; }
  .form .m-t-1:not(.page--Checkout .m-t-1),
  form .m-t-1:not(.page--Checkout .m-t-1) {
    font-size: 0.875rem;
    text-align: center; }

.form {
  padding: 1.5rem; }
  @media screen and (min-width: 1200px) {
    .form {
      padding: 2rem; } }

.designLabel--checkbox .designLabel__indicator::after {
  top: 45%;
  left: 50%;
  translate: -50% -50%;
  height: 0.625rem;
  width: 0.375rem; }

.mfp-bg {
  z-index: 10000; }

.mfp-wrap {
  z-index: 10001; }
  .mfp-wrap #loginForm .note {
    font-weight: bold; }

.modal--designTemplate .modal-innerContent .btn--cta .fa, .modal--designTemplate .modal-innerContent .top-product-actions .btn .fa, .top-product-actions .modal--designTemplate .modal-innerContent .btn .fa, .modal--designTemplate .modal-innerContent .top-product-actions .row--homepage-offers--action .js-carousel-offers .tab-accord-link .fa, .top-product-actions .row--homepage-offers--action .js-carousel-offers .modal--designTemplate .modal-innerContent .tab-accord-link .fa, .modal--designTemplate .modal-innerContent .row--homepage-offers--action .js-carousel-offers .top-product-actions .tab-accord-link .fa, .row--homepage-offers--action .js-carousel-offers .top-product-actions .modal--designTemplate .modal-innerContent .tab-accord-link .fa {
  top: 48%; }

@media screen and (min-width: 768px) {
  .header {
    position: relative;
    z-index: 16; } }

.header .container {
  max-width: var(--layout-max-width-lg);
  padding-inline: var(--layout-padding-inline); }
  @media screen and (min-width: 1200px) {
    .header .container {
      padding-inline: var(--layout-wide-padding-inline); } }

.header .topbar__inner .row {
  border: 0; }
  @media screen and (min-width: 1200px) {
    .header .topbar__inner .row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      column-gap: 1rem; } }
  .header .topbar__inner .row::after {
    display: none; }

.header .topbar .nav-item:not(:last-child) {
  margin-right: 0.75rem; }

.header .topbar__col--left {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.75rem; }
  @media screen and (min-width: 768px) {
    .header .topbar__col--left {
      justify-content: flex-end;
      column-gap: 2rem; } }
  @media screen and (min-width: 1200px) {
    .header .topbar__col--left {
      justify-content: flex-start;
      width: max-content; } }

.header .topbar__component {
  border: 0;
  padding-inline: 0; }
  .header .topbar__component [class*="icon-"]::before,
  .header .topbar__component .fa::before {
    font-size: 19px; }
  @media screen and (min-width: 768px) {
    .header .topbar__component--info {
      position: relative; } }
  @media screen and (min-width: 768px) {
    .header .topbar__component--info::after {
      position: absolute;
      content: "";
      top: 50%;
      transform: translateY(-50%);
      right: -1rem;
      width: 0.0625rem;
      height: 1rem;
      background-color: #efefef; } }
  .header .topbar__component--info .nav-item {
    margin-left: 0; }
    @media screen and (min-width: 768px) {
      .header .topbar__component--info .nav-item .iconText {
        color: #6a6a6a; } }
    @media screen and (min-width: 768px) {
      .header .topbar__component--info .nav-item .iconText .icon {
        display: none; } }
    @media screen and (min-width: 768px) {
      .header .topbar__component--info .nav-item .iconText span {
        display: block !important;
        font-size: 0.875rem; } }
    @media screen and (min-width: 768px) {
      .header .topbar__component--info .nav-item.topbar__phone span {
        font-weight: 700;
        color: var(--color-dark-text); } }
  .header .topbar__component--social a[class*="icon-"]::before {
    color: rgba(0, 0, 0, 0.2);
    transition: var(--transition); }
  @media screen and (min-width: 768px) {
    .header .topbar__component--social a[class*="icon-"]:hover::before {
      color: var(--color-accent); } }
  .header .topbar__component--languages {
    display: none; }

.header .topbar .topbarLinks {
  padding-inline: 0;
  padding-top: 0.25rem;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-right: 0; }
  @media screen and (min-width: 1200px) {
    .header .topbar .topbarLinks {
      padding-block: 0.75rem;
      column-gap: 1.25rem; } }
  @media screen and (min-width: 1400px) {
    .header .topbar .topbarLinks {
      column-gap: 1.75rem; } }
  .header .topbar .topbarLinks .nav-item {
    margin: 0; }
    .header .topbar .topbarLinks .nav-item::after {
      display: none; }
  .header .topbar .topbarLinks .nav-link {
    font-size: 0.75rem;
    color: #727272;
    font-weight: 400;
    line-height: normal; }

.header__inner {
  padding-block: 0.75rem;
  display: flex;
  align-items: center;
  column-gap: 0.25rem; }
  @media screen and (min-width: 768px) {
    .header__inner {
      column-gap: 1rem; } }
  @media screen and (min-width: 992px) {
    .header__inner {
      column-gap: 2rem; } }
  .header__inner::after {
    display: none; }
  .header__inner .header__component,
  .header__inner .topbar__component {
    margin: 0; }
    .header__inner .header__component:not(.header__component--logo),
    .header__inner .topbar__component:not(.header__component--logo) {
      padding: 0.5rem; }
    .header__inner .header__component [class*="icon-"],
    .header__inner .topbar__component [class*="icon-"] {
      font-size: 22px;
      margin: 0;
      line-height: 1; }
      @media screen and (min-width: 992px) {
        .header__inner .header__component [class*="icon-"],
        .header__inner .topbar__component [class*="icon-"] {
          font-size: 24px; } }
      .header__inner .header__component [class*="icon-"]::before,
      .header__inner .topbar__component [class*="icon-"]::before {
        font-size: inherit;
        color: #3c3c3c; }
      .header__inner .header__component [class*="icon-"].icon-search,
      .header__inner .topbar__component [class*="icon-"].icon-search {
        font-size: 16px; }
        @media screen and (min-width: 768px) {
          .header__inner .header__component [class*="icon-"].icon-search,
          .header__inner .topbar__component [class*="icon-"].icon-search {
            font-size: 15px; } }
    .header__inner .header__component--logo,
    .header__inner .topbar__component--logo {
      flex-grow: unset; }
      @media (max-width: 767px) {
        .header__inner .header__component--logo,
        .header__inner .topbar__component--logo {
          flex-grow: 1; } }
    @media (max-width: 767px) {
      .header__inner .header__component--search,
      .header__inner .topbar__component--search {
        flex-grow: unset; } }
    @media screen and (min-width: 768px) {
      .header__inner .header__component--search,
      .header__inner .topbar__component--search {
        display: flex;
        justify-content: center; } }
    @media screen and (min-width: 768px) {
      .header__inner .header__component--search .fulltext,
      .header__inner .topbar__component--search .fulltext {
        min-width: unset;
        max-width: 43rem; } }
    @media (max-width: 767px) {
      .header__inner .header__component--search .fulltext__toggler,
      .header__inner .topbar__component--search .fulltext__toggler {
        position: static;
        transform: translateY(0);
        width: 2rem;
        height: 2rem; } }
    .header__inner .header__component--search .fulltext__toggler:focus,
    .header__inner .topbar__component--search .fulltext__toggler:focus {
      outline: none; }
    .header__inner .header__component--search .fulltext__inner,
    .header__inner .topbar__component--search .fulltext__inner {
      border-width: 1px 0;
      background-color: #ffffff; }
      .header__inner .header__component--search .fulltext__inner form,
      .header__inner .topbar__component--search .fulltext__inner form {
        border-radius: 7.5rem;
        position: relative;
        overflow: hidden; }
    .header__inner .header__component--search .fulltext__input,
    .header__inner .topbar__component--search .fulltext__input {
      background-color: #f0f0f0;
      border: 0;
      box-shadow: none;
      height: 2.5rem;
      padding-right: 3.25rem;
      font-size: 0.875rem !important; }
      @media screen and (min-width: 768px) {
        .header__inner .header__component--search .fulltext__input,
        .header__inner .topbar__component--search .fulltext__input {
          padding-left: 1.25rem; } }
    .header__inner .header__component--search .fulltext__submit,
    .header__inner .topbar__component--search .fulltext__submit {
      background-color: #312783;
      padding: 0.25rem;
      position: absolute;
      height: 100%;
      right: 0;
      width: 2.75rem;
      border-radius: 0; }
      .header__inner .header__component--search .fulltext__submit .icon-search::before,
      .header__inner .topbar__component--search .fulltext__submit .icon-search::before {
        color: #ffffff !important;
        vertical-align: unset; }
    @media screen and (min-width: 1200px) {
      .header__inner .header__component--clientZone .iconText,
      .header__inner .topbar__component--clientZone .iconText {
        display: grid;
        align-items: center;
        grid-template-columns: 1.125rem 1fr;
        column-gap: 1.125rem; } }
    .header__inner .header__component--clientZone .icon-login,
    .header__inner .topbar__component--clientZone .icon-login {
      padding-right: 0; }
    .header__inner .header__component--clientZone .login-text,
    .header__inner .topbar__component--clientZone .login-text {
      color: var(--color-dark-text);
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 1; }
    .header__inner .header__component--basket .basket,
    .header__inner .topbar__component--basket .basket {
      padding: 0; }
    @media (max-width: 767px) {
      .header__inner .header__component--basket .basket__btn,
      .header__inner .topbar__component--basket .basket__btn {
        position: static;
        transform: translateY(0); } }
    @media screen and (min-width: 768px) {
      .header__inner .header__component--basket .basket__btn,
      .header__inner .topbar__component--basket .basket__btn {
        display: grid;
        align-items: center;
        grid-template-columns: 1.5rem 1fr;
        column-gap: 0.75rem; } }
    @media screen and (min-width: 992px) {
      .header__inner .header__component--basket .basket__btn,
      .header__inner .topbar__component--basket .basket__btn {
        column-gap: 1.125rem; } }
    @media screen and (min-width: 768px) {
      .header__inner .header__component--basket .basket__btn .basket__icon,
      .header__inner .topbar__component--basket .basket__btn .basket__icon {
        margin-right: 0; } }
    .header__inner .header__component--basket .basket__btn .basket__icon .amountHelper,
    .header__inner .topbar__component--basket .basket__btn .basket__icon .amountHelper {
      background-color: #d33417;
      line-height: 1.5;
      font-weight: 600; }
    .header__inner .header__component--basket .basket__btn .basket__content,
    .header__inner .topbar__component--basket .basket__btn .basket__content {
      text-align: left;
      display: flex;
      flex-direction: column; }
      .header__inner .header__component--basket .basket__btn .basket__content__heading,
      .header__inner .topbar__component--basket .basket__btn .basket__content__heading {
        font-size: 0.75rem;
        color: var(--color-dark-text);
        line-height: 1.4; }
        @media screen and (min-width: 992px) {
          .header__inner .header__component--basket .basket__btn .basket__content__heading,
          .header__inner .topbar__component--basket .basket__btn .basket__content__heading {
            font-size: 0.875rem; } }
      .header__inner .header__component--basket .basket__btn .basket__content__text--empty,
      .header__inner .topbar__component--basket .basket__btn .basket__content__text--empty {
        font-size: 0.6875rem;
        color: #727272;
        margin-bottom: 0;
        line-height: normal; }
  @media (max-width: 767px) {
    .header__inner .mainNav__toggler {
      position: static;
      transform: translateY(0);
      background-color: #312783;
      border: 0;
      font-weight: 400;
      padding: 0; } }
  @media (max-width: 767px) {
    .header__inner .mainNav__toggler span {
      color: #ffffff; } }

@media (max-width: 767px) {
  .header .mainNav {
    border-bottom: 1px solid #efefef;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); } }

@media screen and (min-width: 768px) {
  .header .mainNav {
    border-top: 1px solid #efefef; } }

@media screen and (min-width: 768px) {
  .header .mainNav__hidden {
    display: none !important; } }

.header .mainNav__inner {
  padding-block: 1rem; }
  @media screen and (min-width: 768px) {
    .header .mainNav__inner {
      position: relative; } }
  @media screen and (min-width: 1200px) {
    .header .mainNav__inner {
      padding-block: 1.125rem; } }
  @media screen and (min-width: 768px) {
    .header .mainNav__inner .nav {
      display: flex;
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.75rem 1rem; } }
  @media screen and (min-width: 992px) {
    .header .mainNav__inner .nav {
      column-gap: 1.25rem; } }
  @media screen and (min-width: 1200px) {
    .header .mainNav__inner .nav {
      column-gap: 1.5rem; } }
  @media screen and (min-width: 1700px) {
    .header .mainNav__inner .nav {
      column-gap: 2rem; } }

.header .mainNav__item {
  position: static; }
  .header .mainNav__item__in {
    color: var(--color-dark-text);
    border: 0;
    padding-block: 0.5rem;
    font-weight: 600; }
    @media (max-width: 767px) {
      .header .mainNav__item__in {
        padding-left: 0.75rem; } }
    @media screen and (min-width: 768px) {
      .header .mainNav__item__in {
        padding: 0.25rem 0;
        transition: var(--transition); } }
    .header .mainNav__item__in:hover {
      background-color: transparent; }
      @media screen and (min-width: 768px) {
        .header .mainNav__item__in:hover {
          color: #312783; } }
    @media screen and (min-width: 768px) {
      .header .mainNav__item__in::after {
        color: var(--color-accent);
        border-width: 0.25rem;
        margin-inline: 0.125rem 0; } }
    .header .mainNav__item__in .dropdown-toggle__handler {
      border-left: 0; }
      @media (max-width: 767px) {
        .header .mainNav__item__in .dropdown-toggle__handler {
          width: 40px; } }
      .header .mainNav__item__in .dropdown-toggle__handler__icon {
        color: var(--color-accent);
        border-width: 0.375rem; }
  .header .mainNav__item.open .mainNav__item__in {
    background-color: transparent;
    color: #312783; }

@media screen and (min-width: 768px) {
  .header .mainNav__topbar-links {
    display: none; } }

.header .mainNav__topbar-links .mainNav__item__in {
  font-size: 0.75rem;
  color: #727272;
  font-weight: 400; }

.header .mainNav .header__component--buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem; }
  @media (max-width: 767px) {
    .header .mainNav .header__component--buttons {
      padding-block: 1.5rem;
      justify-content: flex-start; } }
  @media screen and (min-width: 768px) and (max-width: 1599px) {
    .header .mainNav .header__component--buttons {
      column-gap: 0.5rem; } }
  @media screen and (min-width: 1600px) {
    .header .mainNav .header__component--buttons {
      flex-grow: 1;
      justify-content: flex-end; } }
  .header .mainNav .header__component--buttons .btn, .header .mainNav .header__component--buttons .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .header .mainNav .header__component--buttons .tab-accord-link {
    padding-inline: 2rem; }

.header .mainNav--checkout-steps {
  background-color: #312783; }
  .header .mainNav--checkout-steps > .container {
    max-width: 1386px; }
  .header .mainNav--checkout-steps .basketNav__text {
    font-size: 1rem; }

/*.pagination {

	// Polozka strankovani
	.page-item {
    margin: 0 -2px !important;
		// Aktivni polozka
		&.active {

			// Odkaz v polozce
			.page-link {
				background: #99979a;
				color: white;
			}
		}
	}

	// Odkaz v polozce
	.page-link {
		margin: 0 !important;
		border: none;
		background: #f6f4f7;
		width: 36px;
		height: 36px;
		line-height: 36px;
		color: #525053;
		transition: all 100ms ease-in-out;
		&:hover {
			background: #99979a;
			color: white;
		}
	}
}*/
.newsletter--footer {
  color: #ffffff; }
  .newsletter--footer .newsletter__wrap__in {
    display: grid;
    gap: 1rem; }
    @media screen and (min-width: 768px) {
      .newsletter--footer .newsletter__wrap__in {
        grid-template-columns: repeat(2, 1fr);
        max-width: 58rem;
        align-items: center;
        gap: 0.5rem 1.5rem; } }
  .newsletter--footer .newsletter__label {
    margin: 0;
    font-size: 1rem;
    line-height: normal; }
    @media screen and (min-width: 768px) {
      .newsletter--footer .newsletter__label {
        font-size: 1.125rem;
        text-align: left;
        grid-row: 1 / -3; } }
    @media screen and (min-width: 992px) {
      .newsletter--footer .newsletter__label {
        font-size: 1.25rem; } }
  .newsletter--footer .newsletter__input-wrap {
    border-radius: 7.5rem;
    position: relative;
    overflow: hidden;
    height: max-content; }
    .newsletter--footer .newsletter__input-wrap .newsletter__input {
      border: 0;
      box-shadow: none;
      height: 2.25rem;
      padding-inline: 1.25rem 3.25rem;
      font-size: 0.875rem !important;
      margin: 0;
      width: 100%; }
    .newsletter--footer .newsletter__input-wrap .newsletter__btn {
      padding: 0.25rem;
      position: absolute;
      height: 100%;
      right: 0;
      top: 0;
      width: 2.75rem;
      border-radius: 0;
      font-size: 0rem;
      background-image: url(../img/icons/send.svg);
      background-position: 45% center;
      background-size: auto;
      background-repeat: no-repeat; }
  .newsletter--footer .newsletter__desc {
    font-size: 0.8125rem;
    opacity: 0.8;
    margin-bottom: 0;
    line-height: 1.4; }
    @media screen and (min-width: 768px) {
      .newsletter--footer .newsletter__desc {
        text-align: left;
        padding-left: 1.25rem; } }
    .newsletter--footer .newsletter__desc a {
      color: inherit;
      text-decoration: underline; }
      @media screen and (min-width: 768px) {
        .newsletter--footer .newsletter__desc a:hover {
          text-decoration: none; } }

@media screen and (min-width: 1200px) {
  .row--homepage-news__inner {
    display: flex;
    flex-wrap: wrap; } }

.row--homepage-news .heading-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.5rem; }
  @media screen and (min-width: 544px) {
    .row--homepage-news .heading-col {
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between; } }
  @media screen and (min-width: 1200px) {
    .row--homepage-news .heading-col {
      margin-bottom: 0;
      gap: 1.5rem;
      align-items: flex-start;
      align-content: flex-start; } }
  .row--homepage-news .heading-col * {
    margin-bottom: 0; }
  @media screen and (min-width: 1200px) {
    .row--homepage-news .heading-col .news-hp-heading {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 3.5rem; } }
  @media screen and (min-width: 1540px) {
    .row--homepage-news .heading-col .news-hp-heading {
      gap: 4.5rem;
      max-width: 80%; } }
  @media screen and (min-width: 1200px) {
    .row--homepage-news .heading-col .news-hp-heading::before {
      content: "";
      position: relative;
      top: 0;
      left: 0;
      width: 8rem;
      aspect-ratio: 6/5;
      height: fit-content;
      display: block;
      background-image: url(../img/symbol.svg);
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 0.1;
      flex-grow: 1; } }
  @media screen and (min-width: 1540px) {
    .row--homepage-news .heading-col .news-hp-heading::before {
      width: 10rem; } }
  .row--homepage-news .heading-col .news-hp-heading a {
    color: inherit; }

.row--homepage-news .card--news {
  margin-bottom: 1rem;
  position: relative;
  height: 15.625rem; }
  @media screen and (min-width: 768px) {
    .row--homepage-news .card--news {
      margin-bottom: 0; } }
  @media screen and (min-width: 1200px) {
    .row--homepage-news .card--news {
      height: 24rem; } }
  @media screen and (min-width: 768px) {
    .row--homepage-news .card--news:hover .card-img-link::before {
      background-color: rgba(49, 39, 131, 0.8); } }
  .row--homepage-news .card--news .card-img-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0; }
    .row--homepage-news .card--news .card-img-link::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      transition: var(--transition); }
  .row--homepage-news .card--news .card-block {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.75rem;
    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.6) 70%);
    color: #ffffff;
    pointer-events: none; }
    @media screen and (min-width: 1200px) {
      .row--homepage-news .card--news .card-block {
        padding: 2rem; } }
    @media screen and (min-width: 1540px) {
      .row--homepage-news .card--news .card-block {
        padding: 3rem; } }
    .row--homepage-news .card--news .card-block * {
      margin: 0;
      pointer-events: all; }
    .row--homepage-news .card--news .card-block .card-title {
      font-size: 1.125rem;
      line-height: 1.3; }
      @media screen and (min-width: 120px) {
        .row--homepage-news .card--news .card-block .card-title {
          font-size: 1.25rem; } }
      .row--homepage-news .card--news .card-block .card-title,
      .row--homepage-news .card--news .card-block .card-title a {
        color: inherit; }
    .row--homepage-news .card--news .card-block .card-more {
      font-size: 0.75rem;
      color: inherit;
      opacity: 0.8;
      text-transform: uppercase;
      font-weight: 700;
      line-height: normal; }

.newsArchive-wrap {
  display: grid;
  gap: 1rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 620px) {
    .newsArchive-wrap {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (min-width: 992px) {
    .newsArchive-wrap {
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem; } }

.news--archive {
  margin-bottom: 0;
  margin-inline: 0;
  display: grid;
  grid-template-rows: 12.5rem 1fr; }
  @media screen and (min-width: 1200px) {
    .news--archive {
      grid-template-rows: 19rem 1fr; } }
  .news--archive > div {
    width: 100%;
    padding-inline: 0;
    float: none;
    height: 100%; }
  .news--archive:hover .news--archive__img-wrapper::before {
    background-color: rgba(49, 39, 131, 0.8); }
  .news--archive__img-wrapper {
    margin-bottom: 0;
    height: 100%;
    align-content: center;
    background-color: #312783; }
    .news--archive__img-wrapper::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: transparent;
      transition: var(--transition); }
    .news--archive__img-wrapper img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .news--archive .col-md-9 {
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    padding: 1.5rem 1.5rem 2rem; }
    @media screen and (min-width: 768px) {
      .news--archive .col-md-9 {
        padding: 1.75rem 2rem 2.25rem; } }
    @media screen and (min-width: 1200px) {
      .news--archive .col-md-9 {
        padding: 2rem 2.25rem 2.5rem; } }
    .news--archive .col-md-9 .news__heading {
      color: #000000;
      font-weight: 600;
      margin-bottom: 0;
      line-height: 1.4;
      font-size: 1.125rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
      @media screen and (min-width: 768px) {
        .news--archive .col-md-9 .news__heading {
          font-size: 1.25rem; } }
      @media screen and (min-width: 1200px) {
        .news--archive .col-md-9 .news__heading {
          font-size: 1.375rem; } }
      .news--archive .col-md-9 .news__heading a {
        color: inherit; }
    .news--archive .col-md-9 .news__info {
      margin-bottom: 0.25rem;
      font-weight: 500; }
    .news--archive .col-md-9 .annotation {
      font-size: 0.875rem; }
      @media screen and (min-width: 1200px) {
        .news--archive .col-md-9 .annotation {
          font-size: 1rem; } }
      .news--archive .col-md-9 .annotation * {
        margin-bottom: 0; }
  @media screen and (min-width: 620px) {
    .news--archive:first-of-type {
      grid-column: 1 / -1;
      grid-template-columns: calc(50% - 0.5rem) 1fr;
      grid-template-rows: minmax(12.5rem, 1fr); } }
  @media screen and (min-width: 992px) {
    .news--archive:first-of-type {
      grid-template-columns: calc(33.33% - 1rem) 1fr; } }
  @media screen and (min-width: 1200px) {
    .news--archive:first-of-type {
      grid-template-rows: minmax(19rem, 1fr); } }
  @media screen and (min-width: 620px) {
    .news--archive:first-of-type .col-md-9 {
      justify-content: center; } }
  @media screen and (min-width: 1200px) {
    .news--archive:first-of-type .col-md-9 {
      padding: 2.5rem 3.5rem; } }
  @media screen and (min-width: 768px) {
    .news--archive:first-of-type .col-md-9 .news__heading {
      font-size: 1.5rem; } }
  @media screen and (min-width: 1200px) {
    .news--archive:first-of-type .col-md-9 .news__heading {
      font-size: 1.625rem; } }
  @media screen and (min-width: 768px) {
    .news--archive:first-of-type .col-md-9 .annotation {
      font-size: 1rem; } }
  @media screen and (min-width: 1200px) {
    .news--archive:first-of-type .col-md-9 .annotation {
      font-size: 1.125rem; } }

.news__info .news__date {
  display: none; }
  .news__info .news__date + .news__category {
    margin-left: 0; }

.jcarousel-wrapper {
  border: 0; }
  .jcarousel-wrapper .jcarousel::before, .jcarousel-wrapper .jcarousel::after {
    display: none; }
  .jcarousel-wrapper .carousel-control-btn {
    width: max-content;
    height: max-content;
    background-color: transparent;
    z-index: 1;
    border-radius: 0; }
    .jcarousel-wrapper .carousel-control-btn.jcarousel-control-next {
      right: -0.5rem; }
      @media screen and (min-width: 992px) {
        .jcarousel-wrapper .carousel-control-btn.jcarousel-control-next {
          right: 0; } }
    .jcarousel-wrapper .carousel-control-btn.jcarousel-control-prev {
      left: -0.5rem; }
      @media screen and (min-width: 992px) {
        .jcarousel-wrapper .carousel-control-btn.jcarousel-control-prev {
          left: 0; } }
    .jcarousel-wrapper .carousel-control-btn.inactive {
      display: block;
      opacity: 0.3;
      pointer-events: none; }
    .jcarousel-wrapper .carousel-control-btn .icon {
      background-color: transparent;
      position: relative;
      display: block;
      margin-top: 0; }
      .jcarousel-wrapper .carousel-control-btn .icon::before {
        font-size: 14px; }
        @media screen and (min-width: 768px) {
          .jcarousel-wrapper .carousel-control-btn .icon::before {
            transition: var(--transition); } }
  .jcarousel-wrapper .jcarousel-pagination {
    display: flex;
    gap: 8px;
    top: auto;
    bottom: -1.75rem; }
    @media screen and (min-width: 1200px) {
      .jcarousel-wrapper .jcarousel-pagination {
        bottom: -2.125rem; } }
    .jcarousel-wrapper .jcarousel-pagination a {
      background: transparent;
      border: 2px solid #1e1e1e;
      margin-right: 0; }
      @media screen and (min-width: 768px) {
        .jcarousel-wrapper .jcarousel-pagination a {
          transition: var(--transition); } }
      .jcarousel-wrapper .jcarousel-pagination a:not(.active):not(:hover) {
        opacity: 0.2; }

@media screen and (max-width: 1279px) and (min-width: 768px) {
  .carousel-item-html {
    top: 20px !important;
    bottom: 0 !important;
    right: 0 !important; } }

@media screen and (min-width: 1280px) {
  .carousel-item-html {
    top: 40px !important;
    bottom: 0 !important;
    left: 0px !important; } }

@media screen and (max-width: 1310px) {
  .carousel-item-html {
    left: 40px !important; } }

@media screen and (min-width: 1366px) {
  .carousel-item-html {
    top: 60px !important;
    bottom: 0 !important; } }

@media screen and (min-width: 1600px) {
  .carousel-item-html {
    top: 130px !important;
    bottom: 0 !important; } }

.carousel-item-html h2 {
  margin-top: 0 !important;
  margin-bottom: 128px; }
  @media screen and (max-width: 1024px) {
    .carousel-item-html h2 {
      margin-bottom: 64px; } }

.carousel-item-html .slider-btn a {
  margin-top: 0 !important; }

.carousel--homepage {
  height: auto; }

.row--homeSlider .carousel-item:hover .slider-btn a {
  color: #e6e6e6;
  border-color: #e6e6e6; }

.row--homeSlider .carousel-item-html {
  pointer-events: none;
  max-width: 100%;
  height: 100%;
  padding: 15px;
  margin: 0 auto;
  width: 1200px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .row--homeSlider .carousel-item-html h1,
  .row--homeSlider .carousel-item-html h2 {
    color: white;
    font-weight: 300;
    font-size: 1.125rem;
    margin-top: 10%; }
    .row--homeSlider .carousel-item-html h1 span,
    .row--homeSlider .carousel-item-html h2 span {
      display: block;
      font-weight: 700;
      margin-top: 0.3125rem ;
      font-size: 1.5625rem; }
    .row--homeSlider .carousel-item-html h1 a,
    .row--homeSlider .carousel-item-html h2 a {
      color: white !important;
      text-decoration: none !important; }
    @media screen and (min-width: 480px) {
      .row--homeSlider .carousel-item-html h1,
      .row--homeSlider .carousel-item-html h2 {
        font-size: 1.5625rem; }
        .row--homeSlider .carousel-item-html h1 span,
        .row--homeSlider .carousel-item-html h2 span {
          font-size: 2.375rem; } }
    @media screen and (min-width: 768px) {
      .row--homeSlider .carousel-item-html h1,
      .row--homeSlider .carousel-item-html h2 {
        font-size: 2.3125rem;
        margin-top: 15%rem ; }
        .row--homeSlider .carousel-item-html h1 span,
        .row--homeSlider .carousel-item-html h2 span {
          font-size: 3.625rem; } }
  @media screen and (max-width: 543px) {
    .row--homeSlider .carousel-item-html .slider-btn {
      display: block !important; } }
  .row--homeSlider .carousel-item-html .slider-btn a {
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    border: 1px solid white;
    display: inline-block;
    padding: 0.5rem 0.9375rem ;
    font-weight: 700;
    font-size: 0.9375rem;
    margin-top: 10%rem ; }
    @media screen and (min-width: 768px) {
      .row--homeSlider .carousel-item-html .slider-btn a {
        padding: 1.125rem 2.1875rem ;
        margin-top: 2.5rem ; } }
    @media screen and (max-width: 543px) {
      .row--homeSlider .carousel-item-html .slider-btn a {
        padding: 0.3125rem 0.625rem ; } }
    .row--homeSlider .carousel-item-html .slider-btn a:hover {
      color: #e6e6e6;
      border-color: #e6e6e6; }
  @media screen and (max-width: 1535px) and (min-width: 1280px) {
    .row--homeSlider .carousel-item-html h1,
    .row--homeSlider .carousel-item-html h2 {
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .row--homeSlider .carousel-item-html h1,
    .row--homeSlider .carousel-item-html h2 {
      margin-bottom: 10px; } }

.Gallery__item {
  aspect-ratio: 4 / 3;
  margin-bottom: 0; }
  .Gallery__item a {
    height: 100%;
    width: 100%; }
    .Gallery__item a img {
      max-height: 100%;
      max-width: 100%;
      min-height: 100%;
      min-width: 100%;
      height: auto;
      width: auto;
      object-fit: cover; }

.Gallery .carousel-control-btn {
  background-color: #f8f8f8;
  margin-top: 0;
  translate: 0 -50%;
  cursor: pointer; }
  .Gallery .carousel-control-btn .icon {
    width: 2rem;
    height: 2rem; }

.breadcrumb {
  border-radius: 0; }
  .breadcrumb__wrapper {
    padding-inline: var(--layout-padding-inline);
    max-width: var(--layout-max-width-lg);
    padding-block: 0.3rem 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15); }
    @media screen and (min-width: 1200px) {
      .breadcrumb__wrapper {
        padding-inline: var(--layout-wide-padding-inline); } }
    @media screen and (min-width: 768px) {
      .breadcrumb__wrapper {
        padding-block: 0.6rem 0.75rem; } }
  .breadcrumb__item {
    color: #727272;
    font-size: 0.6875rem;
    line-height: normal;
    padding: 0.25rem 2rem 0.25rem 0;
    vertical-align: baseline; }
    @media screen and (min-width: 992px) {
      .breadcrumb__item {
        padding-right: 3rem; } }
    @media screen and (min-width: 1200px) {
      .breadcrumb__item {
        padding-right: 4.5rem; } }
    .breadcrumb__item::before, .breadcrumb__item::after {
      display: none; }
    .breadcrumb__item:not(:last-child)::before {
      top: 50%;
      right: 0.5rem;
      transform: none;
      translate: 0 -50%;
      rotate: 180deg;
      height: max-content;
      width: max-content;
      display: block;
      font-size: 8px;
      background-color: transparent;
      line-height: 1; }
      @media screen and (min-width: 992px) {
        .breadcrumb__item:not(:last-child)::before {
          right: 1rem; } }
      @media screen and (min-width: 1200px) {
        .breadcrumb__item:not(:last-child)::before {
          right: 1.75rem; } }
    .breadcrumb__item--home .icon-home {
      display: none; }
    .breadcrumb__item--home .breadcrumb__link > span {
      all: unset; }
  .breadcrumb__link {
    font-weight: 600;
    color: inherit;
    transition: var(--transition); }
    .breadcrumb__link span {
      text-decoration: underline !important;
      vertical-align: baseline; }

.topFoto .breadcrumb {
  background-color: transparent; }
  @media screen and (min-width: 1200px) {
    .topFoto .breadcrumb__wrapper {
      padding-inline: 3.75rem; } }
  .topFoto .breadcrumb__item {
    color: #ffffff; }
  .topFoto .breadcrumb__link:hover {
    opacity: 0.7;
    color: inherit; }

.copyright {
  color: #ffffff; }
  @media screen and (min-width: 768px) {
    .copyright__inner {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      column-gap: 2rem; } }
  .copyright__logo {
    display: none; }
  .copyright__company span {
    display: none; }
  @media screen and (min-width: 1200px) {
    .copyright__company .icon::before {
      font-size: 39px; } }
  .copyright .copyrgiht__links {
    display: flex;
    flex-direction: row;
    gap: 0.5rem; }
    @media (max-width: 767px) {
      .copyright .copyrgiht__links {
        justify-content: center; } }
  .copyright__recaptcha {
    margin-top: 0.5rem;
    font-size: 0.6875rem;
    color: rgba(255, 255, 255, 0.5); }

.hp-cats {
  margin-bottom: 2rem; }
  .hp-cats__wrap {
    gap: 1rem; }
  .hp-cats__item {
    border: 0;
    position: relative;
    isolation: isolate;
    height: 14rem;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 2rem;
    background-color: #312783; }
    @media screen and (min-width: 768px) {
      .hp-cats__item {
        height: 18.75rem; } }
    @media screen and (min-width: 992px) {
      .hp-cats__item {
        padding-bottom: 2.5rem; } }
    @media screen and (min-width: 1200px) {
      .hp-cats__item {
        height: 23.75rem;
        padding-bottom: 4rem; } }
    @media screen and (min-width: 1540px) {
      .hp-cats__item {
        height: 34rem;
        padding-bottom: 6rem; } }
    @media screen and (min-width: 768px) {
      .hp-cats__item:hover .hp-cats__item__figure::before {
        background-color: rgba(49, 39, 131, 0.8); } }
    .hp-cats__item__figure {
      margin-bottom: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100% !important;
      z-index: -1; }
      .hp-cats__item__figure::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        transition: var(--transition); }
      .hp-cats__item__figure img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .hp-cats__item__name {
      color: #ffffff;
      margin-bottom: 0.75rem;
      font-size: 1.875rem; }
      @media screen and (min-width: 992px) {
        .hp-cats__item__name {
          font-size: 2.5rem; } }
      @media screen and (min-width: 1200px) {
        .hp-cats__item__name {
          font-size: 2.75rem; } }
      @media screen and (min-width: 1540px) {
        .hp-cats__item__name {
          font-size: 3.25rem; } }

.catMenu--sidebar {
  border: 0 !important;
  padding-block: 0;
  background-color: #ffffff; }
  .mainNav--primary .catMenu--sidebar .catMenu__toggle, .catMenu--sidebar .catMenu__toggle {
    background-color: #312783;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    padding-inline: 1.5rem; }
    .mainNav--primary .catMenu--sidebar .catMenu__toggle:hover, .catMenu--sidebar .catMenu__toggle:hover {
      background-color: #312783;
      color: #ffffff; }
    .mainNav--primary .catMenu--sidebar .catMenu__toggle .fa, .catMenu--sidebar .catMenu__toggle .fa {
      right: 1.5rem;
      width: 2.5rem;
      text-align: center; }
  .mainNav--primary .catMenu--sidebar .catMenu__title, .catMenu--sidebar .catMenu__title {
    display: none; }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner, .catMenu--sidebar .catMenu__inner {
      padding-top: 0; } }
  .mainNav--primary .catMenu--sidebar .catMenu__inner--lev1 > .catMenu__item > .catMenu__link, .catMenu--sidebar .catMenu__inner--lev1 > .catMenu__item > .catMenu__link {
    color: #4b4b4b;
    font-weight: 600;
    font-size: 0.9375rem;
    padding-right: 3.5rem;
    border-bottom: 1px solid #efefef; }
    @media screen and (min-width: 768px) {
      .mainNav--primary .catMenu--sidebar .catMenu__inner--lev1 > .catMenu__item > .catMenu__link, .catMenu--sidebar .catMenu__inner--lev1 > .catMenu__item > .catMenu__link {
        padding-left: 1.75rem;
        padding-block: 0.75rem;
        line-height: normal; } }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev1 > .catMenu__item:last-child .catMenu__link, .catMenu--sidebar .catMenu__inner--lev1 > .catMenu__item:last-child .catMenu__link {
      border-bottom: 0; } }
  .mainNav--primary .catMenu--sidebar .catMenu__inner--lev1 > .catMenu__item > .catMenu__inner, .catMenu--sidebar .catMenu__inner--lev1 > .catMenu__item > .catMenu__inner {
    border-bottom: 1px solid #efefef; }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4, .catMenu--sidebar .catMenu__inner--lev2, .catMenu--sidebar .catMenu__inner--lev3, .catMenu--sidebar .catMenu__inner--lev4 {
      padding-left: 1rem;
      position: relative; } }
  @media screen and (min-width: 1200px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4, .catMenu--sidebar .catMenu__inner--lev2, .catMenu--sidebar .catMenu__inner--lev3, .catMenu--sidebar .catMenu__inner--lev4 {
      padding-left: 1.75rem; } }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2::before, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3::before, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4::before, .catMenu--sidebar .catMenu__inner--lev2::before, .catMenu--sidebar .catMenu__inner--lev3::before, .catMenu--sidebar .catMenu__inner--lev4::before {
      position: absolute;
      content: "";
      top: 50%;
      left: 0;
      width: 0.0625rem;
      background-color: #efefef;
      translate: 0 -50%; } }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2 .catMenu__link, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3 .catMenu__link, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4 .catMenu__link, .catMenu--sidebar .catMenu__inner--lev2 .catMenu__link, .catMenu--sidebar .catMenu__inner--lev3 .catMenu__link, .catMenu--sidebar .catMenu__inner--lev4 .catMenu__link {
      padding-left: 1.5rem; } }
  .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2 .catMenu__childToggle, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3 .catMenu__childToggle, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4 .catMenu__childToggle, .catMenu--sidebar .catMenu__inner--lev2 .catMenu__childToggle, .catMenu--sidebar .catMenu__inner--lev3 .catMenu__childToggle, .catMenu--sidebar .catMenu__inner--lev4 .catMenu__childToggle {
    top: 0.69rem; }
    @media screen and (min-width: 768px) {
      .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2 .catMenu__childToggle, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3 .catMenu__childToggle, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4 .catMenu__childToggle, .catMenu--sidebar .catMenu__inner--lev2 .catMenu__childToggle, .catMenu--sidebar .catMenu__inner--lev3 .catMenu__childToggle, .catMenu--sidebar .catMenu__inner--lev4 .catMenu__childToggle {
        width: 0.75rem;
        height: 0.75rem;
        top: 0.59rem; } }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2, .catMenu--sidebar .catMenu__inner--lev2 {
      padding-block: 1rem; } }
  @media screen and (min-width: 1200px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2, .catMenu--sidebar .catMenu__inner--lev2 {
      padding-block: 1.5rem; } }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2::before, .catMenu--sidebar .catMenu__inner--lev2::before {
      height: calc(100% - 2rem); } }
  @media screen and (min-width: 1200px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev2::before, .catMenu--sidebar .catMenu__inner--lev2::before {
      height: calc(100% - 3rem); } }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4, .catMenu--sidebar .catMenu__inner--lev3, .catMenu--sidebar .catMenu__inner--lev4 {
      padding-block: 0.5rem; } }
  @media screen and (min-width: 768px) {
    .mainNav--primary .catMenu--sidebar .catMenu__inner--lev3::before, .mainNav--primary .catMenu--sidebar .catMenu__inner--lev4::before, .catMenu--sidebar .catMenu__inner--lev3::before, .catMenu--sidebar .catMenu__inner--lev4::before {
      left: 0.375rem;
      height: calc(100% - 1rem); } }
  .mainNav--primary .catMenu--sidebar .catMenu__link, .catMenu--sidebar .catMenu__link {
    color: #757575;
    font-weight: 500;
    font-size: 0.8125rem;
    border-top: 0; }
    @media screen and (min-width: 768px) {
      .mainNav--primary .catMenu--sidebar .catMenu__link, .catMenu--sidebar .catMenu__link {
        padding-right: 0 !important; } }
    .mainNav--primary .catMenu--sidebar .catMenu__link:hover, .catMenu--sidebar .catMenu__link:hover {
      background-color: transparent; }
  .mainNav--primary .catMenu--sidebar .catMenu__item.current > .catMenu__link, .catMenu--sidebar .catMenu__item.current > .catMenu__link {
    font-weight: 600;
    color: rgba(49, 39, 131, 0.8); }
  .mainNav--primary .catMenu--sidebar .catMenu__childToggle, .catMenu--sidebar .catMenu__childToggle {
    background-color: #f8f8f8;
    color: var(--color-accent);
    padding: 0;
    width: 1rem;
    height: 1rem;
    display: grid;
    place-items: center;
    top: 0.75rem;
    right: 2.25rem; }
    @media screen and (min-width: 768px) {
      .mainNav--primary .catMenu--sidebar .catMenu__childToggle, .catMenu--sidebar .catMenu__childToggle {
        inset: 0.96rem auto auto 0; } }
    .mainNav--primary .catMenu--sidebar .catMenu__childToggle .fa, .catMenu--sidebar .catMenu__childToggle .fa {
      font-size: 8px;
      min-width: unset; }
      .mainNav--primary .catMenu--sidebar .catMenu__childToggle .fa::before, .catMenu--sidebar .catMenu__childToggle .fa::before {
        font-size: inherit; }
      .mainNav--primary .catMenu--sidebar .catMenu__childToggle .fa-minus::before, .catMenu--sidebar .catMenu__childToggle .fa-minus::before {
        color: #bbbfc6; }

.btn--collapse:has( + .catBox) {
  margin-bottom: 1.25rem; }

.catBox {
  margin-bottom: 2rem;
  max-width: var(--layout-max-width-md); }
  @media screen and (min-width: 1200px) {
    .catBox {
      margin-bottom: 2.5rem; } }
  .catBox__row {
    row-gap: 0.5rem; }
    @media screen and (min-width: 1540px) {
      .catBox__row {
        row-gap: 0.875rem;
        margin-inline: -0.4375rem; } }
  .catBox__item {
    margin-bottom: 0; }
    @media screen and (min-width: 1540px) {
      .catBox__item {
        padding-inline: 0.4375rem !important; } }
  .catBox__inner {
    border: 0;
    box-shadow: none !important; }
  .catBox__link {
    padding: 0;
    display: grid;
    grid-template-columns: 4rem 1fr;
    min-height: 3.75rem;
    background-color: #312783;
    text-decoration: none !important;
    transition: var(--transition);
    color: #ffffff;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.46; }
    @media screen and (min-width: 1540px) {
      .catBox__link {
        grid-template-columns: 5rem 1fr;
        min-height: 5rem; } }
    .catBox__link:not(:has(.catBox__img, .noimage)) {
      grid-template-columns: 1fr;
      padding: 1rem 1rem 1rem 1.25rem !important; }
      @media screen and (min-width: 1600px) {
        .catBox__link:not(:has(.catBox__img, .noimage)) {
          padding-inline: 1.75rem !important; } }
    .catBox__link:has(.catBox__img) {
      isolation: isolate; }
      .catBox__link:has(.catBox__img)::before {
        content: "";
        grid-column: 1;
        grid-row: 1;
        align-self: stretch;
        width: 100%;
        max-width: 4rem;
        aspect-ratio: 1 / 1;
        background-color: #f8f8f8;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 0; }
        @media screen and (min-width: 1540px) {
          .catBox__link:has(.catBox__img)::before {
            max-width: 5rem; } }
      .catBox__link:has(.catBox__img) .catBox__img {
        grid-column: 1;
        grid-row: 1;
        position: relative;
        z-index: 1; }
      .catBox__link:has(.catBox__img) .catBox__name {
        grid-column: 2;
        grid-row: 1; }
    .catBox__link:hover {
      color: #ffffff; }
      @media screen and (min-width: 768px) {
        .catBox__link:hover {
          background-color: rgba(49, 39, 131, 0.85); } }
  .catBox__img,
  .catBox .noimage {
    height: 100%;
    width: 100%;
    max-width: 4rem;
    max-height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1; }
    @media screen and (min-width: 1540px) {
      .catBox__img,
      .catBox .noimage {
        max-width: 5rem; } }
  .catBox .noimage {
    background-color: #f8f8f8;
    background-image: url("/images/no_image/no_image_70.png");
    background-size: 60% auto;
    background-position: center;
    background-repeat: no-repeat; }
  .catBox__name {
    padding: 1rem 1rem 1rem 1.25rem !important; }
    @media screen and (min-width: 1600px) {
      .catBox__name {
        padding-inline: 1.75rem !important; } }
  .catBox--news .catBox__item {
    width: max-content; }
    .catBox--news .catBox__item .catBox__link {
      min-height: unset; }

.subpages__inner {
  border: 0; }

.subpages__link {
  background-color: #312783;
  height: 100%;
  align-content: center;
  transition: var(--transition); }
  @media screen and (min-width: 768px) {
    .subpages__link:hover {
      background-color: rgba(49, 39, 131, 0.85); } }

.subpages__title {
  color: #ffffff;
  font-weight: 600; }

/*.basketNav__item {
	.basketNav__link {
		text-decoration: none !important;
	}
	.basketNav__link:hover .basketNav__step {
		color: #000168 !important;
		border-color: #000168 !important;

	}
	.basketNav__link:hover .basketNav__text {
		color: #000168 !important;
	}
	&.active {
		.basketNav__link .basketNav__step {
			color: #000168 !important;
			border-color: #000168 !important;
		}
		.basketNav__link .basketNav__text {
			color: #000168 !important;
		}
	}
}

#companyData,
#deliveryData {
	.card-header {
		padding: 0;
	}
	.card-title {
		padding: 1.5rem 1.25rem;
		display: block;
	}
	.designLabel__indicator {
		left: 20px;
		top: 26px;
	}
}*/
.banners--homepage-main,
.homepage--textTop {
  display: grid;
  gap: 1rem; }

@media screen and (min-width: 768px) {
  .banners--homepage-main {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 2rem; } }

@media screen and (min-width: 1200px) {
  .banners--homepage-main {
    row-gap: 4rem; } }

.banners--homepage-main .banner--4 {
  grid-column: 1 / -1; }

.banners--homepage .banner--homepage {
  margin-bottom: 0;
  background-color: #312783; }
  .banners--homepage .banner--homepage:hover .banner--text {
    background-color: rgba(49, 39, 131, 0.5); }
  .banners--homepage .banner--homepage a {
    text-decoration: none; }
  .banners--homepage .banner--homepage .banner--text {
    position: relative;
    z-index: 3;
    height: 100%;
    padding: 2rem 1.5rem;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    gap: 1rem; }
    @media screen and (min-width: 1200px) {
      .banners--homepage .banner--homepage .banner--text {
        padding: 2rem; } }
    .banners--homepage .banner--homepage .banner--text * {
      color: #ffffff;
      margin-bottom: 0; }
    @media screen and (min-width: 1540px) {
      .banners--homepage .banner--homepage .banner--text h2:not(h2 strong) {
        font-size: 2.5rem; } }
    @media screen and (min-width: 1540px) {
      .banners--homepage .banner--homepage .banner--text h2:not(h2 strong) strong {
        font-size: 2rem; } }
    .banners--homepage .banner--homepage .banner--text p {
      font-weight: 500; }
      @media screen and (min-width: 1200px) {
        .banners--homepage .banner--homepage .banner--text p {
          font-size: 1.0625rem; } }
    .banners--homepage .banner--homepage .banner--text img {
      position: static;
      max-width: 9.25rem;
      object-fit: contain; }

.banners--homepage .banner--homepage:not(.banner--4)::before, .banners--homepage .banner--homepage:not(.banner--4)::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.banners--homepage .banner--homepage:not(.banner--4)::before {
  z-index: 1;
  background-color: #110000;
  mix-blend-mode: color; }

.banners--homepage .banner--homepage:not(.banner--4)::after {
  z-index: 2;
  background-color: #312783;
  mix-blend-mode: multiply; }

.banners--homepage .banner--homepage:not(.banner--4) > .banner__link,
.banners--homepage .banner--homepage:not(.banner--4) > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media screen and (min-width: 1200px) {
  .banners--homepage .banner--homepage:not(.banner--4) .banner--text {
    gap: 2rem; } }

@media screen and (min-width: 1540px) {
  .banners--homepage .banner--homepage:not(.banner--4) .banner--text {
    padding-inline: 3rem; } }

.banners--homepage .banner--homepage:not(.banner--4) .banner--text img {
  margin-top: 0.25rem; }
  @media screen and (min-width: 768px) {
    .banners--homepage .banner--homepage:not(.banner--4) .banner--text img {
      margin-top: 0.75rem; } }

@media (max-width: 767px) {
  .banners--homepage .banner--4 {
    height: fit-content; } }

@media screen and (min-width: 992px) {
  .banners--homepage .banner--4 {
    height: 21rem; } }

.banners--homepage .banner--4 .banner--text {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.6) 60%); }
  @media screen and (min-width: 768px) {
    .banners--homepage .banner--4 .banner--text {
      background: linear-gradient(270deg, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.6) 60%);
      display: grid;
      align-content: center;
      grid-template-columns: auto 1fr;
      grid-template-rows: repeat(3, auto);
      text-align: left;
      column-gap: 1.75rem; } }
  @media screen and (min-width: 1200px) {
    .banners--homepage .banner--4 .banner--text {
      background: linear-gradient(270deg, transparent 10%, rgba(0, 0, 0, 0.6) 60%);
      gap: 1.25rem 3rem; } }
  @media screen and (min-width: 1540px) {
    .banners--homepage .banner--4 .banner--text {
      padding-inline: 4rem;
      column-gap: 5rem; } }
  .banners--homepage .banner--4 .banner--text h2,
  .banners--homepage .banner--4 .banner--text h3,
  .banners--homepage .banner--4 .banner--text p {
    max-width: 33.125rem; }
  @media (max-width: 767px) {
    .banners--homepage .banner--4 .banner--text img {
      margin-bottom: 0.5rem; } }
  @media screen and (min-width: 768px) {
    .banners--homepage .banner--4 .banner--text img {
      grid-row: 1 / -1; } }
  @media screen and (min-width: 992px) {
    .banners--homepage .banner--4 .banner--text img {
      max-width: 13.5rem; } }

@media screen and (min-width: 768px) {
  .homepage--textTop {
    grid-template-columns: 2fr 1fr; } }

@media screen and (min-width: 768px) {
  .homepage--textTop .banner--homepage {
    height: 18.75rem; } }

.banner--long {
  background-color: #312783; }
  @media screen and (min-width: 768px) {
    .banner--long {
      display: grid;
      grid-template-columns: 1fr 2fr;
      column-gap: 2rem; } }
  @media screen and (min-width: 992px) {
    .banner--long {
      column-gap: 3rem; } }
  @media screen and (min-width: 1200px) {
    .banner--long {
      grid-template-columns: 17.5rem 1fr; } }
  @media screen and (min-width: 1540px) {
    .banner--long {
      column-gap: 5rem; } }
  .banner--long img {
    width: 100%;
    max-width: 100%;
    max-height: 12.5rem;
    object-fit: cover;
    object-position: center; }
    @media screen and (min-width: 768px) {
      .banner--long img {
        max-height: 100%;
        height: 100%; } }
  .banner--long * {
    color: #ffffff;
    margin-bottom: 0; }
  .banner--long__content {
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    isolation: isolate; }
    @media screen and (min-width: 768px) {
      .banner--long__content {
        justify-content: center;
        padding-left: 0; } }
    @media screen and (min-width: 1200px) {
      .banner--long__content {
        padding-right: 2rem;
        row-gap: 1.5rem; } }
    .banner--long__content::before {
      position: absolute;
      content: "";
      top: 22%;
      right: 8%;
      width: 8.125rem;
      height: 6.125rem;
      background-image: url(../img/symbol.svg);
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      z-index: -1; }
    @media screen and (min-width: 1540px) {
      .banner--long__content h2 {
        font-size: 2.5rem; } }
    @media screen and (min-width: 1540px) {
      .banner--long__content h2 strong {
        font-size: 2rem; } }
    .banner--long__content ul li {
      font-weight: 600; }

/*.assistant__top {
	> div:first-child {
		display: block !important;
		.slider-wrapper {
			// cenovy slider - rozmezi ceny u produktu
			display: none !important;
		}
	}
	.assistant__col--left {
		.btn-secondary {
			background: #cecece;
			color: #000168;
			transition: none;
			&.is-active {
				background: #000168;
				color: white;
			}
		}
	}
}

.row .col-xs-12.contentWrapper {
	background-color: white;
	margin-bottom: 25px;
	border-bottom: 1px solid rgb(219, 220, 236);
}

.productList__info__col.action .purchase {
	.btn--buy {
		min-width: 150px;
	}
}
*/
.arguments {
  border: 0;
  margin-bottom: 2rem;
  max-width: var(--layout-max-width-md);
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem; }
  @media screen and (min-width: 768px) {
    .arguments {
      row-gap: 1.5rem; } }
  @media screen and (min-width: 992px) {
    .arguments {
      column-gap: 1.25rem;
      justify-content: space-between; } }
  .arguments::after {
    display: none; }
  .arguments + .hr--homepage {
    border-color: #EFEFEF; }
  .arguments .argument {
    border: 0;
    padding: 0 0.5rem;
    display: grid;
    grid-template-columns: 3.5rem 1fr;
    gap: 1.5rem; }
    @media screen and (min-width: 992px) {
      .arguments .argument {
        width: max-content;
        padding: 0; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .arguments .argument {
        column-gap: 1rem; } }
    @media screen and (min-width: 1200px) {
      .arguments .argument {
        grid-template-columns: 4.25rem 1fr; } }
    .arguments .argument__img__wrap {
      width: 3.5rem;
      height: 3.5rem;
      background-color: rgba(49, 39, 131, 0.05);
      border-radius: 100%;
      display: grid;
      place-items: center;
      padding: .75rem; }
      @media screen and (min-width: 1200px) {
        .arguments .argument__img__wrap {
          width: 4.25rem;
          height: 4.25rem;
          padding: 1rem; } }
      .arguments .argument__img__wrap .argument__img {
        max-width: 100%;
        max-height: 100%;
        margin-right: 0;
        object-fit: auto; }
    .arguments .argument__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%; }
      .arguments .argument__content .argument__title {
        font-size: 0.875rem;
        text-transform: none;
        color: #909090;
        line-height: normal; }
        @media screen and (min-width: 1200px) {
          .arguments .argument__content .argument__title {
            font-size: 0.9375rem; } }
      .arguments .argument__content .argument__desc {
        color: #3c3c3c;
        font-size: 1rem;
        text-transform: uppercase;
        line-height: normal; }
        @media screen and (min-width: 1200px) {
          .arguments .argument__content .argument__desc {
            font-size: 1.0625rem; } }

.note {
  text-align: right;
  margin-top: 26px; }
  @media screen and (min-width: 768px) {
    .note {
      margin-top: -25px; } }

.page--ProductList .mainWrapper > .container,
.page--BrandProductsList .mainWrapper > .container {
  max-width: var(--layout-max-width-lg); }
  .page--ProductList .mainWrapper > .container .contentWrapper,
  .page--BrandProductsList .mainWrapper > .container .contentWrapper {
    margin-bottom: 3rem; }
    @media screen and (min-width: 768px) {
      .page--ProductList .mainWrapper > .container .contentWrapper,
      .page--BrandProductsList .mainWrapper > .container .contentWrapper {
        margin-bottom: 4rem; } }
    @media screen and (min-width: 1200px) {
      .page--ProductList .mainWrapper > .container .contentWrapper,
      .page--BrandProductsList .mainWrapper > .container .contentWrapper {
        margin-bottom: 5rem; } }

.page--ProductList .brand-title,
.page--BrandProductsList .brand-title {
  align-items: center; }
  .page--ProductList .brand-title .brand-title-img,
  .page--BrandProductsList .brand-title .brand-title-img {
    max-height: 3.5rem; }

.page--ProductList .annotation,
.page--BrandProductsList .annotation {
  font-size: 0.875rem;
  max-width: 61.25rem;
  margin-bottom: 1.5rem; }
  @media screen and (min-width: 768px) {
    .page--ProductList .annotation,
    .page--BrandProductsList .annotation {
      margin-bottom: 2rem; } }
  @media screen and (min-width: 1200px) {
    .page--ProductList .annotation,
    .page--BrandProductsList .annotation {
      margin-bottom: 2.5rem; } }
  .page--ProductList .annotation strong,
  .page--BrandProductsList .annotation strong {
    color: #3c3c3c; }
  .page--ProductList .annotation__inner,
  .page--BrandProductsList .annotation__inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
    .page--ProductList .annotation__inner[data-show-more="true"],
    .page--BrandProductsList .annotation__inner[data-show-more="true"] {
      -webkit-line-clamp: unset;
      display: block; }
  .page--ProductList .annotation .c-read-more__toggle,
  .page--BrandProductsList .annotation .c-read-more__toggle {
    all: unset;
    margin-top: 0.5rem;
    color: #312783;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.75rem; }
    @media screen and (min-width: 768px) {
      .page--ProductList .annotation .c-read-more__toggle,
      .page--BrandProductsList .annotation .c-read-more__toggle {
        margin-top: 0.75rem; } }
    .page--ProductList .annotation .c-read-more__toggle:hover,
    .page--BrandProductsList .annotation .c-read-more__toggle:hover {
      text-decoration: none; }

.productListPanel--list {
  margin-block: 0.25rem 0.875rem;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #efefef;
  padding: 0 0 1rem;
  column-gap: 1rem; }
  @media screen and (min-width: 768px) {
    .productListPanel--list {
      margin-top: 0.875rem; } }
  .productListPanel--list::after {
    display: none; }

.productListPanel .productListPanel__right {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem 0.75rem; }
  @media screen and (min-width: 768px) {
    .productListPanel .productListPanel__right {
      column-gap: 1rem; } }
  .productListPanel .productListPanel__right .customTabs--icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0.5rem; }
    .productListPanel .productListPanel__right .customTabs--icons .customTabs__item {
      padding: 0;
      border-bottom: 0;
      color: #a0a0a0;
      width: 1.5rem;
      height: 1.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none; }
      @media screen and (min-width: 768px) {
        .productListPanel .productListPanel__right .customTabs--icons .customTabs__item {
          transition: var(--transition); } }
      .productListPanel .productListPanel__right .customTabs--icons .customTabs__item::before {
        color: inherit; }
      @media screen and (min-width: 768px) {
        .productListPanel .productListPanel__right .customTabs--icons .customTabs__item:hover {
          color: #312783; } }
      .productListPanel .productListPanel__right .customTabs--icons .customTabs__item.active {
        color: #404040; }
      .productListPanel .productListPanel__right .customTabs--icons .customTabs__item.icon-list-boxes::before {
        font-size: 16px; }
      .productListPanel .productListPanel__right .customTabs--icons .customTabs__item.icon-list-table::before {
        font-size: 12.5px;
        line-height: 1.2; }
      .productListPanel .productListPanel__right .customTabs--icons .customTabs__item.icon-list-rows::before {
        font-size: 14px; }
  .productListPanel .productListPanel__right .total-items {
    margin-inline: 0;
    font-size: 0.8125rem;
    line-height: 1.2; }
    .productListPanel .productListPanel__right .total-items strong {
      color: #262626; }

.productListPanel .productListPanel__filter {
  margin-left: 0; }
  @media screen and (min-width: 992px) {
    .productListPanel .productListPanel__filter {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.75rem 1rem; } }
  @media screen and (min-width: 1200px) {
    .productListPanel .productListPanel__filter {
      column-gap: 1.5rem; } }
  @media screen and (min-width: 1400px) {
    .productListPanel .productListPanel__filter {
      column-gap: 2rem; } }
  .productListPanel .productListPanel__filter--select {
    box-shadow: none;
    background-color: #312783;
    color: #ffffff;
    border: 0;
    padding: 0.5rem 1rem;
    border-radius: 6.25rem;
    font-size: 0.8125rem;
    font-weight: 500; }
  .productListPanel .productListPanel__filter .productListPanel__filter__in {
    padding: 0;
    background-color: transparent !important;
    font-size: 0.8125rem;
    line-height: 1.25;
    font-weight: 500;
    color: #555555;
    transition: var(--transition);
    border: 0; }
    .productListPanel .productListPanel__filter .productListPanel__filter__in.active {
      color: #3c3c3c;
      font-weight: 700; }
    .productListPanel .productListPanel__filter .productListPanel__filter__in:hover {
      color: #312783; }

.product__list-more-button {
  margin-block: 0.875rem 0;
  padding-top: 2rem;
  border-top: 1px solid #efefef; }
  @media screen and (min-width: 992px) {
    .product__list-more-button {
      padding-block: 2.625rem 1rem; } }
  @media screen and (min-width: 1200px) {
    .product__list-more-button {
      padding-bottom: 3rem; } }

.productList {
  margin-bottom: 0; }
  .productList__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.8125rem;
    min-height: unset;
    line-height: 1.4;
    font-weight: 600;
    color: #3c3c3c; }
    .productList__title a {
      color: inherit;
      font-weight: inherit;
      line-height: inherit;
      text-decoration: none; }
  .productList__tags {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    left: 0 !important;
    width: 100% !important; }
  .productList__img {
    display: flex;
    align-items: center;
    justify-content: center; }
    .productList__img img {
      position: static;
      transform: none;
      object-fit: contain;
      mix-blend-mode: darken; }
  .productList__price .price--comPrice, .productList__info .price--comPrice {
    color: #727272;
    font-weight: 700;
    text-decoration: line-through;
    line-height: normal; }
    .productList__price .price--comPrice i, .productList__info .price--comPrice i {
      display: none; }
    .productList__price .price--comPrice ~ .price--incVat, .productList__info .price--comPrice ~ .price--incVat {
      color: #df3232 !important; }
  .productList__price .price--incVat, .productList__info .price--incVat {
    color: #3c3c3c !important; }
  .productList .btn--buy {
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    width: max-content !important;
    padding: 0.625rem 1.75rem !important; }
  .productList--box:not(.productList--related) {
    border-top: 0; }
    .productList--box:not(.productList--related) .productList__row {
      border-left: 0;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      margin-bottom: 2.5rem;
      row-gap: 2.5rem; }
      @media screen and (min-width: 768px) {
        .productList--box:not(.productList--related) .productList__row {
          margin-inline: -0.625rem; } }
      @media screen and (min-width: 1200px) {
        .productList--box:not(.productList--related) .productList__row {
          margin-bottom: 3.25rem; } }
      @media screen and (min-width: 1540px) {
        .productList--box:not(.productList--related) .productList__row {
          margin-bottom: 4rem;
          margin-inline: -1rem; } }
      .productList--box:not(.productList--related) .productList__row:last-of-type .productList__item:last-of-type::before {
        display: none; }
      @media (max-width: 767px) {
        .productList--box:not(.productList--related) .productList__row:not(:has( ~ .productList__row)) .productList__item:last-child::before {
          display: none; } }
    .productList--box:not(.productList--related) .productList__item {
      border: 0; }
      @media screen and (min-width: 768px) {
        .productList--box:not(.productList--related) .productList__item {
          text-align: left;
          padding-inline: 0.625rem; } }
      @media screen and (min-width: 1540px) {
        .productList--box:not(.productList--related) .productList__item {
          padding-inline: 1rem; } }
      @media (max-width: 767px) {
        .productList--box:not(.productList--related) .productList__item::before {
          position: absolute;
          content: "";
          bottom: -2rem;
          left: 0;
          width: 100%;
          height: 0.0625rem;
          background-color: #e3e3e3; } }
      @media screen and (min-width: 768px) and (max-width: 1299px) {
        .productList--box:not(.productList--related) .productList__item.col-md-3 .productList__info {
          flex-direction: column; } }
      .productList--box:not(.productList--related) .productList__item.col-md-3 .productList__info .price,
      .productList--box:not(.productList--related) .productList__item.col-md-3 .productList__info .action {
        width: max-content; }
        @media screen and (min-width: 768px) and (max-width: 1299px) {
          .productList--box:not(.productList--related) .productList__item.col-md-3 .productList__info .price,
          .productList--box:not(.productList--related) .productList__item.col-md-3 .productList__info .action {
            margin-inline: 0 auto; } }
    .productList--box:not(.productList--related) .productList__inner {
      padding: 0; }
      @media screen and (min-width: 768px) {
        .productList--box:not(.productList--related) .productList__inner {
          height: 100%;
          display: flex;
          flex-direction: column; } }
      @media screen and (min-width: 768px) {
        .productList--box:not(.productList--related) .productList__inner:hover .productList__img__wrapper {
          background-color: #f8f8f8; } }
      .productList--box:not(.productList--related) .productList__inner .rating {
        position: absolute;
        margin: 0;
        transform: translateX(-50%);
        inset: auto auto 0.625rem 50%; }
        @media screen and (min-width: 768px) {
          .productList--box:not(.productList--related) .productList__inner .rating {
            transform: none;
            left: 0; } }
    .productList--box:not(.productList--related) .productList__img {
      padding-bottom: 1.75rem;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .productList--box:not(.productList--related) .productList__img {
          max-height: unset;
          min-height: unset;
          padding-bottom: 2.5rem; } }
      @media screen and (min-width: 1540px) {
        .productList--box:not(.productList--related) .productList__img {
          padding-bottom: 3rem; } }
      .productList--box:not(.productList--related) .productList__img__wrapper {
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%; }
        @media screen and (min-width: 768px) {
          .productList--box:not(.productList--related) .productList__img__wrapper {
            transition: var(--transition); } }
        @media screen and (min-width: 1540px) {
          .productList--box:not(.productList--related) .productList__img__wrapper {
            padding: 1.5rem 2rem; } }
      .productList--box:not(.productList--related) .productList__img img {
        max-height: 11rem;
        height: 11rem;
        width: 100%; }
        @media screen and (min-width: 1540px) {
          .productList--box:not(.productList--related) .productList__img img {
            max-height: 15rem;
            height: 15rem; } }
        .productList--box:not(.productList--related) .productList__img img[src*="no_image"] {
          scale: 0.8; }
    .productList--box:not(.productList--related) .productList__tags {
      gap: 0.3125rem; }
      @media screen and (min-width: 1540px) {
        .productList--box:not(.productList--related) .productList__tags {
          top: 1.875rem; } }
    @media screen and (min-width: 768px) {
      .productList--box:not(.productList--related) .productList__content {
        flex-grow: 1;
        display: flex;
        flex-direction: column; } }
    .productList--box:not(.productList--related) .productList__title {
      margin-block: 0 0.375rem;
      line-height: 1.6; }
      @media screen and (min-width: 768px) {
        .productList--box:not(.productList--related) .productList__title {
          text-align: left; } }
    .productList--box:not(.productList--related) .productList__avail {
      border-top: 0;
      line-height: normal;
      font-size: 0.75rem;
      margin-bottom: 1.25rem; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .productList--box:not(.productList--related) .productList__avail {
          margin-bottom: 1rem; } }
      .productList--box:not(.productList--related) .productList__avail__col {
        padding: 0; }
    .productList--box:not(.productList--related) .productList__info {
      padding-top: 0;
      margin-block: 0 !important;
      display: flex !important;
      flex-direction: column;
      align-items: center;
      gap: 0.75rem 0.5rem;
      min-height: unset; }
      @media screen and (min-width: 768px) {
        .productList--box:not(.productList--related) .productList__info {
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          margin-top: auto !important;
          text-align: left;
          row-gap: 0.5rem; } }
      .productList--box:not(.productList--related) .productList__info::after {
        display: none; }
      .productList--box:not(.productList--related) .productList__info .price,
      .productList--box:not(.productList--related) .productList__info .action {
        width: max-content; }
      .productList--box:not(.productList--related) .productList__info .price {
        margin-bottom: 0 !important; }
        @media screen and (min-width: 768px) {
          .productList--box:not(.productList--related) .productList__info .price {
            text-align: left;
            min-height: unset;
            line-height: normal; } }
        .productList--box:not(.productList--related) .productList__info .price:has(.price--comPrice) {
          display: flex;
          flex-direction: column-reverse;
          align-items: center;
          row-gap: 0.125rem; }
          @media screen and (min-width: 768px) {
            .productList--box:not(.productList--related) .productList__info .price:has(.price--comPrice) {
              align-items: flex-start; } }
          @media screen and (min-width: 1200px) {
            .productList--box:not(.productList--related) .productList__info .price:has(.price--comPrice) {
              row-gap: 0; } }
        .productList--box:not(.productList--related) .productList__info .price .price--incVat {
          font-size: 1.125rem; }
          @media screen and (min-width: 768px) and (max-width: 1199px) {
            .productList--box:not(.productList--related) .productList__info .price .price--incVat {
              font-size: 1.0625rem; } }
        @media screen and (min-width: 1200px) {
          .productList--box:not(.productList--related) .productList__info .price .price--comPrice {
            font-size: 1rem; } }
        .productList--box:not(.productList--related) .productList__info .price .price--comPrice ~ .price--incVat {
          line-height: 1; }
        .productList--box:not(.productList--related) .productList__info .price .price--excVat, .productList--box:not(.productList--related) .productList__info .price .price-unit-info {
          display: none; }
      .productList--box:not(.productList--related) .productList__info .action .product-amount-wrapper {
        display: none; }
      @media screen and (min-width: 768px) and (max-width: 1399px) {
        .productList--box:not(.productList--related) .productList__info .action .btn--buy {
          padding: 0.5rem 1.5rem !important;
          font-size: 0.75rem !important; } }
  .productList--rows .table--productList th {
    font-weight: 700;
    color: #3c3c3c; }
  @media screen and (min-width: 992px) {
    .productList--rows .table--productList .title {
      width: 40%; } }
  @media screen and (min-width: 992px) {
    .productList--rows .table--productList .stock {
      width: 20%; } }
  .productList--rows .table--productList .price {
    display: none; }
  .productList--rows .table--productList .priceVat {
    color: #3c3c3c; }
  @media screen and (min-width: 1200px) {
    .productList--rows .table--productList .productBuy {
      min-width: 8.25rem !important; } }
  .productList--rows .table--productList tr:has(.product__list-more-button) {
    background-color: transparent !important;
    border-bottom: 0;
    margin-bottom: 0; }
    .productList--rows .table--productList tr:has(.product__list-more-button) td {
      padding-inline: 0;
      border: 0;
      text-align: center !important; }
      @media screen and (min-width: 768px) {
        .productList--rows .table--productList tr:has(.product__list-more-button) td {
          padding-top: 2rem; } }
      @media screen and (min-width: 992px) {
        .productList--rows .table--productList tr:has(.product__list-more-button) td {
          padding-block: 2.625rem 1rem; } }
      @media screen and (min-width: 1200px) {
        .productList--rows .table--productList tr:has(.product__list-more-button) td {
          padding-bottom: 3rem; } }
      .productList--rows .table--productList tr:has(.product__list-more-button) td a {
        margin-inline: auto; }
  .productList--rows .purchase .product-amount-wrapper, .productList--row .purchase .product-amount-wrapper {
    display: none; }
  .productList--custom {
    border-left: 0; }
    .productList--custom .product__list-more-button {
      margin-top: 0;
      border-top: 0; }
  .productList--row {
    border-left: 1px solid #f8f8f8; }
    .productList--row .sku {
      font-size: 0.875rem;
      margin-block: 0.5rem;
      font-weight: 500; }
      @media (max-width: 767px) {
        .productList--row .sku {
          text-align: center; } }
    .productList--row .rating {
      margin-bottom: 1rem; }
      @media screen and (min-width: 768px) {
        .productList--row .rating .review-stars {
          margin-left: 0;
          float: none; } }
    @media screen and (min-width: 768px) {
      .productList--row .purchase,
      .productList--row .productList__price,
      .productList--row .availability {
        text-align: right;
        width: 100%; } }
    @media screen and (min-width: 768px) {
      .productList--row .btn--buy {
        margin-block: 0.75rem !important; } }
    @media screen and (min-width: 768px) {
      .productList--row .productList__row {
        display: grid;
        align-items: center;
        grid-template-columns: 10rem 1fr;
        column-gap: 2rem; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .productList--row .productList__row {
        grid-template-columns: 8rem 1fr;
        column-gap: 1.5rem; } }
    @media screen and (min-width: 1300px) {
      .productList--row .productList__row {
        column-gap: 4rem; } }
    .productList--row .productList__content {
      padding-top: 0.75rem; }
      @media screen and (min-width: 768px) {
        .productList--row .productList__content {
          padding-top: 0;
          display: grid;
          align-items: center;
          grid-template-columns: 1fr 10rem;
          column-gap: 1rem;
          padding-left: 0; } }
      @media screen and (min-width: 1300px) {
        .productList--row .productList__content {
          grid-template-columns: 1fr 12rem;
          column-gap: 2rem; } }
      .productList--row .productList__contentInfo {
        padding-top: 0;
        display: block; }
    .productList--row .productList__imgWrapper {
      width: 100%; }
    @media screen and (min-width: 768px) {
      .productList--row .productList__title {
        margin-top: 0;
        text-align: left;
        font-size: 0.875rem; } }
    @media screen and (min-width: 1200px) {
      .productList--row .productList__title {
        font-size: 0.9375rem; } }
    .productList--row .productList__desc {
      font-size: 0.8125rem;
      margin-bottom: 1rem;
      width: 100%;
      padding-right: 0;
      padding-top: 1rem;
      border-top: 1px solid #f8f8f8; }
      @media (max-width: 767px) {
        .productList--row .productList__desc {
          text-align: center; } }
    .productList--row .productList__price {
      padding-right: 0 !important; }
      .productList--row .productList__price .price--excVat {
        display: none; }
  .productList--related {
    margin-inline: -0.375rem; }
  .productList--related, .productList--actions {
    margin-bottom: 2.5rem; }
    @media screen and (min-width: 768px) {
      .productList--related, .productList--actions {
        margin-bottom: 4rem; } }
    @media screen and (min-width: 992px) {
      .productList--related, .productList--actions {
        margin-bottom: 6rem; } }
    @media screen and (min-width: 1200px) {
      .productList--related, .productList--actions {
        margin-bottom: 7rem; } }
    @media screen and (min-width: 1200px) {
      .productList--related .jcarousel, .productList--actions .jcarousel {
        margin-inline: 1.5rem;
        width: calc(100% - 3rem); } }
    @media screen and (min-width: 1540px) {
      .productList--related .jcarousel, .productList--actions .jcarousel {
        margin-inline: 2rem;
        width: calc(100% - 4rem); } }
    .productList--related .productList__item, .productList--actions .productList__item {
      padding-inline: 0.375rem;
      background-color: transparent;
      border: 0; }
      @media (max-width: 767px) {
        .productList--related .productList__item, .productList--actions .productList__item {
          min-width: auto; } }
    .productList--related .productList__inner, .productList--actions .productList__inner {
      border: 1px solid #f1f1f1;
      background-color: #ffffff;
      height: 100%;
      padding: 1.25rem 1rem;
      position: relative; }
      @media screen and (min-width: 768px) {
        .productList--related .productList__inner, .productList--actions .productList__inner {
          padding-block: 1.5rem; } }
      @media screen and (min-width: 1540px) {
        .productList--related .productList__inner, .productList--actions .productList__inner {
          padding-inline: 1.5rem; } }
      .productList--related .productList__inner:hover .productList__img, .productList--actions .productList__inner:hover .productList__img {
        background-color: #f6f6f6; }
    .productList--related .productList__img, .productList--actions .productList__img {
      --_img-height: 9.75rem;
      min-height: var(--_img-height);
      max-height: var(--_img-height);
      height: var(--_img-height);
      transition: var(--transition);
      padding: 0.5rem; }
    .productList--related .productList__tags, .productList--actions .productList__tags {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      column-gap: 0.5rem; }
      .productList--related .productList__tags:not(.row--homepage-offers--action .productList__tags), .productList--actions .productList__tags:not(.row--homepage-offers--action .productList__tags) {
        display: none; }
    .productList--related .productList__title, .productList--actions .productList__title {
      font-size: 0.875rem;
      opacity: 0.8;
      margin-block: 1.25rem;
      position: static; }
      @media screen and (min-width: 768px) {
        .productList--related .productList__title, .productList--actions .productList__title {
          margin-top: 2rem; } }
      .productList--related .productList__title a::before, .productList--actions .productList__title a::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .productList--related .productList__price, .productList--actions .productList__price {
      margin-top: 0.5rem; }
      @media screen and (min-width: 768px) {
        .productList--related .productList__price, .productList--actions .productList__price {
          margin-top: 0.75rem; } }
      .productList--related .productList__price .price, .productList--actions .productList__price .price {
        display: block; }
        .productList--related .productList__price .price--comPrice, .productList--actions .productList__price .price--comPrice {
          font-size: 1rem; }
          @media screen and (min-width: 768px) {
            .productList--related .productList__price .price--comPrice, .productList--actions .productList__price .price--comPrice {
              font-size: 1.125rem; } }
        .productList--related .productList__price .price--incVat, .productList--actions .productList__price .price--incVat {
          line-height: normal;
          margin-top: 0; }
          @media (max-width: 767px) {
            .productList--related .productList__price .price--incVat, .productList--actions .productList__price .price--incVat {
              font-size: 1.125rem; } }
        .productList--related .productList__price .price-unit-info, .productList--actions .productList__price .price-unit-info {
          margin-bottom: 0; }
        .productList--related .productList__price .price--excVat, .productList--actions .productList__price .price--excVat {
          display: none; }
    .productList--related .availability, .productList--actions .availability {
      font-size: 0.8125rem;
      font-weight: 800;
      margin-bottom: 0;
      display: block; }
      .productList--related .availability:not(.row--homepage-offers--action .availability), .productList--actions .availability:not(.row--homepage-offers--action .availability) {
        display: none; }

.availability {
  font-weight: 700;
  line-height: normal;
  text-transform: none; }
  .availability--inStock {
    color: #008066; }
  .availability--noStock {
    color: #df3232; }

.label {
  border-radius: 0 0.8125rem 0.8125rem 0.8125rem;
  text-transform: none;
  font-weight: 700;
  line-height: normal;
  padding: 0.0625rem 1.125rem;
  font-size: 0.75rem;
  width: max-content;
  height: max-content;
  order: 1; }
  .label--discount {
    background-color: #c7511f;
    position: static;
    transform: none;
    order: 2; }
    .label--discount .discountNumber {
      padding: 0;
      transform: none;
      position: static;
      font-size: inherit; }
      .label--discount .discountNumber sub {
        all: unset; }
  .label--topSeller {
    color: #454545; }

.product__component.js-products-carousel {
  margin-top: 0.75rem; }
  .product__component.js-products-carousel > h2 {
    display: block !important; }
    @media screen and (min-width: 768px) {
      .product__component.js-products-carousel > h2 {
        margin-bottom: 2rem; } }
    @media screen and (min-width: 1200px) {
      .product__component.js-products-carousel > h2 {
        margin-bottom: 2.75rem; } }

.productList.jcarousel-wrapper .purchase,
.hp-action .purchase {
  display: none; }

.row--homepage-offers--action {
  margin-top: 2rem; }
  @media screen and (min-width: 768px) {
    .row--homepage-offers--action {
      margin-top: 3rem; } }
  @media screen and (min-width: 1200px) {
    .row--homepage-offers--action {
      margin-top: 3.5rem; } }
  @media screen and (min-width: 768px) {
    .row--homepage-offers--action .row--homepage-offers__inner {
      display: flex;
      flex-wrap: wrap; } }
  .row--homepage-offers--action .hp-action {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .row--homepage-offers--action .hp-action {
        display: flex;
        flex-direction: column;
        padding-right: 1rem; } }
    @media screen and (min-width: 1200px) {
      .row--homepage-offers--action .hp-action {
        padding-right: 2rem; } }
    @media screen and (min-width: 1540px) {
      .row--homepage-offers--action .hp-action {
        padding-right: 4rem; } }
    .row--homepage-offers--action .hp-action__title {
      margin-bottom: 0.75rem;
      font-weight: 600;
      line-height: normal; }
      @media screen and (min-width: 1200px) {
        .row--homepage-offers--action .hp-action__title {
          margin-bottom: 1rem; } }
      .row--homepage-offers--action .hp-action__title a {
        color: inherit; }
    .row--homepage-offers--action .hp-action .productList__inner {
      border: 1px solid #f1f1f1;
      margin-bottom: 2rem; }
      @media screen and (min-width: 768px) {
        .row--homepage-offers--action .hp-action .productList__inner {
          margin-bottom: 3rem;
          flex-grow: 1; } }
      @media screen and (min-width: 1200px) {
        .row--homepage-offers--action .hp-action .productList__inner {
          margin-bottom: 4rem; } }
  .row--homepage-offers--action .productList--actions {
    margin-bottom: 0; }
  .row--homepage-offers--action .productList__inner {
    padding: 1.5rem 1rem; }
    @media screen and (min-width: 768px) {
      .row--homepage-offers--action .productList__inner {
        padding-block: 2.25rem 2.5rem; } }
    @media screen and (min-width: 1200px) {
      .row--homepage-offers--action .productList__inner {
        padding-inline: 1.5rem; } }
    @media screen and (min-width: 1540px) {
      .row--homepage-offers--action .productList__inner {
        padding-inline: 2rem;
        min-height: 37rem; } }
  .row--homepage-offers--action .productList__img {
    height: 14rem;
    max-height: 14rem;
    min-height: 14rem; }
    @media screen and (min-width: 1200px) {
      .row--homepage-offers--action .productList__img {
        height: 18rem;
        max-height: 18rem;
        min-height: 18rem; } }
    @media screen and (min-width: 1540px) {
      .row--homepage-offers--action .productList__img {
        height: 21rem;
        max-height: 21rem;
        min-height: 21rem; } }
    .row--homepage-offers--action .productList__img img {
      max-height: 100%; }
      @media screen and (min-width: 1200px) {
        .row--homepage-offers--action .productList__img img {
          max-height: 12.5rem; } }
  .row--homepage-offers--action .productList__price {
    margin-top: 0.5rem; }
    .row--homepage-offers--action .productList__price .price--incVat {
      font-size: 1.1875rem;
      color: #3c3c3c; }
      @media screen and (min-width: 768px) {
        .row--homepage-offers--action .productList__price .price--incVat {
          font-size: 1.3125rem; } }
  .row--homepage-offers--action .js-carousel-offers {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .row--homepage-offers--action .js-carousel-offers {
        position: relative;
        overflow: visible;
        padding-left: 1rem; } }
    @media screen and (min-width: 1540px) {
      .row--homepage-offers--action .js-carousel-offers {
        padding-inline: 1.75rem 1rem; } }
    @media screen and (min-width: 768px) {
      .row--homepage-offers--action .js-carousel-offers::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 110%;
        height: 100%;
        background-color: #f8f8f8; } }
    @media screen and (min-width: 768px) {
      .row--homepage-offers--action .js-carousel-offers .tab-pane,
      .row--homepage-offers--action .js-carousel-offers .jcarousel,
      .row--homepage-offers--action .js-carousel-offers ul {
        height: 100%; } }
    .row--homepage-offers--action .js-carousel-offers .tab-accord-link {
      width: 100%;
      text-align: left;
      box-shadow: none !important;
      background-color: rgba(49, 39, 131, 0.1);
      padding-block: 1rem;
      color: #3c3c3c; }
      .row--homepage-offers--action .js-carousel-offers .tab-accord-link::after {
        right: 1.5rem; }
    .row--homepage-offers--action .js-carousel-offers .productList {
      margin-block: 2rem; }
      @media screen and (min-width: 768px) {
        .row--homepage-offers--action .js-carousel-offers .productList {
          margin-block: 3rem;
          height: calc(100% - 6rem); } }
      @media screen and (min-width: 1200px) {
        .row--homepage-offers--action .js-carousel-offers .productList {
          margin-block: 4rem;
          height: calc(100% - 8rem); } }
      .row--homepage-offers--action .js-carousel-offers .productList__item {
        border: 0; }
      @media screen and (min-width: 768px) {
        .row--homepage-offers--action .js-carousel-offers .productList__inner {
          border: 0; } }
      @media screen and (min-width: 1540px) {
        .row--homepage-offers--action .js-carousel-offers .productList__title {
          margin-bottom: 2rem; } }

.page--ProductDetail .product__related {
  position: relative;
  width: 100vw;
  margin-left: 0;
  margin-right: 0;
  max-width: 100vw;
  left: calc(-50vw + 50%); }
  @media screen and (min-width: 1920px) {
    .page--ProductDetail .product__related {
      max-width: 1920px;
      left: 50%;
      transform: translateX(-50%); } }
  .page--ProductDetail .product__related .js-carousel-offers {
    padding-inline: var(--layout-padding-inline);
    margin-inline: auto;
    max-width: var(--layout-max-width-xl); }
    @media screen and (min-width: 1200px) {
      .page--ProductDetail .product__related .js-carousel-offers {
        padding-inline: var(--layout-wide-padding-inline); } }

.product {
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .product {
      margin-bottom: 0; } }
  .product__wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "info" "gallery" "content";
    padding-bottom: 1rem; }
    @media screen and (min-width: 768px) {
      .product__wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "gallery info" "content content";
        column-gap: 4rem;
        padding-bottom: 3rem; } }
    @media screen and (min-width: 992px) {
      .product__wrapper {
        grid-template-areas: "gallery info" "gallery content"; } }
    @media screen and (min-width: 1200px) {
      .product__wrapper {
        column-gap: 7.5rem;
        padding-bottom: 5rem; } }
  .product__top {
    grid-area: info;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 2rem; }
    @media screen and (min-width: 992px) {
      .product__top {
        margin-bottom: 2.5rem; } }
    @media screen and (min-width: 1200px) {
      .product__top {
        margin-bottom: 3.25rem; } }
    .product__top .product__tags {
      margin-bottom: 1rem; }
      .product__top .product__tags:not(:has(.label)) {
        display: none; }
      .product__top .product__tags .label--discount {
        --_gap: 0.5rem;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        gap: 0.25rem var(--_gap); }
        .product__top .product__tags .label--discount .discountNumber {
          padding-right: var(--_gap);
          position: relative;
          left: 0; }
          .product__top .product__tags .label--discount .discountNumber::before {
            position: absolute;
            content: "";
            top: 50%;
            right: 0;
            width: 0.0625rem;
            height: 70%;
            background-color: rgba(255, 255, 255, 0.5);
            transform: translateY(-50%); }
        .product__top .product__tags .label--discount .savingPrice {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 0.25rem; }
          .product__top .product__tags .label--discount .savingPrice * {
            font-weight: 500; }
    @media (max-width: 767px) {
      .product__top .product__title {
        margin-bottom: 1rem; } }
    .product__top-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5rem 1rem;
      margin-bottom: 1.25rem; }
      @media screen and (min-width: 1200px) {
        .product__top-row {
          column-gap: 1.25rem; } }
    .product__top .product__component {
      margin-right: 0; }
    .product__top .rating {
      display: flex; }
      .product__top .rating .review-stars {
        margin-right: 0; }
      .product__top .rating-percent {
        display: none; }
    .product__top .product__codes {
      font-size: 0.75rem;
      line-height: 2;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5rem 1rem; }
      @media screen and (min-width: 1200px) {
        .product__top .product__codes {
          column-gap: 1.25rem; } }
      .product__top .product__codes small {
        font-size: inherit;
        margin-right: 0; }
      .product__top .product__codes span {
        color: var(--color-dark-text);
        font-weight: 700; }
      .product__top .product__codes a {
        text-decoration: underline; }
        .product__top .product__codes a,
        .product__top .product__codes a span {
          color: #312783; }
    .product__top .product__desc {
      font-size: 0.875rem; }
      .product__top .product__desc strong {
        color: var(--color-dark-text); }
      .product__top .product__desc p {
        margin-bottom: 0.75rem; }
      .product__top .product__desc .product__showDesc {
        font-size: 0.75rem;
        font-weight: 600;
        line-height: normal; }
        .product__top .product__desc .product__showDesc .icon {
          display: none; }
  .product .sticky-image-gallery {
    grid-area: gallery; }
    .product .sticky-image-gallery .product__imgWrapper .detail-gallery .product__img {
      margin-top: 0;
      aspect-ratio: 1 / 1;
      display: grid;
      place-items: center;
      margin-bottom: 1rem; }
      @media screen and (min-width: 1200px) {
        .product .sticky-image-gallery .product__imgWrapper .detail-gallery .product__img {
          margin-bottom: 2rem; } }
    .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery {
      margin-inline: -0.25rem;
      margin-bottom: 0; }
      @media screen and (min-width: 768px) {
        .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery {
          margin-inline: -0.5rem; } }
      .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery li {
        height: auto;
        padding: 0.25rem;
        margin: 0;
        aspect-ratio: 1 / 1;
        width: 20%; }
        @media screen and (min-width: 768px) {
          .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery li {
            padding: 0.5rem; } }
        .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery li a {
          border: 0; }
          .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery li a img {
            object-fit: cover; }
            .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery li a img[src*="no_image"] {
              object-fit: contain; }
      .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next {
        height: 100% !important;
        border: 0;
        background-color: transparent; }
        .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next .productGallery__inner {
          width: 100%;
          height: 100%;
          background-color: #312783;
          color: #ffffff;
          position: static;
          transform: none;
          display: grid;
          place-items: center;
          align-content: center;
          justify-content: center;
          gap: 0.25rem; }
          @media screen and (min-width: 992px) {
            .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next .productGallery__inner {
              grid-template-columns: repeat(2, auto); } }
          @media screen and (min-width: 1200px) {
            .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next .productGallery__inner {
              row-gap: 0.5rem; } }
          @media screen and (min-width: 992px) {
            .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next .productGallery__inner .icon {
              grid-column: 1 / -1; } }
          .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next .productGallery__inner .icon::before {
            color: var(--color-accent); }
          .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next .productGallery__inner span {
            font-size: 0.625rem;
            font-weight: 500;
            line-height: 1.3; }
            @media screen and (min-width: 1200px) {
              .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next .productGallery__inner span {
                font-size: 0.75rem; } }
            .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__next .productGallery__inner span::after {
              display: none; }
      .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__other {
        background-color: transparent;
        padding: 0;
        border: 0;
        width: 100% !important; }
        .product .sticky-image-gallery .product__imgWrapper .detail-gallery .productGallery__other::after {
          display: none; }
  .product .row--productContentInfo {
    grid-area: content;
    margin-top: 2rem; }
    @media screen and (min-width: 992px) {
      .product .row--productContentInfo {
        margin-top: 0; } }
    .product .row--productContentInfo .product__priceWrapper .product__avail-actions {
      border-top: 1px solid #efefef;
      padding-block: 1rem;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      gap: 0.75rem 1.5rem; }
      .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__avail {
        font-size: 0.75rem;
        color: #727272;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 0.25rem; }
        .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__avail strong {
          font-weight: 600;
          line-height: normal; }
        .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__avail span {
          font-size: inherit; }
      .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__actions {
        --_gap: 1rem;
        margin: 0;
        padding: 0;
        border: 0;
        max-width: max-content;
        width: max-content;
        gap: 0.5rem var(--_gap);
        display: flex; }
        .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__actions__item {
          margin-bottom: 0;
          padding-left: 0;
          width: max-content; }
          .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__actions__item a {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.5rem; }
            .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__actions__item a .icon {
              margin: 0;
              padding: 0; }
              .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__actions__item a .icon::before {
                font-size: 13px; }
            .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__actions__item a span {
              font-size: 0.75rem;
              color: #555555; }
          .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__actions__item:not(:last-child) {
            padding-right: var(--_gap);
            position: relative; }
            .product .row--productContentInfo .product__priceWrapper .product__avail-actions .product__actions__item:not(:last-child)::before {
              position: absolute;
              content: "";
              top: 50%;
              right: 0;
              width: 0.0625rem;
              height: 1rem;
              background-color: #efefef;
              transform: translateY(-50%); }
    .product .row--productContentInfo .product__priceWrapper .product__prices {
      margin-top: 0; }
      .product .row--productContentInfo .product__priceWrapper .product__prices .price {
        line-height: normal !important; }
        .product .row--productContentInfo .product__priceWrapper .product__prices .price--incVat {
          color: var(--color-dark-text);
          font-size: 1.375rem; }
        .product .row--productContentInfo .product__priceWrapper .product__prices .price--excVat {
          color: #707070;
          font-weight: 600;
          font-size: 1rem; }
        .product .row--productContentInfo .product__priceWrapper .product__prices .price--recyclingfee {
          color: #707070;
          font-size: 0.875rem !important; }
    .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) {
      background-color: #f8f8f8;
      padding: 1.5rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1rem 1.5rem;
      margin-bottom: 2rem; }
      @media screen and (min-width: 768px) {
        .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) {
          padding: 2rem; } }
      @media screen and (min-width: 1400px) {
        .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) {
          column-gap: 2rem;
          padding: 2.5rem; } }
      .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__offers {
        margin-block: 0; }
        .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__offers .price {
          margin: 0; }
      .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 1fr;
        margin-top: 0; }
        @media screen and (min-width: 768px) {
          .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart {
            grid-template-columns: minmax(0, 1fr) max-content; } }
        .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .product-amount-wrapper {
          margin-bottom: 0;
          border: 2px solid #dedede;
          border-right-width: 0;
          border-radius: 6.25rem 0 0 6.25rem;
          overflow: hidden;
          width: 100%;
          min-width: 6.25rem; }
          @media screen and (min-width: 768px) {
            .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .product-amount-wrapper {
              max-width: 7rem; } }
          .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .product-amount-wrapper .product__amount {
            border: 0;
            border-radius: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            min-height: 3.1875rem;
            font-size: 0.9375rem;
            color: var(--color-dark-text);
            padding: 0.5rem 1.5rem 0.5rem 1.25rem;
            box-shadow: none;
            font-weight: 500; }
          .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .product-amount-wrapper .qtyField__btn {
            width: 1rem;
            height: 1rem;
            border: 0;
            background-color: #f8f8f8;
            font-size: 15px;
            font-weight: 500;
            line-height: normal;
            right: 0.5rem;
            left: auto; }
            .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .product-amount-wrapper .qtyField__btn.up {
              color: var(--color-accent);
              top: 0.5rem; }
            .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .product-amount-wrapper .qtyField__btn.down {
              color: #bbbfc6;
              bottom: 0.5rem; }
          .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .product-amount-wrapper .product__unit {
            height: 100%;
            font-size: 0.9375rem;
            color: var(--color-dark-text);
            font-weight: 500;
            padding: 0;
            min-width: 1.5rem;
            border: 0;
            border-radius: 0;
            background-color: #ffffff;
            line-height: 1;
            top: 50%;
            transform: translateY(-50%);
            right: 1.5rem;
            padding-right: 0.75rem;
            display: flex;
            align-items: center; }
        .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .btn--buy {
          font-size: 0.8125rem;
          font-weight: 700;
          width: 100%;
          height: 100%;
          max-width: unset;
          padding: 0.75rem 1.5rem;
          border-radius: 0 6.25rem 6.25rem 0; }
          @media screen and (min-width: 768px) {
            .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .btn--buy {
              padding-inline: 3rem; } }
          .product .row--productContentInfo .product__priceWrapper .purchase:not(.product__alternatives .purchase) .product__addToCart .btn--buy .icon-basket {
            display: none; }
    .product .row--productContentInfo .product__alternatives {
      margin-top: 0; }
      .product .row--productContentInfo .product__alternatives > h2 {
        display: none !important; }
      .product .row--productContentInfo .product__alternatives .productList--related {
        margin-inline: 0;
        border-top: 0;
        margin-bottom: 2rem; }
      .product .row--productContentInfo .product__alternatives .jcarousel {
        width: 100%;
        margin-inline: 0; }
        .product .row--productContentInfo .product__alternatives .jcarousel::before, .product .row--productContentInfo .product__alternatives .jcarousel::after {
          display: none; }
        .product .row--productContentInfo .product__alternatives .jcarousel ul {
          width: 100%;
          display: flex;
          flex-direction: column;
          border: 0; }
          .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item {
            width: 100%;
            padding: 0; }
            .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner {
              display: grid;
              grid-template-columns: 3rem 1fr;
              gap: 0.25rem 1rem; }
              @media screen and (min-width: 540px) {
                .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner {
                  grid-template-columns: 4rem 1fr max-content;
                  align-items: center; } }
              @media screen and (min-width: 768px) {
                .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner {
                  column-gap: 2rem; } }
              .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .img-popup {
                grid-row: 1 / 4; }
                @media screen and (min-width: 768px) {
                  .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .img-popup {
                    grid-row: 1 / 3; } }
              .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner img {
                position: static;
                transform: none; }
              .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .productList__title {
                margin-block: 0;
                text-align: left; }
              .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .productList__price {
                margin-top: 0;
                text-align: left; }
              .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .product-amount-wrapper {
                display: none; }
              .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .purchase {
                text-align: left; }
                @media screen and (min-width: 540px) {
                  .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .purchase {
                    grid-area: 1 / 3 / 3 / 4;
                    text-align: right; } }
                .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .purchase .btn, .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .purchase .row--homepage-offers--action .js-carousel-offers .tab-accord-link, .row--homepage-offers--action .js-carousel-offers .product .row--productContentInfo .product__alternatives .jcarousel ul .productList__item .productList__inner .purchase .tab-accord-link {
                  margin-top: 0; }
  .product__description > h2 {
    font-size: 1.5rem; }
  .product__description h3 {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
    line-height: 1.66; }
  @media screen and (min-width: 768px) {
    .product__description p,
    .product__description ul {
      margin-bottom: 1.25rem; } }
  .product .product__files__heading {
    display: none; }
  @media screen and (min-width: 768px) {
    .product .files {
      margin-top: 2rem; } }
  .product__reviews .border {
    font-weight: 700; }

.rating .review-stars-mini {
  width: max-content; }

.rating .icon-star {
  line-height: 1;
  margin-inline: 0.1875rem; }
  .rating .icon-star.active::before {
    color: #ffd736; }

.review--summary {
  background-color: #f8f8f8;
  padding: 1.5rem;
  margin-bottom: 2rem;
  border: 0; }
  @media screen and (min-width: 768px) {
    .review--summary {
      padding: 2rem; } }
  @media screen and (min-width: 1400px) {
    .review--summary {
      padding: 2.5rem; } }
  .review--summary .review__summary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 1.5rem; }
    @media screen and (min-width: 768px) {
      .review--summary .review__summary {
        justify-content: space-between; } }
    .review--summary .review__summary h2 {
      font-size: 1.125rem;
      margin-bottom: 0; }
    .review--summary .review__summary__stars {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 1.25rem; }
      .review--summary .review__summary__stars .review__score {
        font-size: 1.25rem;
        color: var(--color-dark-text);
        line-height: normal; }
        @media screen and (min-width: 768px) {
          .review--summary .review__summary__stars .review__score {
            font-size: 1.625rem; } }
        @media screen and (min-width: 1200px) {
          .review--summary .review__summary__stars .review__score {
            font-size: 1.875rem; } }
      .review--summary .review__summary__stars .rating--summary {
        margin: 0 0 0.125rem 0;
        display: flex;
        flex-direction: row;
        align-items: center; }
        @media screen and (min-width: 768px) {
          .review--summary .review__summary__stars .rating--summary {
            margin-bottom: 0.25rem; } }
        .review--summary .review__summary__stars .rating--summary .icon-star::before {
          font-size: 14px; }
  .review--summary .review__links {
    --_gap: 1rem;
    margin-top: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #e4e4e4;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem var(--_gap); }
    @media screen and (min-width: 768px) {
      .review--summary .review__links {
        justify-content: flex-end; } }
    .review--summary .review__links span {
      font-weight: 600;
      font-size: 0.75rem; }
      .review--summary .review__links span:not(:last-child) {
        padding-right: var(--_gap);
        position: relative; }
        .review--summary .review__links span:not(:last-child)::before {
          position: absolute;
          content: "";
          top: 50%;
          right: 0;
          width: 0.0625rem;
          height: 1rem;
          background-color: #dfdfdf;
          transform: translateY(-50%); }
    .review--summary .review__links a {
      text-decoration: underline; }
      @media screen and (min-width: 768px) {
        .review--summary .review__links a:hover {
          text-decoration: none; } }

.review--user {
  background-color: transparent;
  border-width: 0 0 0 1px;
  padding: 0 1.5rem;
  margin-bottom: 1.75rem; }
  @media screen and (min-width: 768px) {
    .review--user {
      padding-inline: 2rem; } }
  .review--user .review__top {
    margin-block: 0.25rem 0;
    border: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
    line-height: normal; }
    .review--user .review__top span {
      margin-right: 0; }
    .review--user .review__top .icon-star::before {
      font-size: 11px; }
    .review--user .review__top .review__datetime {
      color: #727272;
      font-size: 0.75rem;
      font-weight: 500; }

.form--review .star-holder .user-review-stars:not(.active)::before {
  color: #666666; }

.form--review .star-holder .user-review-stars.active::before {
  color: #ffd736; }

.row--logos {
  position: relative;
  width: 100vw;
  margin-left: 0;
  margin-right: 0;
  max-width: 100vw;
  left: calc(-50vw + 50%);
  background-color: #f8f8f8;
  padding-block: 2rem; }
  @media screen and (min-width: 1920px) {
    .row--logos {
      max-width: 1920px;
      left: 50%;
      transform: translateX(-50%); } }
  @media screen and (min-width: 1200px) {
    .row--logos {
      padding-block: 3rem; } }
  .row--logos__inner {
    margin-bottom: 0;
    padding-inline: var(--layout-wide-padding-inline); }
    .row--logos__inner ul {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: center;
      justify-items: center;
      padding-left: 0;
      margin-bottom: 0;
      gap: 1.25rem; }
      @media screen and (min-width: 544px) {
        .row--logos__inner ul {
          grid-template-columns: repeat(3, 1fr); } }
      @media screen and (min-width: 768px) {
        .row--logos__inner ul {
          grid-template-columns: repeat(6, 1fr); } }
      @media screen and (min-width: 1200px) {
        .row--logos__inner ul {
          gap: 4rem; } }
      .row--logos__inner ul li {
        list-style: none; }
        .row--logos__inner ul li::before {
          display: none; }
        @media screen and (min-width: 768px) {
          .row--logos__inner ul li a:hover img {
            opacity: 1;
            filter: grayscale(0%); } }
        .row--logos__inner ul li img {
          width: 100%;
          max-width: 6rem;
          object-fit: contain;
          opacity: 0.3;
          mix-blend-mode: multiply;
          filter: grayscale(100%); }
          @media screen and (min-width: 768px) {
            .row--logos__inner ul li img {
              transition: var(--transition); } }
          @media screen and (min-width: 1200px) {
            .row--logos__inner ul li img {
              max-width: 7.5rem; } }

.footer {
  overflow-x: hidden; }
  .footer:not(.homepage .footer) {
    background-color: #f8f8f8; }
  .homepage .footer .row--logos {
    display: none; }
  .footer .row--logos__inner {
    max-width: var(--layout-max-width-lg); }
  .footer__top, .footer__middle, .footer__bottom {
    padding-inline: var(--layout-padding-inline); }
    @media screen and (min-width: 1200px) {
      .footer__top, .footer__middle, .footer__bottom {
        padding-inline: var(--layout-wide-padding-inline); } }
    .footer__top > .container, .footer__middle > .container, .footer__bottom > .container {
      padding-inline: 0; }
  .footer__top {
    --_newsletter-max-height: 11.25rem;
    max-width: 74.5rem;
    margin-inline: auto;
    padding-block: 2rem;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .footer__top::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 5%;
        width: 8.125rem;
        height: 6.125rem;
        transform: translateY(-50%);
        background-image: url(../img/symbol.svg);
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        z-index: 2; } }
    @media screen and (min-width: 768px) {
      .footer__top {
        padding-block: 3rem; } }
    @media screen and (min-width: 1200px) {
      .footer__top {
        margin-bottom: -3.5rem; } }
    @media screen and (min-width: 1540px) {
      .footer__top {
        height: var(--_newsletter-max-height);
        margin-bottom: calc(var(--_newsletter-max-height) / -2);
        align-content: center; } }
    @media screen and (min-width: 768px) {
      .footer__top > .container {
        position: relative;
        z-index: 3; } }
  @media (max-width: 767px) {
    .footer__middle, .footer__bottom {
      text-align: center; } }
  .footer__middle > .container, .footer__bottom > .container {
    max-width: calc(
 var(--layout-max-width-lg) - var(--layout-wide-padding-inline) * 2); }
  @media screen and (min-width: 992px) {
    .footer__middle {
      padding-block: 5rem 2.5rem; } }
  @media screen and (min-width: 1200px) {
    .footer__middle {
      padding-block: 9rem 2.5rem; } }
  @media screen and (min-width: 1540px) {
    .footer__middle {
      padding-block: 12.5rem 2.5rem; } }
  .footer__middle .row {
    margin-inline: -1rem; }
    .footer__middle .row > div {
      padding-inline: 1rem;
      margin-bottom: 3rem; }
      @media screen and (min-width: 992px) {
        .footer__middle .row > div {
          margin-bottom: 0; } }
      .footer__middle .row > div:last-child {
        margin-bottom: 0; }
      @media screen and (min-width: 768px) {
        .footer__middle .row > div:nth-last-child(2) {
          margin-bottom: 0; } }
  .footer__middle .footerBox__heading {
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 1200px) {
      .footer__middle .footerBox__heading {
        margin-bottom: 2rem; } }
  .footer__middle .footerBox h2 {
    font-size: 1.5rem;
    line-height: 1.25; }
    @media screen and (min-width: 1200px) {
      .footer__middle .footerBox h2 {
        font-size: 2rem; } }
  .footer__middle .footerBox h3 {
    font-size: 1.25rem;
    line-height: 1.6; }
    @media screen and (min-width: 1200px) {
      .footer__middle .footerBox h3 {
        font-size: 1.5rem; } }
  @media screen and (min-width: 768px) {
    .footer__middle .footerBox__text > * {
      margin-bottom: 1.25rem; } }
  .footer__middle .footerBox__text > *:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 992px) {
    .footer__middle .footerBox ul {
      margin-bottom: 2.25rem; } }
  .footer__middle .footerBox ul li {
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-left: 0;
    line-height: 1.6; }
    .footer__middle .footerBox ul li::before {
      display: none; }
  .footer__middle .footerBox .btn-link {
    font-weight: 600; }
  .footer__middle .footerBox p {
    max-width: 19rem;
    line-height: 1.8; }
    @media (max-width: 767px) {
      .footer__middle .footerBox p {
        margin-inline: auto; } }
    @media screen and (min-width: 992px) {
      .footer__middle .footerBox p:has(.btn-link) {
        margin-top: 2.5rem; } }
  .footer__middle .footerBox a[href*="mailto"] {
    color: var(--color-accent); }
  .footer__middle .footerBox a[href*="tel"] {
    margin-left: 0.5rem; }
  .footer__middle .footerBox a[href*="tel"] strong,
  .footer__middle .footerBox strong a[href*="mailto"] {
    font-weight: 600; }
  .footer__middle .footerBox .icon__wrapper {
    margin-top: 1.5rem; }
    @media screen and (min-width: 992px) {
      .footer__middle .footerBox .icon__wrapper {
        margin-top: 2rem; } }
    @media screen and (min-width: 768px) {
      .footer__middle .footerBox .icon__wrapper a {
        transition: var(--transition); } }
    @media screen and (min-width: 768px) {
      .footer__middle .footerBox .icon__wrapper a:hover {
        opacity: 0.7; } }
    .footer__middle .footerBox .icon__wrapper a:not(:last-child) {
      margin-right: 1.25rem; }
  @media screen and (min-width: 768px) {
    .footer__bottom {
      padding-block: 2rem; } }
  @media screen and (min-width: 1200px) {
    .footer__bottom {
      padding-block: 4rem; } }
  @media screen and (min-width: 1540px) {
    .footer__bottom {
      padding-bottom: 6.5rem; } }

.hr--homepage {
  position: relative;
  width: 100vw;
  margin: 0;
  max-width: 100vw;
  left: calc(-50vw + 50%);
  border-top: 1px solid #e6e6e6; }

.files {
  border: 0;
  display: grid;
  row-gap: 0.5rem;
  margin-bottom: 1rem; }
  @media screen and (min-width: 768px) {
    .files {
      margin-bottom: 2rem; } }
  .files .file {
    background-color: #312783;
    color: #ffffff;
    padding: .625rem 1rem;
    border-radius: 6.25rem;
    transition: var(--transition);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem .625rem;
    position: relative; }
    @media screen and (min-width: 768px) {
      .files .file {
        padding-inline: 2rem; } }
    @media screen and (min-width: 768px) {
      .files .file:hover {
        background-color: #2a216f; } }
    .files .file:hover .icon::before {
      color: #00d5aa; }
    .files .file .icon {
      font-size: 14px;
      padding-inline: .25rem; }
      .files .file .icon::before {
        color: inherit;
        font-size: inherit;
        transition: var(--transition); }
    .files .file__name {
      color: inherit;
      font-size: 0.8125rem;
      font-weight: 700;
      letter-spacing: 0.26px;
      text-decoration: none; }
      .files .file__name::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .files .file__ext, .files .file__size {
      font-weight: 400;
      letter-spacing: 0.22px;
      font-size: .6875rem !important; }

.topFoto {
  position: relative;
  height: min-content;
  background-image: url(../img/topfoto.jpg);
  background-color: #312783;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  max-width: 106.25rem;
  margin-inline: auto;
  overflow: hidden; }
  @media screen and (min-width: 1200px) {
    .topFoto {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: flex-end;
      min-height: 17.75rem; } }
  .topFoto::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1; }
  .topFoto::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.6) 70%); }
  .topFoto .banner--underTitle {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-bottom: 0; }
    .topFoto .banner--underTitle .banner__link,
    .topFoto .banner--underTitle .banner__img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .topFoto--text {
    position: relative;
    bottom: 0;
    z-index: 4;
    padding-inline: 0;
    max-width: unset;
    width: 100%; }
    @media screen and (min-width: 992px) {
      .topFoto--text {
        padding-inline: 1.5rem; } }
    .topFoto--text-title {
      display: block;
      color: white;
      text-align: center;
      font-size: 2.25rem;
      font-weight: 700;
      padding-block: 2rem 1.75rem;
      line-height: 1.2; }
      @media screen and (min-width: 768px) {
        .topFoto--text-title {
          padding-block: 3.5rem 2.5rem; } }
      @media screen and (min-width: 992px) {
        .topFoto--text-title {
          font-size: 2.5rem; } }
      @media screen and (min-width: 1200px) {
        .topFoto--text-title {
          font-size: 2.75rem;
          padding-bottom: 3.5rem; } }
      @media screen and (min-width: 1540px) {
        .topFoto--text-title {
          font-size: 3.25rem;
          padding-bottom: 5rem; } }

.page--Checkout .mainWrapper {
  margin-bottom: 3rem; }

.checkoutList__item--name {
  font-weight: 700; }