@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

select {
    -webkit-appearance: menulist; /* Đây là cách làm hiển thị mũi tên trên Safari */
    appearance: menulist;
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

img {
    max-width: 100%;
}

#top {
    background: url(images/top.png) no-repeat;
    background-size: 100% 100%;
    height: 45px;
    width: 45px;
    position: fixed;
    bottom: 70px;
    right: 10px;
    cursor: pointer;
    z-index: 99999;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.contact_map {
    position: absolute;
    top: 23%;
    right: 5.5%;
    z-index: 12345;
    width: 100%;
    max-width: 460px;
    min-height: 215px;
    background: rgba(255,255,255,0.6);
    padding: 18px;
    display: inline-block;
}

.title_form {
    text-transform: uppercase;
    font-size: 15px;
    color: #d90000;
    text-shadow: 0px 0px 0px;
    margin-bottom: 10px;
}

.left_form {
    width: 50%;
    max-width: 210px;
    float: left;
}

    .left_form input {
        height: 27px;
        background: #fff;
        border: none;
        outline: none;
        padding: 0px 10px;
        width: 100%;
        border-left: 3px solid #1a88e6;
        margin-bottom: 10px;
        outline: none;
    }

.right_from {
    width: 45%;
    float: right;
    max-width: 210px;
}

    .right_from textarea {
        width: 100%;
        border: none;
        border-left: 3px solid #1a88e6;
        padding: 10px;
        height: 101px;
        outline: none;
    }

.button_frm {
    background: #1a88e6;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 25px;
    cursor: pointer;
}

    .button_frm:hover {
        background: #f00;
    }

.scrols-tgia iframe {
    width: 100%;
    height: 45px;
    border: none;
    overflow: hidden;
}

.judk {
    background: url(images/bg_gt.png)no-repeat;
    width: 980px;
    height: 231px;
    position: absolute;
    top: 28%;
    left: 20%;
    z-index: 2;
}

.mycanvas {
    display: none;
}

.textElement12_opportuneFullScreen .newFS {
    font-family: 'UTMEdwardianB';
    font-size: 48px !important;
    color: #712200;
    text-align: center;
}

.textElement11_opportuneFullScreen .newFS {
    width: 700px !important;
    font-family: 'utmavo';
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #4e1801;
    text-align: center;
    text-shadow: 0px 0px 0px;
}

.about_hed {
    background: url(images/bg_gt.png) no-repeat;
    height: 231px;
    padding: 20px 50px;
    color: #712200;
    font-family: 'utmavo';
}

    .about_hed h3 {
        font-family: 'UTMEdwardianB';
        font-size: 48px;
    }

.item_sevice .simply-scroll {
    width: 100% !important;
}

.item_sevice .simply-scroll-clip {
    width: 100% !important;
}

.topheader i {
    padding-right: 3px;
    font-size: 18px;
}

.diachi {
    width: 50%;
    float: left;
}

.slogan {
    width: 50%;
    float: left;
}

.hotline b {
    color: #ff0000 !important;
    font-size: 18px;
}

.container {
    width: 100%;
    padding: 0px 8% !important;
    margin: 0 auto;
    max-width: none !important;
}

.container_slider {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    display: inline-block
}

#header h1 {
    position: fixed;
    top: 0;
    left: 0;
    font-size: 1px;
    color: #000;
    z-index: 1;
    opacity: 1;
}

.headin {
    /* box-shadow: 0px 0px 5px #ccc;
   margin-bottom: 40px;*/
}

.holin i {
    font-size: 18px;
    margin-right: 5px;
    position: relative;
}

.holin:before {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 1px;
    height: 12px;
    border-radius: 0px;
    text-align: center;
    font-size: 191px;
    content: '';
    background-color: #aebbb4;
}

.holin a {
    color: black;
    font-weight: 600;
}

.holin span {
    color: black;
    font-size: 15px;
    font-weight: 600;
}

.left_tope {
    float: left;
    font-size: 15px;
}

.right-head {
    width: 80%;
    float: left;
    padding-top: 10px
}

.top_menu {
    width: 100%;
    float: right;
}

.hotradeplan {
    padding-top: 15px;
}

    .hotradeplan a {
        border-right: 1px solid #37cf91;
        color: #008080;
        float: left;
        padding: 0px 20px;
    }

.fix_head .top_menu {
    padding-top: 0px;
}

.top_menu ul {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 65%;
}

    .top_menu ul li {
        list-style: none;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

        .top_menu ul li a {
            color: #c2c7ca;
            font-size: 12px;
        }

            .top_menu ul li a:hover {
                color: #fff;
            }

.left_tope i {
    font-size: 20px;
}

.left_tope b {
    font-size: 18px;
    color: #f00;
}

.right_tope {
    float: right;
    text-align: right;
}

.hidelang {
    display: none;
}

.slogan_mxh {
    background: #f4f4f4;
    font-size: 13px;
    height: 40px;
    width: 100%;
    display: inline-block;
    float: left;
}

#commenttab {
    width: 100%;
    display: inline-block;
}

    #commenttab iframe {
        width: 100% !important;
    }

.left_sloganmxh {
    width: 40%;
    float: left;
}

.dcscroll {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .dcscroll marquee {
        color: #000;
    }

.email_slog {
    border-left: 1px dotted #b3b3b3;
    width: 40%;
    float: right;
    margin-top: 13px;
    line-height: 1;
    padding-left: 15px;
    text-shadow: 0px 0px 0px;
}

.right_mxh {
    width: 60%;
    float: left;
    text-align: right;
}

.right_tope a {
    color: #3e3e3e;
}

    .right_tope a:hover {
        color: #f00;
    }

.right_tope span {
    margin-left: 10px;
}

.heightmenu {
    padding-top: 120px; /*140px;*/
}

#header {
    width: 100%;
    z-index: 1234;
    display: inline-block;
    position: fixed;
    left: 0;
    float: left;
    right: 0;
    top: 0;
    background-color: #000;
}

.top_header {
    width: 100%;
    display: inline-block;
    float: left;
    background: #F2F2F2;
    color: #fff;
    height: 40px;
    font-size: 13px;
    font-family: 'robotoregular';
}

.slogantop {
    float: left;
    color: #008000;
    text-transform: uppercase;
    margin-top: 9px;
    font-size: 15px;
    width: 33.33%;
}

.center_head {
    width: 40%;
    float: left;
    color: #333;
    text-align: left;
    margin-top: 9px;
    font-size: 14px;
    padding-left: 20px;
}

    .center_head span {
        font-size: 15px;
        color: #f00;
        position: relative;
    }

    .center_head a {
        color: #008000;
        padding: 0px 0px 0px 10px;
    }

.right_tophead {
    float: right;
    text-align: right;
    padding-top: 6px;
}

.regicter_login {
    float: left;
    padding-top: 10px;
    width: 25%;
}

.fix_head .regicter_login {
    padding-top: 20px;
}

.regicter_login a.regicts span {
    color: #129907;
    padding: 5px 10px;
    border: 1px solid #129907;
    position: relative;
    font-size: 13px;
}

.regicter_login a.login {
    display: inline-block;
    position: relative;
    padding-right: 10px;
}

    .regicter_login a.login:before {
        position: absolute;
        width: 1px;
        height: 22px;
        content: '';
        right: 0;
        top: 0px;
        border-right: 1px solid #fff;
    }

.regicter_login a.regicter {
    padding-left: 10px;
}

    .regicter_login a.regicter span, .regicter_login a.regicts span:hover {
        background: #129907;
        color: #fff;
    }

.top_header i {
    font-size: 17px;
    margin-right: 5px;
}

.regicter_login i {
    font-size: 17px;
    margin-right: 3px;
    position: relative;
    top: 2px;
}

.regicter_login a:hover {
    color: #f00;
}

.box-logo-menu {
    width: 100%;
    float: left;
}

.banner_slide {
    width: 59%;
    float: right;
    padding-left: 8px;
}

.logo_menu {
    background: #fff;
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
}

.logo-search {
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
}

.right_tope i {
    font-size: 16px;
    margin-right: 5px;
}

.login-user {
    display: inline-block;
    padding-left: 25px;
}

    .login-user a {
        color: #404040;
    }

.right_mxh a:hover {
    color: #f00;
}

.container_header {
    width: 1270px;
    margin: 0 auto;
    display: inline-block;
}

.banner_logo {
    width: 100%;
    display: inline-block;
}

.logo {
    float: left;
    width: 20%;
}

    .logo a {
        display: block;
        width: 100%;
        text-align: left;
    }

.menu_index {
    float: left;
    width: 60%;
    padding-top: 10px;
}

    .menu_index a {
        text-decoration: none;
        color: #cccccc;
        font-size: 15px;
        font-weight: 500;
        padding: 15px 20px;
    }

        .menu_index a:hover {
            text-decoration: none;
            color: #cccccc;
            font-weight: 500;
            padding: 15px 20px;
        }

            .menu_index a:hover span {
                border-bottom: 2px solid #37cf91;
            }

.menu_left {
    float: left;
    width: 20%;
    padding-top: 10px;
    text-align: right;
}

    .menu_left img {
        height: 15px;
        margin-right: 8px;
    }

    .menu_left a {
        text-decoration: none;
        color: #cccccc;
        font-weight: 500;
        padding: 15px 15px;
    }

.menu_left2 {
    font-size: 120%;
    padding: 15px 10px !important;
}

    .menu_left2:hover {
        font-size: 130%;
        color: #37cf91;
    }

.menu_left a:hover {
    text-decoration: none;
    color: #37cf91;
    font-weight: 500;
    padding: 15px 20px;
}
.ngonngu_index a:hover {
   color:#00000080;
}
    .ngonngu0_index {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 15px 0px;
    text-transform:uppercase;
}

.menu_left .ngonngu0_index:hover .ngonngu_index {
    display: block;
}

.ngonngu_index {
    display: none;
    position: absolute;
    top: 95%;
    right: 0px;
    background: #37cf91;
    width: 130px;
    height: auto;
    text-align: center;
    color: #cccccc;
}

    .ngonngu_index div {
        padding: 5px 0px;
        border-bottom: 1px solid #fff;
    }

        .ngonngu_index div a {
            width: 100%;
            text-align: center;
            text-transform:capitalize;
            display: block;
            padding: 0px !important;
            color: #000;
        }

.dvchs {
    width: 36%;
    float: left;
    position: relative;
    padding-left: 42px;
}

.cart_top {
    width: 42px;
    background: url(images/cart.png)left center no-repeat;
    height: 36px;
    position: absolute;
    left: 0px;
    top: 20px;
}

    .cart_top span {
        display: inline-block;
        width: 22px;
        height: 23px;
        text-align: center;
        color: #fff;
        float: right;
        line-height: 23px;
        font-size: 12px;
    }

.img_dvcs {
    max-width: 57px;
    float: left;
    margin-right: 6px;
}

.item_dvcs h3 {
    font-weight: bold;
    color: #5D5D5D;
    text-transform: uppercase;
    padding-top: 10px;
}

.item_dvcs:hover h3 {
    color: #f00;
}

.item_dvcs:hover img.img1 {
    display: none;
}

.item_dvcs:hover img.img2 {
    display: block;
}

.item_dvcs {
    width: 50%;
    float: left;
    text-align: left;
    padding: 0px 0px 0px 10px;
    margin-top: 11px;
}

.right_menu {
    width: 80%;
    float: left;
}

.logomb {
    display: none;
}

    .logomb .logomenu {
        width: 100%;
        text-align: center;
        max-width: 215px;
        position: relative;
        z-index: 12345;
        margin-top: 0px;
        margin: 0 auto;
    }

.banner {
    float: left;
    width: 50%;
    position: relative;
}

.hotline-search-timesword {
    width: 31%;
    float: right;
    max-width: 375px;
    margin-top: 5px;
}

.hotline-times {
    width: 100%;
    display: inline-block;
}

.timesword {
    display: inline-block;
    float: left;
    color: #484848;
    font-family: 'OpenSansRegular';
    background: url(images/clock.png)left no-repeat;
    padding-left: 40px;
    margin-top: 20px;
}

    .timesword b {
        font-weight: normal;
        font-family: 'OpenSansBold';
    }

.hotline {
    display: inline-block;
    float: right;
    text-align: right;
    color: #292929;
    font-family: 'robotoregular';
    line-height: 1;
    border-right: 1px solid #bcbcbc;
    padding-right: 10px;
}

.label-hotl {
    font-style: italic;
    font-size: 12px;
}

.icon-hotl {
    background: url(images/hotline.png) left no-repeat;
    display: inline-block;
    font-family: 'Impact';
    font-size: 20px;
    padding: 3px 0px 3px 30px;
}

.number-hotl {
    color: #ec100f;
    font-size: 24px;
    font-family: 'RobotoCondensedBold';
}

.mangxh_langue {
    width: 25%;
    text-align: center;
    float: left;
    margin-top: 15px;
}

.mangxhtop {
    margin-top: 25px;
    float: right;
    width: 21%;
    max-width: 200px;
    text-align: center;
    text-transform: uppercase;
}

.nsm {
    margin-top: 10px;
}

.logo_banner {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    padding: 15px 0px;
    /*box-shadow: 0px 3px 20px 1px rgb(255 218 186 / 26%), 0px 2px 6px 0px rgb(251 198 152 / 14%);*/
}

.cart_support {
    width: 19%;
    float: right;
}

.img2 {
    display: none;
}

.fix_head .logo img {
    /* max-width: 130px;*/
}



.dkdn_index {
    position: absolute;
    top: 56px;
    right: 110px;
    width: 250px;
}

.img-broker {
    margin-top: 30px;
    width: 80%;
    height: 168px;
}

.noidung-ql {
    padding: 0px 100px !important;
}

.menu_forex {
    width: 100%;
    display: inline-block;
    float: left;
}

.fix_head .menu_forex {
    /* opacity: 0;
    height: 0;
    overflow: hidden;*/
}

.menu {
    width: 100%;
    position: relative;
    z-index: 150;
}

.calso {
    position: relative;
    z-index: 12345;
}

.cart_mb {
    display: none;
}

.bsk_mb {
    width: 100%;
    position: relative;
    display: inline-block;
    float: left;
    display: none;
    background: #df1d1d;
}

.logomenu {
    width: 27%;
    text-align: center;
    max-width: 250px;
    position: relative;
    z-index: 12345;
    margin-top: -50px;
}

.sic_mn {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    max-width: 162px;
    margin: auto;
    height: 162px;
    line-height: 162px;
}



.holin {
    display: inline-block;
    float: right;
    color: #000000;
    padding: 0px 20px;
    position: relative;
}

.lang {
    float: right;
    line-height: 29px;
}

.time_hoatdong {
    width: 27%;
}

.search-iconmxh {
    margin-top: 20px;
}

.search {
    width: 23%;
    background: #3c3c3c;
    float: right;
    height: 32px;
    position: absolute;
    border-radius: 20px;
    overflow: hidden;
    top: 0px;
    right: 30px;
    z-index: 100;
    opacity: 0;
    z-index: 123445;
}

    .search form {
        width: 100%;
    }

.home_mb {
    font-size: 35px;
    position: relative;
    top: -4px;
    margin-left: 60px;
    color: #82e400;
    float: left;
    display: none;
}

#hamburger {
    position: absolute;
    left: 5px;
    bottom: 10px;
    display: none;
}

#hamburger2 {
    position: absolute;
    left: 5px;
    top: 8px;
    display: none;
}

.khung_search.searchmb {
    position: absolute;
    top: 20px;
    right: 10px;
    display: none;
}

.fix_head .khung_search.searchmb {
    top: 20px;
}

.tell-mb {
    float: right;
    color: #ff0;
    padding-right: 20px;
    font-size: 22px;
    font-weight: bold;
    padding-top: 10px;
}

    .tell-mb i {
        font-size: 32px;
        margin-right: 9px;
        float: left;
        color: #fff;
    }

.left_content {
    width: 75%;
    float: right;
}

.right_content {
    width: 25%;
    float: left;
    padding-right: 2%;
}

.box_right {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
}

.height-dri {
    height: 300px;
}

.itemdkgd {
    display: inline-block;
    min-height: 75px;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

    .itemdkgd img {
        float: left;
        margin-right: 10px;
        border: 1px solid #ececec;
    }

    .itemdkgd h4 {
        font-size: 14px;
        color: #333;
        font-family: 'RobotoBold';
    }

    .itemdkgd:hover h4 {
        color: #f00;
    }

    .itemdkgd p {
        color: #393939;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

.hotlineright {
    font-weight: bold;
    color: #f00;
    font-size: 30px;
}

.content-hotline {
    text-align: center;
}

.minhvu-coffee {
    margin-bottom: 30px;
}

.box_right .title {
    text-align: left;
    margin: auto;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 2px solid #008ba0;
}

.proright {
    width: 100% !important;
}

.title h3 {
    position: relative;
    margin: auto;
    text-transform: uppercase;
    color: #22B14C;
    font-size: 17px;
    display: inline-block;
    padding: 7px 0px 7px 0px;
    font-family: 'Timnewsroman';
    font-weight: bold;
}

.heightbc {
    height: 550px;
    padding-bottom: 10px;
}

.banner-qcright {
    border: 1px solid #ccc;
}

.cellpro {
    width: 100% !important;
}

#danhmuc_left ul {
    padding: 0px 20px 10px 20px;
}

    #danhmuc_left ul li {
        border-bottom: 1px dashed #ccc;
        padding: 5px 0px;
    }

#keyword {
    width: 84%;
    float: left;
    height: 32px;
    padding: 0px 10px 0px 20px;
    border: none;
    background: none;
    outline: none;
    color: #fff;
    opacity: 0.6;
    font-size: 12px;
}

#sb_search {
    width: 16%;
    float: right;
    background: url(images/search.png)center no-repeat;
    height: 32px;
    outline: none;
    cursor: pointer;
    border: none;
}

#keyword::-webkit-input-placeholder {
    color: #fff;
    font-size: 13px;
}

#keyword::-moz-placeholder {
    color: #fff;
    font-size: 13px;
}

#keyword:-ms-input-placeholder {
    color: #fff;
    font-size: 13px;
}

#keyword:-moz-placeholder {
    color: #fff;
    font-size: 13px;
}

.btn_search_display.active .closese {
    display: block;
}

.btn_search_display.active .lup {
    display: none;
}

.mangxh_holine {
    width: 28%;
    float: right;
    margin-top: 10px;
    text-align: left;
    max-width: 250px;
}

.lefthl {
    float: left;
    padding-right: 5px;
}

.box-hline {
    background: url(images/hotline.png) left center no-repeat;
    padding-left: 50px;
}

.lhesb {
    font-size: 12px;
    font-style: italic;
    margin: 7px 0px;
    text-shadow: 0px 0px 0px;
}

.box-hline p.htli {
    font-weight: bold;
    font-size: 22px;
    color: #e6367d;
}

.number_hl {
    float: left;
    max-width: 105px;
    border-left: 1px solid #000;
    padding-left: 5px;
    font-family: 'RobotoCondensedRegular';
    color: #fc001e;
    font-size: 18px;
    text-shadow: 0px 0px 0px;
}

.tirl {
    background: url(images/hotline.png) left no-repeat;
    font-family: 'Impact';
    text-transform: uppercase;
    padding-left: 35px;
    font-size: 24px;
}

.sliderin {
    margin-bottom: 20px;
}

.form_regic {
    max-width: 700px;
    margin: 0 auto;
}

.scroll_pro {
    width: 1290px !important;
    padding: 0px 23px;
    margin: auto;
    margin-left: -45px;
}

    .scroll_pro .owl-next {
        right: 46px;
    }

    .scroll_pro .owl-prev {
        left: 46px;
    }

.box-right-mn {
    max-width: 1000px;
    float: right;
    width: 100%;
}

.menu .container {
    position: relative;
}

.leftmenu {
    float: left;
    width: 23%;
    padding-right: 6px;
    cursor: pointer;
    position: relative;
}

.titlemenu {
    background: #c01212;
    font-size: 21px;
    color: #fff;
    height: 45px;
    line-height: 43px;
    position: relative;
    font-family: 'RobotoMedium';
    text-align: left;
    padding-left: 20px;
}

.spnmn {
    display: inline-block;
    width: 100%;
    font-family: 'SVNDancingscript';
    text-transform: inherit;
    opacity: 0.9;
}

.titlemenu i {
    font-size: 20px;
    margin-right: 10px;
    font-weight: normal;
    position: relative;
    top: 1px;
}

.slider-broker {
    background-image: linear-gradient(270deg, #FFFFFF 59%, #393d3b 150%);
    display: flex;
    width: 100%;
}

.slider-broker3 {
    background-image: linear-gradient(270deg, #FFFFFF 59%, #393d3b 150%);
    display: flex;
    width: 100%;
}

.slider-broker2 {
    display: flex;
    width: 100%;
    position: relative;
}

.left-slider {
    width: 75%;
}

.right-broker {
    width: 25%;
    background: #232629;
    padding: 20px 15px;
}

.title-broker {
    color: #fff;
    font-size: 20px;
    font-family: 'RobotoCondensedBold';
    margin-bottom: 20px;
}

    .title-broker i {
        color: #0297ca;
        font-size: 20px;
        margin-right: 5px;
    }

.box-brokers {
    width: 100%;
    display: inline-block;
}

.hover_menuan {
    display: none;
    position: absolute;
    left: 0px;
    width: 100% !important;
    margin-top: 0px !important;
    max-width: 270px !important;
    z-index: 1234;
}

.leftmenu:hover .hover_menuan {
    display: block;
}

.left_slider li {
    padding: 0px 10px 0px 10px;
    position: relative;
}

    .left_slider li:last-child > a {
        border-bottom: none;
    }

.right_slider {
    float: right;
    width: 27%;
    max-width: 325px;
    height: 410px;
}

.item_qcrig {
    width: 100%;
    display: inline-block;
    margin-bottom: 6px;
}

.left_slider li a {
    color: #fff;
    display: block;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #c01212;
    padding: 7px 0px;
    font-size: 13px;
    text-shadow: 0px 0px 0px;
}

.left_slider li img {
    padding-right: 5px;
    float: left;
}

.left_slider li span {
    float: left;
    padding-top: 4px;
    opacity: 0.9;
}

.left_slider li ul li a i {
    padding-right: 7px;
}

.iconright img {
    border-radius: 50%;
    position: absolute;
    left: 0px;
}

.content_skype {
    float: left;
    width: 100%;
    text-align: left;
    min-height: 50px;
    background: #fff;
    padding-left: 57px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    box-shadow: 0px 0px 5px;
    opacity: 0;
}

.itemhover {
    width: 200px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    right: -150px;
    min-height: 50px;
    position: absolute;
    cursor: pointer;
}

.left_slider li:hover {
    background: #c01212;
}

    .left_slider li:hover > a {
        color: #fff;
    }

.left_slider li i {
    position: absolute;
    right: 14px;
    font-size: 14px;
}

#menu_top {
    width: 455px;
    position: absolute;
    top: -40px;
    right: -70px;
    z-index: 290;
}

.fix_head #menu_top {
    top: -50px;
}

#menu_top label {
    color: #37cf91;
    font-weight: 500;
    font-size: 20px;
}

#menu_top > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

    #menu_top > ul > li {
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        line-height: 50px;
        position: relative;
        z-index: 300;
    }


#menu_top #hover_scroll {
    position: absolute;
    display: inline-block;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    #menu_top #hover_scroll:before {
        position: absolute;
        width: 50px;
        height: 1px;
        content: '';
        background: #1afa08;
        left: calc(50% - 25px);
        bottom: 8px;
    }

.left_slider li ul {
    position: absolute;
    width: 270px;
    border: 5px solid #c01212;
    left: calc(100% + 7px);
    z-index: 12345;
    top: 100%;
    visibility: hidden;
    opacity: 0;
}

.left_slider li:hover > ul {
    visibility: visible;
    top: -1px;
    opacity: 1;
}

#menu_top i {
    font-size: 30px;
    position: relative;
    padding-left: 4px;
}

#menu_top ul li {
    list-style: none;
}

    #menu_top ul li a {
        font-weight: 550;
    }

#menu_top > ul > li > a {
    color: #817b77;
    display: block;
    font-size: 18px;
    width: 100%;
    position: relative;
    text-shadow: 0px 0px 0px;
    font-weight: 500;
}

    #menu_top > ul > li > a:hover {
        color: #000;
        text-decoration: none;
    }

.transitionlogo {
    width: 70% !important;
}

.transition svg {
    width: 35px;
    height: 30px;
    padding-bottom: 10px;
}

.active > .transition > svg, #menu_top > ul > li > a:hover svg {
    fill: #37cf91;
}

#menu_top > ul > li.active > a {
    color: #37cf91;
}


#menu_top > ul > li > a > span {
    position: relative;
    z-index: 1234;
    display: block;
    width: 100%;
}

#menu_top > ul > li > ul {
    top: 56px;
    left: 0px;
    position: absolute;
    display: none;
    z-index: 3000;
    width: 250px;
    background: #fff;
    box-shadow: 0px 0px 5px;
    line-height: 1.5;
    padding: 10px 5px;
}

#menu_top > ul > li:hover > ul {
    display: block;
}

#menu_top > ul > li > ul > li {
    width: 100%;
    float: left;
    text-align: left;
}

    #menu_top > ul > li > ul > li:nth-child(4n+1) {
        clear: both;
    }

    #menu_top > ul > li > ul > li > a {
        color: #4c4c4c;
        font-size: 15px;
        display: block;
        padding: 5px 10px;
    }

        #menu_top > ul > li > ul > li > a:hover {
            background: #ebebeb;
        }

    #menu_top > ul > li > ul > li > ul > li > a {
        color: #333;
        display: inline-block;
        padding: 3px 0px;
        padding-left: 10px;
        font-family: 'robotoregular';
        font-size: 15px;
        position: relative;
    }

        #menu_top > ul > li > ul > li > ul > li > a:hover {
            color: #ff7f27;
        }

        #menu_top > ul > li > ul > li > ul > li > a:before {
            position: absolute;
            width: 4px;
            height: 4px;
            background: #ff7f27;
            border-radius: 50%;
            content: '';
            left: 0px;
            top: 11px;
        }

.hidemenu {
    display: none;
}

#showdm {
    display: block;
}

.left_nav {
    float: left;
    width: 17%;
}

.right_nav {
    float: left;
    width: 83%;
    padding-left: 20px;
}

    .right_nav ul li {
        float: left !important;
        width: 20%;
        padding: 7px !important;
    }

        .right_nav ul li img {
            background: #fff;
            border: 1px solid #eee;
        }

.hotline_support {
    position: relative;
}

.title_top {
    text-align: center;
    margin-bottom: 50px;
}

    .title_top h3 {
        background: url(images/title_top.png) no-repeat;
        width: 100%;
        max-width: 469px;
        height: 91px;
        display: inline-block;
        font-family: 'SVNDancingscript';
        font-size: 30px;
        color: #fff;
        padding-top: 35px;
    }

.bsn {
    display: inline-block;
    background: #00bc03;
    color: #fff;
    line-height: 44px;
    min-width: 284px;
    padding: 3px;
}

    .bsn h3 {
        border: 1px solid #fff;
        font-family: 'RobotoCondensedBold';
        text-transform: uppercase;
        color: #fff;
        font-size: 28px;
        position: relative;
    }

        .bsn h3:before {
            background: none;
            position: absolute;
            left: -20px;
            bottom: -2px;
            content: '';
            width: 0;
            height: 0;
            border-top: 23px solid #cccccc;
            border-left: 16px solid transparent;
        }

.itemct {
    max-width: 285px;
    position: relative;
    margin: 0 auto;
}

    .itemct .descript_cs {
        position: absolute;
        top: 0px;
        background: rgba(0,0,0,.6);
        text-align: center;
        align-items: center;
        display: flex;
        height: 100%;
        max-width: 285px;
        width: 100%;
        opacity: 0;
    }

        .itemct .descript_cs h4 {
            text-align: center;
            position: relative;
            width: 100%;
            color: #fff;
            padding: 20px;
            font-family: 'RobotoCondensed';
            font-size: 24px;
            text-transform: uppercase;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.about_index {
    display: inline-block;
    width: 100%;
    padding: 30px 0px;
    margin-top: 30px;
}

.bocxl {
    position: relative;
}

.img_about {
    width: 50%;
    max-width: 570px;
    float: right;
}

.decriptiona {
    width: 50%;
    color: #515151;
    float: left;
    text-align: left;
    padding: 0px 20px;
}

    .decriptiona h5 {
        font-size: 40px;
        color: #8b4c17;
        text-transform: uppercase;
        font-family: 'utmavo';
    }

.xemthem {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 14px;
    line-height: 1;
    color: #e90d0d;
}

    .xemthem:hover {
        text-decoration: underline;
    }

.sale {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #FF0000;
    border-radius: 5px;
    z-index: 1;
    height: 20px;
    width: 40px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
}

.item_qcaoindex {
    width: 100%;
    max-width: 590px;
    margin: auto;
}

.hol {
    position: absolute;
    bottom: -7px;
    left: 40%;
    color: #f00;
    font-weight: bold;
    font-size: 19px;
}

.content_left {
    border: 1px solid #1d8be0;
    box-shadow: 0px 0px 6px #1d8be0 inset;
    padding: 35px 15px 15px 15px;
}

#danhmuc_left ul li a {
    font-family: 'RobotoCondensedRegular';
    color: #393939;
    font-size: 16px;
    display: inline-block;
}

#danhmuc_left ul li span {
    font-size: 16px;
    color: #f00;
}

#danhmuc_left ul li a:hover {
    color: #f00;
}

.center_slider {
    width: 58%;
    padding: 0px 2%;
    float: left;
}

#slider {
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    width: 100%;
    float: left;
}

.qcrightsl {
    width: 38.25%;
    float: left;
    padding-left: 1px;
}

.item_qcr {
    width: 50%;
    border: 1px solid #fff;
    float: left;
    margin: -1px 0px 0px -1px;
}

.doitac {
    display: inline-block;
    width: 19.75%;
    float: left;
    position: relative;
    height: 420px;
    background: #f3f3f3;
}

.doitacmb {
    background: #f3f3f3;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    display: none;
}

.itemdoitac_mb {
    float: left;
    padding: 10px;
}

/*menu*/
.slides img {
    width: 100%;
}

.menumobile {
    position: absolute;
    left: 7px;
    top: 5px;
    z-index: 12345;
    display: none;
}

ul.pagination {
    display: inline-block;
    width: 100%;
    margin: 10px 0px;
    padding-top: 30px;
    text-align: center;
    color: #FE0233;
}

    ul.pagination li.page_info {
        display: none;
    }

    ul.pagination li {
        display: inline;
        padding: 0 3px;
    }

    ul.pagination a {
        color: #fff;
        display: inline-block;
        padding: 2px 10px;
        text-decoration: none;
        background-color: rgb(150,150,150);
        border: 1px solid rgb(150,150,150);
        border-radius: 3px;
    }

        ul.pagination a:hover,
        ul.pagination a.current {
            background-color: rgb(0, 85, 167);
            border-color: rgb(0, 85, 167);
        }

.pagination {
    margin: auto;
    width: auto;
    text-align: center;
    margin-top: 10px;
}

.pages {
}

    .pages li.prev {
        margin-right: 15px;
    }

    .pages li.next {
        margin-left: 15px;
    }

    .pages li {
        display: inline-block;
        margin: 5px 2px;
    }

        .pages li a {
            height: 25px;
            padding: 4px 8px;
            text-decoration: none;
            color: #666666;
            font-weight: bold;
            background: url(images/backgrounds/pagingBg.png) repeat-x 0 0;
            border: 1px solid #d5d5d5;
            font-size: 11px;
        }

            .pages li a:hover {
                background: #f6f6f6;
            }

        .pages li .active {
            background: url(images/backgrounds/sideGradient.png) repeat-x;
            color: #fff;
            border-color: #424852;
        }

            .pages li .active:hover {
                background: #2a313d;
            }

#main {
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 0px;
}

.full-menu {
    height: 0px;
    width: 60%;
    display: inline-block;
    float: left;
    margin-bottom: 0px;
    margin-top: -5px;
}

.banner_qc {
    margin: 30px 0px;
    position: relative;
}

.top_content {
    width: 100%;
    display: inline-block;
    margin: 50px 0px;
}

.list-type {
    text-align: center;
    margin-bottom: 20px;
}

    .list-type li {
        display: inline-block;
        padding: 0 5px;
    }

        .list-type li a {
            color: #242424;
            font-family: 'SFUEurostileCondensed';
            padding-right: 10px;
            font-size: 20px;
            padding-bottom: 10px;
        }

            .list-type li a.active, .list-type li a:hover {
                color: #f00;
            }

.view-all {
    text-align: center;
}

    .view-all a {
        background: #F1F1F1;
        text-transform: uppercase;
        display: inline-block;
        padding: 7px 20px;
        border-radius: 5px;
        border: 1px solid #e1e1e1;
        color: #747474;
    }

        .view-all a:hover {
            background: #730EA7;
            color: #fff;
        }

.item_list {
    width: 33.33%;
    max-width: 400px;
    margin: auto;
    text-align: center;
    float: left;
}

.bsmk {
    width: 100%;
    padding: 20px;
}

    .bsmk p {
        padding: 30px 0px;
    }

.readm {
    display: inline-block;
    background: #3a2f2d;
    padding: 10px 20px;
    color: #fff;
}

    .readm:hover {
        background: #A1352D;
    }

.item_list h3 {
    color: #272727;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}

    .item_list h3 a {
        color: #393939;
        font-family: 'RobotoCondensedBold';
        font-size: 30px;
    }

.box-img-list {
    background: url(images/bg_list.png) no-repeat;
    max-width: 258px;
    margin: auto;
    height: 274px;
    padding: 6px 0px 0px 10px;
}

    .box-img-list img {
        border: 1px solid #9118d0;
    }

.title_moi {
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 30px;
}

    .title_moi:before {
        width: 100px;
        height: 2px;
        position: absolute;
        left: calc(50% - 50px);
        bottom: 0px;
        content: '';
        background: #67bd45;
    }

    .title_moi h3 {
        text-transform: uppercase;
        font-weight: bold;
        color: #000;
        text-align: center;
        font-size: 20px;
        font-family: 'Arial';
    }

.list_pro ul {
    width: 100%;
    display: inline-block;
    margin: 20px 0px;
    background: #730EA7;
}

    .list_pro ul li {
        display: inline-block;
        padding-right: 63px;
    }

        .list_pro ul li a {
            font-family: 'futurabook';
            text-transform: uppercase;
            color: #fff;
            display: inline-block;
            font-size: 13px;
            line-height: 44px;
            padding: 0px 0px 0px 30px;
            position: relative;
        }

            .list_pro ul li a.choise {
                background: #9015cf;
            }

                .list_pro ul li a.choise:after {
                    background: url(images/after_nb.png) no-repeat;
                    position: absolute;
                    right: -63px;
                    top: 0px;
                    content: '';
                    width: 63px;
                    height: 44px;
                }

            .list_pro ul li a:hover {
                background: #9015cf;
            }

                .list_pro ul li a:hover:after {
                    background: url(images/after_nb.png) no-repeat;
                    position: absolute;
                    right: -63px;
                    top: 0px;
                    content: '';
                    width: 63px;
                    height: 44px;
                }


.item_topcontent {
    line-height: 1.3;
}

    .item_topcontent h4 {
        color: #0078af;
        font-size: 15px;
    }

    .item_topcontent a {
        outline: none;
    }

    .item_topcontent p {
        font-size: 13px;
    }

    .item_topcontent img {
        float: left;
        padding-right: 10px;
    }

.list_content {
    padding: 20px 0px;
}

.aboutdk {
    width: 100%;
    display: inline-block;
    background: #f0f8ff;
    padding: 30px 0px;
    text-align: center;
}

.titlab {
    font-family: 'LOBSTER-REGULAR_0';
    font-size: 30px;
    text-align: center;
    background: url(images/bg_title.png) bottom center no-repeat;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .titlab h3 {
        font-size: 30px;
        color: #0073be;
    }

.content_ab {
    text-align: center;
}

    .content_ab h4 {
        font-family: 'OpenSansBold';
        text-transform: uppercase;
        color: #272727;
        font-size: 26px;
    }

.quangcao_top {
    width: 100%;
    display: inline-block;
    margin: 30px 0px;
}

.quangcao2 {
    margin-top: 0px;
}

.item_qc {
    width: 50%;
    float: left;
    padding-right: 10px;
}

    .item_qc:last-child {
        padding-left: 10px;
        padding-right: 0px;
        text-align: right;
    }

.readmore {
    display: inline-block;
    border: 1px solid #0073be;
    color: #333;
    border-radius: 20px;
    padding: 7px 20px;
    margin-top: 20px;
}

    .readmore:hover {
        background: #0073be;
        color: #fff;
    }

.spnoibat {
    padding: 20px 0px;
}

.item-list {
    max-width: 277px;
    padding: 0px 5px;
    text-align: center;
    margin: auto;
}

.img_list {
}

.box_dh {
    box-shadow: 0px 0px 5px #bdbcbc;
    padding: 15px;
    display: inline-block;
    width: 100%;
    float: left;
}

.item_top {
    width: 33.33%;
    float: left;
    display: inline-block;
    padding: 0px 20px;
}

    .item_top img {
        float: left;
        margin-right: 10px;
    }

    .item_top h4 {
        color: #2a2a2a;
        font-size: 20px;
        text-transform: uppercase;
    }

        .item_top h4:hover {
            color: #f00;
        }

    .item_top p {
        color: #7f7f7f;
        font-size: 13px;
    }

.decriptiona {
    color: #2d2d2d;
    text-shadow: 0px 0px 0px;
}

.item-coffee {
    max-width: 374px;
    margin: 0 auto;
    border: 1px solid #eaeaea;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 5px;
}

.img-mv {
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    overflow: hidden;
    position: relative;
    z-index: 123;
}

    .img-mv img {
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
    }

.item-coffee h4 {
    position: absolute;
    bottom: 0px;
    background: rgba(83,30,0,.6);
    width: 100%;
    padding: 5px 10px;
    text-align: center;
    font-size: 22px;
    color: #ffd800;
    font-family: 'utmavo';
}

.item-coffee:hover h4 {
    color: #ff0;
}

.title_main {
    text-align: left;
    margin: auto;
    position: relative;
    margin-bottom: 10px;
    margin-top: 0px;
}

    .title_main h2 {
        position: relative;
        margin: auto;
        color: #000;
        font-size: 16px;
        display: inline-block;
    }

.title_main2 {
    text-align: left;
    margin: auto;
    position: relative;
    margin-bottom: 10px;
    margin-top: 0px;
}

    .title_main2 span {
        position: relative;
        margin: auto;
        color: #000;
        display: inline-block;
    }

        .title_main2 span:before {
            position: absolute;
            right: 0px;
            bottom: 0px;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
            content: '';
        }

.content-index {
    margin-bottom: 24px;
    text-align: center;
    font-size: 18px;
}

.info-index .title_main h2 {
    color: #cccccc;
    font-size: 28px;
}

.info-index .title_main {
    text-align: center;
    padding-bottom: 30px;
}

.acticle-top .title_main {
    margin-bottom: 0px;
}

.title_in {
    text-align: center;
    margin: auto;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .title_in h2 {
        position: relative;
        margin: auto;
        color: #129907;
        font-size: 22px;
        display: inline-block;
        font-family: 'Timnewsroman';
        font-weight: bold;
        text-transform: capitalize;
    }

.other-acticle {
    margin-top: 40px;
}

.news-left {
    width: 50%;
    padding-right: 20px;
    float: left;
}

    .news-left h3 {
        color: #19232d;
        font-family: 'RobotoBold';
        font-size: 17px;
        margin: 10px 0px 10px 0px;
        padding-left: 10px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        height: 49px;
    }

.img_tinleft {
    overflow: hidden;
    max-width: 400px;
    margin: auto;
}

.news-left h3:before {
    position: absolute;
    left: 0px;
    top: 4px;
    content: '';
    height: 18px;
    border-left: 4px solid #e54e53;
}

.news-left p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.news-left:hover h3 {
    color: #f00;
}

.news-right {
    width: 50%;
    float: left;
}

.mr-amqc {
    margin: 0px -10px;
}

.doitacindex {
    background: #fff;
    padding: 30px 0px;
    display: inline-block;
    width: 100%;
}

.bigs-list {
    margin-top: 50px;
    width: 100%;
    display: inline-block;
}

.dsach_cat {
    line-height: 37px;
    float: left;
}

    .dsach_cat a {
        color: #3e3e3e;
        padding: 0px 7px;
        font-size: 13px;
        max-width: 96px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-right: 1px solid #acacac;
    }

.xemtc {
    color: #7d1cbc;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
    margin-right: 10px;
    font-size: 13px;
}

    .xemtc:hover {
        color: #f00;
    }

.dsach_cat a:hover {
    color: #f00;
}

.item-fix-full:nth-child(2) {
    margin-bottom: 10px;
}

.box-full-list {
    margin: 0px -10px;
}

.wrap_list {
    display: inline-block;
    width: 33.33%;
    float: left;
    padding: 8px;
    text-align: center;
}

.name_list {
    width: 100%;
    text-align: left;
}

.img_product {
    overflow: hidden;
}

.hover2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    filter:;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    left: 0;
    top: -100px;
}

.mask {
    background: url(images/saolaplanh.jpg)no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
    -webkit-transition: all 1.2s ease 0s;
    -o-transition: all 1.2s ease 0s;
    -moz-transition: all 1.2s ease 0s;
    transition: all 1.2s ease 0s;
    z-index: 123;
}

.b_trbl {
    background-color: #56c914;
    cursor: pointer;
    z-index: 95;
    position: absolute;
    filter:;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.b_top {
    left: -100%;
    top: 0;
    width: 100%;
    height: 2px;
}

.b_right {
    right: 0;
    top: -100%;
    height: 100%;
    width: 2px;
}

.b_bottom {
    right: -100%;
    bottom: 0;
    width: 100%;
    height: 2px;
}

.b_left {
    left: 0;
    bottom: -100%;
    width: 2px;
    height: 100%;
}

.mr-pro .img-pro:hover img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.img-pro:hover .b_top {
    left: 0;
    top: 0;
    opacity: 1;
}

.img-pro:hover .b_right {
    right: 0;
    top: 0;
    opacity: 1;
}

.img-pro:hover .b_bottom {
    right: 0;
    bottom: 0;
    opacity: 1;
}

.img-pro:hover .mask {
    display: block;
}

.img-pro:hover .b_left {
    left: 0;
    bottom: 0;
    opacity: 1;
}

.img-pro:hover .hover2 {
    opacity: 1;
    top: 0;
    left: 0;
}

h3.namepro {
    padding: 10px 20px 0px 20px;
    color: #000;
    font-size: 16px;
}

.splquan {
    margin-top: 20px;
}

.box-content-desk {
    display: flex;
}

.left-middle {
    width: 75%;
    float: left;
    padding-right: 15px;
    border-right: 1px solid #22B14C;
}

.right-middle {
    width: 25%;
    float: right;
    padding-left: 15px;
}

.box_prodin {
    width: 100%;
    display: inline-block;
}

.gthieu {
    background: url(images/bg_gt.png)center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 330px;
    padding-top: 45px;
    color: #fff;
    margin-bottom: 90px;
}

    .gthieu h3 {
        font-family: 'utmavo';
        font-size: 30px;
    }

.left_gthieu h6 {
    font-size: 20px;
    margin: 5px 0px 10px 0px;
}

.bag_while {
    background: #fff;
}

.left_product {
    width: 21%;
    float: left;
    max-width: 250px;
    margin-top: 27px;
}

    .left_product .danhmuc {
        width: 100%;
        float: left;
        background: #fff;
        margin: 20px 0px;
        border: 1px solid #ccc;
        margin-bottom: 50px;
    }

    .left_product .tieude_left {
        width: 100%;
        height: 79px;
        line-height: 79px;
        background: url(images/title-left.png) no-repeat;
        margin: -40px 0px 0px -15px;
    }

.tieude_left h3 {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

ul.cateUl {
    width: 100%;
    font-family: 'robotoregular';
    padding: 0px 0px;
}

    ul.cateUl li {
        position: relative;
        line-height: 40px;
        background: url(images/bg-li.png) repeat-x top;
    }

        ul.cateUl li:first-child {
            background: none;
        }

        ul.cateUl li a {
            display: block;
            font-size: 14px;
            font-weight: normal;
            color: #585858;
            text-transform: capitalize;
            background: url(images/arrow.png) no-repeat 20px 14px;
            padding: 0px 0px 0px 35px;
        }

            ul.cateUl li a:hover {
                color: #f00;
            }

        ul.cateUl li ul {
            background: #fff;
            position: absolute;
            left: calc(100% + 0px);
            width: 250px;
            z-index: 123;
            border: 1px solid #ccc;
            top: 100%;
            visibility: hidden;
            opacity: 0;
        }

        ul.cateUl li:hover > ul {
            visibility: visible;
            top: -1px;
            opacity: 1;
        }

.right_product {
    width: 79%;
    float: left;
    padding-left: 20px;
}

.box-full-pro {
    width: 100%;
    float: left;
}

.banner_list {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.box-product {
    width: 33.33%;
    float: left;
    padding: 12px;
}

    .box-product:nth-child(3n+1) {
        clear: both;
    }

.mr-dan {
    margin: 0px -15px;
}

.mr-pro {
    margin: 0px -12px;
}

.mr-proin {
    margin: -10px;
}

.wrap_pc {
    width: 33.33%;
    float: left;
    padding: 10px;
}

.price-addcart {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 5px 0px 0px 0px;
}

.col5-sp {
    width: 20%;
}

.other-pro {
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
}

.product {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.crti p {
    margin-bottom: 3px;
}

.mr_am {
    margin: 0px -12px;
}

.box_pro_top {
    max-width: 290px;
    padding: 5px;
    width: 100%;
    margin: auto;
}

.product h3 {
    font-size: 16px;
    color: #333;
    font-family: 'RobotoBold';
    position: relative;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 48px;
}

.product:hover h3 {
    color: #f00;
}

.product h3:before {
    content: " ";
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 3px;
    height: 20px;
    border-left: 3px solid #e54e53;
}

.crti p span {
    color: #f00;
}

    .crti p span a {
        color: #f00;
    }

.price_old {
    font-size: 14px;
    color: #8e8e8e;
    text-decoration: line-through;
    display: inline-block;
    float: left;
}

.price {
    display: inline-block;
    float: right;
}

.price-pc {
    position: relative;
    width: 100%;
    font-size: 14px;
}

.price-center {
    float: none;
}

.price_new {
    color: #da1212;
    font-family: 'RobotoBold';
}

    .price_new a {
        color: #ea1100;
    }

.cartst {
    position: absolute;
    left: 0px;
    bottom: -34px;
    background: #f00;
    color: #fff;
    width: 53px;
    height: 33px;
    line-height: 33px;
    font-size: 20px;
    opacity: 0;
}

    .cartst a {
        color: #fff;
    }

    .cartst:hover {
        background: #ad0606;
    }

.box_pro_top .product:hover .cartst {
    opacity: 1;
}

.marg-am {
    margin: 0px -20px;
}

.slick-arrow {
    display: block;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    font-size: 0px;
    border: none;
    outline: none;
}

.scroll_pro_top .slick-prev {
    width: 36px;
    height: 51px;
    top: calc(45% - 25px);
    left: -25px;
    background: url(images/pretop.png)center no-repeat;
}

.scroll_pro_top .slick-next {
    width: 36px;
    height: 51px;
    top: calc(45% - 25px);
    right: -25px;
    background: url(images/nexttop.png)center no-repeat;
}

.scrollpro .slick-prev {
    width: 35px;
    height: 35px;
    top: -64px;
    right: 37px;
    background: url(images/pre.png)center no-repeat;
}

.scrollpro .slick-next {
    width: 35px;
    height: 35px;
    top: -64px;
    right: 0px;
    background: url(images/next.png)center no-repeat;
}

.owl-prev, .owl-next {
    display: block;
    position: absolute;
    width: 49px;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    top: 0px;
    font-size: 0px;
}

.owl-prev {
    left: -12px;
    background: url(images/pre.png)center no-repeat;
}

.owl-next {
    right: -12px;
    background: url(images/next.png)center no-repeat;
}

.img-pro {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    margin-bottom: 5px;
}

.ctiet {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 10px 15px;
    background: #DF0C14;
    color: #fff;
}

    .ctiet:hover {
        background: #940409;
    }

.reverse-pro .img_list_main {
    float: right;
    left: -4px;
    margin: 0px 0px 0px 0px;
}

.xthemsp {
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

.box-xthem {
    text-align: center;
    width: 100%;
}

    .box-xthem span {
        background: #73bc28;
        display: inline-block;
        padding: 7px 20px;
        text-transform: uppercase;
        color: #fff;
    }

.img-pro:hover .xthemsp {
    opacity: 1;
    visibility: visible;
}

.box-xthem span:hover {
    background: #f00000;
}

.newadmin {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 12;
}

.view_adcart .view {
    display: inline-block;
}

    .view_adcart .view a {
        border: 1px solid #eaebe6;
        border-radius: 20px;
        display: inline-block;
        padding: 5px 0px;
        width: 90px;
        font-size: 12px;
        color: #4d4d4d;
        box-shadow: 0px 2px 5px inset;
        text-align: center;
    }

        .view_adcart .view a:hover {
            background: #4d4d4d;
            color: #fff;
        }

.adcart {
    display: inline-block;
    float: right;
    margin-top: 3px;
}

    .adcart a {
        border-radius: 5px;
        display: inline-block;
        padding: 5px 13px;
        font-size: 12px;
        background: #2E2E2E;
        color: #fff;
        text-align: center;
        font-family: 'robotoregular';
    }

        .adcart a i {
            font-size: 18px;
            margin-right: 5px;
            float: left;
        }

        .adcart a:hover {
            background: #ea1100;
            color: #fff;
        }

.box-img {
    position: relative;
    overflow: hidden;
}

    .box-img:after {
        width: 87%;
        height: 87%;
        position: absolute;
        left: 5%;
        top: 5%;
        border: 1px solid rgba(255,255,255,0.6);
        content: '';
    }

.name_pro {
    background: #f4f4f4;
    padding: 15px;
}

.inpro {
    width: 33.33%;
}

.price_view {
    padding: 0px 10px 8px 10px;
}

.price span, .price span a {
    color: #d91111;
    font-family: 'RobotoMedium';
    font-size: 15px;
}

.viewindex {
    float: right;
    margin-top: 7px;
}

    .viewindex a {
        color: #848484;
    }

        .viewindex a:hover {
            color: #f00;
        }

.cacbuocmuahng {
    margin-top: 30px;
}

.box_cacbuoc {
    background: #f3f3f3;
    padding: 25px;
    border-bottom: 3px solid #e2e2e2;
}

.item_buocmua {
    max-width: 300px;
    margin: auto;
    border-right: 2px solid #bfbfbf;
    padding: 10px 0px 10px 42px;
}

    .item_buocmua:hover {
        background: #a01c1c;
        color: #fff;
    }

    .item_buocmua img {
        float: left;
        margin-right: 10px;
    }

    .item_buocmua h6 {
        color: #cc0000;
        font-family: 'RobotoBold';
        text-transform: uppercase;
        font-size: 15px;
    }

.baivietcacbuoc {
    margin-top: 20px;
}

.crti {
    text-align: left;
    width: 100%;
}

.bottomesl {
    display: inline-block;
    width: 100%;
    padding: 40px 0px 0px 0px;
}

.tintucindex {
    width: 67%;
    float: left;
    max-width: 800px;
    padding-right: 30px;
}

.dknhantin {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    float: left;
    background: url(images/bg_dknt.png)no-repeat;
    height: 311px;
    color: #fff;
    padding-top: 50px;
    background-attachment: fixed;
    background-size: cover;
}

.labeldk {
    color: #fbe0e0;
    padding-top: 4px;
    width: 27%;
    float: left;
    text-align: right;
}

    .labeldk p {
        color: #fff;
        font-size: 35px;
        font-family: 'SVNDancingscript';
    }

.left-tin-cp {
    width: 38%;
    float: left;
}

.center_tin-cp {
    width: 33%;
    float: right;
}

.title_cbot {
    margin-bottom: 5px;
    position: relative;
}

    .title_cbot h3 {
        position: relative;
        font-size: 25px;
        color: #df0c14;
        text-transform: uppercase;
        font-family: 'RobotoBold';
        display: inline-block;
        padding-right: 30px;
        background: #fff;
    }

.contact-input {
    margin: auto;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
}

    .contact-input input {
        height: 30px;
        width: 100%;
        padding: 0px 10px;
        background: #e7e7e7;
        color: #515151;
        border: none;
        outline: none;
    }

    .contact-input textarea {
        height: 165px;
        width: 100%;
        padding: 10px;
        background: #e7e7e7;
        color: #515151;
        border: none;
        outline: none;
    }

    .contact-input input::-webkit-input-placeholder {
        color: #515151;
    }

    .contact-input input::-moz-placeholder {
        color: #515151;
    }

    .contact-input input:-ms-input-placeholder {
        color: #515151;
    }

    .contact-input input:-moz-placeholder {
        color: #515151;
    }

    .contact-input textarea::-webkit-input-placeholder {
        color: #515151;
    }

    .contact-input textarea::-moz-placeholder {
        color: #515151;
    }

    .contact-input textarea:-ms-input-placeholder {
        color: #515151;
    }

    .contact-input textarea:-moz-placeholder {
        color: #515151;
    }

.box-dknt {
    background: url(images/bg_dkntin.png)no-repeat;
    background-size: 100% 100%;
    height: 630px;
}

.content_dknt {
    width: 100%;
    max-width: 800px;
    float: right;
    margin-top: 60px;
}

.form-dknt {
    background: rgba(0,0,0,0.5);
    padding: 30px 40px;
    position: relative;
    text-align: center;
}

    .form-dknt:before {
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-right-color: rgba(0,0,0,0.5);
        position: absolute;
        left: -40px;
        top: 20px;
        content: '';
    }

    .form-dknt input {
        width: 49%;
        float: left;
        height: 45px;
        padding: 0px 10px;
        margin-bottom: 20px;
    }

        .form-dknt input:nth-child(2n) {
            float: right;
        }

    .form-dknt textarea {
        width: 100%;
        height: 160px;
        padding: 10px;
    }

.content_dknt h4 {
    font-family: 'utmavo';
    text-transform: uppercase;
    color: #d60c0c;
    font-size: 25px;
    margin-bottom: 10px;
}

.douple-input input {
    width: 49%;
    float: left;
}

    .douple-input input:last-child {
        float: right;
    }

.contact-button {
    text-align: right;
}

    .contact-button input.button {
        width: 120px;
        background: #c01212;
        color: #fff;
        text-transform: uppercase;
        height: 40px;
        border: none;
        cursor: pointer;
    }

        .contact-button input.button:hover {
            background: #f00;
        }

.tinsk_in {
    padding-top: 30px;
}

.title_tinsk {
    text-align: center;
    font-family: 'OpenSansSemibold';
    text-transform: uppercase;
    color: #78df2c;
    margin-bottom: 40px;
    position: relative;
}

    .title_tinsk :before {
        position: absolute;
        bottom: -10px;
        background: #ff5300;
        width: 50px;
        height: 3px;
        left: calc(50% - 25px);
        content: '';
    }

    .title_tinsk h3 {
        font-size: 24px;
        position: relative;
        display: inline-block;
        font-family: 'OpenSansBold';
    }

        .title_tinsk h3:before {
            position: absolute;
            left: -300px;
            top: 15px;
            background: url(images/before_tin.png)left center no-repeat;
            width: 287px;
            height: 7px;
            content: '';
        }

        .title_tinsk h3:after {
            position: absolute;
            right: -300px;
            top: 15px;
            background: url(images/after_tinsk.png)left center no-repeat;
            width: 287px;
            height: 7px;
            content: '';
        }

.img_video {
    width: 40%;
    float: left;
    overflow: hidden;
}

.name_mta {
    width: 60%;
    float: left;
    padding-left: 20px;
}

    .name_mta h3 {
        font-size: 18px;
        color: #333;
        margin-bottom: 10px;
        font-family: 'RobotoBold';
        position: relative;
    }

.top_video {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

    .top_video:hover h3 {
        color: #f00;
    }

.right_tin-cp {
    width: 31%;
    float: left;
}

.uytin-cluong {
    display: inline-block;
    width: 100%;
    background: #230089;
    padding: 30px 0px;
    margin-top: 30px;
}

.itemuy {
    width: 25%;
    float: left;
    padding-right: 10px;
    color: #fff;
}

    .itemuy img {
        float: left;
        margin-right: 10px;
    }

    .itemuy h5 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
    }

    .itemuy:hover h5 {
        color: #ff0;
    }

    .itemuy p {
        font-size: 13px;
        opacity: 0.9;
    }

#box_video {
    position: relative;
    width: 100%;
    height: 270px;
    float: left;
}

.lefttin {
    width: 49%;
    float: left;
    padding-right: 20px;
}

    .lefttin h4 {
        color: #2f2f2f;
        font-weight: normal;
        font-size: 15px;
        font-weight: bold;
        margin: 5px 0px;
    }

    .lefttin:hover h4 {
        color: #f00;
    }

.righttin {
    width: 100%;
    margin-top: 20px;
    display: inline-block;
}

.xemth {
    margin-top: 10px;
}

    .xemth a {
        background: #78df2c;
        color: #fff;
        display: inline-block;
        padding-left: 10px;
    }

.dehdk {
    height: 84px;
    overflow: hidden;
}

.xemth a:hover {
    background: #ff5300;
}

.xemth a i {
    color: #fff;
    background: rgba(0,0,0,0.2);
    padding: 10px;
    margin-left: 10px;
}

.sidu {
    min-height: 210px;
    padding: 10px;
}

.hover21 {
    padding: 20px 30px 10px 30px;
    border-bottom: 1px solid #808080;
}

.top_hover h5 {
    font-size: 16px;
}

.price_hover {
    font-family: 'RobotoBold';
    font-size: 18px;
}

.bottom_hover {
    padding: 10px 30px 10px 30px;
    color: #fff;
}

    .bottom_hover p {
        color: #fff;
    }

.chitietm {
    background: #3fc8f4;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 20px;
    color: #fff;
}

    .chitietm i {
        font-size: 22px;
        float: left;
        margin-right: 5px;
    }

    .chitietm span {
        padding-top: 2px;
        display: inline-block;
    }

    .chitietm:hover {
        background: #087192;
    }


.lienhe a {
    color: #f00;
}

.fanpageleft {
    width: 42%;
    padding-right: 40px;
    float: left;
}

.titlebottom {
    margin-bottom: 30px;
}

    .titlebottom h4 {
        color: #1a5fc7;
        margin: 0 auto;
        font-size: 30px;
        font-family: 'UTMAndrogyne';
    }

    .titlebottom p {
        display: inline-block;
        position: relative;
        color: #555555;
        padding-right: 10px;
    }

        .titlebottom p:before {
            position: absolute;
            right: -30px;
            bottom: 7px;
            width: 30px;
            height: 2px;
            background: #222222;
            content: '';
        }

.chitiet {
    background: #fe0008;
    border: 1px solid #ff888c;
    display: inline-block;
    line-height: 24px;
    padding-left: 30px;
    padding-right: 13px;
    position: relative;
    margin-top: 10px;
}

    .chitiet:before {
        background: url(images/befo.png) no-repeat;
        position: absolute;
        left: -11px;
        top: -8px;
        width: 40px;
        height: 34px;
        content: '';
    }

    .chitiet a {
        color: #fff;
        font-size: 15px;
    }

    .chitiet:hover {
        background: #0573bf;
        border: 1px solid #7dc6f9;
    }

.sevice_index {
    background: url(images/bg_duan.png)center no-repeat;
    width: 100%;
    display: inline-block;
    height: 431px;
    border-top: 1px solid #ccc;
    margin-top: 30px;
}

.title_sevice {
    color: #eb1000;
    margin: 0 auto;
    text-align: center;
    padding: 0px 30px;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'UTMAvoBold';
    position: relative;
    background: url(images/title_dv.png) bottom center no-repeat;
    padding-bottom: 30px;
    margin-top: 45px;
    margin-bottom: 30px;
}

.scroll_sevice {
    width: 100%;
}

.item_sevice {
    max-width: 280px;
    text-align: center;
    margin: 0 auto;
}

.img_sv {
    background: #fff;
    padding: 5px;
    box-shadow: 2px 2px 5px #ccc;
    margin-bottom: 10px;
}

.item_sevice:hover .img_sv {
    background: #0573bf;
}

.item_sevice h4 {
    color: #393939;
    font-family: 'RobotoCondensedRegular';
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 10px;
}

.item_sevice:hover h4 {
    color: #f00;
}

.quangcao_index {
    margin-top: 40px;
}

.bannerqc {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.hethongpp {
    background: url(images/bg_hethong.png) no-repeat;
    height: 510px;
    background-size: 100% 100%;
    padding-top: 20px;
}

.mr-ampp {
    margin: 0px -18px;
}

.item-hthong {
    max-width: 375px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

    .item-hthong h4 {
        position: absolute;
        bottom: -100%;
        width: 100%;
        background: rgba(0,0,0,.5);
        color: #fff;
        padding: 10px;
        text-align: center;
        font-size: 16px;
        opacity: 0;
        visibility: hidden;
    }

    .item-hthong:hover h4 {
        bottom: 0px;
        opacity: 1;
        visibility: visible;
    }

#bottom {
    padding: 55px 0px;
    background: #f8f9f9;
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    float: left;
}

.news_index {
    float: right;
    width: 375px;
}

.title_news {
    text-align: left;
    margin-bottom: 35px;
}

    .title_news h5 {
        position: relative;
        font-size: 25px;
        text-transform: uppercase;
        font-family: 'RobotoBold';
    }

        .title_news h5:before {
            background: #d7c190;
            position: absolute;
            width: 100px;
            height: 2px;
            left: 0px;
            bottom: -5px;
            content: '';
        }

.left_tin {
    width: 100%;
    float: left;
}

    .left_tin img {
        float: left;
        margin-right: 15px;
    }

.itemyk {
    height: 142px !important;
}

    .itemyk:hover .yktin {
        background: #f89900;
    }

.title_tin {
    margin-bottom: 20px;
}

    .title_tin h3 {
        background: url(images/line_tin.png) bottom repeat-x;
        text-transform: uppercase;
        font-size: 18px;
        text-align: left;
        font-family: 'RobotoBold';
        color: #00bc03;
        position: relative;
        padding-bottom: 5px;
    }

        .title_tin h3:before {
            background: #ff0000;
            width: 50px;
            height: 4px;
            content: '';
            position: absolute;
            left: 0px;
            bottom: 0px;
        }

.support_online {
    width: 32%;
    float: left;
}

.deyk img {
    position: relative;
    top: -4px;
    border-radius: 0px !important;
}

.mar-tin {
    margin: 0px -10px;
}

.item_tin {
    display: inline-block;
    width: 50%;
    float: left;
    padding: 10px;
}

    .item_tin img {
        float: left;
        margin-right: 10px;
    }

    .item_tin .img_tin {
        float: left;
        margin-right: 10px;
    }

.mard-in {
    margin: 0px -9px;
}

.box-ptkin {
    width: 33.33%;
    float: left;
    padding: 9px;
}

.itemptich {
    width: 100%;
    max-width: 275px;
    margin: auto;
}

.top-ptc {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

    .top-ptc h6 {
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding: 10px;
        color: #fff;
        font-size: 15px;
    }

    .top-ptc:hover h6 {
        color: #ff0;
    }

.item-bott {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .item-bott img {
        float: left;
        margin-right: 7px;
    }

    .item-bott .nametsh {
        color: #333;
    }

    .item-bott:hover .nametsh {
        color: #f00;
    }

.box-newsin {
    width: 100%;
    display: inline-block;
}

.box-vdeoc {
    display: inline-block;
    width: 100%;
    margin-top: 16px;
}

.paddvd {
    padding: 0px 5px;
}

.mar-vdeo {
    margin: 0px -9px;
}

.item_vdeo {
    max-width: 267px;
    margin: auto;
    position: relative;
}

    .item_vdeo span {
        width: 60px;
        height: 46px;
        background: rgba(0,0,0,0.7);
        position: absolute;
        top: calc(50% - 23px);
        left: calc(50% - 30px);
        text-align: center;
        border-radius: 10px;
    }

        .item_vdeo span i {
            color: #fff;
            font-size: 18px;
            margin-top: 13px;
        }

    .item_vdeo:hover span {
        background: #f00;
    }

    .item_vdeo img {
        width: 267px;
        height: 200px;
    }

.item_tin h4 {
    font-size: 15px;
    color: #19232d;
    font-family: 'RobotoBold';
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.left_tin h4 {
    color: #313131;
    margin: 10px 0px;
    font-size: 15px;
    font-family: 'RobotoBold';
}

    .left_tin h4:hover {
        color: #f00;
    }

.left_tin p {
    color: #7d7d7d;
}

.xemt {
    display: inline-block;
    font-size: 12px;
    color: #f00;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

    .xemt:hover {
        text-decoration: underline;
    }

.banner-qccent {
    display: inline-block;
    width: 100%;
    margin: 30px 0px;
}

.itemtin {
    max-width: 370px;
    background: #F3F3F3;
    margin: auto;
}

.name_descript {
    height: 400px;
    background: #D1B04D;
    display: flex;
    align-items: center;
    text-align: center;
}

    .name_descript a {
    }

.itemtin h4 {
    color: #191919;
    font-family: 'RobotoMedium';
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
    height: 41.6px;
    overflow: hidden;
}

.videopop {
    margin-bottom: 13px;
}

.mar-tins {
    margin: 0px -10px;
}

.wrap-news {
    width: 33.33%;
    padding: 15px 10px;
    float: left;
}

.item_news {
    width: 100%;
    max-width: 380px;
    margin: auto;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
}

    .item_news h4 {
        color: #333;
        font-family: 'RobotoBold';
        font-size: 16px;
        margin: 0px;
        padding-top: 10px;
        height: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .item_news:hover h4 {
        color: #129907;
    }

.img-news {
    padding: 10px;
}

.item_news p.des-news {
    color: #707070;
    font-size: 14px;
    margin: 0px 10px;
    height: 62.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.bottom-item {
    margin-top: 20px;
}

.t-tt {
    border-top: 1px solid #ccc;
    padding: 5px 10px;
}

.bottom-item .t-tt:nth-child(2) {
    border-bottom: 1px solid #ccc;
}

.copynow a {
    border-top: 1px solid #ccc;
    color: #129907;
    padding: 10px;
    width: 100%;
    display: block;
}

    .copynow a:hover {
        color: #fff;
        background: #129907;
    }

.readtin {
    border: 1px solid #82e400;
    width: calc(100% - 20px);
    display: block;
    padding: 10px;
    text-transform: uppercase;
    color: #82e400;
    margin: 10px 10px 0px 10px;
    text-align: center;
}

    .readtin:hover {
        background: #82e400;
        color: #1f2c38;
    }
/*Video*/
.wrap_video {
    display: inline-block;
    width: 25%;
    float: left;
    padding: 12px;
    text-align: center;
}

.box-full-video {
    margin: 0px -13px;
}

.itemvideo {
    max-width: 276px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    font-family: 'robotoregular';
}

    .itemvideo h3 {
        color: #333333;
        font-size: 15px;
        line-height: 1.3;
        margin: 10px;
        height: 38.4px;
        overflow: hidden;
    }

.img_videohd {
    position: relative;
}

    .img_videohd span {
        position: absolute;
        left: calc(50% - 31px);
        width: 62px;
        height: 44px;
        top: calc(50% - 22px);
        background: #282928;
        text-align: center;
        border-radius: 12px;
    }

        .img_videohd span i {
            color: #fff;
            padding-top: 11px;
            font-size: 20px;
        }

        .img_videohd span:hover {
            background: #f00;
        }

.item_tin:hover h4 {
    color: #f00;
}

.left_tin .destin {
    font-size: 14px;
}

.destin {
    color: #393939;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.view {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 10px 20px;
    color: #686868;
    margin-top: 20px;
}

    .view:hover {
        background: #DA1515;
        color: #fff;
        border: 1px solid #DA1515;
    }

.img_tin {
    position: relative;
    overflow: hidden;
    z-index: 123;
}

.vicwe.img_tin:before {
    content: '';
    position: absolute;
    left: calc(50% - 7px);
    top: 0px;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-top-color: #F3F3F3;
    z-index: 123;
}

.datepost {
    background: #db1e1b;
    padding: 20px 10px;
    position: absolute;
    font-size: 12px;
    text-align: center;
    color: #fff;
    z-index: 123;
}

    .datepost span {
        display: inline-block;
        border-bottom: 1px solid #fff;
        padding-bottom: 0px;
        margin-bottom: 5px;
        font-size: 20px;
    }

.dextin .img_tin {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
}

.video_clip {
    width: 36%;
    float: left;
    padding: 0px 2%;
}

.formdangkydaily {
    background: url(images/bg_dangky.png) center no-repeat;
    min-height: 610px;
    background-size: cover;
    background-attachment: fixed;
    padding: 30px 0px;
}

.left_dkdl {
    width: 62%;
    float: left;
    color: #fff;
    text-align: left;
    padding-right: 55px;
}

.title_dk {
    position: relative;
    text-align: center;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
}

.dknhantin p {
    text-align: center;
    margin: 10px 0px 20px 0px;
}

.item_dknt {
    width: 29%;
    float: left;
    padding-right: 20px;
}

    .item_dknt input {
        width: 100%;
        height: 55px;
        border: none;
        padding: 0px 20px;
        border-radius: 30px;
        outline: none;
    }

.slogansearch span {
    font-weight: bold;
    color: #f00;
    font-size: 15px;
}

.title_dk h5 {
    font-family: 'OpenSansBold';
    text-transform: uppercase;
    font-size: 36px;
    padding-left: 10%;
    padding-bottom: 5px;
}

.namettl {
    font-family: 'OpenSansBold';
    text-transform: uppercase;
    font-size: 24px;
    padding-left: 10%;
    padding-top: 20px;
    position: relative;
    margin-bottom: 10px;
}

    .namettl:before {
        position: absolute;
        left: 0px;
        height: 1px;
        top: 5px;
        background: #0073be;
        width: calc(100% - 375px);
        content: '';
    }

.botro {
    border: 1px solid #fff;
    color: #fff;
}

.right_dkdl {
    width: 38%;
    float: left;
    padding-right: 5%;
}

.form_dkdl {
    width: 100%;
    max-width: 440px;
    background: #fff;
}

.title_rightdk {
    background: url(images/bg_titledk.png)center no-repeat;
    color: #fff;
    text-align: center;
    height: 140px;
    margin-bottom: 20px;
}

    .title_rightdk h6 {
        font-family: 'OpenSansBold';
        text-transform: uppercase;
        font-size: 29px;
        padding-top: 24px;
        position: relative;
    }

.right_dkdl form {
    width: 100%;
    padding: 0px 35px;
}

    .right_dkdl form input {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #dae2e8;
        padding: 0px 10px;
        background: #f0f8ff;
        margin-bottom: 17px;
    }

.conatsk {
    padding-left: 10%;
}

.bottom_content {
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 40px;
    position: relative;
}

.img_cn {
    position: relative;
    max-width: 980px;
    margin: auto;
}

.ykienkh {
    background: url(images/bg_ykien.png)top center no-repeat;
    background-size: 100% 100%;
    padding: 40px 0px;
}

    .ykienkh h5 {
        font-family: 'OpenSansExtraBold';
        text-align: center;
        text-transform: uppercase;
        color: #404040;
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        position: relative;
    }

        .ykienkh h5:before {
            position: absolute;
            bottom: 0px;
            background: #67bd45;
            width: 100px;
            height: 1px;
            left: calc(50% - 50px);
            content: '';
        }

.item_nc {
    border: 3px solid #fff;
    border-radius: 50%;
    width: 110px;
}

    .item_nc img {
        border-radius: 50%;
    }

.box-duan {
    width: 25%;
    float: left;
    padding: 7px;
}

.item-duan {
    position: relative;
    width: 100%;
    max-width: 283px;
    margin: auto;
}

    .item-duan:hover .hover_product {
        opacity: 1;
    }

    .item-duan h3 a {
        color: #fff;
        text-transform: uppercase;
    }

.larg-duan .item-duan {
    width: 100%;
    max-width: 585px;
}

.larg-duan {
    width: 50%;
}

.dshjk {
    padding: 50px 20px;
}

.thumb-image {
    width: 110px;
    margin: auto;
    border-radius: 50%;
}

    .thumb-image img {
        border-radius: 50%;
    }

.swiper-slide-active .thumb-image {
    -moz-transform: scale(1.78);
    -ms-transform: scale(1.78);
    -o-transform: scale(1.78);
    transform: scale(1.78);
}

.slick-center .item_nc {
}

.why-choise {
    background: url(images/bg_vct.png)top center no-repeat;
    height: 536px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding-top: 30px;
    background-attachment: fixed;
    background-size: cover;
}

.content_why {
    position: relative;
    display: inline-block;
    height: 420px;
}

.coffee {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 201px);
}

.item_why {
    width: 50%;
    float: left;
    padding-right: 200px;
    margin-bottom: 60px;
}

.box_why {
    position: relative;
    height: 136px;
    padding-right: 80px;
    padding-top: 42px;
}

.item_why .img_why {
    background: url(images/bg_img.png) no-repeat;
    width: 136px;
    height: 136px;
    position: absolute;
    right: 0px;
    line-height: 136px;
    text-align: center;
    top: 0px;
    z-index: 123;
}

.item_why h4 {
    height: 52px;
    width: 100%;
    background: #722b00;
    border-radius: 20px;
    text-transform: uppercase;
    color: #ffd800;
    font-size: 20px;
    font-family: 'utmavo';
    padding-left: 20px;
    line-height: 52px;
}

.rightwhy-ce {
    padding-right: 0px;
    padding-left: 200px;
}

    .rightwhy-ce .box_why {
        padding-right: 0px;
        padding-left: 80px;
    }

    .rightwhy-ce .img_why {
        right: inherit;
        left: 0px;
    }

.fanpage-news {
    background: url(images/bg_tin.png) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 530px;
    margin-top: 30px;
    padding-top: 60px;
}

.box-fp-n {
    margin: 0px -17px;
}

.wrap-fp {
    width: 33.33%;
    float: left;
    padding: 0px 17px;
}

.item-fp-n {
    background: #f3db7a;
    padding: 10px;
    max-width: 365px;
    margin: 0 auto;
    border-radius: 15px;
    height: 425px;
}

.title-fp {
    width: 245px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    height: 50px;
    background: url(images/center.png) repeat-x;
    margin-top: -27px;
    position: relative;
    z-index: 123;
}

    .title-fp:before {
        position: absolute;
        left: -16px;
        top: 0px;
        background: url(images/before_tin.png) no-repeat;
        width: 19px;
        height: 49px;
        content: '';
    }

    .title-fp:after {
        position: absolute;
        right: -16px;
        top: 0px;
        background: url(images/after_tin.png) no-repeat;
        width: 19px;
        height: 49px;
        content: '';
    }

.content-fp {
    background: #f9ecba;
    padding: 45px 10px 10px 10px;
    border-radius: 15px;
    border: 1px solid #d6ae0d;
    margin-top: -20px;
    height: 402px;
}

.title-fp h5 {
    font-family: 'utmavo';
    font-size: 20px;
    color: #472709;
}

.img_nes {
    position: relative;
}

.item_nhome {
    text-align: center;
}

.img_nes:before {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    content: '';
    border: 7px solid rgba(255,255,255,.5);
}

.item_nhome h4 {
    font-weight: bold;
    color: #333;
    padding: 7px 0px;
    font-size: 15px;
}

.item_nhome:hover h4 {
    color: #f00;
}

a.xemsn {
    color: #853306;
}

    a.xemsn:hover {
        color: #f00;
    }

.rightwhy-ce h4 {
    padding-left: 70px;
}

.right_map {
    width: 58%;
    float: left;
}

.video_index {
    width: 375px;
    float: left;
}

.ykien_index {
    float: left;
    width: 32%;
}

.boster_you {
    max-width: 520px;
    margin: 0 auto;
}

.select_video {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
}

#video_lienquan {
    width: 100%;
}

    #video_lienquan img {
        cursor: pointer;
        width: 125px;
        height: 95px;
    }

.raex {
    display: inline-block;
    background: #fff;
    border: 1px solid #898989;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 13px;
    color: #898989;
    margin-top: 15px;
}

    .raex:hover {
        background: #f00;
        color: #fff;
        border: 1px solid #f00;
    }

.xthem {
    color: #575757;
    display: inline-block;
    padding: 8px 15px;
    text-transform: uppercase;
    margin-top: 20px;
    background: #fff;
    font-size: 13px;
    border: 1px solid #ababab;
}

    .xthem:hover {
        color: #fff;
        background: #b30000;
        border: 1px solid #b30000;
    }

.left_gthieu {
    width: 51%;
    float: left;
    padding-right: 10px;
    max-width: 560px;
}

    .left_gthieu h3 {
        font-size: 43px;
        font-family: 'SVNDancingscript';
        color: #292929;
        margin-bottom: 40px;
        position: relative;
    }

        .left_gthieu h3:before {
            position: absolute;
            left: 0px;
            bottom: -15px;
            background: #e4e4e4;
            width: 52px;
            height: 4px;
            content: '';
        }

    .left_gthieu p {
        line-height: 2.5;
    }

.right_gthieu {
    width: 49%;
    float: right;
    text-align: right;
}

.album {
    display: inline-block;
    width: 100%;
    background: url(images/bg_album.png) repeat-y;
    min-height: 820px;
    padding: 50px 0px 80px 0px;
}

.title_album h2 {
    color: #fff;
}

.content {
    display: inline-block;
    width: 100%;
}

.content_prod {
    color: #333;
    display: inline-block;
    width: 100%;
}
/*Branch*/
.map-filter {
    width: 100%;
    background-color: #f3f3f3;
    padding: 15px 20px;
    display: inline-block;
    margin-bottom: 20px;
}

    .map-filter label {
        float: left;
        padding-right: 10px;
        font-size: 16px;
        display: inline-block;
    }

.wrap-filter {
    display: inline-block;
    padding-right: 10px;
    width: 25%;
}

    .wrap-filter select, .wrap-filter input {
        height: 30px;
        width: 100%;
        padding: 0px 10px;
        border: 1px solid #ccc;
        background: #fff;
    }

    .wrap-filter input {
        background: #fff url(images/icon-search.png) 10px 7px no-repeat;
        border: 1px solid #ccc;
        padding-left: 35px;
        border-radius: 15px;
        outline: none;
    }

.button-filter {
    display: inline-block;
}

#sb_filter {
    height: 30px;
    padding: 0px 20px;
    cursor: pointer;
    background: #4db512;
    border: none;
    text-transform: uppercase;
    color: #fff;
}

.place-branch {
    width: 100%;
    display: inline-block;
}

.thead {
    width: 100%;
    display: inline-block;
}

    .thead .col-thead {
        color: #4ba9dd;
        font-size: 16px;
    }

.col-thead {
    display: inline-block;
    float: left;
    padding-right: 5px;
}

.stt-branch {
    width: 5%;
    padding-left: 10px;
    font-size: 15px;
}

.name-branch {
    width: 21%;
}

.address-branch {
    width: 21%;
}

.dic-branch {
    width: 21%;
    padding-left: 15px;
}

.fone-branch {
    width: 15%;
}

.time-branch {
    width: 9%;
}

.tim-address-branch {
    width: 8%;
    padding-right: 10px;
}

    .tim-address-branch a {
        color: #fff;
        text-align: center;
        padding: 11px 16px;
        background: #205ed7;
        display: inline-block;
        float: right;
    }

        .tim-address-branch a:hover {
            background: #f00;
        }

.item-branch {
    width: 100%;
    border-top: 1px solid #3db6e7;
    display: inline-block;
    padding: 10px 0px 10px 0px;
    color: #4b4b4b;
    font-size: 13px;
    float: left;
}

    .item-branch.active {
        background-color: #f3f3f3;
    }

    .item-branch:first-child {
        border-top: none;
    }

#canvas_branch {
    width: 100%;
    height: 400px;
}

.map-branch {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

.over-findadress {
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 12345;
    text-align: center;
    display: none;
}

.modal-content-findadress {
    display: inline-block;
    width: 95%;
    max-width: 500px;
    position: relative;
    background: #4db512;
    top: calc(50% - 100px);
    text-align: left;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 20px #4d4d4d;
    position: relative;
}

.title_hdan {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-right: 85px;
}

    .title_hdan h2 {
        text-transform: uppercase;
        font-size: 20px;
        width: 100%;
    }

    .title_hdan img {
        position: absolute;
        right: 0px;
        top: 0px;
    }

.content-find {
    background: url(images/bg-intro-direct.png)0px 13px no-repeat;
    padding-left: 30px;
}

.itemfind {
    width: 100%;
    display: inline-block;
    margin-top: 14px;
}

    .itemfind label {
        width: 25%;
        float: left;
        display: inline-block;
    }

    .itemfind input {
        width: 50%;
        float: left;
        display: inline-block;
        height: 30px;
        padding: 0px 15px;
        border-radius: 15px;
        border: none;
        outline: none;
        cursor: text;
    }

.destination {
    height: 55px;
    background: #fff;
    color: #333;
    padding: 10px;
    display: inline-block;
    width: 50%;
    overflow-y: scroll;
}

.buttomfind {
    width: 20%;
    float: right;
    height: 55px;
    text-align: center;
    text-transform: uppercase;
    background: #318601;
    line-height: 55px;
    cursor: pointer;
    font-size: 12px;
}

.close-find {
    position: absolute;
    bottom: -44px;
    left: 0px;
    background: #4fd900;
    padding: 7px 15px;
    display: inline-block;
    width: 100px;
    font-size: 18px;
    cursor: pointer;
}

    .close-find i {
        padding-right: 5px;
    }

.buttomfind:hover {
    background: #4fd900;
}

.close-find:hover {
    background: #318601;
}

.pac-container {
    z-index: 12345667;
}
/*Branch*/
.videokhhoc, .detail-khhoc, .other-video {
    margin-top: 20px;
}

#product_detail {
    width: 100%;
    display: inline-block;
}

.detail_product {
    margin: 20px 0px;
}

#product_detail #product_detail_img {
    float: left;
    text-align: left;
    width: 39%;
    position: relative;
}

.hover_cart {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.product:hover .hover_cart {
    opacity: 1;
}

.hover_cart .cen-cart {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

    .hover_cart .cen-cart span {
        display: inline-block;
        border: 1px solid #ccc;
        padding: 4px 10px;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
        font-size: 12px;
        width: 114.69px;
    }

        .hover_cart .cen-cart span i {
            font-size: 15px;
            padding-right: 3px;
        }

        .hover_cart .cen-cart span:hover {
            background: #DC1010;
            border: 1px solid #DC1010;
        }

.hover_cart .cen-view {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.hover_cart:hover .cen-cart {
    top: calc(40% - 10px);
    opacity: 1;
    visibility: visible;
}

.hover_cart:hover .cen-view {
    bottom: calc(40% - 10px);
    opacity: 1;
    visibility: visible;
}

.hover_cart .cen-view span {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 4px 10px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    width: 114.69px;
}

    .hover_cart .cen-view span i {
        font-size: 15px;
        padding-right: 3px;
    }

    .hover_cart .cen-view span:hover {
        background: #25B7FF;
        border: 1px solid #25B7FF;
    }

.addcart {
    margin-top: 10px;
}

    .addcart a {
        display: inline-block;
        background: #d81a6b;
        color: #fff;
        padding: 7px 16px;
        font-size: 15px;
        text-transform: uppercase;
        border-radius: 5px;
        font-weight: bold;
    }

    .addcart i {
        margin-right: 5px;
        font-size: 20px;
    }

.info_pro {
    margin-bottom: 20px;
}

.title_info_pro {
    text-transform: uppercase;
    font-size: 20px;
    color: #d81a6b;
    border-bottom: 1px solid #d81a6b;
    margin-bottom: 15px;
}

#product_img {
    border: 1px solid #ccc;
}

#product_detail #product_info {
    width: 60%;
    float: left;
    text-align: left;
    padding-left: 2%;
    color: #444
}

.left_detail {
    width: 75%;
    float: left;
}

.right_detail {
    width: 25%;
    float: left;
    padding-left: 20px;
}

.brackline {
    padding: 10px 0px;
    color: #828282;
}

    .brackline a {
        color: #828282;
    }

        .brackline a:hover {
            color: #f00;
        }

    .brackline h2 {
        display: inline-block;
    }

    .brackline span {
        color: #828282;
    }

.title-rdg {
    background: #666666;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 7px;
    margin-bottom: 10px;
}

.name {
    color: #313131;
    margin: 10px 0px;
    font-size: 20px;
    font-family: 'RobotoBold';
}

.gia span {
    color: #f00;
    font-size: 18px;
}

    .gia span b {
        color: #ccc;
        font-weight: normal;
        text-decoration: line-through;
        padding-left: 10px;
    }

.ttchitiet-coment ul {
    margin: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    display: inline-block;
    width: 100%;
    float: left;
}

    .ttchitiet-coment ul li {
        float: left;
        margin-right: 30px;
    }

        .ttchitiet-coment ul li a {
            text-transform: uppercase;
            color: #000;
            display: inline-block;
            padding: 5px 0px;
            font-size: 16px;
            margin-bottom: -1px;
        }

            .ttchitiet-coment ul li a.activecl {
                font-weight: bold;
                border-bottom: 2px solid #f00;
            }

.color_pro img {
    border: 1px solid #ccc;
    margin-right: 3px;
}

.color_pro p {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
}

.checkcolor img {
    border: 1px solid #f00;
}

.size_pro p {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
}

.size_pro a span {
    padding: 4px 10px;
    background: #e7e7e7;
    display: inline-block;
    margin: 0px 3px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    font-weight: bold;
    color: #666666;
    cursor: pointer;
    font-size: 13px;
    box-shadow: none;
}

    .size_pro a span:hover, .size_pro a.checksize span {
        background: #333;
        color: #fff;
        border: 1px solid #444;
    }

#product_info li {
    display: inline-block;
    width: 100%;
    padding: 7px 0px;
    border-bottom: 1px solid #ccc;
}

    #product_info li:last-child {
        border-bottom: none;
    }

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}

#map_canvas iframe {
    width: 100% !important;
    height: 100% !important;
}

.quatali {
    width: 80px;
    height: 40px;
    text-align: center;
    outline: none;
    border: 1px solid #e2e2e2;
    padding-right: 5px;
}

.isud {
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    background: #730EA7;
    border-radius: 3px;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    line-height: 44px;
    padding-left: 48px;
    position: relative;
}

    .isud:hover {
        background: #5f0b8b;
    }

    .isud i {
        padding: 12px 10px;
        font-size: 20px;
        background: #730EA7;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        position: absolute;
        left: 0px;
        border-right: 1px solid rgba(0,0,0,0.1);
    }

.branch-pro {
    background: #ef1428;
}

    .branch-pro a {
        color: #fff;
    }

    .branch-pro i {
        background: #ef1428;
    }

    .branch-pro:hover {
        background: #900915;
    }

.bibocart {
    background: #05b2e9;
}

    .bibocart:hover {
        background: #167fa0;
    }

    .bibocart i {
        background: #05b2e9;
    }

.add_cart a {
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    margin-top: 5px;
    background: #f00;
    border-radius: 10px;
}

.support_add {
    float: left;
    width: 26.33%;
    padding-right: 15px;
}

.nsma {
    background: url(images/phone.png) left center no-repeat;
    padding-left: 23px;
}

.hotline_dat {
    font-weight: bold;
    color: #f00;
}

.addcart-support_add {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

#thumb {
    width: 100%;
    position: relative;
    left: 0px;
    margin-top: 10px;
}

.itemsl {
    padding: 5px;
}

.tab {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .tab > ul > li {
        display: inline-block;
        border: 1px solid #ccc;
        border-bottom: 0px;
        line-height: 35px;
        background: #eaeaea;
    }

        .tab > ul > li > a {
            color: #000;
            padding: 9px 20px;
            cursor: pointer;
            font-size: 15px;
        }

            .tab > ul > li > a:hover, .tab > ul > li > a.active {
                background: #491b00;
                color: #fff;
            }

    .tab .hiden {
        display: none;
    }

.content_pro {
    border: 1px solid #ccc;
    padding: 20px 10px;
}

.box_tintuc {
    text-align: left;
    width: 50%;
    float: left;
    display: inline-block;
    font-family: Arial;
    color: #706e6e;
    padding: 15px;
}

    .box_tintuc:nth-child(2n+1) {
        clear: both;
    }

.centsi {
    max-width: 400px;
    margin: auto;
}

.box_tintuc h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: 'RobotoBold';
    position: relative;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

    .box_tintuc h3:before {
        content: " ";
        display: block;
        float: left;
        position: absolute;
        left: 0;
        top: 3px;
        height: 20px;
        border-left: 3px solid #e54e53;
    }

.centsi:hover h3 {
    text-decoration: underline;
    color: #f00;
}

.box_tintuc .mota {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 60px;
}

.baiviet_lienquan {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
}

    .baiviet_lienquan .title {
        color: #f00;
        text-transform: uppercase;
        border-bottom: 1px solid;
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 20px;
        background: none;
        font-family: 'UTMAvoBold';
        font-size: 18px;
    }

.baiviet_lienquan {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .baiviet_lienquan li {
        background: url(images/sao.png) left center no-repeat;
        padding-left: 15px;
        font-size: 20px;
        list-style: none;
    }

        .baiviet_lienquan li a {
            font-size: 14px;
            color: #000000;
        }

            .baiviet_lienquan li a:hover {
                color: red;
                margin-left: 10px;
                font-weight: bold;
            }

.nameacticle {
    color: #2f1c11;
    font-size: 20px;
    font-family: 'RobotoBold';
}

.mapcontact {
    color: #000;
    margin-top: 40px;
}

.nobg #footer {
    margin-top: 30px;
}

#footer {
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: 14px;
    float: left;
    z-index: 350;
}

.logofoo {
    margin-bottom: 15px;
}

.content_foobc {
    padding: 39px 0px 0px 0px;
    display: inline-block;
    float: left;
    width: 100%;
    background-color: #262a33;
}

.title-left-footer {
    color: #FCC906;
    font-family: 'RobotoCondensed';
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
}

.social {
    margin-top: 20px;
}

    .social h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }

#footer .container {
    position: relative;
}

.disclaimer p {
    color: #ccc1b7;
}

.csach {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 40px 0px;
    font-weight: 600;
}

    .csach ul {
        display: inline-block;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .csach ul li {
            display: inline-block;
            position: relative;
        }

            .csach ul li:before {
                position: absolute;
                width: 1px;
                height: 15px;
                content: '';
                right: 0;
                top: 3px;
                background: black;
            }

            .csach ul li:last-child:before {
                display: none;
            }

            .csach ul li a {
                color: #37cf91;
                font-size: 15px;
                padding: 10px;
            }

                .csach ul li a:hover {
                    color: black;
                    text-decoration: none;
                }

.footerpage {
    margin-top: 0px;
}

.namefoo {
    color: #ffd800;
    font-size: 40px;
    font-family: 'SVN-Candlescript-Pro';
    margin-top: 10px;
}

.mgr-am {
    margin: 0px -17px;
}

.box-itfoo {
    width: 33.33%;
    float: left;
    padding: 0px 17px;
}

.item_footer {
    max-width: 365px;
    margin: 0 auto;
}

.co_map_fo {
    width: 100%;
    height: 195px;
    border: 5px solid rgba(255,255,255,.1);
    border-radius: 7px;
    margin-top: 20px;
}

.form_dk {
    margin-top: 20px;
}

    .form_dk p {
        font-size: 13px;
        color: #dfdfdf;
        margin-bottom: 15px;
    }

.leftfoo {
    float: left;
    width: 60%;
    text-align: left;
}

    .leftfoo p i {
        padding-right: 10px;
    }

.company {
    font-size: 25px;
    position: relative;
    margin-bottom: 15px;
    font-family: 'UTMAndrogyne';
}

.leftfoo p {
    margin-bottom: 8px;
}

.r-fo {
    width: 70%;
    float: left;
    padding: 0px 40px;
}

.right_footr {
    width: 40%;
    float: left;
    text-align: left;
}

.copyright-countol {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 15px 0px;
    font-size: 13px;
    background: #1f2c38;
    color: #fff;
}

.coutright {
    float: right;
}

.mxhfooter {
    margin-top: 10px;
    display: inline-block;
}

.mapfooter {
    width: 100%;
    display: inline-block;
    height: 400px;
}

.copright span {
    color: #fff;
}

.title_footer {
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    font-size: 17px;
}

    .title_footer:before {
        position: absolute;
        bottom: -7px;
        width: 70px;
        height: 1px;
        left: 0px;
        content: '';
        background: #fff;
    }

.center_footer p {
    margin-bottom: 10px;
}

.dkbo {
    margin-top: 20px;
}

.center_footer a {
    color: #fff;
}

    .center_footer a:hover {
        color: #ff0;
    }

#map_canvas2 iframe {
    width: 100% !important;
    height: 100% !important;
}

.mapxj {
    height: 240px;
    width: 100%;
}

.itemcenter {
    width: 50%;
    float: left;
    padding-right: 10px;
}

.sndmag {
    width: 100%;
    display: inline-block;
}

.counter {
    float: right;
    text-align: left;
}

.title_doitac {
    line-height: 40px;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #fff;
}

.itemdoitac {
    float: left;
    padding: 5px;
    width: 33.33%;
}



.mxh_foo {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

    .mxh_foo img {
        margin-right: 10px;
    }

.content_foo {
    padding: 0px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.left_footer {
    width: 38%;
    float: left;
    padding-right: 40px;
}

.mangxh {
    margin-top: 30px;
    font-size: 14px;
}

    .mangxh span {
        padding-right: 10px;
    }

.qdinhc {
    width: 25%;
    float: left;
}

.lkmxh {
    width: 25%;
    float: left;
}

.fanpage_foo {
    width: 23%;
    float: left;
    text-align: left;
    margin-top: 5px;
    padding-right: 15px;
}

.title_foo {
    margin-bottom: 20px;
}

    .title_foo h3 {
        font-size: 24px;
        font-family: 'Times New Roman';
        color: #880015;
        font-weight: bold;
    }

.itemcenter p {
    margin-bottom: 10px;
}

    .itemcenter p a {
        color: #3e3d3d;
        font-size: 13px;
    }

        .itemcenter p a:hover {
            text-shadow: 0px 0px 0px;
            text-decoration: underline;
            color: #f00;
        }

.lkmxh img {
    margin-right: 10px;
}

.left-dky {
    background: url(images/maildknt.png) left no-repeat;
    padding: 25px 0px 20px 55px;
    width: 25%;
    float: left;
    border-right: 1px solid #ccc;
}

    .left-dky p {
        font-family: 'OpenSansBold';
    }

.center_dky {
    width: 35%;
    float: left;
    padding-left: 30px;
    padding-top: 25px;
}

.img_logo {
    float: left;
    width: 23%;
    padding-right: 3%;
}

.content_footer {
    width: 77%;
    float: left;
}

.center_footer {
    width: 31%;
    float: left;
}

    .center_footer label {
        font-size: 15px;
        margin-bottom: 15px;
        display: inline-block;
        width: 100%;
    }

.mapfoo {
    width: 100%;
    height: 215px;
}

.right_footer {
    width: 100%;
    float: left;
    padding: 5px;
}

    .right_footer ul {
        list-style: none;
        color: #333;
    }

        .right_footer ul li {
            width: 20%;
            float: left;
            padding: 15px;
        }

            .right_footer ul li:nth-child(3n+1) {
                clear: both;
            }

.item-right-f {
    float: left;
    padding: 15px;
    width: 20%;
}

    .item-right-f h4, .item-right-f2 h4 {
        text-transform: uppercase;
        color: #37cf91;
    }

    .item-right-f div {
        padding: 5px 0px;
        text-align: left;
    }

.item-right-f2 {
    float: left;
    padding: 15px;
    width: 24%;
}

    .item-right-f h4, .item-right-f2 h4 {
        color: #37cf91;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 20px;
        text-align: left;
    }

    .item-right-f p, .item-right-f2 p {
        padding: 3px 0px 3px 0px;
        position: relative;
    }

        .item-right-f p span, .item-right-f2 p span {
            position: absolute;
            left: 0px;
            top: 1px;
        }

.item-right-f a i {
    font-size: 32px;
    color: #37cf91;
    display: block;
    width: 100%;
    text-align: center;
}

.item-right-f a, .item-right-f2 a {
    color: #ccc1b7;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

    .item-right-f a:hover, .item-right-f2 a:hover {
        color: #ccc1b7;
        font-size: 14px;
        text-decoration: none;
    }

.counter span {
    color: #fff;
}

.item_center {
    width: 50%;
    float: left;
    padding-right: 10px;
}

.disclaimer {
    width: 100%;
    clear: both;
    display: inline-block;
    margin-top: 50px;
    text-align: left;
}

.copyright {
    background: #00bc03;
    font-size: 13px;
    color: #fff;
    width: 100%;
    font-family: arial;
    margin-top: 20px;
    padding: 10px 0px;
    text-align: center;
}

.copyri {
    float: left;
    width: 48%;
}

.couter {
    float: right;
}

    .couter span {
        display: inline-block;
        line-height: 44px;
    }

.online {
    margin-bottom: 5px;
}

.homqua {
    margin-bottom: 5px
}

.tuan {
    margin-bottom: 5px
}

.tong {
    margin-bottom: 5px
}

#content_nhantin {
    max-width: 240px;
    float: right;
}

    #content_nhantin p {
        font-size: 12px;
        font-style: italic;
        margin-bottom: 10px;
    }

    #content_nhantin form {
        width: 100%;
        background: #fff;
        display: inline-block;
        float: left;
        height: 35px;
    }

.dangkynhantin {
    width: 32%;
    float: left;
    text-align: left;
    max-width: 370px;
}

.forms {
    position: relative;
    width: 100%;
    float: left;
    max-width: 350px;
}

.fosk {
    position: relative;
    margin-bottom: 10px;
}

    .fosk input {
        width: 100%;
        height: 36px;
        border: 1px solid #ccc;
        padding: 0px 10px;
        outline: none;
        background: #fff;
        margin-bottom: 10px;
    }

    .fosk textarea {
        width: 100%;
        height: 80px;
        border: 1px solid #ccc;
        padding: 10px;
        margin-bottom: 5px;
    }

.dienthoaidk {
    width: 27%;
    float: left;
    padding-right: 10px;
}

.emaildk {
    width: 28%;
    float: left;
    padding-right: 10px;
}

.knoivct {
    text-align: center;
    margin-top: 25px;
}

#sb_nhantin {
    background: #9a080e;
    color: #fff;
    height: 36px;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    border: none;
    font-size: 13px;
}

    #sb_nhantin:hover {
        background: #1f2c38;
    }

.tendk {
    width: 35%;
    float: left;
    padding-right: 10px;
}

.right_dkdl form .inputreset {
    background: none;
    border: none;
    height: 20px;
    font-size: 18px;
    color: #6a6a6a;
    cursor: pointer;
    outline: none;
}

    .right_dkdl form .inputreset:hover {
        color: #f00;
    }

.bike_frm {
    display: inline-block;
    width: 100%;
}

.dangkynhantin h5 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #00bc03;
    font-family: 'RobotoBold';
    text-transform: uppercase;
}

.forms form {
    width: 100%;
    position: relative;
}

.bike_frm p {
    margin-bottom: 10px;
}


.box_support {
    background: url(images/bg_hotro.png) no-repeat;
    min-height: 294px;
    background-size: 100%;
    text-align: center;
}

.hoey {
    float: right;
    margin-top: 21px;
    width: 100%;
    max-width: 170px;
}

    .hoey p {
        font-family: 'RobotoBold';
        font-size: 17px;
        line-height: 1.1;
        text-align: left;
    }

.number_hot {
    font-family: 'SFUEurostileBold' !important;
    color: #f00;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    font-size: 20px !important;
}

.bik_support {
    width: 100%;
    display: inline-block;
    max-width: 320px;
    margin: 0 auto;
    margin-top: 80px;
    text-align: left;
}

.email_sp {
    background: url(images/email.png) left no-repeat;
    padding-left: 30px;
    text-align: left;
    max-width: 320px;
    margin: 0 auto;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 10px;
}

.check {
    margin-bottom: 7px;
}

    .check input {
        margin-right: 5px;
        display: inline-block;
    }

.content_nhantin p {
    max-width: 240px;
    float: right;
}

.backtotop {
    display: inline-block;
    float: left;
    line-height: 1;
    position: relative;
}

    .backtotop a {
        background: url(images/backtop.png) top center no-repeat;
        position: absolute;
        top: -20px;
        width: 120px;
        height: 35px;
        text-align: center;
        padding-top: 25px;
        color: #fff;
    }

        .backtotop a:hover {
            color: #ff0;
        }

#footer1 {
    z-index: 1000;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    display: none;
}

    #footer1 table {
        width: 100%;
        text-align: center;
        margin: auto;
        background: #cc0000;
        border: 3px solid #e8e8e8;
    }

    #footer1 img {
        width: 30%;
        max-width: 35px;
        vertical-align: middle;
    }

    #footer1 a {
        color: #fff;
    }

.cop-f {
    color: #afafaf;
    margin-top: 10px;
}

    .cop-f span {
        color: #fff;
    }

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

/*filter*/
nav ul.filter {
    height: 40px;
    background: #f5f5f5;
    border-right: 1px solid #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

    nav ul.filter > li {
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        line-height: 40px;
        position: relative;
    }

        nav ul.filter > li > a {
            text-align: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
        }

        nav ul.filter > li a span {
            display: block;
            text-align: center;
            color: #288ad6;
        }

        nav ul.filter > li > span {
            padding-right: 20px;
            cursor: pointer;
        }

.filter li h2 {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    padding-right: 30px;
}

nav ul.filter > li a span:hover {
    color: #000;
}

[class^="icontgdd-"], [class*="icontgdd-"], [class^="iconmobile-"], [class*="iconmobile-"] {
    background-image: url(images/icondesktop.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.filter li .check .icontgdd-checkbox {
    background-position: -165px -30px;
}

.icontgdd-checkbox {
    background-position: -145px -30px;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    margin-right: 3px;
}

.filter li div.manufacture {
    display: none;
    overflow: visible;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    padding: 5px 10px;
    position: absolute;
    right: -18%;
    top: 40px;
    z-index: 11;
    width: 100%;
    max-width: 300px;
    line-height: 1;
    text-align: left;
}

.filter li div.pricefacture {
    display: none;
    overflow: visible;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    padding: 5px 10px;
    position: absolute;
    right: 0%;
    top: 40px;
    z-index: 11;
    width: 100%;
    max-width: 300px;
    line-height: 1;
    text-align: left;
}

.filter li div.manufacture:before, .filter li div.manufacture:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 45%;
    border-bottom: 10px solid #d9d9d9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.filter li div.pricefacture:before, .filter li div.pricefacture:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 18%;
    border-bottom: 10px solid #d9d9d9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.filter li div.pricefacture:after {
    border-width: 9px;
    border-bottom-color: #fff;
    margin-left: 1px;
}

.filter li div.manufacture:after {
    border-width: 9px;
    border-bottom-color: #fff;
    margin-left: 1px;
}

.filter li .closegia {
    border: 0;
    background: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 10px;
    cursor: pointer;
}

.filter li div .all {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    font-size: 14px;
    color: #333;
    padding: 10px 0;
    text-align: left;
    margin-bottom: 10px;
}

.icontgdd-closefilter {
    background-position: -205px -30px;
    width: 18px;
    height: 18px;
}

.filter li .close {
    border: 0;
    background: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 10px;
    cursor: pointer;
    z-index: 12345
}

.filter li div.manufacture a {
    color: #333;
}

    .filter li div.manufacture a:hover {
        color: #288ad6;
    }

.manufacture aside label {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

.icontgdd-checklist {
    background-position: -185px -30px;
    width: 16px;
    height: 14px;
    display: none;
}

.filter li .pricefacture label {
    text-indent: 20px;
}

.filter li .check .icontgdd-checklist {
    display: inline-block;
    margin-left: -20px;
}

.filter li label {
    display: block;
    padding: 5px 0 6px;
    cursor: pointer;
    position: relative;
}

.filter li div.pricefacture a {
    color: #333;
}

    .filter li div.pricefacture a:hover {
        color: #288ad6;
    }

.manufacture aside.poem label input {
    position: relative;
    z-index: 123;
    width: 16px;
    height: 16px;
    opacity: 0;
    float: left;
    margin-right: 5px;
}

.manufacture aside.poem label i {
    position: absolute;
    left: 0px;
}

.manufacture input:checked ~ i {
    background-position: -165px -30px;
}

.noresult {
    margin-top: 20px;
}

.right_tin-cp .fb_iframe_widget {
    padding-top: 0px !important;
}

.left-filter {
    width: 23%;
    float: left;
    max-width: 270px;
    background: #f2f2f2;
}

.right-filter {
    width: 77%;
    float: right;
    padding-left: 10px;
}

    .right-filter .wrap_product {
        width: 25%;
    }

.acticle-top {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.mar-acttop {
    margin: 0px -10px;
}

.wrap-act {
    width: 33.33%;
    float: left;
    padding: 10px;
}

.item-act {
    width: 100%;
    max-width: 394px;
    margin: auto;
    border: 2px solid #005030;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
}

    .item-act h3 {
        font-size: 23px;
        color: #880015;
        font-family: 'Time News Roman';
        margin-bottom: 15px;
    }

    .item-act:hover {
        border: 2px solid #880015;
        box-shadow: 2px 2px 13px #333;
    }

.title_copying h2 {
    text-align: center;
    color: #343434;
    font-size: 24px;
    margin-bottom: 20px;
}

.column-copying ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .column-copying ul li {
        width: 25%;
        display: inline;
        height: auto;
        float: left;
        padding: 0 0.35714em 0.71429em;
    }

.how-copying {
    width: 100%;
    display: inline-block;
    margin: 50px 0px;
}

.HowItWorks-item {
    height: 250px;
    border-radius: 10px;
    background-color: #f2f2f2;
    position: relative;
}

.HowItWorks-item-image {
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}

.HowItWorks-item-number {
    position: relative;
    text-align: center;
    padding-top: 10px;
}

    .HowItWorks-item-number > span {
        background: white;
        display: inline-block;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        color: #568cf3;
        font-weight: bold;
        padding-top: 4px;
    }

.HowItWorks-item::before {
    content: '';
    position: absolute;
    left: -15px;
    top: calc(50% - 50px);
    height: 100px;
    width: 15px;
    z-index: -1;
    background: #568cf3;
}

.column-copying ul li:nth-child(1) .HowItWorks-item::before {
    display: none;
}

.HowItWorks-item-text {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    color: #333;
}

.HowItWorks-arrow {
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 45px);
    height: 100px;
    width: 40px;
    overflow: hidden;
}

.column-copying ul li:nth-child(1) .HowItWorks-arrow {
    display: none;
}

.HowItWorks-arrow::before, .HowItWorks-arrow::after {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    border-radius: 10px;
}

.HowItWorks-arrow::before {
    left: -90px;
    background: #568cf3;
    transform: rotate(45deg) skew(10deg);
    transform-origin: 50% 50%;
}

.HowItWorks-arrow::after {
    left: -90px;
    top: -10px;
    background: #568cf3;
    transform: rotate(-45deg) skew(-10deg);
    transform-origin: 50% 50%;
}

.parner {
    background-color: #f2f2f2;
    padding: 30px 0px;
}

.title-parner h3 {
    color: #474747;
    font-size: 23px;
    text-transform: capitalize;
    text-align: center;
}

.OurPartners-logos {
    text-align: center;
    padding: 1.5rem;
}

.OurPartners-logos-item {
    display: inline-block;
}

.OurPartners-logos-item {
    padding: 1rem;
}

.why-choose {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
}

.content-why p {
    width: 50%;
    float: left;
    padding: 10px;
}

    .content-why p:nth-child(2n+1) {
        clear: both;
    }

    .content-why p a {
        font-size: 16px;
        color: #333;
    }

        .content-why p a:hover {
            color: #f00;
        }

        .content-why p a i {
            color: #6ec1e4;
        }

.left-training {
    width: 25%;
    float: left;
    border: 1px solid #ccc;
}

.item-training:last-child .title-training {
    border-bottom: none;
}

.item-training {
    border-bottom: 1px solid #d9dada;
}

.title-training a {
    width: 100%;
    padding: 10px;
    display: block;
    position: relative;
    color: #333;
}

    .title-training a i {
        width: 40px;
        position: absolute;
        height: 100%;
        top: 0px;
        right: 0px;
        text-align: center;
        font-size: 20px;
        line-height: 40px;
        background: #f4f6f6;
        color: #2a83c0;
    }

.title-training span {
    font-size: 19px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    line-height: 1;
    color: #2a83c0;
}

.show_training p a {
    color: #333;
}

.item-training.active .title-training a {
    background: #2882c0;
    color: #fff;
}

    .item-training.active .title-training a i {
        background: #53b1f1;
        color: #fff;
    }

    .item-training.active .title-training a span {
        color: #fff;
    }

.item-training p {
    padding: 5px 10px;
}

.show_training {
    padding: 10px 0px;
    display: none;
}

.item-training.active .show_training {
    display: block;
}

.show_training p a.checkat, .show_training p a:hover {
    color: #f00;
}

.right-training {
    width: 75%;
    float: left;
    padding-left: 20px;
}

.title-westion span {
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
}

.content-title-wes {
    padding: 15px 0px;
}

.title-item-ques {
    font-size: 16px;
    font-weight: bold;
    color: #568cf3;
    font-family: 'Open Sans',sans-serif;
    position: relative;
    bottom: 1px;
    padding: 10px 5px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 20px;
    cursor: pointer;
}

    .title-item-ques:hover {
        background-color: #ccc;
    }

    .title-item-ques i {
        font-size: 18px;
    }

    .title-item-ques span {
        padding-left: 10px;
    }

.item_ques {
    margin-bottom: 20px;
}

.content-item-ques {
    display: none;
}

.title-item-ques i.fa-minus {
    display: none;
}

/*giang lam*/

.dangky-header-mb {
    position: absolute;
    top: 10px;
    right: -210px;
    border: 1px solid #37cf91;
    color: #37cf91 !important;
    font-weight: 500;
    font-size: 16px;
    padding: 3px 20px !important;
    border-bottom-left-radius: 75px;
    border-top-right-radius: 75px;
}

.dangnhap-header-mb {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #37cf91;
    color: white !important;
    background-color: #37cf91;
    font-weight: 500;
    font-size: 16px;
    padding: 3px 18px !important;
    border-bottom-right-radius: 75px;
    border-top-left-radius: 75px;
}

    .dangnhap-header-mb:hover, .dangky-header-mb:hover {
        background-color: #37cf91;
        color: white;
        text-decoration: none;
    }

.dangky-header {
    position: absolute;
    top: 10px;
    right: -180px;
    border: 1px solid #37cf91;
    color: #37cf91;
    font-weight: 500;
    font-size: 16px;
    padding: 3px 20px;
    border-bottom-left-radius: 75px;
    border-top-right-radius: 75px;
}

.dangnhap-header {
    position: absolute;
    top: 10px;
    right: -228px;
    border: 1px solid #37cf91;
    color: white;
    background-color: #37cf91;
    font-weight: 500;
    font-size: 16px;
    padding: 3px 18px;
    border-bottom-right-radius: 75px;
    border-top-left-radius: 75px;
}

    .dangnhap-header a, .dangky-header a {
        color: #37cf91;
    }

    .dangnhap-header:hover, .dangky-header:hover {
        background-color: #37cf91;
        color: white;
        text-decoration: none;
    }

/*giang lam*/

.footer-support a, .footer-social a {
    text-decoration: none;
    width: 40px;
    padding-left: 5px;
}

.footer-support svg, .footer-social svg {
    height: 35px;
    width: 35px;
}

.footer-social, .footer-support {
    position: relative;
    width: 50%;
    float: left;
}

.vachngang {
    position: absolute;
    right: 0;
    top: -30px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
    content: '';
}

.content-header-text {
    width: 60%;
    float: left;
    padding: 30px 30px;
    height: 360px;
}

.content2-header-text {
    width: 50%;
    float: left;
    padding: 30px 30px;
    height: 370px;
}

.button-slide {
    margin-right: 50px;
    padding: 8px 20px;
    border: 1px solid #37cf91;
    color: #37cf91;
    font-weight: bold;
    border-top-right-radius: 75px;
    border-bottom-left-radius: 75px;
}

.button-slide2 {
    margin-right: 50px;
    padding: 8px 20px;
    border: 1px solid #37cf91;
    color: #37cf91;
    font-weight: bold;
    border-top-left-radius: 75px;
    border-bottom-right-radius: 75px;
}

    .button-slide:hover, .button-slide2:hover, .activebuton {
        color: white;
        background-color: #37cf91;
        text-decoration: none;
    }

.content-header-text span, .content2-header-text span {
    font-size: 29px;
    font-weight: bold;
    color: black;
}

.content-header-text p, .content2-header-text p {
    padding-bottom: 5px;
    width: 90%;
    text-align: justify;
}

.content-header-img {
    width: 35%;
    float: left;
}

.content-header-img2 {
    width: 28%;
    float: left;
}

.content2-header-img {
    width: 50%;
    float: left;
    padding-top: 35px;
    position: relative;
}

.tradingview-widget-container::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: white;
    bottom: 40px;
    left: 11px;
    z-index: 300;
}

.width40 {
    padding-top: 30px;
    width: 33%;
    float: left;
    text-align: center;
}

.conso-header p {
    font-size: 15px;
    font-weight: 600;
}

.slide-header {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.slide-header2 {
    position: relative;
    margin-top: 68px;
    margin-bottom: 30px;
}

.slide-header label {
    font-size: 29px;
    font-weight: bold;
    color: #37cf91;
}

.live-noidung {
    padding-bottom: 60px;
}

.news-toasoan {
    height: 40px;
    padding-bottom: 100px;
}

    .news-toasoan a {
        font-size: 15px;
        padding: 10px 20px;
        border: 1px solid #37cf91;
        color: #37cf91;
        border-radius: 25px;
        margin-right: 10px;
        font-weight: 600;
    }

        .news-toasoan a:hover, .news-toasoan .active {
            background-color: #37cf91;
            color: white;
        }

.contact-slide {
    padding: 5px 5px;
    min-height: 70px;
    background-color: #6a6e77;
    width: 100%;
    text-align: center;
}

    .contact-slide p {
        padding-bottom: 0px;
        text-align: center;
        width: 100%;
        color: white;
    }

.header-news img {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    color: white;
}

.phut-news {
    padding-left: 10px;
    padding-right: 10px;
}

    .phut-news:after {
        content: "|";
        margin: 0 6px;
    }

.mota-news {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.news-link {
    text-decoration: none;
    color: black;
}

    .news-link:hover {
        text-decoration: none;
        color: #37cf91;
    }

.paddingtop40 {
    padding: 40px;
}

.market-news-index {
    /*background-image: linear-gradient(270deg, #393d3b 59%, #393d3b 150%);
    background-repeat: unset;*/
}

.info-index {
    margin-bottom: 10px;
}

.giaodich a {
    padding: 5px 20px;
    color: #37cf91;
    border: 1px solid #37cf91;
    text-decoration: none;
    margin-bottom: 30px;
    border-radius: 25px;
    line-height: 38px;
    font-weight: 600;
}

.vachngang2 {
    position: absolute;
    right: 25%;
    top: -30px;
    width: 50%;
    height: 2px;
    background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
    content: '';
}

.giaodich a:hover, .giaodich .active {
    color: white;
    text-decoration: none;
    background: #37cf91;
}

.giaodich-noidung {
    padding: 28px;
}

    .giaodich-noidung a {
        padding: 10px;
        color: white;
        font-weight: 600;
        text-decoration: none;
    }

        .giaodich-noidung a:hover, .giaodich-noidung .active {
            color: #37cf91;
            text-decoration: none;
        }

.img-whyfxmt {
    height: 200px !important;
    width: 100% !important;
}

.title-whyfxmt {
    text-align: center;
    font-size: 14px !important;
    font-weight: 600;
    margin-bottom: 0px !important;
}

    .title-whyfxmt label, .title_main p label {
        background: -webkit-linear-gradient(#F900D1, #3733FF);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.content-sign-index p {
    padding: 0px 0%;
    font-size: 18px;
    font-weight: 600;
    text-align: justify;
}

.backrought-sign {
    background-color: white;
    border-radius: 25px;
    padding: 15px;
}
/*lat hinh*/

.tpk_card {
    position: relative;
    width: 100%;
    height: 200px;
    transform-style: preserve-3d;
    perspective: 600px;
    transition: 0.5s;
    border-radius: 15px;
}

    .tpk_card .front {
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        transform: rotateY(0deg);
        border: 1px solid #37cf91;
        transition: 0.5s;
        border-radius: 15px;
        box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
        padding: 15px;
    }

.front img {
    padding-left: 0%;
    width: 60% !important;
    height: 120px !important;
    margin-bottom: 30px;
}

.front p {
    text-align: center;
    font-size: 13px;
}

.tpk_card:hover .front {
    transform: rotateY(-180deg);
}

.tpk_card .back {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    transition: 0.5s;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
    border-radius: 15px;
    border: 1px solid #37cf91;
    padding: 15px;
    font-size: 13px;
}

.tpk_card:hover .back {
    transform: rotateY(0deg);
}


.title_sign-index h2 {
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    color: #37cf91;
}

.title_sign-index p {
    text-align: justify;
    width: 60%;
    font-size: 15px;
    margin-left: 20%;
}

.tintuc-nhanh {
    width: 48%;
    padding: 15px;
    border: 1px solid #37cf91;
    border-radius: 15px;
    min-height: 150px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
    position: relative;
}

.title-tintucnhanh {
    margin-left: 10px;
    margin-right: 10px;
    min-height: 20px;
    color: black;
    position: relative;
}

    .title-tintucnhanh label {
        font-weight: 500;
        font-size: 20px;
        font-weight: 600;
    }

    .title-tintucnhanh i {
        position: absolute;
        top: 5px;
        right: 0px;
    }

.BUY, .Buy, .buy {
    color: #37cf91;
    margin-left: 10px;
    margin-right: 10px;
}

.SELL, .Sell, .sell {
    color: red;
    margin-left: 10px;
    margin-right: 10px;
}

.noidung-tintucnhanh {
    min-height: 100px;
    color: #9b9696;
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #37cf91;
}

    .noidung-tintucnhanh div {
        width: 33%;
        float: left;
        text-align: left;
        padding-left: 10px;
        border-left: 1px solid #37cf91;
    }

    .noidung-tintucnhanh span {
        width: 33%;
        float: left;
        font-size: 15px;
        color: black;
        text-align: center;
        padding-left: 10px;
        padding-top: 10px;
        font-weight: 600;
    }

.xem-chitiet {
    text-align: center;
    color: #37cf91;
    text-decoration: none;
    font-weight: 500;
    line-height: 30px;
    font-size: 16px;
}

    .xem-chitiet:hover {
        text-decoration: none;
        color: black;
    }

.title_livetrade {
    font-size: 25px;
    color: #37cf91;
    font-weight: 600;
    text-align: left;
    padding: 20px 0px;
}

    .title_livetrade::before {
        content: "";
        position: absolute;
        width: 150px;
        height: 1px;
        top: 55px;
        background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
    }

    .title_livetrade label {
        color: black;
    }

.vachdoctrade {
    position: absolute;
    top: 60px;
    width: 3px;
    height: 450px;
    background: linear-gradient(0deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
}

.tradeplan-chitiet {
    width: 100%;
    color: white;
    border-bottom: 1px dashed #37cf91;
    position: relative;
    min-height: 65px;
    margin-bottom: 5px;
}

    .tradeplan-chitiet img {
        width: 60px !important;
        height: 60px !important;
        float: left;
    }

.title-tradeplan-nd {
    padding-left: 10px;
    color: #000;
    width: 69%;
    float: left;
    line-height: 20px;
}

.premium {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    bottom: 0px;
    left: 10px;
    background: -webkit-linear-gradient(#F900D1, #3733FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    margin-bottom: 0px;
}

.title-tradeplan-nd span {
    color: black;
    font-size: 10px;
}

.title-tradeplan-nd a {
    color: #37cf91;
    font-size: 11px;
    text-decoration: none;
}

    .title-tradeplan-nd a:hover {
        color: black;
        text-decoration: none;
    }

.sign-index {
    margin-bottom: 80px;
}

.noidung-cohoi p {
    font-size: 18px;
    color: black;
    text-align: center;
    font-weight: 600;
}

.noidung-cohoi a {
    color: black;
    font-size: 16px;
    padding: 20px;
    text-decoration: none;
}

    .noidung-cohoi a:hover {
        color: #37cf91;
        text-decoration: none;
        font-size: 17px;
        font-weight: 600;
    }

.cohoi-index {
    padding-bottom: 80px;
}

.live-noidung-chitiet {
    width: 29%;
    float: left;
    padding: 30px;
    margin: 2%;
}

.chitiet-noidung-ch div {
    padding: 10px 0px;
    border-bottom: 1px dashed #37cf91;
}

    .chitiet-noidung-ch div i {
        font-size: 30px;
        color: white;
    }

.chitiet-noidung-ch span i {
    font-size: 30px;
    color: white;
}

.chitiet-noidung-ch {
    background-color: white;
    border-radius: 15px;
    min-height: 150px;
    padding: 20px;
    margin-top: 50px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
}

.nen-tradeplan {
    border-radius: 15px;
    border: 1px solid #37cf91;
    padding: 10px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
}

.title_sign-index h2 label {
    color: #37cf91;
}

.title_sign-index h2 {
    color: black;
}

.container-cac-buoc1, .container-cac-buoc3 {
    position: relative;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    border: 1px solid #37cf91;
    width: 48%;
    min-height: 80px;
    float: left;
    margin-right: 1%;
    padding: 15px;
    margin-bottom: 2%;
    text-align: center;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
}

.container-cac-buoc2, .container-cac-buoc4 {
    position: relative;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    border: 1px solid #37cf91;
    width: 48%;
    min-height: 80px;
    margin-left: 1%;
    float: right;
    padding: 15px;
    margin-bottom: 2%;
    text-align: center;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
}

.cac-buoc1::before {
    content: "1";
    position: absolute;
    bottom: -20px;
    right: 20px;
    font-size: 85px;
    font-weight: 600;
    color: #d1d0d0;
    z-index: 10;
    font-style: italic;
}

.cac-buoc2::before {
    content: "2";
    position: absolute;
    bottom: -20px;
    left: 20px;
    font-size: 85px;
    font-weight: 600;
    color: #d1d0d0;
    z-index: 10;
    font-style: italic;
}

.cac-buoc3::before {
    content: "3";
    position: absolute;
    bottom: -20px;
    right: 20px;
    font-size: 85px;
    font-weight: 600;
    color: #d1d0d0;
    z-index: 10;
    font-style: italic;
}

.cac-buoc4::before {
    content: "4";
    position: absolute;
    bottom: -20px;
    left: 20px;
    font-size: 85px;
    font-weight: 600;
    color: #d1d0d0;
    z-index: 10;
    font-style: italic;
}

.container-cac-buoc p {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.contact-slide label {
    font-size: 16px;
}

.container-cac-buoc1 div, .container-cac-buoc3 div {
    text-align: justify;
    font-size: 15px;
    width: 88%;
    padding-left: 5%;
    float: left;
    z-index: 20;
}

.container-cac-buoc2 div, .container-cac-buoc4 div {
    text-align: justify;
    font-size: 15px;
    width: 88%;
    padding-right: 5%;
    float: right;
    z-index: 20;
}

.container-cac-buoc1 img, .container-cac-buoc3 img {
    width: 80px !important;
    height: 80px !important;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.container-cac-buoc2 img, .container-cac-buoc4 img {
    width: 80px !important;
    height: 80px !important;
    float: right;
    margin-right: 15px;
    margin-left: 15px;
}

.contact-slide div {
    font-size: 18px;
    color: #37cf91;
    display: inline-block;
}

.label-regic {
    padding-top: 5px;
    width: 30%;
    padding-right: 5px;
    float: left;
    text-align: left;
    color:#000;
}

.label-regic2 {
    width: 20%;
    padding-top: 10px;
    float: left;
    text-align: left;
}

.label-regic3 {
    padding-top: 5px;
    width: 40%;
    float: left;
    text-align: left;
}

.col-right-regic {
    font-size: 13px;
    width: 70%;
    float: left;
    text-align: left;
    margin-top: 5px;
}

.col-right-regic2 {
    width: 80%;
    float: left;
    text-align: left;
    margin-top: 5px;
    position: relative;
}

.col-right-regic3 {
    width: 60%;
    float: left;
    text-align: left;
    margin-top: 5px;
    position: relative;
}

.nenbackrought {
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
    border-radius: 15px;
    padding: 20px;
    background-color: #fef3eb;
}

.title-dangky-index {
    font-size: 38px;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 50px;
}

.col-right-regic img, .col-right-regic2 img {
    width: 85% !important;
    float: left;
    height: 45px;
    border: 1px solid #242424;
    border-radius: 15px;
}

.captcha {
    width: 20% !important;
    float: left;
    font-size: 17px !important;
    position: absolute;
    top: 15px;
    right: -10%;
}

.btn-fxmt {
    margin-top: 15px;
    padding: 5px 15px !important;
    border: 1px solid #37cf91;
    color: #000;
    background-color: #37cf91;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

    .btn-fxmt:hover {
        color: #fff;
        background-color: #37cf91 !important;
        text-decoration: none;
    }

.form-fxmt::before {
    position: absolute;
    right: 0px;
    top: 100px;
    width: 2px;
    height: 300px;
    background: linear-gradient(0deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
    content: '';
}

.col-right-regic a {
    color: #37cf91;
    text-decoration: none;
    font-weight: 500;
}

    .col-right-regic a:hover {
        color: black;
        text-decoration: none;
    }

.img-cfdfxmt {
    margin-bottom: 10px !important;
}

.cfd-noidung-content {
    margin-bottom: 80px;
}

.backrought-cfd {
    min-height: 280px;
    border-radius: 25px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
}

.cfd-noidung {
    width: 24%;
    float: left;
    margin-left: 1%;
    padding: 15px;
}

.noidungcfd1 {
    padding-top: 50px;
    text-align: center;
}

    .noidungcfd1 label {
        font-size: 48px;
        text-align: center;
        font-weight: 600;
    }

    .noidungcfd1 p {
        font-size: 15px;
        text-align: center;
    }

.noidungcfd2 label {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    position: relative;
}

.noidungcfd2 p {
    font-size: 15px;
    text-align: left;
    box-shadow: -28px 0px 19px -24px rgb(81 94 90 / 20%), -7px -15px 13px -7px rgb(0 0 0 / 0%);
    padding: 15px;
    min-height: 150px;
}

.cfd-index {
    margin-bottom: 50px;
    margin-top: 50px;
    min-height: 250px;
}

.cfd-index2 {
    padding-top: 60px;
    min-height: 250px;
    padding-bottom: 80px;
}

.taotk {
    text-align: center;
}

    .taotk a {
        text-decoration: none;
        background-color: #37cf91;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 25px;
        padding: 5px 40px;
        color: white;
        display: inline-block;
    }

        .taotk a:hover {
            text-decoration: none;
            background-color: white;
            color: #37cf91;
            border: 1px solid #37cf91;
        }

.noidungcfd2 label::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 33px;
    background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
}

.tool-index, .tool-index3 {
    margin-bottom: 80px;
}

.noidung-tool1 {
    margin-bottom: 20px;
}

    .noidung-tool1 img {
        width: 50px !important;
        height: 50px !important;
        magrin-right: 20px;
    }

    .noidung-tool1 label {
        font-size: 20px;
        font-weight: 600;
        padding-left: 20px;
    }

.noidung-tool3, .noidung-tool2 {
    width: 48%;
    float: left;
    margin-right: 10px;
}

    .noidung-tool2 img, .noidung-tool3 img {
        width: 50px !important;
        height: 50px !important;
        magrin-right: 20px;
    }

    .noidung-tool2 label, .noidung-tool3 label {
        font-size: 20px;
        font-weight: 600;
        padding-left: 20px;
    }

.platforms {
    margin-top: 30px;
}

.sign-in {
    text-align: center;
    width: 100%;
}

.fogot-pass {
    padding-top: 5px;
}

.signin-main {
    margin-top: 110px;
    margin-bottom: 50px;
    border-radius: 25px;
    display: inline-block;
    width: 50%;
    margin-left: 25%;
    border: 1px solid #37cf91;
    min-height: 250px;
    box-shadow: -28px 0px 19px -24px rgb(81 94 90 / 20%), -7px -15px 13px -7px rgb(0 0 0 / 0%);
    padding: 30px;
    text-align: center;
}

.title-signin {
    display: inline-block;
    font-size: 150%;
    font-weight: 600;
    color: #37cf91;
    padding-bottom: 20px;
}

.signin-main p label {
    background: -webkit-linear-gradient(#F900D1, #3733FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.note-user {
    margin-top: 20px;
}

    .note-user span {
        text-align: center;
    }

    .note-user a {
        text-decoration: none;
        color: #37cf91;
    }

.noidung-tool a {
    font-size: 18px;
    color: black;
    text-decoration: none;
    padding-right: 10px;
}

    .noidung-tool a:hover {
        color: #37cf91;
        text-decoration: none;
    }

.noidung-tool:hover label {
    color: #37cf91;
}

.hienthimk i {
    position: absolute;
    bottom: 9px;
    right: 15px;
    color: #37cf91;
}

.hidemb {
    display: inline-block;
}

.bong-nen {
    opacity: 0.6;
    z-index: 250;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(226 227 227);
}
/*menu cap 2*/
.menu2 {
    position: absolute;
    top: 0px;
    right: -350px;
    width: 110%;
    display: none;
    min-height: 200px;
    background-color: #262a33;
    z-index: 350;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
    padding: 10px 20px;
}
/*menu cap 2*/
.menu3 {
    position: absolute;
    top: 0px;
    right: -30px;
    width: 200px;
    display: none;
    min-height: 200px;
    background-color: #262a33;
    z-index: 350;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
    padding: 10px 20px;
}

.menu4 {
    position: absolute;
    top: 0px;
    right: -80px;
    width: 200px;
    display: none;
    min-height: 200px;
    background-color: #262a33;
    z-index: 350;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
    padding: 10px 20px;
}

.menu1cot {
    width: 100%;
    float: left;
    text-align: left;
}

    .menu1cot label {
        font-family: sans-serif;
        line-height: 15px;
        font-size: 13px !important;
        font-weight: 500;
        color: #ccc1b7;
    }

.menu3cot {
    width: 33%;
    float: left;
    text-align: left;
}

    .menu3cot img {
        width: 60px !important;
        height: 60px !important;
        vertical-align: text-top;
    }

    .menu3cot div {
        text-align: left;
        line-height: 13px;
    }

    .menu3cot label {
        font-family: sans-serif;
        line-height: 15px;
        font-size: 13px !important;
        font-weight: 500;
        color: #ccc1b7;
    }

    .menu3cot span {
        font-family: sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: #ccc1b7;
        padding: 5px;
        margin-left: 40px;
        margin-bottom: 10px;
        display: inline-block;
    }

.hinhiconmenu2 {
    width: 22%;
    float: left;
}

.titleiconmenu2 {
    width: 78%;
    float: left;
    position: relative;
}

    .titleiconmenu2:hover label {
        font-size: 16px;
        color: #9caa92;
        !important;
        font-weight: 600;
    }

    .titleiconmenu2 .active2 {
        font-size: 16px;
        font-weight: 600;
        color: #9caa92 !important;
    }

.menuhuogdan a.active2 {
    color: black;
    background-color: #fef3eb;
    border-color: #a9a29d;
}

.Calender::before {
    content: "";
    width: 100%;
    height: 36px;
    background-color: rgb(226 227 227) !important;
    position: absolute;
    bottom: -6px;
    right: 0px;
}

.ngonnguweb {
    /* border-radius: 30px; 
    padding: 0px 15px;
    margin-left: 10px; 
    padding-bottom: 2px; */
    padding-left: 10px;
    padding-right: 25px;
    position: relative;
    height: 30px;
}

    .ngonnguweb:after {
        content: "";
        /*  background-image: url(../images/homepage-50.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    background-size: 15px;
    top: 10px;
    right: 5px;*/
    }

    .ngonnguweb img {
        width: 22px;
    }

.chonngonngu img {
    width: 28px;
    margin-right: 5px;
    height: 20px;
}

.ngonnguweb:hover .chonngonngu {
    display: block;
}

.chonngonngu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0px;
    width: 109px;
    background: #fff;
    border-radius: 15px;
    z-index: 200;
    text-align: left;
    padding: 10px;
}

    .chonngonngu a {
        text-align: left;
        font-size: 15px;
        color: #000;
    }

.menu1-cap2tren {
    position: relative;
}

    .menu1-cap2tren:hover .menu2-cap2tren {
        display: block;
    }

.menu2-cap2tren {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 250px;
    border-radius: 15px;
    background: #fff;
    display: none;
    z-index: 200;
    padding: 15px;
    text-align: left;
}

.bong-menu {
    opacity: 0.8;
    width: 2000px;
    height: 1001px;
    position: absolute;
    top: -29px;
    left: -600px;
    z-index: 300;
    display: none;
}

.backrought-tool {
    position: relative;
    border-radius: 5px;
    margin-bottom: 2%;
    padding: 10px 15px;
    min-height: 200px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 20px 1px rgb(173 173 173 / 26%);
    text-align: left;
    background-color: #000;
}

    .backrought-tool:hover {
        border: 1px solid #37cf91;
        box-shadow: 5px 5px 20px 1px rgb(173 173 173 / 26%), -5px -5px 20px 1px rgb(173 173 173 / 26%);
    }

        .backrought-tool:hover label {
            color: #37cf91;
        }

    .backrought-tool label {
        font-size: 14px;
        font-weight: 600;
        padding-top: 10px;
        text-align: left;
    }

    .backrought-tool i {
        font-size: 13px;
    }

    .backrought-tool p {
        text-align: justify;
        font-size: 13px;
        font-style: italic;
    }

.bentrai-tool {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #37cf91;
    text-decoration: none;
}

.benphai-tool {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #37cf91;
    text-decoration: none;
    font-size: 13px;
    font-family: sans-serif;
}

    .bentrai-tool:hover, .benphai-tool:hover {
        font-weight: 600;
        text-decoration: none;
    }

.tieude-tool {
    font-weight: 500;
}

    .tieude-tool:hover {
        color: #37cf91;
        font-weight: 600;
    }

.hinhthuat-ngu {
    width: 8%;
    float: left;
}

.contentthuat-ngu {
    width: 90%;
    float: left;
    padding-left: 10px;
    position: relative;
}

    .contentthuat-ngu label {
        font-weight: 600;
    }

    .contentthuat-ngu p {
        display: none;
        position: absolute;
        top: 25px;
        left: 0px;
        border: 1px solid #37cf91;
        border-radius: 10px;
        padding: 10px;
        background-color: white;
        z-index: 100;
        box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
        z-index: 310;
    }

    .contentthuat-ngu:hover p {
        display: block;
    }

    .contentthuat-ngu:hover label {
        color: #37cf91;
    }

.market-holiday span {
    font-size: 28px;
    font-weight: 600;
    display: inline-block;
}

.market-holiday p span {
    font-size: 15px;
}

.market-holiday {
    margin-top: 30px;
    padding-bottom: 50px;
    text-align: center;
}

    .market-holiday label {
        font-size: 28px;
        font-weight: 600;
        color: #37cf91;
    }

.vachduoi {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 10px;
}

    .vachduoi span {
        position: relative;
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        color: #37cf91;
    }

        .vachduoi span::before {
            position: absolute;
            right: -10%;
            bottom: 0px;
            width: 120%;
            height: 1px;
            background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
            content: '';
        }

.thuatngu-detail {
    width: 33%;
    float: left;
}

.chibao-index {
    padding-top: 50px;
}

.title_sign-index label {
    color: #37cf91;
    font-size: 28px;
    font-weight: 600;
}

.phien-giaod {
    background: rgb(226 227 227);
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 0px 0px rgb(8 8 8 / 14%);
    margin-bottom: 30px;
}

.title_calendar {
    padding: 20px 0px;
    text-align: center;
}

.noidung-title-cryto {
    text-align: left;
    padding-left: 15px;
    padding-top: 20px;
}

    .noidung-title-cryto p {
        width: 100% !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

.vps-body label {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    padding-top: 30px;
}

.vps-body span {
    font-weight: 600;
    width: 100%;
    display: inline;
}

.vps-body i {
    font-size: 18px;
    color: #37cf91;
}

.loaicong-cu {
    padding-top: 15px;
}

.muitendaudong {
    content: "";
    background-image: url(../images/homepage-51.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 30px;
    background-size: 10px;
    top: 0px;
    left: -10px;
}

.vps-body-dk {
    box-shadow: 0px 0px 5px 0px rgb(173 173 173 / 26%), 0px 0px 5px 1px rgb(173 173 173 / 26%);
    border-radius: 15px;
    min-height: 250px;
    text-align: center;
    margin-top: 0px;
}

.vps-index2 span {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 50px;
}

    .vps-index2 span label {
        font-size: 18px;
        font-weight: 600;
        color: #37cf91;
    }

.vps-index2 {
    padding-top: 30px;
    padding-bottom: 50px;
    position: relative;
    text-align: center;
}

.vps-body-dk:hover {
    box-shadow: 15px 15px 20px 1px rgb(173 173 173 / 26%), -15px -15px 20px 1px rgb(173 173 173 / 26%);
}

    .vps-body-dk:hover label, .vps-body-dk:hover i {
        color: #37cf91;
    }

    .vps-body-dk:hover p {
    }

.vps-body-dk label {
    font-size: 28px;
    font-weight: 600;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.vps-body-dk p {
    font-size: 38px;
    font-weight: 600;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    color: #37cf91;
}

.vps-body-dk i {
    font-weight: 600;
    padding-right: 20px;
    font-size: 25px;
}

.vps-body-dk span {
    width: 100%;
    display: flex;
    padding: 5px 15px;
    font-weight: 500;
}

.btn-dangky {
    text-decoration: none;
    color: #37cf91;
    padding: 5px 35px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border: 1px solid #37cf91;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .btn-dangky:hover {
        text-decoration: none;
        color: white;
        background-color: #37cf91;
        font-weight: 600;
    }

.motabanghi {
    position: relative;
}

.backrought-banghi {
    /*box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 20px 1px rgb(173 173 173 / 26%);*/
    border: 1px dashed #37cf91;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.banghian {
    display: none;
}

.xemthem-banghi {
    position: absolute;
    height: 30px;
    font-size: 13px;
    bottom: 0px;
    right: 20px;
    color: #37cf91;
}

.tieude-vps label {
    font-size: 20px;
    color: #37cf91;
    font-weight: 600;
}

.tieude-vps {
    font-size: 28px;
    font-weight: 600;
}

    .tieude-vps p {
        font-size: 28px;
        font-weight: 600;
    }

    .tieude-vps i {
        font-size: 18px;
        color: #37cf91;
    }

.motabanghi {
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

.banghihien p {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.title_sign-index label {
    color: #37cf91;
}

.sansanggd {
    position: absolute;
    bottom: -120px;
    left: 20%;
    width: 60%;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 20px 1px rgb(173 173 173 / 26%);
    padding: 25px;
    z-index: 500;
    background-color: #262a33;
    text-align: left;
}

.nd-sansanggd {
    width: 70%;
    float: left;
    padding-left: 20px;
}

    .nd-sansanggd span {
        font-size: 20px;
        font-weight: 600;
        color: #ccc1b7;
    }

    .nd-sansanggd p {
        width: 90%;
        font-size: 13px;
        color: #ccc1b7;
    }

    .nd-sansanggd span label {
        font-size: 20px;
        font-weight: 600;
        color: #37cf91;
    }

.btn-sansanggd {
    width: 30%;
    float: left;
    text-align: right;
    margin-top: 39px;
}

    .btn-sansanggd a {
        padding: 5px 25px;
        text-decoration: none;
        border: 1px solid #37cf91;
        /*border-top-left-radius: 30px;
    border-bottom-right-radius:30px ;*/
        border-radius: 5px;
        color: #37cf91;
        font-weight: 600;
    }

        .btn-sansanggd a:hover {
            text-decoration: none;
            background-color: #37cf91;
            color: white;
            font-weight: 600;
        }

.banghian p {
    font-size: 13px;
    text-align: left;
}

.vps-body-dk div {
    text-align: left;
    padding: 3px 20px;
    font-size: 13px;
}

.muiten3::before {
    content: "";
    background-image: url(../images/homepage-51.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 30px;
    background-size: 13px;
    top: -4px;
    left: 215px;
}

.tieude-cfd {
    font-size: 28px;
    font-weight: 600;
}

    .tieude-cfd label {
        color: #37cf91;
        font-size: 28px;
        font-weight: 600;
    }

.transitiondangnhap {
    width: 30%;
}

.noidungsroll {
    overflow: auto;
    width: 100%;
}

.holin a:hover {
    text-decoration: none;
    color: #37cf91;
}

.chuyengia-content img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.chuyengia-content span {
    color: #000;
    font-weight: 600;
}

.tradeplan-chitiet2 a:hover {
    text-decoration: none;
}

    .tradeplan-chitiet2 a:hover span {
        color: #37cf91;
    }

.chuyengia-content p {
    color: #6e6767;
}

.backrought-menutn {
    padding-top: 28px;
}

.trainingmenu1 span {
    position: relative;
    padding-bottom: 3px;
}

    .trainingmenu1 span:before {
        position: absolute;
        right: 0%;
        width: 100%;
        bottom: 0px;
        height: 1px;
        background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
        content: '';
    }

.trainingmenu1 {
    font-weight: 600;
    padding: 5px 15px;
    color: #cccccc;
    text-decoration: none;
    font-family: sans-serif;
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 1px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.trainingmenu11 span {
    position: relative;
    padding-bottom: 3px;
}

    .trainingmenu11 span:before {
        position: absolute;
        right: 0%;
        width: 100%;
        bottom: 0px;
        height: 1px;
        background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
        content: '';
    }

.trainingmenu11 {
    font-weight: 500;
    padding: 5px 15px;
    color: #000;
    background-color: #fef3eb;
    text-decoration: none;
    font-family: sans-serif;
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 1px;
    text-align: left;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 15px;
    font-weight: 600;
}

    .trainingmenu11:hover {
        text-decoration: none;
    }

.trainingmenu01 {
    text-align: left !important;
    text-decoration: none;
    color: #cccccc;
    position: relative;
    display: block;
    width: 100%;
    padding: 0px 15px;
}

    .trainingmenu01:hover {
        text-decoration: none;
    }
/*.trainingmenu01:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
    content: '';
}*/
/*.trainingmenu1::before{
    position: absolute;
    right: 0%;
    bottom: 0px;
    width: 100%;
    height: 1px;
   background: linear-gradient(90deg, rgb(0 166 127) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
   content: '';
}*/
.trainingmenu1:hover {
    text-decoration: none;
}

.trainingmenu2 {
    padding: 5px 30px;
    font-size: 13px;
    text-align: left;
}

    .trainingmenu2 div {
        border-bottom: 1px dotted #37cf91;
        padding: 3px 0px;
    }

    .trainingmenu2 a {
        color: #cccccc;
        text-decoration: none;
    }

        .trainingmenu2 a:hover {
            color: #9caa92 !important;
            text-decoration: none;
            font-weight: 600;
        }

.activetraing {
    text-decoration: none;
    /* background: -webkit-linear-gradient(#F900D1, #3733FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #9caa92 !important;
    font-weight: 600;
}
/*.trainingmenu2 div::before{
    content: "";
    background-image: url(../images/homepage-51.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 10px;
    top: -1px;
    left: -15px;
}*/
.trainingmenu2 div {
    position: relative;
}

.noidung-baiviettn {
    padding: 15px;
    overflow-y: auto;
    text-align: left;
}

.tieude-baiviettn {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #cccccc;
}

    .tieude-baiviettn span {
        position: relative;
        padding-bottom: 3px;
    }

        .tieude-baiviettn span:before {
            position: absolute;
            right: 0%;
            width: 100%;
            bottom: 0px;
            height: 1px;
            background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
            content: '';
        }

.loiich-tieude label {
    color: #37cf91;
    text-align: center;
}

.loiich-tieude div {
    font-weight: 600;
    font-size: 26px;
    color: #000;
    text-align: center;
}

.loiich-tieude p {
    text-align: center;
}

.loiich-tieude {
    padding-bottom: 10px;
}

.title-quyenloi {
    font-size: 18px;
    font-weight: 600px;
    color: #000;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

    .title-quyenloi::before {
        position: absolute;
        right: 30%;
        bottom: 0px;
        width: 40%;
        height: 1px;
        background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
        content: '';
    }

.vien-quyenloi {
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0px 0px 20px 0px rgb(173 173 173 / 26%), 0px 0px 20px 0px rgb(173 173 173 / 26%);
    min-height: 250px;
}

.tuade-ql {
    position: relative;
    padding-left: 20px;
    margin: 0px;
    color: #cccccc80;
}

    .tuade-ql:before {
        content: "";
        background-image: url(../images/homepage-51.png);
        background-repeat: no-repeat;
        position: absolute;
        width: 20px;
        height: 30px;
        background-size: 13px;
        top: 0px;
        left: -5px;
    }

.loiich-index {
    padding-bottom: 80px;
}

.title-quyenloi label {
    color: #37cf91;
    font-size: 18px;
    font-weight: 600;
}

.mota-ql p {
    text-align: left;
}

.mota-ql {
    padding-top: 20px;
}

.fix_head .top_menu {
    display: none;
}

.fix_head .logo {
    margin-top: 0px;
    padding-top: 0px;
}

.fix_head {
    padding-bottom: 0px !important;
}

.xemthemacademy {
    width: 100%;
    text-align: center;
}

.tieude-menu1 {
    color: #37cf91;
    padding: 5px 0px;
    text-align: center;
    position: relative;
}

.lang-en:hover {
    color: #37cf91;
}
/*.tieude-menu1::before{
    content: "";
    position: absolute;
    bottom: 0px;
    right: 15px;
    background-image: url(../images/homepage-50.png);
    background-repeat: no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
}*/
.giogiaodich-fx {
    width: 50%;
    float: left;
}

.copyright-footer {
    /* background: linear-gradient(252.38deg, #F900D1 -7.24%, #3733FF 55.73%);*/
    background-color: black;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 5px 0px;
}

.wrap-content3 {
    width: 100%;
    max-width: 1220px;
    padding: 0px 10px;
    margin: auto;
}

.copyright-footer p {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.menuhuogdan {
    padding-bottom: 10px;
    position: relative;
    text-align: center;
}

.vachsoc {
    background: linear-gradient(90deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 1px;
    width: 100%;
}

.ndhuongdan {
    padding-top: 30px;
    font-weight: 300;
    font-size: 15px;
}

.menuhuogdan a.active {
    color: white;
    background-color: #37cf91;
}

.tieudemk {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 20px;
}

.tradeplan-marquee {
    color: black;
    text-decoration: none;
}

    .tradeplan-marquee:hover {
        color: #37cf91;
        text-decoration: none;
    }

.blockmb {
    display: none;
}

.transition_logo, .transition_logo2 {
    /*width: 42%;
    height: auto;*/
    width: 58px;
    height: auto;
}

.menutop-logo {
    position: absolute;
    top: 0px;
    left: 30px;
    padding-bottom: 20px;
    padding-left: 65px;
}

.menutop-giua i {
    font-size: 12px;
    color: #37cf91;
}

.menutop-giua {
    position: absolute;
    /*    top: -10px;*/
    right: 0px;
    width: 70%;
    text-align: right;
    padding-bottom: 20px;
    height: 36px;
}

    .menutop-logo a, .menutop-giua a, .menutop-mini a {
        color: #817b77;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
        padding: 3px 10px;
        position: relative;
        font-weight: 600;
        display: unset;
    }

.vachdocngan:before {
    position: absolute;
    content: "";
    top: 5px;
    right: 0px;
    border-right: 2px solid #37cf91;
    height: 15px;
}

.vachdocngan2 {
    padding-right: 30px !important;
}

    .vachdocngan2:before {
        position: absolute;
        content: "";
        top: 5px;
        right: 0px;
        border-right: 2px solid #37cf91;
        height: 15px;
    }

    .vachdocngan2:after {
        content: "";
        background-image: url(../images/homepage-50.png);
        background-repeat: no-repeat;
        position: absolute;
        width: 15px;
        height: 15px;
        background-size: 15px;
        top: 10px;
        right: 10px;
    }

.menutop-mini {
    position: absolute;
    top: 0px;
    right: 20px;
}

.fix_head .menutop-logo, .fix_head .menutop-giua .menu-tren {
    display: none;
}

.fix_head .menutop-giua .dkdn_index {
    top: 25px;
}

.fix_head .menutop-mini {
    display: none;
}

.menutop-mini a:hover, .menutop-logo a:hover, .menutop-giua a:hover {
    text-decoration: none;
    color: #37cf91;
    font-weight: 550;
}

.title_index {
    text-align: center;
    padding-bottom: 8px;
    font-weight: 600;
}

.title2_index {
    padding-top: 45px;
    padding-bottom: 85px;
}

.title_index label {
    color: #37cf91;
    font-weight: 600;
    text-align: center;
    font-size: 100%;
}

.chisog-index label {
    font-size: 300%;
}

.chisog-index b {
    color: #37cf91;
}

.title_index p {
    font-size: 13px;
}

.vachngancach {
    height: 5px;
    position: relative;
    margin-top: 50px;
    box-shadow: 0px 0px 20px 1px #cccccc1b, 0px 0px 0px 0px rgb(8 8 8 / 14%);
    width: 100%;
}

.vachngancach2 {
    border-bottom: 1px dashed;
    #ccc1b7;
    height: 4px;
    position: relative;
    margin-bottom: 50px;
    width: 100%;
}

.vachngancach3 {
    border-bottom: 1px dashed #ccc1b7;
    border-top: 1px dashed #ccc1b7;
    height: 5px;
    position: relative;
    margin-top: 20px;
    background-color: #fff1e5;
    box-shadow: 0px 0px 20px 1px rgb(255 241 229), 0px 0px 0px 0px rgb(8 8 8 / 14%);
}

.vachngancach4 {
    border-bottom: 1px dashed #ccc1b7;
    height: 4px;
    position: relative;
    background-color: #fff1e5;
    box-shadow: 0px 0px 20px 1px rgb(255 241 229), 0px 0px 0px 0px rgb(8 8 8 / 14%);
    margin-bottom: 20px;
}

.title-doitac a {
    text-decoration: none;
    text-align: center;
    color: black;
}

    .title-doitac a:hover {
        text-decoration: none;
        color: #37cf91;
    }

.title-doitac p {
    font-size: 13px;
}

.title-doitac {
    padding-bottom: 60px;
}

.active .fqaw-cauhoi {
    text-decoration: none;
    color: #37cf91;
}

.fqaw-cauhoi {
    text-decoration: none;
    color: #CCC1B7;
}

    .fqaw-cauhoi:hover {
        text-decoration: none;
        color: #CCCCCC;
    }

.fqa-cauhoi2 {
    padding: 5px 20px;
    border-radius: 20px;
    text-align: left;
    font-weight: 500;
    position: relative;
    margin-bottom: 10px;
}

    .fqa-cauhoi2 a {
        font-size: 90%;
        font-weight: 500;
        color: #666666;
        text-decoration: none;
    }

        .fqa-cauhoi2 a:hover {
            color: #37cf91;
            text-decoration: none;
        }

.fqa-cauhoi {
    border: 1px dashed #cccccc80;
    padding: 5px 20px;
    border-radius: 5px;
    text-align: left;
    font-weight: 500;
    position: relative;
    margin-bottom: 38px;
    text-align: center;
}

    .fqa-cauhoi:hover, .live-noidung-chitiet:hover, .backrought-banghi:hover {
        box-shadow: 0px 0px 20px 1px #37cf914d, 0px 0px 20px 1px #37cf914d;
    }
    /*.fqa-cauhoi:before {
    content: "";
    background-image: url(../images/homepage-50.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 30px;
    background-size: 20px;
    top: 10px;
    right: 20px;
}*/
    .fqa-cauhoi a {
        font-size: 100%;
        font-weight: 400;
        text-decoration: none;
    }

        .fqa-cauhoi a:hover {
            color: #37cf91;
            text-decoration: none;
        }

.fqa-traloi {
    display: none;
    font-weight: 400;
    font-size: 90%;
    padding: 10px 15px;
    margin-bottom: 15px;
    color: #cccccc80;
    text-align: left;
}

.title_slide {
    text-align: left;
    font-size: 130%;
    color: #cccccc;
    font-weight: 600;
}

.title2_slide {
    text-align: left;
    font-size: 150%;
    color: #37cf91;
    margin-top: 20px;
    font-weight: 600;
}

.title3_slide {
    margin-top: 20px;
    padding: 8px 0px;
    text-align: center;
    font-size: 120%;
    color: #cccccc;
    font-weight: 500;
}

    .title3_slide span {
        color: #37cf91;
        font-size: 150%;
    }

.vachtrai_index {
    position: relative;
}

    .vachtrai_index:before {
        position: absolute;
        content: "";
        width: 2px;
        height: 70%;
        top: 15%;
        right: 0px;
        background-color: #cccccc80;
    }

.btn_index {
    text-align: left;
    padding-top: 50px;
}

.doitac_index {
    height: 80px;
    width: 100%;
    background: #262a33;
    box-shadow: 0px 0px 20px 1px rgb(173 173 173 / 26%), 0px 0px 20px 1px rgb(173 173 173 / 26%);
}
/*giang làm*/
.brokerre_index {
    padding: 99px 0%;
}

.title_brokerre {
    text-transform: uppercase;
    color: #37cf91;
    font-weight: 600;
    text-align: center;
    font-size: 180%;
    padding-bottom: 20px;
}

.noidung_brokerre {
    color: #cccccc80;
    padding-bottom: 30px;
}

.header_brokerre {
    margin-bottom: 5px;
    border-top: 1px solid #cccccc1d;
    border-bottom: 1px solid #cccccc1d;
    border-left: 1px solid #cccccc1d;
}

    .header_brokerre div {
        border-right: 1px solid #cccccc1d;
        padding: 12px 0px;
        color: #cccccc;
        background-image: linear-gradient(to top, #2f333d00, #2f333d80);
        font-weight: 500;
    }

.body_brokerre {
    border-bottom: 1px solid #cccccc1d;
    border-left: 1px solid #cccccc1d;
}

    .body_brokerre div {
        border-right: 1px solid #cccccc1d;
        padding: 8px 0px;
        color: #cccccc80;
        background-image: linear-gradient(to top, #2f333d00, #2f333d80);
        font-weight: 500;
        font-size: 90%;
    }

.header2_brokerre {
    margin-bottom: 5px;
}

    .header2_brokerre div {
        border: 1px solid #cccccc1d;
        padding: 12px 0px;
        color: #cccccc;
        background-image: linear-gradient(to top, #2f333d00, #2f333d80);
        font-weight: 500;
    }

.body2_brokerre div {
    padding: 5px 15px;
    color: #cccccc80;
    background-image: linear-gradient(to top, #2f333d00, #2f333d80);
    font-weight: 500;
    text-align: left;
    font-size: 90%;
}

    .body2_brokerre div:nth-of-type(1) {
        padding-right: 0px;
        line-height: 25px;
    }

.body_brokerre div a {
    color: #cccccc80;
}

    .body_brokerre div a:hover {
        color: #37cf91;
        text-decoration: none;
    }

.img_brokerre {
    height: 15px;
    width: auto;
}

.body2_brokerre select, .body2_brokerre input {
    border-radius: 5px !important;
    background: unset !important;
    border: 1px solid #cccccc1d !important;
}

input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], textarea, select {
    border-radius: 5px !important;
    background: unset !important;
    /*border: 1px solid #cccccc75!important;*/
}

a {
    text-decoration: none;
}

.quyenloi_index {
    display: inline-grid;
    align-items: center;
    padding: 99px 5%;
    background-color: #000;
}

.noidung_ql {
    padding-left: 30% !important;
}

.title_quyenloi {
    text-transform: uppercase;
    color: #37cf91;
    font-weight: 600;
    text-align: center;
    font-size: 180%;
    padding-bottom: 100px;
}

.noidung_ql {
    text-align: left;
    padding: 18px 0px;
    color: #cccccc80;
    padding-left: 45px !important;
    padding-right: 25px !important;
}

.img_quyenloi {
    position: absolute;
    left: 0px;
    top: 20px;
    height: 15px;
    width: auto;
    padding-right: 15px;
}

.rebate_index {
    display: inline-grid;
    align-items: center;
    padding: 99px 0%;
    background: url("../images/bg_index2.png");
    background-repeat: no-repeat;
    background-size: 70% 50%;
    background-position-y: center;
    background-position-x: center;
}

.stt_rebate {
    font-size: 300%;
    font-weight: 600;
    color: #37cf91;
}

.title_rebate {
    font-size: 120%;
    font-weight: 600;
    color: #37cf91;
    padding: 20px 0px;
    padding-top: 0px;
}

.noidung_rebate {
    color: #cccccc80;
    padding-bottom: 30px;
}

.btn_rebate {
    padding-top: 80px;
    text-align: center;
}

.disclaimer span strong {
    color: #37cf91;
}

.noidung_markets {
    width: 25%;
    padding-left: 15px;
}

    .noidung_markets a {
        text-decoration: none;
        color: #ff767c;
        font-weight: 550;
    }

        .noidung_markets a:hover {
            text-decoration: none;
            color: black;
            font-weight: 550;
        }
/*popup thông báo*/
.modal-transaction2 {
    position: fixed;
    width: 100%;
    /*height: 100%;*/
    top: 20%;
    left: 0;
    z-index: 999;
    /* display: flex; */
    /* align-items: center; */
}

.body-transaction2 {
    width: 98%;
    max-width: 850px;
    margin: auto;
    /*background-image: linear-gradient(to right, #F900D1, #3733FF);
    border: 1px solid #ccc1b7;*/
    padding: 1px;
    border-radius: 10px;
    z-index: 1099;
}

.item-modal2 label {
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: #ccc1b7;
}

.item-modal2 p {
    font-size: 12px;
    text-align: center;
    color: #ccc1b7;
    overflow: hidden;
}

.head-modal {
    position: relative;
}

.close-modal:hover {
    color: #37cf91;
}

.wrap-modaltrans2 {
    background-color: #262a33;
    border-radius: 10px;
    padding: 20px 0px;
}

.item-modal2 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

    .item-modal2 div {
        border: 1px solid #ccc1b7;
        border-radius: 10px;
        padding: 15px;
        /*box-shadow: 2px 2px 2px 2px #e4ede8;*/
        text-align: center;
    }

.contact-img {
    width: 32%;
    color: #37cf91;
}

.hienthitomtat i {
    font-size: 30px;
    color: #ccc1b7;
}

.fqa-traloi2 {
    display: none;
    font-weight: 400;
    font-size: 13px;
    border-top: 1px dotted #37cf91;
    padding: 10px 15px;
    background-color: #ebeff2;
    margin-bottom: 15px;
    width: 60%;
    margin-left: 20%;
    border-radius: 15px;
}

.fqa-traloi3 {
    display: none;
    font-weight: 400;
    font-size: 13px;
    border-top: 1px dotted #37cf91;
    padding: 10px 15px;
    background-color: #e8e8e8;
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    border-radius: 15px;
}

.hidelaptop {
    display: none !important;
}

.noidungcttk {
    position: absolute;
    background: white;
    padding: 20px;
    border: 1px solid #37cf91;
    border-radius: 15px;
    width: 380px;
    top: 20%;
    left: 40%;
    display: none;
}

.noidung-baiviettn p, .noidung-baiviettn ul, .noidung-baiviettn li, .noidung-baiviettn h2, .noidung-baiviettn span, .noidung-baiviettn a, .noidung-baiviettn font {
    background-color: #1a1a1a !important;
    color: #cccccc80 !important;
    font-family: Montserrat !important;
    font-size: 100% !important;
}

.trainingmenu0 {
    border: 1px solid #37cf91;
    border-radius: 10px;
    width: 100%;
    display: block;
    padding-top: 2px;
    color: #cccccc;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 20px;
}

    .trainingmenu0:hover {
        text-decoration: none;
    }

.xemchitiet {
    text-decoration: none;
    color: black;
}

    .xemchitiet:hover {
        text-decoration: none;
        color: #37cf91;
    }

.btntable {
    text-decoration: none;
    color: black;
    font-size: 13px;
}

    .btntable:hover {
        text-decoration: none;
        color: #37cf91;
        font-size: 14px;
    }

.video-index {
    width: 120%;
    height: 300px;
    margin-bottom: 80px;
    margin-top: 80px;
}
/*copy trader*/
.tieude-copytrader {
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    font-family: sans-serif;
}

.noidung-copytrader {
    text-align: left;
}

.luachon1-copytrader {
    text-align: center;
    font-size: 16px;
    border: 1px solid #37cf91;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    text-decoration: none;
    padding: 3px 20px;
    color: #000;
    background: #fef3eb;
}

    .luachon1-copytrader:hover {
        border: 1px solid #37cf91;
        text-decoration: none;
        padding: 3px 20px;
        color: #37cf91;
        background: #fff;
    }

.luachon2-copytrader {
    text-align: center;
    font-size: 16px;
    border: 1px solid #37cf91;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    text-decoration: none;
    padding: 3px 20px;
    color: #37cf91;
    background: #fff;
    margin-left: 20px;
}

    .luachon2-copytrader:hover {
        border: 1px solid #37cf91;
        text-decoration: none;
        padding: 3px 20px;
        color: #fff;
        background: #37cf91;
    }

.bold label {
    text-align: center;
    font-weight: 600;
}

.xephang_copytraders {
    position: relative;
    margin-bottom: 180px;
}

.leftbold {
    text-align: left;
    font-weight: 600;
}

.tieude2_xephang {
    padding: 39px 15px;
}

    .tieude2_xephang span {
        text-align: left;
        font-weight: 600;
        width: 100%;
        display: block;
    }

    .tieude2_xephang p {
        width: 80%;
        text-align: left;
    }

.hinh-copytrder img {
    width: 800px;
    height: 128px;
    margin-top: 30px;
}

.index_avatar {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 30px;
}

.vien-xephang {
    border-radius: 25px;
    padding: 15px;
    height: 100%;
    background: #f2dfce;
}

    .vien-xephang:hover {
        box-shadow: 5px 5px 20px 1px rgb(173 173 173 / 26%), -5px -5px 20px 1px rgb(173 173 173 / 26%);
    }

.tieude3_xephang {
    padding: 20px 0px;
}

.hinhanh_xephang {
    position: relative;
}

    .hinhanh_xephang span {
        position: absolute;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        right: 15px;
        bottom: 10px;
        background: #37cf91;
        padding: 1px;
        font-size: 12px;
        color: white;
        font-weight: 600;
    }

.thongtin_trader {
    float: left;
    width: 40%;
    font-size: 13px;
    text-align: left;
}

    .thongtin_trader span {
        font-size: 13px;
        font-weight: 600;
    }

    .thongtin_trader p {
        margin-bottom: 0px;
    }

.btn_saochep {
    float: right;
    background: #37cf91;
    color: white;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 600;
    font-family: sans-serif;
    text-decoration: none;
}

    .btn_saochep:hover {
        text-decoration: none;
        color: #37cf91;
        background: #fff;
        border: 1px solid #37cf91;
    }

.thongke_xephang {
    font-size: 11px;
    font-weight: 300;
    text-align: center;
    font-family: sans-serif;
}

    .thongke_xephang label {
        font-size: 13px;
        font-weight: 600;
        color: #37cf91;
        margin-bottom: 0px;
    }

.tuongtac i {
    padding: 20px 0px;
    font-size: 38px;
}

.broker-logo {
    padding: 20px 0px;
}

.btn-fxmt-nho {
    border: 1px solid #37cf91;
    border-radius: 25px;
    padding: 0px 15px;
    color: #37cf91;
    text-decoration: none;
}

    .btn-fxmt-nho:hover {
        background: #37cf91;
        color: #fff;
        text-decoration: none;
    }

.tieude_dskh {
    display: block;
    width: 100%;
    text-align: center;
}

.thaotac {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    margin-right: 20px;
}

    .thaotac:hover {
        color: #37cf91;
        text-decoration: none;
    }

.margin15 {
    margin-bottom: 15px;
}

.vachngang-copy {
    position: relative;
}

    .vachngang-copy::before {
        position: absolute;
        left: 0;
        top: -30px;
        width: 1px;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 166, 127, 0.00) 0%, #00A67F 51.04%, rgba(0, 166, 127, 0.00) 100%);
        content: '';
    }
/*slide css*/
* {
    box-sizing: border-box
}
/* thiết lập style cho slideshow container */
.slideshow-container {
    /* max-width: 1000px;*/
    position: relative;
    margin: auto;
}
/* ẩn hình ảnh cho phần tử slideshow */
.mySlides {
    display: none;
}
/* thiết kế nút mũi tên*/

/* thiết kế nút mũi tên next nằm phía bên phải */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
    /* hiệu ứng thay đổi background khi hover vào nút mũi tên*/
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }
/* Thiết lập style cho nội dung của mỗi phần tử slideshow */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}
/* Thiết lập style cho số hiển thị của phần tử */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}
/* thiết lập style  nút tròn điều khiển*/
.dot {
    cursor: pointer;
    height: 6px;
    width: 6px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .activeslide, .dot:hover {
        background-color: #717171;
    }
/* tạo hiệu ứng chuyển động fade */
.fades {
    -webkit-animation-name: fades;
    -webkit-animation-duration: 1.5s;
    animation-name: fades;
    animation-duration: 1.5s;
}

@-webkit-keyframes fades {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fades {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/*css copy trader*/
.copys-tieude {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.copys-noidung {
    font-size: 13px;
    text-align: justify;
}

.tieu-su-trader {
    position: absolute;
    top: -360%;
    left: -50%;
    background: #fff;
    border-radius: 25px;
    width: 200%;
    padding: 15px;
    display: none;
    min-height: 330%;
}

    .tieu-su-trader p {
        font-size: 12px;
    }

    .tieu-su-trader::before {
        content: "";
        position: absolute;
        bottom: -28px;
        left: 40%;
        border-top: 16px solid #37cf91;
        border-bottom: 16px solid transparent;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
    }

.thongtin_trader:hover .tieu-su-trader {
    display: block;
}

.laikep_index {
    position: relative;
}

.tieude_laikep {
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    color: #37cf91;
}

.tieude2_laikep {
    text-align: left;
}

.monthly, .yearly, .totallot {
    color: #fff;
    font-weight: 600;
}

.tieude2_laikep span {
    width: 100%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

.noidung_laikep {
    text-align: left;
}

.vien_laikep {
    border-radius: 15px;
    box-shadow: 5px 5px 25px 0 rgba(33, 29, 62, .2);
    padding: 45px 15px;
    padding-top: 20px;
    background-color: #262a33;
    color: #ccc1b7;
}

.noidung_laikep span {
    font-weight: 600;
}

.noidung2_laikep {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
}

.noidung_markets2 {
    width: 70%;
    padding-left: 15px;
}

    .noidung_markets2 a {
        text-decoration: none;
        color: #ff767c;
        font-weight: 550;
        padding-right: 20px;
    }

        .noidung_markets2 a:hover {
            text-decoration: none;
            color: black;
            font-weight: 550;
        }

.title_report2 a {
    color: #817b77;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 10px;
    position: relative;
    font-weight: 600;
    border-bottom: 1px dashed #ccc1b7;
}

    .title_report2 a:hover {
        color: #37cf91;
        text-decoration: none;
    }

.title_report2 {
    padding-left: 40px;
    width: 20%;
    float: left;
}

    .title_report2 label {
        color: #37cf91;
        text-decoration:;
        font-weight: 600;
    }

.tieude_bangtinhrebate {
    text-align: left;
    font-size: 130%;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

.tieude2_bangtinhrebate {
    text-align: center;
    font-size: 12px;
    font-style: italic;
}

.noidung_bangtinhrebate {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 80px;
}

.maytinhloinhuan {
    margin-bottom: 80px;
}

.tieude2_menu {
    display: none;
}

    .tieude2_menu a {
        color: #000;
        text-transform: capitalize;
        font-size: 13px;
        font-family: sans-serif;
        padding: 10px 10px 10px 20px;
    }

    .tieude2_menu li {
        border-bottom: 1px dotted #37cf91;
    }

.tieude-menu1:hover li {
    display: block !important;
}

.hinh-copytrder {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.tieude_copytrade {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}

.noidung_copytrade {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.tieude2_copytrader {
    text-align: center;
    font-size: 13px;
    font-style: italic;
}

.noidung2_copytrader {
    text-align: justify;
    font-size: 15px;
}

.mt {
    text-align: center;
    display: flex;
    align-items: center;
}

.card-header {
    padding-top: 0px;
    padding-bottom: 0px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    box-shadow: 0px 0px 20px 0px rgb(173 173 173 / 26%), 0px 0px 20px 0px rgb(173 173 173 / 26%);
    border-bottom: 1px solid rgb(255 255 255 / 0%) !important;
}

.copy {
    background: #37cf91;
    color: #fff;
    border: solid 1px #68a31a;
    border-radius: 5px;
    width: 100px;
    height: 50px;
    font-weight: 600;
    right: 3%;
    top: 20px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    padding: 10px 0px;
}

    .copy:hover {
        background: #629a19;
        color: #fff;
        font-weight: 600;
        text-align: center;
        text-decoration: none;
    }

.right {
    text-align: right;
    margin-right: -2%;
}

.left {
    text-align: left;
}

.phantram1 {
    text-align: left !important;
    width: 50%;
}

.phantram1 {
    color: #68a31a;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px;
}

    .phantram1 span {
        color: #000;
        font-size: 13px;
        font-weight: 600;
    }

.tieude2_trade4you, .tieude3_trade4you, .tieude4_trade4you, .tieude5_trade4you {
    font-size: 12px;
    font-family: sans-serif;
    text-align: left;
    width: 50%;
    color: #8d8383;
}

    .tieude2_trade4you span, .tieude3_trade4you span, .tieude4_trade4you span, .tieude5_trade4you span {
        font-size: 12px;
        font-family: sans-serif;
        text-align: right;
        padding-left: 10px;
        float: right;
        font-weight: 600;
    }

    .tieude2_trade4you span {
        color: #0d2658;
    }

    .tieude3_trade4you span {
        color: #37cf91;
    }

    .tieude4_trade4you span {
        color: #dc3545;
    }

    .tieude5_trade4you span {
        color: #0d2658;
    }

.card {
    height: 100%;
    border-radius: 15px !important;
    box-shadow: 0px 0px 20px 0px rgb(173 173 173 / 26%), 0px 0px 20px 0px rgb(173 173 173 / 26%);
    background: unset !important;
    border: 1px solid rgb(255 255 255 / 0%) !important;
}

.card-body {
    position: relative;
}

.dothi {
    position: absolute;
    width: 50%;
    height: 90px;
    right: 0%;
    top: 10px;
}

.img-for4 {
    border-radius: 50%;
    position: absolute;
    width: 70px;
    height: 70px;
    margin-top: -15px;
    margin-left: -10px;
}

,
.img-for4, .hd {
    width: 50%;
}

.hd {
    margin-left: 65px;
    margin-top: 25px;
    color: #37cf91;
    font-size: 14px;
    font-weight: 800;
}

    .hd p {
        font-size: 12px;
        font-weight: 500;
    }

.follow {
    font-size: 12px;
    margin-top: -44px;
    right: 30px;
    position: absolute;
    color: #8d8383;
}

    .follow span {
        font-size: 15px;
        font-weight: 600;
        color: #37cf91;
    }

.increase span {
    font-size: 13px;
    margin-top: -25px;
    left: 57%;
    position: absolute;
}

.increase img {
    width: 15px;
    margin-top: -25px;
    position: absolute;
    left: 53%;
}

.them {
    margin: 0px auto;
    margin-top: 50px;
}

    .them a {
        border: 1px solid #68a31a;
        border-radius: 20px;
        padding: 8px 20px;
        background: #78bc1e;
        font-weight: 600;
        color: #fff;
    }

        .them a:hover {
            background: #629a19;
            color: #fff;
            font-weight: 600;
            text-decoration: none;
        }

.tieude_share4you {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px;
}

.trade4you1 {
    color: #ccc1b7;
}

.trade4you2 {
    margin-bottom: 186px;
}

.tieude0_share4you {
    font-size: 58px;
    font-weight: 600;
    font-family: sans-serif;
    text-align: center;
    color: #37cf91;
    margin-bottom: 50px;
}

.dothi {
    background-image: url('../images/bieudo.png');
    background-size: 105% 96%;
    background-repeat: no-repeat;
}

.hinhanh__trade4you0 img {
    background-size: 100% 100%;
    width: 100%;
    margin-top: 20px;
}

.tieude0_trade4you0 {
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px;
}

.noidung0_trade4you0 {
    font-size: 15px;
    text-align: left;
    font-weight: 500;
}

.tieude_trenheader2 {
    background: #262a33;
}

.tieude_header2 {
    /* background: #f2dfce; */
    color: #cdc1b8;
    padding: 10px 20px;
    text-align: left;
    font-size: 12px;
    /* border-radius: 15px; */
    font-family: sans-serif;
}

    .tieude_header2 p {
        margin: 0px;
    }

    .tieude_header2 a {
        color: #fffbff;
        text-decoration: none;
    }

        .tieude_header2 a:hover {
            color: #fff;
            font-weight: 600;
            text-decoration: none;
        }

.tieude_trenheader {
    padding: 5px;
}

.tieude_header {
    background: #f2dfce;
    color: #0a0a0a;
    padding: 10px 20px;
    text-align: left;
    font-size: 12px;
    border-radius: 15px;
    font-family: sans-serif;
    width: 92%;
    margin-left: 4%;
}

    .tieude_header p {
        margin: 0px;
    }

    .tieude_header a {
        color: #0a0a0a;
        text-decoration: none;
    }

        .tieude_header a:hover {
            color: #000;
            font-weight: 600;
            text-decoration: none;
        }

.fix_head .tieude_trenheader {
    /* display: none;*/
}

.lienhe_support {
    position: fixed;
    top: 76%;
    right: 10px;
    width: 58px;
    height: 58px;
    z-index: 500;
    animation: mymove 2s infinite ease-in-out;
    border-radius: 50%;
}

@keyframes mymove {
    50% {
        box-shadow: 0px 0px 30px #00b253;
        transform: rotate(20deg);
    }
}

.slides_index {
    display: flex;
    align-items: center;
    background: url("../images/bg_index3.png");
    background-repeat: no-repeat;
    background-size: 100% 110%;
    background-position-y: bottom;
    background-position-x: right;
}

.menua-tv-lv1 label i {
    color: #37cf91;
    font-weight: 600;
}

.dangnhap_index, .dangky_index {
    margin-top: 60px;
}

.card-header .left {
    position: relative;
}

.mota_trade4you2 {
    position: absolute;
    width: 90%;
    border-radius: 15px;
    padding: 15px;
    bottom: 62px;
    left: 56px;
    background: #262a33;
    z-index: 400;
    color: #ccc1b7 !important;
    border-bottom-left-radius: 0px;
    display: none;
    font-size: 12px;
}

.card-header .left:hover .mota_trade4you2 {
    display: block;
}

.mota_trade4you2 p {
    margin: 0px !important;
}

.item2_acc {
    border-bottom: 1px dashed #ccc1b7;
    text-align: center;
    font-size: 13px;
    border-right: 1px dashed #ccc1b7;
}

.item3_acc {
    border-left: 1px dashed #ccc1b7;
}

.signals_menu {
    animation: mymenu 2s infinite ease-in-out;
}

@keyframes mymenu {
    50% {
        box-shadow: 0px 0px 10px #00b253;
    }
}

.quangcaogsf {
    box-shadow: 0px 0px 20px 0px rgb(173 173 173 / 94%), 0px 0px 20px 0px rgb(61 61 61);
    border-radius: 15px;
    width: 90%;
    margin-left: 5%;
}

.quangcaogsf2 {
    border-radius: 15px;
}

.fix_head .tieude_header2 {
    display: block;
}

.tieude01_share4you {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 0px;
}

.supporttele {
    position: fixed;
    z-index: 999;
    right: 1%;
    top: 50%;
}

.optiontele {
    color: #33acde;
    font-size: 50px;
}

.menu_index .active span {
    border-bottom: 2px solid #37cf91;
}

.input_user {
    margin-bottom: 10px;
    position: relative;
}

    .input_user i {
        position: absolute;
        top: 30%;
        right: 20px;
        font-size: 120%;
        color: #666666;
    }

    .input_user select, .input_user input {
        height: 30px;
        font-size: 15px !important;
    }

.button_user {
    height: 30px;
    color: #000!important;
    background-color: #37cf91;
    border-radius: 5px;
    border: 1px solid #37cf91;
    width: 100%;
    display: block;
    line-height: 30px;
    font-weight: 600;
    margin-top: 20px;
    text-decoration: none;
}

    .button_user:hover {
        text-decoration: none;
    }

.input_user p {
    font-size: 90%;
    color: #cccccc80;
}

.marquee_index {
    display: inline-grid !important;
    align-items: center;
}

.noidung_marqueeindex {
    font-size: 76%;
    color: #cccccc80;
    font-weight: 600;
    padding-left: 0px !important;
}

.slides_index .container .row div {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#tong_rebate {
    color: #37cf91 !important;
}

.logo_mobile img {
    height: 38px;
    margin-top: 25px;
}

.menu_mb.active {
    left: 0px;
}

.menu_mb {
    position: fixed;
    left: -70%;
    width: 70%;
    background: #cccccc;
    height: 100%;
    top: 90px;
    z-index: 9999;
    transition: left 0.5s ease; /* Hiệu ứng trượt menu */
}

.transition_mb {
    padding: 8px 25px;
}

    .transition_mb a {
        color: #666666;
        font-weight: 500;
        display: block;
        width: 100%;
        padding: 5px 0px;
        text-decoration: none;
    }

        .transition_mb a:hover {
            color: #37cf91;
        }

.menu-toggle {
    width: 25px;
    height: 20px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    float: right;
    top: -3px;
}

    .menu-toggle span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #37cf91;
        border-radius: 2px;
        transition: 0.3s ease;
    }

    .menu-toggle.active span:nth-child(1) {
        transform: translateY(12px) rotate(45deg);
    }

    .menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle.active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg);
    }

.transition_mb img {
    height: 20px;
}

.title_bieudo {
    margin-top: 40px;
    text-align: left;
    font-weight: 600;
    margin-left: 40px;
    line-height: 32px;
}

.noidungloc_bd {
    border: 1px solid #cccccc80;
    background-color: #E8E8E880;
    margin-top: 15px;
    padding: 0px 0px;
    border-radius: 5px;
}

    .noidungloc_bd a {
        padding: 0px 20px;
        font-weight: 500;
        text-decoration: none;
        color: #666666;
    }

        .noidungloc_bd a:hover, .noidungloc_bd a.active {
            padding: 0px 15px;
            font-weight: 500;
            background: #fff;
            text-decoration: none;
            border-radius: 5px;
        }

.noidung_main input[type="text"], .noidung_main input[type="email"], .noidung_main input[type="password"], .noidung_main select,
.noidung_main input[type="text"]::placeholder {
    color: #666666 !important;
    font-size: 100% !important;
}

.faq_thanhvien a {
    text-align: center;
    color: #66666680;
}

input:-webkit-autofill {
    background-color: green;
    !important;
    color: black !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

.inputdt {
    color: #cccccc !important;
    font-size: 130% !important;
    height: 38px !important;
}

    .inputdt option {
        background-color: #0e0e0e;
        color: white;
    }

#contact_index {
    width: 40% !important;
}

#contact_noidung {
    color: #fff !important;
}

.tableide_bro {
    box-shadow: 20px 18px 20px 15px #00000052;
    font-size: 95%;
}

.headerind_bro {
    background-color: #37cf91;
    color: #000;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid #cccccc80;
    border-top: 1px solid #cccccc80;
    border-left: 1px solid #cccccc80;
    box-shadow: 0px 15px 20px #37cf9152;
}

    .headerind_bro div {
        padding: 8px 0px;
    }

        .headerind_bro div span {
            color: #fff;
        }

.bodyind_bro {
    color: #cccccc;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid #cccccc30;
    border-bottom: 1px solid #cccccc30;
    border-left: 1px solid #cccccc30;
    background: rgb(255 255 255 / 1%);
}

    .bodyind_bro div {
        padding: 8px 0px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 7%) 50%, rgba(255, 255, 255, 0) 100%)
    }

        .bodyind_bro div:first-child {
            text-align: left;
        }

        .bodyind_bro div a {
            color: #37cf91;
            text-decoration: none;
        }

        .bodyind_bro div:first-child a {
            padding-left: 15%;
            color: #ccccccbd;
            text-decoration: none;
        }

.marketsindex_01 {
    position: relative;
    padding: 60px 5%;
    padding-bottom: 150px;
    background-color: #fff;
}

.tieude_market {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #37cd91;
    font-weight: 600;
    font-size: 120%;
    text-align: left;
    padding-left: 25px;
}

.noidung_marketsnew {
    padding: 10px 10px;
    position: relative;
}

    .noidung_marketsnew:before {
        position: absolute;
        left: 25px;
        width: calc(100% - 50px);
        bottom: 0px;
        background: #66666680;
        height: 1px;
        content: "";
    }

.noidung2_markets {
    text-align: left;
    color: #666666;
}

.noidung_marketsnew a:hover {
    text-decoration: none;
    color: #fff;
}

.noidung3_markets {
    text-align: left;
    color: #666666c2;
    font-size: 80%;
}

.noidung4_markets {
    display: inline-grid;
    align-items: center;
    text-align: right;
}

    .noidung4_markets i {
        color: #66666680;
        text-align: right;
    }

.noidung3_markets i {
    padding-left: 5px;
}

.noidungct_marketsnew {
    display: none;
    color: #66666680;
    text-align: left;
    padding: 15px;
    position: relative;
}

    .noidungct_marketsnew:before {
        position: absolute;
        left: 15px;
        width: calc(100% - 30px);
        bottom: 0px;
        background: #666666;
        height: 1px;
        content: "";
    }

    .noidungct_marketsnew p, .noidungct_marketsnew span, .noidungct_marketsnew a, .noidungct_marketsnew font {
        color: #cccccc80 !important;
        font-size: 100% !important;
    }

.tieude_marketct {
    text-align: left;
    padding-left: 25px;
}

    .tieude_marketct a {
        text-align: left;
        color: #666666;
        text-decoration: none;
    }

.tieude2_marketct {
    text-align: left;
    color: #666666;
    font-size: 180%;
    padding-left: 25px;
    font-weight: 600;
    padding-bottom: 50px;
}

.noidung_marketct {
    padding-left: 25px;
}

    .noidung_marketct p, .noidung_marketct span, .noidung_marketct a, .noidung_marketct font {
        font-size: 100% !important;
        text-align: left;
        color: #666666 !important;
    }

.tieude3_marketct {
    text-align: left;
    color: #666666;
    padding: 30px 25px;
    font-weight: 600;
}

.noidungqc_marketsnew {
    border-left: 1px solid #66666680;
}

.ndung_marketsnew {
    padding-bottom: 50px;
}
/*chat live*/
.modalhienthi2 {
    position: fixed;
    bottom: 25%;
    right: 2%;
    width: 380px;
    background: #fff;
    z-index: 400;
    padding: 20px;
    border-radius: 10px;
    display: none;
    color: #666666;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.title_modal {
    text-align: center;
    border-bottom: 2px solid #cccccc80;
    padding-bottom: 10px;
    position: relative;
    color: #37cf91;
    font-size: 150%;
}

.modalbody-body {
    margin-top: 30px;
}

.title_modal a {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #666666;
}

#messages {
    margin-top: 10px;
    height: 300px;
    overflow: auto;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 12px;
}

.btn-fxmt8g {
    padding: 3px 22px;
    border: 1px solid #37cf91;
    color: #fff;
    background-color: #37cf91;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
}

    .btn-fxmt8g:hover {
        text-decoration: none;
        color: #37cf91;
        border: 1px solid #37cf91;
        background-color: #fff;
    }

#infochat input {
    height: 38px;
    font-size: 15px;
    color: #666666 !important;
}
.title2_slide {width:100%;}
#dangnhap, #dangky {
    color: #000000 !important;
}
.input_user button {
    color: #000000 !important;
}