/*!
Theme Name: Halink
Theme URI: https://halink.vn
Author: Halink
Author URI: https://halink.vn
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: halink
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Halink is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#BBBBBB;}
*{margin: 0; padding: 0; -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 0px;
    width: 100%;
    clear: both;
    /*border: 1px solid #ededed;*/
    /*padding: 10px 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}
#toptop {width: 37px; height: 37px;position: fixed;bottom: 30px; 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; height:auto; }
#wowslider-container1 img{
	max-width: none !important;
	height: auto;
}
#wowslider-container1 .ws_images .ws_list > ul > li img{
	max-width: none !important;
	height: 100% !important;
}
div.bando img{max-width:none !important;}
#map_canvas2 img{max-width:none !important;}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html > body .clearfix {
    display: block;
    width: 100%;
}

* html .clearfix {
    height: 1%;
}
@font-face {
    font-family: 'fontA';
    src: url('fonts/UVF_Reina_12_Pro.eot');
    src: url('fonts/UVF_Reina_12_Pro.eot') format('embedded-opentype'),
         url('fonts/UVF_Reina_12_Pro.woff2') format('woff2'),
         url('fonts/UVF_Reina_12_Pro.woff') format('woff'),
         url('fonts/UVF_Reina_12_Pro.ttf') format('truetype'),
         url('fonts/UVF_Reina_12_Pro.svg#UVF_Reina_12_Pro') format('svg');
}
@font-face {
    font-family: 'fontB';
    src: url('fonts/SairaRegular.eot');
    src: url('fonts/SairaRegular.eot') format('embedded-opentype'),
         url('fonts/SairaRegular.woff2') format('woff2'),
         url('fonts/SairaRegular.woff') format('woff'),
         url('fonts/SairaRegular.ttf') format('truetype'),
         url('fonts/SairaRegular.svg#SairaRegular') format('svg');
}
@font-face {
    font-family: 'avo';
    src: url('fonts/SVNAvo.eot');
    src: url('fonts/SVNAvo.eot') format('embedded-opentype'),
         url('fonts/SVNAvo.woff2') format('woff2'),
         url('fonts/SVNAvo.woff') format('woff'),
         url('fonts/SVNAvo.ttf') format('truetype'),
         url('fonts/SVNAvo.svg#SVNAvo') format('svg');
}

body{
	font-family:roboto;
	/*font-size:12px;*/
	line-height:1.5;
}

div#wapper
{ 
    margin: auto;
    width: 100%;
    background: #FAFAFA;
}
.top {
    padding: 10px 0;
    color: #555555;
    font-size: 13px;
    background: #F5F5F5;
}
.top img{vertical-align:middle;margin-right: 5px;margin-top: -4px;}
.top_mb ul li a {
    text-decoration: none;
    color: #0398d0;
    font-weight: bold;
    font-family: arial
}
.top_mb ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}
.top_mb {
    display: none;
    padding: 10px 0;
    font-size: 13px;
    background: #F5F5F5;
    text-align: center;
}
.dc {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.email {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    text-align: right;
    margin-left: 2%;
}
.mxh {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2%;
}
.mxh img{
    vertical-align: middle;
    margin-left: 5px;
    transition: all 0.5s;
}
.mxh img:hover{
    transition: all 0.5s;
    transform: rotate(360deg);
}
div#header
{
    position: relative;
    margin: auto; 
}
.wrap_1200 {
    max-width: 1200px;
    margin: auto;
}
.logo{
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}
.banner {
    display: inline-block;
    width: 44%;
    vertical-align: middle;
    margin-left: 5%;
}
.hotline { 
    display: inline-block;
    vertical-align: middle;
    margin-left: 2%;
    background: url(images/icon_hotline.png) no-repeat;
    padding-left: 75px;
    font-size: 14px;
} 
p.sdt {
    font-size: 22px;
    color: #dc0f10;
    font-weight: bold;
}
p.hl {
    margin-top: 10px;
}
.tongdh {
    position: fixed;
    bottom: 2px;
    left: 2px;
    width: 67px;
    background: rgb(237, 28, 36);
    padding: 3px;
    z-index: 999;
    text-align: center;
}
.tongdh a {
    text-decoration: none;
    color: #fff;
}
.tongdh span {
    font-size: 15px;
    color: yellow;
    font-weight: bold;
}
.box_cart {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 100;
    background: #ed1c24;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    transition: all 0.5s;
}
.box_cart:hover{
    background: #00AEEF;
    transition: all 0.5s;
}
.box_cart a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.box_cart i {
    font-size: 20px;
    margin-top: 20px;
}
.box_cart span {
    position: relative;
    top: -10px;
    font-size: 16px;
    left: 2px;
}
div.header
{
	display:none;
}
div.wap_menu
{
    position: relative;
    background: #1a3c59;
    height: 50px;
    line-height: 50px;
    margin: auto;
    width: 100%; 
    transition: all 0.5s;    
    z-index: 99;
}
div.menu
{
	position:relative;
	max-width:1200px;
	margin:auto;
}
div.menu ul
{
  float:left;  
  list-style:none;
}
div.menu ul li
{
  float:left;
  position:relative;
  z-index:50; 
}
div.menu ul li.line {
    height: 50px;
    border-left: solid 1px #00BEF2;
    border-right: solid 1px #009EEC;
}
div.menu ul li a
{
    color: #efa31d;
    font-weight: bold;
    font-size: 15px;
    padding: 0px 30px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    font-family: fontB;
}
div.menu ul > li > a.active , div.menu ul > li:hover > a {
    background: #4fc3ef;
}
.wap_menu.fixmenu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s; 
}
.wap_menu.scroll .menu {
    padding-left: 250px;
}
.wap_menu.scroll div.menu ul li a{
    padding: 0px 10px;
}
.wap_menu.scroll div.menu ul li ul li a {
    padding: 6px 10px;
} 
.current_page_item{
    background: #43bce4;
}
.current_page_item a {
    color: yellow !important;
}
 div.menu ul > li > a.active , div.menu ul > li:hover > a , 
{
    color: #fff;
    background: #43bce4;
    position: relative;
} 
div.menu ul li ul
{
    position: absolute;
    display: none;
    min-width: 250px;
    background: #00aeef;
    line-height: 1.5;
    top: 100%;
    left: 0;
}
div.menu ul li ul li > ul
{
	position:absolute;
	margin-left:0px;
	display:none;
    min-width: 250px;
    background: #00aeef;
	line-height: 1.5;	
    left: 100%;
    top: 0;
}
div.menu ul li ul li
{   
    float:none;
	padding:0;
}
div.menu ul li ul li a
{
	padding:6px 10px;
	text-transform:none;
	display:block;
	border-bottom: 1px solid #fff;
	font-size:15px;
} 
div#slider
{
    margin-top: 25px;
    margin-bottom: 20px; 
}
.dm_left {
    float: left;
    width: 23%;  
    border-right: 4px solid #1a3c59;
}

.slide_right {
    float: right;
    width: 77%;
}
div.tieude {
    color: #fff;
    font-size: 20px;
    background: #1a3c59;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: roboto;
    padding-left: 20px; 
    cursor: pointer;
}
 
div.danhmuc
{ 
    position: relative;
}
div.danhmuc:last-child
{
    margin-bottom:0;
}
.danhmuc1 > ul{ 
    height: 530px;
    padding-top: 10px;
}
.danhmuc1 ul
{
    list-style: none;
    position: relative;
} 
.danhmuc1 ul.halink-show{ 
    display: block;
}
.danhmuc1 ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    width: 250px;
    z-index: 99;
    background: #fafafa; 
    display: none;
}
.danhmuc1 ul li:hover > ul{
    display: block;
}
.danhmuc1 ul li:last-child a
{
    border:none;
}
.danhmuc1 ul li {
    position: relative;
} 
.danhmuc1 ul li  a
{
    color: #646464;
    font-family: arial;
    text-decoration: none;
    font-size: 13px;
    transition: 0.4s;
    display: block;
    padding: 7px 20px 7px;
    text-transform: uppercase
}
.danhmuc1 ul > li img {
    height: 24px;
    vertical-align: middle;
    margin-right: 7px;
}
.danhmuc1 ul li a:hover {
    background: #00aeef;
    color: #fff;
}
.danhmuc1 ul li ul > li:hover > a {
    background: #00aeef;
    color: #fff;
} 

div.load_video
{
	width:95%;
	margin:7px auto;
}
div#dknt
{
	max-width:350px;
}
form#frm_dknt
{
	background:#fff;
	height:35px;
	margin:10px 0;
}
form#frm_dknt input[type='text']
{
	width:70%;
	padding:0px 5px;
	float:left;
	margin-top:9px;
	border:none;
	background:none;
	outline:none;
	color:#000;
	outline:none;
}
form#frm_dknt input[type='button']
{
	background:red;
	color:#fff;
	width:50px;
	height:35px;
	line-height:35px;
	border:none;
	cursor:pointer;
	float:right;
	text-transform:uppercase;
	outline:none;
}
.breadcrumb {
    margin-bottom: 10px;
    background: rgb(248, 248, 248);
    padding: 6px;
    border-radius: 5px;
}
.breadcrumb ul{list-style:none;}
.breadcrumb ul li a{
    text-decoration: none;
    color: #797878;
    /*background: url(images/i_tinkhac.png)no-repeat right 2px;*/
    
    font-size: 13px;
    font-family: roboto;
}
.breadcrumb ul li:not(:last-child){
   
    background: url(images/i_tinkhac.png)no-repeat right 2px;
    padding-right: 15px;
}
.breadcrumb ul li:last-child a{background:none;color:#f00;}
.breadcrumb ul li{display:inline-block;}
.breadcrumb ul li i{margin-right:5px;}
div#main_content
{
	max-width:1200px;
	margin:20px auto;
}
div#right
{
    width: 76%;
    float: right;
}
div.tieude_giua
{
    color: #00AEEF;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-family: roboto;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    background: url(images/tt2.png) no-repeat center bottom;
    padding-bottom: 30px;
}
div.tieude_giua p {
    font-size: 14px;
    color: #929292;
    font-weight: normal;
    text-transform: none;
    margin-top: 7px;
}

.tieude_giua1 {
    background: url(images/tt.png) repeat-x left top;
    height: 44px;
    line-height: 44px;
    font-family: roboto;
    font-size: 20px;
    margin-bottom: 10px;
}
.tieude_giua1 p {
    display: inline-block;
    vertical-align: top;
    background: #58afef;
    padding: 0 25px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}
.tieude_giua1 p:after {
    position: absolute;
    top: 0;
    right: -69px;
    content: '';
    width: 69px;
    height: 44px;
    background: url(images/tt_after.png) no-repeat;
}
a.vews_sp {
    float: right;
    font-size: 14px;
    text-decoration: none;
    color: #000;
}
a.vews_sp:hover{
    color: #00AEEF;
}
div.wap_item
{
	position:relative;
	margin:0 -10px;
}

div.item
{
    width: calc(100%/4 - 23px); 
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    background: #fff;
    border: solid 1px #EEEEEE;
    padding: 10px;    
    position: relative;
}
.sp_img {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-bottom: double #ececec;    
    overflow: hidden;
}
.sp_img a {
    display: block;
    line-height: 0;
} 
h3.sp_name{margin-bottom:5px;}
h3.sp_name a {
    text-decoration: none;
    color: #000;
    font-family: roboto;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    min-height: 43.2px;
}
h3.sp_name a:hover{color:#00aeef;transition:all 0.5s;}
div.sp_gia span.giacu {
    color: #8B8B8B;
    text-decoration: line-through;
    font-size: 14px;
    padding-right: 5px;
}
div.sp_gia span.giamoi {
    color: #ED1C24;
    font-size: 15px;
}
.giamgia {
    float: right;
    background: #ED1C24;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px;
}
div.item:hover .dh{  
    transition: all 0.5s; 
    left: 0;
}
.dh {
    height: 100%;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.18);
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: -100%;
    bottom: 0;
    cursor: pointer;
    transition: all 0.5s;
    display: flex;
    align-items: center;
}
.dh p{
    width: 100%;
}
.dh a {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 5px 10px;
    padding-right: 20px;
    border-radius: 18px;
}
.dh img {
    vertical-align: middle;
    margin-right: 5px;
}
div.item span.spmoi {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 25px;
    background: url(images/icon_new1.png) no-repeat;
    z-index: 9;
}
.itemsp {
    border: solid 1px #e8e8e8;
    margin: 0 -0.5px;
    padding: 8px;
    position: relative;
    background: #fff;
    text-align: center;
    transition: all 0.5s;
}
.itemsp:hover{
    border: solid 1px #00AEEF;
    transition: all 0.5s;
    z-index: 9;
}
.itemsp h3.name_sp a {
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    display: block;
    min-height: 43.2px;
}
.itemsp h3.name_sp a:hover{
    color: #00AEEF;
}
.itemsp .giamgia {
    line-height: 39px;
    background: url(images/icon_new.png);
    position: absolute;
    top: 10px;
    right: 10px;
    width: 39px;
    height: 39px;
    text-align: center;
    color: #fff; 
}
.bgkm {
    float: left;
    line-height: 0;
    width: 27%;
    max-width: 320px;
    margin-top: 10px;
}
.box_km {
    float: right;
    width: 72%;
}
.box_km div.item {
    width: calc(100%/3 - 18px);
    margin: 10px 8px;
    padding-bottom: 18px;
}
.qc {
    margin: 4% 0;
    line-height: 0;
}
.gioithieu {
    max-width: 1200px;
    margin: auto;
    background: #fff;
    border: solid 1px #EBEBEB;
    padding: 25px;
}
.hinhgt {
    float: left;
    width: 37%;
}
.info_about {
    float: right;
    width: 60%;
}
.ttgt {
    font-family: fontA;
    font-size: 30px;
    color: #00AEEF;
    position: relative;
    background: url(images/tt1.png) repeat-x center bottom 17px;
}
.ttgt span {
    background: #fff;
    padding-right: 15px; 
}
.ttgt1 {
    font-family: avo;
    position: relative;
    font-size: 25px;
    color: #404040;
    margin-bottom: 15px;
}
.views {
    background: #1a3c59ab;
    width: 125px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-top: 5px;
    float: right; 
    transition: all 0.5s;
}
.views:hover{
    background: #1a3c59;
    transition: all 0.5s;
}
.views img{margin-right: 5px;}
.views a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.box_tc {
    padding: 3% 0;
    margin: 3% 0;
}
.tt_dv {
    text-align: center;
    color: #fff;
    margin-bottom: 2%;
    background: url(images/tt_dv.png) no-repeat center bottom;
    padding-bottom: 35px;
    font-size: 30px;
    font-weight: bold;
}
.tt_dv p {
    color: #c1c1c1;
    font-size: 15px;
    font-weight: normal;    
    margin-top: 5px;

}
.item_tc {
    text-align: center;
    margin: 0 15px;
    color: #CECECD;
    font-size: 13px;
    line-height: 23px;
}
p.tc_img {
    display: inline-block;
    transition: all 0.5s;
}
p.tc_img:hover{
    transition: all 0.5s;
    transform: rotate(45deg);
}
h4.name_tc {
    margin-top: 15px;
    margin-bottom: 10px;
}
h4.name_tc{margin-top: 10px;}
h4.name_tc a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
.item_dc {
    margin: 0 20px;
}
p.dc_img {
    margin-bottom: 15px;
    overflow: hidden; 
}
p.dc_img img{
    transition: all 0.7s;
}
p.dc_img img:hover {
    transition: all 0.7s;
    transform: scale(1.2) rotate(8deg);
}
h4.name_dc {
    text-align: center;
    background: url(images/line.png) no-repeat center top;
    padding-top: 20px;
}
h4.name_dc a{
    text-decoration: none;
    color: #6C6C6C;
    font-size: 15px;
    font-weight: normal;
}
h4.name_dc a:hover {
    color: #00aeef;
} 
div#wap_footer
{
    background: #00AEEF;
    padding-top: 3%;
    padding-bottom: 2%;
    margin: auto;
    margin-top: 2%;
    color: #fff;
}
div#footer
{
	max-width:1200px;
	margin:auto;
}
div#main_footer {
    width: 30%;
    display: inline-block;
    vertical-align: top;
} 
.maps {
    width: 15%;
    display: inline-block;
    vertical-align: top;
    margin-left: 3%;
    margin-right: 3%;
}
.maps ul li {
    list-style: none;
    margin-bottom: 7px;
}
.maps ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    transition: all 0.5s;
}
.maps ul li a:hover{
    transition: all 0.5s;
    color: yellow;
    margin-left: 5px;
}
.fb {
    width: 27%;
    display: inline-block;
    vertical-align: top;
}
.ttft {
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}
.ttft:after {
    position: absolute;
    content: '';
    bottom: -6px;
    left: 0;
    width: 40px;
    border-bottom: solid 1px #fff;
}
.bottom {
    background: #008BBF;
    padding: 10px 0;
    color: #fff;
    font-size: 13px;
}
.copyright {
    color: #65C1E4;
    display: inline-block;
    vertical-align: top;
    width: 60%;
}
.copyright span{
    color: #fff;
}
.tktc {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 39%;
}
.box_cn {
    border-top: solid 1px #33BEF2;
    padding-top: 25px;
    margin-top: 25px;
}
.itemcn1 {
    width: calc(100%/4 - 33px);
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: center;
}
.name_cn {
    background: #009CD7;
    padding: 7px 10px;
    margin-bottom: 15px;
}
.name_cn a{
    text-decoration: none;
    color: #fff; 
    font-size: 18px;
}
.name_cn a:hover{color:yellow;}
.itemcn1 p {
    font-size: 13px;
    margin-bottom: 7px;
}

/*----------------------------------------------------*/
div.wap_pro
{
	margin:15px auto;
	clear:both;
}
.zoom_slick
{
	width:45%;
	float:left;	
	text-align:center;
    background: #fff;
}
.zoom_slick .slick2
{
	border:1px solid #DDD;
}

.zoom_slick .slick
{
	margin-top:5px;
}

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

.product_info
{
	float:right;
	list-style:none;
	width:52%;
}
.product_info li
{
	font-size:13px; 
	padding:6px 0;
}
.product_info li input.soluong {
    height: 32px;
    width: 50px;
    font-size: 22px;
}
.product_info li.gia .giamgia {
    float: none;
    display: inline-block;
    margin-left: 2%;
    font-size: 18px;
    background: #fff;
    color: #f00;
    border: dashed 1px;
}
.product_info li a.order, .product_info li button.order {
    display: inline-block;
    cursor: pointer;
    padding: 10px 15px;
    background: #00aeef;
    border-radius: 5px;
    color: #fff;
    border: none;
    font-size: 15px;
    display: none;
}
.product_info li a.order:hover, .product_info li button.order:hover{
    transition: all 0.5s;
    background:#ed1c24;
}
.product_info li a.order i{font-size: 20px;margin-right:6px;}
.product_info li.ten
{
    color: #019ed2;
    font-size: 20px;
}
.product_info li.giacu span {
    font-size: 15px;
    text-decoration: line-through;
    color: #7d7c7c;
}
.product_info li.gia
{
    color: #ef0707;
    font-size: 22px;
}
.product_info li b {
    font-size: 13px;
    font-family: arial;
    color: #4c4b4b;
}
@-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);
  }
}
@media screen and (max-width: 1280px) {
    div.menu ul li a
    {
        padding:0px 19px;
    }  
    .wap_menu.scroll div.menu ul li a {
        padding: 0px 8px;
        font-size: 14px;
    }  
    div.tieude { font-size: 15px;}
}
@media screen and (max-width: 1024px) {
	div.menu ul li a
	{
		padding:0px 14px;
	}
    form#frm_order .item_lienhe input[type='text'], form#frm_order .item_lienhe textarea, form#frm_order .item_lienhe select {
    width: 68%;}	
}
@media screen and (max-width: 960px) {
	div.header
	{
		display:block;
	}
    .top_mb {display: block;}
    .hotline {
        display: none;
    }
    div.wap_menu{height: 40px;line-height: 40px;display: none;}
    .dc { width: 40%; }
    .dm_left {
        width: 100%;border-right: none;
    }  
    .dm_left.fixdm { 
        width: 97%;
        max-width: 100%; 
        position: fixed;
        top: 0;
        z-index: 999; 
        transition: all 0.5s;
        background: #fff;
    }
    .dm_left.fixdm div.tieude {
        height: 40px;
        line-height: 40px;
        background: #019edb;
    }
    .danhmuc1 > ul { height: auto;}
    .slide_right {
        float: none;
        width: 100%;
    }
    div#slider {
        margin-top: 10px; 
    }
	div.tieude { 
		background: #019edb;
		height: 40px;
		line-height: 40px; 
		margin-top: 0; 
	}
    .wap_menu.scroll .menu {
        padding-left: 0;
    }
	.wap_item{margin:10px 0 !important;}
	nav#menu{display:none;}
	div#main_content
	{
		width:97%;
	}
	.banner{width:50%;}
	.maps {
        width: 20%;
	}
	.fb { width: 45%;}
	div#footer
	{
		width:97%;
	}
	div#slider
	{
		width:100%;
		padding:0;
		border:none;
	}
	div#danhmuc
	{
		display:none;
	}
	div#right
	{
		width:100%
	}
	div#left
	{
		width:100%;
	}
	div.item
	{ 
	}
	div#main_footer
	{
		width:100%;
        margin-bottom: 10px;
	}
	
	div.tt_lh
	{
		width:100%;
	}
	div.bando
	{
		width:100%;
	}
	.menu_login {
		display:none;
	}
    .wrap_1200 { max-width: 97%; }	
    form#frm_order .item_lienhe input[type='text'], form#frm_order .item_lienhe textarea, form#frm_order .item_lienhe select {
    width: 100%;color:#adacac;} 
    div.frm_lienhe .item_lienhe p {
        float: none; 
        margin-bottom: 10px;
    }   
}
@media screen and (max-width: 800px) {
    .bgkm{display: none;}
    .box_km {
        float: none;
        width: 100%;
    }
}
@media screen and (max-width: 700px) {
    .top {
        display: none;
    }
    .box_km div.item , div.item {
        width: calc(100%/3 - 8px);
        margin: 3px; 
    }
    .itemcn1 {
        width: calc(100%/2 - 33px); 
        margin: 10px 15px; 
    }
    .left_gh { 
        width: 100%;
    }
    .right_gh { 
        width: 100%;
    }
}
@media screen and (max-width: 603px) {
	div#header a.logo
	{
		display:none;
	}
	div#header{text-align:center;}
	.logo {
        width: 30%;
        padding-left: 0;
        margin-right: 2%;
    }
    .banner {
        width: 65%;
        margin-left: 2%;
    }
    .nd_contact , .lh_contact{width: 100%;margin-bottom: 10px;}
	.box_km div.item, div.item {
        width: calc(100%/2 - 8px);
        margin: 3px;
    }
    .hinhgt { 
        width: 100%;
        margin-bottom: 15px;
    }
    .info_about { 
        width: 100%;
    }
    .item_dc {
        margin: 0 10px;
    }
    .copyright , .tktc { width: 100%;text-align: center; }
	.maps ,.fb{width:100%;margin-right:0;margin-bottom:10px;margin-left: 0;}
    .wap_box_new {
        margin: 0 ;
    }
    .box_news { width: 100%; margin: 10px 0; }
	.zoom_slick
	{
		width:85%;
		max-width:400px;
		float:none;
		margin:auto;
	}
	.product_info
	{
		width:100%;
		margin-top:10px;
	}
	.gh_an
	{
		display:none;
	}  
}
@media screen and (max-width: 460px) {
	.box_km div.item, div.item {
        width: calc(100%/2 - 2px);
        margin: 2px 0px;    
        padding: 5px;
    }
    .tieude_giua1 p:after{display: none;}
    .wap_item { 
        clear: both;
    }
    .item_tc ,.item_dc { margin: 0 5px;} 
    .logo {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
    }
    .banner {
        display: none;
    }
	div.tieude_giua
	{
		font-size:23px;
	}
    .tt_dv{font-size: 23px;}	
    .ttgt { 
        font-size: 21px; 
        background: url(images/tt1.png) repeat-x center bottom 8px;
    }
    .ttgt1 { font-size: 20px; }
    .itemcn1 { width: calc(100% - 33px); }
    .dh { padding: 5px 0; position: relative; left: 0;}
    .dh a { 
        padding: 5px 3px;
        padding-right: 5px; 
    }
	div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password']
	{
		width:100%;
	}
	div.frm_lienhe .item_lienhe select
	{
		width:100%;
	}
	.map_description
	{
		width:100%;
	}
	.box_news a img
	{
		width:110px;
	}
	div.frm_lienhe .item_lienhe p
	{
		width:100%;
	}
	.othernews ul.phantrang
	{
		margin-left:0px;
	}
	.box_news h3 a {
		font-size:14px;
	}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}


.quantity input{
    height: 32px;
    width: 50px;
    font-size: 22px;
    display: none;
}
.quantity label{
    position: inherit!important;
    font-weight: bold;
        font-size: 13px;
    font-family: arial;
    color: #4c4b4b;
}
#coupon_code{
    width: 50%;
    padding: 9px 10px;
    border: 1px solid #efecec;
    box-sizing: border-box;
    background: #fff;
    color: #adacac;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background: #00aeef;
    color: #fff;
    border: 1px solid #00aeef;
    padding: 6px 25px;
    border-radius: 0;
    margin-left: 12px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background: #00aeef;
    color: #fff;
    border: 1px solid #00aeef;
    padding: 6px 25px;
    border-radius: 0;
    margin-left: 12px;
}
.woocommerce .product-name a{
    color: #00AEEF;
    text-decoration: none;
}
.woocommerce .product-name a:hover{
    text-decoration: none;
}
.woocommerce .product-thumbnail img{
    width: 100px;
}
.woocommerce .quantity label{
    display: none;
}
.woocommerce .quantity .qty{
    font-size: 16px;
}
.woocommerce label{
    font-weight: normal;
}
.top_mb ul.sub-menu{ 
display: none; }
.pagination.halink a{
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
    color: #666666;
    font-weight: bold;
    border: 1px solid #d5d5d5;
    font-size: 11px;
}
.pagination.halink span.current{
    height: 25px;
    padding: 4px 8px;
    font-size: 11px;

    background: #424852; 
    color: #fff;
    border-color: #424852; 
}
.sp_img a:hover{
    text-decoration: none;
}
.bt-more-detail:hover{
    color: #fff !important;
}
/*.slick-initialized .slick-slide{
    min-height: 262px;
}*/

.logo a img , .logoft a img{
    max-height: 150px;
    width: auto;
}