@charset "UTF-8";
/*
	Author: Matej Mitas
	Website: http://matejmitas.com
	Year: 2017
*/
/* ========================================

Colors

======================================== */
/* ==========================================

Widths

========================================== */
/* ========================================

Resets

======================================== */


/* Generated by Font Squirrel (https://www.fontsquirrel.com) on August 17, 2016 */
@font-face {
  font-family: 'bebas';
  src: url("../fonts/BebasNeueRegular.woff2") format("woff2"), url("../fonts/BebasNeueRegular.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'sansbold';
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'sansregular';
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'sanslight';
  src: url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
/* ========================================

VIsual

======================================== */
/* ========================================

Dimensional

======================================== */
/* ========================================

Fonts 

======================================== */


BODY, H1, H2, H3, H4, H5, H6, P {
  padding: 0;
  margin: 0; }

BODY {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'sansregular', sans-serif;
}

UL {
  padding: 0;
  margin: 0;
  list-style: none; }

A {
  text-decoration: none; }

H4 {
  font-weight: normal; }

LABEL {
  font-size: 0.9em;
}





H4, H5, .intro NAV, THEAD, .header__main NAV A, .header__search INPUT[type="text"], .btn, .input, .basket__nav, .cta__select A, .product__price {
  font-family: 'bebas', sans-serif;
  text-transform: uppercase; }

H6, P, FOOTER A, FOOTER SMALL, LABEL, .menu__submenu, .menu__items, TBODY {
  font-family: 'sansregular', sans-serif; }

H1, H2 {
  font-family: 'sanslight', sans-serif; }

H3, .header__secondary, .header__secondary A, .header__ham__links, .phone, .header__cart__count, P SPAN, H2.home {
  font-family: 'sansbold', sans-serif; }

/* ========================================

Individual styles

======================================== */
H1 > SPAN, H2 > SPAN, H3 > SPAN, H4 > SPAN, H5 > SPAN {
  display: inline-block; }

H1 {
  font-size: 3em; }
  H1 SPAN {
    background: #bfcacd;
    padding: 10px 30px 10px 30px; }

H2 {
  font-size: 2.5em;
  color: #bfcacd; }
  H2 SPAN {
    box-shadow: inset 0 0 0 2px #000;
    padding: 5px 20px 10px 20px; }

H3 SPAN {
  position: relative;
  padding-bottom: 10px; }
  H3 SPAN:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 2px;
    background: black;
    left: 0;
    bottom: 0; }

H4, .header__main NAV A, .header__search INPUT[type="text"] {
  text-transform: uppercase;
  font-size: 1.35em; }

H5, .intro NAV, .basket__nav {
  font-size: 1.1em;
  font-weight: normal; }

.btn, .inp {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

/* ========================================

BUTTONS

======================================== */
.btn {
  font-size: 1.2em;
  cursor: pointer;
  /* ==========================================
  
  Sizes
  
  ========================================== */
  /* ==========================================
  
  Sizing
  
  ========================================== */
  /* ========================================
  
  Icons
  
  ======================================== */ }
  @media screen and (max-width: 768px) {
    .btn {
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .btn SPAN {
    display: inline-block;
    margin: 0;
    padding: 25px 60px 20px 20px;
    position: relative;
    transition: all 0.15s ease; }
    .btn SPAN.btn__text {
      background: black;
      color: white;
      text-align: left; }
  @media screen and (min-width: 769px) {
    .btn:hover SPAN, .btn--trg SPAN {
      transition: all 0.25s ease; }
      .btn:hover SPAN.btn__offer, .btn--trg SPAN.btn__offer {
        box-shadow: inset 0 0 0 2px #03a9f4 !important; }
      .btn:hover SPAN.btn__text, .btn--trg SPAN.btn__text {
        background: #03a9f4; }
    .btn--trg SPAN.btn__offer {
      color: #03a9f4 !important; } }
  .btn--1 {
    background: lightBlue; }
    .btn--1 SPAN {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 1 calc(100% - 80px);
      -moz-flex: 1 1 calc(100% - 80px);
      -ms-flex: 1 1 calc(100% - 80px);
      flex: 1 1 calc(100% - 80px); }
  @media screen and (min-width: 768px) {
    .btn--2.btn--eq SPAN {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 calc(50% - 80px);
      -moz-flex: 0 0 calc(50% - 80px);
      -ms-flex: 0 0 calc(50% - 80px);
      flex: 0 0 calc(50% - 80px); } }
  .btn--2.triggered SPAN.btn__offer {
    color: #03a9f4;
    box-shadow: inset 0 0 0 2px #03a9f4; }
  .btn--2.triggered SPAN.btn__text {
    background: #03a9f4; }
  @media screen and (max-width: 768px) {
    .btn--2 SPAN {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 calc(100% - 80px);
      -moz-flex: 0 0 calc(100% - 80px);
      -ms-flex: 0 0 calc(100% - 80px);
      flex: 0 0 calc(100% - 80px); } }
  .btn--2 SPAN.btn__offer {
    text-align: center;
    background: white;
    color: black;
    white-space: nowrap;
    padding: 25px 40px 20px 40px;
    box-shadow: inset 0 0 0 2px black; }
  .btn--2 SPAN.btn__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%; }
    @media screen and (min-width: 768px) {
      .btn--2 SPAN.btn__text {
        margin-left: -3px; } }
  .btn--alone {
    max-width: 400px; }
  .btn--i:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background: url(../img/button_sprite.svg); }
  .btn--i--basket:after {
    background-position: 0 0; }
  .btn--i--mail:after {
    background-position: -25px 0; }
  .btn--i--arrowRight:after {
    background-position: -50px 0; }
  .btn--i--arrowDown:after {
    background-position: -75px 0; }
  .btn--i--cross:after {
    background-position: -100px 0; }

/* ========================================

INPUTS

======================================== */
.inp {
  border: 0;
  margin: 0;
  margin-top: 10px;
  padding: 15px 20px 15px 20px;
  /* ==========================================
  
  Warning
  
  ========================================== */
  /* ==========================================
  
  State classes
  
  ========================================== */ }
  .inp--text {
    box-shadow: inset 0 0 0 1px #7f959d;
    background: #bfcacd;
    font-size: 1em;
    color: black;
    margin-right: 10px;
    margin-top: 10px;
    width: calc(100% - 40px - 10px); }
    @media screen and (max-width: 600px) {
      .inp--text {
        margin-right: 0;
        width: calc(100% - 40px); } }
  .inp--select {
    background: #bfcacd;
    font-size: 1.1em;
    background: green;
    visibility: hidden; }
    .inp--select:checked + LABEL:before {
      color: #f3f3f3;
      font-size: 40px;
      text-align: center;
      line-height: 18px;
      box-shadow: inset 0 0 0 2px black; }
    .inp--select:checked + LABEL:after {
      width: 12px;
      height: 12px;
      left: 4px;
      top: 5px;
      background: black;
      box-shadow: none; }
    .inp--select + LABEL {
      display: inline-block;
      cursor: pointer;
      position: relative;
      padding-left: 30px;
      font-size: 0.9em; }
      .inp--select + LABEL:before, .inp--select + LABEL:after {
        top: 1px;
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        bottom: 1px;
        box-shadow: inset 0 0 0 2px #7f959d; }
  .inp--submit {
    background: black;
    font-size: 1.2em;
    color: white;
    width: calc(100% - 10px);
    font-family: 'bebas', sans-serif;
    padding-top: 17px;
    cursor: pointer; }
    .inp--submit:focus {
      background: #03a9f4 !important; }
    @media screen and (max-width: 600px) {
      .inp--submit {
        width: 100%; } }
  .inp--button {
    display: block;
    width: calc(100% - 40px - 10px);
    padding: 25px 20px 20px 20px !important;
    font-family: 'bebas', sans-serif;
    font-size: 1.2em;
    cursor: pointer;
    margin-top: 10px;
    position: relative; }
    @media screen and (max-width: 600px) {
      .inp--button {
        width: calc(100% - 40px); } }
    .inp--button--primary, .inp--button--store {
      background: black !important; }
      .inp--button--primary:hover, .inp--button--store:hover {
        background: #03a9f4 !important; }
      .inp--button--primary:after, .inp--button--store:after {
        position: absolute;
        content: "";
        width: 25px;
        height: 25px;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        background: url(../img/button_sprite.svg); }
    .inp--button--primary:after {
      background-position: -50px 0; }
    .inp--button--store:after {
      background-position: -100px 0; }
  .inp--radio {
    width: calc(100% - 40px - 10px);
    box-shadow: inset 0 0 0 1px #7f959d;
    padding: 20px;
    margin-top: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .inp--radio:hover {
      background: white; }
    .inp--radio DIV:nth-of-type(1) IMG {
      height: 15px; }
    .inp--radio DIV:nth-of-type(2) {
      margin-left: auto; }
      .inp--radio DIV:nth-of-type(2) SPAN {
        float: right;
        margin-bottom: 10px; }
    .inp--radio SPAN {
      width: 30px;
      height: 30px;
      box-shadow: inset 0 0 0 2px #7f959d;
      display: block; }
    .inp--radio INPUT {
      display: none; }
    .inp--radio INPUT:checked + SPAN {
      box-shadow: inset 0 0 0 2px black;
      position: relative; }
      .inp--radio INPUT:checked + SPAN:after {
        width: 20px;
        height: 20px;
        content: "";
        position: absolute;
        background: black;
        display: block;
        left: 5px;
        top: 5px; }
  .inp--zip P {
    margin-top: 30px !important; }
  .inp--zip UL LI {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .inp--zip UL LI SPAN:nth-of-type(1) {
      font-family: 'sansregular', sans-serif;
      font-size: .9em;
      margin-right: 10px; }
  .inp__grid--msg {
    padding: 20px;
    margin-right: 10px;
    color: white; }
    .inp__grid--msg.inp__grid--warning {
      background: #cc0000; }
    .inp__grid--msg.inp__grid--info {
      background: #00004d;
      padding: 40px 20px; }
      .inp__grid--msg.inp__grid--info A {
        background: white;
        color: black; }
    @media screen and (max-width: 600px) {
      .inp__grid--msg {
        margin-right: 0; } }
    .inp__grid--msg H3 {
      padding: 10px 0;
      font-size: 2em;
      margin-top: 0 !important;
      margin-bottom: 40px !important; }
      .inp__grid--msg H3 SPAN {
        padding-bottom: 0 !important; }
        .inp__grid--msg H3 SPAN:after {
          display: none; }
    .inp__grid--msg UL {
      list-style: square; }
      .inp__grid--msg UL LI {
        margin-left: 40px; }
  .inp__row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* ==========================================
    
    Grid items
    
    ========================================== */ }
    .inp__row--divider {
      margin-top: 40px; }
    .inp__row .inp--1 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
    .inp__row .inp--2 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
      @media screen and (max-width: 600px) {
        .inp__row .inp--2 {
          -webkit-box-flex: 0;
          -moz-box-flex: 0;
          box-flex: 0;
          -webkit-flex: 0 0 100%;
          -moz-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%; } }
    .inp__row .inp--3 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 75%;
      -moz-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%; }
      @media screen and (max-width: 600px) {
        .inp__row .inp--3 {
          -webkit-box-flex: 0;
          -moz-box-flex: 0;
          box-flex: 0;
          -webkit-flex: 0 0 100%;
          -moz-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%; } }
    .inp__row .inp--4 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 25%;
      -moz-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%; }
      @media screen and (max-width: 600px) {
        .inp__row .inp--4 {
          -webkit-box-flex: 0;
          -moz-box-flex: 0;
          box-flex: 0;
          -webkit-flex: 0 0 100%;
          -moz-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%; } }
  .inp:focus {
    outline: none;
    background: white;
    box-shadow: inset 0 0 0 2px black; }
  .inp.filled {
    box-shadow: inset 0 0 0 2px black; }
  .inp.mandatory {
    box-shadow: inset 0 0 0 2px #cc0000;
    color: #cc0000; }
  .inp::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #7f959d; }
  .inp:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #7f959d;
    opacity: 1; }
  .inp::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #7f959d;
    opacity: 1; }
  .inp:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7f959d; }

INPUT:disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed; }

/* ==========================================

Set background to all icons

========================================== */
[class*="icon"] {
  background: url(../img/icon_sprite.svg);
  cursor: pointer; }

.icon {
  /* ==========================================
  
  Icons
  
  ========================================== */
  /* ==========================================
  
  Toggling menu
  
  ========================================== */
  	/*&--basket, &--search, &--cross {
  		transition: background-position 0.25s ease;
  
  		&:hover {
  			transition: background-position 0.25s ease;
  		}
  	}*/ }
  .icon--close {
    background-position: 30px 0; }
    .icon--close:hover {
      background-position: 30px -30px; }
  .icon--menu {
    background-position: -90px 0; }
  .icon--right {
    background-position: -90px 0; }
    @media screen and (max-width: 768px) {
      .icon--right {
        background-position: -120px 0; } }
  .icon--cross {
    background-position: -120px 0; }
    .icon--cross:hover {
      background-position: -120px -30px; }
  .icon--basket {
    background-position: -60px -60px; }
    @media screen and (min-width: 768px) {
      .icon--basket:hover {
        background-position: -30px -30px; } }
  .icon--search:hover, .icon--search.trg {
    background-position: 0 -30px; }

/* ==========================================

Inners

========================================== */
.wideInner {
  width: 100%; }

.inner {
  max-width: 1280px;
  width: calc(100% - 40px);
  margin: 0 auto; }
  @media screen and (min-width: 1280px) {
    .inner {
      width: calc(100% - 80px); } }
  .inner--noPad {
    width: 100%; }

/* ========================================

768px

======================================== */
.basket .inner, .terms .inner, .user .inner, .contact .inner, .orders__detail .inner, .search .inner, .error .inner {
  max-width: 768px; }


/* ========================================

960px

======================================== */
.benefits .inner, .basket_bigger.inner {
  max-width: 960px; }

  .benefits H4 {
  font-size: 1.25em;     line-height: 1.5;}

/* ========================================

Background

======================================== */
.footer {
  background: black; }

.benefits {
  background: #000;
position: relative;
    z-index: 50;
}

  /*#03a9f4*/

.intro, .terms, .user, .contact, .orders__detail, .search, .error {
  background: #bfcacd; }


.products__list, .product {
  background: white; }

/* ==========================================

Selection

========================================== */
::-moz-selection {
  /* Code for Firefox */
  background: #e60000; }

::selection {
  background: #e60000; }

/* ========================================

Class for opened body 

======================================== */
BODY {
  position: relative;
  width: 100%;
  background: black;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden; }
  BODY.overlay, BODY.no-scroll, BODY.opened {
    width: 100%;
    height: 100%;
    overflow: auto; }
  BODY.overlay, BODY.no-scroll {
    position: absolute; }
  BODY.overlay MAIN {
    opacity: .30;
    transition: opacity 0.2s;
    cursor: pointer; }
    BODY.overlay MAIN .disableClick {
      pointer-events: none; }
  BODY.opened {
    position: fixed; }
    BODY.opened MAIN {
      opacity: .30;
      transition: opacity 0.2s;
      cursor: pointer; }
      BODY.opened MAIN .disableClick {
        pointer-events: none; }
  BODY MAIN {
    transition: all 0.2s;
    transition-delay: 0.2s; }

.header {
  /*position: relative;*/

    position: fixed;
    width: 100%;
    z-index: 10;

  /* ==========================================
  
  Main header
  
  ========================================== */ }
  .header__main, .header__secondary {
    position: relative;
    z-index: 50; }
  .header__secondary {
    background: black;
    /* ==========================================
    
    Header phone
    
    ========================================== */
    /* ==========================================
    
    Header links
    
    ========================================== */
    /* ==========================================
    
    Header user
    
    ========================================== */ }
    .header__secondary .inner {
      max-width: calc(100% - 80px);
      padding: 10px 0;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
    @media screen and (max-width: 1280px) {
      .header__secondary .header__phone A {
        margin-left: 10px; } }
    .header__secondary .header__links, .header__secondary .header__user {
      font-size: 0.8em;
      text-transform: uppercase; }
    .header__secondary .header__links {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 768px) {
        .header__secondary .header__links {
          display: none; } }
      .header__secondary .header__links LI {
        display: inline; }
      .header__secondary .header__links A {
        color: rgba(255, 255, 255, 0.5);
        margin-right: 25px;
        transition: color .25s; }
        .header__secondary .header__links A:hover {
          color: white;
          transition: color .25s; }
    .header__secondary .header__user {
      margin-left: auto;
      margin-right: -20px;
      font-size: 0;
    }
      .header__secondary .header__user A {
        color: white;
        position: relative;
        margin-left: 10px;
        width: 26px;
        display: inline-block;
      }

      .header__secondary .header__user IMG {
        max-width: 100%; }

        @media screen and (max-width: 1280px) {
          .header__secondary .header__user A {
            /*margin-right: 10px;*/
            } }
            /*
        .header__secondary .header__user A:after {
          position: absolute;
          content: "";
          width: 23px;
          height: 23px;
          background: url(../img/icon_sprite.svg);
          background-position: -35px -66px;
          right: -35px;
          top: 0; }
          */
  .header__main {
    background: white;
    border-bottom: 1px solid #bfcacd;
    /* ==========================================
    
    HAMBURGER
    
    ========================================== */
    /* ==========================================
    
    LOGO
    
    ========================================== */
    /* ==========================================
    
    Navigation
    
    ========================================== */
    /* ==========================================
    
    ACTIONS
    
    ========================================== */ }
    @media screen and (max-width: 960px) and (min-width: 769px) {
      .header__main {
        margin-bottom: 70px; } }
    .header__main .inner {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      position: relative;
      max-width: 100%;
      height: 90px; }
      @media screen and (max-height: 700px) {
        .header__main .inner {
          height: 120px; } }
      @media screen and (max-width: 960px) {
        .header__main .inner {
          height: 100px; } }
      @media screen and (max-width: 768px) {
        .header__main .inner {
          height: 80px; } }
    .header__main .header__menu {
      width: 30px;
      height: 30px;
      display: none; }
      @media screen and (max-width: 768px) {
        .header__main .header__menu {
          display: block; } }
    .header__main .header__logo {
        height: 22px;
        width: 200px;
    /*  background: url(../img/logo_sprite.svg); */
    }
      @media screen and (max-width: 960px) {
        .header__main .header__logo {
          height: 22px;
          width: 200px;
        }
        }

      @media screen and (max-width: 1353px) {
        .header__main .header__logo {
          height: 22px;
          width: 180px;
        }
      }


      @media screen and (max-width: 768px) {
        .header__main .header__logo {
          height: 22px;
          width: 200px;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); } }
      @media screen and (max-width: 480px) {
        .header__main .header__logo {
          height: 20px;
          width: 180px;
} }
      @media screen and (max-width: 400px) {
        .header__main .header__logo {
          height: 20px;
          width: 180px;
} }
    .header__main NAV {
      background: white;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      /* ==========================================
      	
      For hiding whilst search open
      	
      ========================================== */
      visibility: visible;
      opacity: 1; }
      .header__main NAV.hidden {
        visibility: hidden;
        opacity: 0; }
      @media screen and (max-width: 768px) {
        .header__main NAV {
          display: none; } }
      @media screen and (max-width: 960px) {
        .header__main NAV {
          transform: translate(0);
          left: -20px;
          width: 100%;
          padding: 20px 20px 30px 20px;
          top: 100px; } }
      .header__main NAV A {
        color: #7f959d;
        margin-right: 40px;
        position: relative;

        /* ==========================================
        
        Media queries for margin
        
        ========================================== */
        /* ==========================================
        
        States
        
        ========================================== */ }
        @media screen and (max-width: 960px) {
          .header__main NAV A {
            text-align: center; } }
        @media screen and (max-width: 960px) {
          .header__main NAV A {
            flex: 1; } }
        .header__main NAV A:last-of-type {
          margin-right: 0; }
        @media screen and (min-width: 961px) {
          .header__main NAV A {
            margin-right: 30px;
            padding-top: 30px;
            padding-bottom: 30px;
            } }
        @media screen and (min-width: 1020px) {
          .header__main NAV A {
            margin-right: 50px; } }
        @media screen and (min-width: 1140px) {
          .header__main NAV A {
            margin-right: 60px; } }
        @media screen and (min-width: 1140px) {
          .header__main NAV A {
            margin-right: 80px; } }
        @media screen and (min-width: 1280px) {
          .header__main NAV A {
            margin-right: 100px; } }
        .header__main NAV A.header__nav--arrow:after {
          content: ">";
          position: absolute;
          display: inline-block;
          height: 10px;
          top: 62px;
          left: 50%;
          font-size: 1.5em;
          transform: rotate(90deg) scale(0.5, 1); }
          @media screen and (max-width: 960px) {
            .header__main NAV A.header__nav--arrow:after {
              top: 30px;
              font-size: 1.25em; } }
        .header__main NAV A:hover, .header__main NAV A.active {
          color: #03a9f4;
          transition: all 0.25s; }
    .header__main .header__actions {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      align-self: stretch;
      -ms-flex-item-align: stretch;
      margin-left: auto;
      margin-right: -20px; }
      @media screen and (min-width: 1280px) {
        .header__main .header__actions {
          margin-right: -40px; } }
      .header__main .header__actions__wrap {
        padding: 0 30px;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center; }
        @media screen and (min-width: 1280px) {
          .header__main .header__actions__wrap {
            padding: 0 40px; } }
        @media screen and (max-width: 960px) {
          .header__main .header__actions__wrap {
            padding: 0 20px; } }
        @media screen and (max-width: 960px) {
          .header__main .header__actions__wrap:first-of-type {
            display: none; } }
        .header__main .header__actions__wrap:last-of-type {
          background: #03a9f4; }
        .header__main .header__actions__wrap > DIV {
          width: 30px;
          height: 30px;
          position: relative; }
          .header__main .header__actions__wrap > DIV.active {
            background-position: -30px -30px; }
            .header__main .header__actions__wrap > DIV.active SPAN {
              background: black; }
          @media screen and (min-width: 768px) {
            .header__main .header__actions__wrap > DIV:hover SPAN {
              background: black; } }
          .header__main .header__actions__wrap > DIV SPAN {
            position: absolute;
            top: -11px;
            right: -11px;
            font-size: 0.75em;
            background: white;
            color: #03a9f4;
            padding: 3px 8px;
            border-radius: 100px; }

/* ==========================================
		
	SEARCH
		
========================================== */
@media screen and (max-width: 960px) and (min-width: 769px) {
  HEADER .header__search {
    display: block; } }

.menu .header__search {
  margin: 0; }
  @media screen and (max-width: 768px) {
    .menu .header__search {
      display: block;
      max-height: 50px; } }

.header__search {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 60px;
  position: relative;
  display: none; }
  @media screen and (min-width: 1280px) {
    .header__search.active ~ .header__actions {
      margin-left: 0; } }
  @media screen and (min-width: 1280px) {
    .header__search {
      max-width: 700px;
      margin: 0 auto; } }
  .header__search.active {
    display: block; }
  .header__search FORM {
    background: red;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    background: #000;
  }
    @media screen and (min-width: 768px) {
      .header__search FORM {
        box-shadow: inset 0 0 0 1px black; } }
  .header__search BUTTON {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    margin-top: 17px;
    display: block;
    border: 0; }
    @media screen and (max-width: 960px) {
      .header__search BUTTON {
        margin-top: 10px; } }
  .header__search INPUT {
    padding: 20px;
    margin: 1px;
    width: calc(100% - 30px);
    border: 0;
    background: #000; color:#FFF;
    border-bottom: 1px #ffffff21 solid;
  }
    @media screen and (max-width: 960px) {
      .header__search INPUT {
        padding: 13px 15px;
        font-size: 1.1em; } }
    @media screen and (max-width: 768px) {
      .header__search INPUT {
        padding: 13px 20px; } }
    .header__search INPUT:focus {
      outline: 0; }

.phone {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .phone__num {
    font-size: 1.2em;
    color: white;
    position: relative;
    margin-left: 35px; }
    .phone__num:before {
      position: absolute;
      content: "";
      width: 23px;
      height: 23px;
      background: url(../img/icon_sprite.svg);
      background-position: -2px -64px;
      left: -35px;
      top: 2px; }

.cta__product {
  background: black; }
  .cta__product__inner {
    padding: 30px; }
  .cta__product .btn {
    position: relative !important;
    bottom: 0 !important;
    width: 80%; }
    .cta__product .btn SPAN {
      box-shadow: inset 0 0 0 2px black; }
    .cta__product .btn:hover SPAN {
      background: white !important;
      color: black; }
      .cta__product .btn:hover SPAN:after {
        filter: invert(1);
        -webkit-filter: invert(1); }

.btn--invert SPAN:after {
        filter: invert(1);
        -webkit-filter: invert(1); }

  .cta__product P {
    color: white !important;
    padding: 0 40px 60px 40px !important; }
  .cta__product H3 {
    font-size: 2em;
    padding: 20px 40px !important; }
  .cta__product:hover P {
    padding: 0 40px 60px 40px !important; }
.cta__select {
  background: black; }
  .cta__select .inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    @media screen and (max-width: 768px) {
      .cta__select .inner {
        max-width: 100%;
        overflow: scroll;
        position: relative; }
        .cta__select .inner::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 0px;
          height: 7px; }
        .cta__select .inner::-webkit-scrollbar-thumb {
          border-radius: 4px;
          background-color: rgba(255, 255, 255, 0.65);
          -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } }
  .cta__select SPAN {
    color: white;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-left: auto;
    font-family: 'bebas', sans-serif;
    position: relative;
    cursor: pointer;
    display: none; }
    .cta__select SPAN.active {
      display: block; }
    @media screen and (max-width: 768px) {
      .cta__select SPAN {
        margin-left: 30px; }
        .cta__select SPAN:before {
          top: -4px !important; } }
    .cta__select SPAN:before {
      content: "X";
      font-size: 1.5em;
      font-family: 'sanslight', sans-serif;
      position: absolute;
      color: white;
      left: -30px;
      top: -12px; }
  .cta__select A {
    margin-right: 75px;
    color: white;
    font-size: 1.2em;
    text-transform: uppercase;
    position: relative;
    opacity: 0.45; }

  @media screen and (max-width: 500px) {
    .cta__select A {
      margin-right: 20px;
      margin-left: 20px;
    }
  }


    .cta__select A:hover, .cta__select A.active {
      opacity: 1; }
    .cta__select A.cta__select--noImage {
      padding: 45px 0; }
    .cta__select A.cta__select--Image {
      padding: 70px 0 20px 0;
      /* ==========================================
      
      Virtual classes
      
      ========================================== */
      /* ==========================================
      
      Sizing classes
      
      ========================================== */ }
      .cta__select A.cta__select--Image:before {
        content: "";
        position: absolute;
        width: 40px;
        height: 40px;
        background: url(../img/cta_sprite.svg);
        left: 50%;
        top: 20px;
        transform: translateX(-50%); }
      .cta__select A.cta__select--Image.banners:before {
        background-position: -200px 0; }
      .cta__select A.cta__select--Image.s-frame:before {
        background-position: -240px 0; }
      .cta__select A.cta__select--Image.small:before {
        background-position: -280px 0; }
      .cta__select A.cta__select--Image.medium:before {
        background-position: -320px 0; }
      .cta__select A.cta__select--Image.large:before {
        background-position: -360px 0; }
      .cta__select A.cta__select--Image.single:before {
        background-position: 0 0; }
      .cta__select A.cta__select--Image.double:before {
        background-position: -40px 0; }
      .cta__select A.cta__select--Image.triangle:before {
        background-position: -80px 0; }
      .cta__select A.cta__select--Image.box:before {
        background-position: -120px 0; }
      .cta__select A.cta__select--Image.rectangle:before {
        background-position: -160px 0; }
.cta H3 {
  color: white; }

.menu {
  position: absolute;
  width: 100%;
  background: white;
  z-index: 49;
  /* ==========================================
  
  Dropdown menu
  
  ========================================== */
  /* ==========================================
  
  Menu
  
  ========================================== */
  /* ==========================================
  
  Hamburger
  
  ========================================== */
  /* ==========================================
  
  Header cart
  
  ========================================== */ }
  @media screen and (max-width: 960px) {
    .menu {
      top: 219px;
      border-top: 1px solid #bfcacd; } }
  @media screen and (max-width: 768px) {
    .menu {
      top: 126px; } }
  .menu.header__menu {
    transform: translateY(-100%);
    transition: transform 0.2s; }
    @media screen and (max-width: 768px) {
      .menu.header__menu {
        display: none; } }
    .menu.header__menu.active {
      transform: translateY(0);
      z-index: 10;
      transition: transform 0.3s;
      transition-delay: 0.2s; }
    .menu.header__menu .menu__inner {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      box-align: stretch;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      -o-align-items: stretch;
      align-items: stretch;
      -ms-flex-align: stretch;
      height: calc(100vh - 140px - 25px);
      max-height: 400px; }
  .menu .menu__submenu {
    background: #bfcacd;
    border-right: 1px solid #7f959d;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 300px;
    -moz-flex: 0 0 300px;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    overflow: auto; }
    @media screen and (min-width: 1440px) {
      .menu .menu__submenu {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 450px;
        -moz-flex: 0 0 450px;
        -ms-flex: 0 0 450px;
        flex: 0 0 450px; } }
    @media screen and (min-width: 768px) {
      .menu .menu__submenu {
        display: none; }
        .menu .menu__submenu.active {
          display: block; } }
    .menu .menu__submenu LI {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (min-width: 768px) {
        .menu .menu__submenu LI {
          border-bottom: 1px solid #7f959d; } }
      .menu .menu__submenu LI A {
        display: block;
        padding: 16px 0 16px 40px;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #5a6e76;
        transition: all .25s ease;
        position: relative; }
        @media screen and (max-width: 768px) {
          .menu .menu__submenu LI A {
            padding: 15px 20px; } }
        .menu .menu__submenu LI A:hover, .menu .menu__submenu LI A.active, .menu .menu__submenu LI A.active2x {
          background: #7f959d;
          color: white;
          transition: background .25s ease; }
          .menu .menu__submenu LI A:hover:after, .menu .menu__submenu LI A.active:after, .menu .menu__submenu LI A.active2x:after {
            color: white; }
        .menu .menu__submenu LI A:after {
          content: ">";
          position: absolute;
          font-size: 1.5em;
          color: #7f959d;
          top: 10px;
          transform: scale(0.8, 1);
          right: 20px; }
  .menu .menu__items {
    padding: 30px 0 0 30px; }
    .menu .menu__items__wrapper {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 1 100%;
      -moz-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: auto;
      padding-right: 40px; }
    .menu .menu__items H3 {
      color: #7f959d;
      font-size: 1.5em; }
      .menu .menu__items H3 SPAN:after {
        background: white; }
    .menu .menu__items NAV {
      padding-bottom: 30px; }
    .menu .menu__items H4 {
      padding-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .menu .menu__items {
        display: none;
        opacity: 0;
        width: 100%;
        transition: all .25s ease;
        visibility: hidden; }
        .menu .menu__items.active, .menu .menu__items.default {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          visibility: visible;
          opacity: 1;
          transition: all .25s ease; }
        .menu .menu__items.default {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -ms-flex-align: center; } }
    .menu .menu__items LI {
      margin-right: 40px; }
      @media screen and (min-width: 960px) {
        .menu .menu__items LI {
          margin-right: 80px; } }
    .menu .menu__items A {
      display: block;
      line-height: 2;
      color: #7f959d; }
      .menu .menu__items A:hover {
        color: black; }
  .menu.header__ham {
    height: calc(100vh - 125px);
    background: #bfcacd;
    transform: translateX(-100%);
    transition: transform 0.2s;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
    .menu.header__ham.active {
      transform: translateY(0);
      z-index: 10;
      transition: transform 0.3s; }
    .menu.header__ham .header__ham__menu {
      max-height: calc(100% - 105px);
      overflow: scroll; }
      .menu.header__ham .header__ham__menu > LI > A {
        background: #bfcacd;
        display: block;
        width: calc(100% - 40px);
        padding: 20px;
        color: black;
        border-top: 1px solid #7f959d;
        font-family: 'bebas';
        font-size: 1.3em;
        position: relative; }
        .menu.header__ham .header__ham__menu > LI > A.active {
          background: #7f959d;
          color: white; }
          .menu.header__ham .header__ham__menu > LI > A.active.header__nav--arrow:after {
            right: 21px;
            color: white;
            transform: rotate(270deg) scale(0.5, 1); }
        .menu.header__ham .header__ham__menu > LI > A.header__nav--arrow:after {
          content: ">";
          position: absolute;
          font-size: 2em;
          color: #7f959d;
          top: 10px;
          right: 30px;
          transform: rotate(90deg) scale(0.5, 1); }
    .menu.header__ham .header__ham__links {
      margin-top: auto;
      background: black;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: justify;
      padding: 0 20px; }
      .menu.header__ham .header__ham__links A {
        font-size: 0.85em;
        color: white;
        text-transform: uppercase;
        display: block;
        padding: 20px 0; }
    .menu.header__ham .menu__submenu {
      display: none;
      background: white; }
      .menu.header__ham .menu__submenu.active {
        display: block; }
      .menu.header__ham .menu__submenu LI A:hover {
        background: #bfcacd;
        color: black; }
  .menu.header__cart {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.2s;
    position: fixed;
    right: 0;
    padding: 20px;
    width: calc(100% - 40px);
    max-width: 500px;
    /* ==========================================
    
    Empty
    
    ========================================== */ }
    .menu.header__cart.active {
      transform: translateY(0);
      z-index: 10;
      transition: transform 0.3s; }
    @media screen and (min-width: 960px) {
      .menu.header__cart {
        height: calc(100vh - 179px - 40px); } }
    @media screen and (min-width: 960px) and (max-height: 700px) {
      .menu.header__cart {
        height: calc(100vh - 179px - 20px); } }
    @media screen and (max-width: 960px) {
      .menu.header__cart {
        height: calc(100vh - 219px - 40px); } }
    @media screen and (max-width: 768px) {
      .menu.header__cart {
        max-width: 100%;
        height: calc(100vh - 146px - 20px); } }
    .menu.header__cart #ajax_cart {
      height: calc(100% - 75px);
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column; }
    .menu.header__cart .header__cart__top {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 30px; }
      .menu.header__cart .header__cart__top SPAN:first-of-type H4, .menu.header__cart .header__cart__top SPAN:first-of-type SPAN {
        display: inline-block; }
      .menu.header__cart .header__cart__top SPAN:first-of-type SPAN {
        background: #03a9f4;
        padding: 11px 18px;
        font-family: 'sansbold';
        color: white;
        border-radius: 50px;
        margin-right: 10px; }
      .menu.header__cart .header__cart__top SPAN:last-of-type {
        margin-left: auto; }
        .menu.header__cart .header__cart__top SPAN:last-of-type A {
          color: black; }
          .menu.header__cart .header__cart__top SPAN:last-of-type A H4 {
            margin-top: 12px;
            position: relative;
            margin-right: 35px; }
            .menu.header__cart .header__cart__top SPAN:last-of-type A H4:after {
              position: absolute;
              content: "";
              width: 30px;
              height: 30px;
              top: -4px;
              right: -35px;
              background: url(../img/icon_sprite.svg);
              background-position: -120px -30px; }
      .menu.header__cart .header__cart__top SPAN.icon {
        width: 30px;
        height: 30px; }
    .menu.header__cart .header__cart__empty {
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .menu.header__cart .header__cart__empty H3 {
        color: #7f959d;
        font-size: 1.5em;
        position: relative; }
        .menu.header__cart .header__cart__empty H3:before {
          content: "";
          position: absolute;
          width: 60px;
          height: 60px;
          left: 50%;
          transform: translateX(-50%);
          top: -60px;
          background: url(../img/icon_sprite.svg);
          background-size: 300px 180px;
          background-position: -60px 0; }
    .menu.header__cart .header__cart__bottom {
      margin-top: auto;
      position: relative; }
      .menu.header__cart .header__cart__bottom:before {
        content: "";
        position: absolute;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        width: 100%;
        height: 50px;
        top: -50px; }
      .menu.header__cart .header__cart__bottom UL {
        padding: 20px 0; }
        .menu.header__cart .header__cart__bottom UL > LI {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          color: #7f959d; }
          .menu.header__cart .header__cart__bottom UL > LI:last-of-type {
            padding-top: 20px;
            color: black; }
            .menu.header__cart .header__cart__bottom UL > LI:last-of-type SPAN:last-of-type {
              font-family: 'sansbold'; }
          .menu.header__cart .header__cart__bottom UL > LI SPAN {
            line-height: 1.3;
            font-size: 1.3em; }
            .menu.header__cart .header__cart__bottom UL > LI SPAN:first-of-type {
              font-family: 'bebas'; }
            .menu.header__cart .header__cart__bottom UL > LI SPAN:last-of-type {
              margin-left: auto;
              font-family: 'sansregular'; }

.discount {
  color: #7f959d;
  font-family: 'sansregular';
  margin-right: 10px;
  font-size: 0.9em;
  position: relative; }
  @media screen and (max-width: 480px) {
    .discount {
      display: inline-block; } }
  .discount:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #bfcacd;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

/* ==========================================

Items

========================================== */
.cart__items {
  max-height: 800px;
  overflow: auto; }
  .cart__items LI {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    padding-top: 40px; }
    .cart__items LI:first-of-type {
      padding: 0; }
    .cart__items LI:last-of-type {
      padding-bottom: 40px; }
    .cart__items LI IMG {
      padding-right: 30px;
      max-width: 50px; }
      @media screen and (max-width: 480px) {
        .cart__items LI IMG {
          max-width: 50px; } }
    .cart__items LI .header__cart__desc {
      max-width: 50%; }
      .cart__items LI .header__cart__desc H6 {
        font-size: .9em; }
      .cart__items LI .header__cart__desc P {
        margin-top: 10px;
        font-size: 1.1em;
        font-family: 'sansbold'; }
    .cart__items LI .header__cart__actions {
      margin-left: auto;
      font-family: 'bebas'; }
      .cart__items LI .header__cart__actions SPAN {
        display: block;
        margin-bottom: 10px;
        margin-right: 10px;
        cursor: pointer;
        position: relative; }
        .cart__items LI .header__cart__actions SPAN:after {
          content: "X";
          position: absolute;
          right: -10px; }
        @media screen and (max-width: 768px) {
          .cart__items LI .header__cart__actions SPAN {
            color: red; } }
        @media screen and (min-width: 768px) {
          .cart__items LI .header__cart__actions SPAN:hover {
            color: red; } }
      .cart__items LI .header__cart__actions INPUT {
        float: right;
        border: 1px solid #000;
        padding: 10px 5px;
        text-align: center;
        font-family: 'sansbold', sans-serif; }
        .cart__items LI .header__cart__actions INPUT:focus {
          outline: none; }

.basket {
  position: relative;
  /* ==========================================
  
  Nav
  
  ========================================== */
  /* ==========================================
  
  Misc
  
  ========================================== */ }
/*  .basket .inner {
    padding: 60px 0; }
    @media screen and (max-width: 600px) {
      .basket .inner {
        padding: 20px 0; } }*/

  .basket .basket_bigger {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    position: relative; }
    @media screen and (max-width: 960px) {
      .basket .basket_bigger {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
/*
  @media screen and (min-width: 961px) {
    .basket--col--2--a {
      margin-right: 40px; } }
  @media screen and (min-width: 960px) {
    .basket--col--2--a {
      max-width: 60%; } }

  @media screen and (min-width: 961px) {
    .basket--col--2--b {
      margin-right: 0px; } }
  @media screen and (min-width: 960px) {
    .basket--col--2--b {
      max-width: 38%; } }
*/

  @media screen and (min-width: 961px) {
    .basket--col--2--a {
      order: 2;
      margin-right: 30px; } }
  @media screen and (min-width: 960px) {
    .basket--col--2--a {
      flex: 2 1 0;
      order: 1;
      } }

  @media screen and (min-width: 961px) {
    .basket--col--2--b {
      margin-right: 0px;
      order: 1;
      border-left: 1px #7f959d solid;
      padding-left: 30px;
      } }
  @media screen and (min-width: 960px) {
    .basket--col--2--b {
      flex: 1 1 0;
      order: 2;
      } }

      


  .basket .text__split--col:first-of-type {
    margin-right: 100px; }
  .basket:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    background: red; }
  .basket__nav {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-bottom: 40px; }
    @media screen and (max-width: 600px) {
      .basket__nav {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .basket__nav A {
      padding: 15px 30px;
      box-shadow: inset 0 0 0 2px #7f959d;
      color: #7f959d;
        flex-basis: 20%;
        text-align: center;
      }
      @media screen and (max-width: 600px) {
        .basket__nav A {
          -webkit-flex-basis: 100%;
          -moz-flex-basis: 100%;
          flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
          margin-top: 10px; } }
      .basket__nav A.active {
        box-shadow: inset 0 0 0 2px black;
        color: black;
      }
      .basket__nav A.current {
        background: #03a9f4;
        box-shadow: none;
        color: white; }
  .basket .cart__items {
    padding-top: 20px; }
  .basket .inp--button {
    color: white; }
  .basket .inp--button--secondary {
    background: #7f959d; }
  .basket H3 .account {
    background: red; }
  @media screen and (max-width: 480px) {
    .basket .header__cart__desc {
      max-width: 40% !important; } }
  .basket__thanks {
    color: #7f959d;
    position: relative;
    text-align: center;
    font-size: 2em;
    margin: 175px 0; }
    .basket__thanks:before {
      content: "";
      position: absolute;
      width: 90px;
      height: 90px;
      background: url(../img/icon_sprite.svg);
      background-size: 450px 270px;
      background-position: -90px 0;
      top: -100px;
      left: 50%;
      transform: translateX(-50%); }


.basket {
  background: #FFF; }

.basket .inp--text {
  background: #FFF;  
  box-shadow: inset 0 0 0 1px #000;
}

.basket .inp--radio {
  background: #FFF;  
  box-shadow: inset 0 0 0 1px #000;
}

.basket .inp--radio SPAN {
    box-shadow: inset 0 0 0 1px #000;
}

.basket H2 SPAN {
    background: black !important;
    color: white !important;
    box-shadow: inset 0 0 0 1px #000;
}

/* ==========================================

Exposed components

========================================== */
.header__cart__actions INPUT {
  font-size: 1em;
  width: 50px; }
.header__cart__actions .cart__it {
  background: white;
  box-shadow: inset 0 0 0 1px #000;
  text-align: center;
  font-family: 'sansbold', sans-serif;
  width: 50px;
  padding: 10px 5px;
  margin-bottom: 0;
  margin-right: 0;
  cursor: default;
  color: black !important; }
  .header__cart__actions .cart__it:hover {
    color: black; }
  .header__cart__actions .cart__it:after {
    content: "" !important; }

.inp__prize .inp__prize--secondary {
  color: #657c84; }
  .inp__prize .inp__prize--secondary SPAN:nth-of-type(2) {
    font-size: 1.2em !important; }
.inp__prize .inp__prize--secondary, .inp__prize .inp__prize--primary {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .inp__prize .inp__prize--secondary SPAN:nth-of-type(1), .inp__prize .inp__prize--primary SPAN:nth-of-type(1) {
    font-family: 'bebas', sans-serif;
    font-size: 1.5em;
    margin-top: 5px; }
    @media screen and (max-width: 480px) {
      .inp__prize .inp__prize--secondary SPAN:nth-of-type(1), .inp__prize .inp__prize--primary SPAN:nth-of-type(1) {
        margin-top: 10px; } }
  .inp__prize .inp__prize--secondary SPAN:nth-of-type(2), .inp__prize .inp__prize--primary SPAN:nth-of-type(2) {
    margin-left: auto;
    font-size: 1.6em;
    font-family: 'sansbold', sans-serif; }
    @media screen and (min-width: 600px) {
      .inp__prize .inp__prize--secondary SPAN:nth-of-type(2), .inp__prize .inp__prize--primary SPAN:nth-of-type(2) {
        margin-right: 10px; } }
    @media screen and (max-width: 480px) {
      .inp__prize .inp__prize--secondary SPAN:nth-of-type(2), .inp__prize .inp__prize--primary SPAN:nth-of-type(2) {
        font-size: 1.4em; } }

.signal {
  border: 10px solid #7f959d;
  border-radius: 60px;
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 60px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite; }
  .signal__wrapper {
    width: 100%;
    height: 50vh;
    position: relative; }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }
.cart__overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 400;
  top: 0;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  transition: all .5s; }
  .cart__overlay.active {
    visibility: visible;
    opacity: 1;
    transition: all .5s; }
    .cart__overlay.active .cart__overlay__box {
      top: 10%;
      transition: top .5s ease; }
  .cart__overlay__box {
    background: white;
    position: fixed;
    z-index: 500;
    min-width: 250px;
    padding: 90px 30px 10px 30px;
    transform: translate(-50%, 0);
    left: 50%;
    top: -400px;
    transition: top .5s ease; }
    @media screen and (max-width: 480px) {
      .cart__overlay__box {
        padding: 90px 30px 30px 30px; } }
    .cart__overlay__box H3 {
      padding-bottom: 20px;
      text-align: center;
      position: relative; }
      .cart__overlay__box H3:before {
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        left: 50%;
        transform: translateX(-50%);
        top: -65px;
        background: url(../img/icon_sprite.svg);
        background-size: 300px 180px;
        background-position: -60px -60px; }

.text {
  min-height: 56vh; }
  .text .inner {
    padding: 60px 0; }
    @media screen and (max-width: 600px) {
      .text .inner {
        padding: 20px 0; } }
  .text__split {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px; }
    @media screen and (max-width: 600px) {
      .text__split {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .text__split__col {
      margin-right: 100px; }

  .text .smallP {
    font-size: 0.8em }

  .text P {
    margin-top: 10px; }

  B {
    font-family: 'sansbold', sans-serif;
  }
  .text UL {
    font-family: 'sansbold', sans-serif;
    padding: 20px 0; }
  .text P A {
    font-family: 'sansbold', sans-serif;
    color: black;
    position: relative; }
    .text P A:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background: black;
      left: 0;
      bottom: 2px; }
  .text H2 {
    margin-bottom: 40px; }
    .text H2 SPAN {
      background: white;
      color: black; }
  .text SMALL {
    margin-top: 10px;
    display: block;
    font-family: 'sansregular', sans-serif; }
  .text H3 {
    margin-top: 40px;
    margin-bottom: 20px; }

.rs {
  position: relative;
  width: 100%;
  background: #bfcacd; }
  @media screen and (max-height: 900px) {
    .rs {
      height: calc(100vh - 130px - 55px); } }
  @media screen and (min-height: 900px) {
    .rs {
      height: calc(100vh - 130px - 45px - 300px);
          padding-top: 100px;
      } }
  .rs__product {
    position: absolute;
    right: 0;
    max-width: 50vw; }
    @media screen and (min-width: 480px) {
      .rs__product {
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (max-width: 768px) {
      .rs__product {
        max-width: 100vw; padding-top: 83px;} }
  .rs__tagline {
    text-align: center;
    position: absolute;
    z-index: 50;
    /* ==========================================
    
    Sale
    
    ========================================== */
    /* ==========================================
    
    Sizings
    
    ========================================== */ }
    @media screen and (min-width: 768px) {
      .rs__tagline {
        top: 50%; } }
    @media screen and (max-width: 768px) {
      .rs__tagline {
        bottom: 0; } }
    @media screen and (max-width: 480px) {
      .rs__tagline {
        bottom: 40px; } }
    .rs__tagline--sale H1 {
      border: 1px solid white !important;
      color: white !important; }
      .rs__tagline--sale H1 SPAN {
        background: #d90000 !important; }
    .rs__tagline--left {
      left: calc((100vw - 1280px) / 2); }
      @media screen and (min-width: 480px) {
        .rs__tagline--left {
          transform: translateY(-50%); } }
      @media screen and (max-width: 1280px) {
        .rs__tagline--left {
          left: 40px; } }
      .rs__tagline--left .btn {
        margin: 20px 0 0 0; }
    .rs__tagline--center {
      left: 50%;
      transform: translate(-50%, -50%); }
      .rs__tagline--center .btn {
        margin: 20px auto 0 auto; }
    .rs__tagline .btn {
      max-width: 400px; }
  .rs H1 {
    color: black; }
    @media screen and (max-width: 960px) {
      .rs H1 {
        font-size: 2.5em; } }
    @media screen and (max-width: 768px) {
      .rs H1 {
        font-size: 2em;
        width: calc(100vw - 80px); } }
    .rs H1 SPAN {
      background: white; }
      @media screen and (max-width: 960px) {
        .rs H1 SPAN {
          display: block; } }

.user .inner {
  padding: 60px 0; }
  @media screen and (max-width: 600px) {
    .user .inner {
      padding: 20px 0; } }
.user H2 {
  color: black; }
  .user H2 SPAN {
    background: white; }
.user H3 {
  position: relative; }
  .user H3 DIV {
    font-weight: sans-serif;
    position: absolute;
    right: -5px;
    top: 50%;
    font-size: 2em;
    padding: 20px;
    transform: translateY(-50%) scale(0.8, 0.5);
    cursor: pointer; }
.user .inp--2 A {
  color: white; }
.user__orders UL {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  @media screen and (max-width: 500px) {
    .user__orders UL {
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .user__orders UL > LI {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
.user__orders A {
  display: block;
  box-shadow: inset 0 0 0 2px #7f959d;
  background: #bfcacd;
  padding: 0;
  margin-top: 10px;
  margin-right: 10px;
  color: black;
  position: relative; }
  @media screen and (min-width: 500px) {
    .user__orders A:hover {
      color: black;
      background: white;
      box-shadow: inset 0 0 0 2px black; }
      .user__orders A:hover LI.state {
        box-shadow: inset 0 0 0 2px black; } }
  @media screen and (max-width: 500px) {
    .user__orders A:after {
      content: ">";
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%) scale(0.65, 1);
      background: white;
      width: 100px;
      text-align: center;
      font-size: 3em;
      color: #7f959d;
      font-family: 'sanslight', sans-serif; } }
.user__orders > LI > UL > LI, .user__orders A UL LI {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%;
  -ms-flex-preferred-size: 25%; }
  @media screen and (max-width: 500px) {
    .user__orders > LI > UL > LI, .user__orders A UL LI {
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%;
      -ms-flex-preferred-size: 50%; } }
.user__orders A UL {
  padding: 0 !important; }
.user__orders A UL LI {
  padding: 20px;
  font-family: 'sansregular', sans-serif; }
  .user__orders A UL LI.state {
    box-shadow: inset 0 0 0 2px #7f959d; }
  .user__orders A UL LI.new {
    background: lightBlue; }
  .user__orders A UL LI.send {
    background: lightGreen; }
  .user__orders A UL LI.cancelled {
    background: #ff6666; }

.benefits {
  color: white; }
  .benefits .inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
    @media screen and (max-width: 768px) {
      .benefits .inner {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
  .benefits__item {
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 250px;
    padding: 10px 0; }
    @media screen and (max-width: 768px) {
      .benefits__item {
        /*
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
*/
        }
      .benefits__item B {
          display: none;
        }

      }
    .benefits__item:nth-of-type(2) DIV {
      background-position: -30px 0; }
    .benefits__item:nth-of-type(3) DIV {
      background-position: -60px 0; }
    .benefits__item P, .benefits__item A {
      font-size: 1em;
      line-height: 1.15;
      margin-top: 5px;
      color: rgba(255, 255, 255, 1);
      font-family: 'bebas', sans-serif;
      //'sansregular', sans-serif;
    }

    .benefits__item B {
      font-size: 0.8em;
      color: rgba(255, 255, 255, 1);
      font-family: 'bebas', sans-serif;
      font-weight: normal;
    }


    .benefits__item P.big {
      font-size: 1.32em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 1);
      }


  .benefits__icon {
    width: 30px;
    height: 30px;
    background: url(../img/features_sprite.svg);
    margin-right: 20px;
    background-size: 90px 30px;}
    /*
    @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .benefits__icon {
        background: url(../img/features_sprite.svg);
        background-size: 210px 70px; } }
        */
    @media screen and (max-width: 768px) {
      .benefits__icon {
        margin-right: 60px;
        display: none;
        } }

.intro {
  /* ==========================================
  
  States
  
  ========================================== */
  /* ==========================================
  
  Price, btn
  
  ========================================== */
  /* ==========================================
  
  Select
  
  ========================================== */
  /* ==========================================
  
  Columns
  
  ========================================== */
  /* ==========================================
  
  Image
  
  ========================================== */
  /* ==========================================
  
  Logos
  
  ========================================== */
  /* ==========================================
  
  Table
  
  ========================================== */
  /* ==========================================
  
  Text styles
  
  ========================================== */ }
  .intro .inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    position: relative; }
    @media screen and (max-width: 960px) {
      .intro .inner {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  @media screen and (min-width: 769px) {
    .intro__text {
      padding: 40px 0; } }
  @media screen and (max-width: 768px) {
    .intro__text:first-of-type {
      padding-top: 40px; } }
  .intro__home {
    overflow: hidden; }
    .intro__home P {
      padding: 30px 0; }
    @media screen and (max-width: 960px) {
      .intro__home .intro--col--1 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%; } }
    @media screen and (max-width: 768px) {
      .intro__home .intro--col--1 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%; } }
    .intro__home .intro__image {
      position: absolute;
      right: -10%;
      max-width: 70%; }
      @media screen and (min-width: 960px) {
        .intro__home .intro__image {
          top: 50%;
          transform: translateY(-50%); } }
      @media screen and (max-width: 960px) {
        .intro__home .intro__image {
          right: -20%;
          transform: translateY(0);
          bottom: 0; } }
      @media screen and (max-width: 768px) {
        .intro__home .intro__image {
          position: relative; } }
      .intro__home .intro__image IMG {
        width: 100%;
        max-height: 100%; }
  .intro--sale H2 SPAN:after {
    content: "Sale";
    position: absolute;
    font-size: 12px;
    font-family: 'sansbold', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    color: white;
    background: red;
    padding: 10px 5px;
    border-radius: 20px;
    top: -15px;
    right: -15px; }
  .intro .product__price {
    background: white;
    box-shadow: inset 0 0 0 2px #03a9f4;
    display: block;
    text-align: center;
    padding: 20px 0;
    color: #03a9f4;
    font-size: 1.6em; }
    .intro .product__price SPAN {
      font-size: .8em;
      opacity: 0.5;
      position: relative;
      margin-right: 10px;
      margin-bottom: 10px; }
      .intro .product__price SPAN A {
        color: white; }
      .intro .product__price SPAN:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 2px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: #03a9f4; }
        .intro__product, .intro__category, .terms, .basket--cart {
              padding-top: 130px;
        }
      @media screen and (min-width: 768px) and (max-width: 960px) {
        .intro__product, .intro__category, .terms, .basket--cart {
              padding-top: 200px;
        }
      }


  .intro__product .product__price, .intro__product .btn, .intro__product .intro__select {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%; }
    @media screen and (min-width: 500px) {
      .intro__product .product__price, .intro__product .btn, .intro__product .intro__select {
        max-width: 300px; } }
  .intro__select {
    position: relative;
    margin-bottom: 20px; }
    .intro__select__text {
      display: block;
      font-family: 'sansbold', sans-serif;
      color: #7f959d;
      box-shadow: inset 0 0 0 2px #7f959d;
      padding: 10px;
      position: relative; }
      .intro__select__text:after, .intro__select__text:before {
        content: ">";
        position: absolute;
        right: 10px; }
      .intro__select__text:after {
        transform: rotate(90deg) scale(0.75, 1);
        bottom: 4px; }
      .intro__select__text:before {
        transform: rotate(-90deg) scale(0.75, 1);
        right: 11px;
        top: 4px; }
    .intro__select SELECT {
      width: 100%;
      height: 100%;
      padding: 0;
      border: 0;
      margin: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      cursor: pointer;
      outline: 0;
      opacity: 0; }
  @media screen and (min-width: 961px) {
    .intro--col--1, .intro--col--2 {
      margin-right: 80px; } }
  @media screen and (min-width: 960px) {
    .intro--col--2 {
      max-width: 400px; } }
  @media screen and (max-width: 960px) {
    .intro--col--2 {
      -webkit-flex-basis: calc(50% - 40px);
      -moz-flex-basis: calc(50% - 40px);
      flex-basis: calc(50% - 40px);
      -ms-flex-preferred-size: calc(50% - 40px); } }
  @media screen and (max-width: 768px) {
    .intro--col--2 {
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      flex-basis: 100%;
      -ms-flex-preferred-size: 100%; } }
  .intro--col--1 {
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    flex-basis: 40%;
    -ms-flex-preferred-size: 40%; }
    @media screen and (max-width: 768px) {
      .intro--col--1 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%; } }
    @media screen and (max-width: 960px) {
      .intro--col--1 {
        margin-right: 0; } }
    @media screen and (min-width: 768px) {
      .intro--col--1 + DIV IMG {
        max-width: 600px; } }
  .intro IMG {
    max-height: 300px; }
  .intro__image {
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 40%;
    -moz-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%; }
    @media screen and (max-width: 768px) {
      .intro__image {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 calc(100% - 40px);
        -moz-flex: 1 1 calc(100% - 40px);
        -ms-flex: 1 1 calc(100% - 40px);
        flex: 1 1 calc(100% - 40px); } }
    .intro__image IMG {
      max-width: 100%; }
      @media screen and (min-width: 961px) {
        .intro__image IMG {
          float: right; } }
      @media screen and (max-width: 960px) and (min-width: 769px) {
        .intro__image IMG {
          margin: 0 auto;
          display: block; } }
  .intro P + .intro__logo__wrapper {
    margin: 20px 0; }
  .intro__logo {
    margin-right: 20px; }
    .intro__logo__wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
    .intro__logo[data-logo="TAF Static Approved"], .intro__logo[data-logo="CE"], .intro__logo[data-logo="TÜV Nord"] {
      width: 40px;
      height: 40px; }
  .intro TABLE {
    background: white;
    border-collapse: collapse;
    margin-top: 32px; }
    .intro TABLE THEAD, .intro TABLE TR {
      border-bottom: 1px solid #bfcacd; }
    .intro TABLE TH {
      text-align: left;
      text-transform: uppercase;
      font-size: 1.1em;
      font-weight: normal; }
    .intro TABLE TD {
      font-size: .8em; }
    .intro TABLE TD, .intro TABLE TH {
      padding: 10px;
      color: #7f959d; }
  .intro H4 {
    font-size: 1.1em; }
  .intro H3 {
    font-size: 2.5em;
    text-transform: uppercase; }
    .intro H3 SPAN {
      padding-bottom: 40px; }
  .intro H2 {
    color: black;
    margin: 30px 0; }
    .intro H2 SPAN {
      background: white;
      padding: 15px 40px 20px 40px;
      position: relative; }
  .intro H1 {
    font-size: 2.5em;
    color: black;
    margin: 30px 0; }

    .intro H1 SPAN {
          box-shadow: inset 0 0 0 2px #000;
      background: white;
      padding: 15px 40px 20px 40px;
      position: relative; }



  .intro NAV A {
    color: #7f959d; }
    .intro NAV A:hover {
      color: #39464a; }
    .intro NAV A:after {
      content: " /"; }
    .intro NAV A:last-of-type {
      color: black;
      pointer-events: none; }
      .intro NAV A:last-of-type:after {
        content: ""; }
  .intro P, .intro FONT, .intro SPAN, .intro UL, .intro LI {
    font-size: 0.9em; }
.intro UL {
    list-style-type: disc;
}
.intro UL li {
margin-left: 14px;
}
.orders__detail .inner {
  padding: 40px 0 60px 0; }
.orders__detail NAV {
  margin-bottom: 30px; }
  .orders__detail NAV A {
    color: #7f959d;
    font-family: 'bebas', sans-serif;
    font-size: 1.1em; }
    .orders__detail NAV A:hover {
      color: #39464a; }
.orders__detail H2 {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  @media screen and (max-width: 500px) {
    .orders__detail H2 {
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .orders__detail H2 SPAN:first-of-type {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%; }
      .orders__detail H2 SPAN:nth-of-type(2) {
        margin-top: 5px; } }
  .orders__detail H2 SPAN:nth-of-type(2) {
    font-size: 1.3rem;
    height: 25px; }
    @media screen and (min-width: 501px) {
      .orders__detail H2 SPAN:nth-of-type(2) {
        margin-left: auto; } }
    .orders__detail H2 SPAN:nth-of-type(2).placed {
      background: lightBlue; }
    .orders__detail H2 SPAN:nth-of-type(2).transport {
      background: yellow; }
    .orders__detail H2 SPAN:nth-of-type(2).delivered {
      background: lightGreen; }
    .orders__detail H2 SPAN:nth-of-type(2).error {
      background: #ff6666; }
.orders__detail .inp--2 A {
  color: white; }

.search.results {
  min-height: 0; }
  .search.results .inner {
    max-width: 1280px; }
  .search.results H2 {
    margin-bottom: 0; }
.search UL {
  list-style: square;
  padding: 0; }
  .search UL LI {
    margin-top: 30px;
    display: block;
    margin-left: 20px; }
    .search UL LI A {
      background: #7f959d;
      color: white;
      padding: 10px;
      font-family: 'sansregular', sans-serif; }
      .search UL LI A:hover {
        background: #03a9f4; }
.search .inp--1 A {
  color: white; }

.error .inner {
  text-align: center; }
.error .inp--1 A {
  color: white; }
.error__artwork {
  font-family: 'bebas', sans-serif;
  font-size: 12em;
  background: #cc0000; }
.error H3 {
  font-size: 1.5em; }

.grid {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 0 60px 0;
  /* ==========================================
  
  Grid sizing
  
  ========================================== */
  /* ==========================================
  
  Grid big
  
  ========================================== */
  /* ==========================================
  
  Grid small
  
  ========================================== */ }
  .grid H3 {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    text-align: left; }
  .grid--big > A, .grid--big > DIV, .grid--small > A, .grid--small > DIV {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
  @media screen and (min-width: 961px) {
    .grid--big > A, .grid--big > DIV {
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%; } }
  @media screen and (max-width: 960px) {
    .grid--big > A, .grid--big > DIV {
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%;
      -ms-flex-preferred-size: 50%; } }
  @media screen and (max-width: 600px) {
    .grid--big > A, .grid--big > DIV {
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      flex-basis: 100%;
      -ms-flex-preferred-size: 100%; } }
  @media screen and (min-width: 1280px) {
    .grid--small > A, .grid--small > DIV {
      -webkit-flex-basis: 20%;
      -moz-flex-basis: 20%;
      flex-basis: 20%;
      -ms-flex-preferred-size: 20%; } }
  @media screen and (max-width: 1280px) {
    .grid--small > A, .grid--small > DIV {
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%;
      -ms-flex-preferred-size: 25%; } }
  @media screen and (max-width: 960px) {
    .grid--small > A, .grid--small > DIV {
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%; } }
  @media screen and (max-width: 600px) {
    .grid--small > A, .grid--small > DIV {
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%;
      -ms-flex-preferred-size: 50%; } }
  @media screen and (max-width: 480px) {
    .grid--small > A, .grid--small > DIV {
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      flex-basis: 100%;
      -ms-flex-preferred-size: 100%; } }

.product {
  /* ==========================================
  
  Product category
  
  ========================================== */
  /* ==========================================
  
  Common styles
  
  ========================================== */
  /* ==========================================
  
  Product subcategory
  
  ========================================== */
  /* ==========================================
  
  Product detail
  
  ========================================== */ }
  .product .inner {
    width: calc(100% - 30px);
    max-width: 1300px; }
    .product .inner > H3 {
      margin: 0 10px; }
      .product__inner H2, {
        color: #000;
      }

      .product__inner P  {
        color: #000 !important;
      }
  .product__inner {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    margin: 20px 10px 0 10px;
    position: relative;
    overflow: hidden;
    transition: all .35s ease; }
    .product__inner H2 {
      color: #000;
    }
    .product__inner:hover {
      box-shadow: inset 0 0 0 1px #000, 0 0 30px 5px rgba(0, 0, 0, 0.15);
      transition: all .35s ease; }
  .product__category__image {
    margin-top: auto;
    margin-bottom: 40px;
    padding-left: 20px; }
    .product__category__image IMG {
      height: 125px; }
  .product__category H2 {
    padding-top: 20px; }
  .product__category P {
    font-size: 0.9em;
    padding: 20px 40px 20px 0;
    color: #7E939B;
    transition: padding .25s ease; }
  .product__category .btn {
    position: absolute;
    bottom: -70px;
    width: 100%;
    transition: all .35s ease; }
  @media screen and (min-width: 769px) {
    .product__category .product__inner:hover H2 {
      color: white; }
      .product__category .product__inner:hover H2 SPAN {
        background: black;
        box-shadow: none; }
    .product__category .product__inner:hover P {
      padding: 20px;
      color: rgba(0, 0, 0, 1);
      transition: padding .25s ease; }
    .product__category .product__inner:hover .product__category__image {
      margin-bottom: 80px; }
      .product__category .product__inner:hover .product__category__image IMG {
        height: 85px; }
    .product__category .product__inner:hover .btn {
      bottom: 0;
      transition: all .35s ease; } }
  @media screen and (max-width: 768px) {
    .product__category .btn {
      bottom: 0; }
      .product__category .btn SPAN:nth-of-type(1) {
        display: none; }
      .product__category .btn SPAN:nth-of-type(2) {
        background: #7f959d; }
    .product__category .product__category__image {
      margin-bottom: 85px; } }
  .product__subcategory__text, .product__detail__text {
    text-align: center;
    margin-top: auto;
    padding: 20px 10px; }
  .product__subcategory__image, .product__detail__image {
    padding-top: 15px; }
    .product__subcategory__image IMG, .product__detail__image IMG {
      margin: 0 auto;
      display: block;
      height: 125px; }
  .product__subcategory .btn, .product__detail .btn {
    margin-top: auto;
    position: absolute;
    bottom: -50px;
    width: 100%;
    transition: all .35s ease; }
    .product__subcategory .btn SPAN, .product__detail .btn SPAN {
      padding: 15px 60px 12.5px 20px; }
  @media screen and (min-width: 769px) {
    .product__subcategory .product__inner:hover .btn, .product__detail .product__inner:hover .btn {
      bottom: 0;
      transition: all .35s ease; } }
  @media screen and (max-width: 768px) {
    .product__subcategory .product__detail__text, .product__detail .product__detail__text {
      margin-bottom: 40px; }
    .product__subcategory .product__subcategory__image, .product__detail .product__subcategory__image {
      margin-bottom: 70px; }
    .product__subcategory .btn, .product__detail .btn {
      position: relative;
      bottom: 0; } }
  .product__subcategory H3 {
    padding: 20px; }
    .product__subcategory H3 SPAN {
      color: black; }
  .product__subcategory P {
    font-size: 0.9em;
    padding: 0 20px;
    color: #7E939B;
    transition: padding .25s ease; }
  .product__subcategory__image {
    margin-bottom: 40px; }
  @media screen and (min-width: 769px) {
    .product__subcategory .product__inner:hover .product__subcategory__image {
      margin-bottom: 40px; } }
  .product__detail__image {
    padding-top: 15px; }
    .product__detail__image IMG {
      margin: 0 auto;
      display: block;
      height: 125px; }
  .product__detail__text H6 {
    color: #7f959d;
    line-height: 1.2;
    font-size: .9em;
    margin-bottom: 10px;
    text-transform: uppercase; }
    .product__detail__text H6 SPAN {
      display: block;
      font-family: 'sansbold', sans-serif;
      font-size: 1.2em;
      margin-bottom: 5px; }
  .product__detail__text P {
    color: black;
    font-family: 'sansbold', sans-serif;
    font-size: 1.2em; }
    .product__detail__text P .discount {
      font-family: 'sansregular', sans-serif; }
  .product__detail .btn {
    z-index: 5; }
  .product__detail__overlay {
    position: relative; }
    .product__detail__overlay:after {
      content: "";
      font-family: 'sansregular', sans-serif;
      text-align: center;
      position: absolute;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      background: white;
      top: 1px;
      left: 1px;
      visibility: hidden;
      opacity: 0;
      transition: all .2s ease; }
    .product__detail__overlay .product__hidden {
      position: absolute;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 1em;
      font-weight: lighter;
      font-family: 'sansregular', sans-serif;
      z-index: 20;
      color: #7f959d;
      visibility: hidden;
      opacity: 0;
      transition: all .2s ease; }
      .product__detail__overlay .product__hidden:before {
        content: ">";
        position: absolute;
        font-size: 5em;
        font-family: 'sanslight', sans-serif;
        top: -100px;
        left: 50%;
        transform: translateX(-50%) scale(0.75, 1); }
  @media screen and (min-width: 769px) {
    .product__detail .product__inner:hover IMG {
      height: 85px; }
    .product__detail .product__inner:hover .product__detail__image:after {
      visibility: visible; }
    .product__detail .product__inner:hover .product__detail__text {
      margin-bottom: 40px; }
    .product__detail .product__detail__overlay:hover:after, .product__detail .product__detail__overlay:hover .product__hidden {
      visibility: visible;
      opacity: 1;
      transition: opacity .2s ease; } }
  @media screen and (max-width: 768px) {
    .product__detail .product__inner .btn SPAN {
      background: #7f959d; } }

      .product__inner.cta__product {
        background-color: #bfcacd;
      }
      .product__inner.cta__product H3 {
        color: #000;
      }
      .product__inner.cta__product .btn--i--mail {
        background-color: #bfcacd;
        color: #000;
      }

.footer {
  /* ==========================================
  
  Common flex 
  
  ========================================== */
  /* ==========================================
  
  Info
  
  ========================================== */
  /* ==========================================
  
  Links
  
  ========================================== */
  /* ==========================================
  
  Newsletter
  
  ========================================== */
  /* ==========================================
  
  Logos
  
  ========================================== */
  /* ==========================================
  
  Imprint
  
  ========================================== */ }
  .footer H4 {
    color: white;
    margin-bottom: 10px; }
  .footer A {
    color: rgba(255, 255, 255, 0.5);
    line-height: 2; }
    .footer A:hover {
      color: white; }
  .footer P, .footer A {
    font-size: 0.9em; }
  .footer .inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 40px; }
  .footer__info, .footer .phone {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 20%;
    -moz-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%; }
  .footer__links, .footer .footer__verification {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 30%;
    -moz-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%; }

.footer__newsletter, .footer .footer__payment img {
  filter: grayscale(1);
  transition: filter 0.3s ease-in-out;
}
.footer__newsletter, .footer .footer__payment img:hover {
  filter: grayscale(0);
}

  .footer__newsletter, .footer .footer__payment {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 30%;
    -moz-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%; }
  .footer__info P {
    color: white;
    padding: 20px 0; }
  .footer__links {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 500px) {
      .footer__links UL:nth-of-type(1) {
        margin-left: 40px; }
      .footer__links UL:nth-of-type(2) {
        display: none; } }
    .footer__links UL:nth-of-type(2) {
      margin-left: 25%; }
      @media screen and (max-width: 768px) {
        .footer__links UL:nth-of-type(2) {
          margin-left: 50%; } }
  .footer__newsletter {
    margin-right: 2px; }
    @media screen and (max-width: 850px) {
      .footer__newsletter {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding-top: 40px; } }
    .footer__newsletter .footer__form {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      border: 2px solid rgba(255, 255, 255, 0.5); }
      .footer__newsletter .footer__form INPUT {
        width: calc(100% - 35px - 50px);
        padding: 15px;
        border: 0;
        background: black;
        color: white;
        font-family: 'sansregular', sans-serif;
        font-size: 0.9em; }
        .footer__newsletter .footer__form INPUT:focus {
          outline: 0; }
      .footer__newsletter .footer__form BUTTON {
        border: 0;
        background: black;
        width: 50px;
        height: 40px;
        margin-top: 5px; }
        .footer__newsletter .footer__form BUTTON:after {
          content: ">";
          font-size: 2.5em;
          color: rgba(255, 255, 255, 0.5);
          transform: scale(0.65, 1); }
    .footer__newsletter SMALL {
      color: rgba(255, 255, 255, 0.5);
      display: block;
      margin-top: 10px; }
  .footer__logos {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 20px 0; }
    @media screen and (max-width: 768px) {
      .footer__logos {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media screen and (max-width: 850px) {
      .footer__logos {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .footer__logos .footer__payment, .footer__logos .footer__verification {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
    @media screen and (max-width: 850px) {
      .footer__logos .phone {
        display: none; } }
    @media screen and (max-width: 768px) {
      .footer__logos .footer__verification {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
    @media screen and (max-width: 960px) {
      .footer__logos .footer__verification IMG {
        max-width: 100px; } }
    .footer__logos .footer__payment {
      -webkit-box-pack: end;
      -moz-box-pack: end;
      box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      -o-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: end; }
      @media screen and (max-width: 768px) {
        .footer__logos .footer__payment {
          -webkit-box-pack: center;
          -moz-box-pack: center;
          box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-flex-basis: 100%;
          -moz-flex-basis: 100%;
          flex-basis: 100%;
          -ms-flex-preferred-size: 100%; } }
      @media screen and (max-width: 960px) {
        .footer__logos .footer__payment IMG {
          max-width: 300px; } }
      @media screen and (max-width: 850px) {
        .footer__logos .footer__payment IMG {
          max-width: 350px; } }
      @media screen and (max-width: 480px) {
        .footer__logos .footer__payment IMG {
          max-width: 250px; } }
      @media screen and (max-width: 850px) {
        .footer__logos .footer__payment {
          margin-top: 30px; } }
  .footer__imprint {
    background: #333;
    padding: 10px 0;
    width: 100%;
    margin-top: 20px; }
    .footer__imprint .inner {
      padding-top: 0; }
    .footer__imprint SMALL {
      color: white;
      width: 100%;
      display: block;
      text-align: center; }

/*# sourceMappingURL=application.css.map */