@charset "utf-8";
@font-face{font-family:'UTM HelvetIns';src:url('../fonts/UTM HelvetIns/fonts/UTM HelvetIns.eot');src:local('☺'),url('../fonts/UTM HelvetIns/fonts/UTM HelvetIns.woff') format('woff'),url('../fonts/UTM HelvetIns/fonts/UTM HelvetIns.ttf') format('truetype'),url('../fonts/UTM HelvetIns/fonts/UTM HelvetIns.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'UTM AvoBold';src:url('../fonts/UTM AvoBold/fonts/UTM AvoBold.eot');src:local('☺'),url('../fonts/UTM AvoBold/fonts/UTM AvoBold.woff') format('woff'),url('../fonts/UTM AvoBold/fonts/UTM AvoBold.ttf') format('truetype'),url('../fonts/UTM AvoBold/fonts/UTM AvoBold.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'UTMAvo';src:url('../fonts/UTMAvo/fonts/UTM Avo.eot');src:local('☺'),url('../fonts/UTMAvo/fonts/UTM Avo.woff') format('woff'),url('../fonts/UTMAvo/fonts/UTM Avo.ttf') format('truetype'),url('../fonts/UTMAvo/fonts/UTM Avo.svg') format('svg');font-weight:normal;font-style:normal;}

/* font converted using font-converter.net. thank you! */
@font-face{font-family:"UTMFacebookKT";src:url("../fonts/UTMFacebookRKT.eot"); /* IE9 Compat Modes */src:url("../fonts/UTMFacebookRKT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/UTMFacebookRKT.otf") format("opentype"), /* Open Type Font */
    url("../fonts/UTMFacebookRKT.svg") format("svg"), /* Legacy iOS */
    url("../fonts/UTMFacebookRKT.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/UTMFacebookRKT.woff") format("woff"), /* Modern Browsers */
url("../fonts/UTMFacebookRKT.woff2") format("woff2"); /* Modern Browsers */font-weight:normal;font-style:normal;}

/* font converted using font-converter.net. thank you! */
@font-face{font-family:"Roboto-Medium";src:url("../fonts/Roboto-Medium.eot"); /* IE9 Compat Modes */src:url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Roboto-Medium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Roboto-Medium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Roboto-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Roboto-Medium.woff") format("woff"), /* Modern Browsers */
url("../fonts/Roboto-Medium.woff2") format("woff2"); /* Modern Browsers */font-weight:normal;font-style:normal;}

/* font converted using font-converter.net. thank you! */
@font-face{font-family:"Roboto-Regular";src:url("../fonts/Roboto-Regular.eot"); /* IE9 Compat Modes */src:url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Roboto-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Roboto-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Roboto-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Roboto-Regular.woff") format("woff"), /* Modern Browsers */
url("../fonts/Roboto-Regular.woff2") format("woff2"); /* Modern Browsers */font-weight:normal;font-style:normal;}
@font-face{font-family:'Saira';src:url('../fonts/Saira-SemiBold.woff2') format('woff2'),url('../fonts/Saira-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;}

/* font converted using font-converter.net. thank you! */
@font-face{font-family:"Roboto-Black";src:url("../fonts/Roboto-Black.eot"); /* IE9 Compat Modes */src:url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Roboto-Black.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Roboto-Black.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Roboto-Black.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Roboto-Black.woff") format("woff"), /* Modern Browsers */
url("../fonts/Roboto-Black.woff2") format("woff2"); /* Modern Browsers */font-weight:normal;font-style:normal;}

/* font converted using font-converter.net. thank you! */
@font-face{font-family:"Roboto-Bold";src:url("../fonts/Roboto-Bold.eot"); /* IE9 Compat Modes */src:url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Roboto-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Roboto-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Roboto-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Roboto-Bold.woff") format("woff"), /* Modern Browsers */
url("../fonts/Roboto-Bold.woff2") format("woff2"); /* Modern Browsers */font-weight:normal;font-style:normal;}
body{font-family:'Roboto',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden;}
img{max-height:100%;max-width:100%;}
a,a:focus,a:hover{text-decoration:none;}
.clear{clear:both;}
h3,h2{margin:0px;padding:0;}
table{border-spacing:initial;border-collapse:separate;}
:focus{outline:none!important;}
.row-5{margin:0px -5px;}
.row-10{margin:0px -10px;}
.row-15{margin:0px -15px;}
.maxwidth{position:relative;width:90%;max-width:1200px;margin:0px auto;}
.center{display:flex;justify-content:space-between;align-items:center;}
.info__main{padding:20px 0px;}
.social{margin-top:20px;}

/* ==========================================================================
    Header 
========================================================================== */
#header_top{position:relative;}
.banner_display{padding:10px 0px;}
div#search_frm_vi{float:right;width:250px;margin-top:6px;background:#fff;border-radius:5px;box-shadow:inset 0px 3px 8px #ccc;}
input#search_input{width:210px;height:32px;border:none;padding:0px 10px;background:transparent;color:#333333;}
.img_search{float:right;padding:8px;}
#map_canvas img{max-width:initial!important;max-height:initial!important;}
#responsive-menu{display:none;}
.menu_computer{position:relative;margin:0 auto;min-height:45px;max-height:45px;bottom:0;z-index:1;background:#cb0000;}
#camera_wrap_1{max-height:480px;}
.lang_top{position:absolute;z-index:9;right:0px;top:0px;}
.lang_top a{color:#333;display:inline-block;padding:0px 5px;}
.hotline{background:url(../images/phone.png)no-repeat left center;padding-left:50px;}
.hotline b{font-size:14px;text-transform:uppercase;color:#000;font-family:Roboto-Black}
.hotline p{margin:0px;}
.email{background:url(../images/mail.png)no-repeat left center;padding-left:50px;}
.email b{font-size:14px;text-transform:uppercase;color:#000;font-family:Roboto-Black}
.email p{margin:0px;}
.address{background:url(../images/address.png)no-repeat left center;padding-left:50px;max-width:400px;}
.address b{font-size:14px;text-transform:uppercase;color:#000;font-family:Roboto-Black}
.address p{margin:0px;}

/* ==========================================================================
    Wrapper main
========================================================================== */
.row{margin:0!important;padding:5px 0px;}
.col_left{position:relative;z-index:9;width:300px;float:left;}
.col_right{width:870px;float:right;}
table.table_download thead tr td{color:#fff;padding:5px 0px;text-transform:uppercase;}
table.table_download tbody tr td{padding:5px;}
table.table_lienhe{text-align:center;width:30%;}
table.table_lienhe input{width:100%;border:thin solid #B8B3AF;background:#fff;padding:5px;margin:5px 0px;}
input#btndangky{width:auto;padding:5px 10px;border:none;background:#01458B;color:#fff;}

/* ==========================================================================
    Paging
========================================================================== */
.phantrang{text-align:center;margin:25px 0px 5px 0px;}
.phantrang a{color:#fa6964;border:1px solid #ccc;display:inline-block;width:25px;height:25px;line-height:25px;margin-right:5px;text-decoration:none;font-weight:bold;}
.phantrang span{color:#fff;border:1px solid #ccc;display:inline-block;width:25px;height:25px;background:#BC0000;line-height:25px;margin-right:5px;font-weight:bold;}
.phantrang a:hover{color:#FFF;background-color:#BC0000}

/* ==========================================================================
    Index
========================================================================== */
.title_index{max-width:710px;margin:0px auto 20px;padding-bottom:10px;text-align:center;position:relative;}
.title_index h3{color:#c40000;font-size:30px;text-align:center;font-family:'UTMFacebookKT';text-transform:uppercase;font-weight:normal;}
.title_index p{margin:0px;}
.title_index:after{content:'';position:absolute;width:140px;left:calc(50% - 70px);bottom:0px;border-top:1px solid #cb5050;border-bottom:1px solid #dea1a1;}
.title_about{text-align:center;text-transform:uppercase;margin-bottom:20px}
.title_about h4{font-size:48px;line-height:48px;color:#4a4d54;font-family:Roboto-Bold;margin:0px;}
.ab_left{float:left;width:320px;}
.ab_right{float:right;width:calc(100% - 375px)}
.box-tc{float:left;width:50%;padding:10px;box-sizing:border-box;text-align:center;}
.box-tc h3{font-size:18px;color:#4a4d54;font-family:Roboto-Bold;margin-top:10px;}

/* Số liệu */
.info__tk{padding:30px 0px;background:url(../images/bg_tk.png)no-repeat;background-size:100% 100%;}
.box-tk{float:left;width:25%;padding:10px;box-sizing:border-box;text-align:center;font-family:'UTMFacebookKT';color:#fff}
.box-tk p{font-size:36px;margin:0px;}
.box-tk h3{font-size:20px;font-weight:normal;}

/* ==========================================================================
    Product
========================================================================== */
.title_index2 h3{text-transform:uppercase;padding:10px 20px;margin:5px 0px;background:#CB0000;display:inline-block;font-size:18px;color:#fff;}
.product{float:left;width:25%;padding:10px;}
.pro_item{position:relative;padding:5px;box-shadow:0px 0px 5px #d5d5d5;}
.pro_img{overflow:hidden;position:relative;}
.pro_img img{width:100%;transition:all 0.8s ease-in-out;}
.pro_img img:hover{transform:scale(1.10,1.10);-moz-transform:scale(1.10,1.10);-ms-transform:scale(1.10,1.10);-o-transform:scale(1.10,1.10);-webkit-transform:scale(1.10,1.10);}
.pro_name a{color:#333;font-size:15px;text-transform:uppercase;font-family:'Roboto-Black';font-weight:normal;}
.pro_name{text-align:center;padding:10px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.price-product{margin:5px 0px 0px;text-transform:uppercase;}
.price-product .price-new{color:#dd0000;font-family:'Roboto-Bold';}
.slider-for{padding:5px;border:thin solid #D3D6DB;}
.slider-for img{width:100%;}
.slider-nav{width:90%;margin:0 auto;}
.slider-nav .slick-prev{left:-32px;}
.slider-nav .slick-next{right:-25px;}
.slider-nav img{width:95%!important;margin:5px;}
.product_info{margin-left:20px;}
.info_item{padding:5px 0px;border-bottom:1px solid #f1f1f1;}
h3.info_name{font-size:20px;text-transform:uppercase;color:#00448F;font-family:'Open Sans',sans-serif;font-weight:700;}
.info_share{padding:5px 0px;}
.pro-left{float:left;width:40%}
.pro-right{float:right;width:60%}
.chitiet_sp{margin-top:20px;}

/* ==========================================================================
    Bottom
========================================================================== */
.bottom_index{padding:20px 0px;}
.bottom_group{width:365px;position:relative;}
.bottom_news{margin:0 auto;}
.bottom_fanpage{float:right;}
.title_bottom{background:url(../images/line_title1.png) repeat-x bottom center;margin:15px 0px;}
.title_bottom h3{font-size:22px;font-weight:700;text-transform:uppercase;color:#d70000;display:inline-block;background:#f1f1f1;line-height:13px;padding-right:10px;}
.news_left .slick-prev,.news_left .slick-next{display:none!important;}
.news_item{float:left;width:33.3%;padding:10px;}
.news_name{text-align:center;}
.news_name a{display:block;font-size:17px;color:#000000;font-family:Roboto-Medium;margin:10px 0px;}
.news_name p{color:#333;margin:0px;}
.duan_item{margin:20px 6px;text-align:center;}
.duan_item img{width:100%;border:thin solid #E1E1E1;}

/* ==========================================================================
    News
========================================================================== */
.item_news{float:left;width:33.3%;padding:10px;box-sizing:border-box;text-align:center;}
.img_news img{width:100%;}
.img_news img:hover{opacity:0.8;}
.ds_news{line-height:20px;height:60px;overflow:hidden;}
.name_news a{text-transform:uppercase;color:#333;font-size:15px;font-family:Roboto-Medium;}
.name_news{margin:10px 0px;text-align:center;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.view_news a:hover{background:#EF7E6F;}
.view_news a{color:#fff;font-weight:bold;font-family:Arial;font-size:13px;display:block;background:#DC331D;padding:6px 12px;border-radius:20px 0px 20px 0px;}
.view_news{float:left;padding-left:15px;margin-top:20px;}
.title_news h3{padding:10px 0px;text-transform:uppercase;font-size:18px;font-weight:600;color:#980101;}
.tin_img img{width:100%;}
.tin_detail{text-align:justify;padding-left:15px!important;font-size:13px;}
.tin_item{padding-bottom:10px;}
.mota_news_detail{font-weight:bold;}
.ngay_news_detail{}
.nd_news_detail{}
.other_news ul{padding:0;margin:0;list-style-position:inside;color:#000;}
.other_news ul li a{color:#000;}
.hinhanh_img{width:80%;margin:0 auto;position:relative;}
.title_index1 h3{font-size:20px;text-transform:uppercase;color:#00448F;font-weight:700;padding:10px 0px;text-decoration:underline;}

/* Đối tác */
.doitac_index{padding:30px 0px;background:#f1f1f1}
.dt_item{float:left;padding:5px;width:15%;}

/* ==========================================================================
    Contact
========================================================================== */
.form-control{width:300px;border:1px solid #ddd;padding:5px;}
form.form.form-table{padding-left:20px;border-left:1px solid #FE5301;}
.form-group span{color:#f00;}

div#dknt { margin: 20px 0; }
form#frm_dknt { display: flex; width: 100%; max-width: 350px; justify-content: space-between; }
form#frm_dknt input[type='email'] { width: calc(100% - 60px); border: none; text-indent: 10px; height: 40px;color:#000; }
form#frm_dknt input[type='email']::placeholder{color:#000;}
form#frm_dknt input[type='email']:focus{color:#000;}
input#submit_nhantin { width: 55px; border: none; background: #ffff4c;color:#000; font-size: 15px; font-weight: 700; }
/* ==========================================================================
    Footer 
========================================================================== */
footer#footer{color:#fff;background:#bd0000;padding:30px 0px;}
.footer_bottom{padding:20px 0px;}
.box-footer{float:left;width:49%}
.box-footer1{float:right;width:49%}
.video_lienquan{padding:10px;color:#fff;background:#bd0000;border:none;margin-top:5px;width:100%;border:1px solid #d21d1d;}
h3.title_footer{font-family:UTMFacebookKT;text-transform:uppercase;font-size:27px;font-weight:normal;margin-bottom:15px;border-bottom:1px solid #de8080;padding-bottom:10px;}
.footer_center{padding-left:5%!important;}
.footer_right{font-family:Tahoma;}
form#subscribe_form{padding:10px 0px;}
.img_dky a{text-transform:uppercase;color:#fff;font-weight:bold;}
.img_dky{float:right;width:20%;text-align:center;padding:5px;background:#e4b500;}
input#email_newsletter{float:left;width:80%;border:none;padding:5px;color:#000;}
.mxh{text-transform:uppercase;}
.mxh img{margin-right:5px;}
.footer_copy{padding:10px 0px;background:#2d2d2d;}
.lketweb{text-align:right;}
.lketweb select{color:#000;}
.icon_home{position:fixed;top:40%;right:0;z-index:99999;}
.icon_home img{margin:2px 5px;}
.fancybox-skin{padding:0px!important;}

/* ==========================================================================
    Responsive styles 
========================================================================== */

/* laptop */
@media (min-width:1200px){
    .container{width:1190px;margin:0 auto;padding:0;position:relative;}
    button.btn.btn-danger.btn-lg{background:#FC5919;border-color:#FC5919;padding:5px 25px;border-radius:0;font-size:13px;text-transform:uppercase;font-weight:bold;text-shadow:none;margin-top:10px;color:#fff}
    .display_block{display:none;}
    .display_none{display:block;}
}
@media (max-width:1200px){
    .container{position:relative;}
    .display_none{display:none;}
    .display_block{display:block;}
    #responsive-menu{display:block!important;}
    .menu_computer{display:none;}
    #camera_wrap_1{max-height:400px;}
    .logo_top{float:none;text-align:center;}
    .banner_top{float:none;margin-left:0;}
    .right_top{float:none;text-align:center;}
    .hotline_item{display:inline-block;}
    div#search_frm_vi{position:relative;bottom:0;margin:10px 0px;border-radius:0;}
    .bottom_group{width:95%;}
    .news_name div{font-size:10px;}
}
@media (max-width:1120px){
}

/* ipad */
@media (max-width:1020px){
    .banner_top h1{font-size:25px;}
    .banner_top{font-size:14px;}
    #camera_wrap_1{max-height:320px;}
    .title_about h3{font-size:25px;}
    .title_about h4{font-size:25px;}
    .title_bottom h3{font-size:18px;}
    .footer_center{padding-left:0!important;}
    table.table_lienhe{width:50%;}
}
@media (max-width:991px){
    .product{width:33.3%}
    .hotline,.email,.address{display:none}
    .logo_top{width:100%;margin-top:20px;}
    .ab_left{width:100%}
    .ab_right{width:100%;margin-top:10px;}
}
@media (max-width:979px){
}
@media (min-width:980px){
}
@media  (max-width:780px){
    .product{width:50%}
    .news_name a{font-size:14px;}
    .title_index h3{font-size:20px;}
    #camera_wrap_1{max-height:265px;}
    .bottom_group{width:100%;}
    .news_name div{font-size:12px;}
    .title_bottom h3{font-size:20px;}
    .footer_center{padding-left:15px!important;padding-top:10px!important;padding-bottom:15px!important;}
    h3.title_footer{font-size:18px;}
    .lketweb{text-align:left;}
    .pro_item{margin:10px 0px;}
    .name_news{padding:0;padding-top:10px;}
    .view_news{padding-left:0;margin-top:5px;}
    table.table_lienhe{width:60%;}
    form.form.form-table{padding-left:0;border-left:0;}
    input#email_newsletter{width:85%;padding:10px 5px;}
    .img_dky{width:15%;padding:10px 5px;}
    .product_info{margin-left:0px;padding:10px 0px;}
    
    .other_spham{padding-right:15px;padding-left:15px;}
}
@media (min-width:768px){
    .col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-12{padding:0;}
}
@media (max-width:767px){
    .pro-left{width: 100%;}
    .pro-right{width: 100%}
    .box-footer{width:100%}
    .box-footer1{width:100%}
    .item_news{width: 50%}
}

/* smartphone */
@media (max-width:678px){
    .col-sm-6,.col-sm-4{padding:0;}
    #camera_wrap_1{max-height:200px;}
    .slick-next{right:0px!important;}
    .slick-prev{left:-16px!important;z-index:99;}
    table.table_lienhe{width:100%;}
}
@media (max-width:620px){
    .col-sm-6{width:100%;}
}
@media (max-width:555px){
    .banner_top{font-size:16px;}
    .title_about h4{font-size:20px;}
    .title_about h3{font-size:20px;}
    .hotline_item a{line-height:1.5;}
    .hotline_item{font-size:13px;}
    .hotline_item a b{font-size:20px;}
}
@media (max-width:480px){
    #camera_wrap_1{max-height:165px;}
    .banner_top h1{font-size:18px;}
    .banner_top{font-size:12px;}
}