header {
    padding: 15px;
    text-transform: uppercase;
    background: url(/itplusgroup.edu.vn/templates/home/v2/images/background.png) no-repeat;
}

header .vn_title {
    color: #10228c;
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px
}

@media only screen and (max-width: 1200px) {
    header .vn_title {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    header .vn_title {
        display: none;
    }
}

header .en_title {
    color: #7b7b7b;
    font-size: 16px;
    margin-top: 0
}

@media only screen and (max-width: 1200px) {
    header .en_title {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    header .en_title {
        display: none
    }
}

header .img_itplus {
    float: right
}

@media only screen and (max-width: 991px) {
    header .img_itplus {
        float: none;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

header .img_dhqg_viencntt img {
    margin-left: 15px
}

@media only screen and (max-width: 991px) {
    header .img_dhqg_viencntt img {
        display: none
    }
}


header .carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top
}

header .carousel.vertical .active {
    top: 0
}

header .carousel.vertical .next {
    top: 400px
}

header .carousel.vertical .prev {
    top: -400px
}

header .carousel.vertical .next.left, header .carousel.vertical .prev.right {
    top: 0
}

header .carousel.vertical .active.left {
    top: -400px
}

header .carousel.vertical .active.right {
    top: 400px
}

header .carousel.vertical .item {
    left: 0
}