@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Montserrat-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Montserrat-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Montserrat-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Montserrat-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Montserrat-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Montserrat-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Montserrat-BlackItalic.ttf") format("truetype");
}


*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 16px;
  color: #1A304C;
  line-height: 1.8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  position: relative;
}

strong { font-weight: 500; }

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

a {
  outline: none;
  text-decoration: none;
  color: #175f92;
}

a:hover, a:focus { color: #ffc200; }

a span {
  border: 1px solid transparent;
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


p {
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  line-height: 1.6;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: none;
}
button:focus {
  outline: none;
  box-shadow: none;
}

img {
  max-width: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}

input {
  outline: none;
  border-radius: 0;
}

.p-tb-100 {
  padding: 100px 0;
}

.p-tb-80 { 
  padding: 80px 0; 
}

.pt-80 { padding-top: 80px; }

.pb-80 { 
  padding-bottom: 80px; 
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.p-tb-60 { padding: 60px 0; }

.pt-50 {
  padding-top: 50px;
}

.pb-60 { padding-bottom: 60px; }

.pb-50 {
  padding-bottom: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-20 { 
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-60 {
  margin-top: 60px;
}

.container {
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*Phone*/
.hotline-phone-ring {position: fixed; bottom: 0; left: 0; z-index: 980; display: block;}
.hotline-phone-ring-wrap {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 .5s; left: 0px; bottom: 20px; display: block; }
.hotline-phone-ring-circle {width: 87px; height: 87px; top: 10px; left: 10px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid 51, 1117, 136; -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 .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5; }
.hotline-phone-ring-circle-fill {width: 57px; height: 57px; top: 25px; left: 25px; position: absolute; background-color: rgb(51, 117, 136, 0.75); 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 .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.hotline-phone-ring-img-circle {background-color: #337588; width: 33px; height: 33px; top: 37px; left: 37px; 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-phone-ring-img-circle .pps-btn-img {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.hotline-phone-ring-img-circle .pps-btn-img img {width: 20px; height: 20px; }
.hotline-phone-ring-img-circle .pps-btn-img svg { width: 18px; }
.hotline-phone-ring-img-circle .pps-btn-img svg path { fill: #fff; }
.hotline-bar {position: absolute; background: #337588; height: 34px; width: 140px; line-height: 34px; border-radius: 5px; padding: 0 10px; 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,.25),0 10px 10px rgba(0,0,0,.1); left: 10px; bottom: 25px; text-align: center; font-size: 14px; }
.hotline-bar span {color: #fff; text-decoration: none; font-size: 15px; font-weight: 700; display: block; letter-spacing: 1px; line-height: 34px; white-space: nowrap; }
.hotline-bar:before{ position: absolute; content: ''; top: -20px; left: calc(50% - 10px); border: 10px solid transparent; border-bottom: 10px solid #337588; }

.hotline-phone-ring.chat-zalo { bottom: 80px; }
.chat-zalo .hotline-bar, .chat-zalo .hotline-phone-ring-img-circle{ background: #1e73be }
.chat-zalo .hotline-phone-ring-circle { border-color: #1e73be; }
.chat-zalo .hotline-phone-ring-circle-fill { background-color: rgba(30, 115, 190, 0.75); }
.chat-zalo .hotline-bar:before { border-bottom-color: #1e73be; }

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .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)
    }
}



.faq .title { font-size: 27px; }
.faq .accordion { margin-bottom: unset; padding-left: unset; list-style: none; border: #e6e6e6 1px solid; border-radius: 5px; border-bottom: unset;}
.faq .accordion .btn-link {background: #fafafa; padding: 12px 12px 14px 10px; cursor: pointer; font-size: 17px; font-weight: 600; position: relative; margin-bottom: 0; margin: 0; background: none; text-decoration: none; color: #0B0C0C; display: block;}
.faq .accordion .btn-link:hover { outline: none; text-decoration: none;}
.faq .accordion>li { position: relative; margin-bottom: 0; border-bottom: #e6e6e6 1px solid; }
.faq .accordion>li>.default-icon { position: absolute; right: 5px; top: 15px; }
.faq .accordion .content { padding-left: 25px; }
.faq .accordion-collapse { border: none; display: block; }
.faq .accordion>li li { margin-bottom: 10px; list-style-type: circle; }
.faq .accordion>li ul { padding-left: 20px; }
.social-share { margin-top: 50px; border-bottom: 1px solid #dddddd; padding: 15px 0; border-top: 1px solid #dddddd;}
.social-share .socials-share__list { display: flex; flex-wrap: wrap; margin: 0 -10px; position: relative; top: unset; width: 100%;}
.social-share .socials-share__item { padding: 0 10px; margin-bottom: unset; }

.socials-share__list { list-style: none; }
.socials-share__list.socials-share-desktop { position: sticky; top: 80px; right: 0; width: 36px; margin-left: 30px; list-style: none; padding-left: unset; }
.socials-share__item { margin-bottom: 10px;}
.socials-share__item a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 0, 0, 0.05); transition: all ease 0.4s; cursor: pointer;} 
.socials-share__item a svg {width: 20px; max-height: 20px; }
.socials-share__item:hover svg path { fill: #fff!important; }
.socials-share__item:first-child:hover a { background: #479be5; }
.socials-share__item:nth-of-type(2):hover a { background: #265091; }
.socials-share__item:nth-of-type(3):hover a { background: #0180c7 }
.socials-share__item:nth-of-type(3):hover a svg path { fill: transparent!important; }
.socials-share__item:nth-of-type(3):hover a svg .st1 { fill: #fff!important; }
.socials-share__item:nth-of-type(4):hover a { background: #076c9e; }
.socials-share__item:nth-of-type(5):hover a { background: #f73e2f }

.social-share-mobile { display: none; }

/* width */
.popup-news__content::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.popup-news__content::-webkit-scrollbar-track {
  background: #888;
}

/* Handle */
.popup-news__content::-webkit-scrollbar-thumb {
  background: #478480;
}

/* Handle on hover */
.popup-news__content::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.wpcf7-not-valid-tip { font-size: 14px; }



#lang-nhiet-doi-sun-tropical-village { width: 350px; }

.header .nav-comp-column .dropdown-menu { min-width: 300px; }
.navbar-nav .dropdown-menu {
  position: absolute;
  top: 50px!important;
  box-shadow: 0 3px 6px rgba(0,0,0,.2);
  border-radius: 2px;
}
.navbar-nav .dropdown-menu .sub-menu { font-size: 15px;}
.navbar-nav .dropdown-menu .sub-menu a { display: block; padding: 7px 15px;}
.navbar-nav .dropdown-menu:before{
    position: absolute;
    left: 20px;
    top: -16px;
    bottom: 100%;
    content: ' ';
    height: 0;
    width: 0;
    border: solid transparent;
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    pointer-events: none;
    opacity: 1;
    z-index: 101;
}
.navbar-nav .dropdown-menu .sub-menu:focus, .navbar-nav .dropdown-menu .sub-menu:hover {
  background: #f3f4f7;
}


/*PopUp Form*/
#popup-form .close-button { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; cursor: pointer; border: 2px solid #fff; border-radius: 50%; padding: 8px; background-color: #333; display: flex; align-items: center; justify-content: center;}
#popup-form { display: none; }
#popup-form .wpcf7-form-control.wpcf7-submit.button-submit { display: none; }
#popup-form .form-home__contact-submit { position: relative; }
#popup-form {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-form.open {opacity: 1;}
#popup-form {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-form.open {opacity: 1; visibility: visible; display: block;}
#popup-form .component-inner {width: 640px; max-width: 90%; max-height: 95%; margin: auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: auto; }
#popup-form .component-inner .component-info {background: #fff; position: relative; border-radius: 20px; overflow: hidden; }
#popup-form .component-inner .component-info .form-contact {max-width: unset; position: relative; display: flex; }
#popup-form .component-inner .component-info .form-contact .group-heading {text-align: center; width: 50%; padding: 40px 20px; }
#popup-form .component-inner .component-info .form-contact .group-form { width: 50%; background: #fcfbf3; padding: 40px 20px; display: flex; flex-direction: column; justify-content: center; position: relative; }
#popup-form .component-inner .close-button {position: absolute; top: 0px; right: 50%; width: 100px; height: 36px; cursor: pointer; transform: translateX(50%); border-radius: 0 0 20px 20px; font-size: 16px; color: #fff; display: flex; align-items: center; border: none; background-color: #337588; }
#popup-form .component-inner .close-button img { width: 15px; margin-right: 5px; }
#popup-form .component-inner .component-info .form-contact .group-heading {max-width: 438px; margin: auto; padding-bottom: 31px; }
#popup-form .component-inner .component-info .form-contact .group-heading .logo {margin-bottom: 7px; width: 180px; height: 180px; padding: 25px; border-radius: 50%; border: 1px solid #f1f1f1; display: flex; align-items: center; justify-content: center; margin: auto; }
#popup-form .component-inner .component-info .form-contact .group-heading .logo img { max-height: 100%; object-fit: contain;}
#popup-form .component-inner .component-info .form-contact .group-heading .title {font-size: 27px; font-weight: 600; margin-bottom: 15px; text-transform: uppercase;}
#popup-form .component-inner .component-info .form-contact .group-heading .description { text-align: center; }
#popup-form .component-inner .component-info .form-contact .group-heading .description ul { padding-left: unset; list-style: none; }
#popup-form .component-inner .component-info .form-contact .group-heading .description ul li { margin-bottom: 10px; text-align: left; }
#popup-form .component-inner .component-info .form-contact .group-form .title { font-size: 16px; text-align: center; }

#popup-form .form-home__contact-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -11px; }
#popup-form .form-home__contact-wrap .form-group {width: 100%; margin-bottom: 10px; } 
#popup-form .form-home__contact-wrap .form-group.input-small {width: 50%; }
#popup-form .form-home__contact-wrap .form-group input, #popup-form  .form-home__contact-wrap .form-group textarea { width: 100%; border: 1px solid #704122; border-radius: 5px; padding: 10px 17px; outline: none; }
#popup-form .form-home__contact-wrap .form-group .inner {padding: 11px; }
#popup-form .form-home__contact-submit button {width: 100%; text-align: center; background: #b9a25e; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 14px; border-radius: 5px; padding: 10px; }
.form-home__contact-submit .quote { color: #fff; text-align: center; font-size: 16px; }
.wpcf7-not-valid-tip { position: absolute; left: 0; }
.wpcf7-response-output { position: absolute; bottom: -15px; left: 10px; right: 10px; font-size: 14px; }
.form-home__contact-submit .ajax-loader{ position: absolute; top: 27px; right: 10px; }

.section-form-project { padding-top: 50px; padding-bottom: 60px; color: #fff; position: relative; }
.section-form-project:before { content: ''; position: absolute; background: #337588; top: 0; left: -50vw; bottom: 0; right: -50vw; width: 200vw; }
.section-form-project .title { font-size: 24px; text-align: center; color: #fff; position: relative;}
.section-form-project .description { margin-bottom: 40px; }
.section-form-project .wrap-form { display: flex; margin: -15px -10px;}
.section-form-project .wrap-form .form-group { padding: 15px 10px; width: 27%; }
.section-form-project .wrap-form .form-group .input { width: 100%; padding: 10px; border-radius: 5px;}
.section-form-project .wrap-form .wrap-submit { width: 19%; }
.section-form-project .wrap-form .wrap-submit .submit { width: 100%; padding: 10px; background-color: #023349; border: 1px solid transparent; border-radius: 5px; transition: all ease 0.6s; cursor: pointer;}
.section-form-project .wrap-form .wrap-submit .submit:hover { background-color: #D4CAA6; border: 1px solid #fff; }
.section-form-project .wrap-form .wrap-submit { position: relative; }
.section-form-project .wrap-form .wrap-submit .ajax-loader { position: absolute; top: 50%; right: -10px; transform: translateY(-50%); }
.section-form-project .wpcf7-not-valid-tip { color: #fff; opacity: 0.7 }

.content-blog__inner table td, 
.content-blog__inner table, .content-blog__inner table th{border: 1px solid #aaa; padding: 10px; color: #000; }
.content-blog__inner table td { border-bottom: none; }
.content-blog__inner table tr td:first-child { border-right: none; font-weight: 500; }
.content-blog__inner table { margin-bottom: 16px; }

.content-blog__inner .table-box { overflow: auto; width: 100%; margin-bottom:  15px;}
.content-blog__inner .table-box table { min-width: 700px; }

.table-over {
    overflow: auto;
    width: 100%
}

.table-over table {
    min-width: 620px
}

/* width */
.content-blog__inner .table-box::-webkit-scrollbar { height: 2px; }
/* Track */
.content-blog__inner .table-box::-webkit-scrollbar-track {background: #fff; }
/* Handle */
.content-blog__inner .table-box::-webkit-scrollbar-thumb {background: #f73e2f; }
/* Handle on hover */
.content-blog__inner .table-box::-webkit-scrollbar-thumb:hover {background: #f73e2f; }