@import url("https://fonts.googleapis.com/css?family=Jaldi:400,700|Nunito:600,800|Lato:900|Quicksand:500&subset=latin-ext");
#j-promotion {
  overflow: hidden;
  width: 920px;
  margin: auto;
  background-color: #ffffff;
  position: relative;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  text-align: left; }
  #j-promotion .clearfix {
    float: none;
    margin: auto;
    width: auto; }
  #j-promotion p {
    color: #000000;
    font-family: 'Nunito', sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-align: justify; }
    #j-promotion p strong {
      font-weight: 800; }
  #j-promotion .fast {
    transition-duration: 0.7s; }
  #j-promotion img {
    border: 0px;
    width: auto;
    max-width: auto; }
    #j-promotion img.lazy {
      width: auto; }
  #j-promotion .h1 {
    font-family: 'Jaldi', sans-serif;
    transform: scaleY(1.15);
    -webkit-transform: scaleY(1.15);
    font-size: 45px;
    text-transform: uppercase;
    color: #50285c;
    text-align: left;
    line-height: 43px;
    font-weight: 700; }
    #j-promotion .h1 span {
      font-weight: 400;
      display: block; }
  #j-promotion .h1.small {
    font-size: 49px;
    margin: 25px 0px 74px;
    line-height: 45px;
    text-align: center; }
    #j-promotion .h1.small:after {
      content: ' ';
      height: 5px;
      width: 150px;
      display: block;
      background-color: #50285c;
      margin: auto;
      margin-top: 55px; }
  #j-promotion .h1.alt {
    font-family: 'Lato', sans-serif;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    font-size: 46px;
    letter-spacing: 1px;
    line-height: 60px;
    font-weight: 900;
    text-align: center; }
  #j-promotion .j-row {
    display: block;
    position: relative;
    margin: 0px 45px;
    padding: 0px;
    background-color: transparent; }
    #j-promotion .j-row.j-row-1 {
      padding: 70px 0px 0px;
      margin: 0px 35px;
      display: flex;
      flex-flow: row nowrap;
      align-items: flex-start;
      justify-content: space-between; }
      #j-promotion .j-row.j-row-1 img.j-main-product {
        margin-left: -60px;
        margin-right: -20px;
        display: inline-block; }
      #j-promotion .j-row.j-row-1 .j-intro-text {
        vertical-align: top;
        display: inline-block;
        text-align: right;
        margin-top: 65px;
        z-index: 4; }
        #j-promotion .j-row.j-row-1 .j-intro-text p {
          margin-top: 20px;
          font-size: 19px;
          line-height: 23px;
          text-align: left; }
    #j-promotion .j-row.j-row-2 {
      padding: 50px 0px;
      background-color: transparent; }
      #j-promotion .j-row.j-row-2 .kroki {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: space-between; }
        #j-promotion .j-row.j-row-2 .kroki .krok {
          display: inline-block;
          position: relative;
          width: 152px;
          vertical-align: top; }
          #j-promotion .j-row.j-row-2 .kroki .krok:last-child {
            width: 220px; }
          #j-promotion .j-row.j-row-2 .kroki .krok:first-child span {
            padding-top: 0px; }
          #j-promotion .j-row.j-row-2 .kroki .krok span {
            text-align: center;
            display: block;
            padding-top: 20px;
            vertical-align: bottom;
            color: #8f59a0;
            font-family: 'Quicksand', sans-serif;
            font-size: 16px;
            margin-bottom: 12px;
            font-weight: 500; }
          #j-promotion .j-row.j-row-2 .kroki .krok .kapsulka {
            position: relative;
            display: block;
            margin: auto;
            width: 130px; }
          #j-promotion .j-row.j-row-2 .kroki .krok .strzalka {
            position: absolute;
            top: 45px;
            right: -32px;
            z-index: 999;
            transform: scale(0.7); }
          #j-promotion .j-row.j-row-2 .kroki .krok .napoje {
            position: relative;
            display: block;
            margin: auto;
            width: 215px;
            margin-top: 15px; }
          #j-promotion .j-row.j-row-2 .kroki .krok.krok_1 {
            z-index: 5; }
          #j-promotion .j-row.j-row-2 .kroki .krok.krok_2 {
            z-index: 4; }
          #j-promotion .j-row.j-row-2 .kroki .krok.krok_3 {
            z-index: 3; }
          #j-promotion .j-row.j-row-2 .kroki .krok.krok_4 {
            z-index: 2; }
          #j-promotion .j-row.j-row-2 .kroki .krok.krok_5 {
            z-index: 1; }
      #j-promotion .j-row.j-row-2 .j-kapsulki-text {
        margin-top: 5px; }
        #j-promotion .j-row.j-row-2 .j-kapsulki-text p {
          font-size: 20px;
          line-height: 23px;
          text-align: center;
          padding: 25px 85px; }
          #j-promotion .j-row.j-row-2 .j-kapsulki-text p.j-asterix {
            padding-top: 0px;
            margin-top: -10px;
            font-size: 17px;
            color: #A6A6A6;
            font-style: italic; }
        #j-promotion .j-row.j-row-2 .j-kapsulki-text:after {
          content: ' ';
          height: 5px;
          width: 150px;
          display: block;
          background-color: #50285c;
          margin: 40px auto 30px; }
    #j-promotion .j-row.j-row-3 {
      padding: 40px 0px 30px;
      display: flex;
      flex-flow: row nowrap;
      align-items: flex-start;
      justify-content: space-between; }
      #j-promotion .j-row.j-row-3 .h1 {
        width: 45%;
        display: inline-block;
        margin-top: 30px; }
      #j-promotion .j-row.j-row-3 .j-pads {
        position: relative;
        width: 55%;
        height: 280px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 20px 0px;
        vertical-align: top; }
        #j-promotion .j-row.j-row-3 .j-pads .j-pad-info {
          color: #50285c;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 800;
          display: inline-block;
          position: absolute;
          width: fit-content;
          font-family: 'Jaldi', sans-serif; }
          #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-1 {
            top: 0px;
            left: 147px; }
          #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-2 {
            top: 25px;
            left: 202px; }
          #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-3 {
            top: 50px;
            left: 257px; }
        #j-promotion .j-row.j-row-3 .j-pads .j-pad-info-main {
          background-position: center center;
          background-repeat: no-repeat;
          width: 213px;
          height: 199px;
          line-height: 199px;
          display: inline-block;
          vertical-align: top;
          position: absolute;
          right: 5px;
          bottom: 0px; }
          #j-promotion .j-row.j-row-3 .j-pads .j-pad-info-main .j-pad-main-text {
            font-family: Lato, sans-serif;
            color: #fff;
            line-height: 25px;
            font-size: 22px;
            font-weight: 700;
            text-align: center;
            margin-right: 10px;
            margin-top: 11px; }
            #j-promotion .j-row.j-row-3 .j-pads .j-pad-info-main .j-pad-main-text:before {
              font-family: 'Jaldi', sans-serif;
              content: '=';
              font-size: 100px;
              display: block;
              line-height: 75px; }
    #j-promotion .j-row.j-row-4 {
      height: 115px;
      background-repeat: repeat-x;
      margin: 10px 0px; }
      #j-promotion .j-row.j-row-4.double {
        margin: 30px 0px; }
    #j-promotion .j-row.j-row-5 {
      background-repeat: no-repeat;
      text-align: center;
      padding: 20px 0px 70px; }
  #j-promotion.cafe-au-lait .h1 {
    color: #9d3928; }
  #j-promotion.cafe-au-lait .h1.small:after {
    background-color: #9d3928; }
  #j-promotion.cafe-au-lait .j-row.j-row-2 .kroki .krok span {
    color: #9d3928; }
  #j-promotion.cafe-au-lait .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #9d3928; }
  #j-promotion.cafe-au-lait .j-row.j-row-3 .j-pads .j-pad-info {
    color: #9d3928; }
  #j-promotion.cappuccino .h1 {
    color: #8c5d46; }
  #j-promotion.cappuccino .h1.small:after {
    background-color: #8c5d46; }
  #j-promotion.cappuccino .j-row.j-row-2 .kroki .krok span {
    color: #8c5d46; }
  #j-promotion.cappuccino .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #8c5d46; }
  #j-promotion.cappuccino .j-row.j-row-3 .j-pads .j-pad-info {
    color: #8c5d46; }
  #j-promotion.crema .h1 {
    color: #6a2929; }
  #j-promotion.crema .h1.small:after {
    background-color: #6a2929; }
  #j-promotion.crema .j-row.j-row-2 .kroki .krok span {
    color: #6a2929; }
  #j-promotion.crema .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #6a2929; }
  #j-promotion.crema .j-row.j-row-3 .j-pads .j-pad-info {
    color: #6a2929; }
  #j-promotion.espresso .h1 {
    color: #6d6b6b; }
  #j-promotion.espresso .h1.small:after {
    background-color: #6d6b6b; }
  #j-promotion.espresso .j-row.j-row-2 .kroki .krok span {
    color: #6d6b6b; }
  #j-promotion.espresso .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #6d6b6b; }
  #j-promotion.espresso .j-row.j-row-3 .j-pads .j-pad-info {
    color: #6d6b6b; }
  #j-promotion.latte .h1 {
    color: #ba8966; }
  #j-promotion.latte .h1.small:after {
    background-color: #ba8966; }
  #j-promotion.latte .j-row.j-row-2 .kroki .krok span {
    color: #ba8966; }
  #j-promotion.latte .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #ba8966; }
  #j-promotion.latte .j-row.j-row-3 .j-pads .j-pad-info {
    color: #ba8966; }
  #j-promotion.latte-carmel .h1 {
    color: #ea8419; }
  #j-promotion.latte-carmel .h1.small:after {
    background-color: #ea8419; }
  #j-promotion.latte-carmel .j-row.j-row-2 .kroki .krok span {
    color: #ea8419; }
  #j-promotion.latte-carmel .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #ea8419; }
  #j-promotion.latte-carmel .j-row.j-row-3 .j-pads .j-pad-info {
    color: #ea8419; }
  #j-promotion.lor-espresso .h1 {
    color: #3d261b; }
  #j-promotion.lor-espresso .h1.small:after {
    background-color: #3d261b; }
  #j-promotion.lor-espresso .j-row.j-row-2 .kroki .krok span {
    color: #6a4c3e; }
  #j-promotion.lor-espresso .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #3d261b; }
  #j-promotion.lor-espresso .j-row.j-row-3 .j-pads .j-pad-info {
    color: #3d261b; }
  #j-promotion.lor-intense .h1 {
    color: #72133c; }
  #j-promotion.lor-intense .h1.small:after {
    background-color: #72133c; }
  #j-promotion.lor-intense .j-row.j-row-2 .kroki .krok span {
    color: #992959; }
  #j-promotion.lor-intense .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #72133c; }
  #j-promotion.lor-intense .j-row.j-row-3 .j-pads .j-pad-info {
    color: #72133c; }
  #j-promotion.latte-baileys .h1 {
    color: #462a1c; }
  #j-promotion.latte-baileys .h1.small:after {
    background-color: #462a1c; }
  #j-promotion.latte-baileys .j-row.j-row-2 .kroki .krok span {
    color: #65412f; }
  #j-promotion.latte-baileys .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #462a1c; }
  #j-promotion.latte-baileys .j-row.j-row-3 .j-pads .j-pad-info {
    color: #462a1c; }
  #j-promotion.creamer .h1 {
    color: #17cbf4; }
  #j-promotion.creamer .h1.small:after {
    background-color: #17cbf4; }
  #j-promotion.creamer .j-row.j-row-2 .kroki .krok span {
    color: #6adaf4; }
  #j-promotion.creamer .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #17cbf4; }
  #j-promotion.creamer .j-row.j-row-3 .j-pads .j-pad-info {
    color: #17cbf4; }
  #j-promotion.morning-cafe .h1 {
    color: #ff9516; }
  #j-promotion.morning-cafe .h1.small:after {
    background-color: #ff9516; }
  #j-promotion.morning-cafe .j-row.j-row-2 .kroki .krok span {
    color: #ffaa45; }
  #j-promotion.morning-cafe .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #ff9516; }
  #j-promotion.morning-cafe .j-row.j-row-3 .j-pads .j-pad-info {
    color: #ff9516; }
  #j-promotion.oreo .h1 {
    color: #278acb; }
  #j-promotion.oreo .h1.small:after {
    background-color: #278acb; }
  #j-promotion.oreo .j-row.j-row-2 .kroki .krok span {
    color: #5dbcfb; }
  #j-promotion.oreo .j-row.j-row-2 .j-kapsulki-text:after {
    background-color: #278acb; }
  #j-promotion.oreo .j-row.j-row-3 .j-pads .j-pad-info {
    color: #278acb; }

/* media-expert */
@media only screen and (min-width: 979px) {
  .tab_desc_txt #j-promotion {
    width: 692px; }
    .tab_desc_txt #j-promotion .h1.small {
      font-size: 42px;
      margin: -5px 0px 74px;
      line-height: 41px; }
    .tab_desc_txt #j-promotion .j-row {
      margin: 0px 20px; }
      .tab_desc_txt #j-promotion .j-row.j-row-1 {
        flex-wrap: wrap;
        margin: 0px 75px; }
        .tab_desc_txt #j-promotion .j-row.j-row-1 img.j-main-product {
          margin-left: 0px;
          margin-right: 0px;
          margin: auto; }
        .tab_desc_txt #j-promotion .j-row.j-row-1 .h1 {
          text-align: center; }
          .tab_desc_txt #j-promotion .j-row.j-row-1 .h1 span {
            text-align: center; }
        .tab_desc_txt #j-promotion .j-row.j-row-1 .j-intro-text {
          margin-top: 25px;
          margin-bottom: 35px; }
          .tab_desc_txt #j-promotion .j-row.j-row-1 .j-intro-text p {
            text-align: center; }
      .tab_desc_txt #j-promotion .j-row.j-row-2 img {
        transform: scale(0.8); }
      .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok {
        margin: 0px -4px; }
        .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok span {
          font-size: 14px; }
        .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok .strzalka {
          right: -30px;
          transform: scale(0.65); }
        .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok:last-child img {
          margin-left: -20px; }
      .tab_desc_txt #j-promotion .j-row.j-row-2 .j-kapsulki-text p {
        padding: 25px; }
      .tab_desc_txt #j-promotion .j-row.j-row-3 {
        margin: 0px 70px;
        padding: 10px 0px 30px;
        flex-wrap: wrap;
        justify-content: center; }
        .tab_desc_txt #j-promotion .j-row.j-row-3 .h1 {
          z-index: 4;
          line-height: 50px;
          width: 100%; }
        .tab_desc_txt #j-promotion .j-row.j-row-3 .j-pads {
          margin-top: 50px;
          width: 90%; }
      .tab_desc_txt #j-promotion .j-row.j-row-5 {
        margin: 0px 20px; }
        .tab_desc_txt #j-promotion .j-row.j-row-5 .napoje {
          width: 100%; } }
@media only screen and (max-width: 767px) {
  .tab_desc_txt #j-promotion {
    width: 100%; }
    .tab_desc_txt #j-promotion .h1.small {
      font-size: 42px;
      margin: -5px 0px 74px;
      line-height: 41px; }
    .tab_desc_txt #j-promotion .j-row {
      margin: 0px 20px; }
      .tab_desc_txt #j-promotion .j-row.j-row-1 {
        flex-wrap: wrap;
        margin: 0px 15px;
        padding: 50px 0px 0px; }
        .tab_desc_txt #j-promotion .j-row.j-row-1 img.j-main-product {
          width: 110%; }
        .tab_desc_txt #j-promotion .j-row.j-row-1 .h1 {
          text-align: center; }
          .tab_desc_txt #j-promotion .j-row.j-row-1 .h1 span {
            text-align: center; }
      .tab_desc_txt #j-promotion .j-row.j-row-2 img {
        transform: scale(1); }
      .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki {
        flex-wrap: wrap;
        justify-content: center; }
        .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok {
          width: 100%;
          animation-delay: 0s !important; }
          .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok > * {
            animation-delay: 0s !important; }
          .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok span {
            font-size: 22px; }
          .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok .kapsulka {
            width: auto;
            padding-bottom: 65px; }
          .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok .strzalka {
            width: auto;
            transform: rotate(90deg);
            right: 50%;
            margin-right: -29px;
            bottom: 0px;
            top: auto; }
          .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok .napoje {
            width: auto; }
          .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok:last-child {
            width: 300px; }
            .tab_desc_txt #j-promotion .j-row.j-row-2 .kroki .krok:last-child img {
              margin-left: 0px; }
      .tab_desc_txt #j-promotion .j-row.j-row-2 .j-kapsulki-text p {
        font-size: 18px;
        line-height: 20px; }
      .tab_desc_txt #j-promotion .j-row.j-row-3 {
        margin: 0px 10px; }
        .tab_desc_txt #j-promotion .j-row.j-row-3 > * {
          animation-delay: 0s !important; }
        .tab_desc_txt #j-promotion .j-row.j-row-3 .j-pads {
          width: 320px;
          padding-bottom: 100px;
          background-position: top left; }
          .tab_desc_txt #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-1 {
            top: -15px;
            left: 60px;
            animation-delay: 0.1s !important; }
          .tab_desc_txt #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-2 {
            top: 10px;
            left: 115px;
            animation-delay: 0.3s !important; }
          .tab_desc_txt #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-3 {
            top: 35px;
            left: 170px;
            animation-delay: 0.5s !important; }
          .tab_desc_txt #j-promotion .j-row.j-row-3 .j-pads .j-pad-info-main {
            right: 50%;
            margin-right: -107px;
            animation-delay: 1s !important; } }
      @media only screen and (max-width: 767px) and (max-width: 360px) {
        .tab_desc_txt #j-promotion .j-row.j-row-3 {
          margin: 0px 10px; }
          .tab_desc_txt #j-promotion .j-row.j-row-3 .j-pads .j-pad-info {
            font-size: 12px;
            margin-left: -10px; }
          .tab_desc_txt #j-promotion .j-row.j-row-3 .h1 {
            font-size: 40px;
            line-height: 45px; } }
@media only screen and (max-width: 767px) {
      .tab_desc_txt #j-promotion .j-row.j-row-5 {
        margin: 0px;
        padding: 0px 0px 50px; } }

/*  Avans */
@media only screen and (min-width: 1247px) {
  .widget.text_editor #j-promotion {
    width: 909px; } }
@media only screen and (max-width: 1246px) {
  .widget.text_editor #j-promotion {
    width: 720px; }
    .widget.text_editor #j-promotion .h1.small {
      font-size: 42px;
      margin: -5px 0px 74px;
      line-height: 41px; }
    .widget.text_editor #j-promotion .j-row {
      margin: 0px 20px; }
      .widget.text_editor #j-promotion .j-row.j-row-1 {
        flex-wrap: wrap;
        margin: 0px 75px; }
        .widget.text_editor #j-promotion .j-row.j-row-1 img.j-main-product {
          margin-left: 0px;
          margin-right: 0px;
          margin: auto; }
        .widget.text_editor #j-promotion .j-row.j-row-1 .h1 {
          text-align: center; }
          .widget.text_editor #j-promotion .j-row.j-row-1 .h1 span {
            text-align: center; }
        .widget.text_editor #j-promotion .j-row.j-row-1 .j-intro-text {
          margin-top: 25px;
          margin-bottom: 35px; }
          .widget.text_editor #j-promotion .j-row.j-row-1 .j-intro-text p {
            text-align: center; }
      .widget.text_editor #j-promotion .j-row.j-row-2 img {
        transform: scale(0.8); }
        .widget.text_editor #j-promotion .j-row.j-row-2 img.zoom:hover {
          transform: scale(1);
          z-index: 3; }
      .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok {
        margin: 0px -4px; }
        .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok span {
          font-size: 14px; }
        .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok .strzalka {
          right: -30px;
          transform: scale(0.65); }
        .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok:last-child img {
          margin-left: -20px; }
      .widget.text_editor #j-promotion .j-row.j-row-2 .j-kapsulki-text p {
        padding: 25px; }
      .widget.text_editor #j-promotion .j-row.j-row-3 {
        margin: 0px 70px;
        padding: 10px 0px 30px;
        flex-wrap: wrap;
        justify-content: center; }
        .widget.text_editor #j-promotion .j-row.j-row-3 .h1 {
          z-index: 4;
          line-height: 50px;
          width: 100%; }
        .widget.text_editor #j-promotion .j-row.j-row-3 .j-pads {
          margin-top: 50px;
          width: 90%; }
      .widget.text_editor #j-promotion .j-row.j-row-5 {
        margin: 0px 20px; }
        .widget.text_editor #j-promotion .j-row.j-row-5 .napoje {
          width: 100%; } }
@media only screen and (max-width: 767px) {
  .widget.text_editor #j-promotion {
    width: 100%; }
    .widget.text_editor #j-promotion .h1.small {
      font-size: 42px;
      margin: -5px 0px 74px;
      line-height: 41px; }
    .widget.text_editor #j-promotion .j-row {
      margin: 0px 20px; }
      .widget.text_editor #j-promotion .j-row.j-row-1 {
        flex-wrap: wrap;
        margin: 0px 15px;
        padding: 50px 0px 0px; }
        .widget.text_editor #j-promotion .j-row.j-row-1 img.j-main-product {
          width: 110%; }
        .widget.text_editor #j-promotion .j-row.j-row-1 .h1 {
          text-align: center; }
          .widget.text_editor #j-promotion .j-row.j-row-1 .h1 span {
            text-align: center; }
      .widget.text_editor #j-promotion .j-row.j-row-2 img {
        transform: scale(1); }
      .widget.text_editor #j-promotion .j-row.j-row-2 .kroki {
        flex-wrap: wrap;
        justify-content: center; }
        .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok {
          width: 100%;
          animation-delay: 0s !important; }
          .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok > * {
            animation-delay: 0s !important; }
          .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok span {
            font-size: 22px; }
          .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok .kapsulka {
            width: auto;
            padding-bottom: 65px; }
          .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok .strzalka {
            width: auto;
            transform: rotate(90deg);
            right: 50%;
            margin-right: -29px;
            bottom: 0px;
            top: auto; }
          .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok .napoje {
            width: auto; }
          .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok:last-child {
            width: 300px; }
            .widget.text_editor #j-promotion .j-row.j-row-2 .kroki .krok:last-child img {
              margin-left: 0px; }
      .widget.text_editor #j-promotion .j-row.j-row-2 .j-kapsulki-text p {
        font-size: 18px;
        line-height: 20px; }
      .widget.text_editor #j-promotion .j-row.j-row-3 {
        margin: 0px 10px; }
        .widget.text_editor #j-promotion .j-row.j-row-3 > * {
          animation-delay: 0s !important; }
        .widget.text_editor #j-promotion .j-row.j-row-3 .j-pads {
          width: 320px;
          padding-bottom: 100px;
          background-position: top left; }
          .widget.text_editor #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-1 {
            top: -15px;
            left: 60px;
            animation-delay: 0.1s !important; }
          .widget.text_editor #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-2 {
            top: 10px;
            left: 115px;
            animation-delay: 0.3s !important; }
          .widget.text_editor #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-3 {
            top: 35px;
            left: 170px;
            animation-delay: 0.5s !important; }
          .widget.text_editor #j-promotion .j-row.j-row-3 .j-pads .j-pad-info-main {
            right: 50%;
            margin-right: -107px;
            animation-delay: 1s !important; } }
      @media only screen and (max-width: 767px) and (max-width: 360px) {
        .widget.text_editor #j-promotion .j-row.j-row-3 {
          margin: 0px 10px; }
          .widget.text_editor #j-promotion .j-row.j-row-3 .j-pads .j-pad-info {
            font-size: 12px;
            margin-left: -10px; }
          .widget.text_editor #j-promotion .j-row.j-row-3 .h1 {
            font-size: 40px;
            line-height: 45px; } }
@media only screen and (max-width: 767px) {
      .widget.text_editor #j-promotion .j-row.j-row-5 {
        margin: 0px;
        padding: 0px 0px 50px; } }

/* electro */
@media only screen and (min-width: 1010px) {
  .m-contentBox_desc #j-promotion {
    width: 920px; } }
@media only screen and (max-width: 1009px) {
  .m-contentBox_desc #j-promotion {
    width: 693px; }
    .m-contentBox_desc #j-promotion .h1.small {
      font-size: 42px;
      margin: -5px 0px 74px;
      line-height: 41px; }
    .m-contentBox_desc #j-promotion .j-row {
      margin: 0px 20px; }
      .m-contentBox_desc #j-promotion .j-row.j-row-1 {
        flex-wrap: wrap;
        margin: 0px 75px; }
        .m-contentBox_desc #j-promotion .j-row.j-row-1 img.j-main-product {
          margin-left: 0px;
          margin-right: 0px;
          margin: auto; }
        .m-contentBox_desc #j-promotion .j-row.j-row-1 .h1 {
          text-align: center; }
          .m-contentBox_desc #j-promotion .j-row.j-row-1 .h1 span {
            text-align: center; }
        .m-contentBox_desc #j-promotion .j-row.j-row-1 .j-intro-text {
          margin-top: 25px;
          margin-bottom: 35px; }
          .m-contentBox_desc #j-promotion .j-row.j-row-1 .j-intro-text p {
            text-align: center; }
      .m-contentBox_desc #j-promotion .j-row.j-row-2 img {
        transform: scale(0.8); }
        .m-contentBox_desc #j-promotion .j-row.j-row-2 img.zoom:hover {
          transform: scale(1);
          z-index: 3; }
      .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok {
        margin: 0px -4px; }
        .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok span {
          font-size: 14px; }
        .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok .strzalka {
          right: -30px;
          transform: scale(0.65); }
        .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok:last-child img {
          margin-left: -20px; }
      .m-contentBox_desc #j-promotion .j-row.j-row-2 .j-kapsulki-text p {
        padding: 25px; }
      .m-contentBox_desc #j-promotion .j-row.j-row-3 {
        margin: 0px 70px;
        padding: 10px 0px 30px;
        flex-wrap: wrap;
        justify-content: center; }
        .m-contentBox_desc #j-promotion .j-row.j-row-3 .h1 {
          z-index: 4;
          line-height: 50px;
          width: 100%; }
        .m-contentBox_desc #j-promotion .j-row.j-row-3 .j-pads {
          margin-top: 50px;
          width: 90%; }
      .m-contentBox_desc #j-promotion .j-row.j-row-5 {
        margin: 0px 20px; }
        .m-contentBox_desc #j-promotion .j-row.j-row-5 .napoje {
          width: 100%; } }
@media only screen and (max-width: 767px) {
  .m-contentBox_desc #j-promotion {
    width: 100%; }
    .m-contentBox_desc #j-promotion .h1.small {
      font-size: 42px;
      margin: -5px 0px 74px;
      line-height: 41px; }
    .m-contentBox_desc #j-promotion .j-row {
      margin: 0px 20px; }
      .m-contentBox_desc #j-promotion .j-row.j-row-1 {
        flex-wrap: wrap;
        margin: 0px 15px;
        padding: 50px 0px 0px; }
        .m-contentBox_desc #j-promotion .j-row.j-row-1 img.j-main-product {
          width: 110%; }
        .m-contentBox_desc #j-promotion .j-row.j-row-1 .h1 {
          text-align: center; }
          .m-contentBox_desc #j-promotion .j-row.j-row-1 .h1 span {
            text-align: center; }
      .m-contentBox_desc #j-promotion .j-row.j-row-2 img {
        transform: scale(1); }
      .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki {
        flex-wrap: wrap;
        justify-content: center; }
        .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok {
          width: 100%;
          animation-delay: 0s !important; }
          .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok > * {
            animation-delay: 0s !important; }
          .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok span {
            font-size: 22px; }
          .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok .kapsulka {
            width: auto;
            padding-bottom: 65px; }
          .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok .strzalka {
            width: auto;
            transform: rotate(90deg);
            right: 50%;
            margin-right: -29px;
            bottom: 0px;
            top: auto; }
          .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok .napoje {
            width: auto; }
          .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok:last-child {
            width: 300px; }
            .m-contentBox_desc #j-promotion .j-row.j-row-2 .kroki .krok:last-child img {
              margin-left: 0px; }
      .m-contentBox_desc #j-promotion .j-row.j-row-2 .j-kapsulki-text p {
        font-size: 18px;
        line-height: 20px; }
      .m-contentBox_desc #j-promotion .j-row.j-row-3 {
        margin: 0px 10px; }
        .m-contentBox_desc #j-promotion .j-row.j-row-3 > * {
          animation-delay: 0s !important; }
        .m-contentBox_desc #j-promotion .j-row.j-row-3 .j-pads {
          width: 320px;
          padding-bottom: 100px;
          background-position: top left; }
          .m-contentBox_desc #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-1 {
            top: -15px;
            left: 60px;
            animation-delay: 0.1s !important; }
          .m-contentBox_desc #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-2 {
            top: 10px;
            left: 115px;
            animation-delay: 0.3s !important; }
          .m-contentBox_desc #j-promotion .j-row.j-row-3 .j-pads .j-pad-info.j-pad-info-3 {
            top: 35px;
            left: 170px;
            animation-delay: 0.5s !important; }
          .m-contentBox_desc #j-promotion .j-row.j-row-3 .j-pads .j-pad-info-main {
            right: 50%;
            margin-right: -107px;
            animation-delay: 1s !important; } }
      @media only screen and (max-width: 767px) and (max-width: 360px) {
        .m-contentBox_desc #j-promotion .j-row.j-row-3 {
          margin: 0px 10px; }
          .m-contentBox_desc #j-promotion .j-row.j-row-3 .j-pads .j-pad-info {
            font-size: 12px;
            margin-left: -10px; }
          .m-contentBox_desc #j-promotion .j-row.j-row-3 .h1 {
            font-size: 40px;
            line-height: 45px; } }
@media only screen and (max-width: 767px) {
      .m-contentBox_desc #j-promotion .j-row.j-row-5 {
        margin: 0px;
        padding: 0px 0px 50px; } }

img.load[data-original], img.load {
  transition: all 0.3 ease-in !important; }

img.load.is-loaded:not(.rise):not(.zoom-small):not(.zoom):not(.longFlash):not(.swing):not(.bgSlideXAlt):not(.bgSlideX):not(.pulse) {
  animation-duration: .3s;
  animation-name: fadeIn; }

@-webkit-keyframes bgSlideX {
  0% {
    background-position-x: 0px; }
  100% {
    background-position-x: 920px; } }
@keyframes bgSlideX {
  0% {
    background-position-x: 0px; }
  100% {
    background-position-x: 920px; } }
.bgSlideX {
  -webkit-animation-name: bgSlideX !important;
  animation-name: bgSlideX !important;
  animation-timing-function: linear;
  animation-duration: 25s !important;
  animation-iteration-count: infinite; }

@-webkit-keyframes bgSlideXAlt {
  0% {
    background-position-x: 920px; }
  100% {
    background-position-x: 0px; } }
@keyframes bgSlideXAlt {
  0% {
    background-position-x: 920px; }
  100% {
    background-position-x: 0px; } }
.bgSlideXAlt {
  -webkit-animation-name: bgSlideXAlt !important;
  animation-name: bgSlideXAlt !important;
  animation-timing-function: linea !important;
  animation-duration: 25s !important;
  animation-iteration-count: infinite; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.pulse {
  -webkit-animation-name: pulse !important;
  animation-name: pulse !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
  animation-timing-function: linear;
  animation-duration: 1.5s !important;
  animation-iteration-count: infinite; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
.swing {
  -webkit-animation-name: swing !important;
  animation-name: swing !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
  animation-timing-function: linear;
  animation-duration: 1.5s !important;
  animation-iteration-count: infinite; }

@-webkit-keyframes longFlash {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes longFlash {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }
.longFlash {
  -webkit-animation-name: longFlash !important;
  animation-name: longFlash !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
  animation-timing-function: ease-in-out !important;
  animation-duration: 1.5s !important;
  animation-iteration-count: infinite; }

.zoom {
  transition: all 0.4s ease-out !important; }
  .zoom:hover {
    transform: scale(1.12) !important;
    z-index: 3; }

.zoom-small {
  transition: all 0.4s ease-out !important; }
  .zoom-small:hover {
    transform: scale(1.08) !important;
    z-index: 3; }

.rise {
  transition: all 0.3s ease-out !important; }
  .rise:hover {
    transform: translateY(-10px) scale(1.12) !important; }