/* Slider Area
-----------------------------------------------------------------*/
.slider-caption h2 {
	text-transform: none;
	letter-spacing: 0;
	font-size: 62px;
	line-height: 1.1;
	font-weight: 700;
}

.slider-caption h2,
.slider-caption .categories-lists,
.slider-caption .button {
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transform-origin: 50% 50% 0px;
	transform-origin: 50% 50% 0px;
	-webkit-transition: -webkit-transform .05s ease-out;
	transition: -webkit-transform .05s ease-out;
	transition: transform .05s ease-out;
	transition: transform .05s ease-out, -webkit-transform .05s ease-out;
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption h2,
.swiper-slide.swiper-slide-active .slider-caption .categories-lists,
.swiper-slide.swiper-slide-active .slider-caption .button {
	opacity: 1;
	-webkit-transition: transform 1.5s, opacity 1.55s;
	-o-transition: transform 1.5s, opacity 1.55s;
	transition: transform 1.5s, opacity 1.55s;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	backface-visibility: hidden;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.swiper-slide.swiper-slide-active .slider-caption .categories-lists {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.swiper-slide.swiper-slide-active .slider-caption .button {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.slider-arrow-left i,
.slider-arrow-right i {
	font-size: 30px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.slider-arrow-left,
.slider-arrow-right {
	border: 0;
	border-radius: 0 3px 3px 0;
}

.slider-arrow-left:hover,
.slider-arrow-right:hover {
	background-color: transparent !important;
}

.slider-arrow-left i:hover,
.slider-arrow-right i:hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
@-webkit-keyframes scrollDown {
	0% {
		top: 10px;
		opacity: 0;
	}
	15% {
		top: 10px;
		opacity: 1;
	}
	30% {
		top: 10px;
		opacity: 1;
	}
	45% {
		top: 28px;
		opacity: 1;
	}
	100% {
		top: 28px;
		opacity: 0;
	}
}
@keyframes scrollDown {
	0% {
		top: 10px;
		opacity: 0;
	}
	15% {
		top: 10px;
		opacity: 1;
	}
	30% {
		top: 10px;
		opacity: 1;
	}
	45% {
		top: 28px;
		opacity: 1;
	}
	100% {
		top: 28px;
		opacity: 0;
	}
}
.scroll-down {
	position: absolute;
	top: auto;
	bottom: 20px;
	left: 50%;
	display: inline-block;
	width: auto;
	margin: 0 auto;
	text-align: center;
	background-color: transparent;
	border: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
	opacity: .8;
}
.scroll-mouse {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 46px;
	margin: 0 auto;
	border: 2px solid #fff;
	border-radius: 20px;
}
.scroll-wheel {
	position: absolute;
	top: 14px;
	left: 10px;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-animation: scrollDown 2.5s infinite;
			animation: scrollDown 2.5s infinite;
}
.right-banner{
    display: none;
}
.left-banner{
    display: none;
}
@media (min-width : 992px){
    .right-banner{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        clip-path: circle(80.0% at 100% 100%);
        background-color: #ed0000;
    }
    .left-banner{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        clip-path: circle(80.0% at 0 100%);
        background-color: #ed0000;
    }
    .container-fluid .img-content-right{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        opacity: 0.6;
    }
    .container-fluid .img-content-left{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        object-fit: cover;
        object-position: center;
        opacity: 0.6;
    }
}