/*reset*/
* {list-style:none;padding:0;margin:0;}
a {text-decoration:none;}
img.lazy{display: block;opacity: 0;}
img.lazy:not(.initial) { -webkit-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s; }
img.lazy.initial, img.lazy.loaded, img.lazy.error { opacity: 1; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; transition: 0.5s; }
img:not([src]) {visibility: hidden;}
.zalo-share-button{float: left;margin-right: 2px;}
.wrap_swiper{overflow: hidden;}
.swiper-button-disabled{opacity: 0.2;}
.container{padding: 0px 10px; position: relative;}
.row{margin-left: -10px; margin-right: -10px;}
.grecaptcha-badge{display:none !important;}
.full_bg{background-size: 100% 100% !important;}
.full_bg_dv{background-size: 100% auto; background-repeat: no-repeat;}
body {font-family: 'Arial', 'Helvetica', 'sans-serif';font-size:14px;position: relative;box-sizing:border-box;}
.breadcrumb{font-size:14px;color:#000;margin:0px;padding:0px;text-align:left;background: #fff;}
.breadcrumb a{color:#000;font-family:'font4'; text-transform: capitalize;}
.breadcrumb a:hover{color:#b27f2c}
.breadcrumb ul{list-style:none}
.breadcrumb ul > li{display:inline-block;position:relative;margin-bottom:7px;}
.breadcrumb span{margin:0px 5px}
.main_page{padding: 30px 0px 0px;}
.header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9) url(../images/loading.gif) no-repeat center center;
    z-index: 99999;
    display: none;
}
/*=======================================*/
a:focus,a:hover{text-decoration:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;line-height: normal;}
h1#h1_home{visibility: hidden; height:0px; margin:0px; overflow:hidden;}
ol, ul{margin:0;padding:0;}
p{margin: 0px;}
.wrap_share{margin-top: 20px;}
.item_info_detail .wrap_share span{margin: 0px;}
.sub_main{padding: 30px 0px;}
.sub_main_splq{padding-bottom: 0px;}
.box_fotorama{width: 100%; margin: auto; max-width: 800px; margin-bottom: 20px;}
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 160px; z-index: 999; }
#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; border-radius: 50%;}
.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);}
}
/*=======================================*/
#full{position: relative;}
#top_head{background: #141414; height: 50px;}
.h_phone{float: left; color: #f2f3e3; font-family: 'font4'; font-size: 12px; margin-top: 13px;}
.lang{float: right; margin-top: 13px;}
.lang img{margin-left: 5px;}
#timkiem{float: right; position: relative; margin-top: 28px; z-index: 9;}
#timkiem .icon{background: url(../images/kinh.png); width: 23px; height: 23px; cursor: pointer;}
.frm_timkiem{position: absolute; width: 200px; right: 28px; top: -8px; display: none;}
.frm_timkiem input[type="text"]{background: #fff; border: 1px solid #f2f2f2; height: 38px; line-height: 38px; padding: 10px 30px 10px 10px; width: 100%; color: #000; outline: none; border-radius: 5px;}
.frm_timkiem button{background: url(../images/kinh2.png) no-repeat center center; width: 30px; height: 38px; position: absolute; right: 0px; top: 0px; border: none;}
#header{position: absolute;top: 50px; z-index: 99; width: 100%; left: 0px; transition: background-color 0.5s ease;}
#header .container{position: initial;}
#header.head_in{background: #fff; position: relative; top: 0px; transition: background-color 0.5s ease; border-bottom: 1px solid #f2f2f2;}
#header.head_hover{background: #fff; transition: all 0.5s ease; border-bottom: 1px solid #f2f2f2;}
#header.fixed{position: fixed; top: 0px; z-index: 999; width: 100%; background: #fff; transition: background-color 0.5s ease;}
.logo{float: left; margin-top: 10px;}
.banner{float: left; margin-left: 315px; text-align: center; max-width: 428px;}
.shop_cart{float: right; position: relative; margin-left: 15px; margin-top: 20px;}
.shop_cart a{display: inline-block; background: url(../images/gh.png) no-repeat 0px 5px; width: 34px; height: 34px; color: #000;}
.shop_cart p.num{color: #717171;}
.shop_cart span{display: inline-block; position: absolute; right: 0; bottom: 0; width: 20px; line-height: 20px; text-align: center;background: #ff9801; color: #fff; border-radius: 50%; font-size: 12px;}
.hotline{float: right; background: url(../images/hl.png) no-repeat 0px 5px; padding-left: 40px; margin-left: 50px;}
.hotline p.num{color: #ee1d23; font-family: 'font2'; font-size: 15px;}
#main_video{position: relative; height: 100vh;}
#main_video .video_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; transition: opacity .4s cubic-bezier(.38, .41, .27, 1); z-index: 1; }
#main_video .txt_vd{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9; text-align: center; color: #fff; width: 100%;}
#main_video .txt_vd .name{font-family: 'font5'; margin-bottom: 5px; font-size: 44px;}
#main_video .txt_vd .des{font-family: 'font4'; font-size: 18px; line-height: 30px;}
#main_video .txt_vd .view{margin-top: 15px;}
#main_video .txt_vd .view a{display: inline-block; background: #fff url(../images/xem.jpg) no-repeat 35px center; padding: 10px 40px 10px 55px; border-radius: 40px; color: #000; font-family: 'font3';}
#main_video .txt_vd .view a:hover{opacity: 0.8;}
#main_video video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#menu{position: relative; background: #fff; height: 55px; line-height: 53px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#menu.fixed{position: fixed;top: 0px; z-index: 999; left: 0px; width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);/*FF 3.5+*/
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 5px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.menu_mobile{display: none; overflow: hidden; float: right; margin-top: 15px; margin-left: 20px;}
a#btn_menu_bootstrap{
	display: inline-block;
    font-size: 21px;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #f2f2f2;
}
.menu_desk {float: right; margin-right: 25px;height: 110px;}
.menu_desk > ul { list-style: none; text-align: center; }
.menu_desk > ul > li { float: left;height: 110px;}
.menu_desk > ul > li:not(.li_pro) { position: relative;}
.menu_desk > ul > li > h2 > a, .menu_desk > ul > li > a { color: #fff; text-transform: uppercase; font-size: 14px; padding: 27px 26px 30px; display: block; font-family: 'font3'; border-top: 3px solid rgb(255,255,255,0)}
.menu_desk > ul > li:hover > a {  border-top: 3px solid #000;}
.menu_desk > ul > li:hover > h2 > a { border-top: 3px solid #000;}
.menu_desk > ul > li:hover > a:before{content: ''; position: absolute; left: -6px; top: 0px; width: 42px; height: 46px; background: url(../images/l_menu.jpg);}
.menu_desk > ul > li:hover > a:after{content: ''; position: absolute; right: -6px; top: 0px; width: 42px; height: 46px; background: url(../images/r_menu.jpg);}
.menu_desk > ul > li.active > a { color: #000; background: #18469d; position: relative;}
.menu_desk > ul > li.active > a:before{content: ''; position: absolute; left: -6px; top: 0px; width: 42px; height: 46px; background: url(../images/l_menu.jpg);}
.menu_desk > ul > li.active > a:after{content: ''; position: absolute; right: -6px; top: 0px; width: 42px; height: 46px; background: url(../images/r_menu.jpg);}
.menu_desk h3,.menu_desk h2{line-height: normal;}
.menu_desk ul > li > ul { list-style: none; width: 200px; position: absolute; z-index: 99; background: #fff; visibility: hidden; opacity: 0; top: calc(100% + 1px); 
  transition: 0.4s; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#050203)";/*IE 8*/ -moz-box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/*FF 3.5+*/ -webkit-box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#050203); /*IE 5.5-7*/ 
}
.menu_desk ul > li > ul li { width: 100%; border-bottom: 1px solid #f2f2f2; position: relative; max-height: none; line-height: normal; text-align: left; }
.menu_desk ul > li > ul li:last-child{border-bottom: none;}
.menu_desk ul > li:hover > ul { visibility: visible; opacity: 1; transition: 0.4s; }
.menu_desk ul > li > ul ul { left: 201px; top: 0px; }
.menu_desk ul > li > ul li:hover > ul { visibility: visible; opacity: 1; transition: 0.4s; top: -1px; }
.menu_desk ul > li > ul li a { padding: 10px 10px; font-size: 14px; color: #000; display: block; text-transform: none; }
.menu_desk ul > li > ul li a:hover { background: #000; color: #fff;}
#header.fixed .menu_desk > ul > li > a, #header.head_in .menu_desk > ul > li > a, #header.head_hover .menu_desk > ul > li > a{color: #000;}
#header.fixed .shop_cart a, #header.head_in .shop_cart a, #header.head_hover .shop_cart a{background: url(../images/gh_in.png) no-repeat 0px 5px;}
#header.fixed #timkiem .icon, #header.head_in #timkiem .icon, #header.head_hover #timkiem .icon{background: url(../images/kinh_in.png);}
#header.fixed a#btn_menu_bootstrap, #header.head_in a#btn_menu_bootstrap, #header.head_hover a#btn_menu_bootstrap{color: #000; border: 1px solid #333;}
.sub_nav{position: absolute; left: 0px; width: 100%; background: #000; z-index: 99; top: 100%; padding: 6rem 8vw; opacity: 0; visibility: hidden; transition-delay: 0s;
	text-align: left;
}
.menu_desk > ul > li.li_pro:hover > .sub_nav{
    opacity: 1;
    transition: opacity .3s cubic-bezier(.38,.41,.27,1),transform .3s cubic-bezier(.395,0,.135,1);
    transition-delay: .25s;
    visibility: visible;
}

.sub_nav a {
    padding: 0;
    color: #fff;
    font-family: 'font4';
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 2rem;
}
.sub_nav > ul {
	margin: 0 1rem 20px; float: left;
    width: calc(20% - 2rem);
}
.sub_nav > ul:nth-child(5n+1){clear: left;}
.sub_nav > ul li{line-height: normal;}
.sub_nav > ul li h2{margin-bottom: 5px;}
.sub_nav > ul li h2 a{font-family: 'font3';}
.sub_nav > ul li a:hover{text-decoration: underline;}
.search_mb{float: right; width: calc(100% - 145px);}
.search_mb #timkiem{margin-left: 0px; width: 100%; margin-top: 0px;}
.gh_mb{float: right; position: relative; margin-left: 10px;}
.gh_mb img{position: relative; top: -2px;}
.gh_mb span{position: absolute; right: 0px; bottom: 0px; background: #ff9801; color: #fff; display: inline-block; width: 20px; font-size: 11px; line-height: normal; text-align: center; font-family: 'font3'; height: 20px; line-height: 20px; border-radius: 50%;}
.gh_mb a{display: inline-block; width: 45px; text-align: center;}
#slider{position: relative;}
#slider .swiper-sliderr img{width: 100%; height: auto;}
.prev_slide{background: url(../images/prev_slide.png); width: 38px; height: 38px; position: absolute; left: 20px; top: 40%; cursor: pointer; z-index: 9;}
.next_slide{background: url(../images/next_slide.png); width: 38px; height: 38px; position: absolute; right: 20px; top: 40%; cursor: pointer; z-index: 9;}
.col-r-slider{float: right; width: 315px;}
.col-r-slider .info{background: #18469d; padding: 32px 0px;}
.col-r-slider .info span{display: inline-block; color: #fff; font-family: 'font3'; padding-left: 25px; background: url(../images/diachi.png) no-repeat 0px 1px; margin: 0px 37px; line-height: 23px;}
.hotrokh{background: #e80d13; padding: 20px 18px 27px 22px; position: relative; margin-top: 20px;}
.hotrokh .icon{position: absolute; left: 0px; bottom: 0px; background: url(../images/hg.png) no-repeat; width: 179px; height: 120px; z-index: 0;}
.hotrokh .inn{border: 1px dashed #fe5a5a; border-radius: 10px; padding: 12px 20px 20px 90px; color: #fff; z-index: 0;}
.hotrokh .inn .txt{font-family: 'font2'; text-transform: uppercase; font-size: 14px; margin-bottom: 5px;}
.hotrokh .inn .num{font-size: 15px;}
#thuonghieu{padding: 40px 0px;}
.wrap_th{position: relative;}
#top{position: fixed; bottom: 60px; right: 5px; z-index: 99; display: none; color: #fff; background: rgb(0,0,0,0.6); font-size: 14px; padding: 4px 10px 5px; border-radius: 4px; cursor: pointer;}
#about_home{padding: 40px 0px 60px;}
.name1_about{text-align: left; color: #363636; font-family: 'font4'; font-size: 40px;}
.name2_about{text-align: left; color: #00262d; font-family: 'font1'; font-size: 55px;}
.des_about{font-family: 'font3'; font-size: 15px; line-height: 25px; margin-top: 15px;}
.view_about{margin-top: 20px; text-align: left;}
.view_about a{display: inline-block; color: #fff; font-family: 'font3'; font-size: 14px; background: #cdcdcd url(../images/muiten.png) no-repeat 115px center; width: 150px;height: 40px; line-height: 40px; padding-left: 20px;}
.view_about a:hover{background: #2a5dab url(../images/muiten.png) no-repeat 115px center;}
.wrap_jca_about{margin-top: 20px;}
.slide_about img{width: 100%; height: auto;}
.item_about{text-align: center;}
.item_about .img{margin-bottom: 15px;}
.item_about .img img{margin: auto;}
.item_about .name{margin-bottom: 10px;}
.item_about .name a{color: #fff; font-family: 'font2'; font-size: 20px;}
.item_about .des{color: #fff; font-family: 'font2'; font-size: 14px; line-height: 24px;}
.col-imgs{float: right; width: 610px;}
.slide_about{max-width: 610px; margin: auto;}
img.img_about{border: 10px solid #fff;}
.col-about{float: left; width: calc(100% - 645px);}
.wrap_name{margin-bottom: 25px; text-align: center;}
.wrap_name .name{color: #333; font-family: 'font3'; font-size: 35px; text-transform: uppercase;line-height: normal; display: inline-block; position: relative; background: url(../images/name.png) no-repeat center 19px; min-width: 180px; padding-bottom: 10px;}
.wrap_name .name h1{font-size: 35px; font-weight: normal; line-height: normal;}
.wrap_name .name2{color: #fff;}
.wrap_name .txt_home{color: #000; font-family: 'font3'; font-size: 14px; line-height: 22px; text-align: center; margin-top: 18px;}
.wrap_name .txt_home2{color: #fff;}
#pro_nb{position: relative; padding: 50px 0px;}
.row_pro_home{padding: 20px 0px;}
.name_pro{position: relative; margin-bottom: 25px;}
.name_pro .txt_l{float: left; text-transform: uppercase; font-family: 'font1'; font-size: 27px;color: #00262d;}
.name_pro .txt_r{position: absolute; right: 0px; bottom: 0px;}
.name_pro .txt_r a{display: inline-block; color: #000; font-family: 'font4'; padding-right: 22px; background: url(../images/muiten.jpg) no-repeat right center; font-size: 13px;}
.name_pro .txt_r a:hover{color: #b27f2c;}
.qc_list{float: left; width: 377px;}
.qc_list img{width: 100%; height: auto;}
.all_pro_list{float: right; width: calc(100% - 377px);}
.row_pro_home:nth-child(even) .qc_list{float: right;}
.row_pro_home:nth-child(even) .all_pro_list{float: left;}
.name_home{margin-bottom: 15px; text-align: center; margin-bottom: 30px;}
.name_home span{text-transform: uppercase; font-family: 'font1'; font-size: 27px;color: #00262d; border-bottom: 3px solid #00262d; padding-bottom: 5px;}
.item_menu{position: relative; float: left; width: calc(50% - 24px); margin-bottom: 80px;}
.item_menu:nth-child(2n){float: right;}
.item_menu .list_menu{float: left; background: #fff; position: relative; padding: 30px 140px 30px 20px; width: calc(100% - 175px);height: 400px;}
.item_menu .list_menu .icon1{position: absolute; right: 0px; top: 0px; background: url(../images/icon1.png) no-repeat right top; height: 88px; z-index: 0; width: 100%;}
.item_menu .list_menu .icon2{position: absolute; left: 0px; bottom: 0px; background: url(../images/icon2.png) no-repeat left bottom; height: 155px; z-index: 0; width: 100%;}
.item_menu .list_menu .name{font-family: 'font1'; color: #00262d; font-size: 40px; margin-bottom: 20px; text-transform: capitalize; position: relative;z-index: 1;}
.item_monan{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #b9b9b9;}
.slick_monan{position: relative; z-index: 9;}
.slick-item-sp{outline: none;}
.item_monan .txt{float: left;}
.item_monan .txt h3{font-size: 15px;}
.item_monan .txt a{color: #000; font-family: 'font2';}
.item_monan .price{float: right;color: #d11c1c; font-family: 'font5'; font-size: 15px; line-height: normal;}
.item_menu .img_menu{width: 285px;background: rgba(255, 255, 255, 0.45); position: absolute; right: 0px; top: 75px; z-index: 99;padding: 10px;}
.item_menu .img_menu img{width: 100%; height: auto;}
.col-pro:nth-child(4n+1){clear: left;}
.col-pro{margin-bottom: 25px;}
.col-pro3{margin-bottom: 25px;}
.col-pro3:nth-child(3n+1){clear: left;}
.box_product{position: relative;}
.box_product .img{position: relative; overflow: hidden;}
.box_product .img img{webkit-transition:-webkit-transform 0.5s ease;-moz-transition:-moz-transform 0.5s ease;transition:transform 0.5s ease;transition:0.5s; width: 100%; height: auto;}
.box_product:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.box_product .info{padding: 15px 0px 0px; position: relative; text-align: left;}
.box_product .brand{margin-bottom: 5px; color: #666;}
.box_product .brand a{color: #666; display: block;}
.box_product .brand a:hover{color: #000; text-decoration: underline;}
.box_product .name{text-align: left;}
.box_product .name a{color: #000; font-family: 'font3'; display: block;}
.box_product .name:hover a{color: #b27f2c;}
.box_product .name h3{font-size: 14px;}
.box_product .price{text-align: left; margin-top: 5px; color: #000; font-family: 'font3'; font-size: 13px;}
.box_product .price span.ban{}
.box_product .price span.cu{text-decoration: line-through; margin-left: 10px; color: #7c7c7c;}
.box_product .add_cart{position: absolute; right: 0px; bottom: 10px; cursor: pointer; color: #fff; font-family: 'font3'; font-size: 13px;
	background: #d81313; display: inline-block; padding: 4px 14px 7px; border-radius: 20px 0px 0px 20px;
}
.box_product .add_cart:hover{background: #00262d;}

.box_product .color_pro{text-align: left; margin-top: 8px;}
.box_product .color_pro span{display: inline-block; width: 23px; height: 23px; padding: 2px; border-radius: 50%; border: 1px solid #e5e5e5; margin-right: 2px;}
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;	}
.bottom_detail{margin-top: 20px;}
.info_detail{box-sizing:border-box;}
.item_info_detail{line-height: 20px;padding: 8px 0px; font-family: 'font3';}
.item_info_detail > span{margin-right: 10px; display: inline-block;}
.item_info_detail.name_detail h1{font-size: 25px;color: #00262d;line-height: normal; font-family: 'font1'; text-transform: uppercase;}
.item_info_detail span.price_now{font-size:26px;display: block;float: left; font-family: 'font4';}
.item_info_detail .price_old{font-size:17px;color:#000;text-decoration: line-through;display: block;float: left;font-family: 'font4'; margin-left: 20px;}
.item_info_detail span.sale{float: left; background: #d5578e; font-size: 11px; font-family: 'font4'; display: inline-block; padding: 2px 8px; color: #fff; border-radius: 20px;}
.item_info_detail .wrap_share{margin-top: 0px;}
.line_detail{background: #ebebeb; width: 100%; height: 1px; margin: 15px 0px;}
.item_tab { text-decoration: none; float: left; color: #000; background: #fff; padding: 10px 25px; margin-right: 3px; cursor: pointer; border: 1px solid #fff; border-bottom: none; font-family: 'font2'; font-size: 13px; display: inline-block; text-transform: uppercase; position: relative; z-index: 1;}
.item_tab.active { display: inline-block;border: 1px solid #dedede; border-top: 3px solid #ef3e33; border-bottom: 1px solid #fff; color: #000;}
.contain_content_tab { padding: 20px 0px; background: #fff; position: relative; top: -1px; z-index: 0;border-top: 1px solid #dedede;}
.content_tab { display: none; }
.content_tab.active { display: block; }
.amount_cart{display: inline-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;outline: none}
.item_info_detail .btn{text-transform: uppercase;font-size:14px;}
.btn_Cart_Detail{color:#fff;display:inline-block;cursor:pointer; padding: 12px 25px;
	font-family: 'font2';font-size: 12px;margin-right:5px;border-radius:3px; text-transform: uppercase;
}
.buy-now{background:#ffb916;}
.buy-now:hover{background:#cacd45;color:#fff;}
.buy-to-cart{background:#1a1a1a;}
.buy-to-cart:hover{background:#cacd45; color:#fff;}
.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;}
.main_img_detail{position: relative; width: 100%;}
#sub_img_detail{position: relative; width: 100%; margin-top: 10px;}
.item_owl_sub img{width: 100%; height: auto; border: 2px solid #fff;}
.main_img_detail img{width: 100%; height: auto; max-width: 100%;}
.mz-thumb-selected img{border: 2px solid #000; -webkit-filter: none;filter: none;}
.mz-thumb:hover:not(.mz-thumb-selected) img{-webkit-filter: none;filter: none;}
.spbc{float: right; width: 280px; margin-top: 10px;}
.spbc .title{text-align: left; color: #333; font-family: 'font1'; text-transform: uppercase; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px;}
.info_product{float: left; width: calc(100% - 320px);}
#news{padding: 40px 0px;}
.item_ttnb .img img{width: 100%; height: auto;}
.item_ttnb .info{position: relative; padding: 15px; float: right; width: calc(100% - 60px); background: #f2f2f2; margin-top: -30px;}
.item_ttnb .name{margin-bottom: 7px;}
.item_ttnb .name a{display: block; color: #000; font-family: 'font2'; font-size: 12px; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.item_ttnb .date{float: left; width: 60px; height: 90px; background: #000; text-align: center; color: #fff; padding-top: 20px;}
.item_ttnb .date .r1{font-family: 'font3'; font-size: 20px;}
.item_ttnb .date .r2{font-family: 'font4'; font-size: 11px;}
.item_ttnb .des{font-family: 'font4'; color: #333; font-size: 12px; line-height: 22px; height: 66px; overflow: hidden;}
.item_ttnb .view{margin-top: 10px;}
.item_ttnb .view a{display: inline-block; padding-right: 22px; background: url(../images/muiten.jpg) no-repeat right center; color: #333; font-family: 'font4'; font-size: 13px;}
.item_ttnb:hover .name a{color: #dbba4e;}
.item_ttnb:hover .view a{color: #dbba4e;}
.map_home iframe{height: 465px; width: 100%;}
#doitac{padding: 40px 0px; background: #f2f2f2;}
.img_dt{border: 1px solid #d9d9d9;}
.img_dt:hover{border: 1px solid #00262d;}
.prev_doitac{position: absolute; background: url(../images/prev_th.jpg); width: 16px; height: 16px; cursor: pointer; left: -30px; top: 43%; z-index: 9;}
.next_doitac{position: absolute; background: url(../images/next_th.jpg); width: 16px; height: 16px; cursor: pointer; right: -30px; top: 43%; z-index: 9;}
#footer{position: relative; padding: 40px 0px 10px; background: #111;}
.content_foot{color: #fff; font-size: 15px; line-height: 28px; font-family: 'font4';}
.mxh_f{text-align: left; margin-top: 20px;}
.mxh_f img{display: inline-block; margin-left: 5px;}
.col-foot{margin-bottom: 30px; font-family: 'font3'; }
.title_foot{color: #fff; font-family: 'font2'; font-size: 14px; text-transform: uppercase; margin-bottom: 15px;}
.line_foot{background: url(../images/line_foot.png) no-repeat 0px 0px; height: 1px; margin-bottom: 15px;}
.col-foot-1{float: left; width: 390px; margin-right: 55px;}
.col-foot-2{float: left; width: 190px; margin-right: 50px;}
.col-foot-3{float: left; width: 140px; margin-right: 50px;}
.col-foot-4{float: right; width: 308px;}
.name_company{font-family: 'font1';text-transform: uppercase;font-size:25px;color:#fff; margin-bottom: 20px;}
.foot_info{font-size: 14px; padding-left: 45px; margin-bottom: 13px; color: #fff; padding-top: 5px; min-height: 30px; font-family: 'font3';}
.foot1{background: url(../images/foot1.png) no-repeat 0px 0px;}
.foot2{background: url(../images/foot2.png) no-repeat 0px 0px;}
.foot3{background: url(../images/foot3.png) no-repeat 0px 0px;}
.foot4{background: url(../images/foot4.png) no-repeat 0px 0px;}
ul.ul_foot{list-style: none;}
ul.ul_foot li{position: relative;}
ul.ul_foot li a{font-weight:normal; color:#fff;display:block;font-size:13px;font-family: 'font4'; padding: 5px 0px; display: block; text-transform: capitalize;}
ul.ul_foot li a:hover{text-decoration: underline;}
.all_tags a{border: 1px solid #414141; display: inline-block; padding: 5px 10px; color: #fff; font-family: 'font4'; font-size: 13px;}
.all_tags a:hover{background: #414141; color: #fff;}
#bottom{background: #222; text-align: center; color: #fff; font-family: 'font3'; font-size: 12px; padding: 12px 0px;}
.copyright{text-align: left; float: left; margin-top: 5px;}
.thongke{float: right; text-align: right;}
.thongke span{margin: 0px 10px;}
.list_bvlq{margin-top:20px; border-top: 1px solid #eee; padding-top: 15px; margin-bottom: 20px;}
.list_bvlq ul{list-style:none;}
.list_bvlq ul li{margin-bottom:10px;}
.list_bvlq ul li i{margin-right: 5px;}
.list_bvlq ul li a{font-size:14px;color:#333;}
.list_bvlq ul li a:hover{text-decoration:none; color: #00262d;}
.list_bvlq ul li span{color:#999;}
.name_bvlq{font-weight:bold;font-size:17px;margin-bottom:10px;}
.col_news{margin-bottom: 25px;}
.col_news:nth-child(3n+1){clear: left;}
.box_news{border: 1px solid #eaeaea;}
.box_news .img img{width: 100%; height: auto;}
.box_news .info{padding: 20px; border-top: 1px solid #eaeaea;}
.box_news .name{margin-bottom: 8px;}
.box_news .name a{color: #000; font-family: 'font2';}
.box_news .name h3{font-size: 15px; font-weight: bold;}
.box_news .des{font-size: 14px; line-height: 24px; font-family: 'font3'; text-align: left; margin-bottom: 10px; color: #666;}
.box_news .view a{font-size: 14px; color: #000;}
.box_news:hover .name a{color: #00262d;}
.box_news:hover .view a{color: #00262d;}
.map_hethong{margin-top: 20px;}
.map_hethong iframe{width: 100%; height: 300px;}
.frm_lh{margin-top: 20px;}
.frm_lh .title{text-transform: uppercase; font-family: 'font2'; font-size: 18px; margin-bottom: 20px;}
.frm_lh form{max-width: 495px; margin: auto;}
#map_canvas iframe{width: 100%; height: 350px;}
.txt_l_lh{text-align: left; text-transform: uppercase; font-size: 18px; font-family: 'font2'; margin-bottom: 20px;}
.r_lh{margin-bottom: 15px; min-height: 28px; padding-left: 40px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; font-family: 'font2'; font-size: 13px;}
.r_lh1{background: url(../images/lh1.jpg) no-repeat 4px 3px;}
.r_lh2{background: url(../images/lh2.jpg) no-repeat 0px 4px;}
.r_lh3{background: url(../images/lh3.jpg) no-repeat 0px 3px;}
.link_map{margin-bottom: 30px;}
.link_map a{display: block; background: url(../images/map.png) no-repeat 0px 0px; line-height: 48px; padding-left: 60px; font-size: 13px; color: #000; font-family: 'font2';}
#dknt{position: relative;}
.col-dknt{float: right; width: 50%; background: rgb(0,0,0,0.7); padding: 60px 80px;}
.txt_dknt1{color: #fff; font-family: 'font4'; font-size: 25px; margin-bottom: 5px; text-align: center; text-transform: uppercase;}
.txt_dknt2{color: #fff; font-family: 'font4'; font-size: 12px; margin-bottom: 20px; text-align: center;}
.frm_dknt{max-width: 570px; margin: auto;}
.frm_dknt .r_dknt input{width: calc(50% - 5px); float: left;}
.frm_dknt .r_dknt input:nth-child(2n){float: right;}
.frm_dknt input{border: none; padding: 11px 15px; font-size: 14px; width: 100%; margin-bottom: 10px; background: #fff; color: #000; border-radius: 5px;}
.frm_dknt textarea{width: 100%; border:none; padding: 11px 15px; font-size: 14px; background: #fff; color: #000; border-radius: 5px;}
.btn_ac{margin-top: 10px; text-align: center;}
.btn_ac input{display: inline-block; font-size: 14px; padding: 12px 25px; width: auto; min-width: 130px;}
.btn_ac input[type='submit']{background: #b3b3b3; color: #fff; font-family: 'font4'; font-size: 13px; border-radius: 5px; text-align: center; text-transform: uppercase;}
.btn_ac input:hover{background: #000;}
.frm_dknt input::-webkit-input-placeholder {color: #000; }
.frm_dknt input::-ms-input-placeholder {color: #000; }
.frm_dknt input::placeholder { color: #000; }
.frm_dknt textarea::-webkit-input-placeholder {color: #000; }
.frm_dknt textarea::-ms-input-placeholder {color: #000; }
.frm_dknt textarea::placeholder { color: #000; }
.company_name{text-align: center; background: #00262d; color: #fff; padding: 20px 10px; font-family: 'font1'; text-transform: uppercase; font-size: 25px;}
#gallery{padding: 50px 0px;}
.list_al{text-align: center; margin-bottom: 20px;}
.list_al span{display: inline-block; color: #000; font-family: 'font2'; padding: 10px 20px; font-size: 20px; text-transform: uppercase; cursor: pointer; border: 1px solid rgb(255,255,255,0);}
.list_al span:hover, .list_al span.active{color: #46183c; border: 1px solid #46183c;}
.list_al span.star{background: url(../images/sao.jpg) no-repeat center 0px; width: 14px; height: 13px; margin-top: 10px; padding: 0px; margin: 0px 20px;}
.item_al{position: relative; overflow: hidden;}
.item_al img{webkit-transition:-webkit-transform 0.5s ease;-moz-transition:-moz-transform 0.5s ease;transition:transform 0.5s ease;transition:0.5s; width: 100%; height: auto;}
.item_al:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item_al a{display: block;}
.item_al .name{position: absolute; color: #fff; font-family: 'font5'; font-size: 35px; top: 5rem; left: 5rem; z-index: 9; letter-spacing: 5px;}
.item_al:hover .info{opacity: 1; visibility: visible; transition: all 0.4s;}
.view_al{margin-top: 20px; text-align: center;}
.view_al a{display: inline-block; color: #000; border: 2px solid #000; font-size: 14px; font-family: 'font4'; padding: 10px 25px; text-transform: capitalize;}
.view_al a:hover{color: #fff; background: #000;}
.col-l-gt{float: left; width: calc(50% - 23px);}
.col-l-gt .txt1{font-family: 'font2'; font-size: 34px; color: #46183c; margin-bottom: 10px; line-height: normal;}
.col-l-gt .txt1 h1{font-size: 34px;}
.col-l-gt .txt2{font-family: 'font2'; font-size: 18px;}
.col-l-gt .line_gt{width: 100px; height: 2px; background: #fdb768; margin: 25px 0px;}
.col-r-gt{float: right; width: calc(50% - 23px);}
.row_ab{border: 1px solid #ddd; position: relative; margin-bottom: 20px;}
.row_ab .title{font-family: 'font2'; font-weight: bold; font-size: 18px; line-height: 60px; cursor: pointer;}
.row_ab .title i{float: left; width: 60px; height: 60px; line-height: 60px; margin-right: 22px;
	text-align: center; color: #000; background: #eee; font-size: 18px; font-weight: bold;
}
.row_ab .title i.i1{display: block;}
.row_ab .title i.i2{display: none;}
.row_ab .cont{font-family: 'font2'; font-size: 15px; padding: 20px; text-align: justify; border-top: 1px solid #ddd; display: none;}
.content_gt{margin-top: 50px;}
.row_ab.active .title i{background: #242f3d; color: #fff;}
.row_ab.active .title i.i1{display: none;}
.row_ab.active .title i.i2{display: block;}
.wrap_video{position: relative;}
.big_vd{position: relative;}
.big_vd .play{position: absolute; width: 90px; height: 90px; background: url(../images/play1.png); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; background-size: 100% 100%;}
.big_vd img{width: 100%; height: auto;}
.small_vd{position: absolute; right: 8%; top: 0px; z-index: 9; padding: 20px 30px; background: rgb(0,0,0,0.6); height: 100%; display: flex; max-width: 20%;}
.all_vd{position: relative; width: 100%; margin: auto;}
.item_vd{position: relative; width: 100%; margin: 5% 0px;}
.item_vd img{width: 100%; height: auto;}
.item_vd .play{position: absolute; width: 26px; height: 26px; background: url(../images/play2.png); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.list_pro{padding: 30px 0px;}
.wrap_pro{margin-bottom: 25px;}
.wrap_pro .title{background: #f0f0f0; font-family: 'font2'; color: #333; text-align: center; padding: 50px 10px; margin-bottom: 10px;}
.wrap_pro .title p.name_list{font-size: 30px; text-transform: uppercase;}
.wrap_pro .title p.name_pro{font-size: 20px;}
.item_pro .name{margin-top: 15px; text-align: center; margin-bottom: 8px;}
.item_pro .name a{color: #333;}
.item_pro .name h3{font-size: 18px; font-weight: bold;}
.item_pro .view{text-align: center;}
.item_pro .view a{color: #848490; display: inline-block; padding-right: 22px; background: url(../images/muiten.jpg) no-repeat right center; font-size: 13px;}
.item_pro .img{position: relative; overflow: hidden;}
.item_pro .img img{webkit-transition:-webkit-transform 0.5s ease;-moz-transition:-moz-transform 0.5s ease;transition:transform 0.5s ease;transition:0.5s; width: 100%; height: auto;}
.item_pro:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item_pro:hover .name a{color: #46183c;}
.item_pro .view a:hover{color: #000;}
.pro_one .info{margin-bottom: 20px;}
.pro_one .col-l{float: left; width: calc(100% - 240px);}
.r_info_pro{display: inline-block; float: left; width: 47%; font-size: 18px; font-family: 'font2'; margin-bottom: 10px; padding-right: 3%;}
.r_info_pro:nth-child(2n+1){clear: left;}
.pro_one .col-r{float: right; width: 220px;}
.pro_one .col-r img{max-height: 36px; width: auto;}
.pro_one .imgs{margin-bottom: 20px;}
.one_img{float: left; width: calc(100% - 218px);}
.one_img img{width: 100%; height: auto;}
.one_thumbs{float: right; width: 208px;}
.one_thumbs .slick-slide{margin-bottom: 10px;}
.one_thumbs img{width: 100%; height: auto;}
#other{padding: 0px 0px 40px;}
.col-other { margin-bottom: 30px; text-align: left; }
.col-other .title { position: relative; margin-bottom: 8px; color: #00262d; font-family: 'font1'; font-size: 30px; text-transform: uppercase; }
.col-other .line_other { background: #e8e8e8; height: 1px; width: 35px; margin-bottom: 20px; }
#other .content.news h4 { margin: 0; margin-bottom: 5px; font-size: 14px; line-height: 20px; max-height: 42px; overflow: hidden; }
#other .content.news h4 a { font-family: 'font2'; color: #000; text-decoration: none; transition: all 0.5s ease; }
#other .content.news h4:hover a { color: #ed1c24; }
#other .content.news .news-thumbnail { background: #fff; }
#other .content.news .desc { font-size: 13px; font-family: 'font3'; line-height: 22px; color: #333; max-height: 46px; overflow: hidden; }
#other .content.news .view-more { margin-top: 15px; }
#other .content.news .view-more a { text-decoration: none; color: #333; display: inline-block; padding: 12px 22px 11px; border: 2px solid #333; font-family: 'font3'; font-size: 12px; text-transform: uppercase; }
#other .content.news .view-more:hover a { background: #ed1c24; color: #fff; border: 2px solid #ed1c24; }
#other .content.news .list-news-small { }
#other .content.news img:hover { opacity: 0.8; }
#other .big-news { margin-bottom: 20px; padding-left: 0px; padding-right: 10px; }
#other .big-news img { width: 100%; height: auto; margin-bottom: 10px; }
#other .content.news .list-news-small .small-item { margin-bottom: 10px; padding-bottom: 10px; outline: none; }
/*#other .content.news .list-news-small .small-item .info{float: right; width: calc(64% - 12px);}*/
/*#other .content.news .list-news-small img { float: left; max-width: 150px; margin-right: 10px; }*/
#other .content.news .date_create { margin-top: 5px; color: #fff; font-size: 13px; font-style: italic; }
.title_other{text-align: left; font-family: 'font3'; font-size: 25px; text-transform: uppercase; margin-bottom: 10px;}
.line_other{background: url(../images/line_other.jpg) repeat-x; height: 3px; margin-bottom: 20px;}
.col-other-l{float: left; width: 450px;}
.col-other-r{float: right; width: calc(100% - 480px);}
.row_ttnb{outline: none;}
.small-item{margin-bottom:25px;}
.small-item .date{color: #5d5d5d; font-family: 'font3'; font-size: 13px; margin-bottom: 8px;}
.small-item .img{position: relative; float: left; width: 220px;}
.small-item .img img{width: 100%; height: auto;}
.small-item .info{position: relative; float: right; width: calc(100% - 240px);}
.small-item .name{margin-bottom: 5px;}
.small-item .name a{display: block; color: #000; font-family: 'font2'; font-size: 14px;}
.small-item .des{color: #333; font-family: 'font3'; font-size: 13px; line-height: 22px; max-height: 66px; overflow: hidden;}
.small-item .view{text-align: left; margin-top: 10px;}
.small-item .view a{color: #333; font-size: 12px; display: inline-block; border: 1px solid #00262d; padding: 7px 15px 6px;}
.small-item .view a:hover{background: #00262d; color: #fff;}
.small-item:hover .name a{color: #00262d;}

#other2{margin-top: 40px;}
.main-vd{position: relative; float: left; width: calc(100% - 160px);}
.thumb_video{position: relative; float: right; width: 150px;}
.list-vd{}
.item-vd{margin-bottom: 10px; position: relative; outline: none;}
.item-vd img{width: 100%; height: auto;}
.item-vd a:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
  background: url(../images/play.png) no-repeat center center; 
}
.item-vd:hover img{opacity: 0.9;}
#hethong{padding: 40px 0px;}
#qc img{width: 100%; height: auto;}
.item_qc{float: left; width: calc(50% - 10px);}
.item_qc img{width: 100%; height: auto;}
.item_qc:nth-child(2n){float: right;}
.name_dv{text-align: center; font-family: 'font1'; text-transform: uppercase; font-size: 28px; color: #fff; margin-bottom: 10px;}
.slogan{text-align: center; color: #e6e6e6; font-family: 'font3'; font-size: 14px; margin-bottom: 20px;}
.dv_type1{padding: 40px 0px;}
.wrap_dv{background: #fff; padding: 30px 25px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);/*FF 3.5+*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 4px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.item_dv_home{position: relative;}
.item_dv_home .name{background: #00262d; text-align: center; padding: 18px 7px;}
.item_dv_home .name h3{font-size: 14px;}
.item_dv_home .name a{display: block; color: #fff; font-family: 'font2'; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.item_dv_home .des{padding: 20px; border-bottom: 2px solid #c4c4c4; font-family: 'font3'; font-size: 14px; line-height: 22px;}
.head_dv{padding: 50px 10px 25px;}
.row_dv_type2{position: relative;}
.all_dv_type2{margin-bottom: 30px;}
.item_dv_home2 .info{float: left; width: 50%; text-align: right; padding: 65px;}
.item_dv_home2 .info .name{margin-bottom: 10px;}
.item_dv_home2 .info .name h3{font-size: 24px;}
.item_dv_home2 .info .name a{color: #00262d; font-family: 'font2'; text-transform: uppercase; display: block;}
.item_dv_home2 .info .name a:hover{color: #ff0000;}
.item_dv_home2 .info .line{display: inline-block; width: 35px; height: 1px; background: #ff0000; margin-bottom: 10px;}
.item_dv_home2 .info .des{font-family: 'font3'; line-height: 25px;}
.item_dv_home2 .img{float: right; width: 50%;}
.item_dv_home2 .img img{width: 100%; height: auto;}
.item_dv_home2_r .info{float: right; text-align: left;}
.item_dv_home2_r .img{float: left;}
.col-dt{float: left; width: calc(100% / 6); padding: 10px;}
.col-dt img{width: 100%; height: auto;}
#why{padding: 60px 0px;}
.item_why{position: relative;}
.item_why .img{float: left; width: 61px;}
.item_why .info{float: right; width: calc(100% - 75px); color: #fff;}
.item_why .info .name{margin-bottom: 5px; font-family: 'font2';}
.item_why .info .des{font-family: 'font3'; font-size: 13px;}
.qc img{width: 100%; height: auto;}
#xuhuong{padding: 40px 0px; background: #f0f0f0;}
.des_home{text-align: center; color: #808080; font-family: 'font4'; font-size: 16px; margin-top: 15px;}
.item_xh img{width: 100%; height: auto;}
#pro_tab{position: relative; padding: 0px 0px 20px;}
.name_tab{text-align: center; margin-bottom: 35px;}
.li_tab{display: inline-block; font-family: 'font2'; text-transform: uppercase; margin: 0px 30px 8px; cursor: pointer; color: #000; font-size: 15px;}
.li_tab:hover, .li_tab.active{border-bottom: 1px solid #000;}
.show_tab{position: relative;}
.content_main{position: relative;}
.prev_sp{position: absolute; width: 21px; height: 43px; background: url(../images/prev_sp.png); left: -30px; top: 30%; cursor: pointer; z-index: 9;}
.next_sp{position: absolute; width: 21px; height: 43px; background: url(../images/next_sp.png); right: -30px; top: 30%; cursor: pointer; z-index: 9;}
.content_main .prev_sp{top: 35%;}
.content_main .next_sp{top: 35%;}
.content_main .text img{max-width: 100%; height: auto !important;}
.row_pro_qty span{position: relative; top: -10px;}
.option-list{display: inline-block;}
.option-list button {
    display: inline-block;
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    cursor: pointer; margin-right: 5px;
    background: #fff; font-size: 13px;
    margin-bottom: 5px;
    font-family: 'font3';
}
.row_pro_color > span{position: relative; top: -10px;}
.color-option button{
    border: 1px solid #ebebeb; border-radius: 50%; padding: 0px;
}
.color-option button span{display: block; border-radius: 50%; border-radius: 50%;margin: 2px; width: 25px; height: 25px;}
.option-list button i {
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 26px;
    opacity: 0;
}
.option-list button.active{
  border: 1px solid #e53d40;
  /*background: url('../images/color_sel.png') no-repeat right bottom;*/
}
.option-list button.active i {
    opacity: 1;
}
.option-list button:focus{outline: none;}
#btn_filter{width: 100%; display: none; margin-bottom: 20px; background: #00262d; border-color: #00262d; padding: 10px;}
.row_filter{margin-bottom :20px;}
.name_filter{text-align:left;font-size:15px;position:relative;padding:10px ;cursor:pointer; background: #f2f2f2; color: #00262d; font-family: 'font1'; text-transform: uppercase;}
.name_filter span{position:absolute;right:0px;top:-1px;font-size:20px;}
.name_filter span.close_ex{display:none;top:-11px;}
.name_filter.ex span.open_ex{display:none;}
.name_filter.ex span.close_ex{display:block;}
.name_filter:hover{color:#c44525;}
.content_filter{margin-top:15px;}
.item_filter{position:relative;color:#333;text-align:left;margin-bottom:10px;z-index:9}
.item_filter input{position:absolute;opacity:0;cursor:pointer;left:0;z-index:0}
.item_filter label{margin-left:30px;cursor:pointer;color:#333;display:block;font-family:'arial';font-size:14px;font-weight:normal;}
.item_filter .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;border:1px solid #ccc;background-color:#fff}
.item_filter:hover input ~ .checkmark{background-color:#eee}
.item_filter input:checked ~ .checkmark{background-color:#fff}
.item_filter .checkmark:after{content:"";position:absolute;display:none}
.item_filter input:checked ~ .checkmark:after{display:block}
.item_filter .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid #000;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.item_filter.active .checkmark{}
.item_filter.active .checkmark:after{display:block}
.filter_size{display: inline-block; margin-right: 15px;}
.color_item{display:inline-block;margin-right:5px;margin-bottom:5px;border:1px solid #fff;border-radius:4px;cursor:pointer;}
.color_item span{display:block;width:25px;height:25px;border-radius:4px;border:1px solid #ccc;}
.color_item:hover,.color_item.active{border:1px solid #c44525;}
.sel_filter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;margin:0 10px 0 0;}
.title_register{text-align: left; padding: 10px; background: #00262d; color: #fff; font-family:'font2';text-transform:uppercase; font-size: 15px; margin-bottom: 15px;}
/*.col-l-pro{position: sticky; top: 60px;}*/
.name_product{color: #00262d; font-family: 'font1'; font-size: 20px; text-transform: uppercase;line-height: normal; padding-bottom: 5px; border-bottom: 2px solid #00262d; margin-bottom: 25px; display: inline-block;}
.name_product h1{font-size: 20px;}
.box_product_list{position: relative;}
.box_product_list .name{background: #000; text-align: center;}
.box_product_list .name h3{font-size: 15px;}
.box_product_list .name a{display: inline-block; color: #fff; font-family: 'font4'; padding: 10px 22px 10px 10px; background: url(../images/muiten2.png) no-repeat right 18px;}
.box_product_list:hover .name{background: #333;}