@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");@import url("https://fonts.googleapis.com/css?family=Marko+One");@import url("https://fonts.googleapis.com/css?family=Righteous");/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
}
.placeholder-template {
  display: block;
  margin: 3px;
  color: #f00;
}
h1,
.h1 {
  font-size: 2em;
}
h2,
.h2 {
  font-size: 1.5em;
}
h3,
.h3 {
  font-size: 1.1em;
}
h1 a,
h2 a,
h1 a:hover,
h2 a:hover {
  color: inherit;
  text-decoration: none;
}
html {
  color: #333;
}
label span {
  display: block;
}
#wrapper,
.header-nav,
.header-top,
a.logo {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 1200px) {
  #wrapper,
  .header-nav,
  .header-top,
  a.logo,
  aside#notifications {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (min-width: 1800px) {
  #wrapper,
  .header-nav,
  .header-top,
  a.logo,
  aside#notifications {
    padding-left: 350px;
    padding-right: 350px;
  }
}
.header-banner {
  text-align: center;
  background-color: #000;
}
.header-nav {
  text-align: right;
  background-color: #666;
  margin-bottom: 20px;
  font-size: 0;
}
.header-nav > * {
  display: inline-block;
  font-size: 1rem;
}
.header-nav::after {
  clear: both;
  content: "\A0";
  font-size: 0px;
}
.header-top {
  margin-top: 10px;
  margin-bottom: 10px;
}
.header-top::after {
  clear: both;
  content: "\A0";
  font-size: 0px;
}
#header::after {
  clear: both;
  content: "\A0";
  font-size: 0px;
}
#wrapper {
  clear: both;
}
#content-wrapper.left-column {
  margin-left: 25%;
}
#content-wrapper.right-column {
  margin-right: 25%;
}
#left-column {
  float: left;
  width: 25%;
}
#right-column {
  float: right;
  width: 25%;
}
label.radio-block {
  display: block;
}
.form-fields label.-required > span {
  font-weight: bold;
}
.form-fields label.-required > span:after {
  content: " *";
}
.form-fields input[type=checkbox] + span {
  display: inline;
}
.form-fields textarea {
  max-width: 100%;
}
.cart-preview {
  float: right;
  position: relative;
}
.cart-preview a,
.cart-preview a:hover,
.cart-preview a:visited {
  text-decoration: none;
  color: none;
}
.cart-preview .header {
  display: block;
  font-weight: bold;
  border: 1px solid #808080;
  padding: 5px;
  cursor: pointer;
  background-color: #fff;
}
.cart-preview .body {
  display: none;
  width: 400px;
  background-color: #fff;
  right: 0;
}
.cart-preview.cart-overview {
  width: 100%;
  position: inherit;
}
.cart-preview.cart-overview .body {
  display: block;
  position: inherit;
  width: 100%;
}
.cart-preview .header > :first-child {
  float: left;
}
.cart-preview .header > :last-child {
  float: right;
}
.cart-preview .header::after,
.cart-preview .cart-totals > div::after {
  clear: both;
  content: "\A0";
}
.cart-preview .body {
  border: 1px solid #808080;
  padding: 2px;
}
.cart-preview ul {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cart-preview li {
  list-style: none;
}
.cart-preview li > * {
  display: inline-block;
  vertical-align: middle;
}
.cart-preview li .product-quantity {
  color: #666;
  width: 10%;
}
.cart-preview .product-quantity::after {
  content: '';
}
.cart-preview li .product-name,
.cart-preview li .product-price,
.cart-preview li .remove-from-cart {
  text-indent: 100%;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  width: 2em;
  white-space: nowrap;
  float: right;
}
.cart-preview li .product-name::before,
.cart-preview li .product-price::before,
.cart-preview li .remove-from-cart::before {
  content: 'X';
  text-indent: 0px;
  border: 1px solid #ccc;
  border-radius: 100%;
  width: 1em;
  height: 1em;
  padding: 2px;
  text-align: center;
  background-color: #333;
  color: #fff;
  float: left;
}
.cart-preview .cart-totals .label {
  float: left;
}
.cart-preview .cart-totals .value {
  float: right;
}
.cart-preview .cart-totals > div {
  clear: both;
  border-bottom: 1px solid #ccc;
}
.cart-preview .cart-totals > div:not(:last-child) {
  margin-bottom: 5px;
}
.cart-totals .label {
  font-weight: bold;
}
.customizations {
  margin-top: 5px;
  margin-left: 15%;
  padding: 5px;
  border: 1px solid #808080;
  width: 70%;
}
.customizations ul {
  margin: 0;
}
.customizations label {
  font-weight: bold;
}
.language-selector {
  width: 200px;
  text-align: center;
}
.language-selector,
.currency-selector {
  display: inline-block;
  position: relative;
  border: 1px solid #808080;
  padding: 5px;
  background-color: #fff;
  cursor: pointer;
  z-index: 100;
}
.language-selector a,
.currency-selector a,
.language-selector a:visited,
.currency-selector a:visited {
  display: block;
  text-decoration: none;
  color: #333;
}
.language-selector ul,
.currency-selector ul {
  display: none;
  position: absolute;
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: calc(100% + 2px);
  left: -1px;
  top: 100%;
}
.language-selector:hover ul,
.currency-selector:hover ul {
  display: block;
}
.language-selector li,
.currency-selector li {
  cursor: pointer;
  list-style: none;
  display: block;
  padding: 5px;
  border: 1px solid #808080;
}
.language-selector li:not(:first-child),
.currency-selector li:not(:first-child) {
  border-top: 0px;
}
.language-selector li:hover,
.currency-selector li:hover {
  background-color: #666;
}
.language-selector li:hover a,
.currency-selector li:hover a {
  color: #fff;
}
.language-selector li.current,
.currency-selector li.current {
  font-style: italic;
}
.user-info {
  font-size: 0;
}
.user-info > * {
  font-size: 1rem;
}
.user-info a,
.user-info a:visited,
.user-info a:hover {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #808080;
}
.menu {
  float: left;
}
.menu a,
.menu a:visited {
  text-decoration: none;
  color: #333;
  font-size: 1.2em;
  padding: 5px;
  display: block;
}
.menu a:hover,
.menu li.current > a {
  background-color: #666;
  color: #fff;
}
.menu > ul > li {
  display: inline-block;
  vertical-align: top;
}
.menu > ul > li:not(:first-child),
.menu > ul > li > a {
  background-color: #fff;
}
.menu > ul > li > div {
  border: 1px solid #808080;
  display: none;
  position: absolute;
  z-index: 1337;
  background-color: #fff;
}
.menu > ul > li:hover > div {
  display: block;
}
.menu li {
  list-style: none;
}
.menu ul {
  margin: 0;
}
.menu ul[data-depth="0"],
.menu ul[data-depth="1"] {
  padding: 0px;
}
a.add-to-cart,
a.add-to-cart:hover {
  display: inline-block;
  margin: 5px;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
  padding: 5px;
  background-color: #90ee90;
  font-weight: bold;
}
.category-cover img {
  width: 100%;
}
.subcategories > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.product-miniature,
.category-miniature,
.subcategories > ul > li {
  overflow: hidden;
  max-width: 300px;
  text-align: center;
  flex-grow: 1;
}
.category-miniature img {
  max-width: 100%;
}
.category-miniature .category-description {
  text-align: left;
}
.products {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .products,
  .subcategories > ul {
    justify-content: space-around;
  }
  .product-miniature {
    margin-left: 25px;
  }
}
.product-miniature {
  max-width: 420px;
  text-align: center;
  border: 1px solid #808080;
  padding: 15px;
  flex-grow: 1;
  margin-bottom: 25px;
}
.product-miniature img {
  max-width: 100%;
}
.regular-price {
  text-decoration: line-through;
  color: #ccc;
}
.discount-percentage {
  display: inline-block;
  padding: 5px;
  color: #fff;
  background-color: #f00;
  font-weight: bold;
}
.variant-links a,
.variant-links a:hover {
  text-decoration: none;
  color: inherit;
}
.variant-links a.color {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 24px;
  height: 24px;
  border: 1px solid #808080;
}
ul.product-labels {
  margin: 0;
  padding: 0;
}
ul.product-labels li {
  list-style: none;
  display: inline-block;
  margin: 5px;
  text-transform: capitalize;
}
.product-availability.available {
  color: #008000;
  font-weight: bold;
}
.product-availability.unavailable {
  color: #f00;
  font-weight: bold;
}
.products-sort-by a,
.products-sort-by a:hover {
  text-decoration: none;
  color: inherit;
}
.products-sort-by ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.products-sort-by li {
  list-style: none;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.product-description-short {
  text-align: left;
}
.products-sort-by li.current {
  font-weight: bold;
}
.products-sort-by a:hover {
  font-style: italic;
}
.products-sort-by li.current a:hover {
  font-style: inherit;
  cursor: default;
}
body#checkout {
  margin: auto;
}
.address-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.address-selector .address-item {
  width: 220px;
  background-color: #d4d4d4;
  padding: 15px;
  margin-top: 30px;
}
#checkout-cart-summary {
  float: right;
  width: 30%;
}
.checkout-step {
  width: 90%;
}
#conditions-to-approve {
  margin-top: 5px;
  margin-bottom: 10px;
}
#conditions-to-approve ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#conditions-to-approve ul li {
  padding: 10px;
  border-bottom: 1px solid #808080;
  margin-bottom: 5px;
  width: 50%;
}
#conditions-to-approve ul li label {
  cursor: pointer;
}
#conditions-to-approve button {
  padding: 5px;
  margin: 5px;
}
.payment-options,
.delivery-options,
.order-options {
  max-width: 50%;
}
.order-options label {
  margin-top: 10px;
}
.payment-option,
.delivery-option {
  padding-left: 10px;
  margin-top: 5px;
  background-color: #fff;
}
.payment-option label,
.delivery-option label {
  cursor: pointer;
}
.payment-option label span,
.delivery-option label span {
  text-align: center;
  margin: 10px;
}
.payment-option,
.delivery-option,
.payment-option label,
.delivery-option label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.payment-option label,
.delivery-option label {
  flex-grow: 1;
}
.payment-option label span,
.delivery-option label span {
  flex-grow: 1;
}
#payment-confirmation button,
#payment-confirmation label {
  margin-top: 5px;
  display: inline-block;
  cursor: pointer;
  padding: 15px;
  margin-top: 15px;
  background-color: #90ee90;
  border: 1px solid #000;
  color: #000;
}
#payment-confirmation button:disabled,
#payment-confirmation label:disabled {
  background-color: #f00;
  cursor: default;
}
.payment-options .warning {
  color: #ffa500;
}
.selected-payment-option,
[name="select_payment_option"] {
  min-width: 80px;
}
.selected-payment-option {
  background-color: #90ee90;
  border: 1px solid #000;
  color: #000;
}
.checkout-step .content {
  display: none;
}
.checkout-step.-reachable > h1 {
  cursor: pointer;
}
.checkout-step.-complete > h1 {
  color: #b1b1b1;
}
.checkout-step.-current .content {
  display: block;
}
.checkout-step .step-number {
  margin-right: 5px;
}
#product ul.product-images {
  width: 100%;
  overflow: auto;
  padding: 0;
}
#product ul.product-images li {
  list-style: none;
  float: left;
}
#product ul.product-images li:not(:first-child) {
  margin-left: 5px;
}
#product ul.product-images li img {
  border-bottom: none;
}
#product .product-cover,
#product .images-container,
#product #product-reference,
#product #product-condition {
  display: block;
  text-align: right;
  margin: 0;
  margin-right: 20px;
}
#product .product-cover label,
#product .images-container label,
#product #product-reference label,
#product #product-condition label {
  display: inline;
  font-weight: bold;
}
#product .product-information {
  float: left;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}
#product .product-actions ul {
  margin: 0;
  list-style: none;
}
#product .product-actions .product-price {
  text-align: center;
}
#product .product-actions .product-price span {
  display: block;
  font-weight: bold;
  font-size: 25px;
}
#product .product-actions form:first-child input[type="submit"] {
  float: right;
}
#product .product-actions +* {
  clear: both;
}
#product .product-variants label {
  display: inline;
}
#product .product-variants > div > label + * {
  float: right;
}
#product .product-variants > div {
  margin-bottom: 20px;
  clear: both;
}
#product .product-quantity label {
  margin-bottom: 0;
}
#product .add-to-cart {
  margin-left: 5px;
}
#product .product-discounts {
  clear: both;
}
#product .product-discounts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#product .product-discounts ul li {
  background-color: #fff;
  margin-bottom: 5px;
  padding: 5px;
  border-bottom: 1px solid #808080;
}
#product #product-quantities,
#product #product-availability {
  font-weight: bold;
}
#product .product-customization {
  padding-top: 0;
}
#product .product-customization form {
  background-color: #fff;
  padding: 5px;
}
#product .product-customization textarea {
  width: calc(100% - 200px - 10px);
}
#product .product-customization ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#product .product-customization ul li {
  margin-bottom: 5px;
}
#product .product-customization ul img {
  border: 1px solid #808080;
}
#product .product-customization ul label {
  font-weight: bold;
  width: 200px;
  display: inline-block;
  vertical-align: top;
}
#product .product-customization ul input[type=file] {
  display: block;
  margin-left: 200px;
}
#product .product-customization ul .remove-image {
  text-indent: 100%;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  width: 2em;
  white-space: nowrap;
  vertical-align: top;
}
#product .product-customization ul .remove-image::before {
  content: 'X';
  text-indent: 0px;
  border: 1px solid #ccc;
  border-radius: 100%;
  width: 1em;
  height: 1em;
  padding: 2px;
  text-align: center;
  background-color: #333;
  color: #fff;
  float: left;
}
#product .product-features ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#product .product-features ul li {
  margin-bottom: 5px;
  padding: 5px;
  background-color: #fff;
  border-bottom: 1px solid #808080;
}
#notifications {
  margin-top: 5px;
}
.notification {
  padding: 15px;
}
.notification-danger {
  background: #f2dede;
  border: #ebccd1;
}
.notification-warning {
  background: #fcf8e3;
  border: #faebcc;
}
.notification-success {
  background: #dff0d8;
  border: #d6e9c6;
}
.notification-info {
  background: #d9edf7;
  border: #bce8f1;
}
.ps-shown-by-js {
  display: none;
}
.-ps-hidden {
  display: none;
}
.brand {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #000;
}
.brand:last-child {
  border: 0;
}
.brand-img,
.brand-infos,
.brand-products {
  float: left;
}
.brand-img,
.brand-products {
  width: 20%;
}
.brand-infos {
  width: 60%;
}
table {
  width: 100%;
}
th,
td {
  border: 1px solid #000;
  padding: 5px;
}
th {
  background-color: #ccc;
}
.products-sort-order {
  margin-bottom: 5px;
}
.products-sort-order .current {
  font-weight: bold;
}
.products-sort-order a,
.products-sort-order a:visited {
  color: inherit;
  padding: 5px;
}
#search_filters select {
  width: 60%;
}
#search_filters span.magnitude {
  display: inline;
  color: #000;
}
#search_filters span.magnitude:before {
  content: "(";
}
#search_filters span.magnitude:after {
  content: ")";
}
#search_filters a,
#search_filters a:visited {
  color: inherit;
}
#search_filters .facet a {
  text-decoration: none;
}
#search_filters .facet a.active {
  font-weight: bold;
}
#search_filters .facet ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#search_filters .active_filters ul {
  padding-left: 20px;
}
/*# sourceMappingURL=css/st/dev.css.map */@charset "UTF-8";
/*
 ==========================================================================
                  |\/|  /\   |\/| |__) /  \     /\  |  \ \  /
                  |  | /~~\  |  | |__) \__/    /~~\ |__/  \/
==========================================================================
*/
/* <- IMPORT -> */
/*
##################################################################
                    ___    _
                     | __ |_) _  ___|_
                    _|_||||  (_) |  |_
##################################################################
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   #RESET
   ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/
      v2.0 | 20110126
      License: none (public domain)
   */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none; }

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

img {
  max-width: 100%;
  height: auto; }

/*
    ___                                            _
   / __\ __ __ _ _ __ ___   _____      _____  _ __| | __
  / _\| '__/ _` | '_ ` _ \ / _ \ \ /\ / / _ \| '__| |/ /
 / /  | | | (_| | | | | | |  __/\ V  V / (_) | |  |   <
 \/   |_|  \__,_|_| |_| |_|\___| \_/\_/ \___/|_|  |_|\_
*/
/* <- SETTING FRAMEWORK -> */
/*
▄████▄   ▒█████   ██▓     ▒█████   ██▀███
▒██▀ ▀█  ▒██▒  ██▒▓██▒    ▒██▒  ██▒▓██ ▒ ██▒
▒▓█    ▄ ▒██░  ██▒▒██░    ▒██░  ██▒▓██ ░▄█ ▒
▒▓▓▄ ▄██▒▒██   ██░▒██░    ▒██   ██░▒██▀▀█▄
▒ ▓███▀ ░░ ████▓▒░░██████▒░ ████▓▒░░██▓ ▒██▒
░ ░▒ ▒  ░░ ▒░▒░▒░ ░ ▒░▓  ░░ ▒░▒░▒░ ░ ▒▓ ░▒▓░
 ░  ▒     ░ ▒ ▒░ ░ ░ ▒  ░  ░ ▒ ▒░   ░▒ ░ ▒░
░        ░ ░ ░ ▒    ░ ░   ░ ░ ░ ▒    ░░   ░
░ ░          ░ ░      ░  ░    ░ ░     ░
░
*/
/* <- SETTING COLOR -> */
/*
  Web site link for combination of color:
- http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
- https://color.adobe.com/it/create/color-wheel/
*/
/*
 ______                 _
|  ____|               | |
| |__    ___    _ __   | |_   ___
|  __|  / _ \  | '_ \  | __| / __|
| |    | (_) | | | | | | |_  \__ |_|     \___/  |_| |_|  \__| |___/

   <- IMPORT WEB FONTS ->
 */
@font-face {
  font-family: "FSSiena-Regular";
  src: url("../fonts/FSSiena-Regular.eot");
  src: url("../fonts/FSSiena-Regular-.eot#iefix") format("embedded-opentype"), url("../fonts/FSSiena-Regular.woff") format("woff"), url("../fonts/FSSiena-Regular.ttf") format("truetype"), url("../fonts/FSSiena-Regular.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "FSSiena-SemiBold";
  src: url("../fonts/FSSiena-SemiBold.eot");
  src: url("../fonts/FSSiena-SemiBold-.eot#iefix") format("embedded-opentype"), url("../fonts/FSSiena-SemiBold.woff") format("woff"), url("../fonts/FSSiena-SemiBold.ttf") format("truetype"), url("../fonts/FSSiena-SemiBold.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "FSSiena-Bold";
  src: url("../fonts/FSSiena-Bold.eot");
  src: url("../fonts/FSSiena-Bold-.eot#iefix") format("embedded-opentype"), url("../fonts/FSSiena-Bold.woff") format("woff"), url("../fonts/FSSiena-Bold.ttf") format("truetype"), url("../fonts/FSSiena-Bold.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "FSSiena-Light";
  src: url("../fonts/FSSiena-Light.eot");
  src: url("../fonts/FSSiena-Light-.eot#iefix") format("embedded-opentype"), url("../fonts/FSSiena-Light.woff") format("woff"), url("../fonts/FSSiena-Light.ttf") format("truetype"), url("../fonts/FSSiena-Light.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
██████╗      ██████╗ ██╗   ██╗███████╗██████╗ ██╗███████╗███████╗
██╔═══██╗    ██╔═══██╗██║   ██║██╔════╝██╔══██╗██║██╔════╝██╔════╝
██║██╗██║    ██║   ██║██║   ██║█████╗  ██████╔╝██║█████╗  ███████╗
██║██║██║    ██║▄▄ ██║██║   ██║██╔══╝  ██╔══██╗██║██╔══╝  ╚════██║
╚█║████╔╝    ╚██████╔╝╚██████╔╝███████╗██║  ██║██║███████╗███████║
╚╝╚═══╝      ╚══▀▀═╝  ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═╝╚══════╝╚══════╝
*/
/* <- MEDIA QUERIES -> */
/*
   __,               __       __
  (         _,         )     /  )
   `.  , , (     ,   -/     /  /
 (___)(_/(__) (_/ ___/  o  (__/
              /
             '
*/
/* <- SUSY GRID -> */
/*
  _____  _                      __  _
 /  __ \| |                   / _|(_)
| /  \/| |  ___   __ _  _ __ | |_  _ __  __
| |    | | / _ \ / _` || '__||  _|| |\ \/ /
| \__/\| ||  __/| (_| || |   | |  | | >  <
 \____/|_| \___| \__,_||_|   |_|  |_|/_/\_*/
.clearfix:after, .clearfix:before {
  content: "" !important;
  display: table !important; }

.clearfix:after {
  clear: both !important; }

/* <- FORM STYLE -> */
/* <- HEADINGS -> */
h1 {
  font-size: 36px;
  font-size: 3.6rem; }

h2 {
  font-size: 28px;
  font-size: 2.8rem; }

h3 {
  font-size: 24px;
  font-size: 2.4rem; }

h4 {
  font-size: 20px;
  font-size: 2rem; }

h5 {
  font-size: 18px;
  font-size: 1.8rem; }

h6 {
  font-size: 16px;
  font-size: 1.6rem; }

/* <- LAYOUT ELEMENTS -> */
.l-wrap {
  max-width: 1120px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 1120px) {
    .l-wrap {
      width: 100%;
      padding: 0 10px;
      margin: 0 auto; } }

.col-3 {
  width: 23.72881%;
  height: auto; }

.col-5 {
  width: 40.67797%; }

.col-6 {
  width: 49.15254%; }

.col-7 {
  width: 57.62712%; }

.col-9 {
  width: 74.57627%; }

.gutterRigth {
  margin-right: 1.69492%; }

/***********************************************************/
/***********************************************************/
/* Portrait Kinlde Fire e Google Nexus 7 */
/* Desktops and laptops > Aggiusto il badge */
/* Desktops and laptops > Margine laterale ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */ }

/***********************************************************/
/***********************************************************/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */ }

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */ }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */ }

/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* Styles */ }

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* Styles */ }

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* Styles */ }

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  /* Styles */ }

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  /* Styles */ }

/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  /* Styles */ }

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  /* Styles */ }

/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */ }

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  /* Styles */ }

/* ----------- Galaxy S4, S5 and Note 3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */ }

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  /* Styles */ }

/* ----------- Galaxy S6 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
  /* Styles */ }

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
  /* Styles */ }

/***********************************************************/
/***********************************************************/
/* Portrait Kinlde Fire e Google Nexus 7 */
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */ }

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* Styles */ }

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  /* Styles */ }

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /* Styles */ }

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* ----------- Galaxy Tab 2 ----------- */
/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) {
  /* Styles */ }

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) {
  /* Styles */ }

/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape) {
  /* Styles */ }

/* ----------- Galaxy Tab S ----------- */
/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */ }

/***********************************************************/
/***********************************************************/
/* ----------- Apple Watch ----------- */
@media (max-device-width: 42mm) and (min-device-width: 38mm) {
  /* Styles */ }

/* <- END IMPORT -> */
/*
-------------------------------------------------------------------------
                          GENERIC STYLE OVERRIDE
-------------------------------------------------------------------------
*/
* {
  box-sizing: border-box; }

body {
  overflow-x: hidden; }

#header::after {
  clear: both;
  content: none;
  font-size: 0px; }

#wrapper {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

#notifications {
  display: none; }

#search_widget {
  display: inline-block;
  float: right;
  visibility: hidden; }

.plus-padding-top {
  padding-top: 20px; }

b {
  font-weight: bold; }

.title-section {
  text-align: center;
  font-family: "Righteous", cursive;
  font-size: 2.2em;
  text-transform: uppercase;
  color: #2D2A28; }
  @media (min-width: 768px) and (max-width: 960px) {
    .title-section {
      font-size: 1.9em; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .title-section {
      font-size: 1.7em; } }
  @media screen and (max-width: 480px) {
    .title-section {
      font-size: 1.5em; } }
  .title-section--secondary {
    text-align: center;
    font-family: "Righteous", cursive;
    font-size: 2.2em;
    text-transform: uppercase;
    color: #2D2A28;
    font-weight: normal;
    margin-bottom: 40px; }
    @media (min-width: 768px) and (max-width: 960px) {
      .title-section--secondary {
        font-size: 1.9em; } }
    @media (min-width: 480px) and (max-width: 768px) {
      .title-section--secondary {
        font-size: 1.7em; } }
    @media screen and (max-width: 480px) {
      .title-section--secondary {
        font-size: 1.5em; } }

.form-fields {
  display: block;
  width: 100%; }
  .form-fields label {
    display: block;
    margin-bottom: 10px; }
    .form-fields label span {
      display: block;
      font-family: "Lato", sans-serif;
      font-weight: normal;
      color: #2D2A28;
      margin-bottom: 10px; }
      .form-fields label span::after {
        display: inline;
        content: ':'; }
    .form-fields label input {
      display: block;
      width: 100%;
      margin: 0 auto;
      background: #FFFFFF;
      border: 1px solid #B3B3B3;
      padding: 10px 15px;
      font-family: "Lato", sans-serif;
      font-size: 1em;
      border-radius: 3px; }
      .form-fields label input::placeholder {
        font-style: italic;
        font-weight: 200;
        color: #626060; }
    .form-fields label select {
      display: block;
      width: 100%;
      margin: 0 auto;
      background: #FFFFFF;
      border: 1px solid #B3B3B3;
      padding: 10px 15px;
      font-family: "Lato", sans-serif;
      font-size: 1em;
      border-radius: 3px; }
      .form-fields label select::placeholder {
        font-style: italic;
        font-weight: 200;
        color: #626060; }

.radio-field {
  display: block;
  width: 100%;
  font-family: "Lato", sans-serif;
  margin-bottom: 5px; }
  .radio-field label {
    display: inline-block;
    color: #626060;
    margin: 0 10px; }
    .radio-field label span {
      display: block;
      font-family: "Lato", sans-serif;
      font-weight: normal;
      color: #2D2A28;
      margin-bottom: 10px; }
    .radio-field label input {
      display: inline-block;
      width: auto;
      margin: 0 auto;
      background: #FFFFFF;
      border: none;
      padding: 8px 10px;
      font-family: "Lato", sans-serif;
      font-size: 1em; }
      .radio-field label input::placeholder {
        font-style: italic;
        font-weight: 200;
        color: #626060; }

.checkbox-field {
  display: block;
  width: 100%;
  margin: 20px 0;
  text-align: left; }
  .checkbox-field span {
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-weight: normal;
    color: #B3B3B3;
    font-size: 0.9em; }
  .checkbox-field input {
    display: inline-block;
    margin: 0 auto;
    background: #FFFFFF;
    border: none;
    margin-right: 10px; }

.form-footer {
  text-align: center; }
  .form-footer__btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-family: "Lato", sans-serif;
    color: white;
    font-size: 1.1em;
    text-align: center;
    padding: 25px 5px;
    letter-spacing: 1px;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    margin-top: 40px;
    background-image: linear-gradient(-180deg, #2475A9 0%, #104170 100%); }

.form-errors {
  font-family: "Lato", sans-serif;
  color: #771820;
  font-size: 1.1em; }

.breadcrumb ol {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 0.9em; }
  @media screen and (max-width: 480px) {
    .breadcrumb ol {
      font-size: 0.8em; } }
  .breadcrumb ol li {
    display: inline-block;
    vertical-align: middle; }
    .breadcrumb ol li a {
      color: #2D2A28;
      text-decoration: none; }
      .breadcrumb ol li a span {
        padding: 0 5px;
        font-family: "FSSiena-Light", serif; }
  .breadcrumb ol li:last-of-type a span {
    font-family: "FSSiena-Regular", serif; }
  .breadcrumb ol li:not(:last-of-type)::after {
    content: '/'; }

/*.......................................................................*/
.header {
  display: block;
  margin: 0 auto;
  width: 100%;
  background: #2D2A28;
  box-shadow: 6px 7px 24px 1px rgba(107, 107, 107, 0.26);
  box-sizing: border-box;
  z-index: 999999999;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out; }
  .header__firstRow {
    display: none;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 0.85em;
    /* padding: 8px 0;  */
  }
    @media screen and (max-width: 480px) {
      .header__firstRow {
        display: none; } }
    .header__firstRow ul {
      display: block;
      width: 100%;
      text-align: right; }
      .header__firstRow ul li {
        display: inline-block;
        vertical-align: middle; }
        .header__firstRow ul li:nth-child(2) {
          margin-left: 40px; }
        .header__firstRow ul li a {
          text-decoration: none;
          color: #472400; }

.searchInput {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .searchInput__inputWrap {
    border: none;
    display: inline-block;
    vertical-align: middle;
    width: 400px; }
  .searchInput__input {
    border: none;
    width: 200px;
    float: right;
    display: inline-block;
    vertical-align: middle;
    font-family: "Lato", sans-serif;
    background: #ececec;
    height: 35px;
    padding: 0 50px 0 10px;
    border-radius: 4px 0 0 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out; }
    .searchInput__input:focus {
      width: 100%; }
  .searchInput__btn {
    display: inline-block;
    vertical-align: middle;
    border: none !important;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    margin-left: 0px;
    background-color: #febd69;
    background-image: none;
    border: none;
    width: 45px;
    height: 35px;
    box-sizing: border-box;
    position: relative;
    border-radius: 0 4px 4px 0; }
    .searchInput__btn:hover {
      background: #f3a847; }
    .searchInput__btn input {
      position: relative;
      display: block;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding: 0;
      margin: 0;
      cursor: pointer;
      outline: 0;
      color: #fff;
      background: 0 0;
      border: none;
      text-indent: -1000px;
      line-height: 1px;
      z-index: 99999; }
    .searchInput__btn span {
      position: absolute;
      top: 5px;
      left: 8px;
      width: 25px;
      height: 25px;
      background-image: url("../img/search_icon.svg");
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 0; }

.fix {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999999999999999;
  transition: 0.3s; }
  .fix .header__firstRow {
    display: none; }
  .fix .nav__logoContainer {
    bottom: -90px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
    .fix .nav__logoContainer .nav__logo {
      width: 50px;
      bottom: 0;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out; }

.nav-down {
  visibility: visible;
  display: block; }

.nav-up {
  top: -200px; }

.mainNav {
  display: block;
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  transition: 0.3s; }
  @media (min-width: 768px) and (max-width: 1120px) {
    .mainNav {
      width: 100%;
      padding: 0  30px; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .mainNav {
      width: 100%;
      padding: 20px 10px; } }
  @media screen and (max-width: 480px) {
    .mainNav {
      width: 100%;
      padding: 20px 10px; } }
  .mainNav__wrap {
    display: block;
    position: relative; }

.nav {
  display: inline-block;
  width: auto;
  text-align: right;
  position: relative;
  margin-left: 160px; }
  @media screen and (max-width: 768px) {
    .nav {
      display: none; } }
  .nav ul {
    display: block;
    width: auto;
    font-family: "FSSiena-Regular", serif;
    font-size: 1.1em;
    text-transform: uppercase;
    position: relative; }
  .nav__element {
    display: inline-block;
    vertical-align: middle;
    padding: 25px 20px; }
    @media screen and (max-width: 768px) {
      .nav__element {
        display: block;
        padding: 10px 0; } }
    .nav__element a {
      text-decoration: none;
      color: #FFFFFF; }
    .nav__element img {
      width: 100px; }
  .nav__images-container {
    display: inline-block;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    margin-right: 5px; }
    .nav__images-container img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .nav .nav a,
  .nav .nav a:visited {
    text-decoration: none;
    color: #333;
    font-size: 1.2em;
    padding: 5px;
    display: block; }
  .nav .nav__dropdown[data-depth="0"] {
    border-top: 4px solid #DBA82B;
    width: auto;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 1337;
    opacity: 0;
    background-color: #fff;
    transform: translateY(2em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
    .nav .nav__dropdown[data-depth="0"] ul[data-depth="1"] {
      display: flex;
      width: 100%;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      position: relative;
      align-items: flex-start;
      align-content: flex-start;
      padding: 20px;
      text-align: left; }
      .nav .nav__dropdown[data-depth="0"] ul[data-depth="1"] li {
        display: inline-block;
        padding: 0; }
        .nav .nav__dropdown[data-depth="0"] ul[data-depth="1"] li a {
          color: #2D2A28;
          font-size: 0.9em; }
  .nav .nav__dropdown[data-depth="1"] {
    margin-top: 15px; }
    .nav .nav__dropdown[data-depth="1"] ul[data-depth="2"] {
      display: block;
      width: 100%;
      font-family: "FSSiena-Light", serif;
      text-transform: uppercase;
      position: relative;
      padding: 0 5px;
      padding-top: 20px;
      border-top: 1px solid #F5F5F5;
      text-align: left; }
      .nav .nav__dropdown[data-depth="1"] ul[data-depth="2"] li {
        display: block;
        padding: 0;
        text-align: left;
        margin-bottom: 10px; }
        .nav .nav__dropdown[data-depth="1"] ul[data-depth="2"] li a {
          color: #7B7A79;
          font-size: 0.8em;
          text-transform: none; }
          .nav .nav__dropdown[data-depth="1"] ul[data-depth="2"] li a::before {
            content: '-';
            display: inline-block;
            margin-right: 5px;
            color: #626060;
            font-weight: normal; }
  .nav .nav__element:hover .nav__dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s; }
  .nav .nav .nav__element {
    list-style: none; }
  .nav .nav ul {
    margin: 0; }
  .nav .nav ul[data-depth="0"],
  .nav .nav .nav__element[data-depth="1"] {
    padding: 0px; }
  .nav a[data-depth="1"] {
    font-family: "FSSiena-SemiBold", serif; }
  .nav .nav__element[data-depth="1"]:not(:nth-child(1)) {
    margin-left: 40px; }
  .nav .nav__element[data-depth="0"]:hover {
    background: #424242; }
  .nav .nav__element[data-depth="0"]:hover a {
    color: #DBA82B; }
  .nav__logoContainer {
    position: absolute;
    padding: 30px 30px;
    left: 0;
    bottom: -90px;
    background: url("../img/logo_mask.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 bottom;
    z-index: 999999999999999999;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
    @media screen and (max-width: 768px) {
      .nav__logoContainer {
        display: none; } }
  @media screen and (min-width: 768px) {
    .nav__logoContainerMobile {
      display: none; } }
  .nav__logo {
    margin: 0 auto;
    width:50px;
    position: relative;
    bottom: 0px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
    @media screen and (max-width: 768px) {
      .nav__logo {
        width: 35px;
        bottom: -50px; } }
  .nav__logoMobile {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    top: -13px; }
    @media (min-width: 480px) and (max-width: 768px) {
      .nav__logoMobile {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        display: inline-block; } }

.open-navMobile {
  font-family: "FSSiena-Light", serif;
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 5px 8px;
  color: #FFFFFF;
  width: 30px;
  height: 30px;
  background-image: url("../img/icon_hamburger.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  float: right; }
  @media (min-width: 480px) and (max-width: 768px) {
    .open-navMobile {
      position: relative;
      top: 15px; } }
  @media screen and (min-width: 768px) {
    .open-navMobile {
      display: none; } }

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999999999999 !important;
  top: 0;
  right: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  background-image: url("../img/svg/logo_DeJaeger_background_checkout.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 140px; }
  .sidenav__title {
    position: absolute;
    top: 15px;
    left: 10px;
    font-family: "Righteous", cursive;
    text-transform: uppercase;
    font-size: 8em;
    color: rgba(0, 0, 0, 0.07);
    z-index: -1; }
  .sidenav .nav__ul {
    display: block;
    width: 100%;
    margin-top: 55px;
    z-index: 888888;
    box-sizing: border-box;
    padding-left: 30px;
    font-family: "FSSiena-Light", serif;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #2D2A28; }
  .sidenav .nav__ul [data-depth="1"] {
    display: block;
    width: 100%;
    z-index: 888888;
    box-sizing: border-box;
    padding-left: 10px;
    margin-top: 5px; }
  .sidenav .nav__dropdown[data-depth="0"] {
    position: relative;
    left: 50px;
    font-size: 1.2em; }
    .sidenav .nav__dropdown[data-depth="0"]:first-of-type {
      border-left: 3px solid #DBA82B; }
  .sidenav .nav__dropdown[data-depth="1"] {
    display: none; }
  .sidenav .nav__images-container {
    display: none; }

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #2D2A28;
  display: block;
  transition: 0.3s; }

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  font-family: "FSSiena-Light", serif;
  color: #2D2A28;
  font-size: 1.6em;
  text-transform: uppercase; }

#index {
  transition: margin-left .5s; }

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px; }
  .sidenav a {
    font-size: 18px; } }

.userInfo {
  vertical-align: middle;
  margin-left: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  /* position the top  edge of the element at the middle of the parent */
  right: 60px;
  display: flex;
  align-content: center;
  align-items: center;
  visibility: hidden; }
  @media (min-width: 480px) and (max-width: 768px) {
    .userInfo {
      right: 100px; } }
  @media screen and (max-width: 480px) {
    .userInfo {
      right: none;
      left: 0;
      margin-left: 0; } }
  .userInfo .login {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("../img/DeJaeger_user-login-mobile.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
    @media screen and (max-width: 480px) {
      .userInfo .login {
        width: 25px;
        height: 25px; } }
  .userInfo__wrap {
    float: none;
    position: relative; }
  .userInfo .body {
    display: none;
    width: 300px;
    background-color: #F8F8F8;
    border: none;
    right: 0;
    z-index: 100000000000000000 !important;
    border: none;
    box-shadow: 0 4px 13px 5px rgba(123, 123, 123, 0.3);
    padding: 0px; }
  .userInfo__preview header {
    display: block;
    background: #FFFFFF;
    padding: 15px 20px; }
    .userInfo__preview header p {
      color: #626060;
      font-family: "FSSiena-Light", serif;
      font-size: 1.1em; }
  .userInfo__preview ul {
    display: block;
    padding: 15px 20px;
    font-family: "FSSiena-Regular", serif;
    font-size: 1.1em; }
    .userInfo__preview ul li {
      display: block;
      margin: 10px 0; }
      .userInfo__preview ul li a {
        text-decoration: none;
        color: #2D2A28; }
  .userInfo__preview footer {
    display: block;
    padding: 15px 20px;
    border-top: 1px solid #DBDBDB; }

.userInfo:hover .body {
  display: block;
  position: absolute; }

.account {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle; }
  .account span {
    display: inline-block;
    color: #c8c8c8;
    font-family: "FSSiena-Light", serif;
    margin-right: 5px; }
  .account .user-name {
    font-family: "FSSiena-Regular", serif;
    color: #DBA82B;
    font-size: 1.2em; }

.logout {
  display: block;
  color: #626060;
  font-family: "FSSiena-Light", serif;
  text-decoration: none; }

.cartInfo {
  vertical-align: middle;
  margin-left: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  /* position the top  edge of the element at the middle of the parent */
  right: 0;
  display: flex;
  align-content: center;
  align-items: center;
  visibility: hidden; }
  @media (min-width: 480px) and (max-width: 768px) {
    .cartInfo {
      right: 50px; } }
  @media screen and (max-width: 480px) {
    .cartInfo {
      left: 40px;
      right: auto;
      margin-left: 0; } }

.cart-preview {
  float: none; }
  .cart-preview__header {
    display: block;
    font-weight: bold;
    border: none;
    padding: none;
    cursor: pointer;
    background-color: none;
    position: relative; }
    .cart-preview__header a {
      display: block;
      width: 30px;
      height: 30px;
      background-image: url("../img/DeJaeger_cart-mobile.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
      @media screen and (max-width: 480px) {
        .cart-preview__header a {
          width: 28px;
          height: 28px; } }
  .cart-preview__icon {
    display: block;
    width: 30px;
    height: 30px; }
  .cart-preview__numberQty {
    position: absolute;
    right: -12px;
    bottom: -8px;
    color: #2D2A28;
    background: #DBA82B;
    font-size: 1em;
    font-family: "FSSiena-Light", serif;
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    width: 23px;
    height: 23px;
    text-align: center;
    padding-top: 3px; }
    @media screen and (max-width: 480px) {
      .cart-preview__numberQty {
        font-size: 0.9em;
        padding-top: 4px; } }
  .cart-preview__emptyQty {
    position: absolute;
    right: -15px;
    bottom: 0;
    color: #2D2A28;
    background: #FFFFFF;
    font-size: 1em;
    font-family: "FSSiena-Light", serif;
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    width: 23px;
    height: 23px;
    text-align: center;
    padding-top: 3px; }
  .cart-preview .body {
    display: none;
    width: 350px;
    background-color: #E5E5E5;
    right: 0;
    z-index: 100000000000000000 !important;
    border: none;
    box-shadow: 0 4px 13px 5px rgba(123, 123, 123, 0.3);
    padding: 0px; }
  .cart-preview__total {
    display: block;
    background: white;
    padding: 20px; }
    .cart-preview__total .label {
      display: inline-block;
      vertical-align: middle;
      font-family: "FSSiena-Regular", serif;
      font-size: 1em; }
    .cart-preview__total .value {
      display: inline-block;
      vertical-align: middle;
      font-family: "FSSiena-Bold", serif;
      color: #DBA82B;
      float: right;
      font-size: 1.1em; }
  .cart-preview__list {
    display: block;
    padding: 0 10px; }
  .cart-preview__element {
    display: block;
    background: #FFFFFF;
    padding: 5px 10px;
    box-shadow: 0 2px 4px 0 rgba(139, 137, 137, 0.5); }
    .cart-preview__element:not(:first-child) {
      margin-top: 10px; }
  .cart-preview__removeFromCart {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-decoration: none;
    font-family: "FSSiena-Light", serif;
    font-weight: bold;
    font-size: 1.4em;
    padding: 5px;
    text-align: center;
    color: #771820; }
    .cart-preview__removeFromCart::before {
      content: 'x'; }
  .cart-preview__image {
    width: 80px;
    display: block; }
  .cart-preview__info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px; }
  .cart-preview__product-name {
    font-family: "FSSiena-Regular", serif;
    font-size: 0.9em;
    font-weight: 400;
    color: #2D2A28;
    margin-bottom: 5px; }
  .cart-preview__product-attribute {
    font-family: "FSSiena-Light", serif;
    font-size: 0.9em;
    font-weight: 400;
    color: #626060;
    margin-bottom: 5px; }
  .cart-preview__product-quantity {
    font-family: "FSSiena-Regular", serif;
    font-size: 0.9em;
    font-weight: normal;
    color: #626060; }
    .cart-preview__product-quantity::after {
      content: 'x';
      vertical-align: baseline;
      margin-left: 3px; }
  .cart-preview__product-price {
    font-family: "FSSiena-SemiBold", serif;
    font-size: 0.9em;
    font-weight: normal;
    color: #2D2A28; }
  .cart-preview__btn {
    display: block;
    font-family: "Righteous", cursive;
    color: white;
    font-size: 1.1em;
    text-align: center;
    padding: 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(-180deg, #2475A9 0%, #104170 100%); }
  .cart-preview__emptyIcon {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 120px;
    height: 120px;
    background: url("../../modules/ps_shoppingcart/img/icon/cart_empty.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  .cart-preview__emptySpan {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 0.9em;
    color: #2D2A28;
    text-align: center; }

@media screen and (min-width: 480px) {
  .cart-preview:hover .body {
    display: block;
    position: absolute; } }

/*.......................................................................*/
/*.......................................................................*/
.firstScroll {
  display: block;
  height: auto;
  position: relative; }

.slide-claim {
  display: block;
  width: 100%;
  height: 70vh;
  position: relative; }
  @media screen and (max-width: 480px) {
    .slide-claim {
      height: 50vh; } }
  .slide-claim__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    position: absolute; }
  .slide-claim__container, .page-cms__container {
    width: 1120px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 50px;
    z-index: 99999; }
    @media screen and (max-width: 480px) {
      .slide-claim__container, .page-cms__container {
        width: 100%;
        padding: 30px;
        background-image: linear-gradient(-180deg, rgba(131, 131, 131, 0.56) 7%, rgba(255, 255, 255, 0) 89%); } }
  .slide-claim__link, .page-cms__title {
    display: block;
    float: right;
    font-family: "Righteous", cursive;
    text-decoration: none;
    line-height: 1.2em;
    font-size: 2.2em;
    color: #2D2A28; }
    .slide-claim__link b, .page-cms__title b {
      color: #DBA82B; }
    .slide-claim__link span, .page-cms__title span {
      font-family: "Lato", sans-serif;
      font-style: italic;
      margin-right: 5px;
      font-size: 0.7em; }
    .slide-claim__link small, .page-cms__title small {
      color: #DBA82B;
      font-size: 0.7em;
      margin-left: 10px;
      text-transform: uppercase; }

.mainInfo {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: -80px;
  z-index: 9999; }
  @media screen and (max-width: 480px) {
    .mainInfo {
      display: none; } }
  .mainInfo__container {
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%; }
  .mainInfo__box {
    width: 32.20339%;
    display: inline-block;
    height: 160px;
    position: relative;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.29);
    cursor: pointer; }
    .mainInfo__box img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: bottom; }
    .mainInfo__box:not(:first-child) {
      margin-left: 1.69492%; }
  .mainInfo__text {
    position: absolute;
    bottom: 20px;
    left: 30px;
    text-align: left;
    color: #FFFFFF; }
    .mainInfo__text span {
      font-family: "FSSiena-Light", serif;
      font-style: italic;
      font-size: 1.3em; }
    .mainInfo__text h1 {
      font-family: "FSSiena-Bold", serif;
      font-size: 1.5em;
      font-weight: normal;
      text-transform: uppercase; }
  .mainInfo__link {
    display: inline-block;
    font-family: "FSSiena-SemiBold", serif;
    text-decoration: none;
    padding: 9px 15px;
    margin-top: 10px;
    background-color: #FFFFFF;
    color: #2D2A28;
    text-transform: uppercase;
    font-size: 1em; }

.newProduct {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  padding-top: 130px;
  padding-bottom: 70px;
  background: #F5F5F5; }
  @media screen and (max-width: 480px) {
    .newProduct {
      padding: 30px 0; } }
  .newProduct__container {
    padding: 0;
    margin: 30px 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around; }
    @media screen and (max-width: 480px) {
      .newProduct__container {
        display: block; } }
  .newProduct__link {
    display: inline-block;
    font-family: "Righteous", cursive;
    color: #B3B3B3;
    padding: 8px 25px;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-top: 40px; }
    @media screen and (max-width: 480px) {
      .newProduct__link {
        font-size: 1.2em;
        margin-top: 20px; } }
    .newProduct__link i {
      margin-left: 5px; }

.featuredProduct {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  padding-top: 130px;
  padding-bottom: 70px;
  background: #FFFFFF; }
  .featuredProduct__container {
    padding: 0;
    margin: 30px 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around; }
  .featuredProduct__link {
    display: inline-block;
    font-family: "Righteous", cursive;
    color: #B3B3B3;
    padding: 8px 25px;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-top: 20px; }
    .featuredProduct__link i {
      margin-left: 5px; }

.productMiniature {
  display: inline-block;
  width: 23.72881%;
  height: auto;
  text-align: center;
  background: #FFFFFF;
  padding: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  margin-bottom: 20px; }
  @media (min-width: 480px) and (max-width: 960px) {
    .productMiniature {
      width: 49.15254%; } }
  @media screen and (max-width: 480px) {
    .productMiniature {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .productMiniature--category {
    display: inline-block;
    width: 32.20339%;
    height: auto;
    text-align: center;
    background: #F5F5F5;
    padding: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    position: relative;
    margin-bottom: 20px; }
    .productMiniature--category:nth-child(2) {
      margin-left: 1.69492%;
      margin-right: 1.69492%; }
    .productMiniature--category:nth-child(5) {
      margin-left: 1.69492%;
      margin-right: 1.69492%; }
    .productMiniature--category:nth-child(8) {
      margin-left: 1.69492%;
      margin-right: 1.69492%; }
    .productMiniature--category:nth-child(11) {
      margin-left: 1.69492%;
      margin-right: 1.69492%; }
    .productMiniature--category:nth-child(14) {
        margin-left: 1.69492%;
        margin-right: 1.69492%; }
    .productMiniature--category:nth-child(17) {
          margin-left: 1.69492%;
          margin-right: 1.69492%; }
    .productMiniature--category:nth-child(20) {
      margin-left: 1.69492%;
      margin-right: 1.69492%; }
      .productMiniature--category:nth-child(23) {
        margin-left: 1.69492%;
        margin-right: 1.69492%; }
        .productMiniature--category:nth-child(26) {
          margin-left: 1.69492%;
          margin-right: 1.69492%; }
          .productMiniature--category:nth-child(29) {
            margin-left: 1.69492%;
            margin-right: 1.69492%; }
            .productMiniature--category:nth-child(32) {
              margin-left: 1.69492%;
              margin-right: 1.69492%; }
              .productMiniature--category:nth-child(35) {
                margin-left: 1.69492%;
                margin-right: 1.69492%; }
                .productMiniature--category:nth-child(38) {
                  margin-left: 1.69492%;
                  margin-right: 1.69492%; }
                  .productMiniature--category:nth-child(41) {
                    margin-left: 1.69492%;
                    margin-right: 1.69492%; }
                    .productMiniature--category:nth-child(44) {
                      margin-left: 1.69492%;
                      margin-right: 1.69492%; }
                      .productMiniature--category:nth-child(47) {
                        margin-left: 1.69492%;
                        margin-right: 1.69492%; }
      @media screen and (max-width:480px) {
        .productMiniature--category {
          display:block;
          width: 100%;
          margin-left: 0 !important;
          margin-right: 0 !important;
          margin-bottom: 15px;
        }
      }
  .productMiniature__imageContainer {
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 auto;
    object-fit: contain;
    box-shadow: -1px 15px 150px -67px #b8b8b8;
    -webkit-box-shadow: -1px 15px 150px -67px #b8b8b8;
    -moz-box-shadow: -1px 15px 150px -67px #b8b8b8; }
    @media screen and (max-width: 480px) {
      .productMiniature__imageContainer {
        display: inline-block;
        width: 100%;
        float: left; } }
  .productMiniature__descContainer {
    display: block;
    width: 100%;
    padding: 20px 5px;
    box-sizing: border-box; }
    @media screen and (max-width: 480px) {
      .productMiniature__descContainer {
        display: inline-block;
        width: 60%;
        padding: 20px 10px;
        text-align: left; } }
  .productMiniature__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .productMiniature__hr {
    border: none;
    width: 90%;
    height: 20px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url("../img/svg/hr.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  .productMiniature__title {
    display: block;
    font-family: "FSSiena-Light", serif;
    font-size: 1.3em;
    color: #2D2A28;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: pointer; }
    @media screen and (max-width: 480px) {
      .productMiniature__title {
        font-size: 1.2em; } }
  .productMiniature__price {
    display: block;
    font-family: "FSSiena-SemiBold", serif;
    font-size: 1.4em;
    color: #DBA82B;
    margin-bottom: 15px; }
    @media screen and (max-width: 480px) {
      .productMiniature__price {
        font-size: 1.3em; } }
  .productMiniature__aviability {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Righteous", cursive;
    font-size: 1.2em;
    color: #DBA82B; }
    @media screen and (max-width: 480px) {
      .productMiniature__aviability {
        font-size: 1em; } }
  .productMiniature__btn {
    display: inline-block;
    font-family: "FSSiena-Bold", serif;
    font-size: 1em;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #104170;
    padding: 8px 20px;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; }
    @media screen and (max-width: 480px) {
      .productMiniature__btn {
        font-size: 0.9em; } }

@media screen and (min-width: 480px) {
  .productMiniature:hover {
    box-shadow: 0 5px 16px 1px rgba(0, 0, 0, 0.2); } }

.productMiniature:hover .productMiniature__btn {
  background-color: #104170;
  color: #FFFFFF; }

/*.......................................................................*/
.category-cover {
  display: block;
  position: relative;
  width: 100%;
  height: 40vh; }
  .category-cover__wrap {
    width: 1120px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    display: flex;
    box-sizing: border-box;
    padding: 50px;
    z-index: 9;
    align-content: center;
    align-items: center;
    justify-content: flex-end; }
    @media screen and (max-width:1120px){
      .category-cover__wrap {
        width:100%;
        margin: 0 auto;
        height: 100%;
        padding: 20px; }
    }
  .category-cover__titleBox {
    font-family: "Righteous", cursive; }
    .category-cover__titleBox span {
      font-family: "FSSiena-Light", serif;
      color: #FFFFFF;
      margin-right: 5px;
      font-size: 1em; }
    .category-cover__titleBox p {
      color: #DBA82B;
      font-size: 2.5em;
      margin-left: 10px;
      text-transform: uppercase; }
      @media screen and (max-width:1120px){
        .category-cover__titleBox p {
          font-size: 1.5em;}
      }
  .category-cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0; }

/*.......................................................................*/
.product-page {
  display: block;
  width: 100%;
  padding: 100px 0;
  box-sizing: border-box;
  background: #F5F5F5; }
  @media screen and (max-width: 480px) {
    .product-page {
      padding: 30px 0; } }
  .product-page__container {
    display: flex;
    width: 100%;
    align-content: flex-start;
    align-items: flex-start;
    margin: 30px 0;
    position: relative; }
    @media screen and (max-width: 480px) {
      .product-page__container {
        display: block; } }
  .product-page__novita {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999; }
    .product-page__novita li {
      font-family: "Lato", sans-serif;
      font-weight: 400;
      color: #FFFFFF;
      font-size: 1.1em;
      background: #472400;
      padding: 5px 10px; }
  .product-page__imageContainer {
    display: inline-block;
    width: 57.62712%; }
    @media screen and (max-width: 480px) {
      .product-page__imageContainer {
        display: block;
        width: 100%; } }
    .product-page__imageContainer .product-cover {
      width: 100%;
      height: 500px; }
      @media screen and (max-width: 480px) {
        .product-page__imageContainer .product-cover {
          height: auto; } }
      .product-page__imageContainer .product-cover img {
        width: 100%;
        height: 500px;
        object-fit: cover; }
        @media screen and (max-width: 480px) {
          .product-page__imageContainer .product-cover img {
            height: auto; } }
    .product-page__imageContainer .product-images {
      margin-top: 15px; }
  .product-page .js .slider-single > div:nth-child(1n+2) {
    display: none; }
  .product-page .js .slider-single.slick-initialized > div:nth-child(1n+2) {
    display: block; }
  .product-page .slider-nav {
    display: block;
    width: 100%; }
  .product-page .slider-nav h3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .product-page .is-active .products-thumb {
    border-bottom: 1px solid #DBA82B; }
  .product-page #slick-thumb {
    margin-top: 20px; }
    @media screen and (max-width: 480px) {
      .product-page #slick-thumb {
        display: none; } }
  .product-page #slick-thumb .slick-track {
    display: flex;
    width: 100% !important;
    align-items: center;
    align-content: flex-start;
    justify-content: flex-start; }
  .product-page #slick-thumb .slick-slide {
    display: inline-block; }
    .product-page #slick-thumb .slick-slide:not(:first-child) {
      margin-left: 20px; }
  .product-page .products-thumb {
    border: 1px solid #EAEAEA; }
  .product-page .slider-nav .slick-slide {
    cursor: pointer; }
  .product-page__actions {
    display: inline-block;
    width: 40.67797%;
    margin-left: 1.69492%;
    background: #FFFFFF;
    box-shadow: 0 2px 9px 1px rgba(187, 187, 187, 0.37); }
    @media screen and (max-width: 480px) {
      .product-page__actions {
        display: block;
        width: 100%;
        margin-left: 0;
        background: none;
        box-shadow: none; } }
    .product-page__actions form {
      display: block;
      padding: 20px; }
  .product-page__information {
    display: block;
    width: 100%;
    margin-top: 20px; }
    .product-page__information .details-group {
      border-top: 1px solid #CFD8DC;
      border-bottom: 1px solid #CFD8DC; }
    .product-page__information .details {
      overflow: hidden;
      border-bottom: 1px solid #CFD8DC;
      transition: height 300ms ease-in-out; }
      .product-page__information .details:last-child {
        border-bottom: 0; }
      .product-page__information .details__summary, .product-page__information .details__content {
        padding: 24px; }
      .product-page__information .details__content {
        font-family: "FSSiena-Regular", serif;
        font-size: 1.2em;
        line-height: 1.3em;
        color: #2D2A28; }
      .product-page__information .details__summary {
        position: relative;
        list-style: none;
        padding-left: 48px;
        outline: 0;
        cursor: pointer;
        font-size: 1.8rem;
        font-family: "Righteous", cursive;
        text-transform: uppercase;
        transition: color 300ms ease-in-out; }
        @media screen and (max-width: 480px) {
          .product-page__information .details__summary {
            font-size: 1.5em; } }
        [open] > .product-page__information .details__summary {
          color: #00ACC1; }
        .product-page__information .details__summary::-webkit-details-marker {
          display: none; }
        .product-page__information .details__summary:before, .product-page__information .details__summary:after {
          content: "";
          position: absolute; }
        .product-page__information .details__summary:before {
          left: 20px;
          top: 50%;
          height: 2px;
          margin-top: -1px;
          width: 16px;
          background: #2D2A28;
          font-weight: bold; }
        .product-page__information .details__summary:after {
          left: 28px;
          top: 50%;
          height: 16px;
          margin-top: -8px;
          width: 2px;
          margin-left: -1px;
          background: #2D2A28;
          transition: all 300ms ease-in-out; }
        [open] .product-page__information .details__summary:after {
          opacity: 0;
          transform: translateY(25%); }
      .product-page__information .details__content {
        padding-top: 0;
        padding-left: 48px; }

.product__title {
  display: block;
  font-family: "Righteous", cursive;
  font-size: 2.2em;
  color: #472400;
  line-height: 1.2em; }
  @media (min-width: 768px) and (max-width: 960px) {
    .product__title {
      font-size: 1.9em; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .product__title {
      font-size: 1.7em; } }
  @media screen and (max-width: 480px) {
    .product__title {
      font-size: 1.5em; } }

.product__priceBox {
  display: block;
  margin: 10px 0; }

.product__price {
  display: inline-block;
  font-family: "FSSiena-Bold", serif;
  font-size: 2em;
  color: #CB8D40; }
  @media (min-width: 768px) and (max-width: 960px) {
    .product__price {
      font-size: 1.9em; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .product__price {
      font-size: 1.7em; } }
  @media screen and (max-width: 480px) {
    .product__price {
      font-size: 1.5em; } }

.product__tax {
  display: inline;
  font-family: "Lato", sans-serif;
  font-size: 1.2em;
  color: #B3B3B3;
  margin: 20px 0; }

.product__variants {
  display: block;
  margin-bottom: 20px; }
  .product__variants label {
    font-family: "FSSiena-Regular", serif;
    font-size: 1.2em;
    font-weight: normal;
    color: #2D2A28; }
  .product__variants li {
    display: block;
    font-family: "FSSiena-Regular", serif;
    font-size: 1.2em;
    margin-top: 10px; }
    .product__variants li span {
      margin-left: 9px; }

.product__hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DBDBDB;
  border: none;
  margin: 20px 0; }

.product__btn {
  display: block;
  width: 100%;
  font-family: "FSSiena-Bold", serif;
  color: white;
  font-size: 1.3em;
  text-align: center;
  padding: 20px 5px;
  margin-top: 15px;
  border: none;
  text-decoration: none;
  text-transform: uppercase;
  background-image: linear-gradient(-180deg, #2475A9 0%, #104170 100%); }

.product__allergeni {
  display: block;
  background: #2D2A28;
  padding: 20px; }
  .product__allergeni h3 {
    font-family: "FSSiena-Regular", serif;
    color: #FFFFFF;
    font-size: 1.2em; }
  .product__allergeni .attachment {
    display: block;
    margin-top: 5px;
    position: relative; }
    .product__allergeni .attachment span {
      font-family: "FSSiena-SemiBold", serif;
      font-size: 1.1em;
      display: inline-block;
      vertical-align: middle; }
      .product__allergeni .attachment span a {
        text-decoration: none;
        color: #B3B3B3;
        text-transform: none; }
    .product__allergeni .attachment__link {
      display: inline-block;
      vertical-align: middle;
      font-family: "FSSiena-SemiBold", serif;
      text-decoration: none;
      color: #FFFFFF;
      text-transform: uppercase;
      position: absolute;
      right: 0; }
      .product__allergeni .attachment__link::after {
        display: inline-block;
        vertical-align: middle;
        content: url("../img/svg/download.svg");
        margin-left: 10px; }

.product__allertMessage {
  font-family: "Lato", sans-serif;
  font-size: 1em;
  font-weight: 200;
  color: #e35e41;
  border: 1px solid #e35e41;
  padding: 15px; }

.product__social-share {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 10px; }
  .product__social-share span {
    font-family: "FSSiena-Light", serif;
    font-size: 1em;
    color: #2D2A28;
    text-transform: uppercase; }
  .product__social-share ul {
    margin-bottom: 0; }
    .product__social-share ul li {
      height: 1.2rem;
      width: 1.2rem;
      display: inline-block;
      background-color: #fff;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      cursor: pointer;
      margin-left: 15px; }
      @media screen and (max-width: 480px) {
        .product__social-share ul li {
          background-color: transparent; } }
      .product__social-share ul li a {
        display: block;
        width: 100%;
        height: 100%;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden; }
        .product__social-share ul li a:hover {
          color: transparent; }

.product-quantity label {
  font-family: "FSSiena-Regular", serif;
  font-size: 1.2em;
  font-weight: normal;
  color: #2D2A28; }

.ctrl {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 20px; }

.ctrl-counter {
  position: relative;
  width: 70px;
  height: 50px;
  color: #2D2A28;
  text-align: center;
  overflow: hidden; }

.ctrl-counter.is-input .ctrl-counter-num {
  visability: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in; }

.ctrl-counter.is-input .ctrl-counter-input {
  visability: visible;
  opacity: 1;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in; }

.ctrl-counter-input {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
  box-shadow: none;
  outline: none;
  border: none;
  color: #333C48;
  font-size: 1.2em;
  line-height: 50px;
  text-align: center;
  visability: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in; }

.ctrl-counter-num {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 50px;
  visability: visible;
  font-family: "Lato", sans-serif;
  opacity: 1;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in; }

.ctrl-counter-num.is-increment-hide {
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-animation: increment-prev 100ms ease-in;
  animation: increment-prev 100ms ease-in; }

.ctrl-counter-num.is-increment-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: increment-next 100ms ease-out;
  animation: increment-next 100ms ease-out; }

.ctrl-counter-num.is-decrement-hide {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-animation: decrement-prev 100ms ease-in;
  animation: decrement-prev 100ms ease-in; }

.ctrl-counter-num.is-decrement-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: decrement-next 100ms ease-out;
  animation: decrement-next 100ms ease-out; }

.ctrl-button {
  width: 30px;
  line-height: 30px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  text-align: center;
  color: #2D2A28;
  cursor: pointer;
  border: 1px solid #BDBDBD;
  background-color: #FFFFFF;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in; }

.ctrl-button:hover {
  background-color: #F5F5F5;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in; }

.ctrl-button:active {
  background-color: #626060;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in; }

.ctrl-button-decrement {
  border-radius: 5px; }

.ctrl-button-increment {
  border-radius: 5px; }

@-webkit-keyframes decrement-prev {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes decrement-prev {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes decrement-next {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); } }

@keyframes decrement-next {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); } }

@-webkit-keyframes increment-prev {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes increment-prev {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes increment-next {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); } }

@keyframes increment-next {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); } }

.facebook.icon-gray {
  background-image: url("../img/facebook-grey.svg"); }

.facebook.icon-gray:hover {
  background-image: url("../img/facebook-brown.svg"); }

.twitter.icon-gray {
  background-image: url("../img/twitter-grey.svg"); }

.twitter.icon-gray:hover {
  background-image: url("../img/twitter-brown.svg"); }

.googleplus.icon-gray {
  background-image: url("../img/google-grey.svg"); }

.googleplus.icon-gray:hover {
  background-image: url("../img/google-brown.svg"); }

.pinterest.icon-gray {
  background-image: url("../img/pinterest-grey.svg"); }

.pinterest.icon-gray:hover {
  background-image: url("../img/pinterest-brown.svg"); }

/*.......................................................................*/
.addToCart-modal {
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.9);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 9999999999999; }
  .addToCart-modal__box {
    padding: 20px;
    display: inline-block;
    max-width: 1120px;
    width: 100%;
    min-height: 400px;
    margin: 40px auto;
    text-align: left;
    background-color: white;
    z-index: 100; }
  .addToCart-modal__successMessage {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 10px;
    background: #22997c; }
    .addToCart-modal__successMessage h4 {
      display: inline-block;
      font-family: "FSSiena-Regular", serif;
      text-transform: uppercase;
      color: #FFFFFF;
      font-size: 1.5em; }
      .addToCart-modal__successMessage h4::before {
        content: '\2713';
        margin-right: 10px; }
  .addToCart-modal__body {
    display: flex;
    width: 100%;
    padding: 20px;
    align-content: flex-start;
    justify-content: flex-start; }
  .addToCart-modal__product {
    display: inline-block;
    width: 49.15254%;
    margin-right: 1.69492%; }
  .addToCart-modal__productInfo {
    display: flex;
    width: 100%;
    align-items: center;
    align-content: center;
    box-shadow: 0 2px 4px 1px rgba(144, 142, 142, 0.5); }
  .addToCart-modal__cartContent {
    display: inline-block;
    width: 49.15254%;
    padding: 10px; }

.cart-modal-imageProduct {
  display: inline-block;
  width: 200px;
  vertical-align: top; }
  .cart-modal-imageProduct img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.cart-modal-Product {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin-left: 25px; }
  .cart-modal-Product h6 {
    font-family: "Righteous", cursive;
    color: #472400;
    font-size: 1.5em; }
  .cart-modal-Product .price {
    display: block;
    font-family: "Righteous", cursive;
    font-size: 1em;
    color: #CB8D40;
    margin-bottom: 5px; }
  .cart-modal-Product p, .cart-modal-Product span {
    display: block;
    margin-top: 5px;
    font-family: "FSSiena-Regular", serif;
    color: #626060; }

.cart-modal-count {
  display: block;
  margin-bottom: 7px;
  font-family: "FSSiena-Regular", serif;
  font-size: 1.2em;
  color: #2D2A28; }

.cart-modal-info {
  display: block;
  margin-bottom: 7px;
  font-family: "FSSiena-Regular", serif;
  font-size: 1.3em; }
  .cart-modal-info span {
    display: inline-block;
    color: #A4A1A1;
    vertical-align: middle;
    text-transform: uppercase; }
  .cart-modal-info strong {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    float: right;
    color: #2D2A28; }
    .cart-modal-info strong b {
      font-family: "FSSiena-Regular", serif;
      color: #DBA82B;
      margin-right: 5px; }

.cart-content-btn a {
  margin-top: 15px; }

/*.......................................................................*/
.cart {
  display: block;
  padding: 100px 0; }
  .cart__container {
    display: flex;
    align-content: center;
    align-items: flex-start; }
  .cart__main {
    display: inline-block;
    width: 74.57627%;
    margin-right: 1.69492%; }
  .cart__aside {
    display: inline-block;
    width: 23.72881%;
    padding-top: 5px; }
  .cart__title, .order_confirmation__header h3 {
    display: block;
    font-family: "Righteous", cursive;
    font-size: 2.2em;
    text-transform: uppercase;
    color: #2D2A28;
    margin-bottom: 5px; }
  .cart__empty-message {
    display: block;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px; }
    .cart__empty-message .image-cart-empty {
      display: block;
      margin: 0 auto;
      margin-bottom: 20px;
      width: 180px;
      height: 180px;
      background: url("../../modules/ps_shoppingcart/img/icon/cart_empty.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    .cart__empty-message span {
      display: block;
      text-align: center;
      font-family: "FSSiena-Regular", serif;
      font-size: 1.3em;
      color: #2D2A28;
      margin-bottom: 30px; }
  .cart__subTitle, .order_confirmation__header p {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 1.2em;
    color: #B3B3B3; }
    .cart__subTitle span, .order_confirmation__header p span {
      font-weight: bold;
      color: #2D2A28; }
  .cart__continueShopping {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #B3B3B3;
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    padding: 10px;
    border: 1px solid #B3B3B3;
    text-decoration: none; }

.cart-overview {
  display: block;
  margin-top: 15px; }

.cart-table {
  display: block;
  width: 100%; }
  .cart-table__head {
    display: flex;
    align-content: center;
    align-items: center; }
  .cart-table__body {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 15px; }
  .cart-table__container {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 10px 0; }
  .cart-table__paddingHead {
    padding: 10px 2px; }
  .cart-table__paddingItem {
    padding: 0 10px; }
  .cart-table__col-6 {
    width: 49.15254%;
    text-align: center; }
    .cart-table__col-6--item {
      width: 49.15254%;
      text-align: left; }
  .cart-table__col-2 {
    width: 15.25424%;
    margin-left: 1.69492%;
    text-align: center; }
    .cart-table__col-2 :nth-child(3) {
      margin-left: none; }
  .cart-table__background {
    background: #E8E8E8; }
  .cart-table__infoTitle {
    font-family: "Lato", sans-serif;
    color: #2D2A28;
    font-size: 1em;
    text-transform: uppercase; }
  .cart-table__item {
    display: block;
    width: 100%;
    background: #FFFFFF;
    margin-bottom: 20px; }
  .cart-table__itemImage {
    display: inline-block;
    vertical-align: middle;
    width: 130px; }
    .cart-table__itemImage img {
      display: block;
      width: 100%; }
  .cart-table__itemTitle {
    display: inline-block;
    vertical-align: middle;
    font-family: "Lato", sans-serif;
    font-size: 1.1em; }
    .cart-table__itemTitle a {
      text-decoration: none;
      color: #2D2A28; }
    .cart-table__itemTitle .product-attributes {
      display: block;
      color: #B3B3B3;
      font-size: 0.8em;
      margin-top: 8px; }
  .cart-table__itemPrice {
    display: inline-block;
    vertical-align: middle;
    font-family: "Lato", sans-serif;
    font-size: 1.1em;
    color: #2D2A28; }
  .cart-table__quantity {
    display: inline-block;
    vertical-align: middle;
    font-family: "Lato", sans-serif;
    font-size: 1.1em;
    color: #2D2A28;
    padding: 5px 10px;
    border: 1px solid #B3B3B3; }
    .cart-table__quantity .value {
      display: inline-block;
      vertical-align: middle;
      margin: 0 10px; }
    .cart-table__quantity .js-decrease-product-quantity {
      text-decoration: none;
      font-size: 1.5em;
      color: #626060;
      font-weight: 300;
      display: inline-block;
      vertical-align: middle; }
    .cart-table__quantity .js-increase-product-quantity {
      text-decoration: none;
      font-size: 1.5em;
      color: #626060;
      font-weight: 300;
      display: inline-block;
      vertical-align: middle; }

.cart-voucher {
  display: block;
  margin-top: 30px; }
  .cart-voucher__title {
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: normal;
    color: #2D2A28;
    font-size: 1em;
    margin-bottom: 15px; }
  .cart-voucher__input {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #B3B3B3;
    width: 350px;
    height: 40px;
    font-family: "Lato", sans-serif;
    font-weight: normal;
    padding: 0 10px; }
    .cart-voucher__input::placeholder {
      font-style: italic;
      font-weight: 200; }
  .cart-voucher__btn {
    display: inline-block;
    border: none;
    height: 40px;
    padding: 0 20px;
    background: #DBA82B;
    color: #FFFFFF;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center; }
  .cart-voucher__active {
    display: block;
    margin: 20px 0;
    text-align: left; }
    .cart-voucher__active li {
      display: inline-block;
      background: white;
      box-shadow: 0 2px 4px 0 rgba(211, 207, 207, 0.5); }
      .cart-voucher__active li span {
        font-family: "FSSiena-Regular", serif;
        display: inline-block;
        color: #2D2A28;
        font-size: 1em;
        padding: 8px 15px; }
      .cart-voucher__active li a {
        font-family: "FSSiena-Light", serif;
        display: inline-block;
        color: #FFFFFF;
        background: #D75E5E;
        font-size: 1em;
        padding: 8px 15px;
        text-decoration: none;
        text-transform: uppercase; }
  .cart-voucher__error {
    display: block;
    margin: 5px 0;
    padding: 0; }
    .cart-voucher__error span {
      font-family: "FSSiena-Regular", serif;
      display: inline-block;
      color: #D75E5E;
      font-size: 1em;
      padding: 3px 0;
      border-bottom: 1px solid #D75E5E; }

.cart-summary, .checkout-summary {
  display: block;
  background: #FFFFFF;
  border-top: 4px solid #DBA82B;
  box-shadow: 0 2px 4px 1px rgba(182, 177, 177, 0.5);
  margin: 25px 0;
  border-radius: 0 0 10px 10px; }
  .cart-summary__element {
    display: block;
    background: #FFFFFF;
    padding: 10px 3px; }
  .cart-summary__info, .checkout-summary header {
    display: block;
    margin-bottom: 20px;
    padding: 15px 20px; }
    .cart-summary__info h1, .checkout-summary header h1 {
      font-family: "Righteous", cursive;
      color: #2D2A28;
      font-size: 1.3em;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .cart-summary__info .js-subtotal, .checkout-summary header .js-subtotal {
      display: inline-block;
      vertical-align: middle;
      font-family: "FSSiena-Light", serif;
      font-size: 1.1em;
      color: #B3B3B3;
      text-transform: uppercase; }

.cart-subtotals {
  padding: 0px 20px; }
  .cart-subtotals .products {
    display: block;
    background: #FFFFFF;
    padding: 15px 0; }
  .cart-subtotals .discount {
    display: block;
    background: #FFFFFF; }
  .cart-subtotals .shipping {
    display: block;
    background: #FFFFFF; }
  .cart-subtotals .label {
    display: inline-block;
    vertical-align: middle;
    font-family: "FSSiena-Light", serif;
    font-size: 1em;
    color: #2D2A28;
    text-transform: uppercase; }
  .cart-subtotals .value {
    display: inline-block;
    vertical-align: middle;
    font-family: "Righteous", cursive;
    color: #2D2A28;
    float: right;
    font-size: 1em; }

.cart-total {
  display: block;
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  background: #FFFFFF;
  padding: 15px 0px;
  border-top: 1px solid #B3B3B3; }
  .cart-total .label {
    display: inline-block;
    vertical-align: middle;
    font-family: "FSSiena-Regular", serif;
    font-size: 1.2em;
    color: #2D2A28;
    text-transform: uppercase; }
  .cart-total .value {
    display: inline-block;
    vertical-align: middle;
    font-family: "FSSiena-Bold", serif;
    color: #DBA82B;
    float: right;
    font-size: 1.3em; }

.checkout-btn {
  display: block;
  width: 100%;
  font-family: "FSSiena-Bold", serif;
  color: white;
  font-size: 1.1em;
  text-align: center;
  padding: 18px 5px;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  background-image: linear-gradient(-180deg, #2475A9 0%, #104170 100%);
  border-radius: 0 0 10px 10px; }

/*.......................................................................*/
.block-reassurance {
  display: block;
  width: 100%;
  background: #F5F5F5;
  padding: 60px 0;
  margin-top: 70px; }
  .block-reassurance ul {
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    margin-top: 30px; }
    .block-reassurance ul li {
      width: 32.20339%;
      padding: 30px 0; }
      .block-reassurance ul li:nth-child(2) {
        margin: 0 1.69492%; }
      .block-reassurance ul li img {
        display: block;
        max-height: 80px;
        margin: 0 auto;
        margin-bottom: 20px; }
      .block-reassurance ul li span {
        display: block;
        width: 100%;
        font-family: "FSSiena-Regular", serif;
        font-size: 1.2em;
        color: #2D2A28;
        text-align: center;
        line-height: 1.3em; }

/*.......................................................................*/
#checkout {
  background-image: url("../img/svg/logo_DeJaeger_background_checkout.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto; }

.checkout__header {
  display: block;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 20px;
  border-bottom: 2px solid #DBA82B; }
  .checkout__header h1 {
    font-family: "Righteous", cursive;
    color: #2D2A28;
    font-size: 2em;
    text-transform: uppercase; }

.checkout__address-subtitle {
  display: block;
  font-family: "FSSiena-Light", serif;
  font-size: 1.1em;
  color: #626060; }

.checkout__wrap {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  padding-top: 20px; }

.checkout__process {
  display: inline-block;
  width: 66.10169%;
  margin-right: 1.69492%; }
  .checkout__process section {
    margin: 15px 0;
    padding: 10px 0;
    border-bottom: 1px solid #F5F5F5; }

.checkout__summary {
  display: inline-block;
  width: 32.20339%;
  position: sticky;
  top: 20px; }

.checkout__info-login {
  display: block;
  width: 100%;
  margin-top: 20px; }
  .checkout__info-login p {
    display: inline-block;
    font-family: "FSSiena-Regular", serif;
    color: #2D2A28;
    font-size: 1.2em; }
  .checkout__info-login .identity {
    margin-bottom: 10px;
    margin-right: 10px; }
  .checkout__info-login span {
    display: inline-block;
    margin: 0 15px;
    font-family: "FSSiena-Light", serif;
    color: #B3B3B3; }
  .checkout__info-login a {
    display: inline-block;
    text-decoration: none;
    font-family: "Righteous", cursive;
    text-transform: uppercase;
    padding: 10px;
    background: #2D2A28;
    color: #FFFFFF;
    letter-spacing: 1px; }

.checkout__btn-next-step {
  font-family: "Righteous", cursive;
  color: white;
  width: 200px;
  font-size: 1.1em;
  text-align: center;
  padding: 10px 5px;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  margin-top: 20px;
  margin-bottom: 10px;
  background-image: linear-gradient(-180deg, #2475A9 0%, #104170 100%); }
  .checkout__btn-next-step:disabled {
    opacity: 0.5; }

.checkout__block-reassurance {
  display: block;
  margin-top: 30px; }
  .checkout__block-reassurance li {
    display: block; }
    .checkout__block-reassurance li:first-child {
      margin-bottom: 15px; }
    .checkout__block-reassurance li .icon-1 {
      display: inline-block;
      vertical-align: middle;
      width: 60px;
      height: 60px;
      background-image: url("../img/svg/secure-payment.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      opacity: .4; }
    .checkout__block-reassurance li .icon-2 {
      display: inline-block;
      vertical-align: middle;
      width: 60px;
      height: 60px;
      background-image: url("../img/svg/ssl-certificate.svg");
      background-size: contain;
      background-repeat: no-repeat;
      opacity: .4; }
    .checkout__block-reassurance li span {
      display: inline-block;
      vertical-align: middle;
      font-family: "FSSiena-Light", serif;
      color: #626060;
      font-size: 1em;
      margin-left: 15px; }

.checkout-summary {
  border-top: none;
  border-radius: 0;
  background: #ededed; }
  .checkout-summary header {
    padding: 20px;
    margin: 0; }
    .checkout-summary header span {
      vertical-align: middle;
      font-family: "FSSiena-Light", serif;
      font-size: 1.1em;
      color: #B3B3B3;
      text-transform: uppercase; }
  .checkout-summary__list {
    display: block;
    padding: 0 20px; }
    .checkout-summary__list ul li {
      display: block;
      background: #FFFFFF;
      padding: 15px 10px;
      font-size: 1.1em; }
      .checkout-summary__list ul li .product-quantity {
        font-family: "FSSiena-Light", serif;
        color: #2D2A28; }
      .checkout-summary__list ul li .product-name {
        font-family: "FSSiena-Light", serif;
        color: #2D2A28;
        margin-left: 7px; }
      .checkout-summary__list ul li .product-price {
        display: inline-block;
        vertical-align: middle;
        font-family: "FSSiena-Regular", serif;
        color: #2D2A28;
        float: right; }
  .checkout-summary__totals {
    display: block;
    padding: 0 20px;
    margin-top: 20px; }
    .checkout-summary__totals #cart-summary {
      display: block;
      border-top: 1px solid #B3B3B3;
      padding: 20px 0;
      font-size: 1.2em; }
      .checkout-summary__totals #cart-summary .products {
        display: block; }
      .checkout-summary__totals #cart-summary .label {
        display: inline-block;
        vertical-align: middle;
        font-family: "FSSiena-Regular", serif;
        font-size: 0.9em;
        color: #2D2A28;
        text-transform: uppercase; }
      .checkout-summary__totals #cart-summary .value {
        display: inline-block;
        vertical-align: middle;
        font-family: "FSSiena-Regular", serif;
        color: #2D2A28;
        float: right;
        font-size: 1em; }
    .checkout-summary__totals--order {
      display: block;
      background: #FFFFFF;
      padding: 25px 20px; }
      .checkout-summary__totals--order .label {
        display: inline-block;
        vertical-align: middle;
        font-family: "FSSiena-Regular", serif;
        font-size: 1.2em;
        color: #2D2A28;
        text-transform: uppercase; }
      .checkout-summary__totals--order .value {
        display: inline-block;
        vertical-align: middle;
        font-family: "FSSiena-Bold", serif;
        color: #DBA82B;
        float: right;
        font-size: 1.3em; }

.step-number {
  width: 40px;
  display: inline-block;
  color: #FFFFFF;
  background: #2D2A28;
  font-size: 1em;
  font-family: "FSSiena-Light", serif;
  clip-path: circle(20px at center);
  padding: 10px 0;
  text-align: center; }

.step-complete {
  display: none;
  width: 40px;
  height: 40px;
  background-image: url("../img/svg/step-check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.step-edit {
  display: none; }

body#checkout section.checkout-step h1 {
  display: block;
  font-family: "FSSiena-Regular", serif;
  color: #2D2A28;
  font-size: 1.8em;
  text-transform: uppercase;
  margin-bottom: 15px; }

body#checkout section.checkout-step.-complete h1 {
  color: #b1b1b1; }

body#checkout section.checkout-step.-current.-reachable .step-number {
  color: #FFFFFF;
  background: #DBA82B;
  margin-right: 15px; }

body#checkout section.checkout-step.-reachable.-complete h1 .step-number {
  display: none; }

body#checkout section.checkout-step.-current.-reachable.-complete .done, body#checkout section.checkout-step.-current.-reachable.-complete .step-edit {
  display: none; }

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
  display: block;
  float: right;
  position: relative;
  top: 10px;
  font-family: "FSSiena-Light", serif;
  color: #b1b1b1;
  font-size: 0.7em;
  text-transform: none; }

body#checkout section.checkout-step.-reachable.-complete h1 .step-complete {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px; }

#checkout-content .login-form {
  width: 100%; }
  #checkout-content .login-form .form-fields {
    display: flex;
    align-items: center;
    align-content: center; }
    #checkout-content .login-form .form-fields label {
      display: inline-block;
      width: 49.15254%;
      vertical-align: middle;
      margin-right: 10px; }
      #checkout-content .login-form .form-fields label input {
        background: #E2E2E2;
        border: none; }

.address-selector {
  padding: 15px 0; }

.checkout-address-box {
  width: 250px;
  background-color: #F5F5F5;
  padding: 40px 20px;
  position: relative; }
  .checkout-address-box__title {
    font-family: "FSSiena-Light", serif;
    font-size: 0.9em;
    color: #2D2A28;
    text-transform: uppercase; }
  .checkout-address-box .radio-block p {
    font-family: "FSSiena-Regular", serif;
    font-size: 1em;
    color: #2D2A28; }
  .checkout-address-box footer .icon-edit {
    position: absolute;
    bottom: 10px;
    right: 10px; }
    .checkout-address-box footer .icon-edit .edit-address {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 15px;
      background-image: url("../img/svg/edit-address.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .checkout-address-box footer .icon-edit .delete-address {
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url("../img/svg/delete-address.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
  .checkout-address-box__different-address {
    display: block;
    font-family: "FSSiena-Regular", serif;
    font-size: 1.2em;
    color: #2D2A28;
    text-decoration: underline;
    margin: 10px; }

/*.......................................................................*/
.user-page {
  display: block;
  background-image: linear-gradient(90deg, #3F211F 0%, #7F482B 51%, #381C1C 100%);
  padding: 110px 0;
  text-align: center; }
  .user-page__header {
    text-align: center; }
  .user-page__title {
    font-family: "Righteous", cursive;
    color: #FFFFFF;
    font-size: 1.8em;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .user-page__linkRegister {
    font-family: "Lato", sans-serif;
    font-size: 1.2em;
    color: #B3B3B3; }
    .user-page__linkRegister a {
      color: #DBA82B;
      text-decoration: none;
      font-weight: bold;
      margin-left: 5px; }

.login-form {
  display: block;
  width: 300px;
  margin: 0 auto;
  margin-top: 20px; }
  .login-form__footer {
    display: block; }
  .login-form__button {
    font-family: "Righteous", cursive;
    color: white;
    width: 200px;
    font-size: 1.1em;
    text-align: center;
    padding: 10px 5px;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    margin-top: 20px;
    margin-bottom: 10px;
    background-image: linear-gradient(-180deg, #2475A9 0%, #104170 100%); }
  .login-form .lost_password a {
    color: #B3B3B3;
    font-family: "Lato", sans-serif;
    font-size: 1em;
    font-weight: normal; }

.register-form {
  display: block;
  width: 450px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 20px;
  background: #FFFFFF;
  text-align: left;
  border-radius: 10px; }
  @media screen and (max-width: 480px) {
    .register-form {
      width: 100%; } }

.reset-password {
  display: block;
  max-width: 500px;
  margin: 0 auto; }
  .reset-password__text {
    display: block;
    font-family: "Lato", sans-serif;
    color: #B3B3B3;
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-top: 5px; }
  .reset-password__btn {
    font-family: "Righteous", cursive;
    color: white;
    width: auto;
    font-size: 1.1em;
    text-align: center;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    margin-top: 20px;
    margin-bottom: 10px;
    background-image: linear-gradient(-180deg, #2475A9 0%, #104170 100%); }

.back-to-login {
  display: block; }
  .back-to-login a {
    color: #B3B3B3;
    font-family: "Lato", sans-serif;
    font-size: 1em;
    font-weight: normal; }

/*.......................................................................*/
.product-list__container {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  padding: 20px 0; }

.product-list__aside {
  display:none;
 }

.product-list__products {
  display: inline-block;
  width: 100%; }

.category-top-menu {
  display: block;
  padding: 20px 10px;
  background: #F5F5F5; }
  .category-top-menu a {
    text-decoration: none; }
  .category-top-menu__title {
    display: block;
    font-family: "Righteous", cursive;
    font-size: 1.5em;
    color: #2D2A28; }

.category-sub-menu {
  display: block; }
  .category-sub-menu li {
    width: 100%;
    border: none;
    text-align: left;
    margin: 0 auto;
    margin-top: 15px; }

.category-miniature {
  width: 100%;
  padding: 10px 5px;
  background: #FFFFFF;
  text-align: left; }
  .category-miniature a {
    display: block;
    font-family: "FSSiena-Regular", serif;
    font-size: 1.1em;
    color: #626060; }
  .category-miniature:hover {
    background: #F9F4E5; }

.catalog-container {
  display: flex;
  width: 100%;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 40px 0; }

.total-product {
  display: inline-block;
  vertical-align: middle;
  float: left;
  padding-top: 12px; }
  .total-product p {
    font-family: "FSSiena-Light", serif;
    font-size: 1em;
    color: #2D2A28; }

.products-sort-order {
  display: inline-block;
  float: right; }
  .products-sort-order .sort-by {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    font-family: "FSSiena-Regular", serif; }
  .products-sort-order .total-products {
    display: inline-block;
    vertical-align: middle;
    float: left; }
  .products-sort-order .dropdown {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-family: "FSSiena-Light", serif;
    font-size: 1em; }
  .products-sort-order .dropdown ul {
    box-shadow: 0 2px 13px 5px rgba(123, 123, 123, 0.2); }
  .products-sort-order .dropdown label {
    display: block;
    width: 280px;
    background: #ECF0F1;
    padding: 15px 20px; }
    .products-selection{
      display: none;
    }
  .products-sort-order .dropdown ul li {
    display: block;
    width: 280px;
    background: #FFFFFF;
    padding: 15px 20px; }
  .products-sort-order .dropdown label span {
    display: inline-block;
    float: right; }
  .products-sort-order .dropdown ul li a {
    text-decoration: none;
    font-size: 1em; }
  .products-sort-order .dropdown label:hover {
    background: #EAEAEA;
    cursor: pointer; }
  .products-sort-order .dropdown ul li:hover {
    background: #F5F5F5;
    cursor: pointer;
    border-left: 2px solid #DBA82B; }
  .products-sort-order .dropdown label {
    color: #2D2A28;
    position: relative;
    z-index: 2; }
  .products-sort-order .dropdown input {
    display: none; }
  .products-sort-order .dropdown input ~ ul {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0px;
    z-index: 1; }
  .products-sort-order .dropdown input:checked + label {
    background: #EAEAEA; }
  .products-sort-order .dropdown input:checked ~ ul {
    visibility: visible;
    opacity: 1;
    top: 60px; }
  .products-sort-order .animate-dropdown {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }

.products-sort-order a, .products-sort-order a:visited {
  padding: 0; }

.pagination__summary {
  font-family: "FSSiena-Light", serif;
  color: #2D2A28;
  font-size: 1.1em; }

.pagination ul {
  display: block;
  margin: 20px 0;
  list-style: none; }
  .pagination ul li {
    display: inline-block;
    background: #F5F5F5;
    font-family: "FSSiena-Light", serif;
    padding: 10px 15px;
    margin-right: 5px; }
    .pagination ul li:first-of-type {
      border: none;
      background-color: white;
      padding-left: 0; }
      .pagination ul li:first-of-type .disabled {
        opacity: .5; }
    .pagination ul li:last-of-type {
      border: none;
      background-color: white;
      margin-right: 0; }
      .pagination ul li:last-of-type .disabled {
        opacity: .5; }
    .pagination ul li a {
      text-decoration: none;
      color: black;
      display: block;
      font-size: 1.1em;
      text-align: center; }
  .pagination ul .disabled {
    cursor: pointer;
    color: #2D2A28; }
  .pagination ul .current {
    font-weight: bold;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(168, 168, 168, 0.5); }

.backToHeader {
  display: inline-block;
  background: #FFFFFF;
  position: absolute;
  right: 0;
  bottom: 40px;
  font-family: "FSSiena-Regular", serif;
  font-size: 1.1em;
  text-decoration: none;
  padding: 9px 10px;
  border: 1px solid #B3B3B3;
  border-radius: 4px;
  color: #2D2A28; }

/*.......................................................................*/
.email_subscription {
  display: block;
  width: 100%;
  background: #2D2A28;
  padding: 50px 0;
  text-align: center; }
  .email_subscription form {
    display: block;
    margin: 0 auto;
    margin-top: 15px; }
  .email_subscription__mail {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    height: 35px;
    margin: 0 auto;
    background: #FFFFFF;
    border: none;
    padding: 0 10px;
    font-family: "FSSiena-Light", serif;
    font-size: 1em;
    border-radius: 4px 0 0 4px; }
    @media screen and (max-width: 480px) {
      .email_subscription__mail {
        width: 100%;
        border-radius: 4px; } }
    .email_subscription__mail::placeholder {
      font-style: italic;
      font-weight: 200;
      color: #626060; }
  .email_subscription__btn {
    display: inline-block;
    vertical-align: middle;
    border: none !important;
    font-family: "FSSiena-SemiBold", serif;
    text-transform: uppercase;
    margin-left: 0px;
    padding: 0 20px;
    background-color: #febd69;
    background-image: none;
    border: none;
    height: 35px;
    box-sizing: border-box;
    position: relative;
    border-radius: 0 4px 4px 0; }
    @media screen and (max-width: 480px) {
      .email_subscription__btn {
        width: 100%;
        border-radius: 4px;
        margin-top: 10px; } }
    .email_subscription__btn:hover {
      background: #f3a847; }
  .email_subscription__condition {
    display: block;
    margin-top: 10px;
    font-family: "FSSiena-Light", serif;
    color: #626060;
    font-size: 1.1em; }
    @media screen and (max-width: 480px) {
      .email_subscription__condition {
        font-size: 1em; } }

/*.......................................................................*/
.about-banner {
  overflow: hidden;
  position: relative;
  width: 100%; }
  .about-banner img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .about-banner__box {
    display: block;
    width: 66.10169%;
    margin: 0 auto;
    background: transparent;
    padding: 20px 0px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px; }
    @media screen and (max-width: 480px) {
      .about-banner__box {
        width: 100%; } }
  .about-banner__title, .email_subscription__title {
    display: block;
    font-family: "Righteous", cursive;
    color: white;
    font-size: 2.2em;
    text-transform: uppercase;
    margin-bottom: 15px; }
    @media screen and (max-width: 480px) {
      .about-banner__title, .email_subscription__title {
        font-size: 1.5em; } }
  .about-banner__paragraph {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    font-family: "FSSiena-Regular", serif;
    color: black;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.5em; }
    @media screen and (max-width: 480px) {
      .about-banner__paragraph {
        font-size: 1.1em;
        line-height: 1.2em; } }
  .about-banner__link {
    background: #DBA82B;
    color: #FFFFFF;
    font-family: "Lato", sans-serif;
    font-size: 1.1em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
    position: absolute;
    bottom: -37px;
    /* position the top  edge of the element at the middle of the parent */
    left: 50%;
    /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%); }

/* --------------------------------------------
      ============ USER ACCOUNT ============
  --------------------------------------------- */
.user-account {
  display: block;
  padding-top: 130px;
  background: #F5F5F5;
  padding-bottom: 80px; }
  .user-account header {
    display: block;
    width: 100%;
    margin-bottom: 20px; }
    .user-account header h1 {
      font-family: "Righteous", cursive;
      color: #2D2A28;
      font-size: 1.8em;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .user-account header p {
      display: block;
      margin-top: 10px;
      font-family: "FSSiena-Light", serif;
      color: #9b9b9b;
      font-size: 1.2em; }
  .user-account__link-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 20px 0; }
    .user-account__link-list li {
      display: inline-block;
      width: 32.20339%;
      height: auto;
      background: #FFFFFF;
      text-align: center;
      padding: 40px 20px;
      margin-bottom: 30px;
      margin-left: 1.69492%;
      box-shadow: 0 5px 7px 2px rgba(215, 215, 215, 0.24); }
      .user-account__link-list li:nth-child(1) {
        margin-left: 0; }
      .user-account__link-list li:nth-child(4) {
        margin-left: 0; }
      .user-account__link-list li span {
        display: block;
        margin: 0 auto;
        width: 60px;
        height: 60px;
        margin-bottom: 25px; }
      .user-account__link-list li .info {
        background: url("../img/svg/DeJaeger_user_account.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom; }
      .user-account__link-list li .address {
        background: url("../img/svg/DeJaeger_address_account.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center  bottom; }
      .user-account__link-list li .orders {
        background: url("../img/svg/DeJaeger_orders_account.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom; }
      .user-account__link-list li .credits {
        background: url("../img/svg/DeJaeger_credits_account.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom; }
      .user-account__link-list li .vaucher {
        background: url("../img/svg/DeJaeger_vaucher_account.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom; }
      .user-account__link-list li a {
        text-decoration: none;
        font-family: "FSSiena-Light", serif;
        font-size: 1.3em;
        color: #626060; }

.user-internal-pages {
  display: block;
  padding-top: 130px;
  background: #F5F5F5;
  padding-bottom: 80px; }
  .user-internal-pages__wrap {
    display: flex;
    width: 100;
    align-items: flex-start;
    justify-content: flex-start; }
  .user-internal-pages__link {
    display: inline-block;
    width: 23.72881%;
    background: #FFFFFF;
    margin-right: 1.69492%;
    padding: 20px 0;
    position: sticky;
    top: 30px; }
    .user-internal-pages__link h3 {
      font-family: "FSSiena-Light", serif;
      color: #2D2A28;
      font-size: 1.8em;
      margin-bottom: 5px;
      text-align: left;
      padding: 0 30px; }
    .user-internal-pages__link ul {
      display: block;
      margin-top: 10px; }
      .user-internal-pages__link ul .active {
        background: #FEBD69; }
        .user-internal-pages__link ul .active a {
          font-family: "FSSiena-Regular", serif;
          color: #fff2f2; }
      .user-internal-pages__link ul li {
        display: block;
        padding: 20px 0; }
        .user-internal-pages__link ul li a {
          font-family: "FSSiena-Light", serif;
          color: #626060;
          text-decoration: none;
          padding: 0 30px; }
  .user-internal-pages__main {
    display: inline-block;
    width: 74.57627%;
    padding: 0 60px;
    padding-top: 10px; }
    .user-internal-pages__main header {
      display: block;
      width: 100%; }
      .user-internal-pages__main header h1 {
        font-family: "Righteous", cursive;
        color: #2D2A28;
        font-size: 1.8em;
        text-transform: uppercase; }
      .user-internal-pages__main header p {
        font-family: "FSSiena-Regular", serif;
        font-size: 1em;
        color: #2D2A28;
        line-height: 1.2em; }
    .user-internal-pages__main table {
      display: block; }
      .user-internal-pages__main table thead {
        display: block;
        width: 100%;
        margin-top: 20px; }
        .user-internal-pages__main table thead tr {
          display: flex;
          align-items: center;
          align-content: center;
          background: white;
          text-align: center;
          padding: 20px; }
          .user-internal-pages__main table thead tr th {
            display: inline-block;
            width: 15.25424%;
            margin-left: 1.69492%;
            background: none;
            font-family: "FSSiena-Light", serif;
            font-size: 1em; }
            .user-internal-pages__main table thead tr th:nth-child(1) {
              margin-left: 0; }
      .user-internal-pages__main table tbody {
        display: block;
        width: 100%; }
        .user-internal-pages__main table tbody tr {
          display: flex;
          align-items: center;
          align-content: center;
          text-align: left;
          padding: 20px 0;
          border-bottom: 1px solid #B3B3B3; }
          .user-internal-pages__main table tbody tr td {
            display: inline-block;
            width: 15.25424%;
            margin-left: 1.69492%;
            padding: 3px;
            font-family: "FSSiena-Light", serif;
            color: #2D2A28;
            font-size: 1em; }
            .user-internal-pages__main table tbody tr td:nth-child(1) {
              margin-left: 0; }
    .user-internal-pages__main .wrap {
      display: flex;
      -webkit-flex-flow: row wrap;
      justify-content: flex-start; }
  .user-internal-pages__form {
    display: block;
    width: 80%;
    background: #FFFFFF;
    margin-top: 20px;
    padding: 20px; }
  .user-internal-pages__addAddress {
    display: inline-block;
    border: 1px solid #2D2A28;
    text-decoration: none;
    color: #2D2A28;
    font-family: "FSSiena-Regular", serif;
    padding: 10px 20px;
    margin-top: 20px; }
  .user-internal-pages__breadcrumb {
    display: block;
    margin-bottom: 10px; }
    .user-internal-pages__breadcrumb li {
      display: inline-block;
      vertical-align: middle;
      margin-right: 7px;
      font-family: "FSSiena-Light", serif; }
      .user-internal-pages__breadcrumb li a {
        text-decoration: none;
        color: #2D2A28;
        text-transform: uppercase; }
      .user-internal-pages__breadcrumb li:first-child {
        color: #B3B3B3; }
        .user-internal-pages__breadcrumb li:first-child::after {
          content: '>';
          margin-left: 7px; }

.user-blockAddress {
  width: 40.67797%;
  background-color: #FFFFFF;
  padding: 30px 20px;
  position: relative;
  margin: 15px 0;
  margin-right: 1.69492%; }
  .user-blockAddress__title {
    font-family: "FSSiena-Bold", serif;
    font-size: 1.2em;
    color: #2D2A28;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .user-blockAddress p {
    font-family: "FSSiena-Regular", serif;
    font-size: 1em;
    color: #2D2A28;
    line-height: 1.2em; }
  .user-blockAddress footer .icon-edit {
    position: absolute;
    bottom: 10px;
    right: 10px; }
    .user-blockAddress footer .icon-edit .edit-address {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 15px;
      background-image: url("../img/svg/edit-address.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .user-blockAddress footer .icon-edit .delete-address {
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url("../img/svg/delete-address.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
  .user-blockAddress__different-address {
    display: block;
    font-family: "FSSiena-Regular", serif;
    font-size: 1.2em;
    color: #2D2A28;
    text-decoration: underline;
    margin: 10px; }

/* --------------------------------------------
      ============== FOOTER ==============
  --------------------------------------------- */
.footer {
  display: block;
  background-color: #2D2A28;
  padding-top: 50px;
  padding-bottom: 30px; }
  .footer__wrap {
    display: flex;
    width: 100%;
    align-items: flex-start;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .footer__wrap {
        display: block; } }
  .footer__logo {
    width: 15.25424%;
    margin-right: 1.69492%;
    height: 240px;
    padding: 10px;
    background-image: url("../img/dejaeger_logo_footer.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
    @media screen and (max-width: 768px) {
      .footer__logo {
        display: none; } }
  .footer__link-block {
    display: inline-block;
    margin: 0 3.38983%; }
    @media screen and (max-width: 768px) {
      .footer__link-block {
        display: none; } }
    .footer__link-block h3 {
      display: block;
      font-family: "FSSiena-Regular", serif;
      font-size: 1.6em;
      color: #FFFFFF; }
    .footer__link-block ul {
      display: block;
      margin-top: 10px; }
      .footer__link-block ul li {
        display: block;
        margin: 8px 0; }
        .footer__link-block ul li a {
          text-decoration: none;
          font-family: "FSSiena-Light", serif;
          font-size: 1em;
          color: #B3B3B3; }
    @media screen and (min-width: 768px) {
      .footer__link-block--mobile {
        display: none; } }
    .footer__link-block--mobile details {
      position: relative; }
      .footer__link-block--mobile details h3 {
        display: inline-block;
        font-family: "FSSiena-Regular", serif;
        font-size: 1.2em;
        color: #FFFFFF; }
      .footer__link-block--mobile details .summary-ul {
        display: block;
        padding: 10px 30px; }
        .footer__link-block--mobile details .summary-ul li {
          display: block;
          margin: 8px 0; }
          .footer__link-block--mobile details .summary-ul li p {
            text-decoration: none;
            font-family: "FSSiena-Light", serif;
            font-size: 1em;
            color: #B3B3B3; }
          .footer__link-block--mobile details .summary-ul li a {
            text-decoration: none;
            font-family: "FSSiena-Light", serif;
            font-size: 1em;
            color: #B3B3B3; }
    .footer__link-block--mobile details summary::-webkit-details-marker {
      display: none; }
    .footer__link-block--mobile details summary::before {
      content: ""; }
    .footer__link-block--mobile summary {
      width: 100%;
      padding: 20px;
      padding-left: 25px;
      border-bottom: 1px solid #626060; }
    .footer__link-block--mobile summary:hover {
      color: #FFFFFF; }
    .footer__link-block--mobile summary:focus {
      outline: none; }
    .footer__link-block--mobile details[open] summary:before {
      transform: rotate(90deg); }
    .footer__link-block--mobile details[open] > summary {
      color: #FFFFFF; }
    .footer__link-block--mobile details[open] > summary ~ * {
      animation: open 1s ease; }

@keyframes open {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .footer__block-contact {
    display: inline-block;
    margin: 0 3.38983%; }
    @media screen and (max-width: 768px) {
      .footer__block-contact {
        display: none; } }
    .footer__block-contact h3 {
      display: block;
      font-family: "FSSiena-Regular", serif;
      font-size: 1.6em;
      color: #FFFFFF; }
    .footer__block-contact ul {
      display: block;
      margin-top: 10px; }
      .footer__block-contact ul li {
        display: block;
        margin: 8px 0; }
        .footer__block-contact ul li p {
          text-decoration: none;
          font-family: "FSSiena-Light", serif;
          font-size: 1em;
          color: #B3B3B3; }
        .footer__block-contact ul li a {
          text-decoration: underline;
          font-family: "FSSiena-Light", serif;
          font-size: 1em;
          color: #B3B3B3; }
  .footer__copyright {
    display: block;
    margin-top: 50px;
    width: 100%; }
    .footer__copyright span {
      font-family: "FSSiena-Light", serif;
      color: #5c5c5c;
      font-size: 0.9em; }
    .footer__copyright .credits {
      display: inline-block;
      float: right; }
      .footer__copyright .credits a {
        text-decoration: none;
        color: #D2D2D2; }
        .footer__copyright .credits a::after {
          content: url("../img/svg/mamboadv_logo.svg");
          margin-left: 5px; }

/*.......................................................................*/
.page-cms__header {
  display: block;
  width: 100%;
  height: 70vh;
  position: relative; }
  @media screen and (max-width: 480px) {
    .page-cms__header {
      height: 50vh; } }

.page-cms__main {
  display: block;
  width: 100%;
  padding: 80px 0;
  position: relative; }
  .page-cms__main .float-element-cms {
    position: absolute;
    top: 200px;
    left: 0; }
  .page-cms__main iframe {
    display: block;
    margin-top: 40px; }

.page-cms__cover-4 {
  background-image: radial-gradient(50% 123%, #FFFFFF 50%, #F5F5F5 69%, #E1E1E1 100%); }

.page-cms__cover-6 {
  background-image: radial-gradient(50% 123%, #FFFFFF 50%, #F5F5F5 69%, #F5EDD4 100%); }

.page-cms__container {
  padding: 0;
  padding-top: 50px; }
  @media (min-width: 768px) and (max-width: 1120px) {
    .page-cms__container {
      width: 100%;
      padding-top: 0; } }
  @media screen and (max-width: 768px) {
    .page-cms__container {
      padding-top: 0; } }

.page-cms__title {
  z-index: 99999; }
  @media (min-width: 768px) and (max-width: 1120px) {
    .page-cms__title {
      margin: 30px; } }
  @media screen and (max-width: 768px) {
    .page-cms__title {
      width: 100%;
      padding: 30px;
      background-image: linear-gradient(-180deg, rgba(131, 131, 131, 0.56) 7%, rgba(255, 255, 255, 0) 89%);
      font-size: 1.8em; } }

.page-cms__image-4 {
  display: block;
  width: 100%;
  height: 70vh;
  margin: 0 auto;
  position: relative;
  background: url("../img/cms/DeJaeger_chisiamo_cover-header.png");
  background-repeat: no-repeat;
  background-size: contain; }
  @media screen and (max-width: 480px) {
    .page-cms__image-4 {
      height: 50vh;
      background-position: bottom;
      top: 15px; } }

.page-cms__image-6 {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  background: url("../img/cms/DeJaeger_dove-siamo_cover-header.png");
  background-repeat: no-repeat;
  background-size: 700px;
  background-position: top center; }

.page-cms__content {
  display: flex;
  width: 100%;
  align-content: flex-start;
  justify-content: flex-start;
  margin-top: 30px; }
  @media screen and (max-width: 768px) {
    .page-cms__content {
      display: block;
      width: 100%; } }
  .page-cms__content h1, .page-cms__content h2, .page-cms__content h3, .page-cms__content h4 {
    font-family: "Righteous", cursive;
    font-size: 2em;
    text-transform: uppercase;
    color: #2D2A28;
    font-weight: normal;
    margin-bottom: 30px; }
  .page-cms__content p {
    font-family: "FSSiena-Regular", serif;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #707070;
    margin-bottom: 10px;
    margin-top: 10px; }

.page-cms__main-column {
  display: inline-block;
  width: 49.15254%;
  margin-right: 1.69492%; }
  @media screen and (max-width: 768px) {
    .page-cms__main-column {
      width: 100%;
      margin-right: 0;
      margin-bottom: 30px; } }

.page-cms__aside {
  display: inline-block;
  width: 49.15254%; }
  @media screen and (max-width: 768px) {
    .page-cms__aside {
      width: 100%;
      margin-bottom: 30px; } }
  .page-cms__aside ul {
    display: block; }
    .page-cms__aside ul li {
      display: block; }
      .page-cms__aside ul li img {
        float: right; }
      .page-cms__aside ul li:nth-child(2) img {
        float: left;
        position: relative;
        border: 4px solid white;
        bottom: 200px;
        z-index: 9; }
      .page-cms__aside ul li:nth-child(3) img {
        position: relative;
        bottom: 400px;
        z-index: 2; }

.shop-card {
  display: block; }
  .shop-card__img {
    display: inline-block;
    width: 32.20339%;
    margin-right: 1.69492%; }
    @media screen and (max-width: 768px) {
      .shop-card__img {
        display: block;
        width: 100%;
        max-height: 400px;
        margin-bottom: 25px; } }
    .shop-card__img img {
      display: block;
      width: 100%;
      height: auto; }
      @media screen and (max-width: 768px) {
        .shop-card__img img {
          display: block;
          width: 100%;
          max-height: 400px;
          object-fit: cover; } }
  .shop-card__text-block {
    display: inline-block;
    width: 66.10169%; }
    @media screen and (max-width: 768px) {
      .shop-card__text-block {
        display: block;
        width: 100%; } }
    .shop-card__text-block h1, .shop-card__text-block h2, .shop-card__text-block h3, .shop-card__text-block h4 {
      margin-bottom: 10px; }
    .shop-card__text-block p {
      margin: 20px 0; }
    .shop-card__text-block span {
      display: block;
      font-family: "FSSiena-Light", serif;
      color: #626060;
      font-size: 1.2em; }
    .shop-card__text-block ul {
      display: block; }
      .shop-card__text-block ul li {
        display: block;
        margin: 15px 0; }
        .shop-card__text-block ul li a {
          text-decoration: none;
          color: #2D2A28;
          font-family: "FSSiena-Regular", serif;
          font-size: 1.2em; }
          .shop-card__text-block ul li a span {
            display: inline;
            color: #B3B3B3;
            font-family: "FSSiena-Light", serif;
            font-size: 1em; }

/*
STATIC BLOCK

============ ARTIGIANAL PRODUCTION ==============
*/
.artigianalProduction {
  display: block;
  width: 100%;
  padding: 100px 0;
  box-sizing: border-box;
  background-image: radial-gradient(50% 125%, #8A593F 50%, #381C1C 100%); }
  .artigianalProduction h1 {
    color: #FFFFFF; }
  .artigianalProduction__container {
    display: flex;
    width: 100%;
    align-content: center;
    margin-top: 30px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .artigianalProduction__container {
        display: block;
        margin-top: 10px; } }
  .artigianalProduction__box {
    display: inline-block;
    width: 50%;
    height: 70vh;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 5; }
    @media screen and (max-width: 768px) {
      .artigianalProduction__box {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 30px; } }
    .artigianalProduction__box img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.2s linear;
      position: relative; }
  .artigianalProduction__claimBox {
    display: block;
    width: 90%;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #DCC180;
    padding: 30px 0;
    position: absolute;
    top: 50%;
    /* position the top  edge of the element at the middle of the parent */
    left: 50%;
    /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    text-align: center;
    border: none;
    text-align: left;
    box-sizing: border-box;
    padding: 20px 40px;
    background: rgba(255, 255, 255, 0.85);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    z-index: 200; }
    @media screen and (max-width:480px){
      .artigianalProduction__claimBox{
        width: 100%;
        padding: 15px;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
      }
      .artigianalProduction__box img {
        display: block;
        width: 100%;
        height: 300px;
        object-fit: cover;
      }


    }
    .artigianalProduction__claimBox p {
      font-family: "FSSiena-Regular", serif;
      color: #626060;
      margin-bottom: 20px;
      font-size: 1.1em;
      line-height: 1.3em; }
    .artigianalProduction__claimBox h1 {
      font-family: "Righteous", cursive;
      color: #472400;
      font-size: 1.8em;
      text-transform: uppercase;
      margin-bottom: 15px; }
      @media screen and (max-width:480px){
        .artigianalProduction__claimBox h1 {
          font-size: 1.5em;}
      }

    .artigianalProduction__claimBox a {
      display: inline-block;
      background: #DBA82B;
      color: #FFFFFF;
      font-family: "FSSiena-Bold", serif;
      font-size: 1.1em;
      text-decoration: none;
      text-transform: uppercase;
      padding: 10px 30px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33); }

.mask {
  background-color: rgba(12, 19, 27, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  z-index: 15; }

#box-l:hover img {
  transform: scale(1.1); }

#box-l:hover .mask {
  opacity: 1; }

#box-l:hover .artigianalProduction__claimBox {
  background: white; }

#box-r:hover img {
  transform: scale(1.1); }

#box-r:hover .mask {
  opacity: 1; }

#box-r:hover .artigianalProduction__claimBox {
  background: white; }

.floatPraline-1 {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 50px;
  left: -80px;
  z-index: 99; }

.floatPraline-2 {
  position: absolute;
  width: 150px;
  bottom: 130px;
  right: -30px;
  z-index: 99; }

.floatPraline-3 {
  position: absolute;
  width: 150px;
  top: -80px;
  right: -30px;
  z-index: 99; }

.animation {
  animation-duration: 5s;
  animation-timing-function: ease-in-out; }
  .animation--infinite {
    animation-iteration-count: infinite; }
  .animation--up-down {
    animation-name: upDown; }
  .animation--up-down-slow {
    animation-name: upDownSlow; }

.animation-slow {
  animation-duration: 2s;
  animation-timing-function: ease-in-out; }
  .animation-slow--infinite {
    animation-iteration-count: infinite; }
  .animation-slow--up-down {
    animation-name: upDown; }
  .animation-slow--up-down-slow {
    animation-name: upDownSlow; }

@keyframes upDown {
  0% {
    transform: translateY(-20px); }
  50% {
    transform: translateY(0); }
  100% {
    transform: translateY(-20px); } }

@keyframes upDownSlow {
  0% {
    transform: translateY(-5px); }
  50% {
    transform: translateY(0); }
  100% {
    transform: translateY(-5px); } }

/*
============ FRANCHISING ==============
*/
.franchising {
  display: block;
  width: 100%;
  padding: 80px 0;
  background-image: url("../img/cover_franchising.jpg"); }
  .franchising__container {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box; }
    @media screen and (max-width: 480px) {
      .franchising__container {
        width: 100%; } }
  .franchising__img {
    display: inline-block;
    width: 49.15254%;
    height: auto; }
    @media screen and (max-width: 480px) {
      .franchising__img {
        display: none; } }
    .franchising__img img {
      display: block;
      width: 200px;
      margin: 0 auto; }
  .franchising__box {
    display: inline-block;
    z-index: 999999999 !important;
    width: 49.15254%;
    margin-left: 1.69492%;
    background: #FFFFFF;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    padding: 80px 30px;
    box-shadow: 6px 7px 24px 1px rgba(107, 107, 107, 0.16); }
    @media screen and (max-width: 480px) {
      .franchising__box {
        width: 95%;
        margin: 0 auto; } }
    .franchising__box .border {
      padding: 80px 30px;
      background: #FFFFFF;
      position: relative;
      top: 25px;
      left: 25px;
      box-shadow: 6px 7px 24px 1px rgba(107, 107, 107, 0.26); }
    .franchising__box p {
      display: block;
      width: 100%;
      font-family: "FSSiena-Regular", serif;
      color: #626060;
      margin-bottom: 20px;
      font-size: 1.1em;
      line-height: 1.3em; }
    .franchising__box h1 {
      font-family: "Righteous", cursive;
      color: #472400;
      font-size: 1.8em;
      text-transform: uppercase;
      margin-bottom: 15px; }
      @media screen and (max-width: 480px) {
        .franchising__box h1 {
          font-size: 1.5em; } }
    .franchising__box a {
      display: inline-block;
      background: #DBA82B;
      color: #FFFFFF;
      font-family: "FSSiena-Bold", serif;
      font-size: 1.1em;
      text-decoration: none;
      text-transform: uppercase;
      padding: 10px 30px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33); }

/*
============ STORE POINT ==============
*/
.store {
  display: block;
  width: 100%;
  padding: 50px 0;
  background: #FFFFFF; }
  .store__container {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .store__container {
        display: block;
        margin-top: 10px; } }
  .store__image {
    width: 49.15254%;
    height: 400px; }
    @media screen and (max-width: 768px) {
      .store__image {
        width: 100%;
        height: auto; } }
    .store__image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .store__claimBox {
    display: inline-block;
    z-index: 999999999 !important;
    width: 49.15254%;
    margin-left: 1.69492%;
    background: #FFFFFF;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    padding: 80px 30px;
    box-shadow: 6px 7px 24px 1px rgba(107, 107, 107, 0.16); }
    @media screen and (max-width: 768px) {
      .store__claimBox {
        width: 100%;
        height: auto;
        box-shadow: none;
        margin: 0 auto;
        padding: 20px; } }
    .store__claimBox p {
      display: block;
      width: 100%;
      font-family: "FSSiena-Regular", serif;
      color: #626060;
      margin-bottom: 20px;
      font-size: 1.1em;
      line-height: 1.3em; }
    .store__claimBox h1 {
      font-family: "Righteous", cursive;
      color: #472400;
      font-size: 1.8em;
      text-transform: uppercase;
      margin-bottom: 15px; }
    .store__claimBox a {
      display: inline-block;
      background: #DBA82B;
      color: #FFFFFF;
      font-family: "FSSiena-Bold", serif;
      font-size: 1.1em;
      text-decoration: none;
      text-transform: uppercase;
      padding: 10px 30px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33); }

.order_confirmation__header {
  display: block;
  padding-top: 100px; }
  .order_confirmation__header h3::after {
    content: url("../img/svg/order-check.svg");
    margin-left: 10px;
    position: relative;
    top: 5px; }
  .order_confirmation__header p {
    margin-top: 15px; }

.order_confirmation__container {
  display: flex;
  max-width: 1120px;
  margin: 0 auto;
  margin-top: 20px;
  padding-top: 20px;
  justify-content: flex-start;
  border-top: 2px solid #DBA82B;
  margin-bottom: 80px; }
  .order_confirmation__container .order-items {
    display: inline-block;
    width: 66.10169%;
    margin-right: 1.69492%;
    padding-top: 15px; }
    .order_confirmation__container .order-items h3 {
      display: block;
      font-family: "FSSiena-Regular", serif;
      font-size: 1.7em;
      color: #2D2A28;
      text-transform: uppercase; }
    .order_confirmation__container .order-items table tbody {
      width: 100%; }
      .order_confirmation__container .order-items table tbody tr {
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .order_confirmation__container .order-items table tbody .other-info {
        margin-bottom: 15px; }
      .order_confirmation__container .order-items table tbody td {
        width: auto;
        font-family: "FSSiena-Light", serif;
        color: #2D2A28;
        font-size: 1.1em; }
        .order_confirmation__container .order-items table tbody td .product-image img {
          display: block;
          max-width: 150px; }
    .order_confirmation__container .order-items hr {
      display: block;
      margin: 15px 0;
      height: 1px;
      background: #B3B3B3;
      border: none; }
  .order_confirmation__container .order-details {
    display: inline-block;
    width: 32.20339%;
    background: #F5F5F5;
    padding: 15px; }
    .order_confirmation__container .order-details h3 {
      display: block;
      font-family: "FSSiena-Regular", serif;
      font-size: 1.7em;
      color: #2D2A28;
      text-transform: uppercase; }
    .order_confirmation__container .order-details ul {
      display: block; }
      .order_confirmation__container .order-details ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 5px;
        margin: 10px 0;
        font-family: "FSSiena-Light", serif;
        color: #2D2A28;
        font-size: 1.1em; }

/*
============ CONTACT PAGE ==============
*/
.contact-page {
  display: block;
  padding: 100px 0; }
  .contact-page__container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .contact-page__container {
        display: block; } }
  .contact-page__main {
    display: inline-block;
    width: 66.10169%;
    margin-right: 1.69492%; }
    @media screen and (max-width: 768px) {
      .contact-page__main {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.69492%; } }
  .contact-page__aside {
    display: inline-block;
    width: 32.20339%; }
    @media screen and (max-width: 768px) {
      .contact-page__aside {
        width: 100%;
        margin-right: 0; } }
    .contact-page__aside h3 {
      font-family: "Righteous", cursive;
      font-size: 2em;
      text-transform: uppercase;
      color: #2D2A28;
      font-weight: normal;
      padding-bottom: 10px;
      border-bottom: 2px solid #DBA82B;
      margin-bottom: 20px; }

.contact-form h3 {
  font-family: "Righteous", cursive;
  font-size: 2em;
  text-transform: uppercase;
  color: #2D2A28;
  font-weight: normal;
  padding-bottom: 10px;
  border-bottom: 2px solid #DBA82B;
  margin-bottom: 20px; }

.contact-form header {
  display: block;
  font-family: "FSSiena-Regular", serif;
  font-size: 1.2em;
  color: #2D2A28;
  margin-bottom: 20px; }

.contact-form__textarea {
  display: block;
  width: 100%;
  padding: 10px; }

.contact-form__btn {
  display: block;
  width: 100%;
  color: #FFFFFF;
  background: #DBA82B;
  padding: 15px 0;
  font-family: "FSSiena-Bold", serif;
  text-transform: uppercase;
  font-size: 1.4em;
  border: none;
  margin-top: 20px; }

.contact-form .notification-error {
  font-family: "FSSiena-Light", serif;
  text-transform: uppercase;
  font-size: 1.1em;
  color: #fc3737; }

.contact-form .notification-success {
  background: none; }
  .contact-form .notification-success ul li {
    display: inline-block;
    font-family: "FSSiena-Light", serif;
    text-transform: uppercase;
    font-size: 1.4em;
    color: #2D2A28; }
    .contact-form .notification-success ul li::after {
      content: url("../img/svg/order-check.svg");
      margin-left: 10px;
      position: relative;
      top: 10px; }

.contact-info {
  display: block;
  width: 100%; }
  .contact-info li {
    display: block;
    margin: 20px 0; }
  .contact-info__box {
    background: #2D2A28;
    padding: 40px 20px; }
    .contact-info__box h4 {
      font-family: "Righteous", cursive;
      font-size: 1.4em;
      text-transform: uppercase;
      color: #FFFFFF;
      font-weight: normal;
      margin-bottom: 15px; }
    .contact-info__box p {
      display: block;
      font-family: "FSSiena-Light", serif;
      font-size: 1em;
      color: #B3B3B3;
      margin-bottom: 10px; }
      .contact-info__box p a {
        text-decoration: underline;
        color: #B3B3B3; }