@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);
/*-----------------------------------------------------------------------------------*/
/*  CSS reset
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, time {
  display: block;
}

body {
  line-height: 1;
}

html, body {
  width: 100%;
  height: 100%;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, button {
  outline: none;
}

a[href] img {
  cursor: pointer;
}
br {color: white;}
/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) {
  display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}

/*
 *  Prevents iOS text size adjust after orientation change, without disabling user zoom
 *  www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* Improves readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*
 *    Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
  overflow: hidden;
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
  padding: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/* checkboxy v defaultni verzi se nezobrazuji v chromu a safari  - nasledujici fix to opravi */
input[type=checkbox] {
  -webkit-appearance: checkbox;
}

input[type=radio] {
  -webkit-appearance: radio;
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) (zakomentováno kvůli přepisování nastavení BEM)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}

/* Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
  resize: vertical;
  /* TK */
}

hr {
  height: 1px;
  border: 0;
}

.print-only {
  display: none !important;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

* {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oldie.ie7 * {
  behavior: url(./js/ie-fallbacks/boxsizing.htc);
}

/*-----------------------------------------------------------------------------------*/
/*  TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/
body {
  color: #3a3739;
  line-height: 1.5;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

h1, .h1, .in-header__title,
h2, .h2, .box-user-info__header__title,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  text-rendering: optimizelegibility;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #3c3b3b;
}

.h1, .in-header__title, .h2, .box-user-info__header__title, .h3, .h4, .h5, .h6 {
  display: block;
}

h1, .h1, .in-header__title {
  font-size: 35px;
  margin-bottom: 15px;
}
@media screen and (max-width: 29.9375em) {
  h1, .h1, .in-header__title {
    font-size: 25px;
  }
}

h2, .h2, .box-user-info__header__title {
  font-size: 24px;
  margin-bottom: 10px;
}

h3, .h3 {
  font-size: 20px;
}

h4, .h4 {
  font-size: 18px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}

strong, .bold, b {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.semibold {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
}

/*-----------------------------------------------------------------------------------*/
/*  LINKS
/*-----------------------------------------------------------------------------------*/
a {
  text-decoration: underline;
  color: #fdb657;
  cursor: pointer;
  outline: none;
  -webkit-transition: color 250ms ease;
  transition: color 250ms ease;
}
a:hover {
  text-decoration: none;
  color: #3a3739;
}

.list-hp-carousel__item, .list-gallery__item, .list-gallery__item__in, .list-product-images__item__in, .in-product-image {
  background-image: url("../img/backgrounds/preloader.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

.list-hp-carousel__item, .list-gallery__item, .list-gallery__item__in, .list-product-images__item__in, .in-product-image.nophoto {
  background-image: url("/images/no-photo.jpg");
}

.wow {
  visibility: hidden;
}
.no-css-transform .wow, .no-js .wow {
  visibility: visible !important;
}

.no-js .lazyload {
  display: none;
}

.responsive-table {
  width: 100%;
  overflow: auto;
}

.icon {
  display: inline-block;
  vertical-align: middle;
}

/* vopi-koberce sprite png icons */
.icon, .search__button:before, .basket__button:before, .categories__item__in:before, .categories__submenu__item__image:before, .box-product__info__buy__button:before, .list-commodity__item__in:after, .list-breadcumb__item__in:before, .list-gallery .slick-arrow.slick-next, .list-gallery .slick-arrow.slick-prev, .list-product-images .slick-arrow.slick-next, .list-product-images .slick-arrow.slick-prev, .in-checkbox__image:before {
  background-image: url("../img/vopi-koberce.png");
  background-size: 336px 313px;
}

.icon__basket-mobile {
  width: 39px;
  height: 31px;
  background-position: -217px -86px;
}

.icon__basket-small {
  width: 31px;
  height: 25px;
  background-position: -271px -86px;
}

.icon__basket {
  width: 22px;
  height: 20px;
  background-position: -147px -251px;
}

.icon__breadcrumb {
  width: 7px;
  height: 11px;
  background-position: -237px -251px;
}

.icon__categories-placeholder {
  width: 25px;
  height: 19px;
  background-position: -185px -211px;
}

.icon__category-plus {
  width: 11px;
  height: 11px;
  background-position: -211px -251px;
}

.icon__commodity-arrow {
  width: 12px;
  height: 19px;
  background-position: -184px -251px;
}

.icon__fajfka {
  width: 14px;
  height: 10px;
  background-position: -289px -211px;
}

.icon__gallery-left-hover {
  width: 14px;
  height: 25px;
  background-position: -29px -288px;
}

.icon__gallery-left {
  width: 14px;
  height: 25px;
  background-position: -317px -86px;
}

.icon__gallery-right-hover {
  width: 14px;
  height: 25px;
  background-position: -322px -136px;
}

.icon__gallery-right {
  width: 14px;
  height: 25px;
  background-position: 0px -288px;
}

.icon__logo-mobile {
  width: 100px;
  height: 60px;
  background-position: 0px -136px;
}

.icon__logo-small {
  width: 119px;
  height: 71px;
  background-position: -217px 0px;
}

.icon__logo {
  width: 202px;
  height: 121px;
  background-position: 0px 0px;
}

.icon__presne-autopotahy {
  width: 55px;
  height: 62px;
  background-position: -77px -211px;
}

.icon__remove {
  width: 16px;
  height: 21px;
  background-position: -58px -288px;
}

.icon__search-lupa {
  width: 17px;
  height: 18px;
  background-position: -225px -211px;
}

.icon__search-mobile {
  width: 33px;
  height: 33px;
  background-position: -188px -136px;
}

.icon__search-small {
  width: 25px;
  height: 25px;
  background-position: -282px -136px;
}

.icon__select-arrow-small {
  width: 13px;
  height: 8px;
  background-position: -188px -184px;
}

.icon__select-arrow {
  width: 17px;
  height: 11px;
  background-position: -257px -211px;
}

.icon__textilni-autokoberce {
  width: 62px;
  height: 62px;
  background-position: 0px -211px;
}

.icon__user-small {
  width: 23px;
  height: 25px;
  background-position: -147px -211px;
}

.icon__user {
  width: 31px;
  height: 33px;
  background-position: -236px -136px;
}

.icon__vlastni-koberce {
  width: 58px;
  height: 56px;
  background-position: -115px -136px;
}

/*-----------------------------------------------------------------------------------*/
/*  BUTTONS
/*-----------------------------------------------------------------------------------*/
.button {
  width: auto;
  padding: 0 21px;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  display: inline-block;
  border: 0;
  color: #fff;
  background: #fdb657;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.button:hover {
  background: #fc950b;
  color: #fff;
}
.button--big {
  font-size: 20px;
  padding: 0 15px;
}
.button--secondary {
  height: 50px;
  line-height: 50px;
  background: #805015;
  font-size: 18px;
}
.button--secondary:hover {
  background: #6a4211;
}
.button.button--secondary.box-product__info__buy__button {
  font-size: 16px;
}

.button--dark{
  background-color: #332F31;
  color: white;
}

.button--dark:hover{
  background-color: black;
}

/*
	varianty bez nutnosti psát ke každému inputu v html třídu
	--- jinak je možno přidat třídy jako .input-field pro specifické inputy a BEM bude fungovat skvěle
*/
.input {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #dddddd;
  color: #333333;
  font-size: 18px;
  line-height: 43px;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.input:focus {
  background: #f2f2f2;
}

textarea {
  height: 135px;
  padding: 5px 15px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background: #fff;
  font-size: 18px;
  line-height: 30px;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
textarea:focus {
  background: #f2f2f2;
}

.input-radio {
  background-color: transparent;
  border: 0px;
}

.input-checkbox {
  padding: 1px;
  height: 13px;
  width: 13px;
  border: 0px;
  background: none;
  vertical-align: middle;
}

.label {
  display: block;
  margin-bottom: 10px;
  line-height: 45px;
  text-align: right;
}

/*-----------------------------------------------------------------------------------*/
/*  FORMS BASIC SETTINGS
/*-----------------------------------------------------------------------------------*/
input, select, textarea {
  vertical-align: middle;
}
input:focus, select:focus, textarea:focus {
  outline: none;
}

select {
  height: 45px;
  line-height: 45px;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background: #fff;
  color: #333333;
  font-size: 18px;
  line-height: 43px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  cursor: pointer;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 10px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../img/fancybox/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../img/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../img/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../img/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("../img/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  outline: none;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

body {
  background-color: #fff;
  padding-top: 197px;
}
@media screen and (max-width: 59.9375em) {
  body {
    padding-top: 156px;
  }
}
@media screen and (max-width: 29.9375em) {
  body {
    padding-top: 141px;
  }
}

.container, .toggle-nav, .aside, .box-about-us, .box-configurator__footer, .box-product__info__buy, .box-user-info__header, .list-banners, .list-commodity, .list-products, .list-gallery, .list-product-images, .list-images, .form-line, .in-params, .columns {
  *zoom: 1;
}
.container:after, .toggle-nav:after, .aside:after, .box-about-us:after, .box-configurator__footer:after, .box-product__info__buy:after, .box-user-info__header:after, .list-banners:after, .list-commodity:after, .list-products:after, .list-gallery:after, .list-product-images:after, .list-images:after, .form-line:after, .in-params:after, .columns:after, .list-variants:after {
  content: "";
  display: table;
  clear: both;
}

.container {
  margin: 0 auto;
  position: relative;
  width: 1110px;
}
@media screen and (max-width: 71.8125em) {
  .container {
    width: auto;
    padding: 0 20px;
  }
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 45px;
  margin-bottom: 42px;
}
.header .container {
  padding-left: 254px;
}

@media screen and (max-width: 59.9375em) {
  .header {
    padding: 48px 0 21px;
    position: fixed;
    margin-bottom: 0;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
  }
  .header .container {
    padding-left: 20px;
  }
  .header--opened {
    top: 100%;
    margin-top: -114px;
  }
}
@media screen and (max-width: 29.9375em) {
  .header {
    padding-top: 40px;
  }
  .header--opened {
    margin-top: -95px;
  }
}

.logo {
  display: block;
  position: absolute;
  left: 0;
  top: -35px;
}
@media screen and (max-width: 71.8125em) {
  .logo {
    left: 20px;
  }
}
@media screen and (max-width: 59.9375em) {
  .logo {
    position: static;
    float: left;
    margin-top: -27px;
  }
  .logo i {
    width: 119px;
    height: 71px;
    background-position: -217px 0px;
  }
}
@media screen and (max-width: 29.9375em) {
  .logo i {
    width: 100px;
    height: 60px;
    background-position: 0px -136px;
  }
}

.search {
  width: 540px;
  padding-right: 55px;
  position: relative;
  z-index: 5;
  float: left;
}
.search__input {
  display: block;
  width: 100%;
  padding: 0 20px;
  height: 40px;
  border: 1px solid #d4d4d4;
  border-right: 0;
  color: #333333;
  font-size: 16px;
  line-height: 40px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
}
.search__input:focus {
  background: #e6e6e6;
}
.search__button {
  display: block;
  height: 40px;
  width: 55px;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  cursor: pointer;
  outline: none;
  background: #fdb657;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
}
.search__button:hover {
  background: #fc950b;
}
.search__button:before {
  display: block;
  content: "";
  width: 17px;
  height: 18px;
  background-position: -225px -211px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}
@media screen and (max-width: 71.8125em) {
  .search {
    width: 60%;
  }
}
@media screen and (max-width: 59.9375em) {
  .search {
    clear: both;
    width: 100%;
    float: none;
    padding-top: 20px;
    display: none;
  }
  .search__button {
    top: auto;
    height: 100%;
    max-height: 40px;
    bottom: 0;
    overflow: hidden;
  }
}

.basket {
  float: right;
  font-size: 0;
  position: relative;
  z-index: 5;
}
.basket__text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-size: 18px;
  line-height: 40px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #333333;
}
.basket__button {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 160px;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
  background: #fdb657;
}
.basket__button:hover {
  background: #fc950b;
  color: #fff;
}
.basket__button:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  margin-right: 12px;
  margin-top: -5px;
  width: 22px;
  height: 20px;
  background-position: -147px -251px;
}
.basket__button__count {
  display: block;
  position: absolute;
  text-align: center;
  top: -7px;
  right: -12px;
  border-radius: 50px;
  width: 28px;
  height: 28px;
  background: #6D4D22;
  font-family: "Ubuntu", "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
}
.mobile-basket__button__count {
  background-color: rgb(111,111,111);
  border-radius: 20px;
  color: #fff;
  display: block;
  font-family: "Ubuntu","Source Sans Pro",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -7px;
  width: 20px;
}
@media screen and (max-width: 59.9375em) {
  .basket {
    display: none;
  }
}

.loginout {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  clear: both;
  margin-right: -17px;
}
.loginout__item {
  float: left;
}
.loginout__item__in {
  display: block;
  text-decoration: none;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #000;

  padding: 20px 17px;
  font-size: 16px;
  line-height: 1;
}
.loginout__item:first-child .loginout__item__in {
  color: #999999;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.loginout__item:first-child .loginout__item__in:hover {
  color: #fdb657;
}
.loginout__item__in:hover {
  color: #fdb657;
}
@media screen and (max-width: 71.8125em) {
  .loginout {
    right: 7px;
  }
}
@media screen and (max-width: 59.9375em) {
  .loginout {
    display: none;
  }
}
.header__navigation{
  clear: left;
  margin-bottom: -1px;
}
.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-left: -17px;
  line-height: 1;
}
.menu__item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.menu__item__in {
  display: block;
  padding: 20px 17px;
  font-size: 16px;
  line-height: 1;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #333333;
  text-decoration: none;
  text-align: center;
}
.menu__item__in:hover {
  color: #fdb657;
}
.menu__item--current .menu__item__in {
  border-bottom: 2px solid #fdb657;
}

.menu__item:hover .menu__submenu{
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
          transform: none;
}

.menu__submenu{
  position: absolute;
  top: 100%;
  left: 0;
  padding: 25px;
  min-width: 210px;
  margin-top: -1px;

  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  transition-property: opacity, visibility, -webkit-transform;
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, transform;
  transition-property: opacity, visibility, transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;

  background-color: #FFB33E;
  -webkit-box-shadow: 0 15px 44px 0 rgba(143,94,18,0.31);
          box-shadow: 0 15px 44px 0 rgba(143,94,18,0.31);
}

.menu__submenu a{
  display: table;
  padding: 5px 0;
  white-space: nowrap;

  color: #232220;
  text-decoration: none;
}

.menu__submenu a:hover{
  text-decoration: underline;
}
@media (max-width: 959px) {
  .header__navigation{
    display: none;
    padding: 20px 0;
    margin: 0 -20px;
    clear: both;
    height: calc(100vh - 114px);
    overflow-x: hidden;
    width: calc(100% + 40px);
  }

  .menu{
    margin: 0;
  }

  .menu__item{
    display: block;
    padding-bottom: 10px;

    border-bottom: 1px solid #e4e4e4;
  }

  .menu__item__in{
    padding: 15px 20px;

    text-align: left;
    font-size: 20px;
  }

  .menu__item--current .menu__item__in{
    border-bottom: 0;
    font-weight: 700;

    background-color: #fdb657;
  }

  .menu__submenu{
    position: static;
    padding: 0;

    visibility: visible;
    opacity: 1;

    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: none;
            transform: none;
  }

  .menu__submenu a{
    padding: 10px 35px;
    font-size: 18px;
  }

  
}

@media (max-width: 479px) {
  .header__navigation{
    height: calc(100vh - 100px);
  }

  .menu__item{
    padding-bottom: 5px;
  }

  .menu__item__in{
    padding: 10px 20px;
    font-size: 18px;
  }

  .menu__submenu a{
    padding: 5px 30px;
    font-size: 16px;
  }
}

.mobile-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  font-size: 0;
  display: none;
}
.mobile-menu__item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  position: relative;
}
.mobile-menu__item .icon {
  cursor: pointer;
}
@media screen and (max-width: 59.9375em) {
  .mobile-menu {
    display: block;
  }
}
@media screen and (max-width: 29.9375em) {
  .mobile-menu__item {
    margin-left: 15px;
  }
  .mobile-menu__item .icon__user {
    width: 23px;
    height: 25px;
    background-position: -147px -211px;
  }
  .mobile-menu__item .icon__search-mobile {
    width: 25px;
    height: 25px;
    background-position: -282px -136px;
  }
  .mobile-menu__item .icon__basket-mobile {
    width: 31px;
    height: 25px;
    background-position: -271px -86px;
  }
}

.toggle-nav {
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  outline: none;
  cursor: pointer;
  background: transparent;
  -webkit-transition: 200 250ms ease;
  transition: 200 250ms ease;
}
.toggle-nav__span {
  display: block;
  position: absolute;
  height: 6px;
  right: 2px;
  left: 2px;
  background: #b3b3b3;
  transition: -webkit-transform 250ms ease;
  -webkit-transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  transition: transform 250ms ease, -webkit-transform 250ms ease;
}
.toggle-nav__span--top {
  top: 6px;
}
.toggle-nav__span--middle {
  top: 50%;
  margin-top: -3px;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}
.toggle-nav__span--bottom {
  bottom: 6px;
}
.activated .toggle-nav .toggle-nav__span--top {
  top: 50%;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-top: -3px;
}
.activated .toggle-nav .toggle-nav__span--middle {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.activated .toggle-nav .toggle-nav__span--bottom {
  bottom: 50%;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  margin-bottom: -3px;
}
@media screen and (max-width: 59.9375em) {
  .toggle-nav {
    display: block;
  }
}
@media screen and (max-width: 29.9375em) {
  .toggle-nav {
    width: 38px;
    height: 38px;
  }
}

.aside__box {
  border: 1px solid #dddddd;
  padding: 24px 30px;
  margin-bottom: 25px;
}
.aside__box.banner .text_line{
    margin: 10px 10px 10px 10px;
    color: white;
}

.aside__box.banner .text_line{
    margin: 10px 10px 10px 10px;
    color: white;
}

.aside__box.banner .white-font{
    color: white;
}

.aside__box.banner.newsletter{
    background-color: #fdb657;
}

.aside__box.banner.free-delivery{
    background-color: #b5653a;
}

@media screen and (max-width: 59.9375em) {
  .aside__box--categories {
    padding: 0;
    margin: 0;
    border: 0;
  }
  .aside__box--categories .aside__title {
    display: none;
  }
  .aside{
    display: none;
  }
}
.aside__title {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
  margin-right: -10px;
}
@media screen and (max-width: 71.8125em) {
  .aside__box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 59.9375em) {
  .aside {
    padding-top: 50px;
  }
}

.categories {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 0 -30px;
}
.categories__item {
  position: relative;
}
.categories__item__in {
  display: block;
  padding: 9px 30px 9px 60px;
  position: relative;
  color: #3a3739;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  line-height: 16px;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
}
.categories__item__in:before {
  display: block;
  content: "";
  position: absolute;
  left: 30px;
  top: 11.5px;
  width: 11px;
  height: 11px;
  background-position: -211px -251px;
}
.categories__item__in:after {
  display: block;
  content: "";
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -3px;
  background: #f3f3f3;
  z-index: 550;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}
.categories__item__in:hover, .categories__item--current .categories__item__in, .categories__item:hover .categories__item__in {
  background: #f3f3f3;
  text-decoration: underline;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
}
.categories__item__in:hover:after, .categories__item--current .categories__item__in:after, .categories__item:hover .categories__item__in:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.categories__submenu {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 338.5%;
  padding: 35px;
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 0;
  z-index: 500;
  background: #f3f3f3;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.categories__item:hover .categories__submenu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
}
.categories__submenu__item {
  display: inline-block;
  vertical-align: top;
  margin: 1px 0;
  padding: 0 25px;
  width: 33.33333%;
}
.categories__submenu__item__in {
  display: table;
  position: relative;
  width: 100%;
  padding-left: 62px;
  height: 43px;
  color: #3a3739;
  font-size: 14px;
  line-height: 16px;
}
.categories__submenu__item__in:hover {
  color: #fdb657;
  text-decoration: underline;
}
.categories__submenu__item__text {
  display: table-cell;
  vertical-align: middle;
}
.categories__submenu__item__image {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  overflow: hidden;
  text-align: center;
  font-size: 10px;
  background: #fdb657;
  border: 1px solid #fff;
  border-radius: 6px;
}
.categories__submenu__item__image img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 101%;
  z-index: 3;
}
.no-transform .categories__submenu__item__image img {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  left: 0;
  height: 41px;
  width: 41px;
}
.categories__submenu__item__image:before {
  display: block;
  content: "";
  width: 25px;
  height: 19px;
  background-position: -185px -211px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}
.categories--hidden {
  display: none;
}
@media screen and (max-width: 71.8125em) {
  .categories {
    margin: 0 -20px;
  }
  .categories__item__in {
    padding-left: 50px;
    padding-right: 20px;
  }
  .categories__item__in:before {
    left: 20px;
  }
}
@media screen and (min-width: 60em) {
  .categories {
    display: block !important;
  }
  .categories--hidden {
    display: none !important;
  }
}
@media screen and (max-width: 59.9375em) {
  .categories {
    display: none;
    position: fixed;
    margin: 0;
    top: 0;
    bottom: 114px;
    left: 0;
    width: 100%;
    z-index: 1000;
    overflow: scroll;
    background: #fdb657;
  }
  .categories__item__in {
    padding: 10px 90px;
    color: #fff;
    background: transparent;
    text-decoration: none;
    font-size: 16px;
    line-height: 18px;
  }
  .categories__item__in:before, .categories__item__in:after {
    display: none;
  }
  .categories__item__in:hover, .categories__item:hover .categories__item__in {
    background: transparent;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .categories__item--current .categories__item__in:hover, .categories__item--current .categories__item:hover .categories__item__in {
    color: #000;
    text-decoration: none;
    background: #fc950b;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .categories__item--current .categories__item__in {
    color: #000;
    text-decoration: none;
    background: #fc950b;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .categories__submenu {
    display: none !important;
  }
}
@media screen and (max-width: 29.9375em) {
  .categories {
    bottom: 95px;
  }
  .categories__item__in {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.banner {
  display: block;
  padding: 0;
  background: #382d29;
}
.banner__in {
  display: block;
  padding-bottom: 103.18725%;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.banner img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 101%;
  z-index: -1;
  width: 100%;
}
.no-transform .banner img {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  left: 0;
}
@media screen and (max-width: 59.9375em) {
  .banner {
    float: left;
    width: 50%;
  }
}
@media screen and (max-width: 39.9375em) {
  .banner {
    float: none;
    width: auto;
  }
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer__title {
  font-size: 18px;
  line-height: 24px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 300;
  margin-bottom: 30px;
}
.footer__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer__list li a {
  display: block;
  padding: 4px 0;
  font-size: 14px;
  line-height: 18px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #262626;
}
.footer__list li a:hover {
  color: #fdb657;
}
.footer__address {
  font-size: 14px;
  line-height: 18px;
  color: #262626;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.footer__bottom {
  padding-top: 70px;
  font-size: 0;
}
.footer__copyright {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  color: #616161;
}
.footer__copyright strong {
  display: inline-block;
  margin-left: 5px;
}
.footer__menu {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.footer__menu li {
  display: inline-block;
  vertical-align: middle;
}
.footer__menu li a {
  display: block;
  padding: 0 13px;
  font-size: 12px;
  line-height: 16px;
  color: #616161;
  text-decoration: none;
}
.footer__menu li a:hover {
  color: #fdb657;
}
@media screen and (max-width: 59.9375em) {
  .footer .columns {
    font-size: 0;
    letter-spacing: -5px;
    margin-bottom: -30px;
  }
  .footer .columns__item {
    float: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 29.9375em) {
  .footer {
    text-align: center;
  }
  .footer .columns {
    text-align: left;
    letter-spacing: 0;
  }
  .footer .columns__item {
    display: block;
  }
  .footer__list li a {
    padding: 10px 0;
  }
  .footer__title {
    margin-bottom: 10px;
  }
  .footer__menu {
    margin-left: 0;
  }
  .footer__menu li a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.box-suggest {
  padding: 34px 0 28px;
  margin: 38px 0 60px;
  background: #fdb657;
  overflow: hidden;
}
.box-suggest__header {
  padding-left: 180px;
  width: 580px;
  float: left;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.box-suggest__title {
  color: #fff;
  font-size: 36px;
  line-height: 40px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
}
.box-suggest img {
  position: absolute;
  display: block;
  bottom: -38px;
  left: 30px;
  height: 129px;
}
.box-suggest__footer {
  float: right;
  padding-top: 20px;
  font-size: 0;
}
.box-suggest__button, .in-step-continue_shopping__button {
  display: inline-block;
  vertical-align: middle;
  padding: 0 22px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 50px;
  border: 1px solid #6D4D22;
  color: #6d4d22;
  text-decoration: none;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
}
.box-suggest__button:hover, .in-step-continue_shopping__button:hover {
  background: #fc950b;
  color: #6d4d22;
}
.box-suggest__button--reverse {
  padding: 0 26px;
  background: #6D4D22;
  color: #fff;
  margin-left: 18px;
}
.box-suggest__button--reverse:hover {
  color: #fff;
}
@media screen and (max-width: 71.8125em) {
  .box-suggest__header {
    float: none;
  }
  .box-suggest__footer {
    float: none;
    padding-left: 180px;
  }
}
@media screen and (max-width: 59.9375em) {
  .box-suggest {
    padding-bottom: 230px;
    position: relative;
  }
  .box-suggest__footer {
    padding-left: 0;
    text-align: center;
  }
  .box-suggest__header {
    max-width: 330px;
    margin: 0 auto 10px;
    text-align: center;
    padding: 0;
    width: auto;
  }
  .box-suggest__title {
    margin-bottom: 25px;
  }
  .box-suggest__title strong {
    display: block;
  }
  .box-suggest .container {
    position: static;
  }
  .box-suggest img {
    left: 0;
    right: 0;
    margin: auto;
    width: 195px;
    height: auto;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-suggest__button, in-step-continue_shopping__button {
    display: none;
  }
  .box-suggest__button--reverse {
    display: block;
    text-align: center;
    padding: 0;
  }
}

.box-about-us {
  font-size: 0;
  margin-bottom: 50px;
}
.box-about-us__blockquote {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  padding: 35px 35px 35px 25px;
  position: relative;
  border-right: 1px solid #cccccc;
}
.box-about-us__blockquote__in {
  font-size: 20px;
  line-height: 26px;
  color: #000;
  font-family: "Ubuntu", "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin: 0;
}
.box-about-us__blockquote:before, .box-about-us__blockquote:after {
  display: block;
  position: absolute;
  font-family: "Ubuntu", "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1px;
  color: #fdb657;
}
.box-about-us__blockquote:before {
  content: "\2018\2018";
  left: 0;
  top: 10px;
}
.box-about-us__blockquote:after {
  content: "\2019\2019";
  right: 25px;
  bottom: -10px;
}
.box-about-us__text {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  padding-left: 50px;
  font-size: 16px;
  line-height: 24px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #626262;
}
.box-about-us--reverse {
  padding-top: 50px;
  margin-bottom: 35px;
}
.box-about-us--reverse .box-about-us__blockquote {
  padding-left: 35px;
  padding-right: 25px;
  width: 45%;
  border-right: 0;
}
.box-about-us--reverse .box-about-us__blockquote:before {
  left: 15px;
}
.box-about-us--reverse .box-about-us__text {
  padding-left: 0;
  padding-right: 50px;
  width: 55%;
  text-align: justify;
}
@media screen and (max-width: 39.9375em) {
  .box-about-us__blockquote {
    width: auto;
    display: block;
    padding: 15px 35px;
    border-right: 0;
  }
  .box-about-us__text {
    display: block;
    width: auto;
    padding-left: 0;
    padding-top: 40px;
  }
  .box-about-us--reverse {
    padding-top: 30px;
  }
  .box-about-us--reverse .box-about-us__text {
    width: auto;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 40px;
  }
  .box-about-us--reverse .box-about-us__blockquote {
    width: auto;
  }
}

.box-recommended {
  margin-bottom: 40px;
  margin-top: 15px;
  display: table;
  height: 312px;
  width: 100%;
}
.box-recommended__in {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding-left: 50%;
  text-align: right;
}
.box-recommended__recommended {
  font-size: 25px;
  line-height: 1;
  color: #fdb657;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.box-recommended__title {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 50px;
  color: #000;
  margin: 0;
  padding: 10px 0 15px;
}
.box-recommended__price {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  font-size: 30px;
  line-height: 1;
  color: #000;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.box-recommended__price strong {
  color: #fdb657;
}
.box-recommended__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.box-recommended__image img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 71.8125em) {
  .box-recommended__in {
    padding-left: 40%;
  }
  .box-recommended__image {
    width: 40%;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-recommended__recommended {
    font-size: 20px;
  }
  .box-recommended__title {
    font-size: 35px;
    line-height: 40px;
  }
  .box-recommended__price {
    font-size: 20px;
  }
}
@media screen and (max-width: 29.9375em) {
  .box-recommended {
    display: block;
    height: auto;
  }
  .box-recommended__in {
    display: block;
    padding: 0;
    text-align: center;
  }
  .box-recommended__image {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding-bottom: 80%;
  }
}

.box-configurator {
  padding: 15px 40px;
  margin-bottom: 38px;
  margin-top: 10px;
  background: #fdb657;
  color: #fff;
}
.box-configurator.box-configurator-covers__step_done { 
  min-height: 100px;
}
.box-configurator__text {
  margin-top: -10px;
  padding-top: 25px;
}
.box-configurator__text p {
  margin-top: 10px;
  text-align: justify;
}
.box-configurator img {
  display: block;
  max-width: 100%;
}
.box-configurator__label {
  display: block;
  min-height: 20px;
  margin-bottom: -15px;
  padding-top: 5px;
  font-size: 20px;
  line-height: 1;
  color: #323232;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.filtering.box-configurator {
  padding: 15px 40px;
}
.filtering.box-configurator .box-configurator__label {
  margin-bottom: 0px;
  padding-top: 0px;
}
.filtering.box-configurator .box-configurator__label i.fa {
  font-size: 0.8em;
}
.filtering.box-configurator .box-configurator__label a {
    color: white;
    text-decoration:none;
}
.filtering.box-configurator.packed .filterContent{
  display:none;
}
.filtering.box-configurator.packed h2 .fa-chevron-down{
  display:none;
}
.filtering.box-configurator h2 .fa-chevron-right{
  display:none;
}
.filtering.box-configurator.packed h2 .fa-chevron-right{
  display:inline-block;
}
.box-configurator__step {
  color: #fff;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-bottom: 40px;
}
.box-configurator__footer {
  padding-top: 10px;
}
.box-configurator__footer .button {
  float: right;
}
.box-configurator .in-checkbox {
  line-height: 50px;
  float: left;
  color: #333333;
  font-size: 18px;
}
@media screen and (max-width: 29.9375em) {
  .box-configurator {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 59.9375em) {
  .box-configurator img {
    margin: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-configurator .in-checkbox {
    float: none;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .box-configurator__footer .button {
    float: none;
  }
}

.box-product {
  padding-top: 15px;
  margin-bottom: 50px;
}
.box-product__info {
  padding: 20px 25px;
  margin-top: 18px;
  margin-bottom: 40px;
  background: #fdb657;
  color: #fff;
  text-align: center;
}
.box-product__info__price {
  display: table;
  width: 100%;
  font-size: 17px;
  line-height: 20px;
  margin-top: -5px;
}
.box-product__info__price__in {
  display: table-cell;
  vertical-align: middle;
}
.box-product__info__price__in:first-child {
  text-align: left;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding-right: 10px;
}
.box-product__info__price__in.text-center {
  text-align: center !important;
}
.box-product__info__price strong {
  display: block;
  font-size: 29px;
  line-height: 32px;
}
.box-product__info .columns {
  font-size: 0;
}
.box-product__info .columns__item {
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 24px;
}
@media screen and (max-width: 71.8125em) and (min-width: 60em) {
  .box-product__info .columns__item {
    width: 50%;
  }
  .box-product__info .columns__item + .columns__item + .columns__item {
    float: right;
  }
  .box-product__info .columns__item + .columns__item + .columns__item + .box-product__info .columns__item + .columns__item + .columns__item {
    float: right;
  }
}
@media screen and (max-width: 59.9375em) {
  .box-product__info .columns__item + .columns__item + .columns__item {
    float: right;
  }
  .box-product__info .columns__item + .columns__item + .columns__item + .box-product__info .columns__item + .columns__item + .columns__item {
    float: right;
  }
}
.box-product__info select, .box-product__info .select ul li {
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
}
@media screen and (max-width: 59.9375em) {
  .box-product__info select, .box-product__info .select ul li {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }
}
.box-product__info__buy__input {
  float: left;
  width: 35%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding: 0;
  margin: 0;
  border: 0;
}
.box-product__info__buy__button {
  float: right;
  width: 65%;
  padding: 0;
}
.box-product__info__buy__button:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
  width: 22px;
  height: 20px;
  background-position: -147px -251px;
}
.box-product__desc {
  font-size: 16px;
  line-height: 24px;
  color: #4b4b4b;
  text-align: justify;
}
.box-product__desc p {
  margin-bottom: 20px;
}
.box-product__desc__text,
.box-product__in_params {
  margin-left: 15px;
}
.box-product__desc h2 {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #323232;
  margin-bottom: 25px;
}
.box-product__desc h3 {
  font-size: 16px;
  line-height: 24px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}
.box-product__desc img {
  display: block;
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
  max-width: 100%;
  clear: right;
  padding-left: 15px;
}
.box-product__desc img.nofloat {
  display: inline;
  float: none;
}
@media screen and (max-width: 39.9375em) {
  .box-product__desc img {
    margin-left: 20px;
    margin-bottom: 20px;
  }
}

.box-user-info__header {
  margin-bottom: 55px;
}
.box-user-info__header__title {
  /*float: left;*/
  color: #3c3b3b;
  line-height: 32px;
  margin: 0;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 300;
}
.box-user-info__header__ask {
  float: right;
  line-height: 32px;
  font-size: 16px;
  color: #000000;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 59.9375em) {
  .box-user-info__header {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 29.9375em) {
  .box-user-info__header__title {
    float: none;
  }
  .box-user-info__header__ask {
    float: none;
  }
}

.list-banners {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 0 -15px;
}
.list-banners__item {
  padding: 0 15px 30px;
  float: left;
  width: 50%;
}
.list-banners__item__in {
  display: block;
  padding-bottom: 31.15578%;
  position: relative;
  overflow: hidden;
}
.list-banners__item__in img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 101%;
  height: 100%;
}
.no-transform .list-banners__item__in img {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  left: 0;
}
@media screen and (max-width: 39.9375em) {
  .list-banners__item {
    float: none;
    width: auto;
  }
}

.list-hp-carousel {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.list-hp-carousel__item {
  display: table !important;
  width: 100%;
  height: 284px;
}
.list-hp-carousel__item__in {
  display: table-cell;
  padding: 5px 40px 0;
  vertical-align: middle;
  text-align: right;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.list-hp-carousel__item__title {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 30px;
  color: #000;
  margin-bottom: 22px;
}
.list-hp-carousel__item__title strong {
  display: block;
  font-size: 50.5px;
  line-height: 60px;
}
.list-hp-carousel__item__title--light {
  color: #fff;
}
.list-hp-carousel__item img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 101%;
  z-index: -1;
  width: 100%;
}
.no-transform .list-hp-carousel__item img {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  left: 0;
}
.list-hp-carousel .slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  left: 50px;
  bottom: 20px;
  font-size: 0;
}
.list-hp-carousel .slick-dots.dark li button {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.58);
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.list-hp-carousel .slick-dots.dark li.slick-active button {
  background: #fdb657;
}
.list-hp-carousel .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 3px;
}
.list-hp-carousel .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.58);
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
  outline: none;
}
.list-hp-carousel .slick-dots li.slick-active button {
  background: #fdb657;
}
@media screen and (max-width: 49.9375em) {
  .list-hp-carousel__item img {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 29.9375em) {
  .list-hp-carousel__item {
    height: 240px;
  }
  .list-hp-carousel__item__in {
    padding: 5px 20px;
  }
  .list-hp-carousel__item__title {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .list-hp-carousel__item__title strong {
    font-size: 30px;
    line-height: 40px;
  }
}

.list-commodity {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 48px;
  background: #fdb657;
}
.list-commodity__item {
  display: table;
  float: left;
  width: 33.33333%;
  height: 133px;
  position: relative;
}
.list-commodity__item__in {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 30px 0 100px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background 250ms ease;
  transition: background 250ms ease;
  border-left: 1px solid #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.53);
}
.list-commodity__item:first-child .list-commodity__item__in {
  border-left: 0;
}
.list-commodity__item__in:hover {
  background: #fc950b;
}
.list-commodity__item__in:after {
  display: none;
  content: "";
  width: 12px;
  height: 19px;
  background-position: -184px -251px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 40px;
}
.list-commodity__item__title {
  margin: 0;
  text-align: left;
  font-size: 20px;
  line-height: 25px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #fff;
}
.list-commodity__item .icon {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  right: 62%;
}
@media screen and (min-width: 60em) {
  .list-commodity--big .list-commodity__item__in {
    padding-right: 90px;
  }
  .list-commodity--big .list-commodity__item__in:after {
    display: block;
  }
  .list-commodity--big .list-commodity__item .icon {
    right: 73%;
  }
}
@media screen and (max-width: 71.8125em) {
  .list-commodity__item__in {
    padding-left: 80px;
    padding-right: 20px;
  }
  .list-commodity__item .icon {
    right: 65%;
  }
}
@media screen and (max-width: 59.9375em) {
  .list-commodity__item__in {
    padding-left: 100px;
  }
}
@media screen and (max-width: 49.9375em) {
  .list-commodity__item {
    float: none;
    width: 100%;
  }
  .list-commodity__item__in {
    border: 0;
    padding-left: 110px;
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.53);
  }
  .list-commodity__item .icon {
    right: 82%;
  }
}
@media screen and (max-width: 39.9375em) {
  .list-commodity__item .icon {
    right: 75%;
  }
}
@media screen and (max-width: 29.9375em) {
  .list-commodity__item .icon {
    right: 68%;
  }
}
@media screen and (max-width: 22.4375em) {
  .list-commodity__item__in {
    padding-left: 90px;
  }
}

.list-products {
  padding: 0;
  margin: 0;
  list-style: none;
  clear: both;
  margin-left: -15px;
  margin-right: -15px;
}
.list-products__item {
  float: left;
  width: 25%;
  padding: 0 15px 30px;
}
.list-products__item__in {
  padding: 20px 35px 35px;
  position: relative;
  cursor: pointer;
  border: 1px solid #dddddd;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  overflow: hidden;
}
.js .list-products__item__in:hover, .list-products__item--current .list-products__item__in {
  border-color: #fdb657;
  -webkit-box-shadow: 0 1px 7px rgba(253, 182, 87, 0.39);
          box-shadow: 0 1px 7px rgba(253, 182, 87, 0.39);
}
.list-products__item__image {
  display: block;
  padding-bottom: 62%;
  position: relative;
  margin-bottom: 16px;
}
.box-configurator-covers .list-products__item__image {
  padding-bottom: 82%;
}
.list-products__item__image img {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  max-width: 100%;
  max-height: 100%;
}
.list-products__item__image .producer {
  top: 0;
  right: -15px;
  bottom: auto;
  left: auto;
}
.list-products__item__title {
  margin: 0 0 2px;
  height: 57px;
  line-height: 20px;
  overflow: hidden;
  font-size: 16px;
  color: #000;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.list-products__subitems__images {
  display: block;
  margin-left: -10px;
  margin-right: -10px;
}

.list-products__subitems__images_large {
  margin-left: 0px;
  margin-right: 0px;
}

.list-products__subitems__image {
  display: inline-block;
  width: 40px;
}  

.list-products__subitems__images_large .list-products__subitems__image{
  width: 70px;
}


.list-products__item__title a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.no-js .list-products__item__title a:hover {
  color: #fdb657;
}
.list-products__item__price {
  font-size: 20px;
  line-height: 24px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #000;
}
.list-products__item__price span {
  color: #fdb657;
}
.list-products__item__price span.without__vat {
  display: block;
  color: #aeaeae;
  font-size: 16px;
  font-weight: normal;
}
.list-products__item__detail {
  display: block;
  width: 56px;
  text-align: center;
  position: absolute;
  bottom: -56px;
  right: 0;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  background: #fdb657;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.js .list-products__item__in:hover .list-products__item__detail, .list-products__item--current .list-products__item__detail {
  bottom: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}
.list-products__item__detail:hover {
  background: #fc950b;
}
.list-products--3items .list-products__item {
  width: 33.33333%;
}
.list-products--single .list-products__item {
  width: auto;
  float: none;
}
@media screen and (max-width: 71.8125em) {
  .list-products__item__in {
    padding-left: 20px;
    padding-right: 20px;
  }
  .list-products__item__image .producer {
    right: -5px;
  }
}
@media screen and (max-width: 49.9375em) {
  .list-products--3items .list-products__item {
    width: 50%;
  }
}
@media screen and (max-width: 29.9375em) {
  .list-products--3items .list-products__item {
    width: auto;
    float: none;
  }
}

.list-breadcumb {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: -10px;
  clear: both;
  font-size: 0;
  color: #aeaeae;
}
.list-breadcumb__item {
  display: inline-block;
  vertical-align: middle;
}
.list-breadcumb__item__in {
  display: block;
  padding: 20px 0 20px 10px;
  font-size: 16px;
  line-height: 1;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.list-breadcumb__item__in:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-right: 10px;
  width: 7px;
  height: 11px;
  background-position: -237px -251px;
}
.list-breadcumb__item:first-child .list-breadcumb__item__in {
  padding-left: 0;
}
.list-breadcumb__item:first-child .list-breadcumb__item__in:before {
  display: none;
}
@media screen and (max-width: 39.9375em) {
  .list-breadcumb {
    margin-top: 10px;
  }
  .in-header + .list-breadcumb {
    margin-top: -50px;
  }
  .list-breadcumb__item__in {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.list-gallery {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 20px -15px; // 60px -> 60px
  position: relative;
}
.list-gallery__item {
  float: left;
  width: 16.66667%;
  padding: 15px;
}
.list-gallery__item__in {
  display: block;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.list-gallery__item__in img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 101%;
}
.no-transform .list-gallery__item__in img {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  left: 0;
}
.list-gallery .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  border: 0;
  background-color: transparent;
  text-indent: -99999px;
}
.list-gallery .slick-arrow.slick-next {
  left: 100%;
  width: 14px;
  height: 25px;
  background-position: 0px -288px;
}
.list-gallery .slick-arrow.slick-next:hover {
  width: 14px;
  height: 25px;
  background-position: -322px -136px;
}
.list-gallery .slick-arrow.slick-prev {
  right: 100%;
  width: 14px;
  height: 25px;
  background-position: -317px -86px;
}
.list-gallery .slick-arrow.slick-prev:hover {
  width: 14px;
  height: 25px;
  background-position: -29px -288px;
}
@media screen and (max-width: 74.9375em) {
  .list-gallery {
    padding-left: 15px;
    padding-right: 15px;
  }
  .list-gallery .slick-arrow.slick-next {
    left: auto;
    right: 0;
  }
  .list-gallery .slick-arrow.slick-prev {
    right: auto;
    left: 0;
  }
}

.list-product-images {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  margin: 0 -10px;
}
.list-product-images__item {
  float: left;
  widows: 25%;
  padding: 10px;
}
.list-product-images__item__in {
  display: block;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dddddd;
  cursor: pointer;
}
.list-product-images__item__in img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  max-width: 98%;
  max-height: 98%;
}
.list-product-images .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  border: 0;
  background-color: transparent;
  text-indent: -99999px;
}
.list-product-images .slick-arrow.slick-next {
  left: 100%;
  width: 14px;
  height: 25px;
  background-position: 0px -288px;
}
.list-product-images .slick-arrow.slick-next:hover {
  width: 14px;
  height: 25px;
  background-position: -322px -136px;
}
.list-product-images .slick-arrow.slick-prev {
  right: 100%;
  width: 14px;
  height: 25px;
  background-position: -317px -86px;
}
.list-product-images .slick-arrow.slick-prev:hover {
  width: 14px;
  height: 25px;
  background-position: -29px -288px;
}
@media screen and (max-width: 59.9375em) and (min-width: 40em) {
  .list-product-images {
    width: 20%;
    float: right;
  }
  .list-product-images .slick-arrow {
    left: 0;
    right: 0;
    margin: auto;
  }
  .list-product-images .slick-arrow.slick-next {
    left: 0;
    top: 100%;
    bottom: auto;
    background: transparent;
  }
  .list-product-images .slick-arrow.slick-next:hover {
    background: transparent;
  }
  .list-product-images .slick-arrow.slick-next:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 13px 0 13px;
    border-color: #dddddd transparent transparent transparent;
  }
  .list-product-images .slick-arrow.slick-prev {
    right: 0;
    bottom: 100%;
    top: auto;
    background: transparent;
  }
  .list-product-images .slick-arrow.slick-prev:hover {
    background: transparent;
  }
  .list-product-images .slick-arrow.slick-prev:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 15px 13px;
    border-color: transparent transparent #dddddd transparent;
  }
}
@media screen and (max-width: 39.9375em) {
  .list-product-images {
    margin: 0;
  }
}

.list-breadcumb {
  padding: 15px 0;
  margin: 0;
  list-style: none;
  margin-top: -10px;
  clear: both;
  font-size: 0;
  color: #aeaeae;
}
.list-breadcumb__item {
  display: inline-block;
  vertical-align: middle;
}
.list-breadcumb__item__in {
  display: block;
  padding: 5px 0 5px 10px;
  font-size: 16px;
  line-height: 1;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.list-breadcumb__item__in:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-right: 10px;
  width: 7px;
  height: 11px;
  background-position: -237px -251px;
}
.list-breadcumb__item:first-child .list-breadcumb__item__in {
  padding-left: 0;
}
.list-breadcumb__item:first-child .list-breadcumb__item__in:before {
  display: none;
}
@media screen and (max-width: 39.9375em) {
  .list-breadcumb {
    margin-top: 10px;
  }
  .in-header + .list-breadcumb {
    margin-top: -50px;
  }
  .list-breadcumb__item__in {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.list-images {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: -7px;
  margin-bottom: 65px;
}
.list-images__item {
  float: left;
  width: 20%;
  padding: 7px;
}
.list-images__item__in {
  display: block;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #dddddd;
}
.list-images__item__in img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  max-width: 95%;
  max-height: 95%;
  transition: -webkit-transform 250ms ease;
  -webkit-transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  transition: transform 250ms ease, -webkit-transform 250ms ease;
}
.list-images__item__in:hover img {
  -webkit-transform: scale(1.1) rotate(-3deg);
  transform: scale(1.1) rotate(-3deg);
}
@media screen and (max-width: 49.9375em) {
  .list-images__item {
    width: 33.33333%;
  }
}
@media screen and (max-width: 29.9375em) {
  .list-images__item {
    width: 50%;
  }
}

.list-radioboxes {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 40px;
}
.list-radioboxes__item {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.list-radioboxes__subitem {
  padding-left: 20px;
}
.orderPaymentOptionsIcon {
    display: block;
    height: 45px;
}
.list-radioboxes__item__in {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 10px 0 10px 35px;
}
.list-radioboxes__item__radiobox {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  margin: 15px 0 0;
  display: none;
}
.list-radioboxes__item__image {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  border: 1px solid #dddddd;
  border-radius: 50px;
}
.list-radioboxes__item__image:before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  background: #fdb657;
  border-radius: 50px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.list-radioboxes__item__radiobox:checked + .list-radioboxes__item__image:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.oldie .list-radioboxes__item__image {
  display: none;
}
.oldie .list-radioboxes__item__radiobox {
  display: block;
}

.list-tags {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  left: -15px;
  top: 0;
}
.list-tags__item {
  display: block;
  margin-bottom: 5px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
}
.list-tags__item__in {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 10px;
}
.list-tags__item__in--action {
  background: #c0392b;
}
.list-tags__item__in--recommend {
  background: #2ecc71;
}
.list-tags__item__in--tip {
  background: #f39c12;
}
@media screen and (max-width: 71.8125em) {
  .list-tags {
    left: -5px;
  }
}

table {
  width: 100%;
  text-align: left;
}
table tr td, table tr th {
  text-align: left;
}
table tr td:last-child, table tr th:last-child {
  text-align: right;
}
table.left-aligned tr td:last-child, table.left-aligned tr th:last-child {
  text-align: left;
}
table.top-aligned tr td {
  vertical-align: top;
}
table thead {
  margin-bottom: 20px;
}
table thead tr td, table thead tr th {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 15px 15px;
  font-size: 16px;
  line-height: 24px;
  color: #4b4b4b;
  background: #f7f7f7;
}
table tbody tr td, table tbody tr th {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 24px;
  color: #4b4b4b;
}
table tbody tr th {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 39.9375em) {
  table thead tr td, table thead tr th, table tbody tr td, table tbody tr th {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.table-basket {
  margin-top: 30px;
  margin-bottom: 30px;
}
.table-basket thead tr td, .table-basket thead tr th {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
  height: 52px;
  text-align: left;
  padding: 0 25px;
  vertical-align: middle;
  background: #fdb657;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.table-basket tbody tr td {
  padding: 25px 25px 0;
  vertical-align: middle;
  text-align: left;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}
.table-basket tfoot tr td, .table-basket tfoot tr th {
  padding: 5px 25px;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
.table-basket tfoot tr td {
  text-align: right;
  padding-right: 5px;
}
.table-basket tfoot tr .total {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.table-basket__product {
  position: relative;
  display: table;
  width: 100%;
  height: 92px;
}
.table-basket__product .cell {
  padding-left: 110px;
}
.table-basket__product__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border: 1px solid #fff;
}
.table-basket__product__image__in {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 101%;
}
.no-transform .table-basket__product__image__in {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  left: 0;
}
.table-basket__product__image--placeholder {
  background: #fdb657;
}
.table-basket__product__image--placeholder img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}
.table-basket__product__title {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin: 0;
  text-transform: none;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.table-basket__product__color {
  font-size: 14px;
  line-height: 24px;
  color: #000;
}
.table-basket__product__avaliability {
  display: none;
}
.table-basket__avaliability {
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  background: #45ab65;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  color: #fff;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  min-width: 110px;
  text-align: center;  
}
.table-basket__avaliability__not-on-store {
  background: #cccccc;
}
.table-basket__count {
  position: relative;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.table-basket__count .input {
  height: 40px;
  line-height: 38px;
  text-align: right;
  padding: 0 15px;
  margin: 0;
  color: #000;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.table-basket__count span {
  display: block;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 15px;
  color: #a4978c;
  font-size: 13px;
}
.table-basket__remove {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  float: right;
  margin-right: -15px;
  margin-top: -4px;
  opacity: 0.3;
}
.table-basket__remove i {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}
.table-basket__price {
  font-size: 22px;
  white-space: nowrap;
}
.table-basket .cell-count, .table-basket .cell-price {
  white-space: nowrap;
}   
.table-basket .cell-price {
  min-width: 185px;
}
.amount, .table-basket tr .table-basket__amount {
  text-align:right;
}
.table-basket tfoot tr .table-basket__amount {
  padding-right: 15px;
}

.table-basket__item_services .table-basket__item_services_select_col{
  padding-left: 135px;
}

.table-basket__item_services .table-basket__item_services_select_col .select{
   max-width: 500px;
}

@media screen and (max-width: 71.8125em) {
  .table-basket thead tr td, .table-basket thead tr th {
    padding: 0 10px;
  }
  .table-basket tbody tr td {
    padding: 25px 10px 0;
  }
  .table-basket tfoot tr td, .table-basket tfoot tr th {
    padding: 5px 10px;
  }
  .table-basket tfoot tr td:first-child, .table-basket tfoot tr th:first-child {
    text-align: right;
    padding-right: 5px;
  }
  .table-basket tfoot tr th {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 10px;
  }
  .table-basket__remove {
    margin-right: -10px;
  }   
  .table-basket .cell-price {
    min-width: 158px;
  }  
}
@media screen and (max-width: 59.9375em) {
  .table-basket__product__avaliability {
    display: block;
    font-size: 14px;
  }
}
@media screen and (max-width: 49.9375em) {
  .table-basket {
    display: block;
  }
  .table-basket__count {
    display: block;
    margin: 0 0 10px;
  }
  .table-basket thead {
    display: none;
  }
  .table-basket tbody {
    display: block;
  }
  .table-basket tbody tr {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
  }
  .table-basket tbody tr td, .table-basket tbody tr th {
    display: block;
  }
  .table-basket tbody tr td.desktop-only, .table-basket tbody tr th.desktop-only {
    display: none;
  }
  .table-basket tbody tr {
    clear: both;
  }
  .table-basket tbody tr:after {
    display: block;
    content: "";
    clear: both;
  }
  .table-basket tfoot {
    display: block;
    padding-top: 40px;
  }
  .table-basket tfoot tr {
    display: block;
    clear: both;
  }
  .table-basket tfoot tr:after {
    display: block;
    content: "";
    clear: both;
  }
  .table-basket tfoot tr td, .table-basket tfoot tr th {
    display: block;
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
  }
  .table-basket tfoot tr td.desktop-only, .table-basket tfoot tr th.desktop-only {
    display: none;
  }
  .table-basket .cell-count, .table-basket .cell-price {
    width: 50%;
    float: left;
  }
  .table-basket__count {
    display: inline-block;
    margin: 0 15px 0 0;
  }  
  
  .table-basket__item_services .table-basket__item_services_select_col{
    padding-left: 10px;
  }
  .table-basket__item_services .table-basket__item_services_select_col .select{
     max-width: 100%;
     min-width: 300px;
  }  
  
}
@media screen and (max-width: 29.9375em) {
  .table-basket .cell-count, .table-basket .cell-price {
    width: auto;
    float: none;
  }
  .table-basket tfoot tr td, .table-basket tfoot tr th {
    width: auto;
    float: none;
    padding: 0;
    text-align: left;
  }
  .table-basket tfoot tr th {
    margin-bottom: 10px;
  }
}

.form-line {
  margin-bottom: 25px;
}
.form-line dt {
  display: table;
  height: 40px;
  width: 130px;
  float: left;
  clear: both;
}
.form-line dd {
  margin-left: 130px;
  position: relative;
}
.form-line dd.short{
  width: 50%;
  max-width: 162px;
}
.form-line dd, .form-line dt {
  margin-bottom: 6px;
}
.form-line__text {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
label.form-line__text{
  line-height: 35px;
}
.form-line__input {
  margin: 0;
  height: 40px;
  line-height: 38px;
}
.form-line__textarea {
  height: 130px;
  margin: 0;
}
.form-line__required {
  color: #f3201d;
  font-size: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.form-line__required_desc {
  color: #f3201d;
  font-size: 16px;
}
@media screen and (max-width: 39.9375em) {
  .form-line dd.short {
    width: auto;
    max-width: 100%;
  }
}

.in-header {
  display: inline-block;
  margin-bottom: 55px;
}
.in-header__title {
  color: #90999a;
  margin: 0;
}
.in-header__title strong {
  color: #000000;
}
.in-header--secondary {
  margin-bottom: 0;
}
.in-header--secondary .in-header__title {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 39.9375em) {
  .in-header {
    display: block;
  }
  .in-header--secondary {
    margin-bottom: 40px;
  }
}

.in-group-by {
  float: right;
  margin-bottom: 55px;
  font-size: 0;
}
.in-group-by__text {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  color: #ababab;
  font-size: 18px;
  line-height: 45px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.in-group-by .selectric-responsive, .in-group-by select {
  display: inline-block;
  vertical-align: middle;
  width: 208px;
  margin: 0;
}
.in-group-by .selectric{
  margin-bottom: 0;
}
.in-group-by__back {
  float: right;
  margin-top: 10px;
  margin-bottom: -10px;
}
@media screen and (max-width: 39.9375em) {
  .in-group-by {
    float: none;
    margin-top: -30px;
  }
  .in-group-by__back {
    float: none;
    margin-bottom: 10px;
  }
}

.in-show-more {
  /*float: left;*/
  margin: 1px 0 0 1px;
}

.pagination {
  text-align: right;
}

@media screen and (max-width: 59.9375em) {
  .in-show-more {
    display: block;
    max-width: 130px;
    float: left;
    margin: 1px 0 0 1px; /*margin: 0 auto;*/
  }
}

.button.in-show-more.active{
  background: #fc950b;
  color: #fff;
}

.box-product__desc ul,
.in-list {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #4b4b4b;
  font-size: 0;
  margin: 0 -20px;
}

.box-product__desc ul li,
.in-list li {
  position: relative;
  padding: 7px 20px 7px 55px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}

.box-product__desc ul li {    
    padding: 1px 20px 1px 40px;
    width: 100%;
    line-height: 20px;
}

.in-list li:before {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  left: 20px;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: #fdb657;
}

.box-product__desc ul li:before {
    color: #ccc;
    font-family: FontAwesome;
    content: "\f1db";
    padding-left: 5px;
    padding-right: 5px;
    font-size: 8pt;
    position: relative;
    top: -2px;
    left: -10px;
}
@media screen and (max-width: 39.9375em) {
  .box-product__desc ul li,
  .in-list li {
    display: block;
    width: auto;
  }
}

.in-text-block {
  text-align: justify;
  color: #4b4b4b;
}

.in-image img {
  width: 100%;
  display: block;
}

.in-params {
  font-size: 18px;
  line-height: 20px;
  padding-top: 5px;
}
.in-params dt {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #838383;
  clear: both;
  width: 57%;
}
.in-params dd {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #000;
  width: 43%;
}
.in-params dd, .in-params dt {
  float: left;
  padding: 11px 0;
}
.in-params .desc {
  clear: both;
  width: auto;
  float: none;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #838383;
}

.in-desc {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #626262;
}
.in-desc p {
  margin-top: 15px;
}

.in-product-image {
  padding-bottom: 78%;
  position: relative;
  overflow: hidden;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  margin-top: 10px;
  border: 1px solid #dddddd;
  background-color: #fff;
}
.in-product-image img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  max-width: 98%;
  max-height: 98%;
}
@media screen and (max-width: 59.9375em) and (min-width: 40em) {
  .in-product-image {
    width: 80%;
    float: left;
  }
}
@media screen and (max-width: 39.9375em) {
  .in-product-image {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.in-step {
  text-align: center;
  margin: 10px 0;
  //border-top: 1px solid #dddddd;
}
.box-user-info in-step{
  text-align:left;
}

.in-step__button {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  margin-top: -30px;
}
.in-step__back {
  padding-top: 10px;
  display: block;
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.in-step-continue_shopping__button, .in-step-continue_shopping__button:hover {
  background-color: white;
}

.in-checkbox {
  clear: both;
  position: relative;
  display: block;
  cursor: pointer;
  padding-left: 40px;
  line-height: 24px;
  font-size: 16px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.in-checkbox__checkbox {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  margin: 3px 0 0;
  display: none;
}
.in-checkbox__image {
  display: block;
  background: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  border: 1px solid #dddddd;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.in-checkbox__image:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  width: 14px;
  height: 10px;
  background-position: -289px -211px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.in-checkbox__checkbox:checked + .in-checkbox__image:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.oldie .in-checkbox__image {
  display: none;
}
.oldie .in-checkbox__checkbox {
  display: block;
}

.in-step-text {
  color: #626262;
  font-size: 16px;
  line-height: 22px;
  padding: 0 0 10px;
  margin-top: 10px;
}
.in-step-text h2 {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-bottom: 0;
}
.in-step-text h2 + p {
  margin-top: 35px;
}
.box-configurator h2 {
  font-size: 20px;
}

/*************************************************************************************
*  columns
**************************************************************************************/
.columns {
  margin: -15px;
}
.columns__item {
  float: left;
  padding: 15px;
}
.columns__item--right {
  float: right;
}

.columns__item--1 {
  width: 1%;
}
.columns__item--2 {
  width: 2%;
}
.columns__item--3 {
  width: 3%;
}
.columns__item--4 {
  width: 4%;
}
.columns__item--5 {
  width: 5%;
}
.columns__item--6 {
  width: 6%;
}
.columns__item--7 {
  width: 7.0%;
}
.columns__item--8 {
  width: 8%;
}
.columns__item--9 {
  width: 9%;
}
.columns__item--10 {
  width: 10%;
}
.columns__item--11 {
  width: 11%;
}
.columns__item--12 {
  width: 12%;
}
.columns__item--13 {
  width: 13%;
}
.columns__item--14 {
  width: 14.0%;
}
.columns__item--15 {
  width: 15%;
}
.columns__item--16 {
  width: 16%;
}
.columns__item--17 {
  width: 17%;
}
.columns__item--18 {
  width: 18%;
}
.columns__item--19 {
  width: 19%;
}
.columns__item--20 {
  width: 20%;
}
.columns__item--21 {
  width: 21%;
}
.columns__item--22 {
  width: 22%;
}
.columns__item--23 {
  width: 23%;
}
.columns__item--24 {
  width: 24%;
}
.columns__item--25 {
  width: 25%;
}
.columns__item--26 {
  width: 26%;
}
.columns__item--27 {
  width: 27%;
}
.columns__item--28 {
  width: 28.0%;
}
.columns__item--29 {
  width: 29.0%;
}
.columns__item--30 {
  width: 30%;
}
.columns__item--31 {
  width: 31%;
}
.columns__item--32 {
  width: 32%;
}
.columns__item--33 {
  width: 33%;
}
.columns__item--33-5 {
  width: 33.33333%;
}
.columns__item--34 {
  width: 34%;
}
.columns__item--35 {
  width: 35%;
}
.columns__item--36 {
  width: 36%;
}
.columns__item--37 {
  width: 37%;
}
.columns__item--38 {
  width: 38%;
}
.columns__item--39 {
  width: 39%;
}
.columns__item--40 {
  width: 40%;
}
.columns__item--41 {
  width: 41%;
}
.columns__item--42 {
  width: 42%;
}
.columns__item--43 {
  width: 43%;
}
.columns__item--44 {
  width: 44%;
}
.columns__item--45 {
  width: 45%;
}
.columns__item--46 {
  width: 46%;
}
.columns__item--47 {
  width: 47%;
}
.columns__item--48 {
  width: 48%;
}
.columns__item--49 {
  width: 49%;
}
.columns__item--50 {
  width: 50%;
}
.columns__item--51 {
  width: 51%;
}
.columns__item--52 {
  width: 52%;
}
.columns__item--53 {
  width: 53%;
}
.columns__item--54 {
  width: 54%;
}
.columns__item--55 {
  width: 55.0%;
}
.columns__item--56 {
  width: 56.0%;
}
.columns__item--57 {
  width: 57.0%;
}
.columns__item--58 {
  width: 58.0%;
}
.columns__item--59 {
  width: 59%;
}
.columns__item--60 {
  width: 60%;
}
.columns__item--61 {
  width: 61%;
}
.columns__item--62 {
  width: 62%;
}
.columns__item--63 {
  width: 63%;
}
.columns__item--64 {
  width: 64%;
}
.columns__item--65 {
  width: 65%;
}
.columns__item--66 {
  width: 66%;
}
.columns__item--67 {
  width: 67%;
}
.columns__item--68 {
  width: 68%;
}
.columns__item--69 {
  width: 69%;
}
.columns__item--70 {
  width: 70%;
}
.columns__item--71 {
  width: 71%;
}
.columns__item--72 {
  width: 72%;
}
.columns__item--73 {
  width: 73%;
}
.columns__item--74 {
  width: 74%;
}
.columns__item--75 {
  width: 75%;
}
.columns__item--76 {
  width: 76%;
}
.columns__item--77 {
  width: 77%;
}
.columns__item--78 {
  width: 78%;
}
.columns__item--79 {
  width: 79%;
}
.columns__item--80 {
  width: 80%;
}
.columns__item--81 {
  width: 81%;
}
.columns__item--82 {
  width: 82%;
}
.columns__item--83 {
  width: 83%;
}
.columns__item--84 {
  width: 84%;
}
.columns__item--85 {
  width: 85%;
}
.columns__item--86 {
  width: 86%;
}
.columns__item--87 {
  width: 87%;
}
.columns__item--88 {
  width: 88%;
}
.columns__item--89 {
  width: 89%;
}
.columns__item--90 {
  width: 90%;
}
.columns__item--91 {
  width: 91%;
}
.columns__item--92 {
  width: 92%;
}
.columns__item--93 {
  width: 93%;
}
.columns__item--94 {
  width: 94%;
}
.columns__item--95 {
  width: 95%;
}
.columns__item--96 {
  width: 96%;
}
.columns__item--97 {
  width: 97%;
}
.columns__item--98 {
  width: 98%;
}
.columns__item--99 {
  width: 99%;
}
.columns__item--100 {
  width: 100%;
}
.columns__item--offset-0 {
  margin-left: 0%;
}
.columns__item--offset-1 {
  margin-left: 1%;
}
.columns__item--offset-2 {
  margin-left: 2%;
}
.columns__item--offset-3 {
  margin-left: 3%;
}
.columns__item--offset-4 {
  margin-left: 4%;
}
.columns__item--offset-5 {
  margin-left: 5%;
}
.columns__item--offset-6 {
  margin-left: 6%;
}
.columns__item--offset-7 {
  margin-left: 7.0%;
}
.columns__item--offset-8 {
  margin-left: 8%;
}
.columns__item--offset-9 {
  margin-left: 9%;
}
.columns__item--offset-10 {
  margin-left: 10%;
}
.columns__item--offset-11 {
  margin-left: 11%;
}
.columns__item--offset-12 {
  margin-left: 12%;
}
.columns__item--offset-13 {
  margin-left: 13%;
}
.columns__item--offset-14 {
  margin-left: 14.0%;
}
.columns__item--offset-15 {
  margin-left: 15%;
}
.columns__item--offset-16 {
  margin-left: 16%;
}
.columns__item--offset-17 {
  margin-left: 17%;
}
.columns__item--offset-18 {
  margin-left: 18%;
}
.columns__item--offset-19 {
  margin-left: 19%;
}
.columns__item--offset-20 {
  margin-left: 20%;
}
.columns__item--offset-21 {
  margin-left: 21%;
}
.columns__item--offset-22 {
  margin-left: 22%;
}
.columns__item--offset-23 {
  margin-left: 23%;
}
.columns__item--offset-24 {
  margin-left: 24%;
}
.columns__item--offset-25 {
  margin-left: 25%;
}
.columns__item--offset-26 {
  margin-left: 26%;
}
.columns__item--offset-27 {
  margin-left: 27%;
}
.columns__item--offset-28 {
  margin-left: 28.0%;
}
.columns__item--offset-29 {
  margin-left: 29.0%;
}
.columns__item--offset-30 {
  margin-left: 30%;
}
.columns__item--offset-31 {
  margin-left: 31%;
}
.columns__item--offset-32 {
  margin-left: 32%;
}
.columns__item--offset-33 {
  margin-left: 33%;
}
.columns__item--offset-33-5 {
  margin-left: 33.33333%;
}
.columns__item--offset-34 {
  margin-left: 34%;
}
.columns__item--offset-35 {
  margin-left: 35%;
}
.columns__item--offset-36 {
  margin-left: 36%;
}
.columns__item--offset-37 {
  margin-left: 37%;
}
.columns__item--offset-38 {
  margin-left: 38%;
}
.columns__item--offset-39 {
  margin-left: 39%;
}
.columns__item--offset-40 {
  margin-left: 40%;
}
.columns__item--offset-41 {
  margin-left: 41%;
}
.columns__item--offset-42 {
  margin-left: 42%;
}
.columns__item--offset-43 {
  margin-left: 43%;
}
.columns__item--offset-44 {
  margin-left: 44%;
}
.columns__item--offset-45 {
  margin-left: 45%;
}
.columns__item--offset-46 {
  margin-left: 46%;
}
.columns__item--offset-47 {
  margin-left: 47%;
}
.columns__item--offset-48 {
  margin-left: 48%;
}
.columns__item--offset-49 {
  margin-left: 49%;
}
.columns__item--offset-50 {
  margin-left: 50%;
}
.columns__item--offset-51 {
  margin-left: 51%;
}
.columns__item--offset-52 {
  margin-left: 52%;
}
.columns__item--offset-53 {
  margin-left: 53%;
}
.columns__item--offset-54 {
  margin-left: 54%;
}
.columns__item--offset-55 {
  margin-left: 55.0%;
}
.columns__item--offset-56 {
  margin-left: 56.0%;
}
.columns__item--offset-57 {
  margin-left: 57.0%;
}
.columns__item--offset-58 {
  margin-left: 58.0%;
}
.columns__item--offset-59 {
  margin-left: 59%;
}
.columns__item--offset-60 {
  margin-left: 60%;
}
.columns__item--offset-61 {
  margin-left: 61%;
}
.columns__item--offset-62 {
  margin-left: 62%;
}
.columns__item--offset-63 {
  margin-left: 63%;
}
.columns__item--offset-64 {
  margin-left: 64%;
}
.columns__item--offset-65 {
  margin-left: 65%;
}
.columns__item--offset-66 {
  margin-left: 66%;
}
.columns__item--offset-67 {
  margin-left: 67%;
}
.columns__item--offset-68 {
  margin-left: 68%;
}
.columns__item--offset-69 {
  margin-left: 69%;
}
.columns__item--offset-70 {
  margin-left: 70%;
}
.columns__item--offset-71 {
  margin-left: 71%;
}
.columns__item--offset-72 {
  margin-left: 72%;
}
.columns__item--offset-73 {
  margin-left: 73%;
}
.columns__item--offset-74 {
  margin-left: 74%;
}
.columns__item--offset-75 {
  margin-left: 75%;
}
.columns__item--offset-76 {
  margin-left: 76%;
}
.columns__item--offset-77 {
  margin-left: 77%;
}
.columns__item--offset-78 {
  margin-left: 78%;
}
.columns__item--offset-79 {
  margin-left: 79%;
}
.columns__item--offset-80 {
  margin-left: 80%;
}
.columns__item--offset-81 {
  margin-left: 81%;
}
.columns__item--offset-82 {
  margin-left: 82%;
}
.columns__item--offset-83 {
  margin-left: 83%;
}
.columns__item--offset-84 {
  margin-left: 84%;
}
.columns__item--offset-85 {
  margin-left: 85%;
}
.columns__item--offset-86 {
  margin-left: 86%;
}
.columns__item--offset-87 {
  margin-left: 87%;
}
.columns__item--offset-88 {
  margin-left: 88%;
}
.columns__item--offset-89 {
  margin-left: 89%;
}
.columns__item--offset-90 {
  margin-left: 90%;
}
.columns__item--offset-91 {
  margin-left: 91%;
}
.columns__item--offset-92 {
  margin-left: 92%;
}
.columns__item--offset-93 {
  margin-left: 93%;
}
.columns__item--offset-94 {
  margin-left: 94%;
}
.columns__item--offset-95 {
  margin-left: 95%;
}
.columns__item--offset-96 {
  margin-left: 96%;
}
.columns__item--offset-97 {
  margin-left: 97%;
}
.columns__item--offset-98 {
  margin-left: 98%;
}
.columns__item--offset-99 {
  margin-left: 99%;
}
.columns__item--offset-100 {
  margin-left: 100%;
}
@media screen and (max-width: 59.9375em) {
  .columns__item--tab-1 {
    width: 1%;
  }
  .columns__item--tab-2 {
    width: 2%;
  }
  .columns__item--tab-3 {
    width: 3%;
  }
  .columns__item--tab-4 {
    width: 4%;
  }
  .columns__item--tab-5 {
    width: 5%;
  }
  .columns__item--tab-6 {
    width: 6%;
  }
  .columns__item--tab-7 {
    width: 7.0%;
  }
  .columns__item--tab-8 {
    width: 8%;
  }
  .columns__item--tab-9 {
    width: 9%;
  }
  .columns__item--tab-10 {
    width: 10%;
  }
  .columns__item--tab-11 {
    width: 11%;
  }
  .columns__item--tab-12 {
    width: 12%;
  }
  .columns__item--tab-13 {
    width: 13%;
  }
  .columns__item--tab-14 {
    width: 14.0%;
  }
  .columns__item--tab-15 {
    width: 15%;
  }
  .columns__item--tab-16 {
    width: 16%;
  }
  .columns__item--tab-17 {
    width: 17%;
  }
  .columns__item--tab-18 {
    width: 18%;
  }
  .columns__item--tab-19 {
    width: 19%;
  }
  .columns__item--tab-20 {
    width: 20%;
  }
  .columns__item--tab-21 {
    width: 21%;
  }
  .columns__item--tab-22 {
    width: 22%;
  }
  .columns__item--tab-23 {
    width: 23%;
  }
  .columns__item--tab-24 {
    width: 24%;
  }
  .columns__item--tab-25 {
    width: 25%;
  }
  .columns__item--tab-26 {
    width: 26%;
  }
  .columns__item--tab-27 {
    width: 27%;
  }
  .columns__item--tab-28 {
    width: 28.0%;
  }
  .columns__item--tab-29 {
    width: 29.0%;
  }
  .columns__item--tab-30 {
    width: 30%;
  }
  .columns__item--tab-31 {
    width: 31%;
  }
  .columns__item--tab-32 {
    width: 32%;
  }
  .columns__item--tab-33 {
    width: 33%;
  }
  .columns__item--tab-34 {
    width: 34%;
  }
  .columns__item--tab-35 {
    width: 35%;
  }
  .columns__item--tab-36 {
    width: 36%;
  }
  .columns__item--tab-37 {
    width: 37%;
  }
  .columns__item--tab-38 {
    width: 38%;
  }
  .columns__item--tab-39 {
    width: 39%;
  }
  .columns__item--tab-40 {
    width: 40%;
  }
  .columns__item--tab-41 {
    width: 41%;
  }
  .columns__item--tab-42 {
    width: 42%;
  }
  .columns__item--tab-43 {
    width: 43%;
  }
  .columns__item--tab-44 {
    width: 44%;
  }
  .columns__item--tab-45 {
    width: 45%;
  }
  .columns__item--tab-46 {
    width: 46%;
  }
  .columns__item--tab-47 {
    width: 47%;
  }
  .columns__item--tab-48 {
    width: 48%;
  }
  .columns__item--tab-49 {
    width: 49%;
  }
  .columns__item--tab-50 {
    width: 50%;
  }
  .columns__item--tab-51 {
    width: 51%;
  }
  .columns__item--tab-52 {
    width: 52%;
  }
  .columns__item--tab-53 {
    width: 53%;
  }
  .columns__item--tab-54 {
    width: 54%;
  }
  .columns__item--tab-55 {
    width: 55.0%;
  }
  .columns__item--tab-56 {
    width: 56.0%;
  }
  .columns__item--tab-57 {
    width: 57.0%;
  }
  .columns__item--tab-58 {
    width: 58.0%;
  }
  .columns__item--tab-59 {
    width: 59%;
  }
  .columns__item--tab-60 {
    width: 60%;
  }
  .columns__item--tab-61 {
    width: 61%;
  }
  .columns__item--tab-62 {
    width: 62%;
  }
  .columns__item--tab-63 {
    width: 63%;
  }
  .columns__item--tab-64 {
    width: 64%;
  }
  .columns__item--tab-65 {
    width: 65%;
  }
  .columns__item--tab-66 {
    width: 66%;
  }
  .columns__item--tab-67 {
    width: 67%;
  }
  .columns__item--tab-68 {
    width: 68%;
  }
  .columns__item--tab-69 {
    width: 69%;
  }
  .columns__item--tab-70 {
    width: 70%;
  }
  .columns__item--tab-71 {
    width: 71%;
  }
  .columns__item--tab-72 {
    width: 72%;
  }
  .columns__item--tab-73 {
    width: 73%;
  }
  .columns__item--tab-74 {
    width: 74%;
  }
  .columns__item--tab-75 {
    width: 75%;
  }
  .columns__item--tab-76 {
    width: 76%;
  }
  .columns__item--tab-77 {
    width: 77%;
  }
  .columns__item--tab-78 {
    width: 78%;
  }
  .columns__item--tab-79 {
    width: 79%;
  }
  .columns__item--tab-80 {
    width: 80%;
  }
  .columns__item--tab-81 {
    width: 81%;
  }
  .columns__item--tab-82 {
    width: 82%;
  }
  .columns__item--tab-83 {
    width: 83%;
  }
  .columns__item--tab-84 {
    width: 84%;
  }
  .columns__item--tab-85 {
    width: 85%;
  }
  .columns__item--tab-86 {
    width: 86%;
  }
  .columns__item--tab-87 {
    width: 87%;
  }
  .columns__item--tab-88 {
    width: 88%;
  }
  .columns__item--tab-89 {
    width: 89%;
  }
  .columns__item--tab-90 {
    width: 90%;
  }
  .columns__item--tab-91 {
    width: 91%;
  }
  .columns__item--tab-92 {
    width: 92%;
  }
  .columns__item--tab-93 {
    width: 93%;
  }
  .columns__item--tab-94 {
    width: 94%;
  }
  .columns__item--tab-95 {
    width: 95%;
  }
  .columns__item--tab-96 {
    width: 96%;
  }
  .columns__item--tab-97 {
    width: 97%;
  }
  .columns__item--tab-98 {
    width: 98%;
  }
  .columns__item--tab-99 {
    width: 99%;
  }
  .columns__item--tab-100 {
    width: 100%;
  }
  .columns__item--tab-offset-0 {
    margin-left: 0%;
  }
  .columns__item--tab-offset-1 {
    margin-left: 1%;
  }
  .columns__item--tab-offset-2 {
    margin-left: 2%;
  }
  .columns__item--tab-offset-3 {
    margin-left: 3%;
  }
  .columns__item--tab-offset-4 {
    margin-left: 4%;
  }
  .columns__item--tab-offset-5 {
    margin-left: 5%;
  }
  .columns__item--tab-offset-6 {
    margin-left: 6%;
  }
  .columns__item--tab-offset-7 {
    margin-left: 7.0%;
  }
  .columns__item--tab-offset-8 {
    margin-left: 8%;
  }
  .columns__item--tab-offset-9 {
    margin-left: 9%;
  }
  .columns__item--tab-offset-10 {
    margin-left: 10%;
  }
  .columns__item--tab-offset-11 {
    margin-left: 11%;
  }
  .columns__item--tab-offset-12 {
    margin-left: 12%;
  }
  .columns__item--tab-offset-13 {
    margin-left: 13%;
  }
  .columns__item--tab-offset-14 {
    margin-left: 14.0%;
  }
  .columns__item--tab-offset-15 {
    margin-left: 15%;
  }
  .columns__item--tab-offset-16 {
    margin-left: 16%;
  }
  .columns__item--tab-offset-17 {
    margin-left: 17%;
  }
  .columns__item--tab-offset-18 {
    margin-left: 18%;
  }
  .columns__item--tab-offset-19 {
    margin-left: 19%;
  }
  .columns__item--tab-offset-20 {
    margin-left: 20%;
  }
  .columns__item--tab-offset-21 {
    margin-left: 21%;
  }
  .columns__item--tab-offset-22 {
    margin-left: 22%;
  }
  .columns__item--tab-offset-23 {
    margin-left: 23%;
  }
  .columns__item--tab-offset-24 {
    margin-left: 24%;
  }
  .columns__item--tab-offset-25 {
    margin-left: 25%;
  }
  .columns__item--tab-offset-26 {
    margin-left: 26%;
  }
  .columns__item--tab-offset-27 {
    margin-left: 27%;
  }
  .columns__item--tab-offset-28 {
    margin-left: 28.0%;
  }
  .columns__item--tab-offset-29 {
    margin-left: 29.0%;
  }
  .columns__item--tab-offset-30 {
    margin-left: 30%;
  }
  .columns__item--tab-offset-31 {
    margin-left: 31%;
  }
  .columns__item--tab-offset-32 {
    margin-left: 32%;
  }
  .columns__item--tab-offset-33 {
    margin-left: 33%;
  }
  .columns__item--tab-offset-34 {
    margin-left: 34%;
  }
  .columns__item--tab-offset-35 {
    margin-left: 35%;
  }
  .columns__item--tab-offset-36 {
    margin-left: 36%;
  }
  .columns__item--tab-offset-37 {
    margin-left: 37%;
  }
  .columns__item--tab-offset-38 {
    margin-left: 38%;
  }
  .columns__item--tab-offset-39 {
    margin-left: 39%;
  }
  .columns__item--tab-offset-40 {
    margin-left: 40%;
  }
  .columns__item--tab-offset-41 {
    margin-left: 41%;
  }
  .columns__item--tab-offset-42 {
    margin-left: 42%;
  }
  .columns__item--tab-offset-43 {
    margin-left: 43%;
  }
  .columns__item--tab-offset-44 {
    margin-left: 44%;
  }
  .columns__item--tab-offset-45 {
    margin-left: 45%;
  }
  .columns__item--tab-offset-46 {
    margin-left: 46%;
  }
  .columns__item--tab-offset-47 {
    margin-left: 47%;
  }
  .columns__item--tab-offset-48 {
    margin-left: 48%;
  }
  .columns__item--tab-offset-49 {
    margin-left: 49%;
  }
  .columns__item--tab-offset-50 {
    margin-left: 50%;
  }
  .columns__item--tab-offset-51 {
    margin-left: 51%;
  }
  .columns__item--tab-offset-52 {
    margin-left: 52%;
  }
  .columns__item--tab-offset-53 {
    margin-left: 53%;
  }
  .columns__item--tab-offset-54 {
    margin-left: 54%;
  }
  .columns__item--tab-offset-55 {
    margin-left: 55.0%;
  }
  .columns__item--tab-offset-56 {
    margin-left: 56.0%;
  }
  .columns__item--tab-offset-57 {
    margin-left: 57.0%;
  }
  .columns__item--tab-offset-58 {
    margin-left: 58.0%;
  }
  .columns__item--tab-offset-59 {
    margin-left: 59%;
  }
  .columns__item--tab-offset-60 {
    margin-left: 60%;
  }
  .columns__item--tab-offset-61 {
    margin-left: 61%;
  }
  .columns__item--tab-offset-62 {
    margin-left: 62%;
  }
  .columns__item--tab-offset-63 {
    margin-left: 63%;
  }
  .columns__item--tab-offset-64 {
    margin-left: 64%;
  }
  .columns__item--tab-offset-65 {
    margin-left: 65%;
  }
  .columns__item--tab-offset-66 {
    margin-left: 66%;
  }
  .columns__item--tab-offset-67 {
    margin-left: 67%;
  }
  .columns__item--tab-offset-68 {
    margin-left: 68%;
  }
  .columns__item--tab-offset-69 {
    margin-left: 69%;
  }
  .columns__item--tab-offset-70 {
    margin-left: 70%;
  }
  .columns__item--tab-offset-71 {
    margin-left: 71%;
  }
  .columns__item--tab-offset-72 {
    margin-left: 72%;
  }
  .columns__item--tab-offset-73 {
    margin-left: 73%;
  }
  .columns__item--tab-offset-74 {
    margin-left: 74%;
  }
  .columns__item--tab-offset-75 {
    margin-left: 75%;
  }
  .columns__item--tab-offset-76 {
    margin-left: 76%;
  }
  .columns__item--tab-offset-77 {
    margin-left: 77%;
  }
  .columns__item--tab-offset-78 {
    margin-left: 78%;
  }
  .columns__item--tab-offset-79 {
    margin-left: 79%;
  }
  .columns__item--tab-offset-80 {
    margin-left: 80%;
  }
  .columns__item--tab-offset-81 {
    margin-left: 81%;
  }
  .columns__item--tab-offset-82 {
    margin-left: 82%;
  }
  .columns__item--tab-offset-83 {
    margin-left: 83%;
  }
  .columns__item--tab-offset-84 {
    margin-left: 84%;
  }
  .columns__item--tab-offset-85 {
    margin-left: 85%;
  }
  .columns__item--tab-offset-86 {
    margin-left: 86%;
  }
  .columns__item--tab-offset-87 {
    margin-left: 87%;
  }
  .columns__item--tab-offset-88 {
    margin-left: 88%;
  }
  .columns__item--tab-offset-89 {
    margin-left: 89%;
  }
  .columns__item--tab-offset-90 {
    margin-left: 90%;
  }
  .columns__item--tab-offset-91 {
    margin-left: 91%;
  }
  .columns__item--tab-offset-92 {
    margin-left: 92%;
  }
  .columns__item--tab-offset-93 {
    margin-left: 93%;
  }
  .columns__item--tab-offset-94 {
    margin-left: 94%;
  }
  .columns__item--tab-offset-95 {
    margin-left: 95%;
  }
  .columns__item--tab-offset-96 {
    margin-left: 96%;
  }
  .columns__item--tab-offset-97 {
    margin-left: 97%;
  }
  .columns__item--tab-offset-98 {
    margin-left: 98%;
  }
  .columns__item--tab-offset-99 {
    margin-left: 99%;
  }
  .columns__item--tab-offset-100 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 29.9375em) {
  .columns__item--mob-1 {
    width: 1%;
  }
  .columns__item--mob-2 {
    width: 2%;
  }
  .columns__item--mob-3 {
    width: 3%;
  }
  .columns__item--mob-4 {
    width: 4%;
  }
  .columns__item--mob-5 {
    width: 5%;
  }
  .columns__item--mob-6 {
    width: 6%;
  }
  .columns__item--mob-7 {
    width: 7.0%;
  }
  .columns__item--mob-8 {
    width: 8%;
  }
  .columns__item--mob-9 {
    width: 9%;
  }
  .columns__item--mob-10 {
    width: 10%;
  }
  .columns__item--mob-11 {
    width: 11%;
  }
  .columns__item--mob-12 {
    width: 12%;
  }
  .columns__item--mob-13 {
    width: 13%;
  }
  .columns__item--mob-14 {
    width: 14.0%;
  }
  .columns__item--mob-15 {
    width: 15%;
  }
  .columns__item--mob-16 {
    width: 16%;
  }
  .columns__item--mob-17 {
    width: 17%;
  }
  .columns__item--mob-18 {
    width: 18%;
  }
  .columns__item--mob-19 {
    width: 19%;
  }
  .columns__item--mob-20 {
    width: 20%;
  }
  .columns__item--mob-21 {
    width: 21%;
  }
  .columns__item--mob-22 {
    width: 22%;
  }
  .columns__item--mob-23 {
    width: 23%;
  }
  .columns__item--mob-24 {
    width: 24%;
  }
  .columns__item--mob-25 {
    width: 25%;
  }
  .columns__item--mob-26 {
    width: 26%;
  }
  .columns__item--mob-27 {
    width: 27%;
  }
  .columns__item--mob-28 {
    width: 28.0%;
  }
  .columns__item--mob-29 {
    width: 29.0%;
  }
  .columns__item--mob-30 {
    width: 30%;
  }
  .columns__item--mob-31 {
    width: 31%;
  }
  .columns__item--mob-32 {
    width: 32%;
  }
  .columns__item--mob-33 {
    width: 33%;
  }
  .columns__item--mob-34 {
    width: 34%;
  }
  .columns__item--mob-35 {
    width: 35%;
  }
  .columns__item--mob-36 {
    width: 36%;
  }
  .columns__item--mob-37 {
    width: 37%;
  }
  .columns__item--mob-38 {
    width: 38%;
  }
  .columns__item--mob-39 {
    width: 39%;
  }
  .columns__item--mob-40 {
    width: 40%;
  }
  .columns__item--mob-41 {
    width: 41%;
  }
  .columns__item--mob-42 {
    width: 42%;
  }
  .columns__item--mob-43 {
    width: 43%;
  }
  .columns__item--mob-44 {
    width: 44%;
  }
  .columns__item--mob-45 {
    width: 45%;
  }
  .columns__item--mob-46 {
    width: 46%;
  }
  .columns__item--mob-47 {
    width: 47%;
  }
  .columns__item--mob-48 {
    width: 48%;
  }
  .columns__item--mob-49 {
    width: 49%;
  }
  .columns__item--mob-50 {
    width: 50%;
  }
  .columns__item--mob-51 {
    width: 51%;
  }
  .columns__item--mob-52 {
    width: 52%;
  }
  .columns__item--mob-53 {
    width: 53%;
  }
  .columns__item--mob-54 {
    width: 54%;
  }
  .columns__item--mob-55 {
    width: 55.0%;
  }
  .columns__item--mob-56 {
    width: 56.0%;
  }
  .columns__item--mob-57 {
    width: 57.0%;
  }
  .columns__item--mob-58 {
    width: 58.0%;
  }
  .columns__item--mob-59 {
    width: 59%;
  }
  .columns__item--mob-60 {
    width: 60%;
  }
  .columns__item--mob-61 {
    width: 61%;
  }
  .columns__item--mob-62 {
    width: 62%;
  }
  .columns__item--mob-63 {
    width: 63%;
  }
  .columns__item--mob-64 {
    width: 64%;
  }
  .columns__item--mob-65 {
    width: 65%;
  }
  .columns__item--mob-66 {
    width: 66%;
  }
  .columns__item--mob-67 {
    width: 67%;
  }
  .columns__item--mob-68 {
    width: 68%;
  }
  .columns__item--mob-69 {
    width: 69%;
  }
  .columns__item--mob-70 {
    width: 70%;
  }
  .columns__item--mob-71 {
    width: 71%;
  }
  .columns__item--mob-72 {
    width: 72%;
  }
  .columns__item--mob-73 {
    width: 73%;
  }
  .columns__item--mob-74 {
    width: 74%;
  }
  .columns__item--mob-75 {
    width: 75%;
  }
  .columns__item--mob-76 {
    width: 76%;
  }
  .columns__item--mob-77 {
    width: 77%;
  }
  .columns__item--mob-78 {
    width: 78%;
  }
  .columns__item--mob-79 {
    width: 79%;
  }
  .columns__item--mob-80 {
    width: 80%;
  }
  .columns__item--mob-81 {
    width: 81%;
  }
  .columns__item--mob-82 {
    width: 82%;
  }
  .columns__item--mob-83 {
    width: 83%;
  }
  .columns__item--mob-84 {
    width: 84%;
  }
  .columns__item--mob-85 {
    width: 85%;
  }
  .columns__item--mob-86 {
    width: 86%;
  }
  .columns__item--mob-87 {
    width: 87%;
  }
  .columns__item--mob-88 {
    width: 88%;
  }
  .columns__item--mob-89 {
    width: 89%;
  }
  .columns__item--mob-90 {
    width: 90%;
  }
  .columns__item--mob-91 {
    width: 91%;
  }
  .columns__item--mob-92 {
    width: 92%;
  }
  .columns__item--mob-93 {
    width: 93%;
  }
  .columns__item--mob-94 {
    width: 94%;
  }
  .columns__item--mob-95 {
    width: 95%;
  }
  .columns__item--mob-96 {
    width: 96%;
  }
  .columns__item--mob-97 {
    width: 97%;
  }
  .columns__item--mob-98 {
    width: 98%;
  }
  .columns__item--mob-99 {
    width: 99%;
  }
  .columns__item--mob-100 {
    width: 100%;
  }
  .columns__item--mob-offset-0 {
    margin-left: 0%;
  }
  .columns__item--mob-offset-1 {
    margin-left: 1%;
  }
  .columns__item--mob-offset-2 {
    margin-left: 2%;
  }
  .columns__item--mob-offset-3 {
    margin-left: 3%;
  }
  .columns__item--mob-offset-4 {
    margin-left: 4%;
  }
  .columns__item--mob-offset-5 {
    margin-left: 5%;
  }
  .columns__item--mob-offset-6 {
    margin-left: 6%;
  }
  .columns__item--mob-offset-7 {
    margin-left: 7.0%;
  }
  .columns__item--mob-offset-8 {
    margin-left: 8%;
  }
  .columns__item--mob-offset-9 {
    margin-left: 9%;
  }
  .columns__item--mob-offset-10 {
    margin-left: 10%;
  }
  .columns__item--mob-offset-11 {
    margin-left: 11%;
  }
  .columns__item--mob-offset-12 {
    margin-left: 12%;
  }
  .columns__item--mob-offset-13 {
    margin-left: 13%;
  }
  .columns__item--mob-offset-14 {
    margin-left: 14.0%;
  }
  .columns__item--mob-offset-15 {
    margin-left: 15%;
  }
  .columns__item--mob-offset-16 {
    margin-left: 16%;
  }
  .columns__item--mob-offset-17 {
    margin-left: 17%;
  }
  .columns__item--mob-offset-18 {
    margin-left: 18%;
  }
  .columns__item--mob-offset-19 {
    margin-left: 19%;
  }
  .columns__item--mob-offset-20 {
    margin-left: 20%;
  }
  .columns__item--mob-offset-21 {
    margin-left: 21%;
  }
  .columns__item--mob-offset-22 {
    margin-left: 22%;
  }
  .columns__item--mob-offset-23 {
    margin-left: 23%;
  }
  .columns__item--mob-offset-24 {
    margin-left: 24%;
  }
  .columns__item--mob-offset-25 {
    margin-left: 25%;
  }
  .columns__item--mob-offset-26 {
    margin-left: 26%;
  }
  .columns__item--mob-offset-27 {
    margin-left: 27%;
  }
  .columns__item--mob-offset-28 {
    margin-left: 28.0%;
  }
  .columns__item--mob-offset-29 {
    margin-left: 29.0%;
  }
  .columns__item--mob-offset-30 {
    margin-left: 30%;
  }
  .columns__item--mob-offset-31 {
    margin-left: 31%;
  }
  .columns__item--mob-offset-32 {
    margin-left: 32%;
  }
  .columns__item--mob-offset-33 {
    margin-left: 33%;
  }
  .columns__item--mob-offset-34 {
    margin-left: 34%;
  }
  .columns__item--mob-offset-35 {
    margin-left: 35%;
  }
  .columns__item--mob-offset-36 {
    margin-left: 36%;
  }
  .columns__item--mob-offset-37 {
    margin-left: 37%;
  }
  .columns__item--mob-offset-38 {
    margin-left: 38%;
  }
  .columns__item--mob-offset-39 {
    margin-left: 39%;
  }
  .columns__item--mob-offset-40 {
    margin-left: 40%;
  }
  .columns__item--mob-offset-41 {
    margin-left: 41%;
  }
  .columns__item--mob-offset-42 {
    margin-left: 42%;
  }
  .columns__item--mob-offset-43 {
    margin-left: 43%;
  }
  .columns__item--mob-offset-44 {
    margin-left: 44%;
  }
  .columns__item--mob-offset-45 {
    margin-left: 45%;
  }
  .columns__item--mob-offset-46 {
    margin-left: 46%;
  }
  .columns__item--mob-offset-47 {
    margin-left: 47%;
  }
  .columns__item--mob-offset-48 {
    margin-left: 48%;
  }
  .columns__item--mob-offset-49 {
    margin-left: 49%;
  }
  .columns__item--mob-offset-50 {
    margin-left: 50%;
  }
  .columns__item--mob-offset-51 {
    margin-left: 51%;
  }
  .columns__item--mob-offset-52 {
    margin-left: 52%;
  }
  .columns__item--mob-offset-53 {
    margin-left: 53%;
  }
  .columns__item--mob-offset-54 {
    margin-left: 54%;
  }
  .columns__item--mob-offset-55 {
    margin-left: 55.0%;
  }
  .columns__item--mob-offset-56 {
    margin-left: 56.0%;
  }
  .columns__item--mob-offset-57 {
    margin-left: 57.0%;
  }
  .columns__item--mob-offset-58 {
    margin-left: 58.0%;
  }
  .columns__item--mob-offset-59 {
    margin-left: 59%;
  }
  .columns__item--mob-offset-60 {
    margin-left: 60%;
  }
  .columns__item--mob-offset-61 {
    margin-left: 61%;
  }
  .columns__item--mob-offset-62 {
    margin-left: 62%;
  }
  .columns__item--mob-offset-63 {
    margin-left: 63%;
  }
  .columns__item--mob-offset-64 {
    margin-left: 64%;
  }
  .columns__item--mob-offset-65 {
    margin-left: 65%;
  }
  .columns__item--mob-offset-66 {
    margin-left: 66%;
  }
  .columns__item--mob-offset-67 {
    margin-left: 67%;
  }
  .columns__item--mob-offset-68 {
    margin-left: 68%;
  }
  .columns__item--mob-offset-69 {
    margin-left: 69%;
  }
  .columns__item--mob-offset-70 {
    margin-left: 70%;
  }
  .columns__item--mob-offset-71 {
    margin-left: 71%;
  }
  .columns__item--mob-offset-72 {
    margin-left: 72%;
  }
  .columns__item--mob-offset-73 {
    margin-left: 73%;
  }
  .columns__item--mob-offset-74 {
    margin-left: 74%;
  }
  .columns__item--mob-offset-75 {
    margin-left: 75%;
  }
  .columns__item--mob-offset-76 {
    margin-left: 76%;
  }
  .columns__item--mob-offset-77 {
    margin-left: 77%;
  }
  .columns__item--mob-offset-78 {
    margin-left: 78%;
  }
  .columns__item--mob-offset-79 {
    margin-left: 79%;
  }
  .columns__item--mob-offset-80 {
    margin-left: 80%;
  }
  .columns__item--mob-offset-81 {
    margin-left: 81%;
  }
  .columns__item--mob-offset-82 {
    margin-left: 82%;
  }
  .columns__item--mob-offset-83 {
    margin-left: 83%;
  }
  .columns__item--mob-offset-84 {
    margin-left: 84%;
  }
  .columns__item--mob-offset-85 {
    margin-left: 85%;
  }
  .columns__item--mob-offset-86 {
    margin-left: 86%;
  }
  .columns__item--mob-offset-87 {
    margin-left: 87%;
  }
  .columns__item--mob-offset-88 {
    margin-left: 88%;
  }
  .columns__item--mob-offset-89 {
    margin-left: 89%;
  }
  .columns__item--mob-offset-90 {
    margin-left: 90%;
  }
  .columns__item--mob-offset-91 {
    margin-left: 91%;
  }
  .columns__item--mob-offset-92 {
    margin-left: 92%;
  }
  .columns__item--mob-offset-93 {
    margin-left: 93%;
  }
  .columns__item--mob-offset-94 {
    margin-left: 94%;
  }
  .columns__item--mob-offset-95 {
    margin-left: 95%;
  }
  .columns__item--mob-offset-96 {
    margin-left: 96%;
  }
  .columns__item--mob-offset-97 {
    margin-left: 97%;
  }
  .columns__item--mob-offset-98 {
    margin-left: 98%;
  }
  .columns__item--mob-offset-99 {
    margin-left: 99%;
  }
  .columns__item--mob-offset-100 {
    margin-left: 100%;
  }
}

/*-----------------------------------------------------------------------------------*/
/*  HELPERS
/*-----------------------------------------------------------------------------------*/
.vertical-aligned {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.horizontal-aligned {
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
}

.both-aligned {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}

.table {
  display: table;
  width: 100%;
  vertical-align: middle;
}

.cell {
  display: table-cell;
  vertical-align: middle;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
}

.text-no-decoration {
  text-decoration: none;
}

.text-strike {
  text-decoration: line-through;
}

.text-no-wrap {
  white-space: nowrap;
}

.text-wrap {
  word-wrap: break-word;
}

.m0 {
  margin: 0px;
}

.m5 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m15 {
  margin: 15px;
}

.m20 {
  margin: 20px;
}

.m25 {
  margin: 25px;
}

.m30 {
  margin: 30px;
}

.m35 {
  margin: 35px;
}

.m40 {
  margin: 40px;
}

.m45 {
  margin: 45px;
}

.m50 {
  margin: 50px;
}

.m55 {
  margin: 55px;
}

.m60 {
  margin: 60px;
}

.ml0 {
  margin-left: 0px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

.mr0 {
  margin-right: 0px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr55 {
  margin-right: 55px;
}

.mr60 {
  margin-right: 60px;
}

.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.p0 {
  padding: 0px;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p15 {
  padding: 15px;
}

.p20 {
  padding: 20px;
}

.p25 {
  padding: 25px;
}

.p30 {
  padding: 30px;
}

.p35 {
  padding: 35px;
}

.p40 {
  padding: 40px;
}

.p45 {
  padding: 45px;
}

.p50 {
  padding: 50px;
}

.p55 {
  padding: 55px;
}

.p60 {
  padding: 60px;
}

.pl0 {
  padding-left: 0px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl55 {
  padding-left: 55px;
}

.pl60 {
  padding-left: 60px;
}

.pr0 {
  padding-right: 0px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

.pr55 {
  padding-right: 55px;
}

.pr60 {
  padding-right: 60px;
}

.pt0 {
  padding-top: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pb0 {
  padding-bottom: 0px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.fs10 {
  font-size: 10px;
}

.fs11 {
  font-size: 11px;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 14px;
}

.fs15 {
  font-size: 15px;
}

.fs16 {
  font-size: 16px;
}

.fs17 {
  font-size: 17px;
}

.fs18 {
  font-size: 18px;
}

.fs19 {
  font-size: 19px;
}

.fs20 {
  font-size: 20px;
}

.fs21 {
  font-size: 21px;
}

.fs22 {
  font-size: 22px;
}

.fs23 {
  font-size: 23px;
}

.fs24 {
  font-size: 24px;
}

.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: bold;
}

.fstyle-normal {
  font-style: normal;
}

.fstyle-italic {
  font-style: italic;
}

.clear {
  clear: both;
}

.clear-r {
  clear: right;
}

.clear-l {
  clear: left;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.display-inline {
  display: inline;
}

.display-inline-block {
  display: inline-block;
}

.display-block {
  display: block;
}

.display-none {
  display: none;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.cursor-auto {
  cursor: auto;
}

.cursor-help {
  cursor: help;
}

.relative {
  position: relative;
}

@media screen and (min-width: 30em) {
  .mobile-only {
    display: none;
  }
}
@media screen and (min-width: 60em) {
  .mobile-tablet-only {
    display: none;
  }

  .tablet-only {
    display: none;
  }
}
@media screen and (max-width: 29.9375em) {
  .tablet-desktop-only {
    display: none;
  }

  .tablet-only {
    display: none;
  }
}
@media screen and (max-width: 59.9375em) {
  .desktop-only {
    display: none;
  }
}



.box-product__variant {
  padding-bottom: 10px;
}
.box-product__variant__selected {
  background-color: #f7f7f7;
}
.box-product__variant .columns__item {
  padding: 0px;
}
.box-product__variant .box-product__variant_name {
  font-size: 1.2em;
  color: 	rgb(128,80,21);
  font-weight: bold;
}
.box-product__variant .box-product__variant_price .price-old,
.box-product__variant .box-product__variant_price .price-main{
  font-size: 1.2em;
}
.box-product__variant .box-product__variant_price .price-main {
  color: 	rgb(253,182,87);
  font-weight: bold;
}
.box-product__variant .box-product__variant_price .price-old {
  color: rgb(174, 174, 174);
  display: inline-block;
  padding-right: 5px;
  text-decoration: line-through;
}
.box-product__variant .box-product__variant_price .price-no-vat {
  font-size: 0.8em;
  color: 	rgb(174, 174, 174);
  display: inline-block;
  padding-left: 5px;
}
.box-product__variant .box-product__variant_avail {
  color: rgb(174, 174, 174);
}
.box-product__variant .box-product__info__buy__input {
  border: 1px solid #dddddd;;
}

.box-product__variants{
  max-height: 290px;
  overflow: auto;
  padding-right: 2px;
}

.box-product__variants.scroll-content{
    padding-right: 12px !important;
}

.box-product__desc {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid rgb(253,182,87);
}

.list-product-images__item__in {
  background-image: url("../img/backgrounds/preloader_sm.gif");
}

.defCompanyDataCol.hidden, 
.hidden {
    display: none;
}

.defDelAddrDataCol.hidden, 
.hidden {
    display: none;
}

.customerTypeSelection {
   width: 92px;
   display: inline-block;
}

.box-user-info__header .list-radioboxes{
   margin: 0px;
}

dd.form-line__two-cols > div{
  width: 49%;
  display: inline-block;
  position: relative;
}

dd.form-line__two-cols > div.form-line__col-1{
  width: 70%;
}
dd.form-line__two-cols > div.form-line__col-2{
  width: 29%;
  float: right;
}


.form-line__submit.registrationSubmit{
  padding-left: 130px; 
  margin: 10px 0 20px;
}

.form-line__input.form-line__input_error, .input_error {
  border: 1px solid #f3201d;
}
.form-line_error_box, .awesome_red {
  color: #f3201d;
}
.form-spanline {
  line-height: 40px;
  font-size: 16px;
}

a.deliveryTooltipBtn, a.paymentTooltipBtn, a.urlTooltipBtn { color: #ccc; } 
a.deliveryTooltipBtn:hover, a.paymentTooltipBtn:hover, a.urlTooltipBtn:hover { color: #888; }
a.deliveryTooltipBtn .content, a.paymentTooltipBtn .content { display: none; } 
.orderPaymentOptionsWrapper_Disabled { color: #ccc; }
#tooltipPopup {display: none;}


.withoutMargin {margin: 0px !important;}
/***** UI Blocker *****/
.uiBlockerParent {position:relative;}
.uiBlockerWrapper {position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255, 0.8); z-index:999;}
.uiBlockerWrapper .uiBlocker {display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; z-index: 1;}
.uiBlockerWrapper .uiBlocker span {position: relative; top: -10px; left: -10px; font-size: 25px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:#fdb657;}

.form-links {padding-left: 130px;}
.form-links a {margin-right: 15px;}

@media screen and (max-width: 29.9375em) {
    .form-links {padding-left: 0px;}
    .form-links a {display: block;}
}

.ui-widget-content a {color: #fdb657 !important;}
.ui-widget-content a:hover {color: #3a3739 !important;}
.ui-widget-overlay {z-index: 10000 !important;}
.ui-widget-overlay {z-index: 9999 !important;}

.mobile-menu__item a {font-size: 12px; color: #999999; font-family: "Ubuntu", "Source Sans Pro", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none;}
.mobile-menu__item a:hover {color: #fdb657;}

@media screen and (max-width: 29.9375em) {
    .form-line dt {width: 100%; float: none;}
    .form-line dd {margin-left: 0px;}
    dd.form-line__two-cols > div {width: 75%;}
}

#cart-form .in-step,
.form-line__submit.orderSubmit,
.forgotten-password .in-step { 
    padding-top: 50px; 
    text-align:right; 
}


.container.cart h1, .container.order h1 {display: none;}

.order-navbar {
    font-size: 1.3em;
    font-weight: bold;
}
  .order-navbar .order-step-item {
      float: left; 
  }
  .order-navbar .order-step-item,
  .order-navbar .order-step-item a{        
      color: #ccc;
      text-decoration: none;
  }
  .order-navbar .order-step-item-active {     
      color: #333;
  }
  .order-navbar .order-step-num {
      display: inline-block;
      text-align: center;
      width: 30px;
      height: 30px; 
      border-radius: 15px;     
      background-color: #ddd; 
      color: #fff;  
  }       
  .order-navbar .order-step-item-active .order-step-num {   
      background-color: #fdb657; 
      color: white;      
  }
  
  .order--best-delivery {
    color: #c2c2c2;
    font-size: 0.99em;
    margin-bottom: 20px;
    text-align: justify;
    margin-top: -20px;
  }  
  
@media screen and (min-width: 49.9375em) {     
  .order-navbar .order-step-item:not(:last-child):after {
     color: #ccc;
     font-family: FontAwesome;
     content: "\f178";  
     padding-left: 30px;
     padding-right: 30px;
  }
}
  
@media screen and (min-width: 71.8125em) {     
  .order-navbar .order-step-item:not(:last-child):after {
     padding-left: 50px;
     padding-right: 50px;
  }
}

@media screen and (max-width: 49.9375em) {
  .order-navbar {
      font-size: 1.0em;
      font-weight: bold;
  }
  .order-navbar .order-step-item {
      float: none; 
  }
  .order-navbar .order-step-num {
      width: 24px;
      height: 24px; 
      border-radius: 12px;     
  }    
}


.order .input.table-basket__quantity{
  border: 0px;
}
.order .table-basket__product {height: 30px;}
.order .table-basket tbody tr td{
  padding-top: 2px;
  padding-bottom: 2px;
}

.order .table-basket tfoot tr .table-basket__amount {
    padding-right: 25px;
}

.carpets-config__columns__item--image { padding-top: 55px; }
.carpets-config__columns__item--image  img {border: 1px solid #e4e4e4}

.box-configurator__links { font-size: 0.9em; }
.box-configurator__links ul li {display: inline; }
.box-configurator__links h2 { font-size: 1.2em; margin-top: 50px; }
.box-configurator__links ul li:after {
     color: #ccc;
     font-family: FontAwesome;
     content: "\f1db";  
     padding-left: 5px;
     padding-right: 5px;
     font-size: 8pt;
}


.box-configurator__products_list {

}
.box-configurator__products_list td{
  vertical-align: middle;
}
.box-configurator__products_list .list-products__item__title{
   margin: 0;
   height: auto;
}
.box-configurator__products_list .amount list-products__item__price{

}
.box-configurator__products_list {

}

.box-configurator a.urlTooltipBtn, .columns__item-tooltip_icon a{
  color: #323232;
  font-size: 16px;
}
.box-configurator a.urlTooltipBtn:hover, .columns__item-tooltip_icon a:hover{
  color: #888;
}
.columns__item-tooltip_icon a{
  line-height: 50px;
}

.columns__item.columns__item-tooltip_icon{
  padding: 15px 0;
}

.potisky-params.box-configurator .input{
  margin-bottom: 0;
  height: 50px;
}

.potisky-params.box-configurator label {
  color: #323232;
}

.box-configurator--printings-buttons{
  text-align:center;
  color: #323232;  
  margin-bottom: 20px;
}

.box-configurator--printings-buttons a{
  color: #323232;
  display: block-inline;
  padding: 0 30px;
}

.box-configurator--printings-buttons a:hover{
  color: #888;
}

ul.box-configurator--printings-images{
 	overflow-x: scroll;
  white-space: nowrap;
}

ul.box-configurator--printings-images li{
  width: 70px;
  display: inline-block;
  list-style-type: none;
}


ul.box-configurator--printings-images li span{
  text-align: center;
  display:block;
  cursor: pointer;
}

ul.box-configurator--printings-images li img{
  display:inline;
}

.box-configurator--printings-wrapper .button {
  width: 100%
}

.box-configurator--printings-preview {
  text-align: center;
}

.err-box { 
    color: #f3201d;
    text-align: center;
    font-size: 1.2em;
    border-top: 1px #e6e6e6 solid; 
    border-bottom: 1px #e6e6e6 solid;
    padding: 5px 0;
    margin: 5px 0; 
}

.box-configurator--note ol{
  margin-left: 20px;
  font-size: 0.9em;

}
.awesome_green{
  color:#2ecc71;
}

.awesome_yellow{
  color:#f39c12;
}

.scroll-element .scroll-bar {
    background-color: #fdb657 !important;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    opacity: 0.6 !important;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #fc950b !important;
}

.box-product__info__buy .button {
    overflow: hidden;
}
.text-align-center{
  text-align: center;
}




#livesearch_search_results {
  margin: 3px 0 0;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  background-color: #fdb657;
  list-style-type: none;
  z-index: 12;
  font-size: 14px; }
  #livesearch_search_results li {
    vertical-align: middle;
    padding: 10px; }
    #livesearch_search_results li:before, #livesearch_search_results li:after {
      display: table;
      content: "";
      line-height: 0; }
    #livesearch_search_results li:after {
      clear: both; }
    #livesearch_search_results li + li {
      border-top: 1px solid #dddddd; }
    #livesearch_search_results li .livesearch__box_price {
      float: right;
      max-height: 50px;
      width: 120px;
      margin-right: 10px; 
      font-size: 1.2em;
      font-weight: bold;}
    #livesearch_search_results li img {
      float: left;
      max-height: 50px;
      width: 60px;
      margin-right: 10px; }
      #livesearch_search_results li img.loading {
        background: #F5F5F5; }   
    #livesearch_search_results li:hover, #livesearch_search_results li.highlighted {
      background-color: #fc950b; }
      #livesearch_search_results li:hover a, #livesearch_search_results li:hover a:visited, #livesearch_search_results li.highlighted a, #livesearch_search_results li.highlighted a:visited {
        color: #FFF; }
  #livesearch_search_results a, #livesearch_search_results a:visited {
    display: block;
    padding: 5px;
    color: #fff;
    text-decoration: none; }
  #livesearch_search_results a:hover {
    text-decoration: underline; }
    #livesearch_search_results a:before, #livesearch_search_results a:after, #livesearch_search_results a:visited:before, #livesearch_search_results a:visited:after {
      display: table;
      content: "";
      line-height: 0; }
    #livesearch_search_results a:after, #livesearch_search_results a:visited:after {
      clear: both; }

@media (min-width: 768px) and (max-width: 991px), (max-width: 479px) {
  #livesearch_search_results li img {
    display: none !important; } }
/*================ Box Cart  ===============*/
.box-cart {
  position: relative; }
  .box-cart .btn-danger, .box-cart .btn-danger:focus {
    border: 0;
    padding: 0;
    color: white;
    font-size: 13px;
    background: none; }
    .box-cart .btn-danger:hover, .box-cart .btn-danger:focus:hover {
      color: #fe7140;
      background: none; }
  .box-cart a:hover img {
    opacity: .5; }
  .box-cart .btn {
    margin-bottom: 7px; }

.box-configurator-covers  h2 .box-configurator-covers__option_title{
  display: block; 
  padding-left: 70px;
}

.box-configurator-covers  h2 .box-configurator-covers__option_title:after{
     font-family: FontAwesome;
     content: "\f00c";   
     color: #2ecc71;
     padding-left: 30px;
}

.box-configurator-covers  h2 .box-configurator-covers__option_title:before{
     font-family: FontAwesome;
     content: "\f178";   
     padding-right: 10px;
}

.box-configurator-covers h2{
     margin-bottom: 0px;
}

.box-configurator.box-configurator-covers .list-products li article{
     background-color: white;
}

.box-configurator.box-configurator-covers  .list-products__item__title {height: 60px}
.box-configurator.box-configurator-covers .list-products__item__title__cartitle{
  display: block;
  font-size: 0.9em;
}

.box-product.box-configurator-covers .box-product__info__buy__button:before {
  margin-left: 15px;   
}

.forumWrapper h2 {font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; font-weight: 600; color: #323232; margin-bottom: 25px;}
.forumWrapper .commentList {margin-bottom: 25px;}
.forumWrapper .commentList .comment {position: relative; margin-bottom: 5px; position: relative;}
.forumWrapper .commentList .comment .commentHeader {border-bottom: 1px solid rgb(253,182,87); margin-bottom: 5px;}
.forumWrapper .commentList .comment .commentHeader img {position: relative; top: 3px;}
.forumWrapper .commentList .comment .commentHeader .title {font-weight: bold; color: rgb(253,182,87);}
.forumWrapper .commentList .comment .commentFooter {position: absolute; top: 3px; right: 0px;}
.forumWrapper .commentList .comment .commentFooter .info .date {font-size: 95%; color: #aeaeae;}

@media screen and (max-width: 59.9375em) {
    .forumWrapper .commentList .comment .commentFooter {position: relative; font-size: 80%; margin-bottom: 10px; top: 0px;}
}

.category__photo {
    float: right;
    height: auto;
    padding: 10px;
    width: auto;
}

.table__search_result .table__search_result__col {
    vertical-align: middle;
}
.table__search_result .table__search_result__img{
    height: 60px;
}
.table__search_result .table__search_result__first_width{
    width: 175px;
}

.without__vat.line__throught{
    text-decoration: line-through;
}
                    
.box-product__covers_template {
  text-align:center;
  clear: both;
}
.box-product__covers_template img{
  max-width: 400px;
}

/* benefits */
.benefits{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -30px;
  margin-top: -30px;
  position: relative;
  padding: 30px;
}

.benefits::before{
  display: block;
  content: '';
  position: absolute;
  top: 30px;
  left: 30px;
  right: 0;
  bottom: 0;

  background-color: #F6F6F6;
}

.benefits__item{
  width: 33.33%;
  padding-left: 30px;
  padding-top: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  position: relative;
}

.benefits__image{
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 55px;
  margin-right: 15px;
}

.benefits__image img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.benefits__content{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;

  font-size: 14px;
  line-height: 17px;
}

.benefits__content h2{
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  margin-bottom: 10px;
}

@media (max-width:959px){
  .benefits{
    margin-left: -20px;
    padding: 20px;
  }

  .benefits::before{
    left: 20px;
  }

  .benefits__item{
    padding-left: 20px;
  }
}

@media (max-width:767px){
  .benefits{
    padding: 20px 0;
  }

  .benefits::before{
    content: none;
  }

  .benefits__item{
    width: 50%;
  }
}

@media (max-width:479px){
  .benefits{
    margin-top: -20px;
  }

  .benefits__item{
    width: 100%;
    padding-top: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .benefits__content h2{
    margin-bottom: 5px;
  }

  .benefits__image{
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

/* promo */
.promo{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  margin-bottom: 55px;
}

.promo__item{
  position: relative;
  overflow: hidden;
  width: 33.33%;
  -ms-flex-negative: 0;
      flex-shrink: 0;

  background-color: #D8D8D8;
}

.promo__item::before{
  display: block;
  content: '';
  padding-bottom: 100%;
}

.promo__content{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 21px 33px;
}

.promo__content span{
  display: table;
  padding: 5px 10px;
  margin-bottom: 8px;
  line-height: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;

  font-size: 12px;
  font-weight: 700;
  color: white;

  background-color: #00D066;
}

.promo__content strong{
  display: block;
  margin-bottom: 15px;

  font-size: 20px;
  line-height: 22px;
  color: #FFFFFF;

  text-shadow: 0 0 7px rgba(0,0,0,0.68);
}

.promo__content .button{
  height: 35px;
  line-height: 35px;
  padding: 0 19px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.promo__content .button::before{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.promo img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 767px){
  .promo__content{
    padding: 20px;
  }

  .promo__item{
    width: 40%;
  }

  .promo{
    margin-bottom: 40px;
  }
}

@media (max-width: 639px){
  .promo__item{
    width: 45%;
  }
}

@media (max-width: 479px){
  .promo__item{
    width: 60%;
  }
}

/* featured */
.featured{
  padding: 50px 20px;
  margin-bottom: 25px;

  text-align: center;
  color: white;
  font-size: 16px;
  line-height: 1.25;

  background-color: #FFB33E;
}

.featured img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.featured h2{
  margin-bottom: 15px;
  line-height: inherit;

  font-size: 23px;
  font-weight: 700;
  color: inherit;
}

.featured p{
  padding: 0 15px;
  margin-bottom: 10px;
}

.featured .button{
  padding: 0 10px;
  min-width: 159px;
  margin: 6px;
  text-align: center;

  color: white;
  font-size: 18px;

  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px white;
          box-shadow: 0 0 0 2px white;
}

.featured .button:hover{
  background-color: #fc950b
}

.featured .button--link{
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 16px;
}

.featured h3{
  font-size: 18px;
  color: white;
  font-weight: 700;
  margin: 25px 0 15px;
}


/* tabs */
.tabs{
  margin-bottom: 25px;

  border: 1px solid #D5D5D5;
}

.tabs--mobile{
  display: none;
}

.tabs__list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabs__list a{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  padding: 10px;
  min-height: 52px;

  text-align: center;
  text-decoration: none;
  color: inherit;
  
  background-color: rgba(216,216,238,0.49);
  border-bottom: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
}

.tabs__list a:first-child{
  border-left: 0;
  background-color: transparent;
  background-image: linear-gradient(-269deg, rgba(216,216,238,0.49) 0%, rgba(238,238,238,0.00) 100%);
}

.tabs__list a:last-child{
  background-color: transparent;
  background-image: linear-gradient(-269deg, rgba(238,238,238,0.00) 0%, rgba(216,216,238,0.49) 100%);
}

.tabs__list a.active{
  background-color: white;
  background-image: none;
  border-bottom-color: white;
}

.tabs__content{
  padding: 22px;
}

.tabs__content__footer{
  margin: 0 -23px -23px;
}

.tabs__content__footer .button{
  display: block;
  width: 100%;
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
}

@media (max-width: 959px){
  .tabs--mobile{
    display: block;
    border-bottom: 0;
    margin-bottom: 30px;
  }

  .tabs--mobile .tabs__list a{

  }

  .tabs--mobile .tabs__content{
    display: none;
  }
}

/* filter */
.filter__item strong{
  display: block;
  margin-bottom: 10px;
}

/* grade */
.grade__header{
  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;
  padding-bottom: 15px;
  margin-bottom: 20px;
  line-height: 1.2;

  border-bottom: 1px solid rgba(213,213,213,0.63);
}

.grade__header h2{
  font-size: 15px;
  color: #332F31;
  font-weight: 700;
  margin: 0;
  line-height: inherit;

  margin-bottom: -15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #FFB33E;
}

.grade__header a{
  margin-left: 15px;
  font-size: 11px;
  color: #332F31;
  text-decoration: none;
  line-height: inherit;
}

.grade__section:not(:last-of-type){
  margin-bottom: 35px;
}

.grade__header a:hover{
  text-decoration: underline;
}

.grade__list{
  list-style-type: none;
  margin: -5px 0 -5px 0;
  padding: 0;
  line-height: 1.2;
}

.grade__list>li>a{
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 5px 0;

  text-decoration: none;
  font-size: 15px;
  color: #332F31;
}

.grade__list>li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;

  margin: 0 -22px;
  padding: 0 22px;
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}

.grade__list>li:hover .categories__submenu{
  opacity: 1;
  visibility: visible;
}

.grade__list>li:hover,
.grade__list>li.categories__item--current{
  background-color: #f3f3f3;
}

.grade__list>li::before{
  display: block;
  content: '+';
  color: #FFB33E;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.grade__list>li>a:hover{
  text-decoration: underline;
}

.grade__other a{
  display: table;
  padding: 5px 0 5px 20px;

  color: #332F31;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none;
}

.grade__other a:hover{
  text-decoration: underline;
}

/* konfigurator */
.configurator{
  margin: 65px 0;
}

.configurator__title{
  margin-bottom: 30px;
  line-height: 1.2;

  font-size: 20px;
  color: #232220;
  font-weight: 400;
}

.configurator__footer{
  margin-top: 25px;
  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;
}

.configurator__footer .button{
  font-size: 16px;
}

.configurator__footer .button:first-of-type{
  margin-right: auto;
}

.configurator__footer__back{
  background:transparent;
  color: #AAAAAA;
  -webkit-transition: color 200ms;
  transition: color 200ms;
}

.configurator__footer__back:hover{
  color: black;
  background: transparent;
}

.configurator__grid{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -40px;
}

.configurator__grid__item{
  width: 50%;
  padding-left: 40px;
}

.configurator__grid__item--top{
      -ms-flex-item-align: center;
          align-self: center;
}

.configurator__grid__item:first-child{
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.configurator__image{
  max-width: 385px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;

  border-radius: 50%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.configurator__image img[src^="data"]{
  background-color: #E4E4E4;
}

.configurator__image--secondary{
  max-width: 280px;
  border-radius: 0;
  overflow: visible;
}

.configurator__size{
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;

  color: #A0A0A0;
}

.configurator__size p{
  width: 140px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.configurator__size small{
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  line-height: 45px;
  padding: 0 10px;
  pointer-events: none;
}

.configurator__size input[type=number]::-webkit-inner-spin-button,
.configurator__size input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.configurator__size .input{
  margin-bottom: 0;
  padding: 0 35px 0 10px;

  -webkit-transition: border-color 200ms;

  transition: border-color 200ms;
}

.configurator__size .input[readonly]{
  pointer-events: none;
}

.configurator__size .input:focus{
  background: transparent;
  border-color: #979797;
}

.configurator__size label{
  display: block;
  margin-bottom: 5px;
}

.configurator__size--width{
  bottom: 100%;
  width: 100%;
  margin-bottom: 20px;

  border-bottom: 1px solid rgba(151,151,151,0.31);
}

.configurator__size--height{
  height: 100%;
  bottom: 0;
  left: 100%;
  margin-left: 20px;

  border-left: 1px solid rgba(151,151,151,0.31);
}

.configurator__size--length{
  padding: 0;
  margin: 35px 0;
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.configurator__size--length label{
  color: #232220;
  font-size: 18px;
}

.configurator__image::before{
  display: block;
  content: '';
  padding-bottom: 100%;
}

.configurator__summary{
  margin: 60px 0;
  line-height: 1.2;

  color: #232220;
  font-size: 18px;
}

.configurator__summary strong{
  display: block;
  font-size: 32px;
}

@media (max-width: 1279px){
  .configurator__grid{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .configurator__grid__item:last-child{
    width: 100%;
  }

  .configurator__size--width, .configurator__size--height{
    top: 100%;
    bottom: auto;
    left: 0;
    margin: 0;
    width: 50%;
    height: auto;

    border: 0;
  }

  .configurator__size--height{
    left: 50%;
  }

  .configurator__image--secondary{
    margin-bottom: 120px;
  }
}

@media (max-width: 767px){
  .configurator__grid__item{
    width: 100%;
    margin-bottom: 30px;
  }

  .configurator__title{
    margin-bottom: 20px;
  }

  .configurator{
    margin: 50px 0;
  }

  .configurator__grid--laststep .configurator__grid__item:nth-child(2){
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media (max-width: 767px) and (min-width: 480px){
  .configurator__image--secondary{
    margin: 0;
  }

  .configurator__size--width, .configurator__size--height{
    top: 0;
    left: 100%;
    height: 50%;
    width: auto;
  }

  .configurator__size--height{
    top: 50%;
  }
}

@media (max-width: 639px){
  .configurator__footer{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .configurator__footer .button{
    margin: 10px 0;
    padding: 0;
  }

  .configurator__footer .button:first-child{
    margin-right: 0;
  }

  .configurator__summary{
    margin: 50px auto 20px;
    text-align: center;
    max-width: 280px;
  }

  :first-of-type

  .configurator__footer .configurator__footer__back:first-of-type:last-of-type{
    width: 100%;
    text-align: center;
    margin: 5px 0;
  }

  .configurator__footer .button:not(.configurator__footer__back){
    width: 100%;
    text-align: center;
    margin: 5px 0;
  }
}

@media (max-width: 479px){
  .configurator{
    margin: 20px 0;
  }
}

/* materials */
.materials{
  font-size: 13px;
  line-height: 1.35;
  color: #232220;
}

.materials__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;

  padding: 20px;
  margin-bottom: 10px;
}

.materials__item__in{
  margin-right: 20px;
  max-width: 100%;
}

.materials__item__in:nth-of-type(1),.materials__item__in:nth-of-type(3),.materials__item__in:last-of-type{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.materials__item__in:nth-of-type(1){
  width: 55px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.materials__item__in:nth-of-type(2){
  width: 150px;
}

.materials__item__in:nth-of-type(3){
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 140px;
}

.materials__item__in:nth-of-type(4){
  margin-left: auto;
  margin-right: 0;
}

.materials__image{
  width: 55px;
  height: 55px;
  position: relative;
  overflow: hidden;

  border-radius: 50%;
  background: #E4E4E4;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
} 

.materials__color_thumb_images{
  width: 17px;  
  height: 17px;
  display: inline-block;
} 

.materials__color_thumb_images_sm{
  width: 10px;  
  height: 10px;
  display: inline-block;
} 

.materials__image img, .configurator__image img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.materials__radio{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  opacity: 0;
  pointer-events: none;
}

.materials__radio + .materials__label{
  cursor: pointer;
}

.materials__label{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  border: 1px solid #E4E4E4;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color 200ms, -webkit-box-shadow 200ms;
  transition: border-color 200ms, -webkit-box-shadow 200ms;
  transition: border-color 200ms, box-shadow 200ms;
  transition: border-color 200ms, box-shadow 200ms, -webkit-box-shadow 200ms;
}

.materials__radio:checked + .materials__label{
  border-color: #FFB33E;
  -webkit-box-shadow: 0 0 0 1px #FFB33E;
          box-shadow: 0 0 0 1px #FFB33E;
  pointer-events: none;
}

.materials__header h3{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.materials__header h3 a,
.colors__header span a,
.shapes__header span a{
  color:black;
  text-decoration: none;
}

.materials__price{
  font-size: 16px;
  white-space: nowrap;
}

.materials__price--withwat{
  color: #232220;
  font-size: 12px;
  opacity: 0.6;
}

.materials__price sup{
  top: -0.25em;
  font-size: 0.65em;
}

.materials__details{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.materials__details dt{
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 55px;
  margin-right: 10px;
}

.materials__details dt::after{
  content: ":";
}

.materials__details dd{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.materials__details dd span{
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 4px;

  background-color: #E4E4E4;
  border-radius: 50%;
}

.materials__details dd .filled{
  background-color: #FEC290;
}

@media (max-width: 1279px) and (min-width: 768px), (max-width:639px){
  .materials{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .materials__item{
    width: 50%;
    width: calc(50% - 10px);
    margin-bottom: 20px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    text-align: center;
  }

  .materials__item:only-child{
    width: 100%;
  }

  .materials__item__in{
    margin-right: 0;
    margin-bottom: 10px;
  }

  .materials__item__in:nth-of-type(3){
    margin-left: 0;
    -ms-flex-item-align: inherit;
        align-self: inherit;
    margin-top: auto;
  }

  .materials__item__in:nth-of-type(4){
      margin-left: 0;
      margin-bottom: 0;
  }

  .materials__details{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 959px) and (min-width: 768px), (max-width:479px){
  .materials__item{
    width: calc(50% - 5px);
    margin-bottom: 10px;
    padding: 10px;
  }
}

@media (max-width: 479px){
  .materials__details dt{
    margin-right: 5px;
  }

  .materials__details dd span{
    margin-left: 2px;
  }
}

/* selection */
.selection{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -14px;
  margin-left: -14px;
}

.selection__item{
  width: 50%;
  padding: calc(14px + 25px) 25px 25px calc(14px + 25px);
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  -webkit-tap-highlight-color: transparent;
}

.selection input{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  opacity: 0;
  pointer-events: none;
}

.selection input + .selection__border{
  cursor: pointer;
}

.selection input:checked + .selection__border{
  border-color: #FFB33E;
  -webkit-box-shadow: 0 0 0 1px #FFB33E;
          box-shadow: 0 0 0 1px #FFB33E;
}

.selection__border{
  position: absolute;
  top: 14px;
  left: 14px;
  bottom: 0;
  right: 0;

  border: 1px solid #E4E4E4;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color 200ms, -webkit-box-shadow 200ms;
  transition: border-color 200ms, -webkit-box-shadow 200ms;
  transition: box-shadow 200ms, border-color 200ms;
  transition: box-shadow 200ms, border-color 200ms, -webkit-box-shadow 200ms;
}

.selection__image{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;

  width: 55px;
  height: 55px;
}

.selection__image img{
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.selection__text{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-weight: 700;
  line-height: 1.2;
}

.selection__note{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
  padding: calc(14px + 14px) 14px 14px calc(14px + 14px);
  line-height: 1.2;

  color: #AAAAAA;
}

.selection__note hr{
  height: 1px;
  background-color: #CBCBDB;
  width: 60px;
  margin: 0 0 11px;
}

@media (max-width: 1279px) and (min-width: 768px), (max-width:639px){
  .selection__item{
    padding: calc(14px + 14px) 14px 14px calc(14px + 14px);
  }
}

@media (max-width: 959px) and (min-width: 768px){
  .selection__image{
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
}

@media (max-width: 479px){
  .selection__image{
    max-width: 30px;
    max-height: 30px;
    margin-right: 10px;
  }

  .selection{
    margin-left: -10px;
    margin-top: -10px;
  }

  .selection__item{
    padding: calc(10px + 10px) 10px 10px calc(10px + 10px);
  }

  .selection__border{
    top: 10px;
    left: 10px;
  }

  .selection__text{
    font-size: 14px;
  }

  .selection__note{
    width: 100%;
    padding: 10px;
  }

  .selection__note:first-of-type{
    margin-top: 10px;
  }
}

.box-configurator select, .box-product__info select{
  margin-bottom: 0;
}

/* selectric */

.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }

.selectric {
  border: 1px solid #dddddd;
  border-radius: 0px;
  background: white;
  position: relative;
  overflow: hidden; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 43px 0 10px;
    font-size: 18px;
    line-height: 43px;
    color: black;
    height: 43px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 43px;
    height: 43px;
    line-height: 43px;
    background-color: transparent;
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    *font: 20px/43px Lucida Sans Unicode, Arial Unicode MS, Arial; }
    .selectric .button:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 0;
      height: 0;
      border: 4px solid transparent;
      border-top-color: #BBB;
      border-bottom: none; }

.selectric-focus .selectric {
  border-color: #aaaaaa; }

.selectric-hover .selectric {
  border-color: #c4c3c3; }
  .selectric-hover .selectric .button {
    color: #a2a1a1; }
    .selectric-hover .selectric .button:after {
      border-top-color: #a2a1a1; }

.selectric-open {
  z-index: 9999; }
  .selectric-open .selectric {
    border-color: #c4c3c3; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%; }
  .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .selectric-hide-select.selectric-is-native select {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      border: none;
      z-index: 1;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #c4c3c3;
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px;
          box-shadow: 0 0 10px -6px; }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
  .selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    min-height: 20px; }
  .selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer; }
    .selectric-items li.selected {
      background: #E0E0E0;
      color: #444; }
    .selectric-items li.highlighted {
      background: #D0D0D0;
      color: #444; }
    .selectric-items li:hover {
      background: #D5D5D5;
      color: #444; }
  .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444; }
  .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
  .selectric-items .selectric-group li {
    padding-left: 25px; }

.selectric {
  margin-bottom: 20px;
  font-size: 18px;
  border-color: #cccccc;
  -webkit-transition: border-color 150ms;
  transition: border-color 150ms; }
  .selectric button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 43px;
    height: 43px;
    border: 0;
    background: #fdb657;
    outline: none; }
    .selectric button svg {
      display: block;
      padding: 10px;
      width: 100%;
      height: 100%;
      transition: -webkit-transform 150ms;
      -webkit-transition: -webkit-transform 150ms;
      transition: transform 150ms;
      transition: transform 150ms, -webkit-transform 150ms; }
  .selectric .label {
    font-size: inherit;
    margin-left: 15px;
    text-align: left; }
    .selectric .label[data-items] {
      position: relative; }
      .selectric .label[data-items]::after {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0 8px;
        content: "+ " attr(data-items);
        position: absolute;
        top: 8px;
        bottom: 8px;
        right: 8px;
        color: white;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        background-color: #FFB33E; }
  .selectric:hover {
    border-color: #b3b2b2; }
  .box-configurator .selectric, .box-product__info .selectric {
    margin: 0;
    border: 0; }
    .box-configurator .selectric button, .box-product__info .selectric button {
      background-color: #805015; }

.box-configurator .selectric-wrapper, .box-product__info .selectric-wrapper {
  padding: 1px 0; }

.selectric-items {
  margin-top: -1px;
  text-align: left; }
  .selectric-items ul, .selectric-items li {
    min-height: 1px;
    line-height: inherit; }
  .selectric-items li {
    color: inherit;
    -webkit-transition: background-color 150ms, color 150ms;
    transition: background-color 150ms, color 150ms; }
    .selectric-items li:not(:first-child) {
      border-top: 1px solid #dddddd; }
    .selectric-items li:hover {
      background: #e6e5e5;
      color: inherit; }
    .selectric-items li.selected, .selectric-items li.highlighted {
      font-weight: 700;
      background: #e6e5e5; }
  .box-configurator .selectric-items, .box-product__info .selectric-items {
    color: black; }

.selectric-above .selectric-items {
  margin-top: 0;
  margin-bottom: -1px; }

.selectric-open button svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }


.ostepper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
  counter-reset: ostepper;
}

.ostepper__item{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 13px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  font-size: 16px;
  color: inherit;
  text-decoration: none;
  text-align: center;

  background-color: rgba(231,232,231, 0.2);
}

.ostepper__item::before{
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 3px;
  counter-increment: ostepper;
  content: counter(ostepper)'.';
}

.ostepper__item:hover{
  text-decoration: underline;
}

.ostepper__item:first-child{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.ostepper__item:last-child{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ostepper .isCurrent,.ostepper .isDone{
  background-color: #FFB33E;
  color: white;
  font-weight: 700;
}

.ostepper .isCurrent{
  pointer-events: none;
}

.ostepper .isFuture{
  pointer-events: none;
}

@media (max-width: 767px){
  .ostepper__item span{
    display: none;
  }
  .ostepper__item{
    padding: 10px;
  }

  .ostepper__item::before{
    margin-right: 0;
  }
}

/* type filter */
.typefilter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0;
  position: relative;
}

.typefilter::after{
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;

  background-color: #d4d4d4;
}


.typefilter a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  
  position: relative;
  z-index: 2;
  padding: 10px;
  line-height: 1;
  min-width: 124px;

  color: inherit;
  text-decoration: none;

  border: 1px solid transparent;
  border-bottom: 0;
}

.typefilter .isActive{
  background-color: white;
  border-color: #d4d4d4;
  pointer-events: none;
}

.typefilter a:hover{
  text-decoration: underline;
}

@media (max-width: 639px){
  .typefilter a{
    min-width: 1px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

/*UDRZOVAT VZDY NA KONCI*/
/*************************INTERNET EXPLORER************************************/
/*pouze od verze 10 a vys*/
/*pro starsi verze nutne opravovat i v vopi-koberce-ie.css*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .list-hp-carousel__item img {top: 0px !important; left: 0px !important; -webkit-transform: translate(0%,0%) !important; transform: translate(0%,0%) !important;}
}
/*MS edge*/
@supports (-ms-accelerator:true) {
    .list-hp-carousel__item img {top: 0px !important; left: 0px !important; -webkit-transform: translate(0%,0%) !important; transform: translate(0%,0%) !important;}
}