::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#BBBBBB;}
*{margin: 0; padding: 0;box-sizing:border-box;}
.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;}
.video_popup {position: relative;padding-bottom: 80%;height: 0;overflow: hidden; border: 4px solid #fff;    box-shadow: 0 0 3px 0 #333;}
.video_popup iframe, .video_popup object, .video_popup embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#clickvideo{width: 100%;padding: 4px 5px;margin: 5px 0px;border: 1px solid #b7b7b7;box-sizing: border-box;font-family: myFont;font-size: 13px;}
.addthis_native_toolbox{margin:10px 0px; width:100%; clear:both;max-height:50px;overflow:hidden;
}
#toptop {width: 37px; height: 37px;position: fixed;bottom: 20px; right: 20px;text-indent: -99999px;cursor: pointer;background: url(images/back_to_top.png) top center no-repeat;transition:0.5s;z-index:200;}
#toptop:hover{background: url(images/back_to_top.png) bottom center no-repeat;transition:0.5s;}
.clear{clear:both;}
img{max-width:100% !important; vertical-align:middle;}
div.bando img{max-width:none !important;}
.margin{margin-right:0px !important}
a{text-decoration:none !important;}
.transition_all {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
div.tt_lh{
	width:100%;
	text-align:center;
	}
div.bando{
	width:100%;
	}
.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}
div#pre-loade1r {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    z-index: 999;
    text-align: center;
    display: flex;
    align-items: center;
}
    
.loader-star {
	position: absolute;
	top: calc(50% - 12px);
}
/*LOADER-1*/

.loader-1 .loader-outter {
	position: absolute;
	border: 4px solid #f50057;
	border-left-color: transparent;
	border-bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
	animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
}

.loader-1 .loader-inner {
	position: absolute;
	border: 4px solid #f50057;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	border-right: 0;
	border-top-color: transparent;
	-webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
	animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
}

@font-face {
    font-family: 'myFont';
    src: url('font/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'utmPie';
    src: url('font/UTM Pierre.ttf');
}
@font-face {
    font-family: 'avR';
    src: url('font/AvertaDemo-Regular.otf');
}
@font-face {
    font-family: 'fonta';
    src: url('font/RobotoBold.eot');
    src: url('font/RobotoBold.eot') format('embedded-opentype'),
         url('font/RobotoBold.woff2') format('woff2'),
         url('font/RobotoBold.woff') format('woff'),
         url('font/RobotoBold.ttf') format('truetype'),
         url('font/RobotoBold.svg#RobotoBold') format('svg');
}
@font-face {
    font-family: 'fontc';
    src: url('font/RobotoCondensedBold.eot');
    src: url('font/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('font/RobotoCondensedBold.woff2') format('woff2'),
         url('font/RobotoCondensedBold.woff') format('woff'),
         url('font/RobotoCondensedBold.ttf') format('truetype'),
         url('font/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}
@font-face {
    font-family: 'robotoCRe';
    src: url('font/robotoCRe/RobotoCondensed-Regular.eot');
    src: url('font/robotoCRe/RobotoCondensed-Regular.eot') format('embedded-opentype'),
         url('font/robotoCRe/RobotoCondensed-Regular.woff2') format('woff2'),
         url('font/robotoCRe/RobotoCondensed-Regular.woff') format('woff'),
         url('font/robotoCRe/RobotoCondensed-Regular.ttf') format('truetype'),
         url('font/robotoCRe/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
}
@font-face {
    font-family: 'sfuFBook';
    src: url('font/sfuFBook/SFUFuturaBook.eot');
    src: url('font/sfuFBook/SFUFuturaBook.eot') format('embedded-opentype'),
         url('font/sfuFBook/SFUFuturaBook.woff2') format('woff2'),
         url('font/sfuFBook/SFUFuturaBook.woff') format('woff'),
         url('font/sfuFBook/SFUFuturaBook.ttf') format('truetype'),
         url('font/sfuFBook/SFUFuturaBook.svg#SFUFuturaBook') format('svg');
}
@font-face {
    font-family: 'sfuFuH';
    src: url('font/sfuFuH/SFUFuturaHeavy.eot');
    src: url('font/sfuFuH/SFUFuturaHeavy.eot') format('embedded-opentype'),
         url('font/sfuFuH/SFUFuturaHeavy.woff2') format('woff2'),
         url('font/sfuFuH/SFUFuturaHeavy.woff') format('woff'),
         url('font/sfuFuH/SFUFuturaHeavy.ttf') format('truetype'),
         url('font/sfuFuH/SFUFuturaHeavy.svg#SFUFuturaHeavy') format('svg');
}
@font-face {
    font-family: 'sfuFuB';
    src: url('font/sfuFuB/SFUFuturaBold.eot');
    src: url('font/sfuFuB/SFUFuturaBold.eot') format('embedded-opentype'),
         url('font/sfuFuB/SFUFuturaBold.woff2') format('woff2'),
         url('font/sfuFuB/SFUFuturaBold.woff') format('woff'),
         url('font/sfuFuB/SFUFuturaBold.ttf') format('truetype'),
         url('font/sfuFuB/SFUFuturaBold.svg#SFUFuturaBold') format('svg');
}
@font-face {
    font-family: 'sourceSB';
    src: url('font/sourceSB/SourceSansPro-Bold.eot');
    src: url('font/sourceSB/SourceSansPro-Bold.eot') format('embedded-opentype'),
         url('font/sourceSB/SourceSansPro-Bold.woff2') format('woff2'),
         url('font/sourceSB/SourceSansPro-Bold.woff') format('woff'),
         url('font/sourceSB/SourceSansPro-Bold.ttf') format('truetype'),
         url('font/sourceSB/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
}
@font-face {
    font-family: 'sourceSP';
    src: url('font/sourceSP/SourceSansPro-Regular.eot');
    src: url('font/sourceSP/SourceSansPro-Regular.eot') format('embedded-opentype'),
         url('font/sourceSP/SourceSansPro-Regular.woff2') format('woff2'),
         url('font/sourceSP/SourceSansPro-Regular.woff') format('woff'),
         url('font/sourceSP/SourceSansPro-Regular.ttf') format('truetype'),
         url('font/sourceSP/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
}
body{
	font-family: 'sourceSP', sans-serif !important;	
	font-size:14px !important;
	line-height:1.5 !important;
	background:#fff;
	overflow-x:hidden;
	-moz-user-select: none !important;
	-webkit-touch-callout: none!important;
	-webkit-user-select: none!important;
	-khtml-user-select: none!important;
	-moz-user-select: none!important;
	-ms-user-select: none!important;
	user-select: none!important;
}
a{}
div.none{
	display:none !important;
}
div.wap{
	max-width:100%;
	margin:auto;
	width:100%;
	position:relative;
}
div.wapper
{ 
	position:relative;
 	margin:auto;
  	max-width:1200px;
 	padding:0px 5px;
}
div#header {
    position: sticky;
    width: 100%;
    background: #21b900;
    top: 0;
    z-index: 999;
}
.logo_head1 {
    margin-bottom: 11px;
}
.live_chat {
    z-index: 1000;
    position: fixed;
    bottom: 0px;
    right: 0px;
}	
.live_ {
    padding-top: 8px;
    line-height: 25px;
    float: left;
    margin-right: 60px;
    margin-bottom: 7px;
    height: 65px;
    background: #2eff00;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px;
    font-size: 18px;
    font-weight: 620;
    color: #000;
    font-family: 'Open Sans';
}
.live_ span {
    font-size: 20px;
    color: #db0000;
    text-shadow: 1.5px 0 0 #fcff00, -1.5px 0 0 #fcff00, 0 1.5px 0 #fcff00, 0 -1.5px 0 #fcff00, 1.5px 1.5px #fcff00, -1.5px -1.5px 0 #fcff00, 1.5px -1.5px 0 #fcff00, -1.5px 1.5px 0 #fcff00, 0 3px 7px #000;
}
.live_ a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
}
.logo_head{
	position: relative;
    width: 17%;
    float:left;
	margin:2px 0px;
   
}
.logo_head img{
	max-width:100%;
	max-height:70px;
}
div#menu_mobi
{
	display:none;
}
div#menu
{
	position:relative;
	width:80%;
	float:right;
	z-index:123;
}

div#menu ul
{
  list-style:none;
  float:left;
}
div#menu ul li
{
  float:left;
  position:relative;
  z-index:50;

}
div#menu ul li a
{
	color: #fff;
    font-size: 13px;
    padding: 10px 10px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    font-family: fonta;
    font-weight: 500;
}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2
{
	color:#fff;
}
div#menu ul li ul,div#menu ul li:hover ul li ul
{
	position:absolute;
	margin-left:0px;
	display:none;	
	z-index:123;
}
div#menu .level2
{
	min-width: 500px;
    background-color: #fff;
    box-shadow: 0 4px 6px 3px #bababa;
    padding: 20px;
    z-index: 9999999999;
    min-height: 310px;
}
div#menu ul li:hover ul
{
	display:block;
	
}
div#menu ul li ul li
{
	width:250px;
	line-height:1.5;
	background: #fff;
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
div#menu ul li ul li a
{
	padding:6px 10px;
	text-transform:none;
}

div#menu ul li ul li ul
{	
	left:250px;
	top:0px;
}
i.btn_search
{
	float: right;
    margin: 10px 0px;
    color: #fff;
    font-size: 15px;
	cursor:pointer;
}
div#search
{
	display:none;
	position: absolute;
    top: 100%;
    right: 0;
    width: 250px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 2px 0px;
}
div#search input
{
	padding: 9px 10px;
    float: left;
    width: 85%;
    outline: none;
    color: #000;
    font-family: myfont;
    font-size: 13px;
    border: 0;
}
div#search i
{
	float: right;
    padding: 11px 10px;
    border: 0;
    font-size: 15px;
    color: #000;
}

div#slider
{
	position:relative;
	margin:auto;
	width:100%;
}
div#slider .slider-nav 
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	max-width:700px;
	margin:auto;
	padding:12px 0px;
	/*background:rgba(0, 0, 0, 0.4);	*/
}

#slider .slick-prev,#slider .slick-next{display:none !important;}
div#left
{
	width:25%;
	float:left;
}
div.left_res{display:none;}
div.tieude
{
	text-transform: uppercase;
    font-size: 18px;
    padding: 6px 15px;
    border-bottom: solid 1px #ccc;
    color: #fff;
    margin-bottom: 5px;
    background: #21b900;
	font-family:sourceSB;
}

div.danhmuc
{
	margin-bottom:20px;
	border: solid 1px #e9e9e9;
	
}
div#danhmuc ul
{
	list-style:none;
	padding: 0 15px 15px 15px;
}
div#danhmuc ul li 
{
	line-height: 40px;
   
    position: relative;
    border-bottom: solid 1px #e9e9e9;
    list-style: none;
    padding-left: 30px;
}
div#danhmuc ul li:before {
    content: "\f09c";
    font: normal normal normal 17px/1 FontAwesome;
    position: absolute;
    left: 5px;
    top: 13px;
}
div#danhmuc ul li a
{
	font-family:sourceSB;
    color: #1d1d1d;
}
div#danhmuc ul li:last-child {border-bottom:0;}
div#danhmuc ul li a:hover
{
	color:#ec2127;
	transition:0.4s;
}
div#danhmuc ul li ul {width:100% !important;}
div#danhmuc ul li ul li a
{
	padding:10px 0px 10px 10px;
}
div#danhmuc ul li ul li a i {float:none;}
.call-phone {
    text-align: center;
}
.call-a-now {
    display: inline-block;
    font-size: 32px;
    color: #ff0000;
	font-family:sourceSB;
    line-height: 35px;
}

form#frm_dknt
{	
}
form#frm_dknt input[type='text'],form#frm_dknt textarea
{
	width: 100%;
    padding: 10px 10px;
    float: left;
    border: none;
    background: #fff;
    outline: none;
    color: #000;
    font-family: Myriad Pro;
    font-size: 12px;
	margin-bottom:13px;
}
form#frm_dknt input::placeholder,form#frm_dknt textarea::placeholder{color:#000;}
form#frm_dknt input[type='button']
{
	background: #fff;
    padding:7px 30px;
    float: right;
    border: none;
    cursor: pointer;
	color:#000;
	 font-family: Myriad Pro;
	 font-size:13px;
	 text-transform:uppercase;
}
form#frm_dknt input[type='button']:hover{background:#fff000;}
div#main_content
{
    padding: 20px 0px;
}
div#right
{
	width:100%;
	
}
div#right1
{
	width:73%;
	float:right;
}
div.tieude_giua
{
	border-bottom: 3px solid #f5f5f5;
    margin-bottom: 30px;
	
}
div.tieude_giua h2
 {
	font-size: 25px;
   	font-family:sourceSB;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    color: #21b900;
	padding-bottom: 5px;
}
div.tieude_giua h2:after {
    background: #ff0200 none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100px;
}

.tieude_detail {
   	color: #333;
    font-size: 18px;
    line-height: 35px;
    position: relative;
    font-family: sourceSB;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    margin-bottom: 10px;
}
div.wap_item
{
	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
div.item
{
	width: 24%;
    margin: 1% 0.5%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    transition: all 0.5s;
	overflow:hidden;
	border:1px solid #a6a6a6;
	padding:5px;
	margin-bottom:30px;
}
div.item .sp_img
{
	overflow:hidden;
	position:relative;	
}
div.item:hover .sp_img
{
	border:0;
}
div.item a img
{
	width:100%;
	height:100%;
	transition:all 1s ease 0s;	
}
div.item:hover a img
{
	transform:scale(1.1);	
}
.item .sp_name a
{
	font-family: Myriad Pro;
    display: block;
    font-size: 20px;
    color: #000;
    transition: all 0.5s;
    
    margin-top:10px;
	font-weight:bold;
	padding:0 5px;
	text-transform:uppercase;
} 
div.item .sp_name a:hover 
{
	transition:0.4s;
	color:#004eff;
}
div.sp_gia
{
	padding:0 5px;
	position:relative;
	font-family:Myriad Pro;
	font-size:20px;
	color:#000;
	font-weight:bold;
}
div.sp_gia span{color:#ff0000;}
div.viewsmore {text-align:center;}
div.viewsmore a
{
	display:inline-block;
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	background:url(images/bg_xemtatca.png) no-repeat;
	padding:13px 39px;
	color:#fff;
}
div#wap_footer
{
	max-width:100%;
	margin:auto;
	background:#21b900;
	
	position:relative;
}
div#footer
{
	padding:40px 0px;
}

div#main_footer
{	
	float:left;
	width:32%;	
}
div#main_footer h2
{
	font-family:sourceSB !important;
	font-size:25px !important;
	color:#fff !important;
	margin-bottom:15px;
}
div#main_footer p
{
	font-family:sourceSP !important;
	font-size:16px !important;
	color:#fff !important;
	line-height:30px;
}
div.w_menu
{
	width: 15%;
    float: left;
    margin-left: 10px;
}
div.w_menu1
{
	width: 24%;
    float: left;
    margin-left: 10px;
}
ul.ul_f{list-style:none;}
ul.ul_f li a
{
	display: block;
    font-size: 15px;
    color: #fff;
   	margin-bottom: 10px;
}
ul.ul_f li a:hover
{
	color:#fff000;
}
div.bix-icon1 {margin-top:10px;}
div.bix-icon1 a img
{
	margin:0 3px;
	max-width:60px;
	max-height:60px;
}	
div.bix-icon1 img{
	margin-right:15px;
	transition:0.5s;
	max-width:60px;
	max-height:60px;
	}
div.bix-icon1 img:hover{
	transform:rotate(40deg);
}
div.tt_footer
{
	font-family:sourceSB;
	font-size:25px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:5px;
}
div.copyright
{
	width:100%;
	padding:10px 0px;
	color:#fff;
	background:rgba(0,0,0,0.2);
	text-align:center;
}
div.copyright span{font-family:sourceSB;}
/*----------------------------------------------------*/
div.wap_pro
{
	margin:15px auto;
	clear:both;
}
#Zoom-1 img
{
	max-height:500px !important;
}
.zoom_slick
{
	width:44%;
	float:left;	
	text-align:center;
}
div.zoom_slick .slick-prev
{
	left:0;
}
div.zoom_slick .slick-next
{
	right:0;
}
.zoom_slick .slick2
{
	border:1px solid #DDD;
}
.zoom_slick .slick
{
	margin-top:5px;
}

.zoom_slick .slick img
{
	width:90%;
	margin:auto;
	border:1px solid #DDD;
	box-sizing:border-box;
	padding:5px;
}
.zoom_slick .slick img:hover
{
	border:1px solid #F60;
	opacity:0.5;
	transition:1s;
}

.product_info
{
	float:right;
	list-style:none;
	width:54%;
}
.product_info li
{
	font-size: 15px;
    padding: 5px 0;
    font-family: Arial;
}
.product_info li span
{
	color:#ff0000;
}
.product_info li .color_item {
    float: left;
    cursor: pointer;
    padding: 15px 18px;
    font-size: 16px;
    margin-right: 5px;
    border: 1px solid rgba(204, 204, 204, 1);
    text-transform: uppercase;
    color: #333;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product_info li .size_item {
    float: left;
    cursor: pointer;
    padding: 6px 10px;
    font-size: 14px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid rgba(204, 204, 204, 1);
    background: #fff;
    text-transform: uppercase;
    color: #333;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product_info .product-qty .cart button {
   	background:#ed1c24;
    border: 0;
    padding: 5px 25px;
    margin-left: 10px;
    height: 32px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
	transition:all 0.5s;
}
.product_info .product-qty .cart button:hover{background:#ff0000;}
.product_info .product-qty {
    margin-bottom: 12px;
}
.product_info .product-qty label {
    font-family: avob;
    font-size: 13px;
}
.product_info .product-qty div {
    display: inline;
}

.product_info .product-qty .controls button {
    border: 0;
    background: white;
    padding: 7px 9px;
    font-size: 16px;
    border: 1px solid #ccc;
    position: relative;
	outline:none;
	float:left;
    
}
.product_info .product-qty .controls input {
    padding: 5px 7px;
    width: 47px;
    border-right: 0;float:left;
    border-left: 0;
    text-align: center; 
	position:relative;
	height:32px;
}
.product_info .product-qty input {
    border: 1px solid #ccc;
    padding: 5px;
    width: 100px;
}
.product_info li .color_item.active, .product_info li .size_item.active {
    border: 1px solid #F8004B;
}
ul.product_info li.ten
{
	font-family: sfuFuH;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
}
.product_info li.gia
{

	text-decoration:line-through;
}
.product_info li.giakm span
{
	font-size: 17px;
    font-weight: bold;

}

.xemgiohang
{
	color: #E80019;
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    transition: 0.4s;
    margin: auto;
    margin-top: 7px;
}
.product_info li .dathang
{
	background:#000 url(images/i_cart.png) 10px center no-repeat;
	color:#fff;
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	padding-left:30px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	font-size:12px;	
	transition:0.4s;
}
.product_info li .dathang:hover
{
	transition:0.4s;
	background:#E00 url(images/i_cart.png) 10px center no-repeat;
}
span.size {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
}
span.mausac {
    display: block;
    float: left;
    border: 1px solid #DDD;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0;
}
span.active_size,span.size:hover,span.mausac:hover, span.active_mausac {
    border: 1px solid #EE0000;
}
input.soluong
{
	width: 50px;
	border: 1px solid #C7C6C6;
	padding: 2px 0px;
	text-align: center;
	font-size: 15px;
	 margin-right:5px;
}
table#giohang input
{
	   margin:5px 0px;
}
table#giohang input.btn,.click_ajax
{   
 	background: #DC0018;
    color: #ffffff;
    padding: 7px 15px;
    border: none;
    cursor: pointer;
    margin: 5px 1px;
    border-radius: 3px;
}
  
table#tt td
{
	height:30px;
}
table#tt td input.t
{
	width:300px;
	height:20px;
	margin:3px 0px 5px 0px;
	border:1px solid #DDD;
}
table#tt td textarea
{
	width:300px;
}
table#tt span
{
	color:red;
}

@-webkit-keyframes star {
  0% {
    -webkit-transform: rotate(0) scale(0);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
  }
}
@-o-keyframes star {
  0% {
    -o-transform: rotate(0) scale(0);
  }
  50% {
    -o-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -o-transform: rotate(360deg) scale(0);
  }
}
@-moz-keyframes star {
  0% {
    -moz-transform: rotate(0) scale(0);
  }
  50% {
    -moz-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -moz-transform: rotate(360deg) scale(0);
  }
}
.start-animate {
		z-index: 99999999999999999 !important;
		position: absolute;
		animation: star linear 1.75s infinite;
		-moz-animation: star linear 1.75s infinite;
		-webkit-animation: star linear 1.75s infinite;
		-o-animation: star linear 1.75s infinite;
		
	}
@keyframes star {
  0% {
    transform: rotate(0) scale(0);
  }
  50% {
    transform: rotate(180deg) scale(1.5);
  }
  100% {
    transform: rotate(360deg) scale(0);
  }
}
div.w_danhmuc
{
	max-width:100%;
	margin:auto;
	padding:30px 0px 0px 0px;
}
div.box_danhmuc
{
	position:relative;
	width:100%;
	margin:auto;
    border-right: 1px solid #fff;
}
div.img_danhmuc
{
	position:relative;
}
div.img_danhmuc img
{
	width: 100%;
    height: 100%;
	transition: all 1s ease 0s;
	    opacity: 0.9;
}
div.img_danhmuc:hover img {opacity:1;}
div.box_danhmuc h3
{
	position:absolute;
	left:0;
	bottom:0;
}
div.box_danhmuc h3 a
{
	display:block;
	font-family:Arial;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	padding:0 15px 15px  15px;
	-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -ms-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -o-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}


div.w_tuvan
{
	max-width:100%;
	margin:auto;
	padding:20px 0px 40px 0px;
}
div.tt_title h2 
{
	color: #21b900;
    text-transform: uppercase;
	margin-bottom: 20px;
    position: relative;
	font-family:sourceSB;
	font-size:30px;
	text-align:center;
}
div.tt_title h2:before {
    content: '';
    position: absolute;
    left: calc(50% - 70px);
    width: 140px;
    height: 1px;
    bottom: 1px;
    border-top: thin dashed #d7d7d7;
    z-index: 0;
}
div.tt_title h2:after {
    content: '';
    display: block;
    margin: 15px auto 0px;
    width: 40px;
    height: 3px;
    background: #ff0200;
    position: relative;
    z-index: 1;
}

div.big_tt
{
	width:93%;
	margin:auto;
	position:relative;
}
div.img_tt
{
    position: relative;
	overflow: hidden;
    margin-bottom: 10px;
    border: thin solid #dfdfdf;
}
div.img_tt::before, div.img_tt::after {
    width: 100%;
    height: 100%;
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transition: 0.5s;
}
div.img_tt::before {
    border-bottom: 3px solid #ff0200;
    border-left: 3px solid #ff0200;
    -webkit-transform-origin: 0 100%;
}
div.img_tt::after {
    border-top: 3px solid #ff0200;
    border-right: 3px solid #ff0200;
    -webkit-transform-origin: 100% 0%;
}
div.img_tt:hover::after,div.img_tt:hover::before {
    -webkit-transform: scale(1);
}
div.img_tt a:not(.link):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 5px solid rgba(255,255,255,0.5);
}
div.img_tt img
{
	width: 100%;
    height: 100%;
	transition: all 1s ease 0s;
}
div.img_tt:hover img{
   transform: scale(1.1);
}
div.big_tt h3 a
{
	font-family: fonta;
    font-size: 15px;
    color: #21b900;
    padding: 0px 0px 10px 0px;
    text-transform: uppercase;
    display: block;
    line-height: 20px;
}
div.big_tt h3 a:hover{color:#ff0000;}
div.big_tt .mta_tt
{
	    font-family: Arial;
    font-size: 14px;
    color: #282828;
    text-align: justify;
}
a.xt
{
	font-family: Arial;
    font-size: 13px;
    display: inline-block;
    padding: 7px 15px;
    border: thin solid #21b900;
    color: #21b900;
    margin-top: 10px;
}
a.xt:hover{color:#ff0000;border-color:#ff0000;}
div.w_media
{
	max-width:100%;
	margin:auto;
	background: #f3f3f3;
    padding: 50px 0 20px;
}
div.w_video
{
	float:right;
	width:32%;
}
div.w_tintuc
{
	float:left;
	width:66%;
}
div.tt_media
{
	position: relative;
    margin: 0px 0 20px;
    border-bottom: thin solid #21b900;
}
div.tt_media h2
{
	position: relative;
    font-size: 25px;
    color: #fff;
    font-family: sourceSB;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 20px 5px;
    background: #21b900;
}
div.big_ttuc
{
	width:39%;
	float:left;
}
div.img_tin
{
	position:relative;
	overflow:hidden;
	transition: all 0.75s;
}
div.big_ttuc .img_tin:hover
{
	box-shadow: 0 0 4px 1px #062245;
}
div.img_tin img
{
	width:100%;
	height:auto;
}
div.big_ttuc h3 a
{
	font-family: fonta;
    font-size: 15px;
    color: #21b900;
    padding:10px 0px 5px 0px;
    text-transform: uppercase;
    display: block;
    line-height: 20px;
}
a.xthem
{
    color: #21b900;
    font-size: 14px;
    display: inline-block;
    padding: 8px 20px;
    border: thin solid #21b900;
    background: #fff;
}
a.xthem:hover
{
	border-color:#ff0000;
	color:#ff0000;
}
div.sl_tt
{
	width:57%;
	float:right;
}
div.sl_tt .slick-arrow {
    display: none !important;
}
div.box_tintuc
{
	position:relative;
	padding:10px 0px;
}
div.box_tintuc .img_ttuc
{
	float:left;
	margin-right:15px;
	transition: all 0.75s;
}
div.box_tintuc .img_ttuc:hover
{
	box-shadow: 0 0 4px 1px #062245;
}
div.box_tintuc h3 a
{
	font-family: fonta;
    font-size: 14px;
    color: #21b900;
    text-transform: uppercase;
    display: block;
    line-height: 20px;
}
div.mta_tt
{
	color: #212121;
    margin-bottom: 15px;
}

div#map_canvas1
{
	border:0;
	height:380px;
	width:100%;
}
.dchi_f p {
    border-left: 1px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-block;
    width: 90%;
    float: right;
}
.dchi_f i {
    color: #fff;
    font-size: 20px;
    width: 7%;
    float: left;
    margin-top: 6px;
    text-align: center;
}
#frm_contact input {
    box-shadow: 1px 0px 7px #ccc inset;
    border-radius: 0px;
    padding: 20px 10px !Important;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    background: #F7F7F7;
}
#frm_contact textarea {
    box-shadow: 1px 0px 7px #ccc inset;
    border-radius: 0px;
    padding: 40px 10px !Important;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    background: #F7F7F7;
}
textarea.form-control {
    height: auto;
}
.btn_send {
    padding: 10px 0px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.info_contact {
    padding: 10px;
    border: 1px solid #ededed;
    border-top: 3px solid #21b900;
	list-style:none;
}
.info_contact li {
    padding: 20px 0px;
	font-size:17px;
    border-bottom: 1px solid #ededed;
}

/*----- samsung galaxy tab 4,Tab S 8.4 8inch ngang 1280px ----------*/
/*----- samsung galaxy tab 4,Tab S 8.4 8inch đứng 800px ----------*/
@media screen and (max-width: 1285px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1100px) {
	
}

/*----- Ipad 10 inch,samsung tab s Đứng width: 768px ----------*/
/*----- Ipad 10 inch,samsung tab s Ngang width: 1024px ----------*/
@media screen and (max-width: 1024px) {
	div#menu ul li a 
	{
		padding:16px 10px;
	}
	
	div.frm_lienhe
	{
		margin:10px 0px 0px 0px;
	}
	
	
}

@media screen and (max-width: 960px) {
	.logo_head
	{
		position: relative;
		width: 70%;
		text-align: center;
		float: none;
		margin: auto;
	}
	div#main_footer 
	{
		 width: 100%;
		float: none;
		text-align: center;
		
	}
	

	div#menu_mobi
	{
		display:block;
	}
	div#menu
	{
		display:none;
	}
	div#slider
	{
		width:100%;
		padding:0;
		border:none;
	}
	div#right1
	{
		width:100%;
	}
	div#left
	{
		width:100%;
	}
	div.left_res{display:block;}
	div.hidden_s{display:none;}
	div.item
	{
		width:calc(33% - 5px);
		
	}
	
	div#thongke
	{
		width:100%;
	}
	div.thongke_an
	{
		display:none;
	}
	div.tt_lh
	{
		width:100%;
	}
	div.bando
	{
		width:100%;
	}
	a.sp_cart {
		display: block;
		text-decoration: none;
		color: #fff;
		margin-left: -20px;
		position: absolute;
		left: 50%;
	}
	a.sp_cart i{
		font-size:30px;
	}
	div.user
	{
		position:absolute;
		right:10px;
		top:0px;
		font-size:30px;
		color:#fff;
		cursor:pointer;
	}
	.menu_login {
		display:none;
	}
}

/*----- samsung galaxy tab 4,Tab S 8.4 8inch ngang 1280px ----------*/
/*----- samsung galaxy tab 4,Tab S 8.4 8inch đứng 800px ----------*/
@media screen and (max-width: 800px) {
	.w50{width:100% !important}
}

/*----- Ipad 10 inch,samsung tab s Đứng width: 768px ----------*/
/*----- Ipad 10 inch,samsung tab s Ngang width: 1024px ----------*/
@media screen and (max-width: 768px) {
	div.w_tintuc,div.w_video{width:100%;float:none;margin-bottom:10px;}
	div.w_menu{width:25%;}
	div.w_menu1{width:37%;}
	 
}

/*----- Iphone 6 Plump Đứng width: 414px ----------*/
/*----- Iphone 6 Plump quay ngang width: 736px ----------*/
@media screen and (max-width: 736px) {
		
}

@media screen and (max-width: 700px) {
	
}

/*----- Iphone 6 thường Đứng width: 375px ----------*/
/*----- Iphone 6 thường quay ngang width: 667px ----------*/
@media screen and (max-width: 667px) {

}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 603px) {
	div.box_danhmuc{width:50%;}
	div.item {
		width: 49%;
		

	}
	.zoom_slick
	{
		width:100%;
		max-width:400px;
		float:none;
		margin:auto;
	}
	.product_info
	{
		width:100%;
		margin-top:6px;
	}
	.gh_an
	{
		display:none;
	}
}

/*----- Iphone 5 thường Đứng width: 320px ----------*/
/*----- Iphone 5 thường quay ngang width: 568px ----------*/
@media screen and (max-width: 568px) {

}
@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 460px) {
	.call-a-now{font-size:25px;}
	div.big_ttuc{display:none;}
	div.sl_tt{width:100%;float:none;}
	div.box_tintuc .img_ttuc{width:120px;}
	div.box_tintuc h3 a{font-size:12px;}
	div.w_menu1,div.w_menu{width:100%;float:none;text-align:left;}
	div.box_danhmuc h3 a{font-size:20px;}
	div.item
	{
		width:48%;
		margin-bottom:20px;
	}

	div.tieude_giua h2
	{
		    font-size: 21px;
	}	
	
	
	div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password']
	{
		width:100% !important;
	}
	div.frm_lienhe .item_lienhe select
	{
		width:100%;
	}
	.map_description
	{
		width:100%;
	}
	
	div.frm_lienhe .item_lienhe p
	{
		width:100%;

	}
	.othernews ul.phantrang
	{
		margin-left:5px;
	}
	
}

/*----- Iphone 6 Plusp Đứng width: 414px ----------*/
/*----- Iphone 6 Plusp quay ngang width: 736px ----------*/
@media screen and (max-width: 414px) {

}

/*----- Android (Nexus 4) Đứng width: 384px ----------*/
/*----- Android (Nexus 4) quay ngang width: 600px ----------*/
@media screen and (max-width: 384px) {

}


/*----- Iphone 6 thường Đứng width: 375px ----------*/
/*----- Iphone 6 thường quay ngang width: 667px ----------*/
@media screen and (max-width: 375px) {
	


}
@media screen and (max-width: 360px) {
	div.tt_footer {font-size:20px;}
	div.item
	{
		width:99%;
	}
	

	
}

/*----- Iphone 5 thường Đứng width: 320px ----------*/
/*----- Iphone 5 thường quay ngang width: 568px ----------*/
@media screen and (max-width: 320px) {
	
	
}