/*!
* 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 .bonslider-slider {
    margin-bottom: 0;
}

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

#bonslider .bonslider-item-description p.h1 {
    font-family: 'Baloo Paaji';
    color: #32355d;
    line-height: 1;
    margin-bottom: 0;
}

#bonslider .bonslider-item-description p.h2 {
    color: #424679;
    text-transform: none;
    line-height: 1;
}

/*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;
}

#bonslider #video-container #video-element {
    max-width: 100%;
}

/* 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: #000;
    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-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 90;
    left: 14%;
}
#bonslider .bonslider-item-description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    opacity: 0;
    transition: all .3s ease;
}
#bonslider:hover .swiper-button-next, #bonslider:hover .swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
    transform: scale(1) rotate(0);
}
#bonslider:hover .swiper-button-prev, #bonslider:hover .swiper-rtl .swiper-button-next {
    left: 0;
    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: 2%;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
}
#bonslider .swiper-pagination-bullet {
    transition: all .15s linear;
}
#bonslider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 5px;
    opacity: 1;
    margin-left: 0;
    border: 1px solid #7b7ea0;
}
#bonslider .swiper-pagination-bullet-active {
    background: #7b7ea0;
}
#bonslider .swiper-pagination-bullet:not(:last-child) {
    margin-right: 16px;
}
/* END swiper pagination */

/* Responsive part */
@media screen and (min-width: 1881px) {
    #bonslider {
        margin-bottom: 60px;
    }

    #bonslider .bonslider-item-description {
        max-width: 560px;
    }

    #bonslider .bonslider-item-description p.h1 {
        font-size: 52px;
    }

    #bonslider .bonslider-item-description p.h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    #bonslider .bonslider-item-description .btn-primary {
        font-size: 16px;
        padding: 14px 24px;
    }
}

@media screen and (max-width: 1880px) {
    #bonslider {
        margin-bottom: calc(1px + (124 - 40) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-item-description {
        max-width: calc(480px + (560 - 360) * ((100vw - 991px) / (1880 - 991)));
    }

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

    #bonslider .bonslider-item-description p.h2 {
        font-size: calc(11px + (18 - 14) * ((100vw - 320px) / (1880 - 320)));
        margin-bottom: calc(8px + (20 - 10) * ((100vw - 320px) / (1880 - 320)));
    }

    /* to adapt images */
    #bonslider .bonslider-subitem .subimg-1-1,
    #bonslider .bonslider-subitem .subimg-2-1 {
        max-width: calc(70px + (510 - 70) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-item-description .btn-primary {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1880 - 320)));
        padding: calc(10px + (14 - 10) * ((100vw - 320px) / (1880 - 320))) calc(20px + (24 - 20) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider #video-container #controls {
        right: calc(1px + (60 - 1) * ((100vw - 320px) / (1880 - 320)));
        bottom: calc(1px + (60 - 1) * ((100vw - 320px) / (1880 - 320)));
    }
}

@media screen and (max-width: 991px) {
    #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;
    }
}

@media screen and (max-width: 767px) {
    #bonslider .swiper-button-next, 
    #bonslider .swiper-button-prev {
        display: none;
    }
}
@media screen and (max-width: 575px) {
    #bonslider .swiper-pagination-bullet:not(:last-child) {
        margin-right: 7px;
    }
    #bonslider .bonslider-item-description .btn-primary-wrapper {
        //display: none;
    }
}
/* END Responsive part */
/* Animation Part*/

@-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);
    }
}