@charset "utf-8";
/*====================*\

//style by ngoc duy

\*====================*/

/*====================*\

//font face

\*====================*/

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/N_9Jp7AwAheF7LtLH7gZjQ.woff2) format('woff2');

}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 500;

  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

}

@font-face {

  font-family: 'Roboto';

  font-style: italic;

  font-weight: 300;

  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at0qs5AeeBmydKTXp2rSeyjU.woff2) format('woff2');

}

@font-face {

  font-family: 'Roboto';

  font-style: italic;

  font-weight: 400;

  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/K23cxWVTrIFD6DJsEVi07fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');

}

@font-face {

  font-family: 'Roboto Condensed';

  font-style: normal;

  font-weight: 700;

  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nJdRATDOq67wrEgzGuSj1rg.woff2) format('woff2');

}

@font-face {

  font-family: 'Tahoma';

  font-style: normal;

  src: url(../fonts/Tahoma.ttf);

}

/*====================*\

// add class

\*====================*/

.container {

  padding: 0 10px;

}

.row {

  margin: 0 0px;

}

.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12 {

  padding: 0 10px;

}

.heading-section {

  overflow: hidden;

  position: relative;

  font-family: "Roboto", sans-serif;

}

.heading-section .title {

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 500;

  line-height: 30px;
  background:#e98348;
  padding:5px 10px;
  color:#fff

}

.heading-section:after {

  border-bottom: 1px solid rgba(255, 255, 255, 0.75);

  border-top: 1px solid #cccccc;

  content: "";

  display: inline-block;

  position: relative;

  vertical-align: middle;

  width: 100%;

  margin-right: -100%;


}

.xem-them {

  width: 98px;

  height: 26px;

  display: block;

  background-image: url(../img/icon/btn-xem-them.png);

  background-repeat: no-repeat;

  background-position: center;

}

.heading {

  position: relative;

  margin-bottom: 15px;
  margin-top:20px;
}

.heading .xem-them {

  position: absolute;

  top: 3px;

  right: 0;

  z-index: 10;

}

/*====================*\

//style global

\*====================*/

body {

  min-height: 500px;

  margin: auto;

  font-size: 14px;
 

  font-weight: 400;

  color: #242628;

  background-color: #ffffff;

}

a {

  color: red;

}

a:hover,

a:focus {

  outline: none;

  text-decoration: none;

  color: #e98348;

}

img {

  max-width: 100%;

}

ul,

ol {

  margin: 0;

  padding: 0;

}

ul li,

ol li {

  list-style: none;

}

.video-responsive {

  height: 0;

  padding-top: 0;

  padding-bottom: 56.25%;

  position: relative;

  overflow: hidden;

}

.video-responsive embed,

.video-responsive iframe,

.video-responsive iframe,

.video-responsive video {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  border: none;

}

.audio-responsive iframe {

  width: 100%;

  height: 126px;

}

/*====================*\

//components style

\*====================*/

.list-group-item:last-child,

.list-group-item:first-child {

  border-radius: 0;

}

.pagination {

  display: block;

  text-align: center;

  background-color: #f1f1f1;

  border-radius: 5px;

  padding-top: 7px;

}

.pagination > li {

  display: inline-block;

  margin: 0 3px;

}

.pagination > li:first-child > a,

.pagination > li:last-child > a,

.pagination > li:first-child > span,

.pagination > li:last-child > span {

  border-radius: 0;

}

.pagination > li > a,

.pagination > li > span {

  border-radius: 0;

  color: #e98348;

  border-color: transparent;

  background-color: transparent;

  line-height: 21px;

  padding: 0 5px;

  font-size: 15px;

  font-family: "Arial";

  font-weight: 700;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  background-color: #e98348;

  color: #fff;

  border-color: #e98348;

}

.pagination .active > a,

.pagination .active > span,

.pagination .active > a:hover,

.pagination .active > span:hover,

.pagination .active > a:focus,

.pagination .active > span:focus {

  background-color: #e98348;

  color: #fff;

  border-color: #e98348;

}

.pager > li > a,

.pager > li > span {

  color: #e98348;

  border-color: #e98348;

}

.pager > li > a:hover,

.pager > li > span:hover,

.pager > li > a:focus,

.pager > li > span:focus {

  background-color: #e98348;

  color: #fff;

  border-color: #e98348;

}

.breadcrumb {

  background-color: #ffffff;

  text-transform: uppercase;

  padding-left: 0;

  padding-right: 0;

}

.breadcrumb li {

  color: #242628;

}

.breadcrumb li + li:before {

  color: #242628;

  content: "/";

}

.breadcrumb .active {

  color: #e98348;

}

.dropdown-menu > li > a {

  color: #242628;

  padding: 6px 12px;

}

.dropdown-menu > li > a:hover {

  background-color: #e98348;

  color: #fff;

}

.dropdown-menu .dropdown-header {

  color: #777;

  padding: 6px 12px;

}

/*====================*\

//panel

\*====================*/

.panel {

  border-radius: 0;

  border-width: 1px 1px 1px;

  border-color: #dddddd;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

}

.panel .panel-heading,

.panel .panel-footer {

  background-color: transparent;

  border-color: #dddddd;

}

/*====================*\

//form

\*====================*/

.form-control {

  border-radius: 0;

}

.form-control::-moz-placeholder {

  color: #999;

  opacity: 1;

  font-size: 13px;

}

.form-control:-ms-input-placeholder {

  color: #999;

  font-size: 13px;

}

.form-control::-webkit-input-placeholder {

  color: #999;

  font-size: 13px;

}

.input-group-addon {

  border-radius: 0;

}

.btn {

  border-radius: 0;

  text-transform: capitalize;

  font-size: 14px;

  height: 36px;

  padding: 0 12px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}

.btn.form-control-feedback {

  border: none;

  pointer-events: auto;

}

.btn:focus {

  outline: none;

}

.btn:hover,

.btn:focus {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}

.btn-lg {

  height: 60px;

  font-size: 18px;

}

.btn-sm {

  height: 28px;

  font-size: 12px;

}

a.btn {

  height: auto;

  line-height: 36px;

}

a.btn-lg {

  height: auto;

  line-height: 60px;

}

a.btn-sm {

  height: auto;

  line-height: 28px;

}

.btn-default {

  color: #e98348;

  background-color: transparent;

  border-color: #e98348;

}

.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active {

  color: #ffffff;

  background-color: #e98348;

  border-color: #e98348;

}

.open .btn-default.dropdown-toggle {

  color: #ffffff;

  background-color: #e98348;

  border-color: #e98348;

}

.btn-default:active,

.btn-default.active {

  background-image: none;

}

.open .btn-default.dropdown-toggle {

  background-image: none;

}

.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default,

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,

.btn-default.disabled.active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default.active {

  background-color: transparent;

  border-color: #e98348;

}

.btn-default .badge {

  color: transparent;

  background-color: #e98348;

}

.btn-inline {

  color: #ffffff;

  background-color: #e98348;

  border-color: #e98348;
  text-transform:uppercase;

}

.btn-inline:hover,

.btn-inline:focus,

.btn-inline.focus,

.btn-inline:active,

.btn-inline.active {

  color: #e98348;

  background-color: transparent;

  border-color: #e98348;

}

.open .btn-inline.dropdown-toggle {

  color: #e98348;

  background-color: transparent;

  border-color: #e98348;

}

.btn-inline:active,

.btn-inline.active {

  background-image: none;

}

.open .btn-inline.dropdown-toggle {

  background-image: none;

}

.btn-inline.disabled,

.btn-inline[disabled],

fieldset[disabled] .btn-inline,

.btn-inline.disabled:hover,

.btn-inline[disabled]:hover,

fieldset[disabled] .btn-inline:hover,

.btn-inline.disabled:focus,

.btn-inline[disabled]:focus,

fieldset[disabled] .btn-inline:focus,

.btn-inline.disabled:active,

.btn-inline[disabled]:active,

fieldset[disabled] .btn-inline:active,

.btn-inline.disabled.active,

.btn-inline[disabled].active,

fieldset[disabled] .btn-inline.active {

  background-color: #e98348;

  border-color: #e98348;

}

.btn-inline .badge {

  color: #e98348;

  background-color: #ffffff;

}

.btn-outline {

  color: #e98348;

  background-color: transparent;

  border-color: #e98348;

}

.btn-outline:hover,

.btn-outline:focus,

.btn-outline.focus,

.btn-outline:active,

.btn-outline.active {

  color: #ffffff;

  background-color: #e98348;

  border-color: #e98348;

}

.open .btn-outline.dropdown-toggle {

  color: #ffffff;

  background-color: #e98348;

  border-color: #e98348;

}

.btn-outline:active,

.btn-outline.active {

  background-image: none;

}

.open .btn-outline.dropdown-toggle {

  background-image: none;

}

.btn-outline.disabled,

.btn-outline[disabled],

fieldset[disabled] .btn-outline,

.btn-outline.disabled:hover,

.btn-outline[disabled]:hover,

fieldset[disabled] .btn-outline:hover,

.btn-outline.disabled:focus,

.btn-outline[disabled]:focus,

fieldset[disabled] .btn-outline:focus,

.btn-outline.disabled:active,

.btn-outline[disabled]:active,

fieldset[disabled] .btn-outline:active,

.btn-outline.disabled.active,

.btn-outline[disabled].active,

fieldset[disabled] .btn-outline.active {

  background-color: transparent;

  border-color: #e98348;

}

.btn-outline .badge {

  color: transparent;

  background-color: #e98348;

}

/*====================*\

//Tabs

\*====================*/

.nav-tabs {

  margin-bottom: 15px;

}

.nav-tabs > li > a {

  border-radius: 0;

}

.nav-tabs > li > a:hover,

.nav-tabs > li > a:focus {

  border-color: #ddd #ddd transparent;

  background-color: #fff;

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

  color: #e98348;

}

.nav-pills {

  margin-bottom: 15px;

}

.nav-pills > li > a {

  border-radius: 0;

}

.nav-pills > li > a:hover,

.nav-pills > li > a:focus {

  color: #fff;

  background-color: #e98348;

}

.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus {

  color: #fff;

  background-color: #e98348;

}

/*====================*\

//bootstrap carousel

\*====================*/

.carousel-control {

  height: 40px;

  bottom: auto;

  top: 50%;

  margin-top: -20px;

}

.carousel-control.left,

.carousel-control.right {

  background-image: none;

}

.carousel-indicators li {

  border-color: #fff;

  width: 13px;

  height: 13px;

  margin: 0;

}

.carousel-indicators .active {

  background-color: #fff;

  width: 13px;

  height: 13px;

}

/*====================*\

//owl carousel

\*====================*/

.owl-controls2 {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 99999;

  background-color: transparent;

}

.owl-controls2 .owl-nav .owl-prev,

.owl-controls2 .owl-buttons .owl-prev,

.owl-controls2 .owl-nav .owl-next,

.owl-controls2 .owl-buttons .owl-next {

  display: inline-block;

  margin-left: 8px;

  height: 25px;

  width: 25px;

  text-align: center;

  border: 1px solid #ddd;

  cursor: pointer;

}

.owl-controls2 .owl-nav .owl-prev:before,

.owl-controls2 .owl-buttons .owl-prev:before,

.owl-controls2 .owl-nav .owl-next:before,

.owl-controls2 .owl-buttons .owl-next:before {

  font-family: 'FontAwesome';

  color: #242628;

  font-size: 14px;

}

.owl-controls2 .owl-nav .owl-prev:hover,

.owl-controls2 .owl-buttons .owl-prev:hover,

.owl-controls2 .owl-nav .owl-next:hover,

.owl-controls2 .owl-buttons .owl-next:hover {

  border-color: #e98348;

  background-color: #e98348;

  color: #fff;

}

.owl-controls2 .owl-nav .owl-prev:hover:before,

.owl-controls2 .owl-buttons .owl-prev:hover:before,

.owl-controls2 .owl-nav .owl-next:hover:before,

.owl-controls2 .owl-buttons .owl-next:hover:before {

  color: #fff;

}

.owl-controls2 .owl-nav .owl-prev:before,

.owl-controls2 .owl-buttons .owl-prev:before {

  content: "\f104";

}

.owl-controls2 .owl-nav .owl-next:before,

.owl-controls2 .owl-buttons .owl-next:before {

  content: "\f105";

}

/*====================*\

//Menu

\*====================*/

.navbar {

  border-radius: 0;

  min-height: 40px;

  margin-bottom: 0;

  background-color: #e98348;

  border: none;

}

.navbar .navbar-brand {

  display: none;

}

.navbar .navbar-collapse {

  padding: 0;

}

.navbar .navbar-toggle {

  float: left;

}

.navbar .navbar-toggle .icon-bar {

  color: #fff;

  background-color: #fff;

}

.navbar .navbar-nav > li > a {

  color: #fff;

  padding: 0 40px;

  font-size: 14px;

  font-family: 'Tahoma';

  line-height: 40px;

  border-right: 1px solid #d46d32;
  text-transform:uppercase;
  font-weight:bold

}

.navbar .navbar-nav > li > a:hover,

.navbar .navbar-nav > li > a:focus {

  color: #fff;

  background-color: #d46d32;

}

.navbar .navbar-nav > li:last-child > a {

  border-right: none;

}

.navbar .navbar-nav > .active > a,

.navbar .navbar-nav > .open > a,

.navbar .navbar-nav > .active > a:hover,

.navbar .navbar-nav > .open > a:hover,

.navbar .navbar-nav > .active > a:focus,

.navbar .navbar-nav > .open > a:focus {

  background-color: #e98348;

  color: #fff;

}

/*====================*\

//Header

\*====================*/

#header {

  position: relative;

}
.woocommerce form .form-row input.input-text{
    background-color: #f0f0f0;
    box-shadow: none;
    border: 1px solid #bcbcbc;
    height: 34px;
    padding: 0 5px;
	border-radius:5px
}
.woocommerce form .form-row textarea{
    background-color: #f0f0f0;
    box-shadow: none;
    border: 1px solid #bcbcbc;
    padding: 0 5px;
	border-radius:5px
}
    
.link-cart {

  width: 77px;

  height: 46px;

  display: block;

  background-image: url(../img/icon/bg-cart.png);

  background-repeat: no-repeat;

  background-position: center;

  color: #fff;

  text-align: center;

  font-family: 'Tahoma';

  font-weight: 700;

}

.link-cart a {

  color: #fff;

}

.link-cart .icon {

  width: 23px;

  height: 16px;

  display: inline-block;

  background-image: url(../img/icon/cart.png);

  background-repeat: no-repeat;

  background-position: center;

  vertical-align: middle;

}

.link-cart .count {

  font-size: 11px;

}


.link-cart .text {

  display: block;

  font-size: 10px;

}

.form-search .input {

  width: 350px;

  height: 36px;

  padding: 0 30px 0 10px;

  background-image: url(../img/icon/search.png);

  background-repeat: no-repeat;

  background-position: center right 15px;

  border: none;

  box-shadow: none;

  background-color: #fff;

  font-style: italic;

}

.form-search input::-moz-placeholder {

  color: #e98348;

  opacity: 1;

  font-size: 13px;

}

.form-search input:-ms-input-placeholder {

  color: #e98348;

  font-size: 13px;

}

.form-search input::-webkit-input-placeholder {

  color: #e98348;

  font-size: 13px;

}

.hotline-top {

  color: #e98348;

  font-weight: 400;

  font-size: 17px;

}

.hotline-top .icon {

  width: 22px;

  height: 22px;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-position: center;

  background-image: url(../img/icon/hotline.png);

}

.hotline-top span span {

  font-weight: 700;

}

.links-top {

  text-transform: uppercase;

  font-size: 12px;

  text-shadow: 1px 1px 0px #333;

  color: #fff;

}

.links-top li {

  padding: 0;

}

.links-top li:last-child a:after {

  content: none;

}

.links-top a {

  color: #fff;

  padding: 0 20px;

  display: block;

  position: relative;

}

.links-top a:hover {

  color: #e98348;

}

.links-top a:after {

  content: "";

  width: 1px;

  height: 12px;

  background-color: #fff;

  box-shadow: 1px 1px 0px #333;

  position: absolute;

  top: 50%;

  margin-top: -6px;

  right: 0;

}

.header-top {
  position: relative;
  background: url(../img/icon/header_bg.jpg) no-repeat right #150f11;
  height:170px
}

.header-top .logo {

  float: left;

  padding-top: 60px;

}

.header-top .right {

  float: right;

}

.header-top .links-top,

.header-top .link-cart,

.header-top .form-search,

.header-top .hotline-top {

  float: right;

}

.header-top .form-search{

  clear: both;

}

.header-top .links-top {
  padding-top: 10px;


}

.header-top .link-cart {

  margin-bottom: 10px;

}

.header-top .form-search {

  margin-bottom: 10px;
  margin-top:20px;
  float:right; 
  width:100%; 
  text-align:right

}

.header-top .hotline-top {
color:#fff;
text-shadow: 1px 1px 0px #333;

}

.nav-menu {

  background-color: #e98348;

  margin-bottom: 15px;

}

/*====================*\

//Footer

\*====================*/

.footer-top {

  background-color: #231d1f;

  font-size: 12px;

  color: #fff;

  font-family: 'Tahoma';

  padding-top: 12px;

  padding-bottom: 12px;

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: contain;
  border-top: solid 5px #e98348;

}

.footer-top .title {

  font-size: 18px;

  font-weight: bold;

  color: #484747;

  margin-bottom: 4px;

  font-family: "Arial";

}

.footer-top p {

  margin-bottom: 0;

}

/*====================*\

//Sidebar

\*====================*/

.panel-danh-muc {

  border-radius: 3px;

  color: #666666;

  padding-bottom: 1px;

}

.panel-danh-muc .panel-heading {

  background-color: #f5f5f5;

  color: #535353;

  background-repeat: no-repeat;

  background-position: center left 18px;

  background-image: url(../img/icon/menu-bar.png);

  padding-left: 45px;

  font-weight: 700;

  text-transform: uppercase;

}

.panel-danh-muc a {

  color: #666666;

  padding: 10px 12px;

  display: block;

  position: relative;

  margin-bottom: -1px;

}
.laptop.list-group-item.menu-lv2{ padding:0;overflow: hidden;}

.panel-danh-muc a:hover {

  background-color: transparent;

  color: #fb8404;

}
.laptop.list-group-item.menu-lv2 a::after{ display:none}
.panel-danh-muc a:after {

  content: "\f105";

  font-family: 'FontAwesome';

  position: absolute;

  top: 9px;

  right: 7px;

}

.panel-danh-muc .list-group {

  background-color: #FBFBFB;

}

.panel-danh-muc .list-group > li {

  padding: 0;

  border-bottom: 1px solid #ddd;

}

.panel-danh-muc .list-group > li:last-child {

  border-bottom: none;

}

.panel-danh-muc .list-group > li > a {

  text-transform: uppercase;

  border: none;

  position: relative;


}

.panel-danh-muc .list-group > li:hover > a:after {

  content: "\f107";

}

.panel-danh-muc .list-group > li:hover > ul {

  display: block;

}
.mega-menu{
position: absolute;
top: 0px;
left: 100%;
z-index: 9999;
background-color: #f8f8f8;
visibility: hidden;
opacity: 1;
border:solid 1px #ddd
}
.panel-danh-muc .list-group ul {
overflow: hidden;
background-color: #fff;
min-width: 200px;
}

.panel-danh-muc .list-group ul a {

  background-repeat: no-repeat;

  background-position: top 15px left 10px;

  padding-left: 15px;

}

.panel-danh-muc .list-group ul a:first-child {

  border-top-width: 1px ;

}

.panel-hotline {

  padding: 0;

  border-radius: 5px;

  background-repeat: no-repeat;

  background-position: center;

  background-image: url(../img/icon/bg-panel-hotline.png);

  background-size: cover;
  border:solid 1px #e98348

}

.panel-hotline .panel-body {

  padding: 15px 22px 10px 0;

}

.panel-hotline .mua-nhanh {

  color: #000;
  text-shadow: 1px 1px 1px #fff;
  line-height: 32px;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  padding-left: 10px;

}

.panel-hotline .mua-nhanh2 {
  display:none;
  color: #fff;

  background-color: #ff8800;

  line-height: 32px;

  padding: 0 10px;

  font-size: 12px;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;

  max-width: 300px;

}

.panel-hotline .phone {

  margin-bottom: 15px;

  font-size: 26px;

  font-weight: 700;

  padding-left: 10px;

  color: #ff2923;

  text-shadow: 1px 1px 1px #fff;

}

.panel-hotline .phone2 {
display:none;
  background-repeat: no-repeat;

  background-position: center left 15px;

  background-image: url(../img/icon/phone-hotline2.png);

  margin-bottom: 15px;

  font-size: 24px;

  font-weight: 700;

  padding-left: 60px;

  color: #e98348;

  text-shadow: 1px 1px 1px #fff;

}

.form-face {

  border-radius: 0;

  padding: 0;

  border: none;

}

.form-face .panel-body {

  padding: 0;

}

.banner-sidebar {

  border: none;

}

.banner-sidebar img {

  width: 100%;

}

.banner-sidebar .panel-body {

  padding: 0;

}

.panel-boder {

  border-radius: 7px;

  padding: 15px 1px;

}

.panel-boder .panel-heading {

  background-color: #e98348;

  padding: 3px;

  border-radius: 0;

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;

}

.panel-boder .panel-heading span {

  display: block;

  border: 1px dashed #fff;

  line-height: 30px;

  padding: 0 6px;
  text-align:center

}

.panel-icon {

  border: none;

  box-shadow: none;

}

.panel-icon .panel-heading {

  background-color: #e98348;

  padding: 3px;

  border-radius: 0;

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;
}

.panel-icon .panel-heading span {

  display: block;

  border: 1px dashed #fff;

  line-height: 30px;

  padding: 0 6px;
  text-align:center

}

.panel-icon .panel-body {

  padding: 10px 0;

}

.panel form label {

  color: #666666;

  font-weight: 700;

  font-family: "Arial";

  font-size: 14px;

}

.panel form .form-control {

  background-color: #f7f7f7;

  border: 1px solid #d4d8d9;

  box-shadow: none;

}

.panel form button {

  font-size: 16px;

  text-transform: uppercase;

  font-family: "Arial";

  font-weight: 400;

  display: block;

  width: 100%;

  height: 36px;

  background-color: #e98348;

}

.panel form button:hover {

  background-color: #e98348;

  color: #fff;

}

.panel .media {

  margin-bottom: 10px;

}

.panel .media .media-left img {

  max-width: 65px;

}

.panel .media .media-heading {

  color: #e98348;

  font-size: 14px;

  font-weight: 500;

}

.panel .media .media-heading a {

  color: #e98348;

}

.panel .media .bottom {

  color: #888888;

  font-weight: 300;

  font-style: italic;

  font-size: 12px;

}

.lien-he-nhanh {

  color: #666666;

}

.lien-he-nhanh .phone,

.lien-he-nhanh .email {

  display: block;

  padding-left: 26px;

  background-repeat: no-repeat;

  background-position: top 2px left;

}

.lien-he-nhanh .phone {

  background-image: url(../img/icon/phone1.png);

}

.lien-he-nhanh .email {

  background-image: url(../img/icon/email1.png);

}

.panel-cam-ket,

.panel-comments {

  border: none;

  box-shadow: none;

}

.panel-cam-ket .panel-heading,

.panel-comments .panel-heading {

  background-color: #e98348;

  padding: 3px;

  border-radius: 0;

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;

}

.panel-cam-ket .panel-heading span {

  display: block;

  border: 1px dashed #fff;

  line-height: 30px;

  padding: 0 6px;
  text-align:center

}




.panel-cam-ket .panel-body,

.panel-comments .panel-body {

  padding: 10px 0;

}

.panel-cam-ket ul,

.panel-comments ul {

  padding-left: 15px;

}

.panel-cam-ket ul li,

.panel-comments ul li {

  list-style: disc;

  padding: 6px 0;

  border-bottom: 1px dashed  #ddd;

}

.panel-cam-ket .media .media-left,

.panel-comments .media .media-left,

.panel-cam-ket .media .media-body,

.panel-comments .media .media-body {

  display: block;

  width: auto;

}

.panel-cam-ket .media .media-left,

.panel-comments .media .media-left {

  float: left;

}

.panel-cam-ket .media .media-body,

.panel-comments .media .media-body {

  overflow: visible;

}

/*====================*\

//Page

\*====================*/

@media (min-width: 1200px) {

  #nav.fixed {

    position: fixed;

    bottom: 0;

    z-index: 999;

    background-color: #fff;

    width: 250px;

  }

}

#main {

  position: relative;

}

.sidebar-left,

.content-main {

  background-color: #fff;

}

.sibar-quang-cao {

  position: absolute;

  left: 0;

  top: 20px;

}

.share-fix {

  position: fixed;

  top: 229px;

  right: 0;

  z-index: 999;

  width: 48px;
  display:none

}

.share-fix a {

  width: 48px;

  height: 48px;

  display: block;

  background-repeat: no-repeat;

  background-position: center;

}

.share-fix .share-face {

  background-image: url(../img/icon/facebook.png);

}

.share-fix .share-twi {

  background-image: url(../img/icon/twiter.png);

}

.share-fix .share-goog {

  background-image: url(../img/icon/google.png);

}

.share-fix .share-you {

  background-image: url(../img/icon/youtube.png);

}

.img-left {

  width: 11%;

  max-width: 197px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 9;

}

.img-left img {
  width: 100%;
  display:none
}

.img-right {

  width: 7%;

  max-width: 147px;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 9;

}

.img-right img {
  width: 100%;
  display:none
}

/*====================*\

//Page home

\*====================*/

.text-top {

  border-radius: 5px;

  text-align: center;

  margin-bottom: 15px;

}

.text-top .col-md-3 {

  padding: 0;

  border: 1px solid #ddd;

  height: 70px;

  margin-left: -1px;

}

.text-top .col-md-3:first-child {

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

}

.text-top .col-md-3:last-child {

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

}

.text-top .row {

  margin: 0;

}

.text-top .icon {

  display: inline-block;

  background-repeat: no-repeat;

  background-position: center;

  margin-right: 8px;

  height: 70px;

  vertical-align: middle;

}

.text-top .icon1 {

  width: 27px;

  background-image: url(../img/icon/tien.png);

}

.text-top .icon2 {

  width: 53px;

  background-image: url(../img/icon/oto.png);

}

.text-top .icon3 {

  width: 51px;

  background-image: url(../img/icon/thanh-toan.png);

}

.text-top .icon4 {

  width: 37px;

  background-image: url(../img/icon/mua-nhanh.png);

}

.text-top .text {

  font-size: 14px;

  font-weight: 700;

  font-family: "Tahoma";

  text-transform: uppercase;

  color: #535353;

  line-height: 20px;

  display: inline-block;

  text-align: left;

  vertical-align: middle;

}

.slide-top {

  overflow: hidden;

  margin-bottom: 20px;

}

.slide-top img {

  width: 100%;

}

.slide-top .owl-buttons .owl-prev,

.slide-top .owl-buttons .owl-next {

  height: 35px;

  width: 16px;

  position: absolute;

  margin-top: -17px;

  top: 50%;

  transition: all 0.4s;

  background-repeat: no-repeat;

  background-position: center;

}

.slide-top .owl-buttons .owl-prev:hover,

.slide-top .owl-buttons .owl-next:hover {

  opacity: 0.7;

}

.slide-top .owl-buttons .owl-prev {

  left: 0px;

  background-image: url(../img/icon/prew.png);

}

.slide-top .owl-buttons .owl-next {

  right: 0px;

  background-image: url(../img/icon/next.png);

}

.slide-top .item {

  position: relative;

}

.slide-top .caption {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: rgba(0, 0, 0, 0.31);

  color: #fff;

  line-height: 32px;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 700;

  padding: 0 15px;

  font-family: "Tahoma";
  display:none

}

.gioi-thieu {

  margin-bottom: 20px;

}

.gioi-thieu .title {

  color: #fff;

  font-weight: 700;

  font-size: 18px;
  

}

.gioi-thieu .row {

  font-family: "Arial";

}

.gioi-thieu .col-md-3 img {

  width: 100%;

}

.owl-sp-hot,

.owl-sp-ban-chay {

  margin: 0 -10px;

  width: auto;

}

.owl-sp-hot .item-product,

.owl-sp-ban-chay .item-product {

  padding: 0 10px;

}

.owl-sp-hot .owl-buttons,

.owl-sp-ban-chay .owl-buttons {

  background-color: #fff;

  position: absolute;

  top: -40px;

  right: 0;

  z-index: 10;

}

.owl-sp-hot .owl-buttons .owl-prev,

.owl-sp-ban-chay .owl-buttons .owl-prev,

.owl-sp-hot .owl-buttons .owl-next,

.owl-sp-ban-chay .owl-buttons .owl-next {

  display: inline-block;

  width: 12px;

  height: 18px;

  background-repeat: no-repeat;

  background-position: center;

  margin: 0 5px;

}

.owl-sp-hot .owl-buttons .owl-prev,

.owl-sp-ban-chay .owl-buttons .owl-prev {

  background-image: url(../img/icon/prew2.png);

}

.owl-sp-hot .owl-buttons .owl-next,

.owl-sp-ban-chay .owl-buttons .owl-next {

  background-image: url(../img/icon/next2.png);

}

.list-product {

  margin-bottom: 20px;

}

.list-product .col-md-3 {

  padding: 10px;

}

@media (min-width: 992px) {

  .list-product .col-md-4:nth-child(3n+1) {

    clear: both;

  }

}

.lien-he-ngay {

  margin-bottom: 20px;

}

.links ul {

  background-color: #399651;

  border-radius: 5px;

  margin-bottom: 18px;

  overflow: hidden;

}

.links ul li {

  padding: 0;

  float: left;

  margin-right: -1px;

}

.links ul a {

  color: #fff;

  padding: 0px 35px;

  position: relative;

  line-height: 36px;

  display: block;

  font-size: 14px;

  text-transform: uppercase;

  font-family: "Tahoma";

}
#dongtren li a {



  padding: 0px 40px;

  

}


.links ul a:after {

  content: "";

  width: 1px;

  height: 18px;

  background-color: #fff;

  display: block;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -9px;

}

.links ul a:hover,

.links ul a:focus {

  background-color: #e98348;

  color: #0e562d;

}

.links ul a:hover:after,

.links ul a:focus:after {

  content: none;

}

.links ul li:last-child a:after {

  content: none;

}

.img-banner .box {

  margin-bottom: 20px;

  position: relative;

  overflow: hidden;

  cursor: pointer;

}

.img-banner .box:hover img {

  transform: scale(1.5, 1.5);

  transition: all 7s;

}

.img-banner img {

  width: 100%;

  transition: all 3s;

}

.img-banner .caption {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  line-height: 40px;

  background-color: rgba(128, 182, 0, 0.8);

  color: #fff;

  text-align: center;

  font-size: 16px;

  font-family: "Arial";

  font-weight: 700;

  text-transform: uppercase;

  text-shadow: #333 2px 2px 2px;

}

.subscribe {

  background-color: #e98348;

  color: #fff;

  padding-top: 26px;

  padding-bottom: 10px;

  text-align: center;

  margin-top: 80px;

  margin-bottom: 30px;
  display:none

}

.subscribe a {

  height: 36px;

  width: 120px;

  text-transform: uppercase;

  font-weight: 700;

  color: #000;

  font-family: 'Tahoma';

  font-size: 14px;

  background-color: #fff000;

  border: none;

}

.subscribe a:hover {

  background-color: #ffff00;

  color: #000;

}

.subscribe .form-control {

  border-radius: 5px;

  height: 36px;

  box-shadow: none;

}

.subscribe label {

  font-size: 14px;

  font-family: 'Tahoma';

}

.subscribe label,

.subscribe input,

.subscribe a {

  vertical-align: middle;

  margin-bottom: 15px;

  margin-right: 10px;

}

.chinh-sach {

  font-family: "Arial";

  font-size: 13px;

  color: #484747;

  margin-bottom: 20px;

}

.chinh-sach hr {

  margin-top: 0;

}

.chinh-sach .col-md-3 {

  margin-bottom: 10px;

}

.chinh-sach a {

  color: #484747;

}

.chinh-sach a:hover {

  color: #e98348;

}

.chinh-sach .title {

  font-weight: 700;

  text-transform: uppercase;

  font-size: 18px;

  color: #e98348;

  font-family: 'Roboto Condensed';

  margin-bottom: 10px;
  border-bottom: dashed 1px #e98348;
  padding-bottom:5px

}

.chinh-sach li a {

  display: block;

  line-height: 23px;

}

.chinh-sach .sh-facebook,

.chinh-sach .sh-tiwwter,

.chinh-sach .sh-google,

.chinh-sach .sh-youtube {

  padding-left: 30px;

  background-repeat: no-repeat;

  background-position: center left;

  background-image: url(../img/icon/face.png);

}

.chinh-sach .sh-tiwwter {

  background-image: url(../img/icon/twi.png);

}

.chinh-sach .sh-google {

  background-image: url(../img/icon/goog.png);

}

.chinh-sach .sh-youtube {

  background-image: url(../img/icon/you.png);

}

.cong-dong-google {

  margin-bottom: 20px;

}

.cong-dong-google .heading {

  font-size: 16px;

  color: #8a8a8a;

  font-family: 'Roboto Condensed';

  text-transform: uppercase;

  margin-bottom: 20px;
  border-bottom:dashed 1px;
  padding-bottom:5px

}

.media-product .media {

  margin-bottom: 10px;

  border-bottom: 1px dotted  #ddd;

  padding-bottom: 12px;

}

.media-product .media:last-child {

  border-bottom: none;

}

.media-product .media .media-left img {

  max-width: 55px;

}

.media-product .media .media-heading {

  color: #8a8a8a;

  font-size: 14px;

  font-weight: 500;

}

.media-product .media .media-heading a {

  color: #4e4e4e;

}

.media-product .media .media-heading a:hover {

  color: #e98348;

}

.media-product .media .bottom {

  color: #888888;

  font-weight: 300;

  font-style: italic;

  font-size: 12px;

}

/*====================*\

//Product

\*====================*/

.item-product {

  margin-bottom: 20px;

}

.item-product .img-product {

  position: relative;

}

.item-product .img-product img {

  overflow:hidden;

}
.item-product .img-product :hover
{
	
transition: all 500ms ease-out 0s;

}

.item-product .img-product a:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

 

  opacity: 0;

  transition: all 500ms ease-out 0s;
 

}

.item-product .img-product:hover a:before {

  opacity: 1;

  transition: all 500ms ease-out 0s;

}

.item-product .caption {

  background-color: #e3e3e3;

  padding: 3px 12px 12px;

}

.item-product .name-product {

  display: block;

  margin-bottom: 8px;

  color: #424242;

  font-size: 14px;

  font-weight: 700;

  font-family: "Arial";

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.item-product .name-product:hover {

  color: #e98348;

}

.item-product .label-product {

  display: inline-block;

  vertical-align: middle;

  width: 35px;

  height: 18px;

  background-repeat: no-repeat;

  background-position: center;

  background-image: url(../img/icon/hot.gif);
  display:none

}

.item-product .price {

  width: calc(100% -  105px);

  width: -moz-calc(100% -  105px);

  width: -webkit-calc(100% -  105px);

  width: -o-calc(100% -  105px);

  float: left;

  color: #FF8400;

  font-family: "Arial";

  font-weight: 700;

}

.item-product .price .amount {

  line-height: 26px;

}

.item-product .price-style {

  color: #FF8400;

  font-weight: 400;

  font-size: 15px;

}

.item-product .btn-cart {

  width: 30px;

  height: 30px;

  display: block;

  float: right;

  background-repeat: no-repeat;

  background-position: center;

  background-image: url(../img/icon/btn-mua.png);

}

.item-product .ratings .rating-box,

.item-product .ratings .rating {

  line-height: 18px;

}

.item-product .ratings .rating-box:before,

.item-product .ratings .rating:before {

  font-size: 14px;

  font-family: 'FontAwesome';

  content: "\f005 \f005 \f005 \f005 \f005";

  line-height: 18px;

  letter-spacing: 1px;

}

.item-product .ratings .rating-box {

  position: relative;

  display: inline-block;

}

.item-product .ratings .rating-box:before {

  color: #999999;

}

.item-product .ratings .rating {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  overflow: hidden;

}

.item-product .ratings .rating:before {

  color: #FF8400;

}

.item-product .ratings .amount {

  display: none;

}

.item-product2 {

  margin-bottom: 20px;

  padding: 6px;

  border: 1px solid #ddd;

  box-shadow: 1px 1px 1px #c6c7c7;

}

.item-product2 .img-product {

  position: relative;
  
  height:170px;
  overflow:hidden;

}

.item-product2 .img-product img {

  width: 100%;

}

.item-product2 .img-product a:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: rgba(128, 182, 0, 0.3);

  opacity: 0;

  transition: all 0.3s;

}

.item-product2 .img-product:hover a:before {

  opacity: 1;

  transition: all 0.3s;

}

.item-product2 .caption {

  font-family: "Tahoma";

  padding: 5px 5px 10px;

}

.item-product2 .name-product {

  display: block;

  margin-bottom: 8px;

  color: #000;

  font-size: 14px;

  font-weight: 700;
 height:40px;
 overflow:hidden
 


}

.item-product2 .name-product:hover {

  color: #e98348;

}

.item-product2 .more {

  color: #e98348;

}

/*====================*\

//Detail product

\*====================*/

.check-out {

  margin-bottom: 70px;

  color: #888;

}

.check-out .heading {

  font-size: 18px;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 12px;

  color: #e98348;
  border-bottom:dashed 1px #e98348;
  padding-bottom:5px

}

.check-out .form-checkout .heading {

  font-size: 14px;

  color: #555555;

  padding-left: 35px;

  background-repeat: no-repeat;

  background-position: center left;

  line-height: 35px;

  border-bottom: 1px solid #d0e5f4;

}

.check-out .form-checkout .step1 .heading {

  background-image: url(../img/icon/check-out1.png);

}

.check-out .form-checkout .step2 .heading {

  background-image: url(../img/icon/check-out2.png);

}

.check-out .form-checkout .step3 .heading {

  background-image: url(../img/icon/check-out3.png);

}

.check-out .form-checkout .form-control {

  background-color: #f8f8f8;

  box-shadow: none;

  border: 1px solid #ddd;

  height: 25px;

  padding: 0 5px;

}

.check-out .form-checkout textarea.form-control {

  height: 97px;

}

.check-out .form-checkout label {

  font-weight: 400;

}

.check-out .form-checkout sup {

  color: red;

}

.check-out .form-checkout .form-group {

  margin-bottom: 5px;

}

.check-out .form-checkout .form-group label {

  width: 84px;

  text-align: left;

  display: inline-block;

  vertical-align: middle;

}

.check-out .form-checkout .form-group .form-control {

  display: inline-block;

  width: calc(100% -  90px);

  width: -moz-calc(100% -  90px);

  width: -webkit-calc(100% -  90px);

  width: -o-calc(100% -  90px);

  vertical-align: middle;

}

.check-out .form-checkout .radio .title {

  width: 84px;

  display: inline-block;

  vertical-align: middle;

}

.check-out .form-checkout .radio label {

  padding-right: 10px;

}

.check-out .form-checkout .step3 .table {

  border: 1px solid #ddd;

  font-size: 13px;

}

.check-out .form-checkout .step3 .table th {

  background-color: #f8f8f8;

  font-weight: 700;

  border: none;

  color: #4d4d4d;

}

.check-out .form-checkout .step3 .table .qty {

  width: 64px;

  text-align: center;

}

.check-out .form-checkout .step3 .table .total .text-right {

  font-weight: 700;

}

.check-out .form-checkout .step3 .table .name {

  color: #000;

}

.check-out .form-checkout .step3 .table .coupon label {

  padding-right: 4px;

}

.check-out .form-checkout .step3 .table .coupon input {

  width: 105px;

  display: inline-block;

}

.check-out .form-checkout .step3 .table button {

  background-color: #e6e7e9;

  border-radius: 3px;

  border: none;

  color: #da5638;

  height: 26px;

  text-transform: uppercase;

  font-size: 11px;

  font-family: "Arial";

}

.check-out .form-checkout .step3 .btn-dat-hang {
  background-color: #e98348;
  font-size: 15px;
  font-weight: 700;
  font-family: "Arial";
  box-shadow: 0 -1px 0px #e36806 inset;
  color: #fff;
  border-radius:5px
}
.image-detail img {
    padding: 5px;
    border: 1px solid #dfdfdf;
}
#carousel-view-images {
    position: relative;
}
.owl-img-thumbail {
    margin: 0 -3px;
    width: auto;
}
.owl-carousel {
    overflow: hidden;
}
#carousel-view-images .carousel-indicators2 {
    /* width: 100%; */
}
.owl-img-thumbail .item {
    padding: 0 3px 3px;
}
.owl-img-thumbail .item img {
    cursor: pointer;
    padding: 2px;
    border: 1px solid #dfdfdf;
    width: 80px;
    height: 80px;
}
.owl-carousel .owl-item img {

}
.carousel-indicators2{
    margin-top: 5px;
}
.item-product .img-product,
.item-product2 .img-product {
  overflow: hidden;
  border:solid 1px #e3e3e3
}
.item-product .img-product img,
.item-product2 .img-product img {
  transition: all 500ms ease-out 0s;
}
.item-product:hover .img-product img,
.item-product2:hover .img-product img {
  transform: scale(1.1, 1.1);
  transition: all 500ms ease-out 0s;
}


/*css by Khuyennt*/
.k_cart table{ border:solid 1px #c9c9c9}
.k_cart td,.k_cart th{ border:solid 1px #c9c9c9!important;padding:7px; text-align:center}
.k_cart th{background:#e6e6e6; color:#505050}
.k_cart td a{color:#e98348}
.k_cart .product-remove a{
    background: #969696;
    color: #fff!important;
    padding: 0 7px;
    border-radius: 50%;
    font-weight: bold;
	font-size:16px;
	margin:5px 5px 0 0;
	display:inline-block
}

.tenbold th{background:#e6e6e6!important}
.spline td a{
    background: #969696;
    color: #fff!important;
    padding: 3px 6px;
    border-radius: 50%;
    font-weight: bold;
	font-size:10px;
	margin:5px 5px 0 0;
	display:inline-block
}
.spline .amount{color:#c62121}
.spline .button{background:#c62121!important}

.txt_thanks{font-size: 20px;color: #80b600;  background: url(http://tentenwordpress2.top/wp-content/themes/temp02/img/icon/ico_thanks.png) no-repeat left; padding:7px 0 7px 40px; margin-bottom:20px}

.k_detail{ font-size:20px;color:#000; background:#dddddd; padding:8px}

.tendangnhap input,.hovaten input{
border: 1px solid #bcbcbc;
height: 34px;
border-radius: 5px;
width: 100%;
margin-top: 10px;
padding-left: 3%;
color: #999;
background: #f0f0f0;
}
.btntieptuc{
background-color: #e98348;
font-size: 15px;
font-weight: 700;
font-family: "Arial";
box-shadow: 0 -1px 0px #e36806 inset;
color: #fff;
border-radius: 5px;
border:none;
padding:0 12px;
height:30px
}
.vuilongnhaptt  a{ color:#e98348}
.chuacotaikhoan input{margin-right:5px}

.fb_iframe_widget_fluid{float:left; width:100%}
.slideInUp.addthis-animated{display:none}


@media (max-width: 991px){
.header-top .right{float:none}
.navbar .navbar-nav > li > a{font-size:12px!important}
.sidebar-left, .content-main{float:left; width:100%}
.chinh-sach .title{font-size:16px}
.cot2{margin-top:20px}
}
@media (max-width: 767px){
.header-top .links-top{ display:none}
.link-cart{top:0}
.header-top .hotline-top{ padding-top:10px!important;padding-right:100px!important}
.header-top .form-search{top:100px!important; left:2%!important; width:96%!important}
.quantity input{ width:60px}
.step1,.step2,.step3{float:left; width:100%}
}
@media (max-width: 479px) {
.heading .xem-them{display:none}
.header-top .logo{padding-top:30px}	
.header-top .hotline-top{ top:0!important}
}

.attributes{
  margin-bottom: 10px;
}
.attributes .shop_attributes p{
  margin-bottom: 0px;
}

.list-group > li.menu-lv1:hover .mega-menu{
	visibility: inherit;
}



/*fix img*/
.item-product .img-product img{max-width:100%; max-height:100%}

.item-product .img-product {display: table;text-align: center;width: 100%;}
.item-product .img-product a {height: 260px;display: table-cell;vertical-align: middle;}
@media (max-width: 449px) {.item-product .img-product a {height: auto;}}