/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
/**
 * MageSpecialist
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to info@magespecialist.it so we can send you a copy immediately.
 *
 * @category   MSP
 * @package    MSP_ReCaptcha
 * @copyright  Copyright (c) 2017 Skeeller srl (http://www.magespecialist.it)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */
.login-container .g-recaptcha,
.form-login .g-recaptcha {
  margin-bottom: 10px !important;
}
.required-captcha.checkbox {
  position: absolute;
  display: block;
  visibility: visible;
  overflow: hidden;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.review-form .field-recaptcha {
  margin-bottom: 10px;
}
.form.send.friend .g-recaptcha {
  margin-top: 40px;
}
@media only screen and (min-width: 960px) {
  .aw-afptc__promo-products .awafptcuk-slider .awafptcuk-slider-container {
    max-width: 740px !important;
  }
}
/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * 1. Allow cells to wrap into the next line
 * 2. Reset list
 */
.awafptcuk-grid {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * Grid cell
 * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
 * Reset margin for e.g. paragraphs
 */
.awafptcuk-grid > * {
  margin: 0;
}
/*
 * Remove margin from the last-child
 */
.awafptcuk-grid > * > :last-child {
  margin-bottom: 0;
}
/* Gutter
 ========================================================================== */
/*
 * Default
 */
/* Horizontal */
.awafptcuk-grid {
  margin-left: -30px;
}
.awafptcuk-grid > * {
  padding-left: 30px;
}
/* Vertical */
.awafptcuk-grid + .awafptcuk-grid,
.awafptcuk-grid > .awafptcuk-grid-margin,
* + .awafptcuk-grid-margin {
  margin-top: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .awafptcuk-grid {
    margin-left: -40px;
  }
  .awafptcuk-grid > * {
    padding-left: 40px;
  }
  /* Vertical */
  .awafptcuk-grid + .awafptcuk-grid,
  .awafptcuk-grid > .awafptcuk-grid-margin,
  * + .awafptcuk-grid-margin {
    margin-top: 40px;
  }
}
/*
 * Small
 */
/* Horizontal */
.awafptcuk-grid-small {
  margin-left: -15px;
}
.awafptcuk-grid-small > * {
  padding-left: 15px;
}
/* Vertical */
.awafptcuk-grid + .awafptcuk-grid-small,
.awafptcuk-grid-small > .awafptcuk-grid-margin,
* + .awafptcuk-grid-margin-small {
  margin-top: 15px;
}
/*
 * Medium
 */
/* Horizontal */
.awafptcuk-grid-medium {
  margin-left: -30px;
}
.awafptcuk-grid-medium > * {
  padding-left: 30px;
}
/* Vertical */
.awafptcuk-grid + .awafptcuk-grid-medium,
.awafptcuk-grid-medium > .awafptcuk-grid-margin,
* + .awafptcuk-grid-margin-medium {
  margin-top: 30px;
}
/*
 * Large
 */
/* Horizontal */
.awafptcuk-grid-large {
  margin-left: -40px;
}
.awafptcuk-grid-large > * {
  padding-left: 40px;
}
/* Vertical */
.awafptcuk-grid + .awafptcuk-grid-large,
.awafptcuk-grid-large > .awafptcuk-grid-margin,
* + .awafptcuk-grid-margin-large {
  margin-top: 40px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .awafptcuk-grid-large {
    margin-left: -70px;
  }
  .awafptcuk-grid-large > * {
    padding-left: 70px;
  }
  /* Vertical */
  .awafptcuk-grid + .awafptcuk-grid-large,
  .awafptcuk-grid-large > .awafptcuk-grid-margin,
  * + .awafptcuk-grid-margin-large {
    margin-top: 70px;
  }
}
/*
 * Collapse
 */
/* Horizontal */
.awafptcuk-grid-collapse {
  margin-left: 0;
}
.awafptcuk-grid-collapse > * {
  padding-left: 0;
}
/* Vertical */
.awafptcuk-grid + .awafptcuk-grid-collapse,
.awafptcuk-grid-collapse > .awafptcuk-grid-margin {
  margin-top: 0;
}
/* Divider
 ========================================================================== */
.awafptcuk-grid-divider > * {
  position: relative;
}
.awafptcuk-grid-divider > :not(.awafptcuk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #e5e5e5;
}
/* Vertical */
.awafptcuk-grid-divider.awafptcuk-grid-stack > .awafptcuk-grid-margin::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
}
/*
 * Default
 */
/* Horizontal */
.awafptcuk-grid-divider {
  margin-left: -60px;
}
.awafptcuk-grid-divider > * {
  padding-left: 60px;
}
.awafptcuk-grid-divider > :not(.awafptcuk-first-column)::before {
  left: 30px;
}
/* Vertical */
.awafptcuk-grid-divider.awafptcuk-grid-stack > .awafptcuk-grid-margin {
  margin-top: 60px;
}
.awafptcuk-grid-divider.awafptcuk-grid-stack > .awafptcuk-grid-margin::before {
  top: -30px;
  left: 60px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .awafptcuk-grid-divider {
    margin-left: -80px;
  }
  .awafptcuk-grid-divider > * {
    padding-left: 80px;
  }
  .awafptcuk-grid-divider > :not(.awafptcuk-first-column)::before {
    left: 40px;
  }
  /* Vertical */
  .awafptcuk-grid-divider.awafptcuk-grid-stack > .awafptcuk-grid-margin {
    margin-top: 80px;
  }
  .awafptcuk-grid-divider.awafptcuk-grid-stack > .awafptcuk-grid-margin::before {
    top: -40px;
    left: 80px;
  }
}
/*
 * Small
 */
/* Horizontal */
.awafptcuk-grid-divider.awafptcuk-grid-small {
  margin-left: -30px;
}
.awafptcuk-grid-divider.awafptcuk-grid-small > * {
  padding-left: 30px;
}
.awafptcuk-grid-divider.awafptcuk-grid-small > :not(.awafptcuk-first-column)::before {
  left: 15px;
}
/* Vertical */
.awafptcuk-grid-divider.awafptcuk-grid-small.awafptcuk-grid-stack > .awafptcuk-grid-margin {
  margin-top: 30px;
}
.awafptcuk-grid-divider.awafptcuk-grid-small.awafptcuk-grid-stack > .awafptcuk-grid-margin::before {
  top: -15px;
  left: 30px;
}
/*
 * Medium
 */
/* Horizontal */
.awafptcuk-grid-divider.awafptcuk-grid-medium {
  margin-left: -60px;
}
.awafptcuk-grid-divider.awafptcuk-grid-medium > * {
  padding-left: 60px;
}
.awafptcuk-grid-divider.awafptcuk-grid-medium > :not(.awafptcuk-first-column)::before {
  left: 30px;
}
/* Vertical */
.awafptcuk-grid-divider.awafptcuk-grid-medium.awafptcuk-grid-stack > .awafptcuk-grid-margin {
  margin-top: 60px;
}
.awafptcuk-grid-divider.awafptcuk-grid-medium.awafptcuk-grid-stack > .awafptcuk-grid-margin::before {
  top: -30px;
  left: 60px;
}
/*
 * Large
 */
/* Horizontal */
.awafptcuk-grid-divider.awafptcuk-grid-large {
  margin-left: -80px;
}
.awafptcuk-grid-divider.awafptcuk-grid-large > * {
  padding-left: 80px;
}
.awafptcuk-grid-divider.awafptcuk-grid-large > :not(.awafptcuk-first-column)::before {
  left: 40px;
}
/* Vertical */
.awafptcuk-grid-divider.awafptcuk-grid-large.awafptcuk-grid-stack > .awafptcuk-grid-margin {
  margin-top: 80px;
}
.awafptcuk-grid-divider.awafptcuk-grid-large.awafptcuk-grid-stack > .awafptcuk-grid-margin::before {
  top: -40px;
  left: 80px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .awafptcuk-grid-divider.awafptcuk-grid-large {
    margin-left: -140px;
  }
  .awafptcuk-grid-divider.awafptcuk-grid-large > * {
    padding-left: 140px;
  }
  .awafptcuk-grid-divider.awafptcuk-grid-large > :not(.awafptcuk-first-column)::before {
    left: 70px;
  }
  /* Vertical */
  .awafptcuk-grid-divider.awafptcuk-grid-large.awafptcuk-grid-stack > .awafptcuk-grid-margin {
    margin-top: 140px;
  }
  .awafptcuk-grid-divider.awafptcuk-grid-large.awafptcuk-grid-stack > .awafptcuk-grid-margin::before {
    top: -70px;
    left: 140px;
  }
}
/* Match child of a grid cell
 ========================================================================== */
/*
 * Behave like a block element
 * 1. Wrap into the next line
 * 2. Take the full width, at least 100%. Only if no class from the Width component is set.
 * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
 */
.awafptcuk-grid-match > *,
.awafptcuk-grid-item-match {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
}
.awafptcuk-grid-match > * > :not([class*='awafptcuk-width']),
.awafptcuk-grid-item-match > :not([class*='awafptcuk-width']) {
  /* 2 */
  box-sizing: border-box;
  width: 100%;
  /* 3 */
  flex: auto;
}
/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * Adopts `awafptcuk-icon`
 */
.awafptcuk-slidenav {
  padding: 5px 10px;
  color: rgba(102, 102, 102, 0.5);
}
/* Hover + Focus */
.awafptcuk-slidenav:hover,
.awafptcuk-slidenav:focus {
  color: rgba(102, 102, 102, 0.9);
  outline: none;
}
/* OnClick */
.awafptcuk-slidenav:active {
  color: rgba(102, 102, 102, 0.5);
}
/* Icon modifier
 ========================================================================== */
/*
 * Previous
 */
/*
 * Next
 */
/* Size modifier
 ========================================================================== */
.awafptcuk-slidenav-large {
  padding: 10px 10px;
}
/* Container
 ========================================================================== */
.awafptcuk-slidenav-container {
  display: flex;
}
/* ========================================================================
   Component: Dotnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */
.awafptcuk-dotnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -12px;
}
/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 */
.awafptcuk-dotnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 12px;
}
/* Items
 ========================================================================== */
/*
 * Items
 * 1. Hide text if present
 */
.awafptcuk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(102, 102, 102, 0.2);
  /* 1 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
/* Hover + Focus */
.awafptcuk-dotnav > * > :hover,
.awafptcuk-dotnav > * > :focus {
  background-color: rgba(102, 102, 102, 0.6);
  outline: none;
}
/* OnClick */
.awafptcuk-dotnav > * > :active {
  background-color: rgba(102, 102, 102, 0.2);
}
/* Active */
.awafptcuk-dotnav > .awafptcuk-active > * {
  background-color: rgba(102, 102, 102, 0.6);
}
/* Modifier: 'awafptcuk-dotnav-vertical'
 ========================================================================== */
/*
 * 1. Change direction
 * 2. Gutter
 */
.awafptcuk-dotnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -12px;
}
/* 2 */
.awafptcuk-dotnav-vertical > * {
  padding-left: 0;
  padding-top: 12px;
}
/* ========================================================================
   Component: Slider
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
.awafptcuk-slider {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}
/* Container
 ========================================================================== */
/*
 * 1. Clip child elements
 */
.awafptcuk-slider-container {
  /* 1 */
  overflow: hidden;
}
/* Items
 ========================================================================== */
/*
 * 1. Optimize animation
 * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
 */
.awafptcuk-slider-items {
  /* 1 */
  will-change: transform;
  /* 2 */
  position: relative;
}
/*
 * 1. Reset list style without interfering with grid
 * 2. Prevent displaying the callout information on iOS.
 */
.awafptcuk-slider-items:not(.awafptcuk-grid) {
  display: flex;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 2 */
  -webkit-touch-callout: none;
}
.awafptcuk-slider-items.awafptcuk-grid {
  flex-wrap: nowrap;
}
/* Item
 ========================================================================== */
/*
 * 1. Let items take content dimensions (0 0 auto)
 * 2. Create position context
 * 3. Disable horizontal panning gestures in IE11 and Edge
 */
.awafptcuk-slider-items > * {
  /* 1 */
  flex: none;
  /* 2 */
  position: relative;
  /* 3 */
  touch-action: pan-y;
}
/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*='awafptcuk-animation-'] {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
/* Direction modifier
 ========================================================================== */
.awafptcuk-animation-reverse {
  animation-direction: reverse;
  animation-timing-function: ease-in;
}
/* Animations for scrollspy
 ========================================================================== */
/*
 * Fade
 */
.awafptcuk-animation-fade {
  animation-name: awafptcuk-fade;
  animation-duration: 0.8s;
  animation-timing-function: linear;
}
/*
 * Scale
 */
.awafptcuk-animation-scale-up {
  animation-name: awafptcuk-fade-scale-02;
}
.awafptcuk-animation-scale-down {
  animation-name: awafptcuk-fade-scale-18;
}
/*
 * Slide
 */
.awafptcuk-animation-slide-top {
  animation-name: awafptcuk-fade-top;
}
.awafptcuk-animation-slide-bottom {
  animation-name: awafptcuk-fade-bottom;
}
.awafptcuk-animation-slide-left {
  animation-name: awafptcuk-fade-left;
}
.awafptcuk-animation-slide-right {
  animation-name: awafptcuk-fade-right;
}
/*
 * Slide Small
 */
.awafptcuk-animation-slide-top-small {
  animation-name: awafptcuk-fade-top-small;
}
.awafptcuk-animation-slide-bottom-small {
  animation-name: awafptcuk-fade-bottom-small;
}
.awafptcuk-animation-slide-left-small {
  animation-name: awafptcuk-fade-left-small;
}
.awafptcuk-animation-slide-right-small {
  animation-name: awafptcuk-fade-right-small;
}
/*
 * Slide Medium
 */
.awafptcuk-animation-slide-top-medium {
  animation-name: awafptcuk-fade-top-medium;
}
.awafptcuk-animation-slide-bottom-medium {
  animation-name: awafptcuk-fade-bottom-medium;
}
.awafptcuk-animation-slide-left-medium {
  animation-name: awafptcuk-fade-left-medium;
}
.awafptcuk-animation-slide-right-medium {
  animation-name: awafptcuk-fade-right-medium;
}
/*
 * Kenburns
 */
.awafptcuk-animation-kenburns {
  animation-name: awafptcuk-scale-kenburns;
  animation-duration: 15s;
}
/*
 * Shake
 */
.awafptcuk-animation-shake {
  animation-name: awafptcuk-shake;
}
/* Duration modifier
 ========================================================================== */
.awafptcuk-animation-fast {
  animation-duration: 0.1s;
}
/* Enable animation only on hover
========================================================================== */
/*
 * Note: Firefox and IE needs this because animations are not triggered when switching between display `none` and `block`
 */
.awafptcuk-animation-toggle:not(:hover):not(.awafptcuk-hover) [class*='awafptcuk-animation-'] {
  animation-name: none;
}
/* Keyframes used by animation classes
 ========================================================================== */
/*
 * Fade
 */
@keyframes awafptcuk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Slide Top
 */
@keyframes awafptcuk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom
 */
@keyframes awafptcuk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left
 */
@keyframes awafptcuk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right
 */
@keyframes awafptcuk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Top Small
 */
@keyframes awafptcuk-fade-top-small {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom Small
 */
@keyframes awafptcuk-fade-bottom-small {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left Small
 */
@keyframes awafptcuk-fade-left-small {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right Small
 */
@keyframes awafptcuk-fade-right-small {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Top Medium
 */
@keyframes awafptcuk-fade-top-medium {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom Medium
 */
@keyframes awafptcuk-fade-bottom-medium {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left Medium
 */
@keyframes awafptcuk-fade-left-medium {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right Medium
 */
@keyframes awafptcuk-fade-right-medium {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Scale Up
 */
@keyframes awafptcuk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale Down
 */
@keyframes awafptcuk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Kenburns
 */
@keyframes awafptcuk-scale-kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/*
 * Shake
 */
@keyframes awafptcuk-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
/* ========================================================================
   Component: Width
 ========================================================================== */
/* Equal child widths
 ========================================================================== */
[class*='awafptcuk-child-width'] > * {
  box-sizing: border-box;
  width: 100%;
}
.awafptcuk-child-width-1-2 > * {
  width: 50%;
}
.awafptcuk-child-width-1-3 > * {
  width: calc(100% * 1 / 3.001);
}
.awafptcuk-child-width-1-4 > * {
  width: 25%;
}
.awafptcuk-child-width-1-5 > * {
  width: 20%;
}
.awafptcuk-child-width-1-6 > * {
  width: calc(100% * 1 / 6.001);
}
.awafptcuk-child-width-auto > * {
  width: auto;
}
/*
 * 1. Reset the `min-width`, which is set to auto by default, because
 *    flex items won't shrink below their minimum intrinsic content size.
 *    Using `1px` instead of `0`, so items still wrap into the next line,
 *    if they have zero width and padding and the predecessor is 100% wide.
 */
.awafptcuk-child-width-expand > :not([class*='awafptcuk-width']) {
  flex: 1;
  /* 1 */
  min-width: 1px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .awafptcuk-child-width-1-1\@s > * {
    width: 100%;
  }
  .awafptcuk-child-width-1-2\@s > * {
    width: 50%;
  }
  .awafptcuk-child-width-1-3\@s > * {
    width: calc(100% * 1 / 3.001);
  }
  .awafptcuk-child-width-1-4\@s > * {
    width: 25%;
  }
  .awafptcuk-child-width-1-5\@s > * {
    width: 20%;
  }
  .awafptcuk-child-width-1-6\@s > * {
    width: calc(100% * 1 / 6.001);
  }
  .awafptcuk-child-width-auto\@s > * {
    width: auto;
  }
  .awafptcuk-child-width-expand\@s > :not([class*='awafptcuk-width']) {
    flex: 1;
    min-width: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .awafptcuk-child-width-1-1\@m > * {
    width: 100%;
  }
  .awafptcuk-child-width-1-2\@m > * {
    width: 50%;
  }
  .awafptcuk-child-width-1-3\@m > * {
    width: calc(100% * 1 / 3.001);
  }
  .awafptcuk-child-width-1-4\@m > * {
    width: 25%;
  }
  .awafptcuk-child-width-1-5\@m > * {
    width: 20%;
  }
  .awafptcuk-child-width-1-6\@m > * {
    width: calc(100% * 1 / 6.001);
  }
  .awafptcuk-child-width-auto\@m > * {
    width: auto;
  }
  .awafptcuk-child-width-expand\@m > :not([class*='awafptcuk-width']) {
    flex: 1;
    min-width: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .awafptcuk-child-width-1-1\@l > * {
    width: 100%;
  }
  .awafptcuk-child-width-1-2\@l > * {
    width: 50%;
  }
  .awafptcuk-child-width-1-3\@l > * {
    width: calc(100% * 1 / 3.001);
  }
  .awafptcuk-child-width-1-4\@l > * {
    width: 25%;
  }
  .awafptcuk-child-width-1-5\@l > * {
    width: 20%;
  }
  .awafptcuk-child-width-1-6\@l > * {
    width: calc(100% * 1 / 6.001);
  }
  .awafptcuk-child-width-auto\@l > * {
    width: auto;
  }
  .awafptcuk-child-width-expand\@l > :not([class*='awafptcuk-width']) {
    flex: 1;
    min-width: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .awafptcuk-child-width-1-1\@xl > * {
    width: 100%;
  }
  .awafptcuk-child-width-1-2\@xl > * {
    width: 50%;
  }
  .awafptcuk-child-width-1-3\@xl > * {
    width: calc(100% * 1 / 3.001);
  }
  .awafptcuk-child-width-1-4\@xl > * {
    width: 25%;
  }
  .awafptcuk-child-width-1-5\@xl > * {
    width: 20%;
  }
  .awafptcuk-child-width-1-6\@xl > * {
    width: calc(100% * 1 / 6.001);
  }
  .awafptcuk-child-width-auto\@xl > * {
    width: auto;
  }
  .awafptcuk-child-width-expand\@xl > :not([class*='awafptcuk-width']) {
    flex: 1;
    min-width: 1px;
  }
}
/* Single Widths
 ========================================================================== */
/*
 * 1. `max-width` is needed for the pixel-based classes
 */
[class*='awafptcuk-width'] {
  box-sizing: border-box;
  width: 100%;
  /* 1 */
  max-width: 100%;
}
/* Halves */
.awafptcuk-width-1-2 {
  width: 50%;
}
/* Thirds */
.awafptcuk-width-1-3 {
  width: calc(100% * 1 / 3.001);
}
.awafptcuk-width-2-3 {
  width: calc(100% * 2 / 3.001);
}
/* Quarters */
.awafptcuk-width-1-4 {
  width: 25%;
}
.awafptcuk-width-3-4 {
  width: 75%;
}
/* Fifths */
.awafptcuk-width-1-5 {
  width: 20%;
}
.awafptcuk-width-2-5 {
  width: 40%;
}
.awafptcuk-width-3-5 {
  width: 60%;
}
.awafptcuk-width-4-5 {
  width: 80%;
}
/* Sixths */
.awafptcuk-width-1-6 {
  width: calc(100% * 1 / 6.001);
}
.awafptcuk-width-5-6 {
  width: calc(100% * 5 / 6.001);
}
/* Pixel */
.awafptcuk-width-small {
  width: 150px;
}
.awafptcuk-width-medium {
  width: 300px;
}
.awafptcuk-width-large {
  width: 450px;
}
.awafptcuk-width-xlarge {
  width: 600px;
}
.awafptcuk-width-xxlarge {
  width: 750px;
}
/* Auto */
.awafptcuk-width-auto {
  width: auto;
}
/* Expand */
.awafptcuk-width-expand {
  flex: 1;
  min-width: 1px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* Whole */
  .awafptcuk-width-1-1\@s {
    width: 100%;
  }
  /* Halves */
  .awafptcuk-width-1-2\@s {
    width: 50%;
  }
  /* Thirds */
  .awafptcuk-width-1-3\@s {
    width: calc(100% * 1 / 3.001);
  }
  .awafptcuk-width-2-3\@s {
    width: calc(100% * 2 / 3.001);
  }
  /* Quarters */
  .awafptcuk-width-1-4\@s {
    width: 25%;
  }
  .awafptcuk-width-3-4\@s {
    width: 75%;
  }
  /* Fifths */
  .awafptcuk-width-1-5\@s {
    width: 20%;
  }
  .awafptcuk-width-2-5\@s {
    width: 40%;
  }
  .awafptcuk-width-3-5\@s {
    width: 60%;
  }
  .awafptcuk-width-4-5\@s {
    width: 80%;
  }
  /* Sixths */
  .awafptcuk-width-1-6\@s {
    width: calc(100% * 1 / 6.001);
  }
  .awafptcuk-width-5-6\@s {
    width: calc(100% * 5 / 6.001);
  }
  /* Pixel */
  .awafptcuk-width-small\@s {
    width: 150px;
  }
  .awafptcuk-width-medium\@s {
    width: 300px;
  }
  .awafptcuk-width-large\@s {
    width: 450px;
  }
  .awafptcuk-width-xlarge\@s {
    width: 600px;
  }
  .awafptcuk-width-xxlarge\@s {
    width: 750px;
  }
  /* Auto */
  .awafptcuk-width-auto\@s {
    width: auto;
  }
  /* Expand */
  .awafptcuk-width-expand\@s {
    flex: 1;
    min-width: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* Whole */
  .awafptcuk-width-1-1\@m {
    width: 100%;
  }
  /* Halves */
  .awafptcuk-width-1-2\@m {
    width: 50%;
  }
  /* Thirds */
  .awafptcuk-width-1-3\@m {
    width: calc(100% * 1 / 3.001);
  }
  .awafptcuk-width-2-3\@m {
    width: calc(100% * 2 / 3.001);
  }
  /* Quarters */
  .awafptcuk-width-1-4\@m {
    width: 25%;
  }
  .awafptcuk-width-3-4\@m {
    width: 75%;
  }
  /* Fifths */
  .awafptcuk-width-1-5\@m {
    width: 20%;
  }
  .awafptcuk-width-2-5\@m {
    width: 40%;
  }
  .awafptcuk-width-3-5\@m {
    width: 60%;
  }
  .awafptcuk-width-4-5\@m {
    width: 80%;
  }
  /* Sixths */
  .awafptcuk-width-1-6\@m {
    width: calc(100% * 1 / 6.001);
  }
  .awafptcuk-width-5-6\@m {
    width: calc(100% * 5 / 6.001);
  }
  /* Pixel */
  .awafptcuk-width-small\@m {
    width: 150px;
  }
  .awafptcuk-width-medium\@m {
    width: 300px;
  }
  .awafptcuk-width-large\@m {
    width: 450px;
  }
  .awafptcuk-width-xlarge\@m {
    width: 600px;
  }
  .awafptcuk-width-xxlarge\@m {
    width: 750px;
  }
  /* Auto */
  .awafptcuk-width-auto\@m {
    width: auto;
  }
  /* Expand */
  .awafptcuk-width-expand\@m {
    flex: 1;
    min-width: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Whole */
  .awafptcuk-width-1-1\@l {
    width: 100%;
  }
  /* Halves */
  .awafptcuk-width-1-2\@l {
    width: 50%;
  }
  /* Thirds */
  .awafptcuk-width-1-3\@l {
    width: calc(100% * 1 / 3.001);
  }
  .awafptcuk-width-2-3\@l {
    width: calc(100% * 2 / 3.001);
  }
  /* Quarters */
  .awafptcuk-width-1-4\@l {
    width: 25%;
  }
  .awafptcuk-width-3-4\@l {
    width: 75%;
  }
  /* Fifths */
  .awafptcuk-width-1-5\@l {
    width: 20%;
  }
  .awafptcuk-width-2-5\@l {
    width: 40%;
  }
  .awafptcuk-width-3-5\@l {
    width: 60%;
  }
  .awafptcuk-width-4-5\@l {
    width: 80%;
  }
  /* Sixths */
  .awafptcuk-width-1-6\@l {
    width: calc(100% * 1 / 6.001);
  }
  .awafptcuk-width-5-6\@l {
    width: calc(100% * 5 / 6.001);
  }
  /* Pixel */
  .awafptcuk-width-small\@l {
    width: 150px;
  }
  .awafptcuk-width-medium\@l {
    width: 300px;
  }
  .awafptcuk-width-large\@l {
    width: 450px;
  }
  .awafptcuk-width-xlarge\@l {
    width: 600px;
  }
  .awafptcuk-width-xxlarge\@l {
    width: 750px;
  }
  /* Auto */
  .awafptcuk-width-auto\@l {
    width: auto;
  }
  /* Expand */
  .awafptcuk-width-expand\@l {
    flex: 1;
    min-width: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* Whole */
  .awafptcuk-width-1-1\@xl {
    width: 100%;
  }
  /* Halves */
  .awafptcuk-width-1-2\@xl {
    width: 50%;
  }
  /* Thirds */
  .awafptcuk-width-1-3\@xl {
    width: calc(100% * 1 / 3.001);
  }
  .awafptcuk-width-2-3\@xl {
    width: calc(100% * 2 / 3.001);
  }
  /* Quarters */
  .awafptcuk-width-1-4\@xl {
    width: 25%;
  }
  .awafptcuk-width-3-4\@xl {
    width: 75%;
  }
  /* Fifths */
  .awafptcuk-width-1-5\@xl {
    width: 20%;
  }
  .awafptcuk-width-2-5\@xl {
    width: 40%;
  }
  .awafptcuk-width-3-5\@xl {
    width: 60%;
  }
  .awafptcuk-width-4-5\@xl {
    width: 80%;
  }
  /* Sixths */
  .awafptcuk-width-1-6\@xl {
    width: calc(100% * 1 / 6.001);
  }
  .awafptcuk-width-5-6\@xl {
    width: calc(100% * 5 / 6.001);
  }
  /* Pixel */
  .awafptcuk-width-small\@xl {
    width: 150px;
  }
  .awafptcuk-width-medium\@xl {
    width: 300px;
  }
  .awafptcuk-width-large\@xl {
    width: 450px;
  }
  .awafptcuk-width-xlarge\@xl {
    width: 600px;
  }
  .awafptcuk-width-xxlarge\@xl {
    width: 750px;
  }
  /* Auto */
  .awafptcuk-width-auto\@xl {
    width: auto;
  }
  /* Expand */
  .awafptcuk-width-expand\@xl {
    flex: 1;
    min-width: 1px;
  }
}
/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Panel
 ========================================================================== */
.awafptcuk-panel {
  position: relative;
  box-sizing: border-box;
}
/*
 * Micro clearfix
 */
.awafptcuk-panel::before,
.awafptcuk-panel::after {
  content: "";
  display: table;
}
.awafptcuk-panel::after {
  clear: both;
}
/*
 * Remove margin from the last-child
 */
.awafptcuk-panel > :last-child {
  margin-bottom: 0;
}
/*
 * Scrollable
 */
.awafptcuk-panel-scrollable {
  height: 170px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  resize: both;
}
/* Clearfix
 ========================================================================== */
/*
 * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * 2. `table` is used again with `::after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
/* 1 */
.awafptcuk-clearfix::before {
  content: "";
  display: table-cell;
}
/* 2 */
.awafptcuk-clearfix::after {
  content: "";
  display: table;
  clear: both;
}
/* Float
 ========================================================================== */
/*
 * 1. Prevent content overflow
 */
.awafptcuk-float-left {
  float: left;
}
.awafptcuk-float-right {
  float: right;
}
/* 1 */
[class*='awafptcuk-float-'] {
  max-width: 100%;
}
/* Overfow
 ========================================================================== */
.awafptcuk-overflow-hidden {
  overflow: hidden;
}
/*
 * Enable scrollbars if content is clipped
 * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518
 */
.awafptcuk-overflow-auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.awafptcuk-overflow-auto > :last-child {
  margin-bottom: 0;
}
/* Resize
 ========================================================================== */
.awafptcuk-resize {
  resize: both;
}
.awafptcuk-resize-vertical {
  resize: vertical;
}
/* Display
 ========================================================================== */
.awafptcuk-display-block {
  display: block !important;
}
.awafptcuk-display-inline {
  display: inline !important;
}
.awafptcuk-display-inline-block {
  display: inline-block !important;
}
/* Inline
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 * 5. Force hardware acceleration without creating a new stacking context
 *    to fix 1px glitch when combined with overlays and transitions in Webkit
 * 6. Clip child elements
 */
[class*='awafptcuk-inline'] {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  -webkit-backface-visibility: hidden;
}
.awafptcuk-inline-clip {
  /* 6 */
  overflow: hidden;
}
/* Responsive objects
 ========================================================================== */
/*
 * Preserve original dimensions
 * Because `img, `video`, `canvas` and  `audio` are already responsive by default, see Base component
 */
.awafptcuk-preserve-width,
.awafptcuk-preserve-width audio,
.awafptcuk-preserve-width canvas,
.awafptcuk-preserve-width img,
.awafptcuk-preserve-width svg,
.awafptcuk-preserve-width video {
  max-width: none;
}
/*
 * Responsiveness
 * Corrects `max-width` and `max-height` behavior if padding and border are used
 */
.awafptcuk-responsive-width,
.awafptcuk-responsive-height {
  box-sizing: border-box;
}
/*
 * 1. Set a maximum width. `important` needed to override `awafptcuk-preserve-width img`
 * 2. Auto scale the height. Only needed if `height` attribute is present
 */
.awafptcuk-responsive-width {
  /* 1 */
  max-width: 100% !important;
  /* 2 */
  height: auto;
}
/*
 * 1. Set a maximum height. Only works if the parent element has a fixed height
 * 2. Auto scale the width. Only needed if `width` attribute is present
 * 3. Reset max-width, which `img, `video`, `canvas` and  `audio` already have by default
 */
.awafptcuk-responsive-height {
  /* 1 */
  max-height: 100%;
  /* 2 */
  width: auto;
  /* 3 */
  max-width: none;
}
/* Border
 ========================================================================== */
.awafptcuk-border-circle {
  border-radius: 50%;
}
.awafptcuk-border-pill {
  border-radius: 500px;
}
.awafptcuk-border-rounded {
  border-radius: 5px;
}
/*
 * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 */
.awafptcuk-inline-clip[class*='awafptcuk-border-'] {
  -webkit-transform: translateZ(0);
}
/* Box-shadow
 ========================================================================== */
.awafptcuk-box-shadow-small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.awafptcuk-box-shadow-medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.awafptcuk-box-shadow-large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.awafptcuk-box-shadow-xlarge {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}
/*
 * Hover
 */
[class*='awafptcuk-box-shadow-hover'] {
  transition: box-shadow 0.1s ease-in-out;
}
.awafptcuk-box-shadow-hover-small:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.awafptcuk-box-shadow-hover-medium:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.awafptcuk-box-shadow-hover-large:hover {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.awafptcuk-box-shadow-hover-xlarge:hover {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}
/* Box-shadow bottom
 ========================================================================== */
/*
 * 1. Set position.
 * 2. Set style
 * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge.
 *    Solved by using `before` and add position context to child elements.
 */
@supports (filter: blur(0)) {
  .awafptcuk-box-shadow-bottom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
  }
  .awafptcuk-box-shadow-bottom::before {
    content: '';
    /* 1 */
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    /* 2 */
    height: 30px;
    border-radius: 100%;
    background: #444444;
    filter: blur(20px);
  }
  /* 3 */
  .awafptcuk-box-shadow-bottom > * {
    position: relative;
  }
}
/* Drop cap
 ========================================================================== */
/*
 * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
 * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
 * 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector
 *    This doubles the `font-size` exponential when using the `em` unit.
 */
.awafptcuk-dropcap::first-letter,
.awafptcuk-dropcap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 4.5em;
  line-height: 1;
}
/* 2 */
@-moz-document url-prefix() {
  .awafptcuk-dropcap::first-letter,
  .awafptcuk-dropcap > p:first-of-type::first-letter {
    margin-top: 1.1%;
  }
}
/* 3 */
@supports (-ms-ime-align: auto) {
  .awafptcuk-dropcap > p:first-of-type::first-letter {
    font-size: 1em;
  }
}
/* Logo
 ========================================================================== */
/*
 * 1. Required for `a`
 */
.awafptcuk-logo {
  font-size: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #666666;
  /* 1 */
  text-decoration: none;
}
/* Hover + Focus */
.awafptcuk-logo:hover,
.awafptcuk-logo:focus {
  color: #666666;
  outline: none;
  /* 1 */
  text-decoration: none;
}
.awafptcuk-logo-inverse {
  display: none;
}
/* Disabled State
 ========================================================================== */
.awafptcuk-disabled {
  pointer-events: none;
}
/* Drag State
 ========================================================================== */
/*
 * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons
 * 2. Fix dragging over iframes
 */
.awafptcuk-drag,
.awafptcuk-drag * {
  cursor: move;
}
/* 2 */
.awafptcuk-drag iframe {
  pointer-events: none;
}
/* Dragover State
 ========================================================================== */
/*
 * Create a box-shadow when dragging a file over the upload area
 */
.awafptcuk-dragover {
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}
/* Blend modes
 ========================================================================== */
.awafptcuk-blend-multiply {
  mix-blend-mode: multiply;
}
.awafptcuk-blend-screen {
  mix-blend-mode: screen;
}
.awafptcuk-blend-overlay {
  mix-blend-mode: overlay;
}
.awafptcuk-blend-darken {
  mix-blend-mode: darken;
}
.awafptcuk-blend-lighten {
  mix-blend-mode: lighten;
}
.awafptcuk-blend-color-dodge {
  mix-blend-mode: color-dodge;
}
.awafptcuk-blend-color-burn {
  mix-blend-mode: color-burn;
}
.awafptcuk-blend-hard-light {
  mix-blend-mode: hard-light;
}
.awafptcuk-blend-soft-light {
  mix-blend-mode: soft-light;
}
.awafptcuk-blend-difference {
  mix-blend-mode: difference;
}
.awafptcuk-blend-exclusion {
  mix-blend-mode: exclusion;
}
.awafptcuk-blend-hue {
  mix-blend-mode: hue;
}
.awafptcuk-blend-saturation {
  mix-blend-mode: saturation;
}
.awafptcuk-blend-color {
  mix-blend-mode: color;
}
.awafptcuk-blend-luminosity {
  mix-blend-mode: luminosity;
}
/* Transform
========================================================================== */
.awafptcuk-transform-center {
  transform: translate(-50%, -50%);
}
/* Transform Origin
========================================================================== */
.awafptcuk-transform-origin-top-left {
  transform-origin: 0 0;
}
.awafptcuk-transform-origin-top-center {
  transform-origin: 50% 0;
}
.awafptcuk-transform-origin-top-right {
  transform-origin: 100% 0;
}
.awafptcuk-transform-origin-center-left {
  transform-origin: 0 50%;
}
.awafptcuk-transform-origin-center-right {
  transform-origin: 100% 50%;
}
.awafptcuk-transform-origin-bottom-left {
  transform-origin: 0 100%;
}
.awafptcuk-transform-origin-bottom-center {
  transform-origin: 50% 100%;
}
.awafptcuk-transform-origin-bottom-right {
  transform-origin: 100% 100%;
}
/* ========================================================================
   Component: Flex
 ========================================================================== */
.awafptcuk-flex {
  display: flex;
}
.awafptcuk-flex-inline {
  display: inline-flex;
}
/*
 * Remove pseudo elements created by micro clearfix as precaution
 */
.awafptcuk-flex::before,
.awafptcuk-flex::after,
.awafptcuk-flex-inline::before,
.awafptcuk-flex-inline::after {
  display: none;
}
/* Alignment
 ========================================================================== */
/*
 * Align items along the main axis of the current line of the flex container
 * Row: Horizontal
 */
.awafptcuk-flex-left {
  justify-content: flex-start;
}
.awafptcuk-flex-center {
  justify-content: center;
}
.awafptcuk-flex-right {
  justify-content: flex-end;
}
.awafptcuk-flex-between {
  justify-content: space-between;
}
.awafptcuk-flex-around {
  justify-content: space-around;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .awafptcuk-flex-left\@s {
    justify-content: flex-start;
  }
  .awafptcuk-flex-center\@s {
    justify-content: center;
  }
  .awafptcuk-flex-right\@s {
    justify-content: flex-end;
  }
  .awafptcuk-flex-between\@s {
    justify-content: space-between;
  }
  .awafptcuk-flex-around\@s {
    justify-content: space-around;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .awafptcuk-flex-left\@m {
    justify-content: flex-start;
  }
  .awafptcuk-flex-center\@m {
    justify-content: center;
  }
  .awafptcuk-flex-right\@m {
    justify-content: flex-end;
  }
  .awafptcuk-flex-between\@m {
    justify-content: space-between;
  }
  .awafptcuk-flex-around\@m {
    justify-content: space-around;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .awafptcuk-flex-left\@l {
    justify-content: flex-start;
  }
  .awafptcuk-flex-center\@l {
    justify-content: center;
  }
  .awafptcuk-flex-right\@l {
    justify-content: flex-end;
  }
  .awafptcuk-flex-between\@l {
    justify-content: space-between;
  }
  .awafptcuk-flex-around\@l {
    justify-content: space-around;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .awafptcuk-flex-left\@xl {
    justify-content: flex-start;
  }
  .awafptcuk-flex-center\@xl {
    justify-content: center;
  }
  .awafptcuk-flex-right\@xl {
    justify-content: flex-end;
  }
  .awafptcuk-flex-between\@xl {
    justify-content: space-between;
  }
  .awafptcuk-flex-around\@xl {
    justify-content: space-around;
  }
}
/*
 * Align items in the cross axis of the current line of the flex container
 * Row: Vertical
 */
.awafptcuk-flex-stretch {
  align-items: stretch;
}
.awafptcuk-flex-top {
  align-items: flex-start;
}
.awafptcuk-flex-middle {
  align-items: center;
}
.awafptcuk-flex-bottom {
  align-items: flex-end;
}
/* Direction
 ========================================================================== */
.awafptcuk-flex-row {
  flex-direction: row;
}
.awafptcuk-flex-row-reverse {
  flex-direction: row-reverse;
}
.awafptcuk-flex-column {
  flex-direction: column;
}
.awafptcuk-flex-column-reverse {
  flex-direction: column-reverse;
}
/* Wrap
 ========================================================================== */
.awafptcuk-flex-nowrap {
  flex-wrap: nowrap;
}
.awafptcuk-flex-wrap {
  flex-wrap: wrap;
}
.awafptcuk-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
/*
 * Aligns items within the flex container when there is extra space in the cross-axis
 * Only works if there is more than one line of flex items
 */
.awafptcuk-flex-wrap-stretch {
  align-content: stretch;
}
.awafptcuk-flex-wrap-top {
  align-content: flex-start;
}
.awafptcuk-flex-wrap-middle {
  align-content: center;
}
.awafptcuk-flex-wrap-bottom {
  align-content: flex-end;
}
.awafptcuk-flex-wrap-between {
  align-content: space-between;
}
.awafptcuk-flex-wrap-around {
  align-content: space-around;
}
/* Item ordering
 ========================================================================== */
/*
 * Default is 0
 */
.awafptcuk-flex-first {
  order: -1;
}
.awafptcuk-flex-last {
  order: 99;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .awafptcuk-flex-first\@s {
    order: -1;
  }
  .awafptcuk-flex-last\@s {
    order: 99;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .awafptcuk-flex-first\@m {
    order: -1;
  }
  .awafptcuk-flex-last\@m {
    order: 99;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .awafptcuk-flex-first\@l {
    order: -1;
  }
  .awafptcuk-flex-last\@l {
    order: 99;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .awafptcuk-flex-first\@xl {
    order: -1;
  }
  .awafptcuk-flex-last\@xl {
    order: 99;
  }
}
/* Item dimensions
 ========================================================================== */
/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */
/*
 * No Flex: 0 0 auto
 * Content dimensions
 */
.awafptcuk-flex-none {
  flex: none;
}
/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 */
.awafptcuk-flex-auto {
  flex: auto;
}
/*
 * Absolute Flex: 1 1 0%
 * Space is allocated solely based on flex
 */
.awafptcuk-flex-1 {
  flex: 1;
}
/* ========================================================================
   Component: Visibility
 ========================================================================== */
/*
 * Hidden
 * `hidden` attribute also set here to make it stronger
 */
[hidden],
.awafptcuk-hidden {
  display: none !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .awafptcuk-hidden\@s {
    display: none !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .awafptcuk-hidden\@m {
    display: none !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .awafptcuk-hidden\@l {
    display: none !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .awafptcuk-hidden\@xl {
    display: none !important;
  }
}
/*
 * Visible
 */
/* Phone portrait and smaller */
@media (max-width: 639px) {
  .awafptcuk-visible\@s {
    display: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .awafptcuk-visible\@m {
    display: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1199px) {
  .awafptcuk-visible\@l {
    display: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1599px) {
  .awafptcuk-visible\@xl {
    display: none !important;
  }
}
/* Visibility
 ========================================================================== */
.awafptcuk-invisible {
  visibility: hidden !important;
}
/* Hover
 ========================================================================== */
/*
 * Hidden
 * Can't use `display: none` because it's not accessible through keyboard.
 */
.awafptcuk-visible-toggle:not(:hover):not(.awafptcuk-hover) .awafptcuk-hidden-hover:not(:focus) {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
/*
 * Invisible
 * Can't use `visibility: hidden` because it's not accessible through keyboard.
 */
.awafptcuk-visible-toggle:not(:hover):not(.awafptcuk-hover) .awafptcuk-invisible-hover:not(:focus) {
  opacity: 0 !important;
}
/* Touch
 ========================================================================== */
/*
 * Hide if primary pointing device has limited accuracy, e.g. a touch screen.
 * Works on mobile browsers: Safari, Chrome and Android browser
 */
@media (pointer: coarse) {
  .awafptcuk-hidden-touch {
    display: none !important;
  }
}
/*
 * Hide if primary pointing device is accurate, e.g. mouse.
 * 1. Fallback for IE11 and Firefox, because `pointer` is not supported
 * 2. Reset if supported
 */
/* 1 */
.awafptcuk-hidden-notouch {
  display: none !important;
}
@media (pointer: coarse) {
  .awafptcuk-hidden-notouch {
    display: block !important;
  }
}
/* ========================================================================
   Component: Inverse
 ========================================================================== */
/*
 * Implemented class depends on the general theme color
 * `awafptcuk-light` is for light colors on dark backgrounds
 * `awafptcuk-dark` is or dark colors on light backgrounds
 */
.awafptcuk-light .awafptcuk-grid-divider > :not(.awafptcuk-first-column)::before {
  border-left-color: rgba(255, 255, 255, 0.2);
}
.awafptcuk-light .awafptcuk-grid-divider.awafptcuk-grid-stack > .awafptcuk-grid-margin::before {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.awafptcuk-light .awafptcuk-slidenav {
  color: rgba(255, 255, 255, 0.7);
}
.awafptcuk-light .awafptcuk-slidenav:hover,
.awafptcuk-light .awafptcuk-slidenav:focus {
  color: rgba(255, 255, 255, 0.95);
}
.awafptcuk-light .awafptcuk-slidenav:active {
  color: rgba(255, 255, 255, 0.7);
}
.awafptcuk-light .awafptcuk-dotnav > * > * {
  background-color: rgba(255, 255, 255, 0.5);
}
.awafptcuk-light .awafptcuk-dotnav > * > :hover,
.awafptcuk-light .awafptcuk-dotnav > * > :focus {
  background-color: rgba(255, 255, 255, 0.9);
}
.awafptcuk-light .awafptcuk-dotnav > * > :active {
  background-color: rgba(255, 255, 255, 0.5);
}
.awafptcuk-light .awafptcuk-dotnav > .awafptcuk-active > * {
  background-color: rgba(255, 255, 255, 0.9);
}
.awafptcuk-light .awafptcuk-logo {
  color: rgba(255, 255, 255, 0.7);
}
.awafptcuk-light .awafptcuk-logo:hover,
.awafptcuk-light .awafptcuk-logo:focus {
  color: rgba(255, 255, 255, 0.7);
}
.awafptcuk-light .awafptcuk-logo > :not(.awafptcuk-logo-inverse):not(:only-of-type) {
  display: none;
}
.awafptcuk-light .awafptcuk-logo-inverse {
  display: inline;
}
@media only screen and (min-width: 960px) {
  .aw-afptc__main-popup .modal-inner-wrap {
    max-width: 825px;
  }
}
@keyframes loading {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(359.9deg);
  }
}
.ambase-word-break {
  word-wrap: break-word;
  word-break: break-word;
}
.ie11 .ambase-word-break {
  word-break: break-all;
}
.ambrands-word-break {
  word-wrap: break-word;
  word-break: break-word;
}
.ie11 .ambrands-word-break {
  word-break: break-all;
}
.am-visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border: 0;
  opacity: 0;
}
.am-word-break {
  word-wrap: break-word;
  word-break: break-word;
}
.ie11 .am-word-break {
  word-break: break-all;
}
/**
 * Brancom
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Brancom.com license that is
 * available through the world-wide-web at this URL:
 * https://www.Brancom.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Brancom
 * @package     Brancom_AjaxLayer
 * @copyright   Copyright (c) Brancom (http://www.Brancom.com/)
 * @license     https://www.Brancom.com/LICENSE.txt
 */
.ln_overlay {
  background-color: #FFFFFF;
  height: 300%;
  left: 0;
  text-align: center;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  top: 0px;
  width: 500%;
  z-index: 555;
  display: none;
}
.ln_overlay img {
  margin-top: 300px;
  left: 45%;
  display: block;
  position: fixed;
}
.ln_slider_container {
  width: calc(80%);
  margin: 0 15px 0 5px;
}
.kiyoh-shop-snippets {
  display: inline-block;
}
.kiyoh-shop-snippets .rating-box {
  float: left;
  width: 91px;
  background: url('../../../../../frontend/Magento/blank/nl_NL/Interactivated_Customerreview/images/rating-sprite.png') no-repeat 0 -15px;
  height: 15px;
  margin: 11px 10px 10px 10px;
}
.kiyoh-shop-snippets .rating {
  height: 15px;
  background: url('../../../../../frontend/Magento/blank/nl_NL/Interactivated_Customerreview/images/rating-sprite.png') no-repeat 0 0;
  margin: 0;
  padding: 0;
}
.klarna-payments-method-cell {
  display: table-cell;
  vertical-align: middle;
}
label.klarna-payments-method-cell > span {
  padding-left: 5px;
}
span.klarna-payments-method-cell > img {
  display: block;
}
#search_autocomplete,
.search-autocomplete,
#searchbox_autocomplete {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}
.block-search {
  z-index: 10000;
}
/*
 * Copyright Magmodules.eu. All rights reserved.
 * See COPYING.txt for license details.
 */
.apple-pay-button {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: -apple-pay-button;
  box-sizing: border-box;
}
.apple-pay-button > * {
  visibility: hidden;
}
/**
 * @copyright  Vertex. All rights reserved.  https://www.vertexinc.com/
 * @author     Mediotype                     https://www.mediotype.com/
 */
.opc-block-summary .vertex-message td,
.cart-summary .vertex-message td {
  padding: 0;
  border-top: none;
}
/**
 * @copyright  Vertex. All rights reserved.  https://www.vertexinc.com/
 * @author     Mediotype                     https://www.mediotype.com/
 */
@media only screen and (max-width: 768px) {
  .field-tooltip .field-tooltip-content {
    left: auto;
    right: -10px;
    top: 40px;
  }
  .field-tooltip .field-tooltip-content::before,
  .field-tooltip .field-tooltip-content::after {
    border: 10px solid transparent;
    height: 0;
    left: auto;
    margin-top: -21px;
    right: 10px;
    top: 0;
    width: 0;
  }
  .field-tooltip .field-tooltip-content::before {
    border-bottom-color: #999999;
  }
  .field-tooltip .field-tooltip-content::after {
    border-bottom-color: #f4f4f4;
    top: 1px;
  }
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
*/
@media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) {
  .product-video {
    height: 100%;
    width: 81%;
  }
}
@media all and (min-width: 768px), print {
  .abs-product-options-list-desktop dt,
  .block-giftregistry-shared .item-options dt {
    clear: left;
    float: left;
    margin: 0 10px 5px 0;
  }
  .block-giftregistry-shared .item-options dt:after {
    content: ': ';
  }
  .abs-product-options-list-desktop dd,
  .block-giftregistry-shared .item-options dd {
    display: inline-block;
    float: left;
    margin: 0 0 5px;
  }
  .abs-button-desktop {
    width: auto;
  }
  .abs-blocks-2columns,
  .column .block-addbysku .block-content .box,
  .login-container .block,
  .account .column.main .block:not(.widget) .block-content .box,
  .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box,
  [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
  .sales-guest-view .column.main .block:not(.widget) .block-content .box {
    width: 48.8%;
  }
  .column .block-addbysku .block-content .box:nth-child(odd),
  .login-container .block:nth-child(odd),
  .account .column.main .block:not(.widget) .block-content .box:nth-child(odd),
  .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd),
  [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(odd),
  .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
    clear: left;
    float: left;
  }
  .column .block-addbysku .block-content .box:nth-child(even),
  .login-container .block:nth-child(even),
  .account .column.main .block:not(.widget) .block-content .box:nth-child(even),
  .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(even),
  [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(even),
  .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(even) {
    float: right;
  }
  .abs-reset-left-margin-desktop,
  .bundle-options-container .legend.title,
  .column.main .cart-summary .actions-toolbar,
  .cart.table-wrapper .item-actions .actions-toolbar,
  .gift-summary .actions-toolbar,
  .cart.table-wrapper .gift-summary .actions-toolbar,
  .column.main .block-giftregistry-shared-items .actions-toolbar,
  .form-new-agreement .fieldset .legend,
  .form-new-agreement .actions-toolbar,
  .column.main .paypal-review .actions-toolbar,
  .wishlist-index-index .main .form-wishlist-items .actions-toolbar {
    margin-left: 0;
  }
  .abs-action-remove-desktop,
  .abs-add-fields-desktop .fieldset .additional .action.remove,
  .form-giftregistry-share .fieldset .additional .action.remove,
  .form-giftregistry-edit .fieldset .additional .action.remove,
  .form-add-invitations .fieldset .additional .action.remove,
  .form-create-return .fieldset .additional .action.remove,
  .form.send.friend .fieldset .additional .action.remove {
    margin-left: 75.8%;
    top: 6px;
  }
  .form-giftregistry-share .fieldset .field:not(.choice) .control,
  .form-giftregistry-edit .fieldset .field:not(.choice) .control,
  .form-add-invitations .fieldset .field:not(.choice) .control,
  .form-create-return .fieldset .field:not(.choice) .control,
  .form.send.friend .fieldset .field:not(.choice) .control {
    width: 50%;
  }
  .abs-margin-for-forms-desktop,
  .fieldset .legend,
  .column:not(.sidebar-main) form .actions-toolbar,
  .column:not(.sidebar-additional) form .actions-toolbar,
  .login-container .fieldset:after {
    margin-left: 25.8%;
  }
  .abs-visually-hidden-desktop,
  .modes-label,
  .block-search .label,
  .dashboard-welcome-toggler {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .abs-add-clearfix-desktop:before,
  .abs-add-clearfix-desktop:after,
  .abs-pager-toolbar:before,
  .abs-pager-toolbar:after,
  .block-cart-failed .block-content:before,
  .block-cart-failed .block-content:after,
  .column .block-addbysku .block-content:before,
  .column .block-addbysku .block-content:after,
  .cart-container:before,
  .cart-container:after,
  .login-container:before,
  .login-container:after,
  .account .column.main .block:not(.widget) .block-content:before,
  .account .column.main .block:not(.widget) .block-content:after,
  .block-addresses-list .items.addresses:before,
  .block-addresses-list .items.addresses:after,
  .block-giftregistry-shared .item-options:before,
  .block-giftregistry-shared .item-options:after,
  .gift-wrapping .nested:before,
  .gift-wrapping .nested:after,
  .table .gift-wrapping .content:before,
  .table .gift-wrapping .content:after,
  .block-wishlist-management:before,
  .block-wishlist-management:after,
  .paypal-review .block-content:before,
  .paypal-review .block-content:after,
  .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before,
  .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,
  [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:before,
  [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after,
  .sales-guest-view .column.main .block:not(.widget) .block-content:before,
  .sales-guest-view .column.main .block:not(.widget) .block-content:after,
  .header.content:before,
  .header.content:after,
  .page-header .header.panel:before,
  .page-header .header.panel:after,
  .account .toolbar:before,
  .account .toolbar:after,
  .toolbar-giftregistry-results:before,
  .toolbar-giftregistry-results:after,
  .toolbar-wishlist-results:before,
  .toolbar-wishlist-results:after {
    content: '';
    display: table;
  }
  .abs-add-clearfix-desktop:after,
  .abs-pager-toolbar:after,
  .block-cart-failed .block-content:after,
  .column .block-addbysku .block-content:after,
  .cart-container:after,
  .login-container:after,
  .account .column.main .block:not(.widget) .block-content:after,
  .block-addresses-list .items.addresses:after,
  .block-giftregistry-shared .item-options:after,
  .gift-wrapping .nested:after,
  .table .gift-wrapping .content:after,
  .block-wishlist-management:after,
  .paypal-review .block-content:after,
  .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,
  [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after,
  .sales-guest-view .column.main .block:not(.widget) .block-content:after,
  .header.content:after,
  .page-header .header.panel:after,
  .account .toolbar:after,
  .toolbar-giftregistry-results:after,
  .toolbar-wishlist-results:after {
    clear: both;
  }
  .abs-add-box-sizing-desktop,
  .column.main,
  .sidebar-main,
  .sidebar-additional {
    box-sizing: border-box;
  }
  .abs-add-box-sizing-desktop-m,
  .opc-wrapper {
    box-sizing: border-box;
  }
  .abs-revert-field-type-desktop .fieldset > .field,
  .abs-revert-field-type-desktop .fieldset .fields > .field,
  .product-add-form .fieldset > .field,
  .product-add-form .fieldset .fields > .field {
    margin: 0 0 20px;
  }
  .abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .label,
  .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .label,
  .product-add-form .fieldset > .field:not(.choice) > .label,
  .product-add-form .fieldset .fields > .field:not(.choice) > .label {
    box-sizing: content-box;
    float: none;
    width: auto;
    text-align: left;
    padding: 0;
  }
  .abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .control,
  .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .control,
  .product-add-form .fieldset > .field:not(.choice) > .control,
  .product-add-form .fieldset .fields > .field:not(.choice) > .control {
    float: none;
    width: auto;
  }
  .abs-revert-field-type-desktop .fieldset > .field > .label,
  .abs-revert-field-type-desktop .fieldset .fields > .field > .label,
  .product-add-form .fieldset > .field > .label,
  .product-add-form .fieldset .fields > .field > .label {
    margin: 0 0 5px;
    display: inline-block;
  }
  .abs-revert-field-type-desktop .fieldset > .field.choice:before,
  .abs-revert-field-type-desktop .fieldset .fields > .field.choice:before,
  .abs-revert-field-type-desktop .fieldset > .field.no-label:before,
  .abs-revert-field-type-desktop .fieldset .fields > .field.no-label:before,
  .product-add-form .fieldset > .field.choice:before,
  .product-add-form .fieldset .fields > .field.choice:before,
  .product-add-form .fieldset > .field.no-label:before,
  .product-add-form .fieldset .fields > .field.no-label:before {
    display: none;
  }
  .product-add-form .fieldset > .field:not(:first-child):last-of-type,
  .product-add-form .fieldset .fields > .field:not(:first-child):last-of-type {
    margin-bottom: 0;
  }
  .abs-no-display-desktop,
  .opc-estimated-wrapper,
  .sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) {
    display: none;
  }
  .abs-pager-toolbar,
  .account .toolbar,
  .toolbar-giftregistry-results,
  .toolbar-wishlist-results {
    margin-bottom: 20px;
    position: relative;
  }
  .abs-pager-toolbar .limiter,
  .account .toolbar .limiter,
  .toolbar-giftregistry-results .limiter,
  .toolbar-wishlist-results .limiter {
    float: right;
    position: relative;
    z-index: 1;
  }
  .abs-pager-toolbar .toolbar-amount,
  .account .toolbar .toolbar-amount,
  .toolbar-giftregistry-results .toolbar-amount,
  .toolbar-wishlist-results .toolbar-amount {
    float: left;
    line-height: normal;
    padding: 7px 0 0;
    position: relative;
    z-index: 1;
  }
  .abs-pager-toolbar .pages,
  .account .toolbar .pages,
  .toolbar-giftregistry-results .pages,
  .toolbar-wishlist-results .pages {
    position: absolute;
    width: 100%;
    z-index: 0;
  }
  .abs-shopping-cart-items-desktop,
  .block-cart-failed,
  .cart-container .form-cart,
  .cart-container .cart-gift-item {
    float: left;
    position: relative;
    width: 73%;
  }
  .abs-shopping-cart-items-desktop .actions,
  .block-cart-failed .actions,
  .cart-container .form-cart .actions,
  .cart-container .cart-gift-item .actions {
    text-align: right;
  }
  .block-cart-failed .action.clear,
  .block-cart-failed .action.update,
  .cart-container .form-cart .action.clear,
  .cart-container .form-cart .action.update,
  .cart-container .cart-gift-item .action.clear,
  .cart-container .cart-gift-item .action.update {
    margin-left: 10px;
  }
  .block-cart-failed .action.continue,
  .cart-container .form-cart .action.continue,
  .cart-container .cart-gift-item .action.continue {
    float: left;
  }
  h1 {
    font-size: 40px;
    margin-bottom: 40px;
  }
  .navigation,
  .breadcrumbs,
  .page-header .header.panel,
  .header.content,
  .footer.content,
  .page-wrapper > .widget,
  .page-wrapper > .page-bottom,
  .block.category.event,
  .top-container,
  .page-main {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
  }
  .page-main {
    width: 100%;
  }
  .columns {
    display: block;
  }
  .column.main {
    min-height: 300px;
  }
  .page-layout-1column .column.main {
    width: 100%;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .page-layout-3columns .column.main {
    width: 66.66666667%;
    display: inline-block;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .page-layout-2columns-left .column.main {
    width: 83.33333333%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .page-layout-2columns-right .column.main {
    width: 83.33333333%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .sidebar-main {
    padding-right: 2%;
  }
  .page-layout-3columns .sidebar-main {
    width: 16.66666667%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-layout-2columns-left .sidebar-main {
    width: 16.66666667%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-layout-2columns-right .sidebar-main {
    width: 16.66666667%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-layout-2columns-right .sidebar-main {
    padding-left: 2%;
    padding-right: 0;
  }
  .sidebar-additional {
    clear: right;
    padding-left: 2%;
  }
  .page-layout-3columns .sidebar-additional {
    width: 16.66666667%;
    float: right;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .page-layout-2columns-left .sidebar-additional {
    width: 16.66666667%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .page-layout-2columns-right .sidebar-additional {
    width: 16.66666667%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .page-layout-2columns-left .main {
    padding-left: 2%;
  }
  .page-layout-2columns-left .sidebar-additional {
    clear: left;
    float: left;
    padding-left: 0;
  }
  .panel.header {
    padding: 10px 20px;
  }
  .nav-toggle {
    display: none;
  }
  .nav-sections {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    margin-bottom: 25px;
  }
  .nav-sections-item-title {
    display: none;
  }
  .nav-sections-item-content {
    display: block !important;
  }
  .nav-sections-item-content > * {
    display: none;
  }
  .nav-sections-item-content > .navigation {
    display: block;
  }
  .navigation {
    background: #f5f5f5;
    font-weight: 700;
    height: inherit;
    left: auto;
    overflow: inherit;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3;
  }
  .navigation:empty {
    display: none;
  }
  .navigation ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    position: relative;
  }
  .navigation li.level0 {
    border-top: none;
  }
  .navigation li.level1 {
    position: relative;
  }
  .navigation .level0 {
    margin: 0 10px 0 0;
    display: inline-block;
    position: relative;
  }
  .navigation .level0:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .navigation .level0:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 10px;
    height: calc(100% + 3px);
    z-index: 1;
  }
  .navigation .level0 > .level-top {
    color: #575757;
    line-height: 53px;
    padding: 0 12px;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
  }
  .navigation .level0 > .level-top:hover,
  .navigation .level0 > .level-top.ui-state-focus {
    color: #333333;
    text-decoration: none;
  }
  .navigation .level0.active > .level-top,
  .navigation .level0.has-active > .level-top {
    border-color: #ff5501;
    border-style: solid;
    border-width: 0 0 3px;
    color: #333333;
    text-decoration: none;
    display: inline-block;
  }
  .navigation .level0.parent:hover > .submenu {
    overflow: visible !important;
  }
  .navigation .level0.parent > .level-top {
    padding-right: 20px;
  }
  .navigation .level0.parent > .level-top > .ui-menu-icon {
    position: absolute;
    right: 0;
    display: inline-block;
    text-decoration: none;
  }
  .navigation .level0.parent > .level-top > .ui-menu-icon > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .navigation .level0.parent > .level-top > .ui-menu-icon:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 20px;
    color: inherit;
    content: '\e622';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .navigation .level0 .submenu {
    background: #ffffff;
    border: 1px solid #d1d1d1;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19);
    font-weight: 700;
    min-width: 230px;
    padding: 15px 0;
    display: none;
    left: 0;
    margin: 0 !important;
    position: absolute;
    z-index: 1;
    margin-top: 11px;
  }
  .navigation .level0 .submenu > ul {
    margin-top: 11px;
  }
  .navigation .level0 .submenu > ul:before,
  .navigation .level0 .submenu > ul:after {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
  }
  .navigation .level0 .submenu > ul:before {
    color: #ffffff;
    left: 20px;
    top: -20px;
    border: 10px solid transparent;
    height: 0;
    width: 0;
    border-bottom-color: #ffffff;
    z-index: 4;
  }
  .navigation .level0 .submenu > ul:after {
    border: 11px solid transparent;
    height: 0;
    width: 0;
    border-bottom-color: #d1d1d1;
    color: #d1d1d1;
    left: 19px;
    top: -22px;
    z-index: 3;
  }
  .navigation .level0 .submenu:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    top: -4px;
    z-index: 1;
  }
  .navigation .level0 .submenu a {
    display: block;
    line-height: inherit;
    color: #575757;
    padding: 8px 20px;
  }
  .navigation .level0 .submenu a:hover,
  .navigation .level0 .submenu a.ui-state-focus {
    background: #e8e8e8;
    color: #333333;
    text-decoration: none;
  }
  .navigation .level0 .submenu .active > a {
    border-color: #ff5501;
    border-style: solid;
    border-width: 0 0 0 3px;
  }
  .navigation .level0 .submenu .submenu {
    top: 0 !important;
    left: 100% !important;
  }
  .navigation .level0 .submenu .submenu-reverse {
    left: auto !important;
    right: 100%;
  }
  .navigation .level0 .submenu li {
    margin: 0;
  }
  .navigation .level0 .submenu li.parent > a > .ui-menu-icon {
    position: absolute;
    right: 3px;
    display: inline-block;
    text-decoration: none;
  }
  .navigation .level0 .submenu li.parent > a > .ui-menu-icon > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .navigation .level0 .submenu li.parent > a > .ui-menu-icon:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 20px;
    color: inherit;
    content: '\e608';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .navigation .level0.more {
    position: relative;
    display: inline-block;
    text-decoration: none;
  }
  .navigation .level0.more:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    line-height: inherit;
    color: inherit;
    content: '\e607';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .navigation .level0.more:before {
    display: none;
  }
  .navigation .level0.more:after {
    cursor: pointer;
    padding: 8px 12px;
    position: relative;
    z-index: 1;
  }
  .navigation .level0.more:hover > .submenu {
    overflow: visible !important;
  }
  .navigation .level0.more li {
    display: block;
  }
  .panel.header .links,
  .panel.header .switcher {
    display: inline-block;
  }
  .fieldset > .field {
    margin: 0 0 20px;
    box-sizing: border-box;
    margin: 0 0 29px;
  }
  .fieldset > .field > .label {
    margin: 0;
  }
  .fieldset > .field:before,
  .fieldset > .field:after {
    content: '';
    display: table;
  }
  .fieldset > .field:after {
    clear: both;
  }
  .fieldset > .field.choice:before,
  .fieldset > .field.no-label:before {
    padding: 6px 15px 0 0;
    width: 25.8%;
    box-sizing: border-box;
    content: ' ';
    float: left;
    height: 1px;
  }
  .fieldset > .field .description {
    padding: 6px 15px 0 0;
    text-align: right;
    width: 25.8%;
    box-sizing: border-box;
    float: left;
  }
  .fieldset > .field:not(.choice) > .label {
    padding: 6px 15px 0 0;
    text-align: right;
    width: 25.8%;
    box-sizing: border-box;
    float: left;
  }
  .fieldset > .field:not(.choice) > .control {
    width: 74.2%;
    float: left;
  }
  .product.data.items {
    position: relative;
    z-index: 1;
  }
  .product.data.items:before,
  .product.data.items:after {
    content: '';
    display: table;
  }
  .product.data.items:after {
    clear: both;
  }
  .product.data.items > .item.title {
    float: left;
    width: auto;
  }
  .product.data.items > .item.title > .switch {
    height: 20px;
    display: block;
    position: relative;
    z-index: 2;
  }
  .product.data.items > .item.content {
    margin-top: 20px;
    box-sizing: border-box;
    float: right;
    margin-left: -100%;
    width: 100%;
  }
  .product.data.items > .item.content:before,
  .product.data.items > .item.content:after {
    content: '';
    display: table;
  }
  .product.data.items > .item.content:after {
    clear: both;
  }
  .product.data.items > .item.content.active {
    display: block;
  }
  .product.data.items > .item.title {
    margin: 0 5px 0 0;
  }
  .product.data.items > .item.title > .switch {
    font-weight: 600;
    line-height: 20px;
    font-size: 1.4rem;
    color: #7d7d7d;
    text-decoration: none;
    background: #f0f0f0;
    border: 1px solid #d1d1d1;
    border-bottom: none;
    height: 20px;
    padding: 5px 20px 5px 20px;
  }
  .product.data.items > .item.title > .switch:visited {
    color: #7d7d7d;
    text-decoration: none;
  }
  .product.data.items > .item.title > .switch:hover {
    color: #7d7d7d;
    text-decoration: none;
  }
  .product.data.items > .item.title > .switch:active {
    color: #333333;
    text-decoration: none;
  }
  .product.data.items > .item.title:not(.disabled) > .switch:focus,
  .product.data.items > .item.title:not(.disabled) > .switch:hover {
    background: #fcfcfc;
  }
  .product.data.items > .item.title:not(.disabled) > .switch:active,
  .product.data.items > .item.title.active > .switch,
  .product.data.items > .item.title.active > .switch:focus,
  .product.data.items > .item.title.active > .switch:hover {
    background: #ffffff;
    color: #333333;
    text-decoration: none;
  }
  .product.data.items > .item.title.active > .switch,
  .product.data.items > .item.title.active > .switch:focus,
  .product.data.items > .item.title.active > .switch:hover {
    padding-bottom: 6px;
  }
  .product.data.items > .item.content {
    background: #ffffff;
    margin-top: 31px;
    padding: 20px 20px 20px 20px;
    border: 0;
    border-top: 1px solid #d1d1d1;
  }
  .actions-toolbar:before,
  .actions-toolbar:after {
    content: '';
    display: table;
  }
  .actions-toolbar:after {
    clear: both;
  }
  .actions-toolbar .primary {
    float: left;
  }
  .actions-toolbar .secondary {
    float: right;
  }
  .actions-toolbar .primary,
  .actions-toolbar .secondary {
    display: inline-block;
  }
  .actions-toolbar .primary a.action,
  .actions-toolbar .secondary a.action {
    display: inline-block;
  }
  .actions-toolbar .primary .action {
    margin: 0 5px 0 0;
  }
  .actions-toolbar .secondary a.action {
    margin-top: 6px;
  }
  .actions-toolbar > .primary,
  .actions-toolbar > .secondary {
    margin-bottom: 0;
  }
  .actions-toolbar > .primary .action,
  .actions-toolbar > .secondary .action {
    margin-bottom: 0;
    width: auto;
  }
  .modal-popup.modal-slide .modal-footer {
    border-top: 1px solid #c1c1c1;
    text-align: right;
  }
  .aw-afptc__promo-offer-link {
    float: right;
    margin-left: 10px;
  }
  .aw-afptc__desc-text {
    display: none;
  }
  .aw-afptc__promo-products .actions .actions-primary .action {
    max-width: 350px;
  }
  .aw-afptc__promo-popup {
    width: 360px;
  }
  .am-brands-fullwidth {
    width: 100% !important;
  }
  .ambrands-letters-list {
    display: flex;
  }
  .ambrands-letters-list .ambrands-letter .ambrands-content {
    margin: 0 -10px;
  }
  .ambrands-letters-list .ambrands-brand-item {
    margin: 0 10px 20px;
  }
  .ambrands-letters-list .ambrands-brand-item.-no-logo {
    max-width: 156px;
  }
  .ambrands-letters-list .ambrands-letter {
    padding-right: 10px;
    width: inherit;
  }
  .ui-tooltip.ui-widget {
    max-width: 450px;
  }
  .filter-options-content a:hover {
    text-decoration: none;
  }
  .catalog-topnav {
    display: block;
  }
  .page-layout-1column .toolbar-products {
    position: inherit !important;
  }
  .filter-options-content .am-filter-price {
    width: 40%;
  }
  .sidebar > .block-category-list {
    margin-bottom: 14px;
  }
  .amasty-catalog-topnav {
    margin-top: 3px;
  }
  .amasty-catalog-topnav.catalog-topnav .filter-options .filter-options-content {
    z-index: 1001;
    min-width: 200px;
  }
  .amasty-catalog-topnav .filter-options {
    margin-bottom: 20px;
    padding: 3px 0;
  }
  .amasty-catalog-topnav .filter-subtitle {
    display: none;
  }
  .amasty-catalog-topnav .amshopby-category-dropdown {
    min-width: 200px;
  }
  .amasty-catalog-topnav .filter-options-item {
    margin-bottom: 0;
  }
  .amasty-catalog-topnav .filter-options-item:first-child .filter-options-title {
    padding-left: 0;
  }
  .amasty-catalog-topnav .filter-options-title {
    padding-right: 5px;
  }
  .amasty-catalog-topnav .filter-options-title:after {
    position: static;
    display: inline-block;
    margin: 0 0 0 15px;
    transform: translateY(-2px);
  }
  .amasty-catalog-topnav .filter-options-item .filter-options-content .amshopby-flyout-block .items.amshopby-fly-out-view {
    margin: -11px;
    box-shadow: none;
  }
  .filter-options input[type='checkbox'] {
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: 0;
    opacity: 0;
    position: absolute;
  }
  .filter-options input[type='checkbox'] + .amshopby-choice {
    word-wrap: break-word;
    word-break: break-word;
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    margin: 0;
    padding: 0 0 0 22px;
    min-height: 12px;
    line-height: 1.2;
    cursor: pointer;
  }
  .ie11 .filter-options input[type='checkbox'] + .amshopby-choice {
    word-break: break-all;
  }
  .filter-options input[type='checkbox'] + .amshopby-choice:before,
  .filter-options input[type='checkbox'] + .amshopby-choice:after {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    content: '';
  }
  .filter-options input[type='checkbox'] + .amshopby-choice:before {
    border: 1px solid #e3e3e3;
    background: #ffffff;
  }
  .filter-options input[type='checkbox'] + .amshopby-choice:after {
    background: #1979c3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNSAxNSI+CiAgPGRlZnMvPgogIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMS42NjkzIDMuNTAwNjFjLS4yMDc4LjAwNjk1LS40MDQ4LjA5ODg1LS41NDkzLjI1NjItMS45NTcwMyAyLjA2NDE1LTMuNDM4ODMgMy43NzY1NS01LjI4MDQxIDUuNzQ3ODNMMy44MTczIDcuNzA0NzRjLS4wNzk5Mi0uMDcxNi0uMTcyNDUtLjEyNTk1LS4yNzIzMy0uMTU5OTItLjA5OTg3LS4wMzM5Ny0uMjA1MTItLjA0NjktLjMwOTc0LS4wMzgwNi0uMTA0NjIuMDA4ODUtLjIwNjU2LjAzOTI5LS4zLjA4OTYtLjA5MzQ1LjA1MDMtLjE3NjU2LjExOTQ4LS4yNDQ1OS4yMDM2LS4wNjgwNC4wODQxMS0uMTE5NjYuMTgxNTEtLjE1MTkzLjI4NjYyLS4wMzIyNy4xMDUxMS0uMDQ0NTUuMjE1ODgtLjAzNjE1LjMyNTk4LjAwODQxLjExMDExLjAzNzM0LjIxNzQuMDg1MTUuMzE1NzQuMDQ3ODEuMDk4MzMuMTEzNTUuMTg1NzkuMTkzNDguMjU3MzlMNS4zNzc3MSAxMS4yOThjLjE1MzE1LjEzNzkuMzUwMTkuMjA5OC41NTE2LjIwMTMuMjAxNDEtLjAwODYuMzkyMzEtLjA5NjkuNTM0NDQtLjI0NzNDOC42MTA3NCA4Ljk4NzU3IDEwLjE0MiA3LjE3NTQ0IDEyLjI1NiA0Ljk0NTc4Yy4xMTY1LS4xMTgzNy4xOTYtLjI3MTIuMjI4MS0uNDM4MjMuMDMyMS0uMTY3MDMuMDE1My0uMzQwMzgtLjA0ODQtLjQ5NzA5LS4wNjM2LS4xNTY3MS0uMTcwOS0uMjg5MzctLjMwNzgtLjM4MDQyLS4xMzY5LS4wOTEwNS0uMjk2OC0uMTM2MTktLjQ1ODYtLjEyOTQzeiIvPgo8L3N2Zz4K) center / 12px;
    content: none;
  }
  .filter-options input[type='checkbox'] + .amshopby-choice:hover:before,
  .filter-options input[type='checkbox']:checked + .amshopby-choice:before {
    border-color: #1979c3;
  }
  .filter-options input[type='checkbox']:checked + .amshopby-choice:after {
    content: '';
  }
  ._keyfocus .filter-options input[type='checkbox']:active + .amshopby-choice:before,
  ._keyfocus .filter-options input[type='checkbox']:focus + .amshopby-choice:before,
  .filter-options input[type='checkbox']:active + .amshopby-choice:before,
  .filter-options input[type='checkbox']:focus + .amshopby-choice:before {
    border-color: #1979c3;
  }
  .filter-options input[type='checkbox']:not(:checked).mage-error + .amshopby-choice:before {
    border-color: #f23b3b;
  }
  .am_shopby_apply_filters {
    position: absolute;
    bottom: inherit;
    z-index: 212;
    display: none;
    visibility: hidden;
    padding: 0;
    width: inherit;
  }
  .am_shopby_apply_filters.visible {
    bottom: inherit;
    visibility: visible;
  }
  .am_shopby_apply_filters.-fixed {
    position: fixed;
  }
  .am_shopby_apply_filters.-fixed .am-show-button:before {
    display: none;
  }
  .am-show-button {
    position: relative;
    justify-content: space-between;
    margin: 0 0 10px;
    padding: 12px 10px;
    min-width: 180px;
    width: inherit;
    border: none;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(190, 199, 219, 0.21), 0 6px 25px rgba(190, 199, 219, 0.28);
  }
  .am-show-button > .am-items {
    margin: 0 auto;
  }
  .am-show-button:before {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ffffff;
    content: '';
    transform: rotate(45deg);
  }
  .am-show-button.-vertical:before {
    top: calc(50% - (10px / 2));
    right: calc(100% - (10px / 2));
  }
  .am-show-button.-horizontal:before {
    top: calc(100% - (10px / 2));
    left: calc(50% - (10px / 2));
  }
  #amasty-shopby-product-list .amshopby-overlay-block > .amshopby-loader {
    top: 30%;
    transform: translate(-50%, -30%);
  }
  /* Overwriting Magento's padding for the method title to make
       sure our KP methods have the same height as the core methods */
  .klarna-payments-method > .payment-method-title {
    padding: 11.5px 0;
  }
  .mst-searchautocomplete__autocomplete {
    width: 100%;
    min-width: 50rem;
  }
  .mst-searchautocomplete__autocomplete._active {
    display: block !important;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols {
    width: 720px !important;
    position: absolute;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index {
    clear: left;
    float: left;
    display: block;
    position: relative;
    max-width: 240px;
    width: 240px;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-right: 1px solid #efefef;
    margin-right: -1px;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
    width: 480px !important;
    max-width: 480px !important;
    clear: right;
    float: right;
    border-left: 1px solid #efefef;
    border-right: unset;
    margin-left: -1px;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__show-all {
    clear: both;
  }
  .apple-pay-button {
    margin-bottom: 0;
    margin-right: 1%;
    width: 49%;
  }
  .block-cart-failed .actions {
    text-align: left;
  }
  .block-cart-failed .actions.primary {
    float: right;
  }
  .payment-method-braintree .cvv .field-tooltip {
    left: 6rem;
  }
  .braintree-paypal-account {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px 0;
    display: inline-block;
    width: 50%;
  }
  .account .table-credit-cards .col.actions {
    width: 100px;
  }
  .bundle-options-container .bundle-options-wrapper,
  .bundle-options-container .product-options-wrapper {
    float: left;
    width: 57%;
  }
  .bundle-options-container .block-bundle-summary {
    float: right;
    position: relative;
    width: 40%;
  }
  .page-layout-2columns-left .bundle-options-container .bundle-options-wrapper,
  .page-layout-2columns-left .bundle-options-container .block-bundle-summary,
  .page-layout-2columns-right .bundle-options-container .bundle-options-wrapper,
  .page-layout-2columns-right .bundle-options-container .block-bundle-summary,
  .page-layout-3columns .bundle-options-container .bundle-options-wrapper,
  .page-layout-3columns .bundle-options-container .block-bundle-summary {
    width: 48%;
  }
  .page-products .products-grid .product-item {
    margin-left: 2%;
    padding: 0;
    width: calc((100% - 4%) / 3);
  }
  .page-products .products-grid .product-item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .page-products.page-layout-1column .products-grid .product-item {
    width: 25%;
  }
  .page-products.page-layout-3columns .products-grid .product-item {
    width: 50%;
  }
  .page-products .columns {
    padding-top: 0;
    position: relative;
    z-index: 1;
  }
  .products.wrapper ~ .toolbar .pages {
    float: left;
  }
  .toolbar-amount {
    float: left;
  }
  .sorter {
    float: right;
  }
  .modes {
    display: inline-block;
    float: left;
    margin-right: 20px;
  }
  .products.wrapper ~ .toolbar .modes {
    display: none;
  }
  .modes-mode {
    color: #7d7d7d;
    border: 1px solid #d1d1d1;
    border-right: 0;
    float: left;
    font-weight: 400;
    line-height: 1;
    padding: 7px 10px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
  }
  .modes-mode:not(.active):hover {
    color: #7d7d7d;
    background: #dedede;
  }
  .modes-mode:last-child {
    border-right: 1px solid #d1d1d1;
  }
  .modes-mode.active {
    color: #a6a6a6;
  }
  .modes-mode > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .modes-mode:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: inherit;
    color: #7d7d7d;
    content: '\e60d';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .modes-mode:hover:before {
    color: #7d7d7d;
  }
  .mode-list:before {
    content: '\e60b';
  }
  .products.wrapper ~ .toolbar .limiter {
    display: block;
    float: right;
  }
  .product-info-main .box-tocart,
  .product-options-bottom .box-tocart {
    display: table;
  }
  .product-info-main .box-tocart .field.qty,
  .product-options-bottom .box-tocart .field.qty {
    display: table-cell;
  }
  .product-info-main .box-tocart .actions,
  .product-options-bottom .box-tocart .actions {
    display: table-cell;
    padding-top: 25px;
    text-align: center;
    vertical-align: bottom;
  }
  .product-info-main .page-title-wrapper .page-title {
    margin-top: -13px;
  }
  .sidebar .product-items .product-item-info .product-item-photo {
    float: left;
    left: auto;
    margin: 0 10px 10px 0;
    position: relative;
    top: auto;
  }
  .sidebar .product-items .product-item-details {
    margin: 0;
  }
  .sidebar .product-items .product-item-actions {
    clear: left;
  }
  .product-info-main {
    float: right;
  }
  .product.media {
    float: left;
    margin-bottom: 25px;
  }
  .page-layout-1column .product-info-main {
    width: 40%;
  }
  .page-layout-1column .product.media {
    width: 57%;
  }
  .page-layout-2columns-left .product-info-main,
  .page-layout-2columns-right .product-info-main,
  .page-layout-3columns .product-info-main {
    width: 48%;
  }
  .page-layout-2columns-left .product.media,
  .page-layout-2columns-right .product.media,
  .page-layout-3columns .product.media {
    width: 50%;
  }
  .block-category-event.block:last-child {
    margin-bottom: 30px;
    padding: 10px 0 30px;
  }
  .block-category-event .block-title {
    margin: 0;
  }
  .block-category-event .block-title strong {
    font-size: 2.4rem;
  }
  .block-category-event .ticker li {
    display: none;
    margin: 0 50px;
  }
  .block-category-event .ticker .value {
    font-size: 6rem;
  }
  .block-category-event .ticker .label {
    font-size: 1.4rem;
    text-transform: none;
  }
  .block-category-event .dates .date {
    font-size: 5rem;
  }
  .block-category-event .dates .start {
    padding-right: 50px;
  }
  .block-category-event .dates .start:after {
    font-size: 5rem;
    right: 10px;
  }
  .block-search {
    float: right;
    padding-left: 15px;
    position: relative;
    width: 250px;
    z-index: 4;
  }
  .block-search .control {
    border-top: 0;
    margin: 0;
    padding: 0 0 25px;
  }
  .block-search .nested {
    display: block;
    padding-top: 5px;
    position: absolute;
  }
  .block-search input {
    margin: 0;
    padding-right: 35px;
    position: static;
  }
  .block-search input::-webkit-input-placeholder {
    color: #c2c2c2;
  }
  .block-search input:-moz-placeholder {
    color: #c2c2c2;
  }
  .block-search input::-moz-placeholder {
    color: #c2c2c2;
  }
  .block-search input:-ms-input-placeholder {
    color: #c2c2c2;
  }
  .block-search .action.search {
    display: inline-block;
    background-image: none;
    background: none;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    padding: 5px 0;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 1;
  }
  .block-search .action.search > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .block-search .action.search:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 22px;
    color: #8f8f8f;
    content: '\e615';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .block-search .action.search:hover:before {
    color: inherit;
  }
  .block-search .action.search:active:before {
    color: inherit;
  }
  .block-search .action.search:focus,
  .block-search .action.search:active {
    background: none;
    border: none;
  }
  .block-search .action.search:hover {
    background: none;
    border: none;
  }
  .block-search .action.search.disabled,
  .block-search .action.search[disabled],
  fieldset[disabled] .block-search .action.search {
    pointer-events: none;
    opacity: 0.5;
  }
  .block-search .action.search:focus:before {
    color: #333333;
  }
  .search-autocomplete {
    margin-top: 0;
  }
  .cart-container .widget {
    float: left;
  }
  .cart-container .widget.block {
    margin-bottom: 20px;
  }
  .cart-summary {
    float: right;
    position: relative;
    width: 23%;
  }
  .column.main .cart-summary .actions-toolbar > .secondary {
    float: none;
  }
  .cart-summary .block .fieldset .field {
    margin: 0 0 20px;
    margin: 0 0 10px;
  }
  .cart-summary .block .fieldset .field:not(.choice) > .label {
    box-sizing: content-box;
    float: none;
    width: auto;
    text-align: left;
    padding: 0;
  }
  .cart-summary .block .fieldset .field:not(.choice) > .control {
    float: none;
    width: auto;
  }
  .cart-summary .block .fieldset .field > .label {
    margin: 0 0 5px;
    display: inline-block;
  }
  .cart-summary .block .fieldset .field.choice:before,
  .cart-summary .block .fieldset .field.no-label:before {
    display: none;
  }
  .cart.table-wrapper .items {
    min-width: 100%;
    width: auto;
  }
  .cart.table-wrapper .item .col.item {
    padding: 27px 8px 10px;
  }
  .cart.table-wrapper .item-actions td {
    text-align: right;
  }
  .cart.table-wrapper .product-item-photo {
    display: table-cell;
    max-width: 100%;
    padding-right: 20px;
    position: static;
    vertical-align: top;
    width: 1%;
  }
  .cart.table-wrapper .product-item-details {
    display: table-cell;
    vertical-align: top;
    white-space: normal;
    width: 99%;
  }
  .cart.table-wrapper .item-actions .actions-toolbar {
    text-align: left;
  }
  .cart .action {
    margin-bottom: 10px;
  }
  .cart-products-toolbar .toolbar-amount {
    line-height: 30px;
    margin: 0;
  }
  .cart-products-toolbar .pages {
    float: right;
    margin: 0 0 1px;
  }
  .cart-products-toolbar .pages .item:last-child {
    margin-right: 0;
  }
  .cart.table-wrapper .cart-products-toolbar + .cart thead tr th.col {
    padding-bottom: 7px;
    padding-top: 8px;
  }
  .cart.table-wrapper .cart + .cart-products-toolbar {
    margin-top: 25px;
  }
  .minicart-wrapper {
    margin-left: 13px;
  }
  .minicart-wrapper .block-minicart {
    right: -15px;
    width: 390px;
  }
  .opc-wrapper {
    width: 66.66666667%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    padding-right: 30px;
  }
  .checkout-onepage-success .print {
    display: block;
    float: right;
    margin: 22px 0 0;
  }
  .opc-progress-bar-item {
    width: 185px;
  }
  .checkout-index-index .modal-popup .form-shipping-address {
    max-width: 600px;
  }
  .checkout-index-index .modal-popup .modal-footer .action-save-address {
    float: right;
    margin: 0 0 0 10px;
  }
  .checkout-shipping-method .actions-toolbar > .primary {
    float: right;
  }
  .checkout-shipping-method .actions-toolbar .action.primary {
    margin: 0;
  }
  .opc-wrapper .form-login,
  .opc-wrapper .form-shipping-address {
    max-width: 600px;
  }
  .table-checkout-shipping-method {
    width: auto;
  }
  .opc-sidebar {
    margin: 46px 0 20px;
    width: 33.33333333%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .opc-summary-wrapper .modal-header .action-close {
    display: none;
  }
  .authentication-dropdown {
    background-color: #ffffff;
    border: 1px solid #aeaeae;
    -webkit-transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    -webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0.1s;
    position: absolute;
    text-align: left;
    top: 100%;
    transform: scale(1, 0);
    transform-origin: 0 0;
    transition: transform linear .1s, visibility 0s linear .1s;
    visibility: hidden;
    width: 100%;
  }
  .authentication-dropdown._show {
    z-index: 100;
    -webkit-transform: scale(1, 1);
    -webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0s;
    transform: scale(1, 1);
    transition: transform linear .1s, visibility 0s linear 0s;
    visibility: visible;
  }
  .authentication-wrapper {
    width: 33.33333333%;
    text-align: right;
  }
  .block-authentication .block-title {
    font-size: 2.6rem;
    border-bottom: 0;
    margin-bottom: 25px;
  }
  .block-authentication .actions-toolbar > .primary {
    display: inline;
    float: right;
    margin-right: 0;
  }
  .block-authentication .actions-toolbar > .primary .action {
    margin-right: 0;
  }
  .block-authentication .actions-toolbar > .secondary {
    float: left;
    margin-right: 2rem;
    padding-top: 1rem;
  }
  .popup-authentication .modal-inner-wrap {
    min-width: 768px;
    width: 60%;
  }
  .popup-authentication .block-authentication {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid #c1c1c1;
  }
  .popup-authentication .block[class],
  .popup-authentication .form-login,
  .popup-authentication .fieldset,
  .popup-authentication .block-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  .popup-authentication .block[class] {
    box-sizing: border-box;
    float: left;
    padding: 10px 30px 0 0;
    width: 50%;
  }
  .popup-authentication .block[class] + .block {
    border-left: 1px solid #c1c1c1;
    border-top: 0;
    margin: 0;
    padding: 10px 0 0 40px;
  }
  .popup-authentication .block[class] + .block:before {
    left: 0;
    top: 50%;
  }
  .popup-authentication .actions-toolbar {
    margin-bottom: 0;
    margin-top: auto;
  }
  .checkout-payment-method .actions-toolbar .primary {
    float: right;
    margin: 0;
  }
  .checkout-payment-method .fieldset > .field-select-billing > .control {
    float: none;
    width: 100%;
  }
  .checkout-payment-method .payment-method-content .fieldset > .field {
    margin: 0 0 20px;
  }
  .checkout-payment-method .payment-method-content .fieldset > .field.choice:before {
    padding: 0;
    width: 0;
  }
  .checkout-payment-method .payment-method-content .fieldset > .field.type .control {
    margin-left: 25.8%;
  }
  .checkout-payment-method .payment-method-content .fieldset > .field.type.no-detection .control {
    margin-left: 0;
  }
  .checkout-billing-address .action-update {
    float: right;
  }
  .checkout-billing-address .actions-toolbar .action-cancel {
    margin: 6px 20px 0 0;
  }
  .checkout-payment-method .payment-option-title {
    padding-left: 22px;
  }
  .checkout-payment-method .payment-option-content .payment-option-inner + .actions-toolbar {
    margin-left: 0;
  }
  .contact-index-index .column:not(.sidebar-additional) .form.contact {
    min-width: 600px;
  }
  .login-container .block.login .actions-toolbar > .primary {
    margin-bottom: 0;
    margin-right: 30px;
  }
  .login-container .block.login .actions-toolbar > .secondary {
    float: left;
  }
  .login-container .fieldset > .field > .control {
    width: 80%;
  }
  .fieldset .fullname .field .label {
    padding: 6px 15px 0 0;
    text-align: right;
    width: 25.8%;
    box-sizing: border-box;
    float: left;
  }
  .fieldset .fullname .field .control {
    width: 74.2%;
    float: left;
  }
  .form.password.reset,
  .form.send.confirmation,
  .form.password.forget,
  .form.create.account,
  .form.search.advanced,
  .form.form-orders-search {
    min-width: 600px;
    width: 50%;
  }
  .account.page-layout-2columns-left .sidebar-main,
  .account.page-layout-2columns-left .sidebar-additional {
    width: 22.3%;
  }
  .account.page-layout-2columns-left .column.main {
    width: 77.7%;
  }
  .block-addresses-list .items.addresses {
    font-size: 0;
  }
  .block-addresses-list .items.addresses > .item {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 20px;
    vertical-align: top;
    width: 48.8%;
  }
  .block-addresses-list .items.addresses > .item:nth-last-child(1),
  .block-addresses-list .items.addresses > .item:nth-last-child(2) {
    margin-bottom: 0;
  }
  .block-addresses-list .items.addresses > .item:nth-child(even) {
    margin-left: 2.4%;
  }
  .control.captcha-image .captcha-img {
    margin: 0 10px 10px 0;
  }
  .page-product-downloadable .product-options-wrapper {
    float: left;
    width: 55%;
  }
  .page-product-downloadable .product-options-bottom {
    float: right;
    width: 40%;
  }
  .page-product-downloadable .product-options-bottom .field.qty + .actions {
    padding-top: 0;
  }
  .gift-message .field {
    margin-bottom: 20px;
  }
  .gift-options {
    position: relative;
    z-index: 1;
  }
  .gift-options .actions-toolbar {
    clear: both;
    float: right;
    position: static;
  }
  .gift-options .actions-toolbar .secondary {
    float: right;
  }
  .gift-options .actions-toolbar .secondary .action {
    float: right;
    margin-left: 20px;
  }
  .gift-options .actions-toolbar .secondary .action-cancel {
    display: block;
    float: left;
    margin-top: 6px;
  }
  .gift-options .actions-toolbar:nth-child(3):before {
    border-left: 1px solid #c1c1c1;
    bottom: 5rem;
    content: '';
    display: block;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
  }
  .gift-options-title {
    font-weight: 300;
    font-size: 1.8rem;
  }
  .cart.table-wrapper .action-gift {
    float: left;
  }
  .order-options .gift-wrapping,
  .table-order-review .gift-wrapping {
    max-width: 50%;
  }
  .form-giftregistry-search .fieldset {
    margin-bottom: 29px;
  }
  .form-giftregistry-search .fieldset > .fields-specific-options > .field {
    margin: 0 0 20px;
    box-sizing: border-box;
  }
  .form-giftregistry-search .fieldset > .fields-specific-options > .field > .label {
    margin: 0;
  }
  .form-giftregistry-search .fieldset > .fields-specific-options > .field:before,
  .form-giftregistry-search .fieldset > .fields-specific-options > .field:after {
    content: '';
    display: table;
  }
  .form-giftregistry-search .fieldset > .fields-specific-options > .field:after {
    clear: both;
  }
  .form-giftregistry-search .fieldset > .fields-specific-options > .field.choice:before,
  .form-giftregistry-search .fieldset > .fields-specific-options > .field.no-label:before {
    padding: 6px 15px 0 0;
    width: 25.8%;
    box-sizing: border-box;
    content: ' ';
    float: left;
    height: 1px;
  }
  .form-giftregistry-search .fieldset > .fields-specific-options > .field .description {
    padding: 6px 15px 0 0;
    text-align: right;
    width: 25.8%;
    box-sizing: border-box;
    float: left;
  }
  .form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .label {
    padding: 6px 15px 0 0;
    text-align: right;
    width: 25.8%;
    box-sizing: border-box;
    float: left;
  }
  .form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .control {
    width: 74.2%;
    float: left;
  }
  .block-giftregistry-shared-items .product-item-photo {
    display: table-cell;
    max-width: 100%;
    padding: 0 20px 0 0;
    vertical-align: top;
    width: 1%;
  }
  .block-giftregistry-shared-items .product-item-details {
    display: table-cell;
    vertical-align: top;
    width: 99%;
    word-break: normal;
  }
  .block-giftregistry-shared-items .col.product {
    width: 48%;
  }
  .block-giftregistry-shared-items .col:not(.product) {
    text-align: center;
  }
  .block-giftregistry-shared-items .col.price {
    padding-top: 17px;
  }
  .block-giftregistry-shared-items .input-text.qty {
    margin-top: -4px;
  }
  .gift-options-cart-item .gift-wrapping,
  .cart-gift-item .gift-wrapping {
    box-sizing: border-box;
    float: left;
    padding-right: 20px;
    width: 50%;
  }
  .gift-options-cart-item .gift-wrapping + .gift-message,
  .cart-gift-item .gift-wrapping + .gift-message {
    border-left: 1px solid #c1c1c1;
    box-sizing: border-box;
    float: left;
    padding-left: 4.5rem;
    width: 50%;
  }
  .form-add-invitations .additional,
  .form-add-invitations .field.text {
    margin-top: 29px;
  }
  .table-invitations .col {
    width: 50%;
  }
  .wishlist.window.popup {
    bottom: auto;
    top: 20%;
    left: 50%;
    margin-left: -212px;
    width: 380px;
    right: auto;
  }
  .wishlist.window.popup .field {
    margin: 0 0 20px;
  }
  .wishlist.window.popup .field:not(.choice) > .label {
    box-sizing: content-box;
    float: none;
    width: auto;
    text-align: left;
    padding: 0;
  }
  .wishlist.window.popup .field:not(.choice) > .control {
    float: none;
    width: auto;
  }
  .wishlist.window.popup .field > .label {
    margin: 0 0 5px;
    display: inline-block;
  }
  .wishlist.window.popup .field.choice:before,
  .wishlist.window.popup .field.no-label:before {
    display: none;
  }
  .block-wishlist-management {
    margin-bottom: 20px;
  }
  .block-wishlist-management .wishlist-select {
    border-bottom: 1px solid #e8e8e8;
    display: table;
    margin-bottom: 15px;
    width: 100%;
  }
  .block-wishlist-management .wishlist-select .wishlist-name {
    display: table-cell;
    margin-right: 10px;
    padding: 5px 10px 10px;
    vertical-align: top;
    white-space: nowrap;
    width: 5%;
  }
  .block-wishlist-management .wishlist-select-items {
    display: table-cell;
    padding-right: 160px;
    vertical-align: top;
  }
  .block-wishlist-management .wishlist-select-items .item {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px 10px;
  }
  .block-wishlist-management .wishlist-select-items .item:last-child {
    margin-right: 0;
  }
  .block-wishlist-management .wishlist-select-items .current {
    border-bottom: 3px solid #ff5501;
    font-weight: 600;
  }
  .block-wishlist-management .wishlist-select .wishlist-name-current {
    display: none;
  }
  .block-wishlist-management .wishlist-add.item {
    position: absolute;
    right: 0;
    top: 0;
  }
  .block-wishlist-management .wishlist-title strong {
    font-size: 4rem;
  }
  .block-wishlist-management .wishlist-info {
    float: left;
  }
  .block-wishlist-management .wishlist-toolbar {
    float: right;
  }
  .block-wishlist-info-items .product-item-photo {
    margin-left: 0;
  }
  .products-grid.wishlist .product-item-checkbox {
    float: left;
  }
  .products-grid.wishlist .product-item-checkbox + .product-item-name {
    margin-left: 25px;
  }
  .block.newsletter {
    max-width: 44%;
    width: max-content;
  }
  .block.newsletter .field {
    margin-right: 5px;
  }
  .block.newsletter .field .control {
    width: 100%;
  }
  .block.newsletter .action.subscribe {
    border-radius: 3px;
  }
  .paypal-review .paypal-review-title {
    border-bottom: 1px solid #d1d1d1;
  }
  .paypal-review .block-content .box-order-shipping-address,
  .paypal-review .block-content .box-order-shipping-method,
  .paypal-review .block-content .box-order-shipping-method + .box-order-billing-address {
    box-sizing: border-box;
    float: left;
    width: 33%;
  }
  .paypal-review .block-content .box-order-shipping-address {
    padding: 0 5%;
    width: 34%;
  }
  .paypal-review .col.subtotal,
  .paypal-review .mark,
  .paypal-review .amount {
    text-align: right;
  }
  .products.wrapper.list .product-reviews-summary {
    margin: 0;
  }
  .reward-settings + .actions-toolbar {
    margin-top: -32px;
  }
  .form-create-return .additional .field:last-child {
    margin-top: 29px;
  }
  .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box {
    margin-bottom: 20px;
  }
  .block-returns-tracking .block-title .action {
    margin: 0 0 0 30px;
  }
  .block-returns-tracking .block-title .actions-track {
    float: right;
    margin-top: 12px;
  }
  .table-order-items .subtotal,
  .table-order-items .amount {
    text-align: right;
  }
  .table-order-items.creditmemo .col.qty,
  .table-order-items.creditmemo .col.discount,
  .table-order-items.creditmemo .col.subtotal {
    text-align: center;
  }
  .table-order-items.creditmemo .col.total {
    text-align: right;
  }
  .order-pager-wrapper .order-pager-wrapper-top {
    padding-left: 0;
    padding-right: 0;
  }
  .order-pager-wrapper .pages {
    float: right;
  }
  .order-actions-toolbar .action.print {
    display: block;
    float: right;
  }
  .page-title-wrapper .order-date {
    margin-top: -20px;
  }
  [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
  .sales-guest-view .column.main .block:not(.widget) .block-content .box {
    margin-bottom: 20px;
  }
  .page-wrapper > .breadcrumbs,
  .page-wrapper > .top-container,
  .page-wrapper > .widget {
    box-sizing: border-box;
    width: 100%;
  }
  .navigation ul {
    padding: 0 8px;
  }
  .header.panel > .header.links {
    float: right;
    font-size: 0;
    margin: 0;
    padding: 0;
    list-style: none none;
    margin-left: auto;
  }
  .header.panel > .header.links > li {
    display: inline-block;
    vertical-align: top;
  }
  .header.panel > .header.links > li {
    font-size: 14px;
    margin: 0 0 0 15px;
  }
  .header.panel > .header.links > li.welcome,
  .header.panel > .header.links > li a {
    line-height: 1.4;
  }
  .header.panel > .header.links > li.welcome a {
    padding-left: 5px;
  }
  .header.content {
    padding: 30px 20px 0;
  }
  .page-header {
    border: 0;
    margin-bottom: 0;
  }
  .page-header .panel.wrapper {
    border-bottom: 1px solid #e8e8e8;
  }
  .page-header .header.panel {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .page-header .switcher {
    display: inline-block;
  }
  .page-main > .page-title-wrapper .page-title {
    display: inline-block;
  }
  .page-main > .page-title-wrapper .page-title + .action {
    float: right;
    margin-top: 20px;
  }
  .logo {
    margin: -8px auto 25px 0;
  }
  .logo img {
    max-height: inherit;
  }
  .footer.content .block {
    float: right;
  }
  .footer.content .links {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 50px 0 0;
    vertical-align: top;
  }
  .footer.content .switcher.store {
    display: inline-block;
    padding-right: 50px;
    vertical-align: top;
  }
  .my-credit-cards .card-type img {
    display: block;
  }
  .products-grid.wishlist .product-item-tooltip {
    display: inline-block;
  }
  .products-grid.wishlist .product-item-actions {
    margin: 10px 0 0;
  }
  .products-grid.wishlist .product-item .fieldset .field.qty {
    margin-bottom: 10px;
    padding-right: 10px;
  }
  .products-grid.wishlist .product-item .fieldset .field.qty .label {
    width: auto;
  }
  .products-grid.wishlist .product-item .box-tocart .actions-primary {
    margin: 0;
  }
  .products-grid.wishlist .product-item .box-tocart .stock {
    margin: 20px 0 0;
  }
  .wishlist-index-index .product-item-info {
    width: 240px;
  }
  .block.widget .products-grid .product-item {
    width: 33.33333333%;
  }
  .sidebar .block.widget .products-grid .product-item {
    margin-left: 0;
    width: 100%;
  }
  .sidebar .block.widget .products-grid .product-item .actions-secondary {
    display: block;
    padding: 10px 0;
  }
  .page-layout-1column .block.widget .products-grid .product-item {
    margin-left: 2%;
    width: calc((100% - 6%)/4);
  }
  .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) {
    margin-left: 2%;
  }
  .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 0;
  }
  .page-layout-3columns .block.widget .products-grid .product-item {
    width: 50%;
  }
  .sidebar .block.widget .pager .pages-item-next {
    padding: 0;
  }
  .sidebar .block.widget .pager .pages-item-next .action {
    margin: 0;
  }
}
@media all and (min-width: 1024px), print {
  .amslider .slide {
    flex-basis: auto;
    margin: 0 20px 20px 0;
    max-width: 32%;
  }
  .ambrands-letters-filter .ambrands-letter {
    margin: 0 7px 7px 0;
  }
  .ambrands-letters-list .ambrands-letter {
    padding-right: 30px;
    width: inherit;
  }
  .ambrands-list-popup {
    position: absolute;
    width: 600px;
    height: 415px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(131, 136, 141, 0.13), 0 10px 15px rgba(131, 136, 141, 0.13);
    opacity: 0;
    transition: all .5s ease;
    pointer-events: none;
  }
  .ambrands-menu-item:hover .ambrands-list-popup,
  .ammenu-item:hover .ambrands-list-popup {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
  .ambrands-list-container {
    display: flex;
    height: 100%;
    font-size: 0;
  }
  .ambrands-list-popup .ambrands-letters-filter {
    display: block;
    overflow: auto;
    box-sizing: border-box;
    padding: 20px 14px 0;
    min-width: calc(((34px + 12px) * 4) + (14px * 2));
    width: calc(((34px + 12px) * 4) + (14px * 2));
    height: 100%;
    background: #fbfbfb;
    font-size: 0;
  }
  .ambrands-list-popup .ambrands-letters-filter .ambrands-letter {
    display: inline-flex;
    margin: 0 6px 12px;
  }
  .ambrands-list-popup .ambrands-letters-filter .ambrands-letter.-letter-all {
    margin-bottom: 30px;
    width: calc(100% - 12px);
  }
  .ambrands-popup-items {
    display: inline-block;
    overflow: auto;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    height: 100%;
    font-size: 14px;
  }
  .ambrands-popup-items .ambrands-letters-list {
    width: 100%;
  }
  .ambrands-popup-items .ambrands-letters-list .ambrands-letter {
    margin-bottom: 30px;
    padding-right: 0;
  }
  .ambrands-popup-items .ambrands-letters-list:last-child .ambrands-letter {
    margin-bottom: 0;
  }
  .ambrands-popup-items .ambrands-letters-list .ambrands-brand-item {
    min-width: 100px;
  }
  .ambrands-popup-items .ambrands-letters-list .ambrands-brand-item {
    min-width: 100px;
  }
  .ambrands-popup-items .ambrands-letters-list .ambrands-brand-item .ambrands-label {
    max-width: 130px;
  }
  .ambrands-popup-items .ambrands-letters-list .ambrands-brand-item.-no-logo {
    max-width: 102px;
  }
  .ambrands-popup-items .ambrands-letter .ambrands-brand-item .ambrands-empty {
    font-weight: 400;
    font-size: 40px;
  }
  .filter-options-content .am-filter-price {
    width: 43%;
  }
  .amslider-container.am-swiper-slider {
    width: 85%;
  }
  .products-grid .product-item {
    width: 20%;
  }
  .page-layout-1column .products-grid .product-item {
    width: 16.66666667%;
  }
  .page-layout-3columns .products-grid .product-item {
    width: 25%;
  }
  .page-products .products-grid .product-items {
    margin: 0;
  }
  .page-products .products-grid .product-item {
    margin-left: 2%;
    padding: 0;
    width: calc((100% - 6%) / 4);
  }
  .page-products .products-grid .product-item:nth-child(3n + 1) {
    margin-left: 2%;
  }
  .page-products .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 0;
  }
  .page-products.page-layout-1column .products-grid .product-item {
    margin-left: 0;
    width: 20%;
  }
  .page-products.page-layout-3columns .products-grid .product-item {
    margin-left: 1%;
    width: 32.667%;
  }
  .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n) {
    margin-left: 1%;
  }
  .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .checkout-index-index .modal-popup .modal-inner-wrap {
    margin-left: -400px;
    width: 800px;
    left: 50%;
  }
  .opc-wrapper .shipping-address-item {
    width: 33.33333333%;
  }
  .opc-wrapper .shipping-address-item:before {
    background: #cccccc;
    height: calc(100% - 20px);
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
  .opc-wrapper .shipping-address-item:nth-child(3n + 1):before {
    display: none;
  }
  .opc-wrapper .shipping-address-item.selected-item:before {
    display: none;
  }
  .opc-wrapper .shipping-address-item.selected-item + .shipping-address-item:before {
    display: none;
  }
  .table-checkout-shipping-method {
    min-width: 500px;
  }
  .wishlist-index-index .products-grid .product-items {
    margin: 0;
  }
  .wishlist-index-index .products-grid .product-item {
    margin-left: calc((100% - 4 * 24.439%) / 3);
    padding: 0;
    width: 24.439%;
  }
  .wishlist-index-index .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 0;
  }
  .block.widget .products-grid .product-item {
    width: 20%;
  }
  .page-layout-1column .block.widget .products-grid .product-item {
    margin-left: 2%;
    width: calc((100% - 8%)/5);
  }
  .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 2%;
  }
  .page-layout-1column .block.widget .products-grid .product-item:nth-child(5n + 1) {
    margin-left: 0;
  }
  .page-layout-3columns .block.widget .products-grid .product-item {
    width: 25%;
  }
  .block.widget .products-grid .product-items {
    margin: 0;
  }
  .block.widget .products-grid .product-item {
    margin-left: calc((100% - 4 * 24.439%) / 3);
    padding: 0;
    width: 24.439%;
  }
  .block.widget .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 0;
  }
}
@media all and (min-width: 1440px), print {
  .amslider .wrapper {
    justify-content: center;
  }
  .sidebar .product-items .product-item-info .product-item-photo {
    float: none;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
  }
  .sidebar .product-items .product-item-details {
    margin-left: 85px;
  }
}