@charset "utf-8";

:root {
  --d-transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  --color199:#065199;
  --colorD93:#0A4D93;
  --color098:#055098;
  --colorC21:#F1BC21;
  --color9D9:#D9D9D9;
  --colorD1E:#FFCD1E;
  --colorFFF:#ffffff;
  --colorA10:#C98A10;
  --color55:#555555;

  --fz-60: 60px;
  --fz-50: 50px;
  --fz-40: 40px;
  --fz-34: 34px;
  --fz-30: 30px;
  --fz-27: 27px;
  --fz-25: 25px;
  --fz-22: 22px;
  --fz-20: 20px;
  --fz-19: 19px;
  --fz-18: 18px;
  --fz-17: 17px;
  --fz-16: 16px;

  --border-radius:10px;
}
a{cursor: pointer;transition: var(--d-transition);}
.container {position: relative;    max-width:1210px;  z-index: 50;}  
a:hover, a:active, a.active{text-decoration: none;outline: none;}
li{list-style-type: none; }	
textarea:focus, input:focus,.slick-initialized .slick-slide, button{outline: none; }
input, button{transition: var(--d-transition);}

body{background:var(--colorFFF);font-family: "K2D", sans-serif; font-weight: 400; font-style: normal; font-size: var(--fz-16); line-height: 23px; color:var(--color55);}
h1, h2, h3, h1, h2, h3, b, strong{font-family: "K2D", sans-serif; font-weight: 700; font-style: normal;}
.des_tab{display:none !important; }
.logo-tab,.lang.lang-mb,.bg-recruit-mb,.logo-mobile{display:none}
.clearfix{clear:both;height: 1px;width: 100%;}
/* =WordPress Core
-------------------------------------------------------------- */
#fullpage{overflow: hidden;}
.img-responsive{max-width: 100%;height: auto;}
.wp-caption {  max-width: 100%;}
.d-block{display: block;}
button { cursor: pointer;}
.relative{position: relative;}
.slick-slider {position:relative;margin: 0px;}		
	.slick-slider .slick-prev, .slick-slider .slick-next {width: 27px; height: 32px; padding: 0px; z-index: 2;transition: var(--d-transition);}
		.slick-slider .slick-prev{left:40px;}
		.slick-slider .slick-next{right:40px;}
			.slick-slider .slick-next:before,.slick-slider .slick-prev:before{content: ''; width: 27px; height:32px; display: block; opacity: 1; position: absolute; z-index: 2; top: 0px;transition: var(--d-transition);}
			.slick-slider .slick-next:before {background: url(../images/ico-next.svg) center  center no-repeat; right: 0px; background-size: 23px;}	
			.slick-slider .slick-prev:before {background: url(../images/ico-prev.svg) center  center no-repeat; left: 0px; background-size: 23px;}	

			.btn-red.slick-slider .slick-next:before {background: url(../images/ico-next-red.svg) center  center no-repeat; right: 0px; background-size: 23px;}	
			.btn-red.slick-slider .slick-prev:before {background: url(../images/ico-prev-red.svg) center  center no-repeat; left: 0px; background-size: 23px;}	
		
		.slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus, .slick-slider .slick-next:hover, .slick-slider .slick-next:focus {outline: none;		opacity:1;		}

		.arrow-2.slick-slider .slick-prev:before { background-image: url(../images/ico-prev-2.svg); background-size: 19px; }
		.arrow-2.slick-slider .slick-next:before { background-image: url(../images/ico-next-2.svg); background-size: 19px; }

.anima-img{overflow: hidden;}		
.center-ver{display: flex; align-items: center;}	
/******************** HEADER ******************/

#header {display: flex;overflow-x: clip; align-items: center; position: fixed; top: 0; left: 0; right: 0; z-index: 99; transition: var(--d-transition);}
		.logo-h{z-index:99;text-align: left;-webkit-box-flex: 0; -ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%;}
    .navi-head{-webkit-box-flex: 0; -ms-flex: 0 0 84%; flex: 0 0 84%; max-width: 84%;}
		#header .logo {width: 135px; transition: var(--d-transition);}
			#header.sticky .logo {width: 112px;}  
			#header.sticky:after {content: ''; width: 100%; position: absolute; top: 0px; height: 100%; background:var(--colorFFF);border-bottom: 1px solid rgb(0 174 239 / 20%);}
			
	#header .logo-white {display: none;	}

	#header .main-menu-container {margin-top: 10px; margin-bottom: 10px; position: relative; transition: var(--d-transition);}
		#header.sticky .main-menu-container {margin-top: 0px; margin-bottom: 0px;}
	
	#header .toggle-menu-container {color: var(--color199);line-height: 1;font-size: 20px; opacity: 0; display: none; transition: all ease .4s; margin-right: 0px;}
	
	#header .toggle-menu {background:var(--color199);border: none; width: 46px; height: 46px; border-radius:var(--border-radius); margin-left: 20px; position: relative; transition: all ease .6s;}
	
	#header .toggle-menu .line {position: absolute; left: 20%; right: 30%; height: 2px; background: #fff; transition: var(--d-transition);}

	
	#header .toggle-menu .line:nth-last-of-type(1) {top: 30%;	}	
	#header .toggle-menu .line:nth-last-of-type(2) {top: 50%; left: 35%; right: 15%; transform: translateY(-50%);}	
	#header .toggle-menu .line:nth-last-of-type(3) {bottom: 30%;	}	
	#header .toggle-menu:hover .line {left: 30%;right: 20%;	}	
	#header .toggle-menu:hover .line:nth-last-of-type(2) {left: 15%;right: 35%;	}
	
	#header .main-menu-wrap {position: relative;    align-items: center; top: 0; width: 100%; bottom: 0; text-align: center; margin: auto; display: -webkit-box; display: -ms-flexbox; left: 50%; transform: translateX(-50%); display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; transition: var(--d-transition);}
	.navi-head{margin:auto;padding-right: 0px;   text-align: left;display: flex ; align-items: center; justify-content: end;}
	  
	#header .mobile-logo-container,
	#header .socials-mobile,
	#header .close-btn-mobile {
		display: none;
	}
	
	#header .main-menu {margin-bottom:0px;    padding-left: 0px;    display: inline;	}
		#header .main-menu  li{display:inline-block; position:relative;	padding: 22px 10px 22px;	transition: var(--d-transition);		}
    #header.sticky .main-menu li {padding: 17px 10px 17px;}
    #header .main-menu li:last-child{padding-right: 0px;}
	#header .main-menu a{color: var(--colorFFF);  animation: gradientFlow 4s ease infinite;display: block; font-size: var(--fz-16); text-transform:uppercase; position: relative; font-weight: 600;}
  #header.sticky .main-menu a,#header.sticky .lang a,body:not(.home-page) #header .main-menu a,
  body:not(.home-page) #header .lang a {color:#065199}
  @keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
		#header .main-menu a:after{display:block; content: ''; border-bottom: solid 2px var(--color26); transform: scaleX(0); transition: var(--d-transition);}
		#header .main-menu li:first-child a:after{display: none;}
		#header .main-menu li img{margin-top: -5px;}
			#header .main-menu a.active-navi:after {display: block; content: ''; border-bottom: solid 2px  var(--color26); transform: scaleX(1); transition: var(--d-transition);}
  			#header .main-menu li:hover a:after,#header .main-menu .active-hover a:after {transform: scaleX(1); }
			#header .main-menu .menu-hover  li a:after{display:none;}

		#header .main-menu a.active-navi,#header .main-menu a:hover,#header .current-menu-ancestor>a{color: transparent !important;  -webkit-background-clip: text;  background-clip: text;
    background-image: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%);}	

	#header .main-menu li:last-child a{padding-right:0px;}
	
	#header.light .toggle-menu-container,body:not(.home-page) #header .main-menu .submenu a {color: #fff;}
	
		#header.light .toggle-menu {background: #fff;		}
		
			#header.light .toggle-menu .line {background: #1b4774;}

			#header .main-menu li.menu-hover > a,#header .main-menu .active-navi{background: #FFCD1E;background: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.home-page .submenu{display: none !important;}
.menu-item .submenu:before {content: ''; position: absolute;animation: slideInOneByOne 0.4s forwards ease-out; left: -9999px; right: -9999px; height: 50px; bottom: 0px; background: linear-gradient(90deg, #0099DA 3.14%, #005CA1 100%);    }	
  .submenu {display: none; position: fixed; top: 100%; left: 50%; transform: translateX(-50%);}

.menu-item:hover .submenu { display: flex;}

/* Animation cho hiệu ứng trượt lên */
@keyframes slideUp {
    from {
        transform: translateY(10px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.menu-item {   position: relative; display: inline-block;}

#header .main-menu .submenu a {
    padding: 13px 25px;    color: #fff;    text-decoration: none; transition: var(--d-transition);
    white-space: nowrap; text-transform: none;    opacity: 0;    transform: translateY(0px);
    animation: slideInOneByOne 0.5s forwards ease-out;
}
#header .main-menu .submenu a:nth-child(1) { animation-delay: 0s; }
#header .main-menu .submenu a:nth-child(2) { animation-delay: 0.2s; }
#header .main-menu .submenu a:nth-child(3) { animation-delay: 0.4s; }
#header .main-menu .submenu a:nth-child(4) { animation-delay: 0.6s; }
#header .main-menu .submenu a:nth-child(5) { animation-delay: 0.8s; }

@keyframes slideInOneByOne {
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}

#header .main-menu .submenu a:before{animation: slideInOneByOne 0.5s forwards ease-out;}
#header .main-menu .submenu a.in_act,#header .main-menu .submenu a:hover{color: #FFCD1E !important;}
#header .main-menu .submenu a.in_act:before,#header .main-menu .submenu a:hover:before{
  content: ''; position: absolute; left: 50%; transform: translateX(-50%) !important; top: -7px; 
  width: 16px; height: 14px; background: url(../images/icon-act-navi.svg) center bottom no-repeat; background-size: contain;
}


.banner-page{position: relative; height: 370px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner-page:after{
  content: ''; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%;
  background: linear-gradient(180deg, #051E37 0%, rgba(1, 61, 120, 0) 90.48%);opacity: 50%;    transform: rotate(180deg);
}
.banner-page > *{height: 100%}
.w-breadcrumb{position: absolute; left: 0px; bottom: 50px; display: block; width: 100%;}

.banner-page .title {color: var(--colorFFF); font-size: var(--fz-50);margin-bottom: 15px;}
.m-breadcrumb a{ color:var(--colorFFF); padding:0px 15px; position:relative;     font-weight: 700;}
  .m-breadcrumb a:after{content: ''; position: absolute; right: -8px; top: 50%; transform: translateY(-50%);
    background: url(../images/ico-breadrum.svg) center center no-repeat; width:8px; height:15px; background-size: contain;}
.m-breadcrumb a:first-child{padding-left: 0px}
.m-breadcrumb .last{color: var(--colorD1E);    padding-left: 20px;    font-weight: 700;}

body:not(.home-page) #header{position: relative;}
body:not(.home-page) #header .main-menu-container{margin: 0px 0px;}

body:not(.home-page) #header.sticky { position: fixed; }
body:not(.home-page) #header.sticky .main-menu-container { margin: 0px 0px; }

.lang{display: inline;}
		.lang a{display: inline-block; padding: 0px 7px;color: var(--colorFFF); text-transform: uppercase; position: relative;}
      .lang a:before{content: ''; position: absolute; width: 1px; height: 16px; right: -2px; top: 5px; background: var(--colorFFF);}
      #header.sticky .lang a:before,body:not(.home-page) #header .lang a:before{background:#065199}
      .lang a:last-child{padding-right: 0px;}
      .lang a:last-child:before{display: none;}
		#header.sticky .lang a.act-l,.lang a.act-l,body:not(.home-page) #header .lang a.act-l{color: var(--colorC21);}

.section{padding:60px 0px;}	

.hotline-h{position: relative;background: linear-gradient(90deg, #0099DA 3.14%, #005CA1 100%); border-radius: 70px;margin: 0px 12px 0px 25px; }
  .hotline-h a{display: flex ; color: var(--colorFFF); font-weight: 700; width: 189px; padding-left: 48px; height: 38px; align-items: center;}
.phonering-alo-ph-img-circle {
    width: 38px;
    height: 38px;
    margin: auto;
    border-radius: 50%;
    background: var(--colorC21) url(../images/ico-tel.svg) no-repeat center center;
    -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%;
    background-size: 19px;
    position: absolute;
    z-index: 10;
    top: 0px;
    left: -1px;
}

.colorA10{color: var(--colorA10);}

.title-gradient{text-transform: uppercase; background: #FFCD1E; background: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700;}

/*FOOTER*/
.section-footer{padding-bottom:0px !important; background:var(--colorD93); position:relative; color: #fff;overflow: hidden;}  
  .l-company,.register {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .l-link{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
  .info-company{-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
  footer .register .wpcf7 form .wpcf7-response-output{margin: 10px 0px 0px;}
    footer .register .wpcf7-form-control-wrap { position: relative; display: block; }
    footer .register .wpcf7-spinner{position: absolute; top: 0px;}
    footer .register .wpcf7-not-valid-tip {position: absolute; right: 24%; top: 50%; transform: translateY(-50%); }
    footer .register #form_register_f br{display: none;}
  .d-company-f{line-height: 25px;    text-align: justify;}
  .logo-f{margin-bottom: 25px;    max-width: 200px;}
  .social-w{padding-left: 0px; margin-top: 30px;}
    .social-w li{display: inline-block; margin-right: 10px;}
    .social-w li a,.social-w li span{transition: var(--d-transition);}
    .social-w li a:hover .normal,.social-w li a:hover .hover{transform:translateY(-100%)}  

    .social-w li a { width: 32px; height: 32px; border-radius: 50%; background: var(--colorFFF); position: relative; display: flex ; align-items: center; justify-content: center;transition: all .3s ease-in-out; }
    .social-w li a:hover{background-color:var(--colorC21) ;}
    .social-w li .icon { position: relative; width: 1.3rem; height: 1.3rem; display: block; margin: 0; padding: 0; overflow: hidden;        transition: all .3s ease-in-out; }
    .social-w li .icon span { position: relative; width: 100%; height: 100%; display: block;         transition: all .3s ease-in-out;}
    .social-w li .icon .hover { transform: translateY(100%); filter: brightness(200%); }
    .facebook span { background:url(../images/ico-facebook.svg) no-repeat 50% / 10px; }
    .l-facebook:hover .facebook span { background-image:url(../images/ico-facebook-w.svg) ;}
    .youtube span { background:url(../images/ico-youtube.svg) no-repeat 50% / 18px; }
    .l-youtube:hover .youtube span { background-image:url(../images/ico-youtube-w.svg) ;}
    .tiktok span { background:url(../images/ico-tiktok.svg) no-repeat 50% / 18px; }
    .l-tiktok:hover .tiktok span { background-image:url(../images/ico-tiktok-w.svg) ;}

    .l-link a{position: relative; color: var(--color9D9); display: inline-block; margin-bottom: 8px; padding-left: 15px;}
      .l-link a:hover{padding-left: 20px}
      .l-link a:before{content:'';position: absolute; left: 0px; top: 9px; border-radius: 50%; transition: var(--d-transition); background: var(--colorFFF); width: 7px; height: 7px;}
      .l-link a:hover:before{background-color: var(--colorA10)}
  .section-footer h4{color: var(--colorFFF); font-weight: 800; margin-bottom: 20px; margin-top: 35px; font-size: var(--fz-18);}
  .section-footer .l-link{padding-left: 50px;display: grid}

  .w-company ul, .navi-footer ul{padding-left:0px;    margin-bottom: 0px;}
    .w-company li{color:#F5F5F5; margin-bottom:12px; position:relative; padding-left:30px;}
      .w-company li a{ color: #F5F5F5;}
      .w-company li:before{content:''; left:0px; top:3px; position:absolute;}  
    
    .address:before{background: url(../images/ico-address.svg) left center no-repeat; background-size: contain; width: 19px; height: 19px;} 
    .hotline-f:before{background: url(../images/ico-tel-f.svg) left center no-repeat; background-size:contain; width:20px; height:20px;}
    .email-f:before{background: url(../images/ico-email-f.svg) left center no-repeat; background-size:contain; width:18px; height:17px;}
    .website-f:before{background: url(../images/ico-website.svg) left center no-repeat; background-size:contain; width:18px; height:18px;}

#form_register_f .form-group   {position: relative;}
#form_register_f .submit{position: absolute; top: 0px; right: 0px;background: #00AEEF; color: var(--colorFFF); font-weight: 700; font-size: var(--fz-16); }
    
.section-footer .l-link a:hover,.privacy a:hover{color: #C98A10}

.footer-bottom{margin-top: 50px;padding:20px 15px; position:relative;}    
  .footer-bottom:before{content: ''; width:100%; height: 1px; background:rgb(0 174 239 / 50%); position: absolute; left: 50%; transform: translateX(-50%); top: 0px}
.copyright{color: #D9D9D9; position: relative; z-index: 10; font-size: 16px;    padding-left: 0px;}

.bottom-r{text-align: right;    padding-right: 0px;}
.bottom-r a{color: var(--colorFFF); padding-left: 30px;}

.social-w.visible-mb{display: none;}

.gotop{width: 35px; height: 35px;z-index:80;display: flex ;transition: background 0.5s ease-in-out; align-items: center; justify-content: center;cursor: pointer;border-radius: 50%; background: linear-gradient(90deg, #0099DA 3.14%, #005CA1 100%); position: fixed; bottom: 20px; right: 20px;}
	.gotop:before{content: ''; position: absolute; background: url(../images/ico-top.svg) center center no-repeat; width: 24px; height: 24px;}
	.gotop:hover:before{
		animation-name: moveud;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
	}
.gotop:hover{background: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%);}

.title{ font-size:var(--fz-27);font-weight: 700; color:var(--colorD93);position: relative; text-transform:uppercase; margin-bottom:30px; }
.stitle{font-size:var(--fz-22);font-weight: 700; color:var(--colorD93);margin-bottom: 15px;}
.white{color:var(--colorFFF) !important;}

.view-more a { padding: 8px 45px 8px 20px; line-height: 23px; position: relative; transition: var(--d-transition); color: var(--colorFFF); font-size: 16px; margin-top: 13px;    font-weight: 700; border: 1px solid var(--colorFFF); display: inline-block; }
.view-more.btn-blue a{background: var(--colorD93);color: var(--colorFFF);padding: 7px 38px 9px 20px;}
.view-more.btn-blue a:hover {background: var(--colorA10);   border-color: transparent; }

.btn-border{border-radius: 7px}
.view-more a:hover{background: var(--colorD93); border-color: var(--colorD93); padding: 7px 45px 9px 20px !important; }
.view-more a:after{content: ''; position: absolute; width: 16px; height: 12px; top: 14px; background: url(../images/ico-more.svg) left top no-repeat; background-size: contain; transition: var(--d-transition); right: 10px;}
.view-more.none-ico a:after{background-image:none; right: 0px;}
.view-more.none-ico a:hover:after{background-image: url(../images/ico-more.svg); right: 15px;}
.view-more.none-ico a{padding: 7px 20px 9px 20px }
.view-more a:hover{color: var(--colorFFF);}
.view-more a:hover:after{
    animation-name: movelr;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}
@keyframes movelr {
  0% {transform: translateX(-10px); opacity: 0}
  50% { transform: translateX(0px); opacity: 1}
  100% { transform: translateX(10px);opacity: 0 }
}
@keyframes moveud {
  0% {transform: translateY(10px); opacity: 0}
  50% { transform: translateY(0px); opacity: 1}
  100% { transform: translateY(-10px);opacity: 0 }
}

.anima-img img { transition: transform 3s cubic-bezier(0, 0.6, 0.45, 1); }
.anima-img:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
			
.btn-view{margin: 35px auto 0px; display: block;}

.btn-view a{color: var(--colorFFF);font-size: var(--fz-18);display: block; font-weight: 700; padding: 8px 25px; 
	border: 1px solid var(--colorFFF); border-radius: 7px; transition: var(--d-transition); }
	.btn-view a:after{content: ''; position: absolute; width: 16px; height: 12px; top:16px; background: url(../images/ico-more.svg) left top no-repeat; 
		background-size: contain; transition: var(--d-transition); right: 10px; opacity: 0;}
	.btn-view a:hover{color:var(--colorFFF); border-color: var(--colorA10); background: var(--colorA10);padding: 8px 38px 8px 25px; }
		.btn-view a:hover:after{opacity:1;animation-name: movelr; animation-duration: 1s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;	}

.btn-view.btn-blue-stran a{color: var(--colorD93); border-color: var(--colorD93);}
.btn-view.btn-blue-stran:hover a{color: var(--colorA10); border-color: var(--colorA10); background-color: transparent;}
.btn-view.btn-blue-stran a:after{background-image: url(../images/ico-more-act.svg);}
.type-effect{white-space: pre-wrap;}
.type-effect .char { opacity: 0; display: inline-block; animation: fadeIn 0.2s ease-in forwards; } 
@keyframes fadeIn { to { opacity: 1; } }

/*Loading*/
#preloder{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999;background:#000}
.loader{width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-13px;border-radius:60px;animation:loader .8s linear infinite;-webkit-animation:loader .8s linear infinite}
@keyframes loader{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);border:4px solid #f44336;border-left-color:transparent}
	50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border:4px solid #673ab7;border-left-color:transparent}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);border:4px solid #f44336;border-left-color:transparent}
}
@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);border:4px solid #f44336;border-left-color:transparent}
	50%{-webkit-transform:rotate(180deg);border:4px solid #673ab7;border-left-color:transparent}
	100%{-webkit-transform:rotate(360deg);border:4px solid #f44336;border-left-color:transparent}
}



.ekko-lightbox.modal {  z-index: 999999999;	}	
		.ekko-lightbox .modal-header {position: absolute; top: 20px; right: 20px; z-index: 9999999; border: none !important; padding: 0px;}	
			.modal-header .modal-title {color: #166984; text-transform: uppercase; font-weight: 700;}
				.ekko-lightbox .close {color: #fff; opacity: 1; border: 0px; background: #273895  url(../images/close.svg) center center no-repeat; background-size: 21px; margin: -21px -21px -15px auto; outline: none !important; padding: 18px 21px 18px !important;}
				.ekko-lightbox .close span { display: none;			}
		.ekko-lightbox .modal-body {padding: 0px;	}		
		.ekko-lightbox.show .ekko-lightbox-nav-overlay a {-ms-flex: 1; flex: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: normal; opacity: 1; transition: opacity .5s; color: #fff; font-size: 30px; z-index: 1; width:40px; height: 43px; background: #154a51; transition: var(--d-transition);}
		.ekko-lightbox.show  .ekko-lightbox-nav-overlay a span {display: none;		}
			.ekko-lightbox.show  .ekko-lightbox-nav-overlay a:first-child{position: absolute; left: 0px; background: #273895  url(../images/ico-slide-pre-w.svg) center center no-repeat !important; background-size: 25px !important; }
				
				.ekko-lightbox.show .ekko-lightbox-nav-overlay a:hover:first-child,.ekko-lightbox.show .ekko-lightbox-nav-overlay a:hover:last-child{background-color:#C98A10  !important ;				}
			.ekko-lightbox.show  .ekko-lightbox-nav-overlay a:last-child{position: absolute; right: 0px; background: #273895  url(../images/ico-slide-next-w.svg) center center no-repeat !important; background-size: 25px !important; }
				
			.ekko-lightbox.show .ekko-lightbox-nav-overlay {z-index: 1; position: absolute; top: 50%; left: 0; width: 100%; height: auto; display: -ms-flexbox; display: flex; transform: translateY(-50%);    margin-top: -30px;}
			.ekko-lightbox.show .ekko-lightbox-item img{border-radius: 15px;overflow: hidden;			}
		.ekko-lightbox .modal-content{background: transparent;}	
		.modal-backdrop.show {  opacity: .8;z-index: 99999999;		}

.wpage { display: flex;   justify-content: center;   align-items: center; margin-top: 40px;}

.pagination-button {  list-style: none; display: flex;  padding: 0;}
.pagination-button li {  margin: 0 10px;}
.num {
    width: 40px;  height: 40px;
    line-height: 40px;   text-align: center;   text-decoration: none;
    color: var(--colorD93); font-size: var(--fz-18); font-weight: 700;
    background-color: transparent;   border: 1px solid var(--colorD93);   border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);   position: relative;    overflow: hidden;
    display: flex ; align-items: center; justify-content: center;
}
.active-p {background-color: var(--colorD93);color: var(--colorFFF);}

.num:hover {
    background-color:var(--colorD93);
    transform: scale(1.1);color: var(--colorFFF);
}





		
@media screen and (min-width:992px){
	
}
@media screen and (min-width:1200px){
	
}
@media screen and (min-width:1400px){
	
}
@media screen and (min-width:1440px){
	.container { max-width: 1240px;}
	.hotline-h {margin: 0px 19px 0px 25px; }
  .banner-page {height: 390px;}
  .title{font-size: var(--fz-30);}

}	
@media screen and (min-width:1600px){
	.container { max-width: 1380px;}
	#header .main-menu li{ padding: 22px 14px 22px; }
  #header.sticky .main-menu li {padding-left: 15px; padding-right: 15px;}
	.hotline-h {margin: 0px 19px 0px 40px; }
	.title{font-size: var(--fz-34);}
	#header .logo { width: 155px;}
	#header.sticky .logo { width: 120px; }
  .banner-page { height: 430px; }
}	
@media screen and (min-width:1680px){
 .banner-page { height: 450px; }
 .title{font-size: var(--fz-34);}
 .des-ab-comp { max-width: 82%; }

}
@media screen and (min-width:1900px){
	.container { max-width: 1650px; }
	body{font-size: var(--fz-18);        line-height: 28px;}
	#header .main-menu a{font-size: var(--fz-18);}
	#header .logo { width: 171px;}
	.hotline-h a {width: 209px;}
	.lang a:before{top: 7px;}
	.hotline-h { margin: 0px 19px 0px 50px; }

  .menu-item .submenu:before{height: 54px;}

	.title{font-size: var(--fz-40);margin-bottom: var(--fz-50)}
	.stitle{font-size:var(--fz-30);margin-bottom: 25px;}
	.section{padding: 80px 0px;}
	.l-link a:before{top: 11px;}
	.gotop { width: 40px; height: 40px;}

  .banner-page { height: 524px; }
  .banner-page .title{font-size: var(--fz-60);}
  .m-breadcrumb a:after {width: 9px; height: 17px;margin-top: 1px; }






}

@media screen and (max-width: 1280px) {
	.container{  max-width: 1200px;	}
  #header .main-menu li {padding: 22px 8px 22px;}
  .hotline-h {margin: 0px 12px 0px 17px; }

  .ico-const img { max-width: 37%; }








}
@media screen and (min-width:992px) and (max-width:1199px)
{
	.container { max-width: 980px;}	
	#header .main-menu li, #header.sticky .main-menu li { margin-top: 5px;    padding: 6px 0px 6px;}
	.hotline-h { margin: 20px 0px 20px;    display: inline-block; }
  #header .lang { display: block;        margin-right: 20px; }
  .logo-tab { display: inline-block; }
  body:not(.home-page) .logo, body:not(.home-page) #header .logo, #header .logo { display: inline; width: 130px;}
  .navi-head { align-items: normal; justify-content: normal;display: block;}
	.logo-tab{display: inline-block;}
	#header.open .main-menu-container {z-index: 99999;	}
	#header.open .overlay-mobile { z-index: 999;}
	body:not(.home-page) #header.sticky.open { position: relative;}
	#header.open .btn-callto,#header .main-menu .submenu a.in_act:before, #header .main-menu .submenu a:hover:before{display:none}
	#header.sticky:after { height: 63px;}
	#header.sticky .toggle-menu-container { margin-top: 4px;}
	.main-menu-wrap .logo-h{display:none}
	.navi-head {text-align: left;	margin: auto;	-webkit-box-flex: 0;	-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;	}	
	#header.open .logo-mobile{visibility: hidden; pointer-events: none;opacity: 0;}
	#header.open.sticky:after{background: transparent;}
	#header.sticky .logo{width: 130px;}
	.navi-head.h-left { text-align: left; }















	.section-footer .l-company { padding-right: 20px; }

	.title{font-size: var(--fz-30);}
  .bottom-r a {padding-left: 20px; }
  .section-footer .l-link { padding-left: 30px;}
  .w-company li br{display: none;}






}

@media screen and (max-width: 1199px) {
  #header .toggle-menu-container{display: block;}
  #header .main-menu-container { display: flex ; justify-content: space-between; align-items: center;        padding: 5px 0px; }
  #header .toggle-menu-container {
      opacity: 1;float: right;margin-right: 0px;
  }
  .logo-mobile{display: inline;}
  #header .submenu{display: none !important}
  #header .menu-item:hover .submenu{display: block !important;}
	#header .toggle-menu-container {display: flex;align-items: center;}
  body:not(.home-page) #header.sticky.open { position: relative;}
  .menu-item .submenu:before{display: none;}
  .menu-item:hover .submenu { display: block; top: 0px; position: relative; transform: none; left: 0px;        margin-top: 10px; }
  #header .main-menu .submenu a,#header.light .toggle-menu-container, body:not(.home-page) #header .main-menu .submenu a{color: var(--color199);}
	#header .main-menu .submenu a{padding: 4px 0px 4px 15px; display: block;}
  #header .main-menu a.active-navi:after{display: none;}
  .logo-tab{display: inline-block;}
	#header.open{z-index:9999}
		#header.open .logo-mb{display:none;}
    #header .main-menu-container .main-menu-wrap {
        position: fixed;
        right: 0;
        left: unset;
        top: 0;
        bottom: 0;
        width: 320px;
        max-width: 100%;
        background:#f6f5f5;
        transform: translateX(100%);
        transition: all ease .4s;
        padding: 0px 15px 50px 15px;
        z-index: 111;
        color: #000;
    }
		
		#header .main-menu a {
			line-height: 20px;    display: inline-block;color: #065199;
		}
    #header .main-menu .item-link {
        color: #000;
    }
	
    #header .main-menu-container .main-menu {
        display: block;
        padding: 0;
    }

    #header .main-menu .item-link {
        padding: 5px 0;
    }

    #header .overlay-mobile {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: hsl(0deg 0% 0% / 80%);
        z-index: 11;
        opacity: 0;
        pointer-events: none;
        transition: all ease .4s;
    }
		#header .main-menu li{display: block;}
    #header .mobile-logo-container {
		display: block;
		margin: 0 auto 40px;
    }
   		#header .mobile-logo{margin-top: 40px;  width: 160px !important;}
    #header .close-btn-mobile {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        justify-content: center;
        align-items: center;
				text-indent:-9999999px;
				background:var(--colorD93) url('../images/close.svg');
				background-size:25px;
        cursor: pointer;
				background-repeat: no-repeat;
				background-position: center;
    }

    #header.open .overlay-mobile {
        opacity: 1;
        pointer-events: all;
    }

    #header.open .main-menu-wrap {
        transform: translateX(0);     display: block;
    }
    #header .main-menu-wrap .lang{display: none;}
	#header .main-menu .menu-hover .sub-3 li:before {
		background: #e06b4f;
	}
	#header.open .logo-mobile{visibility: hidden; pointer-events: none;opacity: 0;}
	#header.open.sticky:after{background: transparent;}
	#header .main-menu ul {
		-webkit-transform: translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
		transform: translate(0, 0px);    background: none;
	}
	#header .main-menu ul:before {
		top: 0px;
		left: 17px;
		right: auto;    width: 100%;
	}
	#header .main-menu ul {padding:11px 0px 15px;}
	.main-menu-wrap .logo-h{display:none}
	.navi-head {
		text-align: left;
		margin: auto;display: block;padding-left: 30px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}	

	#header .main-menu li,#header .hotline-h{
      opacity: 0;
      transform: translate(50px, 0);
      -webkit-transform: translate3d(50px, 0, 0);
      transition-delay: .6s;
      opacity: 0;
      transition: var(--d-transition);
  }
  #header.open .main-menu li,#header.open .hotline-h, #header.open .lang{
        transition: transform 1s cubic-bezier(.165,.84,.44,1), opacity 1s cubic-bezier(.165,.84,.44,1);
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
	#header.open .main-menu li:nth-last-of-type(7){transition-delay:.2s}
  #header.open .main-menu li:nth-last-of-type(6){transition-delay:.3s}
  #header.open .main-menu li:nth-last-of-type(5){transition-delay:.4s}  
  #header.open .main-menu li:nth-last-of-type(4){transition-delay:.5s}
  #header.open .main-menu li:nth-last-of-type(3){transition-delay:.6s}
  #header.open .main-menu li:nth-last-of-type(2){transition-delay:.7s}
  #header.open .main-menu li:nth-last-of-type(1){transition-delay:.8s}
  #header.open .hotline-h{transition-delay:.9s}
  #header .hotline-h{display: inline-block;}
  .header-breadcrumb { width: 100%; margin: 0px; position: relative; padding: 0px 20px; margin-left: 0px; overflow-y: hidden !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; }








	
}
@media screen and (min-width:768px) and (max-width:979px){
	.container { max-width: 720px;}	
  body:not(.home-page) .logo, body:not(.home-page) #header .logo, #header .logo { width: 90px;display: inline-block; }
	#header .main-menu li, #header.sticky .main-menu li { margin-top: 5px;    padding: 6px 0px 6px;}
	#header.open .main-menu-container {z-index: 99999;	}
	#header.open .overlay-mobile { z-index: 999;}
	
	#header.open .btn-callto,#header .main-menu .submenu a.in_act:before, #header .main-menu .submenu a:hover:before{display:none}
	#header.sticky:after { height: 63px;}
	.hotline-h { margin: 20px 0px 20px;    display: inline-block; }
  #header .lang { display: block;        margin-right: 20px; }
	.main-menu-wrap .logo-h{display:none}
	.navi-head {text-align: left;margin: auto;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;justify-content: start;	}
	#header.sticky .toggle-menu .line{background:var(--colorFFF)}

  #header .main-menu a{font-size: 19px;line-height: 24px;}
  #header .main-menu .submenu a,.hotline-h a{font-size: var(--fz-18);}
  .hotline-h a{padding-right: 20px;width: auto;}
  #header .mobile-logo { margin-top: 50px; width: 190px !important; }


	.title{font-size: 27px;}
	.icon-heading { padding-left: 37px;padding-top: 15px;}
	.icon-heading:after {width: 39px; height: 46px;}
	
	#header .lang.lang-mb{display: inline-block;}
	
  .banner-page { height: 210px; }
  .banner-page .title {font-size:37px;}
  .w-breadcrumb { bottom: 20px;}
	.ico-long:after,.recruit .title_sub:after{height: 6px;}
	
	.slick-slider .slick-prev:before {left: -10px;}
	.slick-slider .slick-next:before {right: -10px; }

	.section-footer .l-company { padding-right: 0px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:20px;        text-align: center; }
	.info-company, .register{-webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%;        padding: 0px 15px;}
	.section-footer .l-link{padding-left: 0px;-webkit-box-flex: 0; -ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%;}
	.social-w.visible-mb{display: block;}
	.w-company br{display: none;}

	.bottom-r.privacy { text-align: center;-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 15px; order: 1; margin-bottom: 20px; }
		.bottom-r.privacy a{padding-left: 8px; padding-right: 8px;}
	.copyright { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; text-align: center; order: 2; }

}
@media screen and (max-width: 991px) {
   .navi-head.h-left { text-align: left; }
	 #header .lang.lang-mb{display: inline-block;}
  body:not(.home-page) .logo, body:not(.home-page) #header .logo, #header .logo,#header.sticky .logo { width: 140px;display: inline-block; }   
	
	.social-w.visible-mb{display: block; text-align: center;}
	.l-company .social-w{display: none;}
	.w-company br{display: none;}
	.bottom-r.privacy { text-align: center;-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 15px; order: 1; margin-bottom: 20px; }
	.copyright { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; text-align: center; order: 2; }
	.bottom-r.privacy a{padding-left: 8px; padding-right: 8px;}
}

@media screen and (max-width: 767px) {	
	.container { max-width:calc(100% - 20px);}	
	#header .main-menu li, #header.sticky .main-menu li {padding: 6px 10px 6px; display: inline-block;}
		.navi-head.h-left {padding-top: 30px; }	
    #header .mobile-logo-container{margin-bottom: 0px;}
	#header.sticky .logo{width: 120px;}
	#header.open .main-menu-container {z-index: 99999;	}
	#header.open .overlay-mobile { z-index: 999;}
	#header.sticky:after { height: 63px;}
	.main-menu-wrap .logo-h,.w-company br,#header.open .btn-callto{display:none}
	.navi-head {text-align: left;	margin: auto;-webkit-box-flex: 0;	-ms-flex: 0 0 100%;
		flex: 0 0 100%;	max-width: 100%;justify-content: flex-start; padding-top: 30px;        padding-left: 0px;	}	
	.hotline-h{margin: 20px 0px 0px;}
  #header.open .main-menu-wrap { width: 100%; }
  #header .main-menu-container .main-menu-wrap{padding-bottom: 0px;}

  .banner-page {height: 200px;}
  .banner-page .title {font-size: var(--fz-40); margin-bottom: var(--fz-20); }
  .w-breadcrumb{bottom: var(--fz-40);}

  .menu-item:hover .submenu { display: block; top: 100%; position: absolute; transform: none; left: 0px; margin-top: 0px; }
  #header .hotline-h,#header .main-menu .submenu a.in_act:before, #header .main-menu .submenu a:hover:before { display: none; }

	
	.section-footer .l-company {padding-left: 15px; padding-right: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:20px;        text-align: center; }
	.info-company, .register{-webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%;        padding: 0px 15px;}
	.section-footer .l-link{padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%;}
	.social-w.visible-mb{display: block;}


}


/*Mobile Đứng*/
@media screen and (max-width: 480px) and (orientation : portrait) {
	#fullpage{overflow:hidden;}
	.section {padding: 40px 0px;}
	.container { max-width: 100%; }
  #header .main-menu li, #header.sticky .main-menu li { padding: 6px 0px 6px; display: block; }
		#header .main-menu a {line-height: 24px; font-size: 19px;}
      #header .main-menu .submenu a{font-size: 17px;}
      .menu-item:hover .submenu {top: 0px; position: relative;margin-top: 5px; }
	#header {position: relative;}
		#header .main-menu-container { margin-top: 7px; margin-bottom: 7px; padding-left: 15px;padding-right: 15px;}	
			#header .logo,body:not(.home-page) .logo, body:not(.home-page) #header .logo, #header .logo, #header.sticky .logo { width: 115px;}
	#header .mobile-logo { display: block; width: 210px !important; margin: 60px auto 0px;}
	.navi-head.h-left { padding-top: 0px; }
  .navi-head{padding-top: 40px; padding-left: 20px;}
  #header.open .logo{opacity: 0}
  .lang a:before{background-color: var(--color199);    top: 2px;}
  .lang a{color: var(--colorD93);font-size: 18px;}
  #header .main-menu .submenu a.in_act:before, #header .main-menu .submenu a:hover:before{display: none;}
  #header .toggle-menu {width: 43px; height: 40px;}
  #header .hotline-h{ display: inline-block; }
	.title{font-size:25px;line-height: 31px;margin-bottom:25px;}
	.title_sub{font-size: var(--fz-21);}
	.icon-heading { padding-left: 29px; padding-top: 10px; }
	.icon-heading:after {width: 32px; height: 33px;        top: 1px; }
	.slick-slider .slick-prev, .slick-slider .slick-next { width: 45px; height: 45px;}
	.slick-slider .slick-prev:before,.news .slick-slider .slick-next:before,
  .slick-slider .slick-next:before{background-size: 18px;}
	
  .banner-page { height: 130px; }
  .banner-page .title {font-size: 25px; margin-bottom: 10px;}
  .w-breadcrumb { bottom: var(--fz-20); }
  .header-breadcrumb{padding: 0px 15px;}
  .header-breadcrumb li:first-child a{padding-left: 0px;}

  .navigation__link {font-size: 14px; }

  .title_sub { font-size: 18px; }
  
  .section-footer .l-link,.section-footer .info-company { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .section-footer .register { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.company-name h2{font-size: var(--fz-21);line-height: 35px; margin: 30px auto 40px;}
		.company-name h2 br{display: none;}

	.section-footer{padding-top:50px;}	
	.section-footer .r-company {padding-top: 30px; }	
  .footer-bottom { margin-top: 20px;}
	.copyright {padding-bottom: 40px;}

}
@media screen and (max-width:420px) {
.lang a {font-size: 18px; }
.lang a:before{top: 2px;}





}	
@media screen and (max-width:380px) {
	.title { font-size: 24px; line-height: 29px;}
	.company-name h2 { font-size: 19px; line-height: 32px; }
	.company-f, .w-company h2{font-size: var(--fz-21);}
	.section-footer .l-link, .section-footer .info-company { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.section-footer .info-company{order: 1}
	.section-footer .l-link{order: 2}
	.section-footer .register {order: 3;-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.bottom-r.privacy {display: flex ; flex-direction: column; flex-grow: 1; }
	.bottom-r.privacy a{margin-bottom: 5px;}
}

@media screen and (max-width: 365px) {
	.title { font-size: 22px; line-height: 25px;}
	.stitle{font-size: 20px;}

}
@media screen and (max-width: 330px) {
	.title { font-size: 21px;}
	

}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
	-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
	animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
	-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
	animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}



@-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)
	}
}