@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Roboto:wght@300;400&display=swap');
body{font-family:"Roboto";overflow-x:hidden;background:#edf0f3}
*:hover,
*:focus{outline:0;}
{outline:none!important;}
*{margin:0 auto;}
a:hover{text-decoration:none;background:none}
a:visited{text-decoration:none;background:none}
#mytop{width:50px;height:50px;background-image:url(../icon/top.png);position:fixed;right:25px;bottom:130px;cursor:pointer;display:none;z-index:99999!important;font-size:20px}
.giua{text-align:center}
.trai{text-align:left}
.phai{text-align:right}
p,
h1,
h2,
h3,
h4,
h5,
h6,
tr,
td,
li,
a,
span{font-family:'Roboto Condensed';font-size:18px}
.active{background:none!important}
.nav>li>a:hover,
.nav>li>a:focus{background:none}

/*Parallax page*/
.head{background-color:#173e62;color:#fff;}
.header_logo a{font-size:28px;font-weight:bold;color:#fff;}
.navbar-nav{padding-top:5px}
.navbar-nav>li>a{color:#fff;font-size:21px;padding-right:10px;padding-left:10px;background-color:#173e62;text-transform:uppercase;}
.navbar-nav>li>a:hover{color:orange;background:none;transition:.5s ease}
.navbar-nav>li:hover{color:orange;background:none;transition:.5s ease}
.navbar-nav>ul>.active:visited{background:none;}
.navbar{margin-bottom:0}
#contents{text-align:center;font-size:50px;color:#fff;font-weight:100;font-family:'Playfair Display',serif;}
#contents > div{min-height:100vh;line-height:100vh;}
.nav_right{padding-right:15px;padding-top:10px;margin-right:15px}
.carousel-control.left{background:none}
.carousel-control.right{background:none}
.section2_title{font-weight:bold;font-size:34px;color:#173e62;margin-top:0;text-transform:uppercase;}
.section2_border{border-bottom:4px solid #173e62;width:100px;padding-bottom:5px}
.section2_span{color:#173e63;text-transform:uppercase;}
.section2_bg{background:#f4f0ec}
#section2{padding-top:45px;padding-bottom:45px;background:#f4f0ec}
.section3_bg_left{background-image:url('../img/section3_bg_left.png');padding-top:40px;padding-bottom:40px;color:#fff;min-height:690px}
.section3_bg_right{background-image:url('../img/section3_bg_right.png');padding-top:40px;padding-bottom:40px;color:#fff;min-height:690px;background-repeat:round}
.section7_bg_left{background-image:url('../img/section_7.png');padding-top:40px;color:#fff;min-height:722px;background-repeat:round}
#section7_reg_right{float:left;padding-left:55px;min-height:680px}
.section7_bg_right{background-image:url('../img/section3_bg_left.png');padding-top:40px;padding-bottom:40px;color:#fff;max-height:722px;background-repeat:round}
.section3_title{font-weight:bold;font-size:34px;color:#fff;margin-top:0;text-transform:uppercase;}
.section3_border{border-bottom:4px solid #fff;width:100px;padding-bottom:5px}
.section3_content{margin-bottom:30px;min-height:90px}
.section7_content{margin-bottom:30px;}
#object_reg_left{float:right;width:550px;padding-right:20px;}
#object_reg_right{float:right;padding-left:50px;}
.section3_img{padding:3px}
#section4{padding-top:45px;}
.section4_title{color:#173c62;text-align:center;font-size:34px;font-weight:bold;text-transform:uppercase;}
.section4_border{border-bottom:4px solid #173c62;width:100px;padding-bottom:5px}
.section4_border_1{border-bottom:4px solid #173c62;width:180px;padding-bottom:5px}

/*Tabs*/
.tile{width:100%;}
#tile-1 .tab-pane{padding:15px;}
#tile-1 .slider{display:inline-block;width:30px;height:4px;border-radius:0px;position:absolute;z-index:1200;bottom:0;transition:all .4s linear;}
.section4_tabs_title{font-weight:bold;font-size:30px;color:#173e62;text-transform:uppercase;}
.tab_bd{border:3px solid #173e62;padding:5px;background:#fff;margin:10px;text-align:center;padding-left:15px;padding-right:15px;width:150px}
.tab_bd>a:hover{color:#173e62!important;z-index:99999;transition:.5s ease;text-decoration:none}
.tab_bd>a{color:#173e62;font-size:19px;text-align:center;font-weight:bold;text-decoration:none}
.nav-tabs.nav-justified{margin-bottom:10px}
.active>.tab_bd{background:#173e62!important;}
.active>.tab_bd>a{color:#fff!important;}
.nav-tabs{border-bottom:0}
.section5_bg{background-image:url('../img/section5_bg.png');padding-top:40px;padding-bottom:40px;color:#fff;}
.section5_title{font-size:34px;color:#fff;margin-top:0;text-transform:uppercase;}
.section5_border{border-bottom:4px solid #fff;width:100px;padding-bottom:5px}
.section5_title_item{text-transform:uppercase;font-size:20px;font-weight:bold}

/*.wrap_purpose{border-bottom:1px dashed #78a0c6;padding-top:30px;padding-bottom:30px;padding-right:20px;}*/
.section_bd{margin-bottom:10px}
.btnDangKy{background:none;border:2px solid #fff;padding:10px;font-size:18px;}
.sc_7_title{font-size:23px;}
.glassft{background-color:rgba(0,0,0,0.5);opacity:0.90;min-height:250px;position:relative;}
.nen_intro_ft{background-image:url(../img/sg.png);background-repeat:repeat-x;position:center;z-index:10;}
.sc8_border_right{padding-right:20px}
.sc8_border_left{padding-left:80px;border-left:1px solid #fff;}
.ft_nd{color:#999;font-size:16px;margin-top:10px;padding-left:10px;}
.icon_mxh{background:#fff;font-size:22px;border-radius:50%;width:50px;height:50px}
.btnGui{background:none;border:1px solid #fff;padding:10px;font-size:18px;width:150px;}
.mbv{background:rgb(255 255 255 / 68%);width:100px;font-weight:bold;color:#000;padding:5px;text-align:center;}
.mbv_left{color:#999;padding-left:15px;font-size:16px}
#kmt_name{background:none;border-top:none;border-right:none;border-left:0;margin-bottom:2px;outline:none}
#kmt_phone_c{background:none;border-top:none;border-right:none;border-left:0;margin-bottom:2px;outline:none}
#kmt_address{background:none;border-top:none;border-right:none;border-left:0;margin-bottom:2px;outline:none}
#kmt_email{background:none;border-top:none;border-right:none;border-left:0;margin-bottom:2px;outline:none}
#kmt_content{background:none;border-top:none;border-right:none;border-left:0;margin-bottom:2px;outline:none}
#list_img_hidden{display:none;}
.block_purpose{padding:15px;display:inline-block;width:100%;}
.purpose_left{width:30%;float:left;color:#ef0707;font-size:60px;}
.purpose_left span{display:inline-block;width:110px;height:80px;}
.purpose_right{width:70%;float:left;color:#fff;font-size:15px;line-height:26px;text-align:justify;}

/*menu an*/
.top_menu{position:fixed;top:5px;right:25px;color:#fff;text-decoration:none;padding:8px;opacity:.7;z-index:9999999;display:none}
.top_menu:hover{color:#fff;transition:.3s ease;text-decoration:none}
.top_menu:visited{color:#fff;text-decoration:none}
.section2_content{padding-left:30px}
.section4_tab{margin-bottom:15px;position:relative;left:130px}
.section4_content{padding-right:20px}
.ft_kc{padding-top:40px;padding-bottom:40px}
.bottom-contact{display:none}
@media  (max-width:767px){
	.bottom-contact{display:block;position:fixed;bottom:0;background:white;width:100%;z-index:99;box-shadow:2px 1px 9px #dedede;border-top:1px solid #eaeaea;}
	.bottom-contact ul li{width:28%;float:left;list-style:none;text-align:center;font-size:14.5px;}
	.bottom-contact ul li span{color:black}
	.bottom-contact ul li img{width:35px;margin-top:10px;margin-bottom:0px;}
}
a>.btnDangKy{color:#fff;}
#wrap_purpose .wrap_purpose{border-bottom:1px dashed #78a0c6;padding-right:20px;width:500px;min-height:155px;border-right:1px dashed #78a0c6!important;padding-bottom:10px}
#wrap_purpose .wrap_purpose:nth-child(2){border-right:0!important;border-bottom:1px dashed #78a0c6;min-height:155px;padding-bottom:10px}
#wrap_purpose .wrap_purpose:nth-child(3){border-left:0;border-right:0px;border-bottom:1px dashed #78a0c6;min-height:155px;padding-top:15px;padding-bottom:10px}
#wrap_purpose .wrap_purpose:nth-child(4){border-top:0;border-right:0!important;border-bottom:1px dashed #78a0c6;min-height:155px;padding-top:15px;padding-bottom:10px}
#wrap_purpose .wrap_purpose:nth-child(5){border-top:0;border-left:0;border-bottom:0px;min-height:155px;padding-top:15px;padding-bottom:10px}
#wrap_purpose .wrap_purpose:nth-child(6){border-top:0;		/*border-left: 1px dashed #78a0c6;*/border-right:0!important;border-bottom:0px;min-height:155px;padding-top:15px;padding-bottom:10px}
.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999;}
.hotline-phone-ring{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:0;bottom:0;display:block;}
.hotline-phone-ring-circle{width:85px;height:85px;bottom:0px;left:40px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-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:0.5;}
.hotline-phone-ring-circle-fill{width:55px;height:55px;bottom:14px;left:60px;position:absolute;background-color:rgba(230,8,8,0.7);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:#cc1313;width:33px;height:33px;bottom:25px;left:70px;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-bar{position:absolute;background:rgba(230,8,8,0.75);height:40px;width:200px;line-height:40px;border-radius:3px;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,0.25),0 10px 10px rgba(0,0,0,0.1);border-radius:50px!important;  /* width: 175px !important; */left:65px;bottom:20px;}
.hotline-bar > a{color:#fff;text-decoration:none;font-size:15px;font-weight:bold;text-indent:50px;display:block;letter-spacing:1px;line-height:40px;font-family:Arial;}
.hotline-bar > a:hover,
.hotline-bar > a:active{color:#fff;}
@-webkit-keyframes phonering-alo-circle-anim{
	0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:0.1;}
	30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:0.5;}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:0.1;}
}
@-webkit-keyframes phonering-alo-circle-fill-anim{
	0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6;}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:0.6;}
	100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.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);}
}
@media (max-width:768px){
	.hotline-bar{display:none;}
}
.fancybox-nav{z-index:9999999 !important}
