/* CSS Document */
.swiper-viewport {
	margin: 0 0 60px;
	background: #fff;
	z-index: 1;
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	width: 100%;
	position: relative;
	overflow: visible;
}

.fullscreen {
	width: 100%;
}

.slider-home {
	position: relative;
}

/* OpenCart Code */
.swiper-container {
	direction: ltr !important;
}

.swiper-pager {
	width: 100%;
	position: absolute;
	top: 50%;
	line-height: 45px;
}

.swiper-button-prev, .swiper-button-next {
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	transition: all .3s ease;
	z-index: 2;
	background-image: none;
}

.swiper-viewport .swiper-button-prev {
	opacity: 0.7;
	left: 10px;
}

.swiper-viewport .swiper-button-next {
	opacity: 0.7;
	right: 10px;

}

/* Desktop */
@media (min-width: 768px) {
	.swiper-viewport .swiper-button-prev {
		opacity: 0;
		left: -20px;
	}

	.swiper-viewport .swiper-button-next {
		opacity: 0;
		right: -20px;
	}

	.swiper-button-prev {
		opacity: 1;
		left: 15px !important;
		width: 100px;
		height: 100px;
	}
	.swiper-button-next {
		opacity: 1;
		right: 15px !important;
		width: 100px;
		height: 100px;
	}

	.swiper-viewport:hover .swiper-button-prev {
		opacity: 0.7;
		left: 10px;

	}

	.container-pagger {
		position: absolute;
		top: 50%;
		line-height: 45px;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}

	.swiper-viewport:hover .swiper-button-next {
		opacity: 1;
		right: 10px;
		position: relative;
	}
}

.swiper-button-prev:before {
	transition: 0.3s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	content: "";
	background-size: contain;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_2)'%3E%3Cpath d='M50 1C22.938 1 1 22.938 1 50C1 77.062 22.938 99 50 99C77.062 99 99 77.062 99 50C99 22.938 77.062 1 50 1Z' stroke='%232F2F2F' stroke-width='2'/%3E%3Cpath d='M55.0034 57.8851C55.6192 58.4392 55.6691 59.3877 55.1149 60.0034C54.5608 60.6192 53.6123 60.6691 52.9966 60.1149L55.0034 57.8851ZM44 50L42.9966 51.1149L41.7577 50L42.9966 48.8851L44 50ZM52.9966 39.8851C53.6123 39.3309 54.5608 39.3808 55.1149 39.9966C55.6691 40.6123 55.6192 41.5608 55.0034 42.1149L52.9966 39.8851ZM52.9966 60.1149L42.9966 51.1149L45.0034 48.8851L55.0034 57.8851L52.9966 60.1149ZM42.9966 48.8851L52.9966 39.8851L55.0034 42.1149L45.0034 51.1149L42.9966 48.8851Z' fill='%232F2F2F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_2'%3E%3Crect width='100' height='100' fill='white' transform='translate(100 100) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.swiper-button-next:before {
	transition: 0.3s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	content: "";
	background-size: contain;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='49' stroke='%232F2F2F' stroke-width='2'/%3E%3Cpath d='M44.9966 42.1149C44.3808 41.5608 44.3309 40.6123 44.8851 39.9966C45.4392 39.3808 46.3877 39.3309 47.0034 39.8851L44.9966 42.1149ZM56 50L57.0034 48.8851L58.2423 50L57.0034 51.1149L56 50ZM47.0034 60.1149C46.3877 60.6691 45.4392 60.6192 44.8851 60.0034C44.3309 59.3877 44.3808 58.4392 44.9966 57.8851L47.0034 60.1149ZM47.0034 39.8851L57.0034 48.8851L54.9966 51.1149L44.9966 42.1149L47.0034 39.8851ZM57.0034 51.1149L47.0034 60.1149L44.9966 57.8851L54.9966 48.8851L57.0034 51.1149Z' fill='%232F2F2F'/%3E%3C/svg%3E%0A");
}

.swiper-button-prev:hover:before {
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='141414' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_2)'%3E%3Cpath d='M50 1C22.938 1 1 22.938 1 50C1 77.062 22.938 99 50 99C77.062 99 99 77.062 99 50C99 22.938 77.062 1 50 1Z' stroke='%23141414' stroke-width='2'/%3E%3Cpath d='M55.0034 57.8851C55.6192 58.4392 55.6691 59.3877 55.1149 60.0034C54.5608 60.6192 53.6123 60.6691 52.9966 60.1149L55.0034 57.8851ZM44 50L42.9966 51.1149L41.7577 50L42.9966 48.8851L44 50ZM52.9966 39.8851C53.6123 39.3309 54.5608 39.3808 55.1149 39.9966C55.6691 40.6123 55.6192 41.5608 55.0034 42.1149L52.9966 39.8851ZM52.9966 60.1149L42.9966 51.1149L45.0034 48.8851L55.0034 57.8851L52.9966 60.1149ZM42.9966 48.8851L52.9966 39.8851L55.0034 42.1149L45.0034 51.1149L42.9966 48.8851Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_2'%3E%3Crect width='100' height='100' fill='red' transform='translate(100 100) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.swiper-button-next:hover:before {
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='%23141414;%0A' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='49' stroke='%23141414' stroke-width='2'/%3E%3Cpath d='M44.9966 42.1149C44.3808 41.5608 44.3309 40.6123 44.8851 39.9966C45.4392 39.3808 46.3877 39.3309 47.0034 39.8851L44.9966 42.1149ZM56 50L57.0034 48.8851L58.2423 50L57.0034 51.1149L56 50ZM47.0034 60.1149C46.3877 60.6691 45.4392 60.6192 44.8851 60.0034C44.3309 59.3877 44.3808 58.4392 44.9966 57.8851L47.0034 60.1149ZM47.0034 39.8851L57.0034 48.8851L54.9966 51.1149L44.9966 42.1149L47.0034 39.8851ZM57.0034 51.1149L47.0034 60.1149L44.9966 57.8851L54.9966 48.8851L57.0034 51.1149Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.swiper-button-prev:active:before {
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='%23B93700' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_2)'%3E%3Cpath d='M50 1C22.938 1 1 22.938 1 50C1 77.062 22.938 99 50 99C77.062 99 99 77.062 99 50C99 22.938 77.062 1 50 1Z' stroke='%23B93700' stroke-width='2'/%3E%3Cpath d='M55.0034 57.8851C55.6192 58.4392 55.6691 59.3877 55.1149 60.0034C54.5608 60.6192 53.6123 60.6691 52.9966 60.1149L55.0034 57.8851ZM44 50L42.9966 51.1149L41.7577 50L42.9966 48.8851L44 50ZM52.9966 39.8851C53.6123 39.3309 54.5608 39.3808 55.1149 39.9966C55.6691 40.6123 55.6192 41.5608 55.0034 42.1149L52.9966 39.8851ZM52.9966 60.1149L42.9966 51.1149L45.0034 48.8851L55.0034 57.8851L52.9966 60.1149ZM42.9966 48.8851L52.9966 39.8851L55.0034 42.1149L45.0034 51.1149L42.9966 48.8851Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_2'%3E%3Crect width='100' height='100' fill='red' transform='translate(100 100) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.swiper-button-next:active:before {
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='%23B93700' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='49' stroke='%23B93700' stroke-width='2'/%3E%3Cpath d='M44.9966 42.1149C44.3808 41.5608 44.3309 40.6123 44.8851 39.9966C45.4392 39.3808 46.3877 39.3309 47.0034 39.8851L44.9966 42.1149ZM56 50L57.0034 48.8851L58.2423 50L57.0034 51.1149L56 50ZM47.0034 60.1149C46.3877 60.6691 45.4392 60.6192 44.8851 60.0034C44.3309 59.3877 44.3808 58.4392 44.9966 57.8851L47.0034 60.1149ZM47.0034 39.8851L57.0034 48.8851L54.9966 51.1149L44.9966 42.1149L47.0034 39.8851ZM57.0034 51.1149L47.0034 60.1149L44.9966 57.8851L54.9966 48.8851L57.0034 51.1149Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}



.slider-home .swiper-pagination {
	bottom: 43px;
	left: 0;
	text-align: center;
	width: 100%;
}

.swiper-pagination {
	bottom: -40px;
	left: 0;
	text-align: center;
	width: 100%;
}

.swiper-pagination-bullet {
	width: 30px;
	height: 7px;
	background: #C8C8C8;
	border-radius: 100px;
	opacity: 1;
	margin-right: 15px;
	transition: 0.3s;
}

.swiper-pagination-bullet:hover {
	background: #B93700;
}

.swiper-pagination-bullet-active {
	background: #B93700;
	width: 96px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
	cursor: pointer;
	pointer-events: auto;
}

@media (max-width: 960px) {
	.swiper-button-prev:before,
	.swiper-button-next:before {
		width: 70px;
		height: 70px;
	}
}

@media (max-width: 480px) {
	.container-pagger.container {
		top: 50%;
		position: absolute;
		transform: translate(0, -50%);
		z-index: 3;
		width: 100%;
	}
	.slider-home .swiper-pagination {
		bottom: 10px;
		z-index: 2;
	}
	.swiper-button-next {
		right: 20px;
	}
	.swiper-button-next,
	.swiper-button-prev {
		width: 50px;
		height: 50px;
		transform: translate(0, -50%);
		z-index: 3;
	}
	.swiper-button-prev:before,
	.swiper-button-next:before {
		width: 50px;
		height: 50px;
	}
}