@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow/Barlow-Light.ttf") format("truetype");
    font-weight: 300
}

@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow/Barlow-Regular.ttf") format("truetype");
    font-weight: 400
}

@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow/Barlow-Medium.ttf") format("truetype");
    font-weight: 500
}

@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow/Barlow-SemiBold.ttf") format("truetype");
    font-weight: 600
}

@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow/Barlow-Bold.ttf") format("truetype");
    font-weight: 700
}

@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow/Barlow-ExtraBold.ttf") format("truetype");
    font-weight: 800
}

@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow/Barlow-Black.ttf") format("truetype");
    font-weight: 900
}

@font-face {
    font-family: 'UTM-Facebook';
    src: url("../fonts/UTM-Facebook.ttf") format("truetype");
    font-weight: 400
}

abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit
}

b, strong, th {
    font-weight: bold
}

em, i {
    font-style: italic
}

sub, sup {
    font-size: 75%
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 20px 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

a, a:active, a:focus, a:hover {
    text-decoration: none;
    color: inherit;
    outline: none
}

li, ol, ul {
    padding: 0;
    list-style: none;
    margin: 0
}

label {
    font-weight: normal
}

input[type=email], input[type=password], input[type=text] {
    padding-left: 12px;
    padding-right: 12px
}

select {
    padding-left: 8px;
    cursor: pointer
}

input[type=number] {
    padding-left: 5px
}

textarea {
    padding: 8px 12px 5px 12px
}

a, button, button:active, button:focus, button:hover, input, select, textarea {
    outline: none
}

button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer
}

* {
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-top: constant(safe-area-inset-top)
}

img {
    max-width: 100%;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover
}

body {
    font-size: 13px;
    font-family: "Barlow", sans-serif;
    line-height: 1.5;
    color: #000000
}

@media (min-width:1200px) {
    body.page {
        padding-top: 79px
    }
}

@media (min-width:1441px) {
    body.page {
        padding-top: 99px
    }
}

@media (max-width:1199px) {
    body {
        padding-top: 52px
    }
}

.col-f20, .col-lg-f20, .col-md-f20, .col-sm-f20, .col-xl-f20 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-f20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

@media (min-width:576px) {
    .col-sm-f20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:768px) {
    .col-md-f20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:992px) {
    .col-lg-f20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:1200px) {
    .col-xl-f20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

.pad-0 {
    padding-left: 0px;
    padding-right: 0px
}

.pad-5 {
    padding-left: 5px;
    padding-right: 5px
}

.pad-8 {
    padding-left: 8px;
    padding-right: 8px
}

.pad-10 {
    padding-left: 10px;
    padding-right: 10px
}

.margin-auto {
    margin-left: auto;
    margin-right: auto
}

.col-mar-0 {
    margin-left: 0px;
    margin-right: 0px
}

    .col-mar-0 .col, .col-mar-0 [class*=col-] {
        padding-left: 0px;
        padding-right: 0px
    }

.col-mar-4 {
    margin-left: -4px;
    margin-right: -4px
}

    .col-mar-4 .col, .col-mar-4 [class*=col-] {
        padding-left: 4px;
        padding-right: 4px
    }

.col-mar-5 {
    margin-left: -5px;
    margin-right: -5px
}

    .col-mar-5 .col, .col-mar-5 [class*=col-] {
        padding-left: 5px;
        padding-right: 5px
    }

.col-mar-8 {
    margin-left: -8px;
    margin-right: -8px
}

    .col-mar-8 .col, .col-mar-8 [class*=col-] {
        padding-left: 8px;
        padding-right: 8px
    }

.col-mar-10 {
    margin-left: -10px;
    margin-right: -10px
}

    .col-mar-10 .col, .col-mar-10 [class*=col-] {
        padding-left: 10px;
        padding-right: 10px
    }

@media (min-width:1200px) {
    .col-mar-20 {
        margin-left: -20px;
        margin-right: -20px
    }

        .col-mar-20 .col, .col-mar-20 [class*=col-] {
            padding-left: 20px;
            padding-right: 20px
        }
}

.fx-mid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ifx-top {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.ifx-bot {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
}

.ifx-mid {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.relative {
    position: relative
}

.static {
    position: static
}

.absolute {
    position: absolute
}

.clearfix:after, .clearfix:before {
    content: '';
    display: block;
    clear: both
}

.bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.ic {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.smooth {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width:991px) {
    .md-pad-7 {
        margin: 0 -7px
    }

        .md-pad-7 > [class^=col-] {
            padding: 0 7px
        }

    .md-pad-5 {
        margin: 0 -5px
    }

        .md-pad-5 > [class^=col-] {
            padding: 0 5px
        }
}

@media (max-width:767px) {
    .sm-pad-7 {
        margin: 0 -7px
    }

        .sm-pad-7 > [class^=col-] {
            padding: 0 7px
        }

    .sm-pad-5 {
        margin: 0 -5px
    }

        .sm-pad-5 > [class^=col-] {
            padding: 0 5px
        }

    .tb-responsive {
        display: block
    }

        .tb-responsive tbody, .tb-responsive td, .tb-responsive tfoot, .tb-responsive th, .tb-responsive tr {
            display: block
        }

        .tb-responsive thead {
            display: none
        }

        .tb-responsive tr:nth-child(2n) {
            background: #f5f5f5
        }

        .tb-responsive td {
            position: relative;
            padding: 10px 10px 10px 50%
        }

            .tb-responsive td:before {
                content: attr(data-title);
                position: absolute;
                left: 0;
                width: 50%;
                padding-right: 15px
            }
}

@media (max-width:575px) {
    .xs-pad-7 {
        margin: 0 -7px
    }

        .xs-pad-7 > [class^=col-] {
            padding: 0 7px
        }

    .xs-pad-5 {
        margin: 0 -5px
    }

        .xs-pad-5 > [class^=col-] {
            padding: 0 5px
        }
}

.slick-list {
    margin: 0 -15px
}

    .slick-list .slick-slide {
        margin: 0 15px
    }

.slick-arrow {
    cursor: pointer;
    z-index: 1;
    text-align: center;
    position: absolute
}

.slick-dots {
    text-align: center
}

    .slick-dots button {
        display: none
    }

    .slick-dots li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
        width: 12px;
        height: 12px;
        border: solid 2px #666;
        border-radius: 50%;
        cursor: pointer
    }

        .slick-dots li.slick-active {
            background: #666
        }

.i-select {
    position: relative
}

    .i-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-indent: 1px;
        -o-text-overflow: '';
        text-overflow: '';
        width: 100%
    }

.s-content {
    word-break: break-word
}

    .s-content a[href] {
        color: #007bff
    }

        .s-content a[href]:hover {
            text-decoration: underline
        }

    .s-content a, .s-content a:active, .s-content a:focus, .s-content a:hover {
        text-decoration: underline
    }

    .s-content ol {
        list-style: decimal;
        margin-left: 15px;
        margin-bottom: 10px
    }

    .s-content ul {
        list-style: initial;
        margin-left: 15px;
        margin-bottom: 10px
    }

    .s-content li {
        list-style: inherit;
        margin-bottom: 5px
    }

    .s-content p {
        margin-bottom: 10px
    }

    .s-content img {
        max-width: 100%;
        height: auto !important;
        margin: 10px auto;
        object_fit: initial
    }

        .s-content .alignleft, .s-content img.alignleft {
            margin-right: 1.5rem;
            display: inline;
            float: left
        }

        .s-content .alignright, .s-content img.alignright {
            margin-left: 1.5rem;
            display: inline;
            float: right
        }

        .s-content .aligncenter, .s-content img.aligncenter {
            margin-right: auto;
            margin-left: auto;
            display: block;
            clear: both
        }

    .s-content blockquote.left {
        margin-right: 20px;
        text-align: right;
        margin-left: 0;
        width: 33%;
        float: left
    }

    .s-content blockquote.right {
        margin-left: 20px;
        text-align: left;
        margin-right: 0;
        width: 33%;
        float: right
    }

    .s-content iframe, .s-content table {
        max-width: 100%;
        max-width: calc(100vw - 30px);
        margin: auto
    }

    .s-content iframe {
        display: block
    }

    .s-content h1, .s-content h2, .s-content h3, .s-content h4, .s-content h5, .s-content h6 {
        font-weight: bold
    }

    .s-content h1 {
        font-size: 2rem;
        margin-top: 0.67rem;
        margin-bottom: 0.67rem
    }

    .s-content h2 {
        font-size: 1.5rem;
        margin-top: 0.83rem;
        margin-bottom: 0.83rem
    }

    .s-content h3 {
        font-size: 1.17rem;
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .s-content h4 {
        font-size: 1rem;
        margin-top: 1.33rem;
        margin-bottom: 1.33rem
    }

    .s-content h5 {
        font-size: .83rem;
        margin-top: 1.67rem;
        margin-bottom: 1.67rem
    }

    .s-content h6 {
        font-size: .67rem;
        margin-top: 2.33rem;
        margin-bottom: 2.33rem
    }

.hc-upload {
    position: relative
}

    .hc-upload .hc-del {
        position: absolute;
        width: 24px;
        height: 24px;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        font-size: 21px;
        line-height: 1;
        text-align: center;
        border-radius: 50%;
        top: -12px;
        right: -12px;
        cursor: pointer
    }

        .hc-upload .hc-del:hover {
            background: rgba(0, 0, 0, 0.85)
        }

.wrap {
    overflow: hidden
}

.view-pri .title-view {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

    .view-pri .title-view span {
        text-decoration: underline
    }

    .view-pri .title-view i {
        margin-left: 10px;
        margin-top: 2px
    }

    .view-pri .title-view:hover {
        color: #F6780D
    }

.view-pri.v2 .title-view {
    color: #000
}

    .view-pri.v2 .title-view:hover {
        color: #F6780D
    }

.head-pri {
    text-align: center;
    margin-bottom: 35px
}

    .head-pri .title {
        font-weight: 700;
        margin-bottom: 10px
    }

    .head-pri .desc {
        max-width: 58%;
        margin: 0 auto
    }

    .head-pri.v2 {
        text-transform: uppercase
    }

@media (max-width:767px) {
    .head-pri .desc {
        max-width: 100%
    }
}

.fz15 {
    font-size: 15px
}

@media (max-width:1199px) {
    .fz15 {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .fz15 {
        font-size: 13px
    }
}

.fz16 {
    font-size: 16px
}

@media (max-width:1199px) {
    .fz16 {
        font-size: 15px
    }
}

@media (max-width:767px) {
    .fz16 {
        font-size: 14px
    }
}

.fz18 {
    font-size: 18px
}

@media (max-width:1199px) {
    .fz18 {
        font-size: 17px
    }
}

@media (max-width:767px) {
    .fz18 {
        font-size: 16px
    }
}

.fz20 {
    font-size: 20px
}

@media (max-width:1199px) {
    .fz20 {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .fz20 {
        font-size: 17px
    }
}

.fz22 {
    font-size: 22px
}

@media (max-width:1199px) {
    .fz22 {
        font-size: 19px
    }
}

@media (max-width:767px) {
    .fz22 {
        font-size: 18px
    }
}

.fz24 {
    font-size: 24px
}

@media (max-width:1199px) {
    .fz24 {
        font-size: 22px
    }
}

.fz28 {
    font-size: 28px
}

@media (max-width:1199px) {
    .fz28 {
        font-size: 24px
    }
}

@media (max-width:767px) {
    .fz28 {
        font-size: 20px
    }
}

.fz34 {
    font-size: 34px
}

@media (max-width:1199px) {
    .fz34 {
        font-size: 28px
    }
}

.fz38 {
    font-size: 38px
}

@media (max-width:1199px) {
    .fz38 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .fz38 {
        font-size: 24px
    }
}

.fz40 {
    font-size: 40px
}

@media (max-width:1199px) {
    .fz40 {
        font-size: 32px
    }
}

@media (max-width:991px) {
    .fz40 {
        font-size: 26px
    }
}

@media (max-width:767px) {
    .fz40 {
        font-size: 24px
    }
}

.fz48 {
    font-size: 48px
}

@media (max-width:1199px) {
    .fz48 {
        font-size: 40px
    }
}

@media (max-width:991px) {
    .fz48 {
        font-size: 32px
    }
}

.fz72 {
    font-size: 72px
}

@media (max-width:1199px) {
    .fz72 {
        font-size: 50px
    }
}

.delay01 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.delay02 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.delay03 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.delay04 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.delay05 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.delay06 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.delay07 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s
}

.delay08 {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.delay09 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s
}

.delay10 {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s
}

.delay12 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.delay14 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.delay16 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.delay18 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.acd-drop:after {
    content: '\002B'
}

.acd-drop.active:after {
    content: '\2212'
}

@media (min-width:1200px) {
    .m-nav, .m-nav-over {
        display: none !important
    }
}

@media (max-width:1199px) {
    .m-nav-over {
        position: fixed;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        z-index: 998;
        background: rgba(0, 0, 0, 0.7);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .m-nav-over.active {
            width: 100%
        }

    .m-nav {
        display: block;
        position: fixed;
        top: 0;
        width: 280px;
        bottom: 0;
        z-index: 999;
        color: #000000;
        background-color: #F6780D;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        left: -280px
    }

        .m-nav.active {
            -webkit-box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.15);
            box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.15);
            left: 0
        }

            .m-nav.active .m-nav-close {
                visibility: visible;
                opacity: 1
            }

        .m-nav .m-nav-close {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 48px;
            height: 48px;
            outline: none;
            color: #fff;
            font-size: 22px;
            font-weight: 300;
            cursor: pointer;
            -webkit-transition: inherit;
            -o-transition: inherit;
            transition: inherit;
            opacity: 0;
            visibility: hidden;
            z-index: 9
        }

        .m-nav .hd-phone {
            display: inline-block;
            border-top: none;
            left: 50%;
            position: relative;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            margin-top: 20px;
            border-radius: 30px
        }

        .m-nav .nav-ct {
            height: 100%;
            overflow: auto
        }

            .m-nav .nav-ct .logo {
                position: relative;
                text-align: center;
                width: 100px;
                left: 50%;
                top: inherit;
                height: auto;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 10px 0 20px 0;
                border-bottom: none
            }

                .m-nav .nav-ct .logo img {
                    max-width: 100px;
                    -webkit-filter: brightness(0) invert(1);
                    filter: brightness(0) invert(1)
                }

        .m-nav a {
            display: block;
            font-size: 14px;
            line-height: 20px;
            padding: 10px 15px 10px 18px;
            border-bottom: solid 1px rgba(255, 255, 255, 0.15);
            text-transform: uppercase;
            color: #fff
        }

        .m-nav ul ul {
            background: rgba(255, 255, 255, 0.1);
            display: none
        }

            .m-nav ul ul a {
                padding-left: 36px
            }

            .m-nav ul ul ul {
                padding-left: 54px
            }

        .m-nav .acd-drop {
            width: 40px;
            height: 40px;
            float: right;
            position: relative;
            z-index: 1;
            font-size: 20px;
            color: #fff;
            font-family: monospace;
            outline: none;
            cursor: pointer;
            background: rgba(255, 255, 255, 0.1)
        }
}

header {
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 4%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

    header.page {
        background-color: #fff !important;
        border-bottom: none
    }

        header.page .d-nav > ul > li > a {
            color: #000
        }

        header.page .lang-header:before {
            background-color: #363E49
        }

        header.page .lang-header li a {
            color: rgba(54, 62, 73, 0.6)
        }

        header.page .lang-header li.active a, header.page .lang-header li:hover a {
            color: #363E49;
            border-color: #F6780D
        }

    header.scroll {
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4)
    }

        header.scroll .d-nav > ul > li > a {
            padding: 22px 0;
            color: #000
        }

        header.scroll .lang-header:before {
            background-color: #363E49
        }

        header.scroll .lang-header li a {
            color: rgba(54, 62, 73, 0.6)
        }

        header.scroll .lang-header li.active a, header.scroll .lang-header li:hover a {
            color: #363E49;
            border-color: #F6780D
        }

@media (min-width:1200px) {
    header.scroll {
        background-color: #fff;
        border-bottom-width: 0px
    }

        header.scroll .logo {
            width: 200px
        }

            header.scroll .logo img {
                max-width: 120px
            }
}

.logo {
    position: absolute;
    height: 100%;
    width: 288px;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 26px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

    .logo img {
        max-width: 170px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

@media (max-width:1440px) {
    .logo img {
        max-width: 140px
    }
}

.wrap-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.right-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:1200px) {
    .lang-header {
        padding-left: 40px;
        margin-left: 30px;
        position: relative
    }

        .lang-header:before {
            content: '';
            position: absolute;
            left: 0;
            top: 20%;
            height: 60%;
            width: 1px;
            background-color: #fff
        }
}

.lang-header li {
    display: inline-block;
    margin-left: 5px
}

    .lang-header li a {
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.6);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        font-weight: 700;
        border: 1px solid transparent
    }

    .lang-header li.active a, .lang-header li:hover a {
        color: #fff;
        border: 1px solid #fff
    }

.d-nav > ul > li {
    position: relative;
    display: inline-block;
    margin: 0 20px
}

    .d-nav > ul > li:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background-color: #F6780D;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .d-nav > ul > li > a {
        padding: 40px 0;
        font-weight: 700;
        display: block;
        text-transform: uppercase;
        color: #fff
    }

@media (max-width:1440px) {
    .d-nav > ul > li > a {
        padding: 30px 0
    }
}

.d-nav > ul > li > ul {
    position: absolute;
    background-color: #363E49;
    left: 0;
    top: 100%;
    min-width: 200px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

    .d-nav > ul > li > ul > li {
        padding: 0 10px
    }

        .d-nav > ul > li > ul > li > a {
            display: block;
            padding: 15px 0;
            color: #fff;
            border-bottom: 1px solid #455366
        }

        .d-nav > ul > li > ul > li:hover > a {
            color: #F6780D !important;
            padding-left: 10px
        }

        .d-nav > ul > li > ul > li:last-child a {
            border-bottom: none
        }

.d-nav > ul > li:hover:before {
    width: 100%
}

.d-nav > ul > li:hover > a {
    color: #F6780D !important
}

.d-nav > ul > li:hover > ul {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.d-nav > ul > li.active:before {
    width: 100%
}

.d-nav > ul > li.active > a {
    color: #F6780D !important
}

.icon-menu {
    display: none
}

@media (max-width:1199px) {
    .d-nav {
        display: none
    }

    header {
        height: 52px;
        background-color: #fff;
        padding-right: 15px;
        padding-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .logo {
        position: absolute;
        width: auto;
        left: 50%;
        top: 50%;
        background-color: transparent;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

        .logo img {
            max-height: 32px
        }

    .wrap-header {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative
    }

    .right-header {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lang-header li a {
        color: rgba(54, 62, 73, 0.6)
    }

    .lang-header li.active a, .lang-header li:hover a {
        color: #363E49;
        border-color: #F6780D
    }

    .icon-menu {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 24px;
        position: relative;
        z-index: 1
    }

        .icon-menu span {
            display: block;
            background-color: #000;
            width: 100%;
            margin: 2px 0;
            border-radius: 3px;
            height: 3px
        }

            .icon-menu span:first-child {
                margin-top: 0
            }

            .icon-menu span:last-child {
                margin-bottom: 0
            }
}

footer {
    padding-top: 40px;
    background-color: #363E49;
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px
}

.top-footer {
    padding-bottom: 40px
}

    .top-footer .title {
        color: #F6780D;
        font-size: 18px;
        padding-left: 55px;
        letter-spacing: 0.05em;
        margin-top: 5px;
        text-transform: uppercase
    }

.logo-ft img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 225px
}

@media (min-width:1200px) {
    .ft-item.v1 {
        padding-right: 80px
    }
}

@media (min-width:1200px) {
    .ft-item.v2 {
        margin-left: -15px
    }
}

.ft-item .title {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    margin-bottom: 12px
}

.ft-item .info {
    margin-bottom: 40px
}

    .ft-item .info li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px
    }

        .ft-item .info li .ic {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25px;
            flex: 0 0 25px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-top: 4px
        }

        .ft-item .info li i {
            color: #F6780D
        }

            .ft-item .info li i.fa-phone {
                margin-left: -4px;
                margin-top: -2px;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg)
            }

.ft-item .quick-link li {
    margin-bottom: 14px
}

    .ft-item .quick-link li a {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        position: relative;
        display: inline-block
    }

        .ft-item .quick-link li a:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            height: 1px;
            background-color: #fff;
            width: 0;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s
        }

        .ft-item .quick-link li a:hover {
            color: #fff
        }

            .ft-item .quick-link li a:hover:before {
                width: 100%
            }

.copyright {
    margin-top: 20px;
    color: rgba(229, 229, 229, 0.35);
    text-align: center;
    padding: 30px 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

@media (max-width:991px) {
    .map-ft {
        margin-top: 20px;
        text-align: center
    }
}

@media (max-width:575px) {
    .copyright {
        font-size: 12px;
        padding: 20px 15px
    }
}

.splitting .char {
    -webkit-transition: 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    -o-transition: 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    transition: 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
    -webkit-transition-delay: calc(20ms + (30ms * var(--char-index)));
    -o-transition-delay: calc(20ms + (30ms * var(--char-index)));
    transition-delay: calc(20ms + (30ms * var(--char-index)))
}

.splitting[data-scroll=out] .char {
    opacity: 0;
    -webkit-transform: translateX(calc(.1em * var(--char-index)));
    -ms-transform: translateX(calc(.1em * var(--char-index)));
    transform: translateX(calc(.1em * var(--char-index)))
}

.home-banner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

    .home-banner video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .home-banner:before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(54, 62, 73, 0.55);
        pointer-events: none
    }

.wrap-mouse {
    position: relative;
    text-align: center;
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 20px;
    width: 100%;
    z-index: 2
}

    .wrap-mouse .mouse {
        width: 21px;
        height: 33px;
        border-radius: 10px;
        border: 1px solid #fff;
        display: inline-block;
        position: relative;
        cursor: pointer;
        margin-bottom: 6px
    }

        .wrap-mouse .mouse .scroll {
            display: block;
            width: 7px;
            height: 7px;
            margin: 5px auto 0 auto;
            border-radius: 50%;
            background-color: #fff;
            -webkit-animation: finger 1.5s infinite;
            animation: finger 1.5s infinite
        }

    .wrap-mouse span {
        display: inline-block;
        white-space: pre;
        color: #fff;
        text-transform: uppercase;
        font-weight: 300
    }

@-webkit-keyframes finger {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes finger {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

/*.home-block {
    padding: 100px 0 130px 0
}*/

.link-pri {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.home-service {
    background: url("../images/dc-home.svg") no-repeat bottom 10% right 1%;
    background-size: 23% auto
}

.item-service-home {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 5px
}

    .item-service-home .img img {
        width: 100%;
        -webkit-transition: 0.4s ease-in-out;
        -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out
    }

@media (min-width:1200px) {
    .item-service-home:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 1;
        background: transparent -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(58%, #00000029), to(#000000)) 0% 0% no-repeat;
        background: transparent -webkit-linear-gradient(top, #00000000 0%, #00000029 58%, #000000 100%) 0% 0% no-repeat;
        background: transparent -o-linear-gradient(top, #00000000 0%, #00000029 58%, #000000 100%) 0% 0% no-repeat;
        background: transparent linear-gradient(180deg, #00000000 0%, #00000029 58%, #000000 100%) 0% 0% no-repeat;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        z-index: 1
    }

    .item-service-home:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0;
        width: 100%;
        opacity: 0.8;
        background: transparent -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(21%, #000000), to(#000000)) 0% 0% no-repeat;
        background: transparent -webkit-linear-gradient(top, #000000 0%, #000000 21%, #000000 100%) 0% 0% no-repeat;
        background: transparent -o-linear-gradient(top, #000000 0%, #000000 21%, #000000 100%) 0% 0% no-repeat;
        background: transparent linear-gradient(180deg, #000000 0%, #000000 21%, #000000 100%) 0% 0% no-repeat;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        z-index: 1
    }
}

.item-service-home .ic {
    width: 42px;
    height: 42px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .item-service-home .ic img {
        max-height: 100%;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

.item-service-home .ct {
    position: absolute;
    height: 40%;
    width: 100%;
    left: 0;
    bottom: 20px;
    padding: 30px 20px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 2
}

    .item-service-home .ct .title {
        display: block;
        font-weight: 700;
        color: #F6780D;
        margin-bottom: 15px;
        margin-top: 10px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 1.5em;
        max-height: calc(1.5em * 1)
    }

    .item-service-home .ct .desc {
        opacity: 0;
        color: #fff;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-height: 1.5em;
        max-height: calc(1.5em * 4)
    }

.item-service-home .view-pri {
    position: absolute;
    left: 20px;
    bottom: 20px;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    z-index: 2
}

@media (min-width:1200px) {
    .item-service-home:hover:before {
        height: 0
    }

    .item-service-home:hover:after {
        height: 100%
    }

    .item-service-home:hover .img img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .item-service-home:hover .ct {
        height: 100%;
        bottom: 0
    }

        .item-service-home:hover .ct .desc {
            opacity: 1
        }

    .item-service-home:hover .view-pri {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slick-list .slick-slide {
    outline: none !important
}

.home-feedback {
    background: url("../images/bg-feedback.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 80px 0 35px 0;
    border-bottom: 16px solid rgba(247, 143, 30, 0.95)
}

    .home-feedback:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #000;
        z-index: -1
    }

.dc-fb {
    color: #F6780D;
    font-size: 45px;
    text-align: center;
    line-height: 0.6
}

    .dc-fb span {
        display: inline-block;
        font-family: "UTM-Facebook", sans-serif;
        position: relative;
        line-height: 0.6
    }

        .dc-fb span:after, .dc-fb span:before {
            content: '';
            position: absolute;
            height: 1px;
            background-color: #F6780D;
            width: 50px
        }

        .dc-fb span:before {
            right: calc(100% + 10px);
            top: 8px
        }

        .dc-fb span:after {
            left: calc(100% + 10px);
            top: 8px
        }

.cas-feedback {
    margin-top: 30px;
    position: relative
}

.item-feedback {
    color: #fff;
    text-align: center
}

    .item-feedback .author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 40px 0 70px 0
    }

        .item-feedback .author .avt {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 98px;
            flex: 0 0 98px;
            height: 98px;
            margin-right: 30px;
            border-radius: 50%
        }

            .item-feedback .author .avt img {
                width: 100%;
                border-radius: 50%
            }

        .item-feedback .author .ct {
            text-align: left
        }

            .item-feedback .author .ct .name {
                font-weight: 700
            }

.slick-dots li {
    background-color: #fff;
    border: none !important;
    width: 10px;
    height: 10px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

    .slick-dots li.slick-active {
        background-color: #F6780D !important
    }

.wrap-number {
    padding: 0 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.item-number {
    font-weight: 700;
    color: #F6780D
}

    .item-number .number {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .item-number p {
        color: #000000;
        text-align: center;
        width: 100%
    }

.home-activity {
    padding-bottom: 130px
}

.wrap-top-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

    .wrap-top-home .head-pri {
        margin-bottom: 0
    }

        .wrap-top-home .head-pri .title {
            margin-bottom: 0
        }

    .wrap-top-home ul {
        white-space: nowrap;
        margin-left: 10px
    }

        .wrap-top-home ul li {
            display: inline-block
        }

            .wrap-top-home ul li a {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 36px;
                height: 36px;
                font-size: 26px;
                border: 1px solid #ccc;
                color: #ccc;
                -webkit-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
                border-radius: 50%
            }

                .wrap-top-home ul li a:hover {
                    border-color: #455366;
                    color: #455366
                }

.cas-activity {
    overflow: hidden
}

    .cas-activity .item img {
        width: 100%;
        border-radius: 10px
    }

    .cas-activity .slick-arrow {
        display: none !important
    }

.home-cate .item {
    text-align: center;
    padding: 90px 30px 200px 30px
}

    .home-cate .item .title {
        font-weight: 700;
        margin-bottom: 10px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }

    .home-cate .item .desc {
        margin-bottom: 30px;
        color: #14213D
    }

    .home-cate .item.v1 {
        background: url("../images/1.png") no-repeat center;
        background-size: cover
    }

    .home-cate .item.v2 {
        background: #D0E3EE url("../images/ic-cate1.svg") no-repeat center bottom 10%;
        background-size: 22% auto
    }

    .home-cate .item.v3 {
        background: #DEF3FF url("../images/ic-cate.svg") no-repeat center bottom 10%;
        background-size: 18% auto
    }

    .home-cate .item:hover .title {
        color: #F6780D
    }

    .home-cate .item:hover .view-pri.v2 .title-view {
        color: #F6780D
    }

.home-control {
    background-color: #F78F1E;
    color: #fff;
    padding: 18px 0;
    position: relative;
    overflow: hidden
}

    .home-control:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 56%;
        background-color: #F6780D;
        -webkit-clip-path: polygon(0% 0%, 100% 0, 93% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0, 93% 100%, 0% 100%)
    }

.btn-download-file {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    border: 3px solid #fff;
    padding: 12px 30px;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

    .btn-download-file img {
        margin-right: 15px
    }

    .btn-download-file:hover {
        background-color: #F78F1E
    }

.home-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    height: 100%
}

.home-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: relative
}

    .home-social span {
        margin-right: 20px;
        font-size: 16px
    }

    .home-social ul li {
        display: inline-block;
        margin: 0 12px
    }

        .home-social ul li a {
            font-size: 27px
        }

            .home-social ul li a i {
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s
            }

            .home-social ul li a:hover i {
                -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1)
            }

.back-to-top {
    position: fixed;
    z-index: 9;
    bottom: 20px;
    right: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 56px;
    height: 56px;
    background-color: #4a525c;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.32);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.32)
}

    .back-to-top:hover i {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
        color: #fff
    }

    .back-to-top span {
        text-transform: uppercase;
        color: #fff;
        font-size: 12px
    }

    .back-to-top i {
        color: #fff;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        font-size: 22px
    }

@media (max-width:767px) {
    .back-to-top {
        bottom: 40px;
        right: 10px;
        width: 40px;
        height: 40px
    }

        .back-to-top i {
            font-size: 13px
        }

        .back-to-top span {
            font-size: 10px
        }
}

@media (max-width:1199px) {
    .wrap-mouse {
        display: none
    }

    .home-banner {
        height: auto
    }

        .home-banner:before {
            height: calc(100% - 5px)
        }

        .home-banner video {
            width: 100%;
            position: relative;
            top: inherit;
            left: inherit;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            min-width: auto;
            min-height: auto
        }

    .cas-service .slick-list {
        margin: 0
    }

        .cas-service .slick-list .slick-slide {
            margin-left: 0;
            margin-right: 0
        }

    .cas-service .slick-dots {
        margin-top: 10px
    }

        .cas-service .slick-dots li {
            background-color: #E5E5E5
        }
}

@media (max-width:1199px) and (max-width:767px) {
    .cas-service {
        width: 100vw;
        margin-left: calc(-50vw + 50%)
    }

        .cas-service .slick-list {
            padding: 0 20px
        }
}

@media (max-width:1199px) {
    .item-service-home {
        -webkit-box-shadow: 0px 3px 6px #00000029;
        box-shadow: 0px 3px 6px #00000029;
        background-color: #fff
    }

        .item-service-home .ic img {
            -webkit-filter: brightness(1) invert(0);
            filter: brightness(1) invert(0)
        }

        .item-service-home .ct {
            bottom: 0;
            position: relative;
            padding-top: 20px
        }

            .item-service-home .ct .title {
                font-size: 20px
            }

            .item-service-home .ct .desc {
                color: #000;
                opacity: 1
            }

    .home-cate .item .title {
        font-size: 18px
    }

    .home-number {
        padding: 50px 0
    }
}

@media (max-width:991px) {
    .home-service {
        padding: 30px 0 40px 0
    }

    .home-feedback {
        padding-top: 50px
    }

    .item-feedback .author {
        margin: 30px 0
    }

    .home-number {
        padding: 35px 0
    }

    .wrap-top-home {
        margin-bottom: 30px
    }

    .home-activity {
        padding-bottom: 50px
    }

    .home-control {
        padding: 0
    }

        .home-control:before {
            display: none
        }

    .home-download {
        background-color: #F6780D;
        padding: 26px 20px;
        width: 100vw;
        margin-left: calc(-50vw + 50%)
    }

    .home-social {
        padding: 26px 20px;
        background-color: #FCA311;
        width: 100vw;
        margin-left: calc(-50vw + 50%)
    }
}

@media (max-width:767px) {
    .wrap-number {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .item-number {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 20px
    }

    .btn-download-file {
        padding: 12px 20px;
        white-space: nowrap;
        font-size: 18px
    }

    .home-social ul li a {
        font-size: 23px
    }

    .item-feedback .author .avt {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        height: 60px;
        margin-right: 15px
    }
}

@media (max-width:575px) {
    .cas-activity .slick-list {
        padding-left: 80px;
        padding-right: 22px
    }

        .cas-activity .slick-list .slick-slide {
            margin: 0 8px
        }

    .home-cate .item {
        padding: 50px 20px 130px 20px
    }
}

.head-page {
    padding: 30px 0;
    background-color: #F6780D
}

    .head-page .title {
        text-transform: uppercase;
        color: #fff;
        font-weight: 700
    }

.head-second {
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    font-weight: 700;
    line-height: 1.3
}

    .head-second.v2 {
        font-weight: 800
    }

    .head-second.center {
        text-align: center;
        margin: 0 auto;
        color: #14213D
    }

@media (min-width:992px) {
    .head-second.center {
        max-width: 50%
    }
}

.head-second.center:before {
    left: calc(50% - 35px)
}

.head-second:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #F6780D;
    width: 70px
}

.direct-page {
    padding: 20px 0;
    margin-bottom: 50px
}

    .direct-page .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0
    }

    .direct-page .breadcrumb-item {
        color: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }

        .direct-page .breadcrumb-item:hover {
            color: #F6780D
        }

        .direct-page .breadcrumb-item.active {
            color: #000
        }

        .direct-page .breadcrumb-item + .breadcrumb-item {
            padding-left: 15px
        }

            .direct-page .breadcrumb-item + .breadcrumb-item:before {
                padding-right: 15px;
                content: '|';
                color: rgba(0, 0, 0, 0.3)
            }

.message-ceo {
    border: 2px solid #F6780D;
    margin-bottom: 80px;
    padding: 50px 80px;
    border-radius: 20px;
    position: relative
}

    .message-ceo:after, .message-ceo:before {
        content: "\f10d";
        position: absolute;
        left: 40px;
        top: -35px;
        background-color: #fff;
        width: 70px;
        height: 70px;
        font-family: "Font Awesome 5 Pro";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 900;
        font-size: 25px
    }

    .message-ceo:after {
        content: "\f10e";
        left: inherit;
        top: inherit;
        right: 40px;
        bottom: -35px
    }

    .message-ceo .ct {
        color: #363E49;
        font-weight: 700;
        margin-bottom: 25px
    }

    .message-ceo .author {
        color: #363E49
    }

        .message-ceo .author b {
            font-weight: 700;
            color: #F6780D;
            display: block
        }

.profile-ceo {
    padding: 50px 0;
    margin-bottom: 80px;
    position: relative
}

    .profile-ceo .img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        overflow: hidden;
        width: 62%;
        border-radius: 10px
    }

        .profile-ceo .img img {
            height: 100%;
            width: 100%;
            border-radius: 10px
        }

    .profile-ceo .info {
        position: relative;
        width: 48%;
        background-color: rgba(24, 27, 30, 0.94);
        color: #fff;
        padding: 75px 65px;
        border-radius: 10px
    }

        .profile-ceo .info .title {
            color: #F6780D;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 30px
        }

        .profile-ceo .info ul li {
            position: relative;
            padding-left: 21px;
            margin-bottom: 17px
        }

            .profile-ceo .info ul li:last-child {
                margin-bottom: 0
            }

            .profile-ceo .info ul li:before {
                content: '';
                position: absolute;
                left: 0;
                top: 9px;
                background-color: #F6780D;
                width: 7px;
                height: 7px;
                border-radius: 50%
            }

.vision-mission li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px
}

    .vision-mission li:last-child {
        margin-bottom: 0
    }

    .vision-mission li .title {
        font-weight: 700;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .vision-mission li .ct {
        padding-top: 15px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-bottom: 60px;
        border-bottom: 1px solid #E5E5E5
    }

        .vision-mission li .ct p {
            margin-bottom: 10px
        }

        .vision-mission li .ct b {
            color: #F6780D
        }

.banner-page {
    margin-top: -50px
}

    .banner-page img {
        width: 100%
    }

.block-welcome {
    padding: 100px 0 150px 0
}

    .block-welcome .head-second {
        padding-right: 164px;
        line-height: 1
    }

    .block-welcome .desc-welcome {
        margin-top: 55px
    }

    .block-welcome .achievements {
        margin-top: 40px
    }

        .block-welcome .achievements .title {
            font-weight: 700;
            text-align: center;
            color: #363E49;
            margin-bottom: 16px
        }

        .block-welcome .achievements .desc {
            text-align: center;
            margin-bottom: 35px
        }

    .block-welcome .info-welcome {
        padding-top: 216px
    }

@media (min-width:1200px) {
    .block-welcome .info-welcome {
        padding-left: 70px
    }
}

.block-welcome .info-welcome .info {
    margin-bottom: 40px
}

    .block-welcome .info-welcome .info li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 12px
    }

        .block-welcome .info-welcome .info li b {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
            flex: 0 0 30%
        }

.block-welcome .location .title {
    margin-bottom: 10px
}

.block-welcome .location ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

    .block-welcome .location ul li .flag {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        margin-top: -2px
    }

.item-achievements {
    text-align: center
}

    .item-achievements .img {
        margin-bottom: 16px
    }

.block-values {
    padding-bottom: 20px
}

    .block-values .img img {
        width: 100%
    }

    .block-values .ct .title {
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 50px
    }

    .block-values .ct ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px
    }

        .block-values .ct ul li .ic {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 60px;
            flex: 0 0 60px;
            margin-right: 20px;
            margin-top: -10px
        }

        .block-values .ct ul li .content b {
            display: block;
            margin-bottom: 10px
        }

        .block-values .ct ul li .content p {
            line-height: 1.4
        }

.head-why {
    font-size: 80px;
    font-weight: 800;
    color: rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    padding-right: 100px;
    line-height: 1;
    position: relative
}

.block-why {
    padding: 220px 0 50px 0;
    position: relative;
    background-color: rgba(69, 83, 102, 0.05)
}

    .block-why:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        left: 0;
        border-left: 50vw solid transparent;
        border-right: 50vw solid transparent;
        border-top: 8vw solid #fff
    }

.item-why {
    margin-bottom: 80px;
    position: relative
}

    .item-why .title {
        font-weight: 800;
        color: #363E49;
        margin-bottom: 10px
    }

@media (min-width:1200px) {
    .item-why .title {
        padding-right: 90px
    }
}

.item-why .desc p {
    margin-bottom: 5px
}

.block-team {
    padding-bottom: 30px
}

.head-team {
    text-align: center;
    color: #363E49;
    margin-bottom: 50px
}

    .head-team .title {
        font-weight: 700;
        margin-bottom: 15px
    }

    .head-team .desc {
        max-width: 50%;
        margin: 0 auto
    }

.list-team {
    padding: 0 40px
}

.break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 0
}

.item-member {
    margin-bottom: 60px
}

@media (min-width:992px) {
    .item-member {
        padding: 0 10px
    }
}

.item-member.v2 {
    margin-bottom: 30px
}

    .item-member.v2 .ct .office {
        font-weight: 700
    }

.item-member .img {
    border-radius: 5px
}

    .item-member .img img {
        border-radius: 5px;
        width: 100%
    }

.item-member .ct {
    text-align: center;
    padding-top: 20px
}

    .item-member .ct .name {
        font-weight: 700;
        margin-bottom: 5px;
        color: #363E49;
        font-size: 16px
    }

    .item-member .ct .office {
        font-weight: 600;
        color: #F6780D
    }

@media (max-width:1199px) {
    .head-page {
        padding: 20px 0
    }

    .message-ceo {
        padding: 42px 38px
    }

        .message-ceo .author {
            text-align: right
        }

    .block-welcome {
        padding: 50px 0 80px 0
    }

        .block-welcome .head-second {
            padding-right: 0
        }

        .block-welcome .info-welcome {
            padding-top: 130px
        }

        .block-welcome .desc-welcome {
            margin-top: 30px
        }

    .list-team {
        padding: 0
    }
}

.intro-service {
    padding-bottom: 100px;
    margin-bottom: 60px;
    border-bottom: 1px solid #E5E5E5
}

@media (min-width:1200px) {
    .intro-service .ct {
        /*padding-right: 60px*/
    }
}

.intro-service .ct .desc {
    margin-top: 40px
}

    .intro-service .ct .desc p {
        margin-bottom: 15px
    }

.intro-service .img {
    text-align: center
}

.box-cacular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px
}

    .box-cacular .item {
        text-align: center
    }

        .box-cacular .item.v2 b {
            background-color: #F6780D
        }

        .box-cacular .item b {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100px;
            height: 100px;
            padding: 10px;
            border-radius: 50%;
            background-color: #363E49;
            color: #fff
        }

        .box-cacular .item p {
            width: 140px;
            margin-top: 18px
        }

    .box-cacular .ic {
        font-size: 30px;
        font-weight: 600;
        margin-top: 30px;
        color: #363E49
    }

.list-why-service {
    margin-top: 60px
}

.item-why-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px
}

@media (min-width:1200px) {
    .item-why-service {
        padding: 0 10px
    }
}

.item-why-service .ic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-right: 20px;
    margin-top: -12px
}

.item-why-service .ct .title {
    color: #F6780D;
    font-weight: 700;
    margin-bottom: 20px
}

.item-why-service .ct .desc {
    color: #363E49
}

.block-service {
    background-color: #F5F5F5;
    padding: 100px 0 60px 0
}

.list-service {
    margin-top: 40px
}

.item-service {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    height: calc(100% - 30px)
}

    .item-service.v2 .title img {
        margin-right: -15px;
        max-width: 36px
    }

    .item-service:before {
        content: '';
        position: absolute;
        bottom: 0;
        right: -50px;
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 30px solid #F6780D
    }

    .item-service .img {
        overflow: hidden;
        position: relative
    }

        .item-service .img img {
            -webkit-transition: 0.4s ease-in-out;
            -o-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
            width: 100%
        }

    .item-service .title {
        color: #F6780D;
        font-weight: 700;
        padding: 0 17px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 34px;
        position: relative
    }

        .item-service .title img {
            max-width: 40px;
            opacity: 0.5;
            position: absolute;
            right: 17px;
            top: 5px;
            -o-object-fit: inherit;
            object-fit: inherit
        }

    .item-service .desc {
        color: #363E49;
        font-size: 12px;
        padding: 10px 17px 20px 17px
    }

    .item-service:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

.intro-service-detail {
    padding-bottom: 60px
}

@media (min-width:1200px) {
    .intro-service-detail .content {
        /*padding-right: 70px*/
    }
}

.intro-service-detail .content .head {
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.3
}

.intro-service-detail .img {
    margin-top: -40px;
    text-align: center
}

@media (min-width:1200px) {
    .intro-service-detail .img {
        margin-left: -40px
    }
}

.box-number li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

    .box-number li .ic {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49px;
        flex: 0 0 49px;
        margin-right: 20px
    }

    .box-number li .ct {
        color: #363E49
    }

        .box-number li .ct .title {
            font-weight: 700;
            margin-bottom: 10px
        }

.download-portfolio {
    text-align: center;
    margin-top: 70px
}

    .download-portfolio .title {
        position: relative;
        font-weight: 700;
        background-color: #F6780D;
        color: #fff;
        border-radius: 16px;
        padding: 7px 20px 7px 50px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }

        .download-portfolio .title .ic {
            position: absolute;
            top: 50%;
            left: -10px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .download-portfolio .title:hover {
            background-color: #d26508
        }

.box-solutions {
    background-color: #f5f5f5;
    padding: 60px 0
}

.desc-pri {
    margin: 0 auto;
    margin-top: 20px;
    text-align: center
}

@media (min-width:1200px) {
    .desc-pri {
        max-width: 50%
    }
}

.list-solutions {
    margin-top: 35px
}

.item-solutions {
    color: #363E49;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0px 2px 5px #00000029;
    box-shadow: 0px 2px 5px #00000029;
    margin-bottom: 30px;
    padding: 22px;
    height: calc(100% - 30px)
}

    .item-solutions .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }

        .item-solutions .top .ic {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50px;
            flex: 0 0 50px;
            margin-right: 20px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .item-solutions .top .title {
            text-transform: uppercase;
            font-weight: 700
        }

.box-research {
    padding: 70px 0 80px 0
}

    .box-research .head-second {
        margin-bottom: 35px
    }

.item-research {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
    color: #363E49
}

    .item-research:last-child {
        border-bottom: none
    }

    .item-research .img img {
        width: 100%
    }

    .item-research .ct {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

@media (min-width:1200px) {
    .item-research .ct {
        padding-left: 20px
    }
}

.item-research .ct ul li {
    margin-bottom: 20px
}

.item-research.v2 > .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (min-width:1200px) {
    .item-research.v2 .ct {
        padding-left: 0;
        padding-right: 20px
    }
}

.view-more {
    text-align: center
}

    .view-more .title {
        display: inline-block;
        background-color: #F6780D;
        font-size: 14px;
        font-weight: 700;
        padding: 8px 50px;
        color: #fff;
        border-radius: 5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

        .view-more .title:hover {
            background-color: #d26508;
            -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32)
        }

.apply {
    display: inline-block;
    background-color: #F6780D;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 32px;
    color: #fff !important;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

    .apply:hover {
        background-color: #d26508;
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32)
    }

@media (max-width:991px) {
    .banner-page {
        margin-top: -30px
    }

    .direct-page {
        margin-bottom: 15px
    }

    .message-ceo {
        margin-bottom: 40px
    }

    .profile-ceo {
        padding: 10px 0;
        margin-bottom: 30px
    }

        .profile-ceo .img {
            position: relative;
            width: 100%
        }

        .profile-ceo .info {
            width: calc(100% - 26px);
            margin-left: 13px;
            margin-top: -50px;
            padding: 50px 20px 25px 20px
        }

            .profile-ceo .info .title {
                font-size: 22px;
                text-align: center
            }

    .vision-mission li {
        display: block;
        margin-bottom: 30px
    }

        .vision-mission li .ct {
            padding-bottom: 30px
        }

    .block-welcome {
        padding-bottom: 40px
    }

        .block-welcome .achievements {
            margin-top: 30px
        }

        .block-welcome .info-welcome {
            padding-top: 20px
        }

    .item-achievements {
        margin-bottom: 30px
    }

    .block-values .img {
        margin-bottom: 40px
    }

    .block-values .ct .title {
        margin-bottom: 30px
    }

    .block-values .ct ul li .ic {
        margin-top: 0
    }

    .block-values .ct ul li .content b {
        font-size: 20px
    }

    .head-why {
        margin-bottom: 50px;
        font-size: 60px
    }

    .block-why {
        padding-top: 150px
    }

    .item-why {
        margin-bottom: 30px
    }

    .head-team .desc {
        max-width: 100%
    }

    .intro-service .img {
        margin-top: 30px
    }

    .col-f20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .intro-service-detail .content .head {
        font-size: 24px;
        text-transform: uppercase
    }

    .intro-service-detail .img {
        margin-top: 10px
    }

    .download-portfolio {
        margin-top: 40px
    }

    .item-research {
        margin-bottom: 30px;
        padding-bottom: 10px
    }

        .item-research:last-child {
            margin-bottom: 0;
            padding-bottom: 20px
        }

        .item-research .img {
            margin-bottom: 30px
        }
}

@media (max-width:767px) {
    .head-why {
        margin-bottom: 30px
    }

    .block-why {
        padding-top: 60px;
        padding-bottom: 30px
    }

    .block-values {
        padding-bottom: 0
    }

    .block-welcome {
        padding-top: 30px
    }

    .block-team {
        padding-bottom: 20px
    }

    .head-team {
        margin-bottom: 30px
    }

        .head-team .title {
            font-size: 24px
        }

    .item-member {
        margin-bottom: 35px
    }

        .item-member .ct {
            padding-top: 15px
        }

    .intro-service {
        padding-bottom: 40px;
        margin-bottom: 40px
    }

        .intro-service .ct .desc {
            margin-top: 30px
        }

    .item-why-service {
        margin-bottom: 50px
    }

    .block-service {
        padding: 40px 0 30px 0
    }

    .item-service {
        margin-bottom: 15px;
        height: auto
    }

    .box-solutions {
        padding: 40px 0 30px 0
    }

    .box-research {
        padding: 40px 0
    }

    .item-solutions {
        margin-bottom: 15px;
        height: auto
    }
}

@media (max-width:575px) {
    .box-cacular .ic {
        margin-top: 22px;
        font-size: 26px
    }

    .box-cacular .item b {
        font-size: 11px;
        width: 88px;
        height: 88px
    }

    .box-cacular .item p {
        width: 100px;
        font-size: 12px;
        margin-top: 12px
    }
}

.page-news {
    padding-bottom: 70px
}

@media (min-width:1200px) {
    .content-post, .list-news-page, .news-related {
        /*padding-right: 70px*/
    }
}

.read-more {
    color: #F6780D !important;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

    .read-more i {
        margin-left: 12px
    }

.item-news {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #363E49;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5
}

    .item-news .img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
        overflow: hidden;
        margin-right: 30px;
        border-radius: 5px
    }

        .item-news .img img {
            width: 100%;
            border-radius: 5px;
            -webkit-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out
        }

    .item-news .ct {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

        .item-news .ct .title {
            font-weight: 700;
            margin-bottom: 12px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 1.5em;
            max-height: calc(1.5em * 2)
        }

        .item-news .ct .desc {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            line-height: 1.5em;
            height: calc(1.5em * 4)
        }

        .item-news .ct .control {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 10px
        }

    .item-news:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .item-news:hover .ct .title {
        color: #F6780D
    }

.sb-search {
    margin-bottom: 20px
}

    .sb-search .form-group {
        position: relative
    }

    .sb-search .form-control {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #e5e5e5;
        font-size: 13px;
        padding-left: 42px;
        height: 50px;
        border-radius: 5px
    }

        .sb-search .form-control::-webkit-input-placeholder {
            color: #999999
        }

        .sb-search .form-control:-ms-input-placeholder {
            color: #999999
        }

        .sb-search .form-control::-ms-input-placeholder {
            color: #999999
        }

        .sb-search .form-control::placeholder {
            color: #999999
        }

        .sb-search .form-control:focus {
            border-color: #F6780D
        }

.btn-search {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 40px;
    color: #000;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

    .btn-search:hover {
        color: #F6780D
    }

.sb-cate {
    color: #363E49
}

    .sb-cate.v2 {
        padding: 10px;
        margin-top: 30px;
        border-radius: 5px;
        border: 1px solid #e5e5e5
    }

    .sb-cate .title {
        font-weight: 700;
        margin-bottom: 10px
    }

    .sb-cate ul li:last-child a {
        border-bottom: none
    }

    .sb-cate ul li a {
        font-size: 14px;
        display: block;
        padding: 10px 0;
        padding-right: 20px;
        position: relative;
        border-bottom: 1px solid #e5e5e5;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

        .sb-cate ul li a:before {
            content: "\f105";
            position: absolute;
            right: 0;
            top: 50%;
            color: #ccc;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-family: "Font Awesome 5 Pro";
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s
        }

        .sb-cate ul li a:hover {
            color: #F6780D
        }

            .sb-cate ul li a:hover:before {
                color: #F6780D
            }

.item-similar-job {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

    .item-similar-job:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .item-similar-job .img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 78px;
        flex: 0 0 78px;
        margin-right: 8px;
        border-radius: 5px;
        overflow: hidden
    }

        .item-similar-job .img img {
            border-radius: 5px;
            -webkit-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out
        }

    .item-similar-job .ct {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

        .item-similar-job .ct .name {
            font-weight: 700;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s
        }

            .item-similar-job .ct .name span {
                color: #F6780D
            }

    .item-similar-job:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .item-similar-job:hover .ct .name {
        color: #F6780D
    }

.content-post {
    color: #363E49
}

    .content-post .top {
        padding-right: 150px;
        position: relative
    }

@media (min-width:768px) {
    .content-post .top .apply {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.content-post .title {
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #000;
    font-size: 28px
}

.content-post .control {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

    .content-post .control .cate {
        padding-left: 20px;
        margin-left: 20px;
        border-left: 1px solid #F6780D
    }

.share-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 40px 0
}

    .share-post span {
        margin-right: 15px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .share-post ul li {
        display: inline-block
    }

        .share-post ul li a {
            font-size: 16px;
            display: block;
            margin-right: 15px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s
        }

            .share-post ul li a:hover {
                color: #F6780D
            }

.news-related .head {
    font-size: 18px;
    font-weight: 700;
    color: #363E49;
    margin-bottom: 20px
}

.item-news-related {
    position: relative;
    color: #363E49
}

    .item-news-related .img {
        margin-bottom: 18px;
        overflow: hidden;
        border-radius: 5px
    }

        .item-news-related .img img {
            width: 100%;
            -webkit-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            border-radius: 5px
        }

    .item-news-related .time {
        display: block;
        font-size: 12px;
        margin-bottom: 18px;
        color: #999
    }

    .item-news-related .title {
        font-weight: 700;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        margin-bottom: 8px;
        line-height: 1.3
    }

    .item-news-related .desc {
        margin-bottom: 18px
    }

    .item-news-related:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .item-news-related:hover .title {
        color: #F6780D
    }

.page-career {
    padding-bottom: 80px
}

.tab-career {
    color: #363E49
}

    .tab-career .nav-tabs {
        border-bottom: none;
        margin-bottom: 18px
    }

        .tab-career .nav-tabs .nav-item {
            margin-bottom: 0;
            margin-right: 12px;
            margin-bottom: 12px
        }

            .tab-career .nav-tabs .nav-item:last-child {
                margin-right: 0
            }

        .tab-career .nav-tabs .nav-link {
            border: 1px solid #ccc;
            border-radius: 5px;
            display: block;
            padding: 5px 12px;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s
        }

            .tab-career .nav-tabs .nav-link.active, .tab-career .nav-tabs .nav-link:hover {
                border-color: #F6780D;
                color: #F6780D
            }

.item-career {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative
}

    .item-career.hot {
        border-color: rgba(246, 120, 13, 0.5);
        background-color: #FFF2E8
    }

    .item-career .img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        margin-right: 24px;
        border-radius: 5px;
        overflow: hidden
    }

        .item-career .img img {
            width: 100%;
            border-radius: 5px;
            -webkit-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out
        }

    .item-career .ct {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

        .item-career .ct .title {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            font-weight: 700;
            margin-bottom: 5px
        }

            .item-career .ct .title span {
                color: #F6780D
            }

        .item-career .ct ul li {
            margin-bottom: 8px
        }

            .item-career .ct ul li span {
                color: #999
            }

            .item-career .ct ul li .skill {
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                line-height: 1.5em;
                height: calc(1.5em * 1)
            }

        .item-career .ct .control {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 5px
        }

    .item-career:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .item-career:hover .ct .title {
        color: #F6780D
    }

.modal-apply {
    color: #363E49
}

    .modal-apply .modal-content {
        border-radius: 10px
    }

@media (min-width:768px) {
    .modal-apply .modal-dialog {
        min-width: 750px
    }
}

@media (min-width:991px) {
    .modal-apply .modal-dialog {
        min-width: 770px
    }
}

.modal-apply .modal-body {
    padding: 50px 40px 40px 40px
}

.modal-apply .head {
    margin-bottom: 50px
}

    .modal-apply .head span {
        display: block
    }

    .modal-apply .head .title {
        font-weight: 700;
        font-size: 18px
    }

@media (min-width:768px) {
    .form-apply {
        padding-right: 70px;
        border-right: 1px solid #e5e5e5
    }
}

.form-apply .form-group label {
    margin-bottom: 5px
}

.form-apply .form-control {
    border-radius: 5px;
    height: 36px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ccc;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

    .form-apply .form-control:focus {
        border-color: #F6780D
    }

.btn-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px
}

    .btn-modal button {
        margin: 0 7px;
        font-weight: 700;
        padding: 8px 32px;
        border-radius: 5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

        .btn-modal button:hover {
            -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.32);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.32)
        }

    .btn-modal .cancel {
        border: 1px solid #707070
    }

    .btn-modal .submit {
        background-color: #F6780D;
        color: #fff
    }

        .btn-modal .submit:hover {
            background-color: #dc6a08
        }

.upload-cv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.input-file-container {
    position: relative
}

.input-file-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #F6780D;
    padding-bottom: 10px;
    font-weight: 700;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    z-index: 1
}

    .input-file-trigger i {
        margin-right: 10px;
        font-size: 16px
    }

.input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.file-return {
    margin: 0
}

    .file-return:not(:empty) {
        margin-top: 0;
        font-size: 12px
    }

.file-return {
    font-style: italic;
    font-weight: bold
}

    .file-return:not(:empty):before {
        content: "Selected file: ";
        font-style: normal;
        font-weight: normal
    }

.page-contact {
    color: #363E49;
    padding-bottom: 80px
}

.head-contact {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 700;
    text-transform: uppercase
}

.map-contact iframe {
    width: 100%;
    height: 350px;
    border-radius: 10px;
    overflow: hidden
}

.info-contact {
    margin: 25px 0
}

    .info-contact .title {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 12px
    }

    .info-contact ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 12px
    }

        .info-contact ul li .ic {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 18px;
            flex: 0 0 18px;
            margin-right: 12px;
            margin-top: -2px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .info-contact ul li a {
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s
        }

            .info-contact ul li a:hover {
                color: #F6780D
            }

.form-contact {
    padding-top: 25px
}

    .form-contact .title {
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1.2
    }

@media (min-width:1200px) {
    .form-contact .title {
        max-width: 67%
    }
}

.form-contact .form-group {
    margin-bottom: 20px
}

.form-contact .form-control {
    font-size: 14px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

    .form-contact .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-contact .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-contact .form-control::-ms-input-placeholder {
        color: #999
    }

    .form-contact .form-control::placeholder {
        color: #999
    }

    .form-contact .form-control:focus {
        border-color: #F6780D
    }

.form-contact textarea {
    height: auto !important
}

.btn-contact {
    width: 100%;
    padding: 10px;
    background-color: #F6780D;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

    .btn-contact:hover {
        background-color: #d26508
    }

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0;
    margin: 20px 0 0 0
}

    .pagination .page-item {
        list-style-type: none;
        margin: 0 5px
    }

        .pagination .page-item:last-child {
            margin-right: 0
        }

        .pagination .page-item.active .page-link {
            background-color: #F6780D;
            border: none !important;
            color: #fff
        }

        .pagination .page-item.active:hover .page-link {
            color: #fff
        }

    .pagination .page-link {
        display: block;
        border: 1px solid #e5e5e5 !important;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        text-align: center;
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        font-size: 12px;
        color: #363E49;
        border-radius: 5px !important
    }

        .pagination .page-link span {
            font-size: 12px
        }

        .pagination .page-link:hover {
            text-decoration: none;
            color: #fff;
            border: none !important;
            background-color: #F6780D
        }

@media (max-width:767px) {
    .pagination {
        margin-top: 10px
    }

        .pagination .page-item {
            margin: 0 3px
        }

        .pagination .page-link {
            width: 30px;
            height: 30px
        }
}

@media (max-width:991px) {
    .sb-pri {
        margin-top: 30px
    }

    .info-contact {
        margin: 10px 0 30px 0
    }

    .form-contact .title {
        font-size: 24px;
        margin-bottom: 25px
    }
}

@media (max-width:767px) {
    .item-news-related {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5
    }

        .item-news-related .desc, .item-news-related .time {
            margin-bottom: 10px
        }

    .content-post .top {
        padding-right: 0
    }

        .content-post .top .apply {
            margin-bottom: 30px
        }

    .modal-apply .modal-body {
        padding: 30px 20px
    }

    .modal-apply .head {
        margin-bottom: 25px
    }

    .upload-cv {
        margin-top: 10px
    }

    .btn-modal {
        margin-top: 30px
    }

    .head-contact {
        font-size: 28px;
        color: #111;
        text-transform: initial;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .page-contact {
        padding-bottom: 40px
    }
}

@media (max-width:575px) {
    .page-career, .page-news {
        padding-bottom: 40px
    }

    .item-news {
        display: block;
        margin-bottom: 22px;
        padding-bottom: 22px
    }

        .item-news .img {
            margin-right: 0;
            margin-bottom: 13px
        }

    .item-career {
        display: block;
        margin-bottom: 15px
    }

        .item-career .img {
            margin-bottom: 15px
        }

            .item-career .img img {
                width: auto
            }

        .item-career .ct .control {
            margin-top: 15px
        }
}
/*# sourceMappingURL=main.css.map */