@charset "utf-8";
/* CSS Document */
/* Code by AinkaMedia */



body { background: #ffffff; font-family: Open Sans, Roboto, Arial, Helvetica, sans-serif; }
.container, .container-fluid{ padding: 0px;text-align: left;}
.row{ margin: 0px; }
p{ font-family: Open Sans, Roboto, Arial, Helvetica, sans-serif; margin: 0px; font-size: 14px; color: #3d3d3d; }


.banner{
    position: relative;
/*    padding-top: 20px;*/
    padding-top: 55px;
}
.banner .sub-nav{position: absolute;width: 100%; top: -65px;background-color: #ffffff;border-radius: 10px;z-index: 9;}
.banner .sub-nav-link{padding: 15px 45px;width: 99%;float: left;}
.screen-home .logo-top img,.screen-home .sub-nav-link img,.screen-home .content-mid-top img,.screen-home .content-mid-end img,.screen-home .content-mid-news-top img,.content-news-detail img,footer img{width: 100%;}
.banner .sub-nav .line-doc{width: 1%;height: 90%;background: red;margin-top: 10px;float: left;}
.banner-slide.owl-theme .owl-dots{display: none;}
.banner-slide.owl-theme .owl-nav{position: absolute;width: 100%;top: 350px;}
.banner-slide.owl-theme .owl-nav .owl-prev{font-size: 40px;position: absolute;left: 50px;width: 40px;height: 60px;background: rgba(255,255,255,0.5);}
.banner-slide.owl-theme .owl-nav .owl-prev:hover{background: #fff;color: #ED1B24;}
.banner-slide.owl-theme .owl-nav .owl-next{font-size: 40px;position: absolute;right: 50px;width: 40px;height: 60px;background: rgba(255,255,255,0.5);}
.banner-slide.owl-theme .owl-nav .owl-next:hover{background: #fff;color: #ED1B24;}

/* Elearning */
.banner-elearning{background-image: url("../../images/Elearning/bg-question.png");background-repeat: no-repeat;}
.banner-elearning .avt-acc{margin: 15px 0;padding: 10px; width: 150px;height: 150px;background: #ffffff;border-radius: 150px;box-shadow: -7px 7px 5px 0 rgba(0, 0, 0, 0.2), 0 15px 12px 0 rgba(0, 0, 0, 0.20);}
.banner-elearning .avt-acc img{border-radius: 150px;border: 3px solid #05b19f;}
.banner-elearning .info-acc .icon-left{padding-left: 50px;}
.banner-elearning .info-acc .icon-position{background-image: url("../../images/Elearning/icon-acc.png");background-repeat: no-repeat; background-position:top left;background-size: contain;}
.banner-elearning .info-acc .icon-email{background-image: url("../../images/Elearning/icon-mail.png");background-repeat: no-repeat; background-position:top left;background-size: contain;}

/* End-Elearning */

.content-mid-top{background-image: url("../../images/Mid/bg-mid-top.jpg");background-repeat: no-repeat;background-position: top center;background-size: cover;padding-top: 150px; padding-bottom: 60px;}
.content-mid-top p{text-align: left;}
.content-mid-top .img-title-inf{text-align: left;position: relative;}
.content-mid-top .img-title-inf .img-title img{width: 16%;}
.content-mid-top .img-title-inf .line-left{position: absolute;top: 0;left: -180px;}
.content-mid-top .margin-bot{margin-bottom: 25px;}
.content-mid-top .box-home-inf{background: #ffffff;padding-top: 25px;padding-left: 25px;padding-bottom: 25px;border-radius: 5px;}
.content-mid-top .icon-home-inf{width: 60px;}
.content-mid-top .box-text-inf{padding-top: 15px;overflow-y: hidden;height: 120px;}
.content-mid-top .box-mr-r{margin-right: 15px;}
.content-mid-top .box-mr-l{margin-left: 15px;}
.content-mid-top .box-mr-t{margin-top: 30px;}
.content-mid-top .thumb{padding-top: 30px;}

/* News */
.content-news{padding-top: 70px;}
.content-news .sub-menu-page ul li{margin-right: 10px;}
.content-news .sub-menu-page ul li a{color: #989b9d;}
.content-news .sub-menu-page ul li a.active{color: #ED1C24;font-weight: bold;border-bottom: 2px solid;}
.content-mid-news-top .pixer-top{position: absolute;background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.5));width: 100%;height: 100%;top: 0;z-index: 9;}
.content-mid-news-top .content-box-thumb{position: absolute; bottom: 30px; z-index: 99;margin-left: 25px;}
.content-mid-news-top .content-box-thumb .tag-hot-news{padding: 10px 0 10px 15px;background: #ed1c24;margin-bottom: 15px;border-radius: 5px;width:50%;}
.content-mid-news-top .box-thumb{margin-right: 15px;}
.content-news-detail .box-inf-right-thumb{padding:10px}
.content-mid-news-top .box-inf-right-thumb,.content-news-detail .box-inf-right-thumb{box-shadow: 0 1px 3px 0px rgb(0 0 0 / 20%);margin-bottom: 15px;background: #ffffff;}
.content-mid-news-top .box-inf-right-thumb .col-md-5{padding-right: 0px;padding-left: 0px;}
.content-mid-news-top .box-inf-right-thumb .col-12{padding-right: 0px;padding-left: 0px;}

.content-mid-news-top .box-inf-right-thumb .text-box-suggest{font-weight: bold;color: #ed1c24;overflow-y: hidden;height: 65px;}
.content-mid-news-top .box-inf-right-thumb .date{font-style: italic;font-size: 12px;color: #989b9d;padding-top: 5px;}
.content-mid-news-top .box-inf-right-thumb .suggest{padding: 5px;}
.content-news-detail .box-inf-right-thumb .suggest{}
.content-mid-news-top .box-inf-right-thumb a{text-decoration: none;}
.content-mid-news-top .box-inf-right-thumb:nth-child(2),.content-mid-news-top .box-inf-right-thumb:nth-child(4){background: #f4f4f4;}
.content-mid-news-top .box-inf-right-thumb .frame{padding: 5px;}
.page-news{background: #f4f4f4;padding-top: 30px;}

.content-mid-end{padding-top: 35px;}
.content-mid-end .box-text-inf,.slide-news .box-text-inf{height: 60px;}
.content-mid-end .box-text-inf .title,.slide-news .box-text-inf .title{padding-right: 15px;font-weight: bold;}
.content-mid-end .box-text-inf p,.slide-news .box-text-inf p{font-size: 16px;}
.content-mid-end .box-text-inf .underline-p,.slide-news .box-text-inf .underline-p,.content-news-detail .news-detail .box-text-inf .underline-p{border-bottom: 1px solid #B3B3B3;}
.content-mid-end .box-thumb,.content-mid-news-top .box-thumb{position: relative;}
.content-mid-end .box-thumb .img-thumb{}
.content-mid-end .box-thumb .pixer-top{width: 100px;height: 100px;position: absolute;top: -20px;left: -20px;background-color: rgba(255,0,0,0.09);}
.content-mid-end .box-thumb .pixer-bot{width: 100px;height: 100px;position: absolute;bottom: -20px;right: -20px;background-color: rgba(255,0,0,0.09);}
.content-mid-end-top .box-inf-right-thumb{margin-left: 35px;}
.content-mid-end-top .box-inf-right-thumb .line-box{width: 15%;background: #cca766;height: 5px;margin-bottom: 15px;}
.content-mid-end-top .box-inf-right-thumb h5{overflow-y: hidden;height: 75px;}
.content-mid-end-top .box-inf-right-thumb p{overflow-y: hidden;height: 65px;margin-bottom: 15px;}
.content-mid-end-top .box-inf-right-thumb h4{color: #ed1c24;text-transform: uppercase;overflow-y: hidden;height: 105px;line-height: 35px;}
.content-mid-end-top .box-inf-right-thumb .read-more{background: red; border: none;padding: 10px 25px;color: #ffffff;}
.content-mid-end-top .box-inf-right-thumb .read-more:hover{background: #49B3FF;}

.content-news-detail .bg-news-detail{background: #f4f4f4;}
.content-news-detail{padding-top: 94px;}
.content-news-detail .box-inf-right-thumb .title{font-weight: bold;color: #ed1c24;font-size: 14px;overflow-y: hidden;height: 45px}
.content-news-detail .box-inf-right-thumb .text-box-suggest{font-size: 14px;overflow-y: hidden;height: 45px;}
.content-news-detail .news-detail{padding-top: 75px;}
.content-news-detail .news-detail .box-text-inf{margin-bottom: 15px;}
.content-news-detail .news-detail .box-text-inf .title{font-size: 16px;font-weight: bold;color: #ed1c24;}
.content-news-detail .news-detail .content-detail{margin-right: 15px;padding: 0 15px 15px 15px;border-radius: 5px;margin-bottom: 20px;}
.content-news-detail .box-inf-right-thumb a{text-decoration: none;}
.content-news-detail .news-detail .content-detail img{width: 100%;height: auto;}
.content-news-detail .news-detail .content-detail video{width: 100%;height: auto;}
.content-news-detail .news-detail .content-detail iframe{width: 100%;}
.content-news-detail .news-detail .news-suggest .news-slider .box-inf-right-thumb .thumb-post-img{width: 100%;position: relative;padding-left: 0;padding-right: 0;}
.content-news-detail .news-detail .news-suggest .news-slider .frame{position: absolute;top: 0;right:0;width: 100%;}

.slide-news{margin-top: 75px;padding-bottom: 30px;}
.slide-news .bg-light-strip{box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);margin-bottom: 35px;}
.slide-news .box-mr-r{margin-right: 5px;margin-left: 5px;}
.slide-news .box-mr-l{margin-left: 16px;margin-right: 5px;}
.slide-news .box-mr-ct{margin-left: 10px;margin-right: 10px;}
.slide-news .padding-content{padding: 15px;}
.slide-news .pre-format{font-size: 16px;overflow-y: hidden;height: 90px;}
.slide-news .justify-content-star{border-top: 1px solid #B8B8B8;margin-top: 10px;}
.slide-news .bg-light-strip .author{display: block;text-align: left;width: 50%;font-size: 12px;font-style: italic;padding-top: 5px;color: #cca766;}
.slide-news .bg-light-strip .date{display: block;text-align: right;width: 50%;font-size: 14px;font-style: italic;padding-top: 5px;color: #cca766;}
.slide-news .bg-light-strip .image-thumb{position: relative;width: 100%;}
.slide-news .bg-light-strip .image-thumb .frame,.content-mid-news-top .box-inf-right-thumb .frame{position: absolute;top: 0;width: 100%;}
.slide-news .bg-light-strip h5.fw-bold{overflow-y: hidden;height: 60px;line-height: 30px; font-weight: bold;}
.slide-news .bg-light-strip a{text-decoration: none;color: #212529;}
.slide-news .owl-theme .owl-nav,.content-news-detail .news-detail .news-slider .owl-nav{display: none;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: #ed1c24;}
.slide-news .owl-carousel.owl-theme .owl-stage-outer{padding-top: 10px;}
.slide-news .slides-mobile{display: none}

footer{background: #1b7ec2;}
footer .logo-ft{width: 10%;margin-right: 50px;}
footer .icon-left {padding-left: 52px;}
footer .icon-email {background-image: url("../../images/Footer/icon-mail.png");background-repeat: no-repeat; background-position: 0px center; background-size: contain;}
footer .icon-phone {background-image: url("../../images/Footer/icon-call.png");background-repeat: no-repeat; background-position: 0px center;background-size: auto;padding-top: 10px;padding-bottom: 10px}
footer .icon-location {background-image: url("../../images/Footer/icon-location.png");background-repeat: no-repeat;background-size: auto; background-position: 0px center;}
footer .btn-feedback {text-align: right;}
footer .feedback ::placeholder{font-size: 14px;font-style: italic;}
footer .btn-feedback .btn-primary {color: #1b7ec2;background-color: #ffffff;border-color: #1b7ec2;font-weight: bold;padding: 10px 30px;}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1367px) {
.banner .sub-nav .line-doc{height: 80%;}
.banner-slide.owl-theme .owl-nav{top: 220px;}
}

@media screen and (min-width: 997px) and (max-width: 1366px){
.content-mid-news-top .box-inf-right-thumb .text-box-suggest{height: 40px;}
}


@media only screen and (max-width: 991px) {
    .banner .sub-nav{top: -50px;}
    .banner .sub-nav-link{padding: 10px 25px;}
    .banner .sub-nav .line-doc{height: 80%;}
    .banner-slide.owl-theme .owl-nav{top: 140px;}
    .content-mid-news-top .content-box-thumb{margin-right: 35px;}
    .content-mid-news-top .content-box-thumb h5{font-size: 14px;}
    .content-mid-news-top .content-box-thumb p{overflow-y: hidden;height: 45px;}
    .content-mid-news-top .box-inf-right-thumb .text-box-suggest{height: 40px;}
    .content-news-detail {padding-top: 70px;}
    .content-mid-end-top .box-inf-right-thumb h4{height: 70px;}
    .content-mid-end-top .box-inf-right-thumb .read-more{}
    .content-mid-news-top .box-inf-right-thumb{padding-bottom: 5px;}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .banner .sub-nav{width: 12%;position: fixed;right: 0;top: 355px;border-radius: 3px;z-index: 99;}
    .banner .sub-nav-link{padding: 5px;}
    .banner .sub-nav .line-doc{display: none;}
    
    .content-mid-top{padding-top: 20px;}
    .content-mid-top .thumb{display: none;}
    .content-mid-top .box-home-inf{margin-left: 15px;margin-right: 15px;}
    .content-mid-top .box-home-inf-1{margin-bottom: 30px;}
    .content-mid-top .img-title-inf,.content-mid-top .margin-bot{padding-left: 15px;padding-bottom: 15px;}
    .content-mid-end .box-thumb .pixer-top{left: 0;width: 75px;height: 75px;}
    .content-mid-end .box-thumb .pixer-bot{right: 0;width: 75px;height: 75px;}
    .content-mid-end-top .box-inf-right-thumb{margin: 0px;padding: 0 15px;}
    
    .slide-news .bg-light-strip{margin-left: 0px;margin-right: 0px;}
    .slide-news .news-slider .col-md-4{padding-left:5px;padding-right:5px;}
    .slide-news .bg-light-strip h5.fw-bold{font-size: 16px;line-height: 20px;}
    
    .content-mid-news-top .box-thumb{margin-right: 0;margin-bottom: 15px;box-shadow: 0 1px 3px 0px rgb(0 0 0 / 20%);padding: 5px;}
    .content-mid-news-top .pixer-top{width: 98%;height: 98%;}
    .content-mid-news-top .box-inf-right-thumb .date,.content-mid-news-top .box-inf-right-thumb .text-box-suggest{padding: 0 10px;}
    
    .content-news-detail .news-detail{margin-right: 15px;margin-left: 15px;padding-top: 35px;}
    .content-news-detail .news-suggest{}
    .content-news-detail .news-detail .content-detail{margin-right: 0px; padding-bottom: 15px;padding-left: 0;padding-right: 0; }
    .content-news-detail .news-detail .content-detail iframe{height: 290px;}
    .content-news-detail .news-detail .content-detail{margin-right: 0px;padding-left: 10px;padding-right: 10px;}
    .content-news-detail {padding-top: 62px;}
    .content-news-detail .news-detail .box-text-inf{margin-top: 15px;}
    .content-news-detail .box-inf-right-thumb .text-box-suggest{padding-left: 0px;padding-right: 0px}
    .content-news-detail .box-inf-right-thumb .title{padding-left: 0px;padding-right: 0px}
    
    footer .logo-ft-mb,footer .inf-footer-mb{padding: 0 15px;}

}
@media screen and (max-width: 575px){
    .content-mid-news-top{padding: 0 15px;}
    .sub-menu-page{padding-left: 15px;}
    .content-mid-news-top .content-box-thumb .tag-hot-news{padding: 8px 8px 8px 15px;width: 30%;}
}


@media screen and (max-width: 480px){
    .banner .sub-nav{width: 18%;top: 230px;}
    .banner-slide.owl-theme .owl-nav{display: none;}
    
    .content-mid-top{padding-top: 25px;}
    .content-mid-top .img-title-inf .line-left{left: 150px;width: 25%;}
    .content-mid-top .img-title-inf .img-title img {width: 30%;}
    
    .content-mid-top .box-home-inf-1{margin-bottom: 25px;}
    
    .content-mid-end .box-text-inf .title,.slide-news .box-text-inf .title{padding-left: 15px;}
    .content-mid-end .box-thumb{margin-bottom: 35px;}
    
    
/*
    .slide-news .slides-mobile{display: block;}
    .slide-news .slides-pc{display: none;}
*/
    
    .content-mid-news-top .content-box-thumb .tag-hot-news{width: 40%;}
/*    .content-mid-news-top .box-thumb{padding: 0 15px;}*/
/*    .content-mid-news-top .box-inf-right-thumb{margin-left: 15px;margin-right: 15px;}*/
    
    
    
    footer .logo-ft{width: 20%;}
    
    footer .inf-footer-mb li{font-size: 14px;}
    
    

}


@media screen and (max-width: 480px) and (min-width: 375px){

}
/* On screens that are 480px wide or less, make the columns stack on top of each other instead of next to each other */



@media screen and (max-width: 395px) {
    

}
@media screen and (max-width: 375px) {
    

}