﻿@font-face {
    font-family: OpenSans;
    src: url('/Assets/Specific/VTLT/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Oswald;
    src: url('/Assets/Specific/VTLT/fonts/Oswald-Regular.ttf') format('truetype');
}

html {
    font-family: Arial !important;
}

body {
    font-family: Arial !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial !important;
    line-height: 1.5em;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.main-wrapper {
    margin-left: -5px;
    margin-right: -5px;
    background: #fff;
}

.main-content {
    padding-left: 10px;
    padding-right: 10px;
}

.link-text {
    color: #272727;
    text-decoration: none;
}

    .link-text:hover {
        color: #f26522;
        text-decoration: none;
    }

.link-text-block {
    color: #0351a3;
    text-decoration: none;
    font-weight: bold;
}

    .link-text-block:hover {
        color: #337ab7;
        text-decoration: none;
    }

.title {
    font-size: 14px;
    padding-top: 0px;
}

.posted-date {
    color: #949393;
    font-size: 12px;
    font-style: italic;
    margin: 0px;
}

.container-background {
    background-color: #fff;
}

.container-fluid-background {
}

.icon-arrow {
    background: url(../../../Common/icons/arrown-black.png) no-repeat 0px 3px;
    padding-left: 10px;
}
/**TOP NAVIGATION ***************************************************/
.navbar-brand {
    padding: 7px 15px 5px 15px;
}

#top-nav {
    background: none;
    border: none;
    border-radius: 0px;
    margin-bottom: 0px;
    position: relative;
}

.top-nav-h {
    line-height: 1.4em !important;
}

.navbar-toggle {
    padding-top: 6px !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #00005a;
    font-size: 20px;
    font-family: Oswald !important;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none;
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav > li > a {
    }

    .iconhome {
        padding-top: 10px !important;
    }

    .link-text-block {
        font-size: large !important;
    }

    .quick-search {
        padding-top: 6px !important;
    }

    .main-content .left-section .news-block {
        height: 290px;
    }

    .news-slider-list .item, .news-block-body .first-item .content a, .news-block-body .item a {
        font-size: 14px !important;
    }

    .footer-wrap-content {
        font-size: 13px !important;
    }

    .videos-item {
        height: 220px !important;
    }

    .thumbnail-video-item {
        height: 165px !important;
        width: 196px !important;
    }

    .hidden-lg {
        display: none;
    }
}

.thumbnail-video-item {
    width: 100%;
}

@media (max-width: 768px) {
    .newdetail-font, .newdetail-font p, .newdetail-font a, .newdetail-font span, .newdetail-font p font, .title-16 {
        font-size: 16px !important;
    }
}

.newdetail-font, .newdetail-font p, .newdetail-font a, .newdetail-font span, .newdetail-font p font {
    font-size: 14px;
    text-align: justify;
}

.iconhome {
    padding-top: 12px;
}

.child-level {
    position: absolute;
    z-index: 99999;
    /*background: #23EDED;*/
    background: #eeeeee;
    /*background: #3BD7EF;*/
    /* border: 1px solid #c70007; */
    width: 73%;
    padding: 0px 40px;
}

    .child-level .child-level-head a {
        font-weight: bold;
        color: #c70007;
    }

        .child-level .child-level-head a:hover {
            color: #000;
        }

    .child-level a {
        color: #000;
        text-decoration: none;
        font-size: 12px;
    }

        .child-level a:hover {
            color: #c70007;
        }

    .child-level .child-item {
        margin-top: 0px;
        margin-bottom: 5px;
    }

p.child-item {
}

.current-time {
    padding: 7px;
    font-style: italic;
}

.padding-none {
    padding: 0px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.right {
    float: right;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.text-right {
    text-align: right;
}
/* Language link */
.language {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 12px;
    color: #092449;
    padding-top: 5px;
    padding-right: 220px;
    font-weight: 600;
}

    .language a {
        color: #f1f1f1;
    }

        .language a:hover {
            color: #fee1ba;
            text-decoration: none;
        }


.language-m {
    color: #fff;
    float: left;
    padding: 13px 0px 10px 10px;
}

    .language-m a {
        color: #fff;
    }

/**
    QUICK SEARCH ***************************************************/
.quick-search {
    padding-right: 15px;
}

    .quick-search input {
        border-radius: 0px;
        width: 150px !important;
    }

    .quick-search button, .quick-search button:hover, .quick-search button:focus {
        /* border-radius: 0px; */
        /* background: #C30F0F; */
        color: #fff;
    }

.title-heading {
    background: #6098c7;
    color: #fff;
    display: inline-block;
    /*border-bottom: 3px solid #fe0000;*/
    margin-bottom: -3px;
    padding-left: 0px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    padding: 8px;
}

    .title-heading h5 {
        margin: 0;
    }

    .title-heading.no-bg {
        background: #fff;
        color: #000;
    }

.title-heading-right {
    padding: 10px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
}

.datetime-search {
    margin-bottom: 10px;
}

/**
    FOOTER ***************************************************/

.footer-top {
    padding: 10px 20px;
    background-color: #F2F2F2;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
}

    .footer-top h5 {
        text-transform: uppercase;
        color: #0351a0;
        font-weight: bold;
        font-size: 13px !important;
    }

        .footer-top h5 :hover {
            text-decoration: none;
        }

    .footer-top p {
        margin-bottom: 2px;
    }

        .footer-top p .link-text {
            /*background: url('../Images/news_arrow.png') no-repeat 0px 5px;*/
            /*padding-left: 12px;*/
            /*color: #0351a0;*/
            font-size: 13px;
        }

.footer-wrap-icon {
    text-align: center;
    padding-top: 25px;
}

    .footer-wrap-icon img {
        margin: auto;
    }

.footer-btm {
    padding: 15px 0px 15px;
    /* background: #0072bc; */
    color: #fff;
    /* box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3); */
}

.footer-wrap-content {
    /* font-size: 14px; */
    margin-top: 1px;
}

    .footer-wrap-content li {
        list-style-type: none;
    }

    .footer-wrap-content h4 {
        color: #fff;
        font-weight: bolder;
    }

    .footer-wrap-content h2 {
        color: #fff;
        font-weight: bolder;
    }
/* Large Devices, Wide Screens */
@media (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media (max-width : 992px) {
    .navbar-inverse .navbar-nav > li > a {
        font-size: 11px;
    }
}

/* Small Devices, Tablets */
@media (max-width : 768px) {

    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
    }
}

/* Extra Small Devices, Phones */
@media (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media (max-width : 320px) {
    .navbar-inverse .navbar-nav > li > a {
        font-size: 12px;
    }
}
/* Custom by DuongPD*/

.news-block-foot {
    height: 15px;
    font-size: 13px;
}


/* Font */
.font-12, .font-12 p, .font-12 a, .font-12 span, .font-12 p font {
    font-size: 12px !important;
}

.font-14, .font-14 p, .font-14 a, .font-14 span, .font-14 p font {
    font-size: 14px !important;
}

.font-16, .font-16 p, .font-16 a, .font-16 span, .font-16 p font {
    font-size: 16px !important;
}

.font-20, .font-20 p, .font-20 a, .font-20 span, .font-20 p font {
    font-size: 20px !important;
}

/* Custom by DuongPD */
.news-block {
    padding: 10px;
    /*padding-top: 0;*/
    border: 1px solid #ddd;
    /* border-top: 3px solid #ffa54d; */
    background: #fff;
    margin-bottom: 10px;
    position: relative;
}

/* Block */
.left-section .block-news .block {
    height: 300px;
}

.block-news {
    padding: 5px 10px 5px 10px;
}

.m-block {
    padding: 15px 0px;
}

.block {
    padding: 15px 5px;
}

    .block .title-heading {
        /*background: #6098c7;*/
        background: rgb(250,165,82);
        background: -moz-linear-gradient(left, rgba(250,165,82,1) 0%, rgba(255,213,155,1) 67%, rgba(251,213,164,1) 71%, rgba(251,213,164,1) 74%, rgba(255,216,162,1) 78%, rgba(250,216,168,1) 81%, rgba(250,216,168,1) 86%, rgba(250,217,166,1) 90%, rgba(255,214,158,1) 94%, rgba(254,217,164,1) 97%, rgba(255,215,164,1) 100%);
        background: -webkit-linear-gradient(left, rgba(250,165,82,1) 0%,rgba(255,213,155,1) 67%,rgba(251,213,164,1) 71%,rgba(251,213,164,1) 74%,rgba(255,216,162,1) 78%,rgba(250,216,168,1) 81%,rgba(250,216,168,1) 86%,rgba(250,217,166,1) 90%,rgba(255,214,158,1) 94%,rgba(254,217,164,1) 97%,rgba(255,215,164,1) 100%);
        background: linear-gradient(to right, rgba(250,165,82,1) 0%,rgba(255,213,155,1) 67%,rgba(251,213,164,1) 71%,rgba(251,213,164,1) 74%,rgba(255,216,162,1) 78%,rgba(250,216,168,1) 81%,rgba(250,216,168,1) 86%,rgba(250,217,166,1) 90%,rgba(255,214,158,1) 94%,rgba(254,217,164,1) 97%,rgba(255,215,164,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa552', endColorstr='#ffd7a4',GradientType=1 );
        color: #b44617;
        display: inline-block;
        margin-bottom: -3px;
        padding-left: 0px;
        font-weight: bold;
        width: 100%;
        text-align: left;
        padding: 5px 10px;
        border-bottom: 1px solid #ffa54d;
    }

        .block .title-heading .viewmore {
            color: #b4462f;
            font-weight: 100;
            font-size: 13px;
        }

        .block .title-heading a:hover {
            color: rgba(195, 70, 23, 0.6);
            text-decoration: none;
        }

.block-body {
    padding: 10px;
    /* border: 1px solid #9FC9F3; */
    border-top: 1px solid #ffa54d;
    background-color: #fff;
}

    .block-body .item {
        padding-right: 5px;
    }

.news-body {
    /*padding: 10px;*/
}

    .news-body .first-item img {
        margin-bottom: 5px;
        margin-right: 10px;
    }

    .news-body .first-item {
        font-weight: 600;
        text-align: justify;
    }

        .news-body .first-item a {
            color: #3e3838;
            font-size: 14px;
            text-align: justify;
        }

            .news-body .first-item a:hover {
                color: #0461af;
                text-decoration: none;
            }

    .news-body .item {
        /*background: url('../Images/news_arrow.png') no-repeat 0px 4px;
    padding-left: 15px;*/
        padding-right: 5px;
        cursor: pointer;
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: justify;
    }

    .news-body .text_tag {
        background: #f1f1f1 url(../../Common/Images/icon_tag.gif) no-repeat left top;
        padding: 0 10px 0 20px;
        height: 20px;
        color: #939393;
        float: left;
        font: 400 13px/20px arial;
        margin: 0 5px 0 0;
    }

    .news-body .item a {
        color: #000;
        font-size: 14px;
    }

        .news-body .item a:hover {
            color: #b44617;
            text-decoration: none;
        }

.slick-center {
    /*-webkit-box-shadow: inset 0px 0px 0px 1px black;
    -moz-box-shadow: inset 0px 0px 0px 1px black;
    box-shadow: inset 0px 0px 0px 1px black;*/
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.trien-lam-wraper {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 5px;
    background-image: url(images/bg.jpg);
    background-attachment: fixed;
    background-repeat: repeat;
    width: 778px;
    background-position: center;
}

.border-top-dot {
    border-top: 1px dotted #cecece;
}

.border_bottom {
    background: url(../../Common/Images/bg/border_bottom_box.jpg) repeat-x;
    height: 10px;
    width: 100%;
    display: block;
}

.border_box {
    border: 1px solid #ffa54d;
    margin-left: 1px;
    margin-top: -1px;
}

.full-background {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/*mobile*/
.m-title {
    padding: 0px 20px;
    border-bottom: 5px solid #ececec;
}

    .m-title a {
        border-bottom: 5px solid #00005a;
        padding-bottom: 5px;
    }

        .m-title a:after {
            z-index: 2;
            content: " ";
            display: block;
        }

.m .slick-next {
    background-image: url(../../../Common/icons/next.png) !important;
    top: 15px !important;
    right: 5px !important;
}

.m .slick-prev {
    background-image: url(../../../Common/icons/pre.png) !important;
    top: 15px !important;
    margin: 0 auto !important;
    left: auto !important;
    right: 25px !important;
}

.m-ngayxuatban {
    font-family: Arial;
    font-style: italic;
}
