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

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

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

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-SemiBold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Black.ttf') format('truetype');
    font-weight: 1000;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-ExtraLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    position: relative;
}

body {
    line-height: 1;
}

ol, ul, li {
    list-style: none;
    position: relative;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

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

h1, h2, h3, h4, h5, h6, button, a, p, span, strong, ul, li {
    color: #5c5c5c;
    font-family: 'Muli';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

h1, h2, h3, h4, h5, h6, strong {
    font-weight: 600;
    position: relative;
}

.animatedParent {
    overflow: hidden;
}

a {
    text-decoration: none !important;
}

.gutter-10 {
    margin-left: 10px;
    margin-right: 10px;
}

    .gutter-10 > [class*='col-'] {
        padding-right: 10px;
        padding-left: 10px;
    }

.gutter-5 {
    margin-left: -5px;
    margin-right: -5px;
}

    .gutter-5 > [class*='col-'] {
        padding-right: 5px;
        padding-left: 5px;
    }

.gutter-2 {
    margin-left: -2px;
    margin-right: -2px;
}

    .gutter-2 > [class*='col-'] {
        padding-right: 2px;
        padding-left: 2px;
    }

.gutter-0 {
    margin-left: 0;
    margin-right: 0;
}

    .gutter-0 > [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
    }
/*==============================================*/
/*HEADER*/
header.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.social {
    height: auto;
    min-height: 32px;
    background: #f9f8fc;
    padding: 9px 0;
    text-align: right;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 p, a, span, strong, ul, li {
    font-weight: 100;
}
 .inside-content .list-VMC li h3 {
        font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
}
.box-member-name p{
    font-weight: 100 !important;
}
.box-member-name h4{
    font-weight: 400;
}
.box-content{
    font-weight: 100 !important;
}
.box-manegement-team .pull-right .map-management>div:nth-child(1) {
    margin-left: -80px;
}
.box-manegement-team .pull-right .map-management>div:nth-child(1):before{
    display: none;
}
.lang-vi-VN  .box-manegement-team .pull-right .map-management>div:nth-child(1) {
    margin-left: -80px;
}
.lang-vi-VN  .box-manegement-team .pull-right .map-management>div:nth-child(1):before{
    display: none;
}
}

.lang-vi-VN  .box-manegement-team .pull-right .map-management>div:nth-child(1) {
    margin-left: -80px;
}
.lang-vi-VN  .box-manegement-team .pull-right .map-management>div:nth-child(1):before{
    display: none;
}

header.menu .navbar-nav {
    float: right;
    margin: 0;
}

header.menu .navbar-collapse.collapse {
    padding-left: 0;
    padding-right: 0;
}

header.menu nav.navbar.navbar-default {
    padding: 15px 0;
    background: #fff;
    border: none;
    margin: 0;
    border-radius: 0px;
    margin-top: -1px;
}

header.menu .navbar-default .navbar-nav > li,
header.menu .navbar-default .navbar-nav > li > a {
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

    header.menu .navbar-default .navbar-nav > li > a {
        font-weight: 600;
        text-transform: uppercase;
        color: #093858;
    }

header.menu .container.container-cus {
}

header.menu .navbar-default .navbar-nav > li:hover > a,
header.menu .navbar-default .navbar-nav > li.active > a {
    color: #ee2d50;
    background: transparent;
}

.content-menu {
    padding-left: 0;
    padding-right: 0;
}

.social ul {
    margin: 0;
    padding: 0 5px;
    list-style-type: none;
}

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

        .social ul li a img {
            margin: 0 3px;
        }
        .social ul li a.active{
            font-weight:bold
        }

a.icon-social img {
    width: 15px;
    height: 15px;
}

a.google img {
    width: 16px;
}

a.skype img {
    width: 15px;
}

a.youtube img {
    width: 17px;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    padding-left: 0;
    display: none;
    position: absolute;
    background-color: #3d3f94;
    min-width: 210px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    list-style-type: none;
}

    .dropdown-content > * {
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
    }

    .dropdown-content li:before {
        position: absolute;
        width: 10px;
        height: 10px;
        content: "";
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: url(../images/list-icon.png);
        background-repeat: no-repeat;
        z-index: 101;
    }

    .dropdown-content a {
        color: #fff;
        padding: 12px 0;
        margin: 0 10px;
        border-bottom: 1px solid #fff;
        text-decoration: none;
        display: block;
        text-transform: capitalize; 
    }

    .dropdown-content li:last-child a {
        border-bottom: none;
    }

    .dropdown-content li:hover a, .dropdown-content li.active a {
        color: #deb132;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
/*****DUNG CHUNG*******/
.footer {
    border-top: 1px solid #d5d0d0;
}
.img-news{
  position: relative;
  overflow: hidden;
}
.img-news img , .main-img img{
   -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; 
}
.img-news img:hover  , .main-img  img:hover{
    -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.img-news:before , .main-img:before{
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 299;
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%) !important;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.img-news:hover:before , .main-img:hover:before{
    -webkit-animation: shine 1s;
    animation: shine 1s
  }
    @-webkit-keyframes shine {
        100% {
          left: 125%
        }
    }

    @keyframes shine {
      100% {
        left: 125%
      }
    }
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    background: url(../images/slick-prev.png) no-repeat center center;
    color: transparent !important;
    width: 43px;
    height: 43px;
}

.slick-slider .slick-next:before {
    background: url(../images/slick-next.png) no-repeat center center;
    left: 0;
}

.slick-slider .slick-prev, .slick-slider .slick-next {
    width: 40px;
    height: 40px;
    z-index: 5;
    left: 0;
    background: rgba(61,63,148,0.8);
}

.slick-slider .slick-next {
    left: unset;
    right: 0;
}
/*BANNER*/
section.home-banner {
    position: relative;
}

    section.home-banner .container {
        position: relative;
    }

ul.bxslider {
    padding: 0;
    margin: 0;
}

    ul.bxslider > li {
        margin: 0;
        position: relative;
    }

        ul.bxslider > li .div-img {
            height: auto;
            min-height: 731px;
            background: #ccc;
            background-repeat: no-repeat;
            background-position: center center !important;
            background-size: cover !important;
        }

section.home-banner .bx-wrapper {
    border: none;
    margin-bottom: 0;
}

    section.home-banner .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        bottom: 30px;
    }

        section.home-banner .bx-wrapper .bx-pager.bx-default-pager a {
            background: #fff;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            z-index: 150;
            width: 15px;
            height: 15px;
            padding: 7px;
            border: 2px solid #3d3f94;
            margin: 0px 5px;
        }

            section.home-banner .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
                background: #3d3f94;
                border: 2px solid #ffffff;
            }

    section.home-banner .bx-wrapper .bx-next, .bx-wrapper .bx-prev {
        width: 40px;
        height: 40px;
        margin-top: 0;
        border-radius: 100%;
    }
/*.bx-wrapper .bx-next{background:url(../images/icon-next.png) center center no-repeat;background-position:center center!important}
 .bx-wrapper .bx-prev{background:url(../images/icon-prev.png) center center no-repeat;margin-top:0;background-position:center center!important}*/
.bx-wrapper .bx-controls-direction a {
    margin-top: 0;
}

.banner-title {
    display: none;
    position: absolute;
    left: 281px;
    top: 200px;
    z-index: 5;
    background: rgba(60,64,152,0.8);
    padding: 35px 30px;
    min-width: 600px;
    min-height: 150px;
}

    .banner-title h1 {
        color: #ffffff;
        font-size: 30px;
        font-weight: 600;
        line-height: 1.6;
    }


/*about*/
.line-l:before {
    content: "";
    position: absolute;
    left: 0;
    top: -70px;
    width: 1px;
    height: 60px;
    background: #443986;
    background-size: cover !important;
    z-index: 1;
    display: none !important;
}
.home-about .article-1 {
    position: relative;
    height: auto;
    /* padding-bottom: 30px; */
    overflow: inherit;
}
.article-1 {
    position: relative;
    height: auto;
}

    .article-1:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 60%;
        height: calc(100% + 30px);
        background: #ece8fa;
        background-size: cover !important;
        z-index: -1;
    }

section.home-about {
    margin-top: 90px;
    float: left;
    width: 100%;
}

.article-1 .col-md-6:last-child {
    margin-top: 30px;
    float: right;
}

.box-content {
    margin: 20px 0;
    color: #5c5c5c;
    font-family: 'Muli';
    font-weight: 400;
    font-size: 16px;
}

.home-page .box-content {
    float: left;
    width: 100%;
        overflow: inherit;
}

.box-content p {
    line-height: 1.4;
}

.readmore {
    padding: 14px 15px;
    color: #fff;
    background: #ee2d50;
    font-weight: 600;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

    .readmore:focus, .readmore:hover {
        color: #ee2d50;
        background: #fff;
        padding: 13px 14px;
        border: 1px solid #ee2d50;
    }
/*article-2*/
.article-2 {
    margin-top: 60px;
}

.box-mission {
    height: auto;
    min-height: 355px;
    background: #fff;
    box-shadow: 1px 10px 9px 5px #b2b2cb;
    padding: 30px 50px;
    text-align: center;
    border: 1px solid #b2b2cb;
}

    .box-mission .icon {
        height: 55px;
        position: relative;
    }

    .box-mission img {
        position: absolute;
        left: 50%;
        bottom: 0%;
        transform: translate(-50%);
    }

    .box-mission h2 {
        color: #5c5c5c;
        font-weight: 1000;
        font-size: 18px;
        padding-bottom: 15px;
    }

        .box-mission h2:after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            width: 37px;
            height: 4px;
            background: #3d3f94;
            background-size: cover !important;
            z-index: 1;
        }
/**procedures**/
article h2.line-t, article h2.line-l, article h2.line-r {
    font-size: 30px;
    color: #3d3f94;
    margin-top: 30px;
    margin-bottom: 0;
    font-weight: 800;
    text-transform: uppercase;
}

article.home-procedures {
    margin-top: 100px;
        overflow: inherit;
}

.line-t:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -70px;
    transform: translateX(-50%);
    width: 1px;
    height: 60px;
    background: #443986;
    background-size: cover !important;
    z-index: 1;
    display: none !important;
}

.slide-procedures {
    position: absolute;
    left: -15px;
}

    .slide-procedures .bx-wrapper {
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

ul.bx-slider {
    padding: 0;
    margin: 0;
}

    ul.bx-slider > li {
        margin: 0;
        position: relative;
    }

        ul.bx-slider > li .main-img {
            background-position: center center !important;
            background-size: cover !important;
            height: 556px;
        }

.slide-procedures-content {
    background: #3d3f94;
    padding: 40px 50px;
    position: relative;
    z-index: 54;
    float: right;
    width: 55%;
    top: 104px;
}

    .slide-procedures-content h2 {
        color: #fff;
        font-weight: 1000;
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 22px;
    }

    .slide-procedures-content p {
        color: #fff;
        font-weight: 400;
        padding: 0 0 30px 0;
    }

    .slide-procedures-content ul {
        padding-left: 20px;
    }

        .slide-procedures-content ul li {
            color: #fff;
            font-weight: 400;
            line-height: 28px;
            position: relative;
        }

            .slide-procedures-content ul li:before {
                content: "";
                width: 8px;
                height: 8px;
                left: -15px;
                top: 50%;
                transform: translateY(-50%);
                position: absolute;
                z-index: 3;
                background: #fff;
                border-radius: 50%;
            }

.slide-procedures .bx-wrapper .bx-pager {
    bottom: 13px;
    right: 0;
    left: unset;
}

    .slide-procedures .bx-wrapper .bx-pager.bx-default-pager a {
        background: rgba(255,255,255,0.8);
        width: 13px;
        height: 13px;
        z-index: 150;
        width: 13px;
        height: 9px;
        padding: 7px;
        margin: 0px 4px;
        border-radius: 0px;
        border: none;
    }

        .slide-procedures .bx-wrapper .bx-pager.bx-default-pager a.active,
        .slide-procedures .bx-wrapper .bx-pager.bx-default-pager a:focus,
        .slide-procedures .bx-wrapper .bx-pager.bx-default-pager a:hover {
            background: #093858;
            border: none;
        }

.div-news.album-item .news-desc {
    width: 100%;
}

    .div-news.album-item .news-desc h3 {
        text-align: center;
        width: 100%;
    }
/**article-4**/
.article-4 {
    margin-top: 270px;
    padding-top: 1px;
    background: #f9f8fc;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 25px;
}

.box-why {
    padding: 20px 0 60px 0;
    margin: 0;
    float: left;
    width: 100%;
}

    .box-why > li {
        height: auto;
        min-height: 340px;
        background: #fff;
        padding: 26px 42px;
    }

    .box-why span {
        height: 52px;
    }

    .box-why h3 {
        color: #5c5c5c;
        font-size: 18px;
        font-weight: 1000;
        text-transform: uppercase;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .box-why h3::first-letter{
        color: #3d3f94;
        font-size: 30px;
    }
        .box-why h3:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 37px;
            height: 4px;
            background: #3d3f94;
            background-size: cover !important;
            z-index: 1;
        }
/*article-5 home-news*/
.article-5.home-news .slick-slider .slick-prev, .article-5.home-news .slick-slider .slick-next {
    left: -60px;
}

.article-5.home-news .slick-slider .slick-next {
    left: unset;
    right: -60px;
}

.article-5.home-news {
    margin-top: 80px;
    float: left;
    width: 100%;
    position: relative;
        overflow: inherit;
}

.news-desc {
    padding: 0 30px 30px;
    float: left;
}

    .news-desc h3 {
        font-weight: 1000;
        height: 60px;
        overflow:hidden;
           -webkit-line-clamp: 3;
               text-overflow: ellipsis;
                   display: -webkit-box;
    -webkit-box-orient: vertical;
        text-transform: uppercase;
    }

    .news-desc p {
        text-align: left;
         height: 70px;
        overflow:hidden;
           -webkit-line-clamp: 3;
               text-overflow: ellipsis;
                   display: -webkit-box;
    -webkit-box-orient: vertical;
    }

.article-5.home-news .slick-dotted.slick-slider, .div-news {
    padding-bottom: 30px;
}

span.img-news {
    min-height: 0;
    float: left;
}

.article-5.home-news .slick-slide {
    margin: 0 10px 10px 10px;
    box-shadow: -1px 3px 9px 0px #b2b2cb;
    min-height: 500px;
    position: relative;
}

.div-news {
    box-shadow: 0 9px 26px -5px #b2b2cb;
    height: auto;
    min-height: 420px;
}
.news-others .div-news {
    min-height: 455px;
}
.article-5.home-news .readmore {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
/*article-6 home-partner*/
.article-6.home-partner {
    margin-top: 80px;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    background: #f9f8fc;
        overflow: inherit;
}

    .article-6.home-partner .box-content {
        margin-top: 40px;
    }

    .article-6.home-partner .slick-slider .slick-prev, .article-6.home-partner .slick-slider .slick-next {
        background: transparent;
    }

        .article-6.home-partner .slick-slider .slick-prev::before, .article-6.home-partner .slick-slider .slick-next::before {
            width: 16px;
            height: 27px;
            color: transparent !important;
            background: url(../images/slick-left-2.png) center center no-repeat;
        }

        .article-6.home-partner .slick-slider .slick-next::before {
            width: 16px;
            height: 27px;
            color: transparent !important;
            background: url(../images/slick-right-2.png) center center no-repeat;
        }

    .article-6.home-partner .slick-slide img {
        margin: auto;
    }

.footer {
    background: #fff;
    height: auto;
    min-height: 200px;
    width: 100%;
    float: left;
    padding: 25px 0;
}

    .footer h3 {
        margin-top: 0;
        margin-bottom: 25px;
        color: #093858;
        font-size: 18px;
    }

    .footer ul.ul-infomation {
        padding-left: 0;
    }

        .footer ul.ul-infomation li {
            padding-left: 20px;
        }

        .footer ul.ul-infomation li, .footer ul.ul-infomation p, .footer ul.ul-infomation a {
            margin-bottom: 10px;
            font-size: 16px;
            color: #5c5c5c;
            position: relative;
        }

            .footer ul.ul-infomation li:first-child:before {
                content: "\f041";
                font-family: "FontAwesome";
                color: #093858;
                font-size: 16px;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
            }

            .footer ul.ul-infomation li:nth-child(2):before {
                content: "\f095";
                font-family: "FontAwesome";
                color: #093858;
                font-size: 16px;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
            }

            .footer ul.ul-infomation li:last-child:before {
                content: "\f02f";
                font-family: "FontAwesome";
                color: #093858;
                font-size: 16px;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
            }

    .footer input {
        width: 305px;
        background: transparent;
        border: none;
        border-bottom: 1px solid #c4c3c6;
        color: #093858;
        line-height: 30px;
        padding-left: 5px;
    }

        .footer input:focus {
            outline: none;
        }

        .footer input::-webkit-input-placeholder {
            color: #5c5c5c;
            font-size: 16px;
        }

        .footer input:-moz-placeholder {
            color: #5c5c5c;
            font-size: 16px;
        }

        .footer input:-ms-input-placeholder {
            color: #5c5c5c;
            font-size: 16px;
            margin-top: 5px;
            outline: none;
        }

    .footer button {
        color: #093858;
        border: none;
        background: transparent;
        padding: 0;
        position: absolute;
        right: 125px;
        font-weight: 800;
    }

.footer-social {
    padding-left: 0;
    margin-top: 40px;
}

    .footer-social li {
        display: inline-block;
        margin-right: 20px;
    }

        .footer-social li img {
            width: 28px;
            height: 25px;
        }
        .footer-report.form-contact h2.line-t{line-height:1.4em;}
        .contact .row{margin-left:-15px !important; margin-right:-15px !important;}
        .footer-report p{padding-right:0 !important;}
        .footer-report .qr{max-width:250px;}
        .footer-report .mt-5{margin-top:30px; }
        .footer-report .mt-5 p{line-height:2em;}
        .footer-report a{color:#3d3f94;}

.coppy-right {
    background: #093858;
    padding: 18px 0;
    color: #fff;
    float: left;
    width: 100%;
}

    .coppy-right > *, .coppy-right a {
        color: #fff;
        margin: 0;
        text-align: center;
    }

    .coppy-right i {
        color: #d82329;
    }
/*=======================ABOUT===========================*/
/*PUBLIC*/
.banner {
    display: table;
    width: 100%;
}

    .banner > * {
        display: table-cell;
        vertical-align: middle;
    }

.title-insideP {
    text-align: center;
}

    .title-insideP h1 {
        font-size: 30px;
        color: #fff;
        text-transform: uppercase;
    }

.tab-menu {
    padding-left: 0;
}

    .tab-menu > li, .tab-menu > li a, .tab-menu > li span {
        color: #fff;
        font-weight: 200;
    }

    .tab-menu > li {
        display: inline-block;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 20px 30px;
    margin-bottom: -1px;
    background-color: #f9f9f9;
    border: 1px solid #fff;
    border-radius: 0;
    position: relative;
}

a.list-group-item {
    color: #5c5c5c;
}

.list-group a.list-group-item.active {
    z-index: 2;
    color: #3d3f94;
    font-weight: 600;
    background-color: #f9f9f9;
    border: 1px solid #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

a.list-group-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #80b9ea;
    z-index: 1;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.list-group a.list-group-item.active:before, .list-group a.list-group-item:hover:before {
    background: #3d3f94;
}

.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
}

section.banner {
    height: 275px;
    background: #575aa6;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center !important;
}

.inside-content {
    padding: 60px 0;
}

.inside-page .line-t:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 60px;
    transform: translatex(0);
    height: 1px;
    background: #443986;
    background-size: cover !important;
    z-index: 1;
}

.inside-content article {
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.inside-content .box-content {
    margin: 30px 0;
}

    .inside-content .box-content img {
        margin-bottom: 30px;
    }

.inside-content img {
    display: block;
    max-width: 100%;
}
/******************/
.inside-page.page-port section.inside-content {
    float: left;
    padding-bottom: 90px;
    width: 100%;
}

    .inside-page.page-port section.inside-content img {
        margin-top: 30px;
    }
/***********************/
.list-VMC {
    padding-left: 0;
}

.inside-content .list-VMC li {
    padding-left: 108px;
}

    .inside-content .list-VMC li:after {
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        width: 61px;
        height: 38px;
        background: url(../images/binoculars.png) center center no-repeat;
        background-size: 100% 100%;
        z-index: 5;
    }

    .inside-content .list-VMC li:nth-child(2):after {
        width: 40px;
        height: 56px;
        background: url(../images/moutain.png) center center no-repeat;
    }

    .inside-content .list-VMC li:nth-child(3):after {
        width: 40px;
        height: 38px;
        background: url(../images/heart.png) center center no-repeat;
    }

    .inside-content .list-VMC li h3 {
        font-size: 22px;
        color: #5c5c5c;
        font-weight: 1000;
    }

.circle-ssit {
    position: relative;
    height: auto;
    min-height: 670px;
}
@media screen and (min-width:1440px) {
    body.lang-en-US .circle-ssit{ min-height: 620px;}
}


.circle-ssit:before {
    content: "";
    top: 130px;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    width: 380px;
    height: 380px;
    background: url(../images/about-four.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 5;
}
    .circle-ssit .circle-content {
        position: absolute;
    }

        .circle-ssit .circle-content h3 {
            font-weight: 1000;
            font-size: 18px;
        }

        .circle-ssit .circle-content p {
            margin-bottom: 5px;
        }

        .circle-ssit .circle-content:first-child {
            top: 0;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
        }

            .circle-ssit .circle-content:first-child h3 {
                color: #ca2736;
            }

        .circle-ssit .circle-content:nth-child(2) {
            top: 220px;
            left: -50px;
            text-align: right;
        }

            .circle-ssit .circle-content:nth-child(2) h3, .circle-ssit .circle-content:nth-child(4) h3 {
                color: #f4ce0b;
            }
            .circle-ssit .circle-content:nth-child(2) h3, .circle-ssit .circle-content:nth-child(2) h3 {
    color: #096639;
}

        .circle-ssit .circle-content:nth-child(3) h3 {
            color: #008de4;
        }

        .circle-ssit .circle-content:nth-child(3) {
            bottom: -50px;
            left: 50%;
            text-align: center;
            transform: translate(-50%);
        }

        .circle-ssit .circle-content:nth-child(4) {
            right: -50px;
            top: 220px;
        }
/*Management Team*/
.inside-content .managemen-team ul li:before {
    display: none;
}

.manager-detail {
    margin-bottom: 30px;
}

.avatar {
    width: 157px;
    height: 157px;
    border-radius: 80%;
    margin: auto;
    background-color: #ccc;
    background-size: cover !important;
    background-position: center center !important;
}

.info-manager h2 {
    color: #5c5c5c;
    font-size: 22px;
    font-weight: 1000px;
}

.info-manager span {
    font-size: 16px;
    color: #3d3f94;
}

.info-manager p {
    margin-top: 10px;
}

.manager-slide .slick-dots li a {
    font-weight: 900;
    color: #093858;
}

.manager-slide .slick-dots li.slick-active a {
    color: #ee2d50;
}
/***prize***/
.prize-slide img {
    margin: auto;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

    .prize-slide img:hover {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
/***advantege***/
.page-about .inside-content.about-content .box-content {
    margin-bottom: 0;
}

.inside-content ul {
    font-size: 16px;
    font-weight: 700;
    color: #3d3f94;
    text-transform: uppercase;
    line-height: 2;
    padding-left: 0;
}

.ter-content ul:first-child {
    margin-bottom: 25px;
}

.inside-content ul li {
    text-transform: none;
    margin-bottom: 8px;
    padding-left: 15px;
}

    .inside-content ul li:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        width: 6px;
        height: 7px;
        border-radius: 200px;
        background: #3d3f94;
    }

.equipment-slide {
    margin-bottom: 30px;
}

    .equipment-slide .item {
        background-size: cover !important;
        background: #ccc;
        background-position: center center !important;
        height: 300px;
    }

.inside-content .equipment .box-content {
    margin-bottom: 0;
}
/**location**/
.location ul strong {
    text-transform: initial;
}
/*particulars*/
ul.particulars {
    margin-bottom: 20px;
}

    ul.particulars li:first-child {
        padding-left: 0;
        color: #3d3f94;
        font-weight: 800;
        text-transform: uppercase;
    }

        ul.particulars li:first-child:before {
            display: none;
        }
/*service tariff**/
.procedures-table.table {
    text-align: center;
    font-size: 14px;
    color: #5c5c5c;
    background: #e5e6fd;
    font-weight: 400;
}

.table-striped > tbody > tr > td:first-child {
    font-weight: 1000;
}

.table-striped > tbody > tr > td:nth-child(2), .table-striped > tbody > tr > td:nth-child(2) a {
    color: #3d3f94;
}

.procedures-table.table a {
    color: #80b9ea;
}

.table > thead:first-child > tr > th {
    padding: 11px 14px;
}

.table > thead:first-child > tr:first-child > th {
    text-align: center;
}

.procedures-table.table > thead:first-child > tr:first-child {
    background: #3d3f94;
    color: #fff;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f7f7fe;
}

.table-striped.table-equipment {
    margin-bottom: 0px;
    position: relative;
}

    .table-striped.table-equipment > tbody > tr > td {
        position: relative;
        padding-top: 11px;
        padding-bottom: 11px;
    }

        .table-striped.table-equipment > tbody > tr > td:first-child,
        .table-striped.table-equipment > tbody > tr > td:nth-child(3) {
            font-size: 14px;
            color: #3d3f94;
            font-weight: 400;
            padding-left: 40px;
            text-align: left;
        }

            .table-striped.table-equipment > tbody > tr > td:first-child:before,
            .table-striped.table-equipment > tbody > tr > td:nth-child(3)::before {
                content: "";
                position: absolute;
                left: 17px;
                top: 14px;
                background: url(../images/icon-check.png) center center no-repeat;
                background-size: 100% 100% !important;
                width: 14px;
                height: 14px;
            }

        .table-striped.table-equipment > tbody > tr > td:nth-child(2),
        .table-striped.table-equipment > tbody > tr > td:nth-child(3) {
            color: #5c5c5c;
            font-size: 14px;
            font-weight: 400;
        }

    .table-striped.table-equipment.table-location > thead:first-child > tr:first-child > th {
        text-align: left;
    }

    .table-striped.table-equipment.table-location > tbody > tr > td {
        text-align: right;
    }

        .table-striped.table-equipment.table-location > tbody > tr > td:first-child {
            text-align: left;
            font-weight: 800;
        }

            .table-striped.table-equipment.table-location > tbody > tr > td:first-child:before, .table-striped.table-equipment.table-location > tbody > tr > td:nth-child(3):before {
                display: none;
            }
/*service-network*/
.inside-content .service-network .box-content {
    margin: 30px 0 0 0;
}

.inside-content .service-network h3 {
    font-weight: 800;
    font-size: 18px;
    color: #3d3f94;
    margin-bottom: 18px;
}

.inside-content .service-network .network-content:first-child {
    margin-bottom: 60px;
}

.inside-content .service-network img {
    margin-top: 20px;
    margin-bottom: 0;
}
/*.service-network ul{margin-bottom: 20px}
.inside-content .service-network ul li {padding-left: 50px;}
.inside-content .service-network ul li:before {left: 35px;}

.service-network ul li:first-child{padding-left: 35px;}
.service-network ul li.bold{font-weight: 600}
.service-network ul li:first-child:before,.service-network ul li.bold:before{display: none}

  .service-network ul li:first-child span{  padding: 1px 6px;
       padding: 1px 6px;
    color: #FFF;
    margin-left: -38px;
    margin-right: 10px;
    background: #3d3f94;
    border-radius: 100px;
    border: 3px solid #d94242;
  }
  .service-network h3{
    color: #3d3f94
  }*/
/*Logistic*/
.page-logistic .inside-content ul {
    margin-bottom: 15px;
}

    .page-logistic .inside-content ul li {
        margin-bottom: 5px;
    }

        .page-logistic .inside-content ul li:first-child {
            padding-left: 0;
            font-weight: 600;
            color: #3d3f94;
        }

            .page-logistic .inside-content ul li:first-child:before {
                display: none;
            }

        .page-logistic .inside-content ul li:nth-child(7) {
            margin-top: 10px;
        }

        .page-logistic .inside-content ul li.pe:before {
            background: #093858;
        }

.logistic-logo {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.display-flex {
    display: flex;
}

.logistic-logo .display-flex a {
    flex: 2;
    text-align: center;
}

    .logistic-logo .display-flex a img {
        margin: auto;
    }
/*INSIDE NEWS*/
.news-content .div-news, .page-library .news-content .div-news {
    margin-bottom: 45px;
    position: relative;
}

.news-content .news-desc {
    padding: 0 15px 10px;
}

.news-content .readmore {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin-bottom: 0px;
    bottom: -5%;
}

.inside-content.news-content .box-content img {
    margin-bottom: 0;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.inside-content.news-content .box-content .div-news:hover img {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

h2.news-title {
    margin-top: 0;
    color: #3d3f94;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 30px;
}

.inside-content.news-content .box-content .newsD-content img {
    margin: 20px 0;
}

.inside-content.news-content .box-content .newsD-content p, .inside-content.news-content .box-content .newsD-content div {
    color: #5c5c5c;
    font-family: 'Muli';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
}

.share a {
    display: inline-block;
    margin-left: 5px;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px;
    background-color: red;
    border-radius: 4px;
}

    .share a.facebook {
        background-color: #236acc;
    }

        .share a.facebook i {
            margin-right: 5px;
        }

.inside-content.news-content ul li:before {
    display: none;
}

.inside-content.news-content .slick-dots li {
    margin: 0 8px 0 8px;
}

    .inside-content.news-content .slick-dots li a {
        font-weight: 400;
        color: #5c5c5c;
        padding: 3px 8px;
        margin: 0 2px;
        border: 1px solid #3d3f94;
        border-radius: 5px;
    }

    .inside-content.news-content .slick-dots li.slick-active a {
        color: #fff;
        background: #3d3f94;
    }

.inside-content.news-content .box-content {
    margin-bottom: 10px;
}

.news-others {
    margin-top: 60px;
}

.page-news ul.pagination {
    clear: both;
    display: block;
    text-align: center;
}

    .page-news ul.pagination > li {
        display: inline-block;
    }

        .page-news ul.pagination > li > a, .page-news ul.pagination > li > span {
            font-weight: 400;
            color: #5c5c5c;
            padding: 3px 8px;
            margin: 0 5px;
            border: 1px solid #3d3f94;
            border-radius: 5px;
            transition: all ease .4s;
            -webkit-transition: all ease .4s;
            font-size: 16px;
        }

            .page-news ul.pagination > li a.current, .page-news ul.pagination > li > a:hover, .page-news ul.pagination > li.active > span {
                color: #fff;
                background: #3d3f94;
            }

.pFirst, .pPrev, .pNext, .pLast {
    display: none !important;
}
/*LIBRARY*/
span.img-news {
    position: relative;
    height: auto;
    max-height: 270px;
    overflow: hidden;
    width: 100%;
    float: left;
    background-position: center center !important;
    background-size: cover !important;
}
span.img-libs {
    
    height: 230px;
  
}
.page-library .news-content .div-news {
    min-height: 0;
    padding-bottom: 0;
}

.fancybox-close {
    background-image: url(../images/ico-close.png) !important;
    width: 13px !important;
    height: 16px !important;
    background-repeat: no-repeat !important;
    top: -30px !important;
    right: 0 !important;
}

.fancybox-wrap .fancybox-next span {
    background: url(../images/icon-next.png) no-repeat center center;
}

.fancybox-wrap .fancybox-prev span {
    background: url(../images/icon-prev.png) no-repeat center center;
}

.fancybox-opened .fancybox-title {
    bottom: unset;
    width: 100%;
}

.fancybox-title-float-wrap .child {
    padding: 10px 25px;
    border-radius: 0;
    width: 100%;
    background: #fff;
    color: #5b5b5b;
    text-shadow: none;
    font-weight: 1000;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
}

span.img-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(61,63,148,0.7);
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    opacity: 0;
}

    span.img-hover:after {
        content: "";
        position: absolute;
        background: url(../images/eye.png) center center no-repeat;
        width: 35px;
        height: 20px;
        background-size: 100% 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

.page-library .news-content .div-news a:hover span.img-hover {
    opacity: 1;
}

.fancybox-prev {
    left: -60px;
}

.fancybox-next {
    right: -60px;
}

.fancybox-nav span {
    visibility: visible;
}
/*RECRUIMENT*/
.panel-group .panel {
    border-radius: 0;
    border: none;
}

.panel-default > .panel-heading {
    background: #e5e6fd;
    border: none;
}

    .panel-default > .panel-heading h3 a {
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        color: #3d3f94;
        position: relative;
    }

        .panel-default > .panel-heading h3 a:after {
            content: "\f107";
            position: absolute;
            font-family: "FontAwesome";
            font-size: 20px;
            top: 0;
            right: 0px;
            z-index: 5;
            -moz-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
            -webkit-transition: all ease 0.3s;
            transition: all ease 0.3s;
        }

.panel-default.open > .panel-heading h3 a:after {
    transform: rotate(180deg);
}

.panel-group ul {
    padding-left: 0;
}

    .panel-group ul li:after {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        width: 6px;
        height: 7px;
        border-radius: 200px;
        background: #3d3f94;
    }

.recruitment-content ul li:first-child {
    padding-left: 0;
}

    .panel-group ul li:first-child:after, .recruitment-content ul li:first-child::before {
        display: none;
    }

.recruitment-content .info p {
    margin-top: 10px;
}

input.form-control, select.form-control, textarea.form-control  {
    margin-bottom: 15px;
    border-radius: 10px;
    background: #fefbfc;
    border: 1px solid #ededed;
    color: #4e4e4e;
}

    input.form-control::-webkit-input-placeholder {
        color: #4e4e4e;
        font-size: 16px;
    }

    input.form-control:-moz-placeholder {
        color: #4e4e4e;
        font-size: 16px;
    }

    input.form-control:-ms-input-placeholder {
        color: #4e4e4e;
        font-size: 16px;
    }

.recruitment-content a.btn {
    width: 163px;
    border-radius: 8px;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border: none;
}

    .recruitment-content a.btn.btn-warning {
        background: #3d3f94;
    }

    .recruitment-content a.btn.btn-send {
        background: #ee2d50;
    }

    .recruitment-content a.btn:hover {
        opacity: 0.8;
    }

    .input-group-btn{

overflow: hidden;

background: #fefbfc;

border: 1px solid #ededed;

border-radius: 10px;
}
    span.upl{
        color:#3d3f94;
        float: right;
    }
.it .btn-orange
{
	background-color: blue;
	border-color: #777!important;
	color: #777;
	text-align: left;
  width:100%;
}
.it input.form-control
{
	
	border:none;
  margin-bottom:0px;
	border-radius: 0px;
	border-bottom: 1px solid #ddd;
	box-shadow: none;
}
.it .form-control:focus
{
	border-color: #ff4d0d;
	box-shadow: none;
	outline: none;
}
/*.fileUpload {
    position: relative;
    overflow: hidden;
}*/
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 120%;
    opacity: 1;
    left: -90px;
    padding-left: 0px;
    font-size: 14px;
    background: transparent;
    border: none;
    top: 5px;
    box-shadow: none;
}
/**********CONTACT***************/
.contact h2 {
    color: #4e4e4e;
}

.contact span {
    color: #ac2b28;
}

.contact-map {
    margin-top: 30px;
    height: 473px;
    background: #ccc;
}

.inside-content .contact .box-content {
    float: left;
    width: 100%;
}

.form-contact {
    margin-top: 40px;
    float: left;
    width: 100%;
}

    .form-contact h2.line-t {
        margin-bottom: 40px;
    }
#top{background:url(../images/go_top.png);border-radius:1000px;background-position:center center;background-repeat:no-repeat;bottom:1px;cursor:pointer;height:45px;bottom:20px;position:fixed;right:30px;width:45px;display:block;z-index:88;transition:all ease 0.3s}
#top:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
#top:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,transparent 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
#top:hover:before,#top:focus:before,#top:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}


@media screen and (min-width:1680px) {
    .container-cus {
        width: 1366px;
    }

    header.menu .navbar-default .navbar-nav > li > a {
        padding-left: 24px;
        padding-right: 0;
    }

    .article-6.home-partner .container-cus {
        width: 1000px;
    }
}

@media screen and (min-width:1200px) {
    .box-why > li {
        width: calc(25% - 15px);
        margin-right: 20px;
    }

        .box-why > li:last-child {
            margin-right: 0;
        }

    .equipment-slide .item {
        height: 521px;
    }

    .news-content .div-news, .page-library .news-content .div-news {
        width: calc(33.3333% - 15px);
        margin-right: 15px;
        padding-left: 0;
        padding-right: 0px;
    }

    .contact p {
        padding-right: 80px;
    }

    .list-group {
        width: 95%;
    }
}

@media screen and (max-width: 1680px) and (min-width: 1441px) {
    header.menu .navbar-default .navbar-nav > li > a {
        font-size: 15px;
        padding: 15px 7px;
    }

    .footer button {
        right: 65px;
    }

    .article-1 .col-md-6:last-child {
        margin-top: 60px;
    }

    ul.bxslider > li .div-img {
        min-height: 600px;
    }
    .box-why > li {
    min-height: 360px;
    padding: 26px 35px;
    }
    .circle-ssit:before {
    top: 130px;
    width: 353px;
    height: 355px;
    background: url(../images/about-four.png) center center no-repeat;
    background-size: contain;
}
}

@media screen and (max-width: 1440px) and (min-width: 1200px) {
    .inside-page.page-port section.inside-content img {
        margin-top: 50px;
    }
    .title-insideP h1 {
    font-size: 25px;
}
    .inside-content .list-VMC li h3 {
    font-size: 18px;
}
    .dropdown-content a {
    padding: 8px 0;
    margin: 0 10px;
    font-size: 15px;
}
.circle-ssit:before {
    top: 135px;
    width: 353px;
    height: 355px;
    background: url(../images/about-four.png) center center no-repeat;
    background-size: contain;
}
    .list-group-item {
        padding: 13px 30px;
    }

    .box-mission {
        padding: 30px 20px;
    }

    ul.bxslider > li .div-img {
        min-height: 540px;
    }

    .banner-title {
        left: 130px;
        top: 140px;
    }

    header.menu .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        padding: 15px 10px;
    }

    .footer button {
        right: 65px;
    }

    .article-1 .col-md-6:last-child {
        margin-top: 30px;
    }

    .box-why > li {
        min-height: 360px;
    }

    .table-striped.table-equipment.table-location > thead:first-child > tr:first-child > th {
        font-size: 12px;
    }

    .news-desc h3 {
        font-size: 14px;
        margin-top: 5px;
    }

    article h2.line-t, article h2.line-l, article h2.line-r {
        font-size: 25px;
        margin-top: 20px;
    }

    h2.news-title {
        font-size: 22px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    header.menu .navbar-default .navbar-nav > li > a {
        font-size: 11px;
        padding: 14px 8px;
    }

    ul.bxslider > li .div-img {
        min-height: 450px;
    }

    .article-5.home-news .slick-slide {
        min-height: 400px;
    }

    .home-procedures ul.bx-slider > li .main-img {
        height: 415px;
    }

    .slide-procedures-content {
        padding: 30px 45px;
        width: 55%;
        top: 35px;
    }

    .box-mission {
        min-height: 385px;
        padding: 30px 20px;
    }

    header.menu nav.navbar.navbar-default {
        padding: 5px 0;
        border-radius: 0px;
    }

    article h2.line-t, article h2.line-l, article h2.line-r {
        font-size: 22px;
        margin-top: 20px;
    }

    .box-why > li {
        min-height: 375px;
        padding: 20px 15px;
    }

    .box-why h3 {
        font-size: 16px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .news-desc h3 {
        font-size: 14px;
        margin-top: 10px;
    }

    .news-desc {
        padding: 0 15px 30px;
    }

    .footer button {
        right: 0px;
        top: 45px;
    }

    .inside-content .list-VMC li h3 {
        font-size: 17px;
    }

    .table-striped.table-equipment.table-location > thead:first-child > tr:first-child > th {
        vertical-align: middle;
    }

    .div-news span.img-news {
        min-height: auto;
    }

    .div-news.album-item span.img-news {
        min-height: 150px;
    }

    .readmore {
        padding: 10px 5px;
        font-size: 15px;
    }

    .recruitment-content a.btn {
        width: 120px;
        border-radius: 8px;
        margin-right: 10px;
    }

    .form-contact input::placeholder, .box-content input::placeholder {
        font-size: 14px;
    }

    .newsletter input::placeholder {
        font-size: 14px;
    }

    .box-mission h2 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .article-1 .col-md-6:last-child {
        margin-top: 7%;
        float: right;
    }

    .coppy-right > *, .coppy-right a {
        font-size: 15px;
    }

    .list-group-item {
        padding: 10px 25px;
        font-size: 14px;
    }

    .circle-ssit:before {
        top: 130px;
        left: 50%;
        width: 300px;
        height: 300px;
    }
}

@media screen and (max-width: 991px) {
   .slide-procedures {
    position: relative;
    left: 0px;
    width: 100%;
    margin: 0 auto;
}
.slide-procedures ul.bx-slider > li .main-img {
    height: 490px;
}
.slide-procedures-content {
    background: #3d3f94;
    padding: 40px 50px;
    position: relative;
    z-index: 54;
    float: right;
    width: 100%;
    top: 20px;
}
   .article-4 {
    margin-top: 190px;
} 
.article-5.home-news .slick-slider .slick-next {
    left: unset;
    right: -10px;
}
.article-5.home-news .slick-slider .slick-prev {
    left: unset;
    left:  -10px;
}
   header.menu .navbar-default .navbar-nav > li > a {
    text-align: center !important;
}
.dropdown:hover .dropdown-content {
    text-align: center !important;
}
    .article-1:before {
        width: 100%;
    }
header.menu  .navbar-default .navbar-toggle .icon-bar {
    background-color: #3d3f94;
}
header.menu  .navbar-default .navbar-toggle:hover, header.menu  .navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
header.menu .navbar-default .navbar-toggle {
    border-color: #3d3f94;
}
    .box-mission {
        min-height: 380px;
        padding: 15px 10px;
        width: 33.33%;
        float: left;
    }

        .box-mission p {
            font-size: 15px;
        }

    .box-why {
        padding: 20px 0 20px 0;
        background: #fff;
    }

        .box-why > li {
            height: auto;
            min-height: auto;
            background: #fff;
            padding: 25px 20px;
        }

    section.home-about .article-4 .box-content .text-center {
        clear: both;
    }

        section.home-about .article-4 .box-content .text-center a.readmore {
            display: inline-block;
            margin-top: 20px;
        }

    header.menu .navbar-collapse.collapse {
        padding-left: 0;
        padding-right: 0;
        margin: 0px;
        display: none !important;
        border: none;
    }

        header.menu .navbar-collapse.collapse.in {
            display: block !important;
            padding-left: 0;
            padding-right: 0;
            margin: 0px;
        }

    .navbar.navbar-default .navbar-header {
        width: 100%;
    }

    header.menu .navbar-default .navbar-nav > li, header.menu .navbar-default .navbar-nav > li > a {
        width: 100%;
    }

    header.menu .navbar-nav {
        float: none;
        margin: 0;
    }

    .footer .container-cus .row div:nth-child(1) {
        width: 100%;
    }

        .footer .container-cus .row div:nth-child(1) img {
            display: block;
            margin: 0 auto;
        }

    .footer .container-cus .row div:nth-child(2) {
        width: 55%;
        margin-top: 30px;
    }

    .footer .container-cus .row div:nth-child(3) {
        width: 45%;
        margin-top: 30px;
    }

    .footer button {
        right: 0px;
        top: 50px;
    }

    .inside-content .container.container-cus .row > div.col-sm-3 {
        width: 100%;
    }

    .inside-content .container.container-cus > .row {
        margin-left: 0px;
    }

    .inside-content .container.container-cus .row > div.col-sm-9 {
        width: 100%;
    }

    .list-group-item {
        padding: 10px 30px;
    }

    .dropdown-content a {
        color: #093858;
        padding: 12px 0;
        margin: 0 10px;
        border-bottom: none;
        text-decoration: none;
        display: block;
    }

    .dropdown-content {
        padding-left: 0;
        display: none;
        position: relative;
        background-color: #ffffff;
        min-width: 190px;
        box-shadow: none;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
        list-style-type: none;
        padding-left: 30px;
        padding-right: 30px;
    }

    .recruitment-content .btn-form a.btn {
        width: 100px;
    }

    article h2.line-t, article h2.line-l, article h2.line-r {
        font-size: 25px;
        margin-top: 30px;
    }

    ul.bxslider > li .div-img {
        min-height: 430px;
    }
    .input-captcha{
        margin-top:15px;
    }
}

@media screen and (max-width: 767px) {
    header.menu .navbar-nav {
        float: none;
        margin: 0;
    }
    /*.inside-content article.library .box-content{
        margin-top: 0px;
    }*/
    .fancybox-close {
    background-image: url(../images/ico-close.png) !important;
    width: 13px !important;
    height: 16px !important;
    background-repeat: no-repeat !important;
    top: -25px !important;
    right: 0 !important;
    z-index: 999;
    background: none;
}
    .fancybox-next {
    right: -25px;
}
    .fancybox-prev {
    left:  -25px;
}
    .inside-content .box-content .box-barge img {
    margin-bottom: 0px;
}
.footer {
    padding: 15px 0;
    border-top: 1px solid #d5d0d0;
}
    h2.news-title {
    font-size: 18px;
    line-height: 1.2;
}
.logistic-logo {
    margin-top: 15px;
}
    .readmore {
    padding: 7px 15px;
    font-size: 14px;
    }
    section.home-banner .bx-wrapper .bx-pager.bx-default-pager a {
    padding: 4px;
    border: 2px solid #5c5c5c;
    margin: 0px 5px;
}
section.home-banner .bx-wrapper .bx-pager {
    bottom: 10px;
}
    section.home-about {
    margin-top: 55px;
    }
    .box-mission {
    min-height: auto;
    padding: 15px 10px;
    width: 100%;
    float: none;
}
div.slide-procedures {
    position: relative;
    left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.slide-procedures ul.bx-slider > li .main-img {
    background-position: center center !important;
    background-size: cover !important;
    height: 280px;
}
.slide-procedures-content {
    padding: 25px 20px;
    position: relative;
    z-index: 54;
    float: none;
    width: 100%;
    top: 10px;
}
.slide-procedures-content h2 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0px;
}
.article-4 {
    margin-top: 60px;
    padding-top: 1px;
    background: #f9f8fc;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 25px;
}
    article h2.line-t, article h2.line-l, article h2.line-r {
        font-size: 18px;
        margin-top: 30px;
    }

    .footer .container-cus .row div:nth-child(2) {
        width: 100%;
        margin-top: 30px;
    }

    .footer .container-cus .row div:nth-child(3) {
        width: 100%;
        margin-top: 30px;
    }

    .footer h3 {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .title-insideP h1 {
        font-size: 25px;
    }

    .inside-content {
        padding: 25px 0;
    }

    ul.bxslider > li .div-img {
        min-height: 220px;
    }
    .box-why > li {
    height: auto;
    min-height: auto;
    background: #fff;
    padding: 10px 20px;
}
.inside-page.page-port section.inside-content {
    padding-bottom: 50px;
}
section.banner {
    height: 200px;
}
.inside-content .container.container-cus .row > div.col-sm-3 {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.inside-content .container.container-cus .row > div.col-sm-9 {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.circle-ssit .circle-content {
    position: relative;
    top: inherit !important;
    left: initial!important;
    right: initial!important;
    transform: none !important;
    text-align: left !important;
    bottom: initial!important;
    padding-right: 0px;
    padding-left: 0px;
}
.circle-ssit:before {
    top: 56%;
    left: 50%;
    width: 100%;
    height: 400px;
    background-size: contain;
}
.circle-ssit {
    min-height: 950px;
}

 .inside-content .list-VMC li {
    padding-left: 80px;
}
.inside-content .list-VMC li h3 {
    font-size: 17px;
}
.footer button {
    right: 15px;
    top: 35px;
}
.navbar.navbar-default .navbar-header{
    margin: 0 auto;
}
header.menu  .navbar-collapse{
    border: none;
    box-shadow: none;
    padding-top: 10px;
}
header.menu .navbar-nav > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 20px;
}
header.menu .navbar-default .navbar-nav > li > a {
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.dropdown:hover .dropdown-content {
    text-align: center;
}
.dropdown-content a {
    padding: 5px 0;
    margin: 0 10px;
}
.list-group-item {
    padding: 10px 15px;
}
.news-content .readmore{
    position: relative;
    left: auto;
    transform: none;
}
.news-content .div-news, .page-library .news-content .div-news {
    margin-bottom: 45px;
    position: relative;
    height: auto;
    min-height: auto;
}
.inside-content .service-network h3 {
    font-size: 17px;
    margin-bottom: 15px;
}
.brage-arrow2 , .brage-arrow1{
    display: none !important;
}
.row{
    margin: 0 auto;
}
.dropdown-content {
    padding-left: 15px;
    padding-right: 15px;
}
.form-contact {
    margin-top: 10px;
}
}

@media screen and (max-width: 480px) {
.lang-vi-VN  .box-manegement-team .pull-right .map-management>div:nth-child(1) {
    margin-left: -60px;
    width: 118%;
}    
.footer ul.ul-infomation li, .footer ul.ul-infomation p, .footer ul.ul-infomation a {
    font-size: 15px;
}    
header.menu .navbar-default .navbar-nav > li > a {
    font-size: 14px;
}    
.footer .container-cus .row div:nth-child(1) img {
    width: 25%;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
    width: 30px;
    height: 30px;
}
.inside-content .box-content .prize-slide  img {
    width: 35%;
    display: block;
    margin: 0 auto;
}
.procedures.service-network .box-content.table{
 overflow-x: scroll;
}
/* width */
.procedures.service-network ::-webkit-scrollbar {
  height: 10px;
}

/* Track */
.procedures.service-network ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.procedures.service-network ::-webkit-scrollbar-thumb {
  background: #3d3f94; 
}

/* Handle on hover */
.procedures.service-network ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.introduction.prize ::-webkit-scrollbar {
  height: 10px;
}

/* Track */
.introduction.prize ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.introduction.prize ::-webkit-scrollbar-thumb {
  background: #3d3f94; 
}

/* Handle on hover */
.introduction.prize ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.news-desc {
    padding: 0 10px 0px;
    float: left;
}
.news-desc h3 {
    font-size: 15px;
}
.equipment-table-m{
    overflow-x: scroll;
}
.equipment-table-m table{
   width: 600px; 
}
.procedures.service-network .box-content.table table{
    width: 600px;
}
.panel-default > .panel-heading h3 a {
    font-size: 14px;
}
.footer input {
    width: 100%;
}
.title-insideP h1 {
   font-size: 20px;
}
.footer .row{
    margin: 0 auto;
}
.footer .container-cus .row >div{
    padding-left: 0px;
    padding-right: 0px;
}
.coppy-right > *, .coppy-right a {
    font-size: 13px;
}
.box-memmber-des a {
    font-size: 15px;
    margin-top: 10px;
}
.tab-menu > li, .tab-menu > li a, .tab-menu > li span {
    font-size: 15px;
}
section.banner {
    height: 160px;
}
.footer-social {
    margin-top: 20px;
}
#top {
    bottom: 1px;
    height: 40px;
    bottom: 15px;
    right: 5px;
    width: 40px;
}
.footer h3 {
    font-size: 16px;
}
.logo.pull-left img{
    width: 70%;
}
header.menu nav.navbar.navbar-default {
    padding: 10px 0;
    background: #fff;
    border: none;
    margin: 0;
    border-radius: 0px;
    margin-top: -1px;
    padding-bottom: 0px;
}
header.menu .navbar-toggle {
    margin-right: 0px;
    padding: 9px 10px;
    margin-top: 2px;
    margin-bottom: 8px;
    border-radius: 4px;
}
}
@media screen and (max-width: 380px) {
 .box-member.box-member-sub .box-member-infor .box-member-img {
    width: 75px !important;
    float: left;
}
.box-member-infor .box-member-img {
    width: 85px!important;
    float: left;
}   
.circle-ssit:before {
    top: 60%;
}
section.banner {
    height: 140px;
}
.box-member.box-member-sub .box-member-infor .box-member-img {
    width: 80px;
    float: left;
}
.box-member-infor .box-member-name {
    width: 70%;
    float: left;
}
.coppy-right > *, .coppy-right a {
    font-size: 13px;
}
.panel-default > .panel-heading h3 a {
    font-size: 12px;
}
.title-insideP h1 {
    font-size: 19px;
}
.tab-menu > li, .tab-menu > li a, .tab-menu > li span {
    font-size: 14px;
}
}

.ul-term{padding-left:15px;}
.ul-term li {
    margin-bottom: 2px;
    padding-left: 15px;
}
.ul-term li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 7px;
    border-radius: 50%;
    background: #3d3f94;
}
@media(max-width:991px){
    .ul-term {
        padding-left: 0;
        margin-bottom: 30px;
    }
}