@import url("my_css/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;}
ol, ul{margin:0;padding:0;}
/*=======================================*/
#full{width:100%;margin: 0px auto;min-width: 1349px;}
/*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;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.paddingleft0{padding-left: 0px;}
.top20{margin-top: 20px;}
.top15{margin-top: 15px;}
.top10{margin-top: 10px;}
.top5{margin-top: 5px;}
.row_min{margin:0px;}
.row_sanpham{margin-left:-15px;margin-right: -15px;}
.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;}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(../images/commont/load_page.gif) center no-repeat rgba(255,255,255,0.90);
    background-size:100px 100px;
}
/*TOP*/
#top{color:#FFF;font-weight:500;text-align:center;position:fixed;bottom:4px;right:10px;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:#CCC1C1;}
.box_input_contact{position: relative;margin-bottom: 10px;}
.contain_map_lienhe{margin-top: 20px;}
.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: 150px;background-position: top center;background-repeat: no-repeat;background-size:cover;}
#languages{position: absolute;top:0px;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;width:220px;margin-top:20px;margin-left: 20px;}
.company{width:573px;padding-top:15px;float: left;margin-left:45px;}
.hotline_top{position:absolute;right:0;top:70px;}
.right_hotline{width:124px;float:left;}
.left_hotline{width:155px;float: left;text-align: right;padding-right:10px;box-sizing: border-box;}
.left_hotline p{font-family: 'SairaRegular';font-size: 15px;margin-bottom: 2px;}
.left_hotline span{font-family: 'UTMHelvetIns';font-size:20px;background: url(../images/icon_holine.png) left center no-repeat;padding-left:28px;height: 24px;display: inline-block;}
.hotline_top .right_hotline p{margin-bottom: 5px;font-size:20px;font-family: 'UTMHelvetIns';text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;color:#f00;}
.social_top{float: right;margin-top: 15px;}
/*menu top*/
.fixed{position: fixed !important;left: 0px;right: 0px;top: 0px;z-index: 9999;}
#menu{height:50px;background:#258265;}
#menu ul li{float:left;position:relative;border-right: 0.5px solid #3B8F75;}
#menu > .inner > ul > li:last-child{border-right: none;}
#menu ul li a{line-height:50px;font-size:15px;padding:0px 25px;color:#fff;display:block;font-family: 'OpenSansBold';text-transform: uppercase;}
#menu ul li.menu_active a,#menu ul li a:hover{color:#fff;background:#ED1C24;}
#menu ul li ul{width:230px;position:absolute;top:100%;left:0;display:none;z-index:9999;}
#menu ul li ul li{background:#258265;display:block !important;float:none;border-bottom:0.5px solid #3B8F75;}
#menu ul li ul li:last-child{border-bottom: none;}
#menu ul li ul li a{background:none !important;color:#fff !important;line-height:normal !important;padding: 10px 25px;}
#menu ul li ul li a:hover{color:#fff !important;background:#ED1C24 !important;}
#menu ul li ul li ul{top:0;left:100%;}
#menu ul li .fa{line-height: 45px;font-size: 18px;}


/*search*/
#timkiem{width:196px;height:28px;background:#fff;position:absolute;right:0;top:10px;display:none;}
#timkiem input[type="text"]{outline:none;background:none;border:none;height:28px;width:155px;padding-left:10px;}
#timkiem #btn{height:28px;width:30px;cursor:pointer;float:right;position:absolute;right:0;top:0;background: none;outline:none;border:none;}
/*slider*/
#slider{margin:auto;position:relative;margin-bottom:0px;box-shadow: none;}
.contain_slider{position: relative;}

#container{margin-top: 20px;}
.sub_main{margin-bottom: 20px;}
.content_main{padding: 10px 0px;}
.title_main{margin-bottom:10px;text-align: center;}
.title_main span{color:#000;font-weight:normal;display: block;font-size:30px;font-family: 'SVNAgudaBlack';text-transform: uppercase;}
.slogan_home{text-align: center;font-family:'RobotoRegular';font-size: 15px;margin-bottom: 10px;background:url(../images/title.png) bottom center no-repeat;padding-bottom:35px;}
/*product*/
.row_sanpham{margin-right: -10px;margin-left: -10px;}
.box_sanpham{float:left;margin-bottom:30px;width: 25%;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
.img_sanpham{text-align:center;overflow:hidden;}
.img_sanpham img {display:block;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.img_sanpham 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_sanpham{text-align:center;text-transform:uppercase;margin-top:10px;}
.name_sanpham h2{font-size: 15px;color: #000;font-family: 'SVNAgudaBlack';font-weight: normal;}
.gia_sanpham{text-align:center;margin-top:5px;font-family: 'RobotoRegular';font-size: 14px;}
.gia_sanpham span{color:#f00;}

.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*/
.img_detail{width: 500px;float: left;}
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;}
.bottom_detail{margin-top: 20px;}
.info_detail{box-sizing:border-box;width:650px;float: right;}
.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.gia_detail span{font-size: 18px;color:#f00;}

.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;}
/*news*/
.box_news{display: block;margin-bottom: 20px;width:580px;float:left;}
.box_news:nth-child(2n+2){float: right;}
.box_news_img{float:left;overflow:hidden;padding: 0px;position: relative;width: 200px;margin-right: 10px;}
.box_news_img a{display: block;position: relative;}
.box_news_name h3 a{color:#000;}
.box_news_name h3 a:hover{color:#f00;}
.box_news_mota{text-align:justify;line-height:22px;margin-top:5px;}
.box_news_readmore{text-align:right;float:right;}
.box_news_readmore a:hover{color:#000;}
.box_news_readmore a{display:inline-block;color:#f00;font-weight:bold;font-style: italic;}
/*news other*/
.title_news_other{font-size: 20px;color:#222;margin-bottom: 15px;}
.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:200px;float: left;padding-right: 10px;box-sizing:border-box;}
.right_news_other{width:970px;float: right;}
/*news two column*/

/*doitac*/
#doitac{background:#fff;padding: 15px 0px;}
.item_doitac img{}
.contain_owl_doitac{position: relative;}
.next_doitac{position: absolute;right:0px;top:50%;margin-top: -10px;z-index:100;}
.prev_doitac{position: absolute;left:0px;top:50%;margin-top: -10px;z-index:100;}
/*footer*/
#footer{background:#ED2228;padding:35px 0px 20px 0px;width:100%;margin: 0px auto;}
.left_footer{width: 500px;float: left;color:#fff;}
.mid_footer{width: 265px;margin-left:15px;float: left;}
.right_footer{width: 335px;float: right;}
.name_company{text-transform: uppercase;font-family: 'UTMHelvetIns';color:#fff;font-size: 25px;margin-bottom: 15px;}
.left_footer .content_footer{line-height: 26px;font-size: 14px;font-family: "SairaRegular";}
.title_footer{text-transform: uppercase;color:#fff;font-family: 'SairaRegular';font-size: 17px;position:relative;margin-bottom: 15px;}
.title_footer::after{width: 50px;height: 1px;background: #fff;left: 0px;bottom:-5px;position: absolute;content:'';}
.mid_footer ul li a{display: block;color:#fff;font-size: 14px;font-family: 'SairaRegular';padding-bottom:5px;}
.mid_footer ul li a:hover{text-decoration:underline;}
.bct{display: block;margin-top: 10px;}
#bottom{height:60px;background: #D41E23;font-family: 'SairaRegular';font-size: 14px;line-height:60px;}
.copyright{color:#E4464B;float: left;width: 600px;}
.copyright span{color:#fff;}
.counter{width: 600px;float: left;text-align:right;color: #fff;}
.counter span {padding-left: 20px;}
.social-footer{margin-top: 10px;}
.social-footer img{margin-right: 5px;}
/*thong ke*/
.list_thongke{max-width:220px;margin:20px auto;}
.list_thongke li{padding: 5px 0px;font-size: 15px;color:#000;padding-left: 25px;}
.list_thongke li.tk_online{background: url(../images/icon_online.png) left center no-repeat;}
.list_thongke li.tk_week{background: url(../images/icon_week.png) left center no-repeat;}
.list_thongke li.tk_today{background: url(../images/icon_month.png) left center no-repeat;}
.list_thongke li.tk_all{background: url(../images/icon_all.png) left center no-repeat;}



/*video*/
.box_video{width:100%;margin: 5px auto;position: relative;}
#list_video{width: 100%;height: 25px;line-height: 25px;}


/*news scroll*/
.img_news_scroll{width:30%;float: left;}
.right_news_scroll{width: 68%;float: right;}
.contain_news_scroll .vert,.contain_news_scroll .vert .simply-scroll-clip{height: 340px !important;width: 100% !important;margin-bottom: 0px !important;}
.contain_news_scroll .vert .simply-scroll-list li{width: 100% !important;height: auto !important;padding: 5px 0px;}
.contain_news_scroll .vert .simply-scroll-list li img{max-width: 100% !important; }
/*.name_news_scroll h3{font-size: 13px;color:#6c6c6c;line-height: 15px;font-weight: bold;}*/
.name_news_scroll a{font-size: 13px;color:#000;line-height: 15px;font-weight: bold;display: block;white-space: normal;overflow: ellipsis;}
.des_news_scroll{color:#000;font-size: 13px;line-height: 20px;max-height: 44px;overflow: hidden;text-align: justify;margin-top: 5px;}
.date_news_scroll{margin: 3px 0px;color:#f00;}

#about{padding:35px 0px;}
.right_about{width: 555px;float: right;position: relative;display: none;}
.prev_about,.next_about{position: absolute;width:40px;height:40px;top:45%;z-index: 99;cursor: pointer;}
.prev_about{left: 10px;background: url(../images/prev_about.png);}
.next_about{right: 10px;background: url(../images/next_about.png);}
.left_about{width: 100%;float: left;}
.title_about{font-family: 'RobotoRegular';font-size: 14px;}
.name_about{text-transform:uppercase;font-size:30px;font-family: 'SVNAgudaBlack';margin-bottom: 10px;}
.info_about{font-size: 14px;line-height: 26px;font-family: 'RobotoRegular';}
.view_about{width:120px;height: 42px;display:block;margin-top: 20px;background:#F8CF35;color:#000;text-align: center;line-height: 42px;font-size: 18px;font-family: 'RobotoRegular';position: relative;}
#qc{margin-bottom: 30px;}

.row_service{margin-right: -12px;margin-left: -12px;}
.col_service{width:25%;float: left;padding-left:12px;padding-right:12px;box-sizing: border-box;}
.box_service{margin-bottom:24px;}
.name_service{position:relative;width:242px;height: auto;background:#fff;-moz-box-shadow: 0 2px 5px #e0e0e0;-webkit-box-shadow: 0 2px 5px #e0e0e0;box-shadow: 0 2px 5px #e0e0e0;display: block;margin:-25px auto 0px auto;text-align: center;line-height:50px;font-family: 'SairaRegular';font-size: 19px;color:#000;z-index: 99;}
.box_service:hover .name_service{background:#F8CF35;}
.img_service{position: relative;}
.hover{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;width: 100%;height: 100%;position: absolute;top:0px;left: 0px;z-index:9;visibility: hidden;opacity:0;transition: 0.3s all;background:rgba(0,0,0,0.55);}
.box_service:hover .img_service .hover{visibility: visible;opacity: 1;}
.hover a,.hover span{display: block;}
.hover span{font-size: 19px;color:#fff;font-family: 'SairaRegular';}
.hover p{font-family: 'SairaRegular';font-size: 19px;color:#F8CF35;}
#construction{background:#F5F5F5;padding:40px 0px;}
.box_construction{float: left;width:25%;position: relative;}
.box_construction img{display: block;}
.hover_construction{visibility: hidden;opacity: 0;transition: 0.3s all; position: absolute;width: 100%;height: 100%;top:0px;left: 0px;background: rgba(0,0,0,0.30);display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.hover_construction h3 a{margin-bottom:6px; font-weight: normal;font-family: 'RobotoRegular';font-size:23px;color:#F8CF35;text-transform: uppercase;}
.hover_construction p{width:265px;text-align: center;color:#fff;font-size: 15px;line-height: 23px;font-family: 'SairaRegular';margin:10px 0px;}
.action_construction a{display: inline-block;float: left;padding:5px 15px;color:#000;font-family: 'SairaRegular';font-size: 14px;margin:10px 5px;}
.action_construction a:nth-child(1){background:#F8CF35; }
.action_construction a:nth-child(2){background:#fff;}
.box_construction:hover .hover_construction{visibility: visible;opacity: 1;}
#news_fanpage_online{padding:30px 0px;}
.item_box{width:370px;float: left;margin-right:45px;overflow: hidden;}
.item_box:last-child{margin-right: 0px;}
.item_box .title{text-transform: uppercase;font-size:25px;font-family: 'SVNAgudaBlack';margin-bottom: 15px;}
.slogan_online{font-family: 'SairaRegular';font-size: 14px;}
.item_box ul li{margin-top: 15px;}
.item_box ul li .icon{width: 122px;float: left;}
.item_box ul li .info{width:238px;float: left;margin-left: 10px;}
.item_box ul li .info p{font-family: 'SairaRegular';font-size: 13px;}
.item_box ul li .info p:nth-child(1){font-size: 16px;text-transform: uppercase;}
.item_box ul li .info p:nth-child(2) span{color:#f00;}
.item_box ul li .info p:nth-child(3) span{color:#4267B2;}
.info a{margin-left: 5px;display: inline-block;}
.btnContact{display: block;margin-top: 5px;}