/*!
* animate.css - https: //animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
@font-face {
    font-family: "arrows";
    src: url("../fonts/arrows.eot");
    src: url("../fonts/arrows.eot#iefix") format("embedded-opentype"),
    url("../fonts/arrows.woff") format("woff"),
    url("../fonts/arrows.ttf") format("truetype"),
    url("../fonts/arrows.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*TEXT IN SLIDER*/
#bonslider .slick-text {
    font-size: 50px;
    color: #FF4C4C;
    font-weight: 500;
    margin-bottom: 47px;
}

#bonslider .slick-text span {
    color: #3a3a3a;
    font-weight: 400;
    font-size: 29px;
    vertical-align: 15px;
    text-decoration: line-through;
}

#bonslider .bonslider-item-description h2 {
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    letter-spacing: 0.04em;
    color: #E8325E;
    margin-bottom: 0;
}
#bonslider .bonslider-item-description h3 {
    font-size: 60px;
    line-height: 90px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #525252;
    margin-bottom: 20px;
    font-weight: 700;
}
#bonslider .bonslider-item-description h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #525252;
    margin-bottom: 50px;
}

#bonslider .bonslider-item-description .slick_shop-now {
    font-family: 'Popins', sans-serif;
    text-transform: capitalize;
    display: inline-block;
    font-size: 20px;
    transition: all .3s ease;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .08);
    letter-spacing: 0.5px;
    font-weight: normal;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.1);
}

#bonslider .bonslider-item-description .slick_shop-now {
    background: #8cb668;
    color: #fff;
    padding: 17px 32px;
}

#bonslider .bonslider-item-description .slick_shop-now:hover {
    background: #79a751;
    box-shadow: none;
    text-shadow: none;
}

/*END TEXT IN SLIDER*/
#bonslider .img-responsive {
    max-width: 100%;
}
#bonslider .bonslider-item {
    overflow: hidden;
}
#bonslider {
    max-width: 100%;
    position: relative;
    overflow: hidden;
}
#bonslider .bonslider-subitem img {
    opacity: 0;
    position: absolute;
}
#bonslider .bonslider-item:not(.swiper-slide-active) .bonslider-subitem img {
    transition: none;
}
#bonslider .swiper-slide-active .bonslider-subitem img {
    transform: none;
    animation-fill-mode: forwards;
}
#bonslider #video-container .bonslider-subtitle,
#bonslider #video-container .bonslider-title,
#bonslider #video-container .bonslider-text {
    color: #fff;
    text-shadow: 1px 1px 1px #444;
}


/* Video controls */
#bonslider #video-container #controls {
    position: absolute;
    right: 60px;
    bottom: 60px;
    z-index: 1000;
}
#bonslider #video-container #controls .play,
#bonslider #video-container #controls .pause,
#bonslider #video-container #controls .mute,
#bonslider #video-container #controls .unmute {
    font-size: 0;
    background-color: transparent;
    border: none;
    transition: all 0.3s linear;
}

#bonslider #video-container #controls .play:before,
#bonslider #video-container #controls .pause:before,
#bonslider #video-container #controls .mute:before,
#bonslider #video-container #controls .unmute:before {
    font-family: 'Material Icons';
    color: #fff;
    font-size: 35px;
    transition: all 0.3s linear;
}

#bonslider #video-container #controls .play:hover,
#bonslider #video-container #controls .pause:hover,
#bonslider #video-container #controls .mute:hover,
#bonslider #video-container #controls .unmute:hover {
    outline: none;
    border: none;
}

#bonslider #video-container #controls .play:focus,
#bonslider #video-container #controls .pause:focus,
#bonslider #video-container #controls .mute:focus,
#bonslider #video-container #controls .unmute:focus {
    outline: none;
}

#bonslider #video-container #controls .play:hover:before,
#bonslider #video-container #controls .pause:hover:before,
#bonslider #video-container #controls .mute:hover:before,
#bonslider #video-container #controls .unmute:hover:before {
    cursor: pointer;
    color: #353535;
}
#bonslider #video-container #controls .play:before {
    content: '\e037';
}

#bonslider #video-container #controls .pause:before {
    content: '\e034';
}

#bonslider #video-container #controls .mute:before {
    content: '\e04e';
}

#bonslider #video-container #controls .unmute:before {
    content: '\e04f';
}
/* END video controls */

/* swiper button prev/next */
#bonslider .swiper-button-next, #bonslider .swiper-button-prev {
    opacity: 0;
    transition: all .15s linear;
    transform: scale(0.6) rotate(15deg);
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

#bonslider .swiper-button-next, #bonslider .swiper-rtl .swiper-button-prev {
    right: 3%;
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 3%;
    right: auto;
}
#bonslider .swiper-button-next.swiper-button-disabled, #bonslider .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}
#bonslider:hover .swiper-button-next,
#bonslider:hover .swiper-button-prev {
    opacity: 1;
}

#bonslider:hover .swiper-button-next.swiper-button-disabled,
#bonslider:hover .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
}
#bonslider .bonslider-item-description {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 27%;
    left: 11.9%;
    opacity: 0;
    z-index: 90;
    transition: all .3s ease;
}
#bonslider:hover .swiper-button-next, #bonslider:hover .swiper-rtl .swiper-button-prev {
    right: 5%;
    left: auto;
    transform: scale(1) rotate(0);
}
#bonslider:hover .swiper-button-prev, #bonslider:hover .swiper-rtl .swiper-button-next {
    left: 5%;
    right: auto;
    transform: scale(1.1);
}
/* END swiper button prev/next */
#bonslider .swiper-button-next:after,
#bonslider .swiper-button-prev:after {
    font-family: "arrows";
    color: #000;
    font-size: 29px;
    transition: all .3s ease;
}
#bonslider .swiper-button-next.white-arrow:after,
#bonslider .swiper-button-prev.white-arrow:after,
#bonslider .swiper-button-next.white-arrow:hover:after,
#bonslider .swiper-button-prev.white-arrow:hover:after{
    color: #fff;
}

#bonslider .swiper-button-next:hover:after,
#bonslider .swiper-button-prev:hover:after {
    color: #79a751;
}
#bonslider .swiper-button-prev:after {
    content: '\e00f';
}

#bonslider .swiper-button-next:after {
    content: '\e00d';
}
/* swiper pagination */
#bonslider .swiper-horizontal > .swiper-pagination-bullets, #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal, #bonslider .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5%;
}
#bonslider .swiper-pagination-bullet {
    transition: all .15s linear;
}
#bonslider .swiper-pagination-bullet {
    width: 60px;
    height: 3px;
    background: #D1D1D1;
    border-radius: 5px;
    opacity: 1;
}
#bonslider .swiper-pagination-bullet-active {
    background: #8cb668;
}
#bonslider .swiper-pagination-bullet:not(:last-child) {
    margin-right: 15px;
}
/* END swiper pagination */

/* Responsive part */
@media (max-width: 1880px) {
    #bonslider .bonslider-item-description {
        left: calc(80px + (220 - 80) * ((100vw - 991px) / (1880 - 991)));
    }
    #bonslider .bonslider-item-description h2 {
        line-height: calc(20px + (75 - 20) * ((100vw - 320px) / (1880 - 320)));
        font-size: calc(10px + (50 - 10) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .bonslider-item-description h3 {
        line-height: calc(13px + (90 - 13) * ((100vw - 320px) / (1880 - 320)));
        font-size: calc(11px + (60 - 11) * ((100vw - 320px) / (1880 - 320)));
        margin-bottom: calc(5px + (20 - 5) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .bonslider-item-description h4 {
        line-height: calc(10px + (30 - 10) * ((100vw - 320px) / (1880 - 320)));
        font-size: calc(8px + (20 - 8) * ((100vw - 320px) / (1880 - 320)));
        margin-bottom: calc(2px + (57 - 2) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-item-description .slick_shop-now {
        font-size: calc(10px + (20 - 10) * ((100vw - 320px) / (1880 - 320)));
    }

    /* to adapt images */
    #bonslider .bonslider-subitem .subimg-1-1 {
        max-width: 13vw;
    }

    #bonslider .bonslider-subitem .subimg-1-2 {
        max-width: 7vw;
    }

    #bonslider .bonslider-subitem .subimg-1-3 {
        max-width: 15vw;
    }

    #bonslider .bonslider-subitem .subimg-1-4 {
        max-width: 32vw;
    }

    #bonslider .bonslider-subitem .subimg-2-1 {
        max-width: 25vw;
    }

    #bonslider .bonslider-subitem .subimg-2-2 {
        max-width: 16vw;
    }

    #bonslider .bonslider-subitem .subimg-2-3 {
        max-width: 19vw;
    }

    #bonslider .bonslider-subitem .subimg-2-4 {
        max-width: 19vw;
    }

}

@media(min-width: 991px) and (max-width: 1200px) {
    #bonslider .bonslider-item-description .slick_shop-now {
        margin-right: 10px;
        padding: 8px 20px;
    }
}
@media (max-width: 991px) {
    #bonslider .swiper-horizontal > .swiper-pagination-bullets, #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal, #bonslider .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10%;
    }
    #bonslider .swiper-button-next, #bonslider .swiper-button-prev {
        width: 35px;
        height: 35px;
    }
    #bonslider .swiper-button-next:after,
    #bonslider .swiper-button-prev:after {
        font-size: 21px;
    }
    #bonslider .bonslider-item-description {
        left: calc(35px + (50 - 35) * ((100vw - 768px) / (991 - 768)));
    }
    #bonslider .bonslider-item-description {
        top: 26%;
    }
    #bonslider .bonslider-item-description .slick_shop-now {
        margin-right: 7px;
        padding: 5px 15px;
    }
    #bonslider .bonslider-item-description h4 {
        max-width: 69%;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    #bonslider .bonslider-item-description {
        top: 28%;
    }
    #bonslider .bonslider-item-description {
        left: calc(10px + (15 - 10) * ((100vw - 576px) / (768 - 576)))
    }
    #bonslider .bonslider-item-description h2 {
        line-height: calc(20px + (20 - 20) * ((100vw - 576px) / (768 - 576)));
        font-size: calc(12px + (15 - 12) * ((100vw - 576px) / (768 - 576)));
    }
    #bonslider .bonslider-item-description h3 {
        line-height: calc(18px + (24 - 18) * ((100vw - 576px) / (768 - 576)));
        font-size: calc(14px + (20 - 14) * ((100vw - 576px) / (768 - 576)));
        margin-bottom: calc(0px + (5 - 0) * ((100vw - 576px) / (768 - 576)));
    }
    #bonslider .bonslider-item-description h4 {
        max-width: 69%;
        line-height: calc(14px + (16 - 14) * ((100vw - 576px) / (768 - 576)));
        font-size: calc(10px + (12 - 10) * ((100vw - 576px) / (768 - 576)));
        margin-bottom: calc(7px + (12 - 7) * ((100vw - 576px) / (768 - 576)));
    }
}
@media (max-width: 600px) {
    #bonslider .swiper-button-next, #bonslider .swiper-button-prev {
        display: none;
    }
}
@media (max-width: 576px) {
    #bonslider .swiper-pagination-bullet:not(:last-child) {
        margin-right: 7px;
    }
    #bonslider .swiper-pagination-bullet {
        width: 20px;
        height: 2px;
    }
    #bonslider .bonslider-item-description h3 {
        max-width: 90%;
    }
    #bonslider .bonslider-item-description h2 {
        line-height: calc(15px + (75 - 15) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .bonslider-item-description {
        left: calc(26px + (60 - 26) * ((100vw - 320px) / (576 - 320)))
    }
    #bonslider .bonslider-item-description {
        top: 34%;
    }
    #bonslider .bonslider-item-description .slick_shop-now {
        margin-right: 4px;
        padding: 2px 6px;
    }
    #bonslider .bonslider-item-description .slick_shop-now,
    #bonslider .bonslider-item-description h4 {
        display: none;
    }
    #bonslider .swiper-horizontal > .swiper-pagination-bullets,
    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal,
    #bonslider .swiper-pagination-custom, #bonslider .swiper-pagination-fraction {
        bottom: 15px;
    }
}
/* END Responsive part */
/* Animation Part*/
@keyframes bonslider-hover-btn {
    0% {
        outline: 1px dashed #fff;
    }
    25%{
        outline: 1px dotted #fff;
    }
    50% {
        outline: 1px dashed #fff;
    }
    75%{
        outline: 1px dotted #fff;
    }
    100% {
        outline: 1px dashed #fff;
    }
}

@-webkit-keyframes bonsliderFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bonsliderFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.swiper-slide-active .bonsliderFadeInDown {
    -webkit-animation: bonsliderFadeInDown 1s ease;
    animation: bonsliderFadeInDown 1s ease;
}
@-webkit-keyframes bonsliderFadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-15%, 0, 0);
        transform: translate3d(-15%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bonsliderFadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-15%, 0, 0);
         transform: translate3d(-15%, 0, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
.swiper-slide-active .bonsliderFadeInLeft {
    -webkit-animation: bonsliderFadeInLeft 1s ease;
    animation: bonsliderFadeInLeft 1s ease;
}
@-webkit-keyframes bonsliderFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bonsliderFadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 40%, 0);
         transform: translate3d(0, 40%, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
}
.swiper-slide-active .bonsliderFadeInUp {
      -webkit-animation: bonsliderFadeInUp 1s ease;
      animation: bonsliderFadeInUp 1s ease;
}
@-webkit-keyframes bonsliderFadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(5%, 0, 0);
        transform: translate3d(15%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bonsliderFadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(15%, 0, 0);
         transform: translate3d(15%, 0, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
.swiper-slide-active .bonsliderFadeInRight {
      -webkit-animation: bonsliderFadeInRight 1s ease;
      animation: bonsliderFadeInRight 1s ease;
}
@-webkit-keyframes bonsliderPulse {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes bonsliderPulse {
     0% {
         opacity: 0;
         -webkit-transform: scaleX(1);
         transform: scaleX(1);
     }
     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
     }
     to {
         opacity: 1;
         -webkit-transform: scaleX(1);
         transform: scaleX(1);
     }
 }
.swiper-slide-active .bonsliderPulse {
      -webkit-animation: bonsliderPulse 1s ease-in-out;
      animation: bonsliderPulse 1s ease-in-out;
}
@-webkit-keyframes bonsliderFadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40%, -40%, 0);
        transform: translate3d(-100%, -40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bonsliderFadeInTopLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-40%, -40%, 0);
         transform: translate3d(-40%, -40%, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
.swiper-slide-active .bonsliderFadeInTopLeft {
      -webkit-animation: bonsliderFadeInTopLeft 1s ease;
      animation: bonsliderFadeInTopLeft 1s ease;
}
@-webkit-keyframes bonsliderFadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40%, -40%, 0);
        transform: translate3d(40%, -40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bonsliderFadeInTopRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(40%, -40%, 0);
         transform: translate3d(40%, -40%, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
.swiper-slide-active .bonsliderFadeInTopRight {
      -webkit-animation: bonsliderFadeInTopRight 1s ease;
      animation: bonsliderFadeInTopRight 1s ease;
  }
@-webkit-keyframes bonsliderFadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40%, 40%, 0);
        transform: translate3d(-40%, 40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bonsliderFadeInBottomLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-40%, 40%, 0);
         transform: translate3d(-40%, 40%, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
.swiper-slide-active .bonsliderFadeInBottomLeft {
      -webkit-animation: bonsliderFadeInBottomLeft 1s ease;
      animation: bonsliderFadeInBottomLeft 1s ease;
  }
@-webkit-keyframes bonsliderFadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40%, 40%, 0);
        transform: translate3d(40%, 40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bonsliderFadeInBottomRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(40%, 40%, 0);
         transform: translate3d(40%, 40%, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
.swiper-slide-active .bonsliderFadeInBottomRight {
      -webkit-animation: bonsliderFadeInBottomRight 1s ease;
      animation: bonsliderFadeInBottomRight 1s ease;
  }
@-webkit-keyframes bonsliderBounce {
    0%, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
    }
    90% {
        opacity: 1;
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
    to {
        opacity: 1;
    }
}
@keyframes bonsliderBounce {
     0%, 20%, 53%, to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
     }
     40%, 43% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
         transform: translate3d(0, -30px, 0) scaleY(1.1);
     }
     70% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
         transform: translate3d(0, -15px, 0) scaleY(1.05);
     }
     80% {
         -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
         transition-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translateZ(0) scaleY(.95);
         transform: translateZ(0) scaleY(.95);
     }
     90% {
         -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
         transform: translate3d(0, -4px, 0) scaleY(1.02);
     }
    to {
        opacity: 1;
    }
 }
.swiper-slide-active .bonsliderBounce {
      -webkit-animation: bonsliderBounce 1s ease;
      animation: bonsliderBounce 1s ease;
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
  }
@-webkit-keyframes bonsliderRotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes bonsliderRotateIn {
     0% {
         -webkit-transform: rotate(-200deg);
         transform: rotate(-200deg);
         opacity: 0;
     }
     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1;
     }
 }
.swiper-slide-active .bonsliderRotateIn {
      -webkit-animation: bonsliderRotateIn 1.5s ease;
      animation: bonsliderRotateIn 1.5s ease;
      -webkit-transform-origin: center;
      transform-origin: center;
}
@-webkit-keyframes bonsliderJackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bonsliderJackInTheBox {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) rotate(30deg);
         transform: scale(.1) rotate(30deg);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
     }
     50% {
         -webkit-transform: rotate(-10deg);
         transform: rotate(-10deg);
     }
     70% {
         -webkit-transform: rotate(3deg);
         transform: rotate(3deg);
     }
     to {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
     }
 }
.swiper-slide-active .bonsliderJackInTheBox {
      -webkit-animation: bonsliderJackInTheBox 1.5s ease;
      animation: bonsliderJackInTheBox 1.5s ease;
  }
@-webkit-keyframes bonsliderRollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40%, 0, 0) rotate(-120deg);
        transform: translate3d(-40%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes bonsliderRollIn {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-40%, 0, 0) rotate(-120deg);
         transform: translate3d(-40%, 0, 0) rotate(-120deg);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
.swiper-slide-active .bonsliderRollIn {
      -webkit-animation: bonsliderRollIn 1.5s ease;
      animation: bonsliderRollIn 1.5s ease;
}
@-webkit-keyframes bonsliderZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 1;
    }
}
@keyframes bonsliderZoomIn {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

    to {
        opacity: 1;
    }
 }
.swiper-slide-active .bonsliderZoomIn {
      -webkit-animation: bonsliderZoomIn 1.5s ease;
      animation: bonsliderZoomIn 1.5s ease;
}
@-webkit-keyframes bonsliderFlipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1;
    }
}
@keyframes bonsliderFlipInX {
     0% {
         -webkit-transform: perspective(400px) rotateX(90deg);
         transform: perspective(400px) rotateX(90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0;
     }
     40% {
         -webkit-transform: perspective(400px) rotateX(-20deg);
         transform: perspective(400px) rotateX(-20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }
     60% {
         -webkit-transform: perspective(400px) rotateX(10deg);
         transform: perspective(400px) rotateX(10deg);
         opacity: 1;
     }
     80% {
         -webkit-transform: perspective(400px) rotateX(-5deg);
         transform: perspective(400px) rotateX(-5deg);
     }
     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
         opacity: 1;
     }
 }
.swiper-slide-active .bonsliderFlipInX {
      -webkit-backface-visibility: visible!important;
      backface-visibility: visible!important;
      -webkit-animation: bonsliderFlipInX 1.5s ease;
      animation: bonsliderFlipInX 1.5s ease;
}
@-webkit-keyframes customSliderRotate /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg) scale(1);
        -o-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(0.9);
        -o-transform: rotate(180deg) scale(0.9);
        transform: rotate(180deg) scale(0.9);
    }
    to {
        -webkit-transform: rotate(360deg) scale(1);
        -o-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}
@keyframes customSliderRotate {
    from {
        -ms-transform: rotate(0deg) scale(1);
        -moz-transform: rotate(0deg) scale(1);
        -webkit-transform: rotate(0deg) scale(1);
        -o-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -ms-transform: rotate(180deg) scale(0.9);
        -moz-transform: rotate(180deg) scale(0.9);
        -webkit-transform: rotate(180deg) scale(0.9);
        -o-transform: rotate(180deg) scale(0.9);
        transform: rotate(180deg) scale(0.9);
    }
    to {
        -ms-transform: rotate(360deg) scale(1);
        -moz-transform: rotate(360deg) scale(1);
        -webkit-transform: rotate(360deg) scale(1);
        -o-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

/* END Animation Part*/

/* Needed for the animation of berries */
/*#bonslider .bonslider-subitem .subimg-4 {*/
/*    top: 55%;*/
/*    right: 10%;*/
/*    z-index: 1;*/
/*    transform: translateY(20%);*/
/*    transition: all .6s ease;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-5 {*/
/*    top: 6%;*/
/*    right: 32%;*/
/*    z-index: 1;*/
/*    transform: translateY(-15%);*/
/*    transition: all .7s ease .2s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-6 {*/
/*    top: 12%;*/
/*    right: 36%;*/
/*    z-index: 1;*/
/*    transform: translateY(-30%);*/
/*    transition: all .85s ease .2s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-7 {*/
/*    top: 23%;*/
/*    right: 33%;*/
/*    z-index: 1;*/
/*    transform: translateY(-20%);*/
/*    transition: all .65s ease .4s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-8 {*/
/*    top: 27%;*/
/*    right: 28%;*/
/*    z-index: 1;*/
/*    transform: translateY(-30%);*/
/*    transition: all .65s ease .6s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-9 {*/
/*    top: 31.5%;*/
/*    right: 35.6%;*/
/*    z-index: 1;*/
/*    transform: translateY(-10%);*/
/*    transition: all .7s ease .6s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-10 {*/
/*    top: 33%;*/
/*    right: 39.4%;*/
/*    z-index: 1;*/
/*    transform: translateY(-60%);*/
/*    transition: all .8s ease .6s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-11 {*/
/*    top: 39%;*/
/*    right: 31%;*/
/*    z-index: 1;*/
/*    transform: translateY(-5%);*/
/*    transition: all .8s ease .8s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-12 {*/
/*    top: 48%;*/
/*    right: 38%;*/
/*    z-index: 1;*/
/*    transform: translateY(-15%);*/
/*    transition: all .7s ease 1s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-13 {*/
/*    top: 52.5%;*/
/*    right: 32.4%;*/
/*    z-index: 1;*/
/*    transform: translateY(-5%);*/
/*    transition: all .7s ease 1.2s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-14 {*/
/*    top: 10.5%;*/
/*    right: 21.6%;*/
/*    z-index: 1;*/
/*    transform: translateY(-60%);*/
/*    transition: all .7s ease .2s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-15 {*/
/*    top: 17%;*/
/*    right: 26.6%;*/
/*    z-index: 1;*/
/*    transform: translateY(-10%);*/
/*    transition: all .5s ease .2s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-16 {*/
/*    top: 30.5%;*/
/*    right: 23.5%;*/
/*    z-index: 1;*/
/*    transform: translateY(-20%);*/
/*    transition: all .65s ease .4s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-17 {*/
/*    top: 40%;*/
/*    right: 26.5%;*/
/*    z-index: 1;*/
/*    transform: translateY(-16%);*/
/*    transition: all .65s ease .8s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-18 {*/
/*    top: 48.8%;*/
/*    right: 22.8%;*/
/*    z-index: 1;*/
/*    transform: translateY(-40%);*/
/*    transition: all .65s ease 1.1s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-19 {*/
/*    top: 9.4%;*/
/*    right: 14.4%;*/
/*    z-index: 1;*/
/*    transform: translateY(-25%);*/
/*    transition: all .7s ease .2s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-20 {*/
/*    top: 23.4%;*/
/*    right: 18.2%;*/
/*    z-index: 1;*/
/*    transform: translateY(-50%);*/
/*    transition: all .55s ease .4s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-21 {*/
/*    top: 34%;*/
/*    right: 12%;*/
/*    z-index: 1;*/
/*    transform: translateY(-30%);*/
/*    transition: all .6s ease .6s;*/
/*}*/
/*#bonslider .bonslider-subitem .subimg-22 {*/
/*    top: 46%;*/
/*    right: 16.2%;*/
/*    z-index: 1;*/
/*    transform: translateY(-30%);*/
/*    transition: all .6s ease 1s;*/
/*}*/
/* END needed for the animation of berries */