/*!
* 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;
}
#bonslider a.btn{
	color:#fff;
 	background:#c29756;
 	padding:14px;
 	border-radius:5px;
	font-size:28px;
 } 
/*TEXT IN SLIDER*/
#bonslider .bonslider-social>* {
    display: flex;
}

#bonslider .bonslider-social a svg path {
    transition: all .3s ease;
}
 .bonslider-item .btn{
	color:#fff;
 	background:#c29756;
 	padding:8px;
 	border-radius:5px;
 } 

 
/* #bonslider .bonslider-social a:hover svg path {
    fill: #000000;
} */
#bonslider .bonslider-social {
    display: flex;
    align-items: center;
    width: max-content;
    background: #fff;
    position: absolute;
    bottom: 0;
}

#bonslider ul {
    margin-bottom: 0;
    background: #ffffff;
}

#bonslider .bonslider-subitem-text .sub-text {
    color: #666666;
    font-weight: 400;
}

#bonslider .bonslider-subitem-text .sub-text,
#bonslider .bonslider-subitem-text .sub-title {
    line-height: 150%;
    margin: 0;
}

#bonslider .bonslider-subitem-text .sub-title {
    font-family: "Kanit";
    color: #000000;
    font-weight: 500;
}

#bonslider .bonslider-subitem-text .text-dark {
    color: #1a1a1a;
}

#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-item-description p.h1,
.bonslider-item-description p.h2,
.bonslider-item-description p.h3,
.bonslider-item-description p.h4,
.bonslider-item-description p.h5,
.bonslider-item-description p.h6 {
    transition: all 1s cubic-bezier(0, 0, 0.2, 1) 0.4s;
}

.bonslider-item-description p.h1 {
    font-family: 'Jost', sans-serif;
    font-weight: 700;
    width: 60%;
    color: #3a3a3a;
    margin-bottom: 0;
    text-transform: none;
}

.bonslider-item-description p.h2 {
    font-family: 'Condiment', cursive;
    color: #884825;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 151%;
}

.bonslider-item-description p.h6 {
    font-size: 23px;
    color: #000;
    width: 55%;
    line-height: 154.523%;
}

.bonslider-item-description p.h6 span {
    color: #FFBA02;
    text-transform: capitalize;
    font-style: italic;
}

.bonslider-item-description p.h6 span.color-green {
    color: #4CB062;
}

#bonslider .bonslider-item-description .h3 {
    color: #3a3a3a;
    font-weight: 400;
    line-height: 151%;
    width: 45%;
}
#bonslider .bonslider-item-description{
	color:#fff !important;
	text-align:center;
}
#bonslider .bonslider-item-description h1{
	font-weight: 700;
      line-height: 1.2;
      font-size: clamp(2rem, 3.5vw, 4.3rem); /* Responsief */
	color:#fff !important;
	text-transform:uppercase;
	text-shadow: 0 3px 6px rgba(0,0,0,.45);
	font-family: 'Jost', sans-serif;
	margin-bottom:0.5em;
}
#bonslider .bonslider-item-description p{
	font-size: clamp(1rem, 1.00vw + .5rem, 1.85rem);
      line-height: 1.20;
	color:#fff !important;
	text-shadow: 0 3px 6px rgba(0,0,0,.45);
}

.bonslider-item-description .h4 {
    margin: 0;
}

#bonslider .bonslider-item-description .h5 {
    font-family: 'Montserrat', sans-serif;
    color: #707070;
    width: 540px;
}

#bonslider .bonslider-item-description .btn-wrapper {
    text-align: right;
    padding-top: 75px;
}

#bonslider .bonslider-item-description .btn-wrapper .btn-decoration-medium {
    background-position: right;
}

#bonslider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 70px;
    left: 140px;
}

/*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 .bonslider-subitem-text,
#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-text,
#bonslider .swiper-slide-active .bonslider-subitem img {
    transform: none;
    animation-fill-mode: forwards;
}

#bonslider .swiper-slide-active .bonslider-subitem-text p.h1 {
    color: #FFB900;
    font-family: Barlow;
    font-size: 205px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

#bonslider .swiper-slide-active .bonslider-subitem-text p.h1.color-green { 
    color: #4CB062;
}

#bonslider .bonslider-subitem .bonslider-subitem-text p.h1.black-color {
    color: #000;
    text-align: right;
    display: flex;
    flex-direction: column;
}

#bonslider .bonslider-subitem .bonslider-subitem-text p.h1.black-color span {
    font-size: 57px;
}

#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%;
    display: flex;
}

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

#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: inline-block;
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    z-index: 90;
    transition: all .3s ease;
}

#bonslider:hover .swiper-button-next,
#bonslider:hover .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    transform: scale(1) rotate(0);
}

#bonslider:hover .swiper-button-prev,
#bonslider:hover .swiper-rtl .swiper-button-next {
    left: 10px;
    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: #000000;
    font-size: 25px;
    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: #3a3a3a;
}

#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 {
    width: max-content;
    display: flex;
}

#bonslider .swiper-pagination-bullet {
    position: relative;
}

#bonslider .circular-chart {
    margin: 0;
    width: 40px;
    position: absolute;
    left: -16px;
    top: -16px;
}

#bonslider .swiper-pagination-bullet-active .circle {
    stroke: #000000;
}

#bonslider .swiper-pagination-bullet {
    width: 34px;
    height: 34px;
    position: relative;
    transform: rotate(180deg);
    transition: 0.5s all cubic-bezier(.68, -.15, .27, 1.55);
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

#bonslider .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 19px;
    background-color: #FFBA01;
    transform: skew(320deg);
}

/* END swiper pagination */
#bonslider .bonslider-item-description.white p.h1,
#bonslider .bonslider-item-description.white p.h2,
#bonslider .bonslider-item-description.white .btn-primary,
#bonslider .link-bonslider.white p.h1,
#bonslider .link-bonslider.white p.h2,
#bonslider .link-bonslider.white .btn-primary {
    border-color: #fff;
    color: #fff;
}

#bonslider .bonslider-item-description.white .btn-primary:after,
#bonslider .link-bonslider.white .btn-primary:after {
    background-color: #fff;
}

#bonslider .bonslider-item-description.white .btn-primary:hover,
#bonslider .link-bonslider.white .btn-primary:hover {
    border-color: #000000;
}

/* Product Slider */
#bonslider .product__images-slider img {
    object-fit: cover;
    background-color: #e5e7e9;
}

#bonslider .product__images-slider {
    position: absolute;
    z-index: 99;
    overflow: hidden;
}

#bonslider .product__image-next,
#bonslider .product__image-prev {
    top: 50%;
    position: absolute;
    z-index: 2;
    transform: translateY(-50%);
    transition: all .3s;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bonslider .product__images-slider:hover .product__image-next,
#bonslider .product__images-slider:hover .product__image-prev {
    opacity: 1;
}

#bonslider .product__images-slider svg path {
    transition: all .3s;
}

#bonslider .product__images-slider .product__image-next:hover path,
#bonslider .product__images-slider .product__image-prev:hover path {
    stroke: #000000;
}

/* ticker_hot and ticker_sale */
#bonslider .marquee {
    width: 100%;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
}

#bonslider .marquee span {
    display: inline-block;
    animation: marquee 20s linear infinite;
    padding: 25px 0;
    color: #FFF;
    font-family: Barlow;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 32px;
    width: 110%;
    margin-left: -25px;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

#bonslider .marquee span.ticker_hot {
    background: #000;
    transform: rotate(45deg);
}
#bonslider .marquee span.ticker_sale {
    background: #FFBA01;
}
/* end ticker_hot and ticker_sale */
/* END Product Slider */

#bonslider .btn-primary,
#bonslider .bonslider-btn-secondary {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    text-align: center;
}

#bonslider .bonslider-btn-secondary {
    transition: all .3s ease;
    border-radius: 50px;
    letter-spacing: 0.1em;
    line-height: 1;
}

#bonslider .btn-primary {
    border: 2px solid RGB(var(--brand-primary));
}

#bonslider .btn-primary:hover {
    border-color: RGB(var(--brand-hover));
}

#bonslider .bonslider-btn-secondary {
    border: 2px solid RGB(var(--brand-hover));
    color: RGB(var(--brand-hover));
}

#bonslider .bonslider-btn-secondary:hover {
    color: #3a3a3a;
    border-color: #3a3a3a;
}

#bonslider_mobile .bonslider-item img {
    width: 100%;
    height: auto;
}

#bonslider_mobile .swiper-horizontal > .bonslider-pagination-mobile.swiper-pagination-bullets, 
#bonslider_mobile .bonslider-pagination-mobile.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute;
    text-align: center;
    z-index: 1;
    bottom: 40px;
}

#bonslider_mobile .bonslider-pagination-mobile .swiper-pagination-bullet-active {
    background: RGB(var(--brand-primary));
}

#bonslider_mobile .bonslider-pagination-mobile .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px;
}


/* Responsive part */
@media (max-width: 991px) {
    #bonslider.bonslider_pc {
        display: none;
    }

    #bonslider_mobile.bonslider_mobile {
        display: block;
    }
	.ban_mob {
        top: 50%;
    	transform: translateY(-50%) !important; /* helft naar boven verschuiven */
        left: 0px;
    	padding-left:1%;
    	width:53%;
		position:absolute;
		color:#fff;
		text-align:center;
    }
	#bonslider_mobile .ban_mob h1{
		font-weight: 700;
	      line-height: 1.2;
	      font-size: 12px; /* Responsief */
		color:#fff !important;
		text-transform:uppercase;
		text-shadow: 0 3px 6px rgba(0,0,0,.45);
		font-family: 'Jost', sans-serif;
		margin-bottom:0.5em;
	}
	#bonslider_mobile .ban_mob p{
		font-size: clamp(0.7rem, 1.00vw + .5rem, 1.85rem);
	      line-height: 1.10;
		color:#fff !important;
		text-shadow: 0 3px 6px rgba(0,0,0,.45);
	}
}

@media (min-width: 992px) {
    #bonslider.bonslider_pc {
        display: block;
    }

    #bonslider_mobile.bonslider_mobile {
        display: none;
    }
	#bonslider .bonslider-item-description {
        left: 0%;
    }
#bonslider .bonslider-item-description {
        top: 50%;
    	transform: translateY(-50%) !important; /* helft naar boven verschuiven */
        left: 0px;
    	padding-left:4%;
    	width:43%;
    }
    #bonslider a.btn{
	font-size:20px;
    	padding:8px 10px;
    }
}

@media (min-width: 1881px) {
    #bonslider .bonslider-social-title {
        font-size: 14px;
    }
#bonslider a.btn{
	padding: 14px;
    font-size: 28px;
    }

    #bonslider {
        margin-bottom: 74px;
    }

    #bonslider .bonslider-social {
        padding: 20px 40px;
    }

    #bonslider .swiper-horizontal>.swiper-pagination-bullets,
    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal,
    #bonslider .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 350px;
    }

    #bonslider .swiper-horizontal>.swiper-pagination-bullets,
    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal,
    #bonslider .swiper-pagination-custom,
    .swiper-pagination-fraction,
    #bonslider .bonslider-social {
        left: 155px;
    }

    #bonslider .bonslider-social {
        gap: 46px;
    }

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

    .bonslider-item-description p.h2 {
        font-size: 62px;
        padding-left: 165px;
        margin-top: -20px;
    }

    .bonslider-item-description .h3 {
        font-size: 28px;
        margin-bottom: 90px;
    }

    .bonslider-item-description .h4 {
        font-weight: 600;
        font-size: 40px;
        line-height: 100%;
    }

    .bonslider-item-description .h5 {
        font-weight: 500;
        font-size: 25px;
        line-height: 150%;
    }

    #bonslider .bonslider-item-description {
        top: 50%;
    	transform: translateY(-50%) !important; /* helft naar boven verschuiven */
        left: 0px;
    	padding-left:4%;
    	width:43%;
    }

    #bonslider .bonslider-subitem-text .sub-title {
        font-size: 24px;
    }

    #bonslider .bonslider-subitem-text .sub-text {
        font-size: 12px;
    }

    #bonslider .product__images-slider {
        bottom: 116px;
        right: 416px;
        max-width: 240px;
    }

    #bonslider .btn-primary,
    #bonslider .bonslider-btn-secondary {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px;
        min-width: 222px;
    }

    #bonslider .btn-primary {
        margin-right: 50px;
    }

}

@media (min-width: 992px) and (max-width: 1880px){
    #bonslider {
        margin-bottom: calc(50px + (90 - 50) * ((100vw - 992px) / (1880 - 992)));
    }
}

@media screen and (max-width: 991px) {
    #bonslider_mobile {
        margin-bottom: calc(30px + (50 - 30) * ((100vw - 320px) / (991 - 320)));
    }
}


@media (max-width: 1880px) {
    #bonslider .product__images-slider {
        bottom: calc(10px + (116 - 10) * ((100vw - 320px) / (1880 - 320)));
        right: calc(30px + (416 - 30) * ((100vw - 320px) / (1880 - 320)));
        max-width: calc(70px + (240 - 70) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-social svg {
        width: calc(9px + (15 - 9) * ((100vw - 320px) / (1880 - 320)));
        height: calc(9px + (15 - 9) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-social {
        gap: calc(10px + (46 - 10) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-social {
        padding: calc(5px + (20 - 5) * ((100vw - 320px) / (1880 - 320))) calc(10px + (40 - 10) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .swiper-horizontal>.swiper-pagination-bullets,
    #bonslider .swiper-pagination-custom,
    .swiper-pagination-fraction,
    #bonslider .bonslider-social {
        left: calc(30px + (400 - 30) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-item-description {
    }

    #bonslider .slick-text span {
        font-size: calc(10px + (29 - 10) * ((100vw - 320px) / (1880 - 320)));
    }

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

    .bonslider-item-description p.h2 {
        font-size: calc(20px + (62 - 20) * ((100vw - 320px) / (1880 - 320)));
        padding-left: calc(0px + (165 - 0) * ((100vw - 320px) / (1880 - 320)));
        margin-top: calc(0px + (-20 - 0) * ((100vw - 320px) / (1880 - 320)));
    }

    .bonslider-item-description p.h3 {
        font-size: calc(14px + (28 - 14) * ((100vw - 320px) / (1880 - 320)));
        margin-bottom: calc(20px + (90 - 20) * ((100vw - 320px) / (1880 - 320)));
    }

    .bonslider-item-description p.h4 {
        font-size: calc(12px + (40 - 12) * ((100vw - 320px) / (1880 - 320)));
    }

    .bonslider-item-description p.h5 {
        font-size: calc(10px + (20 - 10) * ((100vw - 320px) / (1880 - 320)));
        margin-top: calc(5px + (50 - 5) * ((100vw - 320px) / (1880 - 320)));
    }

    .bonslider-item-description p {
    }

    #bonslider .slick-text {
        font-size: calc(12px + (50 - 12) * ((100vw - 320px) / (1880 - 320)));
        margin-bottom: calc(5px + (47 - 5) * ((100vw - 320px) / (1880 - 320)));
    }

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

    #bonslider .swiper-horizontal>.swiper-pagination-bullets,
    #bonslider .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: calc(30px + (222 - 30) * ((100vw - 320px) / (1880 - 320)));
    }

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

    #bonslider .bonslider-subitem .subimg-1-2,
    #bonslider .bonslider-subitem .subimg-2-2 {
        max-height: calc(540 + (80 - 40) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-subitem img {
        max-width: calc(40vw + (230 - 40) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .bonslider-subitem .subimg-1-3,
    #bonslider .bonslider-subitem .subimg-2-3 {
        max-width: 6.6vw;
    }

    #bonslider .bonslider-subitem .subimg-1-4,
    #bonslider .bonslider-subitem .subimg-2-4 {
        max-width: 11.2vw;
    }

    #bonslider .btn-primary,
    #bonslider .bonslider-btn-secondary {
        padding-top: calc(12px + (20 - 12) * ((100vw - 320px) / (1880 - 320)));
        padding-bottom: calc(12px + (20 - 12) * ((100vw - 320px) / (1880 - 320)));
        font-size: calc(10px + (20 - 10) * ((100vw - 320px) / (1880 - 320)));
        min-width: calc(122px + (222 - 122) * ((100vw - 320px) / (1880 - 320)));
    }

    #bonslider .btn-primary {
        margin-right: calc(20px + (50 - 20) * ((100vw - 320px) / (1880 - 320)));
    }
}

@media screen and (min-width: 991px) and (max-width: 1880px) {
    #bonslider .bonslider-subitem-text .sub-title {
        font-size: calc(10px + (24 - 10) * ((100vw - 991px) / (1880 - 991)));
    }

    #bonslider .bonslider-subitem-text .sub-text {
        font-size: calc(9px + (12 - 9) * ((100vw - 991px) / (1880 - 991)));
    }
}

@media screen and (max-width: 1440px) {
    #bonslider .bonslider-item-description .h5 {
        width: 390px;
    }
}

@media screen and (max-width: 1200px) {
    #bonslider .circular-chart {
        width: 30px;
        left: -11px;
        top: -11px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    #bonslider .bonslider-item-description .slick_shop-now {
        margin-right: 10px;
        padding: 8px 20px;
    }

    #bonslider .bonslider-item-description .slick_view-more {
        padding: 7px 18px;
    }
}

@media screen and (max-width: 1024px) {
    #bonslider .bonslider-item-description .h5 {
        margin-top: 25px;
    }
}

@media (max-width: 991px) {
    #bonslider .bonslider-item-description .btn-wrapper {
        display: none;
    }

    #bonslider .swiper-horizontal>.swiper-pagination-bullets,
    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal,
    #bonslider .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 10px;
    }

    #bonslider .bonslider-subitem-text .sub-title {
        font-size: calc(8px + (15 - 8) * ((100vw - 320px) / (991 - 320)));
    }

    #bonslider .bonslider-subitem-text .sub-text {
        display: none;
    }

    #bonslider #video-container #controls {
        right: 20px;
        bottom: 20px;
    }

    #bonslider .bonslider-item-description .slick_shop-now {
        margin-right: 7px;
        padding: 5px 15px;
    }

    #bonslider .bonslider-item-description .slick_view-more {
        padding: 4px 13px;
    }
}

@media (min-width: 768px) {

    #bonslider .product__image-next,
    #bonslider .product__image-prev {
        opacity: 0;
        width: 30px;
    }

    #bonslider .product__images-slider .product__image-prev {
        left: 0;
    }

    #bonslider .product__images-slider:hover .product__image-prev {
        left: 5%;
    }

    #bonslider .product__images-slider .product__image-next {
        right: 0;
    }

    #bonslider .product__images-slider:hover .product__image-next {
        right: 5%;
    }
}

@media (max-width: 767px) {

    #bonslider .product__image-next,
    #bonslider .product__image-prev {
        width: 15px;
    }

    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: 50%;
        transform: translateX(-50%);
    }

    #bonslider .product__images-slider .product__image-prev {
        left: 3%;
    }

    #bonslider .product__images-slider .product__image-next {
        right: 3%;
    }

    #bonslider .swiper-horizontal>.swiper-pagination-bullets,
    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal,
    #bonslider .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 26px;
    }

    .bonslider-item-description p.h4,
    #bonslider .btn-primary,
    #bonslider .bonslider-btn-secondary {
        display: none;
    }

    #bonslider .circular-chart {
        width: 20px;
        left: -6px;
        top: -6px;
    }
}

@media (max-width: 767px) {

    #bonslider .swiper-button-next,
    #bonslider .swiper-button-prev {
        display: none;
    }
}

@media (min-width: 576px) {
    .bonslider-item-description p.h1 {
        line-height: 65%;
    }
}

@media (max-width: 575px) {
    #bonslider .bonslider-item-description .slick_shop-now {
        margin-right: 4px;
        padding: 2px 6px;
    }

    #bonslider .bonslider-item-description .slick_view-more {
        padding: 1px 4px;
    }

    #bonslider .bonslider-social-title,
    #bonslider .bonslider-item-description .slick_shop-now,
    #bonslider .bonslider-item-description .slick_view-more,
    .bonslider-item-description p.h3 {
        display: none;
    }

    .bonslider-item-description p.h1 {
        line-height: 130%;
    }

    #bonslider .bonslider-item-description .h5 {
        margin-top: 15px;
        width: 280px;
    }

    #bonslider .swiper-horizontal>.swiper-pagination-bullets,
    #bonslider .swiper-pagination-bullets.swiper-pagination-horizontal,
    #bonslider .swiper-pagination-custom,
    #bonslider .swiper-pagination-fraction {
        bottom: 23px;
    }

    #bonslider .circular-chart {
        width: 12px;
        left: -3px;
        top: -3px;
    }

    #bonslider #video-container #controls {
        right: 2px;
        bottom: 2px;
    }

    #bonslider .btn-primary {
        display: none;
    }
}

/* END Responsive part */
/* Animation Part*/
@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

@keyframes regress {
    0% {
        stroke-dasharray: 100 100;
        opacity: 1;
    }

    100% {
        stroke-dasharray: 0 100;
        opacity: 0;
    }
}

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

@-webkit-keyframes bonsliderRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
}

@keyframes bonsliderRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
}

.swiper-slide-active .bonsliderRotate {
    -webkit-animation: bonsliderRotate 25s linear infinite;
    animation: bonsliderRotate 25s linear infinite;
    -webkit-transform-origin: center;
    transform-origin: center;
}

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