.item-main-slider {
	width: 100% !important;
	display: grid;
	grid-template-columns: 40% 60%;
}
.details-slider {
	padding: 25px 25px 25px 15%;
	color: #338BA9;
}
.block-main-slider .owl-item:not(.cloned):nth-child(even) .item-main-slider picture {
	order: 1;
}
.block-main-slider .owl-item:not(.cloned):nth-child(even) .item-main-slider .details-slider {
	order: 2;
	padding: 25px 15% 25px 25px;
}
.block-main-slider .owl-item:not(.cloned):nth-child(even) .item-main-slider {
	grid-template-columns: 60% 40%;
}
.item-main-slider a {
	height: 100%;
	width: 100%;
}
.item-main-slider picture {
	height: 500px;
}
.item-main-slider picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-slider {
	position: relative;
}
.main-slider .owl-dots {
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.main-slider .owl-dots .owl-dot span {
	background: transparent;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	position: relative;
	margin: 4px;
	border: 2px solid #fff;
}
.main-slider .owl-dots .owl-dot:hover span {
	background: transparent;
}
.main-slider .owl-dots .owl-dot.active span, .main-slider .owl-dots .owl-dot.active:hover span {
	background: #fff;
}
.margin-t10 {
	margin-top: 20px;
	display: inline-block;
}
.details-slider .name {
	font-size: 32px;
	font-weight: 400;
	line-height: 38px;
}
.details-slider .desc {
  	margin-top: 20px;
}
.block-prod-hot {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}
.main-category-hot .details-cat {
	width: 360px;
	text-align: right;
	padding-right: 50px;
}
.main-category-hot .slide-cat-hot {
  	width: calc(100% - 360px);
  	position: relative;
}
.main-category-hot {
	overflow: hidden;
}
.slide-cat-hot .item img {
	width: 100%;
	height: 440px;
	object-fit: cover;
	box-shadow: 0 3px 6px #00000029;
}
.slide-cat-hot .item .block-details {
	margin-top: 10px;
}
.slide-cat-hot .item .block-details .name {
	font-weight: 400;
	margin-top: 15px;
	font-size: 14px;
	text-transform: uppercase;
}
.slide-cat-hot.owl-carousel .owl-nav button {
	display: none;
}
.slide-cat-hot.owl-carousel:hover .owl-nav button {
	display: unset;
}
.slide-cat-hot.owl-carousel .owl-nav button.owl-prev {
  	left: -25px;
}
.slide-cat-hot.owl-carousel .owl-nav button.owl-next {
  	right: 0;
}
.slide-cat-hot.owl-carousel .owl-nav button {
  	background: #000000e5 !important;
  	color: #fff !important;
}
.tit-cat-hot {
	font-size: 32px;
	line-height: 36px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 20px;
}
.block-tit-video {
	width: calc(100% - 600px);
	padding-right: 15px;
}
.block-tit-video .main-title {
	color: #fff;
	margin: 0;
	margin-top: 10px;
}
.block-iframe-video {
	width: 600px;
	height: 250px;
  	position: relative;
}
.main-video {
  	background: var(--gradient);
  	margin: 80px 0;
}
.tit-video {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}
.block-tit-video .tit-cat-hot {
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
}
.box-thumbnail-video {
	position: absolute;
	left: 0;
	top: -25px;
	width: 100%;
}
.box-thumbnail-video > img, .block-iframe-video video {
	width: 100%;
	height: 300px;
	object-fit: cover;
	box-shadow: 0 3px 6px #00000029;
} 
.box-thumbnail-video > button {
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	overflow: hidden;
	border: none;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
	background: #00000042;
}
.box-thumbnail-video > button:hover {
	background: #000;
}
.box-thumbnail-video > button > img {
	width: 34px;
	height: 34px;
}
.slide-material .item {
	position: relative;
	width: 100%;
	height: 220px;
	background-image: var(--background);
	background-size: cover;
	background-repeat: no-repeat;
}
.slide-material .item .block-details, .list-choose-prod .item .block-details {
	position: absolute;
	width: 100%;
  	height: 100%;
  	justify-content: center;
  	z-index: 2;
  	top: 0;
}
.slide-material .item .block-details .name, .list-choose-prod .item .block-details .name {
	font-weight: 400;
	font-size: 20px;
  	color: #fff;
  	margin: 0;
  	padding: 10px;
}
.slide-material .item:hover .bg-over-item, .list-choose-prod .item:hover .bg-over-item {
	width: 100%;
	height: 100%;
	background: #09090933;
	position: absolute;
	z-index: 1;
	top: 0;
}
.main-choose-prod .details-choose-prod {
	width: 30%;
	padding-right: 20px;
}
.list-choose-prod {
	width: 70%;
}
.list-choose-prod .item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.list-choose-prod .item .box-choose-prod {
	width: 220px;
	height: 220px;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
}
.list-choose-prod .item .box-choose-prod img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.grid-big-why {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
}
.item.item-big-why img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.item.item-small-why {
	cursor: pointer;
}
.item.item-small-why img {
	width: 100%;
	height: 210px;
	object-fit: cover;
}
.details-big-why .name {
	color: #7a5900;
	font-size: 44px;
	font-weight: 400;
}
.item-main-slider .btn-view-more {
	color: #fff;
	background: var(--background);
	border-color: var(--background);
}



@media(max-width: 991px){
	.item-main-slider {
		grid-template-columns: 50% 50%;
	}
	.details-slider .name {
		font-size: 28px;
		line-height: 32px;
	}
	.block-tit-video {
		width: calc(100% - 400px);
		padding-right: 10px;
	}
	.block-iframe-video {
		width: 400px;
		height: 220px;
	}
	.box-thumbnail-video > img, .block-iframe-video video {
		width: 100%;
		height: 270px;
	}
	.details-big-why .name {
		font-size: 34px;
	}
	.grid-big-why {
		grid-gap: 20px;
	}
	.slide-material.owl-carousel .owl-nav button.owl-prev, .slide-small-why.owl-carousel .owl-nav button.owl-prev {
	  	left: -22px;
	}
	.slide-material.owl-carousel .owl-nav button.owl-next, .slide-small-why.owl-carousel .owl-nav button.owl-next {
	  	right: -22px;
	}
	.slide-material.owl-carousel .owl-nav button, .slide-small-why.owl-carousel .owl-nav button {
		background: #000 !important;
		color: #fff !important;
	}
	.main-category-hot .slide-cat-hot .owl-stage {
		left: -30px;
	}
}
@media(max-width: 767px){
	.item-main-slider, .block-main-slider .owl-item:not(.cloned):nth-child(even) .item-main-slider {
	    grid-template-columns: 100%;
	}
	.block-main-slider .item-main-slider picture {
		order: 1 !important;
	}
	.block-main-slider .item-main-slider .details-slider {
		order: 2 !important;
		padding: 25px;
	}
	.item-main-slider picture {
		height: 300px;
	}
	.block-prod-hot {
		grid-template-columns: 1fr 1fr;
	}
	.block-prod-hot .item-hot-prod:last-child {
		grid-column: 1 / span 2;
	} 
	.item-hot-prod:last-child img {
		width: 100%;
		height: 240px;
		object-fit: cover;
	}
	.flex-category-hot {
		display: inline-block;
		width: 100%;
	}
	.main-category-hot .details-cat, .main-category-hot .slide-cat-hot {
		width: 100%;
		padding: 0;
	}
	.main-category-hot .details-cat {
		text-align: center;
		margin-bottom: 20px;
	}
	.tit-cat-hot {
  		font-size: 24px;
  		line-height: 32px;
  		margin-bottom: 10px;
	}
	.flex-main-video {
		display: inline-block;
		width: 100%;
	}
	.block-tit-video, .block-iframe-video {
		width: 100%;
		padding: 0;
	}
	.block-tit-video {
		padding: 15px;
		text-align: center;
	}
	.box-thumbnail-video {
		position: unset;
	}
	.block-iframe-video {
		height: auto;
	}
	.main-video .container {
		padding: 0;
	}
	.list-choose-prod .item .box-choose-prod {
	  	width: 200px;
	  	height: 200px;
	}
	.grid-big-why {
		grid-template-columns: 1fr;
	}
	.flex-choose-prod {
		display: inline-block;
		width: 100%;
	}
	.main-choose-prod .details-choose-prod {
		width: 100%;
		padding-right: 0;
	}
	.list-choose-prod {
		width: 100%;
	}
	.main-video {
		margin: 40px 0;
	}
	.main-category-hot .slide-cat-hot .owl-stage {
	  	left: -30px;
	}
	.slide-material.owl-carousel .owl-nav button.owl-prev, .slide-small-why.owl-carousel .owl-nav button.owl-prev {
	  	left: 0;
	}
	.slide-material.owl-carousel .owl-nav button.owl-next, .slide-small-why.owl-carousel .owl-nav button.owl-next {
	  	right: 0;
	}
	.slide-cat-hot.owl-carousel .owl-nav button.owl-prev {
	  	left: 0;
	}
}
@media(max-width: 480px){
	.details-slider .name {
	    font-size: 24px;
	    line-height: 32px;
	}
	.list-choose-prod .item .box-choose-prod {
	    width: 150px;
	    height: 150px;
	}
	.slide-material .item .block-details .name, .list-choose-prod .item .block-details .name {
		font-size: 18px;
	}
	.block-prod-hot {
		grid-gap: 5px;
	}
	.main-category-hot .slide-cat-hot .owl-stage {
    	left: -15px;
  	}
}