@import url("my_effect.css");
/*reset*/
* {list-style:none;padding:0;margin:0 auto;}
a {text-decoration:none;}
body {font-family:'Arial', 'Helvetica', 'sans-serif';font-size:12px;position: relative;box-sizing:border-box;overflow-y:scroll;}
/*=======================================*/
a:focus,a:hover{text-decoration:none;}
*{margin:0;list-style:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;line-height: normal;}
ol, ul{margin:0;padding:0;}
/*=======================================*/
#full{width:100%;margin: 0px auto;overflow-x:hidden;background:#f8f8f8;}
/*commont*/
.text{text-align:justify;line-height:2em;}
.text img{max-width:100%;}
.clear{display:block;clear:both;}
.l50{width: 50%;float: left;padding-right: 10px;}
.r50{width: 50%;float: right;padding-left: 10px;}
.w100{width: 100%;}
.mw100{max-width: 100%;vertical-align: middle;}
.padding0{padding: 0px}
.paddingright0{padding-right: 0px;}
.paddingleft0{padding-left: 0px;}
.top20{margin-top: 20px;}
.top15{margin-top: 15px;}
.top10{margin-top: 10px;}
.top5{margin-top: 5px;}
.row_min{margin:0px;}
.inline_block{display: inline-block;}
.transAll03{-webkit-transition:all .3s;transition:all .3s;}
.transAll1{-webkit-transition:all 1s;transition:all 1s;}
.center{text-align: center;}
.contain_alert{position: fixed;right:10px;top:10px;z-index: 9999;width:auto;}
.my_alert{z-index: 100;}
/*TOP*/
#top{color:#FFF;font-weight:500;text-align:center;position:fixed;bottom:4px;right:18px;display:none;cursor:pointer;z-index: 100;}
#top:hover{}
/*++++++++++Lien he+++++++++++*/
.tablelienhe{}
.tablelienhe span {color:#F00;}
.tablelienhe .my_cell {padding:5px 0px;vertical-align:top;}
.tablelienhe .my_cell  label{font-size: 12px;color:#404040;font-weight: bold;}
.tablelienhe .cell_title{text-align: right;padding-right: 15px;}
.tablelienhe .input {height: 32px;padding: 5px;border: 1px solid #d1d1d1;line-height: 20px;color: #666;font-size: 12px;box-sizing:border-box;outline:none; background: #fdfdfd;padding-left: 30px; width: 100%;}
.tablelienhe textarea.input{padding: 10px;}
.tablelienhe .input:focus{border-color:#33a3b3};
.tablelienhe textarea{padding: 5px;}
.tablelienhe .title {font-size:14px;font-weight:bold;text-transform:uppercase}
.button{display:inline-block;padding:5px 20px;border:1px solid #cdcdcd;cursor:pointer;background:#f0f0f0;color:#000;}
.button:hover{ border:1px solid #3399ff;}
.left_lienhe{width: 50%;box-sizing:border-box;padding-right: 10px;float: left;}
.right_lienhe{width: 50%;box-sizing:border-box;padding-left: 10px;float: right;}
.fa-contact{width: 33px;height: 32px;position: absolute;left: 0px;top:0px;line-height: 32px !important;font-size: 18px !important;text-align: center;color:#db2128;;}
.box_input_contact{position: relative;margin-bottom: 10px;}
.content_nd{padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.content_nd, .content_nd h3, .content_nd p{text-align: center !important;}
.box_bottom_contact{margin-top: 20px;}
.contain_map_lienhe{margin-top: 20px;}
.contain_map_lienhe iframe{width: 100%}
.tablelienhe .box_not_valid .fa-contact{color:#f00;}
/*notify_input*/
.notify_input{width: 13px;height: 13px;display: inline-block;background: url(../images/commont/icon_tip.png) top left no-repeat;position: absolute;top:50%;right: 5px;margin-top: -6px;cursor: pointer;}
.content_notify_input{position: absolute;right:100%;white-space: nowrap;background: #F2F2F2;padding: 2px 5px;border:1px solid #999;top:-5px;display: none;margin-right: 3px;}
.notify_input:hover .content_notify_input{display: block;}
.fa-contact{position: absolute;left: 0px;top:0px;}
/*inner*/
.inner{max-width:1200px;margin:0 auto;position:relative;}
/*header*/
#header{position:relative;width: 100%;margin: 0px auto;height:100px;}
#languages{position: absolute;top:40px;right: 0px;}
/*banner*/
#banner{height:auto;}
#banner h1{width:0px;height:0px;text-indent:-9999px;position:absolute;}
#language{position: absolute;top:10px;right: 0px;}
.logo{float: left;margin-top:26px;width:35%;}
.social_top{max-width: 150px;float: right;margin-top: 25px;}
.lienlac{width: 53%;float: left;font-family: 'RobotoMedium';margin-top: 32px;}
.address{width: 60%;float: left;padding-left: 65px;box-sizing: border-box;}
.hotline{width: 38%;float: right}
.img_hl{width: 25px;float: left;margin-right: 8px;}
.img_hl img{display: block;margin: auto;padding-top: 4px;}
.info_hl span{display: block;}
.name_lienlac{color: #333333;font-size: 13px;}
.color_address{color: #333333;font-size: 14px;font-family: 'RobotoRegular'}
.color_hotline{color: #c62833;font-size: 14px;}

.fixed{position: fixed !important;left: 0px;right: 0px;top: 0px;z-index: 9999;}
#menu{height:55px;background:#ed1e32;}
#menu ul.menu li{float:left;position:relative;}
#menu ul.menu li a{line-height:55px;font-size:14px;text-transform:uppercase; padding:0px 34px;color:#ededed;display:block;font-family: 'RobotoBold';white-space: nowrap;}
#menu ul.menu > li:first-child a{padding-left: 0px;}
#menu ul.menu li.menu_active a,#menu ul.menu li a:hover{color:#ff0;}
#menu ul.menu li ul{min-width:230px;position:absolute;top:100%;left:0;display:none;z-index:9999;}
#menu ul.menu li ul li{background:#ed1e32;display:block !important;float:none;border-bottom:1px solid #fff;text-align: left;}
#menu ul.menu li ul li:last-child{border-bottom: none;}
#menu ul.menu li ul li a{background:none !important;color:#fff !important;line-height:normal !important;padding: 12px 20px;}
#menu ul.menu li ul li a:hover{color:#ff0 !important;}
#menu ul.menu li ul li ul{top:0;left:100%;}
#menu ul.menu li .fa{line-height: 45px;font-size: 18px;}

#btn_menu_bootstrap{z-index:999;position: absolute;left: 10px;top:10px;height: 24px;width: 30px;display: none;}
#btn_menu_bootstrap span{background: #fff;content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top:50%;margin-top: -1px;}
#btn_menu_bootstrap:before{content: "";position: absolute;width: 100%;height: 2px;background: #fff;top:0;left:0;}
#btn_menu_bootstrap:after{content: "";position: absolute;width: 100%;height: 2px;background: #fff;bottom:0;left:0;}
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after{
    transform-origin:left 1px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.move_btn_bootstrap:before{transform:rotate(45deg);}
.move_btn_bootstrap:after{transform:rotate(-45deg);}
.move_btn_bootstrap span{left: -200% !important;}
/*search*/
#timkiem{width: 230px;height: 38px;position: absolute;right: 0px;top: 5px;}
#timkiem input[type="text"]{outline:none;background:none;border:none;padding: 10px 0px 3px;width:100%;box-sizing: border-box;font-size: 14px;font-family: 'RobotoRegular';color: #fff;border-bottom: 1px solid #fb4859;}
#timkiem input::placeholder{font-size: 13px;color: #fdbdbd;}
#intsearch{height:16px;width:18px;cursor:pointer;background:url(../images/search.png) no-repeat;outline:none;border:none;position: absolute;right: 0px;bottom: 10px;}

/*** Result tra cuu ***/
.xuly{font-family: 'Arial';font-size: 12px;color: #000;font-style: italic;text-decoration: underline;color: #333;text-align: center}
.tracuu_error{text-align: center;color: #ed1d24;font-size: 15px;font-family: 'Arial';text-transform: capitalize;font-style: italic;}
.status{margin-top: 30px;margin-bottom: 15px;}
/*.status ul li {float: left;text-align: center;width: 20%;}*/
.status ul li {text-align: center;width: 100%;}
.status ul li .wrap a{display: block;position: relative;z-index: 99}

.status .wrap {position: relative;}
.box1 p, .box2 p, .co2 p{color: #ed1d24;margin-top: 5px;font-size: 17px;}
.box1 span, .box2 span, .co2 span{color: #333;font-size: 16px;text-transform: uppercase;font-family: 'Arial';margin-bottom: 5px;display: inline-block;}
.co2{ border-left:1px solid #e0e0e0}

/*.status ul li .wrap:before{
    content:"";
    position:absolute;
    height:4px;
    background:#ed1d24;
    top:20px;
    width:100%;
    z-index:4;
    left:0
}*/

@media (max-width: 767px) {
    .status ul li .wrap:before{display: none;}
    .status ul li .wrap{margin-top: 10px;}
}

.status ul li .wrap span{display:inline-block;margin-top:60px;text-transform: uppercase;font-size: 14px; border-radius: 3px;color: #fff;}
.status .act .txt-active {padding: 12px 20px !important;background: #ed1d24 !important;}
.status ul li .wrap span:first-child{
    position:absolute;
    width:24px;
    height:24px;
    background:#778184;
    color:#fff;
    border-radius:50%;
    z-index:10;
    top:10px;
    left:calc(50% - 12px);
    line-height:24px;
    font-size:12px;
    margin-top:0
}
.status ul li:first-child .wrap:before{width:50%;left:50%}
.status ul li:last-child .wrap:before{width:50%}

.status .act .active {
    width: 44px !important;
    height: 44px !important;
    border: 3px solid #ed1d24 !important;
    background: #fff !important;
    color: #ed1d24 !important;
    line-height: 37px !important;
    font-size: 14px !important;
    top: 0 !important;
    left: calc(50% - 22px) !important;
}

.col2 p{color:#ed1d24;font-size: 12px;}
.col2 span{
    margin-bottom:10px;
    display:block;
    color:#494949
}
.col2>*:last-child{margin-bottom:0}
.table_info table.table{margin-top:45px;    margin-bottom:0}
.table_info table.table tr th{background:#333f48;color: #fff;text-transform: uppercase;font-family: 'Arial';text-align: center;padding: 10px 0px;}
.table_info table.table tr td{
    font-size:14px;
    border-left:1px solid #e0e0e0;
    border-bottom:1px solid #6a7278;
    color:#333;
    background:#fff;
    padding:15px;
    font-family: 'Arial';
    text-align: center;
}
.table_info table.table tr td:first-child{border-left:none;width:18%;text-align:center}
.table_info table.table tr td:first-child span{
    width:24px;
    height:24px;
    line-height:24px;
    color:#333;
    font-size:12px;
    border-radius:50%;
    display:inline-block
}
.table_info table.table tr td:nth-child(2){ width:26%}
.table_info table.table tr td:last-child{ width:45%}

@media (max-width: 767px) {
    .table_info table.table tr td:nth-child(2){
        width:10%;
    }
    .table_info table.table tr td:last-child{
        width:10%
    }
}


/*slider*/
.slider_category{margin:15px auto 30px auto;}
#slider{margin:auto;position:relative;box-shadow: none;}
.contain_slider{position: relative;max-width:912px;float: right;}
/*left*/
#left{float:left;width:25%;padding-left:20px;box-sizing: border-box;}
.sub_left{margin-bottom:20px;}
.title_left{height:45px;background:#3399FE;}
.title_left span{font-size:15px;color:#fff;font-weight:normal;text-align:center;text-transform:uppercase;line-height:45px;display: block;font-family: 'RobotoBold';}
/*main*/

#main{width:75%;float: left;padding-right:10px;box-sizing: border-box;}
.sub_main{margin-bottom: 20px;}
.title_main{margin-bottom:10px;text-align: center;color:#c72528;text-transform:uppercase;font-size:30px;font-family: 'OswaldBold';position: relative;}

#tracuu{padding: 27px 0px;background-color: #9c9a9a;display: flex;justify-content:center;align-items: center;}
#tracuu span{font-size: 20px;color: #fff;font-family: 'RobotoLight';margin-right: 20px;text-transform: capitalize;}
#tracuuform{position: relative;width: 49%;}
#tracuuform input{padding: 12px 20px;box-sizing: border-box;background: #fff;outline: none;border: none;font-size: 15px;color: #000;font-family: 'RobotoRegular';width: 80%;}
#tracuuform input::placeholder{font-size: 13px;color: #808080;}
#btnkiemtra{padding: 12px 37px;font-size: 15px;font-family: 'RobotoMedium';color: #fff;background: #ed1c24;outline: none;border:none;position: absolute;right: 0px;top: 0px;}

/*#tracuu{padding: 27px 0px;background-color: #9c9a9a}
#tracuu span{font-size: 20px;color: #fff;font-family: 'RobotoLight';margin-right: 20px;text-transform: capitalize;display: block;text-align: center;margin-bottom: 15px;}
#tracuuform{position: relative;width: 100%;}
.box_tracuu{width: 88.9%;}
#tracuuform input{padding: 12px 20px;box-sizing: border-box;background: #fff;outline: none;border: none;font-size: 15px;color: #000;font-family: 'RobotoRegular';width: 32%;float: left;margin-right: 14px;}
#tracuuform input:nth-child(3){float: right;}
#tracuuform input::placeholder{font-size: 13px;color: #808080;}
#btnkiemtra{padding: 12px 37px;font-size: 15px;font-family: 'RobotoMedium';color: #fff;background: #ed1c24;outline: none;border:none;position: absolute;right: 0px;top: 0px;}*/

#dichvu{padding-bottom: 30px;padding-top: 30px;}
.box_dv .img_dv img{border-radius: 10px;}
.box_dv h3{margin: 20px 0px 15px;border-bottom: 1px solid #e0e0e0;padding-bottom: 12px;}
.box_dv h3 span{display: inline-block;color: #ed1c24;font-family: 'OswaldMedium';margin-right: 5px;}
.box_dv h3 a{color: #343434;font-size: 20px;text-transform: uppercase;font-family: 'OswaldMedium'}
.box_dv p{color: #343434;font-size: 14px;font-family: 'RobotoRegular';line-height: 27px;}
.dichvu_views_owl{color: #343434;font-size: 14px;font-family: 'RobotoMedium';display: inline-block;margin-top: 8px;}
.dichvu_views_owl:hover{color: #343434}
.dichvu_views_owl svg{width: 10px;position: relative;margin-left: 5px;transform: rotate(-90deg);top: 3px;}

#visao{padding: 70px 0px;background-size: cover;}
#visao .title_main{color: #fff;}
.after span{width: 20px;background-color: #fff;height: 2px;display: inline-block;margin-right: 3px;}
#visao_owl{margin-top: 40px;}
.item_visao{text-align: center;font-family: 'RobotoRegular'}
.item_visao img {margin: 0 auto 30px;width: auto !important;}
.item_visao h3{font-size: 18px;color: #fff;padding: 0px 12px;box-sizing: border-box;}
#visao_owl .owl-nav {display: block !important;}
#visao .owl-nav > button {position: absolute;top: 40%;}
#visao .owl-prev {left: 0;}
#visao .owl-next {right: 0;}
.owl-prev:focus, .owl-prev:active, .owl-next:focus, .owl-next:active{outline: none !important}
/*home*/
#register_email{padding: 48px 0px 35px;}
.quangcao{padding-left: 0px;max-height: 363px;overflow: hidden;}
.form{padding-right: 0px;max-height: 363px;overflow: hidden;}
.inner_form{}
#frmDK{border: 1px solid #e0e0e0;border-top: 3px solid #e0e0e0;padding: 22px 25px 32px;box-sizing: border-box;height: 363px;}
.title_form{color: #333333;text-transform: uppercase;font-family: 'RobotoBold';font-size: 14px;margin-bottom: 15px;}
#frmDK input.form-control{height:38px;border-radius: 0px;border: 1px solid #e0e0e0;margin-bottom: 16px;font-size: 13px;font-family: 'RobotoMedium';color: #000;box-shadow: unset;-webkit-box-shadow:unset;}
#frmDK .form-control::placeholder, #frmDK textarea::placeholder{color: #000;}
#frmDK input.form-control:nth-child(1), #frmDK input.form-control:nth-child(3){width:49%;float: left;}
#frmDK input.form-control:nth-child(2), #frmDK input.form-control:nth-child(4){width:49%;float: right;}
#frmDK textarea{padding: 10px 15px;width: 100%;border: 1px solid #e0e0e0;font-size: 13px;font-family: 'RobotoMedium';color: #000;}
.title_mail{text-align: center;text-transform: uppercase;font-size:24px;font-family: 'RobotoBold';margin-top: -10px;margin-bottom:5px;color:#3c3c3c;}
.inner_email p{margin-bottom:4px;text-align: center;font-size: 14px;font-family: 'RobotoRegular'}
.inner_email > span{display:block;text-align: center;font-size: 14px;font-family: 'RobotoRegular';margin-bottom:10px;}
.btnGui{display: block;width:30%;height:43px;background-color:#ed1e32;color:#fff;text-transform: uppercase;font-size: 14px;font-family: 'RobotoMedium';border:none;text-align: center;margin-top: 13px;}

.bannerControls{display: none;}
#info_consult{background:#fff;padding:35px 0px;}
.box_news_owl{position: relative;color: #fff;}
.info_news_owl{width:90%;margin:0px auto;bottom:10px;left:0px;right:0px;position: absolute;}
.info_news_owl h3 a{font-size:14px;font-weight:normal;font-family: 'RobotoBold';text-transform: uppercase;color:#fff;display:block;margin-bottom:5px;}
.info_news_owl p{font-size:13px;line-height:27px;}
.view_news_owl{color:#fff;display: block;margin:5px 0px 0px;font-size: 13px;font-family: 'RobotoMedium';text-transform: uppercase;}
.view_news_owl:hover{color:#fff;}
.after{text-align: center;margin-bottom: 25px;}
.prev_news, .next_news{position: absolute;cursor: pointer;z-index: 9;top: -40px;right: 0px;}
.prev_news{right: 35px;}
.pos_news{position: relative;}
/*product*/
.row_product{margin-right:-15px;margin-left:-15px;}
.col_product{padding-left:15px;padding-right:15px;}
.box_product{margin-bottom:30px;background:#f2f2f2;}
.img_product{text-align:center;overflow:hidden;display: block;position: relative;}
.img_product img {transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.img_product img:hover {transform: scale(1.2,1.2);-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);}

.name_product{font-size:15px;margin-top:15px;font-weight: normal;line-height:23px;}
.name_product a{color: #000;font-family: 'RobotoRegular';font-weight: normal;}
.price_product{margin-top:10px;font-family: 'RobotoRegular';position: relative;}
.price_product p{margin-bottom:0px;}
.price_product .price_old{text-decoration: line-through;font-size: 13px;}
.price_product .price_now{color:#f00;font-size: 17px;font-family: 'TahomaBold'}
.price_product span{cursor:pointer; display:block;width:82px;height:28px;line-height:28px;text-align: center;color:#fff;font-family: 'RobotoRegular';font-size: 13px;position: absolute;right:0px;top:10px;background:#3c3c3c}



.list_sub_img_detail{position: relative;}
.prev_sub_detail,.next_sub_detail{position: absolute;width: 28px;height: 28px;background: url(../images/icon_next_prev_common_owl.png);z-index: 10;top:50%;margin-top: -14px;}
.prev_sub_detail{background-position: 0px -28px;left: 0px;}
.prev_sub_detail:hover{background-position: 0px 0px;}
.next_sub_detail{background-position: -28px -28px;right: 0px;}
.next_sub_detail:hover{background-position: -28px 0px;}
#sub_img_detail{margin-top: 5px;}
.item_owl_sub{padding: 0px 2px;}
/*product detail*/
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;	}
.bottom_detail{margin-top: 20px;}
.info_detail{box-sizing:border-box;}
.item_info_detail{font-size: 13px;line-height: 20px;padding: 10px 0px;border-bottom: 1px solid #eee;}
.item_info_detail.name_detail h1{font-size: 25px;font-weight:600;color: #333;line-height: 25px;}
.item_info_detail span.price_now{font-size:24px;color:#f00;display: block;font-family: 'UTMAvoBold';float: left;}
.item_info_detail .price_old{font-family: 'UTMAvo';font-size:15px;color:#000;text-decoration: line-through;display: block;float: left;padding:0px 10px;}

.item_tab{
    text-decoration: none;
    float:left;
    color:#000;
    background:#fff;
    padding:8px 20px;
    margin-right:3px;
    cursor:pointer;
    border:1px solid #EEEEEE;
    border-bottom:none;
    font-weight:bold;
    font-size:13px;
    display: inline-block;
}
.item_tab:hover,.item_tab.active{
    display: inline-block;
    background:#0E70BB;
    color:#fff;
}
.contain_content_tab{
    border:1px solid #e0e0e0;
    padding:10px;
    background:#fff;
}
.content_tab{display: none;}
.content_tab.active{display: block;}

.sl_cart button{float: left;width:35px;height:30px;border:none;background:#ebedf0;outline: none;color:#6d6d6d;}
.sl{height:30px;width:50px;float: left;border:none;text-align: center;border:none;margin:0px 3px;outline: none}
.item_info_detail .btn{text-transform: uppercase;font-size:14px;font-family: 'RobotoBold'}

.btn_Cart_Detail{width:255px;color:#fff;height: 44px;display:inline-block;line-height:44px;text-align: center;cursor:pointer;font-family: 'RobotoRegular';font-size: 15px;margin-right:5px;border-radius:3px;}
.buy-now{background:#ffb916;}
.buy-now:hover{background:#e59b11;color:#fff;}
.buy-to-cart{background:#f57224;}
.buy-to-cart:hover{background:#d0611e;color:#fff;}
/*news*/
.tieude{font-size: 18px;font-family: 'RobotoBold';font-weight: normal;margin-bottom: 10px}
.box_news{margin-bottom:20px;border:1px solid #e0e0e0;padding:5px;box-sizing: border-box;}
.box_news_img{position: relative;display: block;}
.box_news_img a{display: block;position: relative;}
h3.box_news_name a{color:#333;font-weight: normal;font-family: 'RobotoBold';font-size: 14px;}
h3.box_news_name a:hover{color:#333;}
.box_news_mota{text-align:justify;line-height:22px;margin-top:5px;font-size: 13px;font-family: 'RobotoRegular';}

.othernews {border: 1px solid #DEDEDE;padding: 5px 10px;background: #F7F7F7;}
.othernews .cactinkhac {font-size: 20px;color: #000;    font-family: 'RobotoLight';}
.othernews ul.phantrang li {padding: 3px 5px 3px 18px;color: #AAAAAA;font-size: 15px;font-family: 'RobotoMedium'}
.othernews ul.phantrang li a {color: #333;transition: 0.4s all ;}
.othernews ul.phantrang li a:hover {color: #ed1e32;padding-left: 10px;transition: 0.4s all;}
.othernews ul.phantrang li span{color: #000;font-size: 13px;font-family: 'RobotoLight';font-style: italic;}

/*news other*/
.title_news_other{font-size: 20px;color:#222;margin-bottom: 15px;}
.bor-box .i-title {
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 20px;
}
.item_news_other{width: 100%;margin-bottom: 15px;box-sizing:border-box;}
.name_news_other{font-size: 13px;line-height: 20px;font-weight: bold;color:#000;}
.name_news_other:hover{color:#f00;}
.img_news_other{width: 40%;float: left;padding-right: 10px;box-sizing:border-box;}
.right_news_other{width: 60%;float: right;}
.img_banner img{width: 100%;}

/*footer*/
#footer{background:#ed1e32;width:100%;margin: 0px auto;position: relative;padding: 50px 0px 30px;}
#footer::before{width: 50%;height: 173px;background: url(../images/bgfooter.png) left top no-repeat;left: 10%;top: 0px;position: absolute;content: '';}
.content_footer_full{}
.name_company{font-family: 'RobotoBold';text-transform: uppercase;font-size:24px;color:#fff;}
.title_footer{text-transform: uppercase;font-size:14px;color:#fff;font-family: 'RobotoBold';margin-bottom:8px;position: relative;}
.item_footer{float: left;position: relative;}
.item_footer:nth-child(1){width: 35%;padding-right: 30px;box-sizing: border-box;}
.item_footer:nth-child(2){width: 15%;}
.item_footer:nth-child(3){width: 18%;margin-left: 30px;}
.item_footer:nth-child(4){width: 300px;float: right}
.item_footer ul li h3 a{font-weight:normal; color:#fff;display:inline-block;padding:8px 0px;font-size:13px;font-family: 'RobotoRegular';}
.item_footer ul li h3 a:hover{text-decoration:underline;}
.item_footer ul{margin-bottom:15px;}
.item_footer .bct{display: block;text-align: center;margin-top: 30px;}
.social{margin-top: 15px}
.social span{display:inline-block;float: left;line-height:43px;color:#fff;padding-right:10px;}
.social img{margin-right:5px;border-radius: 50%}
.content_footer{color:#fff;margin-top:15px;}

#doitac{padding:40px 0px;border-top: 1px solid #e0e0e0;}
#doitac a{display: block;position: relative;}
#doitac .owl-item:first-child a::after, #doitac .owl-item:last-child a::after{display: none}
#doitac a::after{width: 1px;height: 95%;top: 50%;transform: translateY(-50%);position: absolute;content: '';border-right: 1px dashed #d2d2d2;right: 0px;}
#doitac a img, .quangcao a img{width: auto !important}

.dangkymail{position: relative;}
.dangkymail .input{outline: none;background:#d81528;border:none;width: 100%;color: #fff;font-size: 15px;font-family: 'RobotoMedium';height: 50px;border-radius: 30px;padding-left: 20px;}
.dangkymail .input::placeholder{font-size: 13px;font-style: italic;color: #f58a95}
#intsm{outline: none;border: none;background: url(../images/gui.png) no-repeat;right: 7px;top: 7px;position: absolute;content: '';width: 37px;height: 37px;}
.slogan_mail, .slogan_email{color:#fff;font-size: 13px;font-family: 'RobotoRegular';display:block;margin-bottom: 15px;}
.slogan_email{color: #333333;font-size: 14px;text-align: center;}

.content_footer{color: #fff;font-family: 'RobotoMedium';font-size: 13px;}
.content_footer p{padding: 5px 0px;padding-left: 42px;line-height: 25px;}
.diachi_footer{background: url(../images/diachi_ft.png) left no-repeat;}
.phone_footer{background: url(../images/dienthoai_ft.png) left no-repeat;}
.email_footer{background: url(../images/email_ft.png) left no-repeat;}

#main_video_owl, #sub_video_owl, .item_video{width:100%;}
#sub_video_owl{position: relative;}
.next_video, .prev_video{position: absolute;width: 28px;height: 28px;z-index: 10;top:50%;margin-top: -14px;cursor: pointer;}
.prev_video{background: url(../images/icon_next_prev_common_owl.png) 168px 0;left: 0px;}
.next_video{background: url(../images/icon_next_prev_common_owl.png) 142px 0;right: 0px;}
#owl_video{height:107px;position:relative;overflow: hidden;}

#bottom{background:#cc1b2c;padding:15px 0px;color:#fff;font-size: 13px;font-family:'RobotoRegular'}
.copyright{text-align: center;}
.copyright span{text-transform: text-transform: uppercase;}
.counter{float: right;text-align: right;}
.counter span{padding-left:15px;position: relative;}
.online::after {
    width: 1px;
    height: 10px;
    background: #fff;
    right: -10px;
    top: 3px;
    position: absolute;
    content: '';
}
/* Feel free to change duration  */ 
.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
/**** fb + zl + fixphone ***/
#footer1{display: none;z-index:1000;position: fixed;bottom: 0;width: 100%;left: 0;}
#footer1 table{width:100%;text-align:center;margin:auto;background: #0351a6;}
#footer1 img {width: 30%;max-width: 35px;vertical-align: middle;}
#footer1 a {color:#fff; text-decoration:none}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.footerSlideContent{ display:none;}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 15px; bottom: 160px; z-index: 9999;}
#btn-zalo i { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle; }
.kenit-alo-circle-fill {width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.kenit-alo-circle {width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
/******/

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/****/
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{
    display:none;
    position:fixed;
    text-align:center;
    border-radius:10px;
    overflow:hidden;
    font-size:12px;
    line-height:1;
    padding:10px;
    border:1px solid rgba(0,0,0,0.1);
    box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;
    z-index:1.0E+30;
    color:#404040;
    background:#fff;
    bottom:97px;
    right:97px
}
.js-facebook-messenger-close-tooltip{
    width:10px;
    height:10px;
    display:inline-block;
    cursor:pointer;
    margin-left:10px
}
.js-facebook-messenger-box.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
.js-facebook-messenger-box.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.js-facebook-messenger-box{
    width:60px;
    height:60px;
    display:block;
    position:fixed;
    cursor:pointer;
    text-align:center;
    line-height:60px;
    background:#1182FC;
    border-radius:100%;
    overflow:hidden;
    -webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);
    -moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);
    box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);
    bottom:80px;
    right:15px;
}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{
    width:30px;
    height:30px;
    position:absolute;
    top:15px;
    left:15px;
    opacity:1;
    overflow:hidden;
    -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
    -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
    -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
    transition:opacity 160ms ease-in-out,transform 160ms ease-in-out
}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{
    opacity:0;
    width:20px;
    height:20px;
    position:absolute;
    top:20px;
    left:20px;
    -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
    -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
    -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
    transition:opacity 160ms ease-in-out,transform 160ms ease-in-out
}

.js-facebook-messenger-container{
    position:fixed;
    opacity:0;
    border-radius:10px;
    pointer-events:none;
    box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);
    -webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;
    -moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;
    -o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;
    transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;
    transform:translateY(50px);
    bottom:140px;
    right:35px;
    z-index: 99999999;
}
.js-facebook-messenger-top-header{
    display:block;
    position:relative;
    width:300px;
    background:#1182FC;
    color:#fff;
    text-align:center;
    line-height:1;
    padding:10px;
    font-size:14px;
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}