/*!
* animate.css - https: //animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
/*TEXT IN SLIDER*/
#bonslider .bonslider-slider {
    margin: 0;
}
#bonslider {
    opacity: 0;
}
/*END TEXT IN SLIDER*/
#bonslider .bonslider-icon-wrapper {
    position: relative;
    width: 59%;
}

#bonslider .bonslider-icon-wrapper img {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#bonslider .h1 {
    font-weight: 400;
    color: RGB(var(--brand-primary));
    line-height: 119%;
    text-transform: none;
}
#bonslider .h2 {
    color: RGB(var(--brand-primary));
    line-height: 117%;
    font-weight: 400;
    text-transform: none;
}
#bonslider .h3 {
    font-weight: 400;
    line-height: 150%;
    color: RGB(var(--brand-primary));
}
#bonslider .img-responsive {
    max-width: 100%;
}
#bonslider .bonslider-subitem-text {
    display: flex;
    min-width: max-content;
}
#bonslider .bonslider-subitem-text p {
    color: white;
    line-height: 127%;
}

#bonslider .bonslider-subitem-text_decor {
    position: relative;
}
#bonslider .bonslider-item {
    overflow: hidden;
}
#bonslider {
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

#bonslider .bonslider-subitem img,
#bonslider .bonslider-subitem-text{
    opacity: 0;
    animation-fill-mode: forwards;
    position: absolute;
    display: none;
}
#bonslider.swiper-initialized .subimg-1-3,
#bonslider.swiper-initialized .subimg-1-4,
#bonslider.swiper-initialized .subimg-1-5,
#bonslider.swiper-initialized .subimg-1-6,
#bonslider.swiper-initialized .subimg-1-7,
#bonslider.swiper-initialized .subimg-2-3,
#bonslider.swiper-initialized .subimg-2-4,
#bonslider.swiper-initialized .subimg-2-5,
#bonslider.swiper-initialized .subimg-2-6,
#bonslider.swiper-initialized .subimg-2-7,
#bonslider.swiper-initialized .subimg-3-3,
#bonslider.swiper-initialized .subimg-3-4,
#bonslider.swiper-initialized .subimg-3-5,
#bonslider.swiper-initialized .subimg-3-6,
#bonslider.swiper-initialized .subimg-3-7 {
    opacity: 1!important;
}
#bonslider .bonslider-subitem .subimg-1-3,
#bonslider .bonslider-subitem .subimg-1-4,
#bonslider .bonslider-subitem .subimg-1-5,
#bonslider .bonslider-subitem .subimg-1-6,
#bonslider .bonslider-subitem .subimg-1-7,
#bonslider .bonslider-subitem .subimg-2-3,
#bonslider .bonslider-subitem .subimg-2-4,
#bonslider .bonslider-subitem .subimg-2-5,
#bonslider .bonslider-subitem .subimg-2-6,
#bonslider .bonslider-subitem .subimg-2-7,
#bonslider .bonslider-subitem .subimg-3-3,
#bonslider .bonslider-subitem .subimg-3-4,
#bonslider .bonslider-subitem .subimg-3-5,
#bonslider .bonslider-subitem .subimg-3-6,
#bonslider .bonslider-subitem .subimg-3-7{
    animation: customSliderRotate 8s linear infinite;
}
#bonslider .bonslider-item:not(.swiper-slide-active) .bonslider-subitem img {
    transition: none;
}
#bonslider .swiper-slide-active .bonslider-subitem img {
    transform: none;
}
#bonslider #video-container .bonslider-subtitle,
#bonslider #video-container .bonslider-title,
#bonslider #video-container .bonslider-text {
    color: #fff;
    text-shadow: 1px 1px 1px #444;
}

#bonslider #video-container #video-element {
    max-width: 100%;
}
/* Video controls */

#bonslider #video-container #controls {
    position: absolute;
    right: 60px;
    bottom: 10px;
    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-prev,
#bonslider .swiper-button-next {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transition: all .15s linear;
    background: #a9d7ce;
    border-radius: 14px;
}

#bonslider .swiper-button-prev:not(.swiper-button-disabled):hover,
#bonslider .swiper-button-next:not(.swiper-button-disabled):hover {
    background: RGB(var(--brand-hover));
}
#bonslider .bonslider-item-description {
    display: inline-block;
    position: absolute;
    opacity: 0;
    z-index: 0;
    transition: all .3s ease;
    left: 0;
}
#bonslider .swiper-button-next.swiper-button-disabled,
#bonslider .swiper-button-prev.swiper-button-disabled {
    background: #e6e6e6;
    opacity: 0.6;
}
/* END swiper button prev/next */
#bonslider .swiper-button-next:after,
#bonslider .swiper-button-prev:after {
    font-family: "bonicon";
    /* color: #3a3a3a; */
    transition: all .3s ease;
    font-weight: 600;
}
#bonslider .swiper-button-next.swiper-button-disabled:after,
#bonslider .swiper-button-prev.swiper-button-disabled:after {
    color: #3a3a3a;
}
#bonslider .swiper-button-prev:not(.swiper-button-disabled):after,
#bonslider .swiper-button-next:not(.swiper-button-disabled):after {
    color: #071221;
}
#bonslider .swiper-button-prev:after {
    content: '\e802';
}

#bonslider .swiper-button-next:after {
    content: '\e804';
}
/* swiper pagination */
#bonslider .swiper-horizontal > .swiper-pagination-bullets, #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal, #bonslider .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 35px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}
#bonslider .swiper-pagination-bullet {
    transition: all .15s linear;
}
#bonslider .swiper-pagination-bullet {
    width: 60px;
    height: 3px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.7);
}
#bonslider .swiper-pagination-bullet:not(:last-child) {
    margin-right: 15px;
}
/* END swiper pagination */
/*swiper-thumb*/
#bonslider .bonslider-thumb-wrapper .bonslider-thumb-description *:not(.h1):not(.h3) {
    display: none;
}
#bonslider .bonslider-thumb-wrapper img {
    width: auto;
    height: 75%;
    max-width: 75%;
}
#bonslider .bonslider-thumb-wrapper {
    position: absolute;
}
#bonslider .bonslider-thumb .swiper-slide {
    display: flex;
    justify-content: space-between;
}
#bonslider .bonslider-thumb .bonslider-thumb-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
#bonslider .bonslider-thumb .swiper-slide {
    pointer-events: all!important;
    cursor: pointer;
    position: relative;
    padding-bottom: 4px;
}
#bonslider .bonslider-thumb .swiper-slide-thumb-active:before {
    transform: scaleX(1);
    width: 100%;
    -webkit-transform: scaleX(1);
}
#bonslider .bonslider-thumb-description .h3 {
    font-weight: 400;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 2.5em;
}
/*END swiper-thumb*/
#bonslider .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
#bonslider .bonicon-angle-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    transition: all .3s ease;
}
#bonslider .bonicon-angle-right:hover {
    color: #a4ccea;
}
.bonslider-thumb-wrapper .bonslider-thumb {
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}
.bonslider-thumb.swiper-initialized {
    opacity: 1;
    visibility: visible;
}
.bonslider-thumb-next.swiper-button-disabled {
    pointer-events: none;
    opacity: .5;
}
#bonslider .slider-description {
    display: flex;
    width: 100%;
}
#bonslider .slider-description > div > div {
    width: max-content;
}
#bonslider .slider-description > div {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
}
#bonslider .white_text .h3,
#bonslider .white_text .h1 {
    color: #fff!important;
}
#bonslider .bonslider-nav-wrapper {
    display: flex;
    gap: 5px;
    position: absolute;
    z-index: 22;
}
#bonslider .bonslider-btn-primary {
    background-color: RGB(var(--brand-primary));
    border: 2px solid RGB(var(--brand-primary));
    color: #fff;
}
#bonslider .bonslider-btn-secondary {
    border: 2px solid #071221;
    color: #071221;
}
#bonslider .bonslider-btn-primary,
#bonslider .bonslider-btn-secondary {
    font-weight: 400;
    display: inline-block;
    line-height: 1.5;
    min-width: 170px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    transition: all .3s cubic-bezier(.39,.58,.57,1);
    border-radius: 14px;
}
#bonslider .bonslider-btn-primary:hover {
    border-color: RGB(var(--brand-hover));
    background-color: RGB(var(--brand-hover));
    color: #fff;
}
#bonslider .bonslider-btn-secondary:hover {
    color: RGB(var(--brand-hover));
    border-color: RGB(var(--brand-hover));
}
#bonslider .bonslider-btn-primary i,
#bonslider .bonslider-btn-secondary i {
    font-size: 17px;
}
#bonslider .bonslider-thumb .swiper-slide .bonslider-thumb-img {
    background: #fff;
}
#bonslider .bonslider-thumb .swiper-slide.swiper-slide-thumb-active .bonslider-thumb-img {
    background-color: RGB(var(--brand-primary));
}
#bonslider .bonslider-thumb .swiper-slide:first-child .bonslider-thumb-img {
    border-radius: 14px 0px 0px 14px;
}
#bonslider .bonslider-thumb .swiper-slide:last-child .bonslider-thumb-img {
    border-radius: 0px 14px 14px 0px;
}
/* Responsive part */
@media screen and (min-width: 1881px) {
    #bonslider .bonslider-icon-wrapper img {
        width: 452px;
    }
    #bonslider .bonslider-nav-wrapper {
        left: 65px;
        bottom: 36px;
    }
    #bonslider .swiper-button-next:after,
    #bonslider .swiper-button-prev:after {
        font-size: 35px;
    }
    #bonslider .bonicon-angle-right {
        font-size: 40px;
    }
    #bonslider .bonslider-thumb-wrapper {
        bottom: 65px;
        right: 65px;
        min-width: 256px;
    }
    #bonslider .swiper-button-prev,
    #bonslider .swiper-button-next,
    #bonslider .bonslider-thumb .bonslider-thumb-img {
        width: 128px;
        height: 128px;
    }
    #bonslider .bonslider-item-description {
        top: 130px;
        padding-left: 73px;
    }
    #bonslider .bonslider-subitem-text p {
        max-width: 149px;
    }
    #bonslider .h1 {
        font-size: 171px;
        margin-bottom: 71px;
    }
    #bonslider .h2 {
        font-size: 34px;
        margin-bottom: 48px;
    }
    #bonslider .h3 {
        font-size: 18px;
        max-width: 320px;
        margin-bottom: 56px;
    }
    #bonslider .bonslider-btn-primary {
        margin-right: 28px;
    }
    #bonslider .bonslider-btn-primary,
    #bonslider .bonslider-btn-secondary {
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 1880px) {
    #bonslider .bonslider-icon-wrapper img {
        width: calc(152px + (452 - 152) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .bonicon-angle-right {
        font-size: calc(15px + (40 - 15) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .bonslider-thumb-wrapper {
        bottom: calc(10px + (65 - 10) * ((100vw - 320px) / (1880 - 320)));
        right: calc(10px + (65 - 10) * ((100vw - 320px) / (1880 - 320)));
        width: calc(120px + (256 - 120) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .bonslider-nav-wrapper {
        bottom: calc(10px + (36 - 10) * ((100vw - 320px) / (1880 - 320)));
        left: calc(30px + (65 - 30) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .swiper-button-next:after,
    #bonslider .swiper-button-prev:after {
        font-size: calc(12px + (35 - 12) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .swiper-button-prev,
    #bonslider .swiper-button-next,
    #bonslider .bonslider-thumb .bonslider-thumb-img {
        width: calc(40px + (128 - 40) * ((100vw - 320px) / (1880 - 320)));
        height: calc(40px + (128 - 40) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .bonslider-item-description {
        top: calc(60px + (130 - 60) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .h1 {
        font-size: calc(16px + (171 - 16) * ((100vw - 320px) / (1880 - 320)));
        margin-bottom: calc(20px + (71 - 20) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .h2 {
        font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1880 - 320)));
        margin-bottom: calc(10px + (48 - 10) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .h3 {
        font-size: calc(11px + (18 - 11) * ((100vw - 320px) / (1880 - 320)));
        max-width: calc(100px + (320 - 100) * ((100vw - 320px) / (1880 - 320)));
        margin-bottom: calc(10px + (56 - 10) * ((100vw - 320px) / (1880 - 320)));
    }
    /* to adapt images */
    #bonslider .bonslider-subitem img {
        max-width: 19vw;
    }
    #bonslider .bonslider-subitem img.subimg-1-2,
    #bonslider .bonslider-subitem img.subimg-2-2 {
        max-width: 100%;
    }
    #bonslider .bonslider-btn-primary {
        margin-right: calc(10px + (28 - 10) * ((100vw - 320px) / (1880 - 320)));
    }
    #bonslider .bonslider-btn-primary,
    #bonslider .bonslider-btn-secondary {
        font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1880 - 320)));
        padding-top: calc(5px + (10 - 5) * ((100vw - 320px) / (1880 - 320)));
        padding-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1880 - 320)));
        min-width: calc(120px + (170 - 120) * ((100vw - 320px) / (1880 - 320)));
    }
}
@media screen and (min-width: 1796px) and (max-width: 1880px) {
    #bonslider .bonslider-item-description {
        padding-left: calc(15px + (73 - 15) * ((100vw - 1796px) / (1880 - 1796)));
    }
}
@media screen and (max-width: 1795px) {
    #bonslider .bonslider-item-description {
        padding-left: 15px;
    }
}
@media screen and (max-width: 1199px) {
    #bonslider .bonslider-btn-primary, 
    #bonslider .bonslider-btn-secondary {
        display: none;
    }
}
@media screen and (min-width: 991px) and (max-width: 1880px) {
    #bonslider .bonslider-text_position_left p,
    #bonslider .bonslider-text_position_right_1 p,
    #bonslider .bonslider-text_position_right_2 p {
        font-size: calc(10px + (13 - 10) * ((100vw - 991px) / (1880 - 991)));
    }
    #bonslider .bonslider-text_position_left p {
        max-width: calc(90px + (149 - 90) * ((100vw - 991px) / (1880 - 991)));
    }
    #bonslider .bonslider-text_position_left svg {
        width: calc(89px + (142 - 89) * ((100vw - 991px) / (1880 - 991)));
        margin: calc(12px + (15 - 12) * ((100vw - 991px) / (1880 - 991))) 0 0 15px;
    }
    #bonslider .bonslider-text_position_right_1 p {
        max-width: calc(60px + (149 - 60) * ((100vw - 991px) / (1880 - 991)));
    }
    #bonslider .bonslider-text_position_right_1 svg {
        width: calc(89px + (142 - 89) * ((100vw - 991px) / (1880 - 991)));
        margin: calc(12px + (15 - 12) * ((100vw - 991px) / (1880 - 991))) 15px 0 0;
    }
    #bonslider .bonslider-text_position_right_2 p {
        max-width: calc(60px + (149 - 60) * ((100vw - 991px) / (1880 - 991)));
    }
    #bonslider .bonslider-text_position_right_2 svg {
        width: calc(120px + (226 - 120) * ((100vw - 991px) / (1880 - 991)));
        margin: calc(-20px + (-30 - -20) * ((100vw - 991px) / (1880 - 991))) 15px 0 0;
    }
}

@media (max-width: 991px) {
    #bonslider .bonslider-subitem-text {
        display: none;
    }
    #bonslider #video-container #controls {
        right: 20px;
        bottom: 20px;
    }
}
@media (max-width: 768px) {
    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal {
        display: inline-block;
    }
    #bonslider .bonslider-thumb-wrapper {
        display: none;
    }
    #bonslider .swiper-horizontal > .swiper-pagination-bullets, #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal, #bonslider .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 26px;
    }
    #bonslider .bonslider-item-description {
        top: calc(55px + (100 - 55) * ((100vw - 576px) / (768 - 576)));
    }
    #bonslider .swiper-button-next, #bonslider .swiper-button-prev {
        display: none;
    }
}
@media screen and (min-width: 577px) {
    #bonslider .h2 {
        width: 50%;
    }
}
@media screen and (max-width: 576px) {
    #bonslider .bonslider-item-description {
        top: calc(10px + (25 - 10) * ((100vw - 320px) / (576 - 320)));
        left: 0;
        width: 100%;
    }
    #bonslider .slider-description > div:first-child {
        justify-content: start;
    }
    #bonslider .slider-description > div:last-child {
        justify-content: end;
        text-align: right;
    }
    #bonslider .swiper-horizontal > .swiper-pagination-bullets,
    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal,
    #bonslider .swiper-pagination-custom, #bonslider .swiper-pagination-fraction {
        bottom: 10px;
    }
    #bonslider .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }
    #bonslider #video-container #controls {
        right: 2px;
        bottom: 2px;
    }

    #bonslider .h3 {
        display: none;
    }

    #bonslider .h2 {
        width: 70%;
    }
}
/* 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 .5s ease;
      animation: bonsliderZoomIn .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 */