#vnt-main{

    width: 75.73%;

    float: left;    

    padding-right: 15px;

    border-right: 1px solid transparent;

    padding-bottom: 30px;

}

#vnt-main .box_mid .mid-title{

    width: auto;

    position: relative;

    margin: 0 -15px 20px 0;

    padding-bottom: 10px;

    padding-right: 15px;

    border-bottom: 1px solid #eaeaea;

}

#vnt-sidebar{

    width: 24.27%;

    float: right;

    padding-left: 14px;

    padding-bottom: 30px;

}



.news-hot .nh-title{

    width: 65px;

    float: left;

    text-align: center;

    font-size: 12px;

    line-height: 20px;

    padding: 10px;

    font-weight: bold;

    text-transform: uppercase;

}

.news-hot .nh-title span{

    display: inline-block;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    padding: 0 5px;

    min-width: 40px;

    background: #d40050;

    color: #ffffff;

}

.news-hot .nh-content{

    float: right;

    width: 1060px;

    width: -webkit-calc(100% - 65px);

    width: -moz-calc(100% - 65px);

    width: calc(100% - 65px);

}



/*=============BEGIN: FEATURE NEWS===================*/

.feature_news{

    margin-bottom: 20px;

    border-bottom: 1px solid #eaeaea;

    margin-right: -15px;

    padding-right: 15px;

    position: relative;

}

.feature_news:before{

    position: absolute;

    content: '';

    left: -webkit-calc(67.36% - 10px);

    left: -moz-calc(67.36% - 10px);

    left: calc(67.36% - 10px);

    top: 0;

    bottom: 0;

    border-left: 1px solid #eaeaea;

}

.feature_news .fn_left{

    width: 67.36%;

    float: left;

    border-right: 1px solid transparent;

}

.feature_news .fn_right{

    width: 32.64%;

    float: right;

}

.feature_news_1{

    padding: 0 15px 20px 0;

    border-bottom: 1px solid #eaeaea;

}

.feature_news_1 .item .i-image{

    margin-bottom: 12px;



}

.feature_news_1 .item .i-image img{

    width: 100%;

}

.feature_news_1 .item .i-title{

    margin-bottom: 7px;

    font-size: 19px;

    line-height: 30px;

    font-weight: bold;

    color: #143966;

    font-family: 'Roboto', sans-serif;

}

.feature_news_1 .item .i-title a{

    font-size: 19px;

    line-height: 30px;

    color: #143966;



}

.feature_news_1 .item .i-title a:hover{

    color: #d40050;

}

.feature_news_1 .item .i-content{



    overflow: hidden;

    font-size: 14px !important;

    line-height: 22px !important;

    font-family: 'Arial' , 'Tahoma' !important;

}



.feature_news_1 .item .i-content p{

    padding: 0;

}

.list_feature_news{

    padding: 10px 5px 10px 0;

}

.list_feature_news .item{

    width: 25%;

    float: left;

    padding: 10px 10px 10px 0;

}

.list_feature_news .item:nth-child(4n+1){

    clear:  left;

}

.list_feature_news .item .i-image{

    margin-bottom: 10px;

}

.list_feature_news .item .i-image img{

    width: 100%;

}

.list_feature_news .item .i-title{

    height: 88px;

    overflow: hidden;

    color: #143966;

}

.list_feature_news .item .i-title a{

    color: #143966;

    font-weight: normal;

}

.list_feature_news .item .i-title a:hover{

    color: #d40050;

}

.slide-nf{

    margin-left: 15px;

    margin-bottom: 15px;

}

.slide-nf .item{

    margin-bottom: 1px;

    border: 0;

}

.slide-nf .item a{

    display: block;

    color: #143966;

    background: #f0f0f0;

    padding: 7px 12px 7px 25px;

    position: relative;

}

.slide-nf .item a:hover{  color:#d40050;}



.slide-nf .item a:before{

    position: absolute;

    top: 10px;

    left: 10px;

    font-family: fontawesome;

    font-family: 'fontawesome';

    content: '\f0da';

    font-size: 14px;

    line-height: 20px;

    color: #d40050;

}

.scroll_bar{

    max-height: 700px;

}

.scroll_bar .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .scroll_bar.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{

    right: -8px;

}

.scroll_bar .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .scroll_bar.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{

    opacity: 1;

}

.scroll_bar .mCSB_scrollTools{

    width: 8px;

}

.scroll_bar .mCSB_scrollTools .mCSB_draggerRail{

    width: 8px;

}

.scroll_bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width: 8px;

}

/*=============END: FEATURE NEWS===================*/

/*=============BEGIN: BOX NEWS===================*/

.box-news{

    margin-bottom: 20px;

    margin-right: -15px;

    padding-right: 15px;

    border-bottom: 1px solid #eaeaea;

    padding-bottom: 20px;

}

.box-news .bn-title{

    border-bottom: 1px solid #eaeaea;

    margin-bottom: 10px;

    padding-bottom: 5px;

    background: url(../images/bg-line.jpg) repeat-x left 0 bottom 13px;

}

.box-news .bn-title .bn-title-left{

    float: left;

    padding-right: 12px;

    background: #ffffff;

    font-size: 20px;

    line-height: 30px;

    text-transform: uppercase;

    color: #d40050;

    font-family: 'Roboto Condensed', sans-serif;

}

.box-news .bn-title .bn-title-left h2,

.box-news .bn-title .bn-title-left a{

    font-size: 20px;

    line-height: 30px;

    color: #d40050;

}

.box-news .bn-title .bn-title-right{

    float: right;

    padding-left: 12px;

    background: #ffffff;

}

.ul-cat:after{

    display: block;

    content: '';

    clear: both;

}

.ul-cat li{

    float: left;

    padding: 7px 15px 3px 15px;

    position: relative;

    font-size: 13px;

    line-height: 20px;

}

.ul-cat li ~ li:before{

    position: absolute;

    top: 7px;

    left: 0;

    content: '|';

    color: #cccccc;

}

.ul-cat li:first-child{

    padding-left: 0;

}

.ul-cat li:last-child{

    padding-right: 0;

}

.ul-cat li a{

    display: block;

    font-size: 13px;

    line-height: 20px;

    font-weight: bold;

    color: #143966;

}

.ul-cat li a:hover{

    color: #d40050;

}

.box-news .bn-content{

    position: relative;

}

.box-news .bn-content:before{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 67.36%;

    border-left: 1px solid #eaeaea;

    content: '';

}

.box-news .bn-content .bn-content-left{

    width: 67.36%;

    float: left;

    padding-right: 15px;    

    border-right: 1px solid transparent;

}

.box-news .bn-content .bn-content-right{

    width: 32.64%;

    float: right;

    padding-left: 14px;

}

.link-news li{

    padding: 5px 0;

    border-top: 1px solid #e5e5e5;

    padding-left: 12px;

    position: relative;

}

.link-news li:before{

    position: absolute;

    top: 5px;

    left: 0;

    font-family: 'fontawesome';

    content: '\f0da';

    font-size: 14px;

    line-height: 20px;

    color:#d40050;

}

.link-news li a{

    color: #143966;

}

.link-news li a:hover{

    color:#d40050;

}

.link-news li:first-child{

    border-top: 0;

}

.style-news .i-title{

    font-weight: bold;

    margin-bottom: 15px;

}

.style-news .i-title a{

    font-weight: bold;

    color: #143966;

}

.style-news .i-title a:hover{

    color:#d40050;

}

.style-news .i-image{

    width: 170px;

    float: left;

    margin-right: 15px;

    margin-bottom: 10px;

    margin-top: 5px;

}

.style-news .i-image img

{

    max-width: 100%;

}

.style-news .i-content{

    text-align: justify;

    font-size: 14px !important;

    line-height: 22px !important;

    font-family: 'Arial' , 'Tahoma' !important;

}



/*=============END: BOX NEWS===================*/

/*=============BEGIN: BOX IMAGE===================*/

.box-img{

    margin-bottom: 10px;

    margin-right: -15px;

    padding-right: 15px;

}

.box-img .bi-title{

    margin-bottom: 20px;

    position: relative;

    font-weight: bold;

    text-transform: uppercase;

}

.box-img .bi-title h2{

    display: inline-block;

    padding: 0 10px;

    margin: 0 10px;

    background: #ffffff;

    position: relative;

    z-index: 1;

}

.box-img .bi-title a{

    color: #d40050;

}

.box-img .bi-title:before{

    position: absolute;

    left:0;

    bottom: 6px;

    content: '';

    height: 8px;

    width: 100%;

    background: #d40050;

}

.gird-img{

    margin: 0 -8px;

}

.gird-img .item{

    width: 33.33%;

    float: left;

    padding: 0 8px 16px 8px;

}

.gird-img .item:nth-child(3n+1){

    clear: left;

}

.gird-img .item .i-image{

    overflow: hidden;

    margin-bottom: 10px;

}

.gird-img .item .i-image img{

    width: 100%;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);

    -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);

    -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);

    transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);

}

.gird-img .item .i-image:hover img{

    -webkit-transform: scale(1.12);

    -moz-transform: scale(1.12);

    -o-transform: scale(1.12);

    -ms-transform: scale(1.12);

    transform: scale(1.12);

}

.gird-img .item .i-title{

    color: #143966;

}

.gird-img .item .i-title a{

    color: #143966;

    font-weight: normal;

}

.gird-img .item .i-title a:hover{

    color:#d40050;

}

/*=============END: BOX IMAGE===================*/

@media screen and (max-width: 1024px){

    .feature_news{

        margin-right: 0;

        padding-right: 0;

    }

    .feature_news:before {

        left: -webkit-calc(67.36%);

        left: -moz-calc(67.36%);

        left: calc(67.36%);

    }

     #vnt-main{

        width: 100%;

        float: none;

        padding-right: 0;

        padding-bottom: 20px;

    }

    #vnt-sidebar{

        width: 100%;

        float: none;

        padding-left: 0;

        padding-bottom: 20px;

    }

    .box-img,

    .box-news{

        margin-right: 0;

        padding-right: 0;

    }

    .scroll_bar{

        max-height: 770px;

    }

    .style-news .i-title,

    .style-news .i-title a{

        font-size: 18px;

        line-height: 26px;

    }

    .ul-cat li a{

        font-size: 15px;

        line-height: 20px;

    }

    .feature_news_1 .item .i-content,

    .feature_news_1 .item .i-content *{

        font-size: 16px !important;

    }

    .style-news .i-content,

    .style-news .i-content *{

        font-size: 16px !important;

    }

}

@media screen and (max-width: 768px){

    .feature_news:before,

    .list_feature_news{

        display: none;

    }

    .feature_news .fn_left{

        width: 100%;

        float: none;

    }

    .feature_news .fn_right{

        width: 100%;

        float: none;

    }

    .feature_news_1{

        border-bottom: 0;

        padding-right: 0;

    }

    .feature_news_1 .item .i-title a{

        overflow: visible;

        white-space: normal;

    }

    .feature_news_1 .item .i-content{

        height: auto;

    }

    .slide-nf{

        margin-left: 0;

    }

    .box-news .bn-content .bn-content-left{

        width: 100%;

        padding-right: 0;

        float: none;

        padding-bottom: 15px;

        border-bottom: 1px solid #eaeaea;

    }

    .box-news .bn-content .bn-content-right{

        width: 100%;

        padding-left: 0;

        float: none;

    }

    .box-news .bn-content:before{

        display: none;

    }

    .box-news .bn-title .bn-title-left{

        float: none;

        padding-bottom: 5px;

        background: url(../images/bg-line.jpg) repeat-x left 0 bottom 13px;

    }

    .box-news .bn-title .bn-title-left h2{

        display: inline-block;

        padding-right: 10px;

        background: #ffffff;

    }

    .box-news .bn-title .bn-title-right{

        float: none;

        padding-left: 0;

    }

    .scroll_bar{

        max-height: none;

    }

    .ul-cat li{

        padding: 7px 15px 3px 10px;

    }

    .ul-cat li:before,

    .ul-cat li ~ li:before{

        position: absolute;

        top: 9px;

        left: 0;

        font-family: fontawesome;

        content: '\f111';

        color: #cccccc;

        font-size: 5px;

        line-height: 20px;

    }

    .ul-cat li:first-child{

        padding-left: 10px;

    }

    .ul-cat li:last-child{

        padding-right: 15px;

    }

}

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

    .ul-cat{

        display: none;

    }

}

@media screen and (max-width: 479px){

    .gird-img .item{

        width: 100%;

    }

}