@font-face {
  font-family: "Rubik-Light";
  src: url("../fonts/Rubik-Light.ttf");
  font-style: normal; }
@font-face {
  font-family: "Rubik-Bold";
  src: url("../fonts/Rubik-Bold.ttf");
  font-style: normal; }

* {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  color: #212121;
  background: url("../img/bgBody.jpg") repeat-y center top; }

label.cpa-control-label, span.cpa-control-amount {
  display: none; }

::-webkit-input-placeholder {
  color: #2A282A; }

::-moz-placeholder {
  color: #2A282A; }

/* Firefox 19+ */
:-moz-placeholder {
  color: #2A282A; }

/* Firefox 18- */
:-ms-input-placeholder {
  color: #2A282A; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0; }

h2 {
  font: 72px/72px "Rubik-Light";
  text-transform: uppercase;
  color: #212121; }

.transf {
  text-transform: uppercase; }

b {
  font-family: "Rubik-Bold"; }

.red {
  color: #E2255C; }

.button {
  height: 78px;
  width: 337px;
  margin: 0 auto;
  padding-top: 20px;
  display: block;
  font: 30px/30px "Rubik-Light";
  text-transform: uppercase;
  text-align: center;
  color: #000;
  text-decoration: none;
  outline: none;
  background: url("../img/btn.png") no-repeat center center;
  background-size: 100%;
  transition: 0.4s; }
  .button:hover {
    text-decoration: none;
    color: #000;
    transition: 0.4s;
    background: url("../img/btnHover.png") no-repeat center center;
    background-size: 100%; }
  .button:active, .button:focus {
    transition: 0.4s;
    color: #000;
    text-decoration: none;
    background: url("../img/btnActive.png") no-repeat center center;
    background-size: 100%; }

.b1 {
  height: 640px;
  background: url("../img/bgB1.jpg") no-repeat center center; }
  .b1 .b1Left {
    height: auto;
    padding: 0 30px;
    text-align: center; }
    .b1 .b1Left .b1Product {
      width: 83%;
      height: auto; }
  .b1 .b1Cont {
    height: auto;
    padding: 15px 200px 0 0;
    text-align: center;
    text-transform: uppercase; }
    .b1 .b1Cont .menu {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .b1 .b1Cont .menu li {
        display: inline-block; }
        .b1 .b1Cont .menu li a {
          display: block;
          padding: 10px 30px;
          font: 14px/14px "Rubik-Light";
          color: #000;
          text-decoration: none;
          transition: 0.4s; }
          .b1 .b1Cont .menu li a:hover {
            transition: 0.4s;
            text-decoration: none;
            color: #7b5e35; }
        .b1 .b1Cont .menu li .menuOrder {
          border-radius: 15px;
          border: 1px solid #060006; }
          .b1 .b1Cont .menu li .menuOrder:hover {
            transition: 0.4s;
            color: #000;
            background-color: #BE9965; }
          .b1 .b1Cont .menu li .menuOrder:active {
            transition: 0.4s;
            color: #F7E4B9;
            background-color: #855E2E; }
    .b1 .b1Cont .b1Line {
      margin: 15px auto 20px;
      display: block;
      height: 1px;
      background: -moz-linear-gradient(left, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 24%, #302e31 27%, #302e31 32%, #302e31 50%, #302e31 68%, #302e31 73%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      background: -webkit-linear-gradient(left, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 24%, #302e31 27%, #302e31 32%, #302e31 50%, #302e31 68%, #302e31 73%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      background: linear-gradient(to right, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 24%, #302e31 27%, #302e31 32%, #302e31 50%, #302e31 68%, #302e31 73%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00302e31', endColorstr='#00302e31',GradientType=1 ); }
    .b1 .b1Cont h1 {
      font: 94px/74px "Rubik-Bold";
      color: #262626; }
    .b1 .b1Cont h2 {
      margin-top: 10px;
      font: 36px/36px "Rubik-Light"; }
    .b1 .b1Cont h3 {
      margin-top: 43px;
      font: 24px/24px "Rubik-Light";
      color: #886233; }
    .b1 .b1Cont .b1Price {
      height: auto;
      margin-top: 40px;
      padding: 5px 6px;
      color: #000;
      background-color: rgba(148, 117, 77, 0.8);
      border-radius: 5px; }
      .b1 .b1Cont .b1Price .b1Skidka {
        height: auto;
        background-color: #2C282A;
        color: #FDE4B7;
        padding: 9px 0;
        border-radius: 5px; }
        .b1 .b1Cont .b1Price .b1Skidka h4 {
          font: 24px/24px "Rubik-Light"; }
          .b1 .b1Cont .b1Price .b1Skidka h4 .b1Akcia {
            font: 36px/36px "Rubik-Bold"; }
      .b1 .b1Cont .b1Price .b1NewPrice {
        height: auto;
        padding-left: 18px; }
        .b1 .b1Cont .b1Price .b1NewPrice h4 {
          font: 16px/36px "Rubik-Light";
          border-left: 2px dashed #FDE4B7; }
          .b1 .b1Cont .b1Price .b1NewPrice h4 .newPrice {
            font: 36px/24px "Rubik-Bold";
            color: #E2255C;
            text-transform: lowercase; }
      .b1 .b1Cont .b1Price .b1OldPrice {
        height: auto; }
        .b1 .b1Cont .b1Price .b1OldPrice h4 {
          font: 16px/36px "Rubik-Light"; }
          .b1 .b1Cont .b1Price .b1OldPrice h4 .oldPrice {
            font: 24px/24px "Rubik-Light";
            text-decoration: line-through; }
    .b1 .b1Cont .button {
      margin: 33px auto 0; }
    .b1 .b1Cont .b1Timer {
      height: auto;
      margin-top: 23px;
      padding: 10px 0;
      text-align: center;
      background: -moz-linear-gradient(left, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 25%, #302e31 34%, #302e31 42%, #2a282a 50%, #302e31 58%, #302e31 63%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      background: -webkit-linear-gradient(left, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 25%, #302e31 34%, #302e31 42%, #2a282a 50%, #302e31 58%, #302e31 63%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      background: linear-gradient(to right, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 25%, #302e31 34%, #302e31 42%, #2a282a 50%, #302e31 58%, #302e31 63%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00302e31', endColorstr='#00302e31',GradientType=1 ); }
      .b1 .b1Cont .b1Timer h4 {
        font: 12px/12px "Rubik-Light";
        color: #f7e4b9;
        text-transform: uppercase; }

.b2 {
  height: auto;
  padding: 10px 0;
  background-color: #FDE4B7; }
  .b2 .b2Result {
    height: auto;
    padding: 0 56px;
    text-align: center; }
    .b2 .b2Result h3 {
      font: 24px/24px "Rubik-Light";
      text-transform: uppercase; }
  .b2 .b2Center {
    height: auto;
    padding-left: 20px; }
    .b2 .b2Center .b2List {
      margin: 0;
      padding: 0;
      list-style-image: url("../img/b2ListStyle.png"); }
      .b2 .b2Center .b2List li {
        padding-left: 58px;
        font: 16px/30px "Rubik-Light";
        text-transform: uppercase; }
  .b2 .b2Right {
    height: auto;
    text-align: center; }

.b3 {
  height: auto;
  padding: 0 15px 68px; }
  .b3 .b3Cont {
    height: auto;
    padding: 42px 0 0;
    position: relative; }
    .b3 .b3Cont .b3Number {
      display: block;
      position: absolute;
      top: 42px;
      right: 72px;
      font: 160px/160px "Rubik-Bold";
      color: rgba(212, 192, 148, 0.7); }
    .b3 .b3Cont .b3Effects {
      height: auto;
      margin-top: 34px; }
      .b3 .b3Cont .b3Effects .b3Item {
        height: auto;
        text-align: center;
        position: relative; }
        .b3 .b3Cont .b3Effects .b3Item img {
          height: 346px;
          width: auto; }
        .b3 .b3Cont .b3Effects .b3Item .b3Line {
          height: 480px;
          width: 1px;
          background-color: #945D27;
          position: absolute;
          top: 0;
          right: 0; }
        .b3 .b3Cont .b3Effects .b3Item h3 {
          font: 30px/36px "Rubik-Light";
          text-transform: uppercase; }
        .b3 .b3Cont .b3Effects .b3Item p {
          margin-top: 26px;
          padding: 0 60px;
          font: 18px/24px "Rubik-Light";
          text-align: left; }
    .b3 .b3Cont h4 {
      margin-top: 50px;
      font: 24px/24px "Rubik-Light";
      color: #c2185b; }

.b4 {
  height: auto;
  padding: 23px 15px;
  background-color: #2A282A; }

.b5 {
  height: 740px;
  padding: 42px 15px 50px;
  background: url("../img/bgB5.jpg") no-repeat center center; }
  .b5 .b5Cont {
    height: auto;
    position: relative;
    padding: 42px 0 0; }
    .b5 .b5Cont .b5Product {
      height: auto;
      padding: 55px 80px 0; }
      .b5 .b5Cont .b5Product img {
        width: 100%;
        height: auto; }
    .b5 .b5Cont .b5Descriptions {
      height: auto;
      color: #2B272A; }
      .b5 .b5Cont .b5Descriptions .descFoto {
        height: auto;
        padding: 0 40px; }
        .b5 .b5Cont .b5Descriptions .descFoto img {
          width: 100%;
          height: auto; }
      .b5 .b5Cont .b5Descriptions .descName {
        height: auto;
        padding-top: 133px; }
        .b5 .b5Cont .b5Descriptions .descName h3 {
          font: 36px/36px "Rubik-Bold"; }
        .b5 .b5Cont .b5Descriptions .descName h4 {
          font: 24px/24px "Rubik-Light";
          text-transform: uppercase; }
        .b5 .b5Cont .b5Descriptions .descName .social {
          height: auto;
          margin-top: 19px;
          padding: 9px 0;
          border: 1px dashed #935D27;
          border-radius: 5px; }
          .b5 .b5Cont .b5Descriptions .descName .social img {
            margin-left: 14px; }
      .b5 .b5Cont .b5Descriptions p {
        margin-top: 37px;
        padding-right: 69px;
        font: 24px/26px "Rubik-Light"; }

.b6 {
  height: 740px;
  padding: 50px 15px 0;
  background: url("../img/bgB6.jpg") no-repeat center center; }
  .b6 .compositionL {
    margin-top: 28px;
    height: auto; }
  .b6 .compositionR {
    margin-top: 28px;
    height: auto;
    float: right; }
  .b6 .b6Center {
    height: auto;
    padding: 440px 45px 0; }
    .b6 .b6Center .button {
      width: 100%;
      padding-top: 23px;
      font: 26px/26px "Rubik-Light";
      background-size: 100%; }
  .b6 .compItem {
    height: auto;
    margin-top: 25px; }
    .b6 .compItem h3 {
      font: 24px/24px "Rubik-Light";
      color: #2e2c2e;
      text-align: center;
      text-transform: uppercase; }
    .b6 .compItem h4 {
      font: 16px/16px "Rubik-Light";
      color: #865e2f;
      text-align: center;
      text-transform: uppercase; }
    .b6 .compItem .compResult {
      height: auto;
      margin-top: 70px; }
      .b6 .compItem .compResult p {
        font: 16px/16px "Rubik-Light";
        text-transform: lowercase;
        text-align: left; }
    .b6 .compItem .compFoto {
      height: auto;
      margin-top: 17px;
      text-align: center; }

.b7 {
  height: auto;
  padding: 0 15px 0; }
  .b7 .b7Cont {
    height: auto;
    padding: 46px 0 28px;
    position: relative; }
    .b7 .b7Cont .number {
      display: block;
      position: absolute;
      top: 45px;
      right: 0;
      font: 160px/160px "Rubik-Bold";
      color: rgba(203, 181, 135, 0.7); }
    .b7 .b7Cont .b7Steps {
      height: auto;
      margin-top: 35px; }
      .b7 .b7Cont .b7Steps .b7Step {
        height: auto;
        padding: 0 42px 11px;
        text-align: center;
        border-right: 1px solid #945D27; }
        .b7 .b7Cont .b7Steps .b7Step p {
          margin-top: 22px;
          font: 16px/16px "Rubik-Light"; }
        .b7 .b7Cont .b7Steps .b7Step:last-of-type {
          border-right: 0; }

.b8 {
  height: auto;
  padding: 13px 15px;
  background-color: #2A282A; }
  .b8 .b8Warning {
    height: auto;
    padding: 0 40px 0 30px; }
    .b8 .b8Warning h3 {
      padding: 20px 0;
      font: 48px/48px "Rubik-Light";
      text-align: center;
      text-transform: uppercase;
      background-color: #FFC123;
      border-radius: 10px; }
  .b8 .b8Descriptions {
    height: auto;
    padding: 10px 0 0 0; }
    .b8 .b8Descriptions .b8List {
      height: auto;
      margin: 0;
      padding: 0; }
      .b8 .b8Descriptions .b8List li {
        margin-top: 29px;
        font: 16px/16px "Rubik-Bold";
        color: #fff; }
        .b8 .b8Descriptions .b8List li:first-of-type {
          margin-top: 0; }

.b9 {
  height: 740px;
  padding: 42px 15px 43px;
  background: url("../img/bgB9.jpg") no-repeat center center; }
  .b9 .slider {
    float: none;
    display: block;
    margin: 37px auto 0; }
    .b9 .slider .owl-carousel {
      height: auto; }
      .b9 .slider .owl-carousel .owl-prev {
        position: absolute;
        top: 35%;
        left: -184px;
        width: 79px;
        height: 154px;
        transition: 0.4s;
        background: url("../img/prev.png") no-repeat center center; }
        .b9 .slider .owl-carousel .owl-prev:hover {
          transition: 0.4s;
          background: url("../img/prevHover.png") no-repeat center center; }
      .b9 .slider .owl-carousel .owl-next {
        position: absolute;
        top: 35%;
        right: -184px;
        width: 79px;
        height: 154px;
        transition: 0.4s;
        background: url("../img/next.png") no-repeat center center; }
        .b9 .slider .owl-carousel .owl-next:hover {
          transition: 0.4s;
          background: url("../img/nextHover.png") no-repeat center center; }
      .b9 .slider .owl-carousel .owl-dots {
        display: block;
        margin: 20px auto;
        padding-left: 26px;
        text-align: center; }
        .b9 .slider .owl-carousel .owl-dots .owl-dot {
          display: inline-block;
          margin-right: 26px; }
          .b9 .slider .owl-carousel .owl-dots .owl-dot span {
            width: 27px;
            height: 27px;
            display: block;
            border: 5px solid #CE9862;
            border-radius: 100%;
            background-color: #CE9862; }
        .b9 .slider .owl-carousel .owl-dots .active {
          display: inline-block;
          margin-right: 26px; }
          .b9 .slider .owl-carousel .owl-dots .active span {
            width: 27px;
            height: 27px;
            display: block;
            border: 5px solid #CE9862;
            border-radius: 100%;
            background-color: #FDE4B7; }

.b10 {
  height: auto;
  padding: 58px 15px 10px; }
  .b10 .b10Cont {
    height: auto;
    position: relative; }
    .b10 .b10Cont .journals {
      height: auto;
      padding: 13px 25px 0 17px; }
      .b10 .b10Cont .journals img {
        width: 100%; }
    .b10 .b10Cont .brands {
      height: auto;
      padding: 77px 60px 0 50px; }
      .b10 .b10Cont .brands img {
        width: 100%; }

.b11 {
  height: 640px;
  background: url("../img/bgB1.jpg") no-repeat center center;
  position: relative; }
  .b11 .b11Line {
    height: 10px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(226, 37, 93, 0) 0%, rgba(226, 37, 93, 0.58) 25%, #e2255d 40%, #e2255d 50%, #e2255d 51%, #e2255d 60%, rgba(226, 37, 93, 0.8) 65%, rgba(226, 37, 93, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(226, 37, 93, 0) 0%, rgba(226, 37, 93, 0.58) 25%, #e2255d 40%, #e2255d 50%, #e2255d 51%, #e2255d 60%, rgba(226, 37, 93, 0.8) 65%, rgba(226, 37, 93, 0) 100%);
    background: linear-gradient(to right, rgba(226, 37, 93, 0) 0%, rgba(226, 37, 93, 0.58) 25%, #e2255d 40%, #e2255d 50%, #e2255d 51%, #e2255d 60%, rgba(226, 37, 93, 0.8) 65%, rgba(226, 37, 93, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e2255d', endColorstr='#00e2255d',GradientType=1 ); }
  .b11 .b11Left {
    height: auto;
    padding: 0 30px;
    text-align: center; }
    .b11 .b11Left .b11Product {
      width: 83%;
      height: auto; }
  .b11 .b11Cont {
    height: auto;
    padding: 87px 200px 0 0;
    text-align: center;
    text-transform: uppercase; }
    .b11 .b11Cont h1 {
      font: 94px/74px "Rubik-Bold";
      color: #262626; }
    .b11 .b11Cont h2 {
      margin-top: 10px;
      font: 36px/36px "Rubik-Light"; }
    .b11 .b11Cont h3 {
      margin-top: 43px;
      font: 24px/24px "Rubik-Light";
      color: #886233; }
    .b11 .b11Cont .b11Price {
      height: auto;
      margin-top: 40px;
      padding: 5px 6px;
      color: #000;
      background-color: rgba(148, 117, 77, 0.8);
      border-radius: 5px; }
      .b11 .b11Cont .b11Price .b11Skidka {
        height: auto;
        background-color: #2C282A;
        color: #FDE4B7;
        padding: 9px 0;
        border-radius: 5px; }
        .b11 .b11Cont .b11Price .b11Skidka h4 {
          font: 24px/24px "Rubik-Light"; }
          .b11 .b11Cont .b11Price .b11Skidka h4 .b11Akcia {
            font: 36px/36px "Rubik-Bold"; }
      .b11 .b11Cont .b11Price .b11NewPrice {
        height: auto;
        padding-left: 18px; }
        .b11 .b11Cont .b11Price .b11NewPrice h4 {
          font: 16px/36px "Rubik-Light";
          border-left: 2px dashed #FDE4B7; }
          .b11 .b11Cont .b11Price .b11NewPrice h4 .newPrice {
            font: 36px/24px "Rubik-Bold";
            color: #E2255C;
            text-transform: lowercase; }
      .b11 .b11Cont .b11Price .b11OldPrice {
        height: auto; }
        .b11 .b11Cont .b11Price .b11OldPrice h4 {
          font: 16px/36px "Rubik-Light"; }
          .b11 .b11Cont .b11Price .b11OldPrice h4 .oldPrice {
            font: 24px/24px "Rubik-Light";
            text-decoration: line-through; }
    .b11 .b11Cont .button {
      margin: 33px auto 0; }
    .b11 .b11Cont .b11Timer {
      height: auto;
      margin-top: 23px;
      padding: 10px 0;
      text-align: center;
      background: -moz-linear-gradient(left, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 25%, #302e31 34%, #302e31 42%, #2a282a 50%, #302e31 58%, #302e31 63%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      background: -webkit-linear-gradient(left, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 25%, #302e31 34%, #302e31 42%, #2a282a 50%, #302e31 58%, #302e31 63%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      background: linear-gradient(to right, rgba(48, 46, 49, 0) 0%, rgba(48, 46, 49, 0.8) 25%, #302e31 34%, #302e31 42%, #2a282a 50%, #302e31 58%, #302e31 63%, rgba(48, 46, 49, 0.8) 76%, rgba(48, 46, 49, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00302e31', endColorstr='#00302e31',GradientType=1 ); }
      .b11 .b11Cont .b11Timer h4 {
        font: 12px/12px "Rubik-Light";
        color: #f7e4b9;
        text-transform: uppercase; }

.footer {
  text-align: center;
  padding: 20px 0;
  background-color: #FDE4B7; }
  .footer p {
    font: 14px/16px "Rubik-Light";
    color: #945D27; }
  .footer .art {
    margin-top: 20px;
    display: block;
    font: 18px/18px "Rubik-Light";
    text-transform: uppercase;
    color: #945D27;
    text-decoration: none; }

.remodal {
  width: 340px;
  min-width: 340px;
  height: auto;
  padding: 22px 13px;
  color: #060606;
  text-align: center;
  border: 1px dashed #945D27;
  background-color: #fff;
  border-radius: 10px;
  /* Firefox 19+ */
  /* Firefox 18- */ }
  .remodal .remodal-close {
    left: 88%; }
  .remodal h3 {
    font: 24px/24px "Rubik-Light";
    text-transform: uppercase; }
  .remodal hr {
    margin: 7px auto 17px;
    border-top: 1px solid #BCBCBC; }
  .remodal h4 {
    font: 14px/14px "Rubik-Light";
    text-transform: uppercase; }
  .remodal select, .remodal input {
    width: 100%;
    height: 48px;
    display: block;
    margin: 18px auto 0;
    padding-left: 12px;
    font: 18px/18px "Rubik-Light";
    text-align: left;
    color: #2A282A;
    border-radius: 3px;
    border: 1px solid #DBB58D;
    background-color: #F2DFB2; }
  .remodal select {
    margin-top: 27px; }
  .remodal ::-webkit-input-placeholder {
    color: #2A282A; }
  .remodal ::-moz-placeholder {
    color: #2A282A; }
  .remodal :-moz-placeholder {
    color: #2A282A; }
  .remodal :-ms-input-placeholder {
    color: #2A282A; }
  .remodal button.cpa-input-submit {
    height: 78px;
    width: 100%;
    margin: 24px auto 0;
    display: block;
    font: 25px/30px "Rubik-Light";
    text-transform: uppercase;
    text-align: center;
    color: #000;
    text-decoration: none;
    outline: none;
    border: 0;
    background: url("../img/btn.png") no-repeat center center;
    background-size: 100%;
    transition: 0.4s; }
    .remodal button.cpa-input-submit:hover {
      text-decoration: none;
      color: #000;
      transition: 0.4s;
      background: url("../img/btnHover.png") no-repeat center center;
      background-size: 100%; }
    .remodal button.cpa-input-submit:active, .remodal button.cpa-input-submit:focus {
      transition: 0.4s;
      color: #000;
      text-decoration: none;
      background: url("../img/btnActive.png") no-repeat center center;
      background-size: 100%; }
  .remodal p {
    font: 14px/14px "Rubik-Light";
    text-transform: uppercase; }

@media all and (max-width: 1199px) and (min-width: 992px) {
  h2 {
    font: 62px/62px "Rubik-Light"; }

  .b1 .b1Left .b1Product {
    width: 100%;
    height: auto; }
  .b1 .b1Cont .menu li a {
    padding: 10px 20px; }
  .b1 .b1Cont h2 {
    margin-top: 10px;
    font: 30px/36px "Rubik-Light"; }
  .b1 .b1Cont h3 {
    margin-top: 43px;
    font: 22px/24px "Rubik-Light"; }
  .b1 .b1Cont .b1Price .b1NewPrice h4 .newPrice {
    font: 30px/24px "Rubik-Bold"; }

  .b2 .b2Result {
    height: auto;
    padding: 0 50px; }
    .b2 .b2Result h3 {
      font: 19px/24px "Rubik-Light"; }
  .b2 .b2Center .b2List li {
    padding-left: 0;
    font: 16px/30px "Rubik-Light"; }

  .b3 .b3Cont .b3Effects .b3Item img {
    height: 270px;
    width: auto; }
  .b3 .b3Cont h4 {
    margin-top: 50px;
    font: 21px/24px "Rubik-Light"; }

  .b5 .b5Cont .b5Product {
    height: auto;
    padding: 55px 33px 0; }

  .b8 .b8Warning {
    height: auto;
    padding: 0 20px 0 10px; }

  .b9 .slider .owl-carousel .owl-prev {
    position: absolute;
    top: 35%;
    left: -100px; }
  .b9 .slider .owl-carousel .owl-next {
    position: absolute;
    top: 35%;
    right: -100px; }

  .b11 .b11Left .b1Product {
    width: 100%;
    height: auto; }
  .b11 .b11Cont .menu li a {
    padding: 10px 20px; }
  .b11 .b11Cont h2 {
    margin-top: 10px;
    font: 30px/36px "Rubik-Light"; }
  .b11 .b11Cont h3 {
    margin-top: 43px;
    font: 22px/24px "Rubik-Light"; }
  .b11 .b11Cont .b11Price .b11NewPrice h4 .newPrice {
    font: 30px/24px "Rubik-Bold"; } }
@media all and (max-width: 767px) and (min-width: 320px) {
  body {
    background: url("../img/mobBgBody.jpg") repeat left top; }

  h2 {
    font: 24px/24px "Rubik-Light"; }

  .button {
    width: 290px;
    padding-top: 27px;
    font: 20px/20px "Rubik-Light";
    background-size: 100%; }

  .b1 {
    padding: 0 15px;
    background: url("../img/mobBgB1.jpg") no-repeat center top; }
    .b1 .b1Left {
      text-align: left; }
      .b1 .b1Left .b1Logo {
        width: 200px;
        height: auto;
        display: block;
        margin: 0 auto; }
      .b1 .b1Left .b1Product {
        width: 128px;
        height: auto; }
    .b1 .b1Cont {
      padding: 0;
      text-align: left; }
      .b1 .b1Cont h1 {
        font: 32px/32px "Rubik-Bold"; }
      .b1 .b1Cont h2 {
        margin: 0;
        font: 12px/12px "Rubik-Light"; }
      .b1 .b1Cont h3 {
        margin: 10px 0 0;
        font: 10px/10px "Rubik-Light"; }
      .b1 .b1Cont .menu {
        display: none; }
      .b1 .b1Cont .b1Price {
        height: auto;
        text-align: center;
        margin-top: 5px;
        padding: 2px 3px; }
        .b1 .b1Cont .b1Price .b1Skidka h4 {
          font: 12px/12px "Rubik-Light"; }
          .b1 .b1Cont .b1Price .b1Skidka h4 .b1Akcia {
            font: 18px/18px "Rubik-Bold"; }
        .b1 .b1Cont .b1Price .b1NewPrice {
          height: auto;
          padding-left: 7px; }
          .b1 .b1Cont .b1Price .b1NewPrice h4 {
            font: 8px/16px "Rubik-Light";
            border-left: 1px dashed #FDE4B7; }
            .b1 .b1Cont .b1Price .b1NewPrice h4 .newPrice {
              font: 23px/16px "Rubik-Bold"; }
        .b1 .b1Cont .b1Price .b1OldPrice {
          height: auto; }
          .b1 .b1Cont .b1Price .b1OldPrice h4 {
            font: 8px/16px "Rubik-Light"; }
            .b1 .b1Cont .b1Price .b1OldPrice h4 .oldPrice {
              font: 12px/16px "Rubik-Bold"; }
      .b1 .b1Cont .button {
        margin: 2px auto 0; }
      .b1 .b1Cont .b1Timer {
        padding: 3px 0; }
        .b1 .b1Cont .b1Timer h4 {
          font: 12px/12px "Rubik-Light"; }

  .b2 .b2Result {
    padding: 0; }
    .b2 .b2Result h3 {
      font: 14px/14px "Rubik-Light"; }
  .b2 .b2Center .b2List {
    margin: 0;
    padding: 0 0 0 22px; }
    .b2 .b2Center .b2List li {
      margin-top: 11px;
      padding: 0 0 0 10px;
      font: 8px/8px "Rubik-Light"; }
  .b2 .b2Right {
    margin-top: 10px; }

  .b3 {
    padding: 15px; }
    .b3 .b3Cont .b3Number {
      display: none; }
    .b3 .b3Cont .b3Effects .b3Item {
      height: auto;
      border: 0;
      margin-top: 20px; }
      .b3 .b3Cont .b3Effects .b3Item h3 {
        font: 20px/20px "Rubik-Light"; }
      .b3 .b3Cont .b3Effects .b3Item p {
        margin-top: 5px;
        padding: 0;
        font: 12px/15px "Rubik-Light"; }
      .b3 .b3Cont .b3Effects .b3Item img {
        width: 242px;
        height: auto; }
    .b3 .b3Cont h4 {
      margin-top: 18px;
      font: 16px/16px "Rubik-Light";
      text-align: center; }

  .b5 {
    padding: 20px 15px;
    height: 736px;
    background: url("../img/mobBgB5.jpg") no-repeat center center; }
    .b5 .b5Cont {
      padding: 0; }
      .b5 .b5Cont .b5Product {
        padding: 0; }
        .b5 .b5Cont .b5Product img {
          width: auto;
          height: 340px;
          margin: 0 auto; }
      .b5 .b5Cont .b5Descriptions .descFoto {
        height: auto;
        padding: 0 5px; }
      .b5 .b5Cont .b5Descriptions .descName {
        padding-top: 53px; }
        .b5 .b5Cont .b5Descriptions .descName h3 {
          font: 22px/22px "Rubik-Bold"; }
        .b5 .b5Cont .b5Descriptions .descName h4 {
          font: 16px/16px "Rubik-Light"; }
        .b5 .b5Cont .b5Descriptions .descName .social img {
          margin-left: 10px; }
      .b5 .b5Cont .b5Descriptions p {
        margin-top: 15px;
        padding-right: 0;
        font: 16px/16px "Rubik-Light"; }

  .b6 {
    height: auto;
    padding: 10px 15px;
    background: url("../img/mobBgB6.jpg") no-repeat center center;
    background-size: cover; }
    .b6 .b6Center {
      padding: 0;
      text-align: center; }
      .b6 .b6Center .b6Product {
        height: 230px;
        width: auto;
        padding: 0;
        margin: 0 auto;
        display: block; }
    .b6 .compositionL, .b6 .compositionR {
      margin-top: 0; }
    .b6 .compItem {
      margin-top: 5px; }
      .b6 .compItem h3 {
        font: 16px/16px "Rubik-Light";
        text-align: left; }
      .b6 .compItem h4 {
        text-align: left; }
      .b6 .compItem .compResult {
        height: auto;
        margin-top: 16px; }
        .b6 .compItem .compResult p {
          font: 12px/12px "Rubik-Light"; }
      .b6 .compItem .compFoto img {
        width: 100%;
        height: auto; }

  .b7 {
    height: auto; }
    .b7 .b7Cont .number {
      display: none; }
    .b7 .b7Cont .b7Steps {
      margin-top: 0; }
      .b7 .b7Cont .b7Steps .b7Step {
        margin-top: 10px;
        height: auto;
        padding: 0;
        text-align: center;
        border-right: 0; }
        .b7 .b7Cont .b7Steps .b7Step img {
          display: block;
          margin: 0 auto;
          width: 164px;
          height: auto; }
        .b7 .b7Cont .b7Steps .b7Step p {
          font: 14px/14px "Rubik-Light"; }

  .b8 .b8Warning {
    height: auto;
    padding: 0 50px; }
    .b8 .b8Warning h3 {
      padding: 5px 0;
      font: 30px/30px "Rubik-Light"; }
  .b8 .b8Descriptions .b8List {
    padding-left: 30px; }
    .b8 .b8Descriptions .b8List li {
      font: 14px/14px "Rubik-Light"; }

  .b9 {
    height: auto;
    padding: 20px 15px 50px;
    background: url("../img/mobBgB9.jpg") no-repeat center center;
    background-size: cover; }
    .b9 .slider .owl-carousel .owl-controls .owl-prev {
      position: absolute;
      top: 25%;
      left: -30px;
      width: 22px;
      height: 42px;
      transition: 0.4s;
      background: url("../img/prev.png") no-repeat center center;
      background-size: 100%; }
      .b9 .slider .owl-carousel .owl-controls .owl-prev:hover {
        transition: 0.4s;
        width: 22px;
        height: 42px;
        background: url("../img/prevHover.png") no-repeat center center;
        background-size: 100%; }
    .b9 .slider .owl-carousel .owl-controls .owl-next {
      position: absolute;
      top: 25%;
      right: -30px;
      width: 22px;
      height: 42px;
      transition: 0.4s;
      background: url("../img/next.png") no-repeat center center;
      background-size: 100%; }
      .b9 .slider .owl-carousel .owl-controls .owl-next:hover {
        transition: 0.4s;
        width: 22px;
        height: 42px;
        background: url("../img/nextHover.png") no-repeat center center;
        background-size: 100%; }
    .b9 .slider .owl-carousel .owl-controls .owl-dots {
      display: block;
      margin: 20px auto;
      padding-left: 26px;
      text-align: center; }
      .b9 .slider .owl-carousel .owl-controls .owl-dots .owl-dot {
        display: inline-block;
        margin-right: 16px; }
        .b9 .slider .owl-carousel .owl-controls .owl-dots .owl-dot span {
          width: 16px;
          height: 16px;
          display: block;
          border: 3px solid #CE9862;
          border-radius: 100%;
          background-color: #CE9862; }
      .b9 .slider .owl-carousel .owl-controls .owl-dots .active {
        display: inline-block;
        margin-right: 16px; }
        .b9 .slider .owl-carousel .owl-controls .owl-dots .active span {
          width: 16px;
          height: 16px;
          display: block;
          border: 3px solid #CE9862;
          border-radius: 100%;
          background-color: #FDE4B7; }

  .b10 {
    padding: 20px 15px; }
    .b10 .b10Cont .brands {
      height: auto;
      padding: 10px 0 0; }

  .b11 {
    padding: 0 15px;
    background: url("../img/mobBgB1.jpg") no-repeat center top; }
    .b11 .b11Line {
      width: 100%; }
    .b11 .b11Left {
      text-align: left; }
      .b11 .b11Left .b11Logo {
        width: 200px;
        height: auto;
        display: block;
        margin: 0 auto; }
      .b11 .b11Left .b11Product {
        width: 128px;
        height: auto; }
    .b11 .b11Cont {
      padding: 0;
      text-align: left; }
      .b11 .b11Cont h1 {
        font: 32px/32px "Rubik-Bold"; }
      .b11 .b11Cont h2 {
        margin: 0;
        font: 12px/12px "Rubik-Light"; }
      .b11 .b11Cont h3 {
        margin: 10px 0 0;
        font: 10px/10px "Rubik-Light"; }
      .b11 .b11Cont .menu {
        display: none; }
      .b11 .b11Cont .b11Price {
        height: auto;
        text-align: center;
        margin-top: 5px;
        padding: 2px 3px; }
        .b11 .b11Cont .b11Price .b11Skidka h4 {
          font: 12px/12px "Rubik-Light"; }
          .b11 .b11Cont .b11Price .b11Skidka h4 .b11Akcia {
            font: 18px/18px "Rubik-Bold"; }
        .b11 .b11Cont .b11Price .b11NewPrice {
          height: auto;
          padding-left: 7px; }
          .b11 .b11Cont .b11Price .b11NewPrice h4 {
            font: 8px/16px "Rubik-Light";
            border-left: 1px dashed #FDE4B7; }
            .b11 .b11Cont .b11Price .b11NewPrice h4 .newPrice {
              font: 23px/16px "Rubik-Bold"; }
        .b11 .b11Cont .b11Price .b11OldPrice {
          height: auto; }
          .b11 .b11Cont .b11Price .b11OldPrice h4 {
            font: 8px/16px "Rubik-Light"; }
            .b11 .b11Cont .b11Price .b11OldPrice h4 .oldPrice {
              font: 12px/16px "Rubik-Bold"; }
      .b11 .b11Cont .button {
        margin: 2px auto 0; }
      .b11 .b11Cont .b11Timer {
        padding: 3px 0; }
        .b11 .b11Cont .b11Timer h4 {
          font: 12px/12px "Rubik-Light"; }

  .remodal {
    width: 290px;
    min-width: 290px;
    height: auto; }
    .remodal h3 {
      font: 20px/20px "Rubik-Light"; }
    .remodal h4 {
      font: 13px/14px "Rubik-Light"; }
    .remodal button.cpa-input-submit {
      height: 64px; }
    .remodal p {
      font: 12px/14px "Rubik-Light"; } }

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

.footer img {
  display: block;
  margin: 0 auto 15px;
}