html{scroll-behavior:smooth}
:focus{outline:none}
@font-face{font-family:SVN_Agency;src:url(../fonts/SVN-Agency_FB.ttf)}
@font-face{font-family:SVN_Agency;src:url(../fonts/SVN-Agency_FB_bold.ttf);font-weight:700}
/* @font-face{font-family:SVN_Nexa;src:url(../assets/fonts/SVN-Nexa_Light.ttf)}
@font-face{font-family:SVN_Nexa;src:url(../assets/fonts/SVN-Nexa_Bold.ttf);font-weight:700} */
header{font-family:SVN_Agency}
body{overflow-x:hidden;}
footer{font-family:SVN_Nexa}
#welcome .container-fluid::before{
    background: rgb(5, 46, 128);
}
html{scroll-behavior:smooth}
:focus{outline:none}
@font-face{font-family:SVN_Agency;src:url(../fonts/SVN-Agency_FB.ttf)}
@font-face{font-family:SVN_Agency;src:url(../fonts/SVN-Agency_FB_bold.ttf);font-weight:700}
/* @font-face{font-family:SVN_Nexa;src:url(../assets/fonts/SVN-Nexa_Light.ttf)}
@font-face{font-family:SVN_Nexa;src:url(../assets/fonts/SVN-Nexa_Bold.ttf);font-weight:700} */
@font-face{font-family:SVN_Nexa;src:url(../fonts/Montserrat-Regular.ttf)}
@font-face{font-family:SVN_Nexa;src:url(../fonts/Montserrat-Bold.ttf);font-weight:700}
body{overflow-x:hidden; font-family: SVN_Nexa}
/* header{font-family:SVN_Agency}
footer{font-family:SVN_Nexa} */
.content-header{
    /* width: 1140px; */
    margin: auto;
}
iframe{
    width: 100% !important;
/*    height: auto !important;*/
}
h1,h2,h3,h4{
    font-weight: 600;
}
.font-size-1{font-size: 36px;}
.font-size-2{font-size: 20px !important;}
#welcome .toh-welcome .mouse{position: absolute;left: 95%;bottom: 20px;}
#welcome .toh-welcome .mouse img:hover {transform: scale(1.1);transition: transform .5s;cursor: pointer;}
#welcome .toh-welcome .social-share-button img:hover {transform: scale(1.1);transition: transform .5s;cursor: pointer;}
#about .mouse img:hover {transform: scale(1.1);transition: transform .5s;cursor: pointer;}
#about .social-share-button img:hover {transform: scale(1.1);transition: transform .5s;cursor: pointer;}
#about .mouse{position: absolute;left: 83%;bottom: 20px;}
#about .social-share{position: absolute;left: 10%;bottom: 10px;}
#about .social-share-button {margin-top: 40px;}
.trinhnk_block_2 .zindex-content{z-index: 1000;}
#homepage_why_toh .see-more a:hover img{transform: scale(1.1);transition: transform .5s;cursor: pointer;}
#home_products_services a:hover img{transform: scale(1.1);transition: transform .5s;cursor: pointer;}
#products_services .textarea a:hover img{transform: scale(1.1);transition: transform .5s;cursor: pointer;}
/* #about .social-share .icon {transition: all .6s cubic-bezier(.165,.84,.44,1);opacity: 0;} */
#about .social-share .icon > div {margin-top: 33px;}
#recruitment .text-top-card h4 {margin-top: 5%;font-size: 25px;}
.has-search .clear-text-input{position:absolute;top:19px;left:95%;display: none;}
.hover-slide{transform: scale(1.1);transition: transform .5s;cursor: pointer;}
#suggestion {
    display: none;
    background: #fff;
    font-size: 18px;
    border-radius: 4px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
#suggestion ul {padding-left: 0;max-height: 240px;overflow: auto;width: 100%;margin-top: 1px;}
#suggestion ul li {list-style-type: none;cursor: pointer;color:#000;margin-left: 9%;}
.sticky-top .btn-share-social-network img {margin: 10px;}
.articles-search{ position: relative; }
.articles-search #inputSearch{ padding-right: 17%; }
.ic_search img:hover{
    transform: scale(1.1);
    transition: transform .5s;
    cursor: pointer;
}
.articles-search .ic_search {position: absolute; top: 5px; right: 13px;}
.articles-search .list-articles-search{margin-top: 30px;}
/* .articles-search .list-articles-search .img-list-articles-search{height: 100px;} */
.btn-share-social-network{margin-bottom: 50px;}
.btn-share-social-network .pointer b{color: #293a6c;}
.articles-menu{color: #fff;background: url(../images/social_head_bg.svg) no-repeat;padding: 3px;background-position: center;background-size: cover;}
.detail-news-content a:hover img{cursor: pointer;}
.pointer-1{color: #07216F;margin-left: 15px;}
.detail-news-content .pointer-1:hover{color: #0081FF;cursor: pointer;}
.detail-news-content .pointer-1:hover img{transform: scale(1.1);transition: transform .5s;cursor: pointer;}
.articles-hover:hover{box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.03), 0 6.7px 5.3px rgba(0, 0, 0, 0.04), 0 12.5px 10px rgba(0, 0, 0, 0.05); border: 0px solid rgba(0,0,0,.125);}
.pointer-2{margin-bottom: 15px;margin-left: 15px;}
.title-post-1{
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    -webkit-line-clamp: 3;
    height: 70px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.cus-h-50{
    height: 50px;
}
/* .kind-news .date-time{font-size: 15px;} */
.articles-hover{margin-bottom: 45px;}
.info-who-posted-1 .title-post{font-family: SVN_Agency;
    font-size: 76px;
    letter-spacing: 14px;
    font-weight: 700;
    margin-bottom: 50px;
}

.alert-search-null{display: none;}
.alert-search-null p{color: red; margin-top: 20px;}
.title-date .title-post{margin-bottom: 20px;}
.title-date{margin-bottom: 20px;}

.detail-news-content table, .detail-news-content td{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
table{
    border-collapse:collapse;
}
table .text-prev{
    border-right:1px solid #ccc;
}
.cv .product-image .fileinput-button:hover {
    color: #fff;
    background-color: #0069d9;
    text-decoration: none;
}
.detail-news-content .pointer:hover {background-color: #0069d9;}
.get-app .btn_google_store:hover {transform: scale(1.1);transition: transform .5s;cursor: pointer;}
#about .social-share:hover>.icon{
    display: block;
    transition: all .6s cubic-bezier(.165,.84,.44,1);
}
#about .social-share .icon{
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    display: none;
}
#home_products_services .trinhnk_block_5 .textarea{margin-top: 6%;}
.trinhnk_all_services .font-weight-bold{color:#fff;margin: 0 15px;}

.plain-text{font-size:20px;word-spacing:3px}
.content-header .menu{
    text-align: center;
}
.content-header .menu .navbar-light{
    margin-top: 42px;
}
.content-header .menu .navbar-light .active>.nav-link{
    color: #ffffff;
}
.content-header .menu .navbar-light .nav-link{
    color: rgba(255,255,255,0.6);
    font-size: 20px;
    text-transform: uppercase;
}
.content-header .menu .navbar-light .nav-link:hover{
    color: #ffffff;
}
.content-header .language-search .dropdown-toggle{
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.content-header .menu .dropdown-menu{
    border-radius: 0;
    padding: 0;
}
.content-header .menu .dropdown-menu>a{
    text-transform: uppercase;
    color: #8a8a8a;
    padding: 7px;
}
.content-header .menu .dropdown-menu>a:not(:first-child){
    border-top: 1px solid #e9e9e9;
}
.content-header .menu .dropdown-menu>a:hover{
    background-color: #ea5f1e;
    color: #ffffff;
}
/* .content-header .language-search .language{
    padding-top: 10px;
} */
.content-header #menu_language{
    font-size: 15px;
    padding: 3px 10px;
}
.content-header #menu_language::after{
    font-size: 20px;
}
.content-header .dropdown-toggle::after{
    margin-left: 8px;
    content: none !important;
}
/* .content-header .menu .navbar-light .navbar-nav .nav-item{
    margin-left: 32px;
} */
.content-header .menu .navbar-light .navbar-collapse .navbar-nav .nav-item>a{
    border: 3px solid transparent;
    padding: 5px;
}
.content-header .menu .navbar-light .navbar-collapse .navbar-nav .active>a{
    border-bottom: 3px solid #ff7534;
    padding: 5px;
}
.main-content{
    font-family: SVN_Agency;
}
.main-content #welcome .main .differences{
    font-size: 70px;
    text-transform: uppercase;
    color: #ff7534;
    letter-spacing: 24px;
}
.main-content #welcome .main .each-product{
    font-size: 76px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 14px;
    font-weight: bold;
}
.main-content #welcome .social-share{
    position: absolute;
    left: 5px;
    bottom: 170px;
}
.main-content #welcome .social-share-button{
    margin-top: 40px;
}
.main-content #welcome .social-share:hover>.icon{
    display: block;
    transition: all .6s cubic-bezier(.165,.84,.44,1);
}
.main-content #welcome .social-share .icon{
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    display: none;
}
.main-content #welcome .social-share .icon>div{
    margin-top: 33px;
}
.news{
    background-image: url(../images/img_news_bg.png)
}

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999999999;
}


/* Transparent Overlay */

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}


/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* trinhnk block 1 css  */
.trinhnk_block_1{font-family:SVN_Nexa;color:#263667}
.trinhnk_block_1 .block .content h3{font-size:25px;word-spacing:3.5px}
.trinhnk_block_1 .block .content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;height:100%}
.trinhnk_block_1 .block .service{color:#fff;width:215px;transform:translate(0%, -50%)}
.trinhnk_block_1 .block .service .hero-text{font-size:250px}
.trinhnk_block_1 .block .service .name{font-size:32px;margin-top:-55px;margin-left:12px}
.trinhnk_block_1 .block .service .name hr{margin-top:30px;border-top:1px solid #888585}

/* trinhnk block 2 css  */
.trinhnk_block_2{font-family:SVN_Nexa;background-color:#010707;padding-bottom:30px}
.trinhnk_block_2 .block .content{color:#fff;padding-right:20px}
.trinhnk_block_2 .block .image .inner img{z-index:-1;margin-top:110px}
.trinhnk_block_2 .block .content h3{font-size:25px;word-spacing:3.5px;color:#0080ff;padding-bottom:25px;line-height:1.5}
.trinhnk_block_2 .block .content .plain-text{font-size:20px;word-spacing:3px;padding-bottom:38px;line-height:1.5}
.trinhnk_block_2 .block .service .hero-text{font-size:250px}
.trinhnk_block_2 .block .service .name{font-size:28px;margin-top: -60px;}
.trinhnk_block_1 .block ul, .trinhnk_block_2 .block ul{margin-left: -20px;}
.trinhnk_block_2 .block .service .name hr{margin-top:30px;margin-bottom:50px;margin-left:0;border-top:1px solid #454545;width:170px}
/* .trinhnk_block_2 .block .zindex-content{z-index:1000} */
.trinhnk_block_2 li{list-style-type:none;position:relative}
.trinhnk_block_2 li::before{content:'•';position:absolute;left:-.8em;font-size:25px;top: -7px;}

/* trinhnk block 3 css  */
.trinhnk_block_3{padding:120px 0}
.trinhnk_block_3 .block .content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;height:100%}
.trinhnk_block_3 .block .content h2{letter-spacing:4.5px;font-size:36px;line-height:1.5}
.trinhnk_block_3 .block .plain-text{font-size:20px;word-spacing:2px}
.trinhnk_block_3 .screenshots{padding-top:120px;overflow:hidden}
.trinhnk_block_3 .screenshots .slider-screenshots{position:initial;width:100%;position:initial}
.trinhnk_block_3 .screenshots .slick-list{overflow:visible}
.trinhnk_block_3 .screenshots .screenshots-next,.trinhnk_block_3 .screenshots .screenshots-prev{height:100%;width:150px;z-index:1000}
.trinhnk_block_3 .screenshots-prev{top:0;left:0;align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;height:100%;background-image:none !important}
.trinhnk_block_3 .screenshots-next{top:0;right:0;align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;height:100%;background-image:none !important}
.trinhnk_block_3 .screenshots .slick-slide{margin:0 40px!important}
.trinhnk_block_3 .screenshots .slick-list{margin:0 -40px!important}
.trinhnk_block_3 li{list-style-type:none;position:relative}
.trinhnk_block_3 li::before{content:'•';position:absolute;left:-.8em;font-size:25px;top: -7px;}

/* trinhnk block 4 css  */
.trinhnk_block_4{padding:100px 0}
.trinhnk_block_4 .block .content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;height:100%}
.trinhnk_block_4 .block .content h2{letter-spacing:4.5px;font-size:36px;line-height:1.5}
.trinhnk_block_4 .block .plain-text{font-size:20px;word-spacing:2px}
.trinhnk_block_4 li{list-style-type:none;position:relative}
.trinhnk_block_4 li::before{content:'•';position:absolute;left:-.8em;font-size:25px;top: -7px;}
.trinhnk_block_4 .app-name,.trinhnk_block_4 .screenshots{padding:50px 0}

/* trinhnk block 5 css  */
.trinhnk_block_5{font-family:SVN_Nexa;color:#263667}
.trinhnk_block_5 .content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;}
.trinhnk_block_5 .content h2{letter-spacing:1.5px;font-size:36px;line-height:1.5}
.trinhnk_block_5 .plain-text{font-size:20px;word-spacing:2px}
.trinhnk_block_5 .content .divider{width:120px;margin-top:20px;margin-bottom:45px;border-bottom:4px solid #0080ff}
.trinhnk_block_5 ul{padding-inline-start:20px}
.trinhnk_block_5 li{list-style-type:none;position:relative}
.trinhnk_block_5 li::before{content:'•';position:absolute;left:-.8em;font-size:25px;top: -7px;}

/* trinhnk send cv css  */
.trinhnk_send_cv{color:#263667;background-color:#f4f5f7}
.trinhnk_send_cv .block{padding-top:115px;padding-bottom:115px}
.trinhnk_send_cv .block h2{letter-spacing:3px;line-height:50px;}
.trinhnk_send_cv .block .plain-text{font-size:20px;word-spacing:3px}
.trinhnk_send_cv .block .send-cv-button a{color:#fff;font-size:20px;letter-spacing:3px;padding:5px 50px;border-radius:21px}

/* trinhnk other product css  */
#trinhnk_other_product{font-family:SVN_Nexa;color:#263667;padding-top:100px;padding-bottom:150px}
#trinhnk_other_product .product-list{overflow:hidden}
#trinhnk_other_product .divider{width:150px;margin-top:25px;margin-bottom:90px;border:2px solid #0080ff}
#trinhnk_other_product .product-list .slider-product{position:initial;width:100%;position:initial}
#trinhnk_other_product .product-list .slick-list{overflow:visible}
#trinhnk_other_product .product-list .slick-slide{margin:0 40px!important}
#trinhnk_other_product .product-list .slick-list{margin:0 -40px!important}
#trinhnk_other_product .product-list .content{border:1px solid #d7d7d7;padding-top:100px}
#trinhnk_other_product .product-list .content .plain-text{font-size:20px;word-spacing:2px}
#trinhnk_other_product .product-list .above{top:0;left:0;width:100%;height:100%}
#trinhnk_other_product .product-list .above .link{background-color:#fff;padding:20px 30px;margin:275px 100px 0;box-shadow:0 0 5px rgba(136,136,136,0.5)}
#trinhnk_other_product .product-list .above .link:hover{box-shadow:0 0 15px rgba(136,136,136,0.5);transition:.3s}
#trinhnk_other_product .product-list a{color:#263667}
#trinhnk_other_product .product-list a:hover{text-decoration:none}
#trinhnk_other_product .product-list a:focus{outline:none}
#trinhnk_other_product .product-list .above .link h3{letter-spacing:3px;line-height:1.3}
#trinhnk_other_product .product-list .post:hover{box-shadow:10px 30px 20px 10px rgba(160,160,160,0.2);transition:.3s}
#trinhnk_other_product .product-list .post:hover .content{border:none}
#trinhnk_other_product .product-list .scroll-bar{margin-top:100px;font-size:24px;color:#263667}
nav.product-nav{margin-right:calc(-100%/9);margin-left:calc(100%/18)}
nav.product-nav ul.custom-dots{transition:all .25s ease-in-out;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;list-style-type:none}
nav.product-nav ul.custom-dots li{width:auto;flex-grow:1;text-align:center;margin-bottom:1rem;position:relative;transition:all .25s ease-in-out}
nav.product-nav ul.custom-dots li.slick-active~li:last-of-type::after,.trinhnk_about_history nav.timeline-nav ul.custom-dots li:last-of-type::after{height:2px;width:100%;bottom:4px;left:50%;border-top:none;z-index:0;content:"";position:absolute;background-image:linear-gradient(to right,transparent 40%,rgba(256,256,256,.3) 40%);background-size:15px 100%}
nav.product-nav ul.custom-dots li::before{height:0;width:101%;bottom:3px;right:50%;border-top:6px solid #3965dd;z-index:0;content:"";position:absolute}
nav.product-nav ul.custom-dots li.slick-active~li:before{height:0;width:101%;bottom:3px;right:50%;border-top:1px solid #8f98b2;z-index:0;content:"";position:absolute;background-size:15px 100%}
nav.product-nav ul.custom-dots li a{z-index:1;padding-bottom:25px;display:block;cursor:pointer;position:relative;transition:all .25s ease-in-out;right:50%}
/* nav.product-nav ul.custom-dots li:first-child:before{width:200%} */
/* nav.product-nav ul.custom-dots li:first-child a{width:200%;right:150%} */
#trinhnk_other_product .product-list .scroll-bar .button-previous-forward .previous{padding-left:12px;padding-right:5px}
#trinhnk_other_product .product-list .scroll-bar .button-previous-forward .forward{padding-right:5px;padding-left:5px}
#trinhnk_other_product .product-list .post:hover{cursor:url(../images/ic_view_vi.png),auto}

/* trinhnk homepage css  */
.home-welcome{font-family:SVN_Agency}
.home-welcome .toh-welcome .main .differences{font-size:70px;text-transform:uppercase;color:#ff7534;letter-spacing:24px}
.home-welcome .toh-welcome .main .each-product{font-size:76px;text-transform:uppercase;color:#fff;letter-spacing:14px;font-weight:700}
.home-welcome .toh-welcome .social-share{position:absolute;left:-5px;bottom:10px}
.home-welcome .toh-welcome .social-share-button{margin-top:40px}
.home-welcome .toh-welcome .social-share:hover>.icon{opacity:1;transition:all .6s cubic-bezier(.165,.84,.44,1)}
.home-welcome .toh-welcome .social-share .icon{transition:all .6s cubic-bezier(.165,.84,.44,1);opacity:0}
.home-welcome .toh-welcome .social-share .icon>div{margin-top:33px}
.home-welcome .toh-welcome .container-fluid::before{background-image:url(../images/bg_home.jpg) !important}
.intro-home{color:#263667;padding-top: 120px;padding-bottom: 120px}
.intro-home .block .content h3{font-size: 25px;word-spacing: 2.5px;font-weight: bold;line-height: 1.5;margin-bottom: 20px}
.intro-home .block .content .plain-text{font-size:20px;word-spacing:3px}
.intro-home .block .content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;height:100%}
.intro-home .block .content .textarea{padding-left:70px;padding-right: 95px;}
.intro-home .block .service{color:#fff;width:215px}
.intro-home .block .service .hero-text{font-size:250px}
.intro-home .block .service .name{font-size:32px;margin-top:-55px;margin-left:12px}
.intro-home .block .service .name hr{margin-top:30px;border-top:1px solid #454545}
.intro-home .image .inner{margin-right:-30px;margin-left:-15px}
.intro-home .content::before{left:-340px;background:#f4f5f7;content:"";top:-125px;bottom:-120px;position:absolute;width:calc(100% + 355px);height:calc(100% + 250px);z-index:-3}
.content .see-more a>b{font-size:20px}
.homepage-section-1{font-family:SVN_Nexa}
.homepage-section-1 .why-choose-toh{padding-top:120px;padding-bottom:120px;background-color:#1e2a46;color:#fff}
.homepage-section-1 .why-choose-toh .content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;height:100%}
.homepage-section-1 .why-choose-toh .content h2{font-size:2.15rem;font-weight:700;text-transform:uppercase}
.homepage-section-1 .why-choose-toh .content .plain-text{font-size:20px}
.homepage-section-1 .why-choose-toh .content .divider{width:170px;margin-top:30px;margin-bottom:45px;border:2px solid #0080ff}
.homepage-section-1 .why-choose-toh .content .textarea{padding-right:100px}
.homepage-section-1 .why-choose-toh .content .see-more a{
    color: #0081ff;
}
.homepage-section-1 .why-choose-toh .content .see-more a:hover{
    color: #fff;
}
.homepage-section-1 .why-choose-toh .image .inner{margin-right:-15px;margin-left:-35px}
.homepage-section-1 .toh-we-are{background-color:#1e2a46;color:#fff}
.homepage-section-1 .toh-we-are .image{width:100%;height:180px}
.homepage-section-1 .toh-we-are h3{text-transform:uppercase;font-size:1.4em;font-weight:700}
.homepage-section-1 .toh-we-are .plain-text{font-size:1.2rem}
/* .homepage-section-1 .toh-we-are>.container>.row .text-center{padding-bottom:50px} */
.homepage-section-1 .toh-criteria{padding-top:110px;background-color:#1e2a46;color:#fff}
.homepage-section-1 .toh-criteria .image img{width:100%}
.homepage-section-1 .toh-criteria .numeric{
    font-size: 45px;
    font-weight: 600;
    background-color: #0080ff;
    border-radius: 50%;
    width: 73px;
    height: 73px;
    margin-top: -38px;
    margin-left: 44%;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.homepage-section-1 .toh-criteria .mb-80px{margin-bottom:80px}
.homepage-section-1 .toh-criteria .pl-90px{padding-left:90px}
.toh-news{padding-bottom:120px;font-family:SVN_Nexa;overflow:hidden;color:#00266f}
#news_slider{background: url(../images/img_news_bg_1.png) no-repeat;background-repeat: no-repeat;}
.toh-news>.container>.divider{width:125px;border:2px solid #0080ff;margin-top:30px;margin-bottom:80px}
.toh-news .slider-news{position:initial;width:100%;position:initial}
.toh-news .slick-slide .col-xs-12 > div{background-color:orange}
.toh-news .slick-list{overflow:visible}
.toh-news .slick-next:before,.toh-news .slick-prev:before{color:#000}
.toh-news .slick-next,.toh-news .slick-prev{height:100%;width:150px;z-index:-2;display:none!important}
.toh-news .slick-prev,.toh-news .slick-prev:hover{left:0;background-image:linear-gradient(to right,#fff,rgba(255,255,255,0))}
.toh-news .slick-next,.toh-news .slick-next:hover{right:0;background-image:linear-gradient(to left,#fff,rgba(255,255,255,0))}
.toh-news .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{display:none}
.toh-news .slider-dots{position:relative}
.toh-news .slick-dots{bottom:5px}
.toh-news .ground{cursor:move}
.toh-news .ground .content{background-color:#fff; min-height: 300px;}
.toh-news .ground a:focus{outline:none}
/* .toh-news .ground a:hover{text-decoration:none} */
.toh-news .ground .content>.category .link-news{color:#fff;}
.toh-news .ground .content>.category span{background-color:#0080ff;border-radius:20px}
.toh-news .ground .content>.category>a:hover{color:#0056b3;}
.toh-news .ground .title{font-size:1.5rem; min-height: 115px;}
#article .card-content a img.img-article{
    height: 300px;
    width:100%
}
/* .toh-news .ground a{color:inherit} */
.toh-news .ground .content>.divider{width:60px;border:.5px solid #8f98b2}
.toh-news .ground .author{font-size:20px}
.toh-news .button-view{left:-20px;bottom:-20px}
.toh-news .button-view .button-text{bottom:33px;left:25px;color:#fff;font-size:26px}
.toh-news .post .ground:hover{box-shadow:10px 50px 20px rgba(136,136,136,0.1);transition:.3s}
.toh-news .scroll-bar{margin-top:50px;font-size:24px}
nav.toh-news-nav{margin-right:calc(-100%/10)}
nav.toh-news-nav ul.custom-dots{transition:all .25s ease-in-out;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;list-style-type:none}
nav.toh-news-nav ul.custom-dots li{width:auto;flex-grow:1;text-align:center;margin-bottom:1rem;position:relative;transition:all .25s ease-in-out}
nav.toh-news-nav ul.custom-dots li.slick-active~li:last-of-type::after,.trinhnk_about_history nav.timeline-nav ul.custom-dots li:last-of-type::after{height:2px;width:100%;bottom:4px;left:50%;border-top:none;z-index:0;content:"";position:absolute;background-image:linear-gradient(to right,transparent 40%,rgba(256,256,256,.3) 40%);background-size:15px 100%}
nav.toh-news-nav ul.custom-dots li::before{height:0;width:101%;bottom:3px;right:50%;border-top:6px solid #3965dd;z-index:0;content:"";position:absolute}
nav.toh-news-nav ul.custom-dots li.slick-active~li:before{height:0;width:101%;bottom:3px;right:50%;border-top:1px solid #8f98b2;z-index:0;content:"";position:absolute;background-size:15px 100%}
nav.toh-news-nav ul.custom-dots li a{z-index:1;padding-bottom:25px;display:block;cursor:pointer;position:relative;transition:all .25s ease-in-out;right:50%}
/* nav.toh-news-nav ul.custom-dots li:first-child:before{width:300%} */
/* nav.toh-news-nav ul.custom-dots li:first-child a{width:300%;right:250%} */
.toh-news .scroll-bar .button-previous-forward .previous{padding-left:12px;padding-right:5px}
.toh-news .scroll-bar .button-previous-forward .forward{padding-right:5px;padding-left:5px}
.toh-career{font-family:SVN_Nexa;overflow:hidden;color:#00266f}
.toh-career{padding-top:120px;padding-bottom:150px}
.toh-career>.career-background::after{background:#1e2a46;content:"";top:0;position:absolute;width:calc(100%);height:calc(700px);z-index:-1}
.toh-career h2{color:#fff}
.toh-career .divider{width:150px;margin-top:30px;margin-bottom:80px;border:2px solid #0080ff}
.toh-career .slider-career{position:initial;width:100%}
.toh-career .slick-slide .col-xs-12 > div{background-color:orange}
.toh-career .slick-list{overflow:visible}
.toh-career .slick-next:before,.toh-career .slick-prev:before{color:#000}
.toh-career .slick-next,.toh-career .slick-prev{height:100%;width:150px;z-index:-2;display: none}
.toh-career .slick-prev,.toh-career .slick-prev:hover{left:0;background-image:linear-gradient(to right,#fff,rgba(255,255,255,0))}
.toh-career .slick-next,.toh-career .slick-next:hover{right:0;background-image:linear-gradient(to left,#fff,rgba(255,255,255,0))}
.toh-career .slick-next.slick-disabled:before,.toh-career .slick-prev.slick-disabled:before{display:none}
.toh-career .slider-dots{position:relative}
.toh-career .slick-dots{bottom:5px}
.toh-career .slider-career .background{background-color:#fff}
.toh-career .background .content .plain-text{font-size:1.1rem}
.toh-career .background .content{border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;margin-top:85px}
.toh-career .post:hover>.background>.content{box-shadow:20px 20px 20px rgba(136,136,136,0.3);border:none;transition:.3s}
.toh-career .post .above{top:0;left:0;width:100%;height:100%}
.toh-career .post .above .link{background-color:#fff;padding:25px 50px;margin:160px 60px 0;-webkit-box-shadow:0 0 3px 3px rgba(136,136,136,0.5);-moz-box-shadow:0 0 3px 3px rgba(136,136,136,0.5);box-shadow:0 0 5px rgba(136,136,136,0.5)}
.toh-career .post .above .link:hover{box-shadow:0 0 15px rgba(136,136,136,0.5);transition:.3s}
.toh-career .post .above .link>a{color:#00266f;font-size:24px}
.toh-career .post .above .link>a:focus{outline:none}
.toh-career .post .above .link>a:hover{text-decoration:none}
.toh-career .button-view{left:-20px;bottom:-20px}
.toh-career .button-view .button-text{bottom:33px;left:25px;color:#fff;font-size:26px}
.toh-career .scroll-bar{margin-top:50px;font-size:24px}
nav.toh-career-nav{margin-right:calc(-100%/10)}
nav.toh-career-nav ul.custom-dots{transition:all .25s ease-in-out;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;list-style-type:none}
nav.toh-career-nav ul.custom-dots li{width:auto;flex-grow:1;text-align:center;margin-bottom:1rem;position:relative;transition:all .25s ease-in-out}
nav.toh-career-nav ul.custom-dots li.slick-active~li:last-of-type::after,.trinhnk_about_history nav.timeline-nav ul.custom-dots li:last-of-type::after{height:2px;width:100%;bottom:4px;left:50%;border-top:none;z-index:0;content:"";position:absolute;background-image:linear-gradient(to right,transparent 40%,rgba(256,256,256,.3) 40%);background-size:15px 100%}
nav.toh-career-nav ul.custom-dots li::before{height:0;width:101%;bottom:3px;right:50%;border-top:6px solid #3965dd;z-index:0;content:"";position:absolute}
nav.toh-career-nav ul.custom-dots li.slick-active~li:before{height:0;width:101%;bottom:3px;right:50%;border-top:1px solid #8f98b2;z-index:0;content:"";position:absolute;background-size:15px 100%}
nav.toh-career-nav ul.custom-dots li a{z-index:1;padding-bottom:25px;display:block;cursor:pointer;position:relative;transition:all .25s ease-in-out;right:50%}
/* nav.toh-career-nav ul.custom-dots li:first-child:before{width:400%} */
/* nav.toh-career-nav ul.custom-dots li:first-child a{width:400%;right:350%} */
.toh-career .scroll-bar .button-previous-forward .previous{padding-left:12px;padding-right:5px}
.toh-career .scroll-bar .button-previous-forward .forward{padding-right:5px;padding-left:5px}
.home-intro-product .trinhnk_block_5 .image::before{right: 250px;background:#f4f5f7;content:"";top:-140px;position:absolute;width:calc(100% + 343px);height:calc(100% + 260px);z-index:-3}
.home-intro-product .trinhnk_all_services{padding-bottom:90px}
.home-intro-product .trinhnk_block_5{padding:120px 0}

/* trinhnk mobile app css  */
#mobile_app{font-family:SVN_Nexa}
#mobile_app .file-manager .block .content::after{background:#f4f5f7;content:"";position:absolute;z-index:-1;left:-50%;top:30px;width:calc(150% + 15px);height:calc(100% + 470px)}
#mobile_app .fast-charge .block .content::after{background:#f4f5f7;content:"";position:absolute;z-index:-1;right:-50%;top:60px;width:calc(100% + 50%);height:calc(100% + 370px)}
#mobile_app .music-player .block .content::after{background:#f4f5f7;content:"";position:absolute;z-index:-1;right:-50%;top:60px;width:calc(100% + 50%);height:calc(100% + 510px)}

/* trinhnk mobile game css  */
#mobile_game{font-family:SVN_Nexa}
#mobile_game .toy-era-crush .trinhnk_block_3{padding-top:0}
#mobile_game .toy-era-crush .block .content::after{background:#f4f5f7;content:"";position:absolute;z-index:-1;left:-50%;top:180px;width:calc(100% + 50% + 15px);height:calc(100% + 330px)}
#mobile_game .shadow-fighter-2 .block .content::after{background:#f4f5f7;content:"";position:absolute;z-index:-1;left:-50%;top:40px;width:calc(150% + 15px);height:calc(200%)}

/* trinhnk products & services css  */
#products_services{font-family:SVN_Nexa}
#products_services .product-list{margin-top:120px;margin-bottom:90px}
#products_services .product-list .slogan{color:#263667}
#products_services .product-list .divider{width:325px;border-bottom:1px solid #0080ff;margin-top:30px;margin-bottom:80px}
#products_services .mobile-app{margin-bottom:120px}
#products_services .mobile-app .block .content::before{background:#f4f5f7;content:"";position:absolute;z-index:-1;left:-350px;top:40px;width:calc(100% + 365px);height:calc(100% + 110px)}
#products_services .mobile-game{margin-bottom:120px}
#products_services .business-software{margin-bottom:120px}
#products_services .business-software .block .content::before{background:#f4f5f7;content:"";position:absolute;z-index:-1;left:-600px;top:-150px;width:calc(100%);height:calc(100% + 450px)}
#products_services .outsourcing-service{margin-bottom:120px}
#products_services .outsourcing-service .block .content::before{background:#f4f5f7;content:"";position:absolute;z-index:-1;left:-340px;top:180px;width:calc(100% + 355px);height:calc(100% + -30px)}
#products_services .meshphone-meshnetwork .trinhnk_block_2{padding-bottom:55px}

/* trinhnk search css  */
#search{font-family:SVN_Nexa}
#search #welcome .container-fluid::before{background-image:url(../images/img_mobile_app.jpg)}
.has-search{margin-top:45px}
.has-search input[name='search']{border-radius:40px;padding-left:100px;height:80px;font-size:26px;font-family:SVN_Nexa;padding-right: 7%;}
.has-search .form-control-feedback{position:absolute;z-index:2;display:block;width:2.375rem;height:2.375rem;line-height:2.375rem;text-align:center;pointer-events:none;color:#aaa;top:19px;left:19px}
#search .embeded-gsc{padding-bottom:80px;padding-top:80px}
#___gcse_0 .gsc-above-wrapper-area .gsc-orderby .gsc-selected-option-container{height:50px;width:180px;border-radius:25px;align-items:center;display:flex;justify-content:center;margin:0 auto;border:1px solid #676767}
#___gcse_0 .gsc-above-wrapper-area .gsc-orderby .gsc-selected-option-container .gsc-selected-option{color:#ff7534;font-weight:700;font-size:18px}
#___gcse_0 .gsc-above-wrapper-area .gsc-orderby .gsc-selected-option-container .gsc-option-selector{height:30px;width:25px}
#___gcse_0 .gsc-above-wrapper-area .gsc-orderby .gsc-option-menu{top:49px!important;right:22px}
#___gcse_0 .gsc-wrapper{font-size:18px}
#___gcse_0 .gsc-wrapper .gs-title,#___gcse_0 .gsc-wrapper .gs-title b{font-size:24px}
#___gcse_0 .gsc-wrapper .gsc-table-result{font-size:18px}
#___gcse_0 .gsc-search-box.gsc-search-box-tools{display:none}
.embeded-gsc .gsc-result-info-container .gsc-result-info,.embeded-gsc .gsc-orderby-container .gsc-orderby .gsc-orderby-label{font-size:24px;font-family:SVN_Nexa;color:#263667}
.gsc-above-wrapper-area{padding-bottom:30px;margin-bottom:30px}
#welcome .content .search-content{margin-top:-100px}

/* trinhnk about css  */
#about{font-family:SVN_Nexa}
#about h2{letter-spacing:1.5px;font-size:36px;line-height:1.5}
#about .mission .content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%;height:100%;color:#263667}
#about .mission .content .box-title{display:flex;padding:30px 0}
#about .mission .content .title{letter-spacing:1.5px;font-size:24px;line-height:1.5;color:#0080ff;text-transform:uppercase;font-weight:700;align-items:center;display:flex;justify-content:center;position:relative;padding-left:20px}
#about .mission .plain-text{font-size:20px;word-spacing:2px}
#about .mission .content .divider{width:120px;margin-top:30px;margin-bottom:30px;border-bottom:4px solid #0080ff}
#about .mission .illustration .image{margin-right:40px}
#about .mission .content .block{margin-top:50px}
#about .core-values{color:#263667}
#about .core-values .core-values-slide h2{transform:rotate(270deg);width:200px;height:200px;text-transform:uppercase;font-weight:700;margin-top:250px}
#about .core-values .core-values-slide .divider{height:160px;border-left:4px solid #0080ff;margin-left:50px;margin-top:40px}
#about .core-values .slider-core-values{position:initial;width:100%;position:initial}
#about .core-values .title{padding-left:calc(70%)}
#about .core-values .values-list-prev,#about .core-values .values-list-next{height:100%;width:100px;z-index:1000}
#about .core-values .values-list-prev{top:0;left:0;cursor:pointer;align-items:center;display:flex;justify-content:center;margin:0 auto}
#about .core-values .values-list-prev .image{display:none;}
#about .core-values .values-list-next{top:320px;right:0;cursor:pointer;align-items:center;display:flex;justify-content:center;margin:0 auto;height: 65px;}
#about .core-values .core-values-detail .numeric{font-size:60px;font-weight:700;background-color:#0080ff;border-radius:50%;text-align:center;color:#fff;width:90px;height:90px}
#about .core-values .core-values-detail .value-title{align-items:center;display:flex;margin:0 auto;position:relative;width:100%;height:100%;padding-left:15px}
#about .core-values .core-values-detail .value-title .custom-text-core-values{letter-spacing:1.5px;font-size:24px;line-height:1.5}
#about .core-values .core-values-detail .value-title p{margin-bottom: 0;}
#about .core-values .core-values-detail .plain-text{font-size:20px;word-spacing:2px;padding-top:30px;margin-left: 8%;}
#about .core-values .core-values-detail>.container>.row>*{margin-top:50px}
#about .core-values ul{padding-inline-start:20px}
#about .core-values li{list-style-type:none;position:relative}
#about .core-values li::before{content:'•';position:absolute;left:-.8em;font-size:25px;top:-3px}
#about .we-are{padding-top:120px;padding-bottom:120px}
#about .we-are .content::before{background:#f4f5f7;content:"";position:absolute;z-index:-1;left:-340px;top:-120px;width:calc(100% + 355px);height:calc(100% + 405px)}
#about .mission{padding-top:120px;padding-bottom:120px}
#about .mission .content::before{background:#f4f5f7;content:"";position:absolute;z-index:-1;left:-300px;top:-120px;width:calc(100% + 300px);height:calc(100% + 240px)}
#about .core-values .core-values-slide>.container-fluid>.row>.col-xl-4::before{content:"";position:absolute;z-index:-1;left:0;top:0;width:calc(100% + 950px);height:calc(100% + 30px)}
#about .core-values .core-values-detail{padding-top:120px;padding-bottom:120px}
#about .social-responsibility{padding-bottom:120px}

/* trinhnk history css  */
.trinhnk_about_history{font-family:SVN_Nexa;background-color:#1e2a46;color:#fff;padding-top:120px;padding-bottom:0;overflow:hidden}
.trinhnk_about_history .slider-history .this-year .hero-text{color:rgba(256,256,256,.2);font-size:50px;letter-spacing:5px}
.trinhnk_about_history .slider-history .this-year .divider{width:370px;margin-bottom:45px;border-bottom:1px solid #0080ff;opacity:.5}
.trinhnk_about_history .slider-history .this-year .title{font-size:32px;letter-spacing:3px;padding-bottom:15px}
.trinhnk_about_history .slider-history .this-year .plain-text{font-size:20px;word-spacing:3px;line-height:1.5}
.trinhnk_about_history .slider-history{position:initial;margin-bottom:220px !important}
.trinhnk_about_history .slick-list{overflow:visible}
.trinhnk_about_history .slick-slide{opacity:.3}
.trinhnk_about_history .slick-current{opacity:1}
.trinhnk_about_history nav.timeline-nav{padding-bottom:10px}
.trinhnk_about_history nav.timeline-nav ul.custom-dots{transition:all .25s ease-in-out;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;list-style-type:none}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li{width:auto;flex-grow:1;text-align:center;margin-bottom:1rem;position:relative;transition:all .25s ease-in-out}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li.slick-active~li:last-of-type::after,.trinhnk_about_history nav.timeline-nav ul.custom-dots li:last-of-type::after{height:2px;width:100%;bottom:4px;left:50%;border-top:none;z-index:0;content:"";position:absolute;background-image:linear-gradient(to right,transparent 40%,rgba(256,256,256,.3) 40%);background-size:15px 100%}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li::before{height:0;width:100%;bottom:3px;right:50%;border-top:4px solid #3965dd;z-index:0;content:"";position:absolute}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li.slick-active~li:before{height:2px;width:100%;bottom:4px;right:50%;border-top:none;z-index:0;content:"";position:absolute;background-image:linear-gradient(to right,transparent 40%,rgba(256,256,256,.3) 40%);background-size:15px 100%}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li a{z-index:1;padding-bottom:25px;display:block;cursor:pointer;position:relative;transition:all .25s ease-in-out}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li a::before{bottom:-2px;width:14px;height:14px;background:#3965dd;border:3px solid #1e2a46;left:50%;transform:translateX(-50%);border-radius:9999px;content:'';position:absolute}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li.slick-active a::before{bottom:-7px;left:50%;transform:translateX(-50%);border-radius:9999px;content:url(../images/slider_active.svg);position:absolute;width:24px;height:24px;background:#1e2a46;border:none}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li.slick-active~li a::before{background-color:#fff}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li a .year{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.0625rem;display:inline-block;position:relative;transition:all .25s ease-in-out;color:rgba(256,256,256,.3)}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li.slick-active a .year{color:#fff}
.trinhnk_about_history nav.timeline-nav ul.custom-dots li a .year::before{content:"";position:absolute}
.trinhnk_about_history .button-view{bottom:120px;right:-100px}
.trinhnk_about_history .button-view .button-text{bottom:33px;left:128px;color:#fff;font-size:26px}
.trinhnk_about_history .button-view .box>*{display:inline-block}
.trinhnk_about_history .button-view .arrow-left,.trinhnk_about_history .button-view .arrow-right{opacity:.5}
.trinhnk_about_history .button-view .arrow-left:hover,.trinhnk_about_history .button-view .arrow-right:hover{opacity:1}
.trinhnk_about_history .button-view .arrow-left .image{display: none;}
.trinhnk_about_history .button-view .arrow-left .image-1{width: 54px;}
.trinhnk_about_history .button-view .arrow-right .image-1{width: 54px;}

.screenshots-prev .image{display: none;}

/* trinhnk midnight css  */
nav.fixed-menu{position:fixed!important;z-index:5;left:0!important;top:50vh!important;transform:translateY(-50%);display:none;max-width:400px}
nav.fixed-menu .footer{display:none}
nav.fixed-menu .midnightInner{overflow:visible!important}
nav.fixed-menu a{display:block;color:#203367;font-size:calc(8px + 2 * ((100vw - 320px) / 960));font-size:calc(.5rem + 2 * ((100vw - 20rem) / 960));font-weight:700;text-transform:uppercase;letter-spacing:1px;letter-spacing:.0625rem;line-height:1.5em;margin:0;position:relative;padding-left:35px;line-height:1.2em;min-height:21px;padding-top:5px}
nav.fixed-menu a:after,nav.fixed-menu a:before{content:"";border-radius:100%;position:absolute}
nav.fixed-menu a .text,nav.fixed-menu a:after,nav.fixed-menu a:before{transition:all .4s cubic-bezier(.165,.84,.44,1)}
nav.fixed-menu a:before{top:8px;left:8px;width:8px;height:8px;background:#00266f}
nav.fixed-menu a:after{top:0;left:0;width:24px;height:24px;border:2px solid #203367;opacity:0}
nav.fixed-menu .dark a{color:#fff}
nav.fixed-menu .dark a:before{background:#fff}
nav.fixed-menu .dark a:after{border-color:#3965dd}
nav.fixed-menu .dark li.active a:before{background:#fff}
nav.fixed-menu .light a{color:#00266f}
nav.fixed-menu .light a:before{background:#00266f}
nav.fixed-menu .light a:after{border-color:#00266f}
nav.fixed-menu li{margin-bottom:28px;margin-left:6vw;max-width:300px}
nav.fixed-menu li .text{opacity:0;margin-left:-20px}
nav.fixed-menu li.active .text,nav.fixed-menu li a:hover .text{opacity:1;margin-left:0}
nav.fixed-menu li.active a:after,nav.fixed-menu li a:hover a:after{opacity:1}
nav.fixed-menu{display:block}
nav.fixed-menu a{font-size:10px;font-size:.625rem}
nav.fixed-menu .active a:before{background-color:#3965dd}
nav.fixed-menu ul{list-style:none}
nav.fixed-menu a .text{font-size:14px}
nav.fixed-menu a:hover{text-decoration:none}

/* trinhnk all service css  */
.trinhnk_all_services{color:#fff;font-family:SVN_Nexa}
.trinhnk_all_services .block:hover .image .inner img{-webkit-filter:grayscale(0%)!important;filter:grayscale(0%)!important}
.trinhnk_all_services .block .above-element{top:0;left:15px;width:calc(100% - 30px);height:100%;background-color:rgba(0,0,0,.35)}
.trinhnk_all_services .block:hover .above-element{
    transition:box-shadow .3s ease-in-out;background-color:rgba(10, 132, 255,.35)}
.trinhnk_all_services .block .above-element .icon{height:200px}
.trinhnk_all_services .block .above-element .icon>.inner{bottom:0}
.trinhnk_all_services .block .above-element a{color:#fff}
.trinhnk_all_services .block .above-element a:hover{color:#fff;text-decoration:none}








.content-header{
    /* width: 1140px; */
    padding: 0px 12%;
    margin: auto;
}
.content-header .menu{
    text-align: center;
}
.content-header .menu .navbar-light{
    margin-top: 42px;
    padding: 0rem;
}
.content-header .menu .navbar-light .active>.nav-link{
    color: #ffffff;
}
.content-header .menu .navbar-light .nav-link{
    color: rgba(255,255,255,0.6);
    font-size: 20px;
    text-transform: uppercase;
}
.content-header .menu .navbar-light .nav-link:hover{
    color: #ffffff;
}
.content-header .language-search .dropdown-toggle{
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.content-header .menu .dropdown-menu{
    border-radius: 0;
    padding: 0;
}
.content-header .menu .dropdown-menu>a{
    text-transform: uppercase;
    color: #8a8a8a;
    padding: 7px;
}
/* .content-header .menu .dropdown-menu>a .menu1{color: #fff;} */
.content-header .menu .dropdown-menu .dropdown-item.active, .content-header .menu .dropdown-menu .dropdown-item:active {
    color: #fff;
    /* text-decoration: none; */
    background-color: #007bff;
}
.content-header .menu .dropdown-menu>a:not(:first-child){
    border-top: 1px solid #e9e9e9;
}
.content-header .menu .dropdown-menu>a:hover{
    background-color: #ea5f1e !important;
    color: #ffffff !important;
}
/* .content-header .language-search .language{
    padding-top: 10px;
} */
.language-search .language .nav-link{
    padding: 3px 8px;
}
.language-search .language{
    padding-top: 6px;
}
.content-header #menu_language{
    font-size: 15px;
    padding: 3px 10px;
}
.content-header #menu_language::after{
    font-size: 20px;
}
.content-header .dropdown-toggle::after{
    margin-left: 8px;
    content: none !important;
}
.content-header .menu .navbar-light .navbar-nav .nav-item{
    margin-left: 20px;
}
/* .content-header .menu .navbar-light .navbar-nav .home{
    margin-left: 19px;
} */
.content-header .menu .navbar-light .navbar-collapse .navbar-nav .nav-item>a{
    border: 3px solid transparent;
    padding: 5px;
}
.content-header .menu .navbar-light .navbar-collapse .navbar-nav .active>a{
    border-bottom: 3px solid #ff7534;
    padding: 5px;
}
footer {
    background-image: url(../images/bg_footer.jpg);
    width: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #d3dae2;
}
.main-content{
    font-family: SVN_Agency;
}
.main-content #welcome .main .differences{
    font-size: 70px;
    text-transform: uppercase;
    color: #ff7534;
    letter-spacing: 24px;
}
.main-content #welcome .main .each-product{
    font-size: 76px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 14px;
    font-weight: bold;
}
.main-content #welcome .social-share{
    position: absolute;
    left: 5px;
    bottom: 170px;
}
.main-content #welcome .social-share-button{
    margin-top: 40px;
}
/* .main-content #welcome .social-share:hover>.icon{
    display: block;
    transition: all .6s cubic-bezier(.165,.84,.44,1);
} */
.main-content #welcome .social-share .icon{
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    display: none;
}
.main-content #welcome .social-share .icon>div{
    margin-top: 33px;
}
.news{
    background-image: url(../images/img_news_bg.png)
}

/* trinhnk welcome css  */
#welcome{color:#ffffff}
#welcome .content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative}
/* #welcome .content .main{margin-top:-150px} */
#welcome .content .intro-text{font-family:SVN_Agency;font-size:26px;letter-spacing:9px}
#welcome .content h1{font-family:SVN_Agency;font-size:76px;letter-spacing:14px;font-weight:700;color:#ff7534}
#welcome .content .divider{width:200px;border-bottom:1px solid #6f8cae}
#welcome .content .plain-text{font-size:20px;letter-spacing:1.2px;font-family:SVN_Nexa}
#welcome .container-fluid::before{
    content:"";position:absolute;z-index:-1;left:0;top:0;width:calc(100%);height:calc(100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 630px;
}
#mission .content .textarea {padding-left: 70px;padding-right: 175px;}

.pointer{
    cursor: pointer;
}
.font-weight{
    font-weight: 600;
}
a{
    color: #07216F;
    text-decoration: none !important;
}
a:hover {
    color: #0081FF;
}
a:hover .info-who-posted .cus-p{
    color: #293a6ced;
}
#map{
    height: 750px;
}
.sidenav {
    width: 130px;
    position: fixed;
    z-index: 1;
    top: 20px;
    left: 10px;
    background: #eee;
    overflow-x: hidden;
    padding: 8px 0;
  }
/* .detail-news-content{
    padding: 40px 0;
} */
.detail-news-content .next-prev-news{
    margin-top: 50px;
    margin-bottom: 120px;
}
.detail-news-content .next-prev-news td{
    width: 50%;
} 
.detail-news-content .sticky-top{
    top: 10px;
}
/*Social popup*/
div[data-network='blogger']{background-color:#ff8000;}
div[data-network='blogger']{background-color:#ff8000;}
div[data-network='buffer']{background-color:#323B43;}
div[data-network='diaspora']{background-color:#000000;}
div[data-network='digg']{background-color:#262626;}
div[data-network='douban']{background-color:#2E963D;}
div[data-network='email']{background-color:#7d7d7d;}
div[data-network='evernote']{background-color:#5BA525;}
div[data-network='facebook']{background-color:#4267B2;}
div[data-network='flipboard']{background-color:#e12828;}
div[data-network='getpocket']{background-color:#ef4056;}
div[data-network='github']{background-color:#333333;}
div[data-network='gmail']{background-color:#D44638;}
div[data-network='googlebookmarks']{background-color:#4285F4;}
div[data-network='hackernews']{background-color:#ff4000;}
div[data-network='instapaper']{background-color:#000000;}
div[data-network='line']{background-color:#00c300;}
div[data-network='linkedin']{background-color:#0077b5;}
div[data-network='livejournal']{background-color:#00b0ea;}
div[data-network='mailru']{background-color:#168de2;}
div[data-network='medium']{background-color:#333333;}
div[data-network='meneame']{background-color:#ff6400;}
div[data-network='messenger']{background-color:#448AFF;}
div[data-network='odnoklassniki']{background-color:#d7772d;}
div[data-network='pinterest']{background-color:#CB2027;}
div[data-network='print']{background-color:#222222;}
div[data-network='qzone']{background-color:#F1C40F;}
div[data-network='reddit']{background-color:#ff4500;}
div[data-network='refind']{background-color:#4286f4;}
div[data-network='renren']{background-color:#005baa;}
div[data-network='sharethis']{background-color:#95D03A;}
div[data-network='skype']{background-color:#00aff0;}
div[data-network='sms']{background-color:#ffbd00;}
div[data-network='snapchat']{background-color:#fffc00;}
div[data-network='surfingbird']{background-color:#6dd3ff;}
div[data-network='telegram']{background-color:#0088cc;}
div[data-network='tumblr']{background-color:#32506d;}
div[data-network='twitter']{background-color:#55acee;}
div[data-network='vk']{background-color:#4c6c91;}
div[data-network='wechat']{background-color:#4EC034;}
div[data-network='weibo']{background-color:#ff9933;}
div[data-network='whatsapp']{background-color:#25d366;}
div[data-network='wordpress']{background-color:#21759b;}
div[data-network='xing']{background-color:#1a7576;}
div[data-network='yahoomail']{background-color:#720e9e;}
.st-custom-button > img{display:inline-block;height:20px;margin-top:6px;vertical-align:top;width:20px;}
.st-custom-button::before{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;background:#fff;content:'';height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;}
.st-custom-button > span{display:inline-block;letter-spacing:0.5px;text-align:center;vertical-align:top;font-size:12px;    text-transform: capitalize;}
.st-custom-button{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;color:white;cursor:pointer;display:inline-block;font-size:12px;font-weight:400;height:35px;line-height:35px;margin-bottom:8px;opacity:1;overflow:hidden;padding:0px 12px;position:relative;text-align:left;top:0;vertical-align:top;width:100%;}
#socialModal .modal-title{text-transform: uppercase;color:black !important;font-weight:bold;}
.modal-backdrop {
    z-index: 999;
}
/* .btn-share-social-network{
    border: 1px solid #ccc;

} */
.btn-share-social-network .text{
    color: #fff;
    /* background: #190377; */
    background: url(../images/social_head_bg.svg) no-repeat;
    padding: 3px;
    background-position: center;
    background-size: cover;
}
/* .btn-share-social-network div[data-toggle="modal"]{
    padding: 5px 3px;
} */
*:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#productsServices{height: 863px;}

/* outsourcing */
.text-top-card{margin-top: -10%;border: 1px solid #fff;background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);min-height: 95px;}
.content-button{padding-top : 10px;}
#recipeCarousel .card {border: 0px solid rgba(0,0,0,.125);}
.carousel-item {padding-bottom: 120px;}
.card-content{border: 1px solid rgba(0,0,0,.125);}
#home .card-content{border: none;}
#home .card{
    border: none;
}
/* #home .top-border{
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    margin-right: 0;
    margin-left: 0;
}
#home .top-border:hover{
    border-top: none;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    margin-right: 0;
    margin-left: 0;
} */
#home .bottom-border{
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    margin-right: 0;
    margin-left: 0;
}
#home .bottom-border:hover{
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    margin-right: 0;
    margin-left: 0;
}
.card-content:hover {box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.03),0 6.7px 5.3px rgba(0, 0, 0, 0.04),0 12.5px 10px rgba(0, 0, 0, 0.05)}
.img-content {position: relative;z-index: 999;}
/* .cumtom-container ul {margin-left: -18px;margin-right: 40%;} */
.content-2 {padding-left: 0px;}
.cv-now {height: 50px;color: #fff !important; border-radius: 25px !important;}
.app_btn {padding: 0 !important;}
#sendContact{
    padding: 10px 30px; 
    letter-spacing: 5px;
}
.alert-errors{
    color:red;
    font-style: italic;
    padding-top: 3px;
}
.alert-success-toh{
    color:#ff7534;
    font-style: italic;
    padding-top: 3px;
    font-weight: 600;
}
.hr-contact-gray{
    width:10%; border: 1px solid #827e7ea6;
}
.hr-contact-blue{
    margin-top: 30px;
    width:20%; border: 1px solid #329aff;
}
.holder{position:relative;}
.holder-content{position: absolute;left: 100px;top: 100px;z-index: 0;background: #f4f5f7;padding: 0 0 60px 60px;}
.padding-holder-banana{height: 550px;}
#outsourcing .range-1{height:350px;}
#outsourcing .range-2{height:120px;}
#outsourcing .range-3{height:450px;}
/* style cho carousel */
#recipeCarousel .carousel-inner .carousel-item.active, #recipeCarousel .carousel-inner .carousel-item-next, #recipeCarousel .carousel-inner .carousel-item-prev{display:flex;}
#recipeCarousel .carousel-inner .carousel-item-right.active, #recipeCarousel .carousel-inner .carousel-item-next{transform:translateX(33.33%);}
#recipeCarousel .carousel-inner .carousel-item-left.active, #recipeCarousel .carousel-inner .carousel-item-prev{transform:translateX(-33.33%) }
#recipeCarousel .carousel-inner .carousel-item-right, #recipeCarousel .carousel-inner .carousel-item-left{transform:translateX(0);}

#recipeCarousel .carousel-control-next{margin-right: 60%;}
#recipeCarousel .carousel-control-next-icon{background-image:url("../images/ic_news_forward.svg");}
#recipeCarousel .carousel-control-prev-icon{background-image:url("../images/ic_news_previous.svg");}
#recipeCarousel{margin-left:20%;}

#productsServices .content{margin-top: 11%;}
.differences{font-family: SVN_Agency;font-size:72px;color:#ff7534;font-weight:bold;letter-spacing: 10px;margin: 2% 0;}
.each-product{font-family: SVN_Agency;color:#ffffff;letter-spacing:14px;letter-spacing: 10px;font-size:26px}
.each-product-content{color:#fff;font-family: SVN_Nexa;margin-bottom: 0px !important;}

/* enterprisesoftware */
#enterprisesoftware .android-mail {background: #172c4a;z-index: 999;position: relative;}
.barcodelive h3 {color: #0081ff;}
.content-android-exchange-mail{margin-left: 21%;}
.link-barcodelive{border:1px solid #a7a7a75e;margin: 0 15px;border-radius: 35px;background: #a7a7a75e;}
.style-link-barcodelive{margin-top: 5%;}
#androidMail .carousel-inner .carousel-item.active, #androidMail .carousel-inner .carousel-item-next, #androidMail .carousel-inner .carousel-item-prev{display:flex;}
#androidMail .carousel-inner .carousel-item-right.active, #androidMail .carousel-inner .carousel-item-next{transform:translateX(25%);}
#androidMail .carousel-inner .carousel-item-left.active, #androidMail .carousel-inner .carousel-item-prev{transform:translateX(-25%) }
#androidMail .carousel-inner .carousel-item-right, #androidMail .carousel-inner .carousel-item-left{transform:translateX(0);}

#androidMail .carousel-control-prev{margin-top: 17%;margin-bottom: 17%;padding-right: 8%;margin-left: 1%;}
#androidMail .carousel-control-next{margin-top: 17%;margin-bottom: 17%;padding-left: 8%;margin-right: 1%;}
#androidMail .carousel-control-next-icon{width:100px; height:100px; background-image:url("../images/btn_orange_forward.svg");}
#androidMail .carousel-control-prev-icon{width:100px; height:100px; background-image:url("../images/btn_orange_prev.svg");}
/* .barcodelive {background: #000;z-index: 999;position: relative;color: #fff;} */
#enterprisesoftware .android-qrcode {background: #172c4a;z-index: 999;position: relative;}
.barcodelive h2 {color: #0081ff;}
.content-barcodelive {margin-left: 21%;}
#carouselBarcodelive .carousel-inner .carousel-item.active, #carouselBarcodelive .carousel-inner .carousel-item-next, #carouselBarcodelive .carousel-inner .carousel-item-prev{display:flex;}
#carouselBarcodelive .carousel-inner .carousel-item-right.active, #carouselBarcodelive .carousel-inner .carousel-item-next{transform:translateX(25%);}
#carouselBarcodelive .carousel-inner .carousel-item-left.active, #carouselBarcodelive .carousel-inner .carousel-item-prev{transform:translateX(-25%) }
#carouselBarcodelive .carousel-inner .carousel-item-right, #carouselBarcodelive .carousel-inner .carousel-item-left{transform:translateX(0);}

#carouselBarcodelive .carousel-control-prev{margin-top: 17%;margin-bottom: 17%;padding-right: 8%;margin-left: 1%;}
#carouselBarcodelive .carousel-control-next{margin-top: 17%;margin-bottom: 17%;padding-left: 8%;margin-right: 1%;}
#carouselBarcodelive .carousel-control-next-icon{width:100px; height:100px; background-image:url("../images/btn_orange_forward.svg");}
#carouselBarcodelive .carousel-control-prev-icon{width:100px; height:100px; background-image:url("../images/btn_orange_prev.svg");}
#enterprisesoftware .height-solution{height:435px}
#enterprisesoftware .height-slide-main{height:200px;}
/* #enterprisesoftware .height-text-android{height:100px;} */
#enterprisesoftware .height-text-barcode{height:870px;}
#enterprisesoftware .content-android-exchange-mail ul{margin-left: -4%;}
#enterprisesoftware .content-barcodelive ul{margin-left: -4%;}
#enterprisesoftware .content-left{padding-left: 100px;}

.btn-xem{background-image:url(../images/btn_view.svg);height:100px;width:100px;background-repeat:no-repeat;background-position:center;background-size:cover;margin-top: -6%;margin-left: 18%;z-index: 99;}
.text-xem{line-height:100px;color:#fff;font-size: 28px;font-weight: 600;}
.btn-xem:hover {color: #0056b3;text-decoration: none;}
/* hardware */
.differences1 {font-family: SVN_Agency;font-size:72px;color:#ff7534;font-weight:bold;letter-spacing: 10px;margin-top: 2%;}
.differences2 {font-family: SVN_Agency;font-size:72px;color:#ff7534;font-weight:bold;letter-spacing: 10px;}
#hardware .range-1{height:270px;}
/* phonenetwork */
#phonenetwork .range-1 {height:330px;}
/* remunerationpolicy */

#recruitment{height: 655px;}
#recruitment .content {margin-top: 11%;}

.salary-regime{background: #182544;position: relative;color: #fff;}
.content-salary{height:80px;}
.content-health {background-image:url(../images/img_teambuilding_bg.svg);height:1720px;width:auto;background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom:120px;}
.content-health-main{top: 120px;}
.style-number{margin-top: 8%;margin-bottom:-1%;}
.text-training{margin-left: 3%;}
.training-develope{margin-top: 7%;padding-right: 5%;}
#remunerationpolicy{overflow-x:hidden;}
#remunerationpolicy .holder-content-1{position: absolute;z-index: 0;background: #f4f5f7;height:900px}
#remunerationpolicy .text-remuneration{z-index:99;margin-top: 8%;}
#remunerationpolicy .img-content{padding:0;}
.regime{margin-left: 5%;}
.other-mode{font-weight: bolder;margin-left: -2%;}
#remunerationpolicy .holder-1 hr{width:40%; border: 1px solid #007bff;margin-right: 55%;}
/* life */
#recruitment-1 {height: 655px;}
#recruitment-1 .content {margin-top: 11%;}
#recruitment-1 hr{width:10%; border: 1px solid #827e7ea6;}
.environment hr{width:25%; border: 1px solid #007bff;}
.salary-regime hr{width:25%; border: 1px solid #007bff;}
.training-develope hr{width:25%; border: 1px solid #007bff; margin-right: 71%;}

#life .holder-content-1{position: absolute;z-index: 0;background: #f4f5f7;height:950px}
#life{overflow-x:hidden;}
#life .carousel-inner .carousel-item.active, #life .carousel-inner .carousel-item-next, #life .carousel-inner .carousel-item-prev{display:flex;}
#carouselLife .carousel-control-prev{margin-top: 17%;margin-bottom: 17%;padding-right: 8%;}
#carouselLife .carousel-control-next{margin-top: 17%;margin-bottom: 17%;padding-left: 8%;}
#carouselLife .carousel-control-next-icon{width:100px; height:100px; background-image:url("../images/btn_orange_forward.svg");}
#carouselLife .carousel-control-prev-icon{width:100px; height:100px; background-image:url("../images/btn_orange_prev.svg");}
#life .carousel-indicators li{width:80px;height:8px;margin-right:10px;margin-left:10px;background-color: #efcead  !important;}
#life .carousel-indicators .active {background-color: #ff7534 !important;}
#life .content-life{margin-top: 120px;position: relative;z-index: 999;}
#carouselLife .carousel-indicators{top: 75%;}
.environment{ margin-bottom: 80px;margin-top: 70px;}
.text-event{margin-top: 5%; margin-bottom: 80px;}

#work_environment .carousel-control-next-icon{width:100px; height:100px; background-image:url("../images/btn_orange_forward.svg");}
#work_environment .carousel-control-prev-icon{width:100px; height:100px; background-image:url("../images/btn_orange_prev.svg");}

.pagination {
    justify-content: center;
    margin-bottom: 50px;
 }
 .page-link{
     border: none;
 }
 .page-link:hover{
    background-color: transparent;
    color: #ff7534;
}
 .page-item.active .page-link{
    z-index: 3;
    color: #ff7534;
    background-color: transparent;
    border: 1px solid #ccc;
 }

 .pagination .page-item{font-weight: 600;}

.button-scroll-top{
    display:none;
    width:110px;
    height:70px;
    padding-top:10px;
    padding-left:20px;
    position:fixed;
    z-index:999;
    right:-45px;
    top:45%;
    background:#fb3;
    border-radius:999px;
    cursor:pointer;
    opacity:0.6;
    color:#fff;
    font-size:2.0em;
}

.button-scroll-top:hover{opacity:1.0;}

/* home components công */
#article .card-content .text-top-card{
    min-height: 95px;
}
#article .card {border: 0px solid rgba(0,0,0,.125);}
#article .carousel-item {padding-bottom: 8%;}
#article .card-content{border: 1px solid rgba(0,0,0,.125);}
#article .card-content:hover {box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.03),0 6.7px 5.3px rgba(0, 0, 0, 0.04),0 12.5px 10px rgba(0, 0, 0, 0.05)}
#article .carousel-inner .carousel-item.active, #article .carousel-inner .carousel-item-next, #article .carousel-inner .carousel-item-prev{display:flex;}
#article .carousel-inner .carousel-item-right.active, #article .carousel-inner .carousel-item-next{transform:translateX(33.33%);}
#article .carousel-inner .carousel-item-left.active, #article .carousel-inner .carousel-item-prev{transform:translateX(-33.33%) }
#article .carousel-inner .carousel-item-right, #article .carousel-inner .carousel-item-left{transform:translateX(0);}

#article .carousel-control-next{margin-right: 60%;}
#article .carousel-control-next-icon{background-image:url("../images/ic_news_forward.svg");}
#article .carousel-control-prev-icon{background-image:url("../images/ic_news_previous.svg");}
#article{margin-left:20%;}
.btn-xem-article{background-image:url(../images/btn_view.svg);height:100px;width:100px;background-repeat:no-repeat;background-position:center;background-size:cover;margin-top: -6%;margin-left: 18%;z-index: 99;}
.btn-xem-article{line-height:100px;color:#fff;font-size: 28px;font-weight: 600;}
.btn-xem-article:hover {color: #0056b3;text-decoration: none;}
#article .number-slide{margin-top: -10px;}
.importance{
    margin-top: 9%;
}




#recruitment .card-content .text-top-card{
    min-height: 95px;
}
/* #recruitment .card {border: 0px solid #00266f;} */
#recruitment .carousel-item {padding-bottom: 8%;}
/* #recruitment .card-content{border: 1px solid #00266f26;} */
#recruitment .card-content:hover {box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.03),0 6.7px 5.3px rgba(0, 0, 0, 0.04),0 12.5px 10px rgba(0, 0, 0, 0.05)}
#recruitment .carousel-inner .carousel-item.active, #recruitment .carousel-inner .carousel-item-next, #recruitment .carousel-inner .carousel-item-prev{display:flex;}
#recruitment .carousel-inner .carousel-item-right.active, #recruitment .carousel-inner .carousel-item-next{transform:translateX(33.33%);}
#recruitment .carousel-inner .carousel-item-left.active, #recruitment .carousel-inner .carousel-item-prev{transform:translateX(-33.33%) }
#recruitment .carousel-inner .carousel-item-right, #recruitment .carousel-inner .carousel-item-left{transform:translateX(0);}

#recruitment .carousel-control-next{margin-right: 60%;}
#recruitment .carousel-control-next-icon{background-image:url("../images/ic_news_forward.svg");}
#recruitment .carousel-control-prev-icon{background-image:url("../images/ic_news_previous.svg");}
#recruitment{margin-left:20%;}
.btn-xem-recruitment{background-image:url(../images/btn_view.svg);height:100px;width:100px;background-repeat:no-repeat;background-position:center;background-size:cover;margin-top: -6%;margin-left: 18%;z-index: 99;}
.btn-xem-recruitment {line-height:100px;color:#fff;font-size: 28px;font-weight: 600;text-align: center;}
.btn-xem-recruitment:hover {color: #0056b3;text-decoration: none;}
#recruitment .number-slide{margin-top: -10px;}
/* contact */
body.contact {background-image:url(../images/img_contact_banner.png);height:775px;width:auto;background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom:10em;}

/* news */
body.news {background-image:url(../images/bg_home.png);height:775px;width:auto;background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom:10em;}
#news .kind-news {
    color: #fff; 
    border-radius: 20px !important;
    background-color: #007bff;
    border-color: #007bff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 15px;
}
#news .card-contents{
    border: 1px solid rgba(0,0,0,.125);
}
#news .card-contents a img.card-img-top{
    height: 250px;
}
.header-news .box-title {
    min-height: 415px;
}
.image-author-news{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /* padding-right: 10px; */
}
.image-admin{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.circular {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
  }
  .circular img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
.fileinput-button {
    position: relative;
    overflow: hidden;
    background: #f4f5f7;
    border: 1px solid #707070;
    padding: 5px 20px;
}

#Filelist svg{
    font-size: 30px;
    margin: 0 2px 0 5px;
}
#Filelist .closed {
    color: red;
    padding-left: 5px;
    position: absolute;
    z-index: 100;
    color: #ff0000;
    font-weight: bolder;
    cursor: pointer;
    opacity: .5;
    font-size: 40px;
    line-height: 10px;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
#news .kind-news b {margin: 0px 10px; letter-spacing: 1px;}
#news .card-contents hr {width:20%; border: 1px solid #827e7e38;margin-right: 80%;}
#news .info-who-posted {margin-left: -30px; color: #fff}
#news .info-who-posted .who-posted{margin-bottom: 0rem;margin-top: 10px;}
#news .custom-select {color:#ff7534; font-weight: bolder;}
/* #news .new-old {padding-left: 0px;}     */
#news .custom-select option {background: #80808080;color:#190377}
#news .custom-select option:hover {border: 1px solid #190377;}
#news .card-text-main {height:60px;}
#news .result-news{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);border-radius: 20px;margin-top: -4%;background: #fff;}
#news .result-news{
    margin-bottom: 50px;
}
#news .card{
    padding-bottom: 60px;
}
#news .result-news .result-content .item{
    display:flex; flex-direction: row; justify-content: center; align-items: center
}
#news .result-content{padding: 25px 0;margin: 0 10px;}
#news .result-content p {margin-top: 7px !important;margin-bottom: 0 !important;}
#news .result-content select {border-bottom: 1px solid #ced4da !important;border-top: 1px solid #fff !important;border-left: 1px solid #fff !important;border-right: 1px solid #fff !important;}
#news .card {border: 0px solid rgba(0,0,0,.125);} 
/* #news .big-news_1 {width:auto;background-repeat:no-repeat;background-position:center;background-size:cover;padding-left: 0px;left: 15px;padding-right: 15px;right: 23px;} */
#news .big-content{padding-top: 37%;}
#news .big-content h5{
    min-height: 40px;
}
.detail-news-content img{
    max-width: 100%;
}
#news .big-news_2 {width:auto;background-repeat:no-repeat;background-position:center;background-size:cover;padding-left: 0px;left: 15px;padding-right: 15px;right: 23px;}
#news .receive-the-news{background-image:url(../images/img_news_9.jpg);height:365px;margin-bottom: 120px;}
#news .app-mail input{width:550px; border-radius:35px; height:60px;padding-right: 170px;padding-left: 26px;}
#news .app-mail{padding-top:11%; margin-left:45%;}
#news .app-mail a {
    color: #fff;
    border-radius: 30px !important;
    height: 46px;
    margin-top: -85px;
    margin-left: 397px;
    background: #ff7534;
    border: 1px solid #ff7534;
}
#news .alert-emailSubscribeNews {
    position: relative;
    top: -15px;
}
#news .app-mail .agree{letter-spacing: 2px;margin: 0px 23px;line-height: 35px;}

/* detail-news */
body.detail-news {background-image:url(../images/bg_home.png);height:775px;width:auto;background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom:10em;}
/* .info-who-posted-1{color: #fff; padding-top: 250px;} */
.who-posted-1{margin-top: 18%;}
.info-who-posted-1{
    position: absolute; 
    top: -130px;
    color: #293a6c;
    margin-top: 70px;
    /* width: 100px; */
}

/* font chữ và màu chữ */
.font-main{font-family: SVN_Agency;letter-spacing: 10px;}
.font-extra{font-family: SVN_Nexa !important;}
.font-extra-1{font-family: SVN_Nexa;letter-spacing: 1px;}
.font-extra-2{font-family: SVN_Nexa;letter-spacing: 2px;}
.font-extra-4{font-family: SVN_Nexa;letter-spacing: 4px;}
.text-color-main{color:#293a6c}
.text-color-main-1{color:#ff7534}
.text-color-main-2{color:#21252994}

.range-slider-other-service{height:120px;}
.cv-now .b-cv-now {margin: 0px 35px;font-size: 22px;}



header {
    font-family: SVN_Agency;
}
/* batv */
.txt-color{
    color: #213367;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-weight: 100;
    color:    #213367;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-weight: 100;
    color:    #213367;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
font-weight: 100;
color:    #213367;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-weight: 100;
color:    #213367;
}
::-ms-input-placeholder { /* Microsoft Edge */
font-weight: 100;
color:    #213367;
}
::placeholder { /* Most modern browsers support this now. */
font-weight: 100;
color:    #213367;
}

.form-recruitment input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-weight: 600;
}
.form-recruitment input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   opacity:  1;
   font-weight: 600;
}
.form-recruitment input::-moz-placeholder { /* Mozilla Firefox 19+ */
   opacity:  1;
   font-weight: 600;
}
.form-recruitment input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-weight: 600;
}
.form-recruitment input::-ms-input-placeholder { /* Microsoft Edge */
   font-weight: 600;
}

.form-recruitment input::placeholder { /* Most modern browsers support this now. */
   font-weight: 600;
}
.share-from-toh, .why-toh{
    padding: 120px 0;
}
.position-recruitment{
    padding-top: 120px;
    padding-bottom: 90px;
}
.form-recruitment{
    padding-bottom: 120px;
    padding-top: 90px;
}
/* .share-from-toh .item-title, .position-recruitment .item-title,.form-recruitment .item-title{
    padding-bottom: 30px;
} */
.link-emuneration-policy{
    background: #0081ff;
    color: #fff;
    border-radius: 20px;
    padding: 5px 25px;
}
.why-toh .item{
    padding-top: 80px;
}
.share-from-toh, .form-recruitment{
    background: #f4f5f7
}
.form-recruitment .cv{
    border: 1px solid #00266f26;
    padding: 10px;
    background: #fff;
}
.form-recruitment .form-control-cs{
    padding: 15px;
    width: 100%;
    border: 1px solid #00266f26;
}
.form-recruitment .form-group{
    padding-bottom: 15px;
}
/* Style the tab */
.position-recruitment .tab {
    float: left;
    border: 1px solid #00266f26;
    background-color: #f1f1f1;
    width: 30%;
    /* height: 500px; */
  }
  .position-recruitment .tab button{
    color: #213367 ;
  }
  .position-recruitment .tab button {
    text-align: left;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #00266f26;
    padding: 15px;
    width: 100%;
    cursor: pointer;
}
  
  /* Change background color of buttons on hover */
  .position-recruitment .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current "tab button" class */
  .position-recruitment .tab button.active {
    background-color: #fff;
    font-weight: 600;
  }

.testimonial{
    margin: 0 15px;
}
.pic{
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
}
.pic img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.testimonial-title {
    display: block;
    text-transform: capitalize;
    margin-top: 15px;

}
.testimonial-review{
    background: #fff;
    padding: 25px;
    position: relative;
    margin: 20px 50px 0 28px;
}
.testimonial-review .fa-quote-left {
    font-size: 30px;
    color: #ff7534;
    margin-bottom: 15px;
}
.testimonial-review:before{
    content: "";
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: -15px;
    left: 6%;
}
.testimonial-review .description{
    /* color: #fff; */
    margin: 0;
    font-size: 16px;
    line-height: 25px;
}
.owl-theme .owl-controls{
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #fff;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #37a6a4;
}



  
  /* Style the tab content */
  .position-recruitment .tabcontent {
    float: left;
    padding: 15px;
    border: 1px solid #9090907a;
    width: 70%;
    border-left: none;
    /* height: 500px; */
  }
h4{
    font-size: 28px;
}

.intro-toh.career .highlight{
    font-size: 22px;
    letter-spacing: 3px;
}
.why-toh{
    background: #182544;
    color: #fff;
}
.why-toh .content-center {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%;
}
.why-toh .col-cs-5{
    width: 51%;
}
.why-toh .item .highlight{
    color: #ff7534;
    font-size: 21px;
}
.why-toh .hr-contact-blue{
    margin-top: 30px;
}
.why-toh .col-cs-5 img{
    padding-right: 4%;
    max-width: 100%;
}
.why-toh .col-cs-4{
    width: 45%;
}
.why-toh .col-cs-4 img{
    padding-left: 4%;
}

/* TRINH RESPONSIVE  */
@media (min-width: 1200px){
    .trinhnk_block_1 .content.content-right .textarea{
        padding-right: calc(50vw - 570px);
        margin-top: 12%;
    }
    .trinhnk_block_5 .content.content-right .textarea{
        padding-right: calc(50vw - 570px);
        margin-top: 15%;
    }
    .trinhnk_block_3 .content.content-right .textarea{
        padding-right: calc(50vw - 620px);
    }
    #vision .trinhnk_block_5 .content-left .textarea{
        margin-top: 26%;
    }
    /* .content.content-right .textarea{
        padding-right: calc(50vw - 570px);
    } */
    .content.content-left .textarea{
        padding-left: calc(50vw - 620px);
        /* margin-top: 10%; */
    }
    /* .image.image-right .inner{
        margin-right: -15px;
    } */
    .image.image-left .inner{
        margin-left: -15px;
    }
    .image.image-left .inner {
        margin-left: -15px;
    }
}
@media (max-width: 1199.99px){
    .content.content-right .textarea{
        padding-right: calc(50vw - 480px);
    }
    .content.content-left .textarea{
        padding-left: calc(50vw - 480px);
    }
    .image.image-right .inner{
        margin-right: -15px;
        margin-left: 0 !important;
    }
    .image.image-left .inner{
        margin-left: -15px;
        margin-right: 0 !important;
    }
    .content.content-right{
        padding-left: 0 !important;
    }
    .content.content-left{
        padding-right: 0 !important;
    }
    .intro-home .block .content .textarea{
        padding-left: 40px;
    }
    .homepage-section-1 .why-choose-toh .content .textarea{
        padding-right: 50px;
    }
    .trinhnk_block_5 .content .textarea{
        margin-left: 0 !important;    
    }
    .trinhnk_block_5 .image .inner{
        /* margin-right: 30px !important; */
    }
    #about .core-values .core-values-slide>.container-fluid>.row>.col-xl-4::before {
        content: none;
    }
    #about .mission .content::before {
        content: none;
    }
    .vision .image.image-right .inner {
        margin-left: 0 !important;
    }
    #about .core-values .title {
        padding-left: 0;
        text-align: center;
    }
    #about .core-values .core-values-slide h2 {
        transform: none;
        width: auto;
        height: auto;
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 0;
    }
    #about .core-values .core-values-slide .divider {
        height: auto;
        border-top: 4px solid #0080ff;
        border-left: none;
        margin: 40px auto;
        width: 200px;
    }
    #about .core-values .core-values-detail>.container>.row>* {
        margin-top: 50px;
    }
    #about .core-values .slider-core-values .image .inner img{
        width: 100%;
    }
    .trinhnk_block_1 .block .content,
    .trinhnk_block_2 .block .content{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .trinhnk_block_1 .block .service .hero-text,
    .trinhnk_block_2 .block .service .hero-text{
        font-size: 150px;
    }
    #trinhnk_other_product .product-list .above .link {
        margin-top: 250px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #trinhnk_other_product .product-list .above .link h3{
        font-size: 24px;
    }
}

@media (min-width: 992px){
    
}
@media (max-width: 991.99px){
    .content.content-right .textarea{
        padding-right: calc(50vw - 360px);
    }
    .content.content-left .textarea{
        padding-left: calc(50vw - 360px);
    }
    .intro-home .block .content .textarea {
        padding-left: 30px;
    }
    .homepage-section-1 .why-choose-toh .content .textarea {
        padding-right: 30px;
    }
    .homepage-section-1 .toh-criteria .numeric{
        width: 80px;
        height: 80px;
        font-size: 60px;
        margin: 0;
    }
    #about .we-are .content::before{
        content: none;
    }
    .content.content-left .textarea{
        padding-right: 0 !important;
    }
    .trinhnk_block_1 .block .service{
        top: 100px !important;
    }
}

@media (min-width: 768px){
    /* footer .copyright{
        margin-left: -15px;
    } */
    /* footer .social{
        margin-right: -15px;
    } */
    .w-75-md{
        width: 75%;
    }
    
}
@media (max-width: 767.99px){
    #home .toh-welcome .content h2 .differences{
        font-size: 46px;
        letter-spacing: 10px;
    }
    #home .toh-welcome .content h2 .each-product{
        font-size: 52px;
        letter-spacing: 10px;
    }
    .toh-career .scroll-bar,
    .toh-news .scroll-bar{
        margin-top: 40px;
    }
    nav.toh-news-nav,
    nav.toh-career-nav{
        margin-right: calc(-100%/20);
    }
    #about .mission .illustration .image .inner img{
        width: 100%;
    }
    #about .mission .illustration .image {
        margin-right: 0;
    }
}

@media (min-width: 576px){
    
}
@media (max-width: 575.99px){
    .trinhnk_block_1 .image .inner{
        margin-right: -15px !important;
    }
    .trinhnk_block_1 .block .service{
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
    .trinhnk_block_1 .block .content{
        padding: 50px 30px 0 30px !important;
    }
    .trinhnk_block_2 .block .content{
        padding: 0 30px !important;
    }
    .trinhnk_block_2 .block .image .inner{
        margin-left: 0 !important;
    }
    .trinhnk_block_2 .block .image .inner img{
        width: 100%;
    }
    .intro-home{
        padding-left: 5vw;
    }
    .intro-home .block .content .textarea{
        padding-top: 30px;
        padding-left: 0;
    }
    .intro-home .block .col-md-6{
        padding-left:0;
    }
    .intro-home .image .inner {
        margin-right: 0;
        margin-left: 0;
    }
    .why-choose-toh{
        padding-left: 5vw;
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .homepage-section-1 .why-choose-toh .content .textarea {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px;
    }
    .why-choose-toh .block .col-md-6{
        padding-left:0;
    }
    .why-choose-toh .image .inner {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .toh-criteria>.container>.row>.col{flex-basis:unset}
    .trinhnk_block_5{padding-left:5vw !important}
    .trinhnk_block_5 .col-md-6{padding-left: 0;}
    .trinhnk_block_5 .image .inner {
        margin-right: 0 !important;
    }
    .trinhnk_block_5 .content .textarea{
        padding-left: 0 !important;
    }
    .trinhnk_block_5 .content {
        padding-top: 30px;
    }
    .home-intro-product .trinhnk_block_5 .image::before{
        right: 0px;
        height: calc(100% + 290px);
    }
    .home-intro-product .trinhnk_block_5 {
        padding-bottom: 0;
    }
    nav.toh-news-nav,
    nav.toh-career-nav{
        margin-right: 0;
    }
    #about .mission .content{
        margin-top: 20px;
    }
    #about .mission .content .block {
        margin-top: 10px;
    }
    #about .core-values>.core-values-detail>.container>.row>.col{
        flex-basis: unset;
    }
    #about .core-values .core-values-detail>.container>.row>* {
        margin-top: 10px;
    }
    #about .we-are {
        padding-bottom: 80px;
    }
    #about .core-values .core-values-detail{
        padding-bottom: 50px;
    }
    #mobile_app .fast-charge .block .content::after,
    #mobile_app .music-player .block .content::after{
        content: none;
    }
    #trinhnk_other_product .product-list .above .link{
        margin-left: 50px;
        margin-right: 50px;
    }
    .content .textarea {
        padding-left: 5vw !important;
    }
    .content.content-right .textarea {
        padding-top: 0;
    }
    #trinhnk_other_product .product-list .scroll-bar {
        margin-top: 10px;
    }
}
@media (max-width: 374.99px){
    #trinhnk_other_product .product-list .above .link {
        margin-top: 230px;
        margin-left: 20px;
        margin-right: 20px;
    }
}

/* END TRINH RESPONSIVE */




@media all and (max-width: 1400px) {
    #welcome .content h1 {
        font-size: 40px;
        letter-spacing: 5px;
    }
    #article{
        margin-left: 7%;
    }
    .image-author-news{
        width: 50px;
        height: 50px;
    }
}

@media all and (min-width: 768px) and (max-width: 1100px) {
    #news .card-contents a img.card-img-top {
        height: 175px;
    }

    .card-content{
        min-height: 612px;
    }
}

@media all and (max-width: 992px) {
    .card-content{
        min-height: 612px;
    }
}

@media all and (max-width: 768px) {
    .pic img {
        width: 80px;
        height: 80px;
    }
    .testimonial-review {
        margin: 0px 40px 0 17px;
    }
    #news .card-text-main {
        height: 141px;
    }
    #news .info-who-posted{
        margin-left: 0;
    }
}

@media all and (max-width: 767px) {

.intro-home .block .content .textarea {
    padding-right: 0px;
}
    #life .carousel-item img{
        height: 250px !important;
    }
    .reset-margin-0{
        margin: 0 !important;
    }
    #mission .content .textarea{
        padding-right: 0;
     }
    .why-toh  img{
        padding:0 0 10px 0;
    }
    .why-toh .col-cs-5,.why-toh .col-cs-4{
        width: 100%;
    }
    .form-recruitment .form-group {
        padding-bottom: 10px;
    }
    .trinhnk_block_3 {
        padding: 35px 0;
    }
    #about .we-are {
        padding: 50px 0;
    }
    #map{
        height: 350px;
    }
    #news .app-mail input {
        width: 100%;
        padding-right: 0;
    }
    #news .receive-the-news{
        height: auto;
        text-align: center;
    }
    #news .app-mail {
        margin-left: 0;
        padding: 5px 10px;
    }
    #news .app-mail a {
        margin: 10px 0 15px 0;
    }
    #news .receive-the-news{
        padding-right: 0;
    }
    #news .card-contents,#news .card-text-main, #news .card-contents a img.card-img-top {
        height: auto !important;
    }
    #news .card{
        padding-bottom: 30px;
    }
    #welcome .content h1{
        font-size: 39px;
        letter-spacing: 5px;
    }

}

@media all and (max-width: 480px) {

}

@media all and (max-width: 380px) {


}

@media all and (max-width: 320px) {
    .pic img {
        width: 70px;
        height: 70px;
    }
    #welcome .content {
        height: 450px;
    }

    #welcome .position-relative{
        display: none;
    }
}

#mobile_app ul{
    padding-left: 3%;
}
.down-the-line{
    margin-bottom: 0px;
}
.down-the-line-1{
    margin-bottom: 0px;
    margin-top: 5%;
}

#homepage_why_toh .intro-home .see-more a, #home_products_services .see-more a, #mobile_app .see-more a, #business_software .see-more a, #outsourcing_service .see-more a{
    color: #007bff;
}
#homepage_why_toh .intro-home .see-more a:hover, #home_products_services .see-more a:hover,  #mobile_app .see-more a:hover, #business_software .see-more a:hover, #outsourcing_service .see-more a:hover{
    color: #07216F;
}
#mobile_game .see-more a, #embedded_hardware .see-more a,#meshphone_meshnetwork .see-more a{
    color: #0080ff;
}
#mobile_game .see-more a:hover, #embedded_hardware .see-more a:hover,#meshphone_meshnetwork .see-more a:hover{
    color: #fff;
}
#core_values .core-values-slide img{
    width: 116%;
}
#embedded_hardware .trinhnk_block_2 {
    background-color: #000;
}
#meshphone_meshnetwork .trinhnk_block_2 {
    background-color: #020307;
}
#embedded_hardware .trinhnk_block_2 .block .content .plain-text, #meshphone_meshnetwork .trinhnk_block_2 .block .content .plain-text{
    padding-bottom: 30px;
}
#mobile_app .trinhnk_block_3 .content-left{
    padding-right: 65px;
}
#products_services .mobile-app .trinhnk_block_1 .content.content-right .textarea {
    padding-right: calc(50vw - 570px);
    margin-top: 2%;
}
#products_services .mobile-game .trinhnk_block_2 .block .content {
    margin-top: 9%;
}
#products_services .meshphone-meshnetwork .trinhnk_block_2 .block .content {
    margin-top: 13%;
}
.android-qrcode .content-left ul, .android-mail .content-left ul {margin-left: -20px;}
.bar-code .cumtom-container ul, .lync-enzo .cumtom-container ul{
    margin-left: -20px;
    margin-right: 10%;
}
#enterprisesoftware .trinhnk_block_3 .textarea {margin-right: 5%;}
#phonenetwork .cumtom-container ul{
    margin-left: -20px;
}
#news .app-mail h3{
    margin-bottom: 22px;
}
#who_we_are .trinhnk_block_5 .content.content-right .textarea {
    padding-right: calc(50vw - 570px);
    margin-top: 19%;
}
#vacancies .item-title .hr-contact-blue {
    margin-bottom: 70px;
}
#educate a {
    color: #0081FF;
}
#educate a:hover {
    color: #fff;
}
#sport .training-develope {
    margin-top: 15%;
    padding-right: 5%;
}
#outsourcing .cumtom-container ul{margin-left: -20px;}
#embedded_hardware .trinhnk_block_2 .block .service .hero-text, #meshphone_meshnetwork .trinhnk_block_2 .block .service .hero-text{
    margin-left: -18px;
}
.pagination .page-item{
    margin-right: 3%;
}
#news .card .card-contents{
    min-height: 489.44px;
}
.card-text-main h5 a{
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    max-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
#ortherservices .text-top-card h4{
    font-size: 25px;
}
#who_we_are .trinhnk_block_5 .content.content-right .textarea {
    margin-top: 14%;
}
#enterprisesoftware .bar-code .img-content img{
    margin-top: 220px;
}
#about .text-color-main, #vacancies .text-color-main {
    color: #2c3e50;
}
.btn-app-google-barcode{
    height: 74px;
}
.btn-app-google-barcode img{
    width: 124%;
}
.cus-p{
    font-size: 15px;
    padding-top: 10px;
    margin-bottom: 6px;
}
#business_software .trinhnk_block_1 .block .service .name {
    width: 250px;
}
#vacanciesWelcome .welcome .intro-text.text-uppercase, #remunerationpolicyWelcome .welcome .intro-text.text-uppercase, #contactWelcome .welcome .intro-text.text-uppercase, #educateWelcome .welcome .intro-text.text-uppercase ,#libraryWelcome .welcome .intro-text.text-uppercase, #careerOpportunitiesWelcome .welcome .intro-text.text-uppercase {
    display: none;
}
#vacanciesWelcome .welcome .divider, #remunerationpolicyWelcome .welcome .divider, #contactWelcome .welcome .divider, #educateWelcome .welcome .divider, #libraryWelcome .welcome .divider , #careerOpportunitiesWelcome .welcome .divider {
    display: none   ;
}