/*
Theme Name: The Five - Perfect Destinations
Description: Official Website of The Five - thefive.vn
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/***
	Primary 	: #011E41
	Secondary 	: #B48E5E;
	Alert 		: #f4e48c;
	Danger 		: #EA232A;
	Success 	: #82C43E;
	Text 		: #011E41;
	Footer 		: #051436;
	Footer Bg 	: #011E41;
	#e7e6e2
***/
:root{
	--tf-color: #011E41;
	--tf-color-2: #B48E5E;
	--tf-color-2-300: rgba(180, 141, 94, 0.7);
	--tf-color-2-500: rgba(180, 141, 94, 0.5);
	--tf-color-2-700: rgba(180, 141, 94, 0.3);
}


html {scroll-behavior: smooth; }
@font-face {
	font-family: 'Belleza';
	src: url('assets/fonts/Belleza.woff2') format('woff2'),
	   url('assets/fonts/Belleza.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NVN Motherland';
	src: url('assets/fonts/NVN-Motherland-Signature.woff2') format('woff2'),
	   url('assets/fonts/NVN-Motherland-Signature.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
pre, blockquote, form, figure, p, dl, ul, ol{margin-bottom: 0.75em;}
.title-font{
	font-family: 'Belleza', sans-serif;
	font-weight: 300;
	font-style: normal;
}
.sign-font{
	font-family: 'NVN Motherland', serif;
	font-weight: 300;
	font-style: normal;
}

.linear-bot:after{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,0) 63.87%,rgba(0,0,0,0.79) 100%),linear-gradient(0deg,rgba(218,191,129,0.24),rgba(218,191,129,0.24));
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main .nav > li > a{font-weight: 500;}
/* header.has-gradient{background-image: linear-gradient(to bottom, #18233e, transparent);} */
.bg-white{background-color: white;}
.bg-five{background-color: var(--tf-color) !important;}
.bg-five-gold{background-color: var(--tf-color-2) !important;}

.bg-our-story{
	background: url('images/bg-our-story-2.png') no-repeat center 75px;
	background-size: contain;
}
.flickity-slider .img-inner > .caption{text-align: center !important;}
.underline{text-decoration: underline;}
.d-inline-flex{display: inline-flex;}
.mb-0{margin-bottom: 0;}
.mb-2{margin-bottom: 2rem !important;}

.sec-title {font-family: 'Belleza', sans-serif;font-size: 2.8em;font-weight: 300;}
.color-thefive p, .color-thefive h4, .color-thefive .sec-title{color: var(--tf-color);}
a.button.btn-thefive{
	letter-spacing: 2px;
	font-weight: 500;
    color: var(--tf-color);
    border-color: var(--tf-color);
    background-color: transparent !important;
}
	a.button.btn-thefive:hover{box-shadow: none;-webkit-box-shadow: none;}

.button.white{border-color: var(--tf-color);}
.button.border-white {border-color: white;border-width: 1px;}

.transparent #logo img {margin: 0 auto;margin-top: 25px;}

.ellipsis-2, .ellipsis-3{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.75em;
}
	.ellipsis-3{
		-webkit-line-clamp: 3;
	    line-clamp: 3;
	    min-height: 3.75em;
	}


/*** HOME SLIDER ***/
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content{background-color: var(--tf-color-2);}
.sidebar-menu.no-scrollbar > ul > li.menu-item > a {text-transform: uppercase;}
.sidebar-menu.no-scrollbar > ul > li.menu-item > ul > li:hover {background-color: #977449;}
ul.header-nav > li.nav-icon.has-icon { padding-top: 25px;}

.slider-style-focus .flickity-slider > .box:not(.is-selected){background-color: transparent;opacity: 1;border: 1px var(--tf-color-2) solid;}
.slider-style-focus .flickity-slider > .box:not(.is-selected) > .box-image{opacity: 0;}
.slider-style-focus .flickity-slider > .box:not(.is-selected) > .box-text{opacity: 0.45;}

.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow { fill: var(--tf-color-2) !important;}

/*** PERFECT EXPERIENCES ***/
p.title-desc {color: #b88a54; font-size: 1.8em; margin-bottom: 0; text-align: left; }
	p.title-desc:before {content: ''; width: 30%; height: 1px; background-color: #b88a54; display: block; }

/* .sec-experience{} */
.sec-experience .row{padding-top: 30px;padding-bottom: 30px;}
	.sec-exp_text p{padding-left: 10%;}
	.sec-experience .btn-thefive{margin-left: 10%;}

	.sec-exp_headline .exp-title {
		font-family: 'Belleza', sans-serif;
	    font-size: 2em;
	    font-weight: 300;
	    text-transform: uppercase;
	    line-height: 1.4;
	    padding-top: 30px;
	}
	.sec-exp_headline p{line-height: 1.4;}

.sec-exp_headline > .box-image{position: relative;}
	.sec-exp_headline > .box-image:before{
		content: "";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    /*background: linear-gradient(180deg,rgba(0,0,0,0) 63.87%,rgba(0,0,0,0.79) 100%),
	    linear-gradient(0deg,rgba(218,191,129,0.24),rgba(218,191,129,0.24));*/
	    background: linear-gradient(180deg,rgba(0,0,0,0) 63.87%,var(--tf-color) 100%);
	    z-index: 9;
	}
	.sec-exp_headline > .box-text{z-index: 10;}

/*** Offers ***/
/* .sec-offers{} */
	.sec-offers p{margin-bottom: 0;}
	.sec-offers .blog-offers .is-divider{display: none;}
	.sec-offers .blog-offers .post-title{
		line-height: 1.4;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
/* .sec-instagram{} */
	.sec-instagram cite{font-style: normal;font-size: 92%;letter-spacing: 1.5px;display: flex;align-items: center;}
	.sec-instagram cite i{margin-right: 7px;}

/*****/
.card-flex {
    display: flex;
    transition: 500ms;
}
.card-flex:hover > :not(:hover){filter: brightness(0.45);}
	.card-exp{
		display: flex;
		flex: 1;
		flex-direction: column-reverse;
		transition: 400ms;
		min-height: 700px;
		background-position-x: center;
	    padding: 20px 50px;
	    margin-top: 20px;
	}
	.card-exp.active{flex: 2.5;}
	.card-exp:hover{cursor: pointer;}
		.card-exp > *{color: #FFF;}
		.card-exp > .title{width: 100%;}
		.card-exp > .description{display: none;}
		.card-exp.active > .description{display: block;}

	
		/* .card-exp:hover{flex: 2.5;background-position-x: -50px;cursor: pointer;} */

.home-news .is-divider{display: none;}
	.home-news .box-text{background: linear-gradient(to top, rgb(78 60 63), transparent);}

ul.lastest-5posts > li {display: inline-flex; align-items: baseline; }
	ul.lastest-5posts > li span {
	    background-color: var(--tf-color);
	    padding: 2px 10px;
	    font-size: 13px;
	    margin-right: 10px;
	    color: #f4e48c;
	}
	ul.lastest-5posts > li a:hover{text-decoration: underline;}

/* .home-membership{
	background-image: url('images/logo-line-top-left.png'), url('images/logo-line-bot-right.png');
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	background-size: 300px;
} */

blockquote.pull-quote{border-left: none;padding-left: 20px;padding-right: 20px;position: relative;}
	blockquote.pull-quote p{font-size: 1.6em;line-height: 1.3;text-align: center;font-style:normal;}
	blockquote.pull-quote p:before, blockquote.pull-quote p:after{
		content: "";
	    display: block;
	    position: absolute;
	    width: 52px;
	    height: 34px;
	    background-image: url('images/exrta-quote-up.svg');
	    background-size: contain;
		background-repeat: no-repeat;
	}
	blockquote.pull-quote p:before{left: -20px;}
	blockquote.pull-quote p:after{
	    background-image: url('images/exrta-quote-down.svg');
	    right: -20px;
	    bottom: 0;
	}


/*** Membership ***/
.sec-membership{
	letter-spacing: 2px;
	background: url('images/HoiAn-Quangnam.jpg') center center no-repeat;
	background-size: cover;
}
	.sec-membership:after{
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		background: linear-gradient(180deg,#000 10%,rgb(0 0 0 / 40%) 100%);
	}
.sec-membership p{letter-spacing: 1.2px;}
	.sec-membership .button{font-weight: normal;}

/*** FOOTER ***/
footer p.head {margin-bottom: 10px; margin-top: 30px; }
	footer h3{font-size: 1.6em;}
	.title-thefive > span:after {
		content: '\2013';
		display: inline;
		padding-left: 5px;
	}
	footer a{opacity: 0.75;}
	footer a:hover{opacity: 1;}
	footer ul > li{margin-bottom: .4em;}
	.footer-sec_header{border-bottom: 1px rgba(255, 255, 255, 0.2) solid;}

ul.list-privacy, .absolute-footer,ul.footer-contacts{font-size: 90%;margin-bottom: 0;}

ul.footer-links{font-size: 96%;}
	ul.footer-contacts li, ul.footer-links li{list-style: none;margin-left: 0;}

ul.footer-social-icons {display: flex; justify-content: flex-end; }
	ul.footer-social-icons > li{
	    list-style: none;
	    margin: 0 7px 0 0;
	    display: inline-flex;
	    align-items: center;
	}
	ul.footer-social-icons > li:first-child:after{
		content: '';
		display: inline-block;
		width: 1px;
		height: 18px;
		background-color: #c7c7c7;
		margin: 0 5px;
		margin-left: 15px;
	}


	ul.footer-contacts > li{
		list-style: none;
		color: #ccc;
		display: flex;
    	align-items: center;
    	column-gap: 8px;
	}
		ul.footer-contacts > li > a{color: rgba(255,255,255,.7);transition: 2s;}
		ul.footer-contacts > li > a:hover{color: #fff;text-decoration: underline;}

.footer-secondary{padding: 0;}
.absolute-footer ul{padding-bottom: 0;}
	.absolute-footer ul > li{margin-bottom: 0;}

ul.d-inline-flex{margin: 0;}
	ul.d-inline-flex > li{list-style: none;}
	ul.d-inline-flex > li:first-child{margin-left: 0;}

ul.list-privacy > li{padding:0 5px;border-right: 1px rgba(255, 255, 255, 0.2) solid;}
	ul.list-privacy > li:last-child{border-right: 0;}

i[class^=icons-social-], i[class*=" icons-social-"] {
    top: 2px;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    height: 22px;
    width: 30px;
    line-height: 1.2;
    content: '';
    background-image: url('images/icons/footer-icons-right.png');
    background-repeat: no-repeat;
    background-position-y: center;
}	
	.icons-social-tripadvisor{background-position-x:0;}
	.icons-social-facebook{background-position-x:-30px;}
	.icons-social-instagram{background-position-x: -60px;}
	.icons-social-twitter{background-position-x: -90px;}
	.icons-social-youtube{background-position-x: -120px;}

i[class^=icons-contact-], i[class*=" icons-contact-"] {
	content: '';
	display: inline-block;
	margin: 0;padding: 0;
	width: 18px;height: 18px;
	background-position: center center;
}
	.icons-contact-3w{background-image: url('images/icons/world-wide-web.svg');}
	.icons-contact-tel{background-image: url('images/icons/phone-call.svg');}
	.icons-contact-email{background-image: url('images/icons/email.svg');}
	.icons-contact-work{background-image: url('images/icons/suitcase.svg');}
	.icons-contact-marker{background-image: url('images/icons/ico-direction.svg');}

i[class^=icons-e-], i[class*=" icons-e-"] {
	content: '';
	display: inline-block;
	margin: 0;padding: 0;
	width: 16px;height: 16px;
	background-position: center center;
}
	.icons-e-instagram{background-image: url('images/icons/instagram.svg');}


/***** CSS for eLinks *****/
/*** #18233e ***/

.elinks-slideshow:before{
    display: block;
    content: ' ';
    height: 72%;
    width: 100%;
    background: -webkit-linear-gradient(to top, rgba(4, 30, 66, 1) 0%, rgba(4, 30, 66, 0) 100%);
    background: linear-gradient(to top, rgba(4, 30, 66, 1) 0%, rgba(4, 30, 66, 0) 100%);
    position: absolute;
    bottom: 0;
    z-index: 99;
}
    
.elinks-section_content{
    /*background-image: url(images/the5-pattern.png);
    background-size: 190px 243px;
    background-repeat: no-repeat;
    background-position: -82px -113px;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}
    .elinks-thefive-logo {margin-top: -70px;margin-bottom: 20px;}

    h2.elinks-title_corp{font-size: 26px;font-family: 'Belleza', serif;line-height: 1.5;position: relative;}
    h2.elinks-title_corp:after{
        display: block;
        content: '';
        width: 257px;
        height: 10px;
        background-color: rgba(193,143,78, 20%);
        position: absolute;
        bottom: 5px;
        left: 10%;
    }

    .elinks-content_contact ul{margin-top:15px;}
    .elinks-content_contact ul li{list-style: none;display: flex;line-height: 1.5;}
    .elinks-content_contact ul li i{
        width: 14px;
        height: 14px;
        margin-right: 10px;
        margin-top: 3px;
    }
    .elinks-content_contact ul li i.ico-marker{background-image: url('images/icons/ico-marker.svg');}
    .elinks-content_contact ul li i.ico-phone{background-image: url('images/icons/ico-phone.svg');}

/*** Section Bio Links ***/
body.page-template-page-landingpage {
    max-width: 390px !important;
}
.elinks-section_bio{
    /*background: url('images/the5-pattern-extra.png') no-repeat;
    background-size: 360px 460px;
    background-position: 200px 120px;*/
}
    /* .elinks-bio-link{} */
    .elinks-bio-link > ul > li{list-style: none;margin-bottom: 20px;margin-left: 0;}
        a.elinks-button{
            display: block;
            width: 300px;
            height: 44px;
            border: 1px #C18F4E solid;
            border-radius: 30px;
            text-align: center;
            font-family: "Montserrat", sans-serif;
            color: #041E42;
            font-size: 16px;
            font-weight: bold;
            padding-top: 3px;
            letter-spacing: 1px;
            line-height: 2;
            background-color: #FFF;
        }
        a.elinks-button.active{
            border-color: #041E42;
            background-color: #041E42;
            color: #FFF;
        }
        .elinks-button i{
            width: 36px;
            height: 36px;
            display: block;
            float: left;
            content: '';
            margin-left: 3px;
        }
        .elinks-button i.e-icon_brochure{ background: url('images/icons/elink-icon_brochure.svg') no-repeat left center; }
        .elinks-button i.e-icon_gallery{ background: url('images/icons/elink-icon_gallery.svg') no-repeat left center; }
        .elinks-button i.e-icon_website{ background: url('images/icons/elink-icon_website.svg') no-repeat left center; }
        .elinks-button i.e-icon_facebook{ background: url('images/icons/elink-icon_facebook.svg') no-repeat left center; }
        .elinks-button i.e-icon_youtube{ background: url('images/icons/elink-icon_youtube.svg') no-repeat left center; }


    /* .elinks-footer{} */
    .elinks-footer h4{font-size: 16px;color: #041E42;line-height: 1.4;}
    .elinks-footer p{font-family: "Montserrat", serif;font-size: 12px;color: #9D9D9D;}
    
/*** 09/06/2023 ***/
.overlay-loader {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url(images/thefive-bgtext.jpg) repeat; */
	background-color: var(--tf-color);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.5s;
    z-index: 9999;
}
.svgWrapper .svg{width: 420px;}

	.svgWrapper .svg .path{
		fill: transparent;
		stroke:#B48E5E;
		stroke-dasharray: 820;
		stroke-dashoffset: 820;
		animation: fillpath 400ms forwards ease-in;
		stroke-width: 2px;
	}

	.svgWrapper .svg .path-shape{
		fill: transparent;
		animation: showfill 500ms forwards ease-in;
		animation-delay: 600ms;
	}

	.svgWrapper .svg .path-typo .cls-1{
		fill: transparent;
		stroke:#B48E5E;
		stroke-dasharray: 820;
		stroke-dashoffset: 820;
		stroke-width: 2px;
		animation-name: fillpath, showfill;
		animation-duration: 200ms, 700ms;
		animation-delay: 100ms, 800ms;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
	}
@keyframes fillpath {
    100% { stroke-dashoffset: 0; }
}

@keyframes showfill{
    100%{ fill: #B48E5E; }
}

/* .home-slider{} */
.home-slider .sec-title {
    font-weight: 300;
    font-size: 3rem;
}

.home-slider .row-menu{margin-top: -152px !important;}
.d-flex{display: flex;}
.flex-column{flex-direction: column;}
.ic-menu{
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	background-size: cover;
	background-position: center bottom;
	-webkit-transition:background-position 200ms ease;
	-moz-transition:background-position 200ms ease;
	-o-transition:background-position 200ms ease;
	transition:background-position 200ms ease;
}
	.ic-menu-all{ background-image: url('images/icons/icon-snip-all.png'); }
	.ic-menu-residence{ background-image: url('images/icons/icon-snip-residences.png'); }
	.ic-menu-villa{ background-image: url('images/icons/icon-snip-villas.png'); }
	.ic-menu-golf{ background-image: url('images/icons/icon-snip-golf.png'); }
	.ic-menu-exp{ background-image: url('images/icons/icon-snip-experience.png'); }


.pin-menu{
	margin: 0;
    padding-top: 25px;
    padding-bottom: 15px;
    justify-content: space-around;
    backdrop-filter: blur(3px);
    border: 1px rgb(255 255 255 / 13%) solid;
}
	ul.pin-menu > li{margin:0; list-style: none;}
	ul.pin-menu > li > a{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
	ul.pin-menu > li > a h5{color: var(--tf-color);font-weight: 300;transition: color 300ms ease;}
		/*** cfg for firt menu ***/
		ul.pin-menu > li:first-child > a h5{color: white;}
		ul.pin-menu > li:first-child > a i{background-position: center top;}
		/* ul.pin-menu > li:first-child > a:hover i{background-position: center bottom;} */

	ul.pin-menu > li > a > h5{font-family: 'Belleza', sans-serif;font-size: 1rem;}
	ul.pin-menu > li > a:hover h5{color: white;}
	ul.pin-menu > li > a:hover .ic-menu{background-position: center top;}

/*** Destinations ***/
#slider-destinations > .slider{height: 750px;box-sizing: content-box;}
	#slider-destinations > .slider > .flickity-viewport,
	#slider-destinations .flickity-slider > .box,
	#slider-destinations .flickity-slider > .box > .box-image,
	#slider-destinations .flickity-slider > .box > .box-image > a{height: 100%;}
	#slider-destinations .flickity-slider > .box > .box-image .image-cover{height: 100%;padding:0;}
	#slider-destinations .flickity-slider > .box > .box-image .image-cover img{height: inherit;}

	#slider-destinations .flickity-slider > .box{ max-width: 30% !important;z-index: 9;transform: scale(0.9);}
		#slider-destinations .flickity-slider > .box > .box-text h3{font-size: 1.4rem;}
		#slider-destinations .flickity-slider > .box > .box-text p{font-size: 1rem;letter-spacing: 1px;}
		#slider-destinations .flickity-slider > .box > .box-text p{opacity: 0;}
	#slider-destinations .flickity-slider > .box.is-selected{ transform: scale(1);z-index: 10;}
		#slider-destinations .flickity-slider > .box.is-selected > .box-text{z-index: 10;}
		#slider-destinations .flickity-slider > .box.is-selected > .box-text p{opacity: 1;}
		#slider-destinations .flickity-slider > .box.is-selected:after{
			content: "";
			position: absolute;
			width: 100%;
			height: 20%;
			bottom: 0;
			background-image: linear-gradient(to top, var(--tf-color), transparent);
			z-index: 9;
		}

/*** perfect experience ***/
section.perfect-experience{padding-top: 65px !important;padding-bottom: 65px !important;}
section.perfect-experience .line-two{text-align: right;}

section.sec-instagram{padding-top: 60px !important;padding-bottom: 60px !important;}

/*** Update 18/06/2023 ***/
.is-divider.divider{position: relative;overflow: hidden;background-color: transparent;}
	.is-divider.divider:before {
		content: '';
		display: block;
		width: 1px;
		height: 40px;
		background-color: rgba(255, 255, 255, 0.5);
		position:absolute;
		top: -200%;
		left: 0;
		animation: is-scroll 3s linear infinite;
	}
	@keyframes is-scroll{
		100%{ top: 100%;}
	}

.header-nav.header-nav-main > li.menu-item.button.is-outline{border-width: 1px;}
	.header-nav.header-nav-main > li.menu-item.button.is-outline > a{line-height: 1;text-transform: uppercase;padding-left: 15px;padding-right: 15px;}
	.header-nav.header-nav-main > li.menu-item.lang-item{margin-right: 7px;margin-left: 7px;}
	.header-nav.header-nav-main > li.menu-item.lang-item > a{color:#ccc;}
	.header-nav.header-nav-main > li.menu-item.lang-item.current-lang > a{color:#FFF;}

	ul.header-nav > li.menu-item.current-lang{order: 1;}
	ul.header-nav > li.lang-item:not(.current-lang){order: 2;}
	ul.header-nav > li.header-divider{order: 5;}
	ul.header-nav > li.button{order: 6;}

	ul.header-nav > li.menu-item:first-child{margin-left: 7px !important;}

	/*** CSS BOOK NOW BUTTON ***/
	ul.header-nav > li.button > a > i{display: none;}
	.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after{top: 40px;}
	ul.header-nav > li.button.book-now > .nav-dropdown{margin-top: 20px;}
		.book-now > .nav-dropdown #form-booking{
			margin-bottom: 0;
			padding: 30px 20px;
		}

		#form-booking *{font-weight: 500;}
		#form-booking .flex-column{gap: 10px;}
		#form-booking label, #form-booking select{margin-bottom: 0;}

.perfect-destinations > .section-bg{animation: background 300ms ease;}

/**** SINGLE DESTINATION ***/
.justify-space-around { justify-content: space-around;}
.justify-space-between { justify-content: space-between;}

.single-destination > section.desti-header{padding-top: 30px; padding-bottom: 0; min-height: 400px;align-items: flex-end;}
	section.desti-header .section-bg-overlay { background-color: rgba(10, 32, 63, 0.75); }
	section.desti-header .section-bg { background-position: 50% 20%; }
	section.desti-header > .section-content{
		display: flex;
		justify-content: end;
		padding-top: 30px;
    	padding-bottom: 30px;
    	background-image: linear-gradient(0deg, var(--tf-color), transparent);
	}
		
	
	section > .section-content .destination-title{font-size: 2.6rem;margin-bottom: 20px;color: var(--tf-color-2);}	
	/* section.desti-description{margin-top:-40px;}
	section.desti-description .gap-top{    margin-top: -35px; padding: 15px 20px 20px;} */
	
	section.desti-description .is-divider.divider:before{background-color: rgba(180, 141, 94, 0.6);}
	section.desti-description .text-description{font-size: 0.9em;}
		section.desti-description .text-description > p{margin-bottom: 7px; text-align: justify;}

	ul.desti-info{font-size: 92%;margin-bottom: 0;display: flex;flex-direction: column;}
	ul.desti-info li{list-style: square;margin-left: 0; list-style-position: inside;}
	/* ul.desti-info li i{margin-right: 7px;} */
	/* ul.desti-info li:first-child > i {margin-top: 3px;} */
		ul.desti-info a{color: var(--tf-color-2);}

	
	.block-site-reviews{justify-content: flex-start;}
	.block-site-reviews	.hotel-scores{width: 100%;justify-content: space-evenly;}

	.hotel-rating-block{display: flex;padding: 7px 15px;background-color: rgba(240,240,240,0.85);border-radius: 20px 5px;color: var(--tf-color);padding-top:10px;}
		.hotel-rating-block img{width: 36px;height: 36px;margin-right: 10px;}
		.hotel-rating-block:hover img{filter: grayscale(0.8);}
		.hotel-rating-block .content{line-height: 1.6;display: flex;flex-direction: column;}
			.hotel-rating-block .content .title{font-weight: 500;line-height: 1.2; margin-bottom: 0; color: var(--tf-color);}
			.hotel-rating-block .content a:hover{color: var(--tf-color-2);}
		.hotel-rating-block .rating {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 43px;
			-ms-flex: 0 0 43px;
			flex: 0 0 43px;
			width: 43px;
			height: 43px;
			line-height: 43px;
			background: rgba(220, 220, 220, 0.8);
			border-radius: 50%;
			font-weight: 300;
			font-size: 20px;
			margin-left: 7px;
			color: var(--tf-color);
			text-align: center;
		}

	.desti-form-booking { padding: 10px 20px; /*border: 1px var(--tf-color-2) solid;*/ background-color: var(--tf-color); }
		.desti-form-booking form{margin-bottom: 0;}
		.desti-form-booking .col{padding-bottom: 0;}
		.desti-form-booking label{font-weight: 300;font-size: 0.9em;color: white;}

	.section.booking-reviews{padding-top: 50px;padding-bottom: 50px;}

	h3.dash-title{margin-bottom: 1rem;position: relative;padding-bottom:5px;display: inline-flex;
    align-items: baseline;}
		.dash-title:after{
			content:'';
			line-height: 1.5;
			width: 100px;
			height: 2px;
			border-bottom: 1px var(--tf-color-2) solid;
			margin-left: 7px;
			/* position:absolute;
			bottom: 0;
			left:0; */
		}
		h3.dash-title:not(.uppercase){font-weight: 300;margin-bottom: 0;line-height: 1.4;padding-bottom: 0;font-size: 16px;font-weight: bold;}

	/*.gallery-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		grid-auto-rows: 240px;
		gap: 15px;
		overflow: auto;
		white-space: nowrap;
		width: auto;
	} */
	.gallery-grid{column-count: 5; column-gap: 15px;padding-left: 10px;padding-right: 10px;}

	.gallery-grid img{ width: 100%; height: 100%; object-fit: cover;}

	.gallery-grid figure {
		margin: 0;
		display: grid;
		grid-template-rows: 1fr auto;
		margin-bottom: 10px;
		break-inside: avoid;
	}
	.gallery-grid figure > a{
		grid-row: 1 / -1;
		grid-column: 1;
	}
	
	section.desti-360vr{background-color: var(--tf-color);min-height: 540px;}
		.desti-360vr .section-bg-overlay { background-color: rgba(10, 32, 63, 0.65); }
		.desti-360vr > .section-bg{background-size: cover !important;background-repeat: no-repeat;}
		.desti-360vr > .section-content{display: flex;justify-content: center;align-items: center;}
			.desti-360vr > .section-content > .link-360-vr{display: flex;flex-direction: column;align-items: center;}
			.desti-360vr > .section-content > .link-360-vr > a{
				display: block;
				width: 120px;
				height: auto;
			}
			.desti-360vr > .section-content > .link-360-vr > a > svg{width: 100%;}
			.desti-360vr > .section-content > .link-360-vr > a:hover path{fill: var(--tf-color-2);}
		
	.section.desti-attractions{padding-top: 50px;padding-bottom: 50px;}
	
		#slider-attractions .box.box-attraction{width: 40%;}
		#slider-attractions .box.box-attraction .box-image > .distance{ background-color: var(--tf-color);color: white;padding-left: 10px;font-size: 0.9rem;}
		#slider-attractions .box.box-attraction .box-text-inner h2,
		#slider-attractions .box.box-attraction .box-text-inner h3{font-weight: 300;text-transform: uppercase;margin-bottom: 10px;}
		#slider-attractions .box.box-attraction .box-text-inner p{font-size: 0.95rem;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 4;
			line-clamp: 4;
			-webkit-box-orient: vertical;
		}
		#slider-attractions svg.flickity-button-icon{box-sizing: content-box;max-width: 80%;}
			#slider-attractions svg.flickity-button-icon path.arrow{fill: var(--tf-color-2);}
		#slider-attractions .flickity-page-dots{bottom: 20px;}
			#slider-attractions .flickity-page-dots > .dot{border-color: var(--tf-color-2-300);}
			#slider-attractions .flickity-page-dots > .dot.is-selected{background-color: var(--tf-color-2);}
			

/*** 09/08/2023 ***/
.page-id-487 header#header{background-image:linear-gradient(to bottom, var(--tf-color), transparent);}
.page-template.page-template-page-blank-title-center #masthead{background-color: var(--tf-color);}

/* #Testimonials */
#slider-reviews .slider-nav-outside .flickity-page-dots{bottom: -15px;}
.UctUV { fill: var(--tf-color-2);}
.item-reviews > p.item-reviews_content{min-height: 80px;}

@media only screen and (min-width: 1440px) {
	/* CSS chỉ dành cho laptop */
}
  
@media only screen and (min-width: 769px) and (max-width: 1439px) {
	.home-slider .row-menu { margin-top: -210px !important;}
	/*** SINGLE DESTINATION ***/
	section > .section-content .destination-title{font-size: 2rem;}

	section.desti-360vr{min-height: 360px;}

	blockquote.pull-quote p:before, blockquote.pull-quote p:after {width: 34px;height: 22px;};
	#slider-destinations .flickity-slider > .box{max-width: 45% !important;}
	
}