:root{scroll-behavior:smooth}
.sl-ass-hotro {
    position: fixed;
    top: calc(100% - 245px);
    right: 50px;
}
.sl-ass-hotro .sl-ass-hotrocn{
    margin-bottom:15px;
}
.mota-zalo {    
    color: #fff;
    background: rgba(14,149,230,.8);
    white-space: nowrap;
    z-index: 99;
    padding: 5px 10px;
    border-radius: 10px;font-size:14px;text-align:right
}.zalof {
    display: block;
    transition: 400ms ease-out;
}
 .zalof:hover{
     transform:translate(0,-5px);
 }
button{padding:0;}
.modal {
  overflow-y:auto!important;
}
ruby{font-size:1.4em;}
*.mg-30{margin-bottom:30px;}
@font-face{font-family:"Baomoi";src:url("/Content/fonts/new/Baomoi_gdi.eot");src:url("/Content/fonts/new/Baomoi_gdi.eot?#iefix") format("embedded-opentype"),url("/Content/fonts/new/Baomoi_gdi.woff") format("woff"),url("/Content/fonts/new/Baomoi_gdi.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Baomoi";src:url("/Content/fonts/new/Baomoi-SemiBold_gdi.eot");src:url("/Content/fonts/new/Baomoi-SemiBold_gdi.eot?#iefix") format("embedded-opentype"),url("/Content/fonts/new/Baomoi-SemiBold_gdi.woff") format("woff"),url("/Content/fonts/new/Baomoi-SemiBold_gdi.ttf") format("truetype");font-weight:bold;font-style:normal}
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.bottomheader{
    z-index:3;
    position:relative;background:#fff;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.container.small-container{
    max-width:960px;
}
.bg-w-50{
    background-color:rgba(255,255,255,.5);
}
#content {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
.ykienkhachhang{
    background-color:rgb(250,250,250);
}
#body{
        background-color: #f0f0f0;
}
.clr{
    clear:both;
}
img.logo{
    margin:3px 0;
}
.news-detail img{
    max-width:100%;height:auto!important;
}
.clear-fix:after{
    content:'.';display:block;
    height:0;clear:both;
    visibility:hidden;
}
ul.no-ul{
    margin:0;
    padding:0;list-style:none;
}
.topheader{
    border-bottom: 1px solid rgba(127,136,151,0.1);
}
ul.list-social .list-inline-item:not(:last-child){
    margin-right:1rem;
}
.list-social li a{
      color:#555;display:block;
}
.list-social li a:hover {
    color:#ffa000;
}
.sodthotro span,.sodthotro a{
    color:#555;
  font-size:14px;
}
.sodthotro li{
    display:inline-block;
    margin-right:10px;
    padding-right:10px;
    text-align:center;
   line-height:30px;
}

@media (min-width:991px)
{
    .sodthotro li {
        margin-right:15px;
    padding-right:15px;
     height:45px;line-height:45px;
    }
}
#list-dn{
    background-color:#f5f5f5;
    padding:30px 0;
}
a.icon-mxh{
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(81,190,120,0.1);
    color: #51be78;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;text-align:center;display:inline-block;
}
.hodo{
    height:100%;
}
  .sodthotro{
      display:table;
      margin:auto;height:100%;
   }
  .sodthotro div{
      display:table-cell;vertical-align:middle;
      padding:0 10px;
  }
  .sodthotro div:first-child{
      border-left:1px solid #fcccc9;
      border-right:1px solid #fcccc9;
  }
  .sodthotro div:last-child{
      padding-right:0;
  }
  .sodthotro button{
      border:none;background:none;outline:none;
  }
.sodthotro div ul.login-chisdl{
    position:absolute;
    top:100%;left:0;width:200px;background:#fff;
    z-index:9999;
}
    .sodthotro div ul.login-chisdl li {
        padding: 10px;
        height: auto;display:block;text-align:left;margin-right:0;
        line-height: initial;border-top:1px solid #ddd
    }
.sodthotro div ul.login-chisdl li a{
    color:#333;font-size:14px;
}
.sodthotro i {
    display: inline-block;
    width:35px;height:35px;line-height:35px;
    background: #eceff1;
    color: #b1b3b5;
    font-size: 18px;
    border-radius: 100%;text-align:center;
}
.sodthotro i:hover{
    background-color:#588D3F;color:#fff;
}
.sodthotro i.logi{
    border:1px solid #588d3f;background-color:#fff;color:#588d3f
}
.sodthotro div:first-child i{margin-right:0;}
@media (max-width:991px){
    .sodthotro div:first-child{
        border:none;
    }
    .hodo{
        background-color:#13283b;padding:10px 0;margin-left:-15px;margin-right:-15px;
    }
}

.list-menu li a.bt-thithu{
   background-color:#588d3f;
    color:#fff;
    padding:6px 10px;display:block;
    border:1px solid #588d3f;transition:400ms ease-out;
}
.list-menu li a.bt-thithu:hover{
    background:#fff;
}
.title-heading-1 {
    font-size: 22px;
    color: #588d3f;
    margin-bottom: 15px;text-transform:capitalize;
    padding-bottom:15px;border-bottom:1px solid #ddd;
    display:inline-block;margin-left:auto;margin-right:auto;
}
@media(min-width:768px){
    .title-heading-1{
        font-size:25px;
    }
}
.title-heading-1.title-d-block{
    display:block;
}
.title-heading-1.title-d-block .bt-dds{
    position:absolute;top:0;right:0;
}
.title-heading-1.title-d-block .bt-dds button{
    border:1px #588d3f solid;font-size:15px;
    color:#588d3f;background:#fff;
    width:34px;height:34px;line-height:30px;outline:none;
}
.title-heading-1.title-d-block .bt-dds button:hover,.title-heading-1.title-d-block .bt-dds button:focus{
    background-color:#588d3f;color:#fff;
}
@media (min-width:768px)
{
    .title-heading-1 {
        font-size: 30px;
    }
}
.title-heading-1:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: #588d3f;
    z-index: 1;margin:auto;
        position: relative;
    top: 16px;
}
.title-heading-1.title-d-block::after{
    margin-left:0;
}
.ykienkhachhang .tme-desc{
    font-size: .95rem;
    color:rgba(0,0,0,.6);
    margin-bottom: 15px;line-height:1.7;
}
.ykienkhachhang .tme-desc:hover{
     color:rgba(0,0,0,1);
}
.ykienkhachhang .ykienkhachhang-primary{
    display:table;
    width:100%;
}
.ykienkhachhang .ykienkhachhang-primary div{
    display:table-cell;vertical-align:middle;
}
.ykienkhachhang .ykienkhachhang-primary div.ykienkhachhang-primary-k-avatar{
    width:80px;padding-right:10px;
}
.ykienkhachhang .ykienkhachhang-primary div.ykienkhachhang-primary-k-avatar img{
    border-radius:50%;
    width:70px;height:70px;
}
.ykienkhachhang .left-border{
    padding-bottom: 15px;position:relative;
}
.ykienkhachhang .left-border::after{
    width:30px;display:block;height:2px;
    background:#588d3f;content:'';
    position:absolute;
    bottom:0;left:0;
}
.ykienkhachhang .left-border .xsmall {
    font-size: 1.2rem;
}
.ykienkhachhang .left-border .small {
    font-size: .9rem;color:rgba(0,0,0,.7);margin-top:3px;display:block;
}
.list-menu{
margin:0;
}
.list-menu li{
  margin:15px 6px 0 6px;position:relative;
}
.list-menu li:first-child{
    margin-left:0;
}
.list-menu li:last-child{
    margin-right:0;
}
.list-menu li a{
    color:#000;font-size:16px;font-weight:bold;font-family:'Baomoi',Arial
}
.list-menu li ul{
    text-align:left;margin-top:10px;    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -10px;
}
.list-menu li ul li{border:none;background: #666;
                   margin:0;
}
.list-menu li ul li a{
    color:#fff;
    font-size:.9rem;
    display:block;
    padding:7px 10px;
}
.list-menu li ul li:last-child a{
    border:none;
}
.list-menu li:hover ul{
     opacity:1;z-index:99;
}
@media (max-width:991px)
{
    .list-menu{
        margin-top:15px;
    }
        .list-menu li {
            margin: 0;
            background: #333;
            padding: 10px 15px;
            border-bottom: 1px solid rgba(255,255,255,.6);
        }
        .list-menu li.li-bt-thithu{
            padding:0;
        }
            .list-menu li a {
                color: #fff;
            }
    i.btu {
        position: absolute;
        color: #fff;
        display: block;
        right: 0px;
        top: 0px;
        font-size: 24px;
        width: 45px;
        height: 45px;
        background:rgba(255,255,255,.3);
        text-align: center;
        line-height: 45px;cursor:pointer;
    }
}
@media (min-width:991px)
{
    .list-menu li ul {
        position: absolute;
        background: #333;
        top: 30px;
        left: 0;
        width: 300px;
        text-align: left;
        width: 300px;
        opacity: 0;
        z-index: -99;
        transition: 400ms ease-out;
    }
    .list-menu li:hover ul{
        z-index:99;
    }
    .list-menu li ul li {
        background-color:transparent;
    }
        .list-menu li ul li a {
            border-bottom: 1px solid rgba(255,255,255,.7);
            padding: 7px 10px;
        }
}
.list-menu li a:hover{
    color:#588d3f;
    text-decoration:none;
}
.btmenu{
    background:none;
    border:none;
    color:#588d3f;
    padding:0px;font-size:25px;outline:none;margin-top:35px;
}
    #home-banner .sha {
        position:relative;
    }
#home-banner .text-video {
    position: absolute;
    width:100%;left:0;
    top: 35%;
    text-shadow: black 2px 2px 2px;
    z-index: 10;color:#fff;
}
#home-banner .video-click {
    background-color: #F03F37;
    padding: 5px;
    width: 170px;
    margin: 5px auto 15px;
    font-size: 14px;
    text-shadow: none;
    display: inline-block;transition:400ms ease-out;
} 
#home-banner .video-click:hover{
    text-decoration:none;background-color:#588d3f
}
#home-banner h1{
    font-size:1.2rem;text-transform:capitalize;
}
@media (min-width:768px){

    #home-banner div.text-banner {
    font-size:2rem;
    }
    #home-banner .video-click{
        font-size: 20px;
    }
}
@media (min-width:991px)
{
    #home-banner .text-video{
        width: 45%;
    left: 30%;
    }
    #home-banner div.text-banner {
        font-size: 2.5rem;
    }
}
h3.border-title,div.border-title{
    font-size: 24px;
    padding-bottom: 15px;
    padding-top: 25px;
    text-transform: uppercase;
    position:relative;
}
.border-title:before, .border-title:after {
    left: 0;
    margin-left: 0;
}
.border-title:before {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #588d3f;
    z-index: 1;
}
.border-title:after {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0;
    width: 150px;
    height: 1px;
    background: #dadada;
    
}
.latest-post-media:before{
    display:block;padding-top:103%;
    content:'';
}
.latest-post-media a{
    position:absolute;
    top:0;left:0;right:0;bottom:0;display:block;
    margin:auto;text-align:center;
}
.latest-post-media img {
    opacity: 1;
    transition: 400ms ease-out;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;width:100%;
}
.m-c{
    max-width:670px;margin-left:auto;margin-right:auto;
    font-size: 1rem;color:rgba(0,0,0,.7);
}
.latest-post .post-body {
    padding: 10px;
    border-top:1px solid #dcdcdc
}
.latest-post .post-title {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    height: 72px;overflow-y:hidden;
}
.au_h{height:auto!important}
.latest-post .post-title.h_40{height:44px;}
.latest-post .post-title.au_h{height:auto;}
.latest-post .post-title a {
    color: #333;font-size: 1rem;
    line-height: 20px;display:block;
    margin-bottom:3px;
}
.latest-post .xt-rf{
    background-color:#588d3f;color:#fff;
    position:absolute;top:0;left:0;right:0;bottom:0;
    text-align:center;
    font-size:1.1em;letter-spacing:1.1px;text-transform:uppercase;line-height:40px;
    transform:translate(0,40px);transition:400ms ease-out;
}
.tatcakhoahoc {
    color: #fff;
    border: none;
    background-color: #588d3f;
    background-image: -webkit-linear-gradient(left, #fe6c61 0%, #588d3f 50%,#fe6c61 100%);
    background-image: linear-gradient(to right, #fe6c61 0%, #f7be68 50%,#fe6c61 100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%;
    display:inline-block;
    padding:15px 20px;border-radius:5px;
}
.tatcakhoahoc:hover{
    color:#fff;
    text-decoration:none;
    background-color: #588d3f;border: none;background-position: 100% 0
}
.tatcakhoahoc i{
    margin-right:5px;
}
.latest-post:hover .xt-rf{transform:translate(0,0);}
.latest-post .expert{
    color:#004788;font-size:.9rem;font-weight:400;text-decoration:none;overflow-y:hidden;
    height:230px
}
.latest-post .expert ul{
    margin:10px 0;list-style:none;padding:0;
}
    .latest-post .expert ul li:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #004788;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: -2px;
    }
.latest-post .expert p{
    margin-bottom:4px;
}
.datcauhoi{
    background:url("/assets/frontend/images/crossword.png?v=1") #f5f5f5;
    padding:25px 0;
}
.datcauhoi input[class='form-control']
{
    height:auto;
    padding:.7rem;border-radius:0;
}
.btn-link.btn-quw{
    color:#333;
    text-decoration:none;
}
.btn-link.btn-quw:hover{color:#0082c9}
.fas.f-fs{
    position:absolute;
    top:20px;right:20px;
    background:#0082c9;
    color:#fff;
    padding:3px;
}
.copyright {
    border-top:1px solid #588d3f;
    background: #fff;
    color: #000;
    padding: 10px 0;
    position: relative;
    z-index: 1;font-size:14px;
    font-weight: 500;
}
#back-to-top {
    z-index: 10;
    -webkit-backface-visibility: hidden;display:none;
}
.affix {
    position: fixed;
}
#back-to-top.affix {
    bottom: 100px;
}
#back-to-top .btn.btn-primary {
    width: 40px;
    height: 40px;
    line-height: 42px;
    background: rgba(0,0,0,.9);
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 0;
}
#ourcommit {
    background: url('/assets/frontend/images/thiet-ke-xay-dung-nha.png?v=1');
    padding: 100px 0;
}
    #ourcommit .container {
        z-index: 999;
    }
    #ourcommit .border-title{
        color:#fff;
        padding-top:0;font-size:2rem;
    }
    #ourcommit .border-title::after, #ourcommit .border-title::before{
        position:initial;
        display:block;
        margin:auto;
        margin-top:10px;
    }
    #ourcommit .border-title::before{
        position:relative;
        top:59px;
    }
#ourcommit:after {
    background-color: rgba(0,0,0,.8);
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.quote-item .quote-text {
    margin: 40px 0 10px;
    display: inline-block;
    padding: 50px 40px 30px 45px;
    background-color: #fff;
    position: relative;
    font-size: 16px;
    color: #303030;
}
.quote-item .quote-text i {
    position: absolute;
    font-size: 20px;
    left: 45px;
    top: -20px;
    color: #fff;
    background: #ffc009;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
}
.quote-item .quote-text:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50px;
    border-width: 16px 0 0 16px;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}
.subscribe {
    padding: 0;position:relative;
}
.subscribe-call-to-acton {
    min-height: 115px;
    padding: 30px 0 0 30px;
}
.subscribe-call-to-acton .h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
}
.subscribe-call-to-acton .h4 {
    color: #fff;
    font-size: 24px;
    margin: 0;
}
.subscribe-call-to-acton .h4 a{
    color:#fff;
}
.ts-newsletter {
    background: #588d3f;
    position: relative;
    min-height: 115px;
    padding: 30px 0 0;color: rgba(255,255,255,.5);
}

.newsletter-introtext .h4 {
    margin: 0;
    color: #fff;
}
.newsletter-form {
    margin-top: 3px;
    position: relative;
}
.newsletter-form input {
    background: none;
    font-size: 14px;
    text-transform: capitalize;
    height: 45px;
    border: 1px solid rgba(255,255,255,.3);
}
.newsletter-form button {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    padding: 9px 30px 10px;
    background: #588d3f url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMAwiP78Oilg3t0UkMZFQv46t3Y1c2wmWk5Lg7y4sa5t56SjIpjX01LNyYeNBwYsAAAAKVJREFUGNNt0FcOwjAQRdFxSEhII73Re3n73x/G0cAYcj4s+0q2rKEpzmKqdjvvP163wPw3XhS0yGppW+LNlTEJPBOtN5zDCizkeN/ja5mOMaoh1SaGis8zGGcd/fXnrnJhJDo3XIuggqHGf/mZ+VS3wYgHMgSu3ld8zSEWR1RwLUm4gfky92C9zPEMUEe95CQNGbyUnic0ZAEeZmKxnfOWpoQkvQDbqh4FPI8bCwAAAABJRU5ErkJggg==) no-repeat 20px 50% !important;
    text-indent: -9999em;
  border-left:none;border-color:rgba(255,255,255,.3);
    
}
.topfooter{
    background:#fff;
    padding:30px 0;
}
footer .topfooter .tt-footer-title {
    font-size: 16px;
    line-height: 26px;
    color: #588d3f;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: block;
    position: relative;
}
footer .topfooter .tt-footer-title:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #588d3f;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.tt-footer-contact {
    position: relative;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .3px;
    padding: 3px 0;
    color: #000;
    margin-right: 10px;
}
.tt-footer-contact a{
    color:#000;
    font-size:.9rem;
}
.tt-footer-contact .fas {
    font-size: 17px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    background-color: #588d3f;
    color: #fff;
}
.tt-footer-social a {
    font-size: 22px;
    color: #fff;
    margin-right: 22px;
}
.list-ft li a {
    color: #333;
    display: block;
    margin-bottom: 5px;font-size:.9rem;
}
.list-ft li a:hover{
    color: #588d3f;text-decoration:none;
}
.list-ft li a:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #588d3f;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -2px;
}
.title-bread-main {
    position: relative;
    color: #fff;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    background-image:url("/assets/frontend/images/inner-bk.jpg?v=1");
    padding:50px 0;margin-bottom:40px;z-index:2;
}
.title-bread-main:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    content: "";
    background: rgba(0,0,0,.6);
}
.list-bread li a,.list-bread li
{
    color:#333;
}
.list-bread li {
    background-color: #d1d1d1;
    padding: 0 20px 0 30px;
    height: 30px;
    position: relative;
    margin-right: 5px;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 30px;
}
.list-bread li.active{
    background:#588d3f;color:#fff;
}
.list-bread li:after,.list-bread li:before {
    content: '';
    font-size: 0;
    line-height: 0;
    width: 0;
    top: 0;
    position: absolute;
}
.list-bread li:before {
    border-top: 15px solid #d1d1d1;
    border-left: 15px solid #f0f0f0;
    border-bottom: 15px solid #d1d1d1;
    left: 0;
}
 .list-bread li.bread-home{
     padding-left:20px;
 }
 .list-bread li.bread-home:before{
     display:none;
 }
    .list-bread li.active:before {
        border-top: 15px solid #588d3f;
        border-bottom: 15px solid #588d3f;
    }
.list-bread li:after{
    border-top: 15px solid #f0f0f0;
    border-left: 15px solid #d1d1d1;
    border-bottom: 15px solid #f0f0f0;
    right: -5px;
}
    .list-bread li.active:after {
         border-left: 15px solid #588d3f;
    }
.title-child {
    font-size: 1.7rem;
    color: #05525F;
    margin-bottom: 20px;
}
.title-child:before{
    height: 25px;
    background: #588d3f;
    content: '';
    width: 2px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 3px;
}
.list-bread li span{
    color:#a1a1a1;
    margin:0 10px;
}
.sidebar .widget {
    margin-bottom: 40px;
}
.sidebar .widget-title {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 15px;
    line-height: normal;
}
.sidebar .widget-title:before {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0;
    width: 50px;
    height: 2px;
    left: 0;
    z-index: 1;
    background: #0082c9;
}
.sidebar .widget-title:after {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0;
    width: 150px;
    height: 1px;
    left: 0;
    background: #dadada;
}
.sidebar ul.service-menu li {
    color: #303030;
    line-height: normal;
}
.sidebar ul.service-menu li a {
    background-color: #f4f4f4;
    padding: 15px 20px;
    border: 0;
    margin-bottom: 8px;
    position: relative;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    color: #303030;
    border-radius: 0;display:block;
}
.sidebar ul.service-menu li a i{
    font-size: 11px;
    position: relative;
    top: -2px;
    color: #0082c9;
}
ul.list-tin-moi-nhat li a{
    display:table;
    color:#333;
    margin-bottom:10px;
}
ul.list-tin-moi-nhat li a:hover{
    color:#0082c9;text-decoration:none;
}
ul.list-tin-moi-nhat li a span{
    display:table-cell;
}
ul.list-tin-moi-nhat li a span i.icon{
    background:#0082c9;width:5px;height:5px;
    margin-right:7px;
    position:relative;
    top:-3px;display:block;
}
.square-bo{
    border:1px solid #ddd;
    position:relative;
}
.square-bo img{
    position:absolute;
    top:0;left:0;right:0;bottom:0;margin:auto;max-height:100%
}
.square-bo:before{
    content:'';
    padding-top:100%;
    display:block;
}
.square-bo.square-bo-a:before
{
    padding-top:80%;
}
.bo-news-tl{
    border-bottom:1px dashed #ddd;
    margin-bottom:15px;
    padding-bottom:15px;
}
.bo-news-tl a{
    color:#333;
}
.bo-news-tl a:hover{
    color:#0082c9;text-decoration:none;
}
.news-title-header{
    font-size:.9rem;display:block;
    color:#333;font-weight:bold;
    color:rgba(0,0,0,.6);margin-bottom:10px;
}
@media (min-width:991px)
{
    .news-title-header{
       height:60px;overflow-y:hidden;margin-bottom:0;font-size:1rem;
    }
}
.news-sum{font-size:.9rem;}
.post-body-child-post{
    -moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
     border:1px solid #eee;
     padding:15px;
}
.latest-post-media.borderr{
    border:1px solid #eee;border-bottom:none;
}
.dat-time{
    color: #13283b;
}
.dat-time span{display:block;}
.dat-time .fontsize-md {
    font-size: 1.1rem;
}
.dat-time .daysize {
    font-size: 1.5rem;font-weight:bold;
    line-height:24px;
}
.title-child-post{
    color: #000000;height:67px;overflow-y:hidden;display:block;
}
.title-child-post:hover{
    color:#588d3f;text-decoration:none;
}
.ebool-ttile{
    font-size:1.4rem;
    margin-top:15px;color:#000;
}
.e-bool-avatar{
    text-align:center;
}
.e-bool-avatar img{margin:auto;}
.btn-downlo{
    background-color: #f54337;
        border-radius: 3px!important;
    padding: 7px 30px;color:#fff;
    font-size:14px;border:none;margin-top:15px;
}
.search-ebook{
    background:url('/assets/frontend/images/icon-search.jpg?v=1') no-repeat left 10px center #fff;
    width:100%;padding-left:30px;border:none;
   padding-top:5px;padding-bottom:5px;
}
 .border-info {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    border-top: solid 1px #e5e5e5 !important;
}
    .border-info legend {
        width: inherit !important;
        font-size: 1.2rem !important;
        color: #05525F;
        opacity: 0.6;
        border-bottom: 0;
        padding-right: 10px;
        margin-bottom: 10px;
    }
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.detail-text {
    font-size: 1rem!important;
}
.counter .counter-p{
    background: #F2F2F2;
    display:inline-block;
    margin: auto;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    border-radius: 10px !important;font-size:.9rem;
    color: #333;padding: 3px 7px;
}
.tainhieunhat .popular {
    border-bottom: solid 1px #F0F0F0;
        padding: 10px;
        font-size:1rem;
}
.tainhieunhat .xmedium a{
    font-size: .9rem;color: #000000;line-height: 20px;font-weight:bold;display:block;
}
.luottai-d{
    color: #969696;font-weight:bold;
    font-size:.8rem;text-transform:uppercase;display:block;
    margin-top:5px;
}
*.no-padding{
    padding:0;
}
.link-icon-xemtinfo{
    padding:10px 0;
}
.link-icon-xemt{
        color: #f54337;font-size:.9rem;
}
.link-icon-xemt i{
    margin-right:4px;
}
.t-e-book {
    color: #000000;
    font-size: .9rem;
    display: block;
    text-align: center;
    margin-top: 10px;
    height: 70px;
    overflow-y: hidden;
}
.t-e-book:hover{color:#588d3f;text-decoration:none;}
#myModal-x h4.modal-title{
    color:#588d3f;font-size:1.1rem;
}
.fa.kecs {
    position: absolute;
    top: 1px;
    left: 16px;
    width: 36px;
    height: 36px;
    background-color: #eee;
    text-align: center;
    line-height: 36px;
    color: #588d3f;
}
.btn-success.btn-gl{
    background-color:#588d3f;
    border-color:#588d3f
}
.tb-ldk {
    display: block;
    color:#333;
    padding:8px 10px;
    border-bottom:1px solid #ddd;
}
.tb-ldk:last-child{border:none;}
.tb-ldk i{
    color:#588d3f;margin-right:5px;font-size:.8rem;
}
.tb-ldk:hover{
    color:#588d3f;text-decoration:none;
}
.gray-box{
    background-color:#fff;
}
.ebook-region-img{
    position:relative;display:block
}
.ebook-region-img:before{
    content:'';padding-top:100%;
    display:block;
    border:1px solid #ddd;border-bottom:none;
}
.ebook-region-img img{
    position:absolute;
    top:0;bottom:0;left:0;right:0;
    margin:auto;max-height:100%;
}
.ebook-region-title{
    border:1px solid #ddd;font-family:'Baomoi',Arial;
    background:#fff;padding:10px;
    display:block;
}
.ebook-region-title a{
    color:#000;font-size:18px;display:block;line-height:1.3;
    height:70px;overflow-y:hidden;
}
    .ebook-region-title a.ebook-region-xemthem,.link-d {
        color: #588d3f;
        text-align: center;font-size:16px;
        margin-top:10px;
    }
    .link-d{
        margin-bottom:10px;
        margin-top:0;
    } 
    .link-d:hover{text-decoration:none;}
    .ebook-region-title a.ebook-region-xemthem i,.link-d i{
        width:30px;height:30px;display:inline-block;
        border:1px solid #588d3f;
        line-height:30px;border-radius:50%;
    }
.ebook-region-title a:hover{
    text-decoration:none;color:#588d3f
}
.x-reg {
    background-color: #05525F;
    border-color: #05525F;display:block;
    font-size:initial;text-align:center;
    font-family:Baomoi,Arial;text-transform:uppercase;font-weight:bold;transition:400ms ease-out;
    border:3px solid transparent;
}
.x-reg.x-reg-blue{
    background-color: #33B5F8;
    border-color: #33B5F8;
}
.x-reg:hover{
    background-color:#90ED6A;border-color:#90ED6A
}
    .x-reg a {
        color: white;font-size:16px;text-decoration:none;display:block;position:relative;padding:10px;
    }
    .x-reg a i{
        position:absolute;
        top:10px;right:10px;color:#fff;
        display:block;
    }
#dangkihoc .dangkihoc-region{
    padding:50px 0;
    background:#489036
}
#dangkihoc .dangkihoc-region .form-title .left-title {
   
}
@media (min-width:768px)
{
    #dangkihoc .dangkihoc-region .form-title .left-title {
     float: left;
    width: 60%;
    }
}
#dangkihoc .dangkihoc-region .form-title .left-title .border-red-left {
    color: #fff;
    font-size: 25px;
    text-align: left;
    padding-left: 25px;
    line-height: 30px;
    position: relative;
    margin-bottom: 30px;
}
    #dangkihoc .dangkihoc-region .form-title .left-title .border-red-left:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        height: 80%;
        width: 3px;
        background: #fff;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
#dangkihoc .dangkihoc-region .form-title .right-title {
    color: rgba(255,255,255,.7);
    font-size: 16px;
    padding-top: 15px;
    margin-bottom: 15px;
}
#dangkihoc .dangkihoc-region .btn-downlo{
    background-color:#05525F;
    border-radius:20px!important;text-transform:uppercase;
    padding-top:10px;
    padding-bottom:10px;
}
#dangkihoc .fr-lien label{
    color: rgba(255,255,255,.7);font-size:1rem;
}
ul.pagination-d{
    margin:0;padding:0;list-style:none;
}
ul.pagination-d li{
    display:inline-block;
    margin-right:3px;
    margin-bottom:3px;
}
ul.pagination-d li button{
    background:none;border:none;
    width:40px;height:40px;text-align:center;
    border:1px solid #eee;color:#333;
}
ul.pagination-d li.active button{
    background:#588d3f;color:#fff;border-color:#588d3f
}
.fr-lien input[type='text'],.fr-lien input[type='email'],.fr-lien select{
    border:none;
    border-bottom:1px solid #ccc;
    padding:7px 10px;width:100%;outline:none;
    background:none;color:#fff;
}
.fr-lien input[type='text']::-webkit-input-placeholder,
.fr-lien input[type='email']::-webkit-input-placeholder {
    color:rgba(255,255,255,.6);
}
.fr-lien input[type='text']::-moz-placeholder,
.fr-lien input[type='email']::-moz-placeholder {
    color:rgba(255,255,255,.6);
}
.fr-lien input[type='text']::-ms-placeholder,
.fr-lien input[type='email']::-ms-placeholder
 {
   color:rgba(255,255,255,.6);
}
.fr-lien input[type='text']::placeholder,
.fr-lien input[type='email']::placeholder
 {
    color:rgba(255,255,255,.6);
}
.fr-lien select{
    color:#fff;
}
.fr-lien select option{
    color:#333;
}
.qu_type{
    width:100%;
    text-align:left;
    background:#fff;
    border:none;
    padding:7px 10px;
    margin-bottom:10px;
}
.qu_type i{
    margin-right:7px;
    color:green;
}
.qu_type i.fa-times{
    color:#f54337;
}
.jlpt-certi {
    font-size: 15px;
    text-align: center;
    background-image: url(/assets/frontend/images/bg_jlpt.jpg?v=1);
    padding: 15px;
    background-size: 20px 20px;
    margin-top: 5px;
}
.jlpt-certi .jlpt-cer-title,.jlpt-certi .jlpt-cer-title-en,.jlpt-certi .jlpt-cer-t-test{
    font-weight:bold;
}
    .jlpt-certi .jlpt-date, .jlpt-certi .jlpt-more-infor {
        text-align: left;
        line-height: 28px;
        display: flex;
        -webkit-justify-content: space-between;
    }
    .jlpt-certi .jlpt-score {
        width: 100%;
        border: 1px solid #999;
        padding: 4px;
        clear: both;
        margin-top: 12px;
    }
    .jlpt-certi .jlpt-score .jlpt-detail-score, .jlpt-certi .jlpt-score .jlpt-conclude {
    width: 100%;
}
        .jlpt-certi .jlpt-score .jlpt-detail-score td, .jlpt-certi .jlpt-score .jlpt-detail-score tr {
            border: 1px dotted #555;
            vertical-align: middle;
            width: 25%;
        }
         .jlpt-certi .jlpt-score .jlpt-detail-score td p{
             margin-bottom:0;
         }
        .jlpt-certi .jlpt-score .jlpt-conclude-pass-c {
            height: 40px;
            width: 162px;
            border: 1px dotted #555;
            line-height: 40px;
            text-align: center;
            bottom: 0px;
            margin:15px 0;
        }
        .jlpt-certi .jlpt-score .stamp {
            width: 100px;
            height: 85px;
            position: relative;
            padding-right: 20px;
        }
        .bt-printned{
            position:absolute;
            top:10px;right:10px;background:none;border:none;
        }
.box-shadow {
    -moz-box-shadow: 0 55px 35px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 55px 35px rgba(0,0,0,0.1);
    box-shadow: 0 55px 35px rgba(0,0,0,0.1);
}
.tls{
    color:#003C78;
    margin-bottom:10px;font-weight:bold;
    font-size:14px;
}
.vnm{
    color:#000;font-size:18px;
    margin-bottom:10px;display:block;
}
.vnm:hover{
    text-decoration:none;color:#588d3f
}
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}.pr_das {
    overflow-y: hidden;
    margin-top:3px
}.pr_das span {
    display: inline-block;
    font-size: 1rem;
}.old-price {
    color: #7c8696;
    text-decoration: line-through;
    font-size: 1rem;
}.curr-price {
    display: inline-block;
    font-size: 1.5rem;
    color: #d0021b;
    font-weight: 600;
    margin-right: 5px;
}
 .slide_banner{
     position:fixed;
     top:200px;z-index:1;left:10px
 }
.slide_banner.sl-act{
    top:10px;
}
  .slide_banner.slide_banner_2{
      right:10px;left:initial
  }
 .slide_banner img{
     max-width:190px
 }
 .bt-closr{
     width:40px;
     height:40px;
     text-align:center;
     display:inline-block;
     position:absolute;
     top:-20px;right:-20px;border-radius:50%;color:#fff;border:1px solid #0082c9;
     background-color:#588D3F;font-size:1.6em;
 }
 .list-menu-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    width: 100%;
    text-align: center;
    border-top: 1px solid #eee;
    transform: translate(0,0);
    transition: 400ms ease-out;margin:0;padding:0;
}
    .list-menu-mobile li {
        float: left;
        width: 20%;
        border-left: 1px solid #ddd;
        text-align: center;
    }
        .list-menu-mobile li a, .list-menu-mobile li button {
            color: rgba(0,0,0,.7);
            padding: 8px 5px;
            padding-bottom: 0;
            display: block;
            font-size: 13px;
            border: none;
            background: none;margin:auto;

        }
 .list-menu-mobile li a i, .list-menu-mobile li button i, .list-menu-mobile li button img {
    display: block;
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #19CDC4;
}
.list-menu-mobile li a img{
    display:block;width:20px;margin-bottom:5px;margin-left:auto;
    margin-right:auto;
}
.list-products-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
    .news-l {
        border: 1px solid #ededed;
        border-radius: 10px;
        overflow: hidden;
        height: 100%;
    }
    .news-l:hover{
        border-color:#588D3F
    }
@media (min-width: 768px) {
    .list-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1200px) {
    .list-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.row_flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
    .row_flex .r_ff {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    }
.togs-lis {
    background: #f9f9f9;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    display: table;
    margin-bottom: 1em;
    padding: 10px;
    position: relative;
    width: auto;overflow:hidden;
}
.togs-lis .togs-lis-title{
    font-size:16px;
    text-transform:uppercase;
    display:table;width:100%;
    font-weight:bold;
}
.togs-lis .togs-lis-title div{
    display:table-cell;
}
.togs-lis .togs-lis-title div button{
    background:none;border:none;
}
.togs-lis .togs-lis-title div button:hover{
    color:#588D3F
}
#togs ul{
   height:0;margin-top:0;
    overflow:hidden;transition:400ms ease-out;
}
#togs ul.act{
    height:100%; margin-top:15px;
}
    #togs ul li a{
        margin-bottom:10px;
        color:#333;
        display:block;
    }
    #togs ul li.slu-lv-2{
        padding-left:20px;
    }