@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');


.grid-item img{ max-width: 100% }
.welcome{ background: url(../images/bg-ab.png) #27539b no-repeat; 
	background-size: cover;
width: 100%;
    overflow: hidden;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #000
  }
  .welcome .heading-text.heading-section h2:before{ background-color: #a82224 }
  .welcome .heading-text.heading-section h2 { font-size: 40px;color: #a82224; }
  .welcome .heading-text.heading-section h2:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 100px;
    background-color: #a82224;
    bottom: -5px;
    left: 0;
    right: 0;
}
  .fullscreen{  background-size: cover !important; background-repeat: no-repeat; background-position: center; }
  .text-align-center {text-align: center;}

  .hinhanh .heading-text.heading-section h2{ font-size: 40px; color: #a82224;}
  .hinhanh .heading-text.heading-section h2:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 120px;
    background-color: #a82224;
    bottom: -5px;
    left: 0;
    right: 0; margin: 0 auto
}

 .post-item-description .title-des a{ font-size: 22px; font-weight: 700; color: #000;}

  .dichvu .heading-text.heading-section h2{ font-size: 40px; color: #a82224;} 
 .dichvu .heading-text.heading-section h2:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 120px;
    background-color: #a82224;
    bottom: -5px;
    left: 0;
    right: 0; margin: 0 auto
}
.dichvu .post-item-description h2 a { font-size: 20px;}
 #footer .widget h4 {color: #fff} 
}
#footer  h5{color: #fff !important} 
.header-page{ background-color: #2f3350 !important }


#mainMenu nav > ul > li {padding: 20px 30px }
.header-page #mainMenu nav > ul > li > a{color: #fff !important; text-align: center; width: 100px}

.post-item .post-image .post-meta-category{  
    right: 0;
    top: 30%;
    background-color: rgb(255 255 255 / 75%);
    border-radius: 10px;
    color: #000;
    width: 50%;
    margin: auto 25%;
    padding-bottom: 10px;
  }
  .post-item .post-image .post-meta-category a{color: #000}

.header-sticky #mainMenu nav > ul > li > a{ color:#fff }
.header-sticky .social-icons li a{color:#fff}
.bg-say{ background-color: #eee }
.maps{}
.maps img{width: 100% }
.box-say{ background-color: #a82224; box-shadow: 1px 1px 1px #000; border-radius: 10px; padding: 30px 30px; color: #fff }
.box-say .lead {color: #fff}
.box-say h2 { color: #fff; font-size:34px; }
.red {background-color: #a82224}

.social-icons li a{color: #fff}


.legend{ position:absolute; top:25%; left:3% ; width:100% }
.jba-main{width: 100%; }
.jba-main .jba-main-des{background: url(../images/des1.png) left 5px no-repeat;padding: 30px 50px 30px 60px; font-size: 17px}
.jba-main .jba-main-foot{background: url(../images/des2.png) left 5px no-repeat;padding: 30px 50px 30px 60px;font-size: 17px}

.bg-maps-main{background: url(../images/bg0.jpg) no-repeat;  background-size: 100%;    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
.map-local{ width: 100%; margin: 0 auto ;}
.bg-map{ background: url(../images/map-line.png) no-repeat; 
	background-size: 100%;
	width: 1100px; height: 950px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;    -webkit-transition: all 0.3s;
    transition: all 0.3s;
 }

.bg-map-mobile{ display:none; }
.map-local a{color: #323232; font-weight: 400; font-family: 'Poppins', sans-serif;}
.map-local .icon-class{ background-color:rgb(193 193 193 / 77%); border-radius:5px; padding:1px 3px;font-size: 16px; }
.map-local .icon-holder{font-size: 25px; color:#a82224 }

.local{position:absolute;}

.local-japan{  left:990px; top:170px; animation-delay: 0.3s; }
.local-japan i{color: #002654 !important;}
.local-southkorea{  left:865px; top:240px;  animation-delay: 0.5s; }
.local-southkorea i{color: #002654 !important;}
.local-taiwan{ position:absolute; left:846px; top:462px;  animation-delay: 0.7s; }
.local-taiwan i{color: #002654 !important;}

.local-chiangmai{ left:508px; top:530px;  animation-delay: 0.9s; }
.local-hanoi{ left:640px; top:570px;  animation-delay: 1.1s; }
.local-danang{ left:695px; top:640px;animation-delay: 1.3s; }
.local-cambodia{ left:640px; top:691px;animation-delay: 1.4s; }
.local-cambodia i{color: #002654 !important;}
.local-hochiminh{  left:682px; top:722px;  animation-delay: 1.5s; }
.local-hochiminh .icon-holder{color: #E69110 !important;}

.local-phuquoc{  left:642px; top:760px;  animation-delay: 1.7s; }
.local-phuket{ left:474px; top:675px; animation-delay: 1.9s; }
.local-bangkok{  left:521px; top:645px;  animation-delay: 2.1s; }
.local-malaysia{  left:600px; top:855px;  animation-delay: 0.5s; }
.local-malaysia i{color: #002654 !important;}
.local-singapore{ left:643px; top:892px;  animation-delay: 1.0s; }
.local-singapore i{color: #002654 !important;}

.popup {
    margin: 0;
    padding: 0;
}
.popup{} .close-pp{ position:absolute; top:11px; right:11px;  }
.popup .btn-pp{ margin:0 auto; }

.modal-header {padding: 1rem 1.5rem 0rem 1.5rem;}