@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
::-webkit-scrollbar{background:#f6f8f6;width:10px;height:11px}
::-webkit-scrollbar-thumb{background:#BBB}
*{margin:0;padding: 0;list-style: none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{/* min-width: 100% !important; */}
.fb-comments,.fb-comments iframe[style],.fb-like-box,.fb-like-box iframe[style]{width:100%!important}
.fb-comments span,.fb-comments iframe span[style],.fb-like-box span,.fb-like-box iframe span[style]{width:100%!important}
.addthis_native_toolbox{margin:10px 0;width:100%;clear:both;border:1px solid #ededed;padding:10px;margin-bottom:10px;background:#f7f6f6;box-sizing:border-box}
.addthis_native_toolbox b{float:left;font-size:14px;text-transform:uppercase;margin-right:10px}
.clear{clear:both}
img{max-width:100%;height:auto}
div.bando img{max-width:none!important}
body{font-family:'Bell Gothic Std','Helvetica','Arial',sans-serif;font-size:13px;line-height:1.5;background-color:#FFF;-webkit-appearance: none;
border-radius: 0;}
@font-face {
    font-family: 'Helvetica';
    src: url('font/HelveticaNeue.eot');
    src: url('font/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('font/SVN-SegoeUI.ttf') format('truetype'),
    url('font/HelveticaNeue.svg#SVN-Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Magda-Text";
    src: url("font/Magda-Text.eot");
    src: url("font/Magda-Text.eot?#iefix")format("embedded-opentype"),
    url("font/Magda-Text.woff2")format("woff2"),
    url("font/Magda-Text.woff")format("woff"),
    url("font/Magda-Text.ttf")format("truetype"),
    url("font/Magda-Text.svg#Magda-Text")format("svg");
}
@font-face {
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 1px;

    src: url("font/BellGothicStdBlack.eot");
    src: url("font/BellGothicStdBlack.eot?#iefix")format("embedded-opentype"),
    url("font/BellGothicStdBlack.woff2")format("woff2"),
    url("font/BellGothicStdBlack.woff")format("woff"),
    url("font/BellGothicStdBlack.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/1b660af095091355bd82d18ca3265b03.svg#Bell Gothic Std Black")format("svg");
}
@font-face {
    font-family: 'Poppins';
    src: url('font/FZ-Poppins-Bold.ttf');
    src: url('font/FZ-Poppins-Light.ttf');
    src: url('font/FZ-Poppins-Medium.ttf');

}

*[x-apple-data-detectors],  /* iOS */
.x-gmail-data-detectors,    /* Gmail */
.x-gmail-data-detectors *,
.aBn {
    border-bottom: 0 !important;
    cursor: default !important;
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}
a{text-decoration: none;}
.not-show{width:0;height:0;overflow:hidden;z-index:-99;position:fixed;top:-500px}
div#wapper{
	margin:0 auto;
	width:100%;
	margin-top: 0px;
	overflow: hidden;
	background: #f6f8f6;
}
.col_w50{width:50%;float:left;}
.col_w60{width:60%;float:left;}
.col_w40{width:40%;float:left;}
.col_w30{width:30%;float:left;}
.col_w80{width:80%;float:left;}
.col_w70{width:70%;float:left;}
.col_w25{width:25%;float:left;}
.col_w20{width:20%;float:left;text-align: left;}
.col_w15{width:15%;float:left;}
.col_w10{width:10%;float:left;}
.col_w33{width:calc(100% / 3);float:left}
.col_visible_slider_menu{
    width: 10%;
    float: left;
    border-right: 1px solid #ccc;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.col_visible_slider_menu a{
    color: #333;
    font-size: 25px;
}
.col_visible_logo{
    width: 75%;
    float: left;
}
.col_visible_cart_login{
    width: 15%;
    float: left;
    border-left: 1px solid #ccc;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.dangky_mobile{
    border-right: 1px solid #ccc;
    height: 50px;
    display: flex;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    padding-right: 15px;
}
a#open_cart_mobile{
    padding-left: 30px;
}



.pdr25{padding-right: 25px}
.pdl25{padding-left: 80px}
.info span{display: block}
#gioithieu_index{width:100%;padding:30px 0px;margin-bottom:20px;}
#popup_size_chart {position:fixed;width: 100%;height: 100%;z-index: 999;top:0;left: 0;background: rgba(0, 0, 0, 0.6);display: none}
#popup_size_chart.active{display: block;}
span.close_size_popup {
    position: absolute;
    top: 20px;
    /* margin: 50px auto; */
    right: 20px;
    color: #000;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
}
#popup_size_chart img{display: block;max-height: 600px}
div.header{display:none;}
#header{
    background-color: #fff;
    padding: 15px 0;
}
#header .header_content{
    max-width: 1174px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}


div#slider{margin:0;width:100%;}
.frm_lienhe_index{position:relative;width: 50%;margin:10px auto;background:rgba(255,255,255,0.9);text-align:center;}
.frm_lienhe_index .input_lh{padding: 6px 15px;border:solid 1px #CCC;background:#FFF;border-radius:5px;width:100%;display:inline-block;vertical-align:top;margin-bottom:6px;line-height:20px;font-family: Segoe-UI;}
.frm_lienhe_index #hinh_captcha{height:30px;display:inline-block;vertical-align:top}

div#main_content{width:100%;margin:0px auto;background: #f6f8f6;}
#col_left{width: 15%;float: left;margin-top: 25px;}
#col_right{width: 85%;float: left;margin-top: 25px;}

#danhmuc_left ul li a svg{transform: rotate(-90deg);margin-right: 5px;transition: 0.3s}

#danhmuc_left ul li.active a svg{transform: rotate(0deg);transition: 0.3s}
#danhmuc_left ul li ul li a{font-size: 11px; color: #808080;font-weight: 300;line-height: 1.8em;transition: 0.3s;}
#danhmuc_left ul li ul li a:hover,#danhmuc_left ul li ul li a.active{color: #000;transition: 0.3s;font-weight: 700}
#danhmuc_left ul li ul{margin-top: 10px;margin-bottom: 10px;}
#danhmuc_left .dm_cap2{max-width: 120px;display: none}
#danhmuc_left ul li.active .dm_cap2{display: block}

#danhmuc_left .dm_cap2>li{border-bottom: 1px solid #808080}
#danhmuc_left .dm_cap2>li:last-child{border-bottom: none}
.tieude_giua{
    font-family: Segoe-UI;
    text-transform: uppercase;
    font-size: 24px;
    width:100%;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align:center;
    font-weight: 300;
}
.wp_product{display: flex;justify-content: flex-start;flex-wrap: wrap;display: -webkit-flex;}

#product_index .wp_product{margin-left: -10px;margin-right: -10px}
.product__item{
    width: calc((100%/3) - 60px);
    margin:0 30px 30px;
    text-align:center;
    vertical-align:top;
    box-sizing:border-box;
    position:relative;
    font-family:Segoe-UI;
    transition: 0.5s;
    background: #FFF;
    float: left;
    overflow: hidden;
}
.wp_product.inside .product__item,.slick_product .product__item{
    width: calc((100%/4) - 20px);
    margin:0 10px 20px;
}
.product__image-plus{
    position: absolute;
    width: 100%;
    top: 0;
    left: -100%;
    transition: 0.6s;
}
.product__item:hover .product__image-plus{
    left: 0; 
    transition: 0.6s;
}
.product__image{
    line-height: 0;
    display: inline-block;
    border: 1px solid #5abd00;
}
.product__name{
    font-family: 'Segoe-UI';
    font-size: 14px;
    width: 100%;
    color: #000;
    line-height: 1.2em;
    margin-top: 5px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 34px;
}
.product__price,.product_old_price{
    font-family: 'Segoe-UI';
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
}
.product_color{margin-top: 5px;}
.product_old_price{
    text-decoration: line-through;
    padding-left: 15px;
}
.product__tag{
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    padding: 5px 10px;
    background-color: #58bd00;
    color: #fff;
}
.product__tag.sale{
    color: red;
}
.product__tag.best{
    background-color: #C2A77C;
    color: #fff;
}
.p_chucnang{
    text-transform: uppercase;
    min-height: 28px;
    font-size: 10px;
    margin-top: 5px;
}
.p_button{display: flex;justify-content: space-between;margin-top: 5#header .header_contentpx;}
.p_button a{
    display: block;
    width: 48%;
    padding: 7px 0;
    text-align: center;
    border-radius: 3px;
    line-height: 1;
}
.p_button .buy_btn{
    color: #fff;
    background-color: #58bd00;
    cursor: pointer;
}
.p_button .add_cart{
    border: 1px solid #58bd00;
    color: #58bd00;
    cursor: pointer;
}

#main_footer{
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 1366px;
    margin: 0 auto;
}

#main_footer .content_top{
    text-align: center;
    margin-bottom: 40px;
}
.policy_ft{text-align: center;padding: 0 20px;}
.company_name{color: #172774;text-transform: uppercase;font-size: 24px;font-weight: 300;}
.cert{color: #172774;font-size: 20px;}
.logo_ft{display: block;width: 100%;text-align: center;}
.logo_ft img{max-width: 160px;margin: 0 auto}
.social{margin-top:     15px}
.social a{display: inline-block;margin-right: 10px}

#wp_product_info{width: 60%;float: right;}
.product_info{margin: 0 auto;list-style:none;width: 100%;padding-left: 50px}
.product_info li{font-size:13px;line-height: 1.2em;padding: 10px 0;display: flex;align-items: center;}
.product_info li.ten{color: #000000;font-size: 28px;text-transform: uppercase;font-family: Segoe-UI;line-height: 1.5em;color:#5abd00 ;}
.product_info li.giacu{font-size:28px;text-decoration:line-through;}
.product_info span.giacu{font-size:15px;text-decoration:line-through;color: #881e22 !important;margin-left: 9px;}
.product_info li.gia{color:#000;font-size:36px;font-family: 'Segoe-UI';font-weight: 700;}
.product_info p.gia{display:inline-block;float: right;font-family:Segoe-UI;color: #000;}
.product_des{display: block!important}
.product_code{padding: 5px 10px;background-color: #000;color: #fff;display: inline-block;}
.product_info li b{font-family: Segoe-UI;font-weight: 300;font-size:14px;padding: 0px 10px 0px 0px;width: 15%;line-height: 1em;vertical-align: top;display: inline-block;}
.xemgiohang{color: #fff;text-align:center;text-align:center;float: right;font-weight:700;cursor:pointer;font-size:13px;transition:.4s;text-decoration: underline;}
.product_info li .dathang{background: #5abd00;color:#fff;display: inline-block;width: 50%;height: 45px;line-height: 45px;padding: 0px 70px;text-align:center;font-weight:700;cursor:pointer;font-size: 15px;transition:.4s;font-family: Segoe-UI;}
.product_info li .dathang i{margin-right:10px;font-size:25px;margin-top:3px}
.product_info li .dathang:hover{transition:.4s;background: #ffffff;color: #000;border: 1px solid #000}

span.size{display:inline-block;transition: 0.3s;margin-right:5px;cursor:pointer;font-size: 16px;line-height: 1em;padding: 5px 9px;text-align: center;border:1px solid #000;}
span.mausac{display:inline-block;border:1px solid #ccc;width:25px;height:25px;margin-right:5px;cursor:pointer;font-size:0;border-radius: 50%}
span.mausac2{display:inline-block;border:1px solid #ccc;width:18px;height:18px;margin-right:5px;cursor:pointer;font-size:0;border-radius: 50%}
span.mausacmot{display: inline-block;/* float:left; */border:1px solid #DDD;width: 14px;height: 14px;margin-right:5px;cursor:pointer;vertical-align: middle;font-size:0;border-radius: 10px;}
span.sizemot{display:inline-block;padding: 2px 5px;margin-right:5px;cursor:pointer;}
span.active_size,span.size:hover,span.mausac:hover,span.active_mausac{background-color: #000;color: #fff;transition: 0.3s}
span.mausac:hover,span.active_mausac{border: 3px solid #000}
.product_des div{
    margin-top: 7px;
}
.tinhtrang {
    padding: 10px 10px;
    background-color: #5abd00;
    color: #fff;
    margin-left: 10px;
}
div#logo {
    width: 10%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 5px;
}
div#div_dangkynhantin {
    max-width: 1200px;
    margin: 0 auto;
}

.clearfix:after{
    clear: both;
    content: ".";
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
div.tags{
    position: absolute;
    top: 5px;
    right: -6px;
    font-size: 10px;
    padding: 5px 5px 20px 5px;
    z-index: 2;
    color: #ffffff;
    background: #000;
    width: 40px;
    height: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.product_info li:last-child {
    border-bottom: none;
}

ul.product_info li p {
    font-size: 16px;
    font-family: Segoe-UI;
    color: #000000;
    line-height: 28px;
    text-align: left;
}
.product_des{margin-bottom: 10px;}
ul.product_info li.product_des p {
    font-size: 13px;
    font-family: Segoe-UI;
    color: #ccc;
    line-height: 16px;
}
ul.product_info li p span {
    color: black !important;
    font-weight: bold;
    margin-right: 10px;
}
li.product_des p{

}

.tt_lh {
    width: 50%;
    float: left;
    font-family: Segoe-UI;
    padding-right: 15px;
}
.tt_lh a{color: #000!important;}
.tt_lh span{color: #000!important;}
.tt_lh p span {
    font-size: 18px !important;
    font-family: Segoe-UI;
    line-height: 38px;
}


input.click_ajax.click_ajax2 {
    cursor: pointer;background:#000; color:#fff; border:1px solid#000;padding:10px 25px; border-radius:0;width: 100%;font-size: 16px;font-weight: 700;font-family: Segoe-UI;text-transform: uppercase;margin-top: 35px
}
select.phiship{
    width: 100%;
    padding: 10px 5px;
    margin-top: 5px;
    border: 1px solid #ccc;
}
.hienthimau
{
    width: 20px;
    height:20px;
    display: inline-block;
    vertical-align: top;
}

span.tdsp {
    margin-right: 5px;
}

div#dssanphamnewarrival {
    margin-top: 3%;
}

div#dssanpham {
    margin: 32px 0px;
}

a.dathang1.btn-addcart1 {
    /* left: 34%; */
    padding: 4px 10px;
    border: none;
    margin: 5px 0;
    display: inline-block;
    font-family: Segoe-UI;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
    border-radius: 15px;
    line-height: 20px;
    width: 90px;
    opacity: 1;
    transition: 0.4s;
    position: absolute;
    bottom: 8px;
    left: 29%;
    z-index: 10;
}


a.dathang1.btn-addcart1.newarrival {
    left: 34%;
}



.logomobile
{
    display: none;
}

.col_w50.dsphiship {
    margin-top: 3%;
}

.col_w50.dsphiship h3 {
    font-family: Segoe-UI;
    font-size: 18px;
    margin-bottom: 10px;
}


.col_w50.dsphiship label {
    font-family: Segoe-UI;
    font-size: 15px;
    display: block;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000!important;
}
:-moz-placeholder { /* Firefox 18- */
 color: #000!important;
}


.close{
	position: fixed;
    top: 25px;
    right: 50px;
    font-size: 50px;
}
.close i{display: block}
#wp_popup_mauve{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 9999;display:none}
#popup_mauve{padding:100px 100px 0;display: flex}
#slide_img{width: 60%}
#store_content{width: 40%;height: 700px;overflow-y: scroll;}
.thongtinsp {
    text-align: left;
}
ul.dm_cap2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-left:10px;
}


#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  text-align: center;
}

#overlay img {margin-top: 3rem;}
.tt_lh h3 {
    padding: 10px 0px;
    font-family: Segoe-UI;
    font-size: 25px;
}

.logo {
    display: inline-block;
    transition: 0.4s;
    max-width: 80px;
}
.wp_logo{display: none;}



#list_cart li{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding-bottom: 30px;
}
.list_cart{max-height: calc(100vh - 280px); overflow-y: auto;}
.img_cart,.price_delete{
	width: 35%;
	text-align: center;
}
.cart_info{text-align: left}
.cart_info span{
	display: flex;
	align-items: center;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.cart_info p span.hienthimau{height: 15px;width: 15px;}

.wap_menu_bottom{margin-bottom: 25px;margin-top: 25px}


.cart_info{
	width: 70%;
	padding: 0 0px 0 10px;
}
.cart_info .cart_pname a{
	display: block;
	margin-bottom: 5px;
	color: #464646;
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
    font-weight: 600;

}
.cart_info .q_price{
	margin-top: 5px;
	display: block;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cart_info .quantity{line-height: 1em;padding:7px;text-align: center;background-color: #ccc;display: inline-block;}
.price_delete span{
    color: #000000;
    font-family: Segoe-UI;
    font-size: 13px;
}
.close_cart{
	position: absolute;
	right: 0;
	top: 1%;
	cursor: pointer;
}
ul#list_cart{
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    max-height: 280px;
    padding: 10px 15px;
}
.check_out{
	width: 100%;
	margin-top: 30px;
	padding: 10px 15px;
}
ul.check_out li.oder_total {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    font-family: Segoe-UI;
    font-size: 13px;

}
a.check_out_btn,.shopping_btn{
    text-align: center;
    background: #333;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
    font-weight: bold;

    text-transform: uppercase;
    padding: 5px;
    line-height: 28px;
    width: 100%;
    display: block;
}
.shopping_btn{margin-top: 15px}
.oder_total{
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	border-top: 1px solid #ccc;
}
..oder_total span{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
p.number_product{
	text-transform: uppercase;
	text-align: left!important;
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

	font-size: 16px;
	line-height: 1em;
	margin-bottom:  30px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;
}

li#size_chart p,li#size_chart span{
    display: inline-block;
    font-size: 14px;
    font-family: Segoe-UI;
    text-decoration: underline;
}
.click_size_chart{cursor: pointer;display: flex;align-items: center;font-weight: 700}
.click_size_chart svg{margin-left: 10px;width: 13px}
li#size_chart span{padding-left: 10px;}
li.table_size_chart{display: none;}
li.table_size_chart.active{display: block;}
li.table_size_chart table{
    font-family: LatoRegurlar;
    font-size: 13px;
}
#wp_size_chart{position: absolute;max-height: 600px;margin: 0 auto;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #fff}
#giohang{width: 100%;}
#wp_cart_total{width: 100%;}
#wp_cart_total h3{
	/*border-bottom: 2px solid #ccc;*/
	padding-bottom: 5px;
}
#wp_cart_total p{font-size: 13px;}
#giohang tr{position: relative;}
#cart_total p{line-height: 2.4em;}
.tongthanhtoan{
    font-size: 15px;
    font-weight: bold;
    color: red;
}
.left_gh .logo{display: none}

a#delete_cart {
    display: block;
}
.col_product{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.cart_name{min-width: 120px;max-width: 150px}
#shipping{margin-top: 20px;}
#shipping input{margin-top: 10px}
#httt input{vertical-align: middle;}
#httt p{;padding-left: 5px}
#bank_number{padding-bottom: 20px}
.news_img{width: 50%;float: left}
.news_content{width: 50%;float: right;position: relative;}
/*-------hambergur-------*/
#hamburger-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 30px;
    height: 35px;
    display: block;
    visibility: hidden;
    opacity: 0;
}
#hamburger-icon.show{
    visibility: visible;
    opacity: 1;
}
#hamburger-icon .line {

    width: 30px;
    background: #000;
    margin: 6px 0 0 0;
    height: 2px;
    display: block;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.line-1 {
  margin-top: 0;
}

#hamburger-icon:hover .line-1 {
  width: 30px;
}

#hamburger-icon:hover .line-2 {
  width: 40px;
}

#hamburger-icon:hover .line-3 {
  width: 20px;
}
/*----end hamburgur-------*/

.wp_gallery{display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #000}
.gallery__item{position: relative;width: 50%;float: left}
.gallery__item:nth-child(1){
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.gallery__item:nth-child(2){
    border-bottom: 1px solid #000;
}
.gallery__item img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
#banner{text-align: center;}
#banner img{width: 100%}
#product_index{
    margin-top: 50px;
    text-align: center;
}
#product_index .title,#collagen .title,#tintuc_index .title,#chungchi .title,.title.inside{
    display: inline-block;
    font-size: 28px;
    line-height: 1em;
    font-weight: 700;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #5abd00;
}
.title.inside{margin-top: 40px;}
.title span{
    background-color: #fff;
    display: inline-block;
    padding: 5px 15px;
    font-weight: bold;
    color: #5abd00;
    position: relative;
    top: 2px;
}
#collagen{margin-top: 50px;}
.wp_collagen{margin-top: 40px;}
.wp_collagen .content{padding-left: 20px;font-size: 16px;margin-top: 0;}
#related_product{margin-top: 50px}
#related_product .title{
    font-size: 28px;
}
#product_index .slick_product,#related_product .slick_product{margin-top: 50px;}
#related_product .slick_product{margin-left: -18px;margin-right: -18px;}
.see_more{color: #000;text-transform: uppercase;font-weight: 700;font-size: 22px;border-bottom: 2px solid #000}
#slide_menu{
    position: fixed;
    width: 270px;
    height: 100vh;
    top: 0;
    left: -270px;
    background-color: #fff;
    z-index: 999;
    transition: left 0.4s ease-out;
    padding: 20px 25px 0;
    overflow-y: scroll;
    display: none;
}
#slide_menu .list_menu{list-style: none;margin-top: 30px}
#slide_menu .list_menu li{position: relative;cursor: pointer;}
#slide_menu .list_menu li a{color: #000;text-transform: uppercase;font-size: 18px;line-height: 2em;position: relative;}
#slide_menu .dm_cap1{padding-left: 15px;display: none}
#slide_menu .dm_cap1 > li a{font-size: 14px;text-transform: initial;color: #555252;line-height: 1.8em;display: block}
#slide_menu .dm_cap1 > li > a{text-transform: uppercase;color: #000}
#slide_menu.show{
    left: 0;
    transition: left 0.4s ease-in;
}
.close_menu{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.over-play{
    position: fixed;
    top: 0;
    left:0;
    width: 100vw;
    height: 100vh;
    background-color:rgba(0,0,0,0.6);
    z-index: 888;
    display: none;
}
.circle-plus {
    height: 20px;
    width: 20px;
    font-size: 1em;
    opacity: .7;
    position: absolute;
    top: 8px;
    right: 0;
}
.closed .vertical {
    transition: all 0.3s ease-in-out;
    transform: rotate(-90deg);
}
.closed .horizontal {
    transition: all 0.3s ease-in-out;
    transform: rotate(-90deg);
    opacity: 1;
}
.opened{opacity: 1}
.opened .vertical {
    transition: all 0.3s ease-in-out;
    transform: rotate(90deg);
}
.opened .horizontal {
    transition: all 0.3s ease-in-out;
    transform: rotate(90deg);
    opacity: 0;
}
.circle-plus .circle {
    position: relative;
    width: 20px;
    height: 20px;
}
.circle-plus .circle .horizontal {
    position: absolute;
    background-color: #000;
    width: 16px;
    height: 2px;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -1px;
}
.circle-plus .circle .vertical {
    position: absolute;
    background-color: #000;
    width: 2px;
    height: 16px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -8px;
}
.load_session_cart {
    width: 350px;
    right: -350px;
    position: fixed;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
    line-height: 1em;
    /*padding: 25px;*/
    z-index: 999;
    top: 0;
    height: 550px;
}
.load_session_cart.show{
    right: 2%;
    transition: 0.4s ease;
    visibility: visible;
    opacity: 1;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}

/**   **************  */
/*input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}*/

.number-input {
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  margin: 0;
  position: relative;
  border:1px solid #ccc;
  background-color: #f5f5f5
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 10px;
  height: 2px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  width: 60px;
  padding: .5rem;
  font-size: 13px;
  height: 2rem;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left: none;
  border-right:none;
  margin-right: 0;
}
/*.list_cart{max-height: 500px;overflow: scroll;}*/

#social {text-align: left;margin-top: 10px;}
#social a{ display: flex;align-items: center;text-transform: uppercase;font-weight: 300;margin-bottom: 5px}
#social img{ max-height: 28px ;display: inline-block;margin-right: 10px}
.flex-end{justify-content: flex-end!important;}
.flex-start{justify-content: flex-start!important;}
#video_index{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
#video_index iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.splash-screen {
    position: fixed;
    left: 0;
    top: 0;
    background: white;
    width: 100%;
    height: 100vh;
    z-index: 11111111;
    animation: backgroundChange .5s linear 1.5s forwards, fadeOut .5s linear 2s forwards;
}

.splash-screen-text {
    left: 50%;
    top: calc(50% - 4vmax);
    transform: translate(-50%, -50%);
    position: absolute;
    font-size: 7.8vmax;
    width: fit-content;
    display: flex;
    font-family: sans-serif;
    animation: colorChange .5s linear 1s forwards;
}

.splash-screen-loaded-text {
    transform: scale(1.5);
    animation: scaleText .5s linear .5s forwards;
}

.splash-screen-loading-text {
    width: 0;
    overflow: hidden;
    animation: expand .5s linear .5s forwards;
}

@keyframes scaleText {
    from {
      transform: scale(1.5)
  }

  to {
      transform: scale(1)
  }
}

@keyframes expand {
    from {
      width: 0;
  }

  to {
      width: 31vmax;
  }
}

@keyframes backgroundChange {
    from {
      background-color: white
  }

  to {
      background-color: black
  }
}

@keyframes colorChange {
    from {
      color: black
  }

  to {
      color: white
  }
}

@keyframes fadeOut {
    from {
      opacity: 1
  }

  to {
      opacity: 0;
      z-index: -1;
  }
}


.title_ft{color: #5abd00;text-transform: uppercase;margin-bottom: 20px;font-weight: normal;font-size: 24px;line-height: 1em}
#banner_product img{width: 100%;}

.space{margin: 0 5px;}
.magiamgia{
    padding: 5px;
    width: calc(95% - 50px);
    outline: none;
    border:1px solid #ccc;
    padding: 15px 10px;
}
.btn_discount{
    width: 50%;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 5px;
    cursor: pointer;
    transition: 0.4s;
    border:1px solid #000;
    padding: 15px 10px;
}
.btn_discount:hover{
    background-color:#fff;
    color: #000;
}
.linklogin_to_discount{
    width: 50%;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 5px;
    cursor: pointer;
    transition: 0.4s;
    border:1px solid #000;
}
.linklogin_to_discount:hover{
    background-color:#fff;
    color: #000;
}
#discount{margin: 5px 0}
/*#tk_nganhang{display: none;padding: 20px;text-align: left}*/
#wp_contact{display: flex;align-items: flex-end;}
#wp_contact .tt_lh{width: 40%;padding-right: 30px;}
#wp_contact .map{width: 60%}
.tt_lh span{display: flex;align-items: center;margin-top: 7px;text-align: left;color: #000;}
.tt_lh span svg{margin-right: 5px;}
.mh-600{min-height: calc(100vh - 250px);}
.info a{
    color: #000!important;
}
#tintuc_index{margin-top: 90px;}
#slick_tintuc_i{margin-top: 30px;margin-right: -10px;margin-left: -10px;}
.news_item {margin: 0 10px;}
.news_item .ten a{
    margin-top: 10px;
    color: #5abd00;
    text-transform: uppercase;
    display: block;
    min-height: 45px;
}
.news_date{display: inline-block;padding: 5px;background-color: #5abd00;color: #fff;line-height: 1;margin-top: 5px;margin-bottom: 5px;}
#dangky_daily{margin: 90px 0;text-align: center;}
#dangky_daily .title{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
.wp_daily{
    padding: 100px 0;
    background: url(images/bg_daily.jpg) no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
}
#dangky_daily .sub_title{
    font-size: 16px;
    color: #fff;
    margin: 35px 0;
    display: inline-block;
}
#dangky_daily .flex a{
    display: inline-block;
    color: #fff;
    width: 260px;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #fff;
    margin: 0 20px;
    transition: all 0.4s ease;
}
#dangky_daily .flex a:hover{
    background-color: #fff;
    color: #000;
    transition: all 0.4s ease;
}
.wp_chungchi{margin-top: 40px;}
#popup_daily{
    width: 100%;
    max-width: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transform: -webkit-translate(-50%,-50%);
    background-color: #5abd00;
    padding: 50px;
    color: #fff;
    display: none;
    z-index: 999;
}
#popup_daily .title{
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}
#popup_daily .sub_title{
    text-align: center;
    display: block;
}
#frm_dkdl{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    position: relative;
}
#frm_dkdl input{
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}
.close_daily{
    position: absolute;
    top: 15px;
    right: 15px;
}
#slick_doitac,#slick_mypham{
    background-color: #eeeeee;
    padding: 20px 0;
}
#doitac{margin-top: 90px}
#doitac .title{
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    display: block;
    padding: 10px 0;
    color: #fff;
    background-color: #58df00;
}



.wp_filter select{
    padding: 10px 20px;
    border: none;
}
#filter .title{
    color: #fff;
    background-color: #58df00;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    width: 100px;
    display: inline-block;
    padding: 5px 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#product_content{
    margin-top: 50px;
}
#sticky_contact{
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    z-index: 999;
}
#sticky_contact a{display: inline-block;}
#sticky_contact img{max-width: 40px;}
.wp_bct img{max-width: 200px;}

/*------------------------------------------ phần header -----------------------------------------------------------------------*/
.wap_header{
    padding: 7px 20px; 
    background: #333;
}
.header_container{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.header_items{
    width: 100%;
    position: relative;
    background: none;
    border: none;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
}
.header_items a{
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}
/*---------------------------------------!!! phần header -----------------------------------------------------------------------*/

/*------------------------------------------ phần menu -----------------------------------------------------------------------*/
div.wap_menu{
    position:relative;
    width:100%;
    margin:0 auto;
    z-index:10;
    margin:0 auto;
    text-align: center;
    line-height: 0;
    transition: 0.4s;
    background-color: #fff;
}
div.wap_menu.fixed{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 777;
    animation-name: c;
    animation-duration: 0.3s;
    animation-direction: alternate;
    transition: 0.4s;
}
.wap_menu.fixed #menu {align-items: center;}
.wap_menu #menu{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1366px;
    margin: 0 auto;
    /*border-bottom: 1px solid #ccc;*/
}
/*.wap_menu .wp_button{display: none;}*/

div.menu ul li .cart_info a{padding: 0;color: #000000;font-family: Segoe-UI;font-size: 13px;}
div.menu ul li .cart_info p{font-family: Segoe-UI;font-size: 11px;color: #635e5e;line-height: 25px}
div.wap_menu .menu{width:100%;margin:0px auto;position:relative;}

/*--------- mega menu đổ xuống -----------------------*/
div.menu ul{
    list-style:none;
    padding:0;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

div.menu ul li{display:inline-block;vertical-align:top;position:relative;z-index:50;text-align:center}
div.menu ul li.line_menu{height:42px;width:2px;border-left:solid 1px #363636;border-right:solid 1px #282828;padding:0;margin:0}
div.menu ul li a{
    color:#323232;
    font-size:14px;
    line-height:1em;
    padding:0px 20px;
    text-decoration:none;
    text-transform:uppercase;
    display:inline-block;
    position:relative;
    font-family: 'Segoe-UI';
    font-weight: bold;
    padding: 10px 25px;
}
div.menu ul li .icon_home {display:inline-block;vertical-align:top;height:30px;margin:5px;}

div.menu ul li a:hover,div.menu ul li a.active{
    color: #323232;
    text-decoration: underline;
    font-family:'Segoe-UI';
    transition: 0.5s;
}
div.menu ul li ul,div.menu ul li:hover ul li ul{
    position: fixed;
    left: 0;
    margin-left:0;
    display:none;
    min-width:1920px;
    background:#f9f9f9;
    line-height:1.5;
    height:auto;
    z-index:9999;
}
div.menu ul li ul li{float:left;width:100%;position:relative;height:auto;text-align:left}
div.menu ul li ul li a{text-transform:none;display:block;border-right: none;line-height:30px;padding:10px 25px 0;font-size:15px;color:#808285;font-family: 'Segoe-UI'}
div.menu ul li ul li a:hover{color:#be1d2c}
div.menu ul li ul li ul{left:100%;top:0}




.navbar {
    overflow: hidden;
    background-color: #fff;
    font-size: 14px;
    padding: 5px;
    z-index: 10;
    /*border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;*/
}
.navbar_container{
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar a {
    float: left;
    color: #333;
    text-align: center;
    padding: 17px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
    font-size: 13px;
}
.navbar a:hover,
.dropdown:hover .dropbtn {
    background-color: #fff;
    text-decoration: underline;
    transition: 0.5s;
}

.dropdown {
    float: left;
    overflow: hidden;
}
.dropdown .dropbtn {
    border: none;
    outline: none;
    color: #333;
    padding: 0 10px;
    background-color: inherit;
    font: inherit;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.dropdown .dropbtn:hover a{
    text-decoration: underline;
    transition: 0.5s;
}
.dropdown .dropbtn a.menu_title{
    font-weight: 800;
    text-transform: uppercase;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
    font-size: 13px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 1;
    transform: translateY(-100%);
    transition: transform 0.3s ease-out;
}
.dropdown-content .header {
    background: #fff;
    padding: 16px;
    color: white;
}
.dropdown:hover .dropdown-content {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Create four equal columns that float next to each other */
.row{
    padding: 10px 20px;
    width: 70%;
    float: right;
}
.row_left{
    width: 30%;
    float: left;
    padding: 0px 50px;
}
.cate_image_items{
    width: 100%;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    border: none;
    background: none;
    overflow: hidden;
    text-align: center;
}
.center_cate_image_all{
	text-align: center;
	width: 100%;
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);*/
}
.cate_image_all{
    font-size: 20px!important;
    font-weight: bold;
    color: #fff!important;
    text-align: center;
    font-family: "Saira", sans-serif!important;
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translateX(-50%);
    background: none!important;
}
.column {
    float: left;
    width: calc((100% /4) - 10px);
    margin: 0 5px 50px;
    height: 100%;
    padding: 10px;
    background-color: #fff;
}
.column-half {
    float: left;
    width: 50%;
    height: 100%;
    padding: 1em 2em;
    background-color: #fff;
}
/* style the content of the columns */
.column h3,
.article-contents h3 {
    font-family: "Laila", sans-serif;
}
.column h3 {
    font-size: 14px;
    text-align: left;
    margin-top: 20px;
}
.article-contents h3 {14px;}
.column a,
.column-half a {
    float: none;
    color: #333;
    padding: 16px 0;
    text-decoration: none;
    display: block;
    text-align: left;
    text-transform: capitalize;
    transition: 0.3s ease-out;
}
.column a:hover,
.column-half a:hover {
    color: #333;
    text-decoration: underline;
    transition: 0.5s;
}
a.second_cate{
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
    color: #595959;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/*---------------!!! hết menu mega đổ xuống ---------------------------*/
.top_of_navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
   /* border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;*/
}
div.search{
    position: relative;
    line-height: 1em;
    width: 75%;
    display: flex;
    align-items: center;
    padding: 5px;
    border: none;
    border-right: 1px solid #ebebeb;
    border: none;
}
div.search input{
    width: calc(100% - 40px);
    border: none;
    background: none;
    outline: none;
    box-sizing: border-box;
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    color: #ccc;
    padding: 12px 5px;
    float: left;
}
div.search.show{
    right: 0;
    transition: 0.4s ease;
    visibility: visible;
    opacity: 1;
}
.btn_search{
    position: relative;
    cursor: pointer;
    display: block;
    margin-left: 10px;
}
div.search input::-webkit-input-placeholder{color:#CCC; /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;}
div.search input::-moz-placeholder{color:#CCC; fo/*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;}
div.search input:-ms-input-placeholder{color:#CCC; /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;}
div.search input:-moz-placeholder{color:#CCC; /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;}
div.search input::placeholder {
   /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.box_mail_menu{
    width: 5%;
    padding: 12px 5px;
    /*border-right: 1px solid #ebebeb;*/
    cursor: pointer;
    border: none;
}
.box_mail_menu img{
    max-height: 25px;
}
.cover{
  background:rgba(0,0,0,0.4);
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  display:none;
  z-index: 9999999!important;
}
.contents{
  width:600px;
  height:450px;
  background:#f1f1f1;
  margin:30px auto;
  padding: 20px 20px;
  border:2px solid #ccc;
  border-radius:30px;
  position:relative;
  text-align:center;
}
.close_box_mail{
  border:2px solid #ccc;
  border-radius:15px;
  padding:5px 15px;
  position:absolute;
  bottom:15px;
  text-align:center;
  left:50%;
  transform: translateX(-50%);
  width:100px;
  box-shadow:inset 0px 0px 10px 5px #ccc;
  cursor: pointer;
}
.box_account_menu{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_account_menu img{
    max-height: 25px;
}
.box_account_menu a{
    color: #333;
}
.box_account_menu a:hover{
    text-decoration: underline;
    transition: 0.5s;
}
.box_account_menu a.register_button{
    margin-left: 5px;
    font-size: 14px;
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}

.wp_button{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_button i{color: #000;font-size: 30px}
.wp_button a{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
    color: #000;
    line-height: 1.6em;
    text-transform: uppercase;
}
.wp_button img{max-height: 24px;}
.wp_button .sp_cart_top{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    font-size: 11px;
}
a.open_cart span{
    position: absolute;
    top: 50%;
    right: -5px;
    font-weight: bold;
    color: #333;
}



#kqsearch {
    max-height: 300px;
    overflow: auto;
    position: absolute;
    top: 55px;
    background: #fff;
    padding: 5px 20px;
    width: 100%;
}
.motsptk {
    display: flex;
    justify-content: space-between;
}
.motsptk a img{
    max-width: 150px;
}
.product_search_name a {
    color: #000;
    margin-left: 10px;
}
/*---------------------------------------!!! phần menu -----------------------------------------------------------------------*/

/*------------------------------------------ phần menu mobile -----------------------------------------------------------------------*/
#open_cart_mobile img{
    width: 25px;
    height: 25px;
}
a.dangky_mobile img{
    width: 25px;
    height: 25px;
}
/*---------------------------------------!!! phần menu mobile -----------------------------------------------------------------------*/


/*------------------------------------------ phần slider pc ----------------------------------------------------------------------*/
#wrap {
  overflow: hidden;
}

.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
}
.image img {
  width: 100%;
  height: 100%;
  /*object-fit: cover;
  object-position: 50% 50%;*/
}
.container ul li{
    width: calc((100% / 4) - 20px);
    margin: 0 10px 10px;
    float: left;
    vertical-align: top;
    box-sizing: border-box;
}
.container > ul > li:first-child .image {
  opacity: 1;
  visibility: visible;
}

.container {
    position: relative;
    display: grid;
    grid: 1fr / 1fr;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 5%;
    text-align: center;
}
.container > ul {
  list-style: none;
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 300px 0 0 0;
  min-height: 400px;
}
.container-item {
  padding: 15px 0;
}
.container-item h2{
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
	font-size: 23px;
	font-weight: 700;
}
.link {
  position: relative;
  font-size: 23px;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  transition: opacity 0.5s ease-in-out;
}
.container-item span{
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    margin-top: 20px;
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.action span{
    font-size: 14px;
    text-decoration: underline;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
   	/*font-family: 'Helvetica', sans-serif;*/
}
.container ul li:hover .container-item{
    margin-top: -30px;
    transition: 0.3s;
}
.container-item.active .link + .image {
  opacity: 1;
  visibility: visible;
}
.container.hover .link {
  opacity: .4;
}
.container-item.active .link {
  opacity: 1;
}

/*---------------------------------------!!! phần slider pc ----------------------------------------------------------------------*/

/*------------------------------------------ phần sản phẩm bán chạy ----------------------------------------------------------------------*/
.wap_best_seller{
    margin-top: 30px;
    margin-bottom: 50px;
}
.best_seller_container{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.best_seller_title{
    margin-bottom: 10px;
}
.best_seller_title h3{
    font-size: 26px;
    font-weight: 800;
    color: #333333;
    margin-left: 10px;
    text-transform: uppercase;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

}
.slick_best_seller{

}
.best_seller_items{
    width: calc((100% / 4) - 20px);
    margin: 10px 10px 10px;
    float: left;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
    background: none;
    /*border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
    border: none;
    overflow: hidden;
}
.best_seller_items:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.7s ease-out;
}
.best_sellers_info{
    /*max-height: 50px;*/
    
}   
.best_sellers_info h3{
    height: 60px;
    overflow: hidden;
    /*border-bottom: 1px solid #ccc;*/
    padding: 5px 7px;
    padding-bottom: 10px;
    border: none;
}
.best_sellers_info h3 a{
    font-size: 17px;
    font-family: "Saira", sans-serif;
    font-weight: 700;
    color: #000;
}
.best_sellers_properties{
    margin-top: 10px;
    /*border-bottom: 1px solid #ccc;*/
    padding: 0 5px;
    padding-bottom: 10px;
    height: 70px;
    overflow: hidden;
    border: none;
}
.best_sellers_properties p{
    font-size: 13px;
    font-weight: normal;
    /*font-family: "Itim", cursive;*/
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.new_price{
    font-size: 13px;
    font-weight: normal;
    color: #000;
    ont-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}   
.old_price{
    font-size: 12px;
    font-weight: normal;
    color: #FF1F1F;
    text-decoration: line-through;
    font-weight: 600;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.best_sellers_action{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 0 5px;
    height: 35px;
    overflow: hidden;
}
/*---------------------------------------!!! phần sản phẩm bán chạy ----------------------------------------------------------------------*/


/*------------------------------------------ phần sản phẩm sale ----------------------------------------------------------------------*/
.wap_sale{
    margin-top: 30px;
    margin-bottom: 50px;
}
.sale_container{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.sale_title{
    margin-bottom: 10px;
}
.sale_title h3{
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    color: #333333;
    margin-left: 10px;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

}
.slick_sale{

}
.sale_items{
    width: calc((100% / 4) - 20px);
    margin: 10px 10px 10px;
    float: left;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
    background: none;
    /*border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
    border: none;
    overflow: hidden;
}
.sale_items:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.7s ease-out;
}
.sales_info{
    /*max-height: 50px;*/
    
}   
.sales_info h3{
    height:60px;
    overflow: hidden;
    /*border-bottom: 1px solid #ccc;*/
    padding: 5px 5px;
    padding-bottom: 10px;
    border: none;
}
.sales_info h3 a{
    font-size: 19px;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
    font-weight: 700;
    color: #000;
}
.sales_properties{
    margin-top: 10px;
    /*border-bottom: 1px solid #ccc;*/
    padding: 0 5px;
    padding-bottom: 10px;
    height: 66px;
    overflow: hidden;
    border: none;
}
.sales_properties p{
    font-size: 13px;
    font-weight: normal;
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.updating{
    font-size: 13px!important;
    font-weight: 600!important;
    font-family: "Be Vietnam Pro", sans-serif!important;
}
.sales_action{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 0 5px;
    height: 35px;
    overflow: hidden;
}
/*---------------------------------------!!! phần sản phẩm sale ----------------------------------------------------------------------*/


/*------------------------------------------ phần pop up xem lướt sản phẩm ở trang chủ -----------------------------------------------*/
.box_browse_through{
    background: rgba(0, 0, 0, 0.4);
    width: 278px;
    height: 278px;
    position: absolute;
    top: 0%;
    left: -100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news_items .box_browse_through{
    background: rgba(0, 0, 0, 0.4);
    width: 398px;
    height: 398px;
    position: absolute;
    top: 0%;
    left: -100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sale_items:hover .box_browse_through{
    left: 0;
    transition: 0.6s;
}
.best_seller_items:hover .box_browse_through{
    left: 0;
    transition: 0.6s;
}
.browse_product_info{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.detail_product_info{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
#product_popup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    width: 100%;
    max-width: 800px;
    height: 308px;
    overflow: auto;
    z-index: 999;
    padding: 20px 15px 20px;
    display: none;
    border-radius: 10px;
}
#product_popup span.btn_close_popup{
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
#product_popup span.btn_close_popup img{
    max-width: 20px!important;
    width: 100%;
}
/*.load_info_product{
    display: flex;flex-wrap: wrap;
}*/
.browse_product_container{
    display: flex;flex-wrap: wrap;
}
.product_img{
    width: 35%;
    padding: 5px 5px;
    border: 1px solid #ccc;
    border-radius: 7px;
    max-height: 270px;
}
.product_info_content{
    width: 60%;
    padding: 10px 20px;
    /*border-left: 1px solid #ccc;*/
}
.product_name{
    font-size: 19px;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #ccc;
}
.product_browse_price{
    display: flex;
    max-width: 425px;
    width: 100%;
    /* margin: 0 auto; */
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.product_desc{
    color: #333;
    font-size: 14px;
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: normal;
    margin-bottom: 20px;
    max-height: 148px;
    overflow: auto;
    border-bottom: 1px solid #ccc;
}
a#browse_product_background{
    background-color: #333;
    border: 1px solid #333;
    border-radius: 7px;
    padding: 10px 5px;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 11px;
}
a#browse_product_background:hover{
    background-color: #ebebeb;
    border: 1px solid #333;
    color: #333;
    transition: 0.6s;
}
/*---------------------------------------!!! phần pop up xem lướt sản phẩm ở trang chủ -----------------------------------------------*/


/*------------------------------------------ phần footer ----------------------------------------------------------------------------*/
div#wap_footer{
    width:100%;
    position:relative;
    background: #000;
    color: #fff;
}
.footer_container{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px;
}

.footer_top{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.footer_top_left{
    width: 50%;
    float: left;
}
.footer_top_left h3{
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.footer_top_right{
    width: 50%;
    float: left;
}
.slick_social_footer{
    max-width: 200px;
    width: 100%;
    margin-top: 15px;
}
.social_items{
    width: calc((100% / 5) - 10px);
    margin: 0 5px 10px;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    background: none;
    overflow: hidden;
}

.footer_middle{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.footer_middle_left{
    width: 50%;
    float: left;
}
.footer_middle_left h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.company_info{
    margin-left: 10px;
    font-size: 16px;
}
.footer_middle_right{
    width: 50%;
    float: left;
}
.footer_middle_right h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
ul.footer_policy{
    margin-left: 10px;
}
ul.footer_policy li{
    list-style-type: none;
}
ul.footer_policy li:hover{
    margin-left: -10px;
    transition: 0.7s;
}
ul.footer_policy li a{
    font-size: 14px;
    color: #fff;
}
ul.footer_policy li a:hover{
    text-decoration: underline;
}

.footer_bottom{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    border-top: 1px solid #fff;
    padding-top: 20px;
}
.footer_bottom_left{
    width: 50%;
    float: left;
}
.company_copyright{
    margin-left: 15px;
}
.footer_bottom_right{
    width: 50%;
    float: left;
    text-align: right;
}
.slick_payment_footer{
    max-width: 400px;
}
/*---------------------------------------!!! phần footer ----------------------------------------------------------------------------*/

/*------------------------------------------ Đăng ký nhận tin ----------------------------------------------------------------------*/
#dknt{
    background-color: #f3f3f3;
    padding: 30px 0;
    margin-top: 50px;
}
#wp_dknt{
    margin: 00px auto 0;
    display: flex;
    align-items: center;
    padding: 0px 0;
    text-align: center;
}
#wp_dknt .title{
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #5abd00;
}
#wp_dknt .sub_title{
    margin: 10px 0;
    display: inline-block;
}
#dknt .title_dknt{
    width:100%;
    text-align:left;
    color:#FFF;
    font-size:15px;
    display:block;
    margin-bottom:20px;
}
form#frm_dknt {
    text-align: center;
    display: flex;
    /*flex-direction: column;*/
    justify-content: center;
    align-items: baseline;
    border-bottom: 1px solid #fff;
}
form#frm_dknt .txt_input{
    width:450px;
    padding: 5px 10px;
    height: 35px;
    border: none;
    float:left;
    letter-spacing: 1px;
    color:#fff;
    outline:none;
    font-family: Segoe-UI;
    background: none;
}
.txt_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff!important;
  font-size: 12px;
}
.txt_input::-moz-placeholder { /* Firefox 19+ */
  color: #fff!important;
  font-size: 12px;
}
.txt_input:-ms-input-placeholder { /* IE 10+ */
  color: #fff!important;
  font-size: 12px;
}
.txt_input:-moz-placeholder { /* Firefox 18- */
 color: #fff!important;
 font-size: 12px;
}

form#frm_dknt input[type='button']{
    transition: 0.5s;
    background: none;
    color:#fff;
    padding: 0px 5px;
    height: 35px;
    width: 70px;
    line-height: 35px;
    border:none;
    cursor:pointer;
    outline:none;
    font-family: Segoe-UI;
    font-size: 12px;
    margin-top: 20px;
}
/*---------------------------------------!!! Đăng ký nhận tin ----------------------------------------------------------------------*/

/*------------------------------------------ phần trang trong đăng ký --------------------------------------------------------------*/
.register_container{
    max-width: 910px;
    width: 100%;
    margin: 0 auto;
    margin-top: -10px;
}
/*---------------------------------------!!! phần trang trong đăng ký --------------------------------------------------------------*/

/*------------------------------------------ phần trang trong sản phẩm -------------------------------------------------------------*/
.redirect_bar{
    background-color: #f3f3f3;
    /*padding: 10px 0px;*/
    font-size: 14px;
}
.redirect_bar_container{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.redirect_bar_left{
    width: 50%;
    float: left;
}
.redirect_bar_right{
    width: 50%;
    float: right;
    text-align: right;
}
.redirect_bar span{
    color: #000;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.redirect_bar a{
    color: #000;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.product_inside_title{
	position: relative;
	width: 100%;
}
.product_inside_title img{
    width: 100%;
}
.title_name{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.product_inside_container{
    max-width: 1270px;
    width: 100%;
    margin: 0 auto;
}
.product_inside_left{
    width: 20%;
    float: left;
    padding: 10px 10px;
}
#danhmuc_left{
	border: 1px solid #ccc;
	padding: 5px 10px;
	max-height: 830px;
	overflow: auto;
}
#danhmuc_left .title{
	font-weight: 700;
	font-size: 19px;
	text-transform: uppercase;
	display: inline-block;
	line-height: 1em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333333;
	color: #333333;
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

}
.concac h3{
	/*/*font-family: "Bell Gothic Std Black";*/
    /*font-family: "Bebas Neue", sans-serif;*/
    letter-spacing: 1px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
	color: #333333;text-transform: uppercase;
}
#danhmuc_left ul li {
	/*display: flex;
	justify-content: center;
	align-items: center;*/
}
.switch{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
input.id_category{
	margin-right: 10px;
}
input.id_pomade{
	margin-right: 10px;
}
input.id_dobong{
	margin-right: 10px;
}
input.id_dogiunep{
	margin-right: 10px;
}
input.id_size{
	margin-right: 10px;
}
input.id_mausac{
	margin-right: 10px;
}
input.id_price{
	margin-right: 10px;
}
#danhmuc_left ul li a{
    color: #333333;
    font-size: 11px;
    font-weight: 400;
   /* font-family: "Magda-Text";*/
    font-family: "Be Vietnam Pro", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}
span.filter_cate_link{
	color: #333333;
    font-size: 13px;
    font-weight: normal;
    /*font-family: "Magda-Text";*/
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}

.product_inside_right{
    width: 80%;
    float: right;
    padding-bottom: 15px;
}
.product_inside_items{
    width: calc((100% / 4) - 20px);
    margin: 10px 10px 10px;
    float: left;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
    background: none;
    /*border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
    border: none;
    overflow: hidden;
}
a.product_inside_image{
    overflow: hidden;
    display: block;
}
.product_inside_items:hover{
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     transition: all 0.7s ease-out;
}
.product_inside_items:hover .product_inside_image img{
    transition:all 1s ease 0s;
    transform:scale(1.1);
}
a.product_inside_plus{
    position: absolute;
    top: 0;
    left: -100%;
}
.product_inside_items:hover a.product_inside_plus{
    left: 0;
    transition: 0.6s;
}
.product_inside_info h3{
    height: 58px;
    overflow: hidden;
    /*border-bottom: 1px solid #ccc;*/
    padding: 0 5px;
    padding-bottom: 10px;
    border: none;
}
.product_inside_info h3 a {
    font-size: 19px;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
    font-weight: 700;
    color: #000;
}
.product_inside h3 a{
    font-size: 19px;
    font-weight: normal;
    color: #333;
}
.product_inside_properties{
    margin-top: 10px;
    /*border-bottom: 1px solid #ccc;*/
    padding: 0 5px;
    padding-bottom: 10px;
    height: 62px;
    overflow: hidden;
    border: none;
}
.product_inside_properties p{
    font-size: 13px;
    font-weight: normal;
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.product_inside_action{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 0 5px;
    height: 35px;
    overflow: hidden;
}
/*---------------------------------------!!! phần trang trong sản phẩm ------------------------------------------------------------*/

/*------------------------------------------ phần lọc sản phẩm mobile --------------------------------------------------------*/
.popup {
  display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}
.popup-overlay {
    background: rgba(0,0,0,0.9);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.popup-content {
    position: absolute;
    background: #fff;
    width: 500px;
    margin: -58px 0 0 -264px;
    left: 50%;
    top: 10%;
    z-index: 11;
    padding: 14px;
}
.close-popup {
    display: inline-block;
    position: absolute;
    top: -14%;
    right: -6%;
    font-size: 70px;
    color: #fff;
}
.rotateCubeIn {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateCubeIn .6s both ease-in;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateCubeIn .6s both ease-in;
    transform-origin: 50% 100%;
    animation: rotateCubeIn .6s both ease-in;
}
@-webkit-keyframes rotateCubeIn {
    0% {opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);}
    50% {-webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@-moz-keyframes rotateCubeIn {
    0% {opacity: .3;
        -moz-transform: translateY(-100%) rotateX(90deg); }
    50% {-moz-animation-timing-function: ease-out;
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);}
}
@keyframes rotateCubeIn {
    0% {opacity: .3;
        transform: translateY(-100%) rotateX(90deg);}
    50% {animation-timing-function: ease-out;
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);}
}

.rotateCubeOut {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: rotateCubeOut .6s both ease-in;
    -moz-transform-origin: 50% 0;
    -moz-animation: rotateCubeOut .6s both ease-in;
    transform-origin: 50% 0;
    animation: rotateCubeOut .6s both ease-in;
}
@-webkit-keyframes rotateCubeOut {
    50% {-webkit-animation-timing-function: ease-out;-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);  }
    100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@-moz-keyframes rotateCubeOut {
    50% { -moz-animation-timing-function: ease-out;-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);  }
    100% { opacity: .3;-moz-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateCubeOut {
    50% {animation-timing-function: ease-out;
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
    100% { opacity: .3; transform: translateY(100%) rotateX(-90deg);}
}


.btn {
  background: #333;
  color: #fff;
  border: 1px solid;
  display: inline-block;
  padding: 5px 20px;
}
.popup {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}
.popup-content {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
/*---------------------------------------!!! phần lọc sản phẩm mobile --------------------------------------------------------*/


/*------------------------------------------ trang trong chi tiết sản phẩm --------------------------------------------------------*/
.product_detail_body{
	padding-top: 10px;
}
.product_detail_container{
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
}
.details_redirect_bar a{

}
.details_redirect_bar span{
	
}

.zoom_slick{width: 59%;float:left;text-align:right;position: relative;}
.zoom_slick .slick2{
	width: 76%;
	float: right;
	/*max-height: 520px;
	overflow: hidden;*/
}
.zoom_slick .slick{
    width: 24%;
    display: flex;
    flex-direction: row-reverse;
}
.wp_slick{display: flex;flex-direction: row-reverse;}
.zoom_slick .slick img{
	width: 100%;
	/*margin:0 auto;*/
	margin: 5px 0;
	box-sizing:border-box;
	cursor:pointer;
	max-width: 140px;
}
.zoom_slick .slick img:hover{transition:1s}
.zoom_slick .slick.slick-initialized .slick-slide{margin-bottom: 10px;box-sizing: border-box;}


.product_detail_properties{
	width: 31%;
	float: left;
	/*border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
    border: none;
}
.properties_name_and_price{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}
.properties_name{
	margin-left: 10px;
	width: 70%;
	float: left;
}
.properties_name h2{
    font-family: "Saira", sans-serif;
    font-weight: 700;
}
.properties_price{
	margin-right: 10px;
	width: 22%;
	float: left;
}
p.properties_price_new{
    font-weight: bold;
    font-family: "Saira", sans-serif;
    font-size: 12px;
}
p.properties_price_old{
    font-weight: normal;
    font-family: "Saira", sans-serif;
    font-size: 11px;
    color: gray;
    text-decoration: line-through;
}
p.old_price {
    font-size: 12px;
    font-weight: normal;
    color: #FF1F1F;
    text-decoration: line-through;
    font-weight: 600;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
p.new_price {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.lienhemua{
	font-size: 13px;
    font-weight: bold;
    color: #000;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.properties_size{
	border-top: 1px solid #ccc;
	width: 100%;
	padding: 10px 10px;
	background: #fff;
    border: none;
}
select#list_size{
	border: none;
	width: 100%;
	background: #fff;
}
.properties_quantity{
	border-top: 1px solid #ccc;
    border: none;
}
select.QuantSelect_{
	border: none;
	width: 97%;
	padding: 12px 10px;
}
.QuanForm{
    background: #fff;
}
input.QuanMoreIn_{
	padding: 10px 15px;
	border: none;
	width: 100%;
}
.properties_buy{
	border-top: 1px solid #ccc;
	padding: 25px 10px;
    border: none;
}
button.add_to_cart_btn{
    background: #333;
    padding: 10px 10px;
    max-width: 400px;
    width: 100%;
    border: 1px solid #333;
}
button.add_to_cart_btn a{
    color: #fff;
    font-weight: bold;
    font-weight: bold;
    cursor: pointer;*/
}
button.add_to_cart_btn:hover a{
    border-bottom: 1px solid #fff;
    transition: 0.4s;
}
a.product_detail_cart {
	/*background: #333;
	color: #fff;
	font-weight: bold;
	padding: 15px 133px;
	cursor: pointer;*/
}
.properties_short_desc{
	padding: 10px 10px;
	border-top: 1px solid #ccc;
    border: none;
	/*height: 127px;
	overflow: auto;*/
}

.product_detail_other{
    padding-bottom: 50px;
    margin-top: 10px;
	
}
.product_detail_other_container{
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
}
.product_detail_other_title{
	margin-bottom: 20px;
}
.product_detail_other_titl h3{
	
}
#box_browse_through{
    width: 283px!important;
    height: 283px!important;
}
/*---------------------------------------!!! trang trong chi tiết sản phẩm --------------------------------------------------------*/


/*------------------------------------------ pop up trang chi tiết sản phẩm --------------------------------------------------------*/
.properties_content{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0;
	padding-left: 12px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.properties_content_title{
	font-size:13px;
    height: 187px;
    overflow: hidden;
}
.properties_content_button{
    border-bottom: 1px solid #ccc;
    padding: 10px;
    border: none;
}
.Click-here {
  cursor: pointer;
  /*background-image: linear-gradient(190deg, #f83600 0%, #fee140 100%);*/
  color: #000;
  width: 180px;
  text-align: center;
  font-size:13px;
  padding: 0;
  margin: 0 auto;
  transition:background-image 3s ease-in-out;
}
.Click-here:hover{
  text-decoration: underline;
}
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  /*bottom: 0;*/
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  /*overflow-x: hidden*/;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 30px auto;
  max-width: 1200px;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  max-width: 1270px;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
	overflow-y: auto;
}
.pop-up-content-wrap{
	text-align: center;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
    display: none;
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 0;
  top: -55px;
  cursor: pointer;
  z-index: 99;
  font-size: 50px;
  font-weight: normal;
  color: #fff;
}
@media screen and (min-width:800px){
	.custom-model-main:before {
	  content: "";
	  display: inline-block;
	  height: auto;
	  vertical-align: middle;
	  margin-right: -0px;
	  height: 100%;
	}
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}

/*---------------------------------------!!! pop up trang  chi tiết sản phẩm --------------------------------------------------------*/

/*------------------------------------------- trang view giỏ hàng -------------------------------------------------------------------*/
.wap_view_cart{
	padding: 10px 0 50px;
	background: #fff;
}
.view_cart_container{
	max-width: 1270px;
	width: 100%;
	margin: 0 auto;
}
.view_cart_list{
	max-height: calc(100vh - 50px);
    overflow-y: auto;
}
.cart_item_view{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	border-bottom: 1px solid #ccc;
}
.cart_view_left{
	width: 50%;
	float: left;
}
.cart_view_right{
	width: 50%;
	float: right;
	text-align: right;
}
.cart_item_delete{
	position: absolute;
	top: 0;
	right: 0;
}
.cart_item_name span{
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

    font-size: 17px;
    font-weight: 600;
    color: #000;
}
.cart_item_delete a{
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
#view_cart_total{
	padding: 24px 10px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: right;
}
#view_cart_total span{
	margin-left: 10px;
}
.view_cart_checkout{
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.view_cart_checkout input{
	max-width: 300px;
	width: 100%;
	padding: 10px 10px;
	cursor: pointer;
	border: 1px solid #595959;
	background: #595959;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

}
/*----------------------------------------!!! trang view giỏ hàng -------------------------------------------------------------------*/


/*------------------------------------------ thanh menu trang giỏ hàng --------------------------------------------------------------*/
.wap_menu_giohang{
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.menu_giohang_container{
	max-width: 1270px;
	width: 100%;
	margin: 0 auto;
}
.menu_giohang_left{
	position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu_giohang_left a{
	/*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
	color: #000;
	margin-left: 15px;
}
.menu_giohang_left a:hover{
	text-decoration: underline;
}
.menu_giohang_right{
	float: none;
}
/*---------------------------------------!!! thanh menu trang giỏ hàng --------------------------------------------------------------*/


/*-------------------------------------------- cấu hình chung trang hoàn tất đặt hàng -------------------------------------------------*/
.giohang_container{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
/*-----------------------------------------!!! cấu hình chung trang hoàn tất đặt hàng -------------------------------------------------*/

/*------------------------------------------ Trang hoàn tất đặt hàng phần thông tin --------------------------------------------------------------*/
.right_gh{
	margin-top: 50px;
	width: 49%;
	float: left;
	padding: 50px 0 0;
	text-align: center;
	border: 1px solid #ccc;
}

/*---------------------------------------!!! Trang hoàn tất đặt hàng phần thông tin --------------------------------------------------------------*/

/*------------------------------------------ Trang hoàn tất đặt hàng phần sản phẩm  --------------------------------------------------------------*/
.left_gh{
	width: 49%;
	float: right;
	right: 0;top: 0;
	padding: 62px 0px 0;
	border: 1px solid #ccc;
}
.left_gh form{
	margin-top: 50px;
}
#cart_total{
	padding: 24px 10px;
	border-top: 1px solid #ccc;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
div#giohang {
    position: relative;
    border-top: 1px solid #ccc;
    padding: 25px 10px 10px;
}
div#giohang h2{
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 1px;

    font-weight: normal;
    font-size: 20px;
    color: #2d2d2d;
}
.cart_item{
	margin-top: 15px;
	/*display: flex;*/
}
.cart_item_left{
	width: 20%;
	float: left;
}
.cart_item_right{
	width: 80%;
	float: left;
}
.cart_item__img{padding-right: 15px}
.cart_item__info{padding-right: 15px;}
.cart_item__info2{}
.cart_item__name{

}
.cart_item__name a{
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

	font-size: 17px;
	font-weight: 600;
	color: #000;
}
.cart_item__price{
    /*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.cart_item__price span{
	/*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: bold;
}
.cart_item__size{
	/*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.cart_item__size p{
	/*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.cart_item__size span{
	/*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
.cart_item__total{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: bold;
}
.cart_item__total_price{
	margin-left: 35px;
}
.cart_item__delete a#delete{
	position: absolute;
	top: 15%;
	right: 12%;
}
.cart_item__color,.cart_item__size{display: flex;font-weight: bold;}
.color_box{width: 15px;height: 15px;display: inline-block;margin-left: 7px;border:1px solid #000;}
.cart_item .size_box{margin-left: 7px}
span.remove_link{
	text-align: center;
}
.remove-cart a{
	color: blue!important;
	/*position: absolute;*/
}


.complete_order{
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background: #595959;
	padding: 15px 10px;
	border: none;
	max-width: 400px;
	width: 100%;
	margin: 15px auto;
	cursor: pointer;
}
/*---------------------------------------!!! Trang hoàn tất đặt hàng phần sản phẩm --------------------------------------------------------------*/

/*------------------------------------------ footer giỏ hàng ------------------------------------------------------------------------------*/
.wap_footer_giohang{
	min-height: 100px;
	width: 100%;
	background: #f6f8f6;
}
/*---------------------------------------!!! footer giỏ hàng ------------------------------------------------------------------------------*/


/*------------------------------------------------ trang about pom ----------------------------------------------------------------------*/
.about_pom_slider{
	width: 100%;
}
.single_slider img{
    width: 100%!important;
}
.about_pom_container{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.about_pom_breadcrumb{
	border: 1px solid #ccc;
	border-top: none;
	padding: 41px 33px 23px;
}
.about_pom_breadcrumb_top{
	margin-bottom: 10px;
}
.about_pom_breadcrumb_top a{
	font-size: 14px;
	font-weight: normal;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.about_pom_breadcrumb_bottom h3{
	font-size: 18px;
	font-weight: 600;
	color: #333;
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

}
.about_pom_maincontent{
	border: 1px solid #ccc;
	border-top: none;
	padding: 33px;
	/*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
}
/*---------------------------------------------!!! trang about pom ----------------------------------------------------------------------*/

/*------------------------------------------------ trang contact ----------------------------------------------------------------------*/
.contact_container{
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding-top: 64px;
}
.contact_title{
	padding: 0 18px 13px;
	/*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #2d2d2d;
	border-bottom: 1px solid #ccc;
}
.contact_description{
	padding: 17px;
	/*font-family: "Patrick Hand", cursive;*/
    font-family: "Be Vietnam Pro", sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

.ten_nhantin{
	background: #fff;
	padding: 20px 10px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.ten_nhantin::placeholder{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.dienthoai_nhantin{
	background: #fff;
	padding: 20px 10px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.dienthoai_nhantin::placeholder{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.email_nhantin2{
	background: #fff;
	padding: 20px 10px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.email_nhantin2::placeholder{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.noidung_nhantin{
	background: #fff;
	padding: 20px 10px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.noidung_nhantin::placeholder{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
#submit_nhantin2{
	max-width: 100%;
    width: 100%;
    padding: 15px 10px;
    cursor: pointer;
    border: 1px solid #595959;
    background: #595959;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

}
/*---------------------------------------------!!! trang contact ----------------------------------------------------------------------*/

/*------------------------------------------------ trang trong tin tức ----------------------------------------------------------------*/
.news_items{
    width: calc((100% / 3) - 20px);
    margin: 10px 0px 10px;
    float: left;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
    background: none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow: hidden;
}
.news_items:hover .box_browse_through{
    left: 0;
    transition: 0.6s;
}
.browse_news_info{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
/*---------------------------------------------!!! trang trong tin tức ----------------------------------------------------------------*/


/*------------------------------------------------ trang trong chi tiết tin tức ----------------------------------------------------------------*/
.news_detail_slider{
    width: 100%;
}
.news_detail_container{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.news_detail_breadcrumb{
    border: 1px solid #ccc;
    border-top: none;
    padding: 41px 33px 23px;
}
.news_detail_breadcrumb_top{
    margin-bottom: 10px;
}
.news_detail_breadcrumb_top a{
    font-size: 14px;
    font-weight: normal;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.news_detail_breadcrumb_bottom h3{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    /*font-family: "Bell Gothic Std Black";*/
    font-family: "Saira", sans-serif;

}
.news_detail_maincontent{
    border: 1px solid #ccc;
    border-top: none;
    padding: 33px;
    /*font-family: "Magda-Text"!important;*/
    margin-bottom: 30px;
    /*max-height: 100vh;
    overflow: auto;*/
}
.news_detail_maincontent h1{
    margin: 48px auto 16px;
    font-size: 40px;
    line-height: 32px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.news_detail_maincontent h2{
    margin: 48px auto 16px;
    font-size: 32px;
    line-height: 32px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.news_detail_maincontent p{
    font-family: "Merriweather", serif;
    font-size: 18px!important;
}
.news_detail_maincontent p span{
    color: #292929;
    font-family: "Merriweather", serif !important;
    font-size: 18px !important;
    font-weight: 300;
    line-height: 32px;
    margin: 0 auto 20px;
    max-width: 900px;
    width: 100%;
    color: #000;
}
.news_detail_maincontent h3{
    margin: px auto 16px;
    font-size: 24px;
    line-height: 44px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
.news_detail_maincontent h4{
    margin: 48px auto 16px;
    font-size: 24px;
    line-height: 44px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
/*---------------------------------------------!!! trang trong chi tiết tin tức ----------------------------------------------------------------*/


/*---------------------------------------------- phần chứa acount sau khi đăng nhập -------------------------------------------------*/
/*.acount_mobile{
    position: absolute;
    top: 50%;
    right: 5%;
}*/

/*-------------------------------------------!!! phần chứa acount sau khi đăng nhập -------------------------------------------------*/

/*-------------------------------------------- lên đầu trang ---------------------------------------------------------------------*/
#toptop{width:37px;height:37px;position:fixed;bottom:30px;right:0;text-indent:-99999px;cursor:pointer;background:url(images/back_to_top.png) top center no-repeat;transition:.5s;z-index:600}

#toptop:hover{background:url(images/back_to_top.png) bottom center no-repeat;transition:.5s}
/*------------------------------------------!!! lên đầu trang --------------------------------------------------------------------*/

/*---------------------------------------- nút contact -----------------------------------------------------------------------*/
.float_messenger{
    position: fixed;
    bottom: 28%;
    right: 0;
    z-index: 700;
}
.float_phone{
    position: fixed;
    bottom: 12%;
    right: 0;
    z-index: 700;
}
.float_zalo{
    position: fixed;
    bottom: 20%;
    right: 0;
    z-index: 700;
}

/*-------------------------------------!!! nút contact -----------------------------------------------------------------------*/