.swiper-slide.swiper-slide-active .animate-bounce {
	animation-name: bounce; 
}
.swiper-slide.swiper-slide-active .animate-flash {
	animation-name: flash; 
}
.swiper-slide.swiper-slide-active .animate-pulse {
	animation-name: pulse; 
}
.swiper-slide.swiper-slide-active .animate-rubberBand {
	animation-name: rubberBand; 
}
.swiper-slide.swiper-slide-active .animate-shake {
	animation-name: shake; 
}
.swiper-slide.swiper-slide-active .animate-swing {
	animation-name: swing; 
}
.swiper-slide.swiper-slide-active .animate-tada {
	animation-name: tada; 
}
.swiper-slide.swiper-slide-active .animate-wobble {
	animation-name: wobble; 
}
.swiper-slide.swiper-slide-active .animate-jello {
	animation-name: jello; 
}
.swiper-slide.swiper-slide-active .animate-bounceIn {
	animation-name: bounceIn; 
}
.swiper-slide.swiper-slide-active .animate-bounceInDown {
	animation-name: bounceInDown; 
}
.swiper-slide.swiper-slide-active .animate-bounceInLeft {
	animation-name: bounceInLeft; 
}
.swiper-slide.swiper-slide-active .animate-bounceInRight {
	animation-name: bounceInRight; 
}
.swiper-slide.swiper-slide-active .animate-bounceInUp {
	animation-name: bounceInUp; 
}
.swiper-slide.swiper-slide-active .animate-bounceOut {
	animation-name: bounceOut; 
}
.swiper-slide.swiper-slide-active .animate-bounceOutDown {
	animation-name: bounceOutDown; 
}
.swiper-slide.swiper-slide-active .animate-bounceOutLeft {
	animation-name: bounceOutLeft; 
}
.swiper-slide.swiper-slide-active .animate-bounceOutRight {
	animation-name: bounceOutRight; 
}
.swiper-slide.swiper-slide-active .animate-bounceOutUp {
	animation-name: bounceOutUp; 
}
.swiper-slide.swiper-slide-active .animate-fadeIn {
	animation-name: fadeIn; 
}
.swiper-slide.swiper-slide-active .animate-fadeInDown {
	animation-name: fadeInDown; 
}
.swiper-slide.swiper-slide-active .animate-fadeInDownBig {
	animation-name: fadeInDownBig; 
}
.swiper-slide.swiper-slide-active .animate-fadeInLeft {
	animation-name: fadeInLeft; 
}
.swiper-slide.swiper-slide-active .animate-fadeInLeftBig {
	animation-name: fadeInLeftBig; 
}
.swiper-slide.swiper-slide-active .animate-fadeInRight {
	animation-name: fadeInRight; 
}
.swiper-slide.swiper-slide-active .animate-fadeInRightBig {
	animation-name: fadeInRightBig; 
}
.swiper-slide.swiper-slide-active .animate-fadeInUp {
	animation-name: fadeInUp; 
}
.swiper-slide.swiper-slide-active .animate-fadeInUpBig {
	animation-name: fadeInUpBig; 
}
.swiper-slide.swiper-slide-active .animate-fadeOut {
	animation-name: fadeOut; 
}
.swiper-slide.swiper-slide-active .animate-fadeOutDown {
	animation-name: fadeOutDown; 
}
.swiper-slide.swiper-slide-active .animate-fadeOutDownBig {
	animation-name: fadeOutDownBig; 
}
.swiper-slide.swiper-slide-active .animate-fadeOutLeft {
	animation-name: fadeOutLeft; 
}
.swiper-slide.swiper-slide-active .animate-fadeOutLeftBig {
	animation-name: fadeOutLeftBig; 
}
.swiper-slide.swiper-slide-active .animate-fadeOutRight {
	animation-name: fadeOutRight; 
}
.swiper-slide.swiper-slide-active .animate-fadeOutRightBig {
	animation-name: fadeOutRightBig; 
}
.swiper-slide.swiper-slide-active .animate-fadeOutUp {
	animation-name: fadeOutUp; 
}
.swiper-slide.swiper-slide-active .animate-fadeOutUpBig {
	animation-name: fadeOutUpBig; 
}
.swiper-slide.swiper-slide-active .animate-flipInX {
	animation-name: flipInX; 
}
.swiper-slide.swiper-slide-active .animate-flipInY {
	animation-name: flipInY; 
}
.swiper-slide.swiper-slide-active .animate-flipOutX {
	animation-name: flipOutX; 
}
.swiper-slide.swiper-slide-active .animate-flipOutY {
	animation-name: flipOutY; 
}
.swiper-slide.swiper-slide-active .animate-lightSpeedIn {
	animation-name: lightSpeedIn; 
}
.swiper-slide.swiper-slide-active .animate-lightSpeedOut {
	animation-name: lightSpeedOut; 
}
.swiper-slide.swiper-slide-active .animate-rotateIn {
	animation-name: rotateIn; 
}
.swiper-slide.swiper-slide-active .animate-rotateInDownLeft {
	animation-name: rotateInDownLeft; 
}
.swiper-slide.swiper-slide-active .animate-rotateInDownRight {
	animation-name: rotateInDownRight; 
}
.swiper-slide.swiper-slide-active .animate-rotateInUpLeft {
	animation-name: rotateInUpLeft; 
}
.swiper-slide.swiper-slide-active .animate-rotateInUpRight {
	animation-name: rotateInUpRight; 
}
.swiper-slide.swiper-slide-active .animate-rotateOut {
	animation-name: rotateOut; 
}
.swiper-slide.swiper-slide-active .animate-rotateOutDownLeft {
	animation-name: rotateOutDownLeft; 
}
.swiper-slide.swiper-slide-active .animate-rotateOutDownRight {
	animation-name: rotateOutDownRight; 
}
.swiper-slide.swiper-slide-active .animate-rotateOutUpLeft {
	animation-name: rotateOutUpLeft; 
}
.swiper-slide.swiper-slide-active .animate-rotateOutUpRight {
	animation-name: rotateOutUpRight; 
}
.swiper-slide.swiper-slide-active .animate-hinge {
	animation-name: hinge; 
}
.swiper-slide.swiper-slide-active .animate-jackInTheBox {
	animation-name: jackInTheBox; 
}
.swiper-slide.swiper-slide-active .animate-rollIn {
	animation-name: rollIn; 
}
.swiper-slide.swiper-slide-active .animate-rollOut {
	animation-name: rollOut; 
}
.swiper-slide.swiper-slide-active .animate-zoomIn {
	animation-name: zoomIn; 
}
.swiper-slide.swiper-slide-active .animate-zoomInDown {
	animation-name: zoomInDown; 
}
.swiper-slide.swiper-slide-active .animate-zoomInLeft {
	animation-name: zoomInLeft; 
}
.swiper-slide.swiper-slide-active .animate-zoomInRight {
	animation-name: zoomInRight; 
}
.swiper-slide.swiper-slide-active .animate-zoomInUp {
	animation-name: zoomInUp; 
}
.swiper-slide.swiper-slide-active .animate-zoomOut {
	animation-name: zoomOut; 
}
.swiper-slide.swiper-slide-active .animate-zoomOutDown {
	animation-name: zoomOutDown; 
}
.swiper-slide.swiper-slide-active .animate-zoomOutDown {
	animation-name: zoomOutDown; 
}
.swiper-slide.swiper-slide-active .animate-zoomOutRight {
	animation-name: zoomOutRight; 
}
.swiper-slide.swiper-slide-active .animate-zoomOutUp {
	animation-name: zoomOutUp; 
}
.swiper-slide.swiper-slide-active .animate-slideInDown {
	animation-name: slideInDown; 
}
.swiper-slide.swiper-slide-active .animate-slideInLeft {
	animation-name: slideInLeft; 
}
.swiper-slide.swiper-slide-active .animate-slideInRight {
	animation-name: slideInRight; 
}
.swiper-slide.swiper-slide-active .animate-slideInUp {
	animation-name: slideInUp; 
}
.swiper-slide.swiper-slide-active .animate-slideOutDown {
	animation-name: slideOutDown; 
}
.swiper-slide.swiper-slide-active .animate-slideOutLeft {
	animation-name: slideOutLeft; 
}
.swiper-slide.swiper-slide-active .animate-slideOutRight {
	animation-name: slideOutRight; 
}
.swiper-slide.swiper-slide-active .animate-slideOutUp {
	animation-name: slideOutUp; 
}
.swiper-slide.swiper-slide-active .animate-heartBeat {
	animation-name: heartBeat; 
}


.swiper img {
	max-width: 100%;
	height: auto;
}
.swiper .inner {
	background-size: cover;
	width: 100%;
}
.swiper-button:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	font-size: 30px;
	color: #fff;
}
.swiper-button-prev:after {
    content: "\f053";
    
}
.swiper-button-next:after {
    content: "\f054";
    
}
.swiper-button-next svg {
	transform: rotate(180deg);
}
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	opacity: 1;
	background-color: transparent;;
	border: 1px solid #fff;
    background-color: #fff;
    margin: 0 .375rem!important;
}
.swiper-pagination-bullet-active {
	background-color: var(--color-primary);
}
.swiper-buttons {
	height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
	left: 0;
}
.swiper-button-group {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.swiper-buttons .swiper-button {
	margin: 0;
	top: auto;
	bottom: auto;
}
.slider-buttons .swiper-button-prev {
	left: 0;
}
.slider-buttons .swiper-button-next {
	right: 0;
}
.swiper.full-screen {
	width: 100%;
	height: 100vh;
}
.swiper.full-screen .slide {
	background-size: cover;
	background-repeat: no-repeat;
}
.swiper-parallax-bg {
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
/*.swiper-parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}*/
.swiper-pagination {
    bottom: 1.5rem;
}



/********************** CUSTOM SWIPER **********************/
.swiper-main-wrapper .swiper-main .swiper-slide {
    background-size: cover;
    background-position: center;
    /*height: 56.3025vw;
	height: 100vh;*/
    height: 100vh;
}
.swiper-main-wrapper .swiper-main .swiper-slide {
    overflow: hidden;
}
.swiper-main-wrapper .swiper-main .container {
	justify-content: center;
	align-items: center;
    height: 100%;
    position: relative;
    z-index: 3;
}
/*.swiper-main .swiper-slide .swiper-parallax-bg:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,.7);
}*/
.swiper-main-wrapper .swiper-main .swiper-slide .swiper-content {
    position: relative;
    z-index: 2;
    padding-top: 4rem;
    padding-bottom: 4rem;
    opacity: 0;
}
.swiper-main-wrapper .swiper-main .swiper-slide.swiper-slide-active .swiper-content {
	opacity: 1;
}
.swiper-main-wrapper .swiper-main .col-text:before,
.swiper-main-wrapper .swiper-main .col-text:after {
    content: "";
    position: absolute;
}
.swiper-main-wrapper .swiper-main .col-text:before {
    background-color: var(--color-primary);
    width: 80%;
    height: 100%;
    left: -20%;
}
.swiper-main-wrapper .swiper-main .col-text:after {
    background-image: url(../img/bg-pattern-1.webp);
    background-size: 100% 100%;
    background-position: right center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 15%;
}
.swiper-main-wrapper .swiper-main .col-text .text-wrapper {
    z-index: 1;
    max-width: calc(605px - 1rem);
}
.swiper-main-wrapper .swiper-main .col-text .text {
    font-size: 2.375rem;
    line-height: 1.3;
}
.swiper-main-wrapper .swiper-main .swiper-parallax-bg {
    margin-left: -15%;
}
.swiper-main-wrapper .swiper-pagination {
    bottom: 8.75rem;
}
.swiper-main-wrapper .swiper-main .swiper-slide .title {
    font-size: 5.125rem;
}

.swiper-products-wrapper .swiper-products .swiper-slide {
    text-align: center;
}
.swiper-products-wrapper .swiper-products .swiper-wrapper {
	transition-timing-function: linear;
}


@media (min-width: 992px) {
    .swiper-main-wrapper .swiper-main .row {
        height: 100%;
    }
}


@media (max-width: 1399.98px) {
	.swiper-main-wrapper .swiper-main .swiper-slide .title {
    	font-size: var(--fs-h3);
	}
	.swiper-main-wrapper .swiper-main .col-text .text {
    	font-size: var(--fs-xl);
	}
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
    .swiper-main-wrapper .swiper-main .swiper-slide {
        height: auto;
    }
    .swiper-main-wrapper .swiper-main .col-text:before {
        left: 0;
        top: calc(0% - 70px);
        width: 100%;
    }
    .swiper-main-wrapper .swiper-main .swiper-parallax-bg {
        margin-left: 0;
        height: 50vw;
        margin-top: -60px;
    }
    .swiper-main-wrapper .swiper-pagination {
        bottom: 3rem;
    }
    .swiper-main-wrapper .swiper-main .col-text:after {
        background-image: url(../img/bg-pattern-2.webp);
        background-size: 100% 100%;
        background-position: right center;
        background-repeat: no-repeat;
        width: 100%;
        height: 80px;
        left: 0;
        bottom: 0;
        transform: scaleY(-1) scaleX(-1);
    }
    .swiper-main-wrapper .swiper-main .swiper-slide .title {
        font-size: 2.5rem;
    }
    .swiper-main-wrapper .swiper-main .col-text .text br {
        display: none;
    }
    .swiper-main-wrapper .swiper-main .col-text .text-wrapper {
        z-index: 1;
        max-width: calc(605px - 1rem);
        padding: 3rem 0 5rem 0;
    }
}

@media (max-width: 767.98px) {
    .swiper-main-wrapper .swiper-main .swiper-parallax-bg {
        height: 80vw;
    }
    .swiper-products-wrapper .swiper-products {
        padding: 0 1rem;
    }
}

@media (max-width: 575.98px) {
}

@media (max-width: 365px) {
}