.clear:after,.all:after,#main-wrap:after,#footer:after{
    content:"";
    display:table;
    clear:both
}
.clear:before,.all:before,#main-wrap:before,#footer:before{
    display:table;
    content:" "
}
::-moz-selection{
    background:#f19099
}
::selection{
    background:#f19099
}
a{
    color:inherit;
    text-decoration:none
}
a:hover{
    text-decoration:none
}
a:focus{
    text-decoration:none
}
main.index{
    background:#f5f7f8
}
body{
    font-family:svn-poppins,sans-serif;
    color:#000;
    font-size:14px;
    line-height:1.4
}
@media screen and (min-width:768px){
    #header.sticky .hd-top{
        position:fixed;
        top:0;
        left:0;
        right:0
    }
}
@media screen and (max-width:768px){
    .hd-top{
        height:auto!important
    }
    .hidden-mobile{
        display:none
    }
    body{
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    }
    body.menuin{
        margin-left:270px;
        margin-right:-270px;
        overflow:hidden;
        height:100vh;
        width:100vw
    }
    body.menuin.ios{
        position:fixed;
        left:0;
        right:0
    }
}
h1,h2,h3,h4,h5,h6{
    font-weight:700;
    font-family:svn-poppins,sans-serif;
    line-height:1.3
}
img{
    max-width:100%
}
strong,.bold{
    font-weight:700
}
.all{
    position:relative;
    margin:0 auto;
    width:960px;
    max-width:100%
}
@media screen and (max-width:1190px){
    .all{
        width:100%;
        padding:0 10px
    }
}
.left{
    float:left
}
.right{
    float:right
}
.center-txt{
    text-align:center
}
.left-txt{
    text-align:left
}
.right-txt{
    text-align:right
}
.hl-txt{
    color:#ce1a2b
}
.fcontrol{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    width:100%;
    height:40px;
    font-family:roboto,sans-serif;
    font-size:14px;
    border:solid 1px #e1e1e1;
    padding:10px 15px;
    line-height:20px;
    outline:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.fcontrol:focus{
    border-color:#ce1a2b;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(206,26,43,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(206,26,43,.6)
}
.fcontrol.pill-control{
    border-radius:20px;
    -webkit-border-radius:20px
}
select.fcontrol{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    background:url(../images/icon-select.png) no-repeat right 15px center;
    padding:0;
    padding-right:25px;
    padding-left:15px;
    line-height:40px
}
textarea.fcontrol{
    height:100px;
    resize:none;
    padding:10px 15px
}
.btn{
    display:inline-block;
    height:30px;
    font-size:12px;
    line-height:10px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    padding:10px 20px;
    text-align:center
}
.btn.pill-btn{
    border-radius:20px;
    -webkit-border-radius:20px
}
.btn.primary-btn{
    background-color:#ce1a2b;
    color:#fff
}
.btn.primary-btn:hover{
    color:#fff;
    background-color:#a11422
}
.btn:active{
    -webkit-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.5);
    -moz-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.5);
    box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.5)
}
@media screen and (max-width:768px){
    body{
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    }
    body.menuin{
        margin-left:270px;
        margin-right:-270px;
        overflow:hidden;
        height:100vh;
        width:100vw
    }
    body.menuin.ios{
        position:fixed;
        left:0;
        right:0
    }
}
.navbar-toggle{
    padding:5px 8px;
    background-color:transparent;
    background-image:none;
    cursor:pointer;
    position:relative;
    border:solid 1px transparent;
    border-radius:4px;
    outline:none;
    float:right;
    display:none
}
.navbar-toggle .icon-bar{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:block;
    width:22px;
    height:2px;
    border-radius:1px;
    background-color:#fff
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top:5px
}
.navbar-toggle.open .icon-bar:nth-child(1){
    -webkit-transform:translate(-1px,7px) rotate(-225deg);
    -moz-transform:translate(-1px,7px) rotate(-225deg);
    -o-transform:translate(-1px,7px) rotate(-225deg);
    -ms-transform:translate(-1px,7px) rotate(-225deg);
    transform:translate(-1px,7px) rotate(-225deg)
}
.navbar-toggle.open .icon-bar:nth-child(2){
    opacity:0
}
.navbar-toggle.open .icon-bar:nth-child(3){
    -webkit-transform:translate(-1px,-7px) rotate(225deg);
    -moz-transform:translate(-1px,-7px) rotate(225deg);
    -ms-transform:translate(-1px,-7px) rotate(225deg);
    -o-transform:translate(-1px,-7px) rotate(225deg);
    transform:translate(-1px,-7px) rotate(225deg)
}
.checklb,.radiolb{
    cursor:pointer;
    display:inline-block
}
.checklb input,.radiolb input{
    display:none
}
.checklb span,.radiolb span{
    display:inline-block;
    vertical-align:middle
}
.checklb .ip-avata,.radiolb .ip-avata{
    width:20px;
    height:20px;
    border:solid 1px #ebebeb;
    margin-right:10px;
    background-color:#fff;
    position:relative;
    overflow:hidden
}
.checklb .ip-avata:before,.radiolb .ip-avata:before{
    font:normal normal normal 14px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f00c";
    display:block;
    margin-left:3px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    width:10px;
    height:10px;
    text-align:center;
    margin-top:2px;
    color:#ce1a2b;
    transform:scale(0) translate(0,-40px);
    -webkit-transform:scale(0) translate(0,-40px);
    -moz-transform:scale(0) translate(0,-40px);
    -ms-transform:scale(0) translate(0,-40px);
    -o-transform:scale(0) translate(0,-40px)
}
.checklb input:checked+.ip-avata:before,.radiolb input:checked+.ip-avata:before{
    transform:none;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none
}
.radiolb .ip-avata{
    border-radius:50%
}
.radiolb .ip-avata:before{
    border-radius:50%;
    content:'';
    width:10px;
    margin-top:4px;
    margin-left:auto;
    margin-right:auto;
    background:#ce1a2b;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0)
}
.radiolb+.radiolb{
    margin-left:10px
}
.scroll-top-link{
    position:fixed;
    right:23px;
    bottom:87px;
    width:50px;
    height:50px;
    border-radius:50%;
    line-height:20px;
    font-size:24px;
    font-weight:700;
    padding:6px;
    text-align:center;
    background-color:#cfd4dd;
    border:rgba(20,32,102,.5) 5px solid;
    z-index:99
}
.scroll-top-link:hover{
    border-color:#003bce
}
#header{
    position:relative;
    z-index:9
}
@media screen and (max-width:768px){
    #header .nav-wrap{
        position:fixed;
        top:0;
        left:0;
        height:100vh;
        width:100%;
        z-index:1;
        display:block;
        transform:translate(-100%,0);
        -webkit-transform:translate(-100%,0);
        background-color:transparent;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    }
    #header .nav-wrap .nav-overlay{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color:#000;
        opacity:0;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    }
    #header .nav-wrap .nav-ul{
        float:left;
        width:270px;
        position:relative;
        z-index:1;
        height:100%;
        background-color:#111;
        overflow:auto
    }
    #header .nav-wrap .nav-ul>li{
        display:block;
        float:none;
        margin:0;
        padding:0
    }
    #header .nav-wrap .sub-menu-wrap{
        position:static;
        transform:none;
        -webkit-transform:none;
        background:0 0;
        padding-left:15px
    }
    #header .nav-wrap .sub-menu-wrap .sub-menu{
        border-left:solid 1px #fff
    }
    #header .open{
        z-index:2
    }
    #header .open+.nav-wrap{
        transform:translate(0,0);
        -webkit-transform:translate(0,0)
    }
    #header .open+.nav-wrap .nav-overlay{
        opacity:.7
    }
}
.logo{
    float:left
}
.logo img{
    display:block;
    height:60px
}
.hd-right{
    float:right
}
.nav-wrap{
    text-align:center
}
.nav-wrap .nav-ul{
    float:none;
    text-align:right;
    vertical-align:top
}
.nav-wrap .nav-ul>li{
    display:inline-block;
    vertical-align:middle
}
.nav-wrap .nav-ul>li>a{
    display:block;
    line-height:20px;
    padding:10px;
    text-transform:uppercase;
    height:40px;
    transition:.15s;
    font-size:13px;
    font-weight:700;
    color:#013d79
}
.nav-wrap .nav-ul>li:hover>a{
    color:#feb914
}
.article-cont{
    line-height:1.6
}
.article-cont h1,.article-cont h2,.article-cont h3,.article-cont h4,.article-cont h5,.article-cont h6{
    line-height:1.4;
    margin-bottom:.5em;
    margin-top:.6em
}
.article-cont h1{
    font-size:36px
}
.article-cont h2{
    font-size:30px
}
.article-cont h3{
    font-size:24px
}
.article-cont h4{
    font-size:18px
}
.article-cont h5{
    font-size:14px
}
.article-cont h6{
    font-size:12px
}
.article-cont p{
    margin:15px 0
}
.article-cont ul,.article-cont ol{
    margin:15px 0;
    list-style-position:inside
}
.article-cont ul ul,.article-cont ul ol,.article-cont ol ul,.article-cont ol ol{
    margin-left:15px
}
.hd-top{
    background:#05366B;
    height:40px;
    padding:10px 0;
    font-size:10px;
    color:#fff
}
.hdt-item{
    float:left;
    font-size:12px
}
.hdt-item span{
    color:#feb914
}
.hdt-item a,.hdt-item p{
    transition:.15s;
    line-height:20px
}
.hdt-item{
    padding:0 15px
}
.hdt-item:first-child{
    padding-left:0
}
.hdt-item:not(:first-child){
    border-left:1px solid #3b3b3b
}
.hdt-item span.icon-circle{
    width:20px;
    height:20px;
    border-radius:50%;
    overflow:hidden;
    color:#fff;
    background-color:#fca777;
    float:left;
    text-align:center;
    font-size:10px;
    padding:3px;
    margin-right:5px
}
.acc-info{
    float:right;
    line-height:20px
}
.acc-info .hl a{
    transition:.15s
}
.acc-info .hl a:hover{
    color:#ffcd10
}
.menu-profile{
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    width:100%;
    height:100vh;
    transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.profile-content{
    background-color:#000;
    position:relative;
    float:right;
    color:#fff;
    width:270px;
    height:100%;
    z-index:9;
    overflow:auto
}
.profile-top{
    text-align:center;
    padding:30px 15px 10px
}
.profile-top .avatar img{
    width:80%;
    padding-bottom:20px;
    max-width:100px
}
.nav-percent{
    width:100%;
    min-height:8px;
    border-radius:8px;
    background-color:#e1e1e1;
    position:relative;
    margin-top:10px
}
.nav-percent .nav-percent-ok{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    background-color:#ff774d;
    border-radius:8px
}
.menu-in-profile{
    list-style:none
}
.menu-in-profile>li:not(:last-child){
    border-bottom:1px solid #595959
}
.menu-in-profile>li>a{
    height:40px;
    padding:10px 15px;
    line-height:20px;
    display:block;
    text-align:left
}
.menu-in-profile>li.active>a{
    background-color:#ff774d;
    color:#fff
}
.menu-in-profile>li.active>a i{
    color:#fff
}
.menu-in-profile>li.has-submenu>a{
    position:relative
}
.icon-down-top .fa-chevron-up{
    display:none
}
.menu-in-profile>li.has-submenu.active .fa-chevron-up{
    display:block
}
.menu-in-profile>li.has-submenu.active .fa-chevron-down{
    display:none
}
.menu-in-profile>li.has-submenu .icon-down-top{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%)
}
.menu-in-profile>li>a>i{
    margin-right:10px;
    color:#a2a2a2;
    font-size:18px;
    width:20px
}
.menu-profile.open{
    transform:translateX(0)
}
.menu-profile.login .profile-top .avatar img{
    width:50%
}
.menu-in-profile>li.has-submenu .sub-menu{
    list-style:none;
    background-color:#484848;
    display:none
}
.menu-in-profile>li.has-submenu.active .sub-menu{
    display:block
}
.menu-in-profile>li.has-submenu .sub-menu>li a{
    height:40px;
    line-height:20px;
    padding:10px 0 10px 30px;
    color:#e1e1e1;
    display:block;
    text-align:left
}
.info-user-top{
    margin-top:5px;
    font-weight:700
}
.item-info-hd.call-hd.email{
    display:none
}
.info-user-top span.name{
    color:#d2d2d2
}
.info-user-top .value.color_orther{
    color:#ff774d;
    font-size:16px
}
.btn-logout-profile{
    color:#fff!important;
    font-weight:700;
    background-color:#ff774d;
    display:block;
    text-align:center;
    border-radius:10px;
    height:40px;
    padding:10px 0;
    line-height:20px;
    width:90%;
    margin-left:5%;
    margin-top:15px;
    transition:.5s
}
.acc-info{
    position:relative
}
.acc-info .hl .icon{
    margin-right:5px
}
.acc-info:hover .status,.acc-info:focus .status{
    display:block
}
.status{
    font-size:14px;
    display:none;
    position:absolute;
    top:100%;
    right:0;
    z-index:99;
    width:300px;
    max-height:400px
}
.status:hover,.status:focus{
    display:block
}
.status .status-wrap{
    position:relative;
    left:0;
    top:30px;
    width:300px;
    font-size:14px;
    line-height:30px;
    font-weight:500;
    color:#000;
    background-color:#fff
}
.status .status__header{
    height:48px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
.status .status__header h4{
    color:#fff;
    font-size:24px;
    z-index:1
}
.status .status__header::before{
    content:'';
    bottom:0;
    left:0;
    background-repeat:no-repeat;
    background-image:url(../images/status-header-bg.png);
    background-position:center;
    background-size:cover;
    position:absolute;
    width:100%;
    height:calc(100% + 23px)
}
.status .status__body>*:not(.links){
    padding:10px 20px
}
.status .status__body>div:nth-child(odd){
    background-color:#f8f8f8
}
.status .status__body .level__info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.status .status__body .level__info .rank{
    font-weight:700
}
.status .status__body .level__process{
    background:#ebebeb;
    border-radius:12px;
    height:20px;
    width:100%;
    padding:2px;
    margin:5px 0;
    overflow:hidden
}
.status .status__body .level__process>span{
    display:block;
    height:100%;
    max-width:100%;
    border-radius:9px;
    background-color:#3ab1c8;
    background-image:-webkit-repeating-linear-gradient(135deg,transparent 0px,transparent 7px,rgba(0,0,0,0.1) 7px,rgba(0,0,0,0.1) 9px);
    background-image:-o-repeating-linear-gradient(135deg,transparent 0px,transparent 7px,rgba(0,0,0,0.1) 7px,rgba(0,0,0,0.1) 9px);
    background-image:repeating-linear-gradient(-45deg,transparent 0px,transparent 7px,rgba(0,0,0,0.1) 7px,rgba(0,0,0,0.1) 9px);
    background-size:50px 50px;
    background-position:0 0;
    overflow:hidden;
    -webkit-animation:move 4s linear infinite;
    animation:move 4s linear infinite
}
@-webkit-keyframes move{
    0%{
        background-position:0 0
    }
    100%{
        background-position:50px 50px
    }
}
@keyframes move{
    0%{
        background-position:0 0
    }
    100%{
        background-position:50px 50px
    }
}
.status .status__body .balance{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.status .status__body .balance__number{
    margin-left:10px;
    font-weight:700
}
.status .status__body .balance__number .vnd{
    color:#2772db
}
.status .status__body .balance__number .cny{
    color:#3ab1c8
}
.status .status__body .links>a{
    padding:10px 20px;
    display:block;
    text-align:start
}
.status .status__body .links>a i{
    float:right;
    line-height:2;
    color:#2772db
}
.status .status__body .links>a:hover{
    background-color:#2772db;
    color:#fff
}
.status .status__body .links>a:hover>i{
    color:#fff
}
.status .status__footer .ft-btn{
    font-size:13px;
    display:block;
    width:100%;
    padding:10px 0;
    border-radius:unset;
    background-color:#d62d20;
    color:#fff;
    text-align:center
}
.status .status__footer .ft-btn:hover{
    background-color:#aa2419
}
.hd-bot{
    height:80px;
    font-family:svn-poppins,sans-serif;
    color:#fff;
    font-size:13px;
    font-weight:700;
    background:#fff;
    padding:10px 0
}
.hd-bot .logo{
    max-width:16.66%;
    float:left;
    height:40px
}
.hd-bot .logo img{
    height:60px
}
.nav-wrap{
    width:80%;
    padding:10px 0
}
.banner{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    min-height:500px
}
.group-banner .banner-entry .title{
    font-size:48px;
    font-weight:500;
    margin-bottom:10px
}
.group-banner .banner-entry .desc{
    font-size:48px;
    font-weight:700
}
.group-banner .banner-entry .desc span{
    color:#ff774d
}
span.border-bot-title{
    min-height:1px;
    display:block;
    margin:20px 0
}
.group-tool .title-tool{
    padding-bottom:15px
}
.tool-item a{
    color:#ff774d;
    background-color:#fff;
    height:40px;
    width:140px;
    font-weight:500;
    text-align:center;
    border-radius:20px;
    margin-right:10px;
    line-height:20px;
    padding:10px 0;
    transition:.15s;
    box-shadow:0 4px 8px 1px #00000091;
    pointer-events:all
}
.tool-item a:hover{
    color:#fff;
    background-color:#ff774d
}
.nav-wrap .nav-ul>li.active>a{
    color:#ff774d
}
.has-dropdown{
    position:relative
}
#header .nav-ul .mn-dropdown-menu li.current-menu-item>a{
    color:#ff774d
}
#header .nav-ul .mn-dropdown-menu{
    min-width:230px;
    position:absolute;
    z-index:9;
    width:auto;
    top:100%;
    left:0;
    display:block;
    border-radius:5px;
    background-color:#fff;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
    -ms-box-shadow:0 5px 10px rgba(0,0,0,.2);
    -o-box-shadow:0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -o-transition-timing-function:cubic-bezier(.7,0,.185,1);
    transition-timing-function:cubic-bezier(.7,0,.185,1);
    -webkit-transition-timing-function:cubic-bezier(.7,0,.185,1);
    -webkit-transform-origin:50% 0%;
    -ms-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transform:perspective(1200px) rotateX(-90deg);
    transform:perspective(1200px) rotateX(-90deg)
}
.mn-dropdown-menu{
    list-style:none;
    padding:20px 0;
    box-shadow:0 2px 7px 1px #313131
}
#header .nav-ul li.has-dropdown:hover .mn-dropdown-menu{
    transform:none
}
.mn-dropdown-menu>li>a{
    display:block;
    color:#000;
    font-family:helvetica neue,sans-serif;
    font-size:13px;
    font-weight:500;
    line-height:1;
    position:relative;
    padding:10px 20px;
    transition:.15s
}
.mn-dropdown-menu>li{
    border-bottom:1px solid #e1e1e1
}
.mn-dropdown-menu>li>a:hover{
    color:#fff;
    background-color:#ff774d
}
#header .nav-ul .mn-dropdown-menu li.current-menu-item:hover>a{
    color:#fff
}
#header .nav-ul li.has-dropdown .icon-down-angle{
    position:absolute;
    right:0;
    top:10px
}
.tool-book a{
    font-size:10px;
    font-weight:700;
    padding:5px 15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    line-height:20px;
    background-color:#013d79;
    display:block;
    transition:.15s;
    font-weight:700
}
.tool-book a:hover{
    background:#feb914;
    color:#fff
}
.hidden-desktop{
    display:none
}
.banner{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:80vh
}
.group-banner .banner-entry{
    position:absolute;
    top:50%;
    transform:translateY(-70%);
    left:0;
    right:0;
    display:inline-table;
    color:#fff;
    z-index:5;
    width:100%;
    pointer-events:none;
    text-align:center
}
.group-banner .banner-entry .title{
    font-size:24px;
    font-weight:500;
    letter-spacing:5px
}
.group-banner .banner-entry .desc{
    font-size:36px;
    margin-bottom:10px;
    font-weight:700
}
.group-banner .banner-entry .desc span{
    color:#68a508
}
.group-banner .banner-entry .content{
    margin-bottom:20px
}
.group-tool .title-tool{
    float:left;
    font-size:12px;
    line-height:20px;
    padding:10px 30px 10px 0
}
.tool-item{
    display:inline-block
}
.tool-item a{
    color:#fff;
    background-color:#003e79;
    height:40px;
    width:140px;
    font-weight:500;
    text-align:center;
    border-radius:20px;
    float:left;
    margin-right:10px;
    line-height:20px;
    padding:10px 0;
    transition:.15s;
    box-shadow:0 4px 8px 1px #00000091;
    pointer-events:all
}
.tool-item a span.icon{
    margin-right:5px
}
.tool-item a:hover{
    color:#fff;
    background-color:#feb914;
}
.group-banner{
    position:relative;
    height:80vh
}
.number-count{
    margin-top:-110px
}
.group-count{
    float:left;
    width:100%;
    padding:20px;
    height:110px;
    background:#feb914
}
.list-count{
    list-style:none;
    float:left;
    margin-left:-10px;
    margin-right:-10px;
    float:left;
    width:100%
}
.list-count li{
    width:25%;
    float:left;
    padding:0 10px
}
.number-count-item{
    text-align:center
}
.number-count-item .title{
    color:#fff;
    font-size:36px
}
.number-count-item .desc{
    color:#fff;
    font-size:12px
}
.input-form input::placeholder{
    font-style:italic
}
.input-form input:-ms-input-placeholder{
    font-style:italic
}
.input-form input::-ms-input-placeholder{
    font-style:italic
}
.search-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    border-radius:4px;
    margin-top:40px
}
.search-form .select-form{
    width:145px;
    -ms-flex-negative:0;
    min-height:40px;
    border-radius:20px;
    overflow:hidden
}
.search-form .input-form{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.search-form .input-form .fcontrol{
    border:none
}
.search-form .submit-form{
    display:block;
    color:#ffcf4e;
    background-color:#fff;
    width:120px;
    height:35px;
    line-height:30px;
    text-transform:uppercase;
    font-size:13px;
    font-weight:500;
    text-align:center;
    border-radius:0 5px 5px 0
}
.search-form .submit-form:hover{
    background-color:#f8f8f8;
    -webkit-box-shadow:inset 1px 1px 5px 0 rgba(0,0,0,.2);
    box-shadow:inset 1px 1px 5px 0 rgba(0,0,0,.2)
}
@media screen and (max-width:450px){
    .search-form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .search-form .input-form{
        width:calc(100% - 145px)
    }
    .search-form .input-form .fcontrol{
        border-top:unset
    }
    .search-form .submit-form{
        width:100%;
        display:block
    }
}
.search-form .select-form .icon{
    right:0;
    padding:3px 10px
}
.search-form .dd{
    height:100%;
    border-radius:5px 0 0 5px;
    border:none
}
.search-form .dd .divider{
    display:none
}
.search-form .dd .ddTitle{
    height:100%;
    border-radius:5px 0 0 5px;
    padding-left:10px
}
.dd .ddTitle{
    background-color:unset!important
}
.search-form .dd .ddTitle .ddTitleText{
    position:relative;
    height:100%;
    padding:5px 20px 5px 0
}
.search-form .dd .ddTitle .ddTitleText img{
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    display:block;
    height:30px;
    width:30px;
    -o-object-fit:contain;
    object-fit:contain;
    padding-right:0
}
.search-form .dd .ddlabel{
    font-size:13px;
    font-weight:500;
    color:#000;
    display:inline-block;
    vertical-align:middle;
    padding:8px 0 8px 40px;
    line-height:1;
    max-width:100%;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.search-form .dd .ddChild li img{
    max-width:35px
}
.search-form .dd .ddChild li .ddlabel{
    padding-left:5px
}
@media screen and (max-width:500px){
    .search-form .dd{
        border-radius:unset
    }
    .search-form .dd .ddTitle{
        border-radius:unset
    }
    .search-form .submit-form{
        border-radius:unset
    }
}
.select-form{
    position:relative
}
.select-form .fcontrol{
    font-size:12px;
    font-weight:700;
    background-color:#fff;
    border:0
}
.select-form .fcontrol option{
    color:#000;
    font-weight:600
}
.select-form .icon{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    right:20px;
    pointer-events:none;
    color:#68a508
}
.input-form{
    position:relative;
    overflow:hidden
}
.input-form .fcontrol{
    font-size:14px;
    width:100%;
    border-left:unset;
    border-right:unset
}
.sec .title-left .title .ct.bold{
    text-align:left;
    color:#898989;
    font-size:16px
}
.sec .title .hd{
    font-size:30px;
    font-weight:700;
    flex-shrink:0;
    color:#000;
    padding-bottom:10px;
    position:relative;
    margin-bottom:20px
}
.nolist-style{
    list-style:none
}
.sec .title .hd:after{
    position:absolute;
    width:85px;
    content:'';
    left:0;
    right:0;
    bottom:-1px;
    height:8px;
    background-image:url(../images/borderheader.png);
    background-repeat:no-repeat;
    background-position:center
}
.sec .title .ct{
    color:#b7b7b7;
    margin-top:10px;
    font-weight:500;
    text-align:center;
    margin-bottom:20px
}
.find-prd-wrap .search-form{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    position:relative;
    background-color:#fff;
    padding-bottom:0;
    border-radius:20px;
    border:1px solid #e1e1e1
}
.sec.title-left .title .hd{
    color:#fff;
    text-align:left;
    border-bottom:1px solid #e9eaea
}
.sec.title-left .title .hd:after{
    margin-left:0;
    background:#fff
}
.sec .title-left .title .ct{
    text-align:left
}
.find-prd-wrap .search-form .submit-form{
    width:100px;
    line-height:15px;
    padding:10px 0;
    border-radius:18px;
    background-color:#fcb913;
    color:#fff;
    z-index:1;
    text-decoration:none;
    font-weight:700;
    float:left;
    text-align:center;
    transition:.15s;
    margin-top:3px;
    margin-right:5px
}
.find-prd-wrap .search-form .submit-form:hover{
    color:#fff;
    background-color:#ff6818
}
.find-prd-wrap select.fcontrol{
    background-image:url(../images/icon-select3.png)
}
.icon-search{
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%)
}
.find-prd-wrap .input-form{
}
.find-prd-wrap .input-form .fcontrol{
    padding-right:105px;
    padding-left:30px;
    background:0 0
}
@media screen and (max-width:600px){
    .find-prd-wrap{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .find-prd-wrap .title{
        width:100%;
        margin-bottom:10px
    }
    .find-prd-wrap .search-form{
        -ms-flex-wrap:wrap;
        background:#fff;
        border-radius:20px;
        flex-wrap:wrap
    }
    .find-prd-wrap .search-form .submit-form{
        position:static;
        display:block;
        width:100%;
        height:30px;
        border-radius:unset;
        transition:.3s
    }
    .find-prd-wrap .input-form .fcontrol{
        padding-right:15px
    }
}
.sec{
    padding:70px 0;
    background:#fff
}
.find-product{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.find-prd-wrap{
    width:75%;
    float:right;
    position:relative;
    z-index:2
}
.padd-50-bold{
    padding:0 50px
}
.thung-left{
    width:30%;
    float:left;
    position:absolute;
    bottom:0;
    left:-15%;
    z-index:0
}
.thung-left img{
    width:calc(100% + 40px)
}
.find-prd-right{
    width:40%;
    float:right
}
ul.list-bot-banner{
    list-style:none;
    text-align:center
}
ul.list-bot-banner li:not(:last-child){
    margin-bottom:30px
}
.item-issue-banner .img{
    width:50px;
    display:inline-block
}
.item-issue-banner .info{
    display:inline-block;
    padding-left:5px;
    color:#fff
}
.item-issue-banner .info h3{
    font-size:30px;
    line-height:1;
    text-align:left
}
.search-form .fcontrol::placeholder{
    color:#898989;
    opacity:.5
}
.services-index .sec{
    background-size:100% auto;
    background-position:bottom center;
    background-repeat:no-repeat
}
.sec .title.center-txt .hd:after{
    margin:auto
}
.list-services-index>li{
    width:33.33%;
    float:left;
    padding:15px 30px
}
.item-services{
    width:100%;
    padding-bottom:100%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:1px solid #e5e5e5;
    position:relative;
    background:#fff
}
.item-right-customer .img{
    height:50px;
    width:50px;
    text-align:center;
    position:relative;
    margin-left:-5px
}
.list-right li:after{
    content:'';
    background:#1d5c9f;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
    transform:translateX(100%);
    transition:.3s
}
.list-right li:hover:after{
    transform:translateX(0)
}
.list-right li:hover .item-right-customer .info .title{
    color:#fff
}
.item-right-customer{
    position:relative;
    z-index:1
}
.item-right-customer .info{
    margin-top:10px;
    color:#acacac;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    -webkit-line-clamp:4
}
.item-right-customer .img img{
    max-width:100%;
    max-height:100%
}
.item-right-customer .info .title{
    font-size:18px;
    color:#000;
    padding-bottom:5px;
    font-weight:700;
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    -webkit-line-clamp:2;
    line-height:20px
}
.btn-seemore a .icon{
    color:#fab915;
    margin-left:3px
}
.btn-seemore{
    margin-top:20px
}
.btn-seemore a{
    line-height:10px;
    padding:5px 15px;
    border-radius:25px;
    font-weight:700;
    font-size:10px;
    transition:.15s;
    color:#000;
    background:#fff;
    border:1px solid #e1e1e1;
    transition:.15s
}
.btn-seemore a:hover .icon{
    color:#fff
}
.btn-seemore a:hover{
    background:#dd7e6a;
    color:#fff
}
.item-right-customer .info p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    -webkit-line-clamp:2
}
.item-right-customer{
    position:absolute;
    top:65px;
    left:30px;
    right:30px;
    bottom:30px
}
.item-services .planet{
    position:absolute;
    left:-40px;
    top:calc(50% - 30px);
    width:calc(50% + 30px)
}
.item-services .img{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#a0adb6;
    padding:15px
}
.item-services .img img{
    width:100%;
    height:auto;
    transform:rotate(-45deg)
}
.planet{
    transform:rotate(45deg);
    transform-origin:right
}
.item-services:hover .planet{
    -webkit-transform:rotate(405deg);
    -moz-transform:rotate(405deg);
    -ms-transform:rotate(405deg);
    -o-transform:rotate(405deg);
    transform:rotate(405deg);
    transition:3s
}
.item-services:hover .img{
    background:#fab915
}
.item-services:hover .btn-seemore a{
    background:#fab915;
    color:#fff
}
.item-services:hover .btn-seemore a .icon{
    color:#fff
}
.step-order{
    background-color:#f5f7f8;
    min-height:400px;
    position:relative
}
.gradient-background{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    background-color:#000;
    opacity:.3
}
.step-order-select{
    width:33.33%
}
.step-order-content{
    width:66.66%;
    z-index:2;
    position:relative;
    padding:85px 0 85px 50px
}
.list-guide-nav li a{
    transition:.15s;
    text-transform:uppercase;
    font-size:13px;
    color:#b7b7b7;
    font-weight:700;
    transition:.15s;
    line-height:20px;
    padding:10px 25px;
    display:block;
    position:relative
}
.list-guide-nav li a:hover{
    color:#000;
    background-color:#fff
}
.list-guide-nav li{
    line-height:20px;
    position:relative
}
.list-guide-nav li.active:before{
    /*
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:100%;
    min-height:1px;
    background:#fff;
    min-width:200px;
    content:''
    */
}
.list-guide-nav li.active a{
    color:#fff;
    background-color:#fab915;
    box-shadow:0 4px 6px 0 #00000054
}
.list-guide-nav{
    list-style:none;
    padding-left:70px;
    padding-right:70px;
    position:relative;
    padding-top:50px;
    padding-bottom:50px
}
.guide-nav{
}
.guide-ct .img{
    color:#b7b7b7;
    text-align:justify;
    text-align:center
}
.item-ct .title{
    font-size:18px;
    margin-bottom:10px;
    font-weight:500;
    color:#fff
}
.guide{
    display:none
}
.guide.open{
    display:block
}
.gradient-background{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    background-color:#000;
    opacity:.3;
    pointer-events:none;
    z-index:0
}
.step-order .sec.title-left .title .hd{
    padding-top:65px;
    padding-left:25px;
    border-bottom:0;
    background-color:#68a508
}
.step-order.sec{
    padding:30px 0;
    position:relative
}
.list-guide-nav li .shape-icon img:last-child{
    display:none
}
.list-guide-nav li:hover .shape-icon img:last-child,.list-guide-nav li.active .shape-icon img:last-child{
    display:inline-block
}
.list-guide-nav li:hover .shape-icon img:first-child,.list-guide-nav li.active .shape-icon img:first-child{
    display:none
}
.list-guide-nav li:hover .shape-icon img{
    max-height:20px
}
.btn-guide{
    height:35px;
    float:left;
    padding:10px 50px;
    line-height:15px;
    text-align:center;
    background:#013d79;
    border-radius:20px;
    margin-top:20px;
    transition:.15s;
    color:#fff
}
.btn-guide-group{
    margin-top:10px;
    float:left
}
.btn-guide:hover{
    background-color:#fab915;
    background-image:none
}
.guide-ct .img{
    width:66.66%;
    float:right;
    margin-right:-50px
}
.guide-ct .item-ct{
    width:33.33%;
    float:left;
    color:#b7b7b7;
    font-size:13px;
    padding-top:10px
}
.step-content{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative
}
.bg-3636{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    background:#013d79;
    width:33.33%
}
.guide-ct-nav.sec{
    background-color:transparent;
    padding:0
}
.guide-ct-nav.sec .title .hd{
    color:#fff
}
.step-order .sec .title .hd:after{
    background-image:url(../images/borderheader2.png)
}
.right_customer .img-bout{
    position:absolute;
    right:calc(60% + 10px);
    top:0;
    bottom:0;
    left:0
}
.group-right-customer{
}
.right-customer-right{
    width:60%;
    float:right
}
.container-col3{
    list-style:none
}
.container-col3 .col3__item{
    transition:.3s;
    padding:10px 0
}
.container-col3 .col3__item:hover{
    background-color:#fab915
}
.container-col3 .col3__item:hover .info-card .text-btn i,.container-col3 .col3__item:hover .info-card .text-btn,.container-col3 .col3__item:hover>.info-card .hd a,.container-col3 .col3__item:hover .info-card p{
    color:#fff
}
.sec-pad2 .info-card .img{
    line-height:1.2
}
.customer_right .info-card .img{
    float:left;
    width:60px;
    max-height:55px
}
.customer_right .info-card .img img{
    padding:10px;
    max-width:60px;
    max-height:55px
}
.info-card .ct{
    display:block;
    overflow:hidden
}
.info-card .hd a{
    font-size:18px;
    font-weight:700
}
.info-card p{
    margin:5px 0;
    color:#b7b7b7
}
.bg-efef{
    position:absolute;
    content:'';
    top:0;
    left:0;
    bottom:0;
    width:40%;
    background-color:#efefef
}
.right-customer .thung-left{
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    bottom:unset;
    width:auto
}
.map-google{
    position:relative
}
.info-contact{
    position:absolute;
    top:0;
    margin:auto;
    left:calc(50% - 480px);
    width:50%
}
.item-contact{
    margin-top:20px;
    left:50px;
    background-color:#fff;
    color:#000;
    padding:0 20px;
    border-radius:4px;
    margin-left:50px;
    box-shadow:-1px 3px 12px 0 #000
}
.item-contact a{
    transition:.15s
}
.item-contact a:hover{
    color:#ff774d
}
.item-contact .title{
    font-size:16px;
    text-transform:uppercase
}
.item-contact-index:nth-child(odd){
    width:60%;
    padding-right:20px
}
.item-contact-index{
    float:left;
    padding:10px 0
}
.item-contact-index .name{
    font-size:10px;
    color:#a0adb6;
    font-weight:700
}
.item-contact-index .value{
    font-size:13px;
    font-weight:700
}
.item-contact-index:nth-child(even){
    width:40%;
    padding-left:10px;
    padding-right:10px
}
.item-contact-index:nth-child(even){
    width:40%;
    padding-left:10px;
    padding-right:10px
}
.bg-map{
    height:400px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:url(../images/map.jpg);
    pointer-events:none;
    transition:.3s;
    background-size:cover
}
.bg-map.sec .title .hd{
    color:#fff;
    margin-left:50px
}
.bg-map.sec .title .hd:after{
    background-image:url(../images/borderheader2.png)
}
.map-google:hover .bg-map{
}
#footer .footer-info{
    background-color:#3a4750;
    color:#e1e1e1
}
ul.list-menu-ft{
    list-style:none
}
ul.list-menu-ft li{
    border-bottom:1px solid #5d7177;
    position:relative
}
ul.list-menu-ft li:after{
    content:"\f105";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    color:#ff774d;
    font-weight:700;
    font-size:16px;
    font-family:fontawesome
}
ul.list-menu-ft li a{
    height:40px;
    padding:10px 0;
    line-height:20px;
    display:block;
    transition:.15s
}
ul.list-menu-ft li a:hover{
    color:#ff774d
}
.item-footer{
    width:33.33%;
    float:left;
    margin-bottom:20px
}
.item-footer .desc{
    padding-top:15px
}
.title-footer{
    color:#fff;
    padding-bottom:10px
}
.item-footer.menu{
    padding:0 20px
}
.center-txt{
    text-align:center
}
#footer .ft-sys{
    color:#fff;
    line-height:20px;
    padding:10px 0;
    font-size:12px
}
#footer .ft-sys strong{
    color:#fdbc1a
}
#footer{
    background:#f5f7f8
}
.content-fee{
    font-size:16px
}
.content-fee ol{
    margin-top:10px
}
.content-fee{
    line-height:25px;
    width:90%;
    margin:auto;
    text-align:justify;
    font-size:16px
}
.content-fee img{
    margin:10px auto;
    display:block;
    height:auto
}
.group-banner.child{
    height:40vh
}
.group-banner.child .banner{
    height:40vh;
    min-height:200px
}
.group-banner.child .banner-entry{
    top:60%
}
#header.sticky .header-mobile-view{
    position:fixed;
    top:0;
    left:0;
    right:0
}
.item-cources-sell .img{
    position:relative;
    padding-bottom:60%;
    background-repeat:no-repeat;
    background-position:top;
    background-size:cover;
    border-radius:5px
}
.item-cources-sell .img a{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.item-cources-sell .info{
    text-align:left;
    padding-top:10px;
    min-height:100px
}
.list-exam li{
    width:33.33%;
    float:left;
    padding:20px 15px
}
@media screen and (max-width:767px){
    .list-exam li{
        width:100%;
        float:left;
        padding:20px 15px
    }
}
.list-exam{
    list-style:none
}
.item-cources-sell .info .title:hover{
    color:#e84545
}
.item-cources-sell .info .title{
    font-size:18px;
    font-weight:700;
    margin:5px 0;
    transition:.15s
}
.item-cources-sell .info .infomation{
    font-size:10px;
    color:#898989;
    font-weight:500
}
.item-cources-sell .info .infomation i{
    margin-right:10px
}
.page-index .modal-dialog{
    top:50%;
    transform:translateY(-70%)!important
}
.btn-money{
    color:#0da093;
    display:block;
    font-weight:700;
    margin-bottom:20px;
    text-align:right
}
.total-item-cart{
    display:inline-block;
    background:#d71f26;
    padding:0 8px;
    border-radius:2px;
    position:relative;
    color:#fff;
    font-size:12px
}
.btn-zalo{
    background-color:#008be6;
    border:none;
    color:#fff;
    padding:10px 10px 10px 40px;
    border-radius:5px;
    background-image:url(/public/images/zalo-logo.png);
    background-repeat:no-repeat;
    background-position:center left;
    background-size:30%
}
div.mobile{
    position:fixed;
    top:0;
    left:0;
    z-index:9999999999;
    background:#333;
    height:100vh;
    display:none
}
div.mobile .close-menu{
    position:absolute;
    top:0;
    right:0;
    font-weight:700;
    color:#000;
    line-height:70px;
    width:40px;
    text-align:center;
    z-index:99999
}
div.mobile .close-menu>i{
    font-size:18px;
    color:#fff
}
div.mobile .header{
    background:#269abc none repeat scroll 0 0;
    display:inline-block;
    height:70px;
    line-height:70px;
    padding:0 18px;
    width:100%
}
div.mobile .header>a.btn-avatar>img{
    border:2px solid #fff;
    margin-right:20px
}
div.mobile .header>span.info-name{
    color:#fff;
    font-size:13px;
    font-weight:700
}
div.mobile .header>a.btn-sign-out{
    color:#fff;
    display:inline-block;
    float:right;
    font-size:18px;
    font-weight:700;
    text-align:center;
    width:30px
}
div.mobile .mnu{
    background:#333 none repeat scroll 0 0;
    display:inline-block;
    width:100%
}
div.mobile .mnu>ul{
    display:inline-block;
    list-style:outside none none;
    margin:1px 0 0;
    padding:0;
    width:100%
}
div.mobile .mnu>ul>li{
    border-bottom:1px solid #444;
    display:inline-block;
    width:100%
}
div.mobile .mnu>ul>li.active{
    background:#269abc
}
div.mobile .mnu>ul>li.open>ul{
    display:inline-block!important
}
div.mobile .mnu>ul>li>ul{
    background:#444 none repeat scroll 0 0;
    border-top:1px solid #333;
    margin:0;
    padding:0;
    width:100%;
    display:none
}
div.mobile .mnu>ul>li>ul>li{
    display:inline-block;
    width:100%
}
div.mobile .mnu>ul>li>ul>li.active>a{
    background:#dd514a!important
}
div.mobile .mnu>ul>li>ul>li>a{
    color:#fff;
    display:inline-block;
    font-size:13px;
    padding:12px 35px;
    width:100%
}
div.mobile .mnu>ul>li>ul>li>a>i.fa-circle-o{
    float:left;
    font-size:8px;
    padding-right:10px;
    padding-top:6px;
    display:inline-block
}
div.mobile .mnu>ul>li>ul>li>a:hover{
    text-decoration:none
}
div.mobile .mnu>ul>li>a{
    color:#fff;
    font-size:13px;
    display:inline-block;
    padding:13px 14px;
    width:100%
}
div.mobile .mnu>ul>li>a:hover{
    text-decoration:none
}
div.mobile .mnu>ul>li>a>i.icon{
    font-size:13px;
    padding-right:10px;
    display:inline-block
}
div.mobile .mnu>ul>li>a>span{
    display:inline-block
}
div.mobile .mnu>ul>li>a>i.fa-angle-right,div.mobile .mnu>ul>li>a i.fa-angle-down{
    font-size:13px;
    display:inline-block;
    float:right;
    padding-top:2px
}
header{
    display:inline-block;
    width:100%;
    background:#fff;
    position:relative;
    float:left;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc
}
header .dropdown-list{
    z-index:999999999999999999999999999999999!important
}
header .mnu-mobile-scroll{
    position:fixed!important;
    top:0;
    left:0;
    transition:top .5s;
    z-index:999999
}
header .mnu-mobile{
    background:#fff;
    border-bottom:1px solid;
    height:60px;
    text-align:center;
    width:100%;
    display:none;
    position:relative
}
header .mnu-mobile .notify-mobile{
    float:right!important;
    line-height:60px!important;
    color:#fff!important
}
header .mnu-mobile .notify-mobile .badge{
    position:relative!important;
    top:13px!important;
    right:7px!important;
    font-weight:700!important
}
@media all and (max-width:992px){
    header .mnu-mobile{
        display:inline-block!important
    }
}
header .mnu-mobile>a>i.fa-list{
    display:inline-block;
    font-size:24px;
    left:15px;
    line-height:60px;
    position:absolute;
    top:0
}
header .mnu-mobile>i.icon-plo-mobile{
    background:transparent url(/public/images/favicon.png) no-repeat scroll top;
    display:inline-block;
    height:39px;
    margin-top:10px;
    width:51px;
    background-size:100%
}
header .mnu-mobile .page-header-title{
    color:#fff;
    font-size:13px;
    font-weight:700;
    line-height:60px;
    text-transform:uppercase
}
header .gizle{
    top:-90px
}
header .sabit{
    top:0;
    z-index:9999999
}
header .header-top{
    display:inline-block;
    width:100%;
    float:left;
    height:60px;
    border-bottom:1px solid #ccc;
    position:relative
}
header .header-top .logo{
    display:inline-block;
    position:absolute;
    top:0;
    z-index:99999
}
header .header-top .logo a span{
    font-size:19px;
    margin-top:0;
    font-family:lobster,helvetica,arial;
    text-decoration:none;
    color:#d92027;
    line-height:60px;
    -webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#d92027),color-stop(50%,rgba(217,32,39,0.5)),to(#d92027))
}
header .header-top .logo a:hover{
    text-decoration:none
}
header .header-top .exchange{
    display:inline-block;
    line-height:60px;
    font-size:12px;
    padding-left:125px;
    padding-right:35px;
    color:#032d3e
}
header .NH-logo{
    width:120px;
    margin-top:-30px
}
header .header-top .cart{
    display:inline-block;
    line-height:60px
}
header .header-top .cart>a>i.fa-shopping-cart{
    color:#032d3e
}
header .header-top .cart>a .badge{
    margin-top:20px;
    top:-5px;
    left:-3px;
    position:relative
}
header .header-top .cart>a .badge.badge-danger{
    background:#d71f26
}
header .header-top .navbar-right{
    display:inline-block;
    float:right
}
header .header-top .navbar-right .account-balance{
    color:#032d3e;
    display:inline-block;
    float:left;
    font-size:13px;
    line-height:60px;
    margin-right:10px
}
header .header-top .navbar-right .account-balance span{
    color:#0072bc
}
header .header-top .navbar-right .account-balance span.font-red,header .header-top .navbar-right .account-balance span.font-red .total-balance{
    color:red
}
header .header-top .navbar-right .menu{
    display:inline-block;
    float:left;
    line-height:58px
}
header .header-top .navbar-right .menu>ul.menu-right-sd{
    margin-top:1px;
    padding:5px 25px;
    border:0
}
header .header-top .navbar-right .menu>ul.menu-right-sd>li a{
    color:#032d3e;
    padding:7px 0
}
header .header-top .navbar-right .menu>ul.menu-right-sd:before{
    display:none!important
}
header .header-top .navbar-right .menu>ul.menu-right-sd:after{
    display:none!important
}
header .header-top .navbar-right .menu>a{
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    height:59px
}
header .header-top .navbar-right .menu>a:hover{
    text-decoration:none
}
header .header-top .navbar-right .menu span.user-name{
    color:#032d3e;
    font-weight:700;
    font-size:13px
}
header .header-top .navbar-right .menu span.user-name>i{
    color:#032d3e;
    font-weight:700;
    padding-left:10px;
    width:20px
}
header .header-top .navbar-right .menu img.avatar{
    float:right;
    margin:10px 0 0 20px;
    padding:0
}
header .header-top .navbar-right .menu a:hover,header .header-top .navbar-right .menu a:focus{
    background:#f7f7f7
}
header .header-top .navbar-right .avatar{
    display:inline-block;
    float:left
}
header .header-top .navbar-right .notifications{
    display:inline-block;
    float:left;
    margin-left:10px;
    margin-right:30px
}
header .header-top .navbar-right .notifications:hover>a{
    background:#d71f26;
    color:#fff
}
header .header-top .navbar-right .notifications:hover>a>i{
    color:#fff!important
}
header .header-top .navbar-right .notifications>a{
    height:59px;
    display:inline-block;
    padding-left:20px;
    padding-top:20px;
    position:relative;
    padding-right:20px
}
header .header-top .navbar-right .notifications>a>i{
    font-size:20px;
    color:#032d3e
}
header .header-top .navbar-right .notifications>a>span{
    position:absolute;
    top:12px;
    background:#d71f26;
    left:21px
}
header .horizontal-bar{
    z-index:9!important;
    border-bottom:0!important
}
header .page-sidebar{
    float:left;
    display:inline-block
}
header .page-sidebar .menu>li.droplink:hover ul.sub-menu{
    display:block;
    border:0;
    padding:0 15px;
    padding-top:5px
}
header .page-sidebar .menu>li.droplink:hover ul.sub-menu>li a{
    padding:10px 0
}
header .page-sidebar .menu>li.droplink:hover ul.sub-menu li.active{
    color:#d71f26
}
header .page-sidebar .menu>li.droplink:hover ul.sub-menu>li:last-child a{
    border-top:1px solid #ccc
}
header .page-sidebar .menu>li>a{
    font-size:13px;
    color:#032d3e;
    font-weight:400;
    padding:13px 15px!important
}
header .page-sidebar .menu>li>a>i{
    padding-right:10px
}
header .page-sidebar .menu>li:hover>a{
    color:#d71f26
}
header .page-sidebar .menu>li.active>a{
    color:#d71f26
}
header .page-sidebar .menu>li .sub-menu{
    top:44px!important
}
header .page-sidebar .menu>li .sub-menu li a{
    text-align:left!important;
    color:#032d3e
}
header .page-sidebar .menu>li .sub-menu li a:hover{
    color:#d71f26
}
header .page-sidebar .menu>li .sub-menu li:hover>a{
    color:#d71f26
}
header .page-sidebar .menu>li .sub-menu li.active>a{
    color:#d71f26
}
#style-4{
    background:#f7f7f7
}
#style-4::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5
}
#style-4::-webkit-scrollbar{
    width:5px;
    background-color:#f5f5f5
}
#style-4::-webkit-scrollbar-thumb{
    border-radius:10px;
    background-color:#999;
    border:2px solid #999
}
.title-confirm-receive{
    font-weight:700;
    color:#000
}
.bg-ware-address{
    background:#afd8f1!important
}
.bg-ware-address .tbl-address-sd{
}
.btn-change-ware{
    color:#a03232!important;
    font-weight:700
}
.btn_detail{
    display:inline-block;
    height:30px;
    line-height:10px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    padding:10px 20px;
    text-align:center
}
.content-baiviet{
    text-align:justify;
    line-height:2.2
}
.content-baiviet img{
    margin:20px auto;
    width:100%;
    height:auto;
    display:block
}
input.input-note-single::placeholder{
    opacity:.7
}
input.input-note-single{
    width:auto;
    border-top:0;
    border-left:0;
    border-right:0;
    line-height:20px;
    height:20px;
    font-size:10px;
    padding-left:0;
    background:0 0;
    border-bottom:1px solid #b6b6b6
}
.sidebar-fixed.open{
    position:fixed;
    top:100px;
    max-width:225px
}
.modal-backdrop{
    opacity:.3
}
.group-button-excel:hover .droup-down-excel{
    display:block
}
.group-button-excel a{
    margin-bottom:3px
}
.droup-down-excel{
    display:none
}
.group-button-excel a.btn{
    background:#00a098;
    height:34px;
    transition:.15s
}
.group-button-excel a.btn:hover{
    background-color:#36816a
}