@charset "UTF-8";
   @font-face {
font-style: normal;
font-weight: normal;
src: local("Minion Pro Regular"), url(//tansonnhathotelgroup.com/wp-content/themes/resort/fonts/MinionPro-Regular.woff) format("woff");
}
body {
text-align: justify;
}
@media only screen and (max-width: 849px) {
body {
font-size: 13px !important;
}
}
@media only screen and (max-width: 849px) {
body p {
margin-bottom: 16px;
}
}
header.header.show-on-scroll,
header .stuck .header-main,
.transparent .header-main,
.header .header-main .header-nav {
height: auto !important;
}
header.header.show-on-scroll .nav,
header .stuck .header-main .nav,
.transparent .header-main .nav,
.header .header-main .header-nav {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
header.header.show-on-scroll .nav,
header .stuck .header-main .nav,
.transparent .header-main .nav {
justify-content: flex-start;
}
}
header.header.show-on-scroll .nav li:first-child,
header .stuck .header-main .nav li:first-child,
.transparent .header-main .nav li:first-child {
padding-left: 11px;
}
header.header.show-on-scroll .nav li a,
header .stuck .header-main .nav li a,
.transparent .header-main .nav li a {
line-height: 1.4;
}
@media only screen and (max-width: 1170px) {
header.header.show-on-scroll .nav li a,
header .stuck .header-main .nav li a,
.transparent .header-main .nav li a {
font-size: 13px;
}
}
header.header.show-on-scroll .nav li ul li:first-child,
header .stuck .header-main .nav li ul li:first-child,
.transparent .header-main .nav li ul li:first-child {
padding-left: 0;
}
@media only screen and (max-width: 1024px) {
header.header.show-on-scroll .header-contact a,
header .stuck .header-main .header-contact a,
.transparent .header-main .header-contact a {
padding: 20px;
background: #b2a73f;
border-radius: 5px;
font-weight: 700;
}
}
.list-res .row {
margin-bottom: 20px !important;
}
.list-res .row:last-child {
margin-bottom: 0 !important;
}
.list-res .icon-box {
align-items: center;
}
.page-template #content .section:not(.banner-top) {
padding: 40px 0;
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container {
margin-bottom: 0;
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container .section-title-normal {
border: 0;
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title {
margin-bottom: 0;
line-height: 1;
text-align: left;
}
@media only screen and (min-width: 768px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title {
font-size: 30px;
}
}
@media only screen and (max-width: 767px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title {
font-size: 20px;
}
}
@media (max-width: 549px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title {
font-size: 20px;
}
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title span {
border: 0;
padding: 0;
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title {
text-transform: uppercase;
margin-bottom: 0;
text-align: left;
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title span {
padding: 0;
margin: 0;
border: 0;
}
@media only screen and (min-width: 768px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title {
font-size: 38px;
}
}
@media only screen and (max-width: 767px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title {
font-size: 32px;
}
}
@media (max-width: 549px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title {
font-size: 28px;
}
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container h2.section-title {
text-align: left;
}
@media only screen and (min-width: 768px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h2.section-title {
font-size: 42px;
}
}
@media only screen and (max-width: 767px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h2.section-title {
font-size: 36px;
}
}
@media (max-width: 549px) {
.page-template #content .section:not(.banner-top) .section-content .section-title-container h2.section-title {
font-size: 30px;
}
}
@media only screen and (min-width: 768px) {
.page-template #content .section:not(.banner-top) .section-content .title-lienhe h3.section-title {
font-size: 38px;
}
}
@media screen and (min-width: 850px) {
.page-template #content .section:not(.banner-top) .section-content .col {
padding-bottom: 0;
}
}
@media screen and (max-width: 1024px) {
.page-template #content .section:not(.banner-top) .section-content .col {
padding-left: 15px;
padding-right: 15px;
}
}
.page-template #content .section:not(.banner-top) .section-content .flickity-page-dots .dot.is-selected {
background-color: #be9d2f !important;
border-color: #be9d2f !important;
}
.page-template #content .section:not(.banner-top) .section-content .row-small > .col,
.page-template #content .section:not(.banner-top) .section-content .row-small > .flickity-viewport > .flickity-slider > .col {
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (max-width: 849px) {
.page-template #content .section:not(.banner-top) .section-content .row-849 .col {
padding-bottom: 0;
max-width: 100%;
flex-basis: 100%;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section:not(.banner-top) .section-content .row-849 .col a.nut-xem-them {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section:not(.banner-top) .section-content .row-849 .col:nth-of-type(1) {
padding-bottom: 10px;
}
}
.page-template #content .section:not(.banner-top) .section-content .row-849-order .col {
padding-bottom: 0;
}
@media only screen and (max-width: 550px) {
.page-template #content .section:not(.banner-top) .section-content .row-849-order .col:nth-of-type(1) {
padding-bottom: 0;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section:not(.banner-top) .section-content .row-849-order .col:nth-of-type(2) {
order: -1;
padding-bottom: 10px;
}
}
.page-template #content .section:not(.banner-top) .section-content .row.list-hangphong {
margin-bottom: 20px;
}
.page-template #content .section:not(.banner-top) .section-content .row.list-hangphong p {
margin-bottom: 0;
}
@media only screen and (max-width: 1080px) {
.page-template #content .section:not(.banner-top) .section-content .row.list-hangphong .col {
max-width: 50%;
flex-basis: 50%;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section:not(.banner-top) .section-content .row.list-hangphong .col {
padding-bottom: 0;
padding-top: 0;
}
}
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang {
gap: 30px 0;
}
@media only screen and (max-width: 1200px) {
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col {
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col {
padding-bottom: 0;
}
}
@media only screen and (max-width: 480px) {
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col {
flex-basis: 100%;
max-width: 100%;
}
}
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col a.button {
margin-top: 20px;
}
.page-template #content .row.row-collapse {
padding: 0 15px;
}
@media only screen and (max-width: 1400px) {
.page-template #content .banner-top .section-bg {
background-position-x: 40%;
}
}
.page-template #content .banner-top .section-content .row > .col-hover-fade {
padding-bottom: 0;
}
.page-template #content .banner-top .section-content .row > .col-hover-fade .col-inner {
padding: 5px;
}
.page-template #content .tien-ich-tan-son-nhat {
padding: 50px 0 40px;
}
.page-template #content .tien-ich-tan-son-nhat section {
padding-top: 0 !important;
}
.page-template #content .tien-ich-tan-son-nhat section .flickity-page-dots {
bottom: -48px;
}
.page-template #content .tien-ich-tan-son-nhat .section.section2 .row {
max-width: calc(100% + 60px);
width: calc(100% + 60px);
margin-left: -30px;
}
@media only screen and (max-width: 1024px) {
.page-template #content .tien-ich-tan-son-nhat .section.section2 .row {
max-width: calc(100% + 30px);
width: calc(100% + 30px);
margin-left: -15px;
}
}
.page-template #content section.main-video .section-content {
min-height: 100vh;
margin-bottom: 0;
}
.page-template #content section.main-video .wpcf7 {
position: absolute;
bottom: -20px;
margin: 0 auto;
width: 100%;
max-width: 1400px;
left: 50%;
transform: translateX(-50%);
}
@media only screen and (max-width: 849px) {
.page-template #content section.main-video .wpcf7 {
bottom: 10px;
}
}
@media only screen and (max-width: 1200px) {
.page-template #content section.main-video .wpcf7 {
padding: 0 15px;
}
}
@media only screen and (max-width: 1024px) {
.page-template #content section.main-video .wpcf7 .fieldset-cf7mls .cf7mls-btns {
bottom: 20px;
right: 0;
top: auto;
}
}
.page-template #content section.section2 {
padding-bottom: 80px !important;
}
@media only screen and (max-width: 550px) {
.page-template #content section.section2 {
padding-bottom: 0 !important;
}
}
.page-template #content section.section2 .flickity-page-dots {
bottom: -48px;
}
@media only screen and (max-width: 550px) {
.page-template #content section.section2 .flickity-page-dots {
bottom: -9px;
}
}
@media only screen and (max-width: 1024px) {
.page-template #content section.section2 .section-content .col {
flex-basis: 100%;
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.page-template #content section.section2 .section-content .col .slider-wrapper {
margin-left: -15px;
width: calc(100% + 30px);
}
}
.page-template #content section.section5 {
padding-bottom: 25px !important;
}
.page-template #content section.section5 .gap-element {
padding-top: 0 !important;
}
.page-template #content section.section5 .section-content .section-title-container {
margin-bottom: 0 !important;
}
.page-template #content section.section5 .section-content .section-title-container h2.section-title {
margin-bottom: 0;
}
@media (max-width: 549px) {
.page-template #content section.section5 .section-content .section-title-container h2.section-title {
font-size: 24px;
}
}
.page-template #content section.section5 .section-content .section-title-container h2.section-title span {
padding: 0;
border: 0;
margin: 0;
}
.page-template #content section.section5 .section-content .section-title-container h2.section-title a {
font-size: 16px;
}
@media (max-width: 549px) {
.page-template #content section.section5 .section-content .section-title-container h2.section-title a {
font-size: 12px;
}
}
.page-template #content section.section5 .section-content > .row .col {
padding-top: 15px;
padding-bottom: 15px;
}
@media only screen and (max-width: 550px) {
.page-template #content section.section5 .section-content > .row .col {
max-width: 100%;
flex-basis: 100%;
}
}
@media only screen and (max-width: 550px) {
.page-template #content section.section5 .section-content > .row .col .has-format,
.page-template #content section.section5 .section-content > .row .col .image-cover,
.page-template #content section.section5 .section-content > .row .col .video-fit {
padding-top: 50% !important;
}
}
@media only screen and (max-width: 550px) {
.page-template #content section.section6 {
padding-bottom: 0 !important;
}
}
@media only screen and (max-width: 550px) {
.page-template #content section.section7 {
padding-bottom: 20px !important;
}
}
@media only screen and (max-width: 1024px) {
.page-template #content section.section7 .section-content .row .col.col-100-1024 {
flex-basis: 100%;
width: 100%;
max-width: 100%;
padding-bottom: 30px;
}
.page-template #content section.section7 .section-content .row .col.col-100-1024 .col-inner {
margin-bottom: 10px !important;
}
}
@media only screen and (max-width: 849px) {
.page-template #content section.section7 .section-content .row .col.col-100-1024 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.page-template #content section.section8 .section-content .section-title-container h2.section-title {
font-size: 32px;
}
.page-template #content section.section8 .section-content .section-title-container h2.section-title span {
padding-top: 0;
padding-bottom: 0;
}
.page-template #content section.section8 .section-content .row .col {
padding-bottom: 0;
}
.page-template #content section.section8 .section-content .flickity-slider .col {
padding-bottom: 0;
}
.page-template #content section.section8 .section-content .flickity-slider .col .box-text {
padding-bottom: 0;
}
.page-template #content section.hang-phong .section-content > .row,
.page-template #content section.spa-section .section-content > .row,
.page-template #content section.res-section .section-content > .row {
padding-bottom: 40px;
align-items: center;
}
@media only screen and (max-width: 849px) {
.page-template #content section.hang-phong .section-content > .row,
.page-template #content section.spa-section .section-content > .row,
.page-template #content section.res-section .section-content > .row {
padding-bottom: 0;
}
}
.page-template #content section.hang-phong .section-content > .row:last-child,
.page-template #content section.spa-section .section-content > .row:last-child,
.page-template #content section.res-section .section-content > .row:last-child {
padding-bottom: 0;
}
.page-template #content section.hang-phong .section-content > .row h3,
.page-template #content section.spa-section .section-content > .row h3,
.page-template #content section.res-section .section-content > .row h3 {
text-transform: uppercase;
margin-bottom: 10px;
}
.page-template #content section.hang-phong .section-content > .row h3 b,
.page-template #content section.spa-section .section-content > .row h3 b,
.page-template #content section.res-section .section-content > .row h3 b {
padding: 0;
margin-bottom: 0;
border: 0;
}
@media only screen and (min-width: 768px) {
.page-template #content section.hang-phong .section-content > .row h3,
.page-template #content section.spa-section .section-content > .row h3,
.page-template #content section.res-section .section-content > .row h3 {
font-size: 38px;
font-weight: 700;
}
}
@media (max-width: 767px) {
.page-template #content section.hang-phong .section-content > .row h3,
.page-template #content section.spa-section .section-content > .row h3,
.page-template #content section.res-section .section-content > .row h3 {
font-size: 24px;
}
}
.page-template #content section.hang-phong .nut-xem-them,
.page-template #content section.hang-phong a.button.secondary,
.page-template #content section.spa-section .nut-xem-them,
.page-template #content section.spa-section a.button.secondary,
.page-template #content section.res-section .nut-xem-them,
.page-template #content section.res-section a.button.secondary {
padding-bottom: 0;
margin: 0;
line-height: 45px;
padding: 0 20px;
}
.page-template #content section.hang-phong .nut-xem-them,
.page-template #content section.spa-section .nut-xem-them,
.page-template #content section.res-section .nut-xem-them {
margin-top: 20px;
}
@media only screen and (max-width: 849px) {
.page-template #content section.spa-section .section-content .row .col:nth-of-type(2) {
padding-bottom: 0;
}
}
@media only screen and (max-width: 849px) {
.page-template #content section.spa-section .section-content .row .col {
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 849px) {
.page-template #content section.hang-phong .section-content .col,
.page-template #content section.spa-section .section-content .col {
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (max-width: 768px) {
.page-template #content section.hang-phong .section-content .col,
.page-template #content section.spa-section .section-content .col {
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 849px) {
.page-template #content section.nha-hang-section .section-content .row .col {
flex-basis: 100%;
max-width: 100%;
}
}
.page-template #content section.nha-hang-section .section-content .row.btn-row {
text-align: left;
}
.page-template #content section.nha-hang-section .section-content .row.btn-row a {
margin-top: 5px;
}
.page-template #content section.khampha-section {
padding-bottom: 10px !important;
}
.page-template #content section.khampha-section .section-content > .row > .col {
padding-bottom: 0;
}
.page-template #content section.khampha-section .section-content > .row > .col .col {
padding-bottom: 30px;
}
.page-template #content section.hinhanh-section {
padding-bottom: 10px !important;
}
.page-template #content section.hinhanh-section .section-content > .row .col .col {
padding-bottom: 30px;
}
@media only screen and (max-width: 550px) {
.page-template #content section.hinhanh-section .tabbed-content .tab {
font-size: 12px !important;
}
.page-template #content section.hinhanh-section .section-content > .row .col .col {
padding-bottom: 0;
}
}
@media only screen and (max-width: 549px) {
.page-template #content section.hang-phong .section-content .col,
.page-template #content section.spa-section .section-content .col {
flex-basis: 100%;
max-width: 100%;
}
}
.page-template #content section.sec-top {
padding: 0 !important;
}
section.page-kham-pha {
padding-left: 0 !important;
padding-right: 0 !important;
}
section.page-kham-pha .padding-bottom-849 {
padding-bottom: 0;
}
@media only screen and (max-width: 550px) {
.tab-page-hinhanh .tab-panels {
margin-left: -5px;
margin-right: -5px;
width: calc(100% + 10px);
max-width: calc(100% + 10px);
padding-top: 0;
}
}
@media only screen and (max-width: 550px) {
.tab-page-hinhanh .tab-panels .flickity-viewport .flickity-slider .gallery-col {
flex-basis: 50%;
max-width: 50%;
padding-bottom: 10px !important;
}
}
footer .footer-widgets .widget {
padding-bottom: 0;
margin-bottom: 0;
background: #fff;
}
@media only screen and (max-width: 849px) {
footer .footer-widgets .widget {
flex-basis: 50%;
padding: 0 15px;
max-width: 50%;
}
}
@media only screen and (max-width: 550px) {
footer .footer-widgets .widget {
flex-basis: 100%;
}
}
footer .footer-widgets .widget span.widget-title {
color: rgb(190, 157, 47);
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
}
@media only screen and (max-width: 549px) {
footer .footer-widgets .widget span.widget-title {
display: none;
}
}
@media only screen and (max-width: 550px) {
footer .footer-widgets .widget:nth-of-type(1) {
text-align: center;
}
footer .footer-widgets .widget:nth-of-type(1) img {
max-width: 200px;
}
}
footer .footer-widgets .widget:nth-of-type(2) .textwidget p {
color: #000a2b;
margin-bottom: 10px;
padding-left: 24px;
position: relative;
line-height: 1.5;
}
footer .footer-widgets .widget:nth-of-type(2) .textwidget p i {
position: absolute;
left: 0;
font-family: "FontAwesome";
font-size: 13px;
top: 3px;
}
footer .footer-widgets .widget:nth-of-type(2) .textwidget p i::before {
content: "\f3c5";
}
footer .footer-widgets .widget:nth-of-type(2) .textwidget .tel i::before {
content: "\f095";
}
footer .footer-widgets .widget:nth-of-type(2) .textwidget .mail i::before {
content: "\f0e0";
}
footer .footer-widgets .widget:nth-of-type(2) .textwidget .social-icons {
margin-top: 24px;
}
@media only screen and (max-width: 549px) {
footer .footer-widgets .widget:nth-of-type(2) .textwidget .social-icons {
text-align: center;
}
}
footer .footer-widgets .widget iframe {
height: 250px !important;
width: 100% !important;
}
footer .footer-widgets .widget .textwidget p {
font-size: 13px;
}
.post-item .box .box-image .image-zoom,
.post-item .box .box-image .image-cover {
padding-top: 0 !important;
}
.post-item .box .box-image .image-zoom img,
.post-item .box .box-image .image-cover img {
position: unset;
}
.post-item .box .box-image img {
height: auto;
}
@media only screen and (max-width: 849px) {
.post-item {
padding-bottom: 20px;
}
}
.post-item .box .box-text {
padding-top: 0;
}
@media only screen and (max-width: 849px) {
.post-item .box .box-text {
padding-bottom: 0;
}
}
.post-item .box .box-text .post-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
align-self: stretch;
overflow: hidden;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 16px;
color: #be9d2f;
}
@media only screen and (max-width: 549px) {
.post-item .box .box-text .post-title {
font-size: 16px;
margin: 16px 0 8px;
}
}
.post-item .box .box-text p.from_the_blog_excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
text-align: justify;
transition: color 0.3s, opacity 0.3s, transform 0.3s;
}
.post-item .box .box-text button {
color: #fff !important;
text-transform: none;
}
.post-item .box .box-text button::before {
content: none;
}
.post-item a {
transition: color 0.3s, opacity 0.3s, transform 0.3s;
}
.post-item a:hover p.from_the_blog_excerpt {
color: rgb(229, 159, 79);
}
.wpcf7 form.sent .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output.active {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
max-width: 500px;
width: 100%;
z-index: 9;
border: 0;
padding: 0;
font-weight: bold;
display: block;
}
@media only screen and (max-width: 767px) {
.wpcf7 form.sent .wpcf7-response-output.active {
max-width: 320px;
}
}
.wpcf7 form.sent .wpcf7-response-output.active .close-response {
position: absolute;
width: 40px;
height: 40px;
background: 333;
top: 0;
z-index: 12;
font-size: 25px;
right: 0;
background-color: #e59f4f;
text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output.active .inner-wrap {
position: relative;
z-index: 10;
padding: 80px 20px !important;
color: #333;
border: 2px solid #e59f4f;
padding: 0;
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.wpcf7 form.sent .wpcf7-response-output.active .inner-wrap {
padding: 50px 20px !important;
font-weight: normal;
}
}
.wpcf7 form.sent .wpcf7-response-output.active::before {
content: "";
background: rgba(225, 225, 225, 0.8);
position: absolute;
top: -100000px;
left: calc((100vw - 100%) / 2 * -2);
right: calc((100vw - 100%) / 2 * -2);
bottom: -100000px;
}
.lien-he-section .form-dat-phong h3 {
font-size: 28px;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.lien-he-section .form-dat-phong h3 {
text-align: left;
font-size: 24px;
}
}
.lien-he-section .form-dat-phong > p {
color: #fff;
}
.lien-he-section .wrap-address p {
padding-left: 24px;
position: relative;
line-height: 1.5;
margin-bottom: 5px;
}
.lien-he-section .wrap-address p i {
position: absolute;
left: 0;
font-family: "FontAwesome";
font-size: 13px;
top: 3px;
}
.lien-he-section .wrap-address p i::before {
content: "\f3c5";
}
.lien-he-section .wrap-address .tel i::before {
content: "\f095";
}
.lien-he-section .wrap-address .mail i::before {
content: "\f0e0";
}
.lien-he-section .wrap-address .website i::before {
content: "\f0c1";
}
@media only screen and (max-width: 849px) {
.lien-he-section .section-content .col {
max-width: 100%;
flex-basis: 100%;
}
}
.nav-dropdown {
min-width: 350px;
}
.mfp-image-holder {
max-width: 1100px !important;
left: 50%;
transform: translateX(-50%);
padding: 40px !important;
width: 100%;
}
.form-booking {
max-width: 100% !important;
}
@media only screen and (max-width: 1024px) {
.form-booking .col.large-2,
.col.large-3 {
max-width: 50%;
flex-basis: 50%;
}
}
@media only screen and (max-width: 1024px) {
.form-booking .col.large-2:last-child {
max-width: 100%;
flex-basis: 100%;
padding-right: 170px !important;
}
}
@media only screen and (max-width: 849px) {
header.header.show-on-scroll .nav li:first-child,
header .stuck .header-main .nav li:first-child,
.transparent .header-main .nav li:first-child {
padding-left: 0;
}
}
ul.mobile-nav .nav-icon .header-button a {
line-height: 28px !important;
width: 30px !important;
}
.bottom-contact {
display: none;
}
.nut-xem-them {
letter-spacing: 0;
font-weight: normal;
border-radius: 5px;
padding: 5px 30px;
position: relative;
}
.nut-xem-them i.icon-phone {
top: -2px;
}
@media only screen and (max-width: 550px) {
.nut-xem-them i.icon-phone {
top: 0;
}
}
@media only screen and (max-width: 550px) {
.nut-xem-them {
margin-bottom: 10px !important;
}
}
.off-canvas-right .mfp-content {
width: 400px;
background-color: #5c6d2f;
background-image: url(//tansonnhathotelgroup.com/en/wp-content/uploads/2023/07/bg_menu.png);
background-repeat: no-repeat;
background-position: -5px center;
}
.sidebar-menu ul {
padding: 40px 30px;
}
.off-canvas .nav-vertical > li > a {
padding-bottom: 15px;
padding-top: 15px;
color: white;
padding-left: 0 !important;
font-size: 17px;
text-align: left;
display: block;
}
.off-canvas-center .nav-vertical > li > ul > li a {
text-align: left;
justify-content: flex-start;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.off-canvas-center .nav-vertical > li > ul > li:last-child a {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.nav-sidebar.nav-vertical > li + li {
border-top: 1px solid rgba(236, 236, 236, 0.1803921569);
}
.form-booking {
background: rgba(255, 255, 255, 0.7882352941);
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1098039216);
border-radius: 7px;
padding: 10px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.form-booking .large-2 {
flex-basis: 17%;
max-width: 17%;
}
.wpcf7-form .fieldset-cf7mls .cf7mls-btns {
position: absolute;
top: 0;
right: 0;
margin-right: 10px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.form-booking .col {
padding-bottom: 0;
}
.cf7mls-btns .cf7mls_next.action-button {
padding: 17px 65px;
text-transform: none;
letter-spacing: 0;
background: rgb(3, 10, 42);
}
.form-booking input {
background: rgba(0, 0, 0, 0.04);
border: none;
box-shadow: none;
border-radius: 5px;
font-size: 15px;
margin-bottom: 5px;
}
@media only screen and (max-width: 549px) {
.form-booking input {
font-size: 13px;
}
}
.section1 {
margin-top: -150px;
}
form label {
color: rgb(3, 10, 42);
}
.section2 h2 {
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: 700;
font-size: 42px;
line-height: 54px;
color: #5c6d2f;
text-transform: uppercase;
margin-bottom: 9px;
}
.nav-sidebar .header-button .button {
margin: 0;
width: 100%;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
padding: 13px 10px;
background: #fdf9db !important;
color: #5c6d2f;
margin-top: 50px;
}
.section2 .icon-box .label {
margin-bottom: 2px;
font-family: Philosopher, sans-serif;
font-size: 19px;
font-weight: normal;
color: #c86801;
}
.section2 .icon-box .sdt {
margin-bottom: 0px;
font-family: Philosopher, sans-serif;
font-size: 24px;
font-weight: normal;
color: #f60000;
}
.section2 .row {
width: 100%;
}
.section2 .slider .row {
width: 33.33% !important;
opacity: 1;
}
@media only screen and (max-width: 640px) {
.section2 .slider .row {
width: 100% !important;
}
}
.section2 .slider .flickity-slider {
left: 0% !important;
}
.section2 .slider .flickity-slider .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.section2 .box .box-text {
background-image: linear-gradient(transparent, white);
padding-top: 100px;
padding-bottom: 10px;
pointer-events: none;
}
.section2 .box h5 {
font-size: 20px;
text-transform: uppercase;
text-shadow: none;
color: #000a2b;
}
.flickity-page-dots {
pointer-events: all;
left: 20px;
right: 20px;
}
.flickity-page-dots .dot {
background: #c86801 !important;
border: 2px solid #c86801;
}
.flickity-page-dots .dot.is-selected {
background: #000a2b !important;
border: 2px solid #000a2b !important;
}
.section3 h2 {
text-align: center;
color: #5c6d2f;
font-size: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.section3 h2::before,
.section3 h2::after {
content: "";
background-repeat: no-repeat;
background-size: 106px 49px;
display: block;
width: 106px;
height: 49px;
}
.section3 h2::before {
background-image: url(//tansonnhathotelgroup.com/en/wp-content/uploads/2023/07/icon_leaf_left.svg);
margin-right: 13px;
}
.section3 h2::after {
background-image: url(//tansonnhathotelgroup.com/en/wp-content/uploads/2023/07/icon_leaf_right-1.svg);
margin-left: 13px;
}
.section3 .icon-box h3 {
font-size: 24.7219px;
line-height: 28px;
color: #5c6d2f;
margin-bottom: 5px;
}
.section3 .icon-box {
margin-bottom: 20px;
}
.section3 .icon-box p {
font-size: 15px;
}
.section3 .cot2 .img {
box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
}
.section3 .cot1 .icon-box .icon-inner {
background: rgba(157, 178, 163, 0.8);
padding: 10px;
border-radius: 99%;
}
.section3 .cot3 .icon-box .icon-inner {
background: rgba(229, 159, 79, 0.8);
padding: 10px;
border-radius: 99%;
}
.section3 .cot3 .icon-box img {
padding-top: 0;
}
.section3 .cot1 .icon-box {
margin-left: 50px;
}
.section3 .cot3 .icon-box {
margin-left: -50px;
}
.section6 h2,
.section7 h2 {
font-size: 52px;
color: #5c6d2f;
line-height: 52px;
}
.section6 .large-7 {
background-image: url(//tansonnhathotelgroup.com/en/wp-content/uploads/2023/07/bg_about_home.png);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.section3 .col .icon-box:last-child {
margin-bottom: 0;
}
.section4 h2 {
font-size: 55px;
line-height: 62px;
color: #5c6d2f;
margin-bottom: 20px;
font-weight: normal;
}
.section3 .cot2 {
z-index: -1;
}
.section5 h2,
.section8 h2,
.section9 h2 {
font-weight: 700;
font-size: 50px;
line-height: 72px;
color: #5c6d2f;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.section5 h2,
.section8 h2,
.section9 h2 {
font-size: 28px;
line-height: normal;
}
}
.section5 .col.large-9,
.section5 .col.large-3,
.section5 .col.large-12 {
padding-bottom: 0;
}
.section5 .box h3 {
font-size: 24px;
}
.section5 .box .box-text {
background-image: linear-gradient(transparent, #fff);
padding-top: 100px;
padding-bottom: 10px;
pointer-events: none;
}
@media only screen and (min-width: 849px) {
.section5 .box .box-text {
padding-left: 20px;
padding-right: 20px;
}
}
.section5 .box .box-text .box-text-inner h4 {
color: #000a2b;
text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px;
}
.section3 .col.large-12 {
padding-bottom: 10px;
}
@media only screen and (min-width: 850px) {
.section7 .large-3 {
flex-basis: 20%;
max-width: 20%;
}
}
.list-post2 .post-item .box-text {
padding: 31px 42px;
bordrer-radius: 0 0 10px 10px;
}
.section9 .icon-box {
height: 166px;
background: #5c6d2f;
color: white;
padding: 40px 10px;
}
.section9 .icon-box p {
font-family: "Philosopher", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 31px;
text-align: center;
}
.section7 .large-8 {
padding-bottom: 0;
}
.list-post2 .post-item .post-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 31px;
color: #000;
margin-bottom: 15px;
}
.list-post2 .post-item .post-meta {
border-left: 2px solid #5c6d2f;
padding-left: 5px;
line-height: 14px;
}
.list-post2 .post-item .from_the_blog_excerpt {
font-size: 16px;
color: #5c5c5c;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.box-blog-post .is-divider {
display: none;
}
.list-post2 .post-item .from_the_blog_excerpt {
margin-top: 15px;
}
.list-post2 .post-item .button {
background: #5c6d2f;
color: #fff;
text-transform: none;
letter-spacing: 0;
font-weight: normal;
padding: 2px 20px;
font-size: 15px;
}
.section9 .box h3 {
font-size: 28px;
line-height: 31px;
text-align: center;
color: #fff;
text-shadow: none;
}
.section9 .box {
margin-bottom: 30px;
}
.list-post3 .post-item .post-title {
font-weight: 400;
font-size: 25px;
line-height: 27px;
}
.section10 .cot2,
.section10 .cot3 {
height: 650px;
background: #a1682a;
}
.section10 .cot3 {
background-image: url(//tansonnhathotelgroup.com/en/wp-content/uploads/2023/07/bg_contact_home.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.section9 .box .box-image {
border-radius: 7px;
}
.list-post2 .post-item {
padding-bottom: 0;
}
.section9 .post-item .col-inner {
border-radius: 0 0 7px 7px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.section10 .cot2 .col-inner,
.section10 .cot3 .col-inner {
padding: 150px 100px;
}
.section10 h3 {
font-family: "Philosopher", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 45px;
color: #fff;
margin-bottom: 30px;
}
.section10 .cot1 p {
margin-bottom: -7px;
}
.list-post3 .post-item {
padding-bottom: 0;
}
.footer-section .col {
padding-bottom: 0;
}
.footer-section h3 {
font-size: 24.72px;
line-height: 28px;
margin-bottom: 15px;
}
.footer-section .cot2 ul li a {
font-family: "Philosopher", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24.72px;
line-height: 28px;
color: #eee;
}
.footer-section ul li {
list-style: none;
margin-left: 0;
}
a.back-to-top {
background: #e59f4f !important;
border: none !important;
color: white;
}
.footer1 .col {
padding-bottom: 0;
}
.form-dat-phong {
padding: 30px;
border-radius: 10px;
}
.form-dat-phong h3 {
text-transform: uppercase;
font-weight: normal;
color: #c7a62c;
font-size: 15px;
}
.form-dat-phong h2 {
color: #c7a62c;
}
.form-dat-phong input[type=submit] {
margin: 0;
width: 100%;
padding: 5px 10px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
background: #be9d2f !important;
font-size: 15px;
}
.wpcf7-spinner {
display: none;
}
form {
margin-bottom: 0;
}
.slider-custom .flickity-button {
display: none;
}
.slider-custom {
padding: 0px 30px !important;
bottom: 105px !important;
}
.hang-phong h2 {
color: #5c6d2f;
font-size: 40px;
}
.hang-phong .icon-box,
.spa-section .icon-box {
align-items: center;
}
.spa-section h2 {
color: #5c6d2f;
font-size: 40px;
}
.be-boi-section .large-7 {
background-image: url(//tansonnhathotelgroup.com/en/wp-content/uploads/2023/07/bg_about_home.png);
background-repeat: no-repeat;
background-position-y: center;
background-position-x: center;
}
.accordion-item {
background: white;
margin-bottom: 15px;
border-bottom: none;
}
.accordion-title {
padding: 0.6em 30px;
border-top: none;
background: white;
font-family: "Philosopher", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 27px;
color: #5c5c5c;
}
.accordion .toggle {
display: none;
}
.accordion-inner p {
margin-bottom: 10px;
font-size: 16px;
}
.accordion-title.active {
background-color: white;
border-bottom: 2px solid #e59f4f !important;
}
.blog-archive h1.page-title {
font-size: 45px;
color: #5c6d2f;
letter-spacing: 0;
}
.blog-archive {
padding-top: 30px;
}
.blog-single {
padding-top: 30px;
}
.img-section .col {
padding-bottom: 0;
}
.blog-single h1 {
font-size: 28px;
}
@media only screen and (max-width: 849px) {
.blog-single h1 {
font-size: 24px;
}
}
@media only screen and (max-width: 549px) {
.blog-single h1 {
font-size: 20px;
}
}
@media only screen and (max-width: 849px) {
.blog-single .entry-header-text-top {
padding-bottom: 0;
}
}
.blog-single .entry-header-text-top .entry-divider {
display: none;
}
.blog-single .entry-content {
font-size: 15px;
}
@media only screen and (max-width: 849px) {
.blog-single .entry-content {
font-size: 13px;
}
}
@media only screen and (max-width: 849px) {
.blog-single .entry-content p, .blog-single .entry-content .gallery-item, .blog-single .entry-content ul, .blog-single .entry-content ol {
margin-bottom: 20px !important;
padding-bottom: 0 !important;
}
}
.blog-single .entry-content img {
margin: 20px auto;
}
.blog-single .entry-content .wp-caption {
margin-bottom: 20px;
}
.blog-single .entry-content .wp-caption img {
margin: 0 auto;
}
.blog-single .entry-content .wp-caption .wp-caption-text {
padding: 16px 0 0;
}
.blog-single .entry-meta {
font-size: 14px;
text-transform: none;
letter-spacing: 0;
}
.entry-content {
padding-bottom: 0;
padding-top: 0;
}
.blog-archive .post-item .post-title {
font-size: 22px;
color: #be9d2f;
margin-bottom: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.blog-archive .post-item .from_the_blog_excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.blog-archive .post-item .box-image {
border-radius: 10px;
}
.blog-archive .post-item .post-title:hover {
color: rgb(195, 131, 58);
}
.rank-math-breadcrumb p {
margin-bottom: 10px;
}
.blog-archive .large-12 {
padding-bottom: 15px;
}
.lien-he-section .icon-box {
background: white;
padding: 50px;
border-radius: 20px;
box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.0588235294);
}
.lien-he-section .icon-box h3 {
color: #5c6d2f;
font-size: 30px;
}
.form-dat-phong input,
.form-dat-phong textarea {
box-shadow: none;
border: none;
font-size: 14px;
border-radius: 5px;
}
.widget {
background: rgba(230, 226, 195, 0.2);
padding: 25px;
}
span.widget-title {
font-weight: bold;
font-size: 20px;
color: #5c6d2f;
padding: 15px 0;
margin-bottom: 20px;
border-bottom: 1px solid #5c6d2f;
text-transform: none;
letter-spacing: 0;
font-family: "Philosopher", sans-serif;
display: block;
}
.widget .is-divider {
display: none;
}
.recent-blog-posts-li .badge {
width: 6.8em;
height: 5em;
}
.bai-viet-lien-quan {
margin-top: 15px;
}
.bai-viet-lien-quan h3 {
font-size: 30px;
color: #5c6d2f;
}
.bai-viet-lien-quan ul {
margin-bottom: 0;
display: inline-block;
width: 100%;
}
.bai-viet-lien-quan ul li {
list-style: none;
width: 50%;
color: graytext;
float: left;
padding-left: 4px;
padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
height: 250px;
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.bai-viet-lien-quan h4 {
font-size: 18px;
color: #5c6d2f;
line-height: 24px;
padding-top: 7px;
height: 60px;
overflow: hidden;
}
.list-post1 .post-item .post-title {
margin-top: 16px;
margin-bottom: 16px;
color: #be9d2f;
}
h1.entry-title.mb {
margin-bottom: 30px;
text-transform: none;
letter-spacing: 0;
font-size: 45px;
color: #5c6d2f;
}
.blog-single .entry-content .is-divider {
display: none;
}
.blog-single .blog-share {
text-align: left;
}
.cf7mls-btns .cf7mls_next.action-button,
.cf7mls-btns .cf7mls_back.action-button {
margin: 20px 15px 22px !important;
padding: 12px 15px !important;
}
.cf7mls-btns .cf7mls_next.action-button #section_493638448,
.cf7mls-btns .cf7mls_back.action-button #section_493638448 {
padding-top: 100px;
padding-bottom: 100px;
display: none !important;
}
@media only screen and (max-width: 767px) {
.cf7mls-btns .cf7mls_next.action-button .section.main-video,
.cf7mls-btns .cf7mls_back.action-button .section.main-video {
padding: 90px 0 20px !important;
flex-direction: column;
}
.cf7mls-btns .cf7mls_next.action-button section.main-video .bg.section-bg,
.cf7mls-btns .cf7mls_back.action-button section.main-video .bg.section-bg {
position: unset;
width: 100%;
}
.cf7mls-btns .cf7mls_next.action-button .section.main-video video,
.cf7mls-btns .cf7mls_back.action-button .section.main-video video {
position: unset;
width: 100% !important;
height: auto;
}
}
@media only screen and (max-width: 849px) {
.cf7mls-btns .cf7mls_next.action-button .section.main-video,
.cf7mls-btns .cf7mls_back.action-button .section.main-video {
padding: 90px 0 20px !important;
flex-direction: column;
}
.cf7mls-btns .cf7mls_next.action-button section.main-video .bg.section-bg,
.cf7mls-btns .cf7mls_back.action-button section.main-video .bg.section-bg {
position: unset;
width: 100%;
}
.cf7mls-btns .cf7mls_next.action-button .section.main-video video,
.cf7mls-btns .cf7mls_back.action-button .section.main-video video {
position: unset;
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 480px) {
.cf7mls-btns .cf7mls_next.action-button .bottom-contact,
.cf7mls-btns .cf7mls_back.action-button .bottom-contact {
display: block !important;
position: fixed !important;
bottom: 0;
background: white;
width: 100%;
z-index: 99;
box-shadow: 2px 1px 9px #dedede;
border-top: 1px solid #eaeaea;
}
.cf7mls-btns .cf7mls_next.action-button .bai-viet-lien-quan ul li,
.cf7mls-btns .cf7mls_back.action-button .bai-viet-lien-quan ul li {
width: 50%;
}
.cf7mls-btns .cf7mls_next.action-button .bai-viet-lien-quan ul li .box-image img,
.cf7mls-btns .cf7mls_back.action-button .bai-viet-lien-quan ul li .box-image img {
height: 90px;
}
.cf7mls-btns .cf7mls_next.action-button .bottom-contact ul li,
.cf7mls-btns .cf7mls_back.action-button .bottom-contact ul li {
margin-bottom: 5px;
width: 20%;
float: left;
list-style: none;
text-align: center;
font-size: 13.5px;
}
.cf7mls-btns .cf7mls_next.action-button .bottom-contact ul li img,
.cf7mls-btns .cf7mls_back.action-button .bottom-contact ul li img {
width: 22px;
margin-top: 5px;
margin-bottom: 3px;
opacity: 0.6;
}
.cf7mls-btns .cf7mls_next.action-button .bottom-contact ul li span,
.cf7mls-btns .cf7mls_back.action-button .bottom-contact ul li span {
color: black;
font-size: 12px;
}
.cf7mls-btns .cf7mls_next.action-button .banner,
.cf7mls-btns .cf7mls_back.action-button .banner {
padding-top: 600px !important;
}
.cf7mls-btns .cf7mls_next.action-button .banner .text-box,
.cf7mls-btns .cf7mls_back.action-button .banner .text-box {
width: 100% !important;
padding-left: 15px;
padding-right: 15px;
}
.cf7mls-btns .cf7mls_next.action-button .banner .text-box p,
.cf7mls-btns .cf7mls_back.action-button .banner .text-box p {
font-size: 15px;
}
.cf7mls-btns .cf7mls_next.action-button .section1,
.cf7mls-btns .cf7mls_back.action-button .section1 {
margin-top: -35px;
}
.cf7mls-btns .cf7mls_next.action-button .wpcf7-form .fieldset-cf7mls .cf7mls-btns,
.cf7mls-btns .cf7mls_back.action-button .wpcf7-form .fieldset-cf7mls .cf7mls-btns {
position: inherit;
top: 0;
right: 0;
margin-right: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
width: 100% !important;
display: block;
}
.cf7mls-btns .cf7mls_next.action-button .cf7mls-btns .cf7mls_next.action-button,
.cf7mls-btns .cf7mls_back.action-button .cf7mls-btns .cf7mls_next.action-button {
margin: 10px 0 !important;
width: 100%;
border-radius: 0px !important;
}
.cf7mls-btns .cf7mls_next.action-button .form-booking .large-2,
.cf7mls-btns .cf7mls_back.action-button .form-booking .large-2 {
flex-basis: 100%;
max-width: 100%;
}
.cf7mls-btns .cf7mls_next.action-button .section2,
.cf7mls-btns .cf7mls_back.action-button .section2 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.cf7mls-btns .cf7mls_next.action-button .section2 h2,
.cf7mls-btns .cf7mls_back.action-button .section2 h2 {
line-height: 35px;
font-size: 30px;
}
.cf7mls-btns .cf7mls_next.action-button .section2 .slider .row,
.cf7mls-btns .cf7mls_back.action-button .section2 .slider .row {
width: 100% !important;
}
.cf7mls-btns .cf7mls_next.action-button .section2 .box h3,
.cf7mls-btns .cf7mls_back.action-button .section2 .box h3 {
font-size: 20px;
}
.cf7mls-btns .cf7mls_next.action-button .section2 .slider .row .col,
.cf7mls-btns .cf7mls_back.action-button .section2 .slider .row .col {
padding-left: 0;
padding-right: 0;
}
.cf7mls-btns .cf7mls_next.action-button .section3 h2,
.cf7mls-btns .cf7mls_back.action-button .section3 h2 {
font-size: 25px;
}
.cf7mls-btns .cf7mls_next.action-button .section3 h2::before,
.cf7mls-btns .cf7mls_next.action-button .section3 h2::after,
.cf7mls-btns .cf7mls_back.action-button .section3 h2::before,
.cf7mls-btns .cf7mls_back.action-button .section3 h2::after {
content: "";
background-repeat: no-repeat;
background-size: 86px 33px;
display: block;
width: 86px;
height: 33px;
}
.cf7mls-btns .cf7mls_next.action-button .section3 .cot1 .icon-box,
.cf7mls-btns .cf7mls_back.action-button .section3 .cot1 .icon-box {
margin-left: 0;
}
.cf7mls-btns .cf7mls_next.action-button .section3 .cot3 .icon-box,
.cf7mls-btns .cf7mls_back.action-button .section3 .cot3 .icon-box {
margin-left: 0;
}
.cf7mls-btns .cf7mls_next.action-button .section4 h2,
.cf7mls-btns .cf7mls_back.action-button .section4 h2 {
font-size: 35px;
line-height: 38px;
}
.cf7mls-btns .cf7mls_next.action-button .section5 h2,
.cf7mls-btns .cf7mls_next.action-button .section8 h2,
.cf7mls-btns .cf7mls_next.action-button .section9 h2,
.cf7mls-btns .cf7mls_back.action-button .section5 h2,
.cf7mls-btns .cf7mls_back.action-button .section8 h2,
.cf7mls-btns .cf7mls_back.action-button .section9 h2 {
font-size: 35px;
line-height: 39px;
}
.cf7mls-btns .cf7mls_next.action-button .section5 .large-9,
.cf7mls-btns .cf7mls_back.action-button .section5 .large-9 {
flex-basis: 60%;
max-width: 60%;
}
.cf7mls-btns .cf7mls_next.action-button .section5 .large-3,
.cf7mls-btns .cf7mls_back.action-button .section5 .large-3 {
flex-basis: 40%;
max-width: 40%;
}
.cf7mls-btns .cf7mls_next.action-button .section5 .box h3,
.cf7mls-btns .cf7mls_back.action-button .section5 .box h3 {
font-size: 20px;
}
.cf7mls-btns .cf7mls_next.action-button .section6 h2,
.cf7mls-btns .cf7mls_next.action-button .section7 h2,
.cf7mls-btns .cf7mls_back.action-button .section6 h2,
.cf7mls-btns .cf7mls_back.action-button .section7 h2 {
font-size: 35px;
line-height: 39px;
}
.cf7mls-btns .cf7mls_next.action-button .list-post2 .post-item .box-text,
.cf7mls-btns .cf7mls_back.action-button .list-post2 .post-item .box-text {
padding: 15px;
}
.cf7mls-btns .cf7mls_next.action-button .list-post2 .post-item .post-title,
.cf7mls-btns .cf7mls_back.action-button .list-post2 .post-item .post-title {
font-size: 24px;
line-height: 27px;
}
.cf7mls-btns .cf7mls_next.action-button .list-post2 .post-item .post-meta,
.cf7mls-btns .cf7mls_back.action-button .list-post2 .post-item .post-meta {
font-size: 14px;
}
.cf7mls-btns .cf7mls_next.action-button .list-post2 .post-item .from_the_blog_excerpt,
.cf7mls-btns .cf7mls_back.action-button .list-post2 .post-item .from_the_blog_excerpt {
font-size: 15px;
}
.cf7mls-btns .cf7mls_next.action-button .section9 .icon-box p,
.cf7mls-btns .cf7mls_back.action-button .section9 .icon-box p {
font-size: 25px;
}
.cf7mls-btns .cf7mls_next.action-button .section9 .box h3,
.cf7mls-btns .cf7mls_back.action-button .section9 .box h3 {
font-size: 25px;
font-weight: normal;
}
.cf7mls-btns .cf7mls_next.action-button .list-post3 .post-item .post-title,
.cf7mls-btns .cf7mls_back.action-button .list-post3 .post-item .post-title {
font-weight: 400;
font-size: 20px;
line-height: 23px;
}
.cf7mls-btns .cf7mls_next.action-button .section10 .cot2 .col-inner,
.cf7mls-btns .cf7mls_next.action-button .section10 .cot3 .col-inner,
.cf7mls-btns .cf7mls_back.action-button .section10 .cot2 .col-inner,
.cf7mls-btns .cf7mls_back.action-button .section10 .cot3 .col-inner {
padding: 15px;
}
.cf7mls-btns .cf7mls_next.action-button .section10 .cot2,
.cf7mls-btns .cf7mls_next.action-button .section10 .cot3,
.cf7mls-btns .cf7mls_back.action-button .section10 .cot2,
.cf7mls-btns .cf7mls_back.action-button .section10 .cot3 {
height: auto;
}
.cf7mls-btns .cf7mls_next.action-button .section10 h3,
.cf7mls-btns .cf7mls_back.action-button .section10 h3 {
font-size: 30px;
}
.cf7mls-btns .cf7mls_next.action-button .form-dat-phong h2,
.cf7mls-btns .cf7mls_back.action-button .form-dat-phong h2 {
font-size: 30px;
}
.cf7mls-btns .cf7mls_next.action-button .form-dat-phong,
.cf7mls-btns .cf7mls_back.action-button .form-dat-phong {
margin-top: 15px;
}
.cf7mls-btns .cf7mls_next.action-button .footer-section .col,
.cf7mls-btns .cf7mls_back.action-button .footer-section .col {
padding-bottom: 15px;
}
.cf7mls-btns .cf7mls_next.action-button .footer-section .cot2 ul li a,
.cf7mls-btns .cf7mls_back.action-button .footer-section .cot2 ul li a {
font-size: 20px;
}
.cf7mls-btns .cf7mls_next.action-button .footer-section h3,
.cf7mls-btns .cf7mls_back.action-button .footer-section h3 {
font-size: 21px;
}
.cf7mls-btns .cf7mls_next.action-button .form-flat input[type=submit],
.cf7mls-btns .cf7mls_back.action-button .form-flat input[type=submit] {
width: 100%;
margin: 0;
background: #ff9800;
text-transform: none;
letter-spacing: 0;
font-weight: normal;
}
.cf7mls-btns .cf7mls_next.action-button h1.entry-title.mb,
.cf7mls-btns .cf7mls_back.action-button h1.entry-title.mb {
margin-bottom: 10px;
font-size: 30px;
}
.cf7mls-btns .cf7mls_next.action-button .hang-phong h2,
.cf7mls-btns .cf7mls_back.action-button .hang-phong h2 {
font-size: 30px;
}
.cf7mls-btns .cf7mls_next.action-button .slider-custom,
.cf7mls-btns .cf7mls_back.action-button .slider-custom {
bottom: 57px !important;
}
.cf7mls-btns .cf7mls_next.action-button .spa-section h2,
.cf7mls-btns .cf7mls_back.action-button .spa-section h2 {
font-size: 30px;
}
.cf7mls-btns .cf7mls_next.action-button .spa-section h3,
.cf7mls-btns .cf7mls_back.action-button .spa-section h3 {
font-size: 20px;
}
.cf7mls-btns .cf7mls_next.action-button .accordion-title,
.cf7mls-btns .cf7mls_back.action-button .accordion-title {
font-size: 20px;
}
.cf7mls-btns .cf7mls_next.action-button .accordion-inner,
.cf7mls-btns .cf7mls_back.action-button .accordion-inner {
padding: 15px;
}
.cf7mls-btns .cf7mls_next.action-button .accordion-title,
.cf7mls-btns .cf7mls_back.action-button .accordion-title {
padding: 5px 20px;
}
.cf7mls-btns .cf7mls_next.action-button .blog-archive h1.page-title,
.cf7mls-btns .cf7mls_back.action-button .blog-archive h1.page-title {
font-size: 35px;
color: #5c6d2f;
letter-spacing: 0;
margin-bottom: 0;
}
.cf7mls-btns .cf7mls_next.action-button .blog-single h1,
.cf7mls-btns .cf7mls_back.action-button .blog-single h1 {
font-size: 30px;
}
.cf7mls-btns .cf7mls_next.action-button .bai-viet-lien-quan h3,
.cf7mls-btns .cf7mls_back.action-button .bai-viet-lien-quan h3 {
font-size: 25px;
}
.cf7mls-btns .cf7mls_next.action-button .bai-viet-lien-quan h4,
.cf7mls-btns .cf7mls_back.action-button .bai-viet-lien-quan h4 {
font-size: 16px;
color: #5c6d2f;
line-height: 19px;
padding-top: 7px;
height: 65px;
overflow: hidden;
}
.cf7mls-btns .cf7mls_next.action-button .lien-he-section .icon-box h3,
.cf7mls-btns .cf7mls_back.action-button .lien-he-section .icon-box h3 {
color: #5c6d2f;
font-size: 25px;
margin-bottom: 0;
}
.cf7mls-btns .cf7mls_next.action-button .section.main-video,
.cf7mls-btns .cf7mls_back.action-button .section.main-video {
padding: 90px 0 20px !important;
flex-direction: column;
}
.cf7mls-btns .cf7mls_next.action-button section.main-video .bg.section-bg,
.cf7mls-btns .cf7mls_back.action-button section.main-video .bg.section-bg {
position: unset;
width: 100%;
}
.cf7mls-btns .cf7mls_next.action-button .section.main-video video,
.cf7mls-btns .cf7mls_back.action-button .section.main-video video {
position: unset;
width: 100%;
height: auto;
}
}
.blog-single h1 {
text-transform: uppercase;
}
.page-template #main #content section.section .section-content h1, .page-template #main #content section.section .section-content h2, .page-template #main #content section.section .section-content h3, .page-template #main #content section.section .section-content h4, .page-template #main #content section.section .section-content h5 {
line-height: 1.5;
margin-bottom: 10px;
text-transform: uppercase;
}
.page-template #main #content section.section .section-content h1.section-title-main, .page-template #main #content section.section .section-content h2.section-title-main, .page-template #main #content section.section .section-content h3.section-title-main, .page-template #main #content section.section .section-content h4.section-title-main, .page-template #main #content section.section .section-content h5.section-title-main {
margin-bottom: 0;
}
.page-template #main #content section.section .section-content h1 b, .page-template #main #content section.section .section-content h2 b, .page-template #main #content section.section .section-content h3 b, .page-template #main #content section.section .section-content h4 b, .page-template #main #content section.section .section-content h5 b {
display: none;
}
.page-template #main #content section.section .section-content h1 *:not(a, i), .page-template #main #content section.section .section-content h2 *:not(a, i), .page-template #main #content section.section .section-content h3 *:not(a, i), .page-template #main #content section.section .section-content h4 *:not(a, i), .page-template #main #content section.section .section-content h5 *:not(a, i) {
padding: 0;
margin: 0;
border: 0;
}
.page-template #main #content section.section .section-content h1 i, .page-template #main #content section.section .section-content h2 i, .page-template #main #content section.section .section-content h3 i, .page-template #main #content section.section .section-content h4 i, .page-template #main #content section.section .section-content h5 i {
top: 2px;
}
.page-template #main #content section.section .section-content h1.section-title-bold-center, .page-template #main #content section.section .section-content h1.section-title-center, .page-template #main #content section.section .section-content h1.section-title-center, .page-template #main #content section.section .section-content h2.section-title-bold-center, .page-template #main #content section.section .section-content h2.section-title-center, .page-template #main #content section.section .section-content h2.section-title-center, .page-template #main #content section.section .section-content h3.section-title-bold-center, .page-template #main #content section.section .section-content h3.section-title-center, .page-template #main #content section.section .section-content h3.section-title-center, .page-template #main #content section.section .section-content h4.section-title-bold-center, .page-template #main #content section.section .section-content h4.section-title-center, .page-template #main #content section.section .section-content h4.section-title-center, .page-template #main #content section.section .section-content h5.section-title-bold-center, .page-template #main #content section.section .section-content h5.section-title-center, .page-template #main #content section.section .section-content h5.section-title-center {
text-align: center;
justify-content: center;
}
.page-template #main #content section.section .section-content h5:not(.post-title) {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.page-template #main #content section.section .section-content h5:not(.post-title) {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.page-template #main #content section.section .section-content h5:not(.post-title) {
font-size: 20px;
}
}
@media (max-width: 549px) {
.page-template #main #content section.section .section-content h5:not(.post-title) {
font-size: 16px;
}
}
.page-template #main #content section.section .section-content h4:not(.list-res h4) {
margin-bottom: 0;
text-align: left;
}
@media only screen and (min-width: 768px) {
.page-template #main #content section.section .section-content h4:not(.list-res h4) {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.page-template #main #content section.section .section-content h4:not(.list-res h4) {
font-size: 24px;
}
}
@media (max-width: 549px) {
.page-template #main #content section.section .section-content h4:not(.list-res h4) {
font-size: 20px;
}
}
.page-template #main #content section.section .section-content h4:not(.list-res h4) span {
border: 0;
padding: 0;
}
.page-template #main #content section.section .section-content h3 {
text-transform: uppercase;
text-align: left;
}
.page-template #main #content section.section .section-content h3 span {
padding: 0;
margin: 0;
border: 0;
}
@media only screen and (min-width: 768px) {
.page-template #main #content section.section .section-content h3 {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.page-template #main #content section.section .section-content h3 {
font-size: 28px;
}
}
@media (max-width: 549px) {
.page-template #main #content section.section .section-content h3 {
font-size: 24px;
}
}
.page-template #main #content section.section .section-content h2 {
text-align: left;
}
@media only screen and (min-width: 768px) {
.page-template #main #content section.section .section-content h2 {
font-size: 38px;
}
}
@media only screen and (max-width: 767px) {
.page-template #main #content section.section .section-content h2 {
font-size: 32px;
}
}
@media (max-width: 549px) {
.page-template #main #content section.section .section-content h2 {
font-size: 26px;
}
}
.page-template #main #content section.section .section-content .list-res h4 {
font-family: "Open Sans", sans-serif;
font-size: large;
font-weight: 700;
margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
.page-template #main #content section.section .section-content .list-res h4 {
font-size: 16px;
}
}
@media only screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .list-res h4 {
font-size: 13px;
padding-left: 8px;
width: 100%;
}
}
.page-template #main #content section.section .section-content h5.post-title {
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: medium;
}
.page-template #main #content section.section .section-content a.button:not(.social-icons a) {
font-size: 15px;
padding: 0px 16px;
min-width: 190px;
line-height: 48px;
font-weight: 400;
text-transform: math-auto;
vertical-align: auto;
display: inline-block;
}
.page-template #main #content section.section .section-content a.button:not(.social-icons a) i {
height: 18px;
top: calc(50% - 9px);
margin-top: 2px;
}
.page-template #main #content section.section .section-content a.button:not(.social-icons a) i.icon-phone {
top: -2px;
}
@media only screen and (max-width: 550px) {
.page-template #main #content section.section .section-content a.button:not(.social-icons a) i.icon-phone {
top: 0;
}
}
@media only screen and (max-width: 767px) {
.page-template #main #content section.section .section-content a.button:not(.social-icons a) {
min-width: 100px;
line-height: 30px;
justify-content: space-between;
padding: 2px 12px 0 !important;
align-items: center;
font-size: 12px;
}
}
.page-template #main #content section.section .section-content a.button:not(.social-icons a)::after {
box-shadow: inset 0 1.6em 0 0 hsla(0, 0%, 100%, 0.1);
}
.page-template #main #content section.section .section-content .social-icons {
padding-left: 0;
}
@media only screen and (max-width: 767px) {
.page-template #main #content section.section .section-content .social-icons {
padding-left: 0;
padding-top: 2px;
}
}
.page-template #main #content section.section .section-content .social-icons a {
border-width: 1px;
width: 45px;
line-height: 43px;
padding: 0;
margin: 0 5px 0 0;
}
@media only screen and (max-width: 767px) {
.page-template #main #content section.section .section-content .social-icons a {
width: 32px;
line-height: 30px;
min-width: 30px;
}
}
.page-template #main #content section.section .section-content .social-icons a:hover {
border-color: #fff !important;
}
.page-template #main #content section.section .section-content .list-btn .col-inner {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.page-template #main #content section.section .section-content .list-btn .col-inner a.button {
flex-wrap: wrap;
line-height: 48px;
}
@media only screen and (max-width: 767px) {
.page-template #main #content section.section .section-content .list-btn .col-inner a.button {
max-width: none;
width: auto;
}
}
.page-template #main #content section.section .section-content .list-btn .col-inner a.button i {
top: 1px;
}
.page-template #main #content section.lien-he-section .section-content h5 {
font-family: "Open Sans", sans-serif;
margin-bottom: 10px;
font-size: 18px !important;
}
.page-template #main #content section.lien-he-section .section-content .wrap-address {
margin-top: 10px;
}
.page-template #main #content section.section .section-content .form-dat-phong h3 {
margin-bottom: 10px;
}
.navigation-post a {
text-transform: uppercase;
}
.single p, .single ul li, .single ol li {
line-height: 1.7;
}
.single p, .single ul, .single ol {
margin-bottom: 24px;
}
@media only screen and (max-width: 850px) {
.arc-container {
flex-basis: 65%;
max-width: 65%;
margin-left: 35%;
}
}
@media only screen and (max-width: 767px) {
.arc-container {
flex-basis: 100%;
max-width: 100%;
margin-left: 0%;
}
}
.arc-container .col-inner {
position: relative;
padding-left: 20px;
}
@media only screen and (max-width: 549px) {
.arc-container .col-inner {
padding-left: 0;
}
}
.arc-container .col-inner .arc-item {
transition: all 0.3s ease;
margin-bottom: 40px;
transform-origin: left center;
border-radius: 12px;
}
@media only screen and (max-width: 550px) {
.arc-container .col-inner .arc-item {
margin-bottom: 12px !important;
}
}
@media only screen and (max-width: 850px) {
.arc-container .col-inner .arc-item .col-inner {
background: rgba(255, 255, 255, 0.6);
opacity: 1;
}
}
@media only screen and (max-width: 550px) {
.arc-container .col-inner .arc-item .col-inner .icon-box-left .icon-box-img + .icon-box-text {
padding-left: 0 !important;
}
}
@media only screen and (max-width: 549px) {
.arc-container .col-inner .arc-item .col-inner img {
width: 35px;
}
}
.arc-container .col-inner .arc-item:last-child {
margin-bottom: 0;
}
.arc-container .col-inner { }
.arc-container .col-inner .item-0 {
transform: translateX(10px);
}
.arc-container .col-inner .item-1 {
transform: translateX(30px);
}
.arc-container .col-inner .item-2 {
transform: translateX(55px);
}
.arc-container .col-inner .item-3 {
transform: translateX(80px);
}
.arc-container .col-inner .item-4 {
transform: translateX(55px);
}
.arc-container .col-inner .item-5 {
transform: translateX(30px);
}
.arc-container .col-inner .item-6 {
transform: translateX(10px);
}
@media screen and (max-width: 850px) {
.section.banner-top.banner-top-gioi-thieu {
padding-bottom: 0 !important;
}
}
#breadcrumbs {
margin-right: calc((100vw - 100%) / 2 * -1);
margin-left: calc((100vw - 100%) / 2 * -1);
margin-top: -30px;
background-color: rgba(245, 245, 245, 0.05);
margin-bottom: 40px;
}
#breadcrumbs .container-width {
padding: 8px 15px;
font-size: 12px;
}
.post_loader .post-item .box .box-image .image-cover {
padding: 0 !important;
border-radius: 5px !important;
}
.post_loader .post-item .box .box-image .image-cover img {
position: unset !important;
aspect-ratio: 767/400;
}
.flickity-slider .img-inner img,
.spa-section .img-inner img,
.nha-hang-section .img-inner img {
aspect-ratio: 1000/667;
object-fit: cover !important;
}
@media only screen and (max-width: 549px) {
.flickity-slider .img-inner img,
.spa-section .img-inner img,
.nha-hang-section .img-inner img {
aspect-ratio: 4/3;
}
}
.sl-wrapper.simple-lightbox {
max-width: 1000px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
min-height: 500px;
}
.sl-wrapper.simple-lightbox .sl-image {
position: unset;
margin: 0 auto;
opacity: 1 !important;
}
.sl-wrapper.simple-lightbox .sl-image img {
transform: none !important;
opacity: 1 !important;
display: block !important;
}
.sl-wrapper .sl-image .sl-caption {
padding: 0;
top: 0;
display: none !important;
}
.sl-overlay {
background-color: #0b0b0b;
opacity: 0.6;
}
.sl-wrapper .sl-counter {
bottom: -30px;
right: 0;
top: auto;
left: auto;
height: auto;
font-size: 12px;
}
.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-navigation button.sl-next,
.sl-wrapper .sl-close {
color: #fff;
position: absolute;
margin: 0;
width: 50px;
margin: 0;
height: 50px;
min-height: unset;
line-height: 50px;
color: transparent;
font-size: 0;
}
.sl-wrapper .sl-navigation button.sl-prev::before,
.sl-wrapper .sl-navigation button.sl-next::before,
.sl-wrapper .sl-close::before {
content: "";
font-family: fl-icons !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
line-height: 1.2;
font-size: 45px;
speak: none !important;
color: #fff;
opacity: 0.8;
}
.sl-wrapper .sl-navigation button.sl-prev::before {
content: "\f104";
}
.sl-wrapper .sl-navigation button.sl-next::before {
content: "\f105";
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 0;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 0;
}
.sl-wrapper .sl-close {
right: 0;
top: -30px !important;
margin: 0 !important;
min-height: auto;
width: 40px;
height: 40px;
}
.sl-wrapper .sl-close::before {
position: fixed;
right: calc((100vw - 100%) / 2 * -1);
top: calc((100vh - 100%) / 2 * -1);
content: content;
background: transparent url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"%3E%3Cline x1="18" y1="6" x2="6" y2="18"%3E%3C/line%3E%3Cline x1="6" y1="6" x2="18" y2="18"%3E%3C/line%3E%3C/svg%3E') no-repeat center center;
background-size: 30px; width: 40px;
height: 40px;
display: inline-block; cursor: pointer; }
.hinhanh-section .ngg-gallery-thumbnail {
background-color: transparent;
border-color: transparent;
}
.hinhanh-section .ngg-navigation {
text-align: center;
}
.hinhanh-section .ngg-navigation a, .hinhanh-section .ngg-navigation span {
border: 2px solid #fff;
border-radius: 99px;
display: inline-block;
font-size: 1.1em;
font-weight: bolder;
width: 2.25em;
height: 2.25em;
line-height: 2em;
min-width: 2.25em;
padding: 0 7px;
text-align: center;
transition: all 0.3s;
vertical-align: top;
background-color: transparent;
}
.hinhanh-section .ngg-navigation a:hover, .hinhanh-section .ngg-navigation span:hover {
background-color: #be9d2f;
border-color: #be9d2f;
opacity: 1;
}
.hinhanh-section .ngg-navigation .current {
background-color: #be9d2f;
border-color: #be9d2f;
}
.hinhanh-section .ngg-navigation .prev, .hinhanh-section .ngg-navigation .next {
color: transparent !important;
position: relative;
}
.hinhanh-section .ngg-navigation .prev::before, .hinhanh-section .ngg-navigation .next::before {
content: "";
width: 10px;
height: 10px;
border: 4px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 12px;
transition: all ease-in-out 0.3s;
}
.hinhanh-section .ngg-navigation .next {
transform: rotate(180deg);
}
.related-posts-section .section-content {
max-width: 1175px;
margin: 0 auto;
}
.single #breadcrumbs .container-width {
max-width: 1175px;
}
.single #main .social-icons {
display: flex;
gap: 5px;
flex-wrap: wrap;
margin: 30px 0 20px;
}
@media only screen and (max-width: 849px) {
.single #main .social-icons {
margin: 0 0 20px;
}
}
.single #main .social-icons a.button {
border-width: 1px;
width: 45px;
height: 45px;
line-height: 43px;
margin-bottom: 0;
}
@media only screen and (max-width: 849px) {
.single #main .social-icons a.button {
width: 30px;
height: 30px;
line-height: 28px;
}
}
.single #main .social-icons a.button:hover {
border: 1px solid #fff !important;
}
@media only screen and (max-width: 849px) {
.single .post {
margin-bottom: 0;
}
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .slider {
padding-bottom: 30px;
margin-bottom: 30px;
}
@media only screen and (max-width: 549px) {
.tabbed-content.tab-page-hinhanh .tab-panels .panel .slider {
margin-bottom: 0;
padding-bottom: 0;
}
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button {
top: auto !important;
bottom: 17px !important;
opacity: 1;
z-index: 9;
font-size: 15px;
width: 33px;
height: 33px;
line-height: 27px;
border-radius: 50%;
border: 2px solid #fff;
display: flex;
padding: 0;
z-index: 999;
min-height: auto;
overflow: hidden;
margin: 0;
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button::before {
font-family: fl-icons !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
line-height: 1.2;
font-style: normal;
width: 100%;
height: 100%;
line-height: 29px;
font-size: 1.1em;
content: "\f105";
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button svg {
border-color: transparent;
opacity: 0;
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button:hover {
background-color: #be9d2f !important;
border-color: #be9d2f !important;
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button.previous {
left: calc(50% - 82px);
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button.previous::before {
transform: rotate(180deg);
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button.next {
right: calc(50% - 82px);
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button.next::before {
content: "\f105";
}
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots {
counter-reset: item;
list-style: none;
top: auto;
margin-top: 10px;
z-index: 99;
}
@media only screen and (max-width: 549px) {
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots {
padding-left: 0;
position: relative;
bottom: auto;
left: 0;
margin-top: 20px;
margin-bottom: 20px;
pointer-events: auto;
}
}
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots li {
width: 33px;
height: 33px;
background-color: transparent !important;
opacity: 1;
counter-increment: item;
position: relative;
font-size: 1.1em;
}
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots li:hover {
background-color: #be9d2f !important;
}
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots li:before {
content: counter(item) ""; position: absolute;
colo: #fff;
font-weight: 500;
top: 0;
left: 0;
line-height: 29px;
font-size: 14px;
width: 100%;
height: 100%;
transition: all 0.3s;
}
.header-nav li.menu-item.active-single a {
color: #be9d2f !important;
}
footer .social-icons a {
margin-bottom: 0;
}
.pum-content .df-container .df-bg {
background-color: #fff !important;
}
@media only screen and (max-width: 849px) {
.banner-quang-cao {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 549px) {
.banner-quang-cao {
padding-bottom: 0;
}
}
.banner-quang-cao .flickity-slider .img-inner img, .banner-quang-cao .spa-section .img-inner img, .banner-quang-cao .nha-hang-section .img-inner img {
aspect-ratio: 1/2 !important;
}
@media only screen and (max-width: 849px) {
.banner-quang-cao .flickity-slider .img-inner img, .banner-quang-cao .spa-section .img-inner img, .banner-quang-cao .nha-hang-section .img-inner img {
aspect-ratio: revert-layer !important;
background-size: contain;
}
}
.banner-quang-cao .flickity-page-dots {
bottom: -35px;
}
@media only screen and (max-width: 549px) {
.banner-quang-cao .flickity-page-dots {
position: unset;
margin: 20px auto 0;
}
}
.navigation-post.single-nav {
max-width: 1145px;
margin: 0 auto;
}
@media only screen and (max-width: 849px) {
.navigation-post.single-nav .flex-col {
padding-top: 10px;
padding-bottom: 5px;
}
}
.navigation-post.single-nav a {
display: flex;
align-items: center;
}
@media only screen and (max-width: 849px) {
.navigation-post.single-nav a {
font-size: 15px;
}
}
.navigation-post.single-nav a b {
font-weight: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
align-self: stretch;
overflow: hidden;
padding-right: 10px;
}
.navigation-post.single-nav a span.hide-for-small {
font-size: 12px;
}
@media only screen and (max-width: 549px) {
.navigation-post.single-nav a span.hide-for-small {
display: inline-block !important;
}
}
.navigation-post.single-nav .text-right a {
justify-content: flex-end;
}
.home .section.main-video {
z-index: 2;
}
.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output.ative {
height: 0;
overflow: hidden;
display: none !important;
}
.page-template #content section.spa-section .nut-xem-them {
display: flex;
align-items: center;
}
.page-template #content section.spa-section .zalo-icon.nut-xem-them {
margin-top: 0;
margin-bottom: 0 !important;
}
@media only screen and (max-width: 549px) {
.page-template #content section.spa-section .zalo-icon.nut-xem-them {
line-height: 28px;
padding: 0 10px;
}
}
.page-template #content section.spa-section .zalo-icon.nut-xem-them img {
position: relative;
top: -1px;
margin-right: 5px;
}
@media only screen and (max-width: 549px) {
.page-template #content section.spa-section .zalo-icon.nut-xem-them img {
height: 10px;
}
}
.page-template #content section.spa-section .zalo-icon.nut-xem-them a {
color: #fff;
}
@media only screen and (max-width: 1200px) {
footer .footer-widgets.footer.footer-1 {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 549px) {
footer .footer-widgets.footer.footer-1 {
padding-top: 20px;
}
} @media only screen and (max-width: 849px) {
.page-template #content .section .wpcf7 {
bottom: 10px;
}
.page-template #content .section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .fieldset-cf7mls {
margin: 0;
}
.page-template #content .section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .cf7mls-btns {
bottom: 20px;
right: 10px;
display: flex;
align-content: flex-end;
align-items: flex-end;
}
.page-template #content .section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .cf7mls-btns button {
margin: 0 !important;
padding: 0 20px !important;
line-height: 38px;
width: 100%;
}
.page-template #content .section:not(.banner-top) {
padding: 30px 10px 10px !important;
}
.page-template #content section.section5 .section-content > .row .col,
.page-template #content .section:not(.banner-top) .section-content .col {
padding: 10px;
}
.page-template #main #content section.section .section-content h2 {
font-size: 30px;
}
.page-template #content .section.section6 .section-content .col {
padding-top: 0;
padding-bottom: 0;
max-width: 100%;
flex-basis: 100%;
}
.page-template #main #content section.section .section-content h4:not(.list-res h4),
.page-template #main #content section.section .section-content h5:not(.post-title) {
font-size: 20px;
}
.page-template #content .section.section2 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.page-template #content .section.section2 .section-content .section-title-container {
padding-left: 0;
padding-right: 0;
}
.page-template #content .section.section2 .section-content .col.trai-nghiem-home {
padding-left: 5px;
padding-right: 5px;
}
.page-template #content .section.section2 .slider .col {
padding-top: 0 !important;
}
.page-template #content .section.section2 .flickity-page-dots {
position: unset;
margin-top: 10px;
}
.page-template #main #content section.section .section-content a.button:not(.social-icons a) {
margin-bottom: 0 !important;
border-radius: 5px !important;
}
.page-template #content section.section7 .section-content .row .col {
padding: 10px !important;
}
.page-template #content .section.section8 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
opacity: 1;
}
.flickity-prev-next-button.previous {
left: 20px;
}
.flickity-prev-next-button.next {
right: 20px;
}
.page-template #main #content section.section .section-content h5.post-title {
font-size: 16px;
margin: 16px 0 8px;
}
.post-item .box .box-text p.from_the_blog_excerpt {
margin: 8px 0;
font-size: 13px;
}
.post-item .box .box-text button {
margin-top: 0;
font-size: 13px;
font-weight: normal;
padding: 0;
min-height: auto;
border: 0;
margin: 0;
line-height: normal;
background-color: transparent;
}
.section-content .section-title-container {
padding-left: 0px;
padding-right: 10px;
}
.section-content .section-title-container b {
display: none !important;
}
.page-template #content section.main-video .wpcf7 {
padding: 0 10px;
}
.page-template #content section.main-video .wpcf7 .form-booking {
padding: 5px;
}
.page-template #content section.main-video .wpcf7 .form-booking .col.large-2:last-child {
padding-bottom: 0;
}
.page-template #content .section.section5 .section-content .section-title-container {
padding-left: 10px;
}
footer .footer-widgets.footer.footer-1 {
padding-left: 5px;
padding-right: 5px;
}
}
@media only screen and (min-width: 550px) {
.video-form-mobile {
display: none !important;
}
}
@media only screen and (max-width: 549px) {
.youtube-frame-wrapper {
overflow: hidden; padding: 0;
}
.youtube-frame-wrapper iframe {
aspect-ratio: 16/9;
margin-top: 89px;
margin-bottom: -10px;
}
.page-template #content section.main-video .section-content {
min-height: auto;
margin-top: 0;
}
.page-template #content section.main-video .wpcf7 {
position: unset !important;
transform: none !important;
}
.form-booking {
background-color: #fff;
}
.page-template #content .section .wpcf7 {
bottom: auto;
}
.page-template #content .section.sec-form-mobile {
padding: 20px 20px 0 !important;
}
.page-template #content .section.sec-form-mobile .wpcf7 {
bottom: 0;
}
.page-template #content .section.sec-form-mobile .wpcf7 .form-booking {
border: 0;
padding: 20px 10px;
}
.page-template #content .section.sec-form-mobile .wpcf7 .form-booking .col.large-2:last-child {
padding-bottom: 0;
padding-right: calc(50% + 10px) !important;
}
}
@media only screen and (max-width: 549px) and (max-width: 549px) {
.page-template #content .section.sec-form-mobile.main-video {
min-height: auto;
padding: 20px 10px 0 !important;
}
}
@media only screen and (max-width: 549px) and (max-width: 549px) {
.page-template #content .section.sec-form-mobile.main-video video {
display: none;
}
}
@media only screen and (max-width: 549px) {
.page-template #main #content section.section5 .section-content h2 {
margin-bottom: 0;
}
.ks-tsn-text-mobile {
margin-top: 16px;
}
.page-template #content .section.section2 .section-content .col.trai-nghiem-home {
padding-bottom: 0;
}
.page-template #content section.section7 .section-content a.button {
margin-bottom: 0 !important;
}
.page-template #content section.section7 .row .col.col-100-1024 {
padding-bottom: 0 !important;
}
.page-template #content section.section7 .row .col.col-100-1024 .col-inner {
margin-bottom: 0;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
width: 36px !important;
height: 36px !important;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button svg {
border: 2px solid #fff !important;
padding: 9px !important;
}
footer .footer-widgets .widget {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 0;
}
footer .footer-widgets .widget p:last-child {
margin-bottom: 0;
}
footer .footer-widgets .widget:nth-of-type(2),
footer .footer-widgets .widget:nth-of-type(3) {
margin-bottom: 20px;
}
footer .footer-widgets.footer.footer-1 {
padding-bottom: 15px;
}
} .social-and-phone .col {
padding: 0 15px !important;
}
.social-and-phone .col-inner {
display: flex;
gap: 10px;
}
@media only screen and (max-width: 500px) {
.social-and-phone:not(.list-btn) .col-inner {
gap: 16px;
}
}
@media only screen and (max-width: 374px) {
.social-and-phone:not(.list-btn) .col-inner {
flex-direction: column;
}
}
@media only screen and (max-width: 500px) {
.social-and-phone:not(.list-btn) .col-inner .social-icons {
padding-left: 0 !important;
}
}
@media only screen and (max-width: 849px) {
.section.banner-top.banner-top-gioi-thieu .section-bg {
background-position: left 45% center !important;
}
.arc-container {
margin-left: 0;
flex-basis: 50%;
max-width: 50%;
padding: 20px;
}
.arc-container .col-inner {
padding-left: 0;
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}
.arc-container .col-inner .row {
width: 100%;
margin: 0 !important;
}
.arc-container .col-inner .row .col {
padding: 0;
}
.arc-container .col-inner .arc-item .col-inner {
background: rgba(0, 10, 43, 0.1);
justify-content: flex-start;
}
.arc-container .col-inner .arc-item .col-inner .icon-box-img {
max-width: 45px;
}
.arc-container .col-inner .arc-item .col-inner h4 {
font-size: 14px;
}
}
@media only screen and (max-width: 849px) {
.padding-top-0849 {
padding-top: 0 !important;
}
.padding-top-0849 .col-inner {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section.padding-top-20849 {
padding-top: 20px !important;
}
}
@media only screen and (max-width: 849px) {
.margin-bottom-20 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 849px) {
.margin-bottom-0849 p {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section.gioithieu-vechungtoi .section-content .row {
padding: 0 !important;
margin: 0;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section.gioithieu-vechungtoi .section-content .row .nut-xem-them {
margin-top: 1.3em;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section.gioithieu-pavillon .row-849 .col:nth-of-type(1) .col-inner {
margin-top: 0 !important;
margin-bottom: 0;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section.tien-ich-tan-son-nhat .section.section2 {
padding: 0;
}
}
@media only screen and (max-width: 549px) {
.arc-container {
flex-basis: 100%;
max-width: 100%;
padding: 20px;
}
}
@media only screen and (max-width: 549px) {
.arc-container .col-inner .row {
width: 100%;
transform: none;
}
}
@media only screen and (max-width: 549px) {
.arc-container .col-inner {
gap: 10px;
}
}
@media only screen and (max-width: 849px) {
.banner-tab-mobile {
padding-top: 90px;
}
.banner-tab-mobile img {
border-radius: 0 !important;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section.hang-phong .cot1 ul li {
font-size: 16px;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section.hang-phong .cot1 p, .page-template #content .section.hang-phong .cot1 p span {
font-size: 16px !important;
}
}
.hang-phong .section9 .icon-box {
height: auto;
padding: 0;
text-align: left;
background: transparent !important;
}
.hang-phong .section9 .icon-box .icon-box-text p {
text-align: left;
}
.hang-phong .section9 .icon-box .icon-box-text p span {
font-size: 16px !important;
}
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang {
gap: 20px 0;
}
@media only screen and (max-width: 849px) {
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 849px) {
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col .col-inner a.button.secondary {
padding: 0 16px !important;
}
}  @media only screen and (max-width: 849px) {
.slider-khampha-sp {
padding: 0 5px;
}
}
@media only screen and (max-width: 849px) {
.slider-khampha-sp .flickity-page-dots {
bottom: 8px !important;
left: 0;
right: 0;
position: relative;
z-index: 99;
pointer-events: all;
}
}
@media only screen and (max-width: 849px) {
.slider-khampha-sp .gallery-col {
padding-bottom: 25px !important;
}
}
@media only screen and (max-width: 849px) {
.slider-khampha-sp .flickity-prev-next-button {
margin-top: 0 !important;
}
}
@media only screen and (max-width: 849px) {
.slider-khampha-sp .box-text {
display: none;
}
}  @media only screen and (max-width: 549px) {
.tab-title-custom ul.nav,
.tab-page-hinhanh ul.nav {
gap: 10px 20px;
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 549px) {
.tab-title-custom ul.nav li a,
.tab-page-hinhanh ul.nav li a {
font-size: 13px;
border: rgba(225, 225, 225, 0.5) 1px solid;
width: 100%;
line-height: 1.4;
border-radius: 5px;
padding: 10px;
justify-content: center;
}
}
@media only screen and (max-width: 549px) {
.tab-title-custom ul.nav li:last-child,
.tab-page-hinhanh ul.nav li:last-child {
grid-column: span 2;
justify-self: center;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.tab-title-custom ul.nav li.active a,
.tab-page-hinhanh ul.nav li.active a {
border-color: #c7a62c;
}
}
@media only screen and (max-width: 767px) {
.tab-page-hinhanh ul {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.tab-page-hinhanh ul li a {
text-align: center;
line-height: 1.4;
padding: 10px 12px;
}
}
@media only screen and (max-width: 549px) {
.tab-page-hinhanh ul li a {
background-color: #001135;
color: #ffffff;
border: none;
border-radius: 8px;
padding: 10px;
font-weight: 500;
text-align: center;
word-break: break-word;
line-height: 1.4;
transition: background-color 0.3s;
justify-content: center;
font-size: 13px;
}
}
@media only screen and (max-width: 549px) {
.tab-page-hinhanh ul li:last-child {
grid-column: span 2;
justify-self: center;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.form-dat-phong,
.info-lienhe-page .col-inner {
padding: 20px !important;
}
}  @media screen and (max-width: 849px) {
.mobile-nav.nav.nav-right {
justify-content: flex-end !important;
}
.mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown a {
align-items: center;
font-size: 0;
margin: 0;
padding: 0;
}
.mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown a .image-icon {
width: 24px;
height: 16px;
display: flex;
}
.mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown a .icon-angle-down {
opacity: 1;
color: #fff;
margin-left: 10px;
}
.mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown::after, .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown::before {
content: none !important;
}
.mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown .nav-dropdown {
border: 0;
padding: 0;
display: flex;
background: transparent;
min-width: auto;
flex-direction: column;
gap: 10px;
background-color: rgba(225, 225, 225, 0.6);
left: -10px !important;
width: 44px;
padding: 10px;
}
.mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown .nav-dropdown::after {
content: none;
}
.mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown .nav-dropdown li a .icon-image {
width: 24px;
}
.mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown .nav-dropdown li a .icon-image img {
width: 100%;
}
.off-canvas-center .mfp-content {
max-width: 100%;
height: 100%;
}
.off-canvas-center .mfp-content .sidebar-menu {
padding: 0;
}
.sidebar-menu ul {
padding: 10px 0 20px !important;
}
.sidebar-menu ul li {
border-bottom: 1px solid rgba(184, 167, 50, 0.4) !important;
padding-left: 20px;
padding-right: 20px;
}
.sidebar-menu ul li a {
font-size: 13px !important;
padding: 10px 0 !important;
}
.sidebar-menu ul li button.toggle {
top: 0 !important;
width: 40px !important;
height: 40px;
top: 0;
width: auto;
}
.sidebar-menu ul li button.toggle i {
font-size: 16px !important;
}
.sidebar-menu ul li ul {
padding: 10px 0 !important;
margin-left: -20px !important;
width: calc(100% + 40px);
max-width: calc(100% + 40px);
margin-right: -20px !important;
border-top: 1px solid rgba(184, 167, 50, 0.4);
}
.sidebar-menu ul li ul li {
border-bottom: 0 !important;
padding: 0 !important;
}
.sidebar-menu ul li ul li a {
background-color: transparent;
padding: 5px 20px !important;
border: 0 !important;
}
.sidebar-menu ul li.current-menu-item a {
color: rgb(199, 166, 44) !important;
}
.sidebar-menu ul li.current-menu-item ul li a {
color: #fff !important;
}
.sidebar-menu ul li.active button.toggle {
transform: rotate(180deg);
}
.sidebar-menu ul li.wpml-ls-slot-2 {
display: none;
}
.mfp-ready .mfp-close {
border-color: #fff;
top: 20px;
right: 20px;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 28px;
opacity: 1;
}
.mfp-ready .mfp-close svg {
width: 20px;
}
}
@media screen and (max-width: 549px) {
.slider-wrapper .flickity-prev-next-button {
display: block;
}
.slider-top-thu-vien .flickity-page-dots {
position: unset;
margin-top: 20px;
}
}
@media screen and (max-width: 849px) {
.padding-bottom-849 {
padding-bottom: 0;
}
}
@media screen and (max-width: 849px) {
.row-main-wrap {
margin-bottom: -30px;
}
}
@media screen and (max-width: 849px) {
.section.related-posts-section {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 849px) {
.section.related-posts-section .section-content .col.small-12 {
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 849px) {
.section.related-posts-section .section-title-container {
margin-bottom: 0;
}
}
@media screen and (max-width: 849px) {
.section.related-posts-section h2 {
margin-bottom: 20px;
border: 0;
}
.section.related-posts-section h2 b {
display: none;
}
.section.related-posts-section h2 span {
padding: 0;
border: 0;
margin: 0;
}
}
.section.related-posts-section .post-item {
padding: 0 10px !important;
}
.section.related-posts-section .post-item .box-image img {
aspect-ratio: 550/350;
object-fit: cover;
}
@media screen and (max-width: 849px) {
.page-template #content .section.hang-phong p:not(p a.button), .page-template #content .section.hang-phong ul li {
font-size: 16px !important;
}
}
@media screen and (max-width: 849px) {
.page-template #content .section.hang-phong ul {
margin-bottom: 16px;
}
}
@media screen and (max-width: 849px) {
.page-template #content .section.hang-phong ul li:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section.main-video {
padding: 0 !important;
min-height: 400px;
}
} @media screen and (max-width: 549px) {
.section.banner-top.banner-top-gioi-thieu .section-bg {
background-position: left 36% center !important;
}
}
@media screen and (max-width: 549px) {
.arc-container .col-inner {
padding-left: 0;
gap: 10px;
}
}
@media screen and (max-width: 549px) {
.arc-container .col-inner .arc-item .col-inner {
background: rgba(255, 255, 255, 0.05);
}
}
@media screen and (max-width: 549px) {
.arc-container .col-inner .arc-item .col-inner .icon-box-img {
max-width: 35px;
}
}
@media screen and (max-width: 549px) {
.form-booking .col.large-2, .form-booking .col.large-3 {
padding: 0 10px !important;
}
}
@media screen and (max-width: 549px) {
.form-booking label {
font-size: 13px;
font-weight: 400;
}
}
@media screen and (max-width: 549px) {
.form-booking select, .form-booking input {
font-size: 13px;
}
}
@media screen and (max-width: 549px) {
.form-booking select {
margin-bottom: 0;
background: rgba(0, 0, 0, 0.04);
border: 0;
border-radius: 5px;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content h2 {
font-size: 18px;
justify-content: flex-start !important;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .col a.button.nut-xem-them {
font-size: 12px;
line-height: 28px;
padding: 0 10px !important;
width: auto;
min-width: auto;
overflow: hidden;
min-height: auto;
margin-top: 16px;
}
.page-template #main #content section.section .section-content .col a.button.nut-xem-them i {
margin-left: 5px;
margin-top: 3px;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .flickity-prev-next-button {
width: 30px !important;
opacity: 1;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .flickity-prev-next-button svg {
border: 1px solid !important;
padding: 9px;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .flickity-prev-next-button.next {
right: 20px;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .flickity-prev-next-button.previous {
left: 20px;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .flickity-page-dots {
bottom: 10px;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .tabbed-content .flickity-prev-next-button.next {
right: calc(50% - 82px);
bottom: 12px !important;
width: 33px !important;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .section-content .tabbed-content .flickity-prev-next-button.previous {
left: calc(50% - 82px);
bottom: 12px !important;
width: 33px !important;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .cf7mls-btns {
top: auto;
left: calc(50% + 10px);
justify-content: center;
}
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper button {
line-height: 33px;
max-width: none;
padding: 0 10px !important;
width: auto;
background-color: rgba(3, 10, 42, 0.8);
}
}
.page-template #main #content section.section form.cf7mls input.wpcf7-form-control.wpcf7-submit {
padding: 0;
margin: 27px 0 0;
position: relative;
z-index: 9;
}
@media screen and (max-width: 549px) {
.page-template #main #content section.section.section6 img {
border-radius: 0 !important;
aspect-ratio: 509/580;
object-fit: cover;
}
}
@media screen and (max-width: 549px) {
.page-template .img-for-sp .box-image img, .page-template .img-for-sp .img img {
aspect-ratio: 4/3;
object-fit: cover;
object-fit: cover;
border-radius: 5px !important;
}
}
@media screen and (max-width: 549px) {
.page-template .img-for-sp .box-image .overlay, .page-template .img-for-sp .img .overlay {
display: none;
}
}
@media screen and (max-width: 549px) {
.page-template .img-for-sp .box-text {
padding: 20px;
}
}
@media screen and (max-width: 549px) {
.page-template .img-for-sp .box-text h4 {
font-size: 14px !important;
}
}
@media screen and (max-width: 549px) {
.page-template .img-for-sp.slider-top-thu-vien .flickity-prev-next-button.next {
right: 20px !important;
}
}
@media screen and (max-width: 549px) {
.page-template .img-for-sp.slider-top-thu-vien .flickity-prev-next-button.previous {
left: 20px !important;
}
}
@media screen and (max-width: 549px) {
.page-template .ks-tsn-text-mobile {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
align-self: stretch;
overflow: hidden;
margin-bottom: 16px;
}
}
@media screen and (max-width: 549px) {
footer .footer-widgets .widget {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 549px) {
footer .footer-widgets .widget:nth-of-type(3), footer .footer-widgets .widget:nth-of-type(4) {
display: none;
}
}
@media screen and (max-width: 549px) {
footer .footer-widgets .textwidget .social-icons {
margin-top: 10px !important;
}
}
@media screen and (min-width: 550px) {
footer .footer-widgets .textwidget .social-icons a:last-child {
display: none;
}
}
footer .footer-widgets .textwidget .social-icons a:last-child i::before {
content: "\f3c5";
font-family: "FontAwesome";
}
.post-item .box .box-image .image-zoom img,
.post-item .box .box-image .image-cover img {
border-radius: 5px !important;
}
.swal2-container {
background-color: rgba(225, 225, 225, 0.8);
}
.swal2-container .swal2-popup {
position: relative;
z-index: 10;
padding: 80px 20px;
color: #333;
border: 2px solid #e59f4f;
min-height: 180px;
padding: 40px 0;
border-radius: 10px;
align-items: center;
overflow: hidden;
}
.swal2-container .swal2-popup .swal2-html-container {
font-weight: 700;
font-size: 16px;
}
@media screen and (max-width: 549px) {
.swal2-container .swal2-popup .swal2-html-container {
font-size: 13px;
}
}
.swal2-container .swal2-popup button.swal2-confirm {
position: absolute;
width: 40px;
height: 40px;
top: -4px;
z-index: 12;
font-size: 12px;
right: -4px;
background-color: #e59f4f;
border-radius: 0;
text-align: center;
}
@media screen and (max-width: 549px) {
.text-mobile-break {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
align-self: stretch;
overflow: hidden;
margin-bottom: 0;
}
}
@media screen and (max-width: 549px) {
.text-mobile-break p {
margin-bottom: 0;
}
}
@media screen and (max-width: 549px) {
.home #main #content section.section .section-content .col a.button.nut-xem-them {
margin-top: 0;
}
}
.page-template #content {  }
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .list-nha-hang .box-image .image-zoom.image-cover {
padding: 0 !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .list-nha-hang .box-image .image-zoom.image-cover img {
aspect-ratio: 4/3;
object-fit: cover;
position: unset;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section.hinhanh-section {
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section.hinhanh-section .section-content .col {
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section.hinhanh-section .section-content .col .gallery-col {
padding: 10px !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section.hinhanh-section .section-content .col .gallery-col .box-text {
display: none;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content p:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .hang-phong-custom {
padding-bottom: 20px !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .hang-phong-custom a.button.nut-xem-them {
margin: 0 calc(50% - 44px) 20px !important;
width: 88px !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .hang-phong-custom a.button.nut-xem-them .icon-angle-right {
margin-left: 4px !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .hang-phong-custom .two-colunm {
margin: 0;
gap: 0 20px;
}
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col {
flex-basis: calc((100% - 20px) / 2);
max-width: calc((100% - 20px) / 2);
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col * {
font-size: 13px !important;
margin-bottom: 0;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) {
display: flex;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) .col-inner ul li {
margin-bottom: 10px;
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) ul {
margin-left: 0;
}
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) ul, .page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) p {
margin-bottom: 0;
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .hang-phong-custom .two-colunm .list-hangphong {
margin: 0;
}
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .list-hangphong .col {
max-width: 100%;
flex-basis: 100%;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .list-hangphong .col .col-inner {
background-color: transparent;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .list-hangphong .col .icon-box .icon-box-img {
max-width: 19px;
}
@media screen and (max-width: 549px) {
.page-template #content .section .section-content .list-btn-menu.list-btn .col-inner a.button {
line-height: 28px !important;
padding: 0 10px !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content .section.spa-section:not(.nha-hang-section) .section-content .col a.button.nut-xem-them {
margin-top: 0 !important;
}
}
@media screen and (max-width: 549px) {
.page-template .section.san-tan-son-nhat-con-dao .section-content .row .col p {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 549px) {
.page-template .pum-container {
padding: 5px !important;
width: calc(100% - 20px);
}
}
@media screen and (max-width: 549px) {
.page-template .pum-container .pum-close {
margin: 0;
}
}
@media screen and (max-width: 549px) {
.page-template-default #content .section.page-kham-pha {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
@media screen and (max-width: 549px) {
.home .img-for-sp .box-text {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
overflow: hidden;
}
}
@media screen and (max-width: 549px) {
.home .img-for-sp .flickity-page-dots {
position: unset;
margin: 10px auto;
}
}
@media screen and (max-width: 549px) {
.home #content .section.section2 .section-content .flickity-page-dots {
margin-bottom: 0;
}
}
@media screen and (max-width: 549px) {
.home #content .section.section7 .section-content .flickity-page-dots {
margin: 20px auto 0;
}
}
@media screen and (max-width: 849px) {
.page-template #content section.section.nha-hang-section .section-content .col .list-nha-hang .col-inner a.button.nut-xem-them {
max-width: 250px !important;
justify-content: space-between;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media screen and (max-width: 767px) {
.page-template #content section.section.nha-hang-section .section-content .col .list-nha-hang .col-inner a.button.nut-xem-them {
max-width: none !important;
width: fit-content !important;
text-transform: uppercase !important;
font-weight: bold !important;
}
}
@media screen and (max-width: 549px) {
.page-template #content section.section.nha-hang-section .section-content .col .list-nha-hang .col-inner a.button.nut-xem-them {
max-width: none !important;
width: fit-content !important;
text-transform: uppercase !important;
font-weight: bold !important;
}
}
@media screen and (max-width: 767px) {
.page-template #content section.section.nha-hang-section .section-content .col .list-nha-hang .col-inner a.button.nut-xem-them i {
margin-top: 1px !important;
}
}
.page-template-default #content .row-main .large-12.col {
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.page-template-default #content .row-main .page-numbers {
margin-bottom: 30px;
}
}