/* ============== Reset =========== */
body { padding: 0px; margin: 0px; }
h1,h2,h3,h4,h5,h6,p { margin: 0px; font-weight: normal; }
strong { font-weight: normal; }
ul, ol { list-style: none;margin: 0px;padding: 0px;list-style-type: none; }
a { text-decoration: none; outline: none; }
.clear {clear: both;}
.clearfix::after { content: ""; clear: both; display: block; }
header, section, footer { position: relative; width: 1349px; margin:0 auto; }
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline: none; }

/* ============ CSS Title ============ */
h3.title_other { font-family: 'UTMAvoBold'; font-size: 18px; text-transform: uppercase; color: #212d3d; position: relative; margin-top: 28px; }
h3.title_other:after { position: absolute; content: ''; width: 100%; height: 5px; background: #212d3d; left: 0px; bottom: 6px; }
h3.title_other span { display: inline-block; background: #f4de7f; padding-right: 10px; position: relative; z-index: 5; }
span.title_item_other { font-family: 'OpenSansLight'; font-size: 16px; color: #333; }
h3.title_baiviet { font-family: 'SFUFuturaBold'; font-size: 20px; color: #212d3d; padding: 10px 0px 5px 0px; border-bottom: 1px solid #212d3d; position: relative; }
h3.title_baiviet:before { position: absolute; content: ''; width: 50px; height: 1px; background: #c79600; left: 0px; bottom: -1px; }
h3.title_update { font-family: 'UTMAvoBold'; font-size: 25px; color: #212d3d; text-align: center; text-transform: uppercase; padding: 20px 0px; }
.wrap_iframe { width: 70%; margin: auto; height: 400px; }
.wrap_iframe iframe { width: 100%; height: 100%; border: none; }

/* ============= CSS Default =========== */
.content12 { width: 100%; max-width: 1200px; margin: auto; position: relative; }
.transAll600, .transAll600 * { -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
.padding20 { padding: 20px 0px; }

/* CSS Header */
div.w_header { background: url('../images/bg.png') no-repeat left top; }
a.w_logo { width: 224px; float: left; margin-right: 75px; }
div.w_banner { width: 542px; float: left; margin-top: 5px; }
div.w_hd_right { width: 260px; float: right; }
div.w_mangxh { text-align: right; margin-top: 10px; }
span.hl_header { display: block; font-family: 'SFUEurostileBoldCondensed'; font-size: 20px; color: #343434; text-transform: uppercase; text-align: center; }
span.hl_header strong { font-size: 30px; background: linear-gradient(to bottom, #e91700 0%, #ae0100 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* ============== CSS Menu ============= */
div.w_menu { position: relative; width: 100%; background: url('../images/bg_menu.png') repeat-x; }
div.w_menu_fixed { position: fixed!important; left: 0px; top: 0px; z-index: 9999999; -webkit-animation: fadeInDown .5s; animation: fadeInDown .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
nav.menu_top { float: left; background: linear-gradient(180deg, #e41a1c 0, #960407 100%); background: -moz-linear-gradient(180deg, #e41a1c 0, #960407 100%); transform: skew(-30deg); padding: 0px 30px; margin-top: 2px; position: relative; z-index: 9999999999; }
nav.menu_top:before { position: absolute; content: ''; width: 100%; height: 3px; background: #940306; right: 100%; bottom: 0px; }
nav.menu_top:after { position: absolute; content: ''; width: 100%; height: 3px; background: #e41a1c; left: 100%; top: 0px; }
nav.menu_top > ul { transform: skew(30deg); }

form#frmSearch { width: 230px; height: 31px; float: right; background: url('../images/bg_search.png') no-repeat center; margin-top: 11px; }
form#frmSearch #txtSearch { width: calc(100% - 50px); height: 100%; float: left; background: transparent; border: none; outline: none; padding-left: 15px; font-family: 'Roboto-Regular'; font-size: 13px; font-style: italic; color: #fff; }
form#frmSearch #txtSearch::placeholder { font-family: 'Roboto-Regular'; font-size: 12px; font-style: italic; color: #fff; }
form#frmSearch #btnSearch { width: 50px; height: 100%; float: left; background: url('../images/icon1.png') no-repeat center; border: none; outline: none; cursor: pointer; }
div.w_language { float: right; margin-top: 11px; }

/* ============= CSS index =============== */
.padding50 { padding-top: 50px; }
h3.title_list { background: url('../images/icon2.png') no-repeat left bottom; background-size: 100%; margin-bottom: 30px; }
h3.title_list span { display: block; float: left; font-family: 'SFUEurostileBoldCondensed'; font-size: 20px; color: #fff; background: url('../images/icon3.png') no-repeat left top, url('../images/repeat.png') repeat-x; line-height: 45px; text-transform: uppercase; padding-left: 45px; position: relative; cursor: pointer; }
/*h3.title_list span:before { position: absolute; content: ''; width: 1200px; height: 2px; background: #c10000; left: 100%; bottom: 0px; }*/
h3.title_list span:after { position: absolute; content: ''; width: 43px; height: 45px;background: url('../images/icon4.png') no-repeat; left: 100%; top: 0px; }
ul.menu_cat { display: none; position: absolute; width: calc(100% + 43px); background: #e6e6e6; left: 0px; top: 100%; z-index: 9999; padding: 5px 10px; }
ul.menu_cat li a { display: block; font-family: 'Roboto-Bold'; font-size: 15px; color: #333; line-height: 20px; padding: 5px 0px; border-bottom: 1px solid #fff; }
ul.menu_cat li:last-child a { border-bottom: none; }
h3.title_list span:hover ul { display: block; }
ul.menu_cat li a:hover { color: #EE0000; }

div.item_product { float: left; width: 280px; margin-right: 26px; margin-bottom: 20px; }
div.item_product p{
    text-align: center;
    color: red;
    padding: 5px 0;
    margin-bottom: 0;
    font-weight: bold;
    font-family: arial;
}
div.item_product:nth-child(4n) { margin-right: 0px; }
div.item_product:nth-child(4n+1) { clear: both; }
div.item_product h3 a { display: block; font-family: 'Roboto-Bold'; font-size: 16px; color: #343434; text-align: center; margin-top: 10px; } 

/* Bottom */
div.w_bottom { background: url('../images/bg5.png') no-repeat left top; padding: 40px 0px; background-size: 100% 100%; }
div.w_tintuc { width: 735px; float: left; }
div.w_video { width: 430px; float: right; }
h3.title_bottom { font-family: 'SFUEurostileBoldCondensed'; font-size: 22px; color: #000; text-transform: uppercase; background: url('../images/icon5.png') no-repeat left bottom, url('../images/icon6.png') repeat-x left bottom; padding-bottom: 10px; margin-bottom: 20px; }
div.w_left_tintuc { width: 340px; float: left; }
div.w_right_tintuc { width: 380px; float: right; }
div.w_left_tintuc h3 a { display: block; font-family: 'Roboto-Bold'; font-size: 17px; color: #151515; line-height: 23px; max-height: 46px; overflow: hidden; text-overflow: ellipsis; }
div.w_left_tintuc p { font-family: 'Arial'; font-size: 12.5px; color: #414141; text-align: justify; line-height: 22px; max-height: 66px; overflow: hidden; text-overflow: ellipsis; }
a.xemthem { display: block; width: 90px; border: 2px solid #666666; font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-align: center; padding: 8px 0px; margin-top: 5px; }
div.w_item_tintuc { padding-bottom: 20px; }
div.w_item_tintuc h3 a { display: block; font-family: 'Roboto-Bold'; font-size: 15px; color: #151515; line-height: 20px; margin-bottom: 5px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; }
div.w_item_tintuc p { width: calc(100% - 130px); float: right; font-family: 'Arial'; font-size: 11.5px; color: #414141; text-align: justify; line-height: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis; }
div.w_item_tintuc .img { width: 120px; float: left; }
div.w_item_tintuc h3 { width: calc(100% - 130px); float: right; }

div.w_iframe { width: 100%; height: 315px; }
div.w_iframe iframe { width: 100%; height: 100%; border: none; }
div.w_select { background: #000; padding: 5px 15px; }
select#listVideo { width: 100%; height: 30px; font-family: 'Roboto-Bold'; font-size: 15px; color: #737373; padding-left: 20px; background: #fff; border: none; }

/* ============== CSS Footer =============== */
div.w_doitac { background: url('../images/bg_doitac.png') no-repeat; background-size: 100% 100%; padding: 20px 0px; }
div.slick_doitac a.img { width: 130px; margin: auto; }

div.w_ft { background: url('../images/bg_ft.png') no-repeat left top; background-size: 100% 100%; padding-top: 25px; padding-bottom: 20px; position: relative; }
div.w_ft1 { width: 520px; float: left; }
div.w_ft2 { width: 365px; float: left; }
div.w_ft3 { width: 200px; float: right; }
h3.com_name { font-family: 'SFUEurostileBoldCondensed'; font-size: 24px; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
h3.title_ft { font-family: 'RobotoBlack'; font-size: 15px; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
p.com_info { display: block; font-family: 'Roboto-Regular'; font-size: 15px; color: #fff; padding-left: 40px; line-height: 30px; margin: 10px 0px; }
p.com_info:nth-child(2) { background: url('../images/icon8.png') no-repeat left center; }
p.com_info:nth-child(3) { background: url('../images/icon9.png') no-repeat left center; }
p.com_info:nth-child(4) { background: url('../images/icon10.png') no-repeat left center; }
p.com_info:nth-child(5) { background: url('../images/icon11.png') no-repeat left center; }
div.w_ft3 table td { padding: 6px 4px; }
.text_td { font-family: 'Roboto-Regular'; font-size: 14px; color: #fff; }
.text_td1 { font-family: 'Roboto-Bold'; font-size: 14px; color: #fff; }

span.w_copy { display: block; background: #000; font-family: 'Roboto-Regular'; font-size: 14px; color: #fff; text-align: center; padding: 15px 0px; }
span.w_copy strong { text-transform: uppercase; font-family: 'Roboto-Bold'; }

/* ============ CSS Lien he ============= */
h3.title_lienhe { font-family: 'UTMAvoBold'; font-size: 30px; color: #212d3d; text-transform: uppercase; margin-bottom: 20px; }
div.w_lienhe { padding: 40px 0px; }
div.w_info_lienhe { width: 33%; float: left; }
div.w_form_lienhe { width: 65%; float: right; }
form#frmContact input { width: 32%; float: left; margin-right: 2%; outline: none; border: none; background: #F4DE7F; height: 50px; margin-bottom: 2%; padding-left: 10px; font-family: Arial; font-size: 13px; color: #212d3d; }
form#frmContact input[name="dienthoai"] { margin-right: 0px; }
form#frmContact textarea { width: 100%; outline: none; border: none; background: #F4DE7F; padding: 10px 0px 0px 10px; font-family: Arial; font-size: 13px; color: #212d3d; }
form#frmContact input::placeholder, form#frmContact textarea::placeholder { font-family: Arial; font-size: 12px; color: #3b424b; }
button.btn_contact { width: 130px; margin-right: 20px; border: 2px solid #212d3d; font-family: Arial; font-size: 13px; color: #212d3d; text-align: center; text-transform: uppercase; padding: 15px 0px; background: none; cursor: pointer; }
button.btn_contact:hover { border-left-width: 25px; border-right-width: 25px; }

/* ============ CSS About ============ */
h3.title_about { font-family: 'Roboto-Bold'; font-size: 25px; color: #074784; text-transform: uppercase; margin: 20px 0px 10px 0px; }
i.ngaydang { font-family: 'UTMAvoBold'; font-size: 13px; color: #212d3d; padding: 10px 0px; }

/* ============ CSS Trang Trong =========== */
div.w_news { width: 49%; height: auto; float: left; margin-right: 2%; margin-bottom: 2%; }
div.w_news:nth-child(2n) { margin-right: 0px; }
div.w_news:nth-child(2n+1) { clear: both; }
div.w_news a.img { float: left; width: 180px; }
div.w_news a.img img { width: 100%; }
div.info_new { width: calc(100% - 180px); height: 180px; float: left; padding: 20px 15px; background: #ededed; }
div.info_new h3 a { display: block; font-family: 'Roboto-Bold'; font-size: 14px; color: #393939; text-transform: uppercase; line-height: 23px; height: 46px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
div.date_new { font-family: 'Roboto-Light'; font-size: 13px; color: #666; }
div.date_new i { padding-right: 5px; }
div.info_new p { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; line-height: 23px; height: 69px; overflow: hidden; text-overflow: ellipsis; }
div.w_news:hover div.info_new { background: #0074C7; color: #fff!important; }
div.w_news:hover div.info_new * { color: #fff!important; }

div.w_itdv { width: 280px; float: left; margin-right: 26px; margin-bottom: 20px; }
div.w_itdv:nth-child(4n) { margin-right: 0px; }
div.w_itdv:nth-child(4n+1) { clear: both; }
div.w_itdv h3 a { display: block; display: block; font-family: 'UTMAvoBold'; font-size: 18px; color: #212d3d; text-align: center; text-transform: uppercase; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.w_itdv h3 a:hover { color: #d49d30; }
div.w_itdv span { display: block; font-family: 'UTM Avo'; font-size: 13px; color: #717478; text-align: justify; line-height: 23px; margin-top: 10px; }

div.other_news { padding-bottom: 30px; }
div.other_news ul li a { display: inline-block; font-family: 'UTMAvoBold'; font-size: 13px; color: #212d3d; padding: 2px 0px; }
div.other_news ul li a i { opacity: 0; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
div.other_news ul li a:hover i { opacity: 1; }
div.other_news ul li a:hover { color: #f00; }

div.item_alb { width: 280px; float: left; margin-right: 25px; margin-bottom: 15px; background: #fff; text-align: center; text-transform: uppercase; position: relative; }
div.item_alb:nth-child(4n) { margin-right: 0px; }
div.item_alb:nth-child(4n+1) { clear: both; }
div.item_alb a.img:before { position: absolute; content: ''; width: calc(100% - 10px); height: calc(100% - 10px); background: transparent; border: 1px solid rgba(255,255,255,0.5); left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; }
div.item_alb h3 a { display: block; font-family: 'OpenSansRegular'; font-size: 15px; color: #181818; margin-bottom: 5px; margin-top: 10px; }
div.item_alb h3 a:hover { color: #d49d30; }

div.w_product { border: 1px solid #eee; border-right: none; border-bottom: none; display: flex; webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
div.item_product { flex: 0 1 calc(20% + 1px); }
div.item_product h3 a { white-space: initial; line-height: 20.5px; height: 41px; }

.hotline-rp{display: none; position: absolute; right: 10px; top: calc(100% + 10px); z-index: 9999999; height: 40px; line-height: 40px; background: #00aeef; border-radius: 40px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.6); }
.hotline-rp span {display: block; background: #fff; float: left; height: 40px; padding: 5px 20px; padding-right: 10px; border-radius: 40px 0px 0px 40px; line-height: normal; }
.hotline-rp strong {color: #fff; font-size: 20px; font-family: fu; padding: 0px 10px; margin: 15px 0px; }
.hotline-rp img {width: 20px;padding-top: 4px;-webkit-animation: wrench 2.5s ease infinite;animation: wrench 2.5s ease infinite;transform-origin-x: 90%;transform-origin-y: 35%;transform-origin-z: initial;}
@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg);}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg);}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);transform:rotate(24deg);}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg);}100%,75%{-webkit-transform:rotate(0);transform:rotate(0);}}
@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg);}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg);}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg);}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg);}100%,75%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}}

.product-quote { display: block; width: 200px; font-weight: bold; font-size: 14px; color: #fff; text-align: center; line-height: 35px; background: #f00; border-radius: 17px; margin: 0 auto; font-family: "Arial"; }
#quote { width: 500px; display: none; }
.quote-title { font-family: 'UTMAvoBold'; font-size: 20px; color: #f00; text-align: center; text-transform: uppercase; margin-bottom: 10px; }
#quote input { width: 100%; height: 40px; border: 1px solid #eee; border-radius: 3px; padding-left: 10px; font-family: 'OpenSansRegular'; font-size: 13px; color: #333; margin-bottom: 10px; }
#quote button[type=submit] { display: block; width: 120px; height: 40px; border: 0; background: #f00; border-radius: 20px; font-family: 'UTMAvoBold'; font-size: 15px; color: #fff; text-align: center; text-transform: uppercase; border: 0; margin: 0 auto; }