/*
Theme Name: Gridbox
Theme URI:#
Author: ThemeZee
Author URI: https://themezee.com
Description: Gridbox is a clean and solid WordPress theme featuring a three-column grid-layout for posts. The theme works out of the box and does not require any complicated setup. It is perfectly suited for a simple magazine, blog or portfolio website. 
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gridbox
*/

/*--------------------------------------------------------------
# 1.0 - Normalize
--------------------------------------------------------------*/
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:     100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {	display: none;}
a {	background-color: transparent;}
a:active,a:hover {	outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {	font-weight: bold;}
dfn {	font-style: italic;}
h1 {	font-size: 2em;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 0;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {	color: inherit;	font: inherit;	margin: 0;}
button {	overflow: visible;}
button,select {	text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {	cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {	border: 0;	padding: 0;}
input {	line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {	border: 0;	padding: 0;}
textarea {	overflow: auto;}
optgroup {	font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {	padding: 0;}

/*--------------------------------------------------------------
# 2.0 - Typography
--------------------------------------------------------------*/
body,button,input,select,textarea {color: #222;font-family: 'Roboto', Tahoma, Arial;font-size: 16px;font-size: 1rem;line-height: 1.6;}
h1,h2,h3,h4,h5,h6 {	clear: both;}
dfn,cite,em,i {	font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #fff;border: 1px solid #ddd;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code,kbd,tt,var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
mark,ins {text-decoration: none;}
big {font-size: 125%;}
/*--------------------------------------------------------------
# 3.0 - Elements
--------------------------------------------------------------*/
html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
body {background: #fff; /* Fallback for when there is no custom background color defined. */}
blockquote {margin: 0 0 1.5em;border-left: 4px solid #222;padding-left: 1.25em;font-size: 18px;font-size: 1.125rem;font-style: italic;color: #777;}
blockquote cite,blockquote small {margin-top: 1em;display: block;font-size: 16px;font-size: 1rem;line-height: 1.75;color: #404040;}
blockquote cite:before,blockquote small:before {content: "\2014\00a0";}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote > :last-child {	margin-bottom: 0.5em;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul,ol {margin: 0 0 1.5em;padding: 0 0 0 1.25em;}
ul {	list-style: disc;}
ol {	list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 0 1.5em;}
img {height: auto; /* Make sure images are scaled correctly. */max-width: 100%; /* Adhere to container width. */}
table {margin: 0 0 1.5em;border: none;table-layout: fixed;width: 100%;}
th,td {border: 1px solid #ddd;padding: 0.3em 0.6em;}
a {color: #4477aa;text-decoration: none;}
a:link,a:visited {color: #050507;}
a:hover,a:focus,a:active {color: #111133;}
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;}
/*--------------------------------------------------------------
# 4.0 - Forms
--------------------------------------------------------------*/
button,input[type="button"],input[type="reset"],input[type="submit"] {padding: 0.4em 0.8em;font-size: 14px;font-size: 0.875rem;font-weight: bold;color: #fff;background: #111133;border: none;text-transform: uppercase;text-decoration: none;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {background: #4477aa;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],
textarea {max-width: 100%;padding: 0.3em 0.6em;color: #666;border: 1px solid #ddd;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,
textarea:focus {color: #111;border: 1px solid #ccc;}
textarea {width: 100%;}
/*--------------------------------------------------------------
# 5.0 - Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; }
/*--------------------------------------------------------------
# 6.0 - Alignments
--------------------------------------------------------------*/
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
/*--------------------------------------------------------------
# 7.0 - Clearings
--------------------------------------------------------------*/
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
/*--------------------------------------------------------------
# 8.0 - Layout Structure
--------------------------------------------------------------*/
.site {width: 100%;margin: 0;}
.container {max-width: 1200px;width: 100%;margin: 0 auto;}
.site-content {background: #fff;}
.content-single,.content-archive {float: left;width: 70%;padding-right: 1em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: -0.5em 0 0.5em 0;}
/*san pham trang archive */
.content-archive .blog-item-wrap{width: 32.5%; float: left; margin:0 0.4em 0.4em 0;   border: 1px solid #454545;    text-align: center;height: 312px;}
.content-archive .blog-item-wrap .entry-header{border: none !important;}
.content-archive .blog-item-wrap .entry-title{font-size: 1em;}
.content-archive .blog-item-wrap img{width: 90%;margin: 0 auto;}
.content-archive #main{overflow: hidden;}
.entry-price{color: #1ead3f;margin-top:-10px;font-weight: bold;font-size: 1em;}
.sanpham .entry-header{overflow: hidden;border: 1px solid #454545;}
.sanpham .entry-header .left{width:  42%;float:left;}
.sanpham .entry-header .right{width:58%; float:left;}
    
/*sidebar */
.sidebar {float: right;width: 30%;overflow: hidden;}
.sidebar .widget{border:1px solid #454545;}
.sidebar .widget .textwidget{padding: 5px;}
.sidebar .widget-title{border-left: 6px solid #454545;width: 100%;padding: 5px;border-bottom: 1px solid #454545;background: #454545;color: #ffdf00;}
/*--------------------------------------------------------------
# 9.0 - Header
--------------------------------------------------------------*/
.header-top{ background: #000;}
.header-banner{margin: 0 auto;max-width: 1200px;width: 100%;height: 98px;background: #fff;overflow: hidden;}
.header-main {background: #ffdf00;margin-bottom: 0.5em;border: 1px solid #454545;}
.site-branding,#phuc_vu_24,#hotline {max-width: 100%;padding: 0;}
.site-branding,#phuc_vu_24{float:left;text-align: center;}
.site-branding{width:28%;margin-right: 2em;}
#phuc_vu_24{width: 43%;}
#phuc_vu_24 img{margin-top: -8px;}
#hotline{float: right;text-align: right;width: 30%;color:#ff0000;}
#hotline .hl{font-size: 1.7em;font-weight: bold;}
#hotline .hl a:link{color:#ff0000;}
#hotline .DT{font-size: 1.5em;display: none;}
.site-branding a:link, .site-branding a:visited, .site-branding a:hover {text-decoration: none;	padding: 0;	border: none;}
.site-title {display: inline-block;margin: 0.25rem 0;padding: 0;color: #fff;font-family: 'Roboto Slab', Georgia, Times New Roman;font-size: 28px;font-size: 1.75rem;font-weight: bold;text-decoration: none;}
.site-title a:link, .site-title a:visited {color: #ff0000;}
.site-title a:hover,.site-title a:active {color: rgba(255,255,255,0.75);}
.site-branding .custom-logo {margin: -3px 1em 0 1em;padding: 0;border: none;vertical-align: top;max-width: 100%;width: 75%;height: auto;}
/* phuc vu 24/24 */
#tt-cty{overflow: hidden;background: #129203;color: #fff;padding: 4px 10px;font-size: 18px;font-family: 'Francois One', sans-serif;}
.tt-ct1{float:left; text-align: left;}
.so-dt{float: right; text-align: right; }
.so-dt a{color: #fff;}
/* slideshow */
#slideshow{max-width: 1200px;margin: 0 auto;clear: both;overflow: hidden;}
.slideshowck{margin-bottom: 0px !important;}
.slide-baner{width: 74%;float: left;border: 1px solid #050507; padding: 0.2em;background: #fff;}
.new_hot{width: 25%;float: right;}
.camera_wrap .camera_pag .camera_pag_ul{margin: -48px 0 0 0 !important;}
.slide-services{float: right;width: 25.5%;}
.slide-services .slide_1,.slide-services .slide_2{border: 1px solid #050507; padding: 0.2em;background: #fff;margin-bottom: 0.5em;}
/*baner services */
#baner_services{overflow: hidden;margin-bottom: 0.5em;}
#baner_services ul{ list-style:none; margin: 0;padding: 0;}
#baner_services ul .baner-sv{float: left; margin: 0.5em;
    width: 32%;padding: 0;color: #fff; padding: 5px;}
#baner_services ul .baner-svc{float: left;width: 19.25%;padding: 0;border: 1px solid #050507;}
#baner_services .suport-online{width:38% !important; margin-right: 0 !important;background: #1ead3f;overflow: hidden;}
.suport-online img{float:left;margin: 2px 8px 0 0 ;}
.suport-online .text_supot{width: 110px;float: left;line-height: 1;color: #fff;}
.suport-online .text-icon{width: 100%;}
.bao-tri{background: #f94950;}
.chua-biet{background: #3da9e2;}
/* Custom Header Image */
/* dich vu */
.set-camera{background:#ffbf26;}
.icon-img{ width: 10%;float: left;margin: 4px 20px 0 0;}
.text-icon{width: 75%; float: left;}
.text-icon p,.text-icon h5{padding: 0;margin:0 0 0 8px;}
.text-icon p{line-height: 1;margin-left: 8px;}
.text-icon h5{ text-transform: uppercase;   margin-bottom: 5px;  font-size: 1em;}
.header-image {text-align: center;}
.header-image img {max-width: 2500px;max-height: 500px;vertical-align: top;width: 100%;height: auto;}
/* san pham trang chu */
#content ul li, #content ol li{margin: 0;}
.content-sanpham{overflow: hidden;margin-bottom: 0.5em;}
.menu_product{float:right; width:20%;}
.menu_product .widget-1{margin-bottom: 1em;border: 1px solid #000;}
.menu_product h3{border-left: 9px solid #454545;padding: 6px;}
.container-sp{float: left;width: 79.4%; overflow: hidden;}
.homepage-product{border: 1px solid #050507; overflow: hidden;padding: 10px;}
.homepage-product h2{margin: 0;}
.menu_product ul{margin: 0!important; padding: 0 !important;}
.menu_product ul li{list-style: none;border-top: 1px solid #454545;padding: 5px 0;}
.menu_product ul li a{ padding: 5px 0 0 15px;}
.menu_product ul li a:before{display: inline-block;margin: 0.4em 0 0 -0.8em;font-size: 16px;line-height: 1;font-family: 'Genericons';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; text-decoration: inherit;vertical-align: top;content: '\f429';color: #020202;}
.homepage-product .blog-item-wrap{width: 25%; padding:0.2em;border-right: 1px #454545 dashed;text-align: center;float: left;}
.homepage-product .spc_4{border-right:none !important;}
.homepage-product .blog-item-wrap .entry-title {font-size: 1em;}
.homepage-product .blog-item-wrap .entry-price { font-size: 0.8em;}
.homepage-product img{height: auto;max-width: 100%;}
.homepage-product figure img{max-width: 100%;}
.chi-tiet{float: right; font-size: 1em;     margin: -2.5em 10px 0 0; text-decoration: underline; text-transform: uppercase;font-weight: bold;}
.image-product{max-width: 100%;min-height: 170px;}
.product-relative{padding:0;}
.product-relative li{width: 32.3%;float: left;border: 1px solid #454545;margin: 0.5em 0.5em 0 0;list-style: none;text-align: center;}
.product-relative li img{max-width: 67%;}
.title-produc-relative{float: left; font-weight: bold;}
.img-product-relative{float: left;    max-height: 170px;}
/* san pham home */
.title-sp{background: #ddd;padding: 5px;border-bottom: 1px solid #454545;}
.buttom-not{float: right;margin: -3em 1em;}
.camera-tronbo{margin: -15px 0 10px 0;}
.camera-tronbo .image-product{border: 1px solid #ddd;max-width: 92%;min-height: 155px;}

/*--------------------------------------------------------------
# 10.0 - Bottom
--------------------------------------------------------------*/
#bottom{overflow: hidden;margin-bottom: 0.5em;}
#bottom li{list-style: none; padding: 4px 0;}
#bottom .textwidget{    padding: 8px 15px;}
#bottom li a{color: #eee !important;}
#bottom li a:hover{text-decoration: underline;}
#bottom ul{margin-bottom: 3em;padding: 5px 0 0 15px !important;}
#bottom #menu-dich-vu,#bottom #menu-san-pham{margin: 2px !important;}
#bottom #menu-dich-vu a:before,#bottom #menu-san-pham a:before{display: inline-block;margin: 0.4em 0 0 -0.8em;font-size: 16px;line-height: 1;font-family: 'Genericons';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-decoration: inherit;vertical-align: top;content: '\f429';color: #fff;}
#bottom p{margin-bottom: 0;}
#bottom span{padding: 10px 0;}
#bottom h4{ padding: 0 !important;margin:15px 0 0 0  !important;}
.tp_bottom h3{padding: 7px;border-bottom: 1px solid #fff;width: 100%;color: #fff;font-weight: 600;text-transform: none;}
#cam_ket{width: 31%;    background: #f8af01;}
#gioi_thieu{width: 22%;background: #ed1b24;}
#ho_tro{width: 23%;background: #3da9e2;}
#ket_noi{width: 22%;background: #1ead3f;margin-right: 0;}
.tp_bottom {margin-right: 0.5em;float: left;    min-height: 300px;}

/* footer menu */
#footer-menu ul{
border-bottom: 1px solid #fff;padding:0;overflow: hidden;margin-top: 1em;}
#footer-menu ul li{ float:left; margin-right: 1em; list-style: none;}
#footer-menu ul li a{text-transform: uppercase;}
#footer-menu ul li ul{display: none;}
/* Lien ket */
#bottom .bt_lk{padding-top:0.5em;float: left; margin-right: 1em;}
.FB a:before{display: inline-block;margin: -0.2em 0.5em 0 -0.8em;font-size: 22px;line-height: 1;font-family: 'Genericons';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-decoration: inherit;vertical-align: top;content: '\f203';color: #3b5998;background: #fff;border-radius: 20px;padding: 6px;}
.TW a:before{
display: inline-block;
    margin: -0.2em 0.5em 0 -0.8em;
    font-size: 22px;
    line-height: 1;
    font-family: 'Genericons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    vertical-align: top;
    content: '\f202';
    color: #1da1f2;
    background: #fff;
    border-radius: 20px;
    padding: 6px;
    }
    
.GG a:before{
display: inline-block;
    margin: -0.2em 0.5em 0 -0.8em;
    font-size: 22px;
    line-height: 1;
    font-family: 'Genericons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    vertical-align: top;
    content: '\f218';
    color: #db4437;
    background: #fff;
    border-radius: 20px;
    padding: 6px;
    }
.LK a:before{
display: inline-block;
    margin: -0.2em 0.5em 0 -0.8em;
    font-size: 22px;
    line-height: 1;
    font-family: 'Genericons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    vertical-align: top;
    content: '\f208';
    color: #3b5998;
    background: #fff;
    border-radius: 20px;
    padding: 6px;
    }
.YT a:before{
display: inline-block;
    margin: -0.2em 0.5em 0 -0.8em;
    font-size: 22px;
    line-height: 1;
    font-family: 'Genericons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    vertical-align: top;
    content: '\f213';
    color: #e62117;
    background: #fff;
    border-radius: 20px;
    padding: 6px;
    }
/* lien_ket */
.ten_cty{ font-weight: bold;}
/*--------------------------------------------------------------
# 10.0 - Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 10.1 - Main Navigation
--------------------------------------------------------------*/
.primary-navigation {
	margin: 0;
}

.main-navigation-toggle {
	display: none;
}

.main-navigation-menu {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;	
}

.main-navigation-menu li {
	float: left;
	position: relative;
	margin: 0;
}

.main-navigation-menu a {
	display: block;
	font-size: 16px;
	font-size: 1rem;
	padding: 0.75em 1.25em;
	text-decoration: none;
}

.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.4em 0 0 0.2em;
	font-size: 16px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #454545;
	
}

.main-navigation-menu a:link, 
.main-navigation-menu a:visited {
	color: #454545;
	text-decoration: none;
    text-transform: uppercase;    font-weight: bold;
}
.main-navigation-menu li ul li a:link,.main-navigation-menu li ul li a:visited{
    color: #ffdf00;
}
.main-navigation-menu li ul li a:hover{color:#454545;}
.main-navigation-menu li a:hover {
	color: rgb(109, 110, 114);
    text-transform: uppercase;
}

.main-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	background: #050507;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.main-navigation-menu ul li{
	margin: 0;
}

.main-navigation-menu ul a {
	width: 250px;
	width: 16rem;
	padding: 1em;
	float: left;
	font-size: 13px;
	font-size: 0.8125rem;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.main-navigation-menu ul li:last-child a {
	border-bottom: none;
}

.main-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.2em 0 0 0.2em;
	font-size: 14px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #fff;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
}

.main-navigation-menu ul .menu-item-has-children > a:hover:after {
	text-decoration: none;
}

.main-navigation-menu li ul ul {
	margin-left: 250px;
	margin-left: 16rem;
	margin-top: -1px;
	padding: 0;
	border: 1px solid rgba(255,255,255,0.2);
}

.main-navigation-menu li:hover ul ul, 
.main-navigation-menu li:hover ul ul ul, 
.main-navigation-menu li:hover ul ul ul ul {
	display: none;
}

.main-navigation-menu li:hover ul, 
.main-navigation-menu li li:hover ul, 
.main-navigation-menu li li li:hover ul, 
.main-navigation-menu li li li li:hover ul {
	display: block;
}

.main-navigation-menu li.current-menu-item > a {
	text-decoration: underline;color: #000;
}

.main-navigation-menu ul li.current-menu-item > a:after {
	text-decoration: none;
}

/*--------------------------------------------------------------
## 10.2 - Social Icons Menu
--------------------------------------------------------------*/
.social-icons-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	line-height: 1;
}

.social-icons-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

.social-icons-menu li a {
	position: relative;
	display: inline-block;
	padding: 0.5em;
	text-decoration: none;
}

.social-icons-menu li a .screen-reader-text {
	display: none;
}

/* Add Genericons */
.social-icons-menu li a:before {
	color: #fff;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
}

.social-icons-menu li a:before { content: '\f408'; } /* Default Icon */
.social-icons-menu li a[href*="codepen.io"]:before  { content: '\f216'; }
.social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; }
.social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; }
.social-icons-menu li a[href*="facebook.com"]:before { content: '\f204'; }
.social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; }
.social-icons-menu li a[href*="plus.google.com"]:before { content: '\f218'; }
.social-icons-menu li a[href*="github.com"]:before { content: '\f200'; }
.social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; }
.social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; }
.social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; }
.social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; }
.social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; }
.social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; }
.social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; }
.social-icons-menu li a[href*="skype.com"]:before,
.social-icons-menu li a[href*="skype:"]:before { content: '\f220'; }
.social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; }
.social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; }
.social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; }
.social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; }
.social-icons-menu li a[href*="vimeo.com"]:before  { content: '\f212'; }
.social-icons-menu li a[href*="wordpress.org"]:before { content: '\f205'; }
.social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; }
.social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; }
.social-icons-menu li a[href*="newsletter"]:before,
.social-icons-menu li a[href*="mailto"]:before { content: '\f410'; }
.social-icons-menu li a[href*="/feed"]:before,
.social-icons-menu li a[href*="/feed/"]:before,
.social-icons-menu li a[href*="?feed=rss2"]:before,
.social-icons-menu li a[href*="feedburner.google.com"]:before,
.social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; }

/*--------------------------------------------------------------
# 11.0 - Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2.5em 0;
	color: #333;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.widget-header {
	margin: 0 0 0em 0;
	border-left: 6px solid #111133;
}

.widget-title {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 0.8em;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
    color: #111133;
}


.widget ul {
	margin: 0;
	padding: 0 0.3em;
	list-style: circle inside;
}

.widget ul .children,
.widget ul .sub-menu {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}

.widget-title a:link, .widget-title a:visited  {
	color: #111133;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.widget-title a:hover, .widget-title a:active  {color: #4477aa;}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
## 11.1 - Default Widgets
--------------------------------------------------------------*/

/* Theme Search Widget */
#tim-kiem{
        display: none;
    }
#tim-kiem1{
    width: 34%;
    float: right;
    margin: 10px 0 0 0;
}

.search-form {
	display: block;
	width: 100%;margin: 6px 0;
	    padding: 0 0 0 18px;
	overflow: hidden;
}

.search-form .screen-reader-text {
	display: none;
}

.search-form .search-field {
	display: inline-block;
	margin: 0;
    width: 85%;
    padding: 2px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.search-form .search-submit {
	border: none;
	padding: 5px 11px;margin: -5px 0;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.search-form .search-submit .genericon-search {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
	color: #fff;
	content: '\f400';
}

/*--------------------------------------------------------------
## 11.2 - Magazine Posts Widgets
--------------------------------------------------------------*/

/* Magazine Homepage Widget Area */
.widget-magazine-posts {
	margin-bottom: 0;
}

.widget-magazine-posts .widget-header {
	border: none;
	margin-bottom: 1.5em;
}

.widget-magazine-posts .widget-header .widget-title {
	padding: 0;
	font-size: 40px;
	font-size: 2.5rem;
	text-transform: none;
}

.widget-magazine-posts .widget-header .category-description {
	font-size: 20px;
	font-size: 1.25rem;
}

.widget-magazine-posts .widget-header .category-description p {
	margin: 0.5em 0 2em;
}

/* Magazine Posts Styling */
.widget-magazine-posts .type-post .entry-content {
	font-size: 16px;
	font-size: 1rem;
}
.entry-content h4{ margin: 0 0 0.3em; font-size: 1.4em;}
.widget-magazine-posts .type-post .entry-excerpt p {
	margin: 0.5em 0 1em;
}

.widget-magazine-posts .type-post .entry-meta {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 0.5em;
}

/* Magazine Posts Grid */
.magazine-grid {
	display: flex;
	flex-wrap: wrap;
	margin-right: -2.5em;
}

.magazine-grid .magazine-grid-post {
	float: left;
	display: flex;
	padding-right: 2.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Two Column Grid Layout */
.magazine-two-columns-grid .magazine-grid-post {
	width: 50%;
}

.magazine-two-columns-grid .type-post .entry-title {
	font-size: 32px;
	font-size: 2rem;
}

/* Three Column Grid Layout */
.magazine-three-columns-grid .magazine-grid-post {
	width: 33.3333333333333%;
}

.magazine-three-columns-grid .type-post .entry-title {
	font-size: 24px;
	font-size: 1.5rem;
}

/* Four Column Grid Layout */
.magazine-four-columns-grid .magazine-grid-post {
	width: 25%;
}

.magazine-four-columns-grid .type-post .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
}

/*--------------------------------------------------------------
# 12.0 - Content Area
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 12.1 - Posts and Pages
--------------------------------------------------------------*/
.type-post, 
.type-page, 
.type-attachment  {
	margin: 0 0 2.5em 0;
	max-width: 100%;
}

.archive-title,
.page-title,
.entry-title {
	font-size: 1.5em;
    color: #111133;

    margin-top: 7px;
}
.entry-content h2{ margin: 0; font-size:1.3em;}
.entry-title a:link, 
.entry-title a:visited {
	color: #111133;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.entry-title a:hover, 
.entry-title a:active {
	color: #4477aa;
}

.sanpham .entry-content {
	font-size: 1.0625rem;
    border: 1px solid #454545;
    padding: 0.4em;
}

.wp-post-image {
	margin: 0 0 0.5em;
}
/*home */
/* slide san pham */
    .homepage-product .title-sp{margin: 3px 0;}
    .homepage-product ul li{list-style: none;text-align: center;padding: 5px; }
    .homepage-product .entry-title{font-size: 1em; }

.title-home{
        margin: 0 0 5px 0;
    padding: 5px;
    border-bottom: 1px solid #454545;
    text-transform: uppercase;
    background: #ddd;
}
/* Read more Link */
.more-link {
	display: inline-block;
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: #129203;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.more-link:link, 
.more-link:visited  {
	color: #fff;
}

.more-link:hover, 
.more-link:active {
	background: #4477aa;
}
.chi-tiet1{float:right; padding: 5px;}
/* Page Links | wp_link_pages() */
.page-links {
	margin: 0;
	word-spacing: 1em;
	font-weight: bold;
}

/*--------------------------------------------------------------
## 12.2 - Entry Meta
--------------------------------------------------------------*/
.entry-meta {
	margin: 0.25em 0 0;
	color: #888;
	font-size: 16px;
	font-size: 1rem;
}

.entry-meta a:link, .entry-meta a:visited {
	color: #888;
}

.entry-meta a:hover, .entry-meta a:active {
	color: #444;
}

.entry-meta span:after {
	content: "\002F";
	margin-left: 0.2em;
}

.entry-meta span:last-child:after {
	display: none;
}

/* Entry Tags & Tagcloud Widget */
.entry-tags {
	margin: 0 0 2em;
}

.widget_tag_cloud .tagcloud,.entry-tags .meta-tags {
	font-size: 14px;
	font-size: 0.875rem;
}

.widget_tag_cloud .tagcloud:before,.widget_tag_cloud .tagcloud:after,.entry-tags .meta-tags:before,.entry-tags .meta-tags:after {
	content: "";
	display: table;
}

.widget_tag_cloud .tagcloud:after,.entry-tags .meta-tags:after {
	clear: both;
}

.widget_tag_cloud .tagcloud a,.entry-tags .meta-tags a {
	float: left;
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: 0.2em 0.5em 0.3em;
	text-decoration: none;
	background: #4477aa;
	font-size: 14px !important;
	font-size: 0.875rem !important;
}

.widget_tag_cloud .tagcloud a:link, .widget_tag_cloud .tagcloud a:visited,.entry-tags .meta-tags a:link, .entry-tags .meta-tags a:visited {
	color: #fff;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.widget_tag_cloud .tagcloud a:hover, 
.widget_tag_cloud .tagcloud a:active,
.entry-tags .meta-tags a:hover, 
.entry-tags .meta-tags a:active {
	color: #fff;
	background: #111133;
}
/* hotline */
.hl-tk {
    position: fixed;
    bottom: 20px;
    width: 55px;
    left: 5%;
}
/* Post Navigation */
.post-navigation {
	margin: 0;
	padding: 1em 0;
	border-top: 2px solid #eee;
}

.post-navigation .nav-links:before,.post-navigation .nav-links:after {
	content: "";
	display: table;
}

.post-navigation .nav-links:after {	clear: both;}
.post-navigation .nav-links .nav-previous {	float: left;}
.post-navigation .nav-links .nav-next {	float: right;}
.post-navigation .nav-links a {
	display: inline-block;
	margin: 0 0 3px;
	padding: 0.3em 0.8em;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #111133;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.post-navigation .nav-links a:link, .post-navigation .nav-links a:visited  {	color: #fff;}
.post-navigation .nav-links a:hover, .post-navigation .nav-links a:active {	background: #4477aa;}

/*--------------------------------------------------------------
## 12.2 - Post Archives
--------------------------------------------------------------*/

/* Archive Title */
.page-header {	margin-bottom:0.5em;}
.page-header .blog-description,.page-header .archive-description {
	font-size: 20px;
	font-size: 1.25rem;
}

.page-header .blog-description,.page-header .archive-description p {
	margin: 0.5em 0 0;
}

/* Archive Posts Styling */
.post-wrapper .type-post .entry-content {
	font-size: 16px;
	font-size: 1rem;
}

.post-wrapper .type-post .entry-excerpt p {
	margin: 0.5em 0 1em;
}

.post-wrapper .type-post .entry-meta {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 0.5em;
}

/* Archive Posts Columns */
.post-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-right: -2.5em;
}

.post-wrapper .post-column {
	float: left;
	display: flex;
	padding-right: 2.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Two Column Layout */
.post-layout-two-columns .post-wrapper .post-column {
	width: 50%;
}

.post-layout-two-columns .post-wrapper .type-post .entry-title {
	font-size: 32px;
	font-size: 2rem;
}

/* Three Column Layout */
.post-layout-three-columns .post-wrapper .post-column {
	width: 48%;float: left;margin: 5px;overflow: hidden;
}


.post-layout-three-columns .post-wrapper .type-post .entry-title {
	font-size: 24px;
	font-size: 1.5rem;
}

/* Four Column Layout */
.post-layout-four-columns .post-wrapper .post-column {
	width: 25%;
}

.post-layout-four-columns .post-wrapper .type-post .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
}

/* Theme Pagination */
.post-pagination {
	margin: 0 0 2.5em;
}

.post-pagination a,.post-pagination .current {
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: 0.4em 0.9em;
    text-align: center;
	text-decoration: none;
	color: #fff;
	background: #111133;
}

.post-pagination a:link, 
.post-pagination a:visited {
	color: #fff;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.post-pagination a:hover,.post-pagination .current {
	background: #4477aa;
}

/* Infinite Scroll Pagination */
.infinite-scroll .post-pagination {
	display: none;
}

.infinite-scroll .post-columns:before,.infinite-scroll .post-columns:after {
	content: "";
	display: table;
}

.infinite-scroll .post-columns:after {
	clear: both;
}

.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin: 0 0 2.5em;
	padding: 0.3em 0.8em;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #111133;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.infinite-scroll #infinite-handle span:hover {
	background-color: #4477aa;
}

/* Breadcrumbs */
.breadcrumbs {
	    margin: 0;
    padding: 1em 0em 1em 1em;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 0.5em;
    background: #eee;
}

.breadcrumbs-container {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background: #fff;
	
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
}

.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li {
	display: inline;
	margin: 0;
	padding: 0;
}

.breadcrumbs .trail-browse {
	margin-right: 0.5em;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: normal;
}

.breadcrumbs .trail-items {
	list-style: none;
}

.breadcrumbs .trail-items li::after {
	content: "\00bb"; /* Raquo */
	padding: 0 0.5em;
}

.trail-separator-slash .trail-items li::after { content: "\002F"; }
.trail-separator-dash .trail-items li::after { content: "\2013"; }
.trail-separator-bull .trail-items li::after { content: "\2022"; }
.trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; }
.trail-separator-raquo .trail-items li::after { content: "\00bb"; }
.trail-separator-single-arrow .trail-items li::after { content: "\2192"; }
.trail-separator-double-arrow .trail-items li::after { content: "\21D2"; }

.breadcrumbs .trail-items li:last-of-type::after {
	display: none;
}

/*--------------------------------------------------------------
# 13.0 - Featured Posts
--------------------------------------------------------------*/
.featured-posts-wrap {
	margin: 0 0 2.5em;
}

.featured-posts {
	display: flex;
	flex-wrap: wrap;
	margin-right: -0.5em;
}

.featured-posts .grid-post {
	display: flex;
	width: 33.333333333333333%;
	padding-right: 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.featured-posts .grid-post:nth-child(1),
.featured-posts .grid-post:nth-child(2) {
	width: 50%;
}

.featured-posts .grid-post .type-post .featured-image {
	margin: 0;
	vertical-align: top;
}

.featured-posts .grid-post .type-post {
	position: relative;
	margin: 0 0 0.5em;
}

.featured-posts .grid-post .type-post .image-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.featured-posts .grid-post .type-post:hover .image-overlay {
	background: rgba(0,0,0,0.1);
}

.featured-posts .grid-post .type-post .post-content {
	position: absolute;
	left: 1.5em;
	bottom: 1.5em;
	right: 1.5em;
}

.featured-posts .grid-post .type-post .entry-title {
	display: block;
	padding: 0.2em 0.6em;
	font-size: 28px;
	font-size: 1.75rem;
	text-shadow: 0 0 15px #000;
}

.featured-posts .grid-post:nth-child(1) .type-post .entry-title,
.featured-posts .grid-post:nth-child(2) .type-post .entry-title {
	font-size: 36px;
	font-size: 2.25rem;
}


.featured-posts .grid-post .type-post .entry-title a:link, 
.featured-posts .grid-post .type-post .entry-title a:visited {
	color: #fff;
}

.featured-posts .grid-post .type-post .entry-title a:hover, 
.featured-posts .grid-post .type-post .entry-title a:active {
	color: #ddd;
}

/*--------------------------------------------------------------
# 14.0 - Comments
--------------------------------------------------------------*/

.comments-area {
	margin: 0 0 2.5em;
}

/* Comment Header */
.comments-header,
.comment-reply-title {
	margin: 0 0 1.25em 0;
	border-left: 6px solid #111133;
}

.comments-header .comments-title,
.comment-reply-title span {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 0.8em;
	font-family: 'Roboto Slab', Georgia, Times New Roman;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #111133;
}

/* Comment List */
.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comment {
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	border-bottom: 2px solid #eee;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.comment-meta {
	float: left;
	width: 100%;
	padding: 0;
}

.comment-meta .comment-author img {
	float: left;
	margin-right: 1em;
}

.bypostauthor {
	display: block;
}

.comment-meta .comment-metadata {
	margin-top: 0.3em;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-meta .comment-metadata a {
	margin-right: 1em;
}

.comment-content {
	clear: left;
	padding: 0.2em 0 0;
}

.comment-content a {
	word-wrap: break-word;
}

.comment ol.children {
	list-style: none;
}

.comment ol.children .comment {
	margin: 1.5em 0 0;
	padding: 1.5em 0 0;
	border-top: 2px solid #eee;
	border-bottom: none;
}

.comment .comment-respond {
	margin-top: 2em;
}

/* Comment Pagination */
.comment-navigation {
	margin: 0 0 1.5em;
	padding: 0.5em 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
}

.reply .comment-reply-link {
	display: inline-block;
	margin: 0;
	padding: 0.2em 0.6em;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #111133;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.reply .comment-reply-link:link, 
.reply .comment-reply-link:visited  {
	color: #fff;
}

.reply .comment-reply-link:hover, 
.reply .comment-reply-link:active {
	background: #4477aa;
}

/* Comment Form */
.comment-form {	padding: 0;}

.comment-form label {
	display: inline-block;
	min-width: 150px;
	font-weight: bold;
}

.comment-form textarea {margin-top: 0.4em;}
.comment-form .submit {	padding: 1em 1.6em;}

.comment-reply-title small a {
	margin-left: 1em;
	text-decoration: underline;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: normal;
}

/*--------------------------------------------------------------
# 15.0 - Footer
--------------------------------------------------------------*/
.footer-wrap {	background: #050507;}

.site-footer {
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(255,255,255,0.75);
}

.site-footer a:link,.site-footer a:visited {color: #fff;}
.site-footer a:hover,.site-footer a:active {color: rgba(255,255,255,0.75);}
.site-footer .site-info {padding: 0.5em 0;}
.footer-text-cty h3{margin: 0;}
/*--------------------------------------------------------------
# 16.0 - Media
--------------------------------------------------------------*/
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,iframe,object {max-width: 100%;}

/*--------------------------------------------------------------
## 16.1 - Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em; padding: 15px; max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin: 0 auto;}
.wp-caption-text {text-align: center;}
.wp-caption .wp-caption-text {margin: 1em 0;}
/*--------------------------------------------------------------
## 16.2 - Galleries
--------------------------------------------------------------*/
.gallery {	margin-bottom: 1.5em;}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {	max-width: 50%;}
.gallery-columns-3 .gallery-item {	max-width: 33.33%;}
.gallery-columns-4 .gallery-item {	max-width: 25%;}
.gallery-columns-5 .gallery-item {	max-width: 20%;}
.gallery-columns-6 .gallery-item {	max-width: 16.66%;}
.gallery-columns-7 .gallery-item {	max-width: 14.28%;}
.gallery-columns-8 .gallery-item {	max-width: 12.5%;}
.gallery-columns-9 .gallery-item {	max-width: 11.11%;}
.gallery-caption {	display: block;}
.sanpham_att_table  {border-collapse:collapse;border-spacing:0;width: 100%;}
.sanpham_att_table td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.sanpham_att_table th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.sanpham_att_table .sanpham_att_table_row{vertical-align:top}
/**
 * Nút d?t hàng
 */
.nf-modal-link {
    background-color: #DA4453;
    border-color: #DA4453;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #f3f3f3;
}

.logo-1{font-size: 24px;    margin: 10px 0;}
#logo img{margin: -24px 0 0 -24px;}

.post-c{width: 50%; float: left;padding: 8px;}
.dau-dd, .than-dd{width: auto;overflow: hidden;clear: both;}
.dau-dd img{width: 35%;float: left;padding: 8px;}
.dau-dd .entry-title{font-size: 14px;}
.dau-dd .entry-header{width: 65%;float: right;}
/*--------------------------------------------------------------
# 17.0 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 17.1 - Desktop X-Large ( < 1200px )
--------------------------------------------------------------*/
@media only screen and (max-width: 80em) {

	.container, #masthead{
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.site-content {
		padding-top: 0em;
	}
	
	.content-single {
		padding-right: 2em;
	}
	
	.widget,
	.page-header, 
	.type-post, 
	.type-page, 
	.type-attachment,
	.post-pagination,
	.comments-area {
		margin-bottom: 1em;
	}

	/* Post Columns */
	.post-wrapper,
	.magazine-grid {
		margin-right: -2em;
	}

	.post-wrapper .post-column,
	.magazine-grid .magazine-grid-post {
		padding-right: 1em;
	}
	
	.post-layout-two-columns .post-wrapper .type-post .entry-title,
	.magazine-two-columns-grid .magazine-grid-post .type-post .entry-title {
		font-size: 28px;
		font-size: 1.75rem;
	}
	
	/* Featured Posts */
	.featured-posts-wrap {
		margin: 0 0 2em;
	}
	
	.featured-posts .grid-post .type-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.featured-posts .grid-post:nth-child(1) .type-post .entry-title,
	.featured-posts .grid-post:nth-child(2) .type-post .entry-title {
		font-size: 32px;
		font-size: 2rem;
	}  
    /*menu */
.fixNav {background: #ffdf00;display: block;box-shadow: 0px 2px 2px rgba(0,0,0,0.5);position: fixed;top: 0px;max-width: 1200px;width: 100%;z-index: 100000;left:0;}
/**
 * #fixNav{width:100%;height:53px;display:block;box-shadow:0px 2px 2px rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:100000;}	
 */
 
}

/*--------------------------------------------------------------
## 17.2 - Desktop Large ( < 1120px )
--------------------------------------------------------------*/
@media only screen and (max-width: 70em) {
	
	.archive-title,
	.page-title, 
	.entry-title,
	.widget-magazine-posts .widget-header .widget-title {
		font-size: 36px;
		font-size: 2rem;
	}
	
	.page-header .blog-description,
	.page-header .archive-description,
	.widget-magazine-posts .widget-header .category-description {
		font-size: 18px;
		font-size: 1.125rem;
	}
	
	.post-layout-two-columns .post-wrapper .type-post .entry-title,
	.magazine-two-columns-grid .magazine-grid-post .type-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}
	
	.post-layout-three-columns .post-wrapper .type-post .entry-title,
	.magazine-three-columns-grid .magazine-grid-post .type-post .entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}
	
	.post-layout-four-columns .post-wrapper .type-post .entry-title,
	.magazine-four-columns-grid .magazine-grid-post .type-post .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}
	
	/* Featured Posts */
	.featured-posts .grid-post .type-post .post-content {
		left: 1em;
		bottom: 1em;
		right: 1em;
	}
	
	.featured-posts .grid-post .type-post .entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.featured-posts .grid-post:nth-child(1) .type-post .entry-title,
	.featured-posts .grid-post:nth-child(2) .type-post .entry-title {
		font-size: 28px;
		font-size: 1.75rem;
	}
    
    /*********************dich vu banner ************/
    #baner_services ul .baner-sv {
    margin: 0 0.3em 0.5em 0;
    width: 32.8%;
    padding: 0;
    color: #fff;
    padding: 5px;}
    #baner_services .suport-online {
    width: 100% !important;
    background: #1ead3f;}
    
    /*************bottom **************/
    .tp_bottom {
    margin:0 0.5em 0.5em 0 !important;
    min-height: 285px;
    width: 49% !important;}
    /**************menu_left**********/
    .menu_product { width: 25%;}
    .container-sp { width: 74.4%;}
    /************menu ************/
    widget_menu_SP-menu a { padding: 0.75em 0.5em;font-size: 0.9em;}
    .image-product{min-height: 125px;}
    .post-inner-content{min-height: 100px;}
    .post-inner-content .entry-title a:link{border-bottom: none !important;}
    .content-archive .blog-item-wrap {width: 31.8%;height: 271px;}
    .product-relative li {width: 32%;}
    /*********banner*************/
    #phuc_vu_24{width: 39%;}
    #hotline{width: 32%;}
    #hotline .DT { font-size: 1.2em;}
    #hotline .hl { font-size: 1.4em;font-weight: bold;}
    
    }
/*--------------------------------------------------------------
## 17.3 - Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {
	
	.header-bar {
		padding: 0 1.25em;
	}
	
	.archive-title,
	.page-title, 
	.entry-title,
	.widget-magazine-posts .widget-header .widget-title {
		font-size: 32px;
		font-size: 2rem;
	}
	
	.page-header .blog-description,
	.page-header .archive-description,
	.widget-magazine-posts .widget-header .category-description {
		font-size: 16px;
		font-size: 1rem;
	}
	
	/* Post Columns */
	.post-layout-four-columns .post-wrapper .post-column,
	.magazine-four-columns-grid .magazine-grid-post {
		width: 50%;
	}
	
	.post-layout-two-columns .post-wrapper .type-post .entry-title,
	.post-layout-four-columns .post-wrapper .type-post .entry-title,
	.magazine-two-columns-grid .magazine-grid-post .type-post .entry-title,
	.magazine-four-columns-grid .magazine-grid-post .type-post .entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}
	
	.post-layout-three-columns .post-wrapper .type-post .entry-title,
	.magazine-three-columns-grid .magazine-grid-post .type-post .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}
	
	/* Featured Posts */
	.featured-posts .grid-post .type-post .post-content {
		left: 0.5em;
		bottom: 0.5em;
		right: 0.5em;
	}
	
	.featured-posts .grid-post .type-post .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.featured-posts .grid-post:nth-child(1) .type-post .entry-title,
	.featured-posts .grid-post:nth-child(2) .type-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	/*** Mobile Main Navigation ***/
	
	/* Reset */
	.primary-navigation {
		margin: 0;
	}
	
	.primary-navigation, 
	.main-navigation-menu li {
		float: none;
		position: static;
	}
	
	.main-navigation-menu ul {
		position: static;
		display: block;
	}
	
	.main-navigation-menu ul a {
		width: auto;
		float: none;
	}
	
	.main-navigation-menu li ul ul {
		margin-left: 0;
	}
	
	.main-navigation-menu li:hover ul ul, 
	.main-navigation-menu li:hover ul ul ul, 
	.main-navigation-menu li:hover ul ul ul ul,
	.main-navigation-menu li:hover ul, 
	.main-navigation-menu li li:hover ul, 
	.main-navigation-menu li li li:hover ul,
	.main-navigation-menu li li li li:hover ul {
		display: inline;
	}
	
	.main-navigation-menu > .menu-item-has-children > a:after,
	.main-navigation-menu ul .menu-item-has-children > a:after {
		display: none;
	}
	
	/* Main Navigation Toggle */
	.main-navigation-toggle {
		float: right;
		display: inline-block;
		margin:  0;
		padding: 0;
		background: none;
	}
	
	.main-navigation-toggle:hover,
	.main-navigation-toggle:focus,
	.main-navigation-toggle:active {
		cursor: pointer;
		background: none;
	}
	
	.main-navigation-toggle:after {
		float: left;
		display: inline-block;
		font-size: 32px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f419';
		color: #fff;
	}
	
	.main-navigation-toggle:hover:after {
		color: rgba(255,255,255,0.75);
	}
	
	/* Main Navigation Menu */
	.main-navigation-menu {margin-top: 10px;float: left;width: 100%;display: none;background: #ffdf00;margin-bottom: 1em;border-top: 1px solid rgba(255,255,255,0.2);}
	.main-navigation-menu li {margin: 0;}
	.main-navigation-menu a {display: block;clear: left;padding: 1.2em;border-bottom: 1px solid rgba(255,255,255,0.2);}
	.main-navigation-menu ul {float: none;width: 100%;border: none;padding: 0;}	
	.main-navigation-menu ul a {display: block;width: 100%;padding-left: 2em;}	
	.main-navigation-menu ul li ul a {padding-left: 4em;}	
	.main-navigation-menu ul li ul li ul a {padding-left: 6em;}	
	.main-navigation-menu ul li ul li ul li ul a {padding-left: 8em;}	
	.main-navigation-menu ul li:last-child a {border-bottom: 1px solid rgba(255,255,255,0.2);}
	.main-navigation-menu li ul ul {border: none;border-top: 1px solid rgba(255,255,255,0.2);}
	.main-navigation-menu li.current-menu-item > a {text-decoration: underline;border-bottom: 1px solid rgba(255,255,255,0.2);}
	/* Mobile Submenu Dropdowns */
	.main-navigation-menu .submenu-dropdown-toggle {float: right;display: block;margin: 0;padding: 0.8em 1.2em;}
	.main-navigation-menu .submenu-dropdown-toggle:hover {cursor: pointer;}	
	.main-navigation-menu .submenu-dropdown-toggle:before {
		font-size: 32px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f431';
		color: #fff;
	}
	
	.main-navigation-menu .submenu-dropdown-toggle.active:before {content: '\f432';}
	.main-navigation-menu .submenu-dropdown-toggle:hover:before {color: rgba(255,255,255,0.75);}
	.main-navigation-menu ul .submenu-dropdown-toggle {padding: 0.5em 1em;}	
	.main-navigation-menu ul .submenu-dropdown-toggle:before {font-size: 24px;}
	/************ service banner *********/
    .baner-sv {
    margin: 0 0.342em 0.5em 0;
    width: 32.7%;}
}

/*--------------------------------------------------------------
## 17.4 - Tablet Large ( < 880px )
--------------------------------------------------------------*/
@media only screen and (max-width: 55em) {
	
	.content-single {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.sidebar {
		float: none;
		margin: 0;
		padding: 2em 0 0;
		width: 100%;
		border-top: 2px solid #eee;
	}
	
}

/*--------------------------------------------------------------
## 17.5 - Tablet Medium ( < 800px )
--------------------------------------------------------------*/
@media only screen and (max-width: 50em) {
	
	
    .site-branding {width: 41%;}
    #tim-kiem1 { width: 51%;}
        /* Post Columns */
	.post-layout-three-columns .post-wrapper .post-column {
		width: 50%;
	}
	
	.post-layout-two-columns .post-wrapper .type-post .entry-title,
	.post-layout-three-columns .post-wrapper .type-post .entry-title,
	.post-layout-four-columns .post-wrapper .type-post .entry-title,
	.magazine-two-columns-grid .magazine-grid-post .type-post .entry-title,
	.magazine-three-columns-grid .magazine-grid-post .type-post .entry-title,
	.magazine-four-columns-grid .magazine-grid-post .type-post .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}
	
	.magazine-three-columns-grid .magazine-grid-post {
		width: 100%;
	}
	
	.magazine-three-columns-grid .magazine-grid-post .wp-post-image {
		float: left; 
		max-width: 50%;
		margin: 0 2em 0 0;
	}
	/* Featured Posts */
	.featured-posts .grid-post,
	.featured-posts .grid-post:nth-child(2) {
		width: 50%;
	}

	.featured-posts .grid-post:nth-child(1) {
		width: 100%;
	}
	
	.featured-posts .grid-post .type-post .entry-title,
	.featured-posts .grid-post:nth-child(2) .type-post .entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.featured-posts .grid-post:nth-child(1) .type-post .entry-title {
		font-size: 32px;
		font-size: 2rem;
	}
    /***************** banner service **********/
    #baner_services ul .baner-sv {
    margin: 0 0.3em 0.5em 0;
    width: 32.6%;}
	/**************menu_left**********/
    .menu_product { width: 30%;}
    .container-sp { width: 69.4%;}
    .homepage-product .blog-item-wrap{width: 50%; margin-bottom: 0.5em; max-height: 255px;}
    .post-inner-content { min-height: 107px;}
    .homepage-product .spc_1,.homepage-product .spc_3{border-right: 1px dashed #454545 ;}
    .homepage-product .spc_1, .homepage-product .spc_2{border-bottom: 1px  dashed #454545;}
    .homepage-product .spc_4, .homepage-product .spc_2{border-right: none;  }
    /************menu ************/
    .main-navigation-menu a { padding: 0.75em 0.5em;font-size: 0.9em;}
    .image-product{min-height: 125px;}
    .post-inner-content{min-height: 100px;}
    .content-archive .blog-item-wrap {width: 31.8%;height: 271px;}
    .product-relative li {width: 32%;}
    .tp_bottom {
    min-height: 324px;
    width: 48.8% !important;}
    #phuc_vu_24{width: 40%;}
    #hotline{width: 31%;}
    #hotline .DT { font-size: 1em;}
    #hotline .hl { font-size: 1.2em;font-weight: bold;}
    
    .content-single, .content-archive { width: 100%;}
    .content-archive .blog-item-wrap {width: 23.8%;}
    .tp_bottom{margin: 0;margin-bottom: 0.5em;}
    .post-c{width: 50%; border-bottom: none;}
    

/*--------------------------------------------------------------
## 17.7 - Mobile Extra Large ( < 640px )
--------------------------------------------------------------*/
@media only screen and (max-width: 40em) {
	.tt-ct1{text-align:center;width: 100%;}
    .so-dt{text-align:center;width: 100%;}
	.archive-title,.page-title, .entry-title,.widget-magazine-posts .widget-header .widget-title {font-size: 28px;font-size: 1.75rem;}
	.post-layout-two-columns .post-wrapper .type-post .entry-title,.post-layout-three-columns .post-wrapper .type-post .entry-title,.post-layout-four-columns .post-wrapper .type-post .entry-title,.magazine-two-columns-grid .magazine-grid-post .type-post .entry-title,.magazine-three-columns-grid .magazine-grid-post .type-post .entry-title,.magazine-four-columns-grid .magazine-grid-post .type-post .entry-title {font-size: 18px;font-size: 1.125rem;}
	/* Featured Posts */
	.featured-posts .grid-post .type-post .entry-title,
	.featured-posts .grid-post:nth-child(2) .type-post .entry-title {font-size: 18px;font-size: 1.125rem;}
	.featured-posts .grid-post:nth-child(1) .type-post .entry-title {font-size: 28px;font-size: 1.75rem;}
	 /* .header-banner  */
    .header-banner { height: auto;}
    .site-branding {width: 100%; margin-right: 2em;}
    #phuc_vu_24{width: 50%;}
    #hotline{ width: 45%;}
    .primary-navigation, .main-navigation-menu li{     margin: 5px 0; }
    .fixNav{ width: 100%;box-shadow:none;position: fixed;height:50px;}
    #baner_services ul .baner-sv { margin: 0 0.1em 0.1em 0; width: 33%;}
    #baner_services ul .baner-sv img.alignnone{ display: none;}
    #baner_services ul .baner-sv .text-icon{ width: 100%;}
    
    /* menu */
    .main-navigation{background: #ffdf00;width:100%;}
    .main-navigation-toggle {
    margin: 0; padding: 8px; }
    
    
    #tronbo.container{width: 100%;padding: 0;}
    .tp_bottom {
    margin: 0 0.5em 0.5em 0 !important;
    min-height: 350px;
    width: 47% !important;
}
}

/*--------------------------------------------------------------
## 17.9 - Mobile Medium ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 30em) {
	.container,#masthead {padding-left: 0.5em;padding-right: 0.5em;}
	.site-content {	padding-top: 1.5em;	}
	.widget,.page-header, .type-post, .type-page, .type-attachment,.post-pagination,
	.comments-area {margin-bottom: 1.5em;}
	.archive-title,.page-title,.entry-title,.widget-magazine-posts .widget-header .widget-title {font-size: 24px;font-size: 1.5rem;}
	.alignright, .alignleft {float: none;margin: 1em 0;	}
    .logo-1{font-size: 24px;}
    .slo{margin-bottom: 0em;    font-size: 24px;
    font-weight: bold;}
    #logo .custom-logo-link {    margin: 30px 0 0 0;}
    #logo img{margin: 0px 0 0 0px;}
    .site-branding .custom-logo{width:100%;}
	/* Post Columns */
	.post-wrapper,.magazine-grid {display: block;margin-right: 0;}
	.post-wrapper .post-column,.magazine-grid .magazine-grid-post {display: block;	padding-right: 0;}
	.post-layout-two-columns .post-wrapper .post-column,.post-layout-three-columns .post-wrapper .post-column,
	.post-layout-four-columns .post-wrapper .post-column,.magazine-two-columns-grid .magazine-grid-post,
	.magazine-three-columns-grid .magazine-grid-post,.magazine-four-columns-grid .magazine-grid-post {width: 100%;}
	.magazine-three-columns-grid .magazine-grid-post .wp-post-image {float: none; max-width: 100%;margin: 0 0 0.5em;}
	.post-layout-two-columns .post-wrapper .type-post .entry-title,
	.post-layout-three-columns .post-wrapper .type-post .entry-title,
	.post-layout-four-columns .post-wrapper .type-post .entry-title,
	.magazine-two-columns-grid .magazine-grid-post .type-post .entry-title,
	.magazine-three-columns-grid .magazine-grid-post .type-post .entry-title,
	.magazine-four-columns-grid .magazine-grid-post .type-post .entry-title {font-size: 24px;font-size: 1.5rem;}
	/* Featured Posts */
	.featured-posts-wrap {margin: 0 0 1.5em;}
	.featured-posts .grid-post:nth-child(n+2) .type-post .post-content {display: none;}
    .featured-posts .grid-post:nth-child(1) .type-post .entry-title {font-size: 24px;font-size: 1.5rem;}
    #phuc_vu_24{display: none;}
    #phuc_vu_24 img{width: 80%;margin: 2em 0;}
    #hotline{ display:block; width: 100%;text-align: center;margin-bottom: 2em;}
    #baner_services ul .baner-sv {margin: 3px 0;width: 100%;}    
    .menu_product {width: 100%;}
    /*search*/
    .search-form .search-submit {padding:0;}
    .search-form .search-submit .genericon-search{padding: 7px 5px 4px 6px;}
    .container-sp{width: 100%;}
    
    .tp_bottom {width: 100% !important;}
    .content-archive .blog-item-wrap { width: 100%;height: auto;}
    .post-inner-content {  min-height: 30px;}
    .content-archive .blog-item-wrap .entry-header{margin-bottom: 2px;}
    .page-header{margin-bottom: 2px;}
    .product-relative li { width: 47%;min-height: 214px;}
    #tim-kiem1{display: block;width: 100%;margin: 0 0 1em 0;}
    #tim-kiem{display: block;width: 81%;float: left;margin: 5px 0 0 0px;}
    .post-c{width: 100%; border-bottom: 1px solid #c6c6c6;}
}

/*--------------------------------------------------------------
## 17.10 - Mobile Small ( < 320px )
--------------------------------------------------------------*/
@media only screen and (max-width: 20em) {
	.site-branding .site-title {font-size: 24px;font-size: 1.5rem;}
	.main-navigation-toggle:after {font-size: 24px;}
	.archive-title,.page-title,.entry-title,.widget-magazine-posts .widget-header .widget-title {font-size: 20px;font-size: 1.25rem;}
	.post-layout-two-columns .post-wrapper .type-post .entry-title,.post-layout-three-columns .post-wrapper .type-post .entry-title,.post-layout-four-columns .post-wrapper .type-post .entry-title,.magazine-two-columns-grid .magazine-grid-post .type-post .entry-title,.magazine-three-columns-grid .magazine-grid-post .type-post .entry-title,
	.magazine-four-columns-grid .magazine-grid-post .type-post .entry-title {font-size: 20px;font-size: 1.25rem;}
	
	/* Featured Post */
	.featured-posts .grid-post:nth-child(1) .type-post .entry-title {font-size: 20px;font-size: 1.25rem;}
    .entry-content li a:active,.entry-content li a:hover,.entry-content li a:link{color: #ff0000 !important;}
    .post-c{width: 100%; border-bottom: 1px solid #c6c6c6;}
	}