/*********************************************
@author   Kristaps Kazarevskis
@contacts kristaps.kazarevskis@gmail.com
**********************************************/

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/

/* pswp = photoswipe */

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */

.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/

.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/

/*
	
	1. Buttons

 */

/* <button> css reset */

.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/assets/frontend/images/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */

  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/assets/frontend/images/photoswipe/default-skin.svg);
  }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*
	
	4. Caption

 */

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */

.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(/assets/frontend/images/photoswipe/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*
	
	6. Additional styles

 */

/* root element of UI */

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */

.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.box:after,
.form:after,
.fields:after,
.politics__item:after,
.breadcrumb:after,
.header__row:after,
.footer__row:after,
.grid:after,
.nav-main:after,
.dropdown:after,
.dropdown__col:after,
.dropdown-category:after,
.dropdown-brand-list:after,
.logo-list:after,
.register__fields:after,
.product-buy:after,
.side-image:after,
.checkout-nav:after,
.blog-list:after,
.calendar-list:after,
.calendar-teaser:after {
  content: "";
  display: table;
  clear: both;
}

img.full-width,
.kotw img,
.node-header__image,
.gender__image img,
.logo-list img,
.slider__item img,
.product-buy__image img,
.side-image img,
.product-teaser-images__img img,
.product-simple__img img,
.banner__image,
.blog-teaser__image,
.calendar-teaser__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.overlay,
.logo .icon,
.gender__link,
.dropdown-category__link,
.banner__link,
.blog-teaser__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

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

/**
 * Add the correct display in IE 9-.
 */

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

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template,
[hidden] {
  display: none;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

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

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}

.footer-push {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.container {
  width: 100%;
  margin: 0 auto 60px auto;
  margin: 0 auto 6rem auto;
}

@media (min-width: 800px) {
  .container {
    margin-bottom: 120px;
    margin-bottom: 12rem;
  }
}

.container,
.header,
.footer .wrapper {
  padding-left: 12px;
  padding-left: 1.2rem;
  padding-right: 12px;
  padding-right: 1.2rem;
}

@media (min-width: 600px) {
  .container,
  .header,
  .footer .wrapper {
    padding-left: 24px;
    padding-left: 2.4rem;
    padding-right: 24px;
    padding-right: 2.4rem;
  }
}

.box {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.overlay {
  display: none;
  position: fixed;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.8);
}

.nav-open .overlay {
  display: block;
}

.clearfloat {
  clear: both;
}

.aligned.right {
  text-align: right;
}

.aligned.left {
  text-align: left;
}

html {
  font-family: sans-serif;
  font-size: 62.5%;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: normal;
  color: #141414;
}

a {
  color: #141414;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  margin: 0 0 24px 0;
  margin: 0 0 2.4rem 0;
}

h1,
h2,
h3,
h4 {
  line-height: 1.2;
  margin: 0;
}

h1 {
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
}

h2 {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 2px;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

h3 {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 2px;
  letter-spacing: 0.2rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
  text-transform: uppercase;
  font-weight: 700;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  margin: 0 0 24px 0;
  margin: 0 0 2.4rem 0;
  border-bottom: 1px solid #1A1A1A;
  border-bottom-width: 1px;
  border-bottom-width: 0.1rem;
}

.node-text {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: 300;
}

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

table {
  width: 100%;
  font: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 300;
  border-spacing: 0;
}

table tr:nth-child(odd) {
  background-color: #F3F3F3;
}

table tr td {
  padding: 4px 8px;
  padding: 0.4rem 0.8rem;
}

table tr .title {
  width: 33%;
}

button {
  -webkit-appearance: none;
  border: 0;
  background-color: transparent;
}

label {
  cursor: pointer;
}

.error__text {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  font-weight: 300;
  color: #FA2A45;
  margin-top: 6px;
  margin-top: 0.6rem;
}

.input,
.select {
  width: 100%;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #1A1A1A;
  border: 1px solid #DADADA;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  padding: 6px 8px;
  padding: 0.6rem 0.8rem;
  border-radius: 0;
  background-color: #fff;
}

.input--simple {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 7px;
  padding-top: 0.7rem;
  padding-bottom: 7px;
  padding-bottom: 0.7rem;
}

.error .input,
.error .select {
  border-color: #FA2A45;
}

.select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("/assets/frontend/images/svg/chevron-down.svg") right 8px center no-repeat #fff;
  background-size: 12px;
  background-size: 1.2rem;
  padding: 6px 30px 6px 10px;
  padding: 0.6rem 3rem 0.6rem 1rem;
}

.select--small {
  width: auto;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 300;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.label {
  font-family: "Roboto", sans-serif;
  display: block;
  color: #6F6F6F;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 16px;
  line-height: 1.6rem;
  margin-bottom: 8px;
  margin-bottom: 0.8rem;
  font-weight: 300;
}

.required .label:after {
  position: relative;
  top: -2px;
  top: -0.2rem;
  margin-left: 4px;
  margin-left: 0.4rem;
  content: '*';
  color: #6F6F6F;
}

.disabled .label {
  opacity: .3;
}

.button {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 24px;
  line-height: 2.4rem;
  cursor: pointer;
  color: white;
  background-color: #1A1A1A;
  text-transform: uppercase;
  padding: 8px;
  padding: 0.8rem;
  letter-spacing: 2px;
  letter-spacing: 0.2rem;
  text-align: center;
  font-weight: 300;
  min-width: 148px;
  min-width: 14.8rem;
}

.button--has-arrow {
  padding-left: 16px;
  padding-left: 1.6rem;
}

.button--has-icon .icon {
  position: relative;
  fill: white;
  font-weight: bold;
  width: 17px;
  width: 1.7rem;
  height: 19px;
  height: 1.9rem;
  margin-right: 6px;
  margin-right: 0.6rem;
  bottom: -4px;
  bottom: -0.4rem;
}

@media (min-width: 600px) {
  .button--large {
    min-width: 240px;
    min-width: 24rem;
  }
}

.button:hover {
  background-color: #272727;
  text-decoration: none;
}

.button--secondary {
  color: #141414;
  background-color: #DADADA;
}

.button--secondary:hover {
  background-color: #cdcdcd;
}

.fields--inline .field {
  display: inline-block;
}

.fields--inline .field + .field {
  margin-left: 30px;
  margin-left: 3rem;
}

.fields--two .field {
  width: 48.89589905%;
  float: left;
}

.fields--two .field:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.fields--two .field:nth-child(2n + 2) {
  margin-left: 51.10410095%;
  margin-right: -100%;
  clear: none;
}

.fields--three .field {
  width: 31.86119874%;
  float: left;
}

.fields--three .field:nth-child(3n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.fields--three .field:nth-child(3n + 2) {
  margin-left: 34.06940063%;
  margin-right: -100%;
  clear: none;
}

.fields--three .field:nth-child(3n + 3) {
  margin-left: 68.13880126%;
  margin-right: -100%;
  clear: none;
}

.fields--four .field {
  width: 48.89589905%;
  float: left;
}

.fields--four .field:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.fields--four .field:nth-child(2n + 2) {
  margin-left: 51.10410095%;
  margin-right: -100%;
  clear: none;
}

@media (min-width: 600px) {
  .fields--four .field {
    width: 31.86119874%;
    float: left;
  }

  .fields--four .field:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }

  .fields--four .field:nth-child(3n + 2) {
    margin-left: 34.06940063%;
    margin-right: -100%;
    clear: none;
  }

  .fields--four .field:nth-child(3n + 3) {
    margin-left: 68.13880126%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 800px) {
  .fields--four .field {
    width: 23.34384858%;
    float: left;
  }

  .fields--four .field:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }

  .fields--four .field:nth-child(4n + 2) {
    margin-left: 25.55205047%;
    margin-right: -100%;
    clear: none;
  }

  .fields--four .field:nth-child(4n + 3) {
    margin-left: 51.10410095%;
    margin-right: -100%;
    clear: none;
  }

  .fields--four .field:nth-child(4n + 4) {
    margin-left: 76.65615142%;
    margin-right: -100%;
    clear: none;
  }
}

.field {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.fields-group {
  border-bottom: 1px solid #1A1A1A;
}

.fields-group__title {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 2px;
  letter-spacing: 0.2rem;
  font-weight: bold;
  text-transform: uppercase;
}

.form input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.radio-check {
  display: inline-block;
  width: 21px;
  width: 2.1rem;
  height: 21px;
  height: 2.1rem;
  border: 2px solid #1A1A1A;
  border-width: 2px;
  border-width: 0.2rem;
  border-radius: 50%;
  vertical-align: middle;
  margin: -4px 6px 0 0;
  margin: -0.4rem 0.6rem 0 0;
}

input[type=radio]:checked ~ .radio-check {
  border-width: 6px;
  border-width: 0.6rem;
}

.form input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 21px;
  width: 2.1rem;
  height: 21px;
  height: 2.1rem;
  border: 2px solid #1A1A1A;
  border-width: 2px;
  border-width: 0.2rem;
  margin: 0 4px -3px 0;
  margin: 0 0.4rem -0.3rem 0;
}

.form input[type=checkbox]:checked {
  background: url("/assets/frontend/images/svg/check.svg") center center no-repeat #1A1A1A;
}

.form-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.form-search label {
  width: 100%;
}

.form-search__icon {
  position: relative;
  display: inline-block;
  width: 17px;
  width: 1.7rem;
  height: 17px;
  height: 1.7rem;
  bottom: -4px;
  bottom: -0.4rem;
}

@media (min-width: 800px) {
  .form-search__icon {
    position: absolute;
    left: 16px;
    left: 1.6rem;
    top: 11px;
    top: 1.1rem;
    bottom: auto;
  }
}

@media (min-width: 800px) {
  .nav-open .form-search__icon .icon {
    fill: #1A1A1A !important;
  }
}

.form-search__input {
  display: none;
  width: 100%;
  border: 1px solid #DADADA;
  border-width: 1px;
  border-width: 0.1rem;
  border-right: 0;
  padding-left: 44px;
  padding-left: 4.4rem;
}

@media (min-width: 800px) {
  .form-search__input {
    display: block;
  }
}

.form-search__submit {
  display: none;
  cursor: pointer;
  width: 100px;
  width: 10rem;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  letter-spacing: 0.2rem;
  border: 1px solid #DADADA;
  border-width: 1px;
  border-width: 0.1rem;
  border-left: 0;
}

@media (min-width: 800px) {
  .form-search__submit {
    display: block;
  }
}

.nav-open .form-search__submit {
  color: white;
}

.form-subscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 380px;
  max-width: 38rem;
  margin: 0 auto;
}

.form-subscribe .button {
  font-size: 13px;
  font-size: 1.3rem;
  min-width: 140px;
  min-width: 14rem;
  color: white;
  border: 1px solid #2F2F2F;
  border-width: 1px;
  border-width: 0.1rem;
  padding: 6px 8px;
  padding: 0.6rem 0.8rem;
}

.form-subscribe .button .arrow {
  margin-left: 8px;
  margin-left: 0.8rem;
}

.form-subscribe .button:hover {
  border-color: #494848;
  background-color: #1A1A1A;
}

.arrow {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: baseline;
  content: "";
  border: 5px solid;
}

.arrow--right {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}

.arrow--left {
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}

.arrow--top {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  margin-top: -6px;
}

.arrow--bottom {
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  margin-bottom: -4px;
}

.icon {
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.logo__button {
  /*display: block;*/
  width: 100%;
  position: relative;
  padding-top: 57.80%;
  height: 0;
  overflow: hidden;
}

.logo--white .icon {
  fill: white;
}

.to-top {
  display: block;
  width: 32px;
  width: 3.2rem;
  height: 56px;
  height: 5.6rem;
  background-color: #1A1A1A;
  padding-top: 8px;
  padding-top: 0.8rem;
}

@media (min-width: 800px) {
  .to-top {
    width: 32px;
    width: 3.2rem;
    height: 76px;
    height: 7.6rem;
  }
}

.to-top .arrow {
  -webkit-transition: margin-top .2s;
  transition: margin-top .2s;
  margin: 0 auto;
  display: block;
  color: #fff;
}

.to-top .arrow + .arrow {
  margin-top: -2px;
  margin-top: -0.2rem;
}

.to-top:hover .arrow {
  margin-top: -2px;
  margin-top: -0.2rem;
}

.copyright {
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.read-more {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  font-weight: bold;
  float: right;
  border-bottom: 1px solid #141414;
  padding: 0 4px 10px 18px;
  padding: 0 0.4rem 1rem 1.8rem;
}

.read-more .arrow-wrapper {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  margin-left: 12px;
  margin-left: 1.2rem;
  width: 10px;
  width: 1rem;
  height: 10px;
  height: 1rem;
}

.read-more .arrow {
  position: absolute;
  left: -2px;
  top: 0;
  -webkit-transition: left .2s;
  transition: left .2s;
}

.read-more:hover {
  text-decoration: none;
  color: #4d4d4d;
  border-bottom-color: #4d4d4d;
}

.read-more:hover .arrow {
  left: 2px;
  left: 0.2rem;
}

.lines {
  width: 21px;
  width: 2.1rem;
  height: 3.5px;
  height: 0.35rem;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.nav-open .lines {
  background-color: transparent;
}

.lines:before,
.lines:after {
  display: inline-block;
  width: 21px;
  width: 2.1rem;
  height: 3.5px;
  height: 0.35rem;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 1.5px center;
          transform-origin: 1.5px center;
  -webkit-transform-origin: 0.15rem center;
          transform-origin: 0.15rem center;
}

.nav-open .lines:before,
.nav-open .lines:after {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  top: 0;
  width: 1.8rem;
}

.nav-open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
}

.lines:after {
  top: 7px;
  top: 0.7rem;
}

.nav-open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
}

.kotw {
  position: relative;
  line-height: 0;
}

.kotw .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80px;
  width: 8rem;
  height: 80px;
  height: 8rem;
}

.politics {
  display: block;
  border: 2px solid #1A1A1A;
  border-width: 2px;
  border-width: 0.2rem;
  padding: 10px 20px 10px 10px;
  padding: 1rem 2rem 1rem 1rem;
}

.politics__item {
  display: block;
  padding: 16px 0;
  padding: 1.6rem 0;
}

.politics__icon {
  display: block;
  float: left;
  text-align: center;
  width: 70px;
  width: 7rem;
}

.politics__icon--truck {
  padding-top: 4px;
  padding-top: 0.4rem;
}

.politics__icon--return {
  padding-top: 8px;
  padding-top: 0.8rem;
}

.politics__icon--phone {
  padding-left: 10px;
  padding-left: 1rem;
}

.politics .icon--truck {
  width: 52px;
  width: 5.2rem;
  height: 26px;
  height: 2.6rem;
}

.politics .icon--return {
  width: 33px;
  width: 3.3rem;
  height: 23px;
  height: 2.3rem;
}

.politics .icon--phone {
  width: 33px;
  width: 3.3rem;
  height: 32px;
  height: 3.2rem;
}

.politics__text {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: 900;
  margin-left: 80px;
  margin-left: 8rem;
}

.emblem {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 22px;
  line-height: 2.2rem;
  text-transform: uppercase;
  font-weight: bold;
  padding: 2px 10px 0 10px;
  padding: 0.2rem 1rem 0 1rem;
  background-color: #fff;
}

.emblem--likes .icon {
  position: relative;
  margin-right: 2px;
  margin-right: 0.2rem;
  width: 15px;
  width: 1.5rem;
  height: 14px;
  height: 1.4rem;
  bottom: -2px;
  bottom: -0.2rem;
}

.emblem--icon {
  padding: 6px;
  padding: 0.6rem;
  line-height: 0;
}

.emblem--icon .icon {
  width: 12px;
  width: 1.2rem;
  height: 12px;
  height: 1.2rem;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination__item {
  margin: 0 5px;
  margin: 0 0.5rem;
}

.pagination__button {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 39px;
  line-height: 3.9rem;
  font-weight: bold;
  width: 38px;
  width: 3.8rem;
  height: 36px;
  height: 3.6rem;
  text-align: center;
  border-bottom: 2px solid #141414;
}

@media (min-width: 1024px) {
  .pagination__button {
    width: 41px;
    width: 4.1rem;
    height: 39px;
    height: 3.9rem;
  }
}

.pagination__button:hover {
  background-color: #F3F3F3;
  text-decoration: none;
}

.pagination__button--selected {
  color: white;
  background-color: #141414;
}

.pagination__button--selected:hover {
  background-color: #141414;
}

.pagination__button--disabled:hover {
  background-color: white;
}

.pagination__button .arrow--left {
  margin-left: -5px;
  margin-left: -0.5rem;
}

.pagination__button .arrow--right {
  margin-right: -5px;
  margin-right: -0.5rem;
}

.breadcrumb {
  padding: 20px 0;
  padding: 2rem 0;
}

.breadcrumb__item {
  display: block;
  float: left;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}

.breadcrumb .arrow {
  float: left;
  margin: 4px 6px 0 11px;
  margin: 0.4rem 0.6rem 0 1.1rem;
}

.like {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: bold;
  background-color: white;
  padding: 6px 8px 5px 8px;
  padding: 0.6rem 0.8rem 0.5rem 0.8rem;
}

.like .icon {
  position: relative;
  fill: #141414;
  width: 11px;
  width: 1.1rem;
  height: 14px;
  height: 1.4rem;
  margin-right: 4px;
  margin-right: 0.4rem;
  bottom: -2px;
  bottom: -0.2rem;
}

.like:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}

.back {
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  margin-left: -5px;
  margin-left: -0.5rem;
}

.back .arrow {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.node {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  max-width: 114rem;
  margin: 0 auto;
}

.node:after {
  content: " ";
  display: block;
  clear: both;
}

.node__header {
  line-height: 0;
  margin: 0 -12px 0 -12px;
  margin: 0 -1.2rem 0 -1.2rem;
}

@media (min-width: 600px) {
  .node__header {
    margin: 0 -24px 0 -24px;
    margin: 0 -2.4rem 0 -2.4rem;
  }
}

@media (min-width: 1240px) {
  .node__header {
    margin-right: 0;
    margin-left: 0;
  }
}

.node__heading {
  font-size: 37px;
  font-size: 3.7rem;
  line-height: 43px;
  line-height: 4.3rem;
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
  padding-top: 16px;
  padding-top: 1.6rem;
}

@media (min-width: 800px) {
  .node__heading {
    border-top: 2px solid #1A1A1A;
    border-top-width: 2px;
    border-top-width: 0.2rem;
  }
}

.node__sidebar {
  min-width: 260px;
  min-width: 26rem;
}

@media (min-width: 800px) {
  .node__sidebar {
    width: 260px;
    width: 26rem;
    float: left;
  }
}

.node__sidebar--hidden-sm {
  display: none;
}

@media (min-width: 800px) {
  .node__sidebar--hidden-sm {
    display: block;
  }
}

.node__content {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

@media (min-width: 800px) {
  .node__content--has-sidebar {
    float: right;
    width: calc(100% - 284px);
  }
}

.node-header {
  position: relative;
}

.node-header__logo {
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  right: 10%;
  width: 40px;
  width: 4rem;
  height: 40px;
  height: 4rem;
}

@media (min-width: 600px) {
  .node-header__logo {
    width: 80px;
    width: 8rem;
    height: 80px;
    height: 8rem;
  }
}

@media (min-width: 800px) {
  .node-header__logo {
    width: 122px;
    width: 12.2rem;
    height: 122px;
    height: 12.2rem;
  }
}

.header {
  position: relative;
  z-index: 103;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 12px;
  padding-bottom: 1.2rem;
  font-size: 0;
}

.header:after {
  content: " ";
  display: block;
  clear: both;
}

.nav-open .header {
  background-color: #1A1A1A;
}

.nav-open .header .icon {
  fill: white;
}

.nav-open .header a {
  color: white;
}

@media (min-width: 800px) {
  .header {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
  }
}

.header .inner {
  margin: 0 auto;
  max-width: 1140px;
  max-width: 114rem;
}

.header__row {
  padding-top: 12px;
  padding-top: 1.2rem;
}

.header__row--1 {
  display: none;
  padding: 20px 0;
  padding: 2rem 0;
}

@media (min-width: 800px) {
  .header__row--1 {
    display: block;
  }
}

.header__row--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 800px) {
  .header__row--2 {
    padding-top: 0;
  }
}

.header .nav-lang {
  float: left;
}

.header .nav-info {
  float: right;
}

.header .logo {
  display: inline-block;
  float: none;
  vertical-align: middle;
  width: 80px;
  width: 8rem;
}

@media (min-width: 600px) {
  .header .logo {
    width: 100px;
    width: 10rem;
  }
}

@media (min-width: 800px) {
  .header .logo {
    width: 120px;
    width: 12rem;
  }
}

@media (min-width: 1024px) {
  .header .logo {
    width: 14.82649842%;
    float: left;
    margin-right: 2.20820189%;
  }
}

.header .search {
  float: none;
  vertical-align: middle;
  margin-left: auto;
}

@media (min-width: 1024px) {
  .header .search {
    width: 40.3785489%;
    float: left;
    margin-right: 2.20820189%;
    margin-left: 8.51735016%;
  }
}

.header .user-bar {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .header .user-bar {
    width: 19.0851735%;
    margin-left: 12.77602524%;
  }
}

.user-bar {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: auto;
}

.user-bar__login .icon {
  width: 15px;
  width: 1.5rem;
  height: 18px;
  height: 1.8rem;
  margin: 0 6px -3px 0;
  margin: 0 0.6rem -0.3rem 0;
}

.user-bar__cart {
  float: right;
  margin-left: 24px;
  margin-left: 2.4rem;
}

.user-bar__cart .icon {
  width: 17px;
  width: 1.7rem;
  height: 19px;
  height: 1.9rem;
  margin: 0 6px -3px 0;
  margin: 0 0.6rem -0.3rem 0;
}

.footer {
  color: #6F6F6F;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.footer a {
  color: #6F6F6F;
}

.footer .to-top {
  margin: 0 auto;
}

@media (min-width: 800px) {
  .footer .to-top {
    margin-right: 158px;
    margin-right: 15.8rem;
  }
}

.footer .wrapper {
  clear: both;
  background-color: #1A1A1A;
}

.footer .inner {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  max-width: 1140px;
  max-width: 114rem;
}

.footer .inner:after {
  content: " ";
  display: block;
  clear: both;
}

.footer__row--1 {
  padding: 40px 0 20px 0;
  padding: 4rem 0 2rem 0;
}

@media (min-width: 1024px) {
  .footer__row--1 {
    padding-top: 100px;
    padding-top: 10rem;
  }
}

.footer__row--2 {
  padding: 30px 0;
  padding: 3rem 0;
}

.footer__row--3 {
  border-top: 1px solid #6F6F6F;
  padding: 40px 0;
  padding: 4rem 0;
}

.footer .logo {
  max-width: 180px;
  max-width: 18rem;
  margin: 0 auto 40px auto;
  margin: 0 auto 4rem auto;
}

@media (min-width: 1024px) {
  .footer .logo {
    width: 14.82649842%;
    float: left;
    margin-right: 2.20820189%;
  }
}

.footer .block {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

.footer .block h3 {
  color: white;
  font-weight: 500;
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
}

@media (min-width: 1024px) {
  .footer .block h3 {
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .footer .block {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .footer .block--1 {
    width: 14.82649842%;
    float: left;
    margin-right: 2.20820189%;
    margin-left: 8.51735016%;
  }
}

@media (min-width: 1024px) {
  .footer .block--1 h3 {
    margin-bottom: 32px;
    margin-bottom: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .footer .block--2 {
    width: 14.82649842%;
    float: left;
    margin-right: 2.20820189%;
    margin-left: 6.38801262%;
  }
}

@media (min-width: 1024px) {
  .footer .block--2 h3 {
    margin-bottom: 32px;
    margin-bottom: 3.2rem;
  }
}

.footer .block--3 {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .footer .block--3 {
    width: 31.86119874%;
    float: right;
    margin-right: 0;
  }
}

.footer .payment-list {
  float: left;
}

.footer .social-list {
  float: right;
}

.footer .nav-info {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

@media (min-width: 800px) {
  .footer .nav-info {
    float: right;
  }
}

@media (min-width: 800px) {
  .footer .copyright {
    float: left;
  }
}

.grid__item {
  width: 48.89589905%;
  float: left;
  margin-bottom: 2.20820189%;
}

.grid__item:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.grid__item:nth-child(2n + 2) {
  margin-left: 51.10410095%;
  margin-right: -100%;
  clear: none;
}

@media (min-width: 1024px) {
  .grid__item {
    width: 23.34384858%;
    float: left;
  }

  .grid__item:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }

  .grid__item:nth-child(4n + 2) {
    margin-left: 25.55205047%;
    margin-right: -100%;
    clear: none;
  }

  .grid__item:nth-child(4n + 3) {
    margin-left: 51.10410095%;
    margin-right: -100%;
    clear: none;
  }

  .grid__item:nth-child(4n + 4) {
    margin-left: 76.65615142%;
    margin-right: -100%;
    clear: none;
  }
}

.grid--three .grid__item {
  width: 48.89589905%;
  float: left;
  margin-bottom: 2.20820189%;
}

.grid--three .grid__item:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.grid--three .grid__item:nth-child(2n + 2) {
  margin-left: 51.10410095%;
  margin-right: -100%;
  clear: none;
}

@media (min-width: 1024px) {
  .grid--three .grid__item {
    width: 31.86119874%;
    float: left;
  }

  .grid--three .grid__item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }

  .grid--three .grid__item:nth-child(3n + 2) {
    margin-left: 34.06940063%;
    margin-right: -100%;
    clear: none;
  }

  .grid--three .grid__item:nth-child(3n + 3) {
    margin-left: 68.13880126%;
    margin-right: -100%;
    clear: none;
  }
}

.grid-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  font-weight: bold;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.grid-options .select {
  display: inline;
}

.grid-options__left .select {
  margin-left: 10px;
  margin-left: 1rem;
}

.grid-options__right {
  margin-left: auto;
}

.grid-options__right .select {
  margin-left: 10px;
  margin-left: 1rem;
}

.nav-info__item {
  display: block;
}

@media (min-width: 800px) {
  .nav-info__item {
    float: left;
  }
}

@media (min-width: 800px) {
  .nav-info__item + .nav-info__item {
    margin-left: 28px;
    margin-left: 2.8rem;
  }
}

.nav-info__button {
  display: block;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  padding: 5px 0;
  padding: 0.5rem 0;
}

@media (min-width: 800px) {
  .nav-info__button {
    padding: 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.nav-info--light .nav-info__button {
  color: #6F6F6F;
}

.nav-lang__item {
  display: block;
  float: left;
}

.nav-lang__item + .nav-lang__item {
  margin-left: 12px;
  margin-left: 1.2rem;
}

.nav-lang__button {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 300;
}

.nav-lang__button--active {
  font-weight: bold;
}

.nav-main {
  position: relative;
  z-index: 103;
  display: block;
  width: 100%;
  background-color: #1A1A1A;
  max-width: 1140px;
  max-width: 114rem;
  margin: 0 auto;
}

.nav-main__mobile-header {
  position: relative;
  z-index: 104;
  height: 60px;
  height: 6rem;
  padding: 0 12px;
  padding: 0 1.2rem;
  background-color: #1A1A1A;
}

@media (min-width: 600px) {
  .nav-main__mobile-header {
    padding: 0 24px;
    padding: 0 2.4rem;
  }
}

@media (min-width: 1240px) {
  .nav-main__mobile-header {
    display: none;
  }
}

.nav-open .nav-main__mobile-header {
  border-bottom: 1px solid #6F6F6F;
  border-bottom-width: 1px;
  border-bottom-width: 0.1rem;
}

.nav-main__mobile-header .helper-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 60px;
  line-height: 6rem;
  font-weight: 500;
  text-transform: uppercase;
  color: white;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.nav-open .nav-main__mobile-header .helper-text {
  color: #6F6F6F;
}

.nav-main .lines {
  position: absolute;
  right: 12px;
  right: 1.2rem;
  top: 25px;
  top: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  float: right;
}

@media (min-width: 600px) {
  .nav-main .lines {
    right: 24px;
    right: 2.4rem;
  }
}

@media (min-width: 1240px) {
  .nav-main .lines {
    display: none;
  }
}

.nav-main__list {
  position: absolute;
  top: 20px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 103;
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.nav-open .nav-main__list {
  top: 60px;
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1240px) {
  .nav-main__list {
    display: table;
    position: static;
    visibility: visible;
    opacity: 1;
  }
}

.nav-main__item {
  display: block;
  background-color: #1A1A1A;
}

@media (min-width: 1240px) {
  .nav-main__item {
    height: 60px;
    height: 6rem;
    display: table-cell;
    vertical-align: middle;
  }
}

.nav-main__item:hover .nav-main__button {
  color: #6F6F6F;
  background-color: #272727;
}

.nav-main__item:hover .nav-main__button .arrow {
  color: #6F6F6F;
}

.nav-main__item:first-child .nav-main__button:before {
  display: none;
}

.nav-main__button {
  position: relative;
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 50px;
  line-height: 5rem;
  font-weight: 500;
  text-transform: uppercase;
  color: white;
  padding: 0 12px;
  padding: 0 1.2rem;
  border-bottom: 1px solid #6F6F6F;
  border-bottom-width: 1px;
  border-bottom-width: 0.1rem;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media (min-width: 1240px) {
  .nav-main__button {
    line-height: 60px;
    line-height: 6rem;
    text-align: center;
    padding: 0;
    border-bottom: 0;
  }

  .nav-main__button:before {
    width: 1px;
    width: 0.1rem;
    height: 14px;
    height: 1.4rem;
    content: ' ';
    position: absolute;
    border-left: 1px solid #6F6F6F;
    border-left-width: 1px;
    border-left-width: 0.1rem;
    top: 23px;
    top: 2.3rem;
    left: 0;
  }
}

.nav-main__button .arrow {
  float: right;
  margin-top: 22px;
  margin-top: 2.2rem;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media (min-width: 1240px) {
  .nav-main__button .arrow {
    display: none;
  }
}

.nav-main__button:hover {
  text-decoration: none;
}

.nav-sidebar {
  border-top: 1px solid #1A1A1A;
  border-top-width: 1px;
  border-top-width: 0.1rem;
}

.nav-sidebar__item:last-child .nav-sidebar__button {
  border-bottom: 1px solid #1A1A1A;
  border-bottom-width: 1px;
  border-bottom-width: 0.1rem;
}

.nav-sidebar__item > ul {
  margin: 0 0 20px 20px;
  margin: 0 0 2rem 2rem;
}

.nav-sidebar__item > ul > li > a {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  padding: 2px 0;
  padding: 0.2rem 0;
}

.nav-sidebar__item > ul > li > a.selected {
  font-weight: bold;
}

.nav-sidebar__button {
  display: block;
  border-top: 1px solid #1A1A1A;
  border-top-width: 1px;
  border-top-width: 0.1rem;
  padding: 9px 0;
  padding: 0.9rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
}

.nav-sidebar__button .arrow {
  visibility: hidden;
  margin-right: 0;
  -webkit-transition: margin-right .2s;
  transition: margin-right .2s;
}

.nav-sidebar__button:hover {
  text-decoration: none;
}

.nav-sidebar__button:hover .arrow {
  visibility: visible;
  color: #6F6F6F;
  display: inline-block;
  margin-right: 10px;
  margin-right: 1rem;
}

.nav-sidebar__button--active {
  letter-spacing: 2px;
  letter-spacing: 0.2rem;
}

.nav-sidebar__button--active .arrow {
  visibility: visible;
  margin-right: 10px;
  margin-right: 1rem;
  display: inline-block;
}

.nav-sidebar__button--active:hover .arrow {
  color: #141414;
}

.gender-list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.gender-list:after {
  content: " ";
  display: block;
  clear: both;
}

.gender-list__item {
  width: 48.89589905%;
  float: left;
  margin-bottom: 2.20820189%;
}

.gender-list__item:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.gender-list__item:nth-child(2n + 2) {
  margin-left: 51.10410095%;
  margin-right: -100%;
  clear: none;
}

.gender {
  position: relative;
}

.gender__image {
  line-height: 0;
}

.gender__title {
  color: white;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 34px;
  height: 3.4rem;
  line-height: 36px;
  line-height: 3.6rem;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  padding: 2px 10px 0 10px;
  padding: 0.2rem 1rem 0 1rem;
  background-color: rgba(0, 0, 0, 0.8);
}

.dropdown {
  display: none;
  background-color: #272727;
  padding: 12px;
  padding: 1.2rem;
}

@media (min-width: 1240px) {
  .dropdown {
    position: absolute;
    top: 60px;
    top: 6rem;
    left: -40px;
    left: -4rem;
    right: -40px;
    right: -4rem;
    padding: 0 !important;
    padding: 0 !important;
    -webkit-box-shadow: 0 47px 37px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 47px 37px 0 rgba(0, 0, 0, 0.5);
  }
}

.dropdown__col {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

@media (min-width: 1240px) {
  .dropdown__col {
    margin: 0;
  }
}

@media (min-width: 1240px) {
  .dropdown__col--1 {
    width: 23.34384858%;
    float: left;
    margin-right: 2.20820189%;
    padding: 40px 30px 40px 40px;
    padding: 4rem 3rem 4rem 4rem;
  }
}

@media (min-width: 1240px) {
  .dropdown__col--2 {
    width: 27.60252366%;
    float: left;
    margin-right: 2.20820189%;
    padding: 40px 0 40px 0;
    padding: 4rem 0 4rem 0;
  }
}

@media (min-width: 1240px) {
  .dropdown__col--3 {
    width: 10.56782334%;
    float: left;
    margin-right: 2.20820189%;
    padding: 40px 0 40px 0;
    padding: 4rem 0 4rem 0;
    text-align: center;
  }
}

@media (min-width: 1240px) {
  .dropdown__col--4 {
    width: 31.86119874%;
    float: right;
    margin-right: 0;
  }
}

.dropdown__title {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 13px;
  line-height: 1.3rem;
  letter-spacing: 2px;
  letter-spacing: 0.2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  text-transform: uppercase;
  color: white;
}

.dropdown-category {
  position: relative;
  border-bottom: 2px solid white;
  border-bottom-width: 2px;
  border-bottom-width: 0.2rem;
  color: white;
  padding: 16px 0;
  padding: 1.6rem 0;
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  line-height: 1;
}

.dropdown-category__title {
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
}

.dropdown-category__count {
  float: right;
  font-size: 13px;
  font-size: 1.3rem;
  color: #6F6F6F;
}

.dropdown-category .arrow {
  position: relative;
  float: right;
  bottom: -2px;
  bottom: -0.2rem;
  right: -5px;
  right: -0.5rem;
  margin-left: 10px;
  margin-left: 1rem;
}

.dropdown-category:hover .dropdown-category__title {
  color: #6F6F6F;
}

.dropdown-brand-list__item {
  width: 31.86119874%;
  float: left;
}

.dropdown-brand-list__item:nth-child(3n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.dropdown-brand-list__item:nth-child(3n + 2) {
  margin-left: 34.06940063%;
  margin-right: -100%;
  clear: none;
}

.dropdown-brand-list__item:nth-child(3n + 3) {
  margin-left: 68.13880126%;
  margin-right: -100%;
  clear: none;
}

@media (min-width: 1240px) {
  .dropdown-brand-list__item {
    width: 100%;
    display: block;
    margin: 0 0 24px 0 !important;
    margin: 0 0 2.4rem 0 !important;
  }
}

.dropdown-brand-list .icon {
  fill: white;
  padding: 0 20px;
  padding: 0 2rem;
}

@media (min-width: 1240px) {
  .dropdown-brand-list .icon {
    padding: 0;
    width: 70px;
    width: 7rem;
    height: 40px;
    height: 4rem;
  }
}

.nav-filter {
  background-color: #F3F3F3;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

@media (min-width: 1240px) {
  .nav-filter {
    border-top: 2px solid #1A1A1A;
    border-top-width: 2px;
    border-top-width: 0.2rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.nav-filter__helper {
  color: white;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 38px;
  line-height: 3.8rem;
  font-weight: bold;
  letter-spacing: 2px;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  background-color: #1A1A1A;
  padding: 0 20px;
  padding: 0 2rem;
}

@media (min-width: 1240px) {
  .nav-filter__helper {
    width: 15%;
    text-align: center;
  }
}

@media (min-width: 1240px) {
  .nav-filter__helper .icon {
    display: none;
  }
}

.nav-filter .icon--chevron-down {
  float: right;
  fill: white;
  width: 12px;
  width: 1.2rem;
  height: 10px;
  height: 1rem;
  margin-top: 15px;
  margin-top: 1.5rem;
}

.nav-filter__list {
  display: none;
}

@media (min-width: 1240px) {
  .nav-filter__list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 85%;
  }
}

.nav-filter__item {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  border-bottom-width: 1px;
  border-bottom-width: 0.1rem;
  background-color: #F3F3F3;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

@media (min-width: 1240px) {
  .nav-filter__item {
    width: 20%;
  }
}

.nav-filter__item--open {
  background-color: #e6e6e6;
}

@media (min-width: 1240px) {
  .nav-filter__item:hover {
    background-color: #e6e6e6;
  }

  .nav-filter__item:hover > .nav-filter-dropdown {
    display: block !important;
  }
}

.nav-filter__button {
  cursor: pointer;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 38px;
  line-height: 3.8rem;
  font-weight: bold;
  padding: 0 20px;
  padding: 0 2rem;
}

.nav-filter__button .icon--chevron-down {
  fill: #141414;
}

.nav-filter-dropdown {
  display: none;
  background-color: #e6e6e6;
}

@media (min-width: 1240px) {
  .nav-filter-dropdown {
    position: absolute;
    left: 0;
    width: 100%;
    top: 39px;
    top: 3.9rem;
    z-index: 2;
  }
}

.nav-filter-dropdown--with-padding {
  padding: 10px 10px 10px 20px;
  padding: 1rem 1rem 1rem 2rem;
}

@media (min-width: 1240px) {
  .nav-filter-dropdown--with-padding {
    padding: 10px 0px 0px 6px;
    padding: 1rem 0px 0px 0.6rem;
  }
}

.nav-filter-dropdown-list {
  padding-bottom: 12px;
  padding-bottom: 1.2rem;
}

.nav-filter-dropdown-list__button {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: 300;
  padding: 0 20px;
  padding: 0 2rem;
}

.nav-filter-dropdown-list__button--reset {
  text-transform: uppercase;
}

.logo-list {
  display: none;
  line-height: 0;
  margin-top: 24px;
  margin-top: 2.4rem;
  width: 100%;
}

@media (min-width: 800px) {
  .logo-list {
    display: table;
    margin-top: 48px;
    margin-top: 4.8rem;
    margin-bottom: 48px;
    margin-bottom: 4.8rem;
  }
}

.logo-list a {
  display: block;
}

.logo-list__item {
  display: table-cell;
  vertical-align: middle;
  width: 16.666%;
}

.logo-list__item a {
  display: block;
  padding-right: 60px;
  padding-right: 6rem;
}

.logo-list__item:last-child a {
  padding-right: 0;
}

.logo-list--small {
  display: block;
  margin: 0;
}

.logo-list--small .logo-list__item {
  position: relative;
  display: block;
  width: 31.86119874%;
  float: left;
  padding: 0 0 31.86119874% 0;
}

.logo-list--small .logo-list__item:nth-child(3n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.logo-list--small .logo-list__item:nth-child(3n + 2) {
  margin-left: 34.06940063%;
  margin-right: -100%;
  clear: none;
}

.logo-list--small .logo-list__item:nth-child(3n + 3) {
  margin-left: 68.13880126%;
  margin-right: -100%;
  clear: none;
}

.logo-list--small .logo-list__item img {
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  padding: 10px;
  padding: 1rem;
}

.payment-list .icon {
  fill: #fff;
}

.payment-list .icon--visa {
  width: 44px;
  width: 4.4rem;
  height: 14px;
  height: 1.4rem;
}

.payment-list .icon--mastercard {
  width: 39px;
  width: 3.9rem;
  height: 24px;
  height: 2.4rem;
}

.payment-list__item {
  display: inline-block;
  vertical-align: middle;
}

.payment-list__item + .payment-list__item {
  margin-left: 18px;
  margin-left: 1.8rem;
}

.size-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.size-button {
  display: block;
  color: white;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 26px;
  line-height: 2.6rem;
  min-width: 43px;
  min-width: 4.3rem;
  font-weight: 300;
  background-color: #141414;
  text-align: center;
  margin: 0 8px 8px 0;
  margin: 0 0.8rem 0.8rem 0;
}

@media (min-width: 1240px) {
  .size-button {
    margin: 0 6px 6px 0;
    margin: 0 0.6rem 0.6rem 0;
    min-width: 40px;
    min-width: 4rem;
  }
}

.size-button--disabled {
  background-color: #DADADA;
}

.color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.color-button {
  display: block;
  text-indent: -9999px;
  font-size: 13px;
  font-size: 1.3rem;
  height: 26px;
  height: 2.6rem;
  min-width: 43px;
  min-width: 4.3rem;
  margin: 0 8px 8px 0;
  margin: 0 0.8rem 0.8rem 0;
}

@media (min-width: 1240px) {
  .color-button {
    margin: 0 6px 6px 0;
    margin: 0 0.6rem 0.6rem 0;
    min-width: 40px;
    min-width: 4rem;
  }
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding: 20px;
  padding: 2rem;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
  -webkit-box-shadow: 0 47px 37px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 47px 37px 0 rgba(0, 0, 0, 0.5);
  text-align: left;
}

.remodal p {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: 300;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 18px;
  top: 1.8rem;
  right: 20px;
  right: 2rem;
  display: block;
  overflow: visible;
  width: 24px;
  width: 2.4rem;
  height: 24px;
  height: 2.4rem;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  display: block;
  content: ' ';
  position: absolute;
  width: 12px;
  width: 1.2rem;
  height: 12px;
  height: 1.2rem;
  top: 6px;
  top: 0.6rem;
  left: 6px;
  left: 0.6rem;
  background: url("/assets/frontend/images/svg/close.svg") center center no-repeat;
}

.remodal-header {
  padding-bottom: 20px;
  padding-bottom: 2rem;
  border-bottom: 2px solid #1A1A1A;
  border-bottom-width: 2px;
  border-bottom-width: 0.2rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.remodal-header h1,
.remodal-header h2,
.remodal-header h3 {
  line-height: 20px;
  line-height: 2rem;
  margin: 0;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 560px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 560px;
}

.slider {
  line-height: 0;
}

.slider__item {
  display: block;
  width: 100%;
  height: 100%;
}

.slider--padded {
  margin-top: 12px;
  margin-top: 1.2rem;
  margin-bottom: 36px;
  margin-bottom: 3.6rem;
}

@media (min-width: 600px) {
  .slider--padded {
    margin-top: 24px;
    margin-top: 2.4rem;
  }
}

@media (min-width: 800px) {
  .slider--padded {
    margin-top: 24px;
    margin-top: 2.4rem;
    margin-bottom: 48px;
    margin-bottom: 4.8rem;
  }
}

.cycle-prev,
.cycle-next {
  cursor: pointer;
  color: white;
  z-index: 101;
  width: 40px;
  width: 4rem;
  height: 60px;
  height: 6rem;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  background-color: #1A1A1A;
}

.cycle-prev .arrow,
.cycle-next .arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
}

.cycle-prev:hover,
.cycle-next:hover {
  background-color: #272727;
}

.cycle-prev {
  left: 0;
}

.cycle-prev .arrow {
  left: 12px;
  left: 1.2rem;
}

.cycle-next {
  right: 0;
}

.cycle-next .arrow {
  right: 12px;
  right: 1.2rem;
}

.slider-thumbnails {
  display: none;
  position: absolute;
  z-index: 101;
  left: 20px;
  left: 2rem;
  bottom: 20px;
  bottom: 2rem;
}

@media (min-width: 1024px) {
  .slider-thumbnails {
    display: block;
  }
}

.slider-thumbnails__item {
  cursor: pointer;
  display: none;
  float: left;
}

.slider-thumbnails__item + .slider-thumbnails__item {
  margin-left: 10px;
  margin-left: 1rem;
}

.slider-thumbnails__item--1,
.slider-thumbnails__item--2,
.slider-thumbnails__item--3 {
  display: block;
}

.cycle-pager {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cycle-pager span {
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  float: left;
  margin-left: 16px;
  margin-left: 1.6rem;
  width: 10px;
  width: 1rem;
  height: 10px;
  height: 1rem;
  border: 2px solid #1A1A1A;
}

.cycle-pager span.cycle-pager-active {
  background-color: #1A1A1A;
}

.slider--padded .cycle-pager {
  bottom: -24px;
  bottom: -2.4rem;
}

.social-list {
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
}

.social-list__helper-text {
  position: relative;
  display: inline-block;
  bottom: -2px;
  bottom: -0.2rem;
}

.social-list .icon {
  width: 18px;
  width: 1.8rem;
  height: 18px;
  height: 1.8rem;
  fill: #fff;
}

.social-list .icon--twitter {
  width: 18px;
  width: 1.8rem;
  height: 15px;
  height: 1.5rem;
}

.social-list__item {
  display: inline-block;
  vertical-align: middle;
}

.social-list__item + .social-list__item {
  margin-left: 26px;
  margin-left: 2.6rem;
}

.social-list__button {
  display: block;
  line-height: 0;
}

.social-list__button:hover .icon {
  fill: #e6e5e5;
}

.social-list--share .social-list__item {
  position: relative;
  margin-left: 8px;
  margin-left: 0.8rem;
}

.social-list--share .social-list__item .social-list__button {
  position: relative;
  width: 34px;
  width: 3.4rem;
  height: 34px;
  height: 3.4rem;
  background-color: #1A1A1A;
}

.social-list--share .social-list__item .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  left: 50%;
  margin-left: -9px;
  margin-left: -0.9rem;
}

.register {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
}

.register label {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
}

@media (min-width: 1024px) {
  .register__fields {
    width: 48.89589905%;
    float: left;
    margin-right: 2.20820189%;
  }
}

.register__help {
  background-color: #F2F2F2;
  padding: 19px 30px;
  padding: 1.9rem 3rem;
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
}

@media (min-width: 1024px) {
  .register__help {
    width: 48.89589905%;
    float: right;
    margin-right: 0;
    margin: 0;
  }
}

.register__clear-helper {
  display: none;
  clear: both;
}

@media (min-width: 1024px) {
  .register__clear-helper {
    display: block;
  }
}

.product-logo {
  border-top: 2px solid #1A1A1A;
  border-bottom: 1px solid #1A1A1A;
  border-top-width: 2px;
  border-top-width: 0.2rem;
  border-bottom-width: 1px;
  border-bottom-width: 0.1rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
  padding: 24px;
  padding: 2.4rem;
}

@media (min-width: 1240px) {
  .product-logo {
    margin-bottom: 48px;
    margin-bottom: 4.8rem;
  }
}

.product-logo a {
  display: block;
  line-height: 0;
}

.product-buy {
  border-top: 2px solid #1A1A1A;
  border-top-width: 2px;
  border-top-width: 0.2rem;
  background-color: #F3F3F3;
  padding: 24px;
  padding: 2.4rem;
}

@media (min-width: 1240px) {
  .product-buy {
    padding: 24px 24px 0 24px;
    padding: 2.4rem 2.4rem 0 2.4rem;
  }
}

.product-buy .select {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.product-buy__image {
  width: 80px;
  width: 8rem;
  margin: 0 auto 12px auto;
  margin: 0 auto 1.2rem auto;
}

@media (min-width: 1240px) {
  .product-buy__image {
    float: left;
    margin: -16px 24px 0 -16px;
    margin: -1.6rem 2.4rem 0 -1.6rem;
  }
}

.product-buy__pricing {
  text-align: center;
  margin-bottom: 28px;
  margin-bottom: 2.8rem;
}

@media (min-width: 1240px) {
  .product-buy__pricing {
    text-align: left;
    float: left;
  }
}

.product-buy__price {
  position: relative;
  font-size: 37px;
  font-size: 3.7rem;
  line-height: 43px;
  line-height: 4.3rem;
  font-weight: bold;
}

.product-buy__price--old {
  font-weight: 300;
  color: #FA2A45;
  text-decoration: line-through;
  margin-left: 16px;
  margin-left: 1.6rem;
}

.product-buy__price-helper {
  position: absolute;
  bottom: -18px;
  bottom: -1.8rem;
  left: 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  line-height: 1;
  font-weight: 300;
  color: #6F6F6F;
  padding-left: 8px;
  padding-left: 0.8rem;
  text-align: left;
}

@media (min-width: 1240px) {
  .product-buy__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

.product-buy__quantity {
  display: none;
}

@media (min-width: 1240px) {
  .product-buy__quantity {
    display: inline-block;
    width: 60px;
    width: 6rem;
  }
}

.product-buy__quantity-helper {
  display: none;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 43px;
  line-height: 4.3rem;
  font-weight: 300;
}

@media (min-width: 1240px) {
  .product-buy__quantity-helper {
    display: block;
    padding: 0 8px;
    padding: 0 0.8rem;
  }
}

.product-buy__size {
  position: relative;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

@media (min-width: 1240px) {
  .product-buy__size {
    display: inline-block;
    width: 200px;
    width: 20rem;
    margin-bottom: 0;
    margin-right: 24px;
    margin-right: 2.4rem;
  }
}

.product-buy__size-select {
  height: 100%;
}

.product-buy__size-helper {
  position: absolute;
  bottom: -18px;
  bottom: -1.8rem;
  left: 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  line-height: 1;
  font-weight: 300;
  color: #6F6F6F;
  text-decoration: underline;
}

.product-buy__submit {
  float: right;
}

.product-buy--variation {
  border: 0;
  margin-top: 10px;
  margin-top: 1rem;
}

.side-image {
  line-height: 0;
}

.side-image__zoom {
  float: right;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 7px;
  margin-top: 0.7rem;
}

.side-image__zoom .icon {
  width: 16px;
  width: 1.6rem;
  height: 16px;
  height: 1.6rem;
  margin-bottom: -3px;
  margin-bottom: -0.3rem;
  margin-right: 4px;
  margin-right: 0.4rem;
}

@media (min-width: 800px) {
  .side-image {
    width: 260px;
    width: 26rem;
    margin-top: 24px;
    margin-top: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    float: left;
  }
}

.product__heading {
  display: table;
  line-height: 24px;
  line-height: 2.4rem;
  padding: 30px 0;
  padding: 3rem 0;
}

.product__heading .emblem {
  color: white;
  background-color: #141414;
}

.product__heading .emblem-list {
  display: table-cell;
  vertical-align: middle;
  padding-right: 12px;
  padding-right: 1.2rem;
}

.product__heading > span {
  position: relative;
  display: table-cell;
  bottom: -3px;
  bottom: -0.3rem;
}

.product-box {
  border-top: 1px solid #1A1A1A;
  border-top-width: 1px;
  border-top-width: 0.1rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.product-box h3 {
  margin: 22px 0;
  margin: 2.2rem 0;
}

.product-teaser-wrapper {
  position: relative;
}

.product-teaser {
  position: relative;
  line-height: 0;
  background-color: #fff;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.product-teaser .emblem {
  position: absolute;
  top: 10px;
  top: 1rem;
  left: 10px;
  left: 1rem;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.product-teaser__title {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: 300;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
}

.product-teaser__price {
  display: block;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
}

.product-teaser__price:hover {
  text-decoration: none;
}

.product-teaser__price > s {
  font-weight: 300;
  color: #FA2A45;
  margin-left: 10px;
  margin-left: 1rem;
}

.product-teaser .product-teaser-sizes {
  display: none;
}

.product-teaser .cycle-prev,
.product-teaser .cycle-next {
  display: none;
}

.product-teaser .cycle-prev {
  left: 0;
}

.product-teaser .cycle-next {
  right: 0;
}

.product-teaser--extended {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  margin: -38px;
  margin: -3.8rem;
  padding: 10px;
  padding: 1rem;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 20px 20px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 20px 20px 0 rgba(0, 0, 0, 0.3);
}

.product-teaser--extended .emblem {
  top: 20px;
  top: 2rem;
  left: 20px;
  left: 2rem;
}

.product-teaser--extended .product-teaser-sizes {
  display: block;
}

.product-teaser-images {
  position: relative;
}

.product-teaser-images__img {
  display: none;
  width: 100%;
  height: 100%;
  margin-bottom: 8px;
  margin-bottom: 0.8rem;
}

.product-teaser-images__img--1 {
  display: block;
}

.product-teaser-sizes {
  border-top: 1px solid #1A1A1A;
  border-top-width: 1px;
  border-top-width: 0.1rem;
  padding-top: 10px;
  padding-top: 1rem;
}

.product-teaser-sizes__title {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.product-teaser-sizes .size-list {
  position: relative;
  z-index: 2;
}

.product-simple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.product-simple__img {
  display: inline-block;
  width: 160px;
  width: 16rem;
  line-height: 0;
}

.product-simple__title {
  font-family: "Roboto", sans-serif;
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: bold;
  margin: 0 0 0 24px;
  margin: 0 0 0 2.4rem;
}

.product-simple__title i {
  display: block;
  font-style: normal;
  font-weight: 300;
}

.cart-list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.cart-list:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 1024px) {
  .cart-list {
    display: table;
  }
}

.cart-list .input,
.cart-list .select,
.cart-list .select {
  width: auto;
}

.cart-list__row {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

@media (min-width: 1024px) {
  .cart-list__row {
    display: table-row;
  }
}

.cart-list__row--header {
  display: none;
}

@media (min-width: 1024px) {
  .cart-list__row--header {
    display: table-row;
  }
}

.cart-list__row--product .cart-list__col {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

@media (min-width: 1024px) {
  .cart-list__row--product .cart-list__col {
    padding: 0 0 24px 0;
    padding: 0 0 2.4rem 0;
  }
}

.cart-list__col {
  display: block;
}

.cart-list__col--1 {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 1024px) {
  .cart-list__col--1 {
    width: 450px;
    width: 45rem;
  }
}

.cart-list__col--2 {
  width: 40.3785489%;
  float: left;
  margin-right: 2.20820189%;
}

@media (min-width: 1024px) {
  .cart-list__col--2 {
    width: auto;
  }
}

.cart-list__col--3 {
  width: 31.86119874%;
  float: left;
  margin-right: 2.20820189%;
}

@media (min-width: 1024px) {
  .cart-list__col--3 {
    width: auto;
  }
}

.cart-list__col--4 {
  width: 40.3785489%;
  float: left;
  margin-right: 2.20820189%;
}

@media (min-width: 1024px) {
  .cart-list__col--4 {
    width: auto;
  }
}

.cart-list__col--5 {
  width: 31.86119874%;
  float: left;
  margin-right: 2.20820189%;
}

@media (min-width: 1024px) {
  .cart-list__col--5 {
    width: auto;
  }
}

.cart-list__col--6 {
  width: 6.30914826%;
  float: right;
  margin-right: 0;
}

@media (min-width: 1024px) {
  .cart-list__col--6 {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .cart-list__col {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: middle;
  }
}

@media (min-width: 1024px) {
  .cart-list__col--centered {
    text-align: center;
  }
}

.cart-list__delete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 21px;
  width: 2.1rem;
  height: 21px;
  height: 2.1rem;
  padding: 6px;
  padding: 0.6rem;
}

.cart-list__delete .icon {
  vertical-align: top;
}

.cart-checkout .back {
  display: block;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

@media (min-width: 600px) {
  .cart-checkout .back {
    float: left;
  }
}

.cart-checkout-coupon {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  clear: both;
  font-weight: bold;
}

@media (min-width: 600px) {
  .cart-checkout-coupon {
    clear: none;
    float: right;
    width: 320px;
    width: 32rem;
  }
}

.cart-checkout-coupon .button {
  width: 100%;
  line-height: 38px;
  line-height: 3.8rem;
  padding: 0;
}

.cart-checkout-coupon .large {
  font-size: 19px;
  font-size: 1.9rem;
}

.checkout-nav-buttons {
  float: right;
}

.checkout-step {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.checkout-step:after {
  content: " ";
  display: block;
  clear: both;
}

.checkout-step a {
  color: #548EE2;
}

.checkout-step p {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
}

@media (min-width: 1024px) {
  .checkout-step-2__left {
    width: 65.93059937%;
    float: left;
    margin-right: 2.20820189%;
  }
}

@media (min-width: 1024px) {
  .checkout-step-2__right {
    width: 31.86119874%;
    float: right;
    margin-right: 0;
  }
}

.checkout-create-account {
  display: none;
}

.checkout-step-3 {
  position: relative;
}

.checkout-step-3__left {
  clear: left;
}

@media (min-width: 1024px) {
  .checkout-step-3__left {
    width: 31.86119874%;
    float: left;
    margin-right: 2.20820189%;
  }
}

@media (min-width: 1024px) {
  .checkout-step-3__middle {
    width: 31.86119874%;
    float: left;
    margin-right: 2.20820189%;
    padding-top: 39px;
    padding-top: 3.9rem;
  }
}

@media (min-width: 1024px) {
  .checkout-step-3__right {
    width: 31.86119874%;
    float: right;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (min-width: 1024px) {
  .checkout-step-4__left {
    width: 65.93059937%;
    float: left;
    margin-right: 2.20820189%;
  }
}

.checkout-step-4__left p span {
  display: block;
  color: #6F6F6F;
}

@media (min-width: 1024px) {
  .checkout-step-4__right {
    width: 31.86119874%;
    float: right;
    margin-right: 0;
  }
}

.checkout-nav {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.checkout-nav__item {
  display: none;
}

@media (min-width: 800px) {
  .checkout-nav__item {
    display: block;
    width: 31.86119874%;
    float: left;
  }

  .checkout-nav__item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }

  .checkout-nav__item:nth-child(3n + 2) {
    margin-left: 34.06940063%;
    margin-right: -100%;
    clear: none;
  }

  .checkout-nav__item:nth-child(3n + 3) {
    margin-left: 68.13880126%;
    margin-right: -100%;
    clear: none;
  }
}

.checkout-nav__item--active {
  display: block;
}

.checkout-nav__item--active .checkout-nav__button {
  color: white;
  font-weight: bold;
  background-color: #1A1A1A;
}

.checkout-nav__button {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 50px;
  line-height: 5rem;
  font-family: "Roboto", sans-serif;
  color: #6F6F6F;
  font-weight: 300;
  background-color: #DADADA;
  text-align: center;
}

.totals {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 20px 20px 0 20px;
  padding: 2rem 2rem 0 2rem;
  border: 2px solid #1A1A1A;
  border-width: 2px;
  border-width: 0.2rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.totals .large {
  font-size: 19px;
  font-size: 1.9rem;
}

.banner-list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.banner-list:after {
  content: " ";
  display: block;
  clear: both;
}

.banner-list__item {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

@media (min-width: 800px) {
  .banner-list__item {
    width: 31.86119874%;
    float: left;
  }

  .banner-list__item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }

  .banner-list__item:nth-child(3n + 2) {
    margin-left: 34.06940063%;
    margin-right: -100%;
    clear: none;
  }

  .banner-list__item:nth-child(3n + 3) {
    margin-left: 68.13880126%;
    margin-right: -100%;
    clear: none;
  }
}

.banner {
  position: relative;
  line-height: 0;
}

.banner__header {
  width: 80%;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  margin-left: 10%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.banner__title {
  color: white;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 23px;
  line-height: 2.3rem;
  padding: 20px 0;
  padding: 2rem 0;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.banner:hover {
  text-decoration: none;
}

.banner:hover .banner__header {
  background-color: rgba(0, 0, 0, 0.7);
}

.blog-list__item {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
}

@media (min-width: 600px) {
  .blog-list__item {
    margin-bottom: 2.20820189%;
  }
}

@media (min-width: 600px) {
  .blog-list__item--2 {
    width: 48.89589905%;
    float: left;
    margin-right: 2.20820189%;
  }
}

@media (min-width: 600px) {
  .blog-list__item--3 {
    width: 48.89589905%;
    float: right;
    margin-right: 0;
  }
}

.blog-teaser {
  position: relative;
  line-height: 0;
}

.blog-teaser__header {
  position: absolute;
  left: 10px;
  left: 1rem;
  bottom: 10px;
  bottom: 1rem;
  margin-right: 10px;
  margin-right: 1rem;
  background-color: #141414;
}

@media (min-width: 600px) {
  .blog-teaser__header {
    left: 20px;
    left: 2rem;
    bottom: 20px;
    bottom: 2rem;
    margin-right: 20px;
    margin-right: 2rem;
  }
}

.blog-teaser__title {
  display: block;
  font-family: "Roboto", sans-serif;
  color: white;
  text-transform: none;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 21px;
  line-height: 2.1rem;
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  margin: 0;
}

@media (min-width: 600px) {
  .blog-teaser__title {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 8px 20px;
    padding: 0.8rem 2rem;
  }
}

.blog {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.blog__title {
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 38px;
  line-height: 3.8rem;
  padding: 10px 0;
  padding: 1rem 0;
}

.blog__date {
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 34px;
  line-height: 3.4rem;
  margin: 12px 0 24px 0;
  margin: 1.2rem 0 2.4rem 0;
}

.blog__share {
  float: right;
  margin: 12px 0 24px 0;
  margin: 1.2rem 0 2.4rem 0;
}

.calendar-list__item {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.calendar-teaser {
  color: white;
  background-color: #1A1A1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 800px) {
  .calendar-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.calendar-teaser__date {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 35%;
          flex: 0 1 35%;
}

.calendar-teaser__date .inner {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  padding: 12px;
  padding: 1.2rem;
}

@media (min-width: 800px) {
  .calendar-teaser__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 14.82649842%;
            flex: 0 1 14.82649842%;
  }
}

.calendar-teaser__day {
  font-family: "Roboto", sans-serif;
  font-size: 61px;
  font-size: 6.1rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 1024px) {
  .calendar-teaser__day {
    font-size: 81px;
    font-size: 8.1rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
  }
}

.calendar-teaser__month {
  font-family: "Roboto", sans-serif;
  font-size: 31px;
  font-size: 3.1rem;
  line-height: 1;
  font-weight: 300;
  text-align: center;
  letter-spacing: 8px;
  letter-spacing: 0.8rem;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .calendar-teaser__month {
    font-size: 41px;
    font-size: 4.1rem;
  }
}

.calendar-teaser__image {
  line-height: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 65%;
          flex: 0 1 65%;
}

@media (min-width: 800px) {
  .calendar-teaser__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40.3785489%;
            flex: 0 1 40.3785489%;
  }
}

.calendar-teaser__header {
  position: relative;
  padding: 20px;
  padding: 2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

@media (min-width: 800px) {
  .calendar-teaser__header {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40.3785489%;
            flex: 0 1 40.3785489%;
    padding: 36px;
    padding: 3.6rem;
  }
}

.calendar-teaser__title {
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: 300;
  text-transform: none;
}

.calendar-teaser__price {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: bold;
  padding-bottom: 48px;
  padding-bottom: 4.8rem;
}

.calendar-teaser__like {
  position: absolute;
  left: 20px;
  left: 2rem;
  bottom: 20px;
  bottom: 2rem;
}

@media (min-width: 800px) {
  .calendar-teaser__like {
    left: 36px;
    left: 3.6rem;
    bottom: 36px;
    bottom: 3.6rem;
  }
}