/*
Theme Name: Custom Template - MIGI Digital
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

:root{
	--main-color: #e4002b;
	--main-color2: #999;
	--white-color: #fff;
	--black-color: #000;
	--fz-large: 60px;
	--fz-regular: 20px;
	--fz-small: 15px;
}

#main, #wrapper{
	background-color: #0f0f0f;
}
@media (min-width: 1200px){
	.container {
		max-width: 1170px;
		padding-left: 10px !important;
		padding-right: 10px !important;

	}
	.col-pd10{
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	body:not(.home) #wrapper,
	.section-form-booking{
		padding-top: 50px !important;
	}
}

@font-face {
	font-family: 'EvoTeam';
	src: url(./fonts/evoteam.ttf);
}
#wrapper *,
.sidebar-menu .nav-sidebar li a{
	font-family: EvoTeam, sans-serif;
}
body,
.button span{
	line-height: 1.5;
}
p,
.page-breadcrumb,
.col-form form .form-group{
	margin-bottom: 16px !important;
}
.home footer,
.header-bottom,
.absolute-footer,
.is-divider,
.wpcf7-spinner,
.post_comments,
.row-product-dexuat .badge-container,
.single-product .badge-container,
.account-item .nav-dropdown,
.page-title .title-content{
	display: none !important;
}
li,
.ant-menu-fixed ul,
.footer-block p,
.coppy-right p,
.hethong-select .tab-panels p,
.mg-0 p,
.add-to-cart-container form{
	margin-bottom: 0 !important;
}
.section-banner .text-box-content h3,
.section-banner .text-box-content h2,
.footer-coppy-right p,
.post-item .post-date,
.post-excerpt,
.col-form form p,
.col-form form input,
.col-form form textarea,
.row-slider-thucdon .flickity-slider .box .box-text h3,
.row-book-now .col-info h3,
a.btn-datban.menu-booking,
.row-product-dexuat .product-small.col .product-title a,
.footer-block a.button,
.article-inner .entry-header-text .entry-title,
.sort-cate h3,
.sort-cate-left,
.quick-sort-block,
.badge-container,
.add-to-cart-button a,
.products .product-small.col .box-text .product-title a,
.col-info-product h1{
	margin: 0 !important;
}
.header-inner,
.ant-group-function li a,
.blog-wrapper,
.post-item .box-text,
.section-pd-0,
.hethong-select .accordion-inner,
body.page-template-page-full-width-custom #wrapper,
.title-page-custom .page-title-inner,
.row-slider-thucdon .flickity-slider .col,
.row-book-now .col,
.article-inner .entry-header-text,
.single-page,
.recent-blog-posts-li  .recent-blog-posts,
.category-page-row,
.badge-container .badge-inner,
.products .product-small.col .box-text,
.title-mgb-20.section-title-container{
	padding: 0 !important;
}
.pd-0,
.archive-page-header .col,
.post-item,
.products .product-small.col{
	padding-bottom: 0 !important;
}
.header,
.header-wrapper,
.header-main{
	height: 100% !important;
}
.header-nav li a,
.cart-icon strong,
.cart-icon strong:after,
.big-title .section-title-main,
.row-coppyright-footer .coppy-right a,
.post-item a:hover,
.col-form form label,
.col-form form input,
.col-form form textarea,
.col-form form input:focus,
.col-form form textarea:focus,
::placeholder,
.col-form form .wpcf7-submit,
.hethong-select .tab a span,
.sub-title p,
.price-wrapper del span,
.woocommerce-billing-fields label,
.notes *,
.cart_item .product-name,
.wc_payment_method label,
.coupon button:hover,
.wc-proceed-to-checkout,
.coupon button,
.wpcf7 label,
.sidebar-menu .nav-sidebar li a{
	color: var(--white-color) !important;
}
.header-nav li a:hover,
.page-breadcrumb li:last-child,
.btn-phone span,
footer .footer-col .footer-big-content a,
.small-title .section-title-main,
.row-coppyright-footer .coppy-right a:hover,
.post-item a:hover .post-title,
.form-group abbr,
.widget_shopping_cart p.total .amount{
	color: var(--main-color) !important;
}
.footer-block p,
.btn-email span,
.footer-block p{
	color: var(--main-color2);
}
.section-banner .text-box-content h3,
.row-coppyright-footer .social-icons a i,
.row-coppyright-footer .social-icons a{
	font-size: var(--fz-regular);
}
.section-banner .text-box-content h2{
	font-size: var(--fz-large);
}
.section-banner .text-box-content h3{
	font-size: var(--fz-small);
}

h1,h2,h3,h4,h5,h6{
	font-weight: 600 !important;
}
b, strong{
	font-weight: 700 !important;
}
.ant-group-function span,
.col-form form .wpcf7-submit,
.col-form form p label,
.small-title .section-title-main,
.hethong-select .accordion-title.active,
.title_section .section-title-main,
.row-book-now .col-info h3,
.wpcf7 label,
.cart-icon strong{
	font-weight: 400 !important;
}
.row-footer-info{
	margin-top: 50px;
}
.accordion-title,
.footer-block a.button,
.section-title-container,
.section-title-container .section-title,
.section-title-container .section-title .section-title-main,
.section-banner .flickity-page-dots .dot,
.section-banner .text-box-content .button,
.hethong-select  .tab,
.hethong-select .tab-panels,
.widget li,
.nav-sidebar.nav-vertical>li+li{
	border: none !important;
}



/**/

.nav-dropdown{
	display: block;
	opacity: 1;
	visibility: visible;
	position: unset;
	height: 100% !important;
}
.sub-menu.nav-dropdown{
	background-color: transparent;
	color: #777;
	margin: 0;
	max-height: unset;
	min-width: unset;
	opacity: 1;
	padding: 0;
	position: unset;
	visibility: visible;
	border: none;
}
.nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col{
	border: none;
}
.nav-dropdown>li>a{
	padding: 10px 25px 10px 15px !important;
}
.sub-menu li a,
.nav-column>li:last-child{
	margin: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.sub-menu li a{
	font-weight: 400 !important;
	text-transform: capitalize !important;
	font-size: 15px !important;
	line-height: 1.5;
}
.sub-menu li > .sub-menu li a{
	padding: 10px 25px 10px 22.5px !important;
}
.nav-dropdown>li.nav-dropdown-col{
	display: block;
	width: 100%;
	min-width: 100%;
}
.menu-item-has-children .icon-angle-down{
	opacity: 1;
	right: 2px;
	left: unset;
	position: absolute;
	top: 0;
	height: 100% !important;
	width: 30px !important;
}
.menu-item-has-children .icon-angle-down:before,
.menu-item-has-children .icon-angle-down:after{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	background-color: currentColor;
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.menu-item-has-children .icon-angle-down:before{
	width: 11px;
	height: 1px;
	opacity: 1;
}
.menu-item-has-children .icon-angle-down:after{
	width: 1px;
	height: 11px;
}

.sub-menu{
	display: none;
}
.drop-subMenu .sub-menu,
.has-child.active .sub-menu{
	display: block !important;
}
.drop-subMenu .icon-angle-down:before,
.drop-subMenu .icon-angle-down:after,
.has-child.active .icon-angle-down:before,
.has-child.active .icon-angle-down:after{
	transform: translate(-50%, -50%) rotate(180deg);
}
.drop-subMenu .icon-angle-down:after,
.has-child.active .icon-angle-down:after{
	transform: translate(-50%, -50%) rotate(90deg);

}
li.drop-subMenu > a,
li.has-child.active > a{
	color: var(--main-color) !important;
}


/**/



.header,
.ant-group-function{
	background-color: var(--black-color) !important;
}
@media (min-width: 1024px) {
	.header{
		left: 0;
		box-shadow: 2px 0 12px -2px rgba(0,0,0,0.15);
		transform: translateX(0%);
		position: fixed;
		top: 0 !important;
		width: 250px;
		z-index: 1000;
		overflow: hidden;
		transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	#logo{
		margin: auto;
		padding: 15px 0;
		height: 201px;
	}
	#wrapper{
		margin-left: auto;
		width: calc(100% - 250px);
	}
	.header-wrapper.stuck .header-main .nav > li > a{
		line-height: 16px !important;
	}
	.header-wrapper.stuck .header-main  #logo img{
		max-height: 500px !important;
	}
	.header-wrapper.stuck{
		box-shadow: unset !important;
	}
	.sticky-jump .header-wrapper.stuck{
		animation: unset !important;
		-webkit-animation: unset !important;
	}
	.header-wrapper.stuck{
		top: 0 !important;
	}
}

.header-wrapper,
.post-single-custom .large-9,
.post-single-custom .large-3,
.category-page-row .large-12,
.row-book-now .col-info h3,
.row-book-now,
.row-slider-thucdon .flickity-slider .box .box-text h3,
.row-slider-thucdon .col-slider,
.custom-blog,
.off-canvas-left.mfp-ready .mfp-content{
	padding: 0 10px !important;
}
ul{
	list-style-type: none;
}

.header-nav li a,
.sidebar-menu .nav-sidebar li a{
	padding: 10px 25px 10px 0;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	text-transform: uppercase;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
}
.sidebar-menu .nav-sidebar li a{
	padding: 10px 25px 10px 0 !important;
}
.ant-menu-fixed > ul{
	overflow-y: auto;
	height: 479px;
}
.ant-group-function{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	z-index: 999;
	border-top: 1px solid rgba(255,255,255,0.8);
	top: auto !important;
	padding: 10px 0;
	height: 66px;
}
.ant-group-function span{
	font-size: 13px;
	text-transform: none;
	display: block
}
.ant-group-function .nav{
	justify-content: space-evenly
}
.ant-group-function li a{
	flex-direction: column-reverse;
	display: flex;
}
.ant-group-function li a{
	transition: none
}
.ant-group-function li a i{
	font-size: 21px !important;
}
.cart-icon strong{
	width: 21px;
	height: 21px;
	line-height: 19px;
}
.cart-icon,
.ant-group-function i{
	margin-left: 0 !important;
}
.cart-icon strong,
.cart-icon strong:after{
	border-color: var(--white-color) !important;
}
.cart-icon strong:hover,
.cart-icon strong:hover:after{
	border-color: var(--main-color) !important;
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #0f0f0f;
}

::-webkit-scrollbar
{
	width: 2px;
	background-color: #0f0f0f;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #595959;
}

/* Home */
.section-banner .img{
	max-width: 45px;
}
.section-banner .text-box-content h3{
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 30px;
}
.section-banner .text-box-content h2{
	line-height: 90px;
}
.section-banner .text-box-content .button{
	margin: 45px 0 0 !important;
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	min-height: unset;
}
.section-banner a.button:hover,
.form-group input:focus,
.form-group textarea:focus,
.btn-phone span:hover,
a.button:hover,
.single_add_to_cart_button.button:hover,
.add-to-cart-container form .quantity input.button,
.add-to-cart-container form .quantity .input-text{
	box-shadow: none;
}
.section-banner a.button:hover{
	background-color: #000 !important;
	color: #fff !important;
}
.bg-fill{
	background-position: 50% 13%;
}
.footer-coppy-right{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #999;
	font-size: 14px;
	bottom: 0;
	width: 100%;
	padding: 7px 0;
}

.section-banner .flickity-page-dots{
	bottom: 45px;
}
.section-banner .flickity-page-dots .dot{
	width: 40px;
	height: 1.5px;
	margin: 0 2px 0 0;
	border-radius: 0;
	background: var(--white-color);
	opacity: 0.7;
}
.section-banner .flickity-page-dots .dot.is-selected{
	background: var(--main-color) !important;
}
.page-breadcrumb {
	font-size: 14px;
	line-height: 21px;
	width: 100%;
	display: flex;
	list-style: none;
	flex-wrap: wrap;
}
.slash{
	margin: 0 5px !important;
}
.title-page{
	margin-bottom: 40px;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 30px;
}
.section-title-container,
.section-title-container .section-title,
.section-title-container .section-title .section-title-main{
	margin-bottom: 0;
	padding-bottom: 0;
}
.section-title-container .section-title .section-title-main{
	margin-right: 0 !important;
}
.center.section-title-container .section-title{
	justify-content: center;
}



.small-title .section-title-main{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 3px;
}
.big-title .section-title-main{
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 45px;
}
.big-title .section-title-main:before {
	content: "";
	height: 2px;
	width: 200px;
	background-color: var(--main-color);
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;
}


.post-item .box-image,
.footer-block h4,
.section-hethong .accordion_title{
	margin-bottom: 10px;
}
.footer-block h4 {
	text-transform: uppercase;
	font-size: 17px;
}
footer .footer-col .footer-big-content a {
	font-size: 24px;
	font-weight: 600;
	display: block;
}
.footer-block a.button{
	min-height: unset;
	line-height: unset;
}
.btn-phone span {
	font-size: 24px;
	font-weight: 600;
	display: block;
}
a.button:hover{
	color: #fff !important;
	opacity: 1 !important;
	background: transparent !important;

}
.btn-phone span:hover{
	color: #fff !important;
	opacity: 1;
	background: transparent !important;
}
.btn-email span,
.footer-block p{
	font-size: 15px;
	font-weight: normal;
}
.footer-block p:nth-child(2){
	margin-top: 20px;
}
.btn-email:hover span{
	color: var(--main-color)
}
.row-coppyright-footer {
	border-top: 1px solid rgba(255,255,255,0.05);
	padding: 30px 0;
	margin-top: 40px;
}
.row-coppyright-footer .social-icons,
.col-des-detail-prd{
	margin-bottom: 15px;
}
.row-coppyright-footer .coppy-right{
	font-size: 14px;
}
.footer-wrapper .footer-section{
	padding-top: 60px !important;
	margin-top: 20px;
}
.archive-page-header,
.title-page-archive.title-page{
	padding-top: 20px;
}
.archive-page-header .col h1{
	margin-bottom: 8px;
	font-size: 40px;
	text-transform: none;
}
.custom-blog > .row{
	margin-left: -10px !important;
	margin-right: -10px !important;
}
.custom-blog > .row > .col{
	padding: 0 10px 30px;
}
.post-item{
	margin-bottom: 20px;
}
.post-item .post-date{
	font-size: 13px;
}
.post-item .post-title {
	font-size: 18px;
	margin: 10px 0 8px 0;
}
.post-excerpt {
	font-size: 14px;
	color: #bbb;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 21px;
	-webkit-line-clamp: 3;
	height: 63px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.blog-archive .post-item:nth-child(4),
.blog-archive .post-item:nth-child(5){
	flex-basis: 50%;
	max-width: 50%;
}
.blog-wrapper{
	padding-bottom: 20px !important;
}
.page-numbers i:before{
	font-family: fontawesome;
}
.pagination{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.pagination_custom{
}
.pagination span,
.pagination a{
	padding: 8px 12px;
	background-color: #2a2a2a;
	line-height: 1.25;
}
.pagination .current,
.pagination_custom a:hover,
.hethong-select .tab.active a,
.hethong-select .tab:hover a{
	background: var(--main-color);
}
.pagination_custom a:hover{
	color: var(--white-color);
}
.col-form form{
	background: #2a2a2a;
	box-shadow: 0px 10px 16px 0px rgba(81,81,81,0.08);
	margin-left: 50px;
	margin-right: 50px;
	padding: 20px;
	margin-top: -140px;
	margin-bottom: 50px;
}
.col-form form label{
	margin: 0 0 8px;
	font-size: 16px !important;
	line-height: 24px;
}
.col-form form input,
.col-form form textarea{
	background-color: #2a2a2a;
	border: 1px solid rgba(255,255,255,0.2);
	font-size: 14px;
}
.col-form form input{
	min-height: 40px;
	padding: 0 20px;
}
.col-form form input:focus,
.col-form form textarea:focus{
	background-color: transparent;
}
.col-form form textarea{
	padding: 8px 20px;
}
.col-form form .wpcf7-submit{
	margin: 0 0 16px !important;
	width: 100%;
	border-color: none;
	border-radius: 4px;
	padding: 8px 28px;
	line-height: normal;
}
.col-form form .wpcf7-submit:hover{
	background-color: #b10021;
	border-color: #b10021;
	box-shadow: none
}
.hethong-select .accordion-title{
	transition: unset !important
}
.accordion-title .toggle{
	opacity: 1;
	transition: transform .2s ease-in-out !important;
}
.hethong-select  .tab{
	margin-bottom: 5px !important;
}
.hethong-select .tab a{
	padding: 5px 3px !important;
}
.hethong-select .tab.active a,
.hethong-select .tab:hover a{
	border-radius: 3px;
}
.hethong-select .tabbed-content .nav-vertical{
	width: 30%;
}
.hethong-select .tab-panels{
	padding: 0 0 0 20px !important;
}
.hethong-select .tabbed-content .nav{
	border: 1px solid rgba(255,255,255,0.2);
	padding: 5px;
}
.section-datban{
	padding: 100px 0 !important;
}
.title-page-custom .page-title-inner{
	min-height: unset;
}
.title-page-custom .entry-title{
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 500 !important;
	line-height: 1.2;
	margin-bottom: 8px !important
}
.sub-title p{
	padding: 20px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
}
.btn-datban {
	margin: 40px 0;
	display: inline-block;
	letter-spacing: 2px;
	line-height: 16px;
	font-size: 16px;
	background-color: #e4002b;
	padding: 15px 35px;
	text-transform: uppercase;
	border-radius: 5px;
	font-weight: 400 !important;
	border: none;
}
.btn-datban span {
	line-height: 16px;
}
a.btn-datban:hover,
.add-to-cart-button:hover a{
	background-color: #b10021 !important;
}
.row-slider-thucdon .flickity-slider > .row{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 15px;
}
.row-slider-thucdon .flickity-slider > .row .col{
	flex-basis: 100%;
	max-width: 100%;
}

.row-slider-thucdon .flickity-slider .box .box-text{
	height: 100%;
	background: linear-gradient(to bottom, rgba(45,45,45,0.15) 0%, rgba(45,45,45,0.5) 75%, #2d2d2d 100%);
	padding: 30px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.row-slider-thucdon .flickity-slider .box .box-text h3{
	position: absolute;
	width: 100%;
	bottom: 30px;
	font-size: 20px;
	left: 0;
	font-weight: 400 !important;
	line-height: 1.5 !important
}
.title_section .section-title-main{
	font-size: 35px;
	letter-spacing: 1px;
	padding-bottom: 35px !important;
	text-transform: none;
}
.row-book-now .col-info{
	display: flex;
	align-items: center;
	background-color: #2a2a2a;
}

.row-book-now .col-info h3 {
	text-align: center;
	font-size: 30px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.row-book-now .col-info p {
	padding: 40px 10px;
	text-align: center;
}
.row-product-dexuat .product-small.box .box-image{
	width: 125px !important;
	margin-right: 10px !important;
}
.row-product-dexuat .product-small.box .box-text{
	text-align: left;
}

.row-product-dexuat .product-small.box{
	display: flex;
	align-items: center
}
.row-product-dexuat .col-pd10 > .col-inner{
	background-color: #191919;
	padding: 15px 15px 5px 15px;
}
.row-product-dexuat .product-small.col{
	padding-bottom: 10px;
}

.row-product-dexuat .product-small.col .product-title{
	color: #fff;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	margin: 0 0 5px !important;
	font-size: 14px;
}
.price-wrapper ins span,
.price-wrapper > .price > .amount > bdi{
	font-size: 16px;
	color: #ff1400;
}
.price-wrapper del span{
	font-size: 13px;
	opacity: 1
}
.price-wrapper > .price > .amount > bdi{
	font-size: 16px;
	color: #ff1400;
}
.post-single-custom {
	padding-top: 20px;
	padding-bottom: 20px;
}

.article-inner .entry-header-text .entry-title{
	line-height: 1.3em;
	font-size: 25px;
	text-align: center
}
.post-date-single{
	font-size: 13px;
	color: #bbb;
	margin: 5px 0 !important;
	text-align: center;
}
.single-page{
	margin-top: 10px;
}

.row.row-large{
	max-width: 1170px !important;
}

.post-sidebar aside{
	margin-bottom: 20px ;
}
.widget-title{
	margin: 0 0 10px;
	display: block
}
.widget-title span{
	font-weight: 700;
	line-height: 1.5em;
	letter-spacing: .12em;
}

.product-categories li a {
	font-size: 14px;
	padding: 3px 25px 3px 0 !important
}
.recent-blog-posts a{
	font-size: 14px;
	font-weight: 600;
}
.flatsome_recent_posts .flex-col:first-child{
	margin-right: 10px;
	width: 80px;
}
.recent-blog-posts-li  .recent-blog-posts{
	margin-bottom: 20px;
}
.badge.post-date{
	width: 100%;
	height: 54px;
}
.sort-cate {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	margin-bottom: 20px;
}
.sort-cate h3{
	font-size: 14px;
	display: flex;
	align-items: center;
}
.sort-cate-left,
.quick-sort-block{
	display: flex;
	align-items: center;
}
.sort-cate h3 svg{
	fill: #fff;
	height: 15px;
	width: 15px;
	margin-right: 5px;
}

.quick-sort-block li{
	padding-left: 10px;
}
.quick-sort-block li a{
	display: inline-block;
	padding: 6px 15px;
	font-size: 14px;
	border-radius: 15px;
	border: 1px solid rgba(255,255,255,0.2);
	background-color: transparent;
	font-weight: 500;
}
.quick-sort-block li.active a,
.quick-sort-block li:hover a,
.cart-item a:hover strong{
	background-color: #e4002b;
	color: #fff;
}
.cart-item a:hover .cart-icon strong,
.cart-item a:hover .cart-icon strong:after,
.quick-sort-block li.active a,
.quick-sort-block li:hover a,
.cart-item a:hover strong{
	border-color: #e4002b !important;
}
.products .product-small.col .col-inner{
	transition: all .4s ease-in-out;
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 5px;
	padding: 10px;
	background: #191919;
	margin-bottom: 20px;
}
.products .product-small.col .box-text .product-title{
	font-size: 15px;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: unset;
	max-height: 39px;
	min-height: 39px;
	font-weight: 600;
	margin: 10px 0 2px 0 !important
}
.add-to-cart-button{
	position: absolute;
	bottom: 0;
	right: 0;
}
.add-to-cart-button a{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: #e4002b;
	position: relative;

}
.add-to-cart-button a:before{
	content: '';
	position: absolute;
	top: 19%;
	right: 24%;
	z-index: 999;
	font-family: fontawesome;
	font-size: 20px;
}
.price-wrapper .price{
	height: 50px;
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	line-height: 1.1
}
.price-wrapper del,
.price-wrapper ins{
	display: block
}
.badge-container .badge-inner{
	background: unset !important;
}
.badge-container span{
	padding: 0 10px;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: #e4002b;
	z-index: 3;
	border-radius: 10px;
}
.row-col-10 > .col{
	padding: 0 10px;
}
.col-info-product h1{
	font-size: 23px;
	line-height: 1.2
}
.sku-product span{
	display: block;
	margin: 5px 0;
	font-size: 14px;
}
.price-box .special-price .product-price{
	display: block;
	font-weight: 600;
	color: #ff1400;
	font-size: 30px;
}
.price-box-save{
	display: flex;
	align-items: center;
	font-size: 14px;
}
.price-box-save span{
	display: flex;
	align-items: center;
}
.save-price {
	color: #73a91d;
	margin-left: 20px;
}
.product-price-old,
.product-price-save{
	margin-left: 5px;
}
.product-short-description p{
	margin-bottom: 5px !important;
}
.product-short-description {
	padding: 5px 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.add-to-cart-container{
	margin-top: 15px;
}
.single_add_to_cart_button.button{
	width: 100%;
	border-radius: 4px;
	font-weight: 600;
	font-size: 20px;
	margin: 15px 0 0 !important
}
.single_add_to_cart_button.button:hover,
.woocommerce-mini-cart__buttons a.button:hover{
	background-color: #b10021 !important;
}
.add-to-cart-container form .quantity input.button,
.add-to-cart-container form .quantity .input-text{
	width: 40px;
	height: 40px;
	border: 1px solid #ebebeb !important;
	background-color: #2a2a2a;
	font-size: 25px;
	color: #fff;
	font-weight: 600;
	border-radius: 4px !important;
	line-height: 40px;
	min-height: unset;
	text-shadow: none;
}
.add-to-cart-container form .quantity .input-text{
	margin: 0 5px !important;
	font-size: 20px;
}
.pd-t-30,
.add-to-cart-container form .quantity{
	padding-top: 30px !important;
}
.add-to-cart-container form .quantity{
	position: relative;
}
.add-to-cart-container form .quantity:before{
	content: 'Số lượng:';
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 8px !important;
	height: 22px;
	position: absolute;
	top: 0;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover{
	border: 1px solid var(--main-color);
}
.product-thumbnails img{
	opacity: 1;
}
.product-thumbnails a{
	background-color: #343a40;
	border-radius: 5px;
}

.col-des-detail-prd .col-inner{
	background-color: #191919;
	padding: 10px;
}

.title-mgb-20 .section-title span{
	font-size: 25px;
	margin-bottom: 20px !important;
	text-transform: none ;
}
.row-prd-single .badge-container{
	display: block !important
}
.account-item:before,
.account-item:after{
	content: none !important;
}
.off-canvas .off-canvas-cart{
	width: 340px;
	background-color: #fff;
	transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-popup-title h4{
	margin-bottom: 0;
	text-align: left;
	font-size: 16px;
	display: block;
	color: #222;
	padding-bottom: 15px;
}
.cart-popup-inner.inner-padding{
	padding: 15px !important;
}






.widget_shopping_cart ul.product_list_widget li{
	min-height: 75px;
	padding: 0 0 0 90px !important;
	margin-bottom: 30px !important;
	border: none;
}
.widget_shopping_cart ul.product_list_widget li img{
	width: 75px;
	height: 75px;
	margin: 0;
	top: 0;
}
.widget_shopping_cart ul.product_list_widget li a:not(.remove){
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	color: #222;
	display: block;
	max-width: 100%;
	height: 60px;
	margin: 0 auto;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.widget_shopping_cart ul.product_list_widget li .quantity{
	color: #222;
	opacity: 1;
}
.widget_shopping_cart ul.product_list_widget li .quantity .amount,
.woocommerce-cart-form .product-price *,
.woocommerce-cart-form .product-subtotal *,
.widget_shopping_cart ul.product_list_widget li a.remove,
.product-remove a:hover,
.shop_table .amount{
	color: var(--main-color);
}
.widget_shopping_cart ul.product_list_widget li a.remove{
	border: none;
	font-size: 30px!important;
	height: 20px;
	line-height: 20px!important;
	width: 20px;
	bottom: 0;
}
.widget_shopping_cart p.total{
	border-bottom: 1px solid #ececec;
	color: #222;
}
.product-name a{
	font-size: 14px;
	font-weight: 600;
}
.coupon button{
	text-shadow: none;
	border: none
}
.coupon button:hover,
.wc-proceed-to-checkout {
	background-color: #b10021 !important;
	box-shadow: none;
}
.section-datban.section-datban-bg .fill:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(45,45,45,0.2) 0%, rgba(45,45,45,0.9) 100%);
}

.steps-row{
	display: flex;
	justify-content: space-around;
}
.steps-step{
	padding-bottom: 50px;
}
.steps-step:before{
	position: absolute;
	width: 100%;
	bottom: 12px;
	color: #fff;
	left: 0;
}
.steps-step:nth-child(1):before{
	content: 'Thời gian';
}
.steps-step:nth-child(2):before{
	content: 'Thông tin';
}
.steps-step:nth-child(3):before{
	content: 'Hoàn thành';
}
.steps-form .steps-row:before{

	background-color: rgba(255,255,255,0.2);
}
.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active{
	background-color: #e4002b !important;
}
.steps-row .uacf7-btn-default{
	background-color: #494949 !important;
}
.uacf7-next,
.uacf7-prev,
.section-form-booking .wpcf7-submit{
	border-radius: 4px;
	background-color: #e4002b;
	color: #fff;
	border-color: #e4002b;
	font-weight: 400;
}
.steps-form .steps-row .steps-step a{
	pointer-events: none;
}
.uacf7-next,
.section-form-booking .wpcf7-submit{
	float: right !important;
}
.uacf7-prev{
	float: left !important
}
#ui-datepicker-div{
	top: 460px !important;
}
.section-form-booking .uacf7-step h3{
	font-weight: 400 !important;
	margin-bottom: 25px;
	text-align: center;
}
.section-form-booking .form-group label{
	font-size: 14px;
	margin: 0 0 8px;
	padding: 0 !important;
}

.form-booking_block {
	background-color: #191919;
	padding: 10px 10px;
	min-height: 415px;
}
.section-form-booking .form-group input,
.section-form-booking .form-group textarea{
	background-color: #2a2a2a;
	border: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	font-size: 14px;
	padding: 8px 16px;
}
.section-form-booking .form-group textarea{
	min-height: 210px;
}
.booking-succes{
	padding: 40px 10px;
	min-height: unset
}
.booking-succes .img-succes{
	width: 70px;
	margin: auto;
}
.booking-succes h3 {
	font-size: 45px;
	margin: 20px 0 15px 0 !important;
	line-height: 1.2
}
.booking-succes p{
	text-align: center;
	color: #fff;
	font-size: 15px;
}
.box-blog-post .image-cover{
	padding-top: 67% !important;
}
.product-gallery-slider img{
	border-radius: 5px;
}
.woocommerce-cart .woocommerce.row.row-large{
	background: #2a2a2a;
	padding: 30px 0;
}

@media (max-width: 575.98px) {
	.mobile-sidebar .sidebar-menu{
		padding: 0;
	}
	.off-canvas-left .mfp-content{
		width: 250px;
		height: 100%;
		z-index: 1000;
		overflow: hidden;
		background-color: #000;
	}
	.mobile-sidebar .sidebar-menu-top-content .img{
		width: 120px !important;
		margin: auto;
	}
	.mobile-sidebar .sidebar-menu-top-content{
		justify-content: center;
		padding: 15px 0;
		height: 144px;
		align-items: flex-start;
	}
	.menu-item.active>.toggle,
	.menu-item >.toggle{
		transform: unset;
		width: unset;
		opacity: 1;
		margin: 0;
	}
	.mobile-sidebar .nav-sidebar{
		overflow-y: auto;
		height: 510px;
	}





	.container,
	.col,
	.form-booking_block,
	.form-group img,
	.form-booking_block > .row,
	.products .product-small.col{
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
	.header-wrapper{
		height: unset !important;
	}
	#wrapper {
		margin-left: auto;
		width: 100%;
	}
	.header-main{
		height: 100px !important;
		line-height: 100px;
	}
	.header-main .logo img{
		padding: 10px 0 !important;
	}
	.header-main .header-inner{
		display: flex;
	}
	.icon-menu{
		color: #fff;
	}
	.section-banner .text-box-content h3,
	.section-banner .text-box-content h2{
		line-height: 1.5;
	}
	.title-page{
		line-height: 1.2;
		font-size: 20px;
		margin-bottom: 25px;
	}
	.section-banner .text-box-content h3{
		font-size: 14px;
	}
	.section-banner .text-box-content h2{
		font-size: 30px;
	}
	.section-banner{
		margin-top: -100px;
	}
	.section-banner .banner .bg-fill{
		background-position: 0% 13%;
	}
	.section-banner .text-box-content .button{
		height: 30px;
		line-height: 30px;
		font-size: 13px;
	}
	.footer-coppy-right{
		padding: 7px 10px;
	}
	.section-banner .flickity-page-dots {
		bottom: 65px;
	}
	.page-breadcrumb-custom{
		margin-top: 20px;
	}
	.row-coppyright-footer{
		padding: 20px 0;
		margin-top: 5px;
	}
	.small-title .section-title-main{
		font-size: 13px;
	}
	.big-title .section-title-main{
		font-size: 25px;
		line-height: 1.5;
	}
	.footer-block p:nth-child(2){
		margin-top: 0;
	}
	.footer-block{
		margin-bottom: 15px !important;
	}
	.footer-block p{
		max-width: 300px;
		margin: auto;
	}
	.header-wrapper, .post-single-custom .large-9, .post-single-custom .large-3, .category-page-row .large-12, .row-book-now .col-info h3, .row-book-now, .row-slider-thucdon .flickity-slider .box .box-text h3, .row-slider-thucdon .col-slider, .custom-blog{
		padding: 0 7px !important;
	}
	.blog-archive .post-item:nth-child(4), .blog-archive .post-item:nth-child(5) {
		flex-basis: 100%;
		max-width: 100%;
	}
	.pagination_custom{
		line-height: 38px;
	}
	.article-inner .entry-header-text .entry-title{
		font-size: 22px;
	}
	.blog-wrapper{
		padding-bottom: 0 !important;
	}
	.col-form form{
		margin-left: 10px;
		margin-right: 10px;
		padding: 10px;
	}
	.section-hethong .accordion_title{
		margin-bottom: 15px;
		font-size: 12px;
		text-transform: uppercase;
		text-align: center;
	}
	.tabbed-content{
		display: block;
	}
	.hethong-select .tabbed-content .nav-vertical{
		width: 100%;
		margin-bottom: 10px !important;
	}
	.hethong-select .tab-panels{
		padding: 0 !important;
	}
	.accordion-title span{
		font-size: 16px;
	}
	.accordion-inner a span{
		font-size: 13px;
	}
	.accordion i{
		font-size: 20px;
	}
	.accordion .toggle{
		height: unset;
		line-height: unset;
	}
	.section-datban{
		padding: 50px 0 100px !important;
	}
	.row-slider-thucdon .slider-mobile-thucdon .flickity-slider > .row{
		grid-template-columns: 1fr 1fr;
		column-gap: 7px;
	}
	.row-book-now .col-info h3{
		font-size: 25px;
		padding-top: 15px !important;
	}
	.row-book-now .col-info p{
		padding: 20px 10px;
		font-size: 13px;
	}
	a.btn-datban.menu-booking{
		margin-bottom: 15px !important;
	}
	.product-small.col{
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.row-product-dexuat .box-text,
	.medium-flex-wrap .flex-col{
		padding: 0 !important;
	}
	.row-product-dexuat .price-wrapper .price {
		height: 100%;
		flex-direction: row-reverse;
		justify-content: flex-end;
		align-items: center;
		line-height: 1.5;
	}
	.row-product-dexuat .price-wrapper .price del{
		margin-left: 5px;
	}
	.section-dexuat{
		padding-bottom: 5px !important;
	}
	.section-form-booking{
		padding-top: 50px !important;
	}
	.steps-form .steps-row{
		display: flex;
	}
	.steps-form .steps-row .steps-step {
		padding: 0 0 50px;
		display: block;
		width: 100%;
	}
	.steps-step:before{
		bottom: 12px;
	}
	.steps-form .steps-row:after {
		top: 14px;
		bottom: 0;
		position: absolute;
		content: '' !important;
		width: 100%;
		height: 1px;
		background-color: rgba(255,255,255,0.2);
		z-index: -1;
	}
	.form-booking_block{
		min-height: 100%;
	}
	.sort-cate-left{
		white-space: nowrap;
		overflow-x: auto;
	}
	.sort-cate-left::-webkit-scrollbar{
		height: 0;
	}
	.products .product-small.col:nth-child(odd){
		padding-right: 3.5px !important;
	}
	.products .product-small.col:nth-child(even){
		padding-left: 3.5px !important;
	}
	.products .price-wrapper ins span{
		font-size: 14px;
	}
	.products .product-small.col .col-inner{
		margin-bottom: 7px !important;
	}
	.col-info-product h1{
		margin-top: 15px !important;
	}
	.price-box-save{
		display: block;
	}
	.save-price{
		margin-left: 0;
	}

}

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}