@font-face {
  font-family: 'Geometria';
  src: url("../fonts/Geometria.woff2") format('woff2'), url("../fonts/Geometria.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Geometria';
  src: url("../fonts/Geometria-Medium.woff2") format('woff2'), url("../fonts/Geometria-Medium.woff") format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Geometria';
  src: url("../fonts/Geometria-Bold.woff2") format('woff2'), url("../fonts/Geometria-Bold.woff") format('woff');
  font-weight: bold;
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  margin: 0;
}
img {
  vertical-align: top;
  max-width: 100%;
}
input,
textarea,
button {
  margin: 0;
  border: none;
  outline: none;
}
a {
  color: inherit;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 100%;
  margin: 0 -7.5px;
}
.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  padding-left: 7.5px !important;
  padding-right: 7.5px !important;
}
.start-xs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.end-xs {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.top-xs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.middle-xs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bottom-xs {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.center-xs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.around-xs {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.between-xs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.first-xs {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.last-xs {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.xs-auto {
  -ms-flex-item-align: auto;
      align-self: auto;
}
.xs-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.xs-center {
  -ms-flex-item-align: center;
      align-self: center;
}
.xs-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.xs-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.xs-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.xs-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.xs-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.xs-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.xs-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.xs-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.xs-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.xs-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.xs-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.xs-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.xs-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.xs-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.hidden-xs {
  display: none !important;
}
@media (min-width: 480px) {
  .start-sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .end-sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .top-sm {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .center-sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .around-sm {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .sm-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .sm-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .sm-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .sm-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .hidden-xs {
    display: block !important;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 800px) {
  .start-md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .end-md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .top-md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .around-md {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .md-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .md-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .md-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .md-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .md-padding {
    padding-left: 30px !important;
  }
  .md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .hidden-sm {
    display: block !important;
  }
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .start-lg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .end-lg {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .top-lg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .center-lg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .around-lg {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .lg-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .lg-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .lg-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .lg-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .hidden-md {
    display: block !important;
  }
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .start-xl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .end-xl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .top-xl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-xl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-xl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .center-xl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .around-xl {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-xl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-xl {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-xl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .xl-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .xl-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .xl-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .xl-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .hidden-lg {
    display: block !important;
  }
  .hidden-xl {
    display: none !important;
  }
}
body {
  font-family: 'Geometria', sans-serif;
  line-height: 1.3;
  font-size: 12px;
  color: #2b2b2b;
  background: #c0c2c3 url("../images/back.png");
}
input,
textarea,
button {
  font-family: 'Geometria', sans-serif;
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: 500;
}
h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 1em;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.row {
  margin-top: -20px;
}
.col {
  margin-top: 20px;
}
.title {
  margin: 1.5em 0 1em;
  font-size: 18px;
  color: #c82027;
  letter-spacing: 0.1em;
}
.title:first-child {
  margin-top: 0;
}
.title:last-child {
  margin-bottom: 0;
}
.title--blue {
  color: #2665ac;
}
.title--center {
  text-align: center;
}
.title--uppercase {
  text-transform: uppercase;
}
.text {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.4;
}
.text:first-child {
  margin-top: 0;
}
.text:last-child {
  margin-bottom: 0;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
  margin: 1.2em 0 0 0;
}
.text p,
.text ul,
.text ol,
.text li {
  margin: 0;
}
.text h1:first-child,
.text h2:first-child,
.text h3:first-child,
.text h4:first-child,
.text h5:first-child,
.text h6:first-child {
  margin-top: 0;
}
.text h1:last-child,
.text h2:last-child,
.text h3:last-child,
.text h4:last-child,
.text h5:last-child,
.text h6:last-child {
  margin-bottom: 0;
}
.text ul,
.text ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.text li:before {
  content: "\2014";
  display: inline;
  margin: 2px 3px 5px 0;
}
.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button-group__item + .button-group__item {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group:hover .qty__input,
.button-group:hover .qty__button {
  border-color: #c82027;
}
.button-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4px;
}
.button-set .button {
  margin: 12px 10px 0 10px;
}
.button {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 3px;
  background-color: #c82027;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.button:hover,
.button:focus {
  color: #fff;
  border-color: #b41d23;
  background-color: #b41d23;
  box-shadow: 0px 1px 8px 0px  rgba(0,0,0,0.5);
}
.button--square {
  padding-left: 4px;
  padding-right: 4px;
  width: 38px;
}
.button--small {
  padding: 6px 8px;
  font-size: 10px;
}
.button--small .icon {
  max-width: 8px;
}
.button--small.button--square {
  padding-left: 4px;
  padding-right: 4px;
  width: 25px;
}
.button--large {
  padding: 12px 28px;
  font-size: 16px;
}
.button--large.button--square {
  padding-left: 4px;
  padding-right: 4px;
  width: 44px;
}
.button--opacity {
  background-color: rgba(0,0,0,0.3);
}
.button--opacity:hover,
.button--opacity:focus {
  background-color: rgba(0,0,0,0.4);
}
.button--outline {
  padding: 6px 20px;
  background-color: transparent;
  border: 2px solid currentColor;
}
.button--dark {
  background-color: #626a70;
}
.button--dark:hover,
.button--dark:focus {
  border-color: #c82027;
  background-color: #c82027;
}
.input {
  display: inline-block;
  padding: 12px 16px;
  border-radius: 3px;
  font-size: 11px;
  color: #000;
}
a.input {
  text-decoration: none;
}
textarea.input {
  resize: none;
}
.input--block {
  display: block;
  width: 100%;
}
.input--dark {
  background-color: #e0e4e8;
  color: #797d80;
}
.input--dark::-webkit-input-placeholder {
  color: #797d80;
}
.input--dark:-moz-placeholder {
  color: #797d80;
}
.input--dark::-moz-placeholder {
  color: #797d80;
}
.input--dark:-ms-input-placeholder {
  color: #797d80;
}
.input--darken {
  background-color: rgba(28,42,56,0.5);
  color: #fff;
}
.input--darken::-webkit-input-placeholder {
  color: #fff;
}
.input--darken:-moz-placeholder {
  color: #fff;
}
.input--darken::-moz-placeholder {
  color: #fff;
}
.input--darken:-ms-input-placeholder {
  color: #fff;
}
.input--outline {
  border: 2px solid #989c9f;
  background-color: transparent;
}
.input--outline.input--darken {
  border-color: #fff;
}
.input--large {
  padding: 10px 18px;
  font-size: 24px;
  font-weight: 500;
}
.input--small {
  padding: 9px 14px;
}
.input--search {
  padding-right: 50px;
}
.bg-red {
  background-color: #c82027 !important;
}
.bg-yellow {
  background-color: #e0b212 !important;
}
.bg-blue {
  background-color: #2665ac !important;
}
.bg-blue-dark {
  background-color: #355d89 !important;
}
.bg-blue-darken {
  background-color: #213851 !important;
}
.icon {
  display: inline-block;
}
.icon img {
  display: block;
}
.icon--last {
  margin-left: 8px;
}
.wrapper {
  max-width: 1360px;
  width: 94%;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin: 0 auto;
}
body {
  padding-top: 163px;
}
body.first_page {padding-top: 93px;}
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 93px;
  padding: 22px 0;
  background-color: rgba(18,31,43,0.85);
}
.header--fixed {
  position: fixed;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
}

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -5px;
}
.header__item {
  padding: 0 0px;
}
.logo {
  max-width: 95px;
  min-width: 60px;
}
.region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.region__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 25px;
}
.region__place {
  margin-left: 8px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: underline;
  color: #fff;
}
.phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  min-width: 20px;
}
.phone__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.phone__icon--simple {
  display: none;
}
.phone__number {
  margin-left: 8px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: underline;
  color: #fff;
  display: none;
}
.basket {
  position: relative;
  display: inline-block;
  padding-top: 7px;
  min-width: 50px;
  text-decoration: none;
}
.basket--hascount {
  padding-right: 14px;
}
.basket__count {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 20px;
  background-color: #c82027;
  border: 2px solid #fff;
  border-radius: 10px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #fff;
}
.basket:hover .basket__count, .advantages__item:hover .advantage__icon, .header__item:hover img  {
  -webkit-animation: iconUp 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: iconUp 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.footer .links__item:hover a {font-weight:500;}
.hamburger {
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.hamburger__block {
  position: relative;
  width: 32px;
  height: 32px;
}
.hamburger__inner,
.hamburger__inner:before,
.hamburger__inner:after {
  position: absolute;
  width: 32px;
  height: 2px;
  background-color: #fff;
}
.hamburger__inner {
  top: 50%;
  margin-top: -1px;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
}
.hamburger__inner:before,
.hamburger__inner:after {
  display: block;
  content: "";
}
.hamburger__inner:before {
  top: -10px;
  -webkit-transition: top 75ms ease 0.12s, opacity 75ms ease;
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.hamburger__inner:after {
  bottom: -10px;
  -webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--open .hamburger__inner {
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.hamburger--open .hamburger__inner:before {
  top: 0;
  -webkit-transition: top 75ms ease, opacity 75ms ease 0.12s;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
  opacity: 0;
}
.hamburger--open .hamburger__inner:after {
  bottom: 0;
  -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.mobile-menu {
  display: none;
  position: fixed;
  z-index: 2;
  top: 93px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 0;
  overflow-y: auto;
  background-color: rgba(18,31,43,0.95);
  color: #fff;
}
.mobile-menu--open {
  display: block;
}
.mobile-menu__item {
  margin-bottom: 40px;
}
.mobile-menu__item:last-child {
  margin-bottom: 0;
}
.mobile-menu__button {
  text-align: center;
}
.menu {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu__item {
  margin-bottom: 14px;
}
.menu__item:last-child {
  margin-bottom: 0;
}
.menu__link {
  text-decoration: none;
}
.menu__link.menu__icon {border-bottom: 1px dashed #fff;}
.menu__item_region2 {opacity:0.7;}
.menu__item_down2 {opacity:0.6;}
.mobile-menu__item hr {opacity: 0.4}
.section {
  padding: 18px 0;
}
.section--wrong {
  padding-bottom: 0;
}
.section--simple + .section--simple {
  padding-top: 0;
  margin-top: 30px;
}
.section--hero {
  z-index: 1;
  padding-top: 28px;
  background-color: #2b2b2b;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.6);
          box-shadow: 0 1px 5px rgba(0,0,0,0.6);
  color: #fff;
}
.section--slider {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: background 0.9s linear; 
}
.section--slider .wrapper {
  position: relative;
}
.section--addresses {
  margin: 0 -15px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #223243;
  color: #fff;
}
.section--header {
  padding: 12px 0;
  background-color: #77828b;
  position:absolute; opacity:0.9;    z-index: 1; top: 91px; right: 0; left: 0;
}
.hero__nav {
  margin: 30px -15px 0;
}
.hero__product-promo {
  max-width: 260px;
  margin: 12px auto 0;
}
.slider {
  position: relative;
}
.slider__item {
  display: none;
  -webkit-animation: viewSlide 1s ease;
          animation: viewSlide 1s ease;
}
.slider__item--open {
  display: block;
}
.slider__caption {
  padding: 0 20px;
}
.slider__title {
  font-size: 19px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.slider__button {
  margin-top: 26px;
  text-align: center;
}
.slider__image {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.slider-arrow__item {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.5;
  cursor: pointer;
}
.slider-arrow__item:hover {
  opacity: 1;
}
.slider-arrow__item--prev {
  left: 5px;
  background-image: url("../images/arrow-prev.png");
}
.slider-arrow__item--next {
  right: 5px;
  background-image: url("../images/arrow-next.png");
}
.nav {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav__item {
  border-top: 1px solid rgba(255,255,255,0.5);
}
.nav__link {
  display: block;
  padding: 14px 60px;
  text-decoration: none;
  border-radius: 3px;
}
.nav__link:hover {
  background-color: #c82127;
  color: #fff;
}
.nav__link--lvl-2,
.nav__link--lvl-3 {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.nav__link--lvl-2 {
  padding: 10px 32px;
  color: #c82027;
}
.nav__link--lvl-3 {
  padding: 10px 32px 10px 45px;
  font-weight: 400;
  font-size:0.9em;
  text-transform: none;
  color: #000;
  background: url("../images/icon/next-red.png") 35px 16px no-repeat;
  font-family: arial, sans-serif;
}
.nav__link--lvl-3:hover {
  background-color: #595f65;
  background-image: url("../images/icon/next.png");
}
.nav__item:hover > .nav__link--lvl-1 {
  -webkit-box-shadow: 0px 1px 10px 0px  rgba(0,0,0,0.5);
          box-shadow: 0px 1px 10px 0px  rgba(0,0,0,0.5);
  background-color: #c82127;
  color: #fff;
}
.nav__sublist-wrapper {
  display: none;
}
.nav--drop {
  background-color: #fff;
  text-align: left;
}
.nav--drop .nav__item {
  border-top: 1px solid #e4e6e8;
}
.nav--drop .nav__sublist-wrapper {
  display: block;
}
.nav--drop .nav__link {
  border-radius: 0;
}
.nav--drop .nav__link--lvl-1 {
  padding: 6px 18px;
  background-color: #ecedef;
  color: #000;
}
.product-promo {
  display: none;
  border: 2px solid currentColor;
  border-radius: 3px;
  text-decoration: none;
  color: #fff;
  padding: 14px 16px;
}

.product-promo.active {display: block; opacity: 1;}

.product-promo:hover {box-shadow: 0px 1px 24px rgba(0,0,0,0.7);}
.product-promo__title {
  margin-bottom: 14px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
.product-promo__image {
  margin: 0 -16px 14px;
}
.product-promo__info {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
}
.download {
  display: block;
  padding: 12px 18px;
  background-color: #2b2b2b;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
}
.download--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 3px;
  font-size: 18px;
}
.download--inline .download__icon {
  margin-top: 0;
}
.download--inline .download__tips {
  display: none;
}
.download__text {
  text-align: center;
}
.download__icon {
  height: 28px;
  margin-top: 14px;
  text-align: center;
}
.download__tips {
  display: none;
}
.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 16px;
}
.box:hover {box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.3);}

.box .product {overflow:auto;}
.product:hover .product__title{color:#c82027; font-weight: 600;}

.box .row {font-size: 14px; color: #111;}

.product:hover img {
  -webkit-animation: iconUp 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: iconUp 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.box:last-child {
  margin-bottom: 0;
}

.box__left {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 180px;
  padding: 14px 10px;
  background-color: #2b2b2b;
  color: #fff;
}
.box__left--download {
  width: 130px;
}
.box__right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 16px;
  background-color: #fff;
}
.box__right--search {
  background-color: #77828b;
}
.box__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  text-decoration: none;
}
.box__title {
  padding: 24px 0 42px;
  font-weight: 500;
  text-transform: uppercase;
  word-wrap: break-word;
}
.box__button {
  position: absolute;
  right: 0;
  bottom: 14px;
  left: 0;
}
.search {
  position: relative;
  width: 100%;
}
.search__button {
  position: absolute;
  top: 0;
  right: 3px;
  bottom: 0;
  width: 40px;
  text-indent: -9999px;
  background: transparent url("../images/icon/search.png") center center no-repeat;
  cursor: pointer;
}
.search__button_go {position: absolute;top: 0; right: 3px; background-color: #c82027; font-weight: 500;  color: #fff; text-align: center; bottom: 0;padding: 6px 12px;    font-size: 12px;}

.search__button--dark {
  background-image: url("../images/icon/search-gray.png");
}
.search__item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  margin-left: 10px;
}
.product {
  text-decoration: none;
}
.product__image {
  margin-bottom: 8px;
  text-align: center;
  padding: 10px;
}
.product__title {
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}
.advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -16px;
}
.advantages__item {
  margin: 16px 10px 0 10px;
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
}
.advantage {
  text-decoration: none;
}
.advantage__icon {
  width: 72px;
  margin: 0 auto 10px;
}
.advantage__text {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.address.selected .address__title{color:#e8222a}
.address__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 18px;
  margin-right: 8px;
}
.address__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 6px;
  text-decoration: none;
}
.address__title {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.address__text {
  font-size: 10px;
  text-transform: uppercase;
}
.address__text p {
  margin: 0;
}
.section--addresses a{ text-decoration: none;}
.footer {
  padding: 20px 0;
}
.footer__container {
  padding: 0 40px;
}
.footer__item--full {
  width: 100%;
}
.footer__links {
  margin-bottom: 14px;
}
.copyright {
  font-size: 10px;
  text-transform: uppercase;
}
.create {
  font-size: 10px;
  text-align: right;
  color: #858585;
}
.links {
  margin-top: -12px;
  text-transform: uppercase;
}
.links__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.links__item {
  margin: 12px 5px 0 5px;
}
.modal {
  display: none;
}
.modal--open {
  display: block;
}
.modal__overlay {
  position: fixed;
  z-index: 2;
  top: 0px;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 2px solid #1a1b1b;
  background-color: rgba(18,31,43,0.75);
  padding: 20px;
  outline: none;
}
.modal__back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

::-webkit-scrollbar { width: 15px;}

::-webkit-scrollbar-track { border-radius: 10px;   border-top-left-radius: 0;   border-bottom-left-radius: 0;}

::-webkit-scrollbar-thumb { border-radius: 15px; border-top-left-radius: 0;  border-bottom-left-radius: 0;  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5); background: #ccc;}

.modal__container {
  z-index: 1;
  padding: 18px 20px 20px 20px;
  max-width: 620px;
  border-radius: 15px;
  width: 100%;
  max-height: calc(100vh - 40px);
  overflow-y: scroll;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.5);
          box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.5);
}
.modal__title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  color: #c82027;
}
.modal__title:last-child {
  margin-bottom: 0;
}
.modal__content {
  margin-bottom: 16px;
}
.modal__content:last-child {
  margin-bottom: 0;
}
.modal__row {
  margin-bottom: 16px;
}
.modal__row:last-child {
  margin-bottom: 0;
}

.close {
  float:right;
  margin: -12px -15px 0 0; 
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  color: #111;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 23px;
}
.close:hover {cursor: pointer; background-color: #c82027;color: #fff;  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.7);           box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.7);}
.city {
  position: relative;
  display: block;
  padding: 10px 32px 10px 12px;
  border: 2px solid #cdd0d4;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e9ed));
  background: linear-gradient(to bottom, #fff 0%, #e5e9ed 100%);
}
.city:hover, .city.selected {background: #cdd0d4;}
.city.selected .city__title {    color: #e8222a;}

.city + .city {
  margin-top: -2px;
}
.city:after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  width: 11px;
  background: url("../images/icon/next-gray.png") center center no-repeat;
}
.city.no:after {background: none;}
.city__title {
  font-size: 14px;
}
.city__contact {
  font-size: 10px;
}
.city__contact p {
  margin: 0;
}
.form {
  max-width: 700px;
  margin: 0 auto;
}
.form__item {
  margin-bottom: 12px;
}
.form__item--button {
  margin-top: 20px;
}
.form__item--center {
  text-align: center;
}
.form__item:last-child {
  margin-bottom: 0;
}
.form__label {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.check {
  position: relative;
}
.check input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
.check__label {
  cursor: pointer;
  margin-bottom: 0;
  padding: 8px 0 6px 42px;
  position: relative;
  z-index:10;
}
.check__icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 30px;
  height: 30px;
  border: 2px solid #989c9f;
  border-radius: 3px;
  z-index:0;
}
.check__icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  background-image: url("../images/check2.png");
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
}
.check:hover .check__icon,
.check:focus .check__icon {
  border-color: #999;
}
input[type=checkbox]:checked ~ .check__icon:before {
  opacity: 1;
}
.catalog-nav {
  position: relative;
}
.catalog-nav__button {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 32px 13px 18px;
  border-radius: 3px;
  background-color: #1b2c3e;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}
.catalog-nav__button:after {
  content: "";
  display: block;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  width: 11px;
  background: url("../images/icon/down.png") center center no-repeat;
}
.catalog-nav__button:hover {
  background-color: #1c2a38;
}
.catalog-nav__drop {
  display: none;
}
.catalog-nav--open .catalog-nav__button {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #1c2a38;
}
.catalog-nav--open .catalog-nav__drop {
  display: block;
}
.sidebar {
  margin-top: 22px;
}
.sidebar__item {
  margin-bottom: 22px;
}
.sidebar__item:last-child {
  margin-bottom: 0;
}
.breadcrumbs {
  list-style: none;
  margin: 0 4px 12px 4px;
  padding: 0;
}
.breadcrumbs__item {
  display: inline-block;
  margin-right: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #50575d;
}
.breadcrumbs__item:not(:last-child):after {
  content: "\203A";
  display: inline-block;
  margin-left: 10px;
}
.content__container {
  padding: 22px 22px 24px;
  margin-bottom: 18px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
}
.content__container a:hover {color:#2665ac}
.content__container::last-child {
  margin-bottom: 0;
}
.catalog-item {
  display: block;
  padding: 20px 20px;
  border-radius: 3px;
  text-decoration: none;
}
.catalog-item:hover {
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);
          box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);
}
.catalog-item__image {
  margin-bottom: 12px;
  text-align: center;
}
.catalog-item__title {
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.catalog-item:hover .catalog-item__title {
  color: #c82027;
}
.catalog-item__category {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}
.catalog-item:hover .catalog-item__category {color: #777;}
.callback-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.callback-block:first-child {
  margin-top: 0;
}
.callback-block:last-child {
  margin-bottom: 0;
}
.callback-block__phone {
  display: inline-block;
  margin: 6px 20px 6px 0;
  border-bottom: 1px dashed currentColor;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  color: #626a70;
}
.banner {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
  background-color: #2b2b2b;
  text-decoration: none;
  color: #fff;
}
.banner__title {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.banner__image img {
  max-width: none;
  width: 100%;
}
.banner__button {
  padding: 12px 16px;
  background-color: #626a70;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.banner__button:hover {  background-color: #c82027;}
.cart__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
  border-top: 2px solid #e0e2e3;
  display: table-row
}

.cart__row:hover {
  background-color: #e0e2e3;
}
.cart__row:last-child {
  border-bottom: 2px solid #e0e2e3;
}
.cart__col {
  padding: 4px 10px;
  display: table-cell
}
.cart__number {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 30px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.cart__product {
  -ms-flex-preferred-size: calc(100% - 30px);
      flex-basis: calc(100% - 30px);
}
.cart__title {
  font-size: 14px;
  font-weight: 500;
}
.cart__title a {
  text-decoration: none;
}
.cart__desc {
  font-size: 14px;
}
.cart__desc p {
  margin: 0;
}
.cart__price {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.cart__price--small {
  font-size: 14px;
}
.cart__total {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.cart__sku {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 90px;
  font-size: 14px;
  font-weight: 500;
}
.cart__sku.cart__sku_yellow {background:yellow;}
.cart__option {
  -ms-flex-preferred-size: calc(100% - 90px);
      flex-basis: calc(100% - 90px);
  font-size: 12px;
  cursor:pointer; 
}

.qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.qty:hover .qty__input,
.qty:hover .qty__button {
  border-color: #c82027;
}
.qty__input {
  width: 40px;
  height: 40px;
  border: 2px solid #626a70;
  border-radius: 3px 0 0 3px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance:textfield;
  margin: 0;
}
.qty__input::-webkit-inner-spin-button,
.qty__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.qty__spin {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: -2px;
}
.qty__button {
  display: block;
  height: 21px;
  border: 2px solid #626a70;
  background-color: #e0e2e3;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}
.qty__button--plus {
  margin-bottom: -1px;
  background-image: url("../images/qty-plus.png");
}
.qty__button--minus {
  margin-top: -1px;
  background-image: url("../images/qty-minus.png");
}
.delete {
  width: 17px;
  height: 17px;
  background: url("../images/icon/delete.png") center center no-repeat;
  background-size: cover;
  cursor: pointer;
}
.total {
  margin-top: 18px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.total span {
  color: #c82027;
}
.gallery__image {
  max-width: none;
  width: 100%;
}
.gallery-tips {
  font-size: 14px;
  text-align: center;
}
.tabs__caption {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 2px solid #626a70;
}
.tabs__item {
  padding: 10px 8px;
  font-size: 14px;
  font-weight: 500;
  color: #626a70;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.tabs__item--current {
  background-color: #626a70;
  color: #fff;
}
.tabs__content {
  margin: 0;
  padding: 0 16px;
}
.product-card__item {
  margin-top: 14px;
}
.product-card__item:first-child {
  margin-top: 0;
}
.product-card__desc {
  font-size: 12px;
}
.product-card__desc p {
  margin: 0;
}
.product-card__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.product-card__help {
  margin-top: 18px;
}
.product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
}
.product-info__term {
  -ms-flex-preferred-size: 110px;
      flex-basis: 170px;
}
.product-info__desc {
  max-width: calc(100% - 120px);
  margin-left: 10px;
}
.owl-nav > * {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 20px;
  height: 29px;
  margin-top: -15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
}
.owl-prev {
  left: -30px;
  background-image: url("../images/owl-prev.png");
}
.owl-next {
  right: -30px;
  background-image: url("../images/owl-next.png");
}
.carousel {
  padding: 0 30px;
}
.carousel__nav {
  margin-top: 20px;
}
.carousel__thumb {
  cursor: pointer;
}
.carousel__thumb img {
  border: 1px solid #aeb4b9;
}
.carousel__thumb--current img {
  border-color: #626a70;
}
@media (max-width: 380px) {
  .logo {
    width: 80px;
  }
  .region__icon {
    width: 16px;
  }
  .region__place {
    font-size: 10px;
  }
  .phone {
    width: 24px;
  }
  .basket {
    width: 40px;
  }
  .hamburger__block {
    width: 24px;
  }
  .hamburger__inner,
  .hamburger__inner:before,
  .hamburger__inner:after {
    width: 24px;
  }
  .box__left:not(.box__left--download) {
    width: 140px;
  }
}
@media (min-width: 800px) {
  .row {
    margin-top: -30px;
  }
  .col {
    margin-top: 30px;
  }
  .title {
    font-size: 30px;
  }
  .title--small {
    font-size: 24px;
  }
  .text {
    font-size: 16px;
  }
  .text--small {
    font-size: 14px;
  }
  .button-set {
    margin-top: 12px;
  }
  .button--small {
    padding: 10px 24px;
    font-size: 14px;
  }
  .button--small .icon {
    max-width: none;
  }
  .button--small.button--square {
    width: 38px;
  }
  .button--medium {
    padding: 12px 24px;
    font-size: 16px;
  }
  .button--medium.button--square {
    padding-left: 4px;
    padding-right: 4px;
    width: 44px;
  }
  .button--large {
    padding: 14px 30px;
    font-size: 24px;
  }
  .button--large.button--square {
    width: 58px;
  }
  .input {
    font-size: 14px;
  }
  .input--large {
    font-size: 24px;
  }
  body {
    padding-top: 168px;
  }
  body.first_page {padding-top: 91px;}

  .header {
    height: 91px;
  }
  .header__container {
    margin: 0 -10px;
  }
  .header__item {
    padding: 0 10px;
  }
  .logo {
    max-width: 100%;
    width: 136px;
  }
  .region:after {
    content: "";
    display: block;
    width: 11px;
    height: 6px;
    margin-left: 4px;
    background: url("../images/icon/down.png") center center no-repeat;
  }
  .region__place {
    position: relative;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px dashed currentColor;
  }
  .region__place br {
    display: none;
  }
  .phone__icon--only {
    display: none;
  }
  .phone__icon--simple {
    display: block;
  }
  .phone__number {
    display: block;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px dashed currentColor;
  }
  .mobile-menu {
    top: 0px;
    padding: 40px 0;
    background-color: rgba(18,31,43,0.75);
  }
  .mobile-menu__item {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  .menu {
    font-size: 20px;
  }
  .section {
    padding: 15px 0;
  }
  .section--wrong {
    padding-bottom: 0;
  }
  .section--addresses {
    padding-left: 40px;
    padding-right: 40px;
  }
  .section--header {
    padding: 12px 0;
  }
  .hero__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0px 0 10px
  }
  .hero__slider {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 40px 0 60px;
    margin-bottom: 20px;
  }
  .hero__nav {
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 320px;
    margin: 0;
  }
  .hero__product-promo {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0;
  }
  .nav {
    position: relative;
    text-align: left;
  }
  .nav__list--lvl-2 {
    width: 218px;
    border-left: 1px solid #cacad1;
  }
  .nav__list--lvl-2:first-child {
    border-left: 0;
  }
  .nav__list--lvl-3 {
    width: 100%;
  }
  .nav__item {
    margin-bottom: 0px;
    border-top: 0;
  }
  .nav__item:last-child {
    margin-bottom: 0;
  }
  .nav__item--lvl-2,
  .nav__item--lvl-3 {
    margin-bottom: 0;
    border-top: 1px solid #cacad1;
  }
  .nav__item--lvl-2:first-child {
    border-top: 0;
  }
  .nav__link {
    padding: 8px 18px;
  }
  .nav__link--lvl-2,
  .nav__link--lvl-3 {
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .nav__link--lvl-2 {
    padding: 8px 12px;
    color: #c82027;
    font-size:16px;
  }
  .nav__link--lvl-3 {
    padding: 8px 30px 6px 22px;
    font-weight: 400;
    text-transform: none;
    color: #000;
    background: url("../images/icon/next-red.png") 14px 12px no-repeat;
  }
  .nav__link--lvl-3:hover {
    background-color: #595f65;
    background-image: url("../images/icon/next.png");
  }
  .nav__item:hover .nav__sublist-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav__sublist-wrapper--lvl-2 {
    position: absolute;
    z-index: 3;
    top: -20px;
    left: 100%;
    min-height: calc(100% + 40px);
    border-radius: 3px;
    overflow: hidden;
    background-color: rgba(255,255,255,0.8);
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);
            box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);
  }
  .nav--drop {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    width: 320px;
    padding-top: 6px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgba(27,44,62,0.8);
    -webkit-box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.5);
            box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.5);
  }
  .nav--drop .nav__item {
    margin-bottom: 0px;
    border-top: 0;
  }
  .nav--drop .nav__item--lvl-2,
  .nav--drop .nav__item--lvl-3 {
    margin-bottom: 0;
    border-top: 1px solid #cacad1;
  }
  .nav--drop .nav__link--lvl-1 {
    background-color: transparent;
    color: #fff;
  }
  .nav--drop .nav__sublist-wrapper--lvl-2 {
    display: none;
    top: -55px;
    min-height: calc(100% + 55px);
  }
  .slider__caption {
    padding: 0;
  }
  .slider__title {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
  }
  .slider__button {
    text-align: right;
  }
  .product-promo {
    padding: 18px 20px;
    max-width: 270px;
    margin-right:0px;
    margin-right:20px;
  }
  .product-promo-last {margin-right:0px;}
  .product-promo__title {
    margin-bottom: 26px;
    font-size: 16px;
    height:40px;
  }
  .product-promo__image {
    margin: 0 -10px 12px 0;
    float: right;
    height:200px;
  }
  .product-promo__info {
    font-size: 20px;
  }
  .download {
    font-size: 24px;
  }
  .download--inline {
    font-size: 18px;
  }
  .download__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .download__tips {
    display: inline;
    margin-left: 8px;
    font-size: 14px;
    text-decoration: underline;
  }
  .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 40px;
  }
  .box__left {
    width: 380px;
    padding: 22px 26px;
  }
  .box__right {
    padding: 22px 36px;
  }
  .box__header {
    min-height: 280px;
  }
  .box__title {
    padding: 38px 0 70px;
    font-size: 24px;
  }
  .box__button {
    bottom: 30px;
  }
  .product__image {
    margin-bottom: 22px;
  }
  .product__title {
    font-size: 12px;
  }
  .advantages {
    margin-top: -24px;
  }
  .advantages__item {
    margin: 20px 10px 0 10px;
  }
  .advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .advantage__icon {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 72px;
    margin-right: 10px;
  }
  .advantage__text {
    font-size: 16px;
    text-align: left;
  }
  .address__icon {
    width: 25px;
    margin-right: 12px;
  }
  .address__title {
    font-size: 16px;
  }
  .address__text {
    font-size: 13px;
  }
  .footer {
    padding: 20px 0 40px;
  }
  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -10px;
  }
  .footer__item {
    padding: 0 10px;
  }
  .footer__links {
    margin-bottom: 24px;
  }
  .copyright {
    font-size: 12px;
  }
  .create {
    font-size: 12px;
  }
  .links {
    font-size: 14px;
  }
  .modal__overlay {
    top: 0px;
  }
  .modal__container {
    max-height: calc(100vh - 164px);
  }
  .breadcrumbs {
    margin-bottom: 16px;
  }
  .breadcrumbs__item {
    font-size: 14px;
  }
  .content__container {
    padding: 28px 30px 30px;
    margin-bottom: 30px;
  }
  .catalog-item {
    padding: 28px 22px;
  }
  .catalog-item__image {
    margin-bottom: 22px;
  }
  .catalog-item__title {
    max-width: 200px;
    margin: 0 auto;
    font-size: 16px;
  }
  .callback-block--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .callback-block__phone {
    margin: 8px 40px 8px 0;
    font-size: 18px;
  }
  .form__label {
    font-size: 16px;
  }
  .cart__row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cart__col {
    padding: 4px 12px;
  }
  .cart__number {
    width: 40px;
    font-size: 20px;
  }
  .cart__title {
    font-size: 16px;
  }
  .cart__desc {
    font-size: 16px;
  }
  .cart__price {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 15%;
    font-size: 18px;
    white-space:nowrap;
  }
  .cart__price--small {
    font-size: 14px;
  }
  .cart__qty {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 92px;
  }
  .cart__total {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 22%;
    font-size: 20px;
  }
  .cart__delete {
    padding-right: 0;
  }
  .cart__sku {
    width: 200px;
    font-size: 12px !important;
    letter-spacing:-0.5px;
    margin-left: -10px;
  }
  .cart__option {
    font-size: 15px;
  }
  .total {
    margin-top: 20px;
    font-size: 20px;
  }
  .total span {
    font-size: 20px;
  }
  .gallery-tips {
    font-size: 14px;
  }
  .tabs__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
  }
  .tabs__item {
    padding: 12px 22px;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
  }
  .product-card__item {
    margin-top: 18px;
  }
  .product-card__desc {
    font-size: 16px;
  }
  .product-card__button {
    margin-top: 40px;
  }
  .product-card__help {
    margin-top: 34px;
  }
  .product-info {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .nav__list--lvl-2 {
    width: 300px;
  }
  .content-row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .sidebar-col {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 310px;
            flex: 0 0 310px;
    max-width: 310px;
    min-width: 310px;
    margin-right: 20px;
  }
  .content-col {
    max-width: calc(100% - 350px);
    min-width: calc(100% - 350px);
  }
  .sidebar {
    margin-top: 0;
  }
  .sidebar__item {
    margin-bottom: 30px;
  }
  .catalog-nav--open .catalog-nav__button:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    width: 30px;
    border-top-right-radius: 3px;
    background-color: #1c2a38;
  }
}
@media (min-width: 1200px) {
  .hero__container { -ms-flex-wrap: nowrap;  flex-wrap: nowrap; -webkit-box-align: end;  -ms-flex-align: end;  align-items: flex-end;  }
  .hero__slider {margin-bottom: 0;}
  .hero__nav { -webkit-box-ordinal-group: 0;  -ms-flex-order: -1;  order: -1;  }
  .slider { position: static;  }
  .nav__list--lvl-2 { width: 430px; }
  
}
@media (min-width: 1350px) {
  .wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@-webkit-keyframes viewSlide {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes viewSlide {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes iconUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes iconUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.content__container .button:hover, .content__container .button:focus { color: #fff;}
.tabs__content table, table.table{border: 0; border:1px solid #bcc6cf; width:100%; border-spacing: 0; border-collapse: collapse;}
.tabs__content table tr td, table.table tr td{border: 0; border-right:1px solid #bcc6cf;border-bottom:1px solid #bcc6cf;padding:.5em .75em;margin:0;font-size:0.9em;color:#111}

table.table{border: 0; border:1px solid #bcc6cf; width:100%; border-spacing: 0; border-collapse: collapse;}
table.table tr td{border: 0; border-right:1px solid #bcc6cf;border-bottom:1px solid #bcc6cf;padding:.5em .75em;margin:0;color:#111; font-family: arial, sans-serif; font-size: 12px;}
table.table tr td p {font-family: arial, sans-serif; font-size: 12px;}
table.table tr:first-child td {font-family: arial, sans-serif; font-size: 15px; font-weight: bold !important;  background-color: #626a70; color: #fff; border: 1px solid #626a70}

.more4hidden {display:none;}

.content__container p, .content__container li, .content__container td, .content__container div {font-size: 13px;}
.content__container hr {border:0; border-bottom: 1px solid #e1e1e1; margin: 2em 0;}
.content__container h3 {font-size: 20px;color: #50575d;}
.content__container h2 {font-size: 24px;color: #2665ac;}
.content__container td p, .content__container td li, .content__container td, .content__container td div {font-size: 12px;}

#product-help li {margin:0 0 5px 0; padding: 0 0 0 10px; font-family: arial, sans-serif; font-size:0.85em; color: #626a70}
.product-card__desc, .product-card__desc p, .product-card__desc li {font-family: arial, sans-serif; font-size: 12px;}

.tabs__content td, .tabs__content td p, .tabs__content td div, .tabs__content td li, .tabs__content td a {font-family: arial, sans-serif; font-size: 12px;}
.tabs__content tr:first-child td {font-family: arial, sans-serif; font-size: 15px; font-weight: bold !important;  background-color: #626a70; color: #fff; border: 1px solid #626a70}
.tabs__content tr:first-child td b, .tabs__content tr:first-child td strong{font-family: arial, sans-serif; font-size: 15px; font-weight: bold !important;}
.cart__row {position:relative;border-top: 2px solid #e0e2e3;}
.cart__col.cart__price span {font-family: arial, sans-serif; font-size: 11px; color: #cc0000;}
.cart__col.cart__price span.production {font-size: 9px; color: #626a70;}
.cart__col.cart__price span b {font-weight: bold;}
.cart__col.cart__option {font-family: arial, sans-serif; font-size: 11px; line-height:12px; max-height: 38px; overflow:hidden;padding:0;}
.cart__option_plus, .cart__option_minus {padding:0; background: url("../images/qty-minus.png") no-repeat; width: 14px; height:6px; -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 3%; margin: 0px 0 0 0;}
.cart__option_minus {background: url("../images/qty-plus.png") no-repeat; display:none;}
.cart__option_plus:hover, .cart__option_minus:hover {cursor:pointer}
.cart__col.cart__option.open {max-height: inherit;}

.modal .cart__qty {font-size: 20px; color:#111;}
.owl-carousel {z-index: 0;}
.advantages__item:hover .advantage__text {color: #c82027}

body.header--scroll .header.header--fixed {height: 70px; padding: 10px 0;}
body.header--scroll .header.header--fixed .logo img {width: 70%;}
body.first_page.header--scroll { padding-top: 70px;}

.btn_basket_form_before {background:#7d8890 !important; }
.btn_basket_form_before:hover {cursor: default; box-shadow:none;}

.box.box_first_last .row h3 {margin-top:2em;}
.box.box_first_last .row p {text-align:justify}

.content__container .product_var {border:0;border-collapse: collapse;border-top: 2px solid #e0e2e3;}
.content__container .product_var td {border:0}
.content__container .product_var tr:hover td {background: #e0e2e3;}

.content__container .product_var td {margin:0; padding: 8px 12px; border-bottom: 2px solid #e0e2e3;}
.content__container .product_var .cart__col{width: auto !important;}
.content__container .product_var .cart__col.cart__sku{font-size:1.2em !important;width: 70% !important; font-weight:bold;}
.content__container .product_var .cart__option{margin: 4px 0 0 0 !important;  font-weight:normal !important;}
.content__container .product_var .cart__col.cart__price.cart__price--small{font-size:1.2em !important;font-weight:bold;}
.content__container .product_var .cart__price2 {display: none;}
.header__item.header__search {display: none;}
.header__item.header__search .search__button {opacity:0.2}

#modal-callback .modal__container {width: 400px;}
#modal-callback .phone-mask {text-align:center;}
#modal-callback .modal__title {margin-bottom: 10px;}
.menu__item_region2 {display: none;}
.menu__item_down2 {display: none;}
.section--first {margin-top:25px;} 
.hero__nav {margin-left:-18px;}
  
@media (min-width: 1200px) {
    body.header--scroll .section--header {position:fixed; top: 70px;}
}

@media screen and (max-width: 1300px) {
    .advantages__item { margin: 20px 5px 0 10px;}
    .advantage__text {font-size: 14px;}
    /*.hero__product-promo.product-promo-first {display:none;}*/
    .product-promo {padding: 10px 12px; max-width: 220px;}
    .section--slider { background-size: cover;}
}

@media screen and (max-width: 1366px) {
  .wrapper { padding: 0 !important; }
  .product-promo {padding: 14px 18px; max-width: 240px;}
  .hero__container { padding: 0;}
    .hero__nav {margin-left:-18px;}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .wrapper {width: 94%; padding-left: 0px !important;  padding-right: 0px !important;}
    .advantages__item { margin: 16px 10px 0 10px;  -ms-flex-preferred-size: 110px;  flex-basis: 110px;}
}



@media screen and (max-width: 640px) {
    .cart__col { margin: 0 auto;}
    .cart__option {font-size: 10px;}
    .content__container p, .content__container li, .content__container td {font-size: 12px; }
    .content__container {padding: 22px 4px;}
	table {overflow-x: auto;display: block;	}
    .tabs__content td, .tabs__content td p, .tabs__content td div, .tabs__content td li, .tabs__content td a {
        font-family: arial, sans-serif; font-size: 10px; padding: .1em .2em; line-height: 11px;
    }
    .section--header {top: 73px;}
    .section--simple { margin-top: 0px;}
    .nav--drop .nav__sublist-wrapper {  background: #fff;}
    .breadcrumbs__item {font-size:0.85em;letter-spacing:-0.5px;}
    .breadcrumbs {margin-top: -25px;}
    .header {height:73px;     padding: 12px 0; }
    body.first_page {padding: 73px 0 0 0; margin: 0 0px 0 0px;}
    /*.section { padding: 15px 0;}*/
    
    .wrapper {    max-width: 1360px;    width: 100%;    padding-left: 15px !important;    padding-right: 15px !important;    margin: 0 auto;}
    
    .header .wrapper {width: 94%;  padding-left: 8px !important; padding-right: 8px !important;}
    .mobile-menu {top: 0px;}
    .input--search {  padding-right: 20px; width:99%; }
    .catalog-nav__button { padding: 12px 32px 12px 12px;    font-size: 18px;}
    .download--inline { padding: 12px 32px 12px 12px;    font-size: 18px;}
    .download__icon {height: 24px; margin-top: 10px;}
    .section--wrong {margin: -5px 0 5px 0;padding:0;}
    .section--addresses {margin: 0 -15px;}
    .address {padding: 0 0 0 10px}
    .search__button {right: 5px;}
    #product-options h3 {font-size: 14px; text-align: center !important;}
    #product-options h3 .button {float:initial !important; display:block; clear:both; width: 80%; margin: 0 auto; margin-top:10px;}
    .advantages__item { margin: 5px 10px 20px 5px;    flex-basis: 100%;    text-align: center;}
    .advantage__icon {width: 100%;}
    .advantage__text {font-size: 18px;}
    .cart__sku {flex: none; width: initial;}
    .region__icon {width: 18px;}
    .phone__icon {width: 24px;}
    .basket__icon  {width: 30px; margin-top:-3px;}
    .modal__overlay {padding:0}
    .modal__container {width: 95%; max-width: 95%; margin: 0 auto; max-height: 90%;    position: fixed;}
    .city {padding: 5px 10px; margin: 0 -20px;}
    .city__title {font-size: 12px;}
    .modal__container .cart__title {font-size: 12px;}
    .modal__container .button {padding: 6px 12px;     font-size: 12px;}
    .modal__container .total, .modal__container .cart__price,  .modal__container .cart__qty,   .modal__container .cart__total {font-size: 14px;}
    /*.header__item {padding:0}*/
    body.header--scroll .header.header--fixed .logo img {width: 90%;}
    /*.hamburger { margin-right: -6px;}*/
    .modal__title {font-size:20px;}
    body.header--scroll .header.header--fixed {top:0px}
    .footer__container { padding: 0 0px;}
    .address__text {font-size: 9px; }
    .box.box_first_last .box__left.box__header {display:none;}
    
    .content__container .product_var td {margin:0; padding: 4px 8px; border-bottom: 1px solid #e0e2e3;}
    .content__container .product_var .cart__col.cart__sku{font-size:12px !important;width: 70% !important;}
    .content__container .product_var .cart__col.cart__price.cart__price--small {display:none}
    .content__container .product_var .cart__price2 {font-size: 12px !important; margin: 0 0 4px 0; display: inline-block;}
    .content__container .product_var .cart__col.cart__buy {padding: 2px 2px;}
    .content__container .product_var .cart__option{font-size:10px !important;}
    .content__container .product_var .cart__price2 span { font-size: 10px;  color: #cc0000;}
    .button {padding: 6px 12px; font-size: 10px;}
    
    /*.wrapper {padding-left: 0px !important; padding-right: 0px !important; margin:0 0px 0 0; width:auto;}*/
    .box__left--download {display:none;}
    .header__item {display:none;}
    .header__item:first-child, .header__item:last-child, .header__item.header__basket {display:block; padding: 0 0px;}
    .header__item.header__search {display:block; padding: 0 0px; margin: 0 0px;}
    
    .address__title {font-size: 18px;text-align: center;}
    .address__text {font-size: 12px; opacity:0.8;text-align: center;}
    .address__icon {display:none}
    .menu__item_region2 {opacity:0.7; display: block;}
    .menu__item_down2 {opacity:0.6; display: block;}
    .nav__link {padding: 14px 14px; background-color: rgba(0,0,0,0.3);}
    .section--first {margin-top:-15px;} 
    .hero__nav {    margin: 30px -15px 15px -15px;}
    .product-promo {background-color:rgba(0,0,0,0.3)}
    .hero__product-promo { max-width: 100%;}
    .product-promo__image {text-align:center}
    .slider__caption {display:none;}
    .section--hero {padding-top: 0px; margin-top: -30px}
    .section--slider {background-size:cover}
    .product-promo.active.product-promo-last {display:none;}
    .box__left {padding: 12px 6px;}
    .box__title {font-size:11px;}
    
}

@media screen and (max-width: 320px) {
    /*body.first_page {margin: 0 0px 0 25px;}*/
    .box__title {font-size:9px;}
    .box__left:not(.box__left--download) { width: 100px;}
    .button { font-size: 10px;}
    .product__title {font-size:9px;}
}