/*reset*/
*:not(ul):not(ol) {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;}
 
img{max-width:100%; height:auto !important;}
/*=======================================*/
#full{max-width:1440px; 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%;}
 
/*TOP*/
.fb-comments iframe{ width:100% !important;}
.h2,#header h1{width:0px;height:0px;font-size:0;text-indent:-9999px; position:absolute;}
.page-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9) url(../images/loading2.gif) no-repeat center center; z-index: 99999; display: none; }
.zalo-share-button{ float:left; margin-right:3px; }
.addthis_toolbox{ float:left;}
#header{ width:100%; background:#7dad97; z-index:99;}
#header .inner{ position:relative; padding:5px 0;}
.logo{float:left; padding:12px 0;}
.logo img{ position:relative; z-index:1; }
 
.left_banner{float:left; }
.left_banner ul{ list-style:none; padding:0;margin:0;}
.left_banner ul li{float:left; padding:0 10px; line-height:21px; position:relative;}
.left_banner ul li:first-child{ padding:0 10px; padding-left:0;}
.left_banner ul li::before{height:11px; width:1px; background:#fff; position:absolute; top:5px; right:0px; content:'';}
.left_banner ul li a{ color:#fff; font-size:14px; font-family: 'RobotoRegular';}
.left_banner ul li a:hover{ color:#ff0; }
.right_banner{float:right; }

  
.hotline{ line-height:21px; font-size:14px; color:#fff; margin-right:60px;  font-family: 'RobotoRegular'; float:left; }
.hotline span{ font-family: 'RobotoBlack'; }
 
.hotline1{ line-height:21px; font-size:14px; color:#fff; margin-left:60px;  font-family: 'RobotoRegular'; float:left; display:none; }
.hotline1 span{ font-family: 'RobotoBlack'; }
 

.cart{ font-size:11px; color:#fff; line-height:26px; font-family: 'RobotoBold'; float:left; background:url(../images/cart.png) no-repeat left center; height:21px; min-height:21px; text-align:center; min-width:20px; margin-right:15px;}
.cart span{ color:#000; }
.cart:hover{ color:#ff0;}

.lang{ float:left; color:#fff;}
.lang a{ float:left; color:#fff;}
.lang span{ float:left; font-size:13.5px;}
.lang a:hover{ color:#ff0;}
.srch{ float:left; margin-right:15px; height:21px; line-height:21px; color:#fff;}
  
/*search*/
#timkiem{width:300px; display:none; height:42px; background:#fff; z-index:999; float:left; border-radius: 5px; position:absolute; right:38px; top:42px }
#timkiem input[type="text"]{outline:none;background:url(../images/search.png) no-repeat left center; border:1px #d9d9d9 solid; border-right:none; height:42px; width: calc( 100% - 42px ); padding:0 10px; box-sizing: border-box; font-size: 13px; font-family: 'RobotoRegular'; color:#333; position:relative; z-index:99; outline:none; border-top-left-radius:5px; border-bottom-left-radius:5px; }
#timkiem input::-webkit-input-placeholder{color:#333;}
#timkiem input::-moz-placeholder{color:#333;}
#timkiem input:-ms-input-placeholder{color:#333;}
#timkiem input:-moz-placeholder{color:#333;} 
#timkiem #btn{height:42px; width:42px;cursor:pointer; float:right; background: #548b72; outline:none;border:none; color:#fff; font-size:16px; outline:none;  border-top-right-radius:5px; border-bottom-right-radius:5px; }
 
.tr_r{ float:left; }
 /*menu top*/

#wrap_menu{ z-index:99; height:86px; } 
#menu{ z-index:99; height:86px; background:#fff; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 1px 4px -2px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0 1px 4px -2px rgba(0,0,0,0.5); 
box-shadow: 0 1px 4px -2px rgba(0,0,0,0.5); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000);} 
#menu .inner{ text-align:center; position:relative; } 
#menu ul{ list-style:none; padding:0px; margin:0px;}
#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% - 270px ); }

#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; }
#menu ul.menu li.li_menu:last-child{ background:none;}

#menu ul.menu li.li_menu a.transitionAll{ line-height:86px; height:86px; font-size:15px;text-transform:uppercase; color:#131313; display:block; font-family: 'RobotoRegular'; position:relative; padding:0px 16px; text-align:center; transition:all 0.3s;}

#menu ul.menu li.li_menu:hover a.transitionAll,#menu ul.menu li.menu_active a.transitionAll{ color:#7dad97 !important; }
 

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:999 !important;width:100%;margin:auto; }
  
 

 
.sr{ float:right; width:50px; height:50px; line-height:50px; }

#btn_menu_bootstrap{z-index:999; position:relative; display:none; height:20px; width:26px; float: right; margin-top:7px;}
#btn_menu_bootstrap span{background: #7dad97; 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: #7dad97; text-align:center; font-size:11px; font-style:normal;}

#btn_menu_bootstrap:before{content: "";position: absolute;width: 100%;height: 2px;background: #7dad97;top:0;left:0;}
#btn_menu_bootstrap:after{content: "";position: absolute;width: 100%;height: 2px;background: #7dad97;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;  }
 
 
/*main*/

  
#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; }
 
.title_main_index{position:relative; border-top:2px #7dad97 solid; padding-top:1px; background:#dde8e3; }
.title_main_index span{ display:inline-block; line-height:42px; height:42px; text-transform:uppercase; padding:0 18px; position:relative; margin-right:20px; color:#414141; font-family:'RobotoMedium'; cursor:pointer;}
 

.title_main_index span.active{color:#fff; background:#7dad97; font-family:'RobotoBold'; font-size:18px; float:left;}
.title_main_index span.active::before{ content:''; position:absolute; width:27px; height:100%; background:#7dad97; right:-13px; top:0px; 
-moz-transform: rotate(0deg) scale(1, 1) skewX(-30deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);
}
 
.bg_sanpham{ padding-top:40px;}
.title_main1{margin-bottom:30px; position:relative; border-top:2px #7dad97 solid; padding-top:1px;}
.title_main1 span.main_name{color:#fff; background:#7dad97; font-family: 'RobotoBold'; font-size:18px; display:inline-block; line-height:42px; height:42px; text-transform:uppercase; padding:0 18px; position:relative; min-width:230px;}
.title_main1 span.main_name::before{ content:''; position:absolute; width:27px; height:100%; background:#7dad97; right:-13px; top:0px; 
-moz-transform: rotate(0deg) scale(1, 1) skewX(-30deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);
}
 
.title_main1 div{float:right; padding-top:8px; font-family:'RobotoRegular'; font-size:15px; color:#4c4c4c; }
.title_main1 div span{cursor:pointer;}
.title_main1 div span:hover{color:#f00;}

.title_vs{color:#242424; font-size:40px; font-family:'UTM-Avo'; margin-bottom:20px; padding-bottom:8px;}
.title_vs div{ font-size:17px; position:relative; padding-left:30px;}
.title_vs div::before{content:''; position:absolute; left:0px; top:12px; background:#242424; width:20px; height:2px;}

.wrap_news{ padding:40px 0; }
.box_news_owl{ position: relative; background:#fff; }
.box_news_owl .img_news_owl{ width:100%; }
.box_news_owl .img_news_owl a{ display:block; overflow:hidden;}
.box_news_owl .img_news_owl img{ width:100%; transform:scale(1); transition:all 0.3s;}
.box_news_owl:hover .img_news_owl img{ transform:scale(1.1); }
.box_news_owl .info_news_owl{width:100%; }
.box_news_owl .info_news_owl .news_name{ margin-bottom: 5px; position:relative; }
.box_news_owl .info_news_owl .news_name a{color:#010101; font-size:17px; font-family: 'RobotoBold'; line-height:1.5; display:block;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.box_news_owl:hover .info_news_owl .news_name a{color:#f00;}
.box_news_owl .info_news_owl p{color:#484848; font-family: 'RobotoRegular'; font-size:14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom:0px;}
.box_news_owl .date{ width:70px; float:left; padding:15px 5px; background:#7dad97; color:#fff; text-align:center; text-transform:uppercase; font-size:12px; font-family: 'RobotoBold';}
.box_news_owl .date div{ font-size:24px; margin-bottom:5px;}
.box_news_owl .info_r{ width: calc( 100% - 70px ); margin-top:-38px; padding:10px; background:#fff; float:left; position:relative; z-index:99;}
  
.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; }

#wrap_doitac{ padding:40px 0; background:#dde8e3;}
.doitac_item{ margin-bottom:2px; } 
.doitac_owl .owl-prev{position:absolute; left:-30px; top:50%; transform:translateY(-50%);}
.doitac_owl .owl-next{position:absolute; right:-30px; top:50%; transform:translateY(-50%);}


.left{ width:250px; float:left;}
.title_left{ font-size:16px; font-family:'RobotoBold'; margin-bottom:15px;}
.menu_left ul{ list-style:none; padding:0px; margin:0px; border-bottom:1px solid #ccc; }
.menu_left ul:last-child{ border-bottom:none; }
.menu_left ul li a{ display:block; padding:5px 0; color:#333; font-size:15px; font-family:'RobotoRegular';}
.menu_left ul li a:hover{ color:#f00; }

.right{ width:calc( 100% - 290px ); float:right;}
.noidungseo{ margin-bottom:20px;}
.col_design{ width:20%; float:left;}
.col_design{ padding:0px;}
.col_design .box_product{ margin-bottom:1px; padding:10px; border:none;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#F3F3F3)";
    -moz-box-shadow: 0 0 0 1px #F3F3F3;
    -webkit-box-shadow: 0 0 0 1px #F3F3F3;
    box-shadow: 0 0 0 1px #F3F3F3;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#F3F3F3);
}
.col_design .box_product:hover{ position:relative; z-index:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#7dad97)";
    -moz-box-shadow: 0 0 0 1px #7dad97;
    -webkit-box-shadow: 0 0 0 1px #7dad97;
    box-shadow: 0 0 0 1px #7dad97;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#7dad97);
}
.col_design .box_product .content_product{ padding: 0px; padding-top: 10px; text-align: center;}
.col_design .box_product .name_product{ font-size: 15px; margin-bottom: 5px;}

.row_dd{ width:50%; float:left;}
.row_dd:nth-child(2n+1){clear:both;}
.row_dd .box_product{ margin-bottom:1px; padding:5px; border:none; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#F3F3F3)";    -moz-box-shadow: 0 0 0 1px #F3F3F3; -webkit-box-shadow: 0 0 0 1px #F3F3F3; box-shadow: 0 0 0 1px #F3F3F3; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#F3F3F3);}
.row_dd .box_product:hover{ position:relative; z-index:1; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#7dad97)";    -moz-box-shadow: 0 0 0 1px #7dad97; -webkit-box-shadow: 0 0 0 1px #7dad97; box-shadow: 0 0 0 1px #7dad97; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#7dad97);}
.row_dd .box_product .content_product{ padding: 0px; padding-top: 6px; text-align: center;}
.row_dd .box_product .name_product{ font-size: 15px; margin-bottom: 5px;}

.left_d{ float:left; width:35%;}
.right_d{ float:right; width:65%;}

/*product*/
.conhang{ width:81px; height:85px; background:url(../images/conhang.png) no-repeat; position:absolute; left:0px; top:0px;}
.row_product1{ margin:0 -11px;}
.row_product1 .col_product{padding:0 11px;}
.row_product1 .col_product{width: calc( 100% / 3 );}
.row_product1 .col_product:nth-child(3n+1){ clear:both;}

.row_product{ margin:0 -11px;}
.row_product .col_product{padding:0 11px; width:25%;}
.row_product .col_product:nth-child(4n+1){ clear:both;}
.box_product{margin-bottom:20px; background:#fff; border:1px solid #ebebeb; position:relative; transition:all 0.3s; padding:1px; }
.box_product:hover{ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)"; 
-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.5); 
-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.5); 
box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.5); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); 
}

.box_product .img_product{overflow:hidden; display: block; position: relative; }
.box_product:hover .img_product{ }
.box_product .img_product img{ width:100%; transition:all 0.4s; display: block;}
.box_product .img_product a{display:block; 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:10px; 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: 1; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-family: 'RobotoMedium';}
.box_product .name_product:hover a{color: #f00;}
.box_product .price_product{font-size:15px; line-height:1.4; font-family: 'RobotoRegular'; }
.box_product .price_product span.giaban{ color:#dd0000; font-family: 'RobotoBlack';}
.box_product .price_product span.giacu{ margin-left:5px; color:#7f7f7f; text-decoration:line-through}
.box_product .cartnow{ cursor:pointer; display:inline-block; background:url(../images/add.png) no-repeat 3px 3px,#00970c; border-radius:20px; color:#fff; height:36px; padding:0 20px; padding-left:40px; line-height:36px; font-size:14px; font-family: 'RobotoMedium';}
.box_product .cartnow:hover{ color:#ff0; }
.box_product .sale_icon{ float:right; color:#bd0000; font-size:14px; font-family:'RobotoBold';}
 
 
.load_index .owl-carousel{ border-left:1px #F3F3F3 solid;}
.owl-carousel .box_product{border:none; padding:0px; margin:1px 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#F3F3F3)"; 
-moz-box-shadow: 0 0 0 1px #F3F3F3; 
-webkit-box-shadow: 0 0 0 1px #F3F3F3; 
box-shadow: 0 0 0 1px #F3F3F3; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#F3F3F3); 
}
.owl-carousel .content_product .name_product a{ color:#000000; font-size:14px; font-family: 'RobotoRegular';}
.owl-carousel .box_product .price_product span.giacu{ font-size:14px; margin-left:5px; color:#7f7f7f; text-decoration:line-through}
.owl-carousel .box_product .content_product{ padding:10px; text-align:left; }

  
.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 h1{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;}
.b_i{ float:left; width:75px; }
.property_pro{ float:left; width: calc( 100% - 75px ); }
.property_i{ display:inline-block; margin-right:2px; margin-bottom:2px; border: 1px solid #ccc; padding:3px 10px; border-radius:3px; cursor:pointer; }
.property_i:hover{ border: 1px solid #d60000; color:#d60000;}
.pro_active{ border: 1px solid #d60000; color:#d60000; background:url(../images/check1.png) no-repeat bottom right; background-size: 16px auto; }
 
.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; }

.soldout{display:inline-block; margin-left: 15px; background: url(../images/hethang.png) left no-repeat; height: 26px; padding-left: 30px; line-height: 26px; color: #000; font-family:'RobotoMedium';}
.instock { display:inline-block; background: url(../images/conhang1.png) left no-repeat; height: 28px; padding-left: 35px; line-height: 28px; color: #000; margin-left: 15px; font-family:'RobotoMedium';}

.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;}
.tieude::before{content:''; position:absolute; left:0px; top:5px; width:3px; height:18px; background: #00470b;}
.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:relative;}
.contain_map_lienhe1 iframe{width:100%; display:block; height:400px;}
 
 

/*footer*/

#footer{background:#7dad97; width:100%; margin: 0px auto; font-family: 'RobotoRegular'; font-size:14px; color:#fff; position:relative; }
#footer .content_f{padding:40px 0; }
#bottom{ color:#fff; font-size: 14px; position:relative; text-align:center; }
 
#bottom .inner{ padding:16px 0px; border-top:1px #00b30f solid; }
#bottom .inner div:nth-child(1){float:left;}
#bottom .inner div:nth-child(2){float:right;}
#top{color:#FFF;font-weight:500;text-align:center; position:absolute;top:-5px; left:50%; transform:translateX(-50%); cursor:pointer;z-index: 100;}

.big_i img,.item_im img{ width:100%;}
 
.copyright{ text-align:center; float:left;}
.mxh3{ margin:15px 0; }
 
.title_footer{ color:#fff; font-size:30px; font-family: 'UTMAvoBold'; margin-bottom:10px; position: relative; text-transform:uppercase; }
.title_footer1{ color:#fff; font-size:18px; font-family: 'RobotoBold'; margin-bottom:10px; position: relative; text-transform:uppercase; padding-top:10px; }

.item_footer1:nth-child(1) .title_footer1{ padding:0px; margin:0px;}
.item_footer1:nth-child(1) .title_footer1::before{ display:none;}
.item_footer1:nth-child(1){ float:left; width:47%; padding-right:5%;}
.item_footer1:nth-child(2){ float:left; width:22%; }
.item_footer1:nth-child(3){ float:right; width:29%; }
.item_footer1 ul {list-style:none;padding:0;margin:0;}
.item_footer1 ul li{ padding:2px 0; }
.item_footer1 ul li a{ background:url(../images/dot.png) no-repeat left center; padding-left:10px; color:#fff; font-family: 'RobotoRegular'; font-size:14px; 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{ }
 
.nhap_email{margin-bottom:10px; }
.frmEmail input{color:#333; font-size: 14px; width: 100%; margin-bottom:10px; height:35px; background:#ffffff; border:none; outline: none; padding:0 5px; box-sizing: border-box; border-radius:4px; }
.frmEmail input::-webkit-input-placeholder{color:#333;}
.frmEmail input::-moz-placeholder{color:#333;}
.frmEmail input:-ms-input-placeholder{color:#333;}
.frmEmail input:-moz-placeholder{color:#333;} 

.frmEmail textarea{color:#333; font-size: 14px; width: 100%; margin-bottom:10px; background:#ffffff; border:none; outline: none; padding:5px; box-sizing: border-box; border-radius:4px; }
.frmEmail textarea::-webkit-input-placeholder{color:#333;}
.frmEmail textarea::-moz-placeholder{color:#333;}
.frmEmail textarea:-ms-input-placeholder{color:#333;}
.frmEmail textarea:-moz-placeholder{color:#333;} 

.frmEmail button{width:120px; color:#fff; font-size:14px; height:35px; border:none; outline:none; font-family:'RobotoMedium'; background:#a8caba; float:left; border-radius:4px;}
.frmEmail button i{ font-size:12px;}
.frmEmail .tel_f{ float:right; font-family: 'UTM-HelvetIns'; font-size:20px; color:#fff; background:url(../images/tel.png) no-repeat left center; padding-left:40px; line-height:34px; line-height:34px;}
 
.pagination{padding:0;margin:0; list-style:none;}
.pagination>li>a{ color:#000;}
.pagination>li>a.current{ background:#d60000; border: 1px solid #d60000; color:#fff;}

.pagination>li>a,.pagination>li>span{position:relative; float:left; padding:6px 12px; margin-left: -1px; line-height: 1.42857143; color: #000; text-decoration: none; background-color: #f2f2f2; border: 1px solid #f2f2f2;}
 
.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; margin:2px 4px;}
.pagination>li.page_info{padding:7px;}
 

 /*product detai danh gia*/
 .content_dg{position: relative;border: 1px solid #e0e0e0;padding: 15px 15px;margin-top: 15px;}
 .title_dg{font-size: 20px;border-bottom: 1px solid #e0e0e0;padding-bottom: 5px;margin-bottom: 10px;}
 .content_rates{display: grid;grid-template-columns: 24% 32% 44%;position: relative;border: 1px solid #e0e0e0;}
 .item_rates {padding: 15px;text-align: center;border-right: 1px solid #e0e0e0;display: flex;align-items: center;justify-content: center;}
  .item_rates .center{width: 100%;}
.item_rates:last-child{border-right: none;}
.star_rates{margin: 10px 0px;}
.btn_dg {border: none;cursor: pointer;font-size: 14px;height: 34px;padding: 5px 35px;color: #fff;
background: #d0021b;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-top: 10px;}
.title_coment{font-size: 15px;font-weight: bold;}
.num_of_rate { font-size: 12px; margin-bottom: 10px; }
.num_of_rate:last-child { margin-bottom: 0px; }
.num_of_rate span { float: left; text-align: left; }
.num_of_rate span:nth-child(1) { width: 45px; }
.num_of_rate span:nth-child(2) { width: calc(100% - 80px); height: 5px; background: #e4e4e4; margin-top: 7px; }
.num_of_rate span:nth-child(3) { width: 35px; padding-left: 4px; color: #9a9a9a; }
.fs-dtrtcmti2 { font-weight: bold; font-size: 15px; color: #4a4a4a; margin-bottom: 10px; }
div.comment { border: 1px solid #d4d4d4; margin: 20px auto; padding: 12px 15px; font-size: 13px; background: #f8f8f8; }
div.comment #noidung_comment { padding: 9px; width: 100%; height: 54px; overflow: auto; line-height: 1.57; border: solid 1px #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .22); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .22); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .22); font-family: arial; }
.score img { width: 20px;}
#rate {width: auto !important;float: left;margin-right: 10px;}
.small { display: inline-block; color: #f00; font-size: 13px; }
.detail { padding-bottom: 15px; }
div.comment .line_comment { text-align: right;display: flex;justify-content: space-between; }
div.comment .line_comment p { font-size: 13px; color: #4a4a4a; }
div.comment .line_comment ul { list-style: none; }
div.comment input[type='button'] { display: inline-block; height: 35px; line-height: 35px; padding: 0 35px; border: none; font-size: 14px; color: #fff; border-radius: 2px; background-color: #d0021b; }
div.thongtin_commnet { max-width: 94%; width: 500px; position: fixed; top: -150vh; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9999; transition: all 0.5s; }
div.thongtin_commnet_active { top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; padding: 15px; }
div.thongtin_commnet_active .close_comment { right: 0px; top: -31px }
div.thongtin_commnet1 { padding-top: 0px; }
div.thongtin_commnet input[type='text'], div.thongtin_commnet input[type='email'] { width: 100%; padding: 12px 9px; border: 1px solid #DDD; color: #444444; margin-bottom: 10px; outline: none; }
.close_comment { position: absolute; top: 3px; right: 3px; border: solid 1px #cdcdcd; padding: 5px 10px; background-color: #e7e8e7; color: #96989a; cursor: pointer; z-index: 2; }
.ghichu_commnet { margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: #4a4a4a; padding-right: 15px; }
.ghichu_commnet1 { font-size: 15px; font-style: italic; color: #f16700; margin-bottom: 20px; }
.shadow { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; z-index: -99999; opacity: 0; transition: all 0.2s; }
.shadow_avtic { z-index: 2000; opacity: 1; transition: all 0.2s; }
.ghichu_commnet span { color: #258fba; border-bottom: 2px solid #258fba; }
.close_dknt { position: absolute; top: -23px; right: 0px; border: solid 1px #cdcdcd; padding: 2px 5px; background-color: #e7e8e7; color: #96989a; cursor: pointer; z-index: 2; border-bottom: none; }
.dknt_index { padding: 15px; background: #fff; }
.title_dknt_index { font-size: 18px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; }
.title_dknt_index span { color: #fff; background: #05718e; display: inline-block; padding: 2px 5px; }
div.dknt_index_content input[type='text'], div.dknt_index_content input[type='email'] { width: 28%; float: left; margin-right: 1.5%; height: 40px; padding: 0px 9px; border: 1px solid #DDD; color: #444444; outline: none; }
div.dknt_index_content input[type='button'] { float: right; font-size: 15px; color: #fff; font-weight: normal; padding: 0px 5px; width: 11.5%; cursor: pointer; background: #d0021b; cursor: pointer; height: 40px; border: none; outline: none; text-transform: uppercase; }
.item_dknt span { float: left; color: #258fba; font-size: 14px; width: 90px; line-height: 41px; }
.item_dknt div { float: left; width: calc(100% - 90px); }
.item_dknt div input { font-size: 14px; }
.dknt_fix_content .ghichu_commnet { padding-bottom: 0; }
div.thongtin_commnet input[type='button'] {float: right;}
.comment_hide{display: none;}
div.login-popup { position: fixed; z-index: 199999; display: none; width: 90%; min-width: 250px; max-width: 700px; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) }
div.datngay_popup { padding: 20px; background: #fff }
div.close-popup { cursor: pointer; z-index: 999; position: absolute; width: 35px; height: 35px; text-align: center; line-height: 35px; right: -30px; top: -30px; z-index: 999999; -webkit-transition: all .5s ease-in-out; background-size: 40% 40%; -moz-transition: all .5s ease-in-out; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; box-shadow: 0 0 60px rgba(0, 0, 0, .4); border: 1px solid rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .2); content: 'x'; font-size: 29px; color: #cbcbcb }
div.close-popup:hover { background-color: rgba(255, 255, 255, .3); box-shadow: 0 0 20px rgba(255, 255, 255, .8) }
div#baophu { background: #000; opacity: .8; z-index: 10000; left: 0; top: 0; position: fixed; width: 100%; height: 100%; display: block }
.thongbao { font-size: 20px; color: red; position: absolute; top: 35%; width: 100%; text-align: center }
.thongbao p { text-align: center }
.popup_thongbao { width: 320px; background: #fff; text-align: center; font-size: 13px; overflow: hidden }
.popup_thongbao .tieude_tb { background: #d0041a; padding: 7px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 15px; font-family: 'tieude' }
.popup_thongbao .popup_kq { padding: 10px; color: #000; min-height: 70px; align-items: center; font-size: 14px }
.title_comment_cap { font-size: 18px; border-bottom: 1px solid #ddd; padding-top: 5px; margin-bottom: 0px; }
.right_title_comment_cap { float: right; }
.sort_cm { display: block; color: #4a4a4a; padding: 5px 9px; font-size: 13px; border-bottom: 3px solid transparent; float: left; cursor: pointer; }
.sort_active { color: #d0021b; border-bottom: 3px solid #e00; }
div.comment_old { color: #6d6d6d; }
div.comment_add { background: #fff; }
div.box_commnet { margin-bottom: 15px; }
div.box_commnet .box_commnet { margin-left: 2%; }
div.box_commnet .box_commnet .item_comment, div.box_commnet .box_commnet .box_commnet .box_commnet .item_comment { background: #f7f7f7; padding: 5px; border: 1px solid #dedede; position: relative; }
div.box_commnet .box_commnet .box_commnet .item_comment { background: #fff; display: none; }
div.box_commnet .box_commnet .item_comment:before { position: absolute; content: ''; left: 2%; top: -13px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #f1f0f0; }
div.ngaytao_comment { font-size: 13px; margin-left: 12px; display: inline-block; }
div.item_comment div.ngaytao_comment span.bl_con { display: none; }
div.box_commnet div.ngaytao_comment span.bl_con { display: none; }
div.box_commnet div.box_commnet div.ngaytao_comment span.bl_con { display: block; }
div.ngaytao_comment span { font-size: 13px; color: #9b9b9b; }
div.ngaytao_comment .traloi { color: #0066FF; margin-right: 10px; cursor: pointer; }
div.ngaytao_comment span.bl_con { float: right; color: #277dff; cursor: pointer; }
div.ngaytao_comment span.bl_con span { color: #277dff; }
div.ngaytao_comment span.bl_con i { font-size: 13px; transform: rotate(90deg); margin-top: 2px; float: right; margin-left: 5px; }
div.ngaytao_comment span.bl_con:hover span, div.ngaytao_comment span.active_bl_con span { color: red; }
div.ngaytao_comment span.active_bl_con i { font-size: 13px; transform: rotate(-90deg); margin-top: 2px; float: right; margin-left: 5px; }
div.item_comment { margin-bottom: 18px; }
.star_cm { display: inline-block; }
.star_cm img{ height: 12px; margin-right: 3px; vertical-align: middle;width: 13px; }
.box_commnet div.item_comment { margin-bottom: 15px; padding-top: 10px; border-top: 1px solid #dedede; }
.box_commnet div.item_comment:first-child { border-top: none; }
.box_commnet .box_commnet div.item_comment { border-top: 1px solid #dedede; }
.box_commnet .box_commnet div.item_comment:first-child { border-top: 1px solid #dedede; }
div.comment1{border:1px solid #d4d4d4; margin:20px auto; padding:12px 15px; font-size:13px; background: #f8f8f8;}
div.comment1 #noidung_comment1{padding: 9px; width: 100%; height: 54px; overflow: auto; line-height: 1.57; border: solid 1px #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.22); -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.22); box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.22);font-family:arial;}
div.comment1 .line_comment{ text-align:right; }
div.comment1 input[type='button']{ font-size: 15px; color: #fff; text-align: center; font-weight: normal; padding: 10px 10px; min-width: 90px; cursor: pointer; background: #d0021b;  cursor: pointer; border: none; border-radius:3px; outline:none;}
.close_comment1{ position: absolute; top: 3px; right: 3px; border: solid 1px #cdcdcd; padding: 5px 10px; background-color:#e7e8e7; color:#96989a; cursor:pointer; z-index:2;}
div.comment_old1{color: #6d6d6d;}
div.item_comment1{ margin-bottom:18px;}
#tabs1{margin: 10px 2px; border: 1px solid #d2d2d2;}
div.ngaytao_comment .traloi1{color:#0066FF; margin-right:10px; cursor:pointer;}
#huy_commnet1{ display:none;}
.comment_old1 #huy_commnet1{ display:inline-block;}

.comment_old1 div.box_commnet .box_commnet{ background: #f7f7f7; border: 1px solid #dedede; position:relative; }
.comment_old1 div.box_commnet .box_commnet:before{ position: absolute; content: ''; left: 2%; top: -13px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #f1f0f0;}

.comment_old1 div.box_commnet .box_commnet .box_commnet { display:none;}

.comment_old1 div.box_commnet .box_commnet .box_commnet .item_comment1{ background:#fff; display:none; }
.comment_old1 div.item_comment1 div.ngaytao_comment span.bl_con{display:none;}
.comment_old1 div.box_commnet .box_commnet div.item_comment1{ padding: 5px; padding-top:8px; border-top: 1px solid #e3e3e3;  margin-bottom:8px;} 
.comment_old1 div.box_commnet .box_commnet div.item_comment1:first-child{border-top:none;} 

.fs-dttrlike {
    width: 60px; margin-top:5px;
}
.fs-dttrlike span {
    cursor: pointer;
    display: inline-block;
    padding: 3px 10px;
    background-color: #fff;
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.irtlike {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/like.png) no-repeat center;
 
}

.load_nhanxet { text-align: center; margin-top: 20px; font-family: arial; color: #000; }
.load_nhanxet div { display: inline-block; padding: 5px 15px; border: 1px #333 solid; font-family: 14px; cursor: pointer; }
.td_comment { line-height: 25px; font-size: 13px; margin-bottom: 5px; }
.td_comment span.first_cap { width: 25px; height: 25px; display: block; background-image: none; background-color: #F30000; margin-right: 7px; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; line-height: 26px; font-style: normal; font-weight: bold; float: left; margin-right: 5px; }
.td_comment b { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #505050; }
.hailong1 { color: #288ad9 !important; font-size: 13px; margin-right: 10px; cursor: pointer; }
.qtv { font-size: 12px; display: inline-block; color: #fff; line-height: 1.4; background: #d0011b; padding: 1px 6px; margin-left: 8px; }
/*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; margin:0; 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);}

  
#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; }
}