.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	@media(max-width: 480px){
		padding-left: 7px;
		padding-right: 7px;
	}
}
.col-xs-15 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

$main-color: #542e1b;
$hover: #d0843f;
$pry-color: #d52220;
$price-color: #542e1b;
.awe-section-1{margin-bottom:0;}.awe-section-2{margin-bottom:0;}.awe-section-3{margin-bottom:0;}.awe-section-4{margin-bottom:0;}.awe-section-5{margin-bottom:0;}.awe-section-6{margin-bottom:0;}.awe-section-7{margin-bottom:0;}.awe-section-8{margin-bottom:0;}.awe-section-9{margin-bottom:0;}.awe-section-10{margin-bottom:0;}
@mixin ndslick(){
	.swiper-pagination-bullets{
		text-align: center;
		.swiper-pagination-bullet{
			box-shadow: none;
			outline: 0;
			width: 6px;
			height: 6px;
			background: #333f48;
			border-radius: 50%;
			border: 1px solid #333f48;
			padding: 0;
			font-size: 0;
			opacity: 0.8;
			&.swiper-pagination-bullet-active{
				transition: all .2s;
				width: 30px;
				border-radius: 3px;
				background: $main-color;
				border-color: $main-color;
			}
			&:hover{
				background: $main-color;
				border-color: $main-color;
			}
		}
	}
	.swiper-button-next{
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 40px;
		height: 40px;
		padding: 0;
		cursor: pointer;
		color: #fff;
		border: none;
		outline: none;
		background: $main-color;
		line-height: 40px;
		text-align: center;
		z-index: 2;
		border-radius: 100%;
		right: 15px;
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
		&:hover{
			background: #272728;
		}
		&:after{
			font-size: 18px;
			line-height: 40px;
			font-weight: bold;
			margin-left: 3px;
		}
		@media (max-width: 767px){
			width: 15px;
			height: 15px;
			line-height: 15px;
			&:after{
				font-size: 7px;
				line-height: 15px;
				margin-left: 1px;
			}
		}
	}
	.swiper-button-prev{
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 40px;
		height: 40px;
		padding: 0;
		cursor: pointer;
		color: #fff;
		border: none;
		outline: none;
		background: $main-color;
		line-height: 40px;
		text-align: center;
		z-index: 2;
		border-radius: 100%;
		left: 15px;
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
		&:after{
			font-size: 18px;
			line-height: 40px;
			font-weight: bold;
			margin-right: 3px;
		}
		&:hover{
			background: #272728;
		}
		@media (max-width: 767px){
			width: 15px;
			height: 15px;
			line-height: 15px;
			&:after{
				font-size: 7px;
				line-height: 15px;
				margin-right: 1px;
			}
		}
	}
}
.animated-background {
	animation-duration: 1.25s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background: #F6F6F6;
	background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
	background-size: 700px 104px;
	position: relative;
}

.home-slider{
	background: #fef7ef;
	@media(min-width: 1199px){
		min-height: 450px;
	}
	@media(max-width: 480px){
		min-height: 150px;
	}
	@media(max-width: 376px){
		min-height: 155px;
	}
	@media(max-width: 321px){
		min-height: 132px;
	}

	@include ndslick();
	.swiper-button-next, .swiper-button-prev{
		border-radius: initial;
		width: 25px;
		height: 40px;
		display: none;
		&:after{
			font-size: 14px;
			margin-left: 1px;
		}
	}
	.swiper-button-next{
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		@media (max-width: 767px){
			width: 15px;
			height: 15px;
			line-height: 15px;
			right: 10px;
			-webkit-transform: translateY(0);
			transform: translateY(0);
			&:after{
				font-size: 7px;
				line-height: 15px;
				margin-left: 1px;
			}
		}
	}
	.swiper-button-prev{
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		@media (max-width: 767px){
			width: 15px;
			height: 15px;
			line-height: 15px;
			width: 15px;
			height: 15px;
			line-height: 15px;
			left: 10px;
			-webkit-transform: translateY(0);
			transform: translateY(0);
			&:after{
				font-size: 7px;
				line-height: 15px;
				margin-right: 1px;
			}
		}
	}
	&:hover{
		.swiper-button-next{
			visibility: visible;
			opacity: 1;
			&.swiper-button-disabled{
				opacity: 0.35;
			}
		}
		.swiper-button-prev{
			visibility: visible;
			opacity: 1;
			&.swiper-button-disabled{
				opacity: 0.35;
			}
		}
	}

	.swiper-pagination-bullets {
		bottom: 20px !important;
		@media (max-width: 767px){
			bottom: 0!important;
		}
		.swiper-pagination-bullet{
			margin: 0 3px !important;
			width: 5px;
			height: 5px;
			background: #C4C4C4;
			border: 1px solid #C4C4C4;
			&.swiper-pagination-bullet-active{
				width: 15px;
				height: 5px;
			}

		}
	}

}
.section_whychoose {
	background: $main-color;
	padding-top: 35px;
	padding-bottom: 80px;
	@media (max-width: 1199px){
		padding-bottom: 40px;
	}
	@media (max-width: 767px){
		padding-top: 15px;
		padding-bottom: 25px;
	}
	.block-title {
		text-align: center;
		margin-bottom: 30px;
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			
			margin: auto;
			padding-bottom: 35px;
			span{
				color: #fff;
				position: relative;
				display: block;
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: #fff;
					bottom: -5px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #fff;
			text-align: justify;
		}
		@media (max-width: 767px){
			h2{
				width: initial;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 25px;
				span{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -15px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	.block-content{
		.whychoose-swiper{
			.swiper-wrapper{
				.swiper-slide {

				}
			}
			.whychoose-item{
				border-radius: 20px;
				min-height: 201px;
				align-items: center;
				justify-content: center;
				display: flex;
				flex-wrap: wrap;
				flex-direction: column;
				cursor: pointer;
				padding: 0 15px;
				.info {
					text-align: center;
					h3{
						margin-bottom: 0;
						font-size: 18px;
						line-height: 36px;
						font-weight: 600;
						text-transform: uppercase;
						color: #f9cf00;
					}
					p{
						font-size: 13px;
						line-height: 20px;
						font-weight: 400;
					}
				}
				.image{
					margin-bottom: 5px;
					display: block;
				}
				&:hover{
					background: $hover;
					color: #fff;
					.info {
						h3{
							color: #fff;
						}
					}
					.image{
						img{
							filter: brightness(3);
						}
					}
				}
				@media (max-width: 1199px){
					min-height: 162px;
					.image{
						img{
							height: 35px;
						}

					}
					.info{
						h3{
							font-size: 14px;
						}
						p{
							font-size: 12px;
							margin-bottom: 0;
						}
					}
					@media (max-width: 991px){
						min-height: 255px;
						.info{
							h3{
								line-height: 20px;
								margin-bottom: 5px;
							}
						}
						.image{
							margin-bottom: 10px;
						}
					}
					@media (max-width: 767px){

						color: #fff;
						.info {
							h3{

							}
						}
						.image{
							img{
								filter: brightness(5);
							}
						}
					}
				}
			}
			@media (max-width: 767px){
				.swiper-pagination{
					position: initial;
					.swiper-pagination-bullet{
						width: 9px;
						height: 4px;
						border-radius: 7px;
						background: #AEAEAE;
						margin: 0 2px;
						opacity: 1;
						&.swiper-pagination-bullet-active{
							width: 14px;
							background: $hover;
						}
					}
				}
			}
		}
	}
	.banner-why-swiper  {
		.swiper-slide {
			a{
				display: block;
				height: 422px;
				border-radius: 20px;
				overflow: hidden;
			}
		}
		.swiper-pagination{
			.swiper-pagination-bullet{
				width: 21px;
				height: 9px;
				border-radius: 7px;
				opacity: 1;
				background: #fff;
				&.swiper-pagination-bullet-active{
					background: $hover;
					width: 31px;
				}
				&:hover{
					background: $hover;
				}
			}
		}
		@media (max-width: 1199px){
			.swiper-slide {
				a{
					height: 344px;
					@media (max-width: 991px){
						height: 254px;
					}
				}
			}
		}
	}
}

.whychoose-1 {
	background-image:url("//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg_whychoose1.jpg?1781161531669");
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 20px;
		}
.whychoose-2 {
	background-image:url("//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg_whychoose2.jpg?1781161531669");
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 20px;
		}
.whychoose-3 {
	background-image:url("//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg_whychoose3.jpg?1781161531669");
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 20px;
		}
.whychoose-4 {
	background-image:url("//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg_whychoose4.jpg?1781161531669");
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 20px;
		}
.section_about {
	background: #5b2512;
	padding: 60px 0;
	.block-title {
		text-align: center;
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			margin: auto;
			padding-bottom: 35px;
			span{
				color: #fff;
				position: relative;
				display: block;
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: #fff;
					bottom: -5px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #fff;
		}
		@media (max-width: 767px){
			h2{
				width: initial;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 25px;
				span{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -15px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	img {
	    border-radius: 20px;
	}
	.desc {
		color: #FFF;
		margin-bottom: 40px;
		text-align: justify;
	}
	.item {
		margin-bottom: 20px;
	}
	.image-video {
		margin-bottom: 20px;
		position: relative;
	    border-radius: 20px;
		overflow: hidden;
		/*
		cursor: pointer;
		&:before {
			content: '';
			background: url(//bizweb.dktcdn.net/100/482/695/themes/903679/assets/play-button.png?1781161531669) center no-repeat;
			background-size: 64px;
			width: 64px;
			height: 64px;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			opacity: 0.7;
			transition: all .3s;
			@media (max-width:767px){
				background-size: 30px;
				width: 30px;
				height: 30px;
			}
		}
		&:hover {
			&:before {
				opacity: 1
			}
		}*/
		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
		}
		.video-container iframe, .video-container object, .video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
	.image {
		display: block;
	}
	.image-title {
		margin: 10px 0 0;
		font-size: 16px;
		a {
			color: #fff;
		}
	}
}
.popup-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	.popup-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.5;
		background: #000;
	}
	.popup-content {
		width: 700px;
		max-width: 90%;
		background: #FFF;
		padding: 10px;
		position: relative;
		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
		}
		.video-container iframe, .video-container object, .video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		iframe {
			vertical-align: top
		}
		.popup-close {
			position: absolute;
			top: -15px;
			right: -15px;
			width: 30px;
			height: 30px;
			background: url(//bizweb.dktcdn.net/100/482/695/themes/903679/assets/i-close.svg?1781161531669) center no-repeat #FFF;
			background-size: 16px;
			border-radius: 50%;
			box-shadow: 0 0 3px;
			cursor: pointer;
		}
	}
	&.active {
		opacity: 1;
		visibility: visible;
	}
}
.section_service {
	padding: 60px 0;
	position: relative;
	@media (max-width: 767px){
		padding: 30px 0 25px;
	}
	@media (min-width: 767px){
		&:before{
			content:"";
			background-image: url(//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg-before-service.png?1781161531669);
			background-repeat: no-repeat;
			width: 283px;
			height: 472px;
			position: absolute;
			top: -5px;
		}
		&:after{
			content:"";
			background-image: url(//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg-after-service.png?1781161531669);
			background-repeat: no-repeat;
			top: 25px;
			right: 0;
			width: 293px;
			height: 419px;
			position: absolute;
		}
	}
	@media (max-width: 767px){
		&:before{
			content:"";
			background-image: url(//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg-before-service-mb.png?1781161531669);
			background-repeat: no-repeat;
			width: 107px;
			height: 218px;
			position: absolute;
			top: 15px;
		}
		&:after{
			content:"";
			background-image: url(//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg-after-service-mb.png?1781161531669);
			background-repeat: no-repeat;
			top: 70px;
			right: 0;
			width: 91px;
			height: 101px;
			position: absolute;
		}
	}
	.block-title{
		position: relative;
		h2{
			font-size: 34px;
			line-height: 48px;
			color: $hover;
			font-weight: 700;
			text-transform: uppercase;
			margin: 0;
			padding-bottom: 25px;
			padding-top: 20px;
			span{
				display: block;
				position: relative;
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: $hover;
					bottom: -10px;
					left: 0;
				}
			}
			@media (max-width: 991px){
				padding-top: 0;
				@media (max-width: 767px){
					line-height: 22px;
					text-align: center;
					font-size: 16px;
					span{
						&:before{
							width: 92px;
							height: 1px;
							left: 50%;
							transform: translateX(-50%);
						}
					}
				}
			}
		}
		.title-des {
			line-height: 30px;
			font-size: 16px;
			margin-bottom: 30px;
			@media (max-width: 767px){
				line-height: 22px;
				text-align: center;
				font-size: 14px;
			}
		}
		.view-all {
			width: 236px;
			height: 60px;
			background: $hover;
			border-radius: 20px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
			color: #fff;
			font-weight: 700;
			&:hover{
				background: $main-color;
			}
			@media (max-width: 1199px){
				width: 220px;
			}
		}
	}
	.block-content{
		position: relative;
		.service-swiper{
			.swiper-slide {
				border-radius: 20px;
				overflow: hidden;
				&:before{
					content: "";
					background: linear-gradient(180deg, #1F0E0E 0%, rgba(50, 23, 23, 0.85) 13.02%, rgba(93, 40, 40, 0.07) 56.25%);
					transform: rotate(180deg);
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					z-index: 1;
				}
				.info {
					position: absolute; 
					bottom: 0;
					left: 0;
					width: 100%;
					display: flex;
					padding: 0 30px 20px;
					align-items: center;
					z-index: 9;
					h3{
						margin-left: 30px;
						font-size: 20px;
						font-weight: 700;
						position: relative;
						margin-bottom: 0;
						&:before{
							content: "";
							position: absolute;
							left: -15px;
							top: 50%;
							transform: translateY(-50%);
							width: 2px;
							background: #fff;
							height: 80%;
						}
						a{
							color: #fff;
							&:hover{
								color: $hover;
							}
						}
						@media (max-width: 767px){
							font-size: 12px;
							margin-left: 12px;
							&:before{
								left: -6px;
								width: 1px;
							}
						}
					}
					@media (max-width: 1199px){
						padding: 0 15px 15px;
						@media (max-width: 767px){
							text-align: left;
						}
					}
					.icon {
						img{
							@media (max-width: 767px){
								width: 24px;
							}
						}
					}
				}
				.thumb{
					a{
						display: block;
						overflow: hidden;
						img{
							max-width: 100%;
							max-height: 100%;
							width: auto !important;
							position: absolute;
							top: 0;
							bottom: 0;
							left: 0;
							right: 0;
							margin: auto;
							transition: all 0.5s;
						}
						@media (min-width: 1199px){
							height: 371px
						}
						@media (max-width: 1199px) and (min-width: 767px){
							height: 300px
						}
						@media (max-width: 480px){
							height: 300px;
							@media (max-width: 425px){
								height: 262px;
								@media (max-width: 375px){
									height: 228px;
									@media (max-width: 320px){
										height: 191px
									}
								}
							}
						}

					}
				}
				&:hover{
					.thumb{
						a{
							img{
								transform: scale(1.05);
							}
						}
					}
				}
			}
			.swiper-button-next, .swiper-button-prev {
				background: initial;
				@media (min-width: 768px){
					display: none;
				}
				&:after{
					display: none;
				}
			}
			@media (max-width: 767px){
				text-align: center;
				.swiper-button-next {
					background: initial;
					position: initial;
					display: inline-block;
					height: initial;
					top: initial;
					width: initial;
					margin: 10px 2px 0;
				}
				.swiper-button-prev {
					background: initial;
					position: initial;
					display: inline-block;
					height: initial;
					top: initial;
					width: initial;
					margin: 10px 2px 0;
				}
			}
		}
	}
}
.section_product_featured {
	background: #ffecd7;
	padding: 65px 0 30px;
	@media (max-width: 767px){
		padding: 30px 0 25px;
	}
	.block-title {
		text-align: center;
		margin-bottom: 30px;
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			width: 630px;
			margin: auto;
			padding-bottom: 35px;
			a{
				color: #e78a1e;
				position: relative;
				display: block;
				&:hover{
					color: $main-color;
				}
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: #e78a1e;
					bottom: -20px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #656565;
		}
		@media (max-width: 767px){
			margin-bottom: 15px;
			h2{
				width: initial;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 10px;
				a{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -10px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	.block-image{
		.inner {
			overflow: hidden;
			border-radius: 20px;
			position: relative;
			&:before{
				background: linear-gradient(180deg, #1F0E0E 0%, rgba(50, 23, 23, 0.85) 13.02%, rgba(93, 40, 40, 0.07) 56.25%);
				border-radius: 20px;
				transform: rotate(180deg);
				content: "";
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1;
			}
			.image{
				display: block;
				overflow: hidden;
				img{
					transition: all 0.5s;
				}
				@media (min-width: 1199px){
					height: 406px;
				}
				@media (max-width: 1199px) and (min-width: 991px){
					height: 330px;
				}
				@media (max-width: 991px) and (min-width:768px){
					height: 224px;
				}

				@media (max-width: 767px) {
					height: 373px;
				}
				@media (max-width: 668px) {
					height: 373px
				}
				@media (max-width: 569px) {
					height: 394px
				}
				@media (max-width: 480px) {
					height: 323px
				}
				@media (max-width: 376px) {
					height: 248px
				}
				@media (max-width: 320px) {
					height: 208px
				}
			}
			.info {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 20px 40px;
				z-index: 9;
				h3{
					font-size: 30px;
					line-height: 36.57px;
					font-weight: 700;
					a{
						color: #fff;
						&:hover{
							color: $hover;
						}
					}
				}
				.view-now{
					color: #fff;
					font-size: 12px;
					svg{
						margin-left: 5px;
					}
					&:hover{
						color: $hover;
					}
				}
				@media (max-width: 991px) {
					padding: 20px 25px;
					h3{
						font-size: 23px;
						line-height: initial;
					}
					@media (max-width: 767px){
						h3{
							font-size: 16px;
							margin-bottom: 0;
						}
					}
				}
			}
			&:hover{
				.image{
					img{
						transform: scale(1.05);
					}
				}
			}
		}
	}
	.block-product-swiper{
		margin-top: 20px;
		.product-featured-swiper{
			.swiper-wrapper{
				.swiper-slide{
					@media (min-width: 767px){
						&:nth-child(1), &:nth-child(2){
							display: none;
						}
					}
				}
			}
		}
		.swiper-button-next, .swiper-button-prev{
			@media (min-width: 767px){
				display: none;
			}
			&:after{
				display: none;
			}
		}
		@media (max-width: 767px){
			text-align: center;
			.swiper-button-next {
				background: initial;
				position: initial;
				display: inline-block;
				height: initial;
				top: initial;
				width: initial;
				margin: 10px 2px 0;
			}
			.swiper-button-prev {
				background: initial;
				position: initial;
				display: inline-block;
				height: initial;
				top: initial;
				width: initial;
				margin: 10px 2px 0;
			}
		}
		.swiper-pagination{
			position: initial;
			@media (min-width: 767px){
				margin-top: 40px;
			}
			.swiper-pagination-bullet{
				opacity: 1;
				background: #AEAEAE;
				border-radius: 7px;
				width: 25px;
				height:11px;
				&.swiper-pagination-bullet-active{
					background: $hover;
					width: 39px;
				}
				&:hover{
					background: $hover;
				}
			}
		}
	}
	.product-block-item{
		.product-thumbnail{
			.product-transition{
				@media (min-width: 1199px){
					height: 273px;
				}
				@media (max-width: 1199px) and (min-width: 991px){
					height: 220px;
				}
				@media (max-width: 991px) and (min-width:768px){
					height: 160px;
				}

				@media (max-width: 767px) {
					height: 255px;
				}
				@media (max-width: 668px) {
					height: 255px
				}
				@media (max-width: 569px) {
					height: 269px
				}
				@media (max-width: 480px) {
					height: 220px
				}
				@media (max-width: 376px) {
					height: 168px
				}
				@media (max-width: 320px) {
					height: 140px
				}
			}
		}
	}
}
.section_service_rental {
	background: #e78a1e;
	padding: 60px 0;

	.block-title {
		text-align: center;
		margin-bottom: 30px;
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			margin: auto;
			padding-bottom: 35px;
			span{
				color: #fff;
				position: relative;
				display: block;
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: #fff;
					bottom: -5px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #fff;
		}
		@media (max-width: 767px){
			h2{
				width: initial;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 25px;
				span{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -15px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	.block-content{
		.block-item{
			.bg {
				background: #fff;
				border-radius: 20px;
				position: relative;
				padding-bottom: 45px;
				.block-thumb {
					position: relative;
					overflow: hidden;

					img{
						border-radius: 20px 20px 0 0;
					}

				}
				.block-icon {
					background: #fff;
					box-shadow: 0px 3px 30px rgba(179, 143, 36, 0.58);
					height: 55px;
					width: 55px;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius: 50%;
					overflow: hidden;
					margin: auto;
					margin-top: -30px;
					position: relative;
					padding: 5px;
				}
				.block-info {
					text-align: center;
					padding: 15px 25px 0px;
					h3{
						color: $main-color;
						font-size: 17px;
						line-height: 30px;
						font-weight: 700;
						margin-bottom: 5px;
					}
					p{
						color: #544F4F;
						line-height: 28px;
						font-size: 16px;
						font-weight: 400;
						margin-bottom: 0;
						overflow: hidden;
						display: -webkit-box;
						-webkit-line-clamp: 3;
						-webkit-box-orient: vertical;
						min-height: 84px;
						word-break: break-all;
						@media (max-width: 767px){
							min-height: 48px;
						}
					}
					.view-now {
						width: 200px;
						height: 52px;
						color: #fff;
						background: $main-color;
						border-radius: 20px;
						display: inline-flex;
						justify-content: center;
						align-items: center;
						font-size: 20px;
						font-weight: bold;
						position: absolute;
						left: 50%;
						bottom: -25px;
						transform: translateX(-50%);
						&:hover{
							color: $hover;
						}
					}
					@media (max-width: 1199px){
						.view-now {
							width: 155px;
						}
					}
				}
			}
		}

		@media (min-width: 768px) and (max-width: 991px){
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			overflow-x: auto;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			flex-direction: unset;
			-webkit-flex-flow: unset;
			flex-flow: unset;
			-webkit-justify-content: unset;
			justify-content: unset;
			-webkit-align-items: unset;
			align-items: unset;
			padding-bottom: 25px;

		}

	}
	@media (max-width: 767px){
		padding: 30px 0 0;
		.block-title{
			margin-bottom: 15px;
		}
		.block-content {

			margin-right: -5px;
			margin-left: -5px;
			.block-item {
				//	padding: 0 5px;
				.bg {
					margin-bottom: 40px;
					padding-bottom: 25px;
					.block-thumb {

					}
					.block-icon{
						height: 28px;
						width: 28px;
						padding: 5px;
						bottom: -15px;
					}
					.block-info{
						padding: 20px 10px 0px;
						h3{
							font-size: 10px;
							line-height: 16px;
						}
						p{
							line-height: 16px;
							font-size: 10px;
						}
						.view-now{
							width: 100px;
							height: 26px;
							font-size: 10px;
							bottom: -15px;
						}
					}
				}
			}

		}
	}
}
.section_combo {
	background: #fffbef;
	padding-top: 80px;
	padding-bottom: 55px;
	@media (max-width: 767px){
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.block-title {
		text-align: center;
		margin-bottom: 30px;
		@media (max-width: 767px){
			margin-bottom: 15px;
		}
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			margin: auto;
			padding-bottom: 35px;
			span{
				color:#e78a1e;
				position: relative;
				display: block;
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: #e78a1e;
					bottom: -5px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #e78a1e;
		}
		@media (max-width: 767px){
			h2{
				width: 200px;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 25px;
				span{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -15px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	.block-content{

		h3 {
			text-align: center;
			//	margin-top: 5px;
			font-size: 16px;
			margin:10px 0;
			a{
				color:#e78a1e;
				&:hover{
					color:$hover;
				}
			}
		}

		img{
			border-radius: 20px;
		}
		.combo_dess{
			text-align: center;
			color:#000;
		}

	}
	.section_combo_col{

		@media (min-width:1200px){
			&:nth-child(4n+1){clear:left;}
		}

		@media (min-width:992px) and (max-width:1199px) {
			&:nth-child(4n+1){clear:left;}
		}
		@media (min-width:768px) and (max-width:991px) {
			&:nth-child(2n+1){clear:left;}
			margin-bottom:15px;
		}
		@media  (max-width:767px) {
			&:nth-child(2n+1){clear:left;}
			margin-bottom:15px;
		}
	}
}
.section_cuocthi {
	background: #fffbef;
	padding-top: 80px;
	padding-bottom: 55px;
	@media (max-width: 767px){
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.block-title {
		text-align: center;
		margin-bottom: 30px;
		@media (max-width: 767px){
			margin-bottom: 15px;
		}
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			margin: auto;
			padding-bottom: 35px;
			span{
				color:#e78a1e;
				position: relative;
				display: block;
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: #e78a1e;
					bottom: -5px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #e78a1e;
		}
		@media (max-width: 767px){
			h2{
				width: 200px;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 25px;
				span{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -15px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	.block-content{
		h3 {
			text-align: center;
			//	margin-top: 5px;
			font-size: 16px;
			margin:10px 0 0;
			color:#e78a1e;
		
		}
		.cuocthi_dess{
			text-align: center;
			color:#000;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.image{
			position: relative;
			padding-bottom: calc(100%/2);
			display: block;
			border-radius: 20px;
			overflow: hidden;
			@media(max-width: 767px){
				padding-bottom: 100%;
			}
			img{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		a:hover{
			h3{
			color: $hover;
			}
			.cuocthi_dess{
			color: $hover
			}
		}
	}
	.section_cuocthi_col{
		&:nth-child(2n+1){clear:left;}
		margin-bottom:30px;
	}
}
.section_customer_reviews{
	background-image: url(//bizweb.dktcdn.net/100/482/695/themes/903679/assets/bg-review.jpg?1781161531669);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 480px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-size: cover;
	padding: 30px 0;
	&:before{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background: $main-color;
		height: 100%;
		width: 100%;
		opacity: 0.9;
	}
	.block-title {
		text-align: center;
		margin-bottom: 30px;
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			width: 630px;
			margin: auto;
			padding-bottom: 35px;
			a{
				color: #fff;
				position: relative;
				display: block;
				&:hover{
					color: $hover
				}
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: #fff;
					bottom: -5px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #fff;
		}
		@media (max-width: 767px){
			margin-bottom: 15px;
			h2{
				width: initial;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 10px;
				a{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -10px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	.mySwiper-d2 {
		text-align: center;
		overflow: hidden;
		width: 700px;
		margin: auto;
		@media (max-width: 767px){
			width: initial;
		}
		.swiper-slide{
			.des {
				font-size: 16px;
				line-height: 26px;
				color: #fff;
				margin-bottom: 10px;
			}
			.icon-nhay {
				margin-bottom: 30px;
			}
			.name {
				line-height: 24px;
				font-weight: 700;
				color: #fff;
				font-size: 18px;
				margin-bottom: 10px;
			}
			.icon-dg {
				margin-bottom: 25px;
			}
		}
	}
	.mySwiper{
		width: 390px;
		.mySwiper-d1{
			overflow: hidden;
		}
		@media (max-width: 1199px){
			width:430px;
			@media (max-width: 767px){
				width: initial;
			}
		}
		margin: auto;
		position: relative;
		.swiper-slide{
			.inner {
				height: 130px;
				display: flex;
			}
			img{
				width: 90px;
				height: 90px;
				display: block;
				margin: auto;
				border-radius: 100%;
				filter: grayscale(1);
				border: 3px solid transparent;
			}
			&.swiper-slide-active{
				img{
					width: 130px;
					height: 130px;
					filter: initial;
					border: 2px solid #fff;
				}
			}
		}
		.swiper-button-next, .swiper-button-prev {
			height: 38px;
			width: 38px;
			background: #fff;
			border-radius: 50%;
			&:after{
				display: none; 
			}
			&:hover{
				opacity: 0.6;
			}
		}
		.swiper-button-next{
			right: -45px;
		}
		.swiper-button-prev {
			left: -45px;
		}
		@media (max-width: 767px){
			.swiper-button-next{
				right: 0;
			}
			.swiper-button-prev {
				left: 0;
			}
		}
	}
}
.block-tab-product{
	padding: 60px 0;
	@media(max-width: 767px){
		padding: 30px 0;
		.block-image{
			margin-bottom: 20px;
		}
	}
	.block-image{
		a{
			display: block;
			overflow: hidden;
			text-align:center;
			border-radius: 20px;
			@media (min-width: 1199px){
				height: 714px;
			}
			@media (max-width: 1199px) and (min-width: 991px){
				height: 579px;
			}
			@media (max-width: 991px) and (min-width:768px){
				height: 540px;
			}

			@media (max-width: 767px) {
				height: 731px;
			}
			@media (max-width: 668px) {
				height: 731px
			}
			@media (max-width: 569px) {
				height: 731px
			}
			@media (max-width: 480px) {
				height: 731px
			}
			@media (max-width: 376px) {
				height: 665px
			}
			@media (max-width: 320px) {
				height: 559px
			}
			img{
				border-radius: 20px;
				transition: all 0.5s;
			}
		}
		&:hover{
			a{
				img{
					transform: scale(1.05);
				}
			}
		}
	}
	.block-title {
		text-align: center;
		margin-bottom: 35px;
		@media (max-width: 767px){
			margin-bottom: 15px;
		}
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			margin: auto;
			padding-bottom: 40px;
			@media (max-width: 767px){
				padding-bottom: 30px;
			}
			span{
				color: $main-color;
				position: relative;
				display: block;
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: $main-color;
					bottom: -5px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #656565;
		}
		@media (max-width: 767px){
			h2{
				width: initial;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 25px;
				span{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -15px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	.tabs-title  {
		li {
			margin: 0 2px 5px;
			span{
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 7px 20px;
				border-radius: 20px;

				@media (max-width: 1199px){
					width: initial;
					padding: 7px 15px;
					font-size: 14px;
				}
			}
			&.current, &:hover {
				span{
					background: $hover;
					color: #fff;
					font-weight: 600;
				}
			}



		}
		@media (max-width: 767px){
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			overflow-x: auto;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			li{
				flex-shrink: 0;
			}
		}
	}
	.tab-content{

		opacity: 0;
		height: 0;
		overflow: hidden;
		&.current{
			opacity: 1;
			height: auto;
			position: relative;
			min-height: 60px;
			.loading {
				position: absolute;
				top: 0;
				left: 50%;
			}
		}
		.products-view-grid{
			.product-block-item{
				.product-transition{
					@media (min-width: 1199px){
						height: 240px;
					}
					@media (max-width: 1199px){
						height: 193px;
						@media (max-width: 991px){
							height: 190px;
							@media (max-width: 480px){
								height: 220px;
								@media (max-width: 425px){
									height: 193px;
									@media (max-width: 375px){
										height: 168px;
										@media (max-width: 320px){
											height: 140px;
										}
									}
								}
							}
						}
					}
					img{
						width: auto !important;
						max-height: 100%;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						margin: auto;
						&:not(.loaded) {
							@extend .animated-background;
							width: 100% !important;
							height: 100% !important;
							opacity: 0.2;
						}
					}
				}
				.product__price{
				}
				.product-info{
					text-align: left;
				}
			}
		}
		.swiper-button-next,  .swiper-button-prev{
			background: initial;
			position: initial;
			display: inline-block;
			height: initial;
			top: initial;
			width: initial;
			margin: 10px 2px 0;
			&:after{
				display: none;
			}
		}
		.swiper-pagination-bullets{
			position: initial;
			margin-top: 35px;
			@media (max-width: 991px) and (min-width: 767px){
				margin-top: 15px;
			}
			.swiper-pagination-bullet{
				width: 25px !important;
				height: 11px;
				margin: 0 6px;
				border-radius: 7px !important;
				&.swiper-pagination-bullet-active{
					width: 39px !important;
					background: $hover;
				}
				&:hover{
					background: $hover;
				}
			}
		}
		&:hover{
			.swiper-button-next{
				right: 5px;
				visibility: visible;
				opacity: 1;
				-webkit-transform: translateY(0px);
				transform: translateY(0px);
				&.swiper-button-disabled{
					opacity: 0.35;
				}
			}
			.swiper-button-prev{
				left: 5px;
				visibility: visible;
				opacity: 1;
				-webkit-transform: translateY(0);
				transform: translateY(0);
				&.swiper-button-disabled{
					opacity: 0.35;
				}
			}
		}
		.contentfill {
			position: relative;
			padding-bottom: 10px;
			.view-more-product-tab {
				position: absolute;
				bottom: 10px;
				right: 0;
				z-index: 1;
				font-size: 12px;
				color: #303030;
				font-weight: 600;
				&:hover{
					color: $hover;
				}
				@media (max-width: 767px){
					display: none;
				}
			}
			@media (max-width: 767px){
				text-align: center;
			}
		}
	}

}
.section_blog{
	padding: 55px 0;
	@media (max-width: 767px){
		padding: 25px 0;
	}
	background: #e78a1e;
	.block-title {
		text-align: center;
		margin-bottom: 30px;
		h2{
			font-size: 34px;
			line-height: 48px;
			font-weight: 700;
			text-transform: uppercase;
			
			margin: auto;
			padding-bottom: 35px;
			a{
				color: #fff;
				position: relative;
				display: block;
				&:hover{
					color: $main-color;
				}
				&:before{
					content: "";
					position: absolute;
					width: 135px;
					height: 2px;
					background: #fff;
					bottom: -5px;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
			color: #fff;
		}
		@media (max-width: 767px){
			margin-bottom: 15px;
			h2{
				width: initial;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 10px;
				a{
					&:before{
						width: 92px;
						height: 1px;
						bottom: -10px;
					}
				}
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
	.content_blog {
		margin-top: 15px;
		h3{
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			line-height: 26px;
			margin-bottom: 10px;
			word-break: break-word;
			a{
				display: block;
				font-size: 18px;
				font-weight: 700;
				color: #fff;
				&:hover{
					color: $main-color;
				}
			}
		}
		.time-post {
			margin-bottom: 10px;
			color: #fff;
			font-size: 13px;
			span{
				font-weight: 400;
				margin-right: 5px;
				img{
					margin-right: 5px;
					margin-top: -3px;
				}
				&.posted {
					font-size: 13px;
					//margin-left: 5px;
					img{
						margin-right: 3px;
						margin-top: -2px;
					}
				}
			}

		}
		p{
			font-size: 16px;
			line-height: 26px;
			color: #fff;
			margin-bottom: 10px;
			word-break: break-word;
		}
		.view-more  {
			a{
				font-size: 12px;
				font-weight: 600;
				color: #fff;
				font-style:italic;
				&:hover{
					color: $main-color;
				}
				svg{
					margin-left: 5px;
					path{
						fill:#fff;
					}
				}
			}
		}

	}
	.thumb{
		position: relative;
		display: block;
		overflow: hidden;

		img{
			border-radius: 20px;
		}
	}
	@media (max-width: 767px){
		.blogs_mobile_base{
			.col-12{
				.item_blog_base{
					border-bottom: 1px solid #E5E5E5;
					padding-bottom: 5px;
					margin-bottom: 15px;
				}
				&:nth-child(3), &:nth-child(2){
					.item_blog_base{
						display: flex;
						padding-bottom: 15px;
						.thumb{
							max-width: 130px;
							margin-right: 10px;
						}
						.content_blog {
							margin-top: 0;
							width: calc(100% - 140px);
							h3{
								line-height: 24px;
								margin-bottom: 5px;
								a{
									font-size: 15px;
								}
							}
							.time-post {
								span{
									&.thead{
										font-size: 8px;
									}
									&.posted {
										font-size: 10px;
									}
								}
							}
							p{
								display: none;
							}
						}
					}
				}
				&:last-child{
					.item_blog_base{
						border-bottom: initial;
						margin-bottom: 0;
					}
				}
			}

		}
	}
	.view-more-module  {
		a{
			font-size: 14px;
			font-weight: 600;
			color: #303030;
			svg{
				margin-left: 5px;
			}
		}
	}
}
.section_video{
	padding: 55px 0;
	@media (max-width: 767px){
		padding: 25px 0;
	}
	background: $hover;
	.video-container {
		position: relative;
		padding-bottom: 50%;
		height: 0;
		overflow: hidden;
	}
	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.dub_btn.dub_about_btn{
		background: $main-color;
		margin: 20px 0;
		&:hover{
			background: #000;
		}
	}
	.block-title {
		color: #fff;
		margin-bottom: 15px;
		h2{
			font-size: 28px;
			font-weight: 700;
			text-transform: uppercase;
			margin: auto;
			padding-bottom: 10px;
			position: relative;
			display: block;
			color: #fff;
		}
		p{
			font-size: 16px;
			font-weight: 400;
			margin: 0;
		}
		@media (max-width: 767px){
			h2{
				width: initial;
				font-size: 16px;
				line-height: 22px;
				padding-bottom: 25px;
			}
			p{
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
}


.section_blog .content_blog h3 {
	min-height: 52px;
}
.flashsale__news-list {
	padding: 5px;
	background: #eb8c1c;
	a {
		color: #fff;
		margin: 0px 10px;
	}
}

// thành
.section_blog .thumb{
border-radius: 20px;
}
.mail_footer .help-block.form-error {
	display: none;
}
.product{
	.section_service_rental .block-content .block-item .bg .block-info .view-now{
		background: #542e1b;
	}
	.section_service_rental .block-content .block-item .bg .block-info h3{
		color: #542e1b;
		 display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          min-height: 60px;
	}
}