/*reset*/
* {padding:0;margin:0;}
a {text-decoration:none;}
body {font-family:'Arial', 'Helvetica', 'sans-serif';font-size:15px;position: relative;box-sizing:border-box;}
/*=======================================*/
a:focus,a:hover{text-decoration:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;line-height: normal;font-weight:normal;}
ol, ul{margin:0;padding:0;}
img{max-width:100%; height:auto !important;}
/*=======================================*/
#full{max-width:1440px; min-width:1280px; width:100%; overflow:hidden; margin: 0px auto;background:#fff;}
/*commont*/
.text{text-align:justify;line-height:2em; }
.text img{max-width:100%;height:auto;}
.w100{width: 100%;}
.mw100{max-width: 100%;vertical-align: middle;}
.grecaptcha-badge{display:none !important;}
.contain_map_lienhe iframe{width:100%;}
ul.style-none{list-style:none}
/*TOP*/
.fb-comments iframe{ width:100% !important;}
.h2,#header h1{width:0px;height:0px;font-size:0;text-indent:-9999px; position:absolute;}

.zalo-share-button{ float:left; margin-right:3px; }
.addthis_toolbox{ float:left;}
  
.logo{ position:absolute; top:15px; left:0px; transition:all 0.3s; z-index:100; }
.logo img{ position:relative; z-index:2; max-height:140px; transition:all 0.3s; }
   
/*search*/
#timkiem{width:225px; height:34px; z-index:999; background:#fff; position:absolute; top:101%; right:0px; display:none;}
#timkiem input[type="text"]{outline:none; border:none; height:34px; width: calc( 100% - 25px ); padding:0 10px; box-sizing: border-box; font-size: 13px; font-family: 'RobotoRegular'; color:#a0a0a0; position:relative; z-index:99; outline:none; background: none; }
#timkiem input::-webkit-input-placeholder{color:#a0a0a0;}
#timkiem input::-moz-placeholder{color:#a0a0a0;}
#timkiem input:-ms-input-placeholder{color:#a0a0a0;}
#timkiem input:-moz-placeholder{color:#a0a0a0;} 
#timkiem #btn{height:34px; width:25px;cursor:pointer; float:right; background: none; outline:none;border:none; color:#4d4d4d; font-size:16px; position:relative; z-index:99;}
 
 /*menu top*/

#wrap_menu{ z-index:99; height:92px; } 
#menu{ z-index:99; height:92px; transition:all 0.3s; background:#fdfcfc; border-bottom:4px solid #f94147; position:fixed; left:0px; top:0px; width:100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#DE0106)"; 
-moz-box-shadow: 0 0 5px rgba(222,1,6,0.4); 
-webkit-box-shadow: 0 0 5px rgba(222,1,6,0.4); 
box-shadow: 0 0 5px rgba(222,1,6,0.4); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#DE0106);} 
#menu .inner{ text-align:center; position:relative; padding-right:20px; } 
#menu ul.menu{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; float:right; width:calc( 100% - 185px ); transition:all 0.3s; }
#menu ul.menu li.li_menu{float:left; position:relative; height: 100%; -ms-flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: auto; padding:0px 1px; }
#menu ul.menu li.li_menu:last-child{ background:none;}
#menu ul.menu li.li_menu a.transitionAll{ line-height:88px; height:88px; font-size:15px;text-transform:uppercase; color:#333; display:block; font-family: 'RobotoMedium'; position:relative; padding:0px 20px; text-align:center; transition:all 0.3s; width: 100%;}
#menu ul.menu li.li_menu a.transitionAll::before{ content:''; width:1px; height:10px; background:#333; position:absolute; right:0px; top:39px; transition:all 0.3s;}
#menu ul.menu li.li_menu:last-child a.transitionAll::before{ display:none;}
#menu ul.menu li.li_menu:hover a.transitionAll,#menu ul.menu li.menu_active a.transitionAll{color:#f00;}
 

a.transitionAll{ text-transform:uppercase; }
#menu ul.menu li.li_menu ul{min-width:230px;position:absolute;top:100%;left:-10px;display:none;z-index:9999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 0 5px -2px rgba(0,0,0,0.7); 
-webkit-box-shadow: 0 0 5px -2px rgba(0,0,0,0.7); 
box-shadow: 0 0 5px -2px rgba(0,0,0,0.7); 
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
}
#menu ul.menu li.li_menu ul li{background:#fff;display:block !important;float:none;border-bottom:1px solid #959392;text-align: left; padding:0px ; position:relative;}
#menu ul.menu li.li_menu ul li::before{display:none;}
#menu ul.menu li.li_menu ul li a::before{display:none;}
#menu ul.menu li.li_menu ul li:last-child{border-bottom: none;}
#menu ul.menu li.li_menu ul li a{background:none !important;color:#000 !important;line-height:normal !important;padding: 10px 10px; display:block; height:auto; font-family: 'RobotoRegular';}
#menu ul.menu li.li_menu ul li a:hover{color:#f00 !important;}
#menu ul.menu li.li_menu ul li ul{top:0;left:100%;}
#menu ul.menu li.li_menu .fa{line-height: 50px; font-size: 18px;}

.fixed{position:fixed !important;left:0px;right:0px;top:0px;z-index:9999 !important;width:100%;margin:auto; }
.fixed .logo{ position:absolute; top:3px; left:0px; transition:all 0.3s; z-index:100; }
.fixed .logo img{ position:relative; z-index:2; max-height:92px; transition:all 0.3s; }
#menu.fixed ul.menu li.li_menu a.transitionAll{ line-height:76px; height:76px; transition:all 0.3s; }
#menu.fixed ul.menu li.li_menu a.transitionAll::before{ content:''; top:33px; transition:all 0.3s;}
#menu.fixed{ height:80px; transition:all 0.3s;}


.sr{ position:absolute; top:50%; transform:translateY(-50%); right:0px; width:20px; height:30px; line-height:30px; }

#btn_menu_bootstrap{z-index:999; position:relative; display:none; height:20px; width:26px; float: left; margin-top:7px;}
#btn_menu_bootstrap span{background: #00970c; content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top:50%;margin-top: -1px;}
#btn_menu_bootstrap i{ min-width: 100%; position: absolute; left: 50%; transform:translateX(-50%); top:100%; color: #00970c; text-align:center; font-size:11px; font-style:normal;}

#btn_menu_bootstrap:before{content: "";position: absolute;width: 100%;height: 2px;background: #00970c;top:0;left:0;}
#btn_menu_bootstrap:after{content: "";position: absolute;width: 100%;height: 2px;background: #00970c;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;opacity: 0 !important}
/*slider*/
.wrap_slider{ }
#slider{margin:auto;position:relative; margin:auto; box-shadow: none;}
.item-slider-owl{ position:relative;}
.item-slider-owl .ms-desc {position:absolute; top:50%; left:50%; transform: translate(-100%,-50%); z-index:2; max-width:600px; width:98%; }
.item-slider-owl .ms-desc .line-1{font-size:36px; line-height:1.1; color:#f71010; font-family: 'UTM-HelvetIns';}
.item-slider-owl .ms-desc .line-2 { color:#1a1a1a; font-size:20px; font-family: 'RobotoLight';margin: 10px 0 10px; letter-spacing: 1px;}
.item-slider-owl .ms-desc a {margin-top:10px; display: inline-block; color: #fff; background:#00a0e3; width:140px; height:42px; line-height:42px; text-align:center; font-size:14px; font-family: 'RobotoRegular'; border-radius:20px; transition:all 0.3s; }
.item-slider-owl .ms-desc a:hover { color:#333; background: #fff;  }
 
 
.pagination>li>a{ color:#000;}
.pagination>li>a.current{ background:#f2f2f2; color:#000;}
/*main*/

.flex{ display:flex;}
.bg_about{ position:relative; overflow:hidden; background-size:cover; padding:60px 0; }
 
.left_about{ width:50%; float:left; padding-right:3%; align-self:center; }
.left_about1{padding-bottom:40px; background:url(../images/bg1.png) no-repeat bottom center;}
.title_about1{font-family: 'UVF-AphroditePro'; line-height:1; color:#ee8082; font-size:31px; position:relative; }
.title_about2{ font-family: 'SFU-DIN'; line-height:1; color:#de0106; font-size:63px; position:relative; margin-bottom:20px;}

.mota_about{color:#333333; line-height:1.7; font-size:15px; font-family:'RobotoRegular'; margin-bottom:20px}
.xemthem{ width:130px; height:42px; color:#fff; font-size:14px; text-align:center; line-height:38px; font-family: 'RobotoBold'; background:#de0106; border:2px solid #de0106; border-radius:20px; display:block; margin-top:20px; transition:all 0.3s; }
.xemthem i{ font-size:13px; }
.xemthem:hover{ color:#de0106; background:#fff; }

.right_about{width:50%; font-size:18px; font-family:'RobotoBold'; color:#000; float:right; align-self:center; position:relative; z-index:11; padding-bottom:65px;}
.right_about a:nth-child(1){width:100%; position:relative; z-index:0; border-radius:25px; display:block;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); 
-webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); 
box-shadow: 0 0 9px rgba(0,0,0,0.3); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color=#000000);}
.right_about a:nth-child(1)::before{ content:''; width:100%; height:100%; top:0px; left:0px; border:14px solid rgba(222,1,6,0.5); position:absolute;  border-radius:25px; z-index:10;}
.right_about a:nth-child(2){width:201px; position:absolute; bottom:0px; right:-40px; z-index:9; display:block; border-radius:50%; }
.right_about a:nth-child(2) img{ border-radius:50%;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 3px 9px rgba(0,0,0,0.3); 
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.3); 
box-shadow: 0 3px 9px rgba(0,0,0,0.3); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color=#000000);
}
.right_about img{ width:100%; position:relative; z-index:9; display:block;}
.right_about a:nth-child(1) img{ border-radius:25px;}
 
#container{ }
.mg40{margin-top:40px;}
#main{width:75%; float: left;padding-right:10px;box-sizing: border-box;}
.sub_main{margin-bottom: 30px;}
.wrap_spnoibat{ position:relative; padding:40px 0; }
 
.bg_sanpham{ padding:50px 0; position:relative; }
.bg0{ background:#fffee7;}
.xem_sp{ width:130px; height:42px; color:#de0106; font-size:14px; text-align:center; line-height:38px; font-family: 'RobotoBold'; background:transparent; border:2px solid #de0106; border-radius:20px; display:block; margin:auto; margin-top:30px; transition:all 0.3s; }
.xem_sp i{ font-size:13px; }
.xem_sp:hover{ color:#fff; background:#de0106; }

.set_flow:nth-child(1){position:absolute; left:0; top:0px; transform:translateY(-50%);}
.set_flow:nth-child(2){position:absolute; left:0; bottom:-30px; }
.set_flow:nth-child(3){position:absolute; right:0; bottom:-25px; }

.title_main1{margin-bottom:30px; position:relative; text-align:center; height:43px;}
.title_main1 span.main_name{ height:43px; line-height:43px; display:inline-block; color:#333333; font-size:40px;  font-family: 'SFU-DIN'; text-transform:uppercase; padding:0 20px; position:relative;}
.title_main1 span.main_name::before{content:''; position:absolute; right:100%; bottom:-15px; width:71px; height:89px; background:url(../images/tt1.png) no-repeat;  }
.title_main1 span.main_name::after{content:''; position:absolute; left:100%; bottom:-15px; width:71px; height:89px; background:url(../images/tt2.png) no-repeat;  }

.bg_dv{ padding:60px 0; margin-top:40px; background:#ececec}

.title_main2{margin-bottom:30px; text-align:center; font-family:'RobotoBold'; font-size:30px; color:#000; padding-bottom:5px; background:url(../images/line1.png) no-repeat bottom center;}


 

.wrap_news1{ padding:60px 0; position:relative; }
.wrap_news{ padding:60px 0;  position:relative; }
.sub_img{ padding:0 5px;}
.left_bottom{ width:49%; float:left; position:relative;}
.right_bottom{ width:48%; float:right;}
.left_v{ width:100%; margin-bottom:10px;}
.left_v .video_item a{ display:block; width:100%; padding-bottom:57%; position:relative;}
.left_v .video_item a span{ background:url(../images/play.png) no-repeat; background-size:100%; display:block; width:63px; height:63px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.r_video{ width:100%; }
.r_video .video_item{ margin-bottom:10px; }
.r_video .video_item div{display:block;width:100%; padding-bottom:62%; position:relative;}
.r_video .video_item div span{background:url(../images/play.png) no-repeat; background-size:100%; display:block; width:40px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

 
#scroller li .box_news_owl{ position: relative; padding:10px 0; border-bottom:1px dashed #333; }
#scroller li .box_news_owl .img_news_owl{ width:158px; float:left;}
#scroller li:nth-child(2n) .box_news_owl .img_news_owl{ float:right;}
#scroller li .box_news_owl .img_news_owl a{display:block; position:relative; overflow:hidden; }
#scroller li .box_news_owl .img_news_owl img{ width:100%; transform:scale(1); transition:all 0.3s;}
#scroller li .box_news_owl:hover .img_news_owl img{ transform:scale(1.1); }
#scroller li .box_news_owl .info_news_owl{width:calc( 100% - 165px ); float:right; }
#scroller li:nth-child(2n) .box_news_owl .info_news_owl{ float:left; }
#scroller li .box_news_owl .info_news_owl .news_name{ margin-bottom: 5px; position:relative;}
#scroller li .box_news_owl .info_news_owl .news_name a{color:#262626; font-size:14px; font-family: 'RobotoBold'; line-height:1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
#scroller li .box_news_owl:hover .info_news_owl .news_name a{color:#f00;}
#scroller li .box_news_owl .news_date{color:#999999; font-size:14px; font-family:'RobotoRegular'; font-style:italic;}
#scroller li .box_news_owl .info_news_owl p{font-size:14px; color:#262626; font-family: 'RobotoRegular'; line-height:1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}

 
.sp_owl .box_news_owl{ position: relative; padding:10px 0; }
.sp_owl .box_news_owl .img_news_owl{ width:100%; float:left; margin-bottom:10px;}
.sp_owl .box_news_owl .img_news_owl a{ display:block;  position:relative; overflow:hidden; }
.sp_owl .box_news_owl .img_news_owl img{width:100%; transform:scale(1); transition:all 0.3s;}
.sp_owl .box_news_owl:hover .img_news_owl img{ transform:scale(1.1); }
.sp_owl .box_news_owl .info_news_owl{width: 100% ; float:right; }
.sp_owl .box_news_owl .info_news_owl .news_name{ margin-bottom: 5px; position:relative;}
.sp_owl .box_news_owl .info_news_owl .news_name a{color:#262626; font-size:14px; font-family: 'RobotoBold'; line-height:1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.sp_owl .box_news_owl:hover .info_news_owl .news_name a{color:#f00;}
.sp_owl .box_news_owl .news_date{color:#999999; font-size:14px; font-family:'RobotoRegular'; font-style:italic;}
.sp_owl .box_news_owl .info_news_owl p{font-size:14px; color:#262626; font-family: 'RobotoRegular'; line-height:1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom:10px;}
.xem_tin{ width:120px; height:40px; color:#de0106; font-size:14px; text-align:center; line-height:38px; font-family: 'RobotoRegular'; background:transparent; border:1px solid #de0106; display:block; margin:auto; transition:all 0.3s; }
.xem_tin:hover{ color:#fff; background:#de0106; }

.wrap_kh{ position:relative; padding-bottom:60px; }
.wrap_kh::before{ content:''; width:55%; height:calc( 100% - 60px ); position:absolute; left:0px; top:0px; background:#FFCCCC; }
.left_kh{ width:54%; float:left; padding:60px 0; position:relative; z-index:1;}
.right_kh{ width:42%; float:right; padding-top:60px;}

.kh_scrol{ margin-right:40px;}
#scroller1 li .item_kh{ position: relative; padding:20px 0; }
#scroller1 li .item_kh .img_news_owl{ width:108px; float:left; border-radius:50%; border:5px #fff solid; }
#scroller1 li:nth-child(2n) .item_kh .img_news_owl{ float:right;}
#scroller1 li .item_kh .img_news_owl img{width:100%; border-radius:50%;}
#scroller1 li .item_kh .info_news_owl{width:calc( 100% - 118px ); float:right; }
#scroller1 li:nth-child(2n) .item_kh .info_news_owl{ float:left; text-align:right; }
#scroller1 li .item_kh .info_news_owl .news_name{ position:relative; color:#262626; font-size:16px; font-family: 'RobotoBold'; line-height:1.5; }
#scroller1 li .item_kh .info_news_owl p{font-size:14px; color:#262626; font-family: 'RobotoRegular'; line-height:1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom:5px;}


.title_bt{ color:#333; font-size:40px; font-family: 'SFU-DIN'; margin-bottom:20px; border-bottom:1px solid #ff0000; line-height:49px; height:50px; position:relative;}
.title_bt span:nth-child(1){ position:relative; display:inline-block;}
.title_bt span:nth-child(1)::after{content:''; position:absolute; right:-80px; bottom:10px; width:71px; height:89px; background:url(../images/tt2.png) no-repeat;  }
.title_bt span:nth-child(2){ position:absolute; background:#f00; height:1px; bottom:5px; }

.box_news_owl1{position: relative; width:100%; padding: 10px 0; overflow: hidden; border-bottom: 1px dashed #D8D8D8;}
.box_news_owl1 .img_news_owl{ width:200px; float:left; overflow:hidden;}
.box_news_owl1 .img_news_owl img{ width:100%; transform:scale(1); transition:all 0.3s;}
.box_news_owl1:hover .img_news_owl img{ transform:scale(1.1); }
.box_news_owl1 .info_news_owl{width:calc( 100% - 220px ); float:right;}
.box_news_owl1 .info_news_owl .news_name{ margin-bottom: 5px;}
.box_news_owl1 .info_news_owl .news_name a{font-size: 16px; font-family:'RobotoMedium'; color: #333;}
.box_news_owl1 a:hover .info_news_owl .news_name{color:#f00;}
.box_news_owl1 .info_news_owl p{font-size:14px; color:#000; font-family: 'RobotoRegular'; line-height:1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.box_news_owl1 .info_news_owl .news_date{ color: #8d8d8d; margin-bottom: 5px; font-style: italic; font-size:14px; }
 
/*product*/
 
.row_product1{ margin:0 -20px;}
.row_product1 .col_product{padding:0 20px;}
.row_product1 .col_product{width:calc( 100% / 3 );}
.row_product1 .col_product:nth-child(3n+1){ clear:both;}
 
.row_product{ margin:0 -20px;}
.row_product .col_product{padding:0 20px;}
.row_product .col_product{width:25%;}
.row_product .col_product:nth-child(4n+1){ clear:both;}
.box_product{margin-bottom:30px; background:#fff; border:1px #ebebeb solid; border-radius:4px; position:relative; transition:all 0.3s; }
.box_product .img_product{padding:4px; border-radius:4px; position: relative; }
.box_product .img_product img{width:100%; border-radius:4px; transition:all 0.4s; display: block;}
.box_product .img_product a{display:block; border-radius:4px; width:100%; overflow:hidden;}
.box_product .img_product a img{display:block; width:100%; transform:scale(1); transition:all 0.3s;}
.box_product:hover .img_product a img{ transform:scale(1.1); transition:all 0.3s;}
.box_product .content_product{ padding:7px 0; padding-top:3px; text-align:center; }
.box_product .name_product{font-size:16px; margin-bottom:5px;}
.box_product .name_product a{color:#333333; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-family: 'RobotoRegular';}
.box_product .name_product:hover a{color:#f00;}
.box_product .price_product{color:#262626; font-size:15px; font-family:'RobotoRegular';}
.box_product .price_product span.giaban{color:#fc0000; font-size:16px; font-family:'RobotoBold';}
.box_product .price_product span.giacu{color:#7f7e7e; font-size:13px; text-decoration:line-through; font-family:'RobotoRegular';}
 
.bg_sanpham .box_product{ margin-bottom:0px;}
 
   
.chitiessp{ margin-bottom:40px !important;}
.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{font-size: 25px;font-weight:600;color: #333;line-height: 25px;}
.item_info_detail span.price_now{font-size:17px;color:#f00; font-weight:bold;}
.item_info_detail .price_old{ font-size:15px;color:#000;text-decoration: line-through; 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;}
.amount_cart button{float: left;width:35px;height:30px;border:1px solid #eee;background:#fff;outline: none;color:#6d6d6d;}
.amount{height:30px;width:50px;float: left;border:1px solid #eee;text-align: center;margin:0px 3px;outline: none}
.item_info_detail .btn{text-transform: uppercase;font-size:14px;font-family: 'RobotoBold'}
.amount {height: 30px;width: 50px;float: left;border: 1px solid #eee;text-align: center;margin: 0px 3px;outline: none;}
.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; max-width:48%;}
.buy-now{background:#ffb916;}
.buy-now:hover{background:#e59b11;color:#fff;}
.buy-to-cart{background:#f57224;}
.buy-to-cart:hover{background:#d0611e;color:#fff;}

.main_img_detail{width:100%; float:right; margin-bottom:5px;}
#sub_img_detail{width:100%; float:left;}

.item_info_detail .select_color{display:inline-block; width:38px; border:1px #ccc solid; position:relative; overflow:hidden; cursor:pointer; }
.item_info_detail .select_color:hover{ border:1px #ff6600 solid; }
.item_info_detail .select_color img{width:38px; display:block; }
.item_info_detail .select_size{display:inline-block; padding:3px 10px; border:1px #ccc solid; position:relative; overflow:hidden; cursor:pointer; margin-right: 3px;}
.item_info_detail .select_size:hover{ border:1px #ff6600 solid; }

 
.item_info_detail .actives{border:1px solid #ff6600;}
.item_info_detail .actives:before{content: "";  position: absolute;  right: -15px;top: -10px; background: #ff6600; width: 45px; height: 8px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.color_box{ border-bottom:1px solid #ccc; margin-bottom:5px;}

 
/*news*/
.tieude{font-size: 22px; color:#111; font-family: 'RobotoBold'; position:relative; margin-bottom: 10px; padding-left:10px;}
.row_news{ margin:0 -10px;}
.col_news{ padding:0 10px; width:50%; float:left;}
.col_news:nth-child(2n+1){clear:both;}
.box_news{margin-bottom:20px; box-sizing: border-box;}
.box_news .right_news{padding:10px;border:1px solid #e0e0e0;padding:5px;}
.box_news .box_news_name a{ display:block; line-height:1.5;}

.box_news_img{position: relative;display: block;}
.box_news_img a{display: block;position: relative;}
.box_news_name a{color:#000;font-weight: normal;font-family: 'RobotoBold';font-size: 14px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; height:42px;}
.box_news_name a:hover{color:#f00;}
.box_news_mota{text-align:justify;line-height:22px;margin-top:5px;font-size: 13px;font-family: 'RobotoRegular'; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; height:66px;}
.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: 40%;float: left;padding-right: 10px;box-sizing:border-box;}
.right_news_other{width: 60%;float: right;}


.contain_map_lienhe1{ position:absolute; width:50%; height:100%; right:0px; top:0px;}
.contain_map_lienhe1 iframe{ position:absolute; height:100%; right:0px; top:0px; width:100%; display:block; }
 
 
/*footer*/

#footer{ width:100%; margin: 0px auto; font-family: 'RobotoRegular'; font-size:14px; color:#fff; position:relative; overflow:hidden; }
#footer::before{ content:''; position:absolute; right:45%; width:100%; height:100%; background:url(../images/bg2.jpg) no-repeat; background-size:cover; z-index:1;
-moz-transform: rotate(0deg) scale(1, 1) skewX(-12deg) skewY(0deg) translate(0, 0); 
-webkit-transform: rotate(0deg) scale(1, 1) skew(-12deg, 0deg) translate(0, 0); 
-o-transform: rotate(0deg) scale(1, 1) skew(-12deg, 0deg) translate(0, 0); 
-ms-transform: rotate(0deg) scale(1, 1) skew(-12deg, 0deg) translate(0, 0); 
transform: rotate(0deg) scale(1, 1) skew(-12deg, 0deg) translate(0, 0);
 }
#footer .content_f{padding:40px 0; padding-bottom:20px; position:relative; z-index:99; }
.copy{ border-top:1px solid #b85352; padding-top:20px; margin-top:20px;}
#top{color:#FFF;font-weight:500;text-align:center; position:absolute;top:-5px; left:50%; transform:translateX(-50%); cursor:pointer;z-index: 100;}

   
.copyright{ text-align:center; float:left;}
.mxh3{ margin-top:15px; }
 
.title_footer{ color:#FFFF0F; font-size:40px; font-family: 'SFU-DIN'; margin-bottom:10px; position: relative; text-transform:uppercase; }
.title_footer1{ color:#fff; font-size:15px; font-family: 'RobotoBold'; margin-bottom:20px; position: relative; text-transform:uppercase; padding-bottom:10px; }
.title_footer1:before{ content:''; background:#fff; width:40px; height:2px; position: absolute; left:0px; bottom:0px;}

.left_ft{ width:43%; float:left; padding-right:2%; text-align:center; align-self:center;}
.logof{ margin-bottom:10px;}
.right_ft{ width:57%; float:left; align-self:center;}

.item_footer1:nth-child(1){ float:left; width:50%; }
.item_footer1:nth-child(2){ float:left; width:24%; }
.item_footer1:nth-child(3){ float:right; width:23%; }
.item_footer1 ul {list-style:none; }
.item_footer1 ul li{ padding:5px 0; }
.item_footer1 ul li span{ float:right;}
.item_footer1 ul li a{color:#fff; font-family: 'RobotoRegular'; font-size:15px; display:block; }
.item_footer1 ul li a:hover{ color:#ff0;}
.mxh3 {display:inline-block; margin-top:17px; font-family: 'RobotoRegular';}
.mxh3 a{display:inline-block; }

.content_footer{ }
 
 

 
.pages_ajax{ display:block; text-align:center; }
.pagination{ display:block !important; margin-bottom:0px; }
.pages_ajax .pagination{ display: inline-block !important; margin:0px; }
span.total{ display:none;}
.pagination>li{ float:left;}
.pagination>li.page_info{padding:7px;}
 
 
/*inner*/
.inner{max-width:1200px; width:98%; margin:0 auto; position:relative;}
.noindex{ padding:40px 0; }
.noindex_pro{ background: #f7f6f6;}
.othernews{ padding: 10px; background: #f7f7f7; border: 1px #dcdcdc solid;}
.othernews ul{ list-style:none; padding-left:10px;}
.othernews ul a{color:#000;}
.othernews ul a:hover{color:#f00;}

.hover_sang3{ display:block; overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; }
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.hover_sang3:hover:before{right:50%;left:50%;width:0;background:rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after{height:0;top:50%;bottom:50%;background:rgba(255, 255, 255, 0.5);}

.close_popup{ position:absolute; top:-10px; right:-10px; width:20px; height:20px; background:#000; border-radius:50%; line-height:20px; text-align:center; font-size:14px; font-family:arial; color:#fff; font-weight:bold; cursor:pointer;}
#popup{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999;}
#baophu_popup{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999;}
#example2{ position:fixed; left:50%; top:50%; max-width:800px; transform:translate(-50%,-50%); z-index:99991;}
#example2 img{max-width:100%;}
 
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 160px; z-index: 99999999999; }
#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; }
.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;}
.owl-animated-out { z-index : 1  }
.owl-animated-in { z-index : 0 }

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

@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@-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;
  }
}


@-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);
  }
}

.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;
}
@-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; }
}