*{padding:0; margin:0}
a, a:hover{text-decoration:none;}
.fl{float:left}
.fr{float:right}
.an{display:none}
img {max-width: 100%; width: auto; height:auto}
p, h1, h2, h3, h4, h5, h6, ul {margin: 0;}
.bold {font-weight: 600}
.red {color: red}
.upper {text-transform: uppercase}
.italic {font-style: italic}
.h2{font-size:26px; font-weight:bold}
.h3{font-size:22px; font-weight:bold}
.h4{font-size:18px;}
.tf{text-transform:uppercase}
.tc{text-align:center}
.al{align-items: center;}
.pt-20{padding-top:20px}
.w100{width:100%}
figure{margin-bottom:0}
body {font-family: Arial; font-size: 16px; line-height: 150%;}
a:hover,a:active{color:var(--c-hover)}
.d-flex{display:flex}
.hd-top{width:100%; padding:10px 0; border-bottom:1px solid #ccc}
.box-hd{width:100%; float:left}
.box-hd p{padding:15px 0}
.box-hd ul{width:100%; padding:20px 0; text-align:right; float:left}
.box-hd ul li{list-style:none; float:right; margin-left:15px;}
.box-hd ul li:last-child{margin:0}
.box-hd a{width:36px; height:36px; line-height:36px; text-align:center; color:#707070; border:1px solid #707070; border-radius:100%; float:left }
.box-hd a i{width:100%; height:36px; line-height:36px; font-size:18px; font-weight:700 }
header .login-btn { margin-left: 16px; display: flex ; align-items: center; font-weight:bold; background-color: #ffd95c; padding: 12px 24px; font-size: 15px; border-radius: 100px; text-decoration: none; color: #164679; text-transform: uppercase; padding: 12px 24px; }
.bg-light{ width: 100%; padding: 0 15px; background: none !important}
.logo-left img{height: 70px; width: auto}
/*menu new*/
header{width: 100%; background: #D61530; padding: 8px 0; float: left}
.hd-bottom{width:100%; padding:15px 0; float:left}
.hd-bottom .nbs-flexisel-nav-right, .hd-bottom .nbs-flexisel-nav-left{display:none !important}
.navbar-light .navbar-nav .nav-link{color:#fff; font-weight:bold; text-transform: uppercase}
.navbar-light .navbar-nav .nav-link:hover{background:none; color:#ffff00}
header button{color: #fff; background: none; border: none; font-size: 22px}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: #ffff00}
.nbs-flexisel-container { position:relative; max-width:100%;  } 
.nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; overflow: auto; } 
.dichvu{width: 100%; padding: 40px 0; background: #F5F5F5}
.tieude-dichvu{width: 100%; margin-bottom: 30px}
.tieude-dichvu h2{color: #D61530; text-transform: uppercase; margin-bottom: 15px; text-align: center; font-size: 24px}
.tieude-dichvu h3, .tieude-dichvu h1{margin-bottom: 15px; text-align: center; font-size: 34px; font-weight: bold}
.danhmuc{width: 100%; background: #fff; border-radius: 8px; margin-bottom: 30px; text-align: center; overflow: hidden; padding-bottom: 30px}
.danhmuc:hover{box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.16);}
.danhmuc figure{margin-bottom: 20px;     position: relative;}
.danhmuc figure img{width: 100%}
.danhmuc h3{width: 100%; font-size: 24px; font-weight: bold; margin-bottom: 15px}
.danhmuc h3 a{color: #333}
.text-dm{width: 100%; padding: 0 30px}
.tomtat-dm{width: 100%; height: 50px; margin-bottom: 15px;}
.xt-danhmnuc a{padding: 12px 25px; background: #D61530; color: #fff; border-radius: 5px}
.gioithieutrungtam{width: 100%; padding: 40px 0; background: #f5f5f5; float: left}
.text-gioithieu figure{float: left; margin-right: 30px}
.text-gioithieu h4{font-size: 18px; font-weight: bold; margin-bottom: 15px}
.tu{text-transform: uppercase}
.text-gioithieu{margin-bottom: 30px}
.cauchuyenhocvien{width: 100%; padding: 40px 0; background: #00083B; float: left}
.testimonial-quote { color: #949BCB; text-align: center; padding: 0 78px; }
.testimonial-quote:before { content: ''; display: block; width: 100%; height: 24px; background: url(/imgs/icon-quote.svg) center no-repeat; margin-bottom: 24px; }
.hocvien-left{color: #fff; line-height: 160%; }
.hocvien-left h2{font-size: 22px; font-weight: normal; margin-bottom: 20px}
.hocvien-left h3{font-size: 50px; font-weight: bold}
.swiper { width: 100%; height: 100%; } 
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } 
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#tintucmoi .danhmuc h3{font-size: 16px; text-align: left}
#tintucmoi .xt-danhmnuc a{background: none; color: #D61530; padding-right: 0}
#tintucmoi .xt-danhmnuc{text-align: right}
#tintucmoi .danhmuc{margin-bottom: 30px}
.giangvien{width: 100%; padding: 40px 0; float: left}
.thanhvien-left{text-align: left}
#giangvien_home .row{position: relative}
#giangvien_home ul li{margin-bottom: 8px}
.thanhvien-bt{position: absolute; bottom: 0; left: 0}
.thanhvien-bt h3{font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.thanhvien-bt h4{font-size: 16px; font-weight: normal}
.gioithieu-hocvien{background: linear-gradient(180deg, rgba(250, 250, 250, 0) 1.27%, #FAFAFA 41.52%), url('/imgs/section-student-bg.jpg') center top no-repeat, #F5F5F5; width: 100%; padding: 40px 0; float: left}
.box-hocvien{width: 100%; text-align: center; }
.box-hocvien h3{color: #D61530; font-size: 30px; font-weight: bold; margin-bottom: 15px;}
.box-hocvien p{font-weight: bold}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display:none; } 
.nbs-flexisel-container { position:relative; max-width:100%;  } 
.nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; overflow: auto; } 
#flexiselDemo3 .nbs-flexisel-item { float:left; margin:0px; padding:0; cursor:pointer; position:relative; line-height:0px; overflow:hidden; background:inherit; height: 400px } 
#flexiselDemo3 .nbs-flexisel-item a{text-decoration:none; width:100%; 
  padding:0 15px; float:left; text-align:center}
#flexiselDemo3 .nbs-flexisel-item img { max-width: 100%; cursor: pointer; 
  position: relative; margin-top: 0; margin-bottom: 5px; }
#flexiselDemo3 .nbs-flexisel-nav-left, #flexiselDemo2 .nbs-flexisel-nav-right { display:none;} 
#flexiselDemo3 .nbs-flexisel-nav-left { left: 10px; display:none } 
#flexiselDemo3 .nbs-flexisel-nav-left:before { content: "<"; display:none } 
#flexiselDemo3 .nbs-flexisel-nav-left.disabled { opacity: 0.4; display:none } 
#flexiselDemo3 .nbs-flexisel-nav-right { right: 5px; display:none } 
#flexiselDemo3 .nbs-flexisel-nav-right:before { content: ">"; display:none } 
#flexiselDemo3 .nbs-flexisel-nav-right.disabled { opacity: 0.4; display:none }
#flexiselDemo3 .nbs-flexisel-item .tt-hocvien { width:100%; height:300px; color: #333; text-align: center; font-size: 14px; line-height: 150%; font-weight:600; padding: 0; margin: 0; margin-bottom: 20px; overflow:hidden; text-decoration:none; margin-top:20px; overflow:hidden }
#flexiselDemo3 .nbs-flexisel-item img{width:200px; height:auto;  display: initial;}
.nbs-flexisel-inner { position: relative; overflow: hidden; float:left; width:100%; background:none } 
.div-hocvien{padding: 0 20px; text-align: center}
.div-hocvien h3{font-size: 20px; font-weight: bold; margin-bottom: 15px}
.div-hocvien span{font-weight: normal}
.danhmuc figure:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 56.25%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); }
.dangkyhocthu{width:100%; background:#fff; padding:40px 0; float:left}
.box-hocthu{width:100%; background:#00083B; padding:60px}
.hocthu-left{width:100%; color:#fff}
.hocthu-left a{color:#fff; font-weight:bold; background:#D61530}
.hocthu-left a:hover{color:#fff}
.hocthu-left h2{font-size:23px; font-weight:normal; margin-bottom:20px}
.hocthu-left h3{font-size:30px; line-height:150%; font-weight:bold; margin-bottom:30px}
.box-footer h2{font-size:26px; font-weight:bold; line-height:150%}
.box-ketnoi figure{float:left; margin-right:20px}
.box-ketnoi h4{color:#5A5A5A; font-size:16px; font-weight:normal; margin-bottom:10px}
.box-ketnoi p{color:#333; font-size:22px; font-weight:bold}
.ft-center{width:100%; padding:40px 0; float:left; background:#00083B; color:#fff}
.box-ftcenter figure{margin-bottom:20px}
.box-ftcenter h2{font-size:20px; margin-bottom:10px; font-weight:bold}
.box-ftcenter p{margin-bottom: 10px;}
.box-ftcenter img{height:65px; width:auto}
.video-hocvien{width: 100%; margin-top: 40px}


.quick-alo-phone.quick-alo-show { visibility: visible; } 
.quick-alo-zalo{left:-50px; bottom:150px !important}
.quick-alo-tiktok{left:-50px; bottom:250px !important}
.quick-alo-fb{left:-50px; bottom:50px !important}
.quick-alo-phone, .quick-alo-zalo, .quick-alo-fb, .quick-alo-tiktok { position: fixed; visibility: hidden; background-color: transparent; width: 144px; height: 200px; display: block; cursor: pointer; z-index: 9999; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility 0.5s; -moz-transition: visibility 0.5s; -o-transition: visibility 0.5s; transition: visibility 0.5s; left: -50px; bottom: -50px; }
.tel_phone { border-radius: 30px; line-height: 45px; position: absolute; height: 45px; color: #fff; font-size: 17px; text-align: center; background-color: #508A8C; color: white; top: 73px; left: 90px; padding: 0; font-weight: 600; width: 0; overflow: hidden; padding-left: 29px; transition: all 0.5s; opacity: 0; } 
.quick-alo-phone:hover .tel_phone { width: 165px; left: 90px; opacity: 1; } 
.tel_phone a { margin: 0; color: #fff; display: block; width: 135px; }
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle, .quick-alo-zl.quick-alo-green .quick-alo-ph-circle, .quick-alo-fb.quick-alo-green .quick-alo-ph-circle { border-color: #508A8C; opacity: 0.5; } 
.quick-alo-ph-circle-fill { width: 80px; height: 80px; top: 55px; left: 55px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: 0.1; -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } 
.quick-alo-green .quick-alo-ph-circle-fill { background-color: #508A8C; opacity: 0.75; } 
.quick-alo-zalo.quick-alo-green .quick-alo-ph-circle-fill, .quick-alo-fb.quick-alo-green .quick-alo-ph-circle-fill{background-color: #0180C7;}
.quick-alo-zl .quick-alo-green .quick-alo-ph-circle, .quick-alo-fb.quick-alo-green .quick-alo-ph-circle{border-color:#0180C7}
.quick-alo-green .quick-alo-zl-img-circle, .quick-alo-green .quick-alo-fb-img-circle{background-color: #0180C7 !important;}
.quick-alo-green .quick-alo-ph-img-circle { background-color: #508A8C; } 
.quick-alo-ph-img-circle, .quick-alo-zl-img-circle, .quick-alo-fb-img-circle { width: 50px; height: 50px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } 
.quick-alo-green .quick-alo-ph-img-circle { background-color: #508A8C; }
.quick-alo-zl-img-circle{background: rgba(30, 30, 30, 0.1);}
.quick-alo-fb-img-circle{background: rgba(30, 30, 30, 0.1);}
@-moz-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-webkit-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-o-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-moz-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-webkit-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-o-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-moz-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@-webkit-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@-o-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } }
.quick-alo-ph-img-circle a, .quick-alo-zl-img-circle a, .quick-alo-fb-img-circle a{width:100%; height:100%; float:left; text-align:center}
.quick-alo-ph-img-circle img, .quick-alo-zl-img-circle img, .quick-alo-fb-img-circle img{width:32px; height:auto; margin-top:8px;}
.cr{color: #D61530}
.bg-r{background: #D61530}
.cl-w{color: #fff}
.banner-top-left{width: 100%;}
.banner-top-left h2{color: #D61530; font-size: 22px; font-weight: normal; margin-bottom: 15px}
.banner-top-left h3{font-size: 50px; font-weight: bold; line-height: 150%; margin-bottom: 40px}
.banner-top img{width: 100%; height: auto}
.dky-tienganh a{background: #D61530; padding: 15px 30px; font-weight: bold; color: #fff}
.lydokhoahoc{width: 100%; padding: 50px 0; background: #f5f5f5}
.ct-khoahoc{width: 100%; text-align: center;}
.ct-khoahoc figure{width: 100%; margin-bottom: 15px;}
.ct-khoahoc h2{font-size: 20px; font-weight: bold; margin-bottom: 15px}
.ct-khoahoc{width: 100%; margin-bottom: 50px}
.lotrinhhoc{width: 100%; padding: 50px 0; background: #00083B}
.lotrinhhoc .tieude-dichvu h2, .lotrinhhoc .tieude-dichvu h3{color: #fff}
.box-lotrinh{width: 100%; background: #fff; padding: 30px; border-radius: 10px; margin-bottom: 30px}
.ct-lotrinh figure{float: left; height: 100%; margin-right: 20px; padding: 20px 10px}
.ct-lotrinh h3{font-size: 22px; font-weight: bold; margin-bottom: 15px}
.hinhthuchoc{width: 100%; padding: 50px 0; background: #f5f5f5;}
.hinhthuchoc-box1{width: 100%; padding:30px 50px}
.ct-hinhthuchoc{width: 80%; background: #fff; border-radius: 3px; padding: 30px; text-align: center; float: right}
.ct-hinhthuchoc h2, .ct-hinhthuchoc p, .ct-hinhthuchoc span, .ct-hinhthuchoc b{width: 100%; margin-bottom: 20px; float: left}
.box-hinhthuchoc .row .col-sm-6:nth-child(2) .ct-hinhthuchoc{float: left}
.bt-dangky{margin-top: 30px; width: 100%; text-align: center; float: left}
.bt-dangky a{width: auto; padding: 10px 25px}
.ct-hinhthuchoc:hover{box-shadow: 0px 23px 52px rgba(0, 0, 0, 0.16)}
.ct-hinhthuchoc h2{font-weight: bold; font-size: 23px}
.dky-tienganh a:hover, .bt-dangky a:hover{color: #fff}
.modal-body h3{font-weight: bold; font-size: 20px; margin-bottom: 30px}
.dky-tuvan{width: 100%; text-align: center}
.dky-tuvan a{padding: 10px 20px}
.modal-title{font-size: 20px; font-weight: bold}
.dropdown-item.active, .dropdown-item:active{background: none; color: #333; border-bottom: 1px solid #ccc}
.lotrinh-tienganhtreem{width:100%; background:none !important}
.lotrinh-tienganhtreem .ct-lotrinh{width: 100%; background: #fff; padding: 15px; border-radius: 5px}
.lotrinh-tienganhtreem .ct-lotrinh:hover{box-shadow: 0px 23px 52px rgba(0, 0, 0, 0.16)}
.lotrinh-tienganhtreem .ct-lotrinh img{width: 100%; height: auto}
.lotrinh-tienganhtreem .ct-lotrinh h3{width: 100%; height: 50px; overflow: hidden}
.ct-hinhthuchoctreem figure{margin-bottom: 20px}
.ct-hinhthuchoctreem{padding: 30px}
.tienganhtreem-box1{width: 100%; text-align: center; border: 1px solid #00083B; border-radius: 5px; padding: 10px}
.tienganhtreem-box1 h3{font-size: 20px; font-weight: bold; margin-bottom: 15px}
.tienganhtreem-box1 p{margin-bottom: 20px}
.tienganhtreem-box1 a:hover{color: #fff}
.box-giaotiep .ct-lotrinh img{width: 100%; height: auto}
.box-giaotiep .ct-lotrinh{width: 100%; background: #fff; padding: 20px;border-radius: 10px; text-align: center}
.box-giaotiep .ct-lotrinh h3{width: 100%; height: 50px; overflow: hidden}
.box-giaotiep .ct-lotrinh:hover{box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.16);}
.box-giaotiep .ct-lotrinh{background: #fff}
.lydo-tienganhmienphi{background: #fff}
.breadcrumbs{border-color: #e9e9e9; width:100%; padding:20px 0; margin-bottom:0; border-bottom: 1px solid #e9e9e9; float:left; color:#777}
.breadcrumbs li{list-style:none; float:left; margin-right:30px}
.breadcrumbs span{float:left; margin-right:30px}
.breadcrumbs a { text-decoration: none; color: #777777; font-weight: 500; }
.list-content{width: 100%; padding: 40px 0; background: #f5f5f5; float: left}
.list-content .danhmuc h3{font-size: 16px}
.list-content .xt-danhmnuc{text-align: right}
.list-content .xt-danhmnuc a { background: none; color: #D61530; padding-right: 0; }
.chitiet-tintuc-right h1{font-size: 23px; font-weight: bold; text-align: center; margin-bottom: 30px}
.chitiet-tintuc-right h2{font-size: 20px; font-weight: bold; margin-top:20px; margin-bottom: 10px; color: #D61530 }
.chitiet-tintuc-right h3{font-size: 17px; font-weight: bold; margin-top:20px; margin-bottom: 10px; color: #333}
.chitiet-content-tintuc{line-height: 160%; text-align:justify}
.chitiet-content-tintuc table{width: 100%; border: 1px solid #ccc; text-align:left}
.chitiet-content-tintuc table td{padding: 6px; border: 1px solid #ccc}
.box-lienhe-left{width:100%; margin-bottom:30px}
.box-lienhe-left input{padding:8px; border:1px solid #e9e9e9; border-radius:0}
.box-lienhe-left textarea{width:100%; padding:8px; border:1px solid #e9e9e9; border-radius:0}
.box-lienhe-left h2{font-size:24px; text-transform:uppercase; color:#D61530; border-bottom:1px solid #e9e9e9; margin-bottom:20px; padding-bottom:10px}
.box-lienhe-right{width:100%; color:#777}
.box-lienhe-right h3{text-transform:uppercase; margin-bottom:20px; font-size:16px; color:#777}
.box-lienhe-right p:nth-child(3){margin-bottom:20px}
.box-lienhe-left a{background:#D61530; border-radius:10px; color: #fff; padding:10px 25px; font-size:14px}
.bdr10{border-radius: 10px}
.btn-lienhe{background: #D61530}

/*End menu new*/
.vogel{width:100%; float:left; color:#fff; text-align:center;}
.vogel iframe{width: 100%; min-height: 500px}
.ct-vogel{width:100%; background:#fff; padding:20px; border-radius:10px; float:left}
.dichvu{width:100%; background:#f5f5f5 url(/imgs/bg-dichvu.png) top center no-repeat; padding:40px 0; float:left}
.box-dichvu{width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; float:left}
.box-dichvu img{width:100%; height:auto}
.box-dichvu-right h2{font-size:28px; font-weight:700; line-height:150%; margin-bottom:30px;}
.box-dichvu-right h2 a{color:#333}
.box-dichvu-right ul{width:100%; margin-bottom:30px; float:left}
.box-dichvu-right ul li{width:100%; margin-bottom:10px;}
.link-dichvu{width:100%; float:left}
.link-dichvu a{padding:15px 30px; background:#4E4E4E; color:#fff; font-weight:600; border-radius:5px}
.giaithuong img{width:100%; height:auto}
.ft-top{width:100%; background:#f5f5f5; padding:40px 0; float:left}
.ct-ft{width:100%}
.ct-ft img{width:100%; height:auto}
.ct-ft h3{font-size:17px; font-weight:600; margin-bottom:15px;}
.ct-ft p{margin-bottom:15px;}
.ft-bottom{width:100%; background:#00083B; border-top:1px solid #02116c; padding:10px 0; color:#fff; float:left}
.ft-bottom a{color:#fff}
.toTop{position:fixed; bottom:80px; right:5px; z-index:1}
.danhgiasp{position: fixed; bottom: 0; right: 10px; background: #E63232; color: #fff; padding: 8px 15px; cursor: pointer; box-shadow: 3px 13px 27px 12px #380606; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-left: 40px;}
.danhgiasp span{position: absolute; top: -40px; left: -30px;}
#danhgia{position:fixed; background:#fff; width:300px; right:10px; bottom:0; padding:20px; padding-top:10px; box-shadow: -2px 3px 17px 4px #ccc; z-index:9999999; text-align:center; display:none; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.danhgia_tieude{width:100%; text-align:center; font-size:16px; font-weight:bold; margin-bottom:20px; color:#E63232}
#danhgia input, #danhgia textarea{width:100%; padding:5px; border:1px solid #ccc; margin-bottom:10px}
#danhgia input:focus:invalid { box-shadow: 0 0 5px #d45252; border-color: #b03535; } 
#danhgia input:focus:valid { box-shadow: 0 0 5px #5cd053; border-color: #28921f; }
#danhgia .btn-default{display:inline-block; background:#E63232; color:#fff; font-weight:bold; padding:6px 15px}
#danhgia p{margin-bottom:15px;}
#danhgia p span{cursor:pointer; font-size:16px;}
#danhgiaclose{position: absolute; top: 5px; left: 5px; cursor:pointer}
#danhgia input::placeholder, #danhgia textarea::placeholder { /* ch¡y tÑt trˆn 
  Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333 !important;
  opacity: 1; /* Firefox */
}
#danhgia input:-ms-input-placeholder, #danhgia textarea:-ms-input-placeholder { 
  /* ch¡y trˆn Internet Explorer 10-11 */
  color: #333 !important;
}

#danhgia input::-ms-input-placeholder, #danhgia textarea::-ms-input-placeholder 
{ /* ch¡y trˆn Microsoft Edge */
  color: #333 !important;
}
input[type="radio"], input[type="checkbox"]{margin-top:0}
.mt20 label{margin-left:8px; margin-bottom:0}
.banner-con{display:none}
.dropdown-menu{border:none}
.banner-top{width: 100%; padding: 40px 0; float: left}

@media screen and (max-width: 767px)
{
  .tk-dangky{color: #0867a9 !important; width: 100%; background: none !important; 
    margin-top: 10px;}
  .header-bottom{margin-top:50px !important}
  #danhgia{width:250px; padding:6px}
  .danhgia_tieude{font-size:12px; padding-left:15px; margin-bottom:0}
  #danhgia p{margin-bottom:8px;}
  #danhgiaclose{top:8px;}
  .search-mb .search {background: none; border: none; color: #fff; height: 31px; 
    padding: 0 10px; margin-top: 1px; }
  #danhgia{right:0}
  .banner-top-left{margin-bottom: 20px}
}
@media (min-width: 768px)
{
  #danhgia{width:340px}
  #danhgiaclose{top:9px}
}
@media (min-width: 900px)
{
  .logo img{height:80px; width:auto}
  .navbar-expand-lg .navbar-collapse{padding:15px 0}
  .dropdown:hover .dropdown-menu{display:block; top:102%}
  .dropdown-item{padding:.55rem 1rem}
  .navbar-expand-lg .navbar-nav .nav-link{padding-left: 30px; padding-right: 30px}
  .danhmuc figure{height: 220px; overflow:hidden}
  #tintucmoi .danhmuc figure{height: 220px; overflow:hidden}


}
@media (min-width: 1200px)
{
  .container, .container-lg, .container-md, .container-sm, .container-xl{width: 90%; max-width: 90%}
  .danhmuc figure{height: 300px; overflow:hidden}
  #tintucmoi .danhmuc figure,  .list-content .danhmuc figure{height: 220px; overflow:hidden}

}
@media (min-width: 1380px)
{
  .container{max-width:90%; width:90%}
  .testimonial-quote { padding: 0 20px; font-size: 24px; line-height: 1.4; }
  #tintucmoi .danhmuc figure{height: 280px; overflow: hidden}
}
@media (min-width: 1500px)
{
  .container{max-width:90%; max-width:90%}
}
@media (max-width: 767px)
{
  .ft-bottom a, .ft-bottom span{width:100%; text-align:center}
  .tomtat-dm{height: auto}
  .gioithieutrungtam figure{margin-bottom: 20px}
  .hocvien-left{margin-bottom: 20px}
  .testimonial-quote{margin-top: 20px}
  .box-hocvien{margin-bottom: 30px}
  .box-ketnoi figure svg{width: 30px; height: 30px}
  #ketnoi_ft h2{margin-bottom: 20px; font-size: 20px}
  .box-ketnoi figure{margin-right: 8px}
  .box-ketnoi p{font-size: 15px}
  .box-ketnoi h4{margin-bottom: 5px}
  .dropdown-menu{background: none}
  .dropdown-item{color: #fff}
  .logo-left img{height:50x}
  .dropdown-item.active, .dropdown-item:active{color: #ffff00}
  .lotrinh-tienganhtreem .ct-lotrinh{margin-bottom: 20px}
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 650px;
    margin: 1.75rem auto;
  }
}