@font-face{

    font-family: Roboto-Bold;

    src: url('../front_end/fonts/Roboto-Bold.ttf');

    font-weight: normal;

}

@font-face{

    font-family: Roboto-Regular;

    src: url('../front_end/fonts/Roboto-Regular.ttf');

}

@font-face{

    font-family: Roboto-Medium;

    src: url('../front_end/fonts/ROBOTO-MEDIUM.TTF');

}

@font-face{

    font-family: UTM Alexander;

    src: url('../front_end/fonts/UTM Alexander.ttf');

    font-weight: normal;

}

@font-face{

    font-family: UVNHongHaHep_B;

    src: url('../front_end/fonts/UVNHongHaHep_B.TTF');

    font-weight: normal;

}

@font-face{

    font-family: UVNHongHaHep_R;

    src: url('../front_end/fonts/UVNHongHaHep_R.TTF');

    font-weight: normal;

}

p {

    margin: 0px;

}



a {

    text-decoration: none;

    color: #333333;

}



a:hover,

a:focus {

    color: #0d7cd6;

    text-decoration: none;

}



* {

    margin: 0px;

    padding: 0px;

}



ul, ol {

    padding: 0;

    margin: 0;

}



li {

    list-style: none;

}



.fixed {

    position: fixed !important;

    top: 0px;

    z-index: 99;

    width: 100%;

}

body {

    background: #fff;

    font-size: 14px;

    font-family: Roboto-Regular;

    color: #000;

    overflow-x: hidden;

}



del {

    font-size: 12px;

    color: #999;

}

.container{

    width: 1200px;

}

/*===========All=============*/ 



/*==========Main============*/



.menu_mb{

    top: 0;

    position: fixed;

    width: 100%;

    background: #163266;

    z-index: 999;

    padding: 1px 15px;

    border-bottom: 1px solid #ccc;

}

#go_top {

    position: fixed;

    width: 24px;

    height: 25px;

    background: #000;

    color: #fff;

    text-align: center;

    line-height: 25px;

    font-size: 18px;

    font-weight: bold;

    background-size: 100% 100%;

    display: inline-block;

    z-index: 100;

    bottom: 25px;

    right: 25px;

}

.img_logo_mb{

    max-height: 70px;

}

.menu_main .nav.is-fixed{

    position: relative;

    z-index: 105;

}

/* ********************************* */

.nav-menu>.menu-item a::before{

   content: "\2022";

  color: #fab702;

  font-weight: bold;

  display: inline-block; 

  padding-right: 15px;

  font-size: 16px;

}

.nav-menu>.menu-item:first-child a::before,

.nav-dropdown .menu-item a::before,

.nav-menu>.menu-item:last-child a::before{

    content: " ";

    padding: 0;

}

.nav-menu>.menu-item:last-child i{

    border-left: 1px solid #fff;

    padding-left: 10px;

}

.header_menu{

    display: flex;

    justify-content: space-between;

}

.sc_header_menu{

    background: #00356b;

}

.img_logo img{

    position: absolute;

    top: 0;

    z-index: 9;

}

.slider_main .item img{

    width: 100% !important;

    height: 500px;

}

.fa-home{

    padding-right: 10px;

}



.search-icon {

  font-size: $iconSize;

  color: $iconColor;

  background-color: $backgroundColor;

  border: 0;

  outline: none;

}

.service{

    margin-top: 40px;

}

.title_sec{

    font-family: UTM Alexander;

    font-size: 24px;

    text-transform: uppercase;

    text-align: center;

    color: #0269d1;

}

.slogan{

    text-align: center;

}

.img_service{

    width: 210px;

    height: 210px;

    padding: 4px;

    border: 1px solid #ccc;

    border-radius: 50%;

    display: block;

    margin: 0 auto;

}

.img_service img{

    width: 200px;

    height: 200px;

    border-radius: 50%;

}

.cap_service h4{

    font-size: 16px;

    font-weight: bold;

    text-align: center;

}

.cap_service p{

    text-align: justify;

}

.slider_service{

    margin-top: 40px;

}

.service .row{

    margin-left: -55px;

    margin-right: -55px;

    margin-top: 40px;

}

.service .row .col-md-3{

    padding-left: 55px;

    padding-right: 55px;

}

.duan{

    margin-top: 60px;

}

.menu_tab{

    text-align: center;

    margin-top: 30px;

}

.menu_tab li{

    display: inline-block;

    

    margin: 0 5px;

}

.menu_tab li a{

    color:  #0269d1;

    font-weight: bold;

    font-size: 14px;

    padding: 10px 25px;

    border: 1px solid #00356b;

    border-radius: 20px;

}

.menu_tab li:hover a{

    background: #0269d1;

}

.menu_tab li:hover a{color: #fff;}

.img_duan{

    position: relative;

}

.img_duan img{

    width: 100%;

    height: 280px;

}

.img_duan h4{

    position: absolute;

    bottom: -10px;

    background: #000;

    text-align: center;

    width: 100%;

    padding: 13px 0;

    text-transform: uppercase;

    opacity: 0.8;

    font-size: 16px;

    font-weight: bold;

    font-family: arial;

    height: 53px;

}

.img_duan h4 a{

    color: #fff;

}

.cap_duan p{

        text-align: justify;

    margin-top: 20px;

    line-height: 23px;

    height: 49px;

    overflow-y: hidden;

    margin-bottom: 5px;

}

.cap_duan a{

    color: #2674b2;

    margin-top: 25px;

}

.cap_sec_item h3{

    font-size: 24px;

    font-weight: bold;

    border-bottom: 3px;  

    border-bottom-style:double;

    padding-bottom: 5px;

}

.tab-pane .row{

    margin-left: -20px;

    margin-right: -20px;

    margin-top: 50px;

}

.tab-pane .row .col-md-4{

    padding-left: 20px;

    padding-right: 20px;

}

.img_news_first img{

    width: 100%;

    height: 305px;

}

.cap_news_first h4{

    font-family: Roboto-Medium;

    font-size: 18px;

    line-height: 25px;

}

.cap_news_first p{

    text-align: justify;

}

.img_news_item img{

    width: 100%;

    height: 90px;

}

.title_item{

    line-height: 20px;

    font-size: 14px;

    font-weight: normal;

    text-align: justify;

}

.news_right .row{

    margin-left: -8px;

    margin-right: -8px;

    margin-bottom: 30px;

}

.news_right .row .col-xs-5,

.news_right .row .col-xs-7{

    padding-left: 8px;

    padding-right: 8px;

}

.news_home{

    margin-left: -10px;

    margin-right: -10px;

}

.news_home .news_left,

.news_home .news_right{

    padding-left: 10px;

    padding-right: 10px;

}

.video iframe{

    width: 100%;

    height: 400px;

}

.video h4{

    font-size: 14px;

    font-weight: bold;

    text-align: justify;

    line-height: 20px;

}

.news{

    margin-top: 90px;

}

.partner{

    margin-top: 70px;

    margin-bottom: 70px;

}

.partner h4{

    font-size: 24px;

    text-align: center;

    color: #f58831;

    font-weight: bold;

}

.fa-angle-double-right{

    font-size: 18px;

}

.line{

    display: block;

    margin: 0 auto;

}

.slider_partner .item img{

    height: 120px;

}

.slider_partner{

    margin-top: 25px;

}

.slider_partner .owl-prev{

    left: -35px !important;

}

.slider_partner .owl-next{

    right: -35px !important;

}

.slider_service .owl-prev{

    top: -75px !important;

/*     left: 40px !important;

 */}

.slider_service .owl-next{

    top: -75px !important;

/*     right: 40px !important;

 */}

.slider_main .owl-prev{

    left: 75px !important;

}

.slider_main .owl-next{

    right: 75px !important;

}

#footer{

    background: url('../front_end/img/bg_ft.png');

    background-size: cover;

    color: #fff;

    font-size: 12px;

    font-family: arial;

    padding-top: 35px;

}

.footer_top{

    padding-bottom: 25px;

    border-bottom: 1px solid #5b6876;

}

.footer_top p{

    text-align: center;

    font-family: arial;

    line-height: 30px;

}

.tit_ft{

    font-family: arial;

    font-size: 17px;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

}

.ft_top_right ul{

    text-align: center;

    margin-top: 16px;

}

.ft_top_right ul li{

    display: inline-block;

    padding: 0 7px;

}

.ft_top_left, .ft_top_center{

    border-right: 1px solid #5b6876;

}

.footer_middle{

    padding: 0 50px;

    padding-top: 50px;

    border-bottom: 1px solid #5b6876;

}

.footer_middle .tit_ft{

    text-align: left;

}

.footer_middle li{

    list-style-type: disc;

    list-style-position: inside;

    line-height: 30px;

}

.footer_middle li a{

    color: #fff;

}



.ft_mid_left{

    display: flex;

    justify-content: space-between;

}

.ft_mid_left h4{

    font-family: arial;

    font-size: 12px;

    font-weight: bold;

    padding: 0 5px;

    line-height: 25px;

    margin: 0;

}

.ft_mid_center p{

    line-height: 25px;

}

.email input{

    width: 350px;

    padding: 10px;

    border: 0;

    outline: 0;

    opacity: 0.4;

    color: #000;

}

.email a{

    padding: 11.5px 30px;

    color: #fff;

    background: #530304;

    margin-left: -3px;

}

.ft_mid_bottom{

    padding-top: 40px;

    padding-bottom: 15px;

}

.footer_bottom{

    padding: 20px 0;

}

.footer_bottom li{

    display: inline-block;

    font-size: 13px;

}

.footer_bottom li:first-child{

    border-right: 1px solid #5b6876;

    padding-right: 15px;

    margin-right: 15px;

}

.link{

    margin-top: 10px;

    margin-bottom: 40px;

}

.link li{

    display: inline-block;

}

.link li:last-child a{

    border-right: 0;

}

.link li a{

    color: #a6a6a6;

    border-right: 1px solid #a6a6a6;

    padding-right: 8px;

    margin-right: 8px;

}

.link li a.active{

    color: #333333;

}

.duan_cate .row{

    margin-top: 40px;

    margin-left: -20px;

    margin-right: -20px;

}

.duan_item{

    margin-bottom: 30px;

    padding-left: 20px;

    padding-right: 20px;

}

.paging{

    text-align: center;

}

.paging li{

    display: inline-block;

    padding: 4px 10px;

    border:  1px solid #ccc;

    border-radius: 5px;

}

.paging li:hover{

    background: #fb3f40;

}

.paging li:hover a{

   color: #fff;

}

.paging li.active{

    background: #fb3f40;

}

.paging li.active a{

    color: #fff;

}

.title_detail{

    font-family: arial;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 40px;

}

.title_detail a{

    color: #fff;

    padding: 10px 30px;

    background: #0269d1;

}

.description{

    text-align: justify;

    margin-top: 50px;

    line-height: 25px;

}

.img_des_top{

    margin-left: -1.5px;

    margin-right: -1.5px;

    margin-top: 65px;

}

.img_des_top .col-xs-4{

    padding-left: 1.5px;

    padding-right: 1.5px;

}

.img_des_top img{

    width: 100%;

    height: 250px;

}

.img_des_top .col-xs-4:first-child img{

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

}

.img_des_top .col-xs-4:last-child img{

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}

.title_top{

    font-family: UVNHongHaHep_B;

    font-size: 30px;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 30px;

    margin-top: 24px;

}

.des{

    text-align: justify;

    line-height: 25px;

}

.img_des img{

    width: 100%;

    margin-top: 35px;

}

.des_mbtt{

    text-align: center;

    padding: 0 90px;

}

.tienich{

    margin-top: 45px;

}

.tienich_item{

    text-align: center;

    margin-bottom: 15px;

}

.tienich_item a{

    font-family: UVNHongHaHep_B;

    font-size: 16px;

    color: #4f4f4f;

    text-transform: uppercase;

    margin-left: 10px;

}

.list_img_item > img{

    width: 100%;

    height: 315px;

}

.list_img{

    margin-left: -2.5px;

    margin-right: -2.5px;

}

.list_img .col-md-4{

    padding-left: 2.5px;

    padding-right: 2.5px;

    margin-bottom: 5px;

}

.list_img .col-md-4:first-child{

    width: 30%;

}

.list_img .col-md-4:nth-child(2),

.list_img .col-md-4:nth-child(3){

    width: 35%;

}

.dky_tuvan{

    margin-top: 20px;

}

.dky_tv_inner{

    background: url('../front_end/img/bg_detail.png');

    background-size: cover;

    padding-top: 35px;

    padding-bottom: 15px;

}

.dky_tv_inner h4{

    font-family: UVNHongHaHep_B;

    font-size: 25px;

    text-align: center;

    color: #fff;

    opacity: 0.8;

}

.dky_tv_inner input{

    width: 100%;

    padding:10px 15px;

    border: 0;

    border-radius: 5px;

    margin-bottom: 15px;

    outline: 0;

    opacity: 0.8;

}

.dky_tv_inner input::placeholder{

    color: #000;

    font-family: UVNHongHaHep_R;

    font-size: 14px;

}

.dky_tv_inner button{

    padding: 10px 50px;

    background: #fd030f;

    border: 0;

    border-radius: 5px;

    display: block;

    margin: 0 auto;

}

.dky_tv_inner button a{

    color: #fff;

    font-family: UVNHongHaHep_R;

    font-size: 14px; 

}

.dky_tv_inner .line{

    display: block;

    margin: 0 auto;

    margin-bottom: 30px;

}

.duan_lq{

    margin-top: 40px;

}

.title_lq{

    font-family: UTM Alexander;

    font-size: 24x;

    color: #0269d1;

}

.title_lq span{

    border-bottom: 2px solid #0269d1;

}

.duan_lq .row{

    margin-left: -15px;

    margin-right: -15px;

    margin-top: 15px;

}

.duan_lq .duan_item{

    padding-left: 15px;

    padding-right: 15px;

}

.duan_lq .duan_item img{

    height: 210px;

}

.btn_collapse{

    background: 0;

    border: 0;

    margin-top: 35px;

    outline: 0;

}

.btn_collapse .fa-search{

    color: #fff;

}

.form_search_menu {

    position: absolute;

    top: 28px;

    right: 22px;

    z-index: 9;

}

.form_search_menu form {

    min-width: 300px;

}

.btn-search-header i{

    border-left: 0 !important;

    font-size: 18px;

}

.btn-search-header button{

    border: 0;

    background: 0;

}

.tab-content .tab-pane p img{

    padding-top: 30px;

}

.tab-content .tab-pane p, p{

    text-align: justify;

    line-height: 25px;

}

.pagination {

    display: flex;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;

    text-align: center;

    justify-content: center;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {

    z-index: 2;

    color: #fff;

    cursor: default;

    background-color: #f54c31;

    border-color: #f54c31;

    padding: 2px 8px;

    border-radius: 5px;

}

.pagination>li {

    display: inline;

    padding-left: 10px;

}

.pagination>li>a, .pagination>li>span{

     padding: 2px 8px;

    border-radius: 5px;

    color: #333;

}