/*-----------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;}

/*-----------css variables---------------------*/
:root {
    --color-red: #d00;
    --button-style: {
        width: 300px;
        padding: 30px 20px;
        border-radius: 5px;
        background: blue;
        color: #fff;
        font-size: 54px;
        text-transform: uppercase;
    }
}

/*@apply --button-style;*/

/* 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');
}

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

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


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

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


/*----------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;}
body{min-width: 1200px; margin: 0 auto;}

/*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:#000; outline:none !important; 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{font-family: 'SFUFuturaHeavy'; font-size: 20px; margin-bottom: 15px;}
.main-tit h2{margin: 0; font-weight: normal; font-size: 20px; line-height: 25px;}

.box-tabp-tit{font-family: 'SFUFuturaHeavy'; font-size: 18px; color: #333;}
.box-tabp-tit:after{display: block;content: "";clear: both;}
.box-tabp-tit div{float: left; padding: 10px 20px; color: #585858; border: 1px solid transparent; cursor: pointer; border-radius: 5px 5px 0 0; margin-right: 10px;}
.box-tabp-tit div.tactive{border: 1px solid #ddd; border-bottom: 1px solid #fff;}
.box-tabp-cont{border: 1px solid #ddd; margin-top: -1px; margin-bottom: 75px;}
.box-tabp-con{display: none; padding: 25px 20px; background: #fff;}
.box-tabp-con:nth-child(1){display: block;}

.slick-img-thumb{width: calc(100% + 8px); margin-left: -4px; 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 */
#header{padding: 18px 0; width: 100%; position: fixed; left: 0; top: 0; z-index: 99;}
#header .center{display: flex; justify-content: space-between; align-items: center;}
.logo{display: inline-block; vertical-align: top; position: relative;}
.logo img{position: relative; z-index: 9;}
.logo:before{content: ''; position: absolute; top: calc(50% - 95px); left: calc(50% - 105px); width: 200px; height: 200px; background: url(../img/bg_light.png) no-repeat center; background-size: 100% 100%; -webkit-animation: rotation 5s infinite linear; -moz-animation: rotation 5s infinite linear; -o-animation: rotation 5s infinite linear; -ms-animation: rotation 5s infinite linear; animation: rotation 5s infinite linear; opacity: 0.7; z-index: 1; border-radius: 50%;}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-moz-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-ms-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

/* Banner */
#banner{background: #fff; box-shadow: 0 0 5px #ccc; padding: 25px 0; width: 100%; position: -webkit-sticky; position: sticky; top: 0; z-index: 99;}
#banner .center{display: flex; justify-content: space-between; align-items: center;}
#banner .logo{max-width: 58px;}
#banner .logo:before{display: none;}

/* Menu */
#menu{font-family: 'SFUFuturaHeavy'}
#menu > ul{list-style: none; margin: 0; padding: 0;}
#menu > ul > li{float: left; position: relative; padding: 15px 0;}
#menu > ul > li a{padding: 0 20px; color: #333; font-size: 16px; line-height: 30px; font-weight: normal; text-decoration: none; text-transform: uppercase;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#menu > ul > li:hover > a, #menu > ul > li.activem > a{color: #e67817;}
#menu > ul > li{float: left; margin-left: 15px; padding: 15px 0; padding-right: 0 !important; position: relative;}
#menu > ul > li i{padding: 6px; border: 2px solid #878787; color: #878787; cursor: pointer; vertical-align: top;}
#menu > ul > li ul{padding: 10px 0; list-style: none; background: rgba(255,255,255,1); transition: all 0.5s; width: 200px; position: absolute; top: 100%; right: 0; display: none; text-align: right; box-shadow: 0 0 3px #ccc;}
#menu li:hover > ul{display: block;}
#menu li > ul li{padding: 7px 10px; position: relative; border-bottom: 1px solid #e4e4e4;}
#menu li > ul li a{padding: 0; display: block; line-height: 22px !important; font-size: 15px !important;}
#menu li > ul li:hover > a{padding-right: 10px;}

#menu li > ul > li > ul{width: 250px !important; top: 0 !important; right: 100% !important; padding: 0 !important;}
#menu li > ul > li:hover > ul{display: block;}

#menu li > ul > li > ul > li > ul{width: 250px !important; top: 0 !important; right: 100% !important; padding: 0 !important;}
#menu li > ul > li > ul > li:hover > ul{display: block;}

.index #menu > ul > li a{color: #fff !important;}
.index #menu > ul > li a:hover{color: #e67817 !important;}
.index #menu > ul > li i{border: 2px solid #fff; color: #fff;}
.index #menu > ul > li ul{background: rgba(0,0,0,.6); box-shadow: 0 0 3px #555;}
.index #menu > ul > li > ul li{border-bottom: 1px solid #555;}

/* Slide */
#slide{min-height: 100vh;}

/* Footer */
#footer{padding: 38px 0 49px; text-align: center; font-family: 'SFUFuturaRegular'; font-size: 14px; color: #333;}
#footer a{color: #333;}
#footer a:hover{color: #d00;}
.ft-tit{font-family: 'SFUFuturaHeavy'; font-size: 20px; line-height: 30px; color: #333; text-transform: uppercase; margin-bottom: 12px;}
.ft-content{line-height: 28px; display: inline-block; vertical-align: top;}
.mxh{border-top: 1px dashed #BFBFBF; margin-top: 25px; padding-top: 23px;}
.mxh a{display: inline-block; vertical-align: top; margin: 0 3px;}
.mxh a:hover{-webkit-animation: hover-mxh 3s infinite; -moz-animation: hover-mxh 3s infinite; -o-animation: hover-mxh 3s infinite; animation: hover-mxh 3s infinite;}
@-webkit-keyframes hover-mxh {
  33%  { transform: rotate(25deg); }
  66%  {  transform: rotate(-25deg); }
}
@-moz-keyframes hover-mxh {
  33%  { transform: rotate(25deg); }
  66%  {  transform: rotate(-25deg); }
}
@-o-keyframes hover-mxh {
  33%  { transform: rotate(25deg); }
  66%  {  transform: rotate(-25deg); }
}
@keyframes hover-mxh {
  33%  { transform: rotate(25deg); }
  66%  {  transform: rotate(-25deg); }
}

/* 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;}
#map_canvas iframe{width: 100%; max-width: 100%; vertical-align: top;}
.tac{text-align: center; font-family: 'SFUFuturaRegular'; font-size: 14px; color: #333;}

/* San pham */
.box-sp{width: 280px; float: left; margin: 0px 26.5px 25px 0px; color: #424141; text-align: center;}
.box-sp:hover{}
.box-sp-img{width: 100%; overflow: hidden;}
.box-sp-img img{width: 100%; transition:all 0.5s;}
.box-sp-img:hover img{ transform:scale(1.1); }
.box-sp h3{font-family: 'SFUFuturaHeavy'; font-size: 16px; line-height: 25px; font-weight: normal; margin: 13px 0 0; text-transform: uppercase;}
.box-sp a{color: #333;}
.box-sp a:hover{color: #e67817;}
.box-sp-gia{font-size: 13px;}
.box-sp-gia span{ color: #d71414;}
.ct-l{width: 46%; float: left; margin-bottom: 25px;}
.ct-r{width: 52%; float: right;}
.ct-tit{font-family: 'SFUFuturaHeavy'; font-weight: normal; margin: 5px 0 10px; color: #F00;}
.ct-tit h2{font-weight: normal; color: #e67817; font-size: 25px; margin: 0px; padding-bottom: 15px; font-family: 'SFUFuturaHeavy'; line-height: 35px; text-transform: uppercase; background: url(../img/ct-tit.png) repeat-x left bottom;}
.ctsp-tit{font-family: RB; font-size: 18px; margin-bottom: 10px;}
.ct-sp{font-family: 'SFUFuturaRegular'; font-size: 14px; color: #333; margin-bottom: 10px;}
.ct-flex{display: flex; line-height: 24px;}
.ct-flex > div:first-child{width: 53px;}
.ct-flex > div:last-child{width: calc(100% - 53px);}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp-l{width: 100px;float: left;}

.ct-button{display: flex; margin-top: 27px; font-family: 'SFUFuturaHeavy'; font-size: 18px; color: #fff; text-transform: uppercase;}
.ct-button a{color: #fff; padding: 14px 15px; border-radius: 5px;}
.ct-contact{width: 186px; padding-left: 25px !important; text-align: center; background: url(../img/ct-contact.png) no-repeat center left 25px #e67817;}
.ct-call{margin-left: 10px; width: 186px; padding-left: 35px !important; text-align: center; background: url(../img/ct-call.png) no-repeat center left 17px #7c7c7c;}

.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{width: 585px; float: left; margin: 0 30px 27px 0; font-family: RR; font-size: 13px; color: #333;}
.box-news-img{width: 170px; max-width: 45%; float: left; margin-right: 20px; overflow: hidden;}
.box-news-img img{width: 100%; transition: all 0.5s;}
.box-news-img:hover img{transform: scale(1.1);}
.box-news h3{margin: 4px 0; font-size: 14px; line-height: 25px; font-family: RB; text-transform: uppercase;}
.box-news h3 a{color: #282828;}
.box-news h3 a:hover{color: var(--color-red);}
.box-news-date{font-family: RR; font-size: 13px; color: #858585;}
.box-news-date span{margin-left: 30px;}
.box-news div:last-child{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.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:20px 0px 20px;}
.content{ text-align:justify;}
.left{width: 260px;float: left;margin-right: 20px;}
.right{width: calc(100% - 280px);float: left;}

/* Index */
.left-box{background: #0867d4;padding: 5px;margin-top: 20px;}
.left-box:first-child{margin-top: 0;}
.left-info{border: 1px solid #89bbf4;}
.left-info a{ color: #FFF;display: block;}
.left-tit{font-family: RM; font-size: 18px;text-align: center; padding: 5px;text-transform: uppercase; background: url(../img/bg-left-tit.png); background-size: auto 100%;}
.left-tit a:hover{ color: #FF0;}
.left-info ul{margin: 0;list-style: none;}
.left-info ul li{border-top: 1px solid #89bbf4;padding: 5px 10px 5px 20px; background: url(../img/left-li.png) no-repeat center left 10px;}
.left-info ul li:hover{background: url(../img/left-li.png) no-repeat center left 10px,#0857b1;}

.i-tit{text-align: center; margin-bottom: 20px;}
.i-tit h2, .i-tit div{display: inline-block; vertical-align: top; margin: 0; font-family: 'SFUFuturaHeavy'; font-weight: normal; font-size: 32px; line-height: 42px; color: #333; text-transform: uppercase; padding-bottom: 25px; background: url(../img/i-tit.png) no-repeat center bottom;}

#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-newsi{width: 48%;float: left;margin: 0px 4% 20px 0px; font-size: 13px;line-height: 20px;padding-bottom: 10px;border-bottom: 1px dotted #c3c3c3;}
.box-newsi-img{width: 150px;float: left;margin-right: 10px;}
.box-newsi h3{font-size: 13px;font-weight: bold;margin: 0px 0px 5px;}
.box-newsi a{ color: #0055a8;}
.box-newsi a:hover{ color: #F00;}
.tt-r .box-newsi{width: 100%;float: none;margin: 0px 0px 20px;}

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

.linkdan{margin-bottom: 10px; font-family: 'SFUFuturaBook'; font-size: 14px; color: #e67817;}
.linkdan span{color: #666; margin: 0 4px;}
.linkdan a{color: #666;}
.linkdan a:hover{color: #e67817;}

.scrolldown{position: absolute; bottom: 5%; z-index: 1234; left: calc(50% - 10px); cursor: pointer; animation-name: k-flight-hover-a; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; -moz-animation-name: k-flight-hover-a; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -webkit-animation-name: k-flight-hover-a; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
@-moz-keyframes k-flight-hover-a{
    0%{bottom:calc(10% - 0px);}
    10%{bottom:calc(10% - 20px);}
    20%{bottom:calc(10% - 0px);}
    30%{bottom:calc(10% - 20px);}
    40%{bottom:calc(10% - 0px);}
    100%{bottom:calc(10% - 0px);}
}
@keyframes k-flight-hover-a{
    0%{bottom:calc(10% - 0px);}
    10%{bottom:calc(10% - 20px);}
    20%{bottom:calc(10% - 0px);}
    30%{bottom:calc(10% - 20px);}
    40%{bottom:calc(10% - 0px);}
    100%{bottom:calc(10% - 0px);}
}

/*hotrotructuyen */
.bg-hotro{position: fixed; z-index: 99; top: 30%; left: -342px; line-height: 20px; }
.tieude-hotro{background: url(../img/hotrott.png) no-repeat; width: 48px; height: 208px; cursor: pointer; float: right; }
.list-hotro{background-color: white; float: left; width: 342px; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; padding: 0 20px; }
.list-hotro span{display: inline-block; vertical-align: top; font-family: RB; font-size: 17px; color: #000; position: relative; top: 8px; padding: 0 5px;}
.list-hotro b{color: #ff0000; font-size: 20px; position: relative; top:8px; }
.box-hotro{padding-bottom: 10px; border-bottom: 1px dashed #c6c6c6; margin-bottom: 10px; }
.box-hotro:last-child{border: none; margin-bottom: 0px; }
.box-hotro a{display: inline-block; margin-right: 10px; }
.box-hotro img{margin-right: 5px; }
.ten-hotro{color: #000000; font-size: 14px; text-transform: uppercase; display: inline-block; margin-bottom: 5px; }
.ten-hotro a{color: #000000 }
.ten-hotro img{vertical-align: sub; max-width: 20px; }
.dienthoai-hotro{color: #f20000; font-size: 13px; margin-bottom: 5px; }
.mail-hotro{font-size: 14px; color: #272728; }

.quick-alo-phone.quick-alo-show{visibility: visible;}
.quick-alo-phone{position: fixed;visibility: hidden;background-color: transparent;height: 200px;width: 82px;height: 64px;cursor: pointer;z-index: 200000 !important;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: visibility .5s;-moz-transition: visibility .5s;-o-transition: visibility .5s;transition: visibility .5s;right: 100px; top: 70%;}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle{border-color: #005aa6;opacity: .99;}
.quick-alo-ph-circle{width: 160px;height: 160px;top: 20px;left: 20px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(30,30,30,0.4);border: 2px solid #bfebfc 9;opacity: .1;-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill{background-color: #005aa6;opacity: .75 !important;}
.quick-alo-ph-circle-fill{width: 100px;height: 100px;top: 50px;left: 50px;position: absolute;background-color: #000;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .1;-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle{background-color: #005aa6;}
.quick-alo-ph-img-circle{width: 60px;height: 60px;top: 70px;left: 70px;position: absolute;background: rgba(30,30,30,0.1) url("../img/iconzalo.png") no-repeat center center;background-size: cover;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .99;-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {background-color: #f58220;}
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}

/* Reponsive */
@media (min-width: 1200px)
{
    
}