/*
Theme Name: Blue 036
Theme URI: http://mywebsite.vn
Author: mywebsite.vn
Author URI: http://mywebsite.vn
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8;
	filter: alpha(opacity=80)
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none!important;
	-webkit-backface-visibility: hidden
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.mfp-align-top .mfp-container:before {
	display: none
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}
.mfp-ajax-cur {
	cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
	cursor: auto
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.mfp-loading.mfp-figure {
	display: none
}
.mfp-hide {
	display: none!important
}
.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}
.mfp-preloader a {
	color: #ccc
}
.mfp-preloader a:hover {
	color: #f6951d
}
.mfp-s-ready .mfp-preloader {
	display: none
}
.mfp-s-error .mfp-content {
	display: none
}
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none
}
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100)
}
.mfp-close:active {
	top: 1px
}
.mfp-close-btn-in .mfp-close {
	color: #333
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px
}
.mfp-arrow {
	position: absolute;
	opacity: .65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.mfp-arrow:active {
	margin-top: -54px
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100)
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}
.mfp-arrow-left {
	left: 0
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid #fff;
	margin-left: 31px
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
	right: 0
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid #fff;
	margin-left: 39px
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}
.mfp-iframe-holder .mfp-close {
	top: -40px
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	background: #000
}
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}
.mfp-figure {
	line-height: 0
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	background: #444
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}
.mfp-figure figure {
	margin: 0
}
.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}
.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}
.mfp-image-holder .mfp-content {
	max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0
}
.mfp-img-mobile img.mfp-img {
	padding: 0
}
.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0
}
.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0,0,0,0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0
}
.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px
}
.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0,0,0,0.6);
	position: fixed;
	text-align: center;
	padding: 0
}
}
 @media all and (max-width: 900px) {
.mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75)
}
.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0
}
.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%
}
.mfp-container {
	padding-left: 6px;
	padding-right: 6px
}
}
.mfp-ie7 .mfp-img {
	padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
	padding: 0
}
.mfp-ie7 .mfp-content {
	padding-top: 44px
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none
}
.flexslider {
	margin: 0;
	padding: 0
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden
}
.flexslider .slides img {
	width: 100%;
	height: 342px;
	display: block;
	padding-bottom: 15px
}
.flex-pauseplay span {
	text-transform: capitalize
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
html[xmlns] .slides {
	display: block
}
* html .slides {
	height: 1%
}
.no-js .slides > li:first-child {
	display: block
}
.flexslider {
	margin: 0 0 10px;
	background: #fff;
	border: 4px solid #fff;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	zoom: 1
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}
.loading .flex-viewport {
	max-height: 300px
}
.flexslider .slides {
	zoom: 1
}
.carousel li {
	margin-right: 5px
}
.flex-direction-nav {
*height:0
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0,0,0,0.8);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.flex-direction-nav .flex-prev {
	left: -50px
}
.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right
}
.flexslider:hover .flex-prev {
	opacity: .7;
	left: 10px
}
.flexslider:hover .flex-next {
	opacity: .7;
	right: 10px
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default
}
.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	line-height: 1;
	display: inline-block;
	content: '\f001'
}
.flex-direction-nav a.flex-next:before {
	content: '\f002'
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: .8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000
}
.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004'
}
.flex-pauseplay a:hover {
	opacity: 1
}
.flex-pauseplay a.flex-play:before {
	content: '\f003'
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display:inline
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3)
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7)
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer
}
.flex-control-thumbs img:hover {
	opacity: 1
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default
}
 @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px
}
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}
ol, ul {
	list-style: none
}
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	min-width: 100%
}
body {
	font-family: "roboto condensed", sans-serif;
	background: #fff;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 300;
	color: #333;
	word-wrap: break-word;
	min-width: 100%;
	-webkit-font-smoothing: antialiased
}
h1, h2, h3, h4, h5, h6, dl, dt {
	color: #333;
	line-height: 1.3;
	font-weight: 400;
	margin: 0 0 10px
}
h1 {
	font-size: 20px
}
h2 {
	font-size: 18px
}
h3 {
	font-size: 17px
}
h4 {
	font-size: 16px
}
h5 {
	font-size: 15px
}
h6 {
	font-size: 14px
}
p {
	margin: 0 0 5px;
	font-family: "roboto", sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal
}
a {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
a:hover {
	color: #dc0000;
	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out
}
a, a:focus, a:hover {
	text-decoration: none
}
a:focus, a:active, input:focus, select:focus, textarea:focus, button:focus {
	outline: none!important
}
img {
	max-width: 100%;
	display: block;
	height: auto
}
ul, ol {
	margin-bottom: 0;
	padding-bottom: 10px;
}
li {
	line-height: 1.5
}
input, textarea, select {
	color: #333;
	font-size: 14px;
	max-width: 100%;
	font-family: "roboto condensed", sans-serif;
}
code {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}
pre {
	display: block;
	font-size: 14px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #f1f1f1;
	border: 1px solid #e5e5e5;
	border: 1px solid rgba(0,0,0,0.15);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0 0 30px;
	line-height: 1.4;
	padding: 16px;
	letter-spacing: 0;
	color: inherit
}
cite {
	color: #fff
}
del {
	color: red
}
ins {
	text-decoration: underline
}
code, kbd, pre, samp {
	font-family: monospace, serif
}
table {
	width: 80%;
	margin: 0 0 30px;
	border: 1px solid #c5c5c5;
00;
}
table td, table th {
	border: 1px solid #c5c5c5;
	padding: 8px 12px;
	vertical-align: middle;
	text-align: left
}
table th {
	font-weight: 700;
	border: 0px solid #ccc;
	background: #f1f1f1
}
blockquote {
	padding-left: 30px;
	border: none;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px
}
blockquote:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: #FF6935;
	content: "";
	opacity: .4
}
blockquote p {
	font-weight: 300;
	font-size: 22px;
	line-height: 1.6;
	margin-bottom: 16px
}
blockquote cite, blockquote em {
	font-size: 14px;
	color: #FF6935;
	font-style: normal;
	margin-left: 2%
}
blockquote cite:before, blockquote em:before {
	content: "\2014";
	margin-right: 6px
}
table {
	width: 80%;
	margin: 0 0 20px;
	border: 1px solid #c5c5c5;
0
}
table td, table th {
	border: 1px solid #c5c5c5;
	padding: 8px 12px;
	vertical-align: middle;
	text-align: left
}
table th {
	font-weight: 700;
	border: 0px solid #ccc;
	background: #f1f1f1
}
video, audio {
	max-width: 100%
}
.align-center {
	text-align: center
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	max-width: 100%;
	height: auto
}
.alignnone, a img.alignnone {
	margin: 0 10px 10px 0
}
.alignright, a img.alignright {
	margin: 0 0 14px 14px;
	float: right
}
.alignleft, a img.alignleft {
	margin: 0 14px 14px 0;
	float: left
}
.aligncenter, a img.aligncenter {
	display: block;
	margin: 0 auto 0px;
	border: 1px solid #ddd;
	padding: 5px;
}
.wp-caption {
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.05);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,.05);
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	padding: 8px;
	background: #fff;
	max-width: 100%;
	text-align: center;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s
}
.wp-caption:hover {
	border-color: #d5d5d5;
	box-shadow: 0 2px 6px rgba(0,0,0,.22);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.22);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,.22)
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0
}
.wp-caption.alignleft {
	margin: 5px 20px 15px 0
}
.wp-caption.alignright {
	margin: 5px 0 15px 20px
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	margin-bottom: 4px;
	max-width: 100%;
	padding: 0;
	width: auto
}
.wp-caption-text, .gallery-caption {
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.2;
	margin-top: 6px;
	text-align: left
}
.gallery img {
	border: none!important
}
.gallery-icon {
	padding: 0 10px
}
.gallery-caption {
	padding-left: 10px;
	margin-top: 5px;
	font-size: 11px;
	line-height: 1.4
}
.clearfix {
	clear: both
}
.clear:after, .wrapper:after, .format-status .entry-header:after {
	clear: both
}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {
	display: table;
	content: ""
}
.widget-title {
	position: relative;
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 400;
	background: #838383;
	color: #333;
	padding: 5px 10px
}
#secondary > .widget {
	margin-bottom: 15px;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-style: dotted
}
#secondary .widget-title:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 2px solid #eaeaea
}
.widget select {
	width: 100%;
	outline: none;
	border: 1px solid #e1e1e1;
	height: 34px;
	padding: 0 6px
}
form.search-form {
	position: relative
}
.search-form input[type="search"] {
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 18px;
	border: 1px solid #8dc63f;
	height: 35px;
	padding: 0 40px 0 10px;
	width: 100%
}
.search-form input[type="submit"] {
	position: absolute;
	top: 0px;
	right: 0;
	width: 80px;
	height: 35px;
	ext-align: center;
	line-height: 34px;
	background: #8dc63f url(images/search-bg.png) no-repeat center center;
	color: #cc0000;
	border: none;
	outline: none;
	transition: all .2s ease-out;
	font-size: 0;
	cursor: pointer;
	border-bottom-right-radius: 18px;
	border-top-right-radius: 18px;
	margin: 18px 0px;
}
.search-form input[type="submit"]:hover {
	opacity: .8
}
.tagcloud {
	overflow: hidden
}
.tagcloud a {
	display: block;
	float: left;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	padding: 1px 5px;
	color: #ccc;
	font-size: 12px!important;
	margin: 0 5px 5px 0;
	text-decoration: none;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	white-space: nowrap
}
.tagcloud a:hover {
	text-decoration: none;
	border-color: #FF6935;
	color: #FF6935
}
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.widget ul li {
	position: relative;
	line-height: 1.4;
	padding: 12px 0;
	padding-left: 10px
}
.widget ul li:before {
	border-top: 1px solid #eaeaea;
	opacity: .3;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.widget ul li:last-child:after {
	border-bottom: 1px solid #d7d7d7;
	opacity: .3;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
.widget ul a {
	font-family: "roboto condensed", sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 16px;
	list-style: inherit;
	text-decoration: none;
	;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.widget ul a:hover {
	color: #cc0000
}
.widget ul ul {
	margin-left: 20px
}
.widget ul ul ul {
	margin-left: 40px
}
.widget_recent_entries ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.widget_recent_entries ul li {
	padding: 15px 0
}
.widget_recent_entries ul li:before {
	display: none
}
.widget_recent_entries ul li:after {
	content: "";
	border-top: 1px solid #d7d7d7;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: .5
}
.widget_recent_entries ul li a {
	font-size: 15px;
	font-family: "roboto condensed", sans-serif;
	text-transform: none;
	font-weight: normal;
}
.widget_recent_entries ul li a:hover {
	color: #FF6935;
	text-decoration: none
}
.widget_recent_entries .post-date {
	display: block;
	margin-top: 4px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px
}
.widget_side_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative
}
.widget_side_navigation ul > li {
	display: block;
	position: relative;
	padding: 7px 0;
	padding-left: 18px
}
.widget_side_navigation ul > li:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px dotted;
	opacity: .4
}
.widget_side_navigation ul > li:last-child:after {
	display: none
}
.widget_side_navigation ul > li:before {
	position: absolute;
	content: "";
	top: 19px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background: #FF6935;
	opacity: .55
}
.widget_side_navigation ul > li:first-child:before {
	display: block
}
.widget_side_navigation ul > li a {
	text-decoration: none;
	color: #333;
	font-size: 16px;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out
}
.widget_side_navigation ul > li.current-menu-item a {
	color: #FF6935
}
.widget_side_navigation ul > li.current-menu-item > a, .widget_side_navigation ul > li.active > a, .widget_side_navigation ul > li > a:hover {
	color: #FF6935;
	text-decoration: none
}
.widget_side_navigation ul > li.current-menu-item:before, .widget_side_navigation ul > li.active {
	opacity: .8
}
.widget_side_navigation ul > li ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.widget_side_navigation ul > li ul > li {
	position: relative;
	padding: 3px 0 0 16px
}
.widget_side_navigation ul > li ul > li:before {
	position: absolute;
	content: "";
	top: 18px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background: #000;
	opacity: .15
}
.widget_side_navigation ul > li ul > li:after {
	display: none
}
.widget_side_navigation ul > li ul > li > a {
	font-size: 14px
}
a.k-gototop {
	width: 40px;
	height: 40px;
	border-radius: 21px;
	position: fixed;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 40px;
	right: 14px;
	bottom: 25px;
	display: inline-block;
	border: 1px solid #dc0000;
	display: none;
	background: #dc0000;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	font-size: 28px;
}
a.k-gototop:hover {
	background: #a9a9a9;
	color: #fff;
	border-color: #a9a9a9;
}
a.k-gototop i {
	position: absolute;
	left: 7px;
	top: -4px;
	bottom: 0px;
	font-size: 40px;
}
.container, #main {
	width: 1200px;
	display: block;
	margin: 0 auto;
	clear: both;
	position: relative
}
a.k-toogle-menu {
	display: inline-block;
	padding: 8px 30px;
	width: 100%;
	line-height: 1;
	border: 1px solid #BEBEBE;
	font-size: 18px;
	text-transform: uppercase;
	clear: both;
	margin: 0;
	color: #666;
	display: none
}
a.k-toogle-menu i {
	margin-right: 10px
}
header.site-header {
	margin-bottom: 1px
}
.site-header > .container {
	display: table;
	min-height: 100px
}
.header-left {
	text-align: left;
	width: 18%;
    float: left;
}
#logo img {
	max-width: 185px;
}
.header-right {
	text-align: right
}
.header-right form.search-form {
	float: right;
	width: 100%;
	max-width: 300px
}
nav.main-navigation {
	background: #343434
}
ul.nav-menu {
	list-style: none;
	display: inline-block;
	width: 100%;
	vertical-align: top
}
ul.nav-menu li {
	position: relative
}
ul.nav-menu > li {
	display: inline-block;
	float: left;
	border-right: 1px solid #4F4F4F
}
ul.nav-menu > li:last-child {
	border-right: none
}
ul.nav-menu > li a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	padding: 13px 20px;
	white-space: nowrap;
	text-transform: uppercase;
	line-height: 1;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}
ul.nav-menu > li.current-menu-item > a, ul.nav-menu > li a:hover, ul.nav-menu > li:hover > a {
	background: #f6951d
}
ul.nav-menu > li:first-child > a > i {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5)
}
ul.nav-menu > li:first-child > a > span {
	display: none
}
ul.nav-menu ul.sub-menu {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	z-index: 100;
	width: 200px;
	left: -1px
}
ul.nav-menu ul.sub-menu ul {
	left: 200px;
	top: 0
}
ul.nav-menu li:hover > ul.sub-menu {
	opacity: 1;
	visibility: visible
}
ul.nav-menu ul.sub-menu > li > a {
	display: block;
	border-top: 1px solid #474646
}
ul.nav-menu ul.sub-menu li a {
	display: block;
	background: #4F4F4F;
	padding: 10px;
	font-size: 12px
}
ul.nav-menu ul.sub-menu li a:hover {
	background: #343434
}
.kang-video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 5px
}
.kang-video-container iframe, .kang-video-container object, .kang-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {
	display: inline-block;
	width: 100%
}
.col-2 .box-footer, .col-3 .box-footer, .col-4 .box-footer, .col-5 .box-footer, .col-6 .box-footer {
	float: left;
	display: inline-block
}
.col-2 .box-footer {
	width: 48%;
	margin-right: 4%
}
.col-3 .box-footer {
	width: 32%;
	margin-right: 2%
}
.col-4 .box-footer {
	width: 23.5%;
	margin-right: 2%
}
.col-5 .box-footer {
	width: 19%;
	margin-right: 1.25%
}
.col-6 .box-footer {
	width: 15.5%;
	margin-right: 1.4%
}
.col-2 .box-footer:last-child, .col-3 .box-footer:last-child, .col-4 .box-footer:last-child, .col-5 .box-footer:last-child, .col-6 .box-footer:last-child {
	margin-right: 0
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style], .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {
	width: 100%!important
}
footer {
	margin-top: 10px;
	padding-top: 0px;
	background: #f3f3f3;
	border-top: 0px solid #5ca312;
}
footer * {
	color: #000;
	font-family: "roboto condensed", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
}
footer h3.footer-box-title {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 3px;
	padding-top: 20px;
	margin: 0 0 15px
}
footer h3.footer-box-title span {
	color: #cc0101;
	padding-right: 5px;
	padding-left: 8px;
	font-family: "roboto condensed", sans-serif;
	font-weight: 600;
	font-size: 18px;
}
footer .fb_iframe_widget, footer .fb_iframe_widget span {
	background: #fff
}
footer ul {
	list-style: none
}
footer ul li {
	margin-bottom: 0px
}
footer ul li a {
	padding-left: 0px
}
footer ul li a:hover:before {
	background: #FF6935
}
footer .tagcloud {
	max-height: 205px;
	overflow-y: auto
}
footer .tagcloud::-webkit-scrollbar {
width:6px;
background:#848484
}
footer .tagcloud::-webkit-scrollbar-thumb {
background-color:#1B1B1B;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px
}
footer .tagcloud::-webkit-scrollbar-corner {
background-color:#000
}
.social-footer {
	text-align: center;
	margin: 15px 0 0px;
	float: left;
}
ul.social-media {
	list-style: none;
	display: inline-block
}
ul.social-media li {
	display: inline-block;
	float: left;
	margin: 0 8px
}
ul.social-media li a {
	width: 35px;
	height: 35px;
	display: inline-block;
	border-radius: 100%;
	font-size: 22px;
	line-height: 35px;
	background: #8c8c8c;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	color: #000
}
ul.social-media li a i {
	line-height: 32px
}
ul.social-media li.facebook a:hover {
	background: #4E70A8;
	color: #fff
}
ul.social-media li.google a:hover {
	background: #E2411F;
	color: #fff
}
ul.social-media li.youtube a:hover {
	background: #C93737;
	color: #fff
}
.copyright {
	background: #8dc63f;
	color: #CDCDCD;
	text-align: center;
	padding: 10px 0
}
.copyright p, .copyright a, .copyright strong, .copyright span, .copyright h1, .copyright h4, .copyright h2, .copyright h3, .copyright h5, .copyright h6 {
	color: #CDCDCD
}
.copyright h1, .copyright h4, .copyright h2, .copyright h3, .copyright h5, .copyright h6 {
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 1.2em
}
.copyright a:hover {
	color: #8dc63f
}
ul.menu-footer {
	list-style: none;
	margin-bottom: 15px
}
ul.menu-footer li {
	display: inline-block
}
ul.menu-footer li a {
	padding: 2px 10px;
	line-height: 1;
	font-size: 14px;
	display: inline-block;
	text-transform: uppercase
}
ul.menu-footer ul.sub-menu {
	display: none!important
}
#primary {
	display: inline-block;
	width: 100%;
	margin-top: -5px;
}
#primary > .content-left {
	width: 23%;
	display: inline-block;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#primary > .content-right {
	width: 77%;
	display: inline-block;
	float: left;
	padding-left: 10px;
	padding-right: 10px
}
#secondary .kang-title {
	border-bottom: 0px double #ff379c;
	margin: 0 0 15px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0
}
#secondary .kang-title:before, #secondary .kang-title:after {
	content: none!important
}
#secondary .kang-title span {
	font-family: "roboto condensed", sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding: 0px 8px;
	display: inline-block;
	vertical-align: top;
	background: #8dc63f;
	color: #ffffff;
	height: 36px;
	line-height: 35px;
	width: 100%;
}
.flexslider.home-flexslider {
	margin: 0 0 0px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
	width: 100%;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
}
.flexslider.home-flexslider .flex-direction-nav a {
	background: #fff;
	opacity: 1;
	width: 36px;
	height: 36px;
	margin: -18px 0 0
}
.flexslider.home-flexslider .flex-direction-nav a:before {
	content: none
}
.flexslider.home-flexslider .flex-direction-nav a.flex-prev {
	left: 10px;
	border-radius: 20px;
	background: #fff url(images/prev.png) no-repeat center center
}
.flexslider.home-flexslider .flex-direction-nav a.flex-next {
	right: 10px;
	border-radius: 20px;
	background: #fff url(images/next.png) no-repeat center center
}
.come-on {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1.1s;
	-moz-animation-duration: 1.1s;
	-ms-animation-duration: 1.1s;
	-o-animation-duration: 1.1s;
	animation-duration: 1.1s;
	visibility: hidden;
	opacity: 0
}
.animated {
	-webkit-animation-name: comeon;
	-moz-animation-name: comeon;
	-o-animation-name: comeon;
	animation-name: comeon;
	visibility: visible;
	opacity: 1
}
@-webkit-keyframes comeon {
0% {
opacity:0;
-webkit-transform:translateY(60px);
-moz-transform:translateY(60px);
transform:translateY(60px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes comeon {
0% {
opacity:0;
-webkit-transform:translateY(60px);
-moz-transform:translateY(60px);
transform:translateY(60px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0)
}
}
.feature-products > h2 {
	background: #f4f4f4;
	position: relative;
	padding: 0 20px 0 30px;
	text-transform: uppercase;
	height: 38px;
	line-height: 40px;
	border-bottom: 0px double #ff379c;
	border-bottom-left-radius: 0px;
	clear: both;
}
.feature-products > h2 > i {
	position: absolute;
	border-radius: 3px;
	width: 34px;
	height: 38px;
	top: 0;
	left: 0;
	z-index: 3;
	display: inline-block;
	background: #f6951d;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	font-size: 25px
}
.feature-products > h2 a {
	color: #fff;
	font-size: 17px;
	font-family: "roboto condensed", sans-serif;
	font-weight: 500;
	color: #8dc63f;
	padding: 0;
	margin: 0;
	float: left
}
.feature-products > h2 a.viewall {
	float: right;
	font-family: "roboto condensed", sans-serif;
	font-size: 16px;
	color: #8dc63f;
	text-transform: none;
}
.feature-products > h2 a.viewall span {
	position: absolute;
	top: -1px;
	right: 10px;
	font-size: 15px
}
.feature-products > h2 a:hover {
	color: #23a312
}
.all-products {
	display: inline-block;
	width: 100%;
}
.k-product {
	display: inline-block;
	float: left;
	width: 25%;
	min-height: 320px;
	margin-right: 0%;
	margin-bottom: 0px;
	text-align: center;
	padding: 4px;
	border: 1px solid #eeeeee;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}
.k-product:hover {
	border-color: #f6951d
}
.all-products > .k-product:nth-child(5n+5) {
	margin-right: 0
}
.k-product .thumbnail {
	display: inline-block;
	width: 100%;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s
}
.k-product .thumbnail:hover {
	opacity: .8
}
.k-product .thumbnail img {
	width: 100%;
	height: 220px
}
.k-product h3.title-product {
	font-size: 16px;
	font-weight: normal;
	font-family: "roboto condensed", sans-serif;
}
.k-product p.price {
	color: #FF3838;
	margin: 0 0 2px;
	font-size: 16px;
	font-weight: 700;
	font-family: "roboto condensed", sans-serif;
}
.kang-title {
	font-size: 24px;
	font-family: "roboto condensed", sans-serif;
	padding-left: 10px;
	border-left: 10px solid #f6951d;
	position: relative;
	line-height: 1.2;
	margin-bottom: 20px;
	margin-top: 26px;
	text-transform: capitalize;
	color: #cc0000;
}
.kang-title.margin-top {
	margin-top: 15px
}
.kang-title:before {
	position: absolute;
	bottom: -3px;
	left: 22px;
	width: 35px;
	height: 5px;
	content: "";
	display: inline-block;
}
.kang-title:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 80px;
	height: 1px;
	content: "";
	display: inline-block;
}
.k-cat-description {
	margin-bottom: 15px
}
.kang-pagination {
	clear: both;
	margin: 0;
	display: inline-block;
	width: 100%;
	text-align: left
}
ul.page-numbers {
	list-style: none!important;
	display: inline-block
}
ul.page-numbers li {
	display: inline-block;
	float: left;
	margin: 0 3px 0 0
}
ul.page-numbers li:last-child {
	margin-right: 0
}
.kang-pagination a, .kang-pagination span {
	display: inline-block;
	padding: 3px 5px;
	line-height: 1;
	border: 1px solid #676767;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	text-decoration: none
}
.kang-pagination a:hover, .kang-pagination span.current {
	background: #676767;
	color: #fff
}
.kang-pagination span.page-title {
	border: none;
	vertical-align: top
}
ul.all-posts {
	list-style: none
}
ul.all-posts li {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #dadada;
	padding-bottom: 10px;
	margin-bottom: 10px
}
ul.all-posts li > .thumbnail {
	display: inline-block;
	float: left;
	width: 22%;
	padding: 4px;
	border: 1px solid #dadada
}
ul.all-posts li > .thumbnail a {
	display: inline-block;
	vertical-align: top;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	opacity: 1
}
ul.all-posts li > .thumbnail:hover a {
	opacity: .7
}
ul.all-posts li > .detail-post {
	display: inline-block;
	float: left;
	width: 78%;
	padding-left: 12px
}
ul.all-posts li > .detail-post > h2.title-post {
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 6px;
	font-size: 18px
}
ul.all-posts li > .detail-post > .content-excerpt {
	margin-bottom: 10px
}
ul.all-posts li > .detail-post > .content-excerpt p {
	margin: 0;
	font-weight: normal
}
ul.all-posts li > .detail-post .read-more {
	display: inline-block;
	padding: 6px 22px 6px 12px;
	border: 1px solid #dadada;
	line-height: 1;
	position: relative;
	font-size: 12px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}
ul.all-posts li > .detail-post .read-more:hover {
	border-color: #FF6935;
	color: #FF6935
}
ul.all-posts li > .detail-post .read-more span {
	position: absolute;
	right: 12px;
	top: 5px
}
.single-short, .list-view-images {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}
.single-short .left-short {
	display: inline-block;
	width: 40%;
	float: left
}
#ksingle-lager-view {
	position: relative;
	overflow: hidden;
	padding: 3px;
	border: 1px solid #ddd
}
#ksingle-lager-view span.message-popup {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	transition: opacity .4s;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	visibility: visible;
	opacity: 1
}
#ksingle-lager-view:hover span.message-popup {
	opacity: 0
}
#ksingle-lager-view span.message-popup i {
	font-size: 11px;
	margin-right: 4px
}
.single-short .right-short {
	display: inline-block;
	width: 59%;
	float: left;
	padding-left: 20px
}
.list-view-images a {
	width: 23.5%;
	display: inline-block;
	float: left;
	margin-right: 2%;
	border: 1px solid #ddd;
	padding: 3px
}
.list-view-images a img {
	width: 100%;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	height: 100px;
}
.list-view-images a:hover img {
	opacity: .7
}
.list-view-images {
	margin-top: 15px
}
.list-view-images a:last-child {
	margin-right: 0
}
.single-short .right-short .detail-title {
	margin-bottom: 10px;
	font-family: "roboto condensed", sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 19px;
	padding-bottom: 5px;
}
.single-short .right-short .price {
	color: #ff0000;
	font-size: 20px;
	font-family: "roboto condensed", sans-serif, sans-serif;
	line-height: 1;
	margin-top: 16px;
	width: 50%;
	float: left;
	font-weight: normal
}
.single-short .right-short .price span {
	color: #333;
	;
	font-size: 16px
}
.single-short .right-short .price span.no-price {
	vertical-align: baseline;
	color: #ff0000;
}
.single-short .right-short .old_price {
	margin-top: 41px;
	padding-left: 22px;
	font-family: "roboto condensed", sans-serif;
	font-weight: normal;
	float: left;
}
.single-short .right-short .old_price del {
	color: #b8b8b8;
	font-size: 16px
}
a.order-this-now {
	display: inline-block;
	padding: 5px 0px;
	text-align: center;
	line-height: 1;
	background: #cc0000;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	color: #fff;
	border-radius: 0;
	margin-top: 10px;
	width: 49%;
	font-size: 18px;
	border-radius: 2px;
	text-transform: none;
}
a.order-this-now:hover {
	background: #f90000
}
.kang-form-order {
	width: 675px;
	margin: 0 auto;
	margin-left: -337px;
	display: block;
	position: fixed;
	top: -550px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 6px;
	background: #fff;
	-webkit-transition: opacity .3s linear, top .3s ease-out;
	-moz-transition: opacity .3s linear, top .3s ease-out;
	-o-transition: opacity .3s linear, top .3s ease-out;
	transition: opacity .3s linear, top .3s ease-out;
	left: 50%;
	z-index: 1200;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.kang-form-order.open-popup {
	top: 80px
}
.order-success, .order-failed {
	position: fixed;
	width: 500px;
	top: 35%;
	background: #fff;
	margin-left: -250px;
	left: 50%;
	z-index: 1200;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	visibility: hidden;
	transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	opacity: 0
}
.order-success.open-popup, .order-failed.open-popup {
	opacity: 1;
	visibility: visible
}
.content-success {
	padding: 30px 140px 30px 30px;
	border-bottom: 5px solid #D33615;
	min-height: 120px;
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 1.6
}
.content-success * {
	font-size: 14px
}
.content-success i.fa {
	position: absolute;
	right: 30px;
	font-size: 71px;
	top: 27px;
	line-height: 1;
	padding-right: 70px;
	color: #D33615;
}
.order-failed .content-success i.fa {
	font-size: 80px;
	top: 20px
}
h2.title-form {
	background: #cc0000;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	padding: 9px 12px;
	position: relative;
	border: 1px solid #cc0000;
	border-bottom: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	margin-bottom: 0
}
h2.title-form a.close-order {
	width: 26px;
	height: 26px;
	display: inline-block;
	background: #FFF;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	color: #000;
	position: absolute;
	z-index: 2;
	right: 12px;
	top: 2px;
	text-align: center;
	line-height: 25px
}
h2.title-form a.close-order i {
	font-weight: 400;
	font-size: 16px
}
.kang-form-order .content-form {
	display: table;
	width: 100%;
	vertical-align: top;
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.kang-form-order .content-form .form-left {
	display: table-cell;
	width: 52%;
	vertical-align: top;
	padding: 30px
}
.kang-form-order .head-form {
	width: 100%;
	display: inline-block;
	clear: both;
	margin-bottom: 10px
}
.kang-form-order .head-form .thumb {
	width: 60px;
	height: auto;
	display: block;
	float: left;
	margin-right: 10px
}
.kang-form-order .head-form .title h3 {
	font-size: 18px;
	margin-bottom: 15px
}
.kang-form-order .head-form .title #color-product {
	width: 120px;
	height: 25px
}
.kang-form-order .client-fill {
	text-align: center
}
.kang-form-order .client-fill p {
	display: inline-block;
	width: 100%;
	margin: 0 0 10px;
	vertical-align: top
}
.kang-form-order .client-fill p input[type="text"], .kang-form-order .client-fill p input[type="email"], .kang-form-order .client-fill p input[type="number"], .kang-form-order .client-fill p textarea {
	height: 30px;
	padding: 5px 10px;
	width: 100%;
	border: 1px solid #d3d3d3;
	outline: none;
	font-family: Arial, sans-seif;
	vertical-align: top
}
.kang-form-order .client-fill p textarea#your-address {
	min-height: 65px
}
.kang-form-order .client-fill p.first select {
	border: 1px solid #d3d3d3;
	display: inline-block;
	float: left;
	height: 30px;
	padding: 0 5px;
	margin-right: 5px
}
.kang-form-order .client-fill p.first input[type="text"] {
	width: 220px;
	float: left;
	max-width: 100%
}
.kang-form-order .client-fill p.message {
	color: red;
	margin: 6px 0 0;
	font-size: 12px
}
.kang-form-order .client-fill p input.red {
	border-color: red
}
a.btn-order-popup {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	clear: both;
	padding: 10px 40px;
	background: #cc0000;
	border: 1px solid #cc0000;
	line-height: 1;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s
}
a.btn-order-popup:hover {
	background: #E85232
}
#loading-wait {
	text-align: center;
	margin-top: 5px;
	clear: both;
	display: none
}
#loading-wait.sending {
	display: block
}
#loading-wait img {
	display: inline-block;
	max-width: 100%;
	vertical-align: top
}
.kang-form-order .content-form .form-right {
	display: table-cell;
	width: 48%;
	background: #F7F7F7;
	vertical-align: top;
	padding: 30px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px
}
.kang-form-order .content-form .form-right h1, .kang-form-order .content-form .form-right h2, .kang-form-order .content-form .form-right h3 {
	margin-bottom: 5px;
	font-size: 18px
}
.kang-form-order .content-form .form-right h4, .kang-form-order .content-form .form-right h5, .kang-form-order .content-form .form-right h6 {
	margin-bottom: 5px;
	font-size: 16px
}
.kang-form-order .form-right .note-top, .kang-form-order .form-right .note-top * {
	font-size: 14px;
	color: #747474;
	margin: 0
}
.kang-form-order .form-right .note-top {
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 22px
}
.kang-form-order .form-right .note-bottom {
	border-top: 1px solid #e7e7e7;
	padding-top: 22px
}
h4.note-tuxa {
	font-size: 18px;
	color: #f04525;
	margin: 0 0 5px;
	font-weight: 400
}
.kang-form-order .form-right .note-bottom p {
	font-size: 11px;
	color: #777;
	line-height: 15px;
	margin: 0
}
.kang-form-order .form-right .note-bottom ul {
	margin: 10px 0
}
.kang-form-order .form-right .note-bottom p.slogan {
	color: #2699d4;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	width: 100%;
	float: left;
	text-transform: uppercase;
	margin-top: 5px
}
.kang-form-order .message-order-done {
	padding: 30px 12px;
	border-bottom: 5px solid #DA0000;
	position: relative;
	font-size: 14px
}
.kang-form-order .message-order-done * {
	font-size: 14px
}
.kang-form-order .message-order-done .content-mes {
	width: 80%;
	display: inline-block
}
.kang-form-order .message-order-done i.fa {
	position: absolute;
	right: 20px;
	font-size: 100px;
	display: inline-block;
	bottom: 10px;
	color: #D33615
}
.kajaxloading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: none;
	z-index: 10
}
.wandering-cubes {
	height: 60px;
	width: 60px;
	right: 0;
	left: 0;
	z-index: 10;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -30px;
	-webkit-transition: all .3s ease-in-out 0;
	transition: all .3s ease-in-out 0
}
.cube1, .cube2 {
	width: 16px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: cubemove 1.8s infinite ease-in-out;
	animation: cubemove 1.8s infinite ease-in-out
}
.cube2 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
-webkit-transform:rotate(-360deg)
}
}
@keyframes cubemove {
25% {
transform:translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
transform:translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)
}
50.1% {
transform:translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
transform:rotate(-360deg);
-webkit-transform:rotate(-360deg)
}
}
.widget-category-archive.has-thumbnail > li {
	display: inline-block;
	width: 100%;
	padding-left: 10px;
	padding-right: 5px;
	border-bottom: 1px solid #f0f0f0
}
.widget-category-archive.has-thumbnail > li:first-child {
	padding-top: 0;
	padding-left: 10px
}
.widget-category-archive.has-thumbnail > li:before, .widget-category-archive.has-thumbnail > li:after {
	content: none!important
}
.widget-category-archive.has-thumbnail > li .view_left, .widget-category-archive.has-thumbnail > li .view_right {
	width: 100%;
}
.widget-category-archive.has-thumbnail > li .view_right {
	margin-top: 10px;
}
.widget-category-archive.has-thumbnail > li .view_right h4 {
	margin: 0;
	line-height: 1
}

.widget-category-archive.has-thumbnail > li .view_right h4 a {
	font-size: 15px;
	line-height: 19px;
	font-family: "roboto condensed", sans-serif;
}
.kang-google-map {
	position: relative;
	padding-bottom: 69.767%;
	height: 0;
	overflow: hidden
}
form.kcontact-us {
	width: 465px;
	display: inline-block;
	position: relative
}
.kcontactloading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: none
}
form.kcontact-us .contact-line {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0 0 15px
}
form.kcontact-us .contact-line.no-margin {
	margin-bottom: 0
}
form.kcontact-us .contact-line label {
	width: 90px;
	margin-right: 0px;
	font-size: 16px;
	font-family: "roboto condensed", sans-serif;
	font-weight: normal;
	line-height: 31px;
	display: inline-block;
	float: left;
	text-align: right;
}
form.kcontact-us .contact-line label.noline {
	line-height: 1
}
form.kcontact-us .contact-line label span {
	color: #FA1E1E;
	margin-left: 3px
}
form.kcontact-us .contact-line .right {
	display: inline-block;
	float: left;
	width: 375px;
	text-align: left
}
form.kcontact-us .contact-line input[type="text"], form.kcontact-us .contact-line input[type="email"], form.kcontact-us .contact-line textarea {
	padding: 8px 10px;
	line-height: 31px;
	border: none;
	height: 31px;
	width: 100%;
	display: inline-block;
	font-family: Arial, sans-seif;
	vertical-align: top;
	border: 1px solid #dadada
}
form.kcontact-us .contact-line textarea {
	height: auto;
	min-height: 87px;
	padding: 0 10px
}
.kct-sendmail, .kct-cancel {
	color: #fff;
	display: inline-block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	line-height: 1;
	width: 100px;
	text-align: center;
	padding: 10px 0;
	background: #cc0000;
	text-transform: uppercase;
	font-size: 13px;
	font-family: "roboto condensed", sans-serif;
	font-weight: 500;
	font-size: 19px;
}
.kct-sendmail {
	margin-right: 10px
}
.message-contact {
	color: #D04040;
	margin: 10px 0 0;
	font-size: 14px
}
.kct-sendmail:hover, .kct-cancel:hover {
	background: #ff8c00;
	color: #fff
}
.contact-title {
	margin: 0 0 15px
}
.contact-title.margin-top {
	margin-top: 25px
}
.contact-title span {
	display: inline-block;
	padding-bottom: 2px;
	font-family: "roboto condensed", sans-serif;
	text-transform: uppercase;
	font-size: 18px
}
.k-contact-map {
	max-width: 700px;
	display: block;
	margin: 0 auto
}
p.no-result {
	font-size: 16px;
	font-family: "roboto condensed", sans-serif;
	font-weight: normal;
}
a.goback-home {
	display: inline-block;
	font-family: "roboto condensed", sans-serif;
	padding: 6px 12px;
	border: 1px solid #dadada;
	line-height: 1;
	font-weight: normal;
	position: relative;
	font-size: 16px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	color: #5f5f5f;
	clear: both;
	margin-top: 5px;
}
a.goback-home:hover {
	border-color: #FF6935;
	color: #FF6935
}
.newsletter-subscription {
	display: table;
	width: 100%
}
.newsletter-subscription .newsletter-email {
	width: 100%;
	padding: 8px 10px;
	line-height: 31px;
	border: none;
	height: 31px;
	display: inline-block;
	font-family: Arial, sans-seif;
	vertical-align: top;
	border: 1px solid #dadada
}
.newsletter-subscription .newsletter-submit {
	color: #fff;
	display: inline-block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	line-height: 1;
	width: 100px;
	text-align: center;
	padding: 8px 0;
	background: #313131;
	text-transform: uppercase;
	font-size: 13px;
	border: none;
	margin-top: 10px;
	cursor: pointer
}
.newsletter-subscription .newsletter-submit:hover {
	background: #494949
}
ul.menu-footer > li:first-child > a > i {
	display: none
}
p.single-tags {
	margin: 20px 0 0;
	font-size: 14px;
}
p.single-tags a {
	padding: 1px 5px;
	border: 1px solid #FF6935;
	color: #fff;
	display: inline-block;
	margin: 0 2px 4px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	background: #FF6935;
	border-radius: 5px;
}
p.single-tags a:hover {
	background: #fff;
	color: #FF6935;
}
@media (min-width: 1030px) {
ul.nav-menu {
	display: inline-block!important
}
}
@media (max-width: 1029px) {
#primary > .content-left, #primary > .content-right {
	padding: 0;
	float: none;
	width: 100%
}
#primary > .content-left {
	margin-bottom: 15px
}
a.k-toogle-menu {
	display: none
}
nav.main-navigation {
	background: none;
	margin-top: 10px;
	display: none
}
ul.nav-menu {
	display: none;
	background: #343434;
	margin-top: 1px
}
ul.nav-menu > li:first-child > a > i {
	display: none
}
.flexslider .slides img {
	height: 225px
}
ul.nav-menu > li:first-child > a > span {
	display: block
}
ul.nav-menu > li {
	float: none;
	width: 100%;
	vertical-align: top;
	border-bottom: 1px solid #4F4F4F
}
ul.nav-menu > li.current-menu-item > a, ul.nav-menu > li a:hover, ul.nav-menu > li:hover > a {
	background: none
}
ul.nav-menu li a:hover {
	background: #4F4F4f!important
}
ul.nav-menu > li a {
	width: 100%;
	padding: 10px 20px
}
ul.nav-menu ul.sub-menu {
	position: static;
	opacity: 1;
	visibility: visible;
	width: 100%
}
ul.nav-menu ul.sub-menu li a {
	background: none;
	font-size: 13px;
	width: 100%
}
ul.nav-menu ul.sub-menu li a:before {
	display: inline-block;
	margin-right: 5px
}
menu-danh-muc-san-pham-container {
	display: none
}
ul.nav-menu ul.sub-menu > li > a:before {
	content: "-";
	margin-left: 10px
}
ul.nav-menu ul.sub-menu ul > li > a:before {
	content: "--";
	margin-left: 20px
}
ul.nav-menu ul.sub-menu ul > ul > li > a:before {
	content: "---";
	margin-left: 30px
}
.k-product {
	width: 48%;
	margin-right: 4%
}
.all-products > .k-product:nth-child(2n+2) {
	margin-right: 0
}
.all-products > .k-product:nth-child(4n+1) {
	clear: both
}
.col-4 .box-footer, .col-5 .box-footer {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 20px
}
.col-5 .box-footer:nth-child(5n+5) {
	margin-right: 4%
}
.col-4 .box-footer:nth-child(2n+2), .col-5 .box-footer:nth-child(2n+2) {
	margin-right: 0
}
.col-4 .box-footer:nth-child(4n+1), .col-5 .box-footer:nth-child(5n+1) {
	clear: none
}
.col-4 .box-footer:nth-child(2n+1), .col-5 .box-footer:nth-child(2n+1) {
	clear: both
}
}
 @media (min-width: 767px) and (max-width: 1029px) {
.container, #main {
	width: 740px
}
.widget-category-archive.widget-products-new.has-thumbnail > li .view_left {
	width: 57px
}
.col-6 .box-footer {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px
}
.col-6 .box-footer:nth-child(3n+3) {
	margin-right: 2%
}
.col-6 .box-footer:nth-child(3n+1) {
	clear: both
}
}
 @media (max-width: 767px) {
.container, #main {
	width: 460px
}
.col-2 .box-footer, .col-3 .box-footer, .col-4 .box-footer, .col-5 .box-footer, .col-6 .box-footer {
	margin-right: 0!important;
	width: 100%!important;
	float: none!important;
	margin-bottom: 15px!important
}
ul.menu-footer li {
	display: block;
	margin-bottom: 5px
}
.flexslider .slides img {
	width: 100%;
	height: 340px;
}
.sale-off {
	display: none
}
.header-left, .header-right {
	display: block;
	text-align: center
}
.header-left {
	margin: 20px 0 15px
}
.header-left #logo {
	display: inline-block
}
.header-right form.search-form {
	float: none;
	display: inline-block
}
nav.main-navigation {
	margin-top: 20px;
	display: none
}
form.kcontact-us {
	width: 390px
}
form.kcontact-us .contact-line .right {
	width: 300px
}
ul.all-posts li {
	padding-bottom: 15px;
	margin-bottom: 20px
}
ul.all-posts li > .thumbnail, ul.all-posts li > .detail-post {
	width: 100%;
	padding: 0;
	float: none;
	vertical-align: top
}
ul.all-posts li > .thumbnail {
	margin-bottom: 15px;
	padding: 4px
}
ul.all-posts li > .thumbnail a, ul.all-posts li > .thumbnail img {
	width: 100%;
	height: auto
}
ul.all-posts li > .thumbnail a {
	display: block;
	width: auto
}
.single-short .left-short, .single-short .right-short {
	width: 100%;
	padding: 0;
	float: none;
}
.single-short .left-short {
	margin-bottom: 15px;
}
#ksingle-lager-view a img {
	width: 100%;
}
.come-on {
	visibility: visible;
	opacity: 1;
}
.animated {
	animation-name: none;
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-o-animation-name: none;
}
.kang-form-order, .order-success, .order-failed {
	width: 460px;
	margin-left: -240px;
	position: absolute
}
.order-success, .order-failed {
	top: 100px
}
.kang-form-order .client-fill p.first input[type="text"] {
	width: 328px
}
.kang-form-order .content-form .form-right {
	display: none
}
}
.ordernow {
	width: 100%;
}
.category {
	width: 20%;
	float: left;
}
.menu-cat icon_i {
	width: 22%;
	float: left;
}
div.category h3 {
	margin-bottom: 0;
	background: #ab2663 url(images/bg_category.png) no-repeat 20px 60%;
	padding: 14px 0 9px 50px;
}
div.category h3 span {
	color: #fff;
}
nav.menu-cat {
	display: block;
	position: relative;
	z-index: 99;
	border: 1px solid #ededed;
}
div.category ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
}
div.category ul li a {
	font-size: 16px;
	border-bottom: 1px solid #ededed;
	padding: 10px 15px 10px 50px;
	display: block;
	text-decoration: none;
	color: #444;
}
.h-r ul img {
	width: 230px;
	height: 145px;
	margin-top: 10px;
}
.header-center {
	float: left;
	width: 40%;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.header-info {
	width: 40%;
	float: right;
}
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
}
.header-info .tel span {
	display: block;
	font-family: "roboto condensed", sans-serif;
	padding: 1px 0px 4px;
	color: #ffffff;
	font-size: 18px;
}
.header-info .text {
	float: left;
	width: 33%;
	padding: 5px 0px;
	text-align: center;
}
.header-info .text .l a {
	width: 46px;
	height: 46px;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
.header-info .t1 .l a {
	background: url(images/giaohang.png) no-repeat scroll left top transparent;
}
.header-info .t2 .l a {
	background: url(images/hotline.png) no-repeat scroll left top transparent;
}
.header-info .t3 .l a {
	background: url(images/thanhtoan.png) no-repeat scroll left top transparent;
}
.header-info .t4 .l a {
	background-position: -213px top;
}
.header-info .text .r a {
	color: #636363;
	font-size: 12px;
	font-family: "roboto condensed", sans-serif;
}
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
}
.header-info .tel span a {
	text-decoration: none;
	font-family: "roboto condensed", sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
}
.header-info .tel span {
	display: block;
	padding: 3px 0px 4px;
	color: #ffffff;
	font-size: 18px;
	padding-left: 0px;
	background: #8dc63f;
}
.menu-top-menu-container {
	width: 100%;
}
.nav {
	padding-left: 0;
	margin-bottom: 0px;
	list-style: none;
	background-color: #ff379c;
}
.container {
	width: 1200px;
}
.tile-cat {
	border-left: 10px solid #a9a9a9;
	padding: 0 15px 0 15px;
	height: 100%;
	position: relative;
	margin: 0;
	float: left;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.tile-cat .cat-name {
	display: block;
}
.darkness {
	background: rgba(0, 0, 0, 0.7);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
}
.main-banner {
	float: right;
	width: 100%;
}
.dropdown-menu .sub-menu {
	position: absolute;
	left: 250px;
	top: 0;
}
.dropdown-menu .sub-menu {
	position: absolute;
	left: 240px;
	top: 0;
	display: none;
	width: 250px;
	top: 10px;
}
.dropdown-menu li:hover .sub-menu {
	display: block;
}
.dropdown-menu ul li a {
	font-size: 16px;
	border-bottom: 1px solid #ededed;
	padding: 10px 15px 10px 50px;
	display: block;
	text-decoration: none;
	color: #444;
}
.dropdown-menu .sub-menu li a {
	background: #fff;
	padding: 10.2px 5px 10.2px 30px;
}
.dropdown .drop-category {
	display: block;
}
.single-short .suk {
	width : 100%;
}
.single-short .suk .kcode {
	width: 50%;
	FLOAT: LEFT;
	display: inline-Block;
	padding-right: 0px;
	font-size: 14px;
	font-family: "roboto condensed", sans-serif;
}
.single-short .suk .status {
	font-family: "roboto condensed", sans-serif;
	width : 50%;
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
}
.feature-products {
	margin-top: 20px;
}
.cat-name:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 55, 156, 0);
	border-width: 19px;
	margin-top: -19px;
}
.short-excerpt {
	background: #efefef;
	margin-top: 21px;
	margin-bottom: 15px;
	padding-top: 10px;
}
.come-on .short-excerpt p {
	font-size: 14px;
	padding: 10px;
	display: inline-block;
}
.ordernow {
	display: inline-block;
	margin-top: 10px;
}
.status span {
	color: #ff0000;
	text-transform: uppercase;
}
.kcode span {
	color: #ff0000;
	text-transform: uppercase;
}
a.order-this-now .p1 {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0px;
	font-family: "roboto condensed", sans-serif;
}
a.order-this-now .p2 {
	font-size: 12px;
	font-family: "roboto condensed", sans-serif;
}
a.support {
	background-color: #23a312;
	color: #ffffff;
	display: inline-block;
	padding: 5px 0px;
	text-align: center;
	line-height: 1;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	border-radius: 0;
	margin-top: 0px;
	width: 50%;
	font-size: 18px;
	border-radius: 2px;
	text-transform: none;
}
a.support .p1 {
	font-weight: normal;
	font-family: "roboto condensed", sans-serif;
	font-size: 18px;
	margin-bottom: 0px;
	display: inline-block;
	width: 100%;
	float: left;
}
a.support .p2 {
	font-size: 12px;
	font-family: "roboto condensed", sans-serif;
}
.share-face {
	width: 115px;
	float: left;
	margin-right: 5px;
}
.paymethod {
	overflow: hidden;
	display: inline-block;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	padding-top: 15px;
}
.paymethod > span {
	float: left;
	line-height: 28px;
	margin-right: 10px;
	font-size: 15px;
}
.paymethod .paymethod-list {
	float: left;
	width: 300px;
	display: inline-block;
}
.paymethod .paymethod-list img {
	border: solid 1px #ddddde;
	margin-right: 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	display: inline-block;
	width: 56px;
}
.flaticon-destination-point a:before {
	content: "\f015";
	font-family: FontAwesome;
	font-size: 24px;
	font-style: normal;
	margin-right: 10px;
}
.flaticon-technology a:before {
	content: "\f095";
	font-family: FontAwesome;
	font-size: 24px;
	font-style: normal;
	margin-right: 10px;
}
.flaticon-web a:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 24px;
	font-style: normal;
	margin-right: 10px;
}
.flaticon-live-news-report a:before {
	content: "\f0ac";
	font-family: FontAwesome;
	font-size: 24px;
	font-style: normal;
	margin-right: 10px;
}
.icon-bct {
	display: inline-block;
	width: 135px;
	height: 50px;
	background: url(./images/dang-ky.png) no-repeat;
	vertical-align: middle;
	text-decoration: none;
	margin-left: 2px;
	margin-top: 6px;
	float: left;
}
.wf-top {
	border-bottom: solid 1px #ffffff;
	background: #8dc63f;
	-moz-min-width: 1200px;
	-ms-min-width: 1200px;
	-o-min-width: 1200px;
	-webkit-min-width: 1200px;
	padding: 16px 0 12px;
}
.wf-top ul {
	overflow: hidden;
	width: 100%;
	max-width: 1170px;
	-moz-min-width: 1000px;
	-ms-min-width: 1000px;
	-o-min-width: 1000px;
	-webkit-min-width: 1000px;
	margin: auto;
.wf-top
}
.wf-top ul li.wf-top-sphh {
	background: url(images/icon-hang-chinh-hang.png) no-repeat left top;
	padding-left: 45px;
	width: 28%;
	list-style-type: none;
	float: left;
}
.wf-top ul li > * {
	display: block;
	color: white;
	font-size: 16px;
	font-family: "roboto condensed", sans-serif;
}
.wf-top ul li.wf-top-kmkn {
	background: url(images/icon-kmkn.png) no-repeat left top;
	padding-left: 45px;
	width: 27%;
	list-style-type: none;
	float: left;
}
.wf-top ul li.wf-top-dv {
	background: url(images/icon-dv.png) no-repeat left top;
	padding-left: 45px;
	width: 26%;
	list-style-type: none;
	float: left;
}
.wf-top ul li.wf-top-tvbh {
	background: url(images/icon-tvbh.png) no-repeat left top;
	padding-left: 45px;
	width: 19%;
	list-style-type: none;
	float: left;
}
.wf-top-tvbh a {
	color : white;
}
.footer-copyright {
	font-family: "roboto condensed", sans-serif;
	font-size: 15px;
	font-weight: normal;
}



/* DÃ nh cho Ä‘iá»‡n thoáº¡i */
/* width 479px */
@media all and (max-width: 479px) {
body {
	width: 100%;
}
nav.main-navigation {
	display: none
}
.order_old_1 {
	display: none
}
.header-left {
	width: 100%;
	margin-top: 15px;
	margin: 0;
}
a.k-gototop {
	bottom: 79px;
	width: 50px;
	height: 50px;
	border-radius: 40px;
	right: 19px;
	background: #cd0505
}
.fa-angle-up:before {
	content: "\f106";
	font-size: 40px;
	padding-left: 4px;
}
a.k-gototop i {
	top: 0
}
.header-center {
	width: 100%;
	margin: 0;
	padding: 0;
}
.header-info {
	width: 100%;
	float: left;
	margin-top: 5px;
}
.header-info .tel {
	width: 100%;
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
	background-position: center;
}
.header-info .tel span {
	width: 100%;
	padding: 0;
	font-size: 14px;
}
.main-banner {
	width: 100%;
	float: left;
}
.flexslider.home-flexslider {
	width: 100%;
	margin: 0;
}
.flexslider .slides img {
	width: 100%;
	height: 342px;
	display: block;
	margin-bottom: 13px;
}
.k-product .thumbnail img {
	width: 100%;
	height: 150px;
}
.h-r {
	width: 100%;
	display: inline-block;
}
.h-r ul img {
	width: 48%;
	float: left;
	margin-right: 5px;
}
.textwidget {
	width: 100%;
}
.wf-top ul li.wf-top-sphh {
	width: 100%;
	margin-bottom: 10px;
}
.wf-top ul li.wf-top-kmkn {
	width: 100%;
	margin-bottom: 10px;
}
.wf-top ul li.wf-top-dv {
	width: 100%;
	margin-bottom: 10px;
}
.wf-top ul li.wf-top-tvbh {
	width: 100%;
}
.wf-top {
	min-width: 100%;
}
.container.footer-top {
	width: 100%;
}
.container {
	width: 100%;
	padding-left: 10px;
}
#primary > .content-left {
	display: none;
}
.category {
	width: 100%;
	float: left;
}
.container, #main {
	width: 97%px
}
.site-header > .container {
	display: block;
	width: 99%;
}
#logo img {
	max-width: 300px;
	height: auto;
	max-height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.k-product {
	width: 49%!important;
	margin-right: 0!important;
	float: none;
	vertical-align: top
}
.feature-products > h2 {
	margin-bottom: 20px
}
.feature-products > h2 a.viewall {
	display: none
}
form.kcontact-us {
	width: 258px
}
form.kcontact-us .contact-line .right {
	width: 258px
}
form.kcontact-us .contact-line {
	margin-bottom: 10px
}
form.kcontact-us .contact-line label {
	text-align: left
}
form.kcontact-us .contact-line label.noline {
	line-height: 31px
}
form.kcontact-us .contact-line label.empty-none {
	display: none
}
.kang-title {
	font-size: 18px
}
.flexslider.home-flexslider .flex-direction-nav a {
	display: none
}
.kang-form-order, .order-success, .order-failed {
	width: 280px;
	margin-left: -140px
}
.kang-form-order .client-fill p.first input[type="text"] {
	width: 218px
}
.kang-product .title-bottom {
	font-size: 16px
}
.content-success {
	padding: 30px 20px
}
.content-success i.fa {
	display: none!important
}
.kang-form-order .head-form .title h3 {
	font-size: 14px;
}
}
.popup1 {
	width: 280px;
	margin-left: -140px;
}

/* width 768px */
@media all and (max-width: 768px) {
#secondary > .widget {
	display: none
}
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
	background-position: center;
}
.popup {
	display: block;
	width: 280px;
	position: absolute
}
.thong_so_ky_thuat {
	display: block;
	width: 100%;
	float: left
}
.hinh_anh_san_pham {
	display: block;
	width: 100%;
	float: left;
	display: none
}
.xem_thong_so_chi_tiet {
	display: inline-block;
	width: 100%
}
.order_old_1 span {
	display: none
}
.container {
	width: 100%;
}
.main-banner {
	width: 100%;
	float: left;
}
.h-r {
	width: 100%;
	display: none;
}
.h-r ul img {
	width: 46%;
	float: left;
	margin: 0;
	margin-left: 14px;
	margin-top: 10px;
}
.all-products > .k-product:nth-child(4n+1) {
	clear: both;
}
.k-product {
	width: 33%;
	margin: 0px;
}
.all-products > .k-product:nth-child(5n+1) {
	clear: none;
}
.header-info {
	width: 46%;
	float: left;
}
.header-center {
	width: 50%;
	padding-top: 5px;
}
.single-short .suk .status {
	font-size: 12px;
}
.single-short .suk .kcode {
	font-size: 12px;
}
.single-short .right-short .price {
	width: 50%;
}
.single-short .right-short .old_price {
	width: 40%;
}
a.order-this-now {
	width: 49%;
}
a.support {
	width: 49%;
}
}


/* width 1029px */
@media all and (max-width: 1029px) {
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
	background-position: center;
}
.container, #main {
	width: 100%;
}
.main-banner {
	width: 77%;
	display: none;
}
.h-r ul img {
	width: 170px;
	height: 107px;
}
.k-product {
	width: 25%;
	margin-right: 0;
}
.all-products > .k-product:nth-child(5n+1) {
	clear: none;
}
.flexslider.home-flexslider {
	width: 75%;
}
.widget_recent_entries ul {
	padding-left: 10px;
}
.widget ul {
	padding-left: 10px;
}
.widget ul {
	padding-left: 10px;
}
}


/* width 768px */

@media all and (max-width: 768px) {
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
	background-position: center;
}
.main-banner {
	float: right;
	width: 69%;
	height: 270px;
}
.h-r ul img {
	width: 30%;
	height: auto;
	margin-left: 10px;
}
.flexslider.home-flexslider {
	width: 96%;
}
}

/* width 320px */
@media only screen and (min-width: 320px) and (max-width: 760px) {
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
	background-position: center;
	background-size: contain;
}
.header-center {
	width: 100%;
	padding: 0;
}
.header-info {
	width: 100%;
}
.main-banner {
	width: 98%;
	float: right;
	height: auto;
	padding-left: 8px;
}
.h-r ul img {
	width: 48%;
	float: left;
	display: inline-block;
	margin-left: 0;
}
.container, #main {
	width: 98%;
}
.wf-top ul {
	padding-left: 10px;
}
.ordernow {
	width: 100%;
}
.single-content {
	padding-left: 10px;
	padding-right: 10px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 760px) {
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
	background-position: center;
}
.header-left {
	width : 100%;
	margin-bottom: 0;
}
.header-center {
	width : 100%;
}
.header-info {
	width : 100%;
	margin-top: 1px;
}
.main-banner {
	padding: 0;
}
}
 @media (min-width: 760px) and (max-width: 1024px) {
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
	background-position: center;
}
.header-info .tel span {
	font-size: 12px;
}
.#logo img {
max-width:250px;
}
.flexslider.home-flexslider {
	width: 60%;
}
.single-content {
	padding-left: 10px;
	padding-right: 10px;
}
}
 @media (max-width: 320px) {
.header-info .tel {
	background: url(images/bghotline.png) no-repeat;
	text-align: center;
	background-position: center;
	background-size: contain;
}
.header-center {
	width: 100%;
	padding: 0;
}
.header-info {
	width: 100%;
}
.main-banner {
	width: 98%;
	float: right;
	height: auto;
	padding-left: 8px;
}
.h-r ul img {
	width: 45%;
	float: left;
	display: inline-block;
}
}
/*-------------End mobile ---------------*/


.thong_so_ky_thuat {
	margin-top: 10px;
	padding-left: 20px;
	font-size: 16px;
	float: left;
	padding-right: 20px;
	text-align: left;
	width: 50%;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: white;
	filter: alpha(opacity=20);
	opacity: 2;
}
.popup {
	position: fixed;
	background: #fff;
	-webkit-border-radius: 6px;
	border: 1px solid #d0d0d0;
	width: 50%;
	height: 500px;
	top: 204.8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#background {
	position: absolute;
	background: gray;
	left: 0px;
	top: 0px;
}
a.close {
	text-decoration: none;
	float: right;
	padding-right: 10px;
}
.icon2 a {
	background: #fff url(images/icon2.png) no-repeat 7px 50%;
	background-size: 28px;
}
.icon3 a {
	background: #fff url(images/icon3.png) no-repeat 7px 50%;
	background-size: 28px;
}
.icon4 a {
	background: #fff url(images/icon4.png) no-repeat 7px 50%;
	background-size: 28px;
}
.icon5 a {
	background: #fff url(images/icon5.png) no-repeat 7px 50%;
	background-size: 28px;
}
.icon6 a {
	background: #fff url(images/icon6.png) no-repeat 7px 50%;
	background-size: 28px;
}
.icon7 a {
	background: #fff url(images/icon7.png) no-repeat 7px 50%;
	background-size: 28px;
}
.icon8 a {
	background: #fff url(images/icon8.png) no-repeat 7px 50%;
	background-size: 28px;
}
.icon9 a {
	background: #fff url(images/icon9.png) no-repeat 7px 50%;
	background-size: 28px;
}
.icon10 a {
	background: #fff url(images/icon10.png) no-repeat 7px 50%;
	background-size: 28px;
}
.paymethod .paymethod-list .cod {
	width: 73px;
	float: left;
	display: inline-block;
}
.paymethod .paymethod-list .cod a {
	background: url(images/icon-cod.png) no-repeat scroll left top transparent;
	width: 70px;
	height: 30px;
	display: inline-block;
}
.paymethod .paymethod-list .pay {
	width: 73px;
	float: left;
	display: inline-block;
}
.paymethod .paymethod-list .pay a {
	background: url(images/icon-123pay.png) no-repeat scroll left top transparent;
	width: 70px;
	height: 30px;
	display: inline-block;
}
.paymethod .paymethod-list .atm {
	width: 73px;
	float: left;
	display: inline-block;
}
.paymethod .paymethod-list .atm a {
	background: url(images/icon-atm.png) no-repeat scroll left top transparent;
	width: 70px;
	height: 30px;
	display: inline-block;
}
.paymethod .paymethod-list .visa {
	width: 73px;
	float: left;
	display: inline-block;
}
.paymethod .paymethod-list .visa a {
	background: url(images/icon-visa.png) no-repeat scroll left top transparent;
	width: 70px;
	height: 30px;
	display: inline-block;
}
.paymethod .paymethod-list .card {
	width: 73px;
	float: left;
	display: inline-block;
}
.paymethod .paymethod-list .card a {
	background: url(images/icon-mastercard.png) no-repeat scroll left top transparent;
	width: 70px;
	height: 30px;
	display: inline-block;
}
.menu-chinh-sach-container {
	font-size: 14px;
}
.menu-chinh-sach-container ul li a {
	display: inline-block;
	line-height: 31px;
}
.gc_message_bar {
	background: #0077C0;
	width: 100%;
	height: 45px;
	font-size: 14px;
	text-align: center;
	line-height: 45px;
	color: #fff;
}
.gc_message_bar #gc_message_bar_button {
	display: inline-block;
	text-align: center;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	cursor: pointer;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #fff;
	background: red;
	text-shadow: 1px 1px 1px rgba(255,255,255,.3);
}
#ksingle-lager-view a img {
	width: 100%;
}
.widget-category-archive.has-thumbnail > li .view_right h4 .price {
	font-size: 13px;
	font-family: "roboto condensed", sans-serif;
	color: #ff0000;
	padding-top: 7px;
	font-weight: normal;
}
.sale-off {
	background: #cc0101;
	border-radius: 50%;
	position: absolute;
	top: 11px;
	right: 11px;
	width: 38px;
	height: 38px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.sale-off span {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.saving {
	float: left;
	font-family: "roboto condensed", sans-serif;
font-weight:normal: width: 100%;
	margin-top: 6px;
	color: #ff0000;
	font-size: 15px;
}
.single-short .right-short .old_price {
	margin-top: 15px;
	width: 50%;
	float: left;
}
ul.nav-menu > li a {
	display: inline-block;
	color: #fff;
	font-size: 17px;
	padding: 10px 20px;
	text-transform: uppercase;
	font-family: "roboto condensed", arial, san-serif;
	font-weight: 400;
	line-height: 1.5;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
nav.main-navigation {
	background: #8dc63f;
	height: 45px
}
.sale-bh {
	display: inline-block;
	width: 100%;
}
.order_old {
	display: inline-block;
	float: left;
	width: 50%;
	padding-top: 7px;
	font-size: 15px
}
.bao-hanh {
	display: inline-block;
	width: 100%;
	padding-top: 8px;
	padding-left: 0px;
	font-size: 15px
}
.order_old_1 {
	background-image: url(images/TRA-GOP.png);
	width: 60px;
	height: 22px;
	float: left;
	z-index: 99;
	position: absolute;
	top: 4px;
	float: left;
	left: 4px;
}
.loai_may {
	padding-bottom: 8px;
	padding-top: 8px;
}
.ram {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.mang-di-dong {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.camera_truoc {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.kich-thuoc-man-hinh {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.vi-xu-li {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.bo-nho-trong {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.he-dieu-hanh {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.dung_luong_pin {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.man-hinh {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.camera_sau {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.ket_noi_sim {
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #f3f3f3;
}
.hinh_anh_san_pham {
	float: right;
	width: 50%;
	padding-right: 20px;
	padding-top: 20px;
}
.thong_tin_them {
	float: left;
	width: 100%;
	padding-right: 20px;
	padding-top: 20px;
}
.xem_thong_so_chi_tiet {
	background-color: #fd8502;
	border: 0px;
	color: white;
	border-radius: 3px;
}
.xem_thong_so_chi_tiet:hover {
	background: #ffb035;
}
.dem_luot_mua {
	width: 100%;
	display: inline-block;
	padding-top: 10px;
	font-size: 15px;
}
.duong_dan_breadcrumb {
	display: block;
	overflow: hidden;
	margin: 0;
	background: #fff;
	line-height: 32px;
	padding-top: 5px;
}
.duong_dan_breadcrumb li a {
	display: inline-block;
	white-space: nowrap;
	font-size: 16px;
	color: #288ad6;
	padding: 0 10px 0 0;
}
.duong_dan_breadcrumb li {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	font-size: 16px
}
.duong_dan_breadcrumb span {
	display: inline-block;
	font-size: 17px;
	color: #999;
	line-height: 1;
	padding-right: 7px;
}
tr.rr_form_row td {
	border: 0
}
.form_table {
	border-radius: 20px
}
.thumbnail {
    margin-bottom: 10px;
}

