/**
 * SLIDER
 */
#slider {
  position: relative;
  float: left;
  width: 100%;
  max-height: 600px;
  min-height: 400px; }
  @media screen and (max-width: 768px) {
    #slider {
      max-height: auto;
      min-height: auto;
      height: auto !important; } }
  #slider #left-slide {
    position: absolute;
    width: 65%;
    height: 100%;
    left: 0;
    top: 0; }
    @media screen and (max-width: 992px) {
      #slider #left-slide {
        width: 55%; } }
    #slider #left-slide:hover .slide-holder .slide-image .slide-shadow {
      opacity: .2; }
    #slider #left-slide .slide-holder {
      padding-right: 2px; }
      @media screen and (max-width: 768px) {
        #slider #left-slide .slide-holder {
          padding: 0 0 2px 0; } }
      #slider #left-slide .slide-holder .slide-image .slide-shadow {
        opacity: .1; }
      #slider #left-slide .slide-holder .slide-image .cell-div {
        vertical-align: top; }
      #slider #left-slide .slide-holder .slide-image .slide-text {
        padding: 9rem 100px 0 200px; }
        @media screen and (max-width: 1400px) {
          #slider #left-slide .slide-holder .slide-image .slide-text {
            padding: 8rem 50px 0 100px; } }
        @media screen and (max-width: 1200px) {
          #slider #left-slide .slide-holder .slide-image .slide-text {
            padding: 8rem 30px 0 60px; } }
        @media screen and (max-width: 992px) {
          #slider #left-slide .slide-holder .slide-image .slide-text {
            padding: 8rem 20px 0 40px; } }
        @media screen and (max-width: 768px) {
          #slider #left-slide .slide-holder .slide-image .slide-text {
            padding: 5rem 20px; } }
        #slider #left-slide .slide-holder .slide-image .slide-text span:first-child {
          font-weight: 500;
          font-size: 24px;
          line-height: 1.3em;
          background: #7f7f7f;
          padding: 0 12px 3px;
          margin: 0 0 15px -12px; }
          @media screen and (max-width: 1200px) {
            #slider #left-slide .slide-holder .slide-image .slide-text span:first-child {
              font-size: 22px; } }
          @media screen and (max-width: 768px) {
            #slider #left-slide .slide-holder .slide-image .slide-text span:first-child {
              font-size: 20px; } }
          @media screen and (max-width: 992px) {
            #slider #left-slide .slide-holder .slide-image .slide-text span:first-child {
              padding: 0 7px 3px;
              margin-left: -7px;
              font-size: 20px;
              line-height: 1.2em; } }
          @media screen and (max-width: 768px) {
            #slider #left-slide .slide-holder .slide-image .slide-text span:first-child {
              font-size: 18px;
              padding: 0 5px 2px;
              margin: 5px 0 10px -5px; } }
        #slider #left-slide .slide-holder .slide-image .slide-text span:last-child {
          font-weight: 300;
          font-size: 6rem !important;
          line-height: 1.1em !important;
          margin: 0 !important;
          padding: 0 !important;
          background: none; }
  #slider #top-right-slide, #slider #bottom-right-slide {
    position: absolute;
    width: 35%;
    right: 0; }
    @media screen and (max-width: 992px) {
      #slider #top-right-slide, #slider #bottom-right-slide {
        width: 45%; } }
  #slider #top-right-slide {
    height: 58%;
    top: 0; }
    #slider #top-right-slide:hover .slide-holder .slide-image .slide-shadow {
      opacity: .2; }
    #slider #top-right-slide .slide-holder {
      padding-bottom: 2px; }
      #slider #top-right-slide .slide-holder .slide-image .slide-shadow {
        opacity: .1; }
      #slider #top-right-slide .slide-holder .slide-image .cell-div {
        vertical-align: top; }
      #slider #top-right-slide .slide-holder .slide-image .slide-text {
        padding: 5rem 30px 0 55px; }
        @media screen and (max-width: 1400px) {
          #slider #top-right-slide .slide-holder .slide-image .slide-text {
            padding: 4rem 25px 0 50px; } }
        @media screen and (max-width: 992px) {
          #slider #top-right-slide .slide-holder .slide-image .slide-text {
            padding-left: 40px; } }
        @media screen and (max-width: 768px) {
          #slider #top-right-slide .slide-holder .slide-image .slide-text {
            padding: 5rem 20px; } }
        #slider #top-right-slide .slide-holder .slide-image .slide-text span:first-child {
          font-size: 18px;
          line-height: 1.3em;
          font-weight: 500; }
          @media screen and (max-width: 1200px) {
            #slider #top-right-slide .slide-holder .slide-image .slide-text span:first-child {
              font-size: 16px; } }
        #slider #top-right-slide .slide-holder .slide-image .slide-text span:last-child {
          font-size: 4.6rem;
          font-weight: 300;
          color: #fff;
          line-height: 1.1em;
          margin-top: 3px; }
  #slider #bottom-right-slide {
    height: 42%;
    bottom: 0; }
    #slider #bottom-right-slide:hover .slide-holder .slide-image .slide-shadow {
      opacity: .2; }
    #slider #bottom-right-slide .slide-holder .slide-image .slide-shadow {
      opacity: .1; }
    #slider #bottom-right-slide .slide-holder .slide-image .slide-text {
      padding: 0 145px 0 55px; }
      @media screen and (max-width: 1600px) {
        #slider #bottom-right-slide .slide-holder .slide-image .slide-text {
          padding: 0 120px 0 50px; } }
      @media screen and (max-width: 992px) {
        #slider #bottom-right-slide .slide-holder .slide-image .slide-text {
          padding: 0 100px 0 40px; } }
      @media screen and (max-width: 768px) {
        #slider #bottom-right-slide .slide-holder .slide-image .slide-text {
          padding: 5rem 80px 5rem 20px; } }
      #slider #bottom-right-slide .slide-holder .slide-image .slide-text::after {
        position: absolute;
        width: 28px;
        height: 52px;
        right: 25px;
        top: 50%;
        margin-top: -26px;
        content: '';
        background: url(../images/big-arrow.png) no-repeat; }
        @media screen and (max-width: 768px) {
          #slider #bottom-right-slide .slide-holder .slide-image .slide-text::after {
            width: 22px;
            height: 40px;
            background: url(../images/big-arrow-xs.png) no-repeat;
            margin-top: -20px; } }
      #slider #bottom-right-slide .slide-holder .slide-image .slide-text span:first-child {
        font-size: 24px;
        line-height: 1.3em;
        font-weight: 500; }
        @media screen and (max-width: 1200px) {
          #slider #bottom-right-slide .slide-holder .slide-image .slide-text span:first-child {
            font-size: 22px; } }
        @media screen and (max-width: 768px) {
          #slider #bottom-right-slide .slide-holder .slide-image .slide-text span:first-child {
            font-size: 20px; } }
      #slider #bottom-right-slide .slide-holder .slide-image .slide-text span:last-child {
        font-size: 4.2rem;
        line-height: 1.05em;
        font-weight: 300;
        margin-top: 3px; }
  @media screen and (max-width: 768px) {
    #slider #left-slide, #slider #top-right-slide, #slider #bottom-right-slide {
      position: relative;
      float: left;
      width: 100%;
      height: auto;
      left: auto;
      top: auto;
      right: auto; }
      #slider #left-slide .table-div, #slider #top-right-slide .table-div, #slider #bottom-right-slide .table-div {
        height: 200px; }
        #slider #left-slide .table-div .cell-div, #slider #top-right-slide .table-div .cell-div, #slider #bottom-right-slide .table-div .cell-div {
          vertical-align: middle !important; } }
  #slider .slide-holder {
    position: relative;
    float: left;
    width: 100%;
    height: 100%; }
    #slider .slide-holder .slide-image {
      position: relative;
      float: left;
      width: 100%;
      height: 100%; }
      #slider .slide-holder .slide-image .slide-preview {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden; }
        #slider .slide-holder .slide-image .slide-preview div {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background-repeat: no-repeat !important;
          background-size: cover !important;
          background-position: top center !important; }
      #slider .slide-holder .slide-image .slide-shadow {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #0b0b0b;
        transition: opacity .3s ease-in-out; }
      #slider .slide-holder .slide-image .slide-text {
        position: relative;
        float: left;
        color: #fff; }
        #slider .slide-holder .slide-image .slide-text span {
          display: block;
          position: relative;
          float: left;
          clear: both; }
      #slider .slide-holder .slide-image a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        cursor: pointer; }

/**
 * DISCOUNTS
 */
#discounts-block {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 7rem; }
  @media screen and (max-width: 768px) {
    #discounts-block {
      margin-top: 6rem; } }
  #discounts-block #discounts-title {
    position: relative;
    float: left;
    width: 100%; }
    #discounts-block #discounts-title .discounts-title-holder {
      position: relative;
      float: left;
      width: 70%; }
      @media screen and (max-width: 640px) {
        #discounts-block #discounts-title .discounts-title-holder {
          width: 100%; } }
      #discounts-block #discounts-title .discounts-title-holder h2 {
        font-size: 24px;
        line-height: 1.3em;
        text-transform: uppercase;
        font-weight: 500; }
        @media screen and (max-width: 1200px) {
          #discounts-block #discounts-title .discounts-title-holder h2 {
            font-size: 22px; } }
        @media screen and (max-width: 768px) {
          #discounts-block #discounts-title .discounts-title-holder h2 {
            font-size: 20px; } }
    #discounts-block #discounts-title .discounts-title-more {
      position: relative;
      float: left;
      width: 30%;
      margin-top: 7px;
      text-align: right; }
      @media screen and (max-width: 1200px) {
        #discounts-block #discounts-title .discounts-title-more {
          margin-top: 4px; } }
      @media screen and (max-width: 992px) {
        #discounts-block #discounts-title .discounts-title-more {
          margin-top: 5px; } }
      @media screen and (max-width: 768px) {
        #discounts-block #discounts-title .discounts-title-more {
          margin-top: 4px; } }
      @media screen and (max-width: 640px) {
        #discounts-block #discounts-title .discounts-title-more {
          width: 100%;
          margin-top: 10px;
          text-align: left; } }
      #discounts-block #discounts-title .discounts-title-more a {
        color: #7f7f7f;
        transition: color .2s ease-in-out; }
        #discounts-block #discounts-title .discounts-title-more a:hover {
          color: #1c1c1c; }
  #discounts-block #discounts-list {
    position: relative;
    float: left;
    width: 100%; }
    #discounts-block #discounts-list .row {
      margin: 0 -15px; }
      #discounts-block #discounts-list .row .discount-item {
        position: relative;
        float: left;
        width: 16.66666%;
        padding: 0 15px;
        margin-top: 35px; }
        @media screen and (max-width: 1920px) {
          #discounts-block #discounts-list .row .discount-item {
            width: 20%; }
            #discounts-block #discounts-list .row .discount-item:nth-child(11), #discounts-block #discounts-list .row .discount-item:nth-child(12) {
              display: none; } }
        @media screen and (max-width: 1600px) {
          #discounts-block #discounts-list .row .discount-item {
            width: 25%; }
            #discounts-block #discounts-list .row .discount-item:nth-child(9), #discounts-block #discounts-list .row .discount-item:nth-child(10) {
              display: none; } }
        @media screen and (max-width: 992px) {
          #discounts-block #discounts-list .row .discount-item {
            width: 33.33333%; }
            #discounts-block #discounts-list .row .discount-item:nth-child(9) {
              display: block; } }
        @media screen and (max-width: 640px) {
          #discounts-block #discounts-list .row .discount-item {
            width: 50%;
            margin-top: 25px; }
            #discounts-block #discounts-list .row .discount-item:nth-child(9) {
              display: none; } }
        @media screen and (max-width: 400px) {
          #discounts-block #discounts-list .row .discount-item {
            width: 100%; } }

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