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


/*----------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; background: #f0f0f0;}
/*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{font-family: RM; font-size: 16px; text-transform: uppercase; color: #FFF; margin-bottom: 20px; border-bottom: 1px solid #e71919; position: relative;}
.main-tit h2{display: inline-block; padding: 0px 15px; font-size: 16px; font-weight: normal; margin: 0; line-height: 40px; min-width: 240px; margin-bottom: -1px; position: relative; background: #e71919;}
.main-tit h2:before{position: absolute; content: ''; width: 16px; height: 17px; background: url(../img/i-tit.png) no-repeat center center; right: calc(0px - 8px); top: calc(50% - 8.6px);}
.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: rgba(255, 255, 255, 0.4);}
::-moz-placeholder{color: rgba(255, 255, 255, 0.4);}
:-ms-input-placeholder{color: rgba(255, 255, 255, 0.4);}
:-moz-placeholder{color: rgba(255, 255, 255, 0.4);}

/* Banner */
#banner .center{display: flex; justify-content: space-between;}
.banner-t{background: #e71919; padding: 5px 0 4px; line-height: 31px; font-family: RR; font-size: 14px; color: #fff; position: relative; z-index: 100;}
.banner-t strong{font-weight: normal; font-family: RM; color: #ff0;}
.search{width: 260px; border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.2);}
.search input{display: block; width: 100%; border: none; outline: none; border-radius: 0; padding: 0px 13px; padding-right: 35px; line-height: 29px; font-family: RR; font-size: 13px; color: rgba(255, 255, 255, 0.4); background: transparent;}
.search button{position: absolute; right: 0; top: 0; background: transparent; text-align: center; font-size: 20px; line-height: 29px; color: #fff; width: 35px;}

/* Menu */
#menu{background: #fff; font-family: RB; position: -webkit-sticky; position: sticky; top: 0; z-index: 999; box-shadow: 0 1px 5px #454545;}
#menu .center{display: flex; justify-content: space-between; align-items: center;}
#menu .logo img{max-height: 100px; transition: all 0.5;}
#menu.fix .logo img{max-height: 70px;}
.line-menu{line-height: 48px !important;}
.menu-line:last-child a{padding-right: 0;}

/* Slide */
#slide{}

/* Footer */
#footer{background: #e71919; padding: 60px 0 0; font-family: RR; font-size: 14px; color: #fff;    padding-bottom: 60px;}
#footer a{color: #FFF;}
#footer a:hover{color: #FF0;}
.ft-1{width: 525px; float: left; margin-right: 20px;}
.ft-1 .ft-tit{text-transform: uppercase; color: #fcff00; font-size: 22px; line-height: 35px; font-family: 'UTMHelvetIns'; margin: 0 0 20px; padding: 0;}
.ft-1 p{line-height: 35px;}
.ft-2{width: 280px; float: left; margin-right: 20px;}
.ft-2 ul{list-style: none; margin: 0 0 10px; padding: 0;}
.ft-2 ul li{margin-bottom: 5px;}
.ft-3{width: 300px; float: right;}
.ft-2 .ft-tit, .ft-3 .ft-tit{font-family: RB; font-size: 18px; color: #fcff00; text-transform: uppercase; margin: 5px 0 20px; position: relative; padding: 0 0 10px;}
.ft-2 .ft-tit:after, .ft-3 .ft-tit:after{position: absolute; content: ''; left: 0; bottom: 0; width: 72px; height: 2px; background: #fff;}
.mxh{margin-top: 20px;}
.mxh img{margin-right: 6px;}

.ft-b{background: rgba(0, 0, 0, 0.1); padding: 8px 0 7px; margin-top: 60px; font-family: 'Arial'; font-size: 12px; text-align: center;}
.ft-b .center{display: flex; justify-content: space-between;}
.cpr span{color: #fffc00;}
.thongke span{margin-left: 10px;}
.thongke .color{color: #f1d609;}

/* 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: 0px 30px 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: RB; font-size: 14px; font-weight: normal; margin: 15px 0 5px; text-align: center; text-transform: uppercase; display: block; line-height: 20px; height: 40px; overflow: hidden;}
.box-sp a{ color: #666;}
.box-sp a:hover{ color: #F00;}
.box-sp-gia{font-family: RR; font-size: 14px; color: #808080;}
.box-sp-gia span{font-family: RB; color: #f00; text-transform: uppercase;}
.box-sp:nth-child(4n){margin-right: 0;}
.box-sp:nth-child(4n+1){clear: both;}

.slick-sanpham .box-sp{float: none; margin: 0 auto 20px;}

.box-spi{float: left; width: 277px; margin: 0 30px 30px 0;}
.box-spi h3{font-family: RB; font-size: 15px; font-weight: normal; margin: 15px 0 0; text-align: center; text-transform: uppercase;}
.box-spi a{color: #565656;}
.box-spi a:hover{color: #d00;}
.box-spi:nth-child(4n){margin-right: 0;}
.box-spi:nth-child(4n+1){clear: both;}

.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: 16px; 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 h3 a{color: #4c4c4c;}
.box-news h3 a:hover{color: #d00;}
.box-news-date{color: #a1a1a1; font-size: 13px; 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:20px 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: RB; font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; line-height: 40px; background: #e71919; position: relative;}
.left-tit:before{position: absolute; content: ''; width: 20px; height: 2px; background: #fff; left: 0; top: calc(50% - 1px);}
.left-tit:after{position: absolute; content: ''; width: 20px; height: 2px; background: #fff; right: 0; top: calc(50% - 1px);}
.left-info{border: 1px solid #e6e6e6;}
.left-info ul{margin: 0; list-style: none; padding: 10px 15px; background: #f3f3f3;}
.left-info ul li{padding: 6px 10px 7px 20px; border-bottom: 1px solid #e6e6e6; position: relative;}
.left-info ul li:before{position: absolute; content: ''; width: 5px; height: 5px; background: #e6e6e6; border-radius: 20px; left: 0; top: calc(50% - 2.5px);}
.left-info ul li:last-child{border-bottom: none;}
.left-info a{font-family: RR; font-size: 14px; color: #4c4c4c; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.left-info a:hover{color: #d00;}
.i-tit{font-family: RM; font-size: 16px; text-transform: uppercase; color: #FFF; margin-bottom: 30px; border-bottom: 1px solid #e71919; position: relative;}
.i-tit h2{float: left; padding: 0 15px; font-size: 16px; font-weight: normal; margin: 0; line-height: 40px; min-width: 240px; margin-bottom: -1px; position: relative; background: #e71919;}
.i-tit h2:before{position: absolute; content: ''; width: 16px; height: 17px; background: url(../img/i-tit.png) no-repeat center center; right: calc(0px - 8px); top: calc(50% - 8.6px);}
.i-tit .xtc{position: absolute;top: 5px;right: 0;font-size: 12px;font-weight: bold;}
.i-tit .xtc a{ color: #f50000;font-family: Arial, Helvetica, sans-serif;}
#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;}


#gioithieu{padding: 60px 0; margin-bottom: 40px;}
#gioithieu .center{display: flex; justify-content: space-between;}
.gioithieu-l{width: 640px;}
.gioithieu-l > p{font-family: RR; line-height: 30px; text-align: justify;}
.gioithieu-l > p a{ margin-left: 3px;}
.gioithieu-tit{font-family: RB; font-size: 25px; line-height: 35px; text-transform: uppercase; color: #4d4d4d; margin: 15px 0 5px;}
.tencty-tit{font-family: 'UTMHelvetIns'; font-size: 25px; line-height: 35px; color: #e71919; text-transform: uppercase; margin-bottom: 15px;}
.lkweb{display: flex; justify-content: space-between; flex-flow: wrap; margin-top: 30px;}
.lkweb a{display: block; width: 31%; text-align: center; border: 1px dashed #d00; color: #d00; line-height: 48px; transition: all 0s;}
.lkweb a:hover{background: #d00; border: 1px solid #d00; color: #fff;}
.gioithieu-r{width: 510px; position: relative;}
.gioithieu-r:after{position: absolute; left: 38px; top: 0px; width: 409px; height: 409px; border: 5px solid #ebebeb; z-index: 1;}
.gioithieu-r > div:first-child{position: absolute; z-index: 9; left: 2px; top: 69px;}
.gioithieu-r > div:last-child{float: right; margin-top: 30px; position: relative; z-index: 8;}

#bottom{display: flex; align-items: center; justify-content: space-between; background: #4d4d4d;}
#bottom .center{min-height: 84px; display: flex; justify-content: space-between;}
.bottom-l{width: 390px; padding-left: 40px; border-right: 1px solid #fff; display: flex; align-items: center; font-family: RM; font-size: 14px; color: #fff;}
.bottom-l > div{padding-left: 50px; background: url(../img/email.png) no-repeat left center;}
.bottom-l p{margin: 5px 0 0;}
.bottom-r{width: 810px; padding-left: 70px; display: flex; justify-content: space-between; align-items: center;}
.bottom-r > div{line-height: 19px; font-family: RR; font-size: 13px; color: #fff;}
.bottom-r form{display: block; width: 460px;padding-bottom: 10px;}
.bottom-r .input{border-radius: 0px; padding: 4px 15px; width: calc(100% - 75px); border: 1px solid #c2c2c2; border-right: none; background: #fff; float: left; outline: none; font-family: RR; font-size: 13px; color: #b0b0b0;}
.bottom-r .button{float: left; width: 75px; text-transform: uppercase; background: #e90000; font-family: RB; font-size: 15px; color: #fff; border-radius: 0px; padding: 5px; border: none;}
.bottom-r form input::-webkit-input-placeholder{color: #b0b0b0;}
.bottom-r form input::-moz-placeholder{color: #b0b0b0;}
.bottom-r form input:-ms-input-placeholder{color: #b0b0b0;}
.bottom-r form input:-moz-placeholder{color: #b0b0b0;}

#tintuc{background: #f5f5f5; padding: 55px 0 60px;}
.bottom-tit{text-align: center; font-family: 'UTMHelvetIns'; font-size: 30px; color: #e71919; line-height: 45px; text-transform: uppercase; background: url(../img/bottom-tit.png) no-repeat center bottom; padding-bottom: 27px; margin-bottom: 30px;}
.tintuc-flex{display: flex; justify-content: space-between;}
.tintuc-l{width: 455px;}
.box-news-nb{line-height: 22px; color: #333; text-align: justify;}
.box-news-nb-img{width: 100%; overflow: hidden; margin-bottom: 23px;}
.box-news-nb-img img{width: 100%; transition: all 0.5s;}
.box-news-nb-img:hover img{transform: scale(1.1);}
.box-news-nb h3{font-family: RB; font-weight: normal; font-size: 16px; margin: 0 0 5px; line-height: 22px; text-align: left;}
.box-news-nb h3 a{color: #e71919;}
.box-news-nb > a{display: inline-block; border: 1px solid #ff00ce; margin-top: 10px; line-height: 35px; width: 95px; text-align: center; color: #ff00ce; font-family: RR; font-size: 13px; transition: all 0s;}
.box-news-nb > a:hover{background: #ff00ce; color: #fff;}
.slick-tintuc .box-news-nb{width: 342px;}
.tintuc-r{width: 715px;}
.itab{text-align: center; margin: -10px 0 20px; font-family: RR; font-size: 14px; color: #666;}
.itab > div{display: inline-block; margin: 0 3px 10px; background: #fff; padding: 4px 20px; border: 1px solid #e6e6e6; cursor: pointer; transition: all 0s;}
.itab > div.activet{background: #d00; border: 1px solid #d00; color: #fff;}
.tac{text-align: center; margin-bottom: 30px;}

#sanpham{margin-bottom: 40px;}

#map_canvas iframe{
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.footer-powered {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    right: 0;
}

.footer-powered {
    color: #fff;
    background-color: #e51616;
}
.footer-powered .wrap-content {
    padding: 11px 10px;
    position: relative;
}
.flex {
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
}

.shake-anim {
    -webkit-animation: shake-anim 1s infinite ease-in-out;
    -moz-animation: shake-anim 1s infinite ease-in-out;
    -ms-animation: shake-anim 1s infinite ease-in-out;
    -o-animation: shake-anim 1s infinite ease-in-out;
    animation: shake-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%
}

@-moz-keyframes shake-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%,50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes shake-anim {
    0%,100%,50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes shake-anim {
    0%,100%,50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}


.hotline_text {
    font-size: 17px;
    color: #ffffff;
    padding: 0px 10px;
    margin: 0;
}
.hotline4 {
    font-size: 17px;
    color: #ffffff;
    margin: 0;
}
.fta {
    justify-content: space-between;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.footer-powered .wrap-content {
    max-width: 1200px;
    margin: auto;
}



/* Effect */
.effect { display: block; overflow: hidden }
.effect img { transition: all 1s !important; }
.effect:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all 1s }
.effect-1 { position: relative; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }
.effect-1:after { position: absolute; top: 0; left: -66%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); }
.effect-1:hover:after { -webkit-animation: shine .75s; */ animation: shine .75s; }
@-webkit-keyframes shine {
	100% { left: 125%; }
}
@keyframes shine {
	100% { left: 125%; }
}
.effect-2 { display: flex; justify-content: center; align-items: center; position: relative;    /* width: 100%; */    /* height: 100%; */

	/* left: 0; */

	/* top: 0; */

	/* right: 0; */

	/* bottom: 0; */
text-align: center; }
.effect-2:before, .effect-2:after { box-sizing: inherit; content: ''; position: absolute; z-index: 9; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; transform-origin: center; }
.effect-2:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale3d(0, 1, 1); }
.effect-2:after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale3d(1, 0, 1); }
.effect-2:hover { background: rgba(0, 0, 0, 0.45); }
.effect-2:hover:before, .effect-2:hover:after { transform: scale3d(1, 1, 1); transition: transform 0.5s; }
.effect-2 > img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.effect-2:hover > img { opacity: 0.8; }
.effect-3 > img { transform: translateY(0px); animation: float 6s ease-in-out infinite; }
@keyframes float {
	0% { box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); transform: translatey(0px); }
	50% { box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2); transform: translatey(-20px); }
	100% { box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); transform: translatey(0px); }
}

/*Hover Glass*/
.hover-glass { overflow: hidden; display: block; position: relative; }
.hover-glass::before { position: absolute; top: 0px; left: -75%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); }
.hover-glass:hover::before { animation: 0.75s ease 0s 1 normal none running shine; }
@-webkit-keyframes shine {
	100% { left: 125%; }
}
@keyframes shine {
	100% { left: 125%; }
}

/*Hover RotateY */
.hrv-rotateY img { transition: all 0.9s ease 0s !important; }
.hrv-rotateY:hover { text-decoration: none; }
.hrv-rotateY:hover img { transition-delay: 1s; transition: all 0.7s ease 0s; transform: rotateY(180deg); text-decoration: none; }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }

/* Button Frame */
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 99; cursor: pointer; }
.btn-frame i { width: 50px; height: 50px; border-radius: 50%; background: #2f3192; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.btn-frame i img { vertical-align: middle; width: 70%; }
.btn-frame .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.btn-frame .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(7, 41, 103, 0.8); opacity: 0.1; border-color: #2f3192; opacity: 0.5; }
.btn-frame .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
.btn-frame .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.btn-frame .kenit-alo-circle-fill { width: 70px; height: 70px; top: -10px; right: -10px; position: absolute; border-radius: 100%; border: 2px solid transparent; background-color: #2f3192; opacity: 0.4; }
.btn-frame .pulse { -webkit-animation-name: pulse; animation-name: pulse; }

/* tiktok */
.btn-tiktok { bottom: 400px; }
.btn-tiktok i { color: #fff; font-size: 25px; }

/* Zalo */
.btn-zalo { bottom: 315px; }

/* Phone */
.btn-phone { bottom: 230px; }

.btn-fanapge { bottom: 150px; }

.lh-con-sub{
    display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 10px auto;
}

.lh-con-sub .input{
    width: 50%;
}

.view_about{
    display: block;
    padding: 10px 15px;
    background: #2f3192;
    color: #fff;
    max-width: 150px;
    text-align: center;
    border-radius: 10px;
    text-transform: uppercase;
}

.view_about:hover{
    background:red;
    color: #fff;
}
/* Reponsive */
@media (min-width: 1216px)
{
    .slick-tintuc{margin: 0 -15px; width: calc(100% + 30px);}
    .ptt{padding: 0 15px;}
    .slick-sanpham{margin: 0 -14px; width: calc(100% + 28px);}
    .psp{padding: 0 14px;}
}