/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
a,a:hover,a:focus{outline: none !important;}

/* Font face*/
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: SFBC;
    src: url('fonts/SFUEurostileBoldCondensed.eot');
    src: url('fonts/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBoldCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileBoldCondensed.woff') format('woff'),
         url('fonts/SFUEurostileBoldCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') format('svg');
}

@font-face {
    font-family: SFEC;
    src: url('fonts/SFUEurostileCondensed.eot');
    src: url('fonts/SFUEurostileCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileCondensed.woff') format('woff'),
         url('fonts/SFUEurostileCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileCondensed.svg#SFUEurostileCondensed') format('svg');
}

@font-face {
    font-family: UAS;
    src: url('fonts/UTMAmericanSans.eot');
    src: url('fonts/UTMAmericanSans.eot') format('embedded-opentype'),
         url('fonts/UTMAmericanSans.woff2') format('woff2'),
         url('fonts/UTMAmericanSans.woff') format('woff'),
         url('fonts/UTMAmericanSans.ttf') format('truetype'),
         url('fonts/UTMAmericanSans.svg#UTMAmericanSans') format('svg');
}

@font-face {
    font-family: UVTHB;
    src: url('fonts/UVNHepBold.eot');
    src: url('fonts/UVNHepBold.eot') format('embedded-opentype'),
         url('fonts/UVNHepBold.woff2') format('woff2'),
         url('fonts/UVNHepBold.woff') format('woff'),
         url('fonts/UVNHepBold.ttf') format('truetype'),
         url('fotns/UVNHepBold.svg#UVNHepBold') format('svg');
}

@font-face {
    font-family: 'UTMHelvetIns';
    src: url('fonts/UTMHelvetIns.eot');
    src: url('fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('fonts/UTMHelvetIns.woff2') format('woff2'),
         url('fonts/UTMHelvetIns.woff') format('woff'),
         url('fonts/UTMHelvetIns.ttf') format('truetype'),
         url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}


body{min-width: 1200px;}
/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility;}
a { text-decoration:none; color:#1471CE; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:15px; text-decoration: none !important;}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang div {display: inline-block;}
.phantrang a {background:#193d71;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang div.active {background: #f97d17; color: #FFF; cursor: pointer; font-size: 11px; margin: 10px 0 10px 4px; line-height: 24px; padding: 0px 10px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top{cursor: pointer; display:none; position: fixed; width: 48px; height: 48px; color: #FFF; font-family: RCR; text-align: center; line-height: 48px; background: #000; opacity: 0.8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-transform: uppercase; right: 20px; bottom: 50px;}
.button{ padding: 2px 15px; background:#004ba1; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;}
.center{ max-width:1200px; margin:0 auto; position:relative;}
.center1{ max-width:1300px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.blue{ color:blue;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_inline_share_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit{margin-bottom: 20px; position: relative; background: #f2f2f2;}
.main-tit h2{display: inline-block; font-family: RB; font-weight: normal; font-size: 15px; color: #4c4c4c; margin: 0; line-height: 40px; padding-left: 55px; text-transform: uppercase; position: relative;}
.main-tit h2:before{position: absolute; content: ''; z-index: 9; left: 0; top: 0; width: 40px; height: 40px; background: url(../img/i-tit.png) no-repeat center center #0e8fd9; border-radius: 0 10px 0 10px;}
.main-tit h2:after{position: absolute; content: ''; z-index: 1; left: 0; top: 0; width: 20px; height: 40px; background: #fff;}

.box-tab-tit{font-family: RR;color: #353535; margin-top: 15px; border-bottom: 5px solid #a3a3a3;text-align: center;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit div{ padding: 5px 15px; cursor: pointer; border: 1px solid #a3a3a3;float: left; margin-right: -1px;}
.box-tab-tit div.active{ color: #FFF; background: #a3a3a3;}
.w-tab-con{ border: 1px solid #a3a3a3; margin-bottom: 20px;}
.box-tab-con{display: none; padding: 10px;}
.box-tab-con:first-child{display: block;}
.slick-img-thumb{width: calc(100% + 10px); margin-left: -5px; margin-top: 10px;}
.slick-img-thumb img.thumb{ box-shadow: none !important; border: 1px solid #CCC !important;}
.slick-dots{ margin: 0px !important;}
#smenu{display: none;background: #026ce6; color: #FFF; padding: 5px 10px;}
.i-menu{font-size: 22px; margin-right: 10px; cursor: pointer; transform: translateY(3px);}
#menus{display: none;}
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}

/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

::-webkit-input-placeholder{color: #CCC;}
::-moz-placeholder{color: #CCC;}
:-ms-input-placeholder{color: #CCC;}
:-moz-placeholder{color: #CCC;}

/* Banner */
#banner{}
.logo{position: absolute; left: 0; top: 0;}
.mxh a{display: inline-block; margin-left: 8px;}
.banner-ab{position: absolute; right: 0; top: 23px;}
.hotline{-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#ffffff)";/*IE 8*/ text-shadow: 1px 1px 0 #ffffff, 0 1px 0 #ffffff, 1px 0 0 #ffffff, -1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 0 -1px 0 #ffffff, -1px 0 0 #ffffff, 1px -1px 0 #ffffff;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#ffffff); /*IE 5.5-7*/ background: url(../img/bg_hotline.png) no-repeat left center; padding-left: 45px; margin-top: 7px;}
.hotline span{font-family: RB; font-size: 14px; color: #666; text-transform: uppercase;}
.hotline p{font-family: RB; font-size: 20px; color: #f00; text-transform: uppercase; margin: 0; position: relative; top: -3px;}

/* Menu */
#menu{background: #0e8fd9; font-family: RM; position: -webkit-sticky; position: sticky; top: 0; z-index: 999;}
.line{width: 1px; height: 45px;}
.line:after{position: absolute; content: ''; left: 0; top: calc(50% - 7px); width: 100%; height: 14px; background: #fff;}

/* Slide */
#slide{}
#slide .ws-title{left: 0 !important; top: 70px !important; margin: 0 !important; padding: 35px 30px !important; background: rgba(0, 0, 0, 0.5); width: auto !important; font-weight: normal !important; z-index: 999 !important; width: 625px !important; max-height: 205px !important;}
#slide .ws-title:before{position: absolute; content: ''; left: 100%; top: 0; width: 0; height: 0; border-top: 205px solid rgba(0, 0, 0, 0.5); border-right: 60px solid transparent;}
#slide .ws_controls{cursor: pointer;}
#slide #wowslider-container1 .ws-title div, #slide #wowslider-container1 .ws-title span{padding: 0 !important; border: none !important; background: transparent !important;}
.slide-tit{font-family: 'UTMHelvetIns'; font-size: 30px !important; line-height: 30px !important; padding: 0 !important; margin: 0 0 10px !important; text-transform: uppercase !important; color: #f6ff00 !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.slide-info{font-family: RR; font-size: 14px !important; line-height: 27px !important; padding: 0 !important; margin: 0 !important; color: #fff !important; text-transform: none !important;}

/* Footer */
#footer{background: url(../img/bg_footer.png) no-repeat center center; background-size: cover; padding: 50px 0 0; color: #fff;}
#footer a{color: #FFF;}
#footer a:hover{color: #FF0;}
.ft-1{width: 555px; float: left; margin-right: 8px; font-family: RR; font-size: 14px; color: #fff;}
.ft-1 .ft-tit{font-family: 'UTMHelvetIns'; font-size: 25px; color: #fcff00; text-transform: uppercase; margin-bottom: 20px;}
.ft-1 p{line-height: 35px;}
.mxhf{margin-top: 20px;}
.mxhf a{display: inline-block; margin-right: 4px;}
.ft-2{width: 280px; float: left; margin-right: 20px;}
.map iframe{max-width: 100%; max-height: 255px;}
.ft-3{width: 300px; float: right;}
.ft-3 .ft-tit{font-family: RB; font-size: 18px; text-transform: uppercase; color: #fcff00; margin: 8px 0 22px;}
.ft-b{background: #0b7dbf; padding: 10px 0; margin-top: 45px; font-family: RR; font-size: 12px;}
.ft-b .center{display: flex; justify-content: space-between;}
.ft-b strong{font-family: RM; font-weight: normal; color: #fff000; text-transform: uppercase;}
.ft-b span{margin: 0 10px;}
.ft-b .thongke strong{font-family: RR; color: #f6ff00;}

/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}
.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-l span{color: red;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%;outline:none;padding:0 5px;}
.lh-con-r textarea{border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;outline:none;padding:0 5px;}

/* San pham */
.box-sp{width: 210px;float: left; margin: 0 30px 20px 0; color: #424141; text-align: center;}
.box-sp-img{border: 1px solid #e8e8e8; overflow: hidden; padding: 20px;}
.box-sp-img img{width: 100%; transition:all 0.5s;}
.box-sp-img:hover img{ transform:scale(1.1); }
.box-sp h3{font-family: RM; font-size: 15px; font-weight: normal; margin: 18px 0px 5px; text-transform: uppercase;}
.box-sp a{color: #4c4c4c;}
.box-sp a:hover{ color: #d00;}
.box-sp-gia{font-size: 13px; display: none;}
.box-sp-gia span{ color: #d71414;}
.box-sp-detail a{font-family: RR; font-size: 14px; color: #e51919 !important;}

.box-spi{width: 210px; margin: 0 auto 20px; color: #424141; text-align: center;}
.box-spi h3{font-family: RB; font-size: 15px; font-weight: normal; margin: 18px 0px 5px; text-transform: uppercase;}
.box-spi a{color: #4c4c4c;}
.box-spi a:hover{ color: #d00;}

.ct-l{width: 48%;float: left;margin-bottom: 20px;}
.ct-r{width: 50%;float: right;}
.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; color: #F00; font-size: 24px; margin: 0px;font-family: RB; line-height: 32px;}
.ctsp-tit{font-family: RB; font-size: 18px; margin-bottom: 10px;}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp-l{width: 100px;float: left;}
.ct-sp-r{width: calc(100% - 110px);float: right;}
.ct-sp-r-1{width: 33.33%;float: left;}
.ct-sp-r-2{width: 33.33%;float: left;}
.ct-sp-r-3{width: 33.33%;float: left;}
.thumb-color{width: 40px;height: 40px; padding: 2px; border: 1px solid #CCC; float: left; margin-right: 5px;}
.ct-sp-gia span{ color: #F00;font-weight: bold; font-size: 18px;}
.sc-tab-tit{font-family: RB; margin-top: 10px; font-weight: bold; background: #DEDCDC; padding: 5px 10px; color: #555; cursor: pointer;}
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}

/* Tin tuc */
.box-news{line-height: 20px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #CCC; padding-bottom: 15px;}
.box-news-img{max-width: 45%; float: left; margin-right: 10px; border: 1px solid #CCC; padding: 2px;}
.box-news h3{margin: 0px 0px 5px;font-size: 18px; font-family:RR;}
.box-news-date{ color: #bbbbbb; font-size: 12px; margin-bottom: 2px;}
.box-news:nth-child(2n){margin-right: 0;}
.box-news:nth-child(2n+1){clear: both;}
h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}
ul.tincungloai{ list-style: none; margin: 0; font-size: 13px; font-family: RR; }
ul.tincungloai li{ background: url('../img/tinkhac.png') no-repeat left top 10px; padding-left: 15px; }
ul.tincungloai li a{ color: #424242; }
ul.tincungloai li a:hover{ color: #da2627; text-decoration: underline !important; }
/* Container */
#container{padding: 30px 0px 20px;}
.content{text-align:justify;}
.left{width: 240px; float: left; margin-right: 30px;}
.right{width: calc(100% - 270px); float: left;}

/* Index */
.left-box{margin-top: 30px;}
.left-box:first-child{margin-top: 0;}
.left-tit{font-family: RM; font-size: 14px; color: #fff600; text-align: center; padding: 0 5px; text-transform: uppercase; background: url(../img/left-tit.png) no-repeat center center; line-height: 40px;}
.left-info{border: 1px solid #ECECEC;}
.left-info ul{margin: 0; list-style: none; padding: 10px 15px 15px;}
.left-info ul li{font-family: RR; font-size: 14px; border-bottom: 1px dotted #ECECEC; padding: 8px 0 7px; padding-left: 20px; position: relative;}
.left-info ul li a:hover{color: #d00; padding-left: 5px;}
.left-info > ul > li:before{position: absolute; content: '\f101'; font-family: FontAwesome; left: 0; top: 23%; color: #d2d2d2; font-size: 13px;}
.left-info ul li:last-child{border-bottom: none;}
.left-info a{display: block; color: #666666;}

.i-tit{margin-bottom: 30px; position: relative; background: #f2f2f2;}
.i-tit h2{display: inline-block; font-family: RB; font-weight: normal; font-size: 15px; color: #4c4c4c; margin: 0; line-height: 40px; padding-left: 55px; text-transform: uppercase; position: relative;}
.i-tit h2:before{position: absolute; content: ''; z-index: 9; left: 0; top: 0; width: 40px; height: 40px; background: url(../img/i-tit.png) no-repeat center center #0e8fd9; border-radius: 0 10px 0 10px;}
.i-tit h2:after{position: absolute; content: ''; z-index: 1; left: 0; top: 0; width: 20px; height: 40px; background: #fff;}
.i-tit .xtc{position: absolute; right: 15px; top: 0; line-height: 40px;}
.i-tit .xtc a{font-family: RR; font-size: 14px; color: #f00;}
.i-tit .xtc a:hover{color: #d00;}
.i-tit .xtc i{position: relative; top: -1px; margin-right: 8px;}

#doitac{clear: both;margin: 20px 0px;}
.slick-dt{width: calc(100% + 20px);margin-left: -10px;}
.box-dt{border: 1px solid #CCC; max-width: 200px;}
.box-dt img{display: block;margin: auto;}
.tt-l{width: calc(100% - 400px);float: left;}
.tt-r{width: 380px;float: right;}
.tt-tit{background: #026ce6; color: #FFF;font-family: RCR; font-size: 18px;text-transform: uppercase; padding: 5px 10px;margin-bottom: 10px;}

.box-sp:nth-child(4n){margin-right: 0;}
.box-sp:nth-child(4n+1){clear: both;}

.hotrotructuyen{padding: 20px 0 0; text-align: center;}
.left-hotline{margin: 20px 0 10px; font-family: 'Arial'; font-weight: bold; font-size: 20px; color: #f00;}
.left-hotline span{text-decoration: underline; color: #1d1d1d; font-size: 14px;}
.box-hotro{text-align: left; margin-bottom: 25px; padding: 0 0 0 20px; font-family: 'Arial'; font-size: 14px; color: #1d1d1d;}
.flex-hotro{display: flex; margin-bottom: 5px; font-size: 15px;}
.flex-hotro img{margin-right: 7px; vertical-align: top;}
.inline-hotro img{margin-right: 7px;}
.flex-hotro p{margin-bottom: 0; margin-left: 10px;}

#vechungtoi{position: relative;}
.vechungtoi{position: absolute; right: 0; top: 0; width: 560px; height: 100%; display: flex; flex-flow: wrap; align-items: center; align-content: center; background: rgba(0, 0, 0, 0.6);}
.vechungtoi-tit{font-family: 'UTMHelvetIns'; font-size: 30px; color: #f6ff00; text-transform: uppercase; padding: 0 60px; width: 100%;}
.box-vct{width: 100%; margin-top: 30px; padding: 0 30px 0 60px; display: flex; align-items: center;}
.box-vct-img{width: 101px; margin-right: 30px;}
.box-vct-info{width: calc(100% - 131px); font-family: RR; font-size: 14px; color: #fff;}
.box-vct-info > div:first-child{font-family: RB; font-size: 16px; text-transform: uppercase; margin-bottom: 5px;}

.bottom{padding: 60px 0 40px; display: flex; justify-content: space-between;}
.bottom > div:first-child{width: 780px;}
.bottom > div:last-child{width: 395px;}
.bottom-tit{font-family: 'UTMHelvetIns'; font-size: 30px; line-height: 40px; color: #0e8fd9; text-transform: uppercase; border-bottom: 1px dashed #ddd; margin-bottom: 30px; padding-bottom: 12px; position: relative;}
.bottom-tit:before{position: absolute; content: ''; width: 60px; height: 3px; background: #4d4d4d; left: 0; bottom: -2px;}
.bottom-tit span{display: inline-block;}
.tintuc-l{float: left; width: 360px;}
.tintuc-l img{margin-bottom: 10px; width: 100%;}
.tintuc-l a{font-family: RB; font-size: 14px; color: #2f2f2f;}
.tintuc-l a:hover{color: #d00;}
.tintuc-l p{margin: 5px 0; font-family: RR; font-size: 14px; color: #2f2f2f;}
.tintuc-l a.tintuc-l-more{font-family: RR; font-weight: normal; font-size: 14px; color: #2f2f2f; text-transform: uppercase; display: inline-block; border: 2px solid #2f2f2f; padding: 10.5px 13.5px; transition: all 0s; background: #f2f2f2;}
.tintuc-l a.tintuc-l-more:hover{background: #000; color: #fff;}
.tintuc-r{float: right; width: 400px;}
.tintuc-r .vert{height: 375px;}
.tintuc-r .vert .simply-scroll-clip{height: 375px;}
.tintuc-r .vert .simply-scroll-clip li{margin-bottom: 22px;}
.box-newsi{line-height: 23px; font-family: 'Arial'; font-size: 13px; color: #2f2f2f; text-align: justify;}
.box-newsi-img{width: 150px; max-width: 42%; float: left; margin-right: 20px;}
.box-newsi h3{font-family: 'Arial'; font-weight: bold; font-size: 15px; margin: 0px 0px 6px; padding-top: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.box-newsi a{color: #3a3a3a;}
.box-newsi a:hover{ color: #d00;}
.video{margin-bottom: 5px;}
.video iframe{vertical-align: top; width: 100%;}
.pvd{text-align: center; cursor: pointer;}
.slick-video img{width: 125px; max-width: 95%; margin: auto;}

.box-photo{width: 225px;float: left; margin: 0 10px 20px 0; text-align: center;}
.box-photo-img{width: 100%; overflow: hidden;}
.box-photo-img img{width: 100%; transition: all 0.5s;}
.box-photo-img:hover img{transform: scale(1.1);}
.box-photo .box-photo-ten{font-family: RM; font-size: 15px; font-weight: normal; margin: 5px 0 0; text-transform: uppercase;}
.box-photo a{color: #4c4c4c;}
.box-photo a:hover{ color: #d00;}
.box-photo:nth-child(4n){margin-right: 0;}
.box-photo:nth-child(4n+1){clear: both;}
#wowslider-container1 .ws-title{display: none !important;}
/* Reponsive */
@media (min-width: 1230px)
{
    .slick-sanpham{width: calc(100% + 30px); margin: 0 -15px;}
    .psp{padding: 0 15px;}
}