@charset "UTF-8";
/*
Theme Name: Dynasty Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root { --secondary-color: #FF9800; --yellow-color: #EEC42A; }

.h2 { font-size: 36px; }

.header-nav-main > li { margin: 0 12px; }
.header-nav-main > li > a { color: #111; font-size: 18px; font-weight: 700 !important; }
.header-nav-main > li.menu-item:hover > a, .header-nav-main > li.menu-item.current-menu-item > a { color: var(--primary-color) !important; }
.header-nav-main > li.menu-item:hover > a:before, .header-nav-main > li.menu-item.current-menu-item > a:before { content: ""; height: 3px; width: 42px; border-radius: 5px; background-color: var(--primary-color); position: absolute; left: 0; bottom: 5px; }

.header-bottom-nav > li { margin: 0; }
.header-bottom-nav > li > a { color: #fff !important; font-size: 16px; padding: 18px 12px; font-weight: 700 !important; }
.header-bottom-nav > li > a:before { width: 0; background-color: var(--yellow-color) !important; }
.header-bottom-nav > li > a:after { background-color: var(--yellow-color); content: " "; height: 3px; left: 50%; opacity: 0; position: absolute; bottom: 0; transform: translateX(-50%); transition: all .3s; width: 0; }
.header-bottom-nav > li:hover > a, .header-bottom-nav > li.current-menu-item > a { color: var(--yellow-color) !important; }
.header-bottom-nav > li:hover > a:before, .header-bottom-nav > li:hover > a:after, .header-bottom-nav > li.current-menu-item > a:before, .header-bottom-nav > li.current-menu-item > a:after { width: 100%; opacity: 1 !important; }

.button:not(.icon) { font-size: 16px; min-height: 44px; color: #111; }
.button:not(.icon).primary { color: #fff; }
.button:not(.icon).white { background-color: #EDEAE0 !important; color: var(--secondary-color) !important; border-bottom: 2px solid var(--secondary-color); box-shadow: none; }
.button:not(.icon).white:hover { background-color: var(--secondary-color) !important; color: #fff !important; border-bottom-color: var(--primary-color); }
.button:not(.icon).is-outline { border: 2px solid var(--primary-color); color: var(--primary-color); background: #fff; }
.button:not(.icon).is-outline:hover { background-color: var(--primary-color) !important; color: #fff !important; }
.button:not(.icon) .icon-angle-right:before { content: ""; background: url(assets/images/arrow.png) no-repeat; display: block; position: absolute; z-index: 0; width: 25px; height: 24px; top: 0; left: 0; }
.button:not(.icon):hover .icon-angle-right:before { background: url(assets/images/arrow-hover.png) no-repeat 16px center; }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; height: 42px; min-width: 42px; }
.slider-nav-circle .flickity-prev-next-button svg { border: 1px solid; padding: 27%; }

.slider-nav-top .flickity-prev-next-button { top: -65px; transform: none; right: 15px !important; left: auto !important; margin-top: 0 !important; }
.slider-nav-top .flickity-prev-next-button.previous { left: auto; right: 55px !important; }
.slider-nav-top .flickity-prev-next-button svg { background: #FFFFFF; border: 1.5px solid var(--primary-color); border-radius: 5px; }
.slider-nav-top .flickity-prev-next-button .arrow { fill: var(--primary-color); }

.flickity-page-dots .dot { border-width: 1px !important; opacity: 1 !important; position: relative; background: rgba(0, 141, 151, 0.1) !important; border: 1px solid rgba(0, 141, 151, 0.1) !important; height: 12px !important; width: 12px !important; }
.flickity-page-dots .dot.is-selected { width: 42px !important; border-radius: 10px; background-color: var(--primary-color) !important; }
.flickity-page-dots .dot.is-selected:before { content: ""; height: 18px; width: 48px; position: absolute; border: 1px solid var(--primary-color); border-radius: 10px; top: -4px; left: -4px; }

.section-title-container { margin-bottom: 0; }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span.section-title-main { font-size: 24px; border-bottom: none; text-transform: none; }
.section-title.section-title-normal span.section-title-main { color: #fff; background-color: var(--primary-color) !important; padding: 10px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.section-title.section-title-center span.section-title-main { font-size: 36px; border-bottom: none; }

.box-shadow-1 { background: #FFFFFF; box-shadow: 0px 4px 4px rgba(15, 111, 183, 0.15); border-radius: 10px; }

.nav-pills { border-bottom: 1px solid #fff; padding-bottom: 3px; }
.nav-pills > li { margin: 0 10px; }
.nav-pills > li > a { font-weight: 600; font-size: 16px; border-radius: 0px; text-align: center; text-transform: capitalize; color: #111; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #fff; }
.nav-pills > li:hover > a, .nav-pills > li.active > a { color: #fff; background-color: var(--primary-color) !important; }
.nav-pills.nav-size-xlarge > li > a { font-size: 24px; }

.gallery-col .box-image { border-radius: 10px; }
.gallery-col .box-image img { max-height: 70px; width: auto; }
.gallery-col .col-inner { border: 2px solid transparent; background: #fff; border-radius: 10px; min-height: 110px; display: flex; align-items: center; justify-content: center; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); transition: all .3s; }
.gallery-col .box-text { font-weight: 600; font-size: 16px; color: var(--deep-blue); padding: 15px; text-align: center; }
.gallery-col:hover .col-inner { border: 2px solid var(--primary-color); }

.is-divider { background: transparent url(assets/images/divider.png) no-repeat !important; height: 13px; max-width: 103px; }

.wpcf7 .col { padding-bottom: 0; }
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 textarea, .wpcf7 input[type=number], .wpcf7 input[type=date], .wpcf7 select { border: none; box-shadow: none; height: 46px; border-radius: 4px; border: 1px solid #EFEFEF; background-color: #fff; }
.wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 textarea:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=date]:focus, .wpcf7 select:focus { border-color: var(--primary-color); }
.wpcf7 input[type=email].is-large, .wpcf7 input[type=tel].is-large, .wpcf7 input[type=text].is-large, .wpcf7 textarea.is-large, .wpcf7 input[type=number].is-large, .wpcf7 input[type=date].is-large, .wpcf7 select.is-large { height: 60px; }
.wpcf7 .is-outline { border: 2px solid var(--primary-color); color: var(--primary-color); border-radius: 4px; }
.wpcf7 .is-outline:hover { background-color: var(--primary-color); color: #fff; }
.wpcf7 .flex-row { background: rgba(255, 255, 255, 0.1); border: none; border-radius: 2px; border-radius: 100px; margin-top: 12px; }
.wpcf7 .flex-row input[type="email"], .wpcf7 .flex-row .wpcf7-submit { background-color: transparent !important; border: none; box-shadow: none; }
.wpcf7 .flex-row ::placeholder { color: #fff; opacity: 1; /* Firefox */ }
.wpcf7 .flex-row :-ms-input-placeholder { color: #fff; }
.wpcf7 .flex-row ::-ms-input-placeholder { color: #fff; }
.wpcf7 .flex-row input[type="email"] { background: url(assets/images/email.png) no-repeat 13px 50%; height: 42px; color: #fff; padding-left: 50px; }
.wpcf7 .flex-row .wpcf7-submit { background: url(assets/images/submit.png) no-repeat 10px 50% !important; font-size: 0; height: 42px; width: 42px; min-width: auto; }
.wpcf7 .wpcf7-submit { border-radius: 4px; }
.wpcf7 .wpcf7-spinner { display: none; }
.wpcf7 label { font-weight: 500; }
.wpcf7 label span { color: red; }
.wpcf7 .wpcf7-acceptance label span { color: #111; }
.wpcf7 .wpcf7-acceptance label a { color: var(--primary-color); }

.banner .tour-price { background: url(assets/images/line.png) no-repeat; height: 78px; width: 521px; display: flex; font-size: 24px; background-size: contain; align-items: center; justify-content: center; margin: 20px 0 20px; }
.banner .tour-price strong { font-size: 48px; }

.custom-post-item .col-inner { border: 1px solid #EDEAE0; border-radius: 5px; overflow: hidden; }
.custom-post-item .col-inner + .col-inner { margin-top: 15px; }
.custom-post-item .col-inner:hover { border: 2px solid var(--primary-color); }
.custom-post-item .box-text { padding: 15px 10px; }
.custom-post-item .post-title { font-weight: 700; font-size: 18px; }
.custom-post-item .post-title a { min-height: 46px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; text-decoration: none; margin-bottom: 10px; }
.custom-post-item .post-title a:hover { color: var(--primary-color); }
.custom-post-item .from_the_blog_excerpt { font-size: 16px; margin-bottom: 10px; }
.custom-post-item .button { display: flex; margin: 0; line-height: 1; min-height: 25px; }
.custom-post-item .button:hover { color: var(--primary-color); }

.post-item .col-inner + .col-inner { margin-top: 15px; }
.post-item .post-title { font-size: 18px; margin-bottom: 8px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }
.post-item .post-title:hover { color: var(--primary-color); }
.post-item .from_the_blog_excerpt { font-size: 16px; }
.post-item .post-meta { display: flex; align-items: center; font-weight: 600; gap: 8px; }
.post-item .button { display: flex; margin: 0; line-height: 1; min-height: 25px; margin-top: 10px; }
.post-item .button:hover { color: var(--secondary-color); }
.post-item .box-image .image-cover { border-radius: 10px; overflow: hidden; }
.post-item .box-vertical .box-image, .post-item .box-vertical .box-text { display: table-cell; vertical-align: top; padding-top: 0; }

.testimonial-box { background: rgba(142, 247, 255, 0.35); padding: 15px; border-radius: 5px; border: 1px dashed #C9C9C9; min-height: 225px; }
.testimonial-box .icon-box-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.testimonial-box .icon-box-img { margin-bottom: 0; }
.testimonial-box .star-rating { margin: 0; font-size: 13px; }

.desktop-slide .flickity-page-dots { bottom: 0; }

.breadcrumbs-wrap { background-color: #EFEFEF; padding: 10px 0; }
.breadcrumbs-wrap p { margin-bottom: 0; }
.breadcrumbs-wrap a { color: #666; }
.breadcrumbs-wrap .last { color: var(--primary-color); }

.page-about ul li { list-style: none; margin-left: 0; }
.page-about ul li:before { content: ""; height: 21px; width: 20px; background: url(assets/images/check2.png) no-repeat; display: inline-block; margin-right: 10px; }

.row-about .col-inner { border: 3px solid transparent; transition: all .3s; }
.row-about .col:hover .col-inner { background-color: #fff !important; border: 3px solid var(--primary-color); }
.row-about .col:hover .col-inner p { color: #111; }
.row-about .col:hover .col-inner h2 { color: var(--primary-color); }

.row-contact .col-inner { border: 2px solid #F9F9F9; border-radius: 2px; }
.row-contact .col-inner:hover { border-color: var(--primary-color); }

.blog-wrapper { padding-top: 0; }
.blog-wrapper .entry-header-text { padding-bottom: 0; }
.blog-wrapper h1.entry-title { font-size: 36px; }

.page-news > .row .post-item:nth-child(1) { flex-basis: 100%; max-width: 100%; }

.related-title { font-size: 36px; }

.post-sidebar span.widget-title { font-size: 24px; font-weight: 700; text-transform: none; }
.post-sidebar ul li a { padding: 8px 0px 8px 16px; font-size: 16px; color: #111; position: relative; }
.post-sidebar ul li a:before { content: ""; position: absolute; left: 0; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 6px solid transparent; border-left: 5px solid #111; border-radius: 5px; top: 50%; transform: translateY(-49%); }
.post-sidebar ul li:hover { border-color: var(--primary-color); }
.post-sidebar ul li:hover a { color: var(--primary-color); }
.post-sidebar .flatsome_recent_posts .badge { width: 86px; height: 80px; border-radius: 10px; overflow: hidden; }
.post-sidebar .flatsome_recent_posts li { padding: 0; }
.post-sidebar .flatsome_recent_posts li a { color: #111; font-size: 16px; font-weight: 500; }
.post-sidebar .flatsome_recent_posts li a:before { display: none; }
.post-sidebar .flatsome_recent_posts li a:hover { color: var(--primary-color); }
.post-sidebar .flatsome_recent_posts li .post_comments { display: none; }

.bookingtour { background-color: #FAFBFF; border-radius: 4px; padding: 20px; }

.page-booking .custom-title { background: var(--primary-color); color: #fff; min-height: 66px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; border-radius: 4px; margin-bottom: 8px; }
.page-booking .hotel-info { background: #FAFBFF; border-radius: 4px; padding: 15px; }
.page-booking .hotel-info .title { margin-top: 8px; color: var(--primary-color); }
.page-booking .note { color: #EF6262; }
.page-booking table td { min-width: 138px; color: #333; font-size: 16px; border-bottom: 1px solid #f1f1f1; }
.page-booking table tr > td:nth-child(2) { color: #111; font-weight: 700; }
.page-booking table tr:nth-child(even) { background: #F9F9F9; }

.grid { display: grid; }

.hotel-media .grid { -ms-grid-columns: minmax(0, 1fr) [16]; grid-template-columns: repeat(16, minmax(0, 1fr)); -ms-grid-rows: auto [3]; grid-template-rows: repeat(3, minmax(0, 1fr)); grid-gap: 10px; }

.hotel-media .grid .grid-item { grid-column: span 3/span 16; grid-row: span 1/span 2; position: relative; overflow: hidden; }

.hotel-media .grid .grid-item:nth-of-type(n+8) { display: none; }

.hotel-media .grid .grid-item:first-child { grid-column: span 10/span 16; grid-row: span 3/span 3; }

.hotel-media .grid .grid-item:nth-of-type(2) { grid-column: span 3/span 16; }

.hotel-media .grid .grid-item a { position: absolute; height: 100%; width: 100%; padding: 0; border-radius: 10px; }

.hotel-media .grid .grid-item a .count { position: absolute; z-index: 9; background: #fff; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--fs-color-primary); font-weight: 600; border: 3px solid var(--fs-color-primary); border-radius: 10px; }

.hotel-media .grid .grid-item a .count span { font-size: 16px; line-height: 1; }

.hotel-media .grid .grid-item:first-child .image-cover { padding-top: 56%; position: relative; display: block; }

.hotel-meta { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }

.hotel-meta .label { border: 1px solid #00C0FF; padding: 5px 10px; border-radius: 15px; }

.hotel-address { display: flex; gap: 8px; align-items: center; }

.room-item { background: #FAFBFF; margin-bottom: 15px; }
.room-item .room-name { font-size: 18px; }
.room-item .amount { color: #EF6262; font-size: 20px; font-weight: 700; }

.holtel-utilities .title { color: #fff; background-color: var(--primary-color) !important; padding: 10px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: inline-block; width: auto; margin-bottom: 0; }
.holtel-utilities .utilities-wrap { background: #FAFBFF; padding: 20px; }
.holtel-utilities .utilities-wrap .col { padding-bottom: 10px; }
.holtel-utilities .utilities { gap: 8px; }
.holtel-utilities .utilities img { max-width: 20px; height: 100%; width: 100%; }
.holtel-utilities .utilities .utilities-text { display: flex; justify-content: space-between; width: 100%; }

.step-indicator { display: flex; align-items: center; max-width: 730px; margin: 0 auto; }

.step { display: flex; align-items: center; flex-direction: column; position: relative; z-index: 1; }

.step-indicator .step-icon { height: 44px; width: 44px; border-radius: 50%; background: #fff; font-size: 10px; text-align: center; color: #C9C9C9; position: relative; line-height: 44px; font-size: 20px; border: 1px solid #C9C9C9; }

.step.active .step-icon { border-color: var(--primary-color); background: var(--primary-color); color: #fff; }

.indicator-line { width: 100%; height: 2px; background: #C9C9C9; flex: 1; }

.indicator-line.active { background: var(--primary-color); }

.hotel-booking { background: #FAFBFF; padding: 20px; }

.hotel-search { background: #FAFBFF; border-radius: 10px; padding: 10px; }
.hotel-search .searchform input[type=text] { box-shadow: none; height: 46px; border-radius: 4px; border: 1px solid #EFEFEF; background-color: #fff; }

.hotel-sort { background: #FAFBFF; border-radius: 10px; padding: 10px; }
.hotel-sort .hotel-sort-wrap { display: flex; gap: 10px; align-items: center; }
.hotel-sort select { width: 170px; border: 1px solid #EEEEEE; border-radius: 5px; min-height: 40px; margin-left: 5px; margin-bottom: 0; }

.filter-sidebar ul li a { padding: 6px 10px 6px 30px; color: #111; font-size: 16px; display: flex; justify-content: space-between; }
.filter-sidebar ul li a:before { content: ""; width: 20px; height: 19px; border: 1.5px solid #C9C9C9; border-radius: 0px; position: absolute; left: 0; top: 50%; opacity: 1; font-family: fl-icons !important; transform: translateY(-50%); }
.filter-sidebar ul li + li { border-top: none; }
.filter-sidebar ul li.active > a:before { content: ""; color: #fff; line-height: 16px; font-size: 11px; text-align: center; background-color: var(--primary-color); border-color: var(--primary-color); }

#page-hotel .hotel-item .col-inner { background: #FAFBFf; border-radius: 10px; }
#page-hotel .hotel-item .button { display: inline-flex; height: 36px; line-height: 34px; }
#page-hotel .hotel-item span.amount { font-size: 20px; color: #EF6262; font-weight: 700; }
#page-hotel .hotel-item .list-utilities > div { display: inline-block; margin-right: 9px; }
#page-hotel .hotel-item .list-utilities > div .utilities { align-items: center; gap: 8px; }

.footer-1 { padding-top: 50px; }
.footer-1 .is-divider { display: none; }
.footer-1 .footer-logo { filter: brightness(0) invert(1); margin-bottom: 15px; }
.footer-1 .contact { display: flex; font-weight: 600; gap: 8px; }
.footer-1 .contact svg { min-width: 24px; }
.footer-1 p { font-size: 16px; font-weight: 600; }
.footer-1 ul li a { font-size: 16px; font-weight: 600; }
.footer-1 ul li a:hover { color: var(--yellow-color) !important; }
.footer-1 ul li + li { border-top: none; }
.footer-1 span.widget-title { font-size: 24px; color: var(--yellow-color); display: block; margin-bottom: 20px; }
.footer-1 .social-icons a { font-size: 18px; margin: 0 12px; }

.absolute-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); }

.copyright-footer { color: #fff; font-size: 14px; }

.white-popup-block { background: #fff; padding: 0px 0px; text-align: left; max-width: 640px; margin: 40px auto; position: relative; border-radius: 0; overflow: hidden; padding: 0; }
.white-popup-block.hoc-vien-popup { max-width: 778px; border-radius: 15px; overflow: hidden; }
.white-popup-block.hoc-vien-popup .modal-body { padding: 20px 10px; }
.white-popup-block .mfp-close { display: none; }
.white-popup-block .modal-close { position: absolute; text-align: right; margin-bottom: 13px; right: 20px; top: 20px; }
.white-popup-block .modal-close svg { height: 20px; width: 20px; fill: #fff; }
.white-popup-block .modal-header { padding: 20px 30px; background-color: var(--primary-color); }
.white-popup-block .modal-body { padding: 30px; color: #000; font-size: 16px; }
.white-popup-block .wpcf7-form-control { margin-bottom: 0; height: 46px !important; }
.white-popup-block .wpcf7-submit { display: block; width: 100%; background-color: var(--primary-color) !important; }

.back-to-top { border: none !important; height: 47px; width: 47px; bottom: 51px; right: 25px; background: var(--primary-color) !important; box-shadow: 0px 4px 4px rgba(15, 111, 183, 0.15); color: #fff !important; font-size: 19px; line-height: 50px !important; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.nav-pagination { margin: 0 auto !important; padding-top: 10px; width: 100%; }
.nav-pagination li { margin-left: 5px !important; }
.nav-pagination li a, .nav-pagination li span { border: none; height: 36px; width: 36px; line-height: 34px; font-weight: 600; font-size: 16px; background-color: transparent !important; border: 1px solid #ccc; border-radius: 5px; }
.nav-pagination li.active a, .nav-pagination li:hover a { background-color: var(--secondary-color) !important; color: #fff !important; border-color: var(--secondary-color) !important; }
.nav-pagination li .current { background-color: var(--secondary-color) !important; border-color: var(--secondary-color) !important; }

.icon-stick { position: fixed; right: 0; top: 30%; z-index: 700; }
.icon-stick .list-icon-social { display: flex; margin-right: 0; margin-left: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding-right: 0rem; border-radius: 5px 0 0 5px; flex-direction: column; }
.icon-stick .list-icon-social a { width: 60px; height: 60px; background-color: #FBAF18; color: #fff; line-height: 36px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; border: 2px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; }
.icon-stick .list-icon-social a i { font-size: 20px; }
.icon-stick .list-icon-social a .icon-zalo { padding-top: 5px; }
.icon-stick .list-icon-social a.phone { background: #FBAF18; }
.icon-stick .list-icon-social a.address { background: var(--primary-color); }
.icon-stick .list-icon-social a.facebook { background: #1877F2; }
.icon-stick .list-icon-social a.zalo { background: #2C67F6 url("assets/images/Zalo.png") no-repeat center center; background-size: 27px; }
.icon-stick .list-icon-social a.messenger { background: #00A0DF; }
.icon-stick .list-icon-social a.talk { background: #F6E351; }
.icon-stick .list-icon-social a.whatsapp { background: #51A85D; }
.icon-stick .list-icon-social .close-isocial { background: #ff5c06; color: #fff; padding: 2px 7px; text-align: center; font-size: 22px; }
.icon-stick button { margin: 0; }
.icon-stick .show-isocial { display: block; border: none; background: #ff5c06; color: #fff; padding: 7px 9px; font-size: 15px; margin: 0 0 0 auto; -webkit-transform: translateX(100px); transform: translateX(100px); visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 6px 0 0 6px; }
.icon-stick.active .list-icon-social { -webkit-transform: translateX(100px); transform: translateX(100px); visibility: hidden; }
.icon-stick.active .show-isocial { -webkit-transform: none; transform: none; visibility: visible; pointer-events: auto; }

.icon-zalo { background: url("assets/images/Zalo.png") no-repeat center center; }

.icon-messenger { background: url("assets/images/messFB.png") no-repeat center center; }

body .bottom-mobile { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9; padding: 10px 0 3px; text-align: center; background: #3378FF; border-top: 1px solid #ededed; }
body .bottom-mobile a { color: #fff; text-decoration: none; opacity: 1 !important; }

.item-bar { float: left; width: 25%; color: #fff; font-size: 11px; }
.item-bar .item-bar-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; height: 22px; line-height: 22px; }
.item-bar .item-bar-icon i { font-size: 19px; }
.item-bar .item-bar-icon img { background: var(--secondary-color); height: 50px; width: 50px; margin-top: -20px; border-radius: 100px; padding: 7px; }
.item-bar .item-bar-icon .icon-zalo, .item-bar .item-bar-icon .icon-messenger { width: 34px; height: 34px; background-size: contain; }

.item-bar.icon-large .item-bar-icon i { font-size: 25px; }

.icon-zalo { background: url("assets/images/Zalo.png") no-repeat center center; }

@media (prefers-reduced-motion: no-preference) { .row-slider.slider [data-animated=true], .slider .is-selected [data-animated=true], [data-animated=true] { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; }
  [data-animate=bounceInUp] { transition: transform 0.4s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.2s ease-in !important; }
  .slider [data-animate], [data-animate] { transition: filter 0.7s, transform 0.7s, opacity 0.4s ease-in !important; } }
@media screen and (min-width: 820px) { .row-large-5 > .col { flex-basis: 20%; max-width: 20%; } }
@media screen and (max-width: 820px) { .mobile-nav .has-icon a { color: var(--primary-color) !important; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 4px; width: 40px; height: 40px; border: 1px solid var(--primary-color); padding: 0; min-width: auto; }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .off-canvas .sidebar-menu { padding: 50px 0; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; }
  .off-canvas .nav-vertical > li > a svg { display: none; }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); }
  .searchform-wrapper { border: 1px solid rgba(34, 34, 34, 0.1); border-radius: 6px; }
  .searchform-wrapper .search-field { min-height: 38px; height: 38px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border: none; box-shadow: none !important; }
  .searchform-wrapper .submit-button { background-color: #fff !important; border: none; min-height: 38px; box-shadow: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #333; } }
@media screen and (max-width: 512px) { .header-language-dropdown { min-width: 90px; }
  .banner .tour-price { width: 100%; font-size: 16px; height: 55px; margin-bottom: 0; }
  .banner .tour-price strong { font-size: 20px; }
  .h2, .section-title.section-title-center span.section-title-main, .related-title { font-size: 24px; }
  .section-title span.section-title-main { font-size: 18px; }
  .box-vertical .box-image { width: 40% !important; }
  .box-vertical .box-image .image-cover { padding-top: 80% !important; }
  .post-item .box-vertical .box-text { padding-left: 15px; }
  .nav-pills > li { margin: 0 3px; }
  .nav-pills.nav-size-xlarge > li > a { font-size: 14px; }
  .small-columns-2 .flickity-slider > .col, .list-post .custom-post-item { padding-left: 5px; padding-right: 5px; }
  .slider-nav-top .flickity-prev-next-button svg { padding: 8px !important; }
  .slider-nav-circle .flickity-prev-next-button { height: 36px; min-width: 36px; }
  .tabbed-content .slider-nav-top .flickity-prev-next-button { display: none; }
  .hotel-media .grid .grid-item:first-child { grid-column: span 16 / span 16; grid-row: span 2 / span 3; height: 300px; }
  .hotel-media .grid .grid-item { grid-column: span 5/span 16; grid-row: span 1/span 2; height: 90px; }
  .hotel-media .grid .grid-item:nth-of-type(2) { grid-column: span 6/span 16; }
  .hotel-media .grid .grid-item:nth-of-type(n+5) { display: none; }
  .room-info { padding: 10px 25px 0; }
  .room-item .price { padding-left: 15px; }
  .post-item .from_the_blog_excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
  .hotel-item .box-vertical .box-image, .hotel-item .box-vertical .box-text { display: block; }
  .hotel-item .box-vertical .box-image { width: 100% !important; }
  .hotel-item .box-vertical .box-text { padding-top: 10px; } }