.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

* {
  margin: 0;
}
html, body {
  height: 100%;
}

.proximaR {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.proximaM {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 500;
}
.proximaSB {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 600;
}
.proximaB {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 700;
}
.proximaEB {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 800;
}
.proximaCondensedSB {
  font-family: "proxima-nova-condensed", sans-serif;
  font-style: normal;
  font-weight: 600;
}
.bebas {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.trans-nav {
  -webkit-transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
          transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
}
.trans-header {
  -webkit-transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
          transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}
.trans-header-move {
  -webkit-transition: padding-top 0.5s ease-in-out, margin-top 0.5s ease-in-out;
          transition: padding-top 0.5s ease-in-out, margin-top 0.5s ease-in-out;
}
.trans2 {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
}
.trans3 {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.trans4 {
  -webkit-transition: bottom 0.25s ease-in-out;
          transition: bottom 0.25s ease-in-out;
}
.trans5 {
  -webkit-transition: right 0.25s ease-in-out;
          transition: right 0.25s ease-in-out;
}
.trans6 {
  -webkit-transition: box-shadow 0.25s ease-in-out;
          transition: box-shadow 0.25s ease-in-out;
}
.trans7 {
  -webkit-transition: top 0.25s ease-in-out;
          transition: top 0.25s ease-in-out;
}
@-webkit-keyframes hiddenPlusOpacity {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hiddenPlusOpacity {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hpPromo {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes hpPromo {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes arrowMoves {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(7%);
            transform: translateY(7%);
  }
  50% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  75% {
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes arrowMoves {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(7%);
            transform: translateY(7%);
  }
  50% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  75% {
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}
*/
/*
The `retina-sprite` class sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

@icon-home-group: 'icon-home' @icon-home @icon-home-2x;

.icon-home {
  .retina-sprite(@icon-home-group);
}
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
/*
The `.retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in LESS

.retina-sprites(@retina-groups);
*/
.svg-arrow-down {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 16.346153846153847% 98.4771573604061%;
}
.svg-arrow-down-dims {
  width: 15px;
  height: 14px;
}
.svg-arrow-down-white {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 99.5% 11.34020618556701%;
}
.svg-arrow-down-white-dims {
  width: 23px;
  height: 17px;
}
.svg-basket {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 31.693989071038253% 0;
}
.svg-basket-dims {
  width: 40px;
  height: 40px;
}
.svg-basket-box-remove {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 100%;
}
.svg-basket-box-remove-dims {
  width: 17px;
  height: 17px;
}
.svg-basket-box-remove-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 8.25242718446602% 100%;
}
.svg-basket-box-remove-active-dims {
  width: 17px;
  height: 17px;
}
.svg-basket-remove {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 26.395939086294415% 90.8108108108108%;
}
.svg-basket-remove-dims {
  width: 26px;
  height: 26px;
}
.svg-basket-remove-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.28426395939086% 90.8108108108108%;
}
.svg-basket-remove-active-dims {
  width: 26px;
  height: 26px;
}
.svg-bl-bottom-left {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 83.41463414634147% 86.15384615384616%;
}
.svg-bl-bottom-left-dims {
  width: 18px;
  height: 16px;
}
.svg-bl-bottom-right {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 97.07317073170732% 68.2051282051282%;
}
.svg-bl-bottom-right-dims {
  width: 18px;
  height: 16px;
}
.svg-bl-top-left {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 74.63414634146342% 86.15384615384616%;
}
.svg-bl-top-left-dims {
  width: 18px;
  height: 16px;
}
.svg-bl-top-right {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 97.07317073170732% 85.64102564102564%;
}
.svg-bl-top-right-dims {
  width: 18px;
  height: 16px;
}
.svg-bread-arrow {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 95.67307692307692% 40.625%;
}
.svg-bread-arrow-dims {
  width: 15px;
  height: 19px;
}
.svg-external-link {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 97.07317073170732% 77.20207253886011%;
}
.svg-external-link-dims {
  width: 18px;
  height: 18px;
}
.svg-facebook {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 15.306122448979592% 33.91812865497076%;
}
.svg-facebook-dims {
  width: 27px;
  height: 40px;
}
.svg-filter {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 85.78680203045685% 55.13513513513514%;
}
.svg-filter-dims {
  width: 26px;
  height: 26px;
}
.svg-filter-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 13.197969543147208% 90.8108108108108%;
}
.svg-filter-active-dims {
  width: 26px;
  height: 26px;
}
.svg-filter-arrow-down {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 39.61352657004831% 20.408163265306122%;
}
.svg-filter-arrow-down-dims {
  width: 16px;
  height: 15px;
}
.svg-filter-arrow-right {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 96.13526570048309% 29.62962962962963%;
}
.svg-filter-arrow-right-dims {
  width: 16px;
  height: 22px;
}
.svg-filter-arrow-top {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 69.43005181347151% 55.26315789473684%;
}
.svg-filter-arrow-top-dims {
  width: 30px;
  height: 21px;
}
.svg-image-zoom {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 37.234042553191486% 75.56818181818181%;
}
.svg-image-zoom-dims {
  width: 35px;
  height: 35px;
}
.svg-mobile-selection-arrow {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 82.03883495145631% 77.77777777777777%;
}
.svg-mobile-selection-arrow-dims {
  width: 17px;
  height: 13px;
}
.svg-product-prop {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 0;
}
.svg-product-prop-dims {
  width: 58px;
  height: 58px;
}
.svg-remove {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 90.8108108108108%;
}
.svg-remove-dims {
  width: 26px;
  height: 26px;
}
.svg-scroll-top {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.406417112299465% 0;
}
.svg-scroll-top-dims {
  width: 36px;
  height: 21px;
}
.svg-search {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 31.147540983606557% 33.91812865497076%;
}
.svg-search-dims {
  width: 40px;
  height: 40px;
}
.svg-selectbox-arrow {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 99.0049751243781% 20.103092783505154%;
}
.svg-selectbox-arrow-dims {
  width: 22px;
  height: 17px;
}
.svg-sh-email {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 71.27659574468085% 19.886363636363637%;
}
.svg-sh-email-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-email-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 37.234042553191486% 55.68181818181818%;
}
.svg-sh-email-active-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-facebook {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 71.27659574468085% 0;
}
.svg-sh-facebook-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-facebook-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 55.68181818181818%;
}
.svg-sh-facebook-active-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-google {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.12765957446808% 31.818181818181817%;
}
.svg-sh-google-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-google-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.12765957446808% 11.931818181818182%;
}
.svg-sh-google-active-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-pinterest {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 18.617021276595743% 75.56818181818181%;
}
.svg-sh-pinterest-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-pinterest-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 75.56818181818181%;
}
.svg-sh-pinterest-active-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-twitter {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 71.27659574468085% 39.77272727272727%;
}
.svg-sh-twitter-dims {
  width: 35px;
  height: 35px;
}
.svg-sh-twitter-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 18.617021276595743% 55.68181818181818%;
}
.svg-sh-twitter-active-dims {
  width: 35px;
  height: 35px;
}
.svg-sharing-arrow {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 100% 0;
}
.svg-sharing-arrow-dims {
  width: 24px;
  height: 22px;
}
.svg-slick-next {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.23880597014925% 75.14124293785311%;
}
.svg-slick-next-dims {
  width: 22px;
  height: 34px;
}
.svg-slick-prev {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.23880597014925% 55.367231638418076%;
}
.svg-slick-prev-dims {
  width: 22px;
  height: 34px;
}
.svg-slide-panel-arrow-bottom {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 0;
}
.svg-slide-panel-arrow-bottom-dims {
  width: 30px;
  height: 21px;
}
.svg-slide-panel-arrow-top {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 42.63157894736842%;
}
.svg-slide-panel-arrow-top-dims {
  width: 30px;
  height: 21px;
}
.svg-sort {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 39.39393939393939% 90.8108108108108%;
}
.svg-sort-dims {
  width: 25px;
  height: 26px;
}
.svg-sort-active {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 85.35353535353535% 69.1891891891892%;
}
.svg-sort-active-dims {
  width: 25px;
  height: 26px;
}
.svg-stores-area-desktop-arrow-down {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 64.82412060301507% 87.04663212435233%;
}
.svg-stores-area-desktop-arrow-down-dims {
  width: 24px;
  height: 18px;
}
.svg-stores-area-desktop-arrow-up {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 29.14572864321608% 20.72538860103627%;
}
.svg-stores-area-desktop-arrow-up-dims {
  width: 24px;
  height: 18px;
}
.svg-stores-area-mobile-arrow-down {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 97.54901960784314% 50.259067357512954%;
}
.svg-stores-area-mobile-arrow-down-dims {
  width: 19px;
  height: 18px;
}
.svg-stores-area-mobile-arrow-up {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 97.54901960784314% 59.58549222797927%;
}
.svg-stores-area-mobile-arrow-up-dims {
  width: 19px;
  height: 18px;
}
.svg-to-basket {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 28.176795580110497%;
}
.svg-to-basket-dims {
  width: 30px;
  height: 30px;
}
.svg-user {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 33.91812865497076%;
}
.svg-user-dims {
  width: 30px;
  height: 40px;
}
.svg-x-production {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 11.602209944751381%;
}
.svg-x-production-dims {
  width: 30px;
  height: 30px;
}
.svg-x-production-white {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 65.80310880829016% 73.48066298342542%;
}
.svg-x-production-white-dims {
  width: 30px;
  height: 30px;
}
/* ==========================================================================
    normalize.css modified for EM.com at 16px
    normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  outline: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 100%;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
code {
  border-radius: 3px;
  margin: 0;
  padding: 0 5px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  word-wrap: break-word;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
input[type=text],
input[type=password],
textarea {
  -webkit-appearance: none;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  border-radius: none;
  box-shadow: none;
}
button,
input {
  line-height: normal;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
label {
  cursor: default;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
caption {
  caption-side: top;
  text-align: left;
}
th {
  text-align: left;
}
.left {
  float: left;
}
.right {
  float: right;
}
.js .jsHide {
  display: none;
}
.clear {
  height: 0 !important;
  font-size: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.out {
  position: absolute;
  left: -999em;
}
.main-row:before,
.main-row:after {
  content: '';
  display: table;
}
.main-row:after {
  clear: both;
}
.main-row {
  zoom: 1;
}
.img:before,
.img-before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.img {
  text-align: center;
}
.img img {
  vertical-align: middle;
}
::-webkit-input-placeholder {
  color: #333;
  font-style: normal;
  opacity: 1;
}
:-moz-placeholder {
  color: #333;
  font-style: normal;
  opacity: 1;
}
::-moz-placeholder {
  color: #333;
  font-style: normal;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #333;
  font-style: normal;
  opacity: 1;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0);
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0);
}
input::-ms-clear {
  display: none;
}
.reset {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
.reset > li,
.reset > dt,
.reset > dd {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  list-style: none;
}
.no-svg .reset > li,
.no-svg .reset > dt,
.no-svg .reset > dd {
  background: none;
}
.video {
  position: relative;
  overflow: hidden;
  margin: 0 0 15px 0;
  padding-bottom: 56.25%;
  height: 0;
}
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hide-svg {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}
/* ==========================================================================
    LAYOUT
   ========================================================================== */
html {
  height: 100%;
}
body {
  height: 100%;
  background: #13100b url(../images/body-bg.jpg) no-repeat 50% 0;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 400;
}
.homepage {
  background-image: none;
}
.section {
  box-sizing: border-box;
  width: 100%;
  max-width: 1300px;
  margin: auto;
}
#content {
  padding: 66px 0 0 0;
}
#content .section {
  max-width: 1240px;
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 60px;
}
#holder {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
#col-content {
  padding: 4.5% 10px 2% 10px;
}
#aside {
  box-sizing: border-box;
  float: right;
  width: 100%;
  padding: 2% 10px 2% 10px;
}
.full-width {
  padding: 4.5% 10px 2% 10px;
}
body {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  #content .section {
    background: #ffffff url(../images/content-bg.png) repeat-x 0 0;
  }
}
@media (min-width: 768px) {
  .section {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }
  #content {
    padding-top: 98px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #content .section {
    padding-bottom: 0;
  }
  #col-content {
    padding: 4.5% 5.5% 2% 5.5%;
  }
  #aside {
    padding: 2% 5.5% 2% 5.5%;
  }
  .full-width {
    padding: 4.5% 5.5% 2% 5.5%;
  }
}
@media (min-width: 1024px) {
  .section {
    padding-left: 30px;
    padding-right: 30px;
  }
  #holder {
    margin-right: -520px;
  }
  #col-content {
    margin-right: 520px;
    padding: 4.5% 0 30px 5.5%;
  }
  #aside {
    box-sizing: content-box;
    width: 360px;
    padding: 4.5% 5.5% 30px 0;
  }
}
@media (min-width: 1201px) {
  #content {
    padding-top: 108px;
  }
}

#box-content{
  min-height: 100%;
  margin-bottom: -102px;
}
#box-content:after {
  content: "";
  display: block;
  height: 102px;
}

/* ==========================================================================
    TYPOGRAPHY
   ========================================================================== */
p {
  margin: 0;
  padding-bottom: 25px;
}
.prologue {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}
.prologue-small {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
strong {
  font-weight: 700;
}
a {
  color: #e2383f;
  text-decoration: underline;
  outline:none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a[href^="tel"],
a[href^="sms"] {
  color: #717578;
  text-decoration: none;
}
.underline {
  position: relative;
  color: #000000;
  font-weight: 700;
  text-decoration: none;
}
.underline:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d4d4d4;
}
span.underline {
  font-weight: 400;
}
a.underline {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
a.underline:hover,
a.underline:focus {
  color: #e2383f;
}
h1 {
  margin: 0;
  padding: 10px 0 30px 0;
  color: #62696e;
  font-size: 45px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
h1 span {
  font-weight: 400;
}
h2 {
  margin: 0;
  padding: 10px 0 5px 0;
  color: #62696e;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}
h3 {
  margin: 0;
  padding: 10px 0 5px 0;
  color: #62696e;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
h4,
h5,
h6 {
  margin: 0;
  padding: 10px 0 5px 0;
  color: #62696e;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}
ul {
  margin: 0;
  padding: 0 0 25px;
}
ul li {
  margin: 0;
  padding: 3px 0 3px 16px;
  background: url(../images/bullet.svg) no-repeat 0 11px;
  background-size: 6px 6px;
  list-style: none;
}
ul li p{
padding:0 !important;
}
ul ul {
  padding: 2px 0 0 15px;
}
ol {
  margin: 0;
  padding: 0 0 25px;
}
ol li {
  margin: 0;
  padding: 3px 0 3px 0;
  list-style: decimal inside;
}
ol ol {
  padding: 2px 0 0 15px;
}
dl {
  margin: 0;
  padding: 10px 0 5px 0;
}
dt {
  margin: 0;
  padding: 0 0 5px 0;
  color: #62696e;
  font-weight: 700;
}
dd {
  margin: 0;
  padding: 0 0 5px 0;
}
table {
  margin: 10px 0;
  text-align: left;
  border: 1px solid #c0c8ce;
}
table th,
table thead td {
  padding: 7px 10px;
  background: #edf1f4;
  border: 1px solid #c0c8ce;
  color: #517793;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
}
table td {
  padding: 7px 10px;
  border: 1px solid #d6dcde;
  vertical-align: top;
}
table p {
  padding: 0 !important;
}
table.width-100 {
  width: 100%;
}
table.no-border {
  border: 0;
}
table.no-border th,
table.no-border td {
  padding: 5px 5px;
  border: 0;
}
cite {
  box-sizing: border-box;
  float: left;
  width: 100%;
  clear: both;
  margin: 10px 0 15px 0;
  padding: 10px 0 5px 10px;
  border-left: 2px solid #e2383f;
}
blockquote {
  position: relative;
  margin: 30px 10% 40px 10%;
  padding: 0;
  color: #e2383f;
  font-family: Georgia, serif;
  font-size: 22px;
  text-align: center;
}
blockquote p {
  position: relative;
  padding: 5px 7%;
}
blockquote:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 74.63414634146342% 86.15384615384616%;
  width: 18px;
  height: 16px;
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  opacity: .5;
  filter: alpha(opacity=50);
}
blockquote:after {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 97.07317073170732% 85.64102564102564%;
  width: 18px;
  height: 16px;
  content: '';
  position: absolute;
  top: -5px;
  right: -5px;
  opacity: .5;
  filter: alpha(opacity=50);
}
blockquote p:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 83.41463414634147% 86.15384615384616%;
  width: 18px;
  height: 16px;
  content: '';
  position: absolute;
  bottom: -5px;
  left: -5px;
  opacity: .5;
  filter: alpha(opacity=50);
}
blockquote p:after {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 97.07317073170732% 68.2051282051282%;
  width: 18px;
  height: 16px;
  content: '';
  position: absolute;
  bottom: -5px;
  right: -5px;
  opacity: .5;
  filter: alpha(opacity=50);
}
hr {
  height: 1px;
  margin: 5px 0;
  padding: 0;
  background: #c2c4c4;
  border: 0;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 12px auto 20px auto;
}
img.left {
  display: block;
  margin: 12px 20px 20px 0;
}
img.right {
  display: block;
  margin: 12px 0 20px 20px;
}
@media (max-width: 767px) {
  .prologue {
    font-size: 16px;
  }
  .prologue-small {
    font-size: 14px;
  }
  h1 {
    padding-bottom: 10px;
    font-size: 23px;
  }
  blockquote {
    margin: 10px 5% 20px 5%;
    font-size: 18px;
  }
  blockquote p {
    padding: 10px 3%;
  }
  img.left {
    float: none;
    margin: 12px auto 20px auto;
  }
  img.right {
    float: none;
    margin: 12px auto 20px auto;
  }
}
/* ==========================================================================
    HEADER
   ========================================================================== */
#header {
  -webkit-transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
          transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  z-index:100;
}
.document-scrolled #header {
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#header .section {
  position: relative;
  max-width: 1240px;
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    #header .section {
        padding:0 10px;
    }
}
#logo {
  padding: 8px 0 12px 0;
  text-align: center;
}
#logo img {
  display: block;
  margin: auto;
}
/* Main nav
   ========================================================================== */
#main-nav li {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
    #main-nav{
    margin-left:20px !important;
    }
    #main-nav li {
      font-size: 14px;
      text-transform: none;
      padding:0 0 0 10px !important;
    }
}
#main-nav a {
  position: relative;
  display: inline-block;
  padding: 0 2px 3px 2px;
  text-decoration: none;
  letter-spacing:1px;
}
#main-nav a:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #e2383f;
  opacity: 0;
  filter: alpha(opacity=0);
}
#main-nav a:hover:after,
#main-nav a:focus:after,
#main-nav .active a:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* Small nav
   ========================================================================== */
#small-nav {
  float: left;
  width: 100%;
  padding: 10px 0;
}
#small-nav li {
  padding: 5px 0;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
}
#small-nav a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #b2ac9b;
  text-decoration: none;
}
#small-nav a:hover,
#small-nav a:focus {
  color: #fff;
}
/* Header top
   ========================================================================== */
.header-top {
  float: right;
  margin: 10px 0 0 0;
}
/* Mobile btns
   ========================================================================== */
.mobile-btns {
  position: absolute;
  bottom: 0;
  left: 0;
  float: left;
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
.mobile-btns a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  display: inline-block;
  margin: 5px;
  padding: 8px 20px;
  color: #e2383f;
  border: 1px solid #e2383f;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}
.mobile-btns a:hover,
.mobile-btns a:focus {
  background-color: #e2383f;
  color: #fff;
}
/* Lang
   ========================================================================== */
.lang {
  position: relative;
  z-index: 2;
  float: left;
  margin: 0 0 0 18px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
.lang a {
  color: #373430;
  text-decoration: none;
  outline: none;
}
.lang .trigger {
  position: relative;
  float: right;
  display: block;
  height: 40px;
  padding: 0 13px 0 0;
  line-height: 40px;
}
.lang .trigger:after {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 16.346153846153847% 98.4771573604061%;
  width: 15px;
  height: 14px;
  content: '';
  position: absolute;
  top: 50%;
  right: -2px;
  margin-top: -7px;
}
.lang .reset {
  display: none;
  position: absolute;
  top: 46px;
  right: 0;
  width: 20px;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid #a2abb1;
  box-shadow: 2px 0 23px rgba(0, 0, 0, 0.4);
}
.lang .reset:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -6px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #a2abb1;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.lang .reset:after {
  content: '';
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 2;
  width: 20px;
  height: 8px;
  background: #fff;
}
.lang .reset a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  display: block;
  padding: 2px 0;
  color: #537192;
}
.lang .reset a:hover,
.lang .reset a:focus {
  color: #1c2630;
}
/* Social sites
   ========================================================================== */
.social-sites {
  float: left;
}
.social-sites a {
  overflow: hidden;
  position: relative;
  display: block;
  height: 30px;
  margin: 0 0 0 12px;
  text-indent: -100px;
  outline: none;
}
.social-sites a:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
}
.social-sites .fb {
  width: 17px;
}
.social-sites .fb:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 15.306122448979592% 33.91812865497076%;
  width: 27px;
  height: 40px;
}
/* User
   ========================================================================== */
.user {
  position: relative;
  float: left;
  margin: 0 0 0 20px;
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
    .user{
    font-size:14px;
    }
}
.user .trigger {
  overflow: hidden;
  position: relative;
  display: block;
  height: 40px;
  padding: 0 13px 0 19px;
  line-height: 40px;
  color: #bdbab3;
  max-width: 80px;
    text-overflow: ellipsis;
  text-decoration: none;
}
.user .trigger:before {
  background: url(../images/icon-person.png) no-repeat;
  background-size:contain;
  width: 20px;
  height: 20px;
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
}
.user .trigger:after {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 16.346153846153847% 98.4771573604061%;
  width: 15px;
  height: 14px;
  content: '';
  position: absolute;
  top: 50%;
  right: -2px;
  margin-top: -7px;
}
.user .trigger.open-dialog2{
padding-right:0;
}
.user .trigger.open-dialog2:after{
background:none;
display:none;
}
/* Search site
   ========================================================================== */
.search-site {
  position: relative;
  z-index: 2;
  float: left;
}
.search-site .trigger {
  overflow: hidden;
  display: block;
  width: 40px;
  height: 40px;
  outline: none;
}
.search-site .trigger:before {
  background: url(../images/icon-search.png) no-repeat;
  background-size:contain;
  width:20px;
  height:20px;
  content: '';
  position: absolute;
  top:10px;
  left:10px;
}
.search-site .search-form {
  display: none;
  position: absolute;
  float: left;
  top: -8px;
  right: -5px;
  padding: 5px;
  background: #fff;
  border: 1px solid #a2abb1;
  box-shadow: 2px 0 23px rgba(0, 0, 0, 0.4);
}
.search-site form {
  float: left;
  width: 406px;
}
.search-site input[type=text] {
  box-sizing: border-box;
  float: left;
  width: 200px;
  height: 30px;
  padding: 5px;
  background: #fff;
  border: 0;
  outline: none;
  font-size: 16px;
  font-weight: 400;
}
@media(max-width: 767px){
  .search-site input[type=text]{
    width: 300px;
  }
  .search-site form{
    width: 300px;
  }
}
.search-site input[type=submit] {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  float: left;
  height: 30px;
  width: 100px;
  background: #e2383f;
  border: 0;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  outline: none;
}
.search-site input[type=submit]:hover,
.search-site input[type=submit]:focus {
  background-color: #b52e32;
}
.search-site input[type=search] {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.search-site input[type=submit] {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 767px) {
  .search-site input[type=submit]{
    float: right;
  }
  #header {
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  .homepage #header {
    background-color: transparent;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
  }
  .document-scrolled .homepage #header {
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  .header-wrap {
    -webkit-transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
            transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
    height: 0;
    padding: 0 10px;
    background: #252420 url(../images/header-wrap.png) no-repeat 50% 100%;
    background-size: 100% auto;
    opacity: 0;
  }
  .nav-open .header-wrap {
    height: 100%;
    opacity: 1;
  }
  .header-top {
    position: absolute;
    top: 13px;
    right: 10px;
    margin: 0;
  }
  #main-nav {
    float: left;
    width: 100%;
    padding: 70px 0 0 0;
  }
  #main-nav li {
    padding: 8px 0;
    text-align: center;
  }
  #main-nav a {
    color: #fff;
  }
  .lang a {
    color: #bdbab3;
  }
  .search-site .search-form {
    position: fixed;
    top: 60px;
    left: 50%;
    width: 300px;
    margin-left: -156px;
  }
}
@media (min-width: 768px) {
  #header {
    height: 80px;
  }
  #logo {
    float: left;
    padding: 15px 0 0 0;
  }
  .user .trigger {
    color: #373430;
  }
  #small-nav {
    display: none;
  }
  .mobile-btns {
    display: none;
  }
  #main-nav {
    position: relative;
    z-index: 1;
    float: left;
    padding: 20px 0 0 15px;
  }
  #main-nav li {
    float: left;
    padding: 0 0 0 10px;
    /*padding: 0 0 0 20px;*/
  }
  #main-nav li:first-child {
    padding-left: 0;
  }
  #main-nav a {
    color: #000;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .header-top{
  margin:5px 0 0;
  }
  #main-nav {
    position: relative;
    z-index: 1;
    clear:both;
    float: right;
    padding:0 0 0 15px;
    margin-top:-12px;
  }
}
@media (min-width: 768px) and (max-width: 925px) {
/*
  #main-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 44%
  }
}
@media (min-width: 926px) and (max-width: 1200px) {
/*
  #main-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 54%
  }*/
}
@media (min-width: 1024px) {
  #logo {
    -webkit-transition: padding-top 0.5s ease-in-out, margin-top 0.5s ease-in-out;
            transition: padding-top 0.5s ease-in-out, margin-top 0.5s ease-in-out;
    padding: 25px 0 0 0;
  }
  .header-top {
    -webkit-transition: padding-top 0.5s ease-in-out, margin-top 0.5s ease-in-out;
            transition: padding-top 0.5s ease-in-out, margin-top 0.5s ease-in-out;
    margin-top: 32px;
  }
  #main-nav {
    -webkit-transition: padding-top 0.5s ease-in-out, margin-top 0.5s ease-in-out;
            transition: padding-top 0.5s ease-in-out, margin-top 0.5s ease-in-out;
    margin: 35px 0 0 35px;
    padding: 10px 0 0 1px;
  }
  #main-nav li {
    float: left;
   /* padding: 0 0 0 20px; */
    padding: 0 0 0 10px; 
   
  }
  .document-scrolled #logo {
    padding-top: 12px;
  }
  .document-scrolled .header-top {
    margin-top: 24px;
  }
  .document-scrolled #main-nav {
    margin-top: 21px;
  }
}
/* ==========================================================================
    BASKET BOX
   ========================================================================== */
.basket-box {
  position: relative;
  float: left;
  z-index: 2;
  margin: 0 0 0 10px;
}
.basket-box .trigger {
  position: relative;
  display: block;
  height:40px;
  width:40px;
  padding:0;
  color: #373430;
  text-decoration: none;
}
.basket-box .trigger:before {
  background: url(../images/icon-basket.png) no-repeat;
  background-size:contain;
  width: 22px;
  height: 22px;
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
}
.basket-box .trigger:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
}
.basket-box .txt {
  display: inline-block;
  min-width: 60px;
}
.basket-box .num {
  position: absolute;
  top:0px;
  left: 22px;
  height: 16px;
  padding: 0 5px;
  background: #e2383f;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}
.basket-box-content {
  position: absolute;
  top: 46px;
  width: 498px;
  background: #fff;
  border: 1px solid #a2abb1;
  box-shadow: 2px 0 23px rgba(0, 0, 0, 0.4);
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  right: 0;
  margin-right: -5rem;
}
.basket-box.active .basket-box-content {
  -webkit-animation: hiddenPlusOpacity 0.25s ease-in-out;
          animation: hiddenPlusOpacity 0.25s ease-in-out;
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}
.basket-box-content:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -6px;
  right: 6.3rem;
  width: 10px;
  height: 10px;
  margin-right: -8px;
  background: #fff;
  border: 1px solid #a2abb1;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.basket-box-content:after {
  content: '';
  position: absolute;
  top: 0;
  right: 6.3rem;
  z-index: 2;
  width: 20px;
  height: 8px;
  margin-right: -11px;
  background: #fff;
}
.basket-box .items {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 15px 20px 0 20px;
}
.basket-box .items .item {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  padding: 11px 0 11px 10px;
  border-top: 1px solid #d0d0d0;
  color: #62696e;
}
.basket-box .items .item:first-child {
  border-top: 0;
}
.basket-box .items .link {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  float: left;
  width: 65%;
  color: #537192;
  font-weight: 600;
}
.basket-box .items .count {
  float: left;
  width: 15%;
}
.basket-box .items .price {
  float: left;
  width: 15%;
  white-space:nowrap;
}
.basket-box .items .remove {
  width: 17px;
  height: 17px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  white-space: nowrap;
  text-indent: 35px;
  outline: none;
}
.basket-box .items .remove:before {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 100%;
  width: 17px;
  height: 17px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
.basket-box .items .remove:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 8.25242718446602% 100%;
  width: 17px;
  height: 17px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.basket-box .items .remove:hover:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.basket-box .items .remove:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.basket-box .sum {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0 20px;
}
.basket-box .sum .item {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  padding: 11px 0 11px 10px;
  border-top: 1px solid #d0d0d0;
  color: #000000;
  font-weight: 600;
}
.basket-box .sum .total {
  float: left;
  width: 65%;
  text-transform: uppercase;
}
.basket-box .sum .count {
  float: left;
  width: 15%;
}
.basket-box .sum .price {
  float: left;
  width: 15%;
}
.basket-box .bottom {
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 20px;
  background: #f3f3f3;
}
.basket-box .bottom .left {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  margin: 13px 0 0 12px;
  color: #000000;
}
.basket-box .bottom .left:hover,
.basket-box .bottom .left:focus {
  color: #e2383f;
}
.basket-box-empty {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 20px;
}
.basket-box-empty p {
  float: left;
  padding-top: 17px;
  text-transform: uppercase;
  font-weight: 700;
}
.basket-box-empty .btn {
  float: right;
  margin: 0;
}
.basket-box .bottom .btn {
  float: right;
  margin: 0;
  padding: 14px 43px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .basket-box {
    position: absolute;
    top: 20px;
    right: 50px;
  }
  .basket-box .trigger {
    width: 0;
  }
  .basket-box .txt {
    display: none;
  }
  .basket-box-content {
    width: 300px;
    left: auto;
    right: 0;
    display: none!important;
  }
  .basket-box-content:before {
    right: 18px;
    margin-right: 0;
  }
  .basket-box-content:after {
    right: 14px;
    margin-right: 0;
  }
  .basket-box .items .link {
    width: 100%;
  }
  .basket-box .items .count,
  .basket-box .items .price {
    width: auto;
  }
  .basket-box .items .count,
  .basket-box .sum .total {
    padding-right: 15px;
  }
  .basket-box .sum .total,
  .basket-box .sum .count,
  .basket-box .sum .price {
    width: auto;
  }
  .basket-box .sum .price {
    float: right;
    text-align: right;
  }
  .basket-box-empty {
    text-align: center;
  }
  .basket-box-empty p {
    float: none;
    padding-top: 0;
  }
  .basket-box-empty .btn {
    float: none;
  }
}
/* ==========================================================================
    HP PROMO
   ========================================================================== */
#hp-promo {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
#hp-promo .section {
  position: relative;
  height: 100%;
  max-width: 1240px;
  padding-top: 70px;
  padding-bottom: 70px;
  -webkit-animation: hpPromo 2s ease-in-out;
          animation: hpPromo 2s ease-in-out;
}
#hp-promo .logo {
  padding: 10px 0 20px 0;
}
#hp-promo .logo img {
  width: 74px;
}
#hp-promo .article {
  box-sizing: border-box;
  position: relative;
  top: 50%;
  width: 100%;
  padding: 0 10px;
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  -webkit-filter: blur(0);
          filter: blur(0);
  text-align: center;
  line-height: 18px;
}
.ie9 #hp-promo .article {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-filter: none;
          filter: none;
}
#hp-promo .article h1 {
  padding: 0;
  color: #fff;
  font-size: 36px;
  line-height: 38px;
  font-weight: 800;
}
#hp-promo .links {
  padding: 10px 0;
}
#hp-promo .links li {
  display: inline-block;
  padding: 1px 5px;
  font-style: italic;
  line-height: 20px;
}
#hp-promo .links a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #b7ccef;
}
#hp-promo .links a:hover,
#hp-promo .links a:focus {
  color: #e1eaf8;
}
#hp-promo .btns {
  padding: 15px 0 0 0;
}
#hp-promo .bottom {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}
#hp-promo .arrow-down {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  outline: none;
  line-height: 50px;
  text-indent: 55px;
  -webkit-animation: arrowMoves 1s linear 1s infinite;
          animation: arrowMoves 1s linear 1s infinite;
}
#hp-promo .arrow-down:hover,
#hp-promo .arrow-down:focus {
  border-color: #fff;
}
#hp-promo .arrow-down:after {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 99.5% 11.34020618556701%;
  width: 23px;
  height: 17px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -11px;
}
#hp-promo .article h1 {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 800;
}
@media (max-width: 400px) {
  #hp-promo .links {
    display: none;
  }
}
@media (min-width: 768px) {
  #hp-promo {
    min-height: 650px;
  }
  #hp-promo .logo {
    padding: 10px 0 20px 0;
  }
  #hp-promo .logo img {
    width: 122px;
  }
  #hp-promo .article {
    padding-left: 3%;
    padding-right: 40%;
    font-size: 18px;
    line-height: 22px;
  }
  #hp-promo .article h1 {
    font-size: 40px;
    line-height: 42px;
  }
  #hp-promo .links {
    padding: 30px 0 25px 0;
  }
  #hp-promo .links li {
    padding: 5px;
  }
  #hp-promo .btns {
    font-size: 15px;
  }
  #hp-promo .bottom {
    bottom: 30px;
  }
}
@media (min-width: 1024px) {
  #hp-promo .article {
    padding-left: 10%;
    padding-right: 43%;
  }
  #hp-promo .article {
    font-size: 23px;
    line-height: 27px;
  }
  #hp-promo .article h1 {
    font-size: 60px;
    line-height: 62px;
  }
  #hp-promo .btns .btn {
    padding: 22px 45px;
  }
  #hp-promo .btns .btn.light {
    padding: 20px 43px;
  }
}
/* ==========================================================================
    PROMO ARTICLES
   ========================================================================== */
.promo-articles {
  overflow: hidden;
  z-index: 2;
}
.promo-articles .item {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 57px 0;
  /*padding: 10px;*/
  /*background: #c4b69e;*/
  /*box-shadow: 15px 0 35px rgba(0, 0, 0, 0.3);*/
}
.promo-articles .item.green {
  background: #99a48a;
}
.promo-articles .item .image {
  position: relative;
  z-index: 1;
  display: block;
}
.promo-articles .item img {
  width: 100%;
  height: auto;
  margin: 0;
}
.promo-articles .item .btn {
  position: absolute;
  z-index: 2;
  bottom: -10px;
  left: 50%;
  margin: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  -webkit-filter: blur(0);
          filter: blur(0);
  white-space: nowrap;
  font-size:14px;
}
.ie9 .promo-articles .item .btn {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-filter: none;
          filter: none;
}
.promo-articles .item:hover .btn {
  background-color: #b52e32;
}
@media (max-width: 375px) {
  .promo-articles {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    opacity: 0;
  }
  #hp-news .promo-articles {
    opacity: 1;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .promo-articles {
    box-sizing: border-box;
    width: 100%;
    opacity: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  #hp-news .promo-articles {
    opacity: 1;
  }
  .promo-articles .item {
    float: left;
    width: 48%;
  }
  .promo-articles .item:nth-child(2n) {
    float: right;
  }
}
@media (min-width: 768px) {
  .promo-articles {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 220px;
    -webkit-transform: translate3d(0, -40%, 0);
            transform: translate3d(0, -40%, 0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  .ie9 .promo-articles {
    -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
            transform: translateY(-40%);
    -webkit-filter: none;
            filter: none;
  }
}
@media (min-width: 1024px) {
  .promo-articles {
    right: 30px;
  }
}
@media (min-width: 1600px) {
  .promo-articles {
    width: 280px;
  }
}
/* ==========================================================================
    NEWS LIST
   ========================================================================== */

.news-page{
opacity:0;
}
@media (max-width: 1024px) {
    .news-page{
    opacity:1;
    }
}
.news-list {
  box-sizing: border-box;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.news-list .column {
  box-sizing: border-box;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.news-list .size-1of1 {
  width: 100%;
}
.news-list .size-1of2 {
  width: 50%;
}
.news-list .size-1of3 {
  width: 33.3333%;
}
.news-list .size-1of4 {
  width: 25%;
}
.news-list .item {
  float: left;
  width: 100%;
  margin: 0 0 50px 0;
}
.news-list .link {
  position: relative;
  display: block;
  padding: 5px;
  background: #c8c7c3;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}
.news-list .link:hover .image:before,
.news-list .link:focus .image:before {
  opacity: .3;
  filter: alpha(opacity=30);
}
.news-list .link:hover .date,
.news-list .link:focus .date {
  bottom: 32px;
}
.news-list .link:hover .txt,
.news-list .link:focus .txt {
  bottom: 63px;
}
.news-list .banner {
padding:0;
background:none;
/*
  padding: 10px;
  background: #9c956a;*/
}
.news-list .image {
  position: relative;
  z-index: 1;
  display: block;
}
.news-list .image:before {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.news-list .image:after {
  content: '';
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/news-list-grad.png) repeat-x 0 100%;
}
.news-list img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin: 0;
}
.news-list .date {
  -webkit-transition: bottom 0.25s ease-in-out;
          transition: bottom 0.25s ease-in-out;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 0;
  width: 100%;
  padding: 8px 0 0 0;
  font-size: 12px;
  line-height: 13px;
  opacity: .5;
  filter: alpha(opacity=50);
}
.news-list .date:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 20px;
  height: 1px;
  margin-left: -10px;
  background: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
}
.news-list .txt {
  -webkit-transition: bottom 0.25s ease-in-out;
          transition: bottom 0.25s ease-in-out;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  bottom: 51px;
  left: 0;
  width: 100%;
  padding: 0 10px;
  font-size: 19px;
  line-height: 21px;
}
@media (min-width:375px) and (max-width: 640px) {
    .news-list .txt{
      line-height: 4vw;
      font-size: 4vw;
    }
}
.news-list .txt {
  font-family: "proxima-nova-condensed", sans-serif;
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 375px) {
  .news-list[data-columns]::before {
    content: '1 .column.size-1of1';
  }
}
@media (min-width: 375px) and (max-width: 640px) {
  .news-list[data-columns]::before {
    content: '2 .column.size-1of2';
  }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .news-list {
    padding-left: 0;
    padding-right: 0;
  }
  .news-list[data-columns]::before {
    content: '3 .column.size-1of3';
  }
}
@media (min-width: 1024px) {
  .news-list {
    padding-left: 0;
    padding-right: 0;
  }
  .news-list[data-columns]::before {
    content: '4 .column.size-1of4';
  }
}
/* ==========================================================================
    HP NEWS
   ========================================================================== */
#hp-news {
  position: relative;
  z-index: 1;
  padding-top: 30px;
  padding-bottom: 50px;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
#hp-news .section {
  max-width: 1240px;
}
@media (min-width: 768px) {
  #hp-news {
    background-size: cover;
    padding-bottom: 0;
  }
  #hp-news .section {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  #hp-news {
    padding-top: 70px;
    padding-bottom: 20px;
  }
  #hp-news .section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* ==========================================================================
    META
   ========================================================================== */
.meta {
  margin: 0 0 25px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #c2c4c4;
  color: #616161;
  font-size: 14px;
}
.meta a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  text-decoration: none;
}
.meta a:hover,
.meta a:focus {
  color: #b52e32;
}
.meta .date {
  padding-right: 20px;
}
/* ==========================================================================
    SHARING
   ========================================================================== */
.sharing {
  margin: 20px 0;
  padding: 10px 0;
  border-top: 1px solid #d0d2d3;
  border-bottom: 1px solid #d0d2d3;
  text-align: center;
}
.sharing .all-articles {
  position: relative;
  display: inline-block;
  padding: 0 35px 0 0;
  color: #000000;
  line-height: 35px;
}
.sharing .all-articles:after {
  -webkit-transition: right 0.25s ease-in-out;
          transition: right 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 100% 0;
  width: 24px;
  height: 22px;
  content: '';
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -11px;
}
.sharing .all-articles:hover:after,
.sharing .all-articles:focus:after {
  right: 5px;
}
/* Socials
   ========================================================================== */
.sharing-socials {
  float: left;
  width: 100%;
}
.sharing-socials .reset {
  display: inline-block;
}
.sharing-socials li {
  display: inline-block;
  min-height: 35px;
  vertical-align: top;
  zoom: 1;
}
.sharing-socials a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  overflow: hidden;
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
  background: #f3f3f4;
  line-height: 35px;
  text-indent: 40px;
  outline: none;
  font-size: 0;
}
.sharing-socials--no-background a {
    background: inherit;
}
.sharing-socials a:before {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
}
.sharing-socials a span {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.sharing-socials a:hover:before,
.sharing-socials a:focus:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.sharing-socials a:hover span,
.sharing-socials a:focus span {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sharing-socials a.fb:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 71.27659574468085% 0;
}
.sharing-socials a.tw:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 71.27659574468085% 39.77272727272727%;
}
.sharing-socials a.google:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.12765957446808% 31.818181818181817%;
}
.sharing-socials a.pin:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 18.617021276595743% 75.56818181818181%;
}
.sharing-socials a.mail:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 71.27659574468085% 19.886363636363637%;
}
.sharing-socials a.fb span {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 55.68181818181818%;
}
.sharing-socials a.tw span {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 18.617021276595743% 55.68181818181818%;
}
.sharing-socials a.google span {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.12765957446808% 11.931818181818182%;
}
.sharing-socials a.pin span {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 75.56818181818181%;
}
.sharing-socials a.mail span {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 37.234042553191486% 55.68181818181818%;
}
@media (min-width: 768px) {
  .sharing {
    padding: 28px 0 22px 0;
  }
  .sharing .all-articles {
    float: right;
  }
  .sharing-socials {
    width: auto;
    text-align: left;
  }
  .sharing-socials p {
    float: left;
    padding: 0 20px 0 0;
    line-height: 35px;
  }
  .sharing-socials .reset {
    float: left;
  }
}
@media (min-width: 1201px) {
  .sharing {
    /*padding-left: 20px;*/
    padding-right: 20px;
  }
}
/* ==========================================================================
    OTHER ARTICLES
   ========================================================================== */
.other-articles {
  padding: 10px 0 20px 0;
}
.other-articles .item {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
}
.other-articles .link {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  margin: 0 0 20px 0;
  display: block;
  color: #62696e;
  text-decoration: none;
}
.other-articles .link:hover,
.other-articles .link:focus {
  color: #e2383f;
}
.other-articles .link:hover .prev,
.other-articles .link:focus .prev,
.other-articles .link:hover .next,
.other-articles .link:focus .next {
  background-color: #e2383f;
}
.other-articles .image {
  position: relative;
  display: block;
  margin: 0 0 15px 0;
  height:175px;
  overflow:hidden;
  overflow:hidden;
}
.other-articles img {
  /*width: 100%;*/
  /*height:175px;*/
  margin: 0;
  max-width:none;
}
.other-articles .prev-link .image {
  padding-left: 35px;
}
.other-articles .next-link .image {
  padding-right: 35px;
}
.other-articles .prev,
.other-articles .next {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  background: #62696e;
}
.other-articles .prev {
  left: 0;
}
.other-articles .next {
  right: 0;
}
.other-articles .prev span,
.other-articles .next span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-filter: blur(0);
          filter: blur(0);
}
.other-articles .prev span {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
      -ms-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}
.other-articles .next span {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.other-articles .txt {
  display: block;
  padding: 0 10px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  line-height:1.25;
}
.other-articles .prev-link .txt {
  margin-left: 35px;
}
.other-articles .next-link .txt {
  margin-right: 35px;
}
/* Other articles slider
   ========================================================================== */
.other-articles-slider {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
}
.other-articles-slider.slick-initialized {
  padding: 0 10px;
}
.other-articles-slider.slick-initialized .item {
  clear: none!important;
  margin-left: 0!important;
  padding: 0 15px;
}
.other-articles-slider .slick-prev,
.other-articles-slider .slick-next {
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: 0;
  width: 35px;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 0;
  white-space: nowrap;
  text-indent: 40px;
  outline: none;
}
.other-articles-slider .slick-prev {
  left: -10px;
}
.other-articles-slider .slick-prev:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.23880597014925% 55.367231638418076%;
  width: 22px;
  height: 34px;
  content: '';
  position: absolute;
  top: 38%;
  left: 50%;
  margin: -17px 0 0 -11px;
}
.other-articles-slider .slick-next {
  right: -10px;
}
.other-articles-slider .slick-next:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.23880597014925% 75.14124293785311%;
  width: 22px;
  height: 34px;
  content: '';
  position: absolute;
  top: 38%;
  left: 50%;
  margin: -17px 0 0 -11px;
}
/* Product articles
   ========================================================================== */
.product-articles {
  padding-top: 0;
  padding-bottom: 5px;
}
@media (max-width: 375px) {
  .other-articles .prev-link .txt {
    margin-left: 0;
  }
  .other-articles .next-link .txt {
    margin-right: 0;
  }
}
@media (min-width: 376px) {
  .other-articles .item {
    width: 47.5%;
    margin-left: 5%;
  }
  .other-articles .item:first-child,
  .other-articles .item:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .other-articles {
    padding: 20px 0 10px 0;
  }
  .product-articles {
    padding-top: 0;
    padding-bottom: 5px;
  }
  .product-articles .item {
    width: 22.6%;
    margin-left: 3.2%;
  }
  .product-articles .item:nth-child(2n+1) {
    clear: none;
    margin-left: 3.2%;
  }
  .product-articles .item:first-child,
  .product-articles .item:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }
  .product-articles .txt {
    font-size: 16px;
    line-height:1.25;
  }
}
/* ==========================================================================
    PRODUCT PROMO
   ========================================================================== */
.product-promo {
  margin: 0 0 25px 0;
  padding: 25px 40px;
  background: #f1f1f1;
  text-align: center;
  font-size:15px;
  line-height:1.35;
}
.product-promo .head {
  padding: 0 0 20px 0;
  font-size: 35px;
  text-transform: uppercase;
}
.product-promo .head a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #62696e;
  text-decoration:underline;
}
.product-promo .head a:hover,
.product-promo .head a:focus {
  color: #e2383f;
}
.product-promo .image {
  padding: 0 0 20px 0;
  display:block;
}
.product-promo .image img {
  margin: auto;
}
.product-promo .color-list {
  padding-bottom: 10px;
}
.product-promo .head {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .product-promo {
    margin-top: 25px;
  }
  .product-promo a.btn {
    padding: 26px 52px;
    color:#fff;
  }
}
/* ==========================================================================
    PRODUCT GROUP
   ========================================================================== */
.product-group {
  padding:0 !important;
  text-align: center;
}
.product-group p {
  color: #62696e;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
.product-group .item {
  box-sizing: border-box;
  float: left;
  width: 32%;
  margin: 0 0 2% 2%;
}
.product-group .item:first-child,
.product-group .item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.product-group .link {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  display: block;
  background: #f1f1f1;
  padding: 10px 0 18px 0;
  color: #62696e;
  font-size: 20px;
}
.product-group .link:hover,
.product-group .link:focus {
  background-color: #d8d8d8;
}
.product-group .image {
  display: block;
  padding: 0 0 8px 0;
}
.product-group img {
  display: inline-block;
  max-height: 100px;
  margin: auto;
}
.product-group .img {
  display: block;
  height: 130px;
}
.product-group .txt{
padding:0 5px;
display:block;
line-height:1.1;
min-height:44px;
}
.product-group .link {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
/* ==========================================================================
    NEWS PAGE
   ========================================================================== */
.news-page {
  padding: 7% 0 0 0;
}
.news-page .news-list .link {
  box-shadow: none;
}
@media (min-width: 375px) and (max-width: 767px) {
  .news-page {
    padding: 6% 0 0 0;
  }
  .news-page .news-list {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .news-page {
    padding: 5.5% 4.5% 0 4.5%;
  }
}
@media (min-width: 1024px) {
  .news-page {
    padding: 3% 23px 0 23px;
  }
}
/* ==========================================================================
    STORE LIST
   ========================================================================== */
.store-list {
  color: #717578;
  padding: 10px 0 0 0;
}
.store-list h2 {
  padding: 0 0 5px;
  color: #000000;
  text-transform: uppercase;
}
.store-list h3 {
  padding: 0 0 5px;
  color: #000000;
  font-size: 18px;
}
.store-list p {
  padding: 0 0 15px 0;
}
.store-list strong {
  color: #000000;
}
.store-list .btn {
  margin: 0;
}
.store-list .main-store {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0 0 30px 0;
  font-size: 16px;
  line-height: 24px;
}
.store-list .stores {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.store-list .store {
  box-sizing: border-box;
  float: left;
  width: 100%;
  border-top: 1px solid #d0d2d3;
  padding: 30px 0;
}
.store-list .stores--small p {
    padding-bottom: 5px;
}
.store-list .stores--small h3 {
    padding-bottom: 10px;
}
.store-list .stores--small strong {
    
}
@media (min-width: 768px) {
  .store-list .mobile-btn {
    display: none;
  }
  .store-list .main-store {
    padding: 0 5% 15px 5%;
  }
  .store-list .stores {
    padding: 30px 0 50px 5%;
    border-top: 1px solid #d0d2d3;
  }
  .store-list .stores--small{
    border-top: 0;
    padding-top: 0;
  }
  .store-list .store {
    width: 50%;
    padding: 20px 60px 5px 0;
    border-top: 0;
  }
  .store-list .stores--small .store{
    padding-top:10px;
  }
  .store-list .store:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 1024px) {
  .store-list .store {
    width: 33.3333%;
  }
 
  .store-list .store:nth-child(2n+1) {
    clear: none;
  }
  .store-list .store:nth-child(3n+1) {
    clear: left;
  }

  .store-list .stores--small .store {
    width: 25%;
  }

  .store-list .stores--small .store:nth-child(3n+1) {
    clear: none;
  }
  .store-list .stores--small .store:nth-child(4n+1) {
    clear: left;
  }
}
/* ==========================================================================
    DATALIST
   ========================================================================== */
.datalist {
  width: 100%;
  max-width: 1240px;
  margin: auto;
}
.datalist .item {
  box-sizing: border-box;
  float: left;
  width: 33.3333%;
  border-top: 1px solid #4d4b46;
  border-left: 1px solid #4d4b46;
  text-align: center;
}
.datalist .item:first-child,
.datalist .item:nth-child(3n+1) {
  border-left: 0;
}
.datalist .item:nth-of-type(1),
.datalist .item:nth-of-type(2),
.datalist .item:nth-of-type(3) {
  border-top: 0;
}
.datalist .link {

  -webkit-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out;


  position: relative;
  display: block;
  padding: 13px 0;
  background: url(../images/datalist-bg.png) repeat-x center center;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
}
.datalist .link:hover,
.datalist .link:focus,
.datalist .active .link {
  background: url(../images/datalist-bg-active.png) repeat-x center center;
}
.datalist .link:hover .front,
.datalist .link:focus .front,
.datalist .active .link .front {
  opacity: 0;
  filter: alpha(opacity=0);
}
.datalist .link:hover .cover,
.datalist .link:focus .cover,
.datalist .active .link .cover {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*
.datalist .link:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/datalist-shadow.png) repeat-x 0 100%;
} */
/*
.datalist .link:hover:after,
.datalist .link:focus:after,
.datalist .active .link:after {
  opacity: .5;
  filter: alpha(opacity=50);
} */
.datalist img {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  margin: 0 auto;
}
.datalist .image {
  position: relative;
  z-index: 2;
  display: block;
}
.datalist .cover {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.datalist .txt {
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px 0 0 0;
}
@media (max-width: 767px) {
  .datalist img {
    max-width: 55px;
  }
}
@media (min-width: 768px) {
  .datalist {
    margin-bottom: 36px;
  }
  .datalist .item {
    width: 16.6666%;
    border-left: 0;
    border-top: 0;
  }
}
@media (min-width: 1201px) {
  .datalist .link {
    padding: 16px 0;
    font-size: 18px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .datalist .link {
    font-size: 16px;
  }
}
/* ==========================================================================
    FILTER
   ========================================================================== */
.filter-price .range {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 25px 0;
}
.filter-price .from {
  float: left;
}
.filter-price .to {
  float: right;
}
.filter-price .range input {
  box-sizing: border-box;
  width: 65px;
  height: 25px;
  background: #fff;
  border: 1px solid #c0c8ce;
  color: #484b4d;
  font-size: 14px;
  outline: none;
  text-align: center;
}
.filter-price .range input:focus {
  border-color: #8796a1;
}
.filter-price .range input {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.filter .filter-sales .reset{
  margin-top: 32px;
}
@media (max-width: 767px) {
  .filter {
    box-sizing: border-box;
    position: relative;
    z-index: 3;
    float: left;
    width: 50%;
  }
  .filter-header {
    -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
    position: relative;
    background: #e5e5e5;
    padding: 24px 0 24px 40px;
    border-left: 1px solid #bcbcbc;
    color: #3d3b39;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 18px;
  }
  .filter.open .filter-header {
    background-color: #3d3b39;
    color: #fff;
  }
  .filter-header:before {
    -webkit-transition: opacity 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out;
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 85.78680203045685% 55.13513513513514%;
    width: 26px;
    height: 26px;
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -13px;
  }
  .filter.open .filter-header:before {
    opacity: 0;
  }
  .filter-header:after {
    -webkit-transition: opacity 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out;
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 13.197969543147208% 90.8108108108108%;
    width: 26px;
    height: 26px;
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -13px;
    opacity: 0;
  }
  .filter.open .filter-header:after {
    opacity: 1;
  }
  .filter-header p {
    position: relative;
    padding-bottom: 0;
  }
  .filter-header p:after {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 39.61352657004831% 20.408163265306122%;
    width: 16px;
    height: 15px;
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
  }
  .filter-content {
    -webkit-transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
            transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    max-height: 0;
    display: none;
  }
  .filter.open .filter-content {
    display: block;
  }
  .filter-col {
    position: relative;
    font-size:14px;
  }
  .filter-col-header {
    -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
    position: relative;
    padding: 0 0 0 20px;
    background: #f0efe7;
    border-top: 1px solid #d4d4d4;
    text-transform: uppercase;
    font-weight: 600;
  }
  .filter-col.open .filter-col-header {
    background: #cccbc4;
  }
  .filter-col-header p {
    position: relative;
    padding: 10px 0;
    cursor: pointer;
  }
  .filter-col-header p:after {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 96.13526570048309% 29.62962962962963%;
    width: 16px;
    height: 22px;
    content: '';
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -11px;
  }
  .filter-col-header .remove {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 0 90.8108108108108%;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: -3px;
    margin-top: -14px;
    outline: none;
    display: none;
  }
  .checked .remove {
    display: block;
  }
  .filter-col-content {
    -webkit-transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
            transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #f0efe7;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    display: none;
  }
  .filter-col.open .filter-col-content {
    display: block;
  }
  .filter-col-content label {
    position: relative;
    display: block;
    padding: 12px 30px 12px 16px;
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    text-transform: uppercase;
    font-weight: 600;
  }
  .filter-col-content input[type=checkbox] {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .filter-col-content .underline {
    font-weight: 600;
  }
  .filter-col-content .underline:after {
    display: none;
  }
  .filter-col-content .tooltip {
    display: none;
  }
  .filter-price .range {
    padding: 15px 16px 20px 16px;
  }
  .filter-price .range .from,
  .filter-price .range .to {
    width: 100%;
    padding-bottom: 10px;
  }
  .filter-price #slider-snap {
    margin: 0 16px 16px 16px;
  }
  .filter-bottom {
    display: none;
  }
}
@media (min-width: 768px) {
  .filter {
    background: #f5f5f4;
    margin: 0 0 1px 0;
    padding: 2.5% 4% 0 4%;
  }
  .filter-header {
    float: left;
    width: 100%;
    padding: 0 0 2.5% 0;
    color: #62696e;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    display:none !important;
  }
  .filter-header p {
    padding: 0;
  }
  .filter-header p:after {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 39.61352657004831% 20.408163265306122%;
    width: 16px;
    height: 15px;
    content: '';
    position: relative;
    display: inline-block;
    top: 2px;
    left: 3px;
  }
  .filter-content {
    -webkit-transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
            transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
    overflow: hidden;
    float: left;
    width: 99%;
    max-height: 2000px;
    padding:5px 0 35px 7px;
  }

  .filter-content .filter-sales .reset{
    margin-top: 32px;
  }
  /*
  .filter.open .filter-content {

  } */

  .filter-col {
    float: left;
    /*width: 31.1%;
    padding: 0 0 0 3.3%;*/
    font-size:14px;
  }
  .filter-col:first-child {
    padding-left: 0;
  }
  .filter-col:nth-child(3n+1) {
    clear: left;
    padding-left: 0;
  }
  .filter-col-header {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #acb2b7;
    color: #3d4043;
    font-weight:600;
    font-size: 15px;
    text-transform: uppercase;
  }
  .filter-col-header p {
    padding: 0;
  }
  .filter-col-content {
    float: left;
    width: 100%;
  }
  .filter-col-content li {
    padding: 6px 0;
  }
  .filter-col-content label {
    position: relative;
    display: block;
    padding: 0 0 0 24px;
    line-height: 16px;
  }
  .filter-col-content label.selected {
    font-weight: 700;
  }
  .filter-col-content label.selected .underline {
    font-weight: 700;
  }
  .filter-col-content input[type=checkbox] {
    position: absolute;
    top: 1px;
    left: 0;
  }
  .filter-col-content .filter-sales {
    margin-top: 32px;
  }
  .filter-bottom {
    float: left;
    width: 100%;
    padding: 0 0 2% 0;
    text-align: center;
  }
  .filter-bottom .close-filter {
    position: relative;
    overflow: hidden;
    display: block;
    width: 30px;
    height: 21px;
    margin: auto;
    line-height: 21px;
    text-indent: 30px;
    outline: none;
  }
  .filter-bottom .close-filter:before {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 69.43005181347151% 55.26315789473684%;
    width: 30px;
    height: 21px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 768px) {
  .filter-col {
    width: 22%;
    padding-left: 2.8%;
  }
  .filter-col:first-child {
    padding-left: 0!important;
  }
  .filter-col:nth-child(3n+1) {
    clear: none;
    padding-left: 2.8%;
  }
  .filter-price {
    /*width: 18.5%;*/
  }
}
@media (min-width: 768px) and (max-width:900px) {
  .filter-col {
    width: 21%;
  }
  .filter-col.filter-price {
    width: 26% !important;
  }
}
/* ==========================================================================
    SORTER
   ========================================================================== */

.sorter {
font-size:14px;
}
@media (max-width: 767px) {
  .sorter {
    box-sizing: border-box;
    position: relative;
    z-index: 4;
    float: left;
    width: 50%;
  }
  .sorter-trigger {
    -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
    position: relative;
    background: #e5e5e5;
    padding: 24px 0 24px 40px;
    border-left: 1px solid #bcbcbc;
    color: #3d3b39;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 18px;
  }
  .sorter-trigger p{
    padding: 0;
  }
  .sorter.open .sorter-trigger {
    background-color: #3d3b39;
    color: #fff;
  }
  .sorter-trigger:before {
    -webkit-transition: opacity 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out;
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 39.39393939393939% 90.8108108108108%;
    width: 25px;
    height: 26px;
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -13px;
  }
  .sorter.open .sorter-trigger:before {
    opacity: 0;
  }
  .sorter-trigger:after {
    -webkit-transition: opacity 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out;
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 85.35353535353535% 69.1891891891892%;
    width: 25px;
    height: 26px;
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -13px;
    opacity: 0;
  }
  .sorter.open .sorter-trigger:after {
    opacity: 1;
  }
  .sorter-trigger p {
    position: relative;
  }
  .sorter-trigger p:after {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 39.61352657004831% 20.408163265306122%;
    width: 16px;
    height: 15px;
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
  }
  .sorter-content {
    -webkit-transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
            transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    max-height: 0;
    display: none;
  }
  .sorter.open .sorter-content {
    display: block;
  }
  .sorter-content li {
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #bcbcbc;
    text-transform: uppercase;
    font-weight: 600;
  }
  .sorter-content a {
    -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
    display: block;
    padding: 12px 0 12px 16px;
    background: #f0efe7;
    color: #000000;
    text-decoration: none;
  }
  .sorter-content a:hover,
  .sorter-content a:focus,
  .sorter-content .active a {
    background-color: #cccbc4;
  }
}
@media (min-width: 768px) {
  .sorter {
    padding: 8px 2%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sorter-trigger {
    float: left;
    padding: 0 5px 0 0;
  }
  .sorter-trigger p {
    padding: 0;
    line-height: 30px;
  }
  .sorter-content {
    float: left;
  }
  .sorter-content ul {
    float: left;
  }
  .sorter-content li {
    float: left;
    padding: 0 0 0 5px;
  }
  .sorter-content a {
    -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
    position: relative;
    display: block;
    padding: 0 10px;
    height: 30px;
    color: #000000;
    line-height: 30px;
    text-decoration: none;
  }
  .sorter-content a:after {
    -webkit-transition: opacity 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out;
    content: '';
    position: absolute;
    bottom: 8px;
    left: 8%;
    display: inline-block;
    width: 84%;
    height: 1px;
    background: #bfbfbf;
  }
  .sorter-content a:hover {
    color: #e2383f;
  }
  .sorter-content .active a {
    background: #e5e5e5;
    font-weight: 700;
  }
  .sorter-content a:hover:after,
  .sorter-content .active a:after {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
/* ==========================================================================
    PRODUCT LIST
   ========================================================================== */
.product-list {
  /*width: 100%;*/
  padding:0 20px;
  opacity:0;
}
@media (max-width: 1024px) {
    .product-list{
    opacity:1;
    }
}
.product-list .products {
  float: left;
  width: 100%;
  padding:20px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.product-list .product {
  -webkit-transition: box-shadow 0.25s ease-in-out;
          transition: box-shadow 0.25s ease-in-out;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  float: left;
  width: 300px;
  padding: 2% 0;
  background: #fff;
  text-align: center;
}
.product-list .product:hover {
  z-index: 2;
  box-shadow: 2px 0 23px rgba(0, 0, 0, 0.2);
}
.product-list .product-container {
  position: relative;
  padding-bottom: 35px;
}
.product-list .image {
  height:300px;
  position:relative;
  margin:0 0 30px !important;
}
.product-list img {
  display: inline-block;
  margin: auto;
  height:100%;
}
.product-list .image.wider-image img{
height:auto;
width:100%;
position:absolute;
bottom:10px;
left:0;
}
.product-list .headline {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
}
.product-list h2 {
  display: table;
  width: 100%;
  padding: 0;
  text-transform: uppercase;
  vertical-align: top;
}
.product-list h2 a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #62696e;
  display: table-cell;
  height: 40px;
  vertical-align: top;
}
.product-list h2 a span.inner{
  position:relative;
  display:inline-block;
  text-decoration:underline;
}
.product-list h2 a:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/blank.gif) repeat 0 0;
}
.product-list .text {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 105px;
  margin: 5px 0 10px;
  padding: 0 5%;
  font-size:15px;
  line-height:1.35
}
.product-list p {
  padding: 0;
}
.product-list .price {
  color: #62696e;
  font-size: 18px;
  line-height: 20px;
  margin-top: 35px;
}
.product-list .price-old{
  text-decoration: line-through #62696e;
  font-size: 16px !important;
  margin: 0;
  color: #c1c1c1;
  display: block;
  height: 26px;
}
.product-list .suplement {
  position: absolute;
  z-index: 1;
  top: 2%;
  left: 5%;
}
.product-list .icon-for-women{
  font-size: 26px;
  width: 15px;
  height: 24px;
  display: inline-block;
  background: url(../images/sign-woman.png) no-repeat;
  text-indent: -9999px;
  top: 4px;
  right: -30px;
  background-size: contain;
}
@media (max-width: 767px) {
  .product-list .icon-for-women {
    width: 13px;
    height: 16px;
    top: 1px;
    right: -20px;
  }
  .product-list .price-old{
    height: 20px;
  }
}
.product-tags {
  margin: 0 5%;
  padding: 3% 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size:14px;
}
@media (max-width: 1023px) {
  .product-tags {
    text-align: center;
  }
}
.product-tags a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  display: inline-block;
  margin: 0 3px;
  color: #366494;
  font-style: italic;
  text-decoration: none;
}
.product-tags a:hover,
.product-tags a:focus {
  color: #e2383f;
}
.product-tags a:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #cdd8e4;
}
.product-tags a:hover:after,
.product-tags a:focus:after {
  opacity: 0;
  filter: alpha(opacity=0);
}
.product-list h2,
.product-list .price {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.product-list h2{
letter-spacing:-1px;
display: flex;
justify-content: center;
}
@media (max-width: 450px) {
  .product-list .product {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .product-list .products {
    border-bottom: 1px solid #d4d4d4;
  }
  .product-list .product {
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
  }
  .product-list .product:first-child,
  .product-list .product:nth-child(2n+1) {
    /*clear: left;*/
    border-left: 0;
  }
  .product-list .price {
    text-align: right;
    position: absolute;
    z-index: 1;
    bottom: 5px;
    right: 5%;
  }
  .product-list .color-list {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 5%;
  }
  .product-tags,
  .product-list .text {
    display: none;
  }
}
@media (min-width: 768px) {
  .product-list .product-container {
    padding: 5% 0;
  }
  .product-list .image {
    margin: 0 0 30px;
  }
  .product-list h2 {
    font-size: 35px;
    line-height: 37px;
    display: flex;
    justify-content: center;
  }
  .product-list .suplement {
    top: 25%;
  }
  .product-list .price {
    font-size: 28px;
    line-height: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .product-list .product {
    box-sizing: border-box;
    width: 300px;
    padding: 0 0 3% 0;
  }
  /*.product-list .product:nth-child(3n+1) {
    clear: left;
  }*/
}
@media (min-width: 1024px) {
  .product-list .product {
    padding: 0 0 60px 0;
  }
  /*.product-list .product:nth-child(4n+1) {
    clear: left;
  }*/
}
/* ==========================================================================
    TOP NAV
   ========================================================================== */
#top-nav {
  position: relative;
  background: #f3f3f4;
  font-size:14px;
}
#top-nav .sharing-socials {
  position: absolute;
  top: 6px;
  right: 1%;
}
/* Mobile product tabs
   ========================================================================== */
.mobile-product-tabs {
  float: left;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #a9acaf;
  text-align: center;
}
.mobile-product-tabs li {
  float: left;
  width: 25%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
}
.mobile-product-tabs a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  display: block;
  padding: 10px 0;
  background: #fff;
  color: #404040;
  text-decoration: none;
}
.mobile-product-tabs a:hover,
.mobile-product-tabs a:focus,
.mobile-product-tabs .active a {
  background-color: #d8d8d8;
}
/* Bread
   ========================================================================== */
#bread {
  float: left;
}
#bread ul {
  float: left;
}
#bread li {
  position: relative;
  float: left;
  padding: 0 10px 0 12px;
  color: #62696e;
}
#bread li:first-child {
  padding-left: 0;
}
#bread li:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 95.67307692307692% 40.625%;
  width: 15px;
  height: 19px;
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -10px;
}
#bread li:first-child:before {
  display: none;
}
#bread a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #62696e;
}
#bread a:hover,
#bread a:focus {
  color: #e2383f;
}
@media (max-width: 767px) {
  #bread,
  #top-nav .sharing-socials {
    display: none;
  }
}
@media (min-width: 768px) {
  #top-nav {
    padding: 16px 200px 16px 2%;
  }
  .mobile-product-tabs {
    display: none;
  }
}
/* ==========================================================================
    PRODUCT DETAIL
   ========================================================================== */
.product-detail {
  padding: 4.5% 0 0 0;
}
.product-detail h1 {
  font-size: 26px;
  line-height: 1;
  font-weight: 400;
  letter-spacing:-1px;
}
.product-detail h1 span {
  position: relative;
  top: -8px;
  font-size: 14px;
  line-height: 16px;
  text-transform:none;
}
/* Product image
   ========================================================================== */
.product-image {
  float: left;
  width: 100%;
  padding: 10px 0 2% 0;
  text-align: center;
}
.product-image img {
  /*max-width: 90%;*/
  margin: auto;
  height: 100%;
}
@media (max-width: 767px) {
  .product-image img {
    width: 100%;
  }
}
.product-image.wider-image{
  padding: 30px 0 2% 0;
  }
.product-image.wider-image img{
  height:auto;
  width:650px;
  /*margin-left:-75px;
  max-width:0;*/
}
@media (max-width: 1023px) {
  .product-image.wider-image img {
    width: 100%;
    margin: auto;
  }
}
.product-image a {
  color: #62696e;
  background: url(../images/blank.gif) repeat 0 0;
  text-decoration: none;
  outline: none;
}
.product-image .image-help {
  position: relative;
  display: inline-block;
  padding: 0 0 0 35px;
}
.product-image .image-help:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 37.234042553191486% 75.56818181818181%;
  width: 35px;
  height: 35px;
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -18px;
}
.product-color-pick{
padding:40px 0 0;
font-size:14px;
}
.product-color-pick li{
display:inline-block;
list-style-type:none;
padding:0 0 0 22px;
margin:0 7px;
background:none;
position:relative;
cursor:pointer;
line-height:15px;
}
.product-color-pick li:hover, .product-color-pick li.active{
text-decoration:underline;
}
.product-color-pick li span{
position:absolute;
top:0;
left:0;
width:16px;
height:16px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display:block;
/*border:3px solid #fff;*/
}
.product-color-pick li:hover span, .product-color-pick li.active span{
/*border:3px solid #b7bbbf;*/
}
.product-color-pick li span.color2{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
height:16px;
width:8px;
margin:0 0 0 8px;
}
/* Product summary
   ========================================================================== */
.product-summary {
  float: left;
  width: 100%;
  padding: 0 0 2% 0;
}
.product-summary .product-tags {
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  background: #ebeff4;
  border: 0;
}
.product-summary .product-tags a:after {
  bottom: 3px;
}
.product-desc {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0 10px;
  font-size: 15px;
}
.product-desc p{
  padding:0 0 10px;
}
.product-desc p iframe{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.product-material {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  margin: 8px 0 0 0;
  padding: 0 10px 15px 10px;
  border-top: 1px solid #d0d2d3;
  border-bottom: 1px solid #d0d2d3;
  text-align: center;
  font-size:14px;
}
.product-material table {
  border: 0;
}
.product-material table td {
  padding: 3px 8px 3px 0;
  border: 0;
  line-height: 20px;
}
.product-material table td:first-child {
  font-weight: 700;
}
.product-material .link {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  display: inline-block;
  padding: 3px 15px;
  border: 1px solid #d0d2d3;
  border-radius: 18px;
  color: #62696e;
  font-size: 12px;
  text-decoration: none;
}
.product-material .link:hover,
.product-material .link:focus {
  background-color: #e2383f;
  border-color: #e2383f;
  color: #fff;
}
/* Product offer
   ========================================================================== */
.product-offer {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 3% 0 6% 7%;
  background: #f1f1f1;
  font-size:14px;
}
.product-options {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
}
.product-options p {
  padding-bottom: 5px;
  font-weight: 700;
}
.product-options .reset {
  float: left;
  width: 100%;
}
.product-options .item {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 65px;
  height: 65px;
  margin: 0 6px 6px 0;
  background: #fff;
  border: 2px solid #fff;
}
.product-options .item.active {
  border-color: #b7bbbf;
}
.product-options .img {
  position: relative;
  z-index: 1;
  width: 61px;
  height: 61px;
}
.product-options .img img {
  display: inline-block;
  max-width: 61px;
  margin: auto;
  max-height: 48px;
}
.product-options input {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.product-options .selectBox{
width:250px !important;
font-size:14px !important;
}
.product-sizes .selectBox{
width:150px !important;
font-size:14px !important;
}
.product-sizes {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
}
.product-sizes p {
  padding-bottom: 5px;
  font-weight: 700;
}
.product-sizes .select {
  float: left;
  width: 150px;
  height: 40px;
  padding: 0 15px 0 0;
}
.product-sizes select {
  width: 100%;
  height: 35px;
  padding: 0 5px;
}
.product-sizes .link {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  float: left;
  margin: 10px 0 0 0;
  color: #62696e;
}
.product-sizes .link:hover,
.product-sizes .link:focus {
  color: #e2383f;
}
.product-price {
  float: left;
  width: 42%;
  padding: 17px 0 0 0;
  position: relative;
}
.product-price p {
  padding: 0;
  color: #62696e;
  font-size: 46px;
  white-space: nowrap;
}
.product-price .amount{
display:block;
height:40px;
line-height:40px;
  margin-top: 30px;
}
.product-price .amount-old{
  height: 30px;
  line-height: 30px;
  text-decoration: line-through #62696e;
  font-size: 16px;
  position: absolute;
  top: 17px;
  color: #c1c1c1;
}
.product-price .availability{
display:none;
}
.product-to-basket {
  float: left;
  padding: 17px 0 0 0;
}
.product-to-basket .btn {
  position: relative;
  margin: 0;
  padding: 24px 34px 24px 64px;
  font-weight: 700;
}
.product-to-basket .btn:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 28.176795580110497%;
  width: 30px;
  height: 30px;
  content: '';
  position: absolute;
  top: 50%;
  left: 26px;
  margin-top: -15px;
}
/* Mobile Product offer
   ========================================================================== */
.mobile-product-offer {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.mobile-to-basket {
  float: left;
  width: 50%;
}
.mobile-to-basket a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  display: block;
  height: 60px;
  padding: 0 0 0 35px;
  background: #e2383f;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
.mobile-to-basket a:hover,
.mobile-to-basket a:focus {
  background-color: #b52e32;
}
.mobile-to-basket a:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 28.176795580110497%;
  width: 30px;
  height: 30px;
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -15px;
}
.mobile-to-basket .m-txt {
  display: block;
  padding: 10px 0 0 0;
}
.mobile-to-basket .m-price {
  display: block;
  font-size: 20px;
  line-height: 22px;
}
.mobile-selection-menu {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 25%;
}
.mobile-selection-menu .trigger {
  display: block;
  height: 59px;
  background: #fff;
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  color: #62696e;
  line-height: 14px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  text-decoration: none;
}
.mobile-selection-menu .trigger span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mobile-selection-menu .trigger:after {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 82.03883495145631% 77.77777777777777%;
  width: 17px;
  height: 13px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -8px;
}
.mobile-selection-menu ul {
  display: none;
  box-sizing: border-box;
  position: absolute;
  bottom: 59px;
  left: 0;
  width: 100%;
  border: 1px solid #bfbfbf;
}
.mobile-selection-menu.open ul {
  display: block;
  bottom: 100%;
  height: auto;
  padding: 0;
}
.mobile-selection-menu li {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  float: left;
  width: 100%;
  height: 15px;
  padding: 10px 0;
  background: #fff;
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
}
.mobile-selection-menu li:hover,
.mobile-selection-menu li.active {
  background-color: #e5e5e5;
}
.mobile-selection-menu div {
  position: relative;
  z-index: 1;
}
.mobile-selection-menu .color {
  margin: auto;
}
.mobile-selection-menu input {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.product-detail h1,
.product-price p {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .product-detail {
    text-align: center;
  }
  .product-image .image-help {
    display: none;
  }
  .product-detail .product-tags {
    display: block;
  }
  .product-offer {
    display: none;
  }
  .product-material {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
@media (min-width: 768px) {
  .product-detail {
    padding: 4% 5.5% 0 5.5%;
  }
  .product-detail h1 {
    padding: 0px 0 5px 0;
    border-bottom: 2px solid #62696e;
    font-size: 60px;
    line-height:1;
  }
  .product-detail h1 span {
    top: -17px;
    font-size: 35px;
    line-height: 37px;
  }
  .product-material {
    padding: 7px 0 10px 0;
    text-align: left;
  }
  .product-material .image {
    /*float: left;*/
    padding: 0 15px 0 0;
  }
  .product-material .link {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
  }
  .product-desc {
    padding: 0;
    font-size: 16px;
  }
  .mobile-product-offer {
    display: none;
  }
}
@media (min-width: 1024px) {
  .product-image {
    width: 45%;
  }
  .product-summary {
    float: right;
    width: 45%;
  }
  .product-summary .product-tags {
    padding: 2% 0;
    background: none;
    border-bottom: 1px solid #d0d2d3;
  }
}
/* ==========================================================================
    PRODUCT ROW
   ========================================================================== */
.product-row {
  padding: 4.5% 0 2% 0;
}
#ohlasy{
padding-top:0 !important;
}
.product-row .row-left,
.product-row .row-right {
  float: left;
  width: 100%;
  font-size:14px;
}
.product-row .row-headline {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
}
.product-row .row-content {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0 10px;
}
.product-row .row-left {
  padding-bottom: 2%;
}
.product-row h2 {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
.product-row h2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #62696e;
}
.product-row h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  letter-spacing:-1px;
}
.product-row h2 {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 768px) {
  .product-row {
    padding: 2.5% 5.5% 5% 5.5%;
  }
  .product-row .row-content {
    padding: 0;
  }
  .product-row h2 {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 34px;
    text-align: left;
  }
  .product-row h2:before {
    top: auto;
    bottom: 0;
    height: 2px;
  }
  .product-row h2 span {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .product-row .row-left {
    width: 49%;
    padding: 0;
  }
  .product-row .row-right {
    float: right;
    width: 45%;
    padding: 0;
  }
}
/* ==========================================================================
    PRODUCT PROP
   ========================================================================== */
.product-prop li {
  position: relative;
  margin: 0 0 0 70px;
  padding: 15px 0;
  border-top: 1px dashed #62696e;
}
.product-prop li:first-child {
  border-top: 0;
}
.product-prop li p{
padding:0;
}
.product-prop .num {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 0 0;
  width: 58px;
  height: 58px;
  position: absolute;
  top: 50%;
  left: -75px;
  margin-top: -29px;
  color: #fff;
  font-size: 22px;
  line-height: 62px;
  text-align: center;
}
.product-prop .num {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
/* ==========================================================================
    PRODUCT ADV
   ========================================================================== */
.product-adv {
  float: left;
  width: 100%;
  padding: 1px 0 0 0;
}
.product-adv li {
  box-sizing: border-box;
  float: left;
  width: 33.3333%;
  height: 160px;
  margin: -1px 0 0 -1px;
  border: 1px solid #d0d2d3;
  color: #62696e;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.product-adv .img {
  display: block;
  margin:25px auto 10px;
}
.product-adv img {
  display: inline-block;
  margin: auto;
  max-height:100%;
  max-width:100%;
}
.product-adv p {
  padding:0 15px;
  font-size: 12px;
  line-height: 14px;
}
/* ==========================================================================
    SIMILAR PRODUCTS
   ========================================================================== */
.similar-products .head {
  padding: 5px 0 5px 0;
  background: #62696e;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.similar-products .head h2 {
  color: #fff;
  font-weight: 400;
}
.similar-products .product-list .product {
  background: transparent;
}
.similar-products .head h2 {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .similar-products {
    display: none;
  }
}
@media (min-width: 768px) {
  .similar-products {
    background: url(../images/similar-bg.jpg) no-repeat 50% 0;
    background-size: cover;
  }
}
/* ==========================================================================
    BASKET BREAD TOP
   ========================================================================== */
#basket-bread-top {
  position: relative;
  background: #e2383f;
  color: #fff;
  padding: 15px 0;
  font-size: 15px;
}
#basket-bread-top p {
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}
#basket-bread-top small {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -11px;
}
@media (min-width: 768px) {
  #basket-bread-top {
    display: none;
  }
}
/* ==========================================================================
    BASKET BREAD
   ========================================================================== */
#basket-bread {
  background: #6e7174;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
}
#basket-bread ul {
  float: left;
  width: 100%;
}
#basket-bread li {
  position: relative;
  float: left;
  width: 25%;
  height: 70px;
}
#basket-bread li:after {
  content: '';
  position: absolute;
  top: 0;
  right: -15px;
  width: 30px;
  height: 100%;
  background: url(../images/basket-bread.png) no-repeat 0 50%;
}
#basket-bread .txt {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  padding: 0 15px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#basket-bread a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  display: block;
  height: 70px;
  background: #e2383f;
  color: #fff;
  text-decoration: none;
}
#basket-bread a:hover,
#basket-bread a:focus {
  color: #f9e4c2;
}
#basket-bread a:before {
  content: '';
  position: absolute;
  top: 0;
  left: -15px;
  width: 30px;
  height: 100%;
  background: url(../images/basket-bread.png) no-repeat -50px 50%;
}
#basket-bread a:after {
  content: '';
  position: absolute;
  top: 0;
  right: -15px;
  width: 30px;
  height: 100%;
  background: url(../images/basket-bread.png) no-repeat -100px 50%;
}
#basket-bread li:last-child:after,
#basket-bread li:last-child a:after {
  display: none;
}
#basket-bread li:first-child a:before {
  display: none;
}
@media (max-width: 767px) {
  #basket-bread {
    display: none;
  }
}
@media (min-width: 1201px) {
  #basket-bread {
    font-size: 20px;
    line-height: 22px;
  }
  #basket-bread li,
  #basket-bread a {
    height: 90px;
  }
}
/* ==========================================================================
    BASKET
   ========================================================================== */
/*#basket .image{
  padding-bottom: 30px;
  border-bottom: #62696e solid 1px;
}
#basket .image img{
  border-radius: 50%;
}*/
#basket p{
  color: #62696e;
}
#basket .perex{
  text-align: center;
  margin-bottom: 40px;
}
#basket ul li{
  color: #62696e;
}
#basket h1 {
  padding: 50px 0 20px 0;
  color: #62696e;
  font-size: 25px;
  line-height: 27px;
}
@media (max-width: 767px) {
  #basket h1 {
    display: none;
  }
}
@media (min-width: 768px) {
  #basket {
    /*padding: 4.5% 5.5% 4.5% 5.5%;*/
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ==========================================================================
    BASKET TABLE
   ========================================================================== */
#basket-table {
  float: left;
  width: 100%;
}
#basket-table .item {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 30px 15px 30px;
  background: #fff;
  border: 1px solid #a2abb1;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
#basket-table .name {
  float: left;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  width: 25%;
}
#basket-table .name a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #537192;
}
#basket-table .name a:hover,
#basket-table .name a:focus {
  color: #e2383f;
}
#basket-table .image {
  margin-right: 30px;
  align-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  width: 60px;
}
#basket-table .image img {
  margin: auto;
  max-height: 80px;
  width: auto;
}
#basket-table .tools {
  float: left;
  width: 38%;
  order: 1;
  display: flex;
  justify-content: space-between;
}
#basket-table .tools p {
  text-align: center;
  padding: 0;
}
#basket-table .quantity {
  float: right;
}
#basket-table .select {
  float: left;
  padding: 0 30px 0 0;
}
#basket-table select {
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  font-size: 16px;
}
#basket-table .stock-stat {
  float: left;
  line-height: 35px;
}
#basket-table .stock-stat .green {
  color: #68bf38;
}
#basket-table .stock-stat .orange {
  color: #e99b1f;
}
#basket-table .stock-stat .red {
  color: #e2383f;
}
#basket-table .price {
  float: right;
  font-weight: 700;
  font-size: 16px;
  padding: 27px 25px 27px 0;
  order: 2;
  width: 25%;
  text-align: right;
}
#basket-table .price p {
  padding: 0;
}
#basket-table .remove {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  white-space: nowrap;
  text-indent: 20px;
  outline: none;
}
#basket-table .remove:before {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 26.395939086294415% 90.8108108108108%;
  width: 26px;
  height: 26px;
  content: '';
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -5px;
}
#basket-table .remove:hover:before,
#basket-table .remove:focus:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
#basket-table .remove:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.28426395939086% 90.8108108108108%;
  width: 26px;
  height: 26px;
  content: '';
  position: absolute;
  z-index: 2;
  top: -5px;
  left: -5px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#basket-table .remove:hover:after,
#basket-table .remove:focus:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
#basket-table .item-small {
  padding: 10px 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
#basket-table .sum {
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
  color: #62696e;
  text-align: center;
}
#basket-table .sum p {
  padding: 0 0 5px 0;
}
#basket-table .sum .xl {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}
#basket-table .sum span {
  display: inline-block;
  width: 120px;
}
@media (max-width: 539px){
  #basket-table .image img{
    position: relative;
  }
  #basket-table .name{
    width: 75%;
    text-align: left;
    padding: 10px 0 10px;
  }
  #basket-table .price{
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
  }
  #basket-table .item{
    margin: 20px auto 0 auto;
    padding: 15px 30px 30px 30px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    height: 231px;
    max-width: 275px;
    display: block;
  }
  #basket-table .tools{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-around;
  }
  #basket-table .remove{
    right: 15px;
    top: 20px;
  }
  #basket p{
    padding: 0;
  }
  #basket-table .select{
    width: 58px;
  }
}
#basket-table .select .smScreen{
  width: 158px;

}
@media (min-width: 551px) and (max-width: 767px){
  #basket-table .select{
    padding: 0;
    width: auto;
  }
}
@media (max-width: 900px){
  .smScreen{
    display: none;
  }
  #basket-table .tools{
    width: 25%;
  }
}
@media (max-width: 767px) {
  #basket-table .item {
    min-height: 120px;
    border-radius: 0;
  }
  #basket-table .item-small {
    min-height: auto;
  }
  #basket-table .price {
    font-size: 14px;
    width: 26%;
  }
  #basket-table .stock-stat {
    font-size: 12px;
  }
  /*#basket-table .tools{
    width: 20%;
  }*/
}
@media (min-width: 768px) {
  #basket-table .quantity {
    float: right;
  }
  #basket-table .remove {
    right: 2%;
  }
  #basket-table .sum {
    text-align: right;
    font-size: 16px;
  }
  #basket-table .sum .xl {
    font-size: 22px;
    line-height: 26px;
  }
  #basket-table .item-small {
    padding: 10px 6% 10px 4%;
    font-size: 18px;
    line-height: 20px;
  }
}
@media (max-width: 539px){
  #basket-table .tools{
    width: auto;
    clear: left;
  }
  #basket-table .price{
    width: 75%;
    float: right;
    text-align: right;
  }
  #basket-table .quantity{
    float: right;
  }
  #basket-table .select{
    width: auto;
  }
  #basket-table .image{
    position: absolute;
    left: 15px;
  }
  #basket-table .item{
    margin: 0;
    padding: 15px 30px 30px 100px;
    width: 100%;
    height: auto;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  #basket-table.final .item {
    padding-right: 3%;
  }
  #basket-table .stock-stat {
    float: left;
  }
  #basket-table .item-small {
    padding: 10px 3%;
  }
}
/* ==========================================================================
    BASKET LIST BOXES
   ========================================================================== */
.basket-list-boxes {
  float: left;
  width: 100%;
}
.basket-list-box {
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #c0c8ce;
}
.basket-list-box .head {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 15px;
  background: #edf1f4;
}
.basket-list-box .head .btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -14px 0 0 0;
  padding: 3px 12px;
  text-transform: uppercase;
}
.basket-list-box h2 {
  padding: 0;
  color: #517793;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}
.basket-list-box .content {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 10px 15px;
}
.basket-list-box .items {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.basket-list-box .items .item {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  border-top: 1px solid #c0c8ce;
}
.basket-list-box .items .item:first-child {
  border-top: 0;
}
.basket-list-box .items label {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  padding: 10px 10px 10px 20px;
}
@media (max-width: 450px) {
  .basket-list-box .items label {
    font-size: 13px;
  }
}
.basket-list-box .items input {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.basket-list-box .items .txt-1 {
  float: left;
  width: 20%;
}
.basket-list-box .items .txt-2 {
  float: left;
  width: 10%;
}
.basket-list-box .items .txt-3 {
  position: relative;
  float: right;
  width: 70%;
}
.basket-list-box .side-left {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #a2abb1;
  text-align: center;
}
.basket-list-box .side-right {
  box-sizing: border-box;
  position: relative;
  float: right;
  width: 100%;
}
.basket-list-box .col {
  float: left;
  width: 100%;
}
.basket-list-box.slidePanel .head {
  cursor: pointer;
}
.basket-list-box.slidePanel .head:before {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 0;
  width: 30px;
  height: 21px;
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
}
.basket-list-box.open .head:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.basket-list-box.slidePanel .head:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 42.63157894736842%;
  width: 30px;
  height: 21px;
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.basket-list-box.open .head:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.basket-list-boxes.final {
  margin-top: 20px;
  border-top: 1px solid #a2abb1;
}
@media (max-width: 767px) {
  .basket-list-box .items input {
    left: 0;
  }
  .basket-list-box .items .txt-1 {
    width: 25%;
    display: flex;
    align-items: center;
  }
  .basket-list-box .items .txt-2 {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .basket-list-box .items .txt-3 {
    width: 50%;
    text-align: right;
  }
  .basket-list-box .items .width-100 {
    width: 100%;
  }
  .basket-list-box .items .m-hide {
    display: none;
  }
}
@media (min-width: 768px) {
  .basket-list-box {
    margin: 0 0 30px 0;
    border: 1px solid #c0c8ce;
  }
  .basket-list-box:last-child {
    margin-bottom: 10px;
  }
  .basket-list-box .head {
    padding: 19px 30px;
  }
  .basket-list-box .head .btn {
    right: 12px;
    margin-top: -16px;
    padding: 5px 12px;
  }
  .basket-list-box h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .basket-list-box .content {
    padding: 12px 50px;
  }
  .basket-list-box .items label {
    padding: 20px 10px 20px 40px;
  }
  .basket-list-box .col {
    width: 50%;
  }
  .basket-list-box.slidePanel .head:before,
  .basket-list-box.slidePanel .head:after {
    right: 20px;
  }
  .basket-list-boxes.final {
    border-top: 0;
  }
}
@media (min-width: 1024px) {
  .basket-list-box .side-left {
    width: 33%;
    margin: 30px 0;
    padding-right: 6%;
    border-bottom: 0;
  }
  .basket-list-box .side-left:before {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background: #e3e6e7;
  }
  .basket-list-box .side-right {
    width: 67%;
    margin: 30px 0 25px 0;
    padding-left: 6%;
  }
  .basket-list-box .side-right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #e3e6e7;
  }
  .basket-list-box .side-right .form {
    padding-top: 0;
    padding-bottom: 0;
  }
  .basket-list-box.left,
  .basket-list-box.right {
    width: 48%;
  }
  .basket-list-box.right {
    float: right;
  }
  .basket-list-box .basket-login {
    padding: 50px 0 40px 0;
  }
}
/* ==========================================================================
    BASKET BTNS
   ========================================================================== */
.basket-btns {
  float: left;
  width: 100%;
  padding: 20px 0 20px 0;
  text-align: center;
}

.basket-btns .prev {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  display: inline-block;
  margin: 0 auto 15px auto;
  padding: 9px 20px;
  background: #e2e2e2;
  color: #767d83;
  text-transform: uppercase;
  text-decoration: none;
}
.basket-btns .prev:hover,
.basket-btns .prev:focus {
  background-color: #c9c9c9;
}
.basket-btns .next, .basket-btns .subm {
  margin: 0 auto;
  padding: 20px 30px;
  border: 0;
  font-weight: 700;
}
.basket-btns p {
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
}
@media (min-width: 768px) {
  .basket-btns {
    padding: 20px 0 60px 0;
  }

  .basket-btns .prev {
    float: left;
    margin: 13px 0 0 0;
  }
  .basket-btns .next {
    float: right;
    padding: 25px;
  }
  .basket-btns .subm {
    float:left;
    padding: 25px 35px;
  }
  .basket-btns .clear {
    display: none;
  }
  .basket-btns p {
    text-align: right;
  }
}
/* ==========================================================================
    BASKET OTHER
   ========================================================================== */
.basket-logos {
    text-align: center;
    padding: 0 0 10px 0;
}
@media (min-width: 768px) {
  .basket-logos {
    padding: 0 0 30px 0;
  }
}
.basket-logo {
    margin: 5px 0px;
    display: inline-block;
    height: 25px !important;
}
/* ==========================================================================
    FOORM
   ========================================================================== */
.form {
  width: 100%;
  padding: 2% 0;
}
.form .row {
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
}
.form label {
  display: block;
  padding: 0 0 3px 0;
}
.form input[type=text],
.form input[type=email],
.form input[type=password] {
  box-sizing: border-box;
  width: 400px;
  height: 40px;
  padding: 10px;
  background: #fff;
  border: 1px solid #a2abb1;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.form textarea {
  box-sizing: border-box;
  width: 400px;
  padding: 10px;
  background: #fff;
  border: 1px solid #a2abb1;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=password]:focus,
.form textarea:focus {
  border-color: #86929a;
}
.form .select {
  float: left;
  width: 400px;
  height: 40px;
}
.form select {
  width: 100%;
  height: 40px;
  padding: 0 6px;
  background: #fff;
  border: 1px solid #a2abb1;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.form select:focus {
  border-color: #86929a;
}
.form .inline {
  float: left;
  width: 100%;
  padding: 0 0 7px 0;
}
.form .inline label {
  position: relative;
  margin: 0 0 7px 0;
  padding: 0 0 0 20px;
}
.form .inline input {
  position: absolute;
  top: 4px;
  left: 0;
}
/* Form errors
   ========================================================================== */
.form label.error {
  color: #e2383f;
}
.form input[type=text].error,
.form input[type=email].error,
.form input[type=password].error,
.form select.error {
  border-color: #e2383f;
}
.form input[type=text],
.form input[type=email],
.form input[type=password],
.form select {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .form input[type=text],
  .form input[type=email],
  .form input[type=password],
  .form textarea {
    width: 100%;
    font-size: 16px;
  }
  .form .select {
    width: 100%;
  }
  .form select {
    font-size: 16px;
  }
}
/* ==========================================================================
    FORM ERROR
   ========================================================================== */
.form-error {
  margin: 0 0 10px 0;
  color: #e2383f;
}
.form-error p {
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #basket .form-error {
    padding: 15px 10px 10px 10px;
  }
}
/* ==========================================================================
    ABOUT US
   ========================================================================== */
.about-us {
  padding: 4.5% 0 2% 0;
}
/* About us
   ========================================================================== */
.about-us {
  width: 100%;
  text-align: center;
}
.about-us h1 {
  padding-bottom: 5px;
}
.about-us .xl {
  padding: 0 0 15px 0;
  color: #62696e;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
.about-us blockquote {
  font-size: 16px;
  line-height: 20px;
}
.about-us blockquote:before,
.about-us blockquote:after,
.about-us blockquote p:before,
.about-us blockquote p:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* Cols about
   ========================================================================== */
.cols-about {
  float: left;
  /*width: 100%;*/
  padding: 40px 40px 0;
  background: #f5f5f5;
  text-align: center;
}
.cols-about .col {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0 10px 40px 10px;
}
.cols-about h2 {
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}
/* Said about
   ========================================================================== */
.said-about {
  position: relative;
  float: left;
  width: 100%;
  /*height: 370px;*/
  height: auto;
  margin: 0 0 60px 0;
  /*color: #fff;*/
  text-align: center;
}
.said-about .header {
  padding: 20px 0 10px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height:170px;
  line-height:170px;
}
.said-about h2 {
  color: #bfb47a;
  font-size: 28px;
  text-transform: uppercase;
  position:relative;
  z-index:15;
  line-height:170px;
}
.said-about .content {
  box-sizing: border-box;
  position: relative;
  /*height: 200px;*/
  height: auto;
  width: 100%;
  max-width: 800px;
  margin: 200px auto 0;
  padding: 0 10px;
  color:#62696e;
}
.said-about .article {
  position: relative;
  /*top: 50%;*/
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  font-family: Georgia, serif;
  color:#62696e;
}
.said-about .article.active {
  -webkit-animation: hiddenPlusOpacity 0.5s ease-in-out;
          animation: hiddenPlusOpacity 0.5s ease-in-out;
  display: inline;
  opacity: 1;
  filter: alpha(opacity=100);
}
.said-about .article p:before,
.said-about .article p:after {
  content: '"';
}
.said-about .bullet-nav {
  float: left;
  width: 100%;
  margin-top: 160px;
}
.said-about .bullet-nav li {
  display: inline-block;
  padding: 0 5px;
}
.said-about .bullet-nav a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  overflow: hidden;
  display: block;
  width: 14px;
  height: 14px;
  background: #abb1b5;
  border-radius: 7px;
  text-indent: 30px;
  outline: none;
}
.said-about .bullet-nav .active a {
  background-color: #e2383f;
}
.said-about .nav {
  position: absolute;
  /*top: 314px;*/
  top:150px;
  left: 0;
  width: 100%;
  z-index:15;
}
.said-about .nav li {
  display: inline-block;
  padding: 0 10px;
}
.said-about .nav a {
  display: block;
  color: #62696e;
  text-decoration: none;
  outline: none;
}
.said-about .nav img {
  margin: 0 auto 10px auto;
  border: 4px solid #fff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
}
.said-about .nav span {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.said-about .nav .small {
  font-size: 14px;
  font-weight: 400;
  line-height:1.3;
}
/* Said team
   ========================================================================== */
.said-team {
  float: left;
  width: 100%;
  text-align: center;
}
.said-team .header {
  position: relative;
  float: left;
  width: 100%;
  height: 170px;
  margin: 0 0 40px 0;
  background-position: 70% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.said-team .header h2 {
  position: relative;
  top: 50%;
  padding: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #bfb47a;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  z-index:15;
  /*color:#d6e2eb;*/
}
.said-team-list {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
.said-team-list li {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0 10px 30px 10px;
  color: #62696e;
  text-align: center;
}
.said-team-list li a{
  text-decoration: none;
}
.said-team-list li a .head{
  text-decoration: underline;
}
.said-team-list li a:hover .head{
  text-decoration: none;
}
.said-team-list img {
  margin: 0 auto 15px auto;
  border-radius: 50%;
  border:1px solid #e4e4e4;
}
.said-team-list p {
  padding: 0;
  font-size:15px;
  color: black;
  line-height:1.3;
}
.said-team-list p.head {
  padding-bottom: 5px !important;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #62696E;
}
@media (max-width: 767px) {
  .said-about .nav li {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .said-about .nav .active {
    -webkit-animation: hiddenPlusOpacity 0.5s ease-in-out;
            animation: hiddenPlusOpacity 0.5s ease-in-out;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .said-team-list li {
    width: 50%;
  }
  .said-team-list li:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 827px) {
  .said-about .nav li {
    padding: 0 58px;
  }
}
@media (min-width: 768px) {
  .about-us {
    padding: 4.5% 0 2% 0;
  }
  .about-us .xl {
    font-size: 30px;
  }
  .about-us blockquote {
    font-size: 22px;
    line-height: 30px;
  }
  .cols-about .col {
    width: 33.3333%;
    padding-left:25px;
    padding-right:25px;
  }
  .said-about {
  /*
    height: 520px;
    margin-bottom: 200px;*/
  }
  .said-about .header {
    padding:0;
    height:285px;
    line-height:285px;
  }
  .said-about h2 {
    font-size: 45px;
    line-height:285px;
  }
  .said-about .content {
    /*height: 260px;*/
    height: auto;
  }
  .said-about .article {
    font-size: 20px;
  }
  .said-about .bullet-nav {
    display: none;
  }
  .said-about .nav {
    top: 230px;
  }
  .said-about .nav li {
    padding: 0 40px;
  }
  .said-about .nav img {
    -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
    margin-bottom: 15px;
    height: 120px;
    width: 120px;
  }
  .said-about .nav span {
    font-size: 20px;
  }
  .said-about .nav .small {
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 150px;
  }
  .said-about .nav .active img,
  .said-about .nav a:hover img {
    border-color: #e2383f;
    width: 120px;
    height: 120px;
  }
  .said-team .header {
    height: 285px;
    margin-bottom: 70px;
  }
  .said-team .header h2 {
    font-size: 45px;
    line-height: 47px;
  }
  .said-team-list {
    padding-bottom: 20px;
  }
  .said-team-list .head {
    font-size: 18px;
    line-height: 20px;
  }
  .said-team-list li {
    width: 25%;
    padding: 0 3% 40px 3%;
  }
  .said-team-list li:nth-child(4n+1) {
    clear: left;
  }
  .said-team-list li img {
    margin-bottom: 20px;
  }
}
/* ==========================================================================
    PROD GRID
   ========================================================================== */
.prod-grid {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  max-width: 1114px;
  margin: auto;
  padding: 7.5% 10px 50px 10px;
}
.prod-grid .reset {
  float: left;
  width: 100%;
}
.prod-grid li {
  float: left;
  width: 100%;
  padding: 0 0 50px 0;
  opacity:0;
}
@media (max-width: 1024px) {
    .prod-grid li {
      opacity:1;
    }
}
.prod-grid .item {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border: 8px solid #8a7c6d;
}
.prod-grid .color-2 {
  border-color: #6d7e8a;
}
.prod-grid .color-3 {
  border-color: #6f6259;
}
.prod-grid .image {
  position: relative;
  z-index: 1;
  display: block;
}
.prod-grid .image img {
  margin: auto;
}
.prod-grid .cover {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .35;
  filter: alpha(opacity=35);
}
.prod-grid .btn {
  position: absolute;
  z-index: 3;
  bottom: -30px;
  left: 50%;
  margin: 0;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.prod-grid .content {
  -webkit-transition: top 0.25s ease-in-out;
          transition: top 0.25s ease-in-out;
  box-sizing: border-box;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 20%;
  width:100%;
  padding: 0 10%;
}
.prod-grid .head {
  position: relative;
  display: block;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  font-weight: 400;
  font-size: 45px;
  line-height: 45px;
  text-transform: uppercase;
}
.prod-grid .head:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 2px;
  margin-left: -15px;
  background: #fff;
  opacity: .5;
  filter: alpha(opacity=50);
}
.prod-grid .txt {

}
.prod-grid .item:hover .content,
.prod-grid .item:focus .content {
  top: 10%;
}
.prod-grid .item:hover .btn,
.prod-grid .item:focus .btn {
  background-color: #b52e32;
}
.prod-grid .item:hover .cover,
.prod-grid .item:focus .cover {
  opacity: .5;
  filter: alpha(opacity=50);
}
.prod-grid .head {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .prod-grid {
    max-width: 328px;
  }
}
@media (min-width: 768px) {
  .prod-grid {
    padding-top: 2%;
    padding-bottom: 30px;
  }

  .prod-grid .reset{
      display: flex;
      justify-content: center;
  }
  .prod-grid li {
    width: 31.6%;
  }
  .prod-grid li:nth-child(3n-1) {
    margin-left: 2.6%;
    margin-right: 2.6%;
  }
  .prod-grid .content {
    top: 25%;
    padding: 0 6%;
  }
  .prod-grid .item:hover .content,
  .prod-grid .item:focus .content {
    top: 20%;
  }
}
@media (min-width: 1024px) {
  .prod-grid .content {
    top: 43%;
    padding: 0 13%;
  }
  .prod-grid .item:hover .content,
  .prod-grid .item:focus .content {
    top: 38%;
  }
}
@media (max-width: 1024px) {
  .prod-grid .content {
    top: 10%;
  }
}
/* ==========================================================================
    TOP TAB NAV
   ========================================================================== */
#top-tab-nav {
  width: 100%;
  background: #eaecee;
  text-align: center;
}
#top-tab-nav ul {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
}
#top-tab-nav li {
  float: left;
  width: 33.3333%;
}
#top-tab-nav a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  display: block;
  height: 70px;
  color: #86898c;
  line-height: 70px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
#top-tab-nav a:before {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
#top-tab-nav a:hover,
#top-tab-nav a:focus,
#top-tab-nav .active a {
  background: #fff;
  color: #62696e;
}
#top-tab-nav a:hover:before,
#top-tab-nav a:focus:before,
#top-tab-nav .active a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
#top-tab-nav select {
  width: 70%;
  margin: auto;
  height: 40px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #abafb4;
  font-size: 16px;
  outline: none;
}
@media (max-width: 767px) {
  #top-tab-nav {
    padding: 20px 0;
  }
  #top-tab-nav ul {
    display: none;
  }
}
@media (min-width: 768px) {
  #top-tab-nav select {
    display: none;
  }
}
@media (min-width: 1201px) {
  #top-tab-nav a {
    height: 90px;
    font-size: 20px;
    line-height: 90px;
  }
}
/* ==========================================================================
    STORES AREA
   ========================================================================== */
.stores-area {
  padding-top: 0;
  border-top: 0;
}
.stores-area .stores {
  position: relative;
  padding-top: 0;
  border-top: 0;
}
.stores-area .header {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 10px;
  cursor: pointer;
}
.stores-area .header:before {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -9px;
}
.stores-area .open .header:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.stores-area .header:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -9px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.stores-area .open .header:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.stores-area h2 {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  padding: 0;
  color: #2c2e30;
  text-transform: uppercase;
}
.stores-area .content {
  float: left;
  width: 100%;
}
.stores-area .open .content {
  display: block;
}
.stores-area .mobile-btn {
  margin: 0 0 10px 0;
}
.stores-area .row {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 15px 0;
  border-top: 1px solid #d0d2d3;
}
.stores-area .row:first-child {
  border-top: 0;
}
.stores-area .name {
  position: relative;
  float: left;
  font-weight: 700;
}
.stores-area .name a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  color: #000000;
  text-decoration: none;
}
.stores-area .name a:after {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 97.07317073170732% 77.20207253886011%;
  width: 18px;
  height: 18px;
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 6px;
}
.stores-area .address {
  position: relative;
  float: left;
}
.stores-area .phone {
  position: relative;
  float: right;
}
@media (max-width: 767px) {
  .stores-area .stores:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -10px;
    width: 100%;
    height: 1px;
    padding: 0 10px;
    background: #abafb4;
  }
  .stores-area .item {
    float: left;
    width: 100%;
  }
  .stores-area .header {
    margin-left: -10px;
    background: #ebebeb;
    border-top: 1px solid #abafb4;
  }
  .stores-area .open .header {
    background-color: #474b4f;
  }
  .stores-area .header:before {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 97.54901960784314% 50.259067357512954%;
    width: 19px;
    height: 18px;
    right: 5px;
  }
  .stores-area .header:after {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 97.54901960784314% 59.58549222797927%;
    width: 19px;
    height: 18px;
    right: 5px;
  }
  .stores-area .header h2 {
    font-size: 15px;
    line-height: 17px;
  }
  .stores-area .open .header h2 {
    color: #fff;
  }
  .stores-area .name {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
  }
  .stores-area .address {
    width: 100%;
  }
  .stores-area .phone {
    width: 100%;
    padding: 0 0 10px 0;
  }
}
@media (min-width: 768px) {
  .stores-area {
    padding-top: 0;
    padding-bottom: 4%;
    border-top: 0;
  }
  .stores-area .header {
    box-sizing: border-box;
    border-bottom: 2px solid #bfc2c5;
  }
  .stores-area .header:before {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 64.82412060301507% 87.04663212435233%;
    width: 24px;
    height: 18px;
    right: 12px;
  }
  .stores-area .header:after {
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 29.14572864321608% 20.72538860103627%;
    width: 24px;
    height: 18px;
    right: 12px;
  }
  .stores-area h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .stores-area .row {
    padding: 15px 22px;
  }
  .stores-area .name {
    width: 30%;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .stores-area .name a {
    color: #5b6065;
    text-decoration: underline;
  }
  .stores-area .name a:hover,
  .stores-area .name a:focus {
    color: #e2383f;
  }
  .stores-area .address {
    width: 68%;
  }
  .stores-area .address p {
    padding: 0;
  }
  .stores-area .phone {
    width: 25%;
    text-align: right;
  }
  .stores-area .mobile-btn {
    display: none;
  }
}
/* ==========================================================================
    TOP SMALL NAV
   ========================================================================== */
.top-small-nav {
  padding: 25px 5.5% 0 5.5%;
  border-bottom: 1px solid #c2c4c4;
}
.top-small-nav li {
  float: left;
  padding: 0 0 0 25px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.top-small-nav li:first-child {
  padding-left: 0;
}
.top-small-nav a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  display: block;
  padding: 0 0 20px 0;
  color: #62696e;
  text-decoration: none;
  outline: none;
}
.top-small-nav a:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #e2383f;
  opacity: 0;
  filter: alpha(opacity=0);
}
.top-small-nav a:hover:after,
.top-small-nav .active a:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (max-width: 767px) {
  .top-small-nav {
    display: none;
  }
}
/* ==========================================================================
    MATERIAL LIST
   ========================================================================== */
.material-list {
  position: relative;
}
.material-list .block {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0 10px;
}
.material-list .header {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: relative;
  float: left;
  width: 100%;
}
.material-list h2 {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  padding: 0;
}
.material-list .btn-mini {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  padding: 3px 15px;
  border: 1px solid #d0d2d3;
  border-radius: 18px;
  color: #62696e;
  font-size: 12px;
  text-decoration: none;
}
.material-list .btn-mini:hover,
.material-list .btn-mini:focus {
  background-color: #e2383f;
  border-color: #e2383f;
  color: #fff;
}
.material-list .content {
  float: left;
  width: 100%;
}
.material-list .content-row {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 2% 0;
  padding: 4% 0 0;
  border-top: 1px solid #c2c4c4;
}
.material-list .content-row.no-headline{
border:0;
}
.material-list .content-row:first-child {
  border-top: 0;
}
.material-list .article {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
}
.material-list .headline {
  color: #62696e;
  font-size: 16px;
  line-height: 18px;
}
.material-list .headline p {
  padding: 0;
}
.material-list .product-tags {
  display: block;
  margin: 0;
  /*padding: 5px 0 30px 0;*/
  padding:0 !important;
  border-top: 0;
  border-bottom: 0;
}
.material-list .product-tags a:after {
  bottom: 3px;
}
.material-list .product-group .reset {
  float: left;
  width: 100%;
}
.material-list .product-group .item {
  width: 33.3333%;
  margin: 0;
  padding: 0 1px 2px 1px;
}
.material-list .product-group .item:nth-child(3n+1) {
  clear: none;
}
.material-list .btns {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
}
.material-list .btns .btn {
  display: block;
  margin: auto;
  max-width: 320px;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.material-list .btns span {
  display: block;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .material-list {
    padding: 4.5% 0 1px 0;
    border-bottom: 1px solid #abafb4;
  }
  .material-list .header {
    padding: 15px 10px;
    margin-left: -10px;
    background: #ebebeb;
    border-top: 1px solid #abafb4;
    cursor: pointer;
  }
  .material-list .header:before {
    -webkit-transition: opacity 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out;
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 97.54901960784314% 50.259067357512954%;
    width: 19px;
    height: 18px;
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -9px;
  }
  .material-list .open .header:before {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .material-list .header:after {
    -webkit-transition: opacity 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out;
    background: url(../images/svg-sprite.svg) no-repeat;
    background-position: 97.54901960784314% 59.58549222797927%;
    width: 19px;
    height: 18px;
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -9px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .material-list .open .header:after {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .material-list .header .trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .material-list .open .header {
    background-color: #474b4f;
  }
  .material-list .header h2 {
    color: #2c2e30;
    font-size: 15px;
    line-height: 17px;
    text-transform: uppercase;
  }
  .material-list .open .header h2 {
    color: #fff;
  }
  .material-list .open .content {
    display: block;
  }
  .material-list .btn-mini {
    display: none;
  }
}
@media (min-width: 768px) {
  .material-list .block {
    padding: 2% 5.5% 2% 5.5%;
  }
  .material-list .block.gray {
    background: #f3f4f4;
  }
  .material-list .content {
    display: block!important;
  }
  .material-list .header {
    margin: 2.5% 0 1% 0;
  }
  .material-list h2 {
    font-size: 45px;
    line-height: 47px;
  }
  .material-list .content-row {
    padding: 4% 0 0 0;
  }
  .material-list .content-row.no-headline {
    padding: 0;
  }
  .material-list .content-row:first-child {
    padding-top: 2%;
  }
  .material-list .article {
    padding-left: 210px;
  }
  .material-list .no-headline .article {
    padding-left: 0;
  }
  .material-list .headline {
    position: absolute;
    top: 11px;
    left: 0;
    width: 200px;
    font-size: 18px;
    line-height: 20px;
  }
  .material-list .headline h3 {
    padding: 0 0 10px 0;
    font-size: 25px;
    line-height: 27px;
  }
  .material-list .product-group .item {
    width: 118px;
  }
  .material-list .block.gray .product-group .link {
    background-color: #e6e7e7;
  }
  .material-list .block.gray .product-group .link:hover,
  .material-list .block.gray .product-group .link:focus {
    background-color: #cccece;
  }
  .material-list .btns {
    padding-top: 10px;
    text-align: left;
  }
  .material-list .btns .btn {
    margin: 0;
    padding: 16px 5px;
  }
  .material-list .btns span {
    font-size: 18px;
    line-height: 20px;
  }
}
@media (min-width: 1201px) {
  .material-list .article {
    padding-right: 300px;
  }
  .material-list .btns {
    position: absolute;
    bottom: 50px;
    right: 20px;
    width: 230px;
  }
  .material-list .btns .btn {
    max-width: 230px;
  }
  .material-list .product-group .item {
    width: 20%;
    max-width: 118px;
  }
}
/* ==========================================================================
   DETAILS SUM
   ========================================================================== */
.details-sum {
  padding: 4.5% 0 2% 0;
  text-align: center;
}
.details-sum .prologue {
  float: left;
  width: 100%;
  height: 340px;
  margin: 0 0 5% 0;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.details-sum .prologue blockquote {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 10%;
  color: #fff;
  text-transform: none;
}
.details-sum .prologue blockquote:before,
.details-sum .prologue blockquote:after,
.details-sum .prologue blockquote p:before,
.details-sum .prologue blockquote p:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.details-sum .list {
  position: relative;
  box-sizing: border-box;
  margin: 0 10px;
}
.details-sum .item {
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  padding: 7% 0;
  zoom: 1;
}
.details-sum .item:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -7%;
  background: #a2abb1;
}
.details-sum .item:first-child:before {
  display: none;
}
.details-sum .item h2 {
  text-transform: uppercase;
  line-height:1.2;
}
.details-sum .item .image {
  margin: 0 0 10px 0;
}
.details-sum .item img {
  margin: auto;
}
.details-sum .item p {
  padding-bottom: 0;
}
@media (min-width: 376px) and (max-width: 767px) {
  .details-sum .item {
    width: 50%;
    margin: 0 -2px;
    padding: 5% 2%;
  }
  .details-sum .item:before {
    margin-top: -5%;
  }
  .details-sum .item:nth-of-type(2):before {
    display: none;
  }
}
@media (min-width: 768px) {
  .details-sum {
    padding: 4.5% 0 2% 0;
  }
  .details-sum .prologue {
    height: 450px;
    margin: 0 0 1.5% 0;
  }
  .details-sum .prologue blockquote {
    margin: 0 15%;
  }
  .details-sum .prologue blockquote p {
    padding-left: 1%;
    padding-right: 1%;
  }
  .details-sum .list {
    width: 89%;
    margin: 0 5.5%;
  }
  .details-sum .item .image {
    margin-bottom: 20px;
  }
  .details-sum .item {
    width: 33.3333%;
    margin: 0 -2px;
    padding: 5% 3%;
  }
  .details-sum .item:before {
    margin-top: -5%;
  }
  .details-sum .item:nth-of-type(2):before,
  .details-sum .item:nth-of-type(3):before {
    display: none;
  }
}
/* ==========================================================================
    WARRANTY
   ========================================================================== */
.warranty {
  padding: 4.5% 0 2% 0;
}
.warranty h1 {
  text-align: center;
}
/* Warranty top
   ========================================================================== */
.warranty-top {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  padding: 0 10px 30px 10px;
}
.warranty-top .col-fst,
.warranty-top .col-snd {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  padding: 0 0 0 70px;
}
.warranty-top .col-fst img {
  position: absolute;
  top: 0;
  left: 0;
}
.warranty-top .btn {
  margin: 10px 0 0 0;
  font-weight: 700;
}
/* Warranty tips
   ========================================================================== */
.warranty-tips {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 3%;
  margin-bottom: 3%;
  padding: 30px 0 50px 0;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.warranty-tips h2 {
  padding: 30px 0;
  color: #bfb47a;
  text-transform: uppercase;
}
.warranty-tips-slider {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.warranty-tips .item {
  position: relative;
  float: left;
  width: 100%;
  height: 200px;
}
.warranty-tips .article {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  top: 50%;
  float: left;
  width: 100%;
  padding: 0 30px 0 30px;
  font-family: Georgia, serif;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.warranty-tips .article strong {
  text-decoration: underline;
}
.warranty-tips .bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.warranty-tips .bg img {
  margin: auto;
}
.warranty-tips-slider .slick-dots {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
.warranty-tips-slider .slick-dots li {
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  background: none;
}
.warranty-tips-slider .slick-dots button {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  overflow: hidden;
  width: 14px;
  height: 14px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 0;
  border-radius: 7px;
  text-indent: 30px;
  outline: none;
}
.warranty-tips-slider .slick-dots .slick-active button {
  background-color: #e2383f;
}
/* Warranty article
   ========================================================================== */
.warranty-article {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 1.5% 10px 2% 10px;
}
.warranty-article.warranty-article--topmargin {
  padding: 4.5% 10px 2% 10px;
}
.warranty-article h2 {
  padding-bottom: 15px;
  text-transform: uppercase;
  text-align: center;
}
.warranty-article h3 {
  padding-bottom: 3px;
  color: #000000;
}
.warranty-article .fig {
  float: left;
  width: 100%;
  padding: 0 0 3% 0;
}
.warranty-article .fig img {
  margin: auto;
}
.warranty-article--imgleft img {
  margin: 0 0 0 0;
}
@media (max-width: 767px) {
  .warranty-top .col-fst img {
    width: 50px;
  }
  .warranty-tips .bg img {
    width: 152px;
  }
}
@media (min-width: 768px) {
  .warranty-top {
    padding: 10px 5.5% 60px 5.5%;
  }
  .warranty-top .col-fst {
    padding-left: 170px;
  }
  .warranty-top .col-snd {
    padding-left: 170px;
  }
  .warranty-tips {
    padding-bottom: 8.5%;
    padding-top: 8.5%;
    margin-top: 2%;
  }
  .warranty-tips-slider{
    display: flex;
    justify-content: center;
  }
  .warranty-tips h2 {
    padding: 6% 0 4.5% 0;
    font-size: 45px;
    line-height: 47px;
  }
  .warranty-tips .item {
    width: 33.3333%;
    height: 276px;
  }
  .warranty-tips .article {
    font-size: 17px;
    line-height: 26px;
  }
  .warranty-article {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
  .warranty-article.warranty-article--topmargin {
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
  .warranty-article h2 {
    padding-bottom: 2.6%;
    font-size: 45px;
    line-height: 47px;
  }
  .warranty-article.warranty-article--smaller h2 {
    padding-bottom: 2.6%;
    font-size: 36px;
    line-height: 38px;
  }
  .warranty-article .fig {
    padding-top: 13px;
  }
  .warranty-article .fig.left {
    width: 44.5%;
    padding-right: 5%;
  }
  .warranty-article .fig.right {
    float: right;
    width: 59%;
    padding-left: 5%;
  }
}
@media (min-width: 1024px) {
  .warranty-top .col-fst {
    width: 59%;
  }
  .warranty-top .col-fst:before {
    content: '';
    position: absolute;
    top: 0;
    right: -46px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
  }
  .warranty-top .col-snd {
    padding-left: 100px;
    width: 41%;
  }
  .warranty-top .col-snd:before {
    content: '';
    position: absolute;
    top: 0;
    left: 45px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
  }
}
/* ==========================================================================
    FOOTER
   ========================================================================== */
#footer {
height:102px;
  position: relative;
  z-index: 2;
  padding:0;
  background: #13100b;
  color: #786e5d;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 767px) {
  #footer {
    height: 122px;
  }
}
#footer .section {
  max-width: 1240px;
  padding-top:40px;
}
#footer .left,
#footer .right {
  width: 100%;
}
#footer p {
  padding: 0;
}
#footer a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #fff;
  text-decoration: none;
}
#footer a:hover,
#footer a:focus {
  color: #bdbab3;
}
#footer .scroll-top {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  overflow: hidden;
  display: block;
  position: absolute;
  top: -50px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background: #e2383f;
  line-height: 50px;
  text-indent: 55px;
  outline: none;
}
#footer .scroll-top:hover {
  background-color: #b52e32;
}
#footer .scroll-top:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 52.406417112299465% 0;
  width: 36px;
  height: 21px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -18px;
}
/* Footer nav
   ========================================================================== */
#footer-nav {
  padding: 0 0 10px 0;
}
#footer-nav li {
  position: relative;
  display: inline-block;
  padding: 0 6px 0 11px;
  font-weight: 600;
  font-size:12px;
  text-transform: uppercase;
  letter-spacing:1px;
}
#footer-nav li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #e2383f;
}
#footer-nav li:first-child {
  padding-left: 0;
}
#footer-nav li:first-child:before {
  display: none;
}
/* Footer author link
   ========================================================================== */
#footer .f-link {
  overflow: hidden;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin: 7px auto 0 auto;
  text-indent: 30px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  #footer .f-link {
    padding-bottom: 20px;
  }
}
#footer .f-link:before {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 87.56476683937824% 11.602209944751381%;
  width: 30px;
  height: 30px;
  content: '';
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -5px;
}
#footer .f-link:hover:before,
#footer .f-link:focus:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
#footer .f-link:after {
  -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 65.80310880829016% 73.48066298342542%;
  width: 30px;
  height: 30px;
  content: '';
  position: absolute;
  z-index: 2;
  top: -5px;
  left: -5px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#footer .f-link:hover:after,
#footer .f-link:focus:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (max-width: 767px) {
  #footer-nav {
    display: none;
  }
}
@media (min-width: 768px) {
  #footer .scroll-top {
    display: none;
  }
  #footer .right {
    padding-top: 2px;
  }
  #footer p {
    overflow: hidden;
    display: inline-block;
    min-height: 20px;
    padding: 0 7px;
    line-height: 20px;
    vertical-align: top;
    zoom: 1;
  }
  #footer .txt {
    float: left;
  }
  #footer .f-link {
    float: left;
    margin: 0 0 0 10px;
  }
  #footer-nav {
    padding-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  #footer {
    /*padding-top: 40px;*/
  }
  #footer .left {
    width: auto;
  }
  #footer .right {
    width: auto;
  }
  #footer .copy {
    padding-left: 0;
  }
  #footer .author {
    padding-right: 0;
  }
}
/* ==========================================================================
    HAMBURGER
   ========================================================================== */
.transHamburger {
  -webkit-transition: all .25s;
          transition: all .25s;
}
.hamburger {
  position: absolute;
  z-index: 6;
  top: -50px;
  left: -50px;
  width: 95px;
  height: 95px;
  background: #3e3c36;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.hamburger a {
  -webkit-transition: all .25s;
          transition: all .25s;
  position: relative;
  display: block;
  width: 95px;
  height: 95px;
  outline: none;
}
.hamburger .lines {
  -webkit-transition: all .25s;
          transition: all .25s;
  position: absolute;
  top: 80%;
  left: 50%;
  width: 20px;
  height: 2px;
  margin-left: -10px;
  background: #bdbab3;
}
.hamburger .lines:before {
  -webkit-transition: all .25s;
          transition: all .25s;
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  width: 20px;
  height: 2px;
  background: #bdbab3;
}
.hamburger .lines:after {
  -webkit-transition: all .25s;
          transition: all .25s;
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20px;
  height: 2px;
  background: #bdbab3;
}
.nav-open .hamburger .lines {
  background: transparent!important;
}
.nav-open .hamburger .lines:before {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background: #fff;
}
.nav-open .hamburger .lines:after {
  bottom: 0;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background: #fff;
}
@media (min-width: 768px) {
  .hamburger {
    display: none;
  }
}
/* ==========================================================================
    BTN
   ========================================================================== */
.btn {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  box-sizing: border-box;
  display: inline-block;
  margin: 5px;
  padding: 12px 20px;
  background: #e2383f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.btn:hover,
.btn:focus {
  background-color: #b52e32;
}
.btn.light {
  background: transparent;
  padding: 10px 18px;
  border: 2px solid #fff;
  color: #fff;
}
.btn.light:hover,
.btn.light:focus {
  background-color: #fff;
  color: #000;
}
.btn.blue {
  background-color: #517793;
}
.btn.blue:hover,
.btn.blue:focus {
  background-color: #3f5c72;
}
@media (min-width: 768px) {
  .btn {
    padding: 16px 25px;
  }
  .btn.light {
    padding: 14px 23px;
  }
}
/* ==========================================================================
    COLOR LIST
   ========================================================================== */
.color-list {
  text-align: center;
  padding:0 0 12px;
  height:16px;
  /*display:none;*/
}
.color-list .item {
  display: inline-block;
}
.color-list .color {
  position: relative;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.color-list .color2 {
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
height:16px;
width:8px;
margin:-16px 0 0 8px;
}
/* ==========================================================================
    TOOLTIP
   ========================================================================== */
.tooltip {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #bebebd;
  border-radius: 6px;
  color: #bebebd;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 12px;
  cursor: help;
  text-align: center;
}
.tooltip:before {
  content: '?';
  color: #bebebd;
}
@media (max-width: 1023px) {
  .tooltip {
    display: none;
  }
}
#powerTip {
  position: absolute;
  z-index: 20;
  display: none;
  max-width: 280px;
  padding: 10px 12px;
  background: #3d3b39;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  cursor: default;
}
#powerTip a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #fff;
}
#powerTip a:hover,
#powerTip a:focus {
  color: #ef9195;
}
#powerTip:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background: #3d3b39;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
/* ==========================================================================
    G MAP
   ========================================================================== */
.g-map {
  width: 100%;
  height: 400px;
  margin: 15px 0 45px 0;
}
@media (max-width: 767px) {
  .g-map {
    display: none;
  }
}
/* ==========================================================================
    NO UI SLIDER
   ========================================================================== */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 2px;
}
.noUi-horizontal .noUi-handle {
  width: 14px;
  height: 14px;
  left: -7px;
  top: -6px;
  background: #e2383f;
  border-radius: 7px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 14px;
  height: 14px;
  left: -7px;
  top: -6px;
  background: #e2383f;
  border-radius: 7px;
}
/* Styling;
 */
.noUi-background {
  background: #ccd3d9;
}
.noUi-connect {
  background: #e2383f;
  -webkit-transition: background 450ms;
          transition: background 450ms;
}
.noUi-origin {
  border-radius: 2px;
}
.noUi-target {
  border-radius: 4px;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}
.noUi-handle {
  cursor: default;
}
/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #fff;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.selectBox-dropdown {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  height: 40px;
  padding: 0 0 0 10px;
  background: #fff;
  border: 1px solid #a2abb1;
  color: #000000;
  font-size: 16px;
  outline: none;
  cursor: pointer;
  outline: none!important;
  text-decoration: none;
  text-align: left;
}
.selectBox-dropdown .selectBox-label {
  overflow: hidden;
  display: inline-block;
  padding: 0;
  line-height: 40px;
  white-space: nowrap;
  cursor: pointer;
  text-overflow: ellipsis;
}
.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 23px;
  height: 100%;
  background: #c2c5c9 url(../images/selectbox-arrow-bg.png) repeat-x 0 0;
  border-left: 1px solid #a2abb1;
  cursor: pointer;
}
.selectBox-dropdown .selectBox-arrow:before {
  background: url(../images/svg-sprite.svg) no-repeat;
  background-position: 99.0049751243781% 20.103092783505154%;
  width: 22px;
  height: 17px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -11px;
}
.selectBox-active {
  border-color: #86929a;
}
.selectBox-active.selectBox-menuShowing {
  outline: none!important;
}
.selectBox-dropdown-menu {
  overflow: auto;
  position: absolute;
  z-index: 200;
  max-height: 200px;
  min-height: 1em;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #86929a;
  border-radius: 5px;
  -webkit-overflow-scrolling: touch;
}
.selectBox-dropdown-menu li {
  margin: 0;
  padding: 0;
  background: none;
  border-top: 1px solid #e5e5e5;
}
.selectBox-dropdown-menu li:first-child {
  border-top: 0;
}
.selectBox-dropdown-menu a {
  -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
  padding: 8px 13px;
  display: block;
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  cursor: pointer;
}
.selectBox-dropdown-menu .selectBox-hover a {
  background: #e5e5e5;
}
.selectBox-dropdown-menu .selectBox-selected a {
  background: #e5e5e5;
}
.selectBox-inline {
  overflow: auto;
  display: inline-block;
  min-width: 150px;
  background: #fff;
  border: 1px solid #e5e5e5;
  text-decoration: none!important;
  outline: none!important;
}
.selectBox-inline .selectBox-options {
  margin: 0;
  padding: 0;
}
.selectBox-inline .selectBox-options li {
  margin: 0;
  padding: 0;
  background: none;
  text-decoration: none;
}
.selectBox-inline .selectBox-options a {
  display: block;
  padding: 8px 13px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}
.selectBox-inline .selectBox-options .selectBox-hover a {
  background-color: #e5e5e5;
}
.selectBox-inline .selectBox-options .selectBox-selected a {
  background-color: #e5e5e5;
}
.selectBox-disabled {
  opacity: .5;
  filter: alpha(opacity=50);
  cursor: default;
}
.selectBox-disabled .selectBox-label,
.selectBox-disabled .selectBox-arrow {
  cursor: default;
}
/* Selectbox smaller
   ========================================================================== */
/*.product-sizes .selectBox-dropdown,*/
#basket-table .selectBox-dropdown {
  height: 35px;
}
/*.product-sizes .selectBox-label,*/
#basket-table .selectBox-label {
  line-height: 35px;
}
/* Form selectbox
   ========================================================================== */
.form .selectBox-dropdown {
  border-radius: 5px;
}
.form .selectBox-dropdown .selectBox-arrow {
  border-radius: 0 4px 4px 0;
}
.selectBox-dropdown.error {
  border-color: #e2383f;
}
/* ==========================================================================
	SLICK
   ========================================================================== */
.slick-slider {
  box-sizing: border-box;
  position: relative;
  display: block;
  -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 {
  overflow: hidden;
  position: relative;
  display: block;
  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 {
  content: '';
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  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;
}
/* ==========================================================================
    QUANTITY
   ========================================================================== */
.quantity {
  box-sizing: border-box;
  position: relative;
  float: left;
  min-width: 60px;
  margin: 0;
  padding: 0 24px;
}
.quantity input {
  box-sizing: border-box;
  float: left;
  width: 40px;
  height: 35px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #a2abb1;
  outline: none;
  color: #000000;
  text-align: center;
  font-size: 14px;
}
.quantity .btn {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  display: block;
  width: 25px;
  height: 35px;
  margin: 0;
  padding: 0;
  background: #c2c5c9 url(../images/selectbox-arrow-bg.png) repeat-x 0 0;
  border: 1px solid #a2abb1;
  color: #000000;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.quantity .minus {
  left: 0;
}
.quantity .plus {
  right: 0;
}
.quantity.no-btns {
  padding-left: 0;
  padding-right: 0;
}
.quantity.no-btns .btn {
  display: none;
}
/* ==========================================================================
    Magnific Popup 1.0.0 - custom
   ========================================================================== */
.mfpOverlayOpacity {
  opacity: 0.75;
  filter: alpha(opacity=70);
}
.galleryArrow {
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.mfpSprite {
  background-image: url(../images/magnific-popup.png);
  background-size: 160px 40px;
  background-color: transparent;
}
.mfpSprite-old {
  background-image: url(../images/magnific-popup-ie.png);
  background-size: inherit;
  background-color: transparent;
}
.mfp-bg {
  opacity: 0.75;
  filter: alpha(opacity=70);
  overflow: hidden;
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
}
.mfp-wrap {
  position: fixed;
  z-index: 111;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none!important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  text-align: center;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  z-index: 115;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  text-align: left;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: #ffffff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: hidden;
  z-index: 106;
  display: block;
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  text-align: left;
  text-indent: -100px;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.mfp-close {
  background-image: url(../images/magnific-popup-dark.png);
  background-size: 160px 40px;
  background-color: transparent;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  background-position: -40px 0;
}
@media(min-width:1100px){
    button.mfp-close {
    background-image: url(../images/magnific-popup.png);
    }
}
.no-backgroundsize button.mfp-close {
  background-image: url(../images/magnific-popup-ie.png);
  background-size: inherit;
  background-color: transparent;
}
.mfp-close-btn-in .mfp-close {
  background-position: 0 0;
  /*margin-right: -5px;*/
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  width: 40px;
}
.mfp-close-btn-in .mfp-image-holder .mfp-close,
.mfp-close-btn-in .mfp-iframe-holder .mfp-close {
  margin-right: -5px;
  background-position: -40px 0;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  top: 50%;
  width: 90px;
  height: 200px;
  margin: 0;
  margin-top: -100px;
  padding: 0;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:before {
  background-image: url(../images/magnific-popup.png);
  background-size: 160px 40px;
  background-color: transparent;
  content: '';
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 10px;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 0;
  background-position: -80px 0;
}
.no-backgroundsize .mfp-arrow-left:before {
  background-image: url(../images/magnific-popup-ie.png);
  background-size: inherit;
  background-color: transparent;
}
.mfp-arrow-left:after {
  content: '';
  position: absolute;
  z-index: 1;
  text-indent: 50%;
  left: 10px;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 0;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:before {
  background-image: url(../images/magnific-popup.png);
  background-size: 160px 40px;
  background-color: transparent;
  content: '';
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 10px;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 0;
  background-position: -120px 0;
}
.no-backgroundsize .mfp-arrow-right:before {
  background-image: url(../images/magnific-popup-ie.png);
  background-size: inherit;
  background-color: transparent;
}
.mfp-arrow-right:after {
  content: '';
  position: absolute;
  z-index: 1;
  text-indent: 50%;
  right: 10px;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 0;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
img.mfp-img {
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
  line-height: 0;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  z-index: -1;
  right: 0;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  width: auto;
  height: auto;
  background: #444;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure small {
  display: block;
  color: #bdbdbd;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: -36px;
  cursor: auto;
}
.mfp-title {
  padding-right: 36px;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  word-wrap: break-word;
  display:none;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    box-sizing: border-box;
    position: fixed;
    top: auto;
    bottom: 0;
    margin: 0;
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.6);
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    padding: 0;
    background: rgba(0, 0, 0, 0.6);
    line-height: 35px;
    text-align: center;
  }
}
@media all and (max-width: 900px) {
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* ANIMATION
    ========================================================================== */
.mfp-fade.mfp-bg {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.75;
  filter: alpha(opacity=70);
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
  filter: alpha(opacity=0);
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  filter: alpha(opacity=0);
}
/* ==========================================================================
    DIALOG
   ========================================================================== */
.dialog {
  position: relative;
  width: auto;
  max-width: 500px;
  margin: 40px auto;
  padding:40px;
  background: #fff;
}
.dialog-big {
    max-width: 750px;
}
#login-dialog.dialog, #psw-dialog.dialog{
width:320px;
}
@media (min-width: 1100px) {
.mfp-close-btn-in .dialog button.mfp-close {
  top:0px;
  right:-50px;
}
}
@media (max-width: 767px) {
  .dialog {
    padding: 10px;
  }
}
.dialog h3{
font-size:24px;
color:#36383a;
font-weight:normal;
padding:0 0 30px;
text-transform:uppercase;
text-align:center;
font-family: "proxima-nova", sans-serif;
}
.dialog label{
display:block;
padding:0 0 5px;
}
.dialog input[type="text"], .dialog input[type="password"]{
width:298px;
height:48px;
line-height:48px;
background:#fff;
padding:0 10px;
border:1px solid #a2abb1;
border-radius:5px;
margin:0 0 20px;
font-size:16px;
font-family: "proxima-nova", sans-serif;
}
.dialog input[type="submit"]{
background:#e2383f;
border:0;
cursor:pointer;
width:320px;
height:70px;
line-height:70px;
text-align:center;
color:#fff;
font-size:14px;
font-weight:700;
text-transform:uppercase;
margin:5px 0 0;
}
.dialog p.links{
text-align:center;
padding:24px 0 0;
}
.dialog p.links a{
display:inline-block;
color:#000;
font-size:14px;
margin:0 8px;
}
/* Basket dialog
   ========================================================================== */
#basket-dialog {
  max-width: 390px;
  text-align: center;
}
.basket-dialog-head {
  padding: 5px 0 10px 0;
  color: #62696e;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
}
.basket-dialog-head p {
  padding: 0;
}
.basket-dialog-head .name {
  padding-top: 9px;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.basket-dialog-content {
  padding: 0 15%;
}
.basket-dialog-btns .btn {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 48%;
  font-size: smaller;
}
.basket-dialog-btns .btn.left {
  background: #a1a3a6;
}
.basket-dialog-btns .btn.left:hover,
.basket-dialog-btns .btn.left:focus {
  background-color: #7a7d81;
}
@media (max-width: 767px) {
  .basket-dialog-head {
    font-size: 18px;
    line-height: 20px;
  }
  .basket-dialog-head .name {
    font-size: 15px;
    line-height: 17px;
  }
  .basket-dialog-btns .btn {
    width: 80%;
    float: none;
  }
  .basket-dialog-btns .btn.left {
    margin-bottom: 10px;
  }
}

table.tabOrder{
width:100%;
border-collapse:collapse;
background:#fff;
margin:0 0 20px;
}
table.tabOrder th, table.tabOrder td{
text-align:left;
vertical-align:top;
border:0;
padding:20px 40px;
}
table.tabOrder th{
background:#edf1f4;
font-size:18px;
font-weight:700;
color:#517793;
}
@media (max-width: 767px) {
    table.tabOrder th{
    font-size:14px;
    }
    table.tabOrder th, table.tabOrder td{
    padding:10px 20px;
    }
}
table.tabOrder td{
border-bottom:1px solid #cccccc;
}

.orderInfo{
background:#edf1f4;
border:1px solid #c0c8ce;
padding:15px 30px;
margin:0 0 30px;
}
.orderInfo p{
float:left;
padding:5px 40px 5px 0;
}
@media (max-width: 1024px) {
    .orderInfo p{
    float:none;
    }
}
.orderInfo p strong{
color:#517793;
}

.user-box-content {
position: absolute;
top: 46px;
right: 0;
/*left: -90px;*/
width: 190px;
height: 151px;
background: #fff;
border: 1px solid #a2abb1;
box-shadow: 2px 0 23px rgba(0, 0, 0, 0.4);
display: none;
/*opacity: 0;*/
filter: alpha(opacity=0);
}
.user.active .user-box-content {
-webkit-animation: hiddenPlusOpacity 0.25s ease-in-out;
animation: hiddenPlusOpacity 0.25s ease-in-out;
display: block;
opacity: 1;
filter: alpha(opacity=100);
}
.user-box-content:before {
content: '';
position: absolute;
z-index: 1;
top: -6px;
right: 15%;
width: 10px;
height: 10px;
margin-right: -8px;
background: #fff;
border: 1px solid #a2abb1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.user-box-content:after {
content: '';
position: absolute;
top: 0;
right: 15%;
z-index: 2;
width: 20px;
height: 8px;
margin-right: -10px;
background: #fff;
}
.user-box-content ul{
padding:14px 20px;
z-index: 4;
position: absolute;
background-color: white;
width: 150px;
}
.user-box-content li{
background:none;
padding:0;
font-size:14px;
font-weight:600;
border-bottom:1px solid #d0d0d0;
}
.user-box-content li:last-child {
border-bottom:0;
}
.user-box-content li a{
color:#537192;
padding:10px 10px;
display:block;
}
.material-list-images{
    float: left;
}

.load-more{
text-align:center;
clear:both;
padding:0 0 60px;
}
.load-more a{
-webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
      transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
box-sizing: border-box;
display: inline-block;
margin:0;
padding:0 24px;
background: #e2383f;
color: #fff;
text-transform: uppercase;
text-decoration: none;
height:54px;
line-height:54px;
font-size:14px;
}
.load-more a:hover{
background-color: #b52e32;
}

.main-article{
font-size:17px;
}

.availability{
font-weight:bold;
color:#639059;
}
.unavailable{
color:#e2383f;
}

/*
    TEAM, PAGES, etc
*/
#page-content{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top:80px;
}
#page-content .image{
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: #c0c8ce solid 1px;
}
#page-content .image img{
  border-radius: 50%;
}
#page-content p{
  color: #62696e;
  padding: 0 0 25px;
}
#page-content .perex{
  text-align: center;
  margin-bottom: 10px;
  margin-top:-30px;
  opacity: 0;
  transition: opacity .5s ease-in;
  -moz-transition: opacity .5s ease-in;
  -webkit-transition: opacity .5s ease-in;
  -o-transition: opacity .5s ease-in;
  -ms-transition: opacity .5s ease-in;
}
#page-content ul li{
  color: #62696e;
}
#page-content h1 {
  padding: 0 0 40px;
  color: #62696e;
  /*line-height: 27px;*/
  text-align: center;
}
#page-content .hs-col h2{
    padding-top: 32px;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #CC0813;
}
#page-content .hs-col p{
    font-size: 18px;
    margin-bottom: 14px;
    line-height: 140%;
}
@media (max-width: 767px) {
  #page-content h1 {
    display: none;
    padding-top:40px;
  }
}
@media (min-width: 768px) {
  #page-content {
    /*padding: 4.5% 5.5% 4.5% 5.5%;*/
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
  }
}
.blockUI img{
  margin: auto;
}
.catFilter{
  width: 44%;
}
.catFilter .filter-col-content{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
#order-form{
  background-color: #F1F1F1;
}
.b2b-enabled .availability{
  display: block;
}
/*
 * Galery
 */
.gallery .imagecontainer{
  width: 115px;
}
/*
 * ERROR 404
 */
body.error404{
  background: rgb(19, 16, 11) url(../images/bg_404.png) no-repeat fixed center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.error404 .content{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.error404 .eshop-404{
  width: 210px;
  height: 70px;
  color: white;
  background-color: rgb(226, 56, 63);
  border: 0px none;
  margin: 0px 10px;
}
.error404 .back-404{
  width: 210px;
  height: 70px;
  color: black;
  background-color: rgb(230, 230, 230);
  border: 0px none;
  margin: 0px 10px 20px;
}
.error404 .btns{
  margin-top: 80px;
  text-align: center;
}
.error404 .btns a{
  display: inline-block;
  text-decoration: none;
  line-height: 70px;
  text-transform: uppercase;
}
.error404 .img-404{
  text-align: center;
}
.color-list .center-color{
  width: 16px;
  text-align: center;
  left: 50%;
  margin-left: -8px;
}
.mobile-to-basket .m-price{
  text-transform: none;
}
#client-register-form .basket-btns{
  margin-bottom: 30px;
}
.size-table{
  position: absolute;
  width: auto;
  height: auto;
  background-color: white;
  z-index: 3;
  margin-top: 200px;
  box-shadow: 3px 3px 18px 3px rgba(78, 78, 78, 0.9);
  -webkit-box-shadow: 3px 3px 18px 3px rgba(78, 78, 78, 0.9);
  display: none;
}
.size-table h2{
  margin-left: 10px;
}

.archive #content .full-width h4{
  font-size: 29px;
  color: rgb(98, 105, 110);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.111;
  text-align: center;
  margin-bottom: 20px;
}

.archive #content .tiles{
  display: flex;
  justify-content: center;
  text-align: center;
  flex-flow: wrap;
}

.archive #content .tiles .tile{
  display: inline-block;
  width: 33%;
  margin-top: 30px;
  min-width: 364px;
}

.archive #content .tiles .tile .catalog{
  position: relative;
}

.archive #content .tiles .tile .image-content{
  top: -15px;
  left: 12px;
  border: 1px solid grey;
  position: absolute;
  cursor: pointer;
}

.archive #content .tiles .tile .bg{
  position: relative;
  top: 0;
  left: 0;
}

.archive #content .tiles .tile .name{
  padding-bottom: 25px;
  margin: auto;
  display: block;
  width: 320px;
  font-size: 15.465px;
  color: rgb(98, 105, 110);
  text-transform: uppercase;
  line-height: 2.083;
  text-align: left;
}

.responsive-video iframe{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0px;
  overflow: hidden;
}

.sub-page #content .hs {
  background: url('../images/hs-main.jpg') no-repeat;
  height: 720px;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: black;
  width: 100%;
  max-width: 1240px;
  margin: auto;
  background-size: cover;
}

@media(max-width:1000px){
  .sub-page #content .hs {
    position: relative;
  }
}

.sub-page #content .hs h3{
  position: relative;
  top: 40%;
  font-size: 36px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 0 2px 5px #222;
  margin: 0px 50px;
}

@media(max-width:1000px){
  .sub-page #content .hs h3{
    top: 30%;
  }
}
@media(max-width:768px){
  .sub-page #content .hs h3{
    font-size: 28px;
  }
}

.sub-page #content .hs h3 span{
  font-weight: normal;
  font-size: 24px;
  display: block;
  text-transform: none;
  margin: 20px auto auto auto;
  width: 80%;
}

.sub-page #content .hs-text #page-content{
  width: 960px;
  position: relative;
  padding-top: 0;
}

@media(max-width:1000px){
  .sub-page #content .hs-text #page-content{
    width: 100%;
  }
}

.sub-page #content .hs-text #page-content h4{
  font-size: 24px;
  color: #CC0813;
  padding: 20px 0px;
  font-weight: normal;
}

@media(max-width:1000px){
  .sub-page #content .hs-text #page-content h4{
    width: 93vw;
    margin-left: 1rem;
  }
}

.sub-page #content .hs-text #page-content .hs-col{
  font-size: 24px;
  color: #CC0813;
  padding: 20px 0px;
  font-weight: normal;
}

@media(max-width:1000px){
  .sub-page #content .hs-text #page-content .hs-col{
    margin-top: 560px;
  }
}

@media(max-width:500px){
  .sub-page #content .hs-text #page-content .hs-col{
    margin-top: 0;
  }
}

.sub-page #content .hs-text #page-content .hs-col p{
  color: black;
  width: 100%;
  margin-left: 0;
}

.sub-page #content .hs-text #page-content p{
  color: black;
  font-size: 18px;
  margin-bottom: 14px;
  line-height: 140%;
}
@media(max-width:1000px){
  .sub-page #content .hs-text #page-content p{
    margin-left: 1rem;
  }
}

.sub-page #content .hs-text #page-content .hs-col{
  font-size: 18px;
  margin-bottom: 14px;
  line-height: 140%;
  width: 474px;
}

@media(max-width:1000px){
  .sub-page #content .hs-text #page-content .hs-col{
    width: 92vw;
    margin-left: 1rem;
  }
}

.sub-page #content .hs-image{
  width: 476px;
  height: 787px;
  background: url('../images/hs-bunda.png') no-repeat;
  position: absolute;
  top: -225px;
  right: 0px;
}

@media(max-width:1000px){
  .sub-page #content .hs-image{
    right: 0;
    left: 0;
    margin: auto;
  }
}

@media(max-width:500px){
  .sub-page #content .hs-image{
    display: none;
  }
}

.homepage #mainVideo{
  position: absolute;
  margin: auto;
  display: none;
  z-index: 999;
  width: 100%;
  justify-content: center;
  height: 100%;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.homepage #mainVideo object{
  width: 500px;
}

#mainVideo.active{
  display: flex;
}

#mainVideo .center{
  position: relative;
  padding-bottom: 65.25%;
  padding-top: 30px;
  height: 0;
  overflow: auto;
  width: 50%;
  overflow: hidden;
}

#mainVideo .center iframe{
  position: absolute;
  width: 100%;
  border: 0px none;
  height: 100%;
  top: 0;
  left: 0;
}

#mainVideo .responsive{
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
  overflow: hidden;
  max-width: 100%;
}

#mainVideo button.mfp-close{
  right: -5px;
  top: -5px;
}

@media(max-width:1000px){
  #mainVideo .center{
    width:74vw;
  }
}

#footer .section-eu-project {
    padding-top: 0px;
}
.eu-project-logo {
    display: inline;
    border: 1px solid #fff;
    margin: 0;
    max-width: 75px;
}
.eu-project-text {
    display: inline;
    text-align: left;
}
#footer .eu-project-text p {
    color: #fff;
    font-size: 12px;
    line-height: 115%;
}
@media (max-width: 767px) {
    .eu-project-logo, .eu-project-text {
        display: block;
    }
    .section-eu-project {
        text-align: left;
        padding: 30px;
    }
    #footer .eu-project-text p {
        margin-top: 10px;
    }
}
.selectF {
  font-size: 16px;
  font-weight: 700;
  max-width: 100px;
  display: inline-block;
  position: relative;
  border: #D5D4DA 1px solid;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  border-radius: 0;
  height: 30px;
}
.selectF__selected {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 0.4em 1.5em 0.4em 0;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  line-height: 1;
  color: black;
  font-weight: 400;
}
.selectF__selected:hover:before {
  -webkit-transform: translateY(30%) rotate(-45deg);
  -ms-transform: translateY(30%) rotate(-45deg);
  transform: translateY(30%) rotate(-45deg);
}
.selectF__selected:before {
  content: " ";
  position: absolute;
  top: 5px;
  bottom: 0;
  right: 4px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  transform:         rotate(-45deg);
  transform-origin: bottom;
  -ms-transform-origin: bottom;
  -webkit-transform-origin: bottom;
  -webkit-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.selectF__selected:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 24px;
  border-left: 1px solid #D5D4DA;
}
.selectF__list {
  color: black;
  border: 1px solid #D5D4DA;
  position: absolute;
  overflow: hidden;
  background: lightgray;
  cursor: pointer;
  /*width: calc(100% - 24px);*/
  z-index: 1;
  line-height: 1.2;
  font-size: 1em;
  top: 28px;
  box-sizing: border-box;
}
.selectF__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.selectF__item {
  padding: 0 10px;
  line-height: 30px;
  font-weight: 400;
  background: none !important;
}
.selectF__item:hover {
  background: #e9e9e9;
}
.selectF.active .selectF__list {
  display: block;
}

.fakeselect {
  position: relative;
  display: inline-block;
  cursor: pointer;
  float: left;
  margin-right: 6px;
}
.fakeselect__items {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: -1px;
  background-color: #fff;
  display: none;
}

.fakeselect.active .fakeselect__items {
  display: block;
}


.basket-msg{
    padding-top:30px;
    font-style:italic;
    clear:both;
    max-width:47em;
}
.basket-msg p:last-child{
    padding-bottom:5px;
}

.basket-msg2{
    padding-top:30px;
    font-style:italic;
    clear:both;
    text-align: center;
    padding-left:10px;
    padding-right:10px;
}

@media(min-width:768px) {
    .basket-msg2{
        text-align:right;
        max-width: 36em;
        margin-left: auto;
        padding-left:0;
        padding-right:0;
    }
}

.basket-msg2 p:last-child{
    padding-bottom:15px;
}



.ug-top{
    padding:0 20px;
}

.ug-top__head{
    max-width: 40em;
    margin: 0 auto;
    text-align: center;
    font-size:1.1em;
}
.ug-top__download{
    text-align: center;
    margin: 10px 0 50px 0;
}

.ug-top__weather{
    max-width: 40em;
    margin: 30px auto;
    padding: 35px 40px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.2);
}

.ug-top__weather h2{
    padding-top:0;
    padding-bottom:10px;
}

.ug-top__weather p:last-child{
    padding-bottom:0;
}

@media(min-width:768px) {
    .ug-top{
        padding:0 30px;
    }
}



.code-of-ethics{
    background-color:#62696e;
    text-align: center;
    padding:50px 40px;
    float:left;
    box-sizing:border-box;
    width:100%;
}


.code-of-ethics__header{
    font-size: 28px;
    text-transform: uppercase;
    margin:0 0 0.8em 0;
    color:#fff;
}

@media(min-width:768px){
    .code-of-ethics__header{
        font-size: 45px;
    }
}

.code-of-ethics__buttons{
    display: flex;
    justify-content: center;
}

.code-of-ethics__buttons > *{
    margin:0 1em;
}



/* Said team
   ========================================================================== */
   .said-code {
    float: left;
    width: 100%;
    text-align: center;
  }
  .said-code .header {
    position: relative;
    float: left;
    width: 100%;
    height: 170px;
    margin: 0 0 40px 0;
    background-position: 70% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .said-code .header h2 {
    position: relative;
    top: 50%;
    padding: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #bfb47a;
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
    z-index:15;
    /*color:#d6e2eb;*/
  }

  @media (min-width: 768px){
    .said-code .header {
        height: 285px;
        margin-bottom:0px;
    }
      .said-code .header h2 {
          font-size: 45px;
          line-height: 47px;
        }
    }


.coe{
    padding:20px 20px 40px 20px;
}

.coe__text{
    text-align: left;
    max-width: 32em;
    font-family: Georgia, serif;
    color: #62696e;
    margin-right:2em;
}

.coe__text p:last-child{
    
}

.coe__buttons{
    display: flex;
    margin:0 -15px;
    align-items: flex-start;
}

.coe__buttons .btn{
    margin:0 15px;
}

@media(min-width:768px){
    
    .coe{
        padding:40px 45px;
        display: flex;
        align-items: flex-start;
        justify-content:space-between;
    }

    
    .coe__text{
        font-size: 20px;
    }

    .coe__buttons .btn{
        white-space: nowrap;
    }
}

.anchor {
  position: relative;
  display: inline-block;
  height: 0;
  width: 0;
  overflow: hidden;
  top: -140px;
}

@media(max-width:768px){

    #sizes-dialog table,#sizes-dialog td, #sizes-dialog th {
        font-size:12px;
        background-color: #fff;
        width: auto !important;
        height: auto !important;
    }

   #sizes-dialog table {
    margin-top: -15px;
   }
   #sizes-dialog td, #sizes-dialog th {
    padding:5px;
   }

}

li.size-list-table-li{
    height:30px !important;
    background-color:#fff !important;
    border-bottom:1px solid #bfbfbf;
    text-transform: uppercase;
    font-size: 13px;
}

li.size-list-table-li a{
    text-decoration: underline !important;
}

.honey {

  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}