.hotline {

  bottom: 25px;

  right: 25px;

  margin: auto 0 0 auto;

  text-align: right;

  position: fixed;

  left: 0;

  z-index: 1030;

}



.hotline img {

  width: 200px;

}



@media only screen and (max-width: 992px) {

  #divLangToggle {

    right: 27px;

  }

}



@media only screen and (min-width: 768px) {

  .modal-dialog {

    top: 66px;

  }

}



@media only screen and (max-width: 767px) {

  .hotline img {

    width: 150px;

  }



  .block-modal-content .modal-main .close-modal {

    padding-right: 0 !important;

  }

  .block-modal-content .modal-main .close-modal span {

    /* margin-bottom: 10rem; */

  }

  .block-modal-content .modal-main .block-modal__slick .slide .slick-item img {

    width: 100%;

    height: auto;

  }

}

@media screen and (max-width: 575px) {

  .block-modal-content .modal-main .block-modal__slick .slide {

    width: 100%;

  }

  .block-modal-content .modal-main .block-modal__slick .slide .carousel-inner {

    height: auto;

  }

}

/* ----- Slider banner ----- */

#headerSlider.hero-content__slide {

  height: 600px;

  width: 100%;

  overflow: hidden;

}

#headerSlider .hero-content__slide--item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#headerSlider .hero-content__slide--item {

  height: 600px;

  width: 100%;

}

@media only screen and (max-width: 767px) {

  #headerSlider.hero-content__slide {

    height: 480px;

  }

  #headerSlider .hero-content__slide--item {

    height: 480px;

  }

}

#headerSlider .slick-next {

  position: absolute;

  right: 0;

  top: 300px;

  width: 65px;

  height: 65px;

  border-radius: 50%;

  border: 3px solid blue;

  background-color: white;

  color: blue;

  opacity: 0.6;

}

#headerSlider .slick-prev {

  position: absolute;

  top: 300px;

  width: 65px;

  height: 65px;

  border-radius: 50%;

  border: 3px solid blue;

  background-color: white;

  color: blue;

  opacity: 0.6;

  z-index: 1;

  padding: 0 auto;

}

.slick-dots {

  z-index: 10000;

  display: flex;

  position: absolute;

  bottom: 0%;

  border-radius: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  list-style: none;

}

.slick-dots button {

  background-color: rgba(110, 110, 110, 0.651);

  border-radius: 50%;

  width: 10px;

  height: 10px;

  border: unset;

  font-size: 0;

  margin: 10px;

}

.slick-dots .slick-active {

  position: relative;

}

.slick-dots .slick-active::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(180, 168, 128, 1);

  width: 15px;

  height: 15px;

  border-radius: 50%;

}

/* ----- Slider banner ----- */



/* ----- Custom description banner ----- */

#headerSlider .hero-content__slide--item {

  position: relative;

  height: 100%;

}

#headerSlider .slick-list {

  height: 100%;

}

#headerSlider .slick-list .slick-track {

  height: 100%;

}

#headerSlider .hero-content__slide--item .item-img {

  height: 100%;

}

#headerSlider .hero-content__slide--item .item-description {

  position: absolute;

  top: 5%;

  left: 3%;

  width: 30%;

}

.item-description .item-description__logo {

  display: flex;

  justify-content: center;

  padding-top: 10px;

}

.item-description .item-description__logo .logo-item {

  display: flex;

  align-items: center;

  flex-direction: column;

}

.item-description .item-description__logo .logo-item span {

  text-align: center;

  text-transform: uppercase;

}

#headerSlider .hero-content__slide--item .item-description .item-description__logo .logo-item .logo-text-en {

  font-family: "AvenirNextLTPro-Regular";

}

#headerSlider .hero-content__slide--item .item-description .item-description__logo .logo-item-1 img {

  height: auto;

  max-width: 120px;

}

#headerSlider .hero-content__slide--item .item-description .item-description__logo .logo-item-2 img {

  max-height: 70px;

  width: auto;

}

#headerSlider .hero-content__slide--item .item-description .item-description__logo .logo-item + .logo-item {

  padding-left: 15px;

}

#headerSlider .hero-content__slide--item .item-description .item-description__desc {

  text-align: center;

}

#headerSlider .hero-content__slide--item .item-description .item-description__desc h1 {

  text-transform: uppercase;

}

#headerSlider .hero-content__slide--item .item-description .item-description__desc .banner-title-en {

  font-family: "Didot";

}

#headerSlider .hero-content__slide--item .item-description .item-description__desc p {

  font-size: 16px;

  margin: 0;

  letter-spacing: -1px;

}

#headerSlider .hero-content__slide--item .item-description .item-description__desc .banner-desc-en {

  font-family: "AvenirNextLTPro-Regular";

}

#headerSlider .hero-content__slide--item .item-description .item-description__desc p + p {

  padding-top: 5px;

}

#headerSlider .hero-content__slide--item .item-description .item-description__desc h3 {

  font-size: 18px;

  font-weight: 700;

  margin-top: 15px;

}



#headerSlider .hero-content__slide--02 .item-description {

  top: 5%;

  left: 73%;

  width: 30%;

}

#headerSlider .hero-content__slide--03 .item-description {

  top: 5%;

  left: 54%;

  width: 30%;

}

#headerSlider .hero-content__slide--04 .item-description {

  top: 5%;

  left: 72%;

  width: 30%;

}

#secIntroPgPara .title-banner-mb .item-description {

  display: none;

}

#secIntroPgPara #divIntroPgParaWrap {

  width: 100% !important;

  text-align: center !important;

}

/* ----- Custom description banner ----- */



/* ----- Custom #divTemplateKeyVisParllaxTxtHeaderWrap ----- */

#divTemplateKeyVisParllaxTxtHeaderWrap {

  text-align: center;

  text-transform: uppercase;

}



#divTemplateKeyVisParllaxTxtHeaderWrap #divResSlideHeadTxt1,

#divResSlideHeadTxt2 {

  padding-left: 0;

}

/* ----- Custom #divTemplateKeyVisParllaxTxtHeaderWrap ----- */



/* ----- Custom facilities ----- */

#facilities #divPgKeyOuterTxtWrap {

  position: unset !important;

}

#facilities .clsKeyVisParllaxTxtWrap-facilities {

  position: absolute !important;

  top: 50% !important;

  left: 50% !important;

  transform: translate(-50%, -50%) !important;

}

#facilities .clsKeyVisParllaxTxtWrap-facilities-en {

  top: 43% !important;

  position: absolute !important;

  left: 50% !important;

  transform: translate(-50%, -50%) !important;

}

#facilities #divLocPgKeyTxtWrap {

  padding-left: 0 !important;

  top: 35% !important;

  position: absolute !important;

}

#location #divLocPgKeyTxtWrap {

  padding-left: 0 !important;

}

@media screen and (max-width: 767px) {

  #facilities #divResPgKeyTxtWrap {

    top: 0 !important;

    position: unset !important;

    left: 0% !important;

    transform: unset !important;

    color: #673e4e !important;

  }

  #divTemplateKeyVisParllaxTxtHeaderWrap {

    color: #673e4e !important;

    padding-left: 50%;

    padding-top: 10px;

  }

}

@media screen and (max-width: 740px) {

  #divTemplateKeyVisParllaxTxtHeaderWrap {

    color: #673e4e !important;

    padding-left: 0;

    padding-top: 0;



  }

}

/* ----- Custom facilities ----- */



/* ----- Custom location ----- */

#location #divPgKeyOuterTxtWrap {

  position: unset !important;

}

#location #divTemplateKeyVisParllaxTxtHeaderWrap {

  position: absolute;

  top: 10%;

  left: 50%;

  transform: translateX(-50%);

}

/* #location #divTemplateKeyVisParllaxTxtHeaderWrap .text-center {

  justify-content: center !important;

} */

#location #divTemplateKeyVisParllaxTxtHeaderWrap .clsHeaderBigFont {

  position: unset !important;

  left: 0 !important;

  justify-content: center !important;

}

#divTemplateKeyVisParllaxTxtHeaderWrap .text-center {

  position: unset !important;

  top: unset !important;

  left: unset !important;

  transform: unset !important;

  padding-left: unset !important;

}

#divTemplateKeyVisParllaxTxtHeaderWrap {

  position: unset !important;

  top: unset !important;

  left: unset !important;

  transform: unset !important;

}



#divPgKeyOuterTxtWrap .locHeaderVNAlign {

  padding-left: 0 !important;

}

/* ----- Custom location ----- */



/* ----- Custom title-banner ----- */

#keyVisParllaxWrap {

  position: relative;

}

.clsKeyVisParllaxTxtWrap-facilities {

  top: -280px;

  left: 70%;

}



@media screen and (max-width: 1499px) {

  .clsKeyVisParllaxTxtWrap-facilities {

    top: -300px !important;

    left: 140% !important;

  }

}

@media screen and (max-width: 1439px) {

  #secIntro .hero-content .item-description__desc h1 {

    font-size: 1.5em !important;

  }

}

@media screen and (max-width: 1199px) {

  .clsKeyVisParllaxTxtWrap-facilities {

    left: 100% !important;

  }

  #secIntro .hero-content .hero-content__slide .item-description {

    top: 5%;

  }

  #secIntro .hero-content .item-description__desc h1 {

    margin: 0 !important;

  }

}

@media screen and (max-width: 991px) {

  .clsKeyVisParllaxTxtWrap-facilities {

    left: 80% !important;

  }

}

@media screen and (max-width: 767px) {

  .clsKeyVisParllaxTxtWrap-facilities {

    left: 0% !important;

    top: 0% !important;

  }

}

/* ----- Custom title-banner ----- */



/* ----- Custom gallery-page ----- */

.block-modal-content {

  position: fixed;

  z-index: 9999;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.664);

  display: none;

}

.block-modal-content .modal-main {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 95%;

}

.block-modal-content .modal-main .close-modal {

  display: flex;

  justify-content: flex-end;

  padding-right: 10rem;

}

.block-modal-content .modal-main .close-modal span {

  cursor: pointer;

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

}

.block-modal-content .modal-main .block-modal__slick .slick-item {

  height: 100%;

}

.block-modal-content .modal-main .block-modal__slick .slick-item .slick-item__title {

  color: #ffff;

  font-size: 16px;

  margin: 1rem 0;

}

.block-modal-content .modal-main .block-modal__slick .slick-item img {

  height: 90%;

  width: auto;

  margin: auto;

  object-fit: cover;

}



#secRes2 .modal-body .popup-item .title {

  /* width: 80%; */

  margin: 0 auto;

}

#secRes2 .modal-body .popup-item {

  height: 100%;

}

#secRes2 .modal-body .popup-item a img {

  height: 90%;

  width: auto;

  margin: 0 auto;

}



#secRes2 .msd_maincontainer .mod_location_slider .mod_location_slider_box .mod_location_slider_item .thumb img {

  width: 100%;

  height: auto;

  object-fit: contain;

}

#secRes2 .msd_maincontainer .mod_location_slider .mod_location_slider_box .mod_location_slider_item .thumb::before {

  padding-top: 56%;

}

#secRes2 .modal-dialog .modal-body .carousel {

  width: 100% !important;

}

#secRes2 .msd_maincontainer .mod_location_slider .mod_location_slider_box .mod_location_slider_item .clsBarInner {

  padding: 30px 0;

}



@media screen and (max-width: 575px) {

  #secRes2 .modal-body .popup-item {

    height: unset;

  }

  #secRes2 .modal-body .popup-item a img {

    height: unset;

  }



  #secRes2 .block-modal-content-mb .modal-main .close-modal {

    padding-right: 3rem;

  }

  #secRes2 .block-modal-content-mb .modal-main .block-modal__slick img {

    width: 100%;

    height: auto;

  }

  #secRes2 .msd_maincontainer .mod_location_slider .controlx {

    margin-top: 20% !important;

  }

}

/* ----- Custom gallery-page ----- */



/* ----- Custom promotion-page ----- */

.modal .modal-dialog .modal-body .carousel .carousel-inner {

  height: auto;

}



.modal .modal-dialog .modal-body #close_pupop {

  text-transform: uppercase;

  font-size: 14px;

  font-weight: unset !important;

  font-family: "Asap-Regular", sans-serif !important;

  background-color: unset;

  border: unset !important;

  border-radius: unset !important;

  width: unset;

  height: unset;

  padding: unset;

  font-style: unset;

  text-shadow: unset;

}

.modal .modal-dialog .modal-body .carousel .carousel-inner .item img {

  max-width: 85%;

  margin: auto;

}



@media screen and (max-width: 767px) {

  .modal .modal-dialog {

    height: 100%;

  }

  .modal .modal-dialog .modal-body {

    height: 100%;

    display: flex;

    align-items: center;

    padding: unset;

  }

  .modal .modal-dialog .modal-body .carousel {

    position: relative;

    /* width: 100%; */

  }

  .modal .modal-dialog .modal-body .carousel .carousel-control {

    position: absolute;

  }

  .modal .modal-dialog .modal-body .carousel .carousel-inner .item img {

    max-width: 100%;

    margin: auto;

  }

}

@media screen and (max-width: 575px) {

  .modal .modal-dialog .modal-body .carousel {

    width: 100%;

  }

  .modal .modal-dialog .modal-body #close_pupop {

    top: 25%;

    right: 0% !important;

  }

}

/* ----- Custom promotion-page ----- */



.parllaxpadding-img {

  margin-top: 50px;

}



@media screen and (max-width: 1920px) {

  #headerSlider {

    height: 800px !important;

  }

  #divKeyVisual #divResPgKeyTxtWrap {

    top: -430px;

    left: 185%;

  }

}

@media screen and (min-width: 1920px) {

  #headerSlider .hero-content__slide--item .item-description .item-description__logo .logo-item {

    width: 20%;

  }

}

@media screen and (max-width: 1920px) {

  #headerSlider {

    height: 800px !important;

  }

}

@media screen and (max-width: 1499px) {

  #headerSlider {

    height: 600px !important;

  }

}

@media screen and (max-width: 991px) {

  #headerSlider .hero-content__slide--item .item-description .item-description__logo .logo-item {

    width: 100%;

  }

  #headerSlider .hero-content__slide--item .item-description {

    display: none;

  }

  #secIntroPgPara .title-banner-mb .item-description {

    display: block !important;

    color: #a17b8e !important;

    text-align: center;

  }

  #secIntroPgPara .item-description .item-description__logo .logo-item-1 img {

    max-width: 230px;

  }

  #secIntroPgPara .item-description .item-description__logo .logo-item-2 img {

    max-height: 150px;

  }

}

@media screen and (max-width: 767px) {

  #headerSlider {

    height: 430px !important;

  }

  .blackbox .blackbox_container img {

    width: 80% !important;

  }

  .footer__bottom .poly-c img {

    width: 60% !important;

    height: auto !important;

    max-height: unset !important;

  }

}

@media screen and (max-width: 575px) {

  #headerSlider {

    height: 320px !important;

  }

  #secIntroPgPara .item-description .item-description__logo .logo-item-1 img {

    max-width: 180px;

  }

  #secIntroPgPara .item-description .item-description__logo .logo-item-2 img {

    max-height: 100px;

  }

}

@media screen and (max-width: 375px) {

  #headerSlider .hero-content__slide--item .item-description .item-description__logo .logo-item {

    height: 4rem;

  }

}