:root{--color-main:#0093DD;--color-main-2:#E61D22;--color-main-3:#2557ae;--color-active:#4b0810;--color-social:#DC150F;--color-hover:#4b0810;--color-text:#333;--f-Regular:Roboto-Regular;--f-medium:Roboto-Medium;--f-bold:Roboto-Bold;--f-Black:Roboto-Black;--f-semibold:Roboto-Medium;}
.wrap__container{max-width: 1920px;margin: 0 auto;overflow: hidden;}
@media only screen and (max-width: 991px) {
	.wrap__container{max-width: 100%;}
}
/*Header*/
.header__top{background-color: #F1F1F1;}
.header__top__info{color: #333333;font-size: 14px;}
.header__top__info i{color: var(--color-main);}
.header__info__text{background: url('../imgs/bghotline.png') no-repeat left center;min-width: 226px;min-height: 71px;padding-left: 80px;}
.header__info__text p:nth-child(1){margin-bottom: 0rem;font-size: 15px;line-height: 1.4;}
.header__info__text span{display: block;font-size: 22px;color: #CD0000;font-family: 'UTMHelvetIns';line-height: 1.4;margin-bottom: 0.25rem;}
.header__info__text p:nth-child(3){margin-bottom: 0px;font-size: 11px;text-transform: uppercase;}

/*Menu*/
.menu-res{display:none;}
.menu{background:var(--color-main);position:sticky;z-index:10;top:0;left:0;right:0;}
.menu ul{width:100%;padding:0;margin:0;list-style:none;}
.menu ul.menu-main{width: 100%;}
.menu ul li a{display:flex;align-items:center;justify-content:center;position:relative;color:#fff;font-size:clamp(14px,calc(16 / 1200 * 100vw),16px);text-transform:uppercase;transition:0.2s;padding:12px 20px;gap:6px;font-family: var(--f-bold);}
.menu ul li a.active,.menu ul li:hover > a{background-color: var(--color-main-2);color: #fff !important;}
.menu_dmsp .menu_lvl{position:absolute;width:280px;top:calc(100% + 10px);opacity:0;visibility:hidden;transition:0.3s;background-color:#fafafa;box-shadow:1px 1px 15px rgba(0,0,0,0.15);}
.menu_dmsp .menu_lvl3,.menu_dmsp .menu_lvl4{left:calc(100% + 1px);}
.menu_dmsp .menu_lvl2 .menu_lvl3 ul li:hover .menu_lvl4,.menu_dmsp .menu_lvl2 ul li:hover .menu_lvl3,.menu_dmsp:not(.block_hover):hover .menu_lvl2{opacity:1;visibility:visible;top:100%;}
.slideshow_left .menu_lvl2{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;margin-top:0;}
.menu_vlist_pic{max-width:24px;}
.menu_dmsp .menu_lvl ul li a{display:flex;align-items:center;justify-content:flex-start;text-transform:capitalize;gap:10px;color:#555;font-size:14px;line-height:1.5;text-align:left;font-weight:500;padding:10px;margin:0;height:auto;}
.menu_dmsp .menu_lvl ul li:hover > a{color:var(--color-main);}
.menu ul li ul li a:after{display:none !important;}
.menu_dmsp .menu_lvl ul{max-height:410px;overflow-x:hidden;overflow-y:auto;padding:0;margin:0;}

/*Search*/
.search-inline{display:flex;align-items:center;gap:5px;width:250px;border-radius:5px;border:1px solid #fff;background:#fff;}
.search-inline p{width:40px;height:40px;cursor:pointer;text-align:center;margin:0;color:var(--color-main);display:flex;align-items:center;justify-content:center;padding:8px;}
.search-inline input{width:calc(100% - 40px);height:40px;outline:0;padding:0;border:0;background:0;text-indent:12px;font-size:14px;}
.search-inline input::-webkit-input-placeholder{color:#7d7d7d;}
.search-inline input:-moz-placeholder{color:#7d7d7d;}
.search-inline input::-moz-placeholder{color:#7d7d7d;}
.search-inline input:-ms-input-placeholder{color:#7d7d7d;}

/*Main*/
.title__main{margin-bottom: 1.5rem;text-align: center;}
.title__main.unio0{background: url('../imgs/Union0.png') no-repeat center bottom 16px;}
.title__main.unio{background: url('../imgs/Union.png') no-repeat center bottom 16px;}
.title__main h2{font-family: var(--f-bold);font-size: 36px;text-transform: uppercase;line-height: 1.4;color: var(--color-main);}
.title__main .lqd{display: inline-block;font-size: 13px;color: var(--color-main-2);text-transform: uppercase;font-family: var(--f-bold);position: relative;}

@media only screen and (max-width: 991px) {
	.title__main h2{font-size: 25px;}
}
/*Quy trình*/
.item__procedure{background: url('../imgs/borquy.png') no-repeat center;width: 259px;height: 228px;}
.box__item__procedure{background-color: #fff;border-radius: 50%;width: 210px;height: 210px;}
.slick-slide.slick-current.slick-center .box__item__procedure{background-color: var(--color-main);}
.slick-slide.slick-current.slick-center .box__item__procedure .name span{color: #fff;}

/* Play icon */
.play-icon { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.play-icon svg { -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 30%); box-shadow: 1px 1px 15px rgb(0 0 0 / 30%); border-radius: 50%; background-color: rgb(255 255 255 / 15%); }
.play-icon svg .play-icon-stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; transform-origin: 50% 50%; animation: spin 4s infinite linear; transition: opacity 1s ease, stroke-width 1s ease; }
.play-icon svg .play-icon-stroke-solid { stroke-dashoffset: 0; stroke-dashArray: 300; stroke-width: 4px; transition: stroke-dashoffset 1s ease, opacity 1s ease; }
.play-icon svg .play-icon-icon { transform-origin: 50% 50%; transition: transform 200ms ease-out; }
.play-icon:hover svg .play-icon-stroke-dotted { stroke-width: 4px; opacity: 1; }
.play-icon:hover svg .play-icon-stroke-solid { opacity: 0; stroke-dashoffset: 300; }
.play-icon:hover svg .play-icon-icon { transform: scale(1.05); }
@keyframes spin {
	to { transform: rotate(360deg); }
}

.listvideos{width:100%;height:40px;padding:0px 10px;border:1px solid #ccc;color:var(--color-black);margin-top:10px;cursor:pointer;}
.video__main{position:relative;height:450px;}
.video__main iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.video__slick{position:relative;height:450px;}
.video__slick iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}


@media only screen and (max-width: 991px) {
}

/* Album */
.album { cursor: pointer; }
.album .album__image { margin-bottom: 0rem;position: relative;}
.album__expand{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: #00000033;opacity: 0;}
.album__expand i{font-size: 35px;color: #fff;}
.album:hover .album__expand{opacity: 1;}
.album .album__name { margin-bottom: 0px; text-align: center; }
.album .album__name a { display: block; font-size: 16px; color: #212529; margin-bottom: 0px; }

/*Newsletter*/
.bg__newsletter .form-group input{height: 40px;}
.title__newsletter{background: url('../imgs/aflh.png') no-repeat left top;padding: 8px 20px;color: #fff;margin-bottom: -30px;min-height: 80px;}
/*Footer*/
.footer__title{font-family: var(--f-bold);color: #fff;font-size: 15px;text-transform: uppercase;margin-bottom: 0.5rem;}
.linef{width: 60px;height: 2px;background-color: #fff;}
.footer__name{font-family: 'UTMHelvetIns';color: #fff;font-size: 36px;text-transform: uppercase;margin-bottom: 0.5rem;}
.footer__info{color: #fff;font-size: 15px;}
.footer__map{height: 260px;overflow: hidden;position: relative;border-radius: 0.75rem;}
.footer__map iframe{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;}
.footer__powered{padding-top: 20px;padding-bottom: 20px;border-top: solid 1px #ffffff28;}

@media only screen and (max-width: 991px) {
	.footer__name{font-size: 28px;}
}
