@font-face {
  font-family: "fl-icons";
  font-display: block;
  src: url(icons/fl-iconscf87.eot?v=3.18.1);
  src: url(icons/fl-icons.eot#iefix?v=3.18.1) format("embedded-opentype"),
    url(icons/fl-iconscf87.woff2?v=3.18.1) format("woff2"),
    url(icons/fl-iconscf87.ttf?v=3.18.1) format("truetype"),
    url(icons/fl-iconscf87.woff?v=3.18.1) format("woff"),
    url(icons/fl-iconscf87.svg?v=3.18.1#fl-icons) format("svg");
}
@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/libre-baskerville/kmKiZrc3Hgbbcjq75U4uslyuy4kn0qviTgY5Kca-wLOjAUw.woff)
    format("woff");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/libre-baskerville/kmKiZrc3Hgbbcjq75U4uslyuy4kn0qviTgY3Kca-wLOj.woff)
    format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} /* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu72xMKTU1Kvnz.woff) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu5mxMKTU1Kvnz.woff) format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7mxMKTU1Kvnz.woff) format("woff");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu4WxMKTU1Kvnz.woff) format("woff");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7WxMKTU1Kvnz.woff) format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7GxMKTU1Kvnz.woff) format("woff");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxMKTU1Kg.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} /* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXx-p7K4GLvztg.woff)
    format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXx-p7K4GLvztg.woff)
    format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXx-p7K4GLvztg.woff)
    format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXx-p7K4GLvztg.woff)
    format("woff");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXx-p7K4GLs.woff)
    format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} /* cyrillic-ext */
@font-face {
  font-family: "Prata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/prata/6xKhdSpbNNCT-sWCCmjbLnwIcOM.woff) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Prata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/prata/6xKhdSpbNNCT-sWLCmjbLnwIcOM.woff) format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Prata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/prata/6xKhdSpbNNCT-sWACmjbLnwIcOM.woff) format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin */
@font-face {
  font-family: "Prata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/prata/6xKhdSpbNNCT-sWPCmjbLnwI.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --primary-color: #8f2b1c;
  --fs-color-primary: #8f2b1c;
  --fs-color-secondary: #f5efc7;
  --fs-color-success: #16b1a9;
  --fs-color-alert: #011633;
  --fs-experimental-link-color: #334862;
  --fs-experimental-link-color-hover: #111;
  --main-color: #f8e79b;
}
.tooltipster-base {
  --tooltip-color: #fff;
  --tooltip-bg-color: #000;
}
#main-menu,
.off-canvas-left .mfp-content {
  --drawer-width: 300px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
  max-width: 1250px;
}
.row.row-collapse {
  max-width: 1220px;
}
.row.row-small {
  max-width: 1242.5px;
}
.row.row-large {
  max-width: 1280px;
}
.header-main {
  height: 100px;
}
#logo img {
  max-height: 100px;
}
#logo {
  width: 199px;
}
.header-bottom {
  min-height: 55px;
}
.header-top {
  min-height: 30px;
}
.transparent .header-main {
  height: 100px;
}
.transparent #logo img {
  max-height: 100px;
}
.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
  padding-top: 100px;
}
.header.show-on-scroll,
.stuck .header-main {
  height: 70px !important;
}
.stuck #logo img {
  max-height: 70px !important;
}
.search-form {
  width: 100%;
}
.header-bg-color {
  background-color: rgba(244, 244, 244, 0.86);
}
.header-bottom {
  background-color: #f1f1f1;
}
.header-main .nav > li > a {
  line-height: 16px;
}
.stuck .header-main .nav > li > a {
  line-height: 50px;
}
@media (max-width: 549px) {
  .header-main {
    height: 70px;
  }
  #logo img {
    max-height: 70px;
    width: auto !important;
  }
  body {
    font-size: 106%;
  }
}
.main-menu-overlay {
  background-color: #000000;
}
.nav-dropdown {
  font-size: 100%;
}
body {
  font-size: 106%;
}
body {
  font-family: Roboto, sans-serif;
}
body {
  font-weight: 400;
  font-style: normal;
}
.nav > li > a {
  font-family: Montserrat, sans-serif;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
  font-family: Montserrat, sans-serif;
}
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
  font-weight: 400;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
  font-family: "Montserrat";
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
  font-weight: 700;
  font-style: normal;
}
.alt-font {
  font-family: Prata, sans-serif;
}
.alt-font {
  font-weight: 400 !important;
  font-style: normal !important;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
  color: #00383d;
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover,
.header:not(.transparent) .header-nav-main.nav > li.active > a,
.header:not(.transparent) .header-nav-main.nav > li.current > a,
.header:not(.transparent) .header-nav-main.nav > li > a.active,
.header:not(.transparent) .header-nav-main.nav > li > a.current {
  color: var(--main-color);
}
.header-nav-main.nav-line-bottom > li > a:before,
.header-nav-main.nav-line-grow > li > a:before,
.header-nav-main.nav-line > li > a:before,
.header-nav-main.nav-box > li > a:hover,
.header-nav-main.nav-box > li.active > a,
.header-nav-main.nav-pills > li > a:hover,
.header-nav-main.nav-pills > li.active > a {
  color: #fff !important;
  background-color: var(--main-color);
}
.absolute-footer,
html {
  background-color: var(--primary-color);
}
.nav-vertical-fly-out > li + li {
  border-top-width: 1px;
  border-top-style: solid;
} /* Custom CSS */
.img-sectop-2 {
  mix-blend-mode: screen;
  z-index: 1;
}
.img-sectop {
  z-index: 2;
}
.title-top {
  z-index: 3;
} /*title &tagline top.title-ontop span:first-child {font-size: 3.8888888889vw;line-height: 1.14286;}*/ /*.title-ontop span:last-child {font-size: 5.286632vw;line-height: 1.15022;font-family: Baskerville;}*/
.title-ontop span:last-child:first-letter,
.title-ontop span:last-child end {
  font-size: 6.5vw;
  line-height: 1.1411;
}
.tagline-top p {
  font-family: charm;
  width: 100%;
  display: block;
  -webkit-text-stroke: 0.3px solid;
  background: linear-gradient(
    90deg,
    #f9d58d -0.33%,
    #fde8ad 21.81%,
    #d39c46 50%,
    #f6db9c 76.18%,
    #fad892 100.34%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-text-stroke: 0.5px transparent; /*font-size: 2.5vw;line-height: 1.847222vw;*/
}
.title-ontop {
  font-size: 4.2866319444vw;
  line-height: 4.9305555556vw;
  margin-bottom: 14px;
  width: 100%;
  display: block;
  filter: drop-shadow(0 30px 12px rgba(0, 0, 0, 0.04))
    drop-shadow(0 17px 10px rgba(0, 0, 0, 0.13))
    drop-shadow(0 7px 7px rgba(0, 0, 0, 0.21))
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(0 0 0 rgba(0, 0, 0, 0.25));
}
.title-ontop span {
  /*display: block;background: url(/../../../../uploads/2023/08/pattern-text.jpg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;-webkit-text-stroke: 0.9px transparent;*/
}
@media screen and (max-width: 849px) {
  .title-ontop span {
    background-size: 100% auto;
  }
} /*sun animation top location*/
@media screen and (min-width: 850px) {
  .banner-top ._sun-loadding.is-loadd.sun-top {
    left: -9.5%;
    bottom: -13%;
  }
}
@media screen and (min-width: 550px) and (max-width: 849px) {
  .banner-top ._sun-loadding.is-loadd.sun-top {
    left: -9.5%;
    bottom: 6%;
  }
}
@media screen and (max-width: 549px) {
  .banner-top ._sun-loadding.is-loadd.sun-top {
    left: -20%;
    bottom: 2%;
  }
}
.gms-location {
  right: 25.2%;
  top: 27%;
  width: 27.4% !important;
}
.gms-location-sun {
  top: 47%;
}
.col-inner > .img:not(:last-child) {
  margin-bottom: 6px;
} /* Custom CSS Mobile */
@media (max-width: 549px) {
  .banner-title {
    font-size: 14pt !important;
  }
  .banner-des {
    font-size: 16pt !important;
  }
}
.label-new.menu-item > a:after {
  content: "New";
}
.label-hot.menu-item > a:after {
  content: "Hot";
}
.label-sale.menu-item > a:after {
  content: "Sale";
}
.label-popular.menu-item > a:after {
  content: "Popular";
}
.col-fix-height {
  height: 268px;
} /*css background section*/
.sec-bg-left:before {
  content: "";
  height: 100%;
  width: 25%;
  position: absolute;
  left: 0;
  bottom: 10px;
  background: url(../images/leaft_background_1.png) no-repeat bottom right;
  background-size: 100%;
  z-index: 1;
}
.sec-bg-right:after {
  content: "";
  height: 100%;
  width: 20%;
  position: absolute;
  right: 0;
  bottom: 10px;
  background: url(../images/leaft_background.png) no-repeat bottom right;
  background-size: 100%;
}
@media (max-width: 849px) and (min-width: 550px) {
  .sec-bg-left:before {
    width: 35%;
  }
  .sec-bg-right:after {
    width: 30%;
  }
}
@media (max-width: 549px) {
  .sec-bg-left:before {
    width: 55%;
    opacity: 0.5;
  }
  .sec-bg-right:after {
    width: 35%;
    opacity: 0.5;
  }
}
.gold-listing ul li.bullet-star {
  border-bottom: 1px dotted #cebba0;
}
.button-gradient {
  background: linear-gradient(248deg, #a6af98 0%, var(--primary-color) 100%);
  border: 0.5px solid #fff6ed;
}
/*hotspot icon*/
@media only screen and (min-width: 850px) {
  .icon15 .icon-search:before,
  .icon14 .icon-search:before,
  .icon18 .icon-search:before {
    font-size: 15.5px;
  }
}
@media only screen and (max-width: 849px) and (min-width: 550px) {
  .icon15 .icon-search:before,
  .icon14 .icon-search:before,
  .icon18 .icon-search:before {
    font-size: 15.5px;
  }
}
@media (max-width: 549px) {
  .icon15 .icon-search:before,
  .icon14 .icon-search:before,
  .icon18 .icon-search:before {
    font-size: 5.3pt;
    margin-left: -0.8px;
    margin-top: 2px;
    position: absolute;
  }
  .icon11 .icon-search:before,
  .icon17 .icon-search:before,
  .icon12 .icon-search:before,
  .icon13 .icon-search:before,
  .icon16 .icon-search:before {
    margin-left: -1.5px;
    position: absolute;
  }
}
/*IMG Hover Hospot*/
a.hotspot {
  border-radius: 20px;
}
.icon1 a.hotspot:hover .icon-search:after,
.icon2 a.hotspot:hover .icon-search:after,
.icon3 a.hotspot:hover .icon-search:after,
.icon4 a.hotspot:hover .icon-search:after,
.icon5 a.hotspot:hover .icon-search:after,
.icon6 a.hotspot:hover .icon-search:after,
.icon7 a.hotspot:hover .icon-search:after,
.icon8 a.hotspot:hover .icon-search:after,
.icon9 a.hotspot:hover .icon-search:after,
.icon10 a.hotspot:hover .icon-search:after,
.icon11 a.hotspot:hover .icon-search:after,
.icon12 a.hotspot:hover .icon-search:after,
.icon13 a.hotspot:hover .icon-search:after,
.icon14 a.hotspot:hover .icon-search:after,
.icon15 a.hotspot:hover .icon-search:after,
.icon16 a.hotspot:hover .icon-search:after,
.icon17 a.hotspot:hover .icon-search:after,
.icon18 a.hotspot:hover .icon-search:after {
  background-size: 310px 220px;
  display: block;
  height: 220px;
  content: "";
  background-repeat: no-repeat;
}
.icon1 a.hotspot:hover,
.icon2 a.hotspot:hover,
.icon3 a.hotspot:hover,
.icon4 a.hotspot:hover,
.icon5 a.hotspot:hover,
.icon6 a.hotspot:hover,
.icon7 a.hotspot:hover,
.icon8 a.hotspot:hover,
.icon9 a.hotspot:hover,
.icon10 a.hotspot:hover,
.icon11 a.hotspot:hover,
.icon12 a.hotspot:hover,
.icon13 a.hotspot:hover,
.icon14 a.hotspot:hover,
.icon15 a.hotspot:hover,
.icon16 a.hotspot:hover,
.icon17 a.hotspot:hover,
.icon18 a.hotspot:hover {
  height: 220px !important;
  border-radius: 9px;
  padding: 0;
  border-color: white;
}
@media only screen and (max-width: 849px) and (min-width: 550px) {
  .icon1 a.hotspot:hover,
  .icon2 a.hotspot:hover,
  .icon3 a.hotspot:hover,
  .icon4 a.hotspot:hover,
  .icon5 a.hotspot:hover,
  .icon6 a.hotspot:hover,
  .icon7 a.hotspot:hover,
  .icon8 a.hotspot:hover,
  .icon9 a.hotspot:hover,
  .icon10 a.hotspot:hover,
  .icon11 a.hotspot:hover,
  .icon12 a.hotspot:hover,
  .icon13 a.hotspot:hover,
  .icon14 a.hotspot:hover,
  .icon15 a.hotspot:hover,
  .icon16 a.hotspot:hover,
  .icon17 a.hotspot:hover,
  .icon18 a.hotspot:hover {
    height: 139px !important;
  }
  .icon1 a.hotspot:hover .icon-search:after,
  .icon2 a.hotspot:hover .icon-search:after,
  .icon3 a.hotspot:hover .icon-search:after,
  .icon4 a.hotspot:hover .icon-search:after,
  .icon5 a.hotspot:hover .icon-search:after,
  .icon6 a.hotspot:hover .icon-search:after,
  .icon7 a.hotspot:hover .icon-search:after,
  .icon8 a.hotspot:hover .icon-search:after,
  .icon9 a.hotspot:hover .icon-search:after,
  .icon10 a.hotspot:hover .icon-search:after,
  .icon11 a.hotspot:hover .icon-search:after,
  .icon12 a.hotspot:hover .icon-search:after,
  .icon13 a.hotspot:hover .icon-search:after,
  .icon14 a.hotspot:hover .icon-search:after,
  .icon15 a.hotspot:hover .icon-search:after,
  .icon16 a.hotspot:hover .icon-search:after,
  .icon17 a.hotspot:hover .icon-search:after,
  .icon18 a.hotspot:hover .icon-search:after {
    background-size: 199px 139px;
  }
}
@media only screen and (max-width: 549px) {
  .icon1 a.hotspot:hover,
  .icon2 a.hotspot:hover,
  .icon3 a.hotspot:hover,
  .icon4 a.hotspot:hover,
  .icon5 a.hotspot:hover,
  .icon6 a.hotspot:hover,
  .icon7 a.hotspot:hover,
  .icon8 a.hotspot:hover,
  .icon9 a.hotspot:hover,
  .icon10 a.hotspot:hover,
  .icon11 a.hotspot:hover,
  .icon12 a.hotspot:hover,
  .icon13 a.hotspot:hover,
  .icon14 a.hotspot:hover,
  .icon15 a.hotspot:hover,
  .icon16 a.hotspot:hover,
  .icon17 a.hotspot:hover,
  .icon18 a.hotspot:hover {
    height: 79px !important;
    border-radius: 0;
  }
  .icon1 a.hotspot:hover .icon-search:after,
  .icon2 a.hotspot:hover .icon-search:after,
  .icon3 a.hotspot:hover .icon-search:after,
  .icon4 a.hotspot:hover .icon-search:after,
  .icon5 a.hotspot:hover .icon-search:after,
  .icon6 a.hotspot:hover .icon-search:after,
  .icon7 a.hotspot:hover .icon-search:after,
  .icon8 a.hotspot:hover .icon-search:after,
  .icon9 a.hotspot:hover .icon-search:after,
  .icon10 a.hotspot:hover .icon-search:after,
  .icon11 a.hotspot:hover .icon-search:after,
  .icon12 a.hotspot:hover .icon-search:after,
  .icon13 a.hotspot:hover .icon-search:after,
  .icon14 a.hotspot:hover .icon-search:after,
  .icon15 a.hotspot:hover .icon-search:after,
  .icon16 a.hotspot:hover .icon-search:after,
  .icon17 a.hotspot:hover .icon-search:after,
  .icon18 a.hotspot:hover .icon-search:after {
    background-size: 139px 79px;
    margin-top: 0;
  }
}
.icon1 a.hotspot:hover .icon-search:after,
.icon2 a.hotspot:hover .icon-search:after,
.icon3 a.hotspot:hover .icon-search:after,
.icon4 a.hotspot:hover .icon-search:after,
.icon5 a.hotspot:hover .icon-search:after,
.icon6 a.hotspot:hover .icon-search:after,
.icon7 a.hotspot:hover .icon-search:after,
.icon8 a.hotspot:hover .icon-search:after,
.icon9 a.hotspot:hover .icon-search:after,
.icon10 a.hotspot:hover .icon-search:after,
.icon11 a.hotspot:hover .icon-search:after,
.icon12 a.hotspot:hover .icon-search:after,
.icon13 a.hotspot:hover .icon-search:after,
.icon14 a.hotspot:hover .icon-search:after,
.icon15 a.hotspot:hover .icon-search:after,
.icon16 a.hotspot:hover .icon-search:after,
.icon17 a.hotspot:hover .icon-search:after,
.icon18 a.hotspot:hover .icon-search:after {
  color: white;
  text-shadow: 0 0 3px #000000, 0 0 5px #000000;
}
/*CS ảnh*/
.icon1 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Marriott-Residences-Grand-Marina-Saigon.jpg);
}
.icon2 a.hotspot:hover .icon-search:after,
.icon8 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Grand-Marina-Masterise-homes_the-prime-collection.jpg);
}
.icon3 a.hotspot:hover .icon-search:after,
.icon4 a.hotspot:hover .icon-search:after,
.icon5 a.hotspot:hover .icon-search:after,
.icon6 a.hotspot:hover .icon-search:after,
.icon7 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Grand-Marina-Masterise-homes_the-legacy-collection.jpg);
}
.icon9 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Cong-vien-la-sen_Grand-Marina-Saigon-Masterise-homes.jpg);
}
.icon10 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Cong-vien-Sun-Park_Grand-Marina-Saigon.jpg);
}
.icon11 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Cong-vien-ben-song_Grand-Marina-Masterise-homes.jpg);
}
.icon12 a.hotspot:hover .icon-search:after,
.icon13 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Ga-Ba-Son_Grand-Marina-Masterise-homes.jpg);
}
.icon16 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Ben-Du-Thuyen_Grand-Marina-Masterise-homes.jpg);
}
.icon15 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/cau-ba-son.jpg);
}
.icon14 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Duong-Nguyen-Huu-Canh.jpg);
}
.icon17 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/Cong-vien-Royal-Park_Grand-Marina-Saigon.jpg);
}
.icon18 a.hotspot:hover .icon-search:after {
  background-image: url(../../../../uploads/2023/10/thao-cam-vien-sai-gon.jpg);
}
/*CSS title phụ*/
.title-line-bottom .section-title:before,
.title-line-bottom .section-title:after {
  content: "";
  flex-grow: 1;
}
.title-line-bottom .section-title b {
  opacity: 1;
  height: 1px;
}
.title-line-bottom span {
  font-weight: lighter;
  font-family: "Montserrat";
}
.title-line-bottom h3 {
  margin-top: -10px;
}
.sec-wave:before {
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/bubbel-design.png) no-repeat left center;
  width: 100%;
  opacity: 0.3;
  background-size: 100% auto;
}
.section-gradient {
  background: linear-gradient(0deg, #009688 0%, #283891 100%);
}
.border-img {
  border: 0.5px solid #fff6ed;
}
@media only screen and (max-width: 849px) and (min-width: 550px) {
  .text.title-ontop {
    font-size: 0.65rem !important;
  }
  .the5way-title {
    font-size: 30pt !important;
  }
}
@media screen and (max-width: 549px) {
  .text.title-ontop {
    font-size: 0.45rem !important;
  }
  .the5way-title {
    font-size: 16pt !important;
  }
}
@media (min-width: 850px) {
  .img-sectop-2 .img-inner.dark {
    right: -30px;
  }
}
.banner-top .banner-bg.fill,
.sec-blue {
  background: linear-gradient(
    0deg,
    #000,
    var(--primary-color) 19.06%,
    #b04a3a 51.16%,
    var(--primary-color) 78.28%,
    #000
  );
}
@media (max-width: 549px) {
  .add-plus .my-text-typing {
    font-size: 14px;
  }
  .section-baogia {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
/*CSS 5 values*/
.list-value .box-overlay.dark .box-text {
  width: 99.5%;
}
.list-value .stack .box {
  padding: 1px;
}
@media only screen and (max-width: 549px) {
  .list-value .image-cover {
    padding-top: 90% !important;
  }
}
.list-value .box.has-hover:hover .box-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: initial;
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.list-value .box-text {
  top: 75%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.list-value .box.has-hover:hover .box-text {
  top: 0;
}
.list-value .box.has-hover:hover .box-text .box-text-inner {
  padding-top: 30%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 850px) {
  .list-value .box.has-hover:hover .box-text .box-text-inner {
    padding-top: 50%;
  }
}
.stack-value1 p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  /* height: 70px; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 849px) and (min-width: 550px) {
  .stack-value1 .box-text {
    top: 60%;
  }
}
@media only screen and (max-width: 549px) {
  .stack-value1 .box-text {
    top: 66%;
  }
}
/*sun animation*/
/*@media (min-width: 550px){.banner-tmb ._sun-loadding.is-loadd{    top: 29%!important;
         right: -5%!important;}}@media (max-width: 549px){.banner-tmb ._sun-loadding.is-loadd{    top: 29%!important;
         right: -3%!important;}}*/
._sun-loadding.is-loadd img {
  animation: spinAround 50s infinite;
}
._sun-loadding.is-loadd {
  mix-blend-mode: screen;
}
.banner-tmb .banner-layers,
.banner-top .banner-layers {
  overflow: hidden;
}
@keyframes spinAround {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(1turn);
  }
  to {
    transform: rotate(0deg);
  }
}
/*edit tab sp*/
.tab-panels img {
  aspect-ratio: 315/293;
  object-fit: contain;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 15vw;
  transform: translateY(-50%);
  transition: all 1s ease;
  left: 100%;
  width: 100%;
}
.tab-panels .panel.active img {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.tab-img .img .img-inner {
  overflow: unset;
}
.col.tab-img {
  height: 30vw;
}
@media (max-width: 1024px) {
  .row-san-pham {
    max-width: calc(100% - 11.71875vw) !important;
  }
}
@media (max-width: 576px) {
  .row-san-pham {
    max-width: 100% !important;
  }
}
@media (max-width: 549px) {
  .col.tab-img {
    flex-basis: 100%;
    width: 100%;
    min-height: 88vw;
  }
  .tab-panels img {
    top: 42vw !important;
  }
} /*ảnh the-zurich*/
.the-zurich-subdivision img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom right;
  object-position: bottom right;
} /*fix height text*/
@media (max-width: 849px) and (min-width: 550px) {
  .fix-height {
    height: 37vw;
  }
}
/*Hotspot tien ich noi khu
         .icon11{top:90%;left:7%}.icon12{top:80%;left:7%}.icon13{top:94%;left:3%}.icon14{top:88%;left:20%}.icon15{top:79%;left:19%}.icon16{top:86%;left:30%}.icon17{top:77%;left:36%}.icon18{top:69%;left:33%}.icon19{top:86%;left:15%}.icon20{top:10%;left:34%}.icon21{top:39%;left:20%}.icon22{top:51%;left:11%}.icon23{top:66%;right:8%}.icon24{top:11%;left:4%}.icon25{top:17%;left:30%}.icon25-1{top:46%;left:24%}.icon25-2{top:76%;left:28%}.icon26{top:46%;left:34%}.icon27{top:28%;left:39%}.icon28{top:38%;left:39%}.icon29{top:71%;right:14%}.icon29-1{top:41%;left:27%}.icon29-2{top:50%;left:42%}.icon29-3{top:17%;left:22%}.icon30{bottom:87%;left:26%}.icon11 .icon-search:before{content:"\31"}.icon12 .icon-search:before{content:"\32"}.icon13 .icon-search:before{content:"\33"}.icon14 .icon-search:before{content:"\34"}.icon15 .icon-search:before{content:"\35"}.icon16 .icon-search:before{content:"\36"}.icon17 .icon-search:before{content:"\37"}.icon18 .icon-search:before{content:"\38"}.icon19 .icon-search:before{content:"\39"}.icon20 .icon-search:before{content:"\31\30"}.icon21 .icon-search:before{content:"\31\31"}.icon22 .icon-search:before{content:"\31\32"}.icon23 .icon-search:before{content:"\31\33"}.icon24 .icon-search:before{content:"\31\34"}.icon25 .icon-search:before,.icon25-1 .icon-search:before,.icon25-2 .icon-search:before{content:"\31\35"}.icon26 .icon-search:before{content:"\31\36"}.icon27 .icon-search:before{content:"\31\37"}.icon28 .icon-search:before{content:"\31\38"}.icon29 .icon-search:before,.icon29-1 .icon-search:before,.icon29-2 .icon-search:before,.icon29-3 .icon-search:before{content:"\31\39"}.icon30 .icon-search:before{content:"\32\30"}.icon11 a.hotspot:hover .icon-search:after{content:"1. Tháp đồng hồ Zurich"}.icon12 a.hotspot:hover .icon-search:after{content:"2. Quảng trường Thuỵ Sĩ"}.icon13 a.hotspot:hover .icon-search:after{content:"3. Biển tên phân khu"}.icon14 a.hotspot:hover .icon-search:after{content:"4. Hồ cảnh quan Geneva"}.icon15 a.hotspot:hover .icon-search:after{content:"5. Đài phun nước Rhine Fall"}.icon16 a.hotspot:hover .icon-search:after{content:"6. Sân chơi trẻ em sắc màu"}.icon17 a.hotspot:hover .icon-search:after{content:"7. Bể cảnh quan Zurich Fountain"}.icon18 a.hotspot:hover .icon-search:after{content:"8. Sân chơi nước"}.icon19 a.hotspot:hover .icon-search:after{content:"9. Cầu cảnh quan"}.icon20 a.hotspot:hover .icon-search:after{content:"10. Sân chơi trẻ em Rustic Style"}.icon21 a.hotspot:hover .icon-search:after{content:"11. Vườn cờ"}.icon22 a.hotspot:hover .icon-search:after{content:"12. Vườn xích đu"}.icon23 a.hotspot:hover .icon-search:after{content:"13. Vườn đọc sách"}.icon24 a.hotspot:hover .icon-search:after{content:"14. Vườn cảnh quan"}.icon25 a.hotspot:hover .icon-search:after,.icon25-1 a.hotspot:hover .icon-search:after,.icon25-2 a.hotspot:hover .icon-search:after{content:"15. Chòi nghỉ"}.icon26 a.hotspot:hover .icon-search:after{content:"16. Sân tập gym sắc màu"}.icon27 a.hotspot:hover .icon-search:after{content:"17. Sân tập bóng rổ"}.icon28 a.hotspot:hover .icon-search:after{content:"18. Sân cầu lông"}.icon29 a.hotspot:hover .icon-search:after,.icon29-1 a.hotspot:hover .icon-search:after,.icon29-2 a.hotspot:hover .icon-search:after,.icon29-3 a.hotspot:hover .icon-search:after{content:"19. Sân lát hoạ tiết đồng hồ"}.icon30 a.hotspot:hover .icon-search:after{content:"20. Đồi cảnh quan, sân chơi"}
         @media screen and (max-width: 549px){
         a.hotspot{width: 14px!important;height: 14px!important;}
         .icon20 a.hotspot i,.icon21 a.hotspot i,.icon22 a.hotspot i,.icon23 a.hotspot i,.icon24 a.hotspot i,.icon25 a.hotspot i,.icon25-1 a.hotspot i,.icon25-2 a.hotspot i,.icon26 a.hotspot i,.icon27 a.hotspot i,.icon28 a.hotspot i,.icon29 a.hotspot i,.icon29-1 a.hotspot i,.icon29-2 a.hotspot i,.icon29-3 a.hotspot i,.icon30 a.hotspot i {margin-left: -5px;}}*/
/*hotspot*/ /*CSS hotspot*/
.icon1 .icon-search:before {
  content: "\31";
}
.icon2 .icon-search:before {
  content: "\32";
}
.icon3 .icon-search:before {
  content: "\33";
}
.icon4 .icon-search:before {
  content: "\34";
}
.icon5 .icon-search:before {
  content: "\35";
}
.icon6 .icon-search:before {
  content: "\36";
}
.icon7 .icon-search:before {
  content: "\37";
}
.icon8 .icon-search:before {
  content: "\38";
}
.icon9 .icon-search:before {
  content: "\39";
}
.icon10 .icon-search:before {
  content: "10";
}
.icon11 .icon-search:before {
  content: "11";
}
.icon12 .icon-search:before,
.icon13 .icon-search:before {
  content: "13";
}
.icon17 .icon-search:before {
  content: "12";
}
.icon14 .icon-search:before {
  content: "\f018";
  font-family: "FontAwesome";
}
.icon15 .icon-search:before {
  content: "\e4ce";
  font-family: "FontAwesome";
}
.icon16 .icon-search:before {
  content: "14";
}
.icon18 .icon-search:before {
  content: "\f7ab";
  font-family: "FontAwesome";
}
a.hotspot {
  opacity: 1;
  box-shadow: 0 0 10px 0 #fff;
  border: 1px solid;
}
.hotspot-wrapper div:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  animation: e-hotspot-expand 2s infinite;
  background-color: #ed8124;
  border-radius: 99px;
}
@keyframes e-hotspot-expand {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@media screen and (min-width: 550px) {
  .he-tien-ich a.hotspot {
    width: 38px;
    height: 38px;
    padding: 6px;
  }
  a.hotspot i {
    font-size: 18px;
  }
  .hotspot .icon-search:after {
    font-size: 18px;
  }
  a.hotspot:hover {
    width: 310px !important;
  }
}
.icon1 {
  top: 11%;
}
.icon2 {
  top: 14%;
  right: 23%;
}
.icon3 {
  top: 11%;
  right: 32%;
}
.icon4 {
  top: 11%;
  right: 42%;
}
.icon5 {
  top: 13%;
  left: 51%;
}
.icon7 {
  top: 12%;
  left: 32%;
}
.icon8 {
  top: 12.5%;
}
.icon9 {
  bottom: 42%;
  right: 18%;
}
.icon12 {
  top: 47%;
  left: 21%;
}
.icon13 {
  left: 14%;
}
.icon14 {
  top: 51%;
  right: 11%;
}
.icon15 {
  top: 43%;
}
.icon17 {
  right: 38%;
}
@media screen and (max-width: 849px) and (min-width: 550px) {
  a.hotspot {
    width: 25px !important;
    height: 25px !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 549px) {
  a.hotspot {
    width: 14px !important;
    height: 14px !important;
  }
  a.hotspot i {
    position: absolute;
    margin-left: -3px;
    font-size: 9px;
  }
  .icon10 a.hotspot i {
    margin-left: -5px;
  }
}
.hotspot .icon-search:after {
  font-family: "Roboto";
}
a.hotspot:hover {
  overflow: hidden;
}
.hotspot-wrapper:hover {
  z-index: 1;
}
a.hotspot:hover .icon-search:before {
  content: "";
}
a.hotspot:hover i {
  display: contents;
}
.icon1 a.hotspot:hover .icon-search:after {
  content: "1.Tòa Lake - The Prime Collection";
}
.icon2 a.hotspot:hover .icon-search:after {
  content: "2.Tòa Sea - The Prime Collection";
}
.icon3 a.hotspot:hover .icon-search:after {
  content: "3. Tòa Sea - The Legacy Collection";
}
.icon4 a.hotspot:hover .icon-search:after {
  content: "4. Tòa Cove - The Legacy Collection";
}
.icon5 a.hotspot:hover .icon-search:after {
  content: "5. Tòa Lagoon - The Legacy Collection";
}
.icon6 a.hotspot:hover .icon-search:after {
  content: "6. Tòa Bay - The Legacy Collection";
}
.icon7 a.hotspot:hover .icon-search:after {
  content: "7. Tòa Spring - The Legacy Collection";
}
.icon8 a.hotspot:hover .icon-search:after {
  content: "8. Tòa Strait - The Legacy Collection";
}
.icon9 a.hotspot:hover .icon-search:after {
  content: "9. Lotus Park - Công Viên Lá Sen";
}
.icon10 a.hotspot:hover .icon-search:after {
  content: "10. Công Viên Sun Park";
}
.icon11 a.hotspot:hover .icon-search:after {
  content: "11. Công Viên Bờ Sông";
}
.icon17 a.hotspot:hover .icon-search:after {
  content: "12. Công Viên Royal Park";
}
.icon12 a.hotspot:hover .icon-search:after,
.icon13 a.hotspot:hover .icon-search:after {
  content: "13. Lối Vào Nhà Ga Metro Ba Son";
}
.icon14 a.hotspot:hover .icon-search:after {
  content: "16. Đường Nguyễn Hữu Cảnh";
}
.icon15 a.hotspot:hover .icon-search:after {
  content: "15. Cầu Ba Son";
}
.icon16 a.hotspot:hover .icon-search:after {
  content: "14. Bến Du Thuyền";
}
.icon18 a.hotspot:hover .icon-search:after {
  content: "17. Thảo Cầm Viên";
}
@media screen and (max-width: 849px) and (min-width: 550px) {
  a.hotspot:hover {
    height: 30px !important;
  }
  .hotspot .icon-search:after {
    font-size: 14px;
  }
  a.hotspot:hover {
    width: 199px !important;
  }
}
@media screen and (max-width: 549px) {
  a.hotspot:hover {
    width: 139px !important;
  }
  .hotspot .icon-search:after {
    position: relative;
    display: block;
    margin-top: 4px;
  }
  a.hotspot:hover {
    height: 20px !important;
  }
}
/*CSS sec the zurich top - bottom*/
.sec-zurichtop:before,
.sec-zurichbot:after {
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../../../../uploads/2023/08/the-zurich-bg1.png) no-repeat left
    bottom;
  width: 100%;
  opacity: 1;
  background-size: 100% auto;
}
.sec-zurichbot:after {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media screen and (max-width: 549px) {
  .sec-zurichtop:before,
  .sec-zurichbot:after {
    width: 200%;
  }
}
/*css logo*/
#header .header-wrapper:not(.stuck) .header_logo.header-logo {
  height: 79px;
}
/*@media screen and (max-width: 549px){.header-logo-dark{max-height:189px!important;margin-top:-13px!important}}@media screen and (min-width: 550px){.header-logo-dark{max-height:189px!important;margin-top:-41px!important}}*/
.stuck #logo {
  width: unset;
}
.stuck .nav-left,
.stuck .nav-right {
  justify-content: space-between;
}
.header-wrapper.stuck #masthead {
  background: rgba(0, 0, 0, 0.4);
} /*.stuck #logo img{max-height: 90px!important;
         margin-top: -1px;
         border: 1px solid #2A5CAA;
         background: #ffffff;
         padding: 6px 9px!important;}*/
#logo {
  z-index: 1;
}
@media screen and (min-width: 550px) {
  .header-logo-dark {
    width: 100% !important;
  }
} /*#header .header-wrapper:not(.stuck) .header_logo.header-logo{position:absolute;top:76%;transform:translate(-50%,-50%);display:unset!important}*/
.header-logo-dark {
  height: auto;
  object-fit: cover;
  overflow: visible !important;
}
.header.has-transparent .header-wrapper:not(.stuck) #logo {
  margin-top: 3px;
}
/*line bottom nav*/
#header .header-wrapper:not(.stuck) .nav-left,
#header .header-wrapper:not(.stuck) .nav-right {
  padding-top: 24px;
  padding-bottom: 15px;
  border-bottom: 0.5px solid var(--main-color);
  justify-content: space-between;
}
.nav-dark .nav > li > a {
  color: var(--main-color);
}
/*CSS menu airpad*/
@media screen and (max-width: 850px) {
  .nav-left,
  .nav-right {
    padding-bottom: 0 !important;
  }
  .nav-left {
    margin-top: 51px;
  }
  .header_logo.header-logo {
    left: unset !important;
  }
  .stuck .header-main .nav > li > a {
    color: var(--main-color) !important;
  }
  .header-main .nav > li > a {
    color: var(--main-color) !important;
  }
  .nav-right {
    justify-content: right !important;
  }
}
/*CSS menu iphone*/
@media screen and (max-width: 549px) {
  .header-logo-dark {
    width: 70% !important;
  }
  .transparent #logo .header_logo.header-logo {
    max-height: 50px !important;
  }
  .header.has-transparent .header-wrapper:not(.stuck) #logo {
    margin-top: -16px !important;
    margin-right: 0;
  }
  .header_logo.header-logo {
    top: 51% !important;
  }
  .transparent #logo img {
    margin: 0;
  }
  .header-wrapper:not(.stuck) .header_logo.header-logo {
    transform: translate(-130%, -54%) !important;
  }
  .flex-col.show-for-medium.flex-left {
    display: none;
  }
  .header-wrapper:not(.stuck) .flex-col.show-for-medium.flex-right {
    margin-top: -35px;
  }
  .nav-right {
    padding-top: 0 !important;
  }
  .mobile-nav.nav.nav-right {
    width: 115% !important;
    margin-left: -15%;
  }
}
@media only screen and (max-width: 549px) {
  body {
    overflow: hidden;
  }
}
.dark .btn-66:hover {
  color: var(--primary-color);
}
/*CSS image location*/
.img-location .img-inner {
  overflow: unset;
}
.img-location img {
  animation: hvr-bob2 2s infinite;
  margin-top: 7px;
}
@keyframes hvr-bob2 {
  0% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
/*title mega grand world ha noi*/
.title-gradient span {
  background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bolder !important;
}
.title-mega span {
  background: linear-gradient(
    356deg,
    #fff 0%,
    #afe2fa 45.18%,
    #fef4f3 76%,
    #bce5fa 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bolder !important;
}
.title-mega .section-title b:first-child,
.title-mega .section-title b:last-child {
  background: linear-gradient(
    356deg,
    #fff 0%,
    #afe2fa 45.18%,
    #fef4f3 76%,
    #bce5fa 100%
  ) !important;
}
/*bg gradient col-top*/
@media screen and (min-width: 550px) {
  .col-top .col-inner {
    background: linear-gradient(
      135deg,
      #051439db,
      #031c36db,
      #031c36db,
      #051439db
    );
  }
}
@media screen and (max-width: 549px) {
  .col-top .col-inner {
    background: linear-gradient(135deg, #051439, #031c36, #031c36, #051439);
  }
}
/*animation menu left*/
.nav-sidebar > li {
  opacity: 0;
  transform: translateY(-15px);
  transition: transform 0.3s, opacity 0.3s;
}
.mfp-ready .nav-sidebar > li,
.nav-sidebar.active > li,
.active .nav-sidebar > li {
  opacity: 1;
  transform: none;
}
.nav-sidebar > li,
[data-animate-delay="200"],
[data-animate] + [data-animate] {
  transition-delay: 0.2s;
}
.nav-sidebar > li + li,
[data-animate-delay="300"] {
  transition-delay: 0.3s;
}
.nav-sidebar > li + li + li,
[data-animate-delay="400"],
[data-animate] + [data-animate] + [data-animate] {
  transition-delay: 0.4s;
}
.nav-sidebar > li + li + li + li,
[data-animate-delay="500"] {
  transition-delay: 0.5s;
}
.nav-sidebar > li + li + li + li + li,
[data-animate-delay="600"],
[data-animate] + [data-animate] + [data-animate] + [data-animate] {
  transition-delay: 0.6s;
}
.nav-sidebar > li + li + li + li + li + li,
[data-animate-delay="700"] {
  transition-delay: 0.7s;
}
.nav-sidebar > li + li + li + li + li + li + li,
[data-animate-delay="800"],
[data-animate]
  + [data-animate]
  + [data-animate]
  + [data-animate]
  + [data-animate] {
  transition-delay: 0.8s;
}
.nav-sidebar > li + li + li + li + li + li + li + li,
[data-animate-delay="900"] {
  transition-delay: 0.9s;
}
.nav-sidebar > li + li + li + li + li + li + li + li + li,
[data-animate-delay="1000"] {
  transition-delay: 1s;
}
/*my custom slide*/
.my-custom-slider .flickity-slider > div:not(.col) {
  width: 50% !important;
}
.my-custom-slider .flickity-slider > .row:not(.is-selected) {
  opacity: 1;
}
.my-custom-slider .flickity-slider > .row:not(.is-selected) .icon-box {
  opacity: 0.39;
}
.top-0 {
  top: 0px;
}
.left-0 {
  left: 0px;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) /* #000000 */;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}
.z-\[102\] {
  z-index: 102;
}
.flex-col {
  flex-direction: column;
}
/* css modal */
.modal {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.overlay.active,
.modal.active {
  opacity: 1;
  visibility: visible;
}

.modal {
  transform: translateY(-20px);
}

.modal.active {
  transform: translateY(0);
}
#popup-thamquan .modal-content {
  border: 3px solid #fff;
  background: #fff;
}
@media only screen and (max-width: 849px) {
  .my-custom-slider .flickity-slider > div:not(.col) {
    width: 60% !important;
  }
  .my-custom-slider .flickity-button.flickity-prev-next-button.previous > svg,
  .my-custom-slider-1 .flickity-button.flickity-prev-next-button.previous > svg,
  .my-custom-slider-2
    .flickity-button.flickity-prev-next-button.previous
    > svg {
    left: 0;
  }
  .my-custom-slider .flickity-button.flickity-prev-next-button.next > svg,
  .my-custom-slider-1 .flickity-button.flickity-prev-next-button.next > svg,
  .my-custom-slider-2 .flickity-button.flickity-prev-next-button.next > svg {
    left: 100%;
  }
}
@media only screen and (max-width: 549px) {
  .my-custom-slider .flickity-slider > div:not(.col) {
    width: 95% !important;
  }
}
.opacity-custom .flickity-slider > .row:not(.is-selected) {
  opacity: 1;
}
/*Chenf icon slide css*/
.my-custom-slider .icon svg,
.my-custom-slider-1 .icon svg,
.my-custom-slider-2 .icon svg {
  visibility: hidden;
}
.my-custom-slider .icon .icon-inner:hover::before,
.my-custom-slider-1 .icon .icon-inner:hover::before,
.my-custom-slider-2 .icon .icon-inner:hover::before {
  color: #fff;
  border: 2px solid var(--primary-color);
  background-color: var(--primary-color);
}
.slider-wrapper .flickity-prev-next-button {
  opacity: 1;
}
.slider-nav-circle .flickity-prev-next-button svg,
.slider-nav-circle .flickity-prev-next-button .arrow {
  border-radius: 24px;
  border: 2px solid #fff;
}
.my-custom-slider .flickity-prev-next-button {
  display: block;
}
/*section-zeit*/
.sec-zurich:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  mix-blend-mode: luminosity;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../../../uploads/2023/08/the-zurich-bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.6;
}
.sec-zeit:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/zeit-river-thu-thiem_section.png) no-repeat center
    right;
  background-size: 100%;
  opacity: 0.5;
  z-index: 1;
}
.sec-zeit-color:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(/../../../../uploads/2023/07/mega-grandworld-section-bg-color.png)
    no-repeat center bottom;
  background-size: 100%;
}
.section-izumi:before {
  content: "";
  height: 150px;
  width: 75%;
  position: absolute;
  right: 0;
  top: -75px;
  background: url(/../../../../uploads/2023/07/wave-line.png) no-repeat center
    right;
  background-size: contain;
  margin-top: -20px;
  z-index: 9;
}
@media (max-width: 1199px) {
  .section-izumi:before {
    margin-top: -11px;
  }
}
@media (max-width: 767px) {
  .section-izumi:before {
    height: 100px;
    top: -45px;
    width: 100%;
  }
}
.row-izumi:before {
  content: "";
  height: 175px;
  width: 75%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(/../../../../uploads/2023/07/wave-line_1.png) no-repeat center
    left;
  background-size: contain;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .row-izumi:before {
    height: 100px;
    width: 100%;
  }
}
/*CSS table*/
.table-custom table {
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
.table-custom tr td {
  border: 0.9px solid #ffffff80;
  padding: 10px 5px !important;
}
table tr:nth-child(even) {
  background-color: hsl(195deg 47% 33%/3%);
}
@media only screen and (min-width: 550px) {
  .bds-info td:first-child {
    width: 145px;
  }
}
@media (max-width: 549px) {
  .bds-info td:first-child {
    width: 126px;
  }
}
/*CSS title*/
.title-left .section-title span {
  margin-left: 0;
}
.title-right .section-title-main,
.title-left .section-title-main {
  font-family: "Montserrat";
  text-transform: capitalize;
}
.title-right .section-title b:last-child,
.title-left .section-title b:first-child {
  display: none;
}
.title-right .section-title b:first-child,
.title-left .section-title b:last-child {
  background-color: #2a5caa;
  opacity: 0.5;
}
@media only screen and (min-width: 850px) {
  .title-right .section-title-main,
  .title-left .section-title-main {
    font-size: 26pt;
  }
}
@media only screen and (max-width: 849px) and (min-width: 550px) {
  .title-right .section-title-main,
  .title-left .section-title-main {
    font-size: 23pt;
  }
}
@media only screen and (max-width: 549px) {
  .title-right .section-title b:first-child,
  .title-left .section-title b:last-child {
    margin-bottom: 10px;
  }
  .title-right .section-title-main,
  .title-left .section-title-main {
    font-size: 20pt;
  }
}
/*CSS hover img-box
         .border-hover .box-image .overlay:before{z-index:2;content:'';height:95%;width:95%;position:absolute;border:2px solid #fff;top:2.5%;left:-95%;transition:all .2s linear}.border-hover .box.has-hover:hover .overlay:before{left:2.5%!important;transition:all .2s linear}.border-hover .box.has-hover:hover img{-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}.border-hover .box.has-hover img{max-width:none;width:calc(100% + 50px);min-width:calc(100% + 50px);transition:transform .35s;-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
         /* invisible icon reCAPTCHA V3 */
.grecaptcha-badge {
  opacity: 0;
}
/*--- 2 Column Form Styles Start ---*/
#form-left {
  width: 49%;
  float: left;
  margin-right: 2%;
}
#form-right {
  width: 49%;
  float: left;
}
.formvisit:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.formvisit {
  display: block;
}
.frm-regis p > .contact-input {
  border-radius: 8px;
}
@media (max-width: 549px) {
  textarea {
    min-height: 100px;
  }
}
/*--- background menu mobile ---*/
#main-menu {
  width: 300px;
  background: url(../images/Grand-Marina-Saigon_Bg-scaled.jpg);
  transition: all 0.8s ease;
  background-position: center 25%;
}
@media only screen and (max-width: 549px) {
  .mobile-nav li a span {
    display: unset !important;
  }
  .mobile-nav.nav.nav-right {
    width: 79px;
  }
}
@media only screen and (max-width: 849px) {
  #main-menu ul li a {
    color: #00383d;
  }
  .has-transparent .header-main .nav > li > a {
    color: #fff;
  }
  .header-main .nav > li > a,
  .stuck .header-main .nav > li > a {
    color: #d08729;
  }
  .dark .nav-sidebar.nav-vertical > li + li,
  .dark .nav-vertical-fly-out > li + li {
    border-color: #00383d33;
  }
}
/*Đổi màu Scroll bar*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #000;
  background: var(--primary-color);
}
::-webkit-scrollbar-thumb:hover {
  background: #d5ccaa;
}
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  box-shadow: inset 0 0 5px grey;
}
.page-loader {
  opacity: 0;
  transition: opacity 0.3s;
  transition-delay: 0.3s;
  background-color: #fff;
}
.loading-site .page-loader {
  opacity: 0.98;
}
.page-loader-logo {
  max-width: 199px;
  animation: pageLoadZoom 1.3s ease-out;
  -webkit-animation: pageLoadZoom 1.3s ease-out;
}
.page-loader-spin {
  animation: pageLoadZoomSpin 1.3s ease-out;
}
.page-loader-spin .loading-spin {
  width: 40px;
  height: 40px;
}
@keyframes pageLoadZoom {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pageLoadZoomSpin {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.css_overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
#image_150819233 {
  width: 35%;
}
@media (min-width: 550px) {
  #image_150819233 {
    width: 28%;
  }
}
@media (min-width: 850px) {
  #image_150819233 {
    width: 24%;
  }
}
#text-1516578821 {
  font-size: 0.75rem;
  text-align: center;
  color: rgb(255, 196, 88);
}
#text-1516578821 > * {
  color: rgb(255, 196, 88);
}
@media (min-width: 550px) {
  #text-1516578821 {
    font-size: 0.75rem;
  }
}
#text-box-339590841 {
  width: 60%;
}
#text-box-339590841 .text-box-content {
  font-size: 100%;
}
@media (min-width: 550px) {
  #text-box-339590841 {
    width: 60%;
  }
}
#banner-2139068562 {
  padding-top: 55%;
  background-color: rgb(2, 8, 88);
}
/* #banner-2139068562 .bg.bg-loaded {
  background-image: url({[#i#IMG_BANNER#path]}{[#i#IMG_BANNER#file_name]});
} */
@media (min-width: 550px) {
  #banner-2139068562 {
    padding-top: 55%;
  }
}
@media (min-width: 850px) {
  #banner-2139068562 {
    padding-top: 48%;
  }
}
#section_2002508046 {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgba(255, 255, 255, 0);
}
#gap-403565030 {
  padding-top: 60px;
}
#col-1798366545 > .col-inner {
  padding: 20px 20px 2px 20px;
  margin: 0px 0px 30px 0px;
}
@media (min-width: 850px) {
  #col-1798366545 > .col-inner {
    padding: 20px 20px 20px 20px;
  }
}
#section_898210484 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  background-color: var(--primary-color);
}
@media (min-width: 550px) {
  #section_898210484 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
#section_155976331 {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 790px;
  background-color: rgb(166, 175, 152);
}
#section_155976331 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
@media (min-width: 550px) {
  #section_155976331 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#text-1390395090 {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
#text-1390395090 > * {
  color: rgb(255, 255, 255);
}
@media (min-width: 550px) {
  #text-1390395090 {
    font-size: 1.1rem;
  }
}
@media (min-width: 850px) {
  #text-1390395090 {
    font-size: 1.1rem;
  }
}
#section_2064982869 {
  padding-top: 60px;
  padding-bottom: 60px;
}
#section_2064982869 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
#text-1407557285 {
  text-align: left;
  color: rgb(255, 246, 237);
}
#text-1407557285 > * {
  color: rgb(255, 246, 237);
}
#row-1647420782 > .col > .col-inner {
  padding: 0px 0px 40px 0px;
}
#gap-487682632 {
  padding-top: 2px;
}
#text-2049415487 {
  font-size: 1.35rem;
}
@media (min-width: 850px) {
  #text-2049415487 {
    font-size: 1.4rem;
  }
}
#row-253759592 > .col > .col-inner {
  padding: 20px 0px 5px 0px;
}
@media (min-width: 550px) {
  #row-253759592 > .col > .col-inner {
    padding: 30px 0px 20px 0px;
  }
}
@media (min-width: 850px) {
  #row-253759592 > .col > .col-inner {
    padding: 30px 0px 20px 0px;
  }
}
#banner-230353952 {
  padding-top: 90%;
  background-color: var(--primary-color);
}
#banner-230353952 .bg {
  background-position: 56% 51%;
}
#text-1117205429 {
  color: rgb(255, 246, 237);
}
#text-1117205429 > * {
  color: rgb(255, 246, 237);
}
#text-511559965 {
  text-align: left;
  color: rgb(255, 246, 237);
}
#text-511559965 > * {
  color: rgb(255, 246, 237);
}
#row-576577679 > .col > .col-inner {
  padding: 0px 0px 40px 0px;
}
#col-1497871796 > .col-inner {
  padding: 0px 0px 0px 0px;
}
@media (min-width: 550px) {
  #col-1497871796 > .col-inner {
    padding: 0px 0px 0px 30px;
  }
}
#section_386248979 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: var(--primary-color);
}
#banner-382127226 {
  padding-top: 70%;
}
#banner-382127226 .bg.bg-loaded {
  background-image: url(../../../../uploads/2023/10/Grand-Marina-Masterise-homes_Tong-The-Du-An.jpg);
}
#col-1052279744 > .col-inner {
  padding: 0px 10px 0px 10px;
}
.master-plan-text {
  padding-top: 30px;
  overflow-x: auto;
  position: relative;
}
.master-plan-text .master-plan-text-list {
  width: 666px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.master-plan-text .list-detail {
  width: 350px;
  padding-left: 0;
  margin-left: unset;
}
.master-plan-text .list-detail ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: unset;
}
.master-plan-text .list-detail ul.yellow-bg .num {
  background: #d08729;
  font-weight: bold;
}
.master-plan-text .list-detail:not(:last-child) ul {
  margin-right: 5px;
}
.master-plan-text .list-detail li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
  max-width: 100%;
}
.master-plan-text .list-detail span {
  font-size: 12pt;
  line-height: 17px;
  font-weight: 400;
}
.master-plan-text .list-detail .num {
  border: 1px solid #fff;
  text-align: right;
  height: 28px;
  display: block;
  margin-right: 20px;
  min-width: 28px;
  color: #fff;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.master-plan-text-list .list-detail {
  list-style: none;
}
.master-plan-text .list-detail ul.prime-bg .num {
  background: #a6cae0;
  font-weight: bold;
}
.master-plan-text .list-detail ul.legacy-bg .num {
  background: #a6af98;
  font-weight: bold;
}
@media (min-width: 1100px) {
  .master-plan-text {
    text-align: -webkit-center !important;
  }
}
#section_1787378288 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: var(--primary-color);
}
#section_1216326149 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: var(--primary-color);
}
#section_1216326149 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#text-4021459082 {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
#text-4021459082 > * {
  color: rgb(255, 255, 255);
}
@media (min-width: 550px) {
  #text-4021459082 {
    font-size: 1.1rem;
  }
}
@media (min-width: 850px) {
  #text-4021459082 {
    font-size: 1.1rem;
  }
}
#section_139846274 {
  padding-top: 60px;
  padding-bottom: 60px;
}
#section_139846274 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
#section_139846274 .section-bg.bg-loaded {
  background-image: url(../../../../uploads/2023/10/Grand-Marina-Saigon-Masterise-homes.jpg);
}
#image_1660368796 {
  width: 40%;
}
#text-box-1158528722 .text-inner {
  padding: 0px 0px 30px 0px;
}
#text-box-1158528722 {
  width: 100%;
}
#text-box-1158528722 .text-box-content {
  font-size: 100%;
}
@media (min-width: 550px) {
  #text-box-1158528722 {
    width: 79%;
  }
}
@media (min-width: 850px) {
  #text-box-1158528722 .text-inner {
    padding: 0px 0px 60px 0px;
  }
  #text-box-1158528722 {
    width: 68%;
  }
}
#banner-73312304 {
  padding-top: 66%;
}
#banner-73312304 .overlay {
  background-color: rgba(0, 0, 0, 0.33);
}
#section_1587491290 {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: var(--primary-color);
}
#col-842144736 > .col-inner {
  padding: 20px 0px 0px 0px;
}

#stack-4206032755 > * {
  --stack-gap: 0.25rem;
}
#col-248130794 > .col-inner {
  padding: 0px 10px 30px 10px;
}
@media (min-width: 550px) {
  #col-248130794 > .col-inner {
    padding: 0px 3px 30px 3px;
  }
}
@media (min-width: 850px) {
  #col-248130794 > .col-inner {
    padding: 0px 0px 30px 0px;
  }
}
#section_810328891 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgba(255, 255, 255, 0);
}
#section_810328891 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.39);
}
#image_1696413274 {
  width: 29%;
}
#text-box-1963658510 .text-inner {
  padding: 0px 0px 0px 0px;
}
#text-box-1963658510 {
  width: 100%;
}
#text-box-1963658510 .text-box-content {
  font-size: 100%;
}
@media (min-width: 550px) {
  #text-box-1963658510 .text-inner {
    padding: 0px 0px 30px 0px;
  }
  #text-box-1963658510 {
    width: 79%;
  }
}
@media (min-width: 850px) {
  #text-box-1963658510 .text-inner {
    padding: 0px 0px 60px 0px;
  }
  #text-box-1963658510 {
    width: 68%;
  }
}
#banner-1825971790 {
  padding-top: 60%;
}
#banner-1825971790 .overlay {
  background-color: rgba(0, 0, 0, 0.39);
}
#section_1879934430 {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: var(--primary-color);
}
#col-749130920 > .col-inner {
  padding: 20px 0px 0px 0px;
}
#stack-2776126982 > * {
  --stack-gap: 0.25rem;
}
#col-318511724 > .col-inner {
  padding: 0px 10px 30px 10px;
}
@media (min-width: 550px) {
  #col-318511724 > .col-inner {
    padding: 0px 3px 30px 3px;
  }
}
@media (min-width: 850px) {
  #col-318511724 > .col-inner {
    padding: 0px 0px 30px 0px;
  }
}
#section_1764276408 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgba(255, 255, 255, 0);
}
#section_1764276408 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.39);
}
#section_1032021136 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: var(--primary-color);
}
#col-360997909 > .col-inner {
  padding: 2% 2% 0px 2%;
}
@media (min-width: 550px) {
  #col-360997909 > .col-inner {
    padding: 2% 2% 0px 2%;
  }
}
@media (min-width: 850px) {
  #col-360997909 > .col-inner {
    padding: 3% 3% 0px 3%;
  }
}
#section_723442107 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#section_723442107 .section-bg {
  background-position: 50% 61%;
}
#text-1887881177 {
  font-size: 1.2rem;
}
@media (min-width: 550px) {
  #text-1887881177 {
    font-size: 1.5rem;
  }
}
@media (min-width: 850px) {
  #text-1887881177 {
    font-size: 1.6rem;
  }
}
#col-604896250 > .col-inner {
  margin: 0px 0px -20px 0px;
}
#row-2059777950 > .col > .col-inner {
  padding: 30px 10px 0px 10px;
}
@media (min-width: 550px) {
  #row-2059777950 > .col > .col-inner {
    padding: 30px 30px 0px 30px;
  }
}
#text-3514211233 {
  font-size: 1.2rem;
}
@media (min-width: 550px) {
  #text-3514211233 {
    font-size: 1.5rem;
  }
}
@media (min-width: 850px) {
  #text-3514211233 {
    font-size: 1.65rem;
  }
}
#col-652461470 > .col-inner {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px -20px 0px;
}
#row-1018707284 > .col > .col-inner {
  padding: 30px 0px 0px 0px;
}
@media (min-width: 550px) {
  #row-1018707284 > .col > .col-inner {
    padding: 30px 10px 0px 10px;
  }
}
@media only screen and (max-width: 549px) {
  .submit-btn-custom {
    width: 100%;
  } /*.back-to-top{bottom:79px!important}*/
  .ml-half {
    margin-left: unset !important;
  }
}
/*** adjusted back-to-top position ***/
.zalo-pt {
  background: url(../images/zalo.svg) center center no-repeat;
}
#main-div {
  position: absolute;
  z-index: 24;
}
#main-div .hotline-bar-chat {
  position: absolute;
  border: 1px solid #fff;
  height: 45px;
  width: 45px;
  padding: 8px 10px 0;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: -1;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: width 2s;
  transition: width 0.6s;
}
#main-div .hotline-bar-chat > span {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: Arial;
  padding-left: 3px;
}
.zalo-custom .zalo-pt {
  padding: 22px;
  border-radius: 99%;
  border: 1px solid #fff;
  display: flex;
  cursor: pointer;
}
#main-div .zalo-custom .hotline-bar-chat {
  background: #41a0d7;
}
#main-div .viber-custom .hotline-bar-chat {
  background: linear-gradient(0deg, #665cac, #766acc);
}
#main-div .whatsapp-custom .hotline-bar-chat {
  background: #2a8c35;
}
#main-div .skype-custom .hotline-bar-chat {
  background: linear-gradient(0deg, #008cc0, #00aff0);
}
#main-div .zalo-pt:hover + .hotline-bar-chat {
  width: 143px;
}
#main-div .viber-custom svg {
  padding: 7px;
  border-radius: 99%;
  background: linear-gradient(0deg, #665cac, #766acc);
  border: 1px solid #fff;
  height: 45px;
  width: 45px;
  color: #fff;
  font-size: 30px;
}
#main-div .viber-custom svg:hover + .hotline-bar-chat {
  width: 146px;
}
#main-div .fab.fa-skype {
  padding: 7px;
  border-radius: 99%;
  background: linear-gradient(0deg, #008cc0, #00aff0);
  border: 1px solid;
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 30px;
}
#main-div .fab.fa-skype:hover + .hotline-bar-chat {
  width: 149px;
}
#main-div > a {
  height: 45px;
}
#main-div .whatsapp-custom svg {
  padding: 7px;
  border-radius: 99%;
  background: linear-gradient(0deg, #2a8c35, #4fce5d);
  border: 1px solid;
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 30px;
}
#main-div .whatsapp-custom svg:hover + .hotline-bar-chat {
  width: 149px;
}
#main-div .fa-facebook-messenger {
  padding: 7px;
  border-radius: 99%;
  background: linear-gradient(36deg, #0994ff, #ff676b);
  border: 1px solid;
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 30px;
}
#main-div .fa-facebook-messenger:hover + .hotline-bar-chat {
  width: 149px;
}
#main-div .messface-custom .hotline-bar-chat {
  background: linear-gradient(36deg, #0994ff, #ff676b);
}
.whatsapp-custom,
.viber-custom,
.skype-custom,
.zalo-custom,
.messface-custom {
  position: fixed;
  right: 10px;
}
#main-div a:nth-of-type(1) {
  bottom: 100px;
}
#main-div a:nth-of-type(2) {
  bottom: 160px;
}
#main-div a:nth-of-type(3) {
  bottom: 220px;
}
#main-div a:nth-of-type(4) {
  bottom: 280px;
}
#main-div a:nth-of-type(5) {
  bottom: 340px;
}
.wpcf7-response-output {
  position: absolute;
  top: -150px;
  background: #fff;
  color: #333;
  right: 0;
}
/*CSS hotline */
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  right: -22px;
  z-index: 99;
}
.hotline-phone-ring svg {
  color: #fff;
  font-size: 16pt;
  transform: rotate(270deg);
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility 0.5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
  width: 95px;
  height: 95px;
  top: 8px;
  right: 8px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #d26e4b;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
  width: 65px;
  height: 65px;
  top: 23px;
  right: 23px;
  position: absolute;
  background-color: #b20000;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
  background-color: #fe1818;
  width: 45px;
  height: 45px;
  border: 1px solid #fff !important;
  top: 33px;
  right: 33px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-bar {
  position: absolute;
  background: var(--primary-color);
  border: 1px solid #fff;
  height: 45px;
  width: 180px;
  padding-top: 2px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  right: 33px;
  bottom: 32px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  text-indent: 15px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
@media screen and (max-width: 549px) {
  .hotline-bar {
    display: none !important;
  }
}
.my-custom-icon.icon-2 .icon .icon-inner::before {
  content: "\f05b";
}
.my-custom-icon.icon-3 .icon .icon-inner::before {
  content: "\e51c";
}
.my-custom-icon.icon-4 .icon .icon-inner::before {
  content: "\f1d8";
}
#text-3989502262 {
  font-size: 1.2rem;
}
@media (min-width: 550px) {
  #text-3989502262 {
    font-size: 1.5rem;
  }
}
@media (min-width: 850px) {
  #text-3989502262 {
    font-size: 26px;
  }
}
/* #col-1040067287 > .col-inner {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px -20px 0px;
}
#row-598068322 > .col > .col-inner {
  padding: 30px 0px 0px 0px;
}
@media (min-width: 550px) {
  #row-598068322 > .col > .col-inner {
    padding: 30px 10px 0px 10px;
  }
} */
#header .header-wrapper:not(.stuck) .css_menu_header ul {
  padding-top: 24px;
  padding-bottom: 15px;
  border-bottom: 0.5px solid var(--main-color);
  justify-content: space-between;
}
.css_menu_header ul {
  position: relative;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  list-style: disc;
}
.css_menu_header ul li:first-child {
  margin-left: 0 !important;
}
.css_menu_header ul li {
  display: inline-block;
  list-style: none;
  margin: 0 7px;
  padding: 0;
  transition: background-color 0.3s;
  position: relative;
}
.css_menu_header ul li:last-child {
  margin-right: 0 !important;
}
.css_menu_header ul li a {
  color: var(--main-color);
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 10px 0;
  font-weight: 800;
  font-style: normal;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  transition: all 0.2s;
}
.css_menu_header ul li a:hover {
  color: #f8da3c;
}
.header:not(.transparent) .css_menu_header ul li a {
  color: var(--main-color);
}
.stuck .header-main .css_menu_header ul > li > a {
  line-height: 50px;
}
.stuck .header-main .css_menu_header ul > li > a:hover {
  color: #f8da3c;
}
.stuck .css_menu_header ul {
  justify-content: space-between;
}
.css_menu_mobile img {
  height: 100%;
  object-fit: contain;
  display: none;
}
.css_img_box_position {
  border: 2px solid;
  border-radius: 99px;
  padding: 13px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(255, 246, 237);
}
.css_font1 {
  font-family: roboto;
}
.s-content h1 {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: none;
}
.s-content h2 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}
.s-content h3 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
}
.s-content h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
}
.s-content h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  text-transform: none;
}
.s-content h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  text-transform: none;
}
.s-content p img.aligncenter {
  margin: auto;
}
.s-content p img.alignleft {
  margin-right: auto;
}
.s-content p img.alignright {
  margin-left: auto;
}
.s-content a {
  color: #2f5aae;
  cursor: pointer;
  text-decoration: none;
}
.s-content ul,
.s-content ol {
  list-style: disc;
  padding: 1.25em;
}
.s-content li {
  margin-top: 10px;
}
.s-content ul li {
  margin-left: 1.3em;
}
.submit button {
  background-color: var(--fs-color-primary);
  border: 1px solid transparent;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 0.97em;
  font-weight: bolder;
  letter-spacing: 0.03em;
  line-height: 2.4em;
  margin-right: 1em;
  margin-top: 0;
  max-width: 100%;
  min-height: 2.5em;
  padding: 0 1.2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-shadow: none;
  text-transform: uppercase;
  transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s,
    opacity 0.3s, color 0.3s;
  vertical-align: middle;
  border-radius: 8px;
}
.submit button:hover {
  background: #f8da3c;
  color: var(--primary-color);
  transition: linear 0.3s;
  -moz-transition: linear 0.3s;
  -o-transition: linear 0.3s;
  -webkit-transition: linear 0.3s;
}
#form-left span input,
#form-right span input {
  margin-bottom: 16px;
}
.submit-btn-custom {
  color: white;
  border-radius: 8px;
}
.submit-btn-custom:hover {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 1;
  outline: none;
}
#main-menu {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 80%;
  z-index: 1042;
  background-color: #ebebeb;
  transition: all 0.8s ease;
}
#top-link:hover {
  color: var(--primary-color);
  background: #f8da3c;
}
.menu_mobile_bg {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  z-index: 1042;
  opacity: 0.85;
}
.css_menu_sibar {
  padding: 30px 0;
}
.btn_close_menu {
  position: fixed;
  top: 0;
  right: 0;
  cursor: pointer;
  font-family: Arial, monospace;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.6s, transform 0.3s;
  transition-delay: 0.15s;
  width: 40px;
  z-index: 1046;
}
.css_menu_sibar ul li a {
  padding-left: 20px;
  color: #00383d;
  padding-bottom: 8px;
  padding-top: 8px;
  align-items: center;
  display: flex;
  flex-grow: 1;
  width: auto;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: all 0.2s;
  flex-wrap: wrap;
  font-size: 14px;
}
#masthead > .header-inner {
  max-width: 1250px !important;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.list_hot_news {
  background-color: var(--primary-color);
}
.text-white {
  color: #fff;
}
.list_hot_news .info-new a {
  transition: all 0.3s ease;
}
.list_hot_news .info-new a:hover {
  color: #f8da3c;
}
@media (min-width: 1024px) {
  #popup-thamquan .box_popup {
    width: 45%;
  }
}