﻿/*
Theme Name: KenShop Version 3.2 - Template
Description: Version sidebar in Home
Theme URI: http://kenit.net
Author: tranhuuhao1407@kenit.net
Author URI: http://kenit.net 
Version: 03
Text Domain: KenIT.NET
*/
@import url("woocommerce.css");
@font-face {
  font-family: 'Swiss CondensedBold';
  src: url('fonts/swiss-condensedbold.eot');
  src: url('fonts/swiss-condensedbold.eot?#iefix') format('embedded-opentype'), url('fonts/swiss-condensedbold.woff') format('woff'), url('fonts/swiss-condensedbold.ttf') format('truetype'), url('fonts/swiss-condensedbold.svg#swiss-condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #fff;
}
a:hover {
  text-decoration: none;
}
/*---header===*/
header {
}
.header-top {
  background: #f5f5f5;
  color: #999;
  border-bottom: 1px solid #fff;
  display: inline-block;
  clear: both;
  width: 100%;
  font-size: 13px;
}
.menu-top ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
.menu-top ul li {
  display: inline-block;
  padding: 5px 11px;
}
.menu-top ul li a {
  color: #666;
}
.menu-top ul li.current-menu-item,
.menu-top ul li:hover {
  background: #fff;
}
.logo {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}
.logo span {
  color: #a1a1a1;
  font-size: 12px;
}
nav.nav {
  background: #905b4f;
  position: relative;
}
.menu {
  margin: 0;
  padding: 0;
}
.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}
.menu li:first-child {
  margin-left: 0;
}
.menu li a {
  text-decoration: none;
  padding: 15px 25px 10px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}
.menu li.menu-item-has-children a:before {
  content: "\f103";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
}
.sub-menu li a:before {
  content: "\f101" !important;
}
.menu li a:hover,
.menu li:hover>a,
.menu li.current-menu-item a {
  color: #fff;
  background: #25449C;
}
.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 200px;
  position: absolute;
  left: 0px;
  background: rgba(35, 130, 177, .8);
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}
.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}
.menu ul li a {
  font-size: 14px;
  font-weight: normal;
  display: block;
  color: #fff;
  background: #905b4f;
  text-transform: none;
}
.menu ul li a:hover,
.menu ul li:hover a {
  background: #25449C;
  color: #fff;
}
.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.menu ul ul {
  left: 199px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}
.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.menu-responsive {
  background: #34495E;
  left: -250px;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 250px;
  z-index: 9999;
  display: none;
  overflow-y: scroll;
}
.menu-icon {
  background: #905b4f;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  display: none;
}
.menu-close {
  cursor: pointer;
  padding: 10px;
  background: #2A82B7;
  text-align: left;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial;
  overflow: hidden;
}
.menu-close i {
  color: #fff;
  font-size: 30px;
  float: left;
}
.menu-close i.fa-times {
  float: right;
}
.menu-close span {
  margin: 5px;
  float: left;
}
.menu-open {
  color: #fff;
  cursor: pointer;
  font-family: Arial;
  font-size: 14px;
  padding: 4px 15px 5px 11px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
}
.menu-open i.fa-bars {
  margin-right: 20px;
  color: #fff;
  font-size: 35px;
  float: left;
}
.menu-open img {
  float: left;
  width: 150px;
  margin-top: 4px;
}
.menu-responsive ul {
  list-style: none;
  padding: 0;
}
.menu-responsive ul li {
  padding: 10px;
  border-bottom: 1px solid #415B74;
}
.menu-responsive ul li a {
  color: #CAE0F5;
  font-size: 17px;
}
.abouts {
	background: #383B3E;
	padding: 0 10px 10px;
}
.menu-responsive ul li.current-menu-item a {
  color: #129643;
}
.menu-responsive ul.sub-menu li {
  border-bottom: none;
}
.menu-responsive ul.sub-menu li a:before {
  content: "\f101";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin: 0 5px 0 0;
}
@media (max-width:1024px) {
  .menu-icon,
  .menu-responsive {
    display: block;
  }
  nav {
    display: none;
  }
}
.social {
  text-align: right;
}
.social span {
  width: 50px;
  color: #fff;
  font-size: 25px;
  background: #426EBC;
  height: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  line-height: 2.0;
}
div.category {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 999;
}
div.category h3 {
  margin: 0;
  background-color: #1e51ae;
  padding: 15px 13px 12px 15px;
  font: 700 13px Arial, Helvetica, sans-serif;
  border: none;
}
div.category h3 span {
  color: #fff;
}
nav.menu-cat {
  display: block;
  position: relative;
  z-index: 99;
}
nav.menu-cat ul {
  display: block;
  position: relative;
  width: 100%;
  z-index: -1;
  list-style: none;
  margin: 0;
  padding: 1px 0;
  background: #f5f5f5;
}
nav.menu-cat ul li {
  border-bottom: 1px solid #fff;
}
nav.menu-cat ul li ul li {
  border: none;
}
nav.menu-cat ul li:last-child {
  border-bottom: 0;
}
nav.menu-cat ul li a,
nav.menu-cat ul li.cat-item-none {
  float: none;
  font: 700 12px Arial, Helvetica, sans-serif;
  padding: 11.6px 10px 14px;
  display: block;
  text-decoration: none;
  color: #444;
}
nav.menu-cat ul li a:before {
  content: "\f101";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
  color: #444;
}
nav.menu-cat ul li a:hover {
  background: #fff;
}
nav.menu-cat ul li ul {
  display: none;
  position: absolute;
  left: 290px;
  top: 0;
  height: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 300px;
  z-index: 999;
}
nav.menu-category {
  display: none !important;
}
.category.hover nav.menu-category {
  display: block !important;
}
nav.menu-cat ul li ul li a {
  color: #444;
  border: none;
}
nav.menu-cat ul li ul li a:hover {
  text-decoration: none;
  background: none;
  color: red
}

div.search .tags {
  color: #444;
  margin-top: 5px;
  font-size: 13px;
}
div.search .tags a {
  color: #888;
  margin: 0 0px 0 5px;
  font-size: 13px;
}
div.search .tags strong {
  float: left;
}
.tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tags ul li {
  display: inline-block;
}
p.lager {
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  text-align: right;
}
p.lager a,
p.lager a:link,
p.lager a:visited {
  color: #fff;
  opacity: .8;
}
p.lager i.fa {
  font-size: 28px;
  float: left;
  width: 32px;
}
p.lager a span {
  display: block;
  margin-top: 6px;
}

.search, .tools {
    margin-top: 10px;
    margin-bottom: 10px;
}
.tools a {
  margin: 5px 0 0 0;
}
/**
 * Search Form
 */
.search-form {
  display: block;
  margin: 4px 0 0 0;
}
.search-form .form-group {
  margin: 0;
}
.search-form .buttom-search {
  padding: 7px 13px;
  border-radius: 0;
}
.search-form .form-control {
  border: 1px solid #E8EFFB;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #555;
}
.search-form .form-control {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 17px 15px;
}
.search-form .btn-success {
  color: #fff;
  background-color: #905b4f;
  border-color: #905b4f;
}
h1.title-post,
.checkout h3,
.woocommerce-checkout h3,
.woocommerce-account h3,
.addresses h3,
#comments h2 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial;
  color: #4C93B8;
}
.entry-summary .price {
  font-size: 20px !important;
  font-weight: bold !important;
}
h3.title,
h1.title-page,
.cart_totals h2,
.woocommerce-checkout h2,
.woocommerce-billing-fields h3,
.woocommerce-account h2,
.panel h3 {
  font-size: 13px;
  line-height: 2.8;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial;
  margin-top: 4px;
  border-bottom: 1px dotted #4471C2;
}
h3.title span,
.panel h3 span,
h1.title-page span {
	float: none;
	font: 700 12px Arial, Helvetica, sans-serif;
	padding: 11.6px 10px 14px;
	position: relative;
	text-decoration: none;
	background: #905b4f;
	color: #fff;
}
.content-top {
  margin-bottom: 10px;
}
/*Product style*/
.list-content {
  width: 100%;
  display: inline-block;
}
.product-item {
  position: relative;
  overflow: hidden;
  border: 1px solid #f5f5f5;
  margin-bottom: 10px;
}
.details ul {
  padding: 10px;
}
.details {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  opacity: 0;
  font-size: 13px;
  height: 100%;
  color: #fff;
  text-align: justify;
}
.details.hover {
  opacity: 1;
}
.details ul li {
  list-style-type: none;
  padding: 0;
}
.details a.btn {
  position: absolute;
  bottom: 0;
  left: 0;
}
.details button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.product-item .label.left {
  position: absolute;
  border-radius: 0;
  padding: 8px 10px;
  font-size: 12px;
  margin: 0px;
}
.product-item .label.right {
  position: absolute;
  border-radius: 0;
  padding: 8px 10px;
  font-size: 12px;
  margin: 0px;
  right: 0;
}
.product-item a.post-title {
  color: #444;
  display: block;
  font: normal 13px Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 5px 0;
  line-height: 1.6;
}
.product-item .meta {
  padding: 10px;
  text-align: center;
  background-color: #f5f5f5;
}
.product-item .add_to_cart_button:before {
  content: "\f218";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.product-item .loading:before {
  content: "\f021";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  background: none !important;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.product-item .added:before {
  content: "\f00c";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.product-item .wc-forward {
  display: none;
}
/*Post style*/
.post-meta.text-left {
  margin: 10px 0;
  color: #f7941e;
}
.list-post h4 {
  font-size: 14px;
  line-height: 1.5;
  color: #006092;
  display: block;
  font-weight: bold;
  font-family: Arial;
  margin: 0 0 10px 0;
}
.list-post p {
  line-height: 1.8;
}
.list-post,
.post-list {
  margin-top: 10px;
}
.post-date {
  color: #a1a1a1;
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.list-post a.post-title {
  line-height: 1.6;
  color: #4471C2;
  font-size: 13px;
  text-transform: uppercase;
}
.list-content .clearfix {
  margin: 5px 0 0 0;
}
.owl-new a {
  color: #fff;
  margin: 12px 0 0 10px;
  display: block;
}
/*Footer style*/
footer {
  width: 100%;
  font-size: 13px;
  margin-top: 30px;
  background: #4e5256;
  color: #D7DADC;
  font-family: Arial;
}
footer h3 {
    margin: 0 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #696969;
    padding: 20px 0 10px;
}
footer .dev {
  background: #1B1A1A;
  color: #9E9B9B;
  overflow: hidden;
  padding: 10px 0 5px;
}
footer .dev p {
  margin: 5px 0;
}

footer .news-footer a {
  display: block;
  margin: 9px 0;
  color: #D7DADC;
  line-height: 1.8;
}
footer .news-footer a:before {
  content: "\f101";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
  color: #E9E9E9;
}
.back-to-top {
  position: fixed;
  bottom: 35px;
  right: 10px;
  display: none;
  cursor: pointer;
}
.back-to-top i {
  background: #E00C3D;
  padding: 5px 10px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.notice {
  border-radius: 0;
  margin: 20px 0;
  overflow: hidden;
}
.like-click {
  display: block;
  padding: 10px 10px 5px;
  margin: 10px 0;
  clear: both;
  background-color: #f1f1f1;
  border: 1px solid #eaeaea;
}
.like-click .fb-btn {
  margin: 0 10px 0 0;
  float: left;
}
#fbcomments,
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
  width: 100% !important;
}
.contact-form .input-group {
  margin-bottom: 10px;
  float: left;
}
.contact-form .form-margin .input-group {
  margin-bottom: 10px;
}
.contact-form .input-group .input-group-addon {
  border-radius: 0px;
  background-color: #4471C2;
  border: none;
  position: relative;
}
.contact-form .input-group .input-group-addon i {
  color: #ffffff;
  font-size: 26px;
  width: 24px;
  height: 24px;
}
.contact-form .input-group .form-control {
  background-color: rgb(241, 241, 241);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: none;
  padding: 15px 15px;
  color: #444;
  min-height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  color: #444;
}
:-moz-placeholder {
  color: #444;
}
::-moz-placeholder {
  color: #444;
}
:-ms-input-placeholder {
  color: #444 ;
}
.btn {
  border-radius: 0;
}
#gallery-thumbnail .item {
  margin: 5px;
  color: #FFF;
  text-align: center;
  cursor: pointer;
}
#gallery-thumbnail .synced .item {
  border: 4px solid #2A82B7;
}
.tab-content .tab-pane {
  padding-top: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tab-content h3 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial;
  color: #4C93B8;
}
.nav-tabs>li a {
  border-radius: 0;
  border: none;
  color: #2a82b7;
  background-color: #F5F5F5;
  position: relative;
  font-size: 13px;
  font-weight: bold;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover {
  background: #4471C2;
  border: none;
  color: #fff;
}
.nav-tabs {
  border-bottom: 1px solid #F5F5F5;
  margin-top: 10px;
}
img {
  max-width: 100%;
  height: auto;
}
.view-cart {
  color: #fff !important;
  background-color: #117D39;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 3.1;
  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;
  padding: 0 10px 0 0;
  overflow: hidden;
  text-decoration: none;
}
.view-cart i {
  font-size: 20px;
  padding: 11px;
  float: left;
  background-color: #E62534;
}
.cart-widget {
  position: absolute;
  top: 43px;
  right: 15px;
  background-color: #F5F4F4;
  z-index: 9999;
  display: none;
  padding: 0px;
  width: 263px;
}
.widget_shopping_cart_content .buttons a {
  padding: 10px 15px;
}
.widget_shopping_cart_content span.quantity {
  font-size: 13px;
  display: block;
}
.widget_shopping_cart_content {
  padding: 10px 10px 0;
}
.widget_shopping_cart_content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget_shopping_cart_content ul li {
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}
.widget_shopping_cart_content ul li img {
  margin: 0;
  padding: 0;
  float: right;
  width: 60px;
}
ins {
  text-decoration: inherit;
}
.panel {
  -moz-box-shadow: 0px 0px 0px transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
.panel-group .panel + .panel {
  margin-top: 10px;
}
.panel-heading {
  padding: 0;
}
.panel-default > .panel-heading {
  background-image: none;
  background-color: transparent;
}
.panel-primary>.panel-heading,
.panel-primary {
  border: none;
  border-radius: none;
}
.panel-default > .panel-heading,
.panel-default,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0 none;
  font-size: 14px;
}
.panel-title > a {
  display: block;
  text-decoration: none;
  padding: 10px 50px;
  position: relative;
  background-color: #00AEEF;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  line-height: 1.6;
  font-size: 13px;
}
.panel-title > a:before {
  content: "\f046";
  font-family: 'FontAwesome';
  display: inline-block;
  background-color: #f0f0f0;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  padding: 10px 0;
  text-align: center;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0px;
  color: #4471C2;
}
.panel-title > a:after {
  content: "\f068";
  font-family: 'FontAwesome';
  display: inline-block;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  padding: 10px 0;
  text-align: center;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0;
  color: #4471C2;
}
.panel-title > a.collapsed:after {
  content: "\f067";
}
.panel-title > a.collapsed {
  background-color: #e1e4e6;
  color: #0e0f0f;
}
.panel,
.panel-group .panel,
.panel-primary>.panel-heading {
  border-radius: 0;
}
.panel a:focus {
  text-decoration: none;
}
.modal-title {
  font-family: Arial;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 0 5px 0;
  font-size: 13px;
  text-rendering: optimizelegibility;
  width: 100%;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}
.panel,
.panel-group .panel,
.panel-primary>.panel-heading {
  border-radius: 0;
}
.panel a:focus {
  text-decoration: none;
}
.modal-content {
  background: #FFFFFF;
  border: none;
  border-radius: none;
  box-shadow: none;
}
.modal-header {
  border-bottom: 1px solid #4471c2;
  background: #4471c2;
  text-align: center;
  color: #fff;
}
.modal-footer {
  border-top: 1px solid #4471c2;
  background: #4471c2;
  color: #fff;
}
.modal-body {
  color: #2F2F2F;
  font-size: 13px;
}
.hotline p {
  margin: 4px 0;
  color: #FDE405;
  font: bold 13px Arial;
}
.hotline span {
  color: #fff;
}
.cart a {
  display: block;
  margin-top: 4px;
}
a.home {
  float: left;
  color: #FDE405;
  font-size: 27px;
  margin: 2px 8px;
}
.product-meta {
  margin-bottom: 10px;
}
.advisory a {
  font: bold 13px Arial;
  line-height: 1.6 !important;
  display: block;
  margin: 10px 0;
  text-transform: none !important;
  color: #444 !important;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
  width: 100% !important;
}
iframe,
object,
embed {
  max-width: 100%;
}
@media (min-width:992px) and (max-width:1199px) {
}
/* Portrait tablets and small desktops */
@media (min-width:768px) and (max-width:991px) {

}
/* Landscape phones and portrait tablets */
@media (max-width:767px) {

}
/* Portrait phones and smaller */
@media (max-width:480px) {
 
}
.modal-backdrop.in {
  z-index: 999;  
}
.support-icon-right {
  background: #F0F3EF;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9;
  overflow: hidden;
  width: 250px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.support-icon-right h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  font-family: Arial;
  color: #fff;
  margin: 0;
  background-color: #905b4f;
  cursor: pointer;
}

.support-icon-right i {
  background-color: #25449C;
  padding: 15px 15px 12px 15px;
  color: #fff;
}

.online-support {
  display: none;
}

.banner img.banner-top{
  margin-bottom: 10px;
  display: block;
}

.banner-item {
  color: #fff;
  padding: 10px;
  margin-top: 5px;
}
.banner-item.orange {
  background: #f5791f;
}
.banner-item.light-blue {
  background: #3498db;
}
.banner-item.gray {
  background: #a1aaaf;
}
.banner-item h4 {
  font-family: Tahoma;
  margin: 5px 0 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
}
.banner-item p {
  margin: 0;
  font-size: 14px;
}
.banner-item i {
  float: left;
  font-size: 40px;
  margin: 3px 17px 0 0;
}


.headerbar {
    -webkit-box-shadow: 0 2px 2px rgba(88, 88, 88, 0.175);
    box-shadow: 0 4px 4px rgba(88, 88, 88, 0.175);
    background: #fff;
    opacity: 0;
    height: 40px;
    line-height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    display: none;
}
.headerbarfixed {
  position: fixed;
  top: 0px;
  width: 100%;
   z-index: 9999;
   opacity: 0.95;
   display: block;
}
.headerbar span.hotline {
    color: #fff;
    padding: 0 15px 0 ;
    background: #E1584B;
    float: left;
    font-size: 17px;
}
.headerbar strong  {
  color: #59B73F;
    font-weight: bold;
    margin: 0 10px;
    font-size: 13px;
}
.headerbar .slogan i  {
  color: #59B73F;
    font-weight: bold;
    margin: 0 10px;
    font-size: 18px;
}
.headerbar a {
  color: #E36054;
  font-weight: bold;
  font-size: 13px;
} 

.aside-about-call {
  background-color: #555;
      padding: 20px 0 25px 70px;
    position: relative;
}

.aside-about-call span.fa {
    background: #808080;
}
.aside-about-call span.fa {
    display: block;
    height: 100%;
    font-size: 34px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 32px 15px 0 15px;
    color: #fff;
}

.aside-about-call > div {
    font: 700 22px 'Open Sans',sans-serif;
    color: #fff;
}

.aside-about-call p {
    color: #ddd;
    font: 400 14px 'Open Sans',sans-serif;
    margin: 0;
}

.aside-about-seller {
    background: #905b4f;
    color: #fff;
    padding: 12px 10px 2px 10px;
    text-align: center;
    font-size: 14px;
}
.banner .owl-controls .owl-buttons div {
  margin: 0;
}

.banner .owl-buttons i {
  color: #fff;
  font-size: 80px;
}

.banner .owl-controls .owl-buttons div {
  position: absolute;
}

.banner .owl-controls .owl-buttons .owl-prev {
  left: 0;
  top: 110px;
  margin: 0;
}

.banner .owl-controls .owl-buttons .owl-next {
  right: 0;
  top: 110px;
  margin: 0;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}


/* bắt đầu menu CATEGORIES */

.cat-item {
	display: block;
	position: relative;
	z-index: 99;
}
.cat-item ul {
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
	list-style: none;
	margin: 0;
	padding: 1px 0;
	background: #f5f5f5;
}
.cat-item ul li {
}
.cat-item ul li:last-child {
	border-bottom: 0;
}
.cat-item ul li a {
	float: none;
	font: 700 12px Arial, Helvetica, sans-serif;
	padding: 11.6px 10px 14px;
	display: block;
	text-decoration: none;
	background: #EAA903;
	color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-left: 20px;
	text-transform: none;
	color: #444;
	background: none;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;	
}
.cat-item ul li a:hover {
	background: #4E5256;
	color: #fff;
}
/* Kết thúc menu CATEGORIES */
/* Bắt đầu tiêu đề sản phẩm */
.item-product span.post-title,
.item-product h2.post-title {
	font-size: 14px;
	color: #000;
	display: block;
	margin: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	background: #f5f5f5;

}
/* kết thúc tiêu đề sản phẩm */
======================================
[ FOOTER ]
======================================
*/
footer {
	font-size: 14px;
	color: #b0b0b0;
	background: #4e5256;
	margin-top: 10px;
}
.footer h3.widget-title {
	margin: 0 0 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #696969;
	padding: 20px 0 10px;
}
.footer h3.widget-title::first-letter {
	color: #EAA903;
}
ul.time-table {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.time-table li {
	border-bottom: 1px solid #696969;
	padding: 5px 0;
	color: #fff;
}
ul.time-table li span {
	float: right;
}
ul.time-table li:last-child {
	border: 0;
	color: #EAA903;
}
ul.contacts-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.contacts-list li {
	padding: 5px 0 10px;
}
ul.contacts-list li i {
	font-size: 20px;
	margin-right: 5px;
}
ul.contacts-list li a {
	color: #EAA903;
}
ul.post-list {
	list-style-type: square;
	padding: 0 0 0 20px;
	margin: 0;
}
ul.post-list li {
	padding: 0 0 5px 0;
}
ul.post-list li i {
	font-size: 20px;
	margin-right: 5px;
}
ul.post-list li a {
	color: #b0b0b0;
}
.footer .footer-end {
	border-top: 1px solid #696969;
	padding: 20px 0;
}
.developed a {
	color: #EAA903;
}
.back-to-top {
	position: fixed;
	bottom: 35px;
	right: 10px;
	display: none;
	cursor: pointer;
}
.back-to-top i {
	background: #EAA903;
	padding: 5px 10px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
.call-to-action {
	background-color: #EAA903;
	padding-bottom: 20px;
	padding-top: 20px;
	margin: 10px 0 0;
}
.btn.btn-bordered {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	margin-top: 25px;
}
.call-to-action h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 25px;
	font-family: 'Swiss CondensedBold';
}
======================================
[ FOOTER - END ]
======================================
.owl-partners .item {
	margin-right: 10px;
	text-align: center;
}
.owl-partners .item a {
	color: #444;
}
.owl-partners .item span {
	display: block;
	margin: 5px 15px 0;
}
.owl-item img {
    max-width: 70%;
    height: AUTO !important;
    width: expression(this.width > 550 ? 550: true);
}
.owl-banner img {
    max-width: 100%;
    height: AUTO !important;
    width: expression(this.width > 550 ? 550: true);
}

/* Bắt đầu tiêu đề sản phẩm */
.news-col span.post-title,
.news-col h2.post-title {
	font-size: 14px;
	color: #000;
	display: block;
	margin: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	background: #f5f5f5;

}
/* kết thúc tiêu đề sản phẩm */