@charset "UTF-8";

/**

*/
/*	################################################################
1. MIXIN
2. VARIABLE
3. ELEMENTS
3.1 Title
3.2 Product item
3.3 Breadcrumb
3.4 Pagination
3.5 .....
4. HEADER
4.1 Header Gerenal
4.2 Minicart
4.3 Menu
5. FOOTER
6. PRODUCT DETAIL
7. COLLECTION
8. BLOGS
9. ARTICLE
10. CART
11. REGISTER,LOGIN, ACCOUNT,ORDER, ADDREDSS...
10.1 ....
10.2 ....
12. SIDEBAR
13. FIX APPS

################################################################# */
/*===Font face===*/
@font-face {
  font-family: 'UTM';
  src: url("//theme.hstatic.net/1000375712/1000677556/14/utm_bebas.ttf?v=1");
  font-weight: normal;
  font-style: normal;
}

/*============================================================================
1. Mixin
==============================================================================*/
/*============================================================================
#Typography variables
==============================================================================*/
.row.row-gutter-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.row.row-gutter-10>[class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.row.row-noGutter {
  margin-left: 0;
  margin-right: 0;
}

.row.row-noGutter-2 {
  margin-left: 0px;
  margin-right: 0px;
}

.row.row-noGutter-2>[class*="col-"] {
  padding-left: 0px;
  padding-right: 0px;
}

.row.row-noGutter-75 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.row.row-noGutter-75>[class*="col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.row.row-noGutter-12 {
  margin-left: -10px;
  margin-right: -10px;
}

@media (max-width: 767px) {
  .row.row-noGutter-12 {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.row.row-noGutter-12>[class*="col-"] {
  padding-left: 6px;
  padding-right: 6px;
}

@media (max-width: 767px) {
  .row.row-noGutter-12>[class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 1199px) {
  .row.row-noGutter-fix {
    margin-left: -10px;
    margin-right: -10px;
  }

  .row.row-noGutter-fix>[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.white-color {
  color: #fff;
  font-weight: bold;
}

.dp_none {
  display: none;
}

.text-upper {
  text-transform: uppercase;
}

img.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /* For         Webkit browsers */
  filter: gray;
  /* For IE 6 - 9 */
  -webkit-transition: all .6s ease;
  opacity: 0.5;
}

img.grayscale:hover {
  opacity: 1;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: none;
}

.border-bottom-1px {
  border-bottom: 1px solid #ebebeb;
  padding-top: 0;
  margin-bottom: 15px;
}

.page {
  display: block;
  float: left;
  width: 100%;
}

.owl_timeout {
  display: none !important;
}

.no-padding-col2 {
  padding: 0px !important;
}

@media (max-width: 1199px) {
  .no-padding-col2 {
    padding: 15px !important;
  }
}

/*============================================================================
#Typography variables
==============================================================================*/
/*============================================================================
#Variable
==============================================================================*/
/*============================================================================
#Function
==============================================================================*/
/*============================================================================
3. Element
==============================================================================*/
/*3.1 Title*/
.title-head {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 9px;
  color: #282828;
  text-decoration: none;
}

.title-head.page_title {
  font-size: 30px;
  font-weight: bold;
  text-transform: none;
}

.title-head a {
  color: #282828;
}

.subtitle-head {
  font-size: 1.28571em;
  color: #282828;
  margin: 20px 0;
}

/*******Product action******/
@media (max-width: 1199px) {
  .product-action-grid {
    display: none !important;
  }
}

/*3.3 Breadcrumb*/
.title_full {
  width: 100%;
  float: left;
  position: relative;
}

.title_full .title_page {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  color: #282828;
  margin: 0;
  display: inline-block;
  position: relative;
  padding-top: 8px;
}

@media (max-width: 480px) {
  .title_full .title_page {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}

.title_full .title_page.large {
  font-size: 60px;
  line-height: 68px;
}

.breadcrumb_background {
  padding: 15px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  float: left;
  flex-flow: column;
  position: relative;
}

.breadcrumb_background .title-head-page {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  line-height: 34px;
  margin: 0px;
}

@media (min-width: 992px) {
  .breadcrumb_background {
    margin-top: 45px;
  }
}

.breadcrumb_nobackground {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px !important;
}

.breadcrumb_nobackground .bread-crumb {
  display: block;
  width: 100%;
  background: #f4f5f9;
}

.breadcrumb_nobackground .bread-crumb .breadcrumb {
  margin: 0;
  font-size: 14px;
  padding: 13px 0;
  border-radius: 0;
}

.breadcrumb_nobackground .bread-crumb .breadcrumb li a span {
  color: #282828;
}

.breadcrumb_nobackground .bread-crumb .breadcrumb li .mr_lr {
  color: #282828;
}

.bread-crumb {
  background: transparent;
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .bread-crumb {
    margin-bottom: 0px;
  }
}

.bread-crumb .title-page {
  padding: 25px 0px 10px;
}

.bread-crumb .title-page .title-head-page {
  font-size: 18px;
  font-weight: 400;
  color: #282828;
  line-height: 24px;
}

.breadcrumb {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  margin: 0;
  font-size: 14px;
  padding: 0px;
  border-radius: 0;
  font-weight: 400;
  line-height: 24px;
  background-color: transparent;
  width: 100%;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li>a {
  color: #282828;
}

.breadcrumb li>a>span {
  color: #282828;
}

.breadcrumb li .mr_lr {
  padding: 0px 3px;
  color: #282828;
}

.breadcrumb li span {
  display: inline;
  color: #282828;
}

.breadcrumb li span .fa {
  color: #282828;
  padding: 0px 5px;
}

.breadcrumb li a:hover,
.breadcrumb li.active,
.breadcrumb li strong {
  color: #316332;
  font-weight: 400;
  text-decoration: none;
}

.breadcrumb li a:hover span,
.breadcrumb li.active span,
.breadcrumb li strong span {
  color: #316332;
}

.breadcrumb>li+li:before {
  display: none;
}

/*3.4 Pagination*/
.pagination>li:first-child>a,
.pagination>li:first-child>span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-radius: 50%;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-radius: 50%;
}

.nav_pagi {
  margin: 20px 0px 30px;
}

.nav_pagi .pagination {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0 0px;
  margin: 0;
  float: right;
}

@media (max-width: 768px) {
  .nav_pagi .pagination {
    padding: 0 0px;
  }
}

.nav_pagi .pagination .page-link {
  float: left;
  margin: 0 2.5px;
  border-radius: 0px;
  width: 30px;
  background: #f1f2f7;
  text-align: center;
  height: 30px;
  font-size: 14px;
  padding: 0;
  line-height: 30px;
  color: #8d90a6;
  border: none;
  text-decoration: none;
}

@media (max-width: 375px) {
  .nav_pagi .pagination .page-link {
    width: 27px;
    height: 27px;
    line-height: 27px;
  }
}

.nav_pagi .pagination .page-link.page-db {
  width: auto;
  padding: 0 20px;
}

.nav_pagi .pagination .page-link:hover {
  background-color: #316332;
  color: #fff;
}

.nav_pagi .pagination .page-item.disabled .page-link {
  border: 0;
  display: none;
}

.nav_pagi .pagination .page-item.active .page-link {
  background-color: #316332;
  border-color: #316332;
  color: #fff;
  display: block;
}

/*============================================================================
4. Header
==============================================================================*/
.header {
  position: relative;
  z-index: 1000;
  float: left;
  width: 100%;
}

.header.none_index {
  border-bottom: solid 1px #ebebeb;
}

@media (min-width: 1200px) {
  #menu-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    display: none;
  }

  #menu-overlay.reveal {
    display: block;
  }
}

.topbar {
  float: left;
  width: 100%;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  line-height: 35px;
  background: #f5f5f5;
}

.topbar .contact_ .follow_option {
  padding: 0;
}

.topbar .contact_ .follow_option li {
  display: inline-block;
  float: left;
  margin-right: 10px;
  border: solid 1px #ebebeb;
  width: 25px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
}

.mid-header {
  padding: 10px 0px 10px;
  background: #ffffff;
  float: left;
  width: 100%;
  height: 100px;
}

@media (max-width: 991px) {
  .mid-header {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .mid-header {
    line-height: 70px;
    height: 70px;
  }
}

.mid-header .content_header {
  position: relative;
}

.mid-header .content_header .header-left {
  float: left;
  padding-top: 25px;
}

.mid-header .content_header .header-left .header-block-item {
  float: left;
  height: 35px;
  padding: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 30px;
  position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mid-header .content_header .header-left .header-block-item {
    padding-right: 15px;
    font-size: 11px;
  }
}

.mid-header .content_header .header-left .header-block-item:last-child {
  padding-right: 0px;
}

.mid-header .content_header .header-left .header-block-item .icon {
  display: inline-block;
  width: 45px;
  float: left;
}

.mid-header .content_header .header-left .header-block-item .icon img {
  border-radius: 50%;
}

.mid-header .content_header .header-left .header-block-item .icon img.gavatar {
  border: solid 2px #ff2d37;
}

.mid-header .content_header .header-left .header-block-item .info {
  width: calc(100% - 32px);
  -o-width: calc(100% - 32px);
  -moz-width: calc(100% - 32px);
  -webkit-width: calc(100% - 32px);
  display: inline-block;
  float: left;
  margin-left: 10px;
  line-height: 19px;
  display: inline-block;
  float: none;
}

.mid-header .content_header .header-left .header-block-item .info p {
  margin: 0;
  line-height: normal;
  color: #8d90a6;
}

.mid-header .content_header .header-left .header-block-item .info p a {
  color: #4643d0;
  font-weight: bold;
  display: inline-block;
  float: none;
}

.mid-header .content_header .header-left .header-block-item .info p a:hover {
  color: #316332;
}

.mid-header .content_header .header-left .header-block-item .info p b {
  color: #4643d0;
}

.mid-header .content_header .header-left .header_search {
  margin: 14px 0 5px 0;
  position: relative;
}

.mid-header .content_header .header-left .header_search .search-bar {
  background: #fff;
  margin-bottom: 0px;
  display: table;
  border-collapse: separate;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mid-header .content_header .header-left .header_search .search-bar {
    max-width: 370px;
    width: 370px;
  }
}

.mid-header .content_header .header-left .header_search .search-bar .collection-selector {
  position: absolute;
  display: inline-block;
  min-width: 70px;
  z-index: 999;
  left: 0;
  text-align: right;
}

.mid-header .content_header .header-left .header_search .search-bar .collection-selector .search_text {
  height: 40px;
  text-align: right;
  line-height: 42px;
  cursor: pointer;
  padding: 0px 32px 0px 12px;
  width: 100%;
  font-size: 13px;
  border-right: 1px solid #ebebeb;
}

.mid-header .content_header .header-left .header_search .search-bar .collection-selector .search_text:before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  position: absolute;
  top: 19px;
  right: 12px;
  color: #333;
  margin-top: -1px;
  opacity: 1;
}

.mid-header .content_header .header-left .header_search .search-bar .collection-selector .list_search {
  display: none;
  background: #fff;
  border: 1px solid #ebebeb;
  background-color: #fff;
  position: absolute;
  top: 100%;
  min-width: 200px;
  width: auto;
  z-index: 3;
  font-weight: 400 !important;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  border-radius: 0;
  left: 2px;
  margin-top: 1px;
  margin-left: -2px;
  font-size: 13px;
  padding: 4px 0;
}

.mid-header .content_header .header-left .header_search .search-bar .collection-selector .list_search .search_item {
  text-align: left;
  display: block;
  padding-left: 24px;
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  filter: none;
  height: auto;
  min-height: 24px;
  line-height: 30px;
  padding: 0 20px;
  cursor: pointer;
}

.mid-header .content_header .header-left .header_search .search-bar .collection-selector .liner_search {
  width: 100%;
  height: 1px;
  background: #efefef;
  margin: 8px 0px;
}

.mid-header .content_header .header-left .header_search .search-bar .collection-selector .list_search .search_item.active,
.mid-header .content_header .header-left .header_search .search-bar .collection-selector .list_search .search_item:hover {
  background-color: #316332;
  color: #fff !important;
}

.mid-header .content_header .header-left .header_search .search-bar .input-group-field {
  width: 100%;
  margin-left: 0px;
  margin-bottom: 0;
  height: 40px;
  padding: 0px 25px 0 20px;
  font-size: 13px;
  max-width: 100%;
  display: block;
  border-radius: 0;
  border: 0;
  outline: none;
}

.mid-header .content_header .header-left .header_search .search-bar .input-group-field::-webkit-input-placeholder {
  color: #acacac;
}

.mid-header .content_header .header-left .header_search .search-bar .input-group-field::-moz-placeholder {
  color: #acacac;
}

.mid-header .content_header .header-left .header_search .search-bar .input-group-field:-ms-input-placeholder {
  color: #acacac;
}

.mid-header .content_header .header-left .header_search .search-bar .input-group-btn {
  position: relative;
  white-space: nowrap;
  width: 1%;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}

.mid-header .content_header .header-left .header_search .search-bar .input-group-btn .icon-fallback-text {
  background: #ffba00;
  color: #fff;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  padding: 0px 25px;
  margin-right: 3px;
  text-transform: uppercase;
  border-radius: 3px;
}

.mid-header .content_header .header-left .header_search .header-tag {
  font-size: 12px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.mid-header .content_header .header-left .header_search .header-tag a {
  color: #acacac;
}

.mid-header .content_header .header-right {
  position: relative;
  float: right;
}

@media (max-width: 991px) {
  .mid-header .content_header .header-right {
    float: left;
    width: 100%;
  }
}

.mid-header .content_header .header-right .hotline_dathang {
  width: 165px;
  float: left;
  padding: 15px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mid-header .content_header .header-right .hotline_dathang {
    width: 151px;
  }
}

@media (max-width: 767px) {
  .mid-header .content_header .header-right .hotline_dathang {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.mid-header .content_header .header-right .hotline_dathang .content_hotline {
  line-height: 17px;
  margin-top: 4px;
  padding-left: 40px;
}

.mid-header .content_header .header-right .hotline_dathang .content_hotline a {
  color: #fff;
  font-weight: bold;
  display: block;
}

.mid-header .content_header .header-right .hotline_dathang .content_hotline a:hover {
  color: #316332;
}

.mid-header .content_header .header-right .hotline_dathang .content_hotline span {
  color: #ffdada;
  font-size: 12px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .mid-header .content_header .header-right .top-cart-contain {
    position: absolute;
    bottom: 9px;
    right: 0;
  }
}

@media (max-width: 767px) {
  .mid-header .content_header .header-right .top-cart-contain {
    position: absolute;
    bottom: 35px;
    right: -10px;
  }
}

.mid-header .content_header .header-right .top-cart-contain .img_hover_cart {
  width: 45px;
  display: block;
  float: left;
}

.mid-header .content_header .header-right .top-cart-contain .img_hover_cart .icon_hotline {
  display: block;
  float: left;
  position: relative;
  width: 45px;
  height: 45px;
  margin-right: 0px;
  margin-top: 0px;
  font-size: 18px;
  padding: 0;
  border-right: solid 1px #4643d0;
  line-height: 45px;
  background: #4643d0;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}

@media (max-width: 991px) and (min-width: 768px) {
  .mid-header .content_header .header-right .top-cart-contain .img_hover_cart .icon_hotline {
    margin-top: 9px;
  }
}

@media (max-width: 767px) {
  .mid-header .content_header .header-right .top-cart-contain .img_hover_cart .icon_hotline {
    margin-top: -2px;
  }
}

.mid-header .content_header .header-right .top-cart-contain .img_hover_cart .count_item {
  position: absolute;
  right: -11px;
  top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #4643d0;
  border-radius: 50%;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

@media (max-width: 991px) {
  .mid-header .content_header .header-right .top-cart-contain .img_hover_cart .count_item {
    top: 24px;
  }
}

.mid-header .header_search_ .input-group-field {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 14px;
  border-right: none;
  padding: 0 0 0 20px;
}

.mid-header .header_search_ .icon-fallback-text {
  background: transparent;
  border: 1px solid #ddd;
  border-left: none;
}

.mid-header .header_search_ .icon-fallback-text .fa-search {
  font-size: 17px;
}

/************ Header seach *****************/
/*search tools*/
.col-search-engine {
  position: absolute;
  right: 0;
}

.col-search-engine .iconsearch {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 90px;
  top: -45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.col-search-engine .iconsearch:hover {
  cursor: pointer;
}

@media (max-width: 991px) {
  .col-search-engine {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 15px;
    right: 42px;
    z-index: 9;
  }

  .col-search-engine .iconsearch {
    width: 45px;
    height: 45px;
    background: #137529;
    border-radius: 50%;
    line-height: 46px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    right: 0;
    top: 0;
  }

  .col-search-engine .iconsearch .fa {
    font-size: 20px;
    color: #fff;
  }
}

.col-search-engine .header_search {
  margin: 0px 0px 0px 10px;
  display: flex;
  align-items: center;
  height: 45px;
  position: absolute;
  right: 15px;
  display: none;
}

@media (max-width: 991px) {
  .col-search-engine .header_search {
    margin: 0px 0px !important;
    height: unset;
    position: absolute;
    right: 100%;
    top: 55px;
    width: 250px;
    display: none;
  }
}

.col-search-engine .header_search .search-bar {
  margin-bottom: 0px;
  position: relative;
  display: table;
  border-collapse: separate;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .col-search-engine .header_search .search-bar {
    width: 270px;
  }
}

@media (max-width: 991px) {
  .col-search-engine .header_search .search-bar {
    width: 100%;
    max-width: 100%;
  }
}

.col-search-engine .header_search .search-bar .input-group-field {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
  height: 45px;
  line-height: 45px;
  padding: 0 40px 0 25px;
  font-size: 13px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 300;
  max-width: 100%;
  display: block;
  outline: none;
  border: solid 1px #e5e6ec;
  border-radius: 5px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  min-width: 300px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.col-search-engine .header_search .search-bar .input-group-field::-webkit-input-placeholder {
  color: #bdbdc6;
}

.col-search-engine .header_search .search-bar .input-group-field::-moz-placeholder {
  color: #bdbdc6;
}

.col-search-engine .header_search .search-bar .input-group-field:-ms-input-placeholder {
  color: #bdbdc6;
}

@media (max-width: 991px) {
  .col-search-engine .header_search .search-bar .input-group-field {
    margin-left: 0px;
    padding: 0 50px 0px 20px;
    width: 100%;
  }
}

.col-search-engine .header_search .search-bar .input-group-btn {
  position: absolute;
  white-space: nowrap;
  right: 4px;
  top: 2px;
  width: 45px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .col-search-engine .header_search .search-bar .input-group-btn {
    right: 15px;
  }
}

@media (max-width: 767px) {
  .col-search-engine .header_search .search-bar .input-group-btn {
    right: 10px;
  }
}

@media (max-width: 991px) {
  .col-search-engine .header_search .search-bar .input-group-btn {
    right: 12px;
    height: 45px;
  }
}

.col-search-engine .header_search .search-bar .input-group-btn .icon-fallback-text {
  background: #ffffff;
  color: #316332;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  width: 35px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 45px;
  box-shadow: none;
}

@media (max-width: 991px) {
  .col-search-engine .header_search .search-bar .input-group-btn .icon-fallback-text {
    text-align: center;
    position: absolute;
    right: 0px;
  }
}

.col-search-engine .header_search .search-bar .input-group-btn .icon-fallback-text:focus {
  box-shadow: none;
}

.col-search-engine .header_search .search-bar .input-group-btn .icon-fallback-text i {
  font-size: 18px;
}

.col-search-engine:hover .header_search {
  display: block;
}

@media (max-width: 991px) {
  .iconcard {
    height: 45px;
    border-radius: 50%;
    line-height: 46px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    right: 9px;
    top: 15px;
    font-size: 20px;
    width: 40px;
    position: absolute;
  }

  .iconcard .icon_hotline {
    color: #fff;
  }

  .iconcard .count_item.count_item_pr.bg_ind {
    position: absolute;
    right: -5px;
    top: 0px;
    display: block;
    border-radius: 50%;
    background: #fff;
    width: 21px;
    height: 20px;
    color: #000;
    line-height: 20px;
    font-size: 13px;
  }
}

.account_icon {
  position: absolute;
  right: 50px;
  top: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  float: right;
}

.account_icon span {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  display: block;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
}

.account_icon:hover {
  cursor: pointer;
}

.account_icon:hover .achover {
  display: block;
}

.account_icon .achover {
  width: 180px;
  background: #fff;
  padding: 10px;
  text-align: center;
  box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  position: absolute;
  right: 15px;
  z-index: 9999;
  top: 100%;
  display: none;
  border-radius: 10px;
}

.account_icon .achover .btns {
  display: block;
  background: #4643d0;
  color: #fff;
  border: solid 1px #4643d0;
  height: 35px;
  line-height: 35px;
  border-radius: 25px;
}

.account_icon .achover .btns:last-child {
  margin-top: 5px;
}

.account_icon .achover .btns:hover {
  background: #fff;
  color: #316332;
  border-color: #316332;
}

.account_icon .achover .wp {
  width: 100%;
  float: left;
  position: relative;
}

.account_icon .achover .wp:before {
  content: "";
  height: 30px;
  top: -30px;
  left: 0;
  width: 100%;
  position: absolute;
}


.support {
  display: inline-block;
  text-align: right;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  padding: 0 25px 0 15px;
  height: 30px;
  color: #4643d0;
  border: 0px solid #4643d0;
  cursor: pointer;
  border-right: 0px;
  position: relative;
  margin: 25px 5px 0 10px;
  color: #008545;
}

.support:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  right: -20px;
  top: 0px;
  border: solid 2px #008545;
  border-radius: 45px;
}

.support:after {
  content: "\f095";
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  right: -8px;
  top: 3px;
  color: #008545;
}

.support.work {
  cursor: default;
}

.support.work:after {
  content: "\f017";
  font-family: FontAwesome;
  font-weight: 900;
}

.support p {
  text-align: right;
  margin-bottom: 0px;
  line-height: 12px;
  margin: 6px 0 0;
}

.support span {
  font-weight: 700;
}

.support:hover span:not(.not) {
  color: #316332;
}

.logo {
  display: inline-block;
  font-size: 2.85714em;
  margin-top: 0px;
}

@media (max-width: 767px) {
  .logo {
    width: 160px !important;
    float: none;
    height: 90px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -os-transform: translateX(-50%);
    top: 0px;
  }
}

.logo .logo-wrapper {
  height: 90px;
  line-height: 80px;
  display: block;
  padding: 0 0 10px 0;
  max-width: 180px;
}

@media (max-width: 991px) {
  .logo .logo-wrapper {
    height: 70px;
    line-height: 70px;
    display: block;
    padding: 0 0 10px 0;
    max-width: 200px;
  }
}

.logo .logo-wrapper img {
  max-width: 100%;
  max-height: 100%;

  /* -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px; */
}

.logo1 {}

.logo-wrapper-mobile {
  width: 100%;
  float: left;
  background: #34a04d;
  text-align: center;
  padding: 20px 0;
}

.logo-wrapper-mobile img {
  width: 180px;
  margin: 0 auto;
}

/*4.2  Minicart*/
.mini-cart {
  height: 67px;
}

@media (max-width: 767px) {
  .mini-cart {
    height: 30px;
  }
}

.mini-cart .heading-cart {
  float: left;
  height: 45px;
  margin-top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 0 0;
}

@media (max-width: 767px) {
  .mini-cart .heading-cart {
    padding-top: 13px;
  }
}

@media (max-width: 991px) {
  .mini-cart .heading-cart {
    margin-top: 0;
  }
}

.mini-cart .heading-cart .content_cart_header {
  line-height: 21px;
  padding-left: 20px;
  float: right;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .mini-cart .heading-cart .content_cart_header {
    padding-left: 15px;
  }
}

@media (max-width: 321px) {
  .mini-cart .heading-cart .content_cart_header {
    padding-left: 5px;
  }
}

.mini-cart .heading-cart .bg_cart {
  color: #8d90a6;
}

.mini-cart .heading-cart .bg_cart .count_item_pr {
  font-size: 14px;
  color: #4643d0;
  font-weight: 400;
}

.mini-cart .heading-cart .bg_cart strong {
  color: #4643d0;
}

.mini-cart .heading-cart .bg_cart i {
  font-size: 24px;
  color: #4643d0;
  display: block;
  float: left;
  line-height: 30px;
  width: 100%;
}

@media (max-width: 991px) {
  .mini-cart .heading-cart .bg_cart i {
    margin-right: 30px;
  }
}

.mini-cart .heading-cart .bg_cart .text-giohang {
  font-size: 14px;
  color: #282828;
  font-weight: bold;
  display: block;
}

.mini-cart:hover .top-cart-content {
  display: block;
}

.mini-cart .dropdown-toggle {
  font-size: 12px;
  padding: 0;
  text-transform: none;
}

.top-cart-contain .price {
  color: #4643d0;
  text-transform: uppercase;
}

.top-cart-contain .product-details .price {
  color: #4643d0;
  width: auto;
  float: none;
  font-weight: 400;
  padding-left: 0;
  font-size: 12px;
}

.top-cart-content {
  right: 0px;
  top: 45px;
  display: none;
  position: absolute;
  background: #fff;
  padding: 0;
  text-align: left;
  box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  z-index: 10000;
}

.top-cart-content .empty {
  text-align: left;
  color: #333;
}

.top-cart-content .product-details-bottom {
  margin-bottom: 15px;
}

.top-cart-content .product-name {
  margin: 0;
  width: 170px;
  line-height: 22px;
  padding-right: 12px;
  text-overflow: ellipsis;
  font-weight: 400;
  overflow: hidden;
}

.top-cart-content .product-name a {
  font-size: 14px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  line-height: normal;
  line-height: 20px !important;
  font-weight: 400;
  color: #282828;
}

.top-cart-content .product-name:hover>a {
  text-decoration: none;
  color: #316332;
}

.top-cart-content .product-details-bottom span {
  font-size: 14px;
  font-weight: 700;
  color: #ff2d37;
}

.top-cart-content li {
  list-style: none;
}

.top-cart-content li.item {
  border-top: solid 1px #eaebf3;
  overflow: hidden;
  padding: 20px 0px;
  position: relative;
}

.top-cart-content li.item:first-child {
  border-top: none;
  margin-top: 10px;
}

.top-cart-content li.item:last-child {
  margin: 0;
  border-bottom: 0;
}

.top-cart-content li.item .wrap_item {
  overflow: hidden;
  padding: 20px 20px 20px 0px;
  border-bottom: solid 1px #eaebf3;
  width: 100%;
  float: left;
}

.top-cart-content li.item .product-image {
  float: left;
  display: block;
  width: 85px;
  position: relative;
  margin-right: 15px;
}

.top-cart-content li.item .detail-item {
  display: block;
  float: left;
  width: calc(100% - 105px);
  -o-width: calc(100% - 105px);
  -moz-width: calc(100% - 105px);
  -webkit-width: calc(100% - 105px);
}

.top-cart-content li.item .detail-item a:hover {
  text-decoration: none;
}

.top-cart-content li.item .detail-item .fa {
  position: absolute;
  right: -3px;
  top: 20px;
  font-size: 14px;
  color: #4643d0;
  text-align: center;
  padding: 0px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.top-cart-content li.item .detail-item .fa:hover {
  color: #316332;
}

.top-cart-content li.item .detail-item .fa:before {
  margin-left: 4px;
}

.top-cart-content li.item .detail-item input {
  display: inline-block;
  width: 40px;
  padding: 0;
  margin: 0;
  text-align: center;
}

.top-cart-content li.item .detail-item button.items-count {
  display: inline-block;
}

.top-cart-content .block-subtitle {
  color: #333;
  overflow: hidden;
  padding: 15px;
  text-align: left;
  font-size: 0.92857em;
  background: #f5f5f5;
  text-transform: none;
  font-weight: 400;
  border-bottom: 1px #ebebeb solid;
}

.top-subtotal {
  color: #282828;
  font-size: 1.14286em;
  font-weight: 400;
  border-top: solid 1px #ebebeb;
  text-align: left;
  text-transform: none;
  padding: 12px 20px;
}

.top-subtotal .price {
  font-weight: bold !important;
  font-size: 18px !important;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  float: right;
}

.qty_drop_cart {
  font-size: 12px;
  position: relative;
  height: 25px;
  padding-top: 5px;
  padding-left: 0px;
}

.qty_drop_cart .btn_increase,
.qty_drop_cart .btn_reduced {
  width: 25px;
  height: 25px;
  color: #000;
  float: left;
}

.qty_drop_cart .btn_increase:hover,
.qty_drop_cart .btn_reduced:hover {
  color: #316332;
}

.qty_drop_cart button.btn_increase {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  line-height: 1;
  overflow: hidden;
  border-style: hidden;
  border: 1px solid #e1e1e1;
  background: #fff !important;
  font-size: 14px;
  cursor: pointer;
}

.qty_drop_cart button.btn_reduced {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  border-style: hidden;
  border: 1px solid #e1e1e1;
  background: #fff !important;
  font-size: 14px;
  cursor: pointer;
}

.qty_drop_cart input {
  display: inline-block;
  float: left;
  width: 45px !important;
  height: 30px;
  min-height: 30px;
  padding: 0;
  text-align: center;
  border: 1px solid #eaebf3;
  color: #282828;
}

.top-subtotal {
  color: #282828;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 20px;
  text-align: left;
  text-transform: none;
}

.top-subtotal .price_big {
  font-size: 18px !important;
}

.top-subtotal .price {
  font-weight: 700 !important;
  line-height: 24px;
  margin-top: 0 !important;
  font-size: 18px;
  color: #ff2d37 !important;
  float: right;
}

ul#cart-sidebar {
  margin: 0;
  padding: 5px 5px 0 0;
  max-height: 625px;
  min-width: 320px;
}

ul#cart-sidebar .list-item-cart {
  padding: 0 20px;
  max-height: 290px;
  overflow: auto;
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar {
  width: 4px;
  background-color: #fff;
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar-thumb {
  border: 4px solid #cdcfdd;
}

ul#cart-sidebar .list-item-cart li.list-item {
  max-height: 400px;
  overflow-y: auto;
}

ul#cart-sidebar .list-item-cart li.action {
  display: none;
}

ul#cart-sidebar .list-item-cart.hasclass li.action {
  display: block;
}

ul#cart-sidebar .list-item-cart li.list-item .price2 {
  font-weight: 700;
  color: #4643d0;
  font-size: 14px;
  display: list-item;
  margin-bottom: 5px;
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar {
  width: 5px;
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.9);
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb {
  background: #4643d0;
  border-radius: 15px;
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb:hover,
ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb:active {
  background: #316332;
  border-radius: 15px;
}

ul#cart-sidebar .no-item p {
  margin: 0;
  padding: 10px 15px 15px 15px;
}

ul#cart-sidebar .right_ct {
  text-align: center;
  padding: 10px 20px 20px 20px;
}

ul#cart-sidebar .right_ct .btn {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin-bottom: 5px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
}

ul#cart-sidebar .right_ct .btn.btn-primary {
  margin-right: 10px !important;
  background: #4643d0;
  color: #fff;
}

ul#cart-sidebar .right_ct .btn.btn-primary:hover {
  color: #316332;
  background: #fff;
  border: 1px solid #4643d0;
}

ul#cart-sidebar .right_ct .btn.btn-white {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  border: none;
  color: #fff;
  background: #3d4356;
}

ul#cart-sidebar .right_ct .btn.btn-white:hover {
  color: #fff;
  background: #316332;
  border: 0;
}

.li-fix-1 {
  background: #FFF;
  border-top: 1px solid #ebebeb;
  display: block;
}

.li-fix-2 {
  display: block;
  width: 295px;
}

/*4.3 Menu*/
header nav .nav {
  position: relative;
}

header nav .nav-item {
  float: left;
  position: relative;
  margin-right: 20px;
}

header nav .nav-item.has-mega {
  position: static !important;
}

header nav .nav-item>a {
  line-height: 32px;
  color: #333;
}

header nav .nav-item>a:hover {
  color: #316332;
}

header nav .nav-item>.fa {
  color: #333;
  right: 0;
  top: 33px;
}

header nav .nav-item .nav-item-lv2 {
  padding: 0 10px;
}

header nav .nav-item .nav-item-lv3 {
  padding: 0 10px;
}

header nav .nav-item:hover>.dropdown-menu {
  display: block;
  margin-top: 0;
  border-radius: 0;
  z-index: 9999;
}

header nav .nav-item:hover>.mega-content {
  display: block;
}

header nav .nav-item li.dropdown-submenu {
  position: relative;
}

header nav .nav-item li.dropdown-submenu .dropdown-menu {
  left: 100%;
  top: 0;
}

header nav .nav-item li.dropdown-submenu:hover>.dropdown-menu {
  display: block;
  right: 100%;
  border-radius: 0;
}

/*DANH MỤC SP*/
.wrap_main {
  display: block;
  float: left;
  width: 100%;
  height: 45px;
  position: absolute;
  top: 100px;
  background: transparent;
}

.col-mega {
  float: left;
  height: 0px;
}

.menu_mega {
  position: relative;
}

.menu_mega .title_menu {
  padding: 0px 20px;
  position: relative;
  height: 45px;
  line-height: 45px;
  background: #4643d0;
  color: #fff;
}

.menu_mega .title_menu .title_ {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  display: block;
  padding-left: 30px;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .menu_mega .title_menu .title_ {
    font-size: 15px;
  }
}

.menu_mega .title_menu .nav_button {
  position: absolute;
  left: 20px;
  top: 0;
}

.menu_mega .title_menu .nav_button span {
  font-size: 18px;
  float: right;
}

.menu_mega:hover .list_menu_header {
  overflow: visible;
  max-height: 3000px;
  max-width: 3000px;
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
  -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
  transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}

.list_menu_header {
  overflow: hidden;
  max-height: 0px;
  max-width: 0px;
  opacity: 0;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  -o-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
  -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
  -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
  -webkit-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
  top: 0px;
  z-index: 99;
  left: 0;
  width: 100%;
  padding: 0px;
  background-color: #fff;
}

.list_menu_header .hidden-lgg {
  display: none;
}

@media (min-width: 1200px) {
  .list_menu_header {
    width: 270px;
    padding: 0px;
  }
}

@media (max-width: 1199px) {
  .list_menu_header {
    overflow: hidden;
    max-height: 0px;
    max-width: 0px;
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    position: relative;
    top: 0;
    left: 0px;
    padding: 0;
    z-index: 999;
  }
}

.list_menu_header .ul_menu {
  margin-left: 0px;
  padding-left: 0px;
  background: #ffffff;
  margin-bottom: 0px;
  border-top: 0px;
  position: relative;
  padding: 0px 0px;
  border-top: 0px;
}

.list_menu_header .ul_menu li {
  list-style: none;
  padding: 0px 0px;
  display: none;
}

@media (max-width: 1199px) {
  .list_menu_header .ul_menu li {
    padding: 0px 0px;
  }
}

.list_menu_header .ul_menu li:nth-child(1) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(2) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(3) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(4) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(5) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(6) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(7) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(8) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(9) {
  display: block !important;
}

.list_menu_header .ul_menu li:nth-child(10) {
  display: block !important;
}

.list_menu_header .ul_menu li.xemthem {
  display: block;
}

.list_menu_header .ul_menu li.xemthem a:before {
  background-image: url("//theme.hstatic.net/1000375712/1000677556/14/icon_more.png?v=1");
}

.list_menu_header .ul_menu li.xemthem a:hover:before,
.list_menu_header .ul_menu li.xemthem a:focus:before {
  background-image: url("//theme.hstatic.net/1000375712/1000677556/14/icon_more_hover.png?v=1");
}

.list_menu_header .ul_menu li.thugon a:before {
  background-image: url("//theme.hstatic.net/1000375712/1000677556/14/icon_more.png?v=1");
}

.list_menu_header .ul_menu li.thugon a:hover:before,
.list_menu_header .ul_menu li.thugon a:focus:before {
  background-image: url("//theme.hstatic.net/1000375712/1000677556/14/icon_more_hover.png?v=1");
}

.list_menu_header .ul_menu li:last-child a {
  border-bottom: none;
}

.list_menu_header .ul_menu .nav_item a {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #282828;
  position: relative;
  text-transform: none;
  padding: 10px 35px 10px 20px;
}

.list_menu_header .ul_menu .nav_item a:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 23px 0 21px 9px;
  border-color: transparent #316332;
  display: none;
  width: 0;
  z-index: 1;
  margin-top: 0;
  right: -9px;
  top: 0;
}

@media (max-width: 1199px) {
  .list_menu_header .ul_menu .nav_item a:after {
    right: -8px;
  }
}

@media (max-width: 1499px) and (min-width: 1200px) {
  .list_menu_header .ul_menu .nav_item a {
    padding: 12px 35px 11px 20px;
  }
}

.list_menu_header .ul_menu .nav_item .fa {
  font-size: 24px;
  width: 24px;
  line-height: 45px;
  color: #282828;
  position: absolute;
  right: 10px;
  top: 0px;
  text-align: center;
}

@media (max-width: 1199px) {
  .list_menu_header .ul_menu .nav_item .fa {
    line-height: 45px;
  }
}

.list_menu_header .ul_menu .nav_item:hover,
.list_menu_header .ul_menu .nav_item:focus {
  background: #316332;
}

.list_menu_header .ul_menu .nav_item:hover>a,
.list_menu_header .ul_menu .nav_item:focus>a {
  color: #fff;
  text-decoration: none;
  background: #316332;
}

.list_menu_header .ul_menu .nav_item:hover>a .fa,
.list_menu_header .ul_menu .nav_item:focus>a .fa {
  color: #fff;
}

.list_menu_header .ul_menu .nav_item:hover>a:before,
.list_menu_header .ul_menu .nav_item:focus>a:before {
  color: #316332;
}

.list_menu_header .ul_menu .nav_item:hover>a:after,
.list_menu_header .ul_menu .nav_item:focus>a:after {
  display: block;
}

.list_menu_header .ul_menu .nav_item:hover>.fa,
.list_menu_header .ul_menu .nav_item:focus>.fa {
  color: #316332;
}

.list_menu_header .ul_menu .nav_item:hover>.ul_content_right_1,
.list_menu_header .ul_menu .nav_item:focus>.ul_content_right_1 {
  display: block;
}

.list_menu_header .ul_menu .ul_content_right_1 {
  position: absolute;
  left: 270px;
  min-height: 409px;
  height: 100%;
  width: 755px;
  top: 0px;
  padding-left: 0px;
  margin-left: 0px;
  background: #fff;
  padding: 15px 25px 45px 15px;
  display: none;
  box-shadow: 4px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 4px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 4px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 4px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) and (min-width: 992px) {
  .list_menu_header .ul_menu .ul_content_right_1 {
    position: absolute;
    left: 212px;
    height: 100%;
  }
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item {
  padding: 0px 15px;
  display: block;
  float: left;
  background: #fff;
}

@media (min-width: 1200px) {
  .list_menu_header .ul_menu .ul_content_right_1 .nav_item.col-lg-3:nth-child(4n+1) {
    clear: left;
  }
}

@media (min-width: 992) and (max-width: 1199px) {
  .list_menu_header .ul_menu .ul_content_right_1 .nav_item.col-md-3:nth-child(4n+1) {
    clear: left;
  }
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item>a {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding: 0px 0px 8px 0px;
  color: #282828;
  text-transform: initial;
  margin-bottom: 0px;
  position: relative;
  border-bottom: 0px;
  text-transform: none;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item>a:before {
  content: none;
  background-image: none;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item>a:after {
  content: none;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .fa {
  font-size: 14px;
  width: 25px;
  line-height: 49px;
  color: #282828;
  position: absolute;
  right: 10px;
  top: 0px;
  text-align: center;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item:hover,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item:focus {
  background: #fff;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item:hover>a,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item:focus>a {
  background: #fff;
  color: #316332;
  text-decoration: none;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item:hover>.fa,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item:focus>.fa {
  color: #316332;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item:hover .ul_content_right_2,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item:focus .ul_content_right_2 {
  display: block;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 {
  left: 0;
  width: 100%;
  top: 0;
  padding-left: 0px;
  margin-left: 0px;
  background: transparent;
  margin-bottom: 25px;
  float: left;
  background: #fff;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item {
  width: 100%;
  display: block;
  float: left;
  padding: 0px;
  background: #fff;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item a {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: block;
  padding: 3px 0px 3px 0px;
  color: #888;
  position: relative;
  text-transform: initial;
  border-bottom: none;
  margin-bottom: 0px;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item a:before {
  content: none;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item a:after {
  content: none;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item .fa {
  font-size: 14px;
  width: 25px;
  line-height: 36px;
  color: #282828;
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: center;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:hover,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:focus {
  background: #fff;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:hover>a,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:focus>a {
  background: #fff;
  color: #316332;
  text-decoration: none;
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:hover>.fa,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:focus>.fa {
  color: #316332;
}

@media (min-width: 1200px) {
  .list_menu_header.normal .ul_menu li.li_check {
    display: unset;
  }
}

@media (max-width: 991px) {
  .ul_content_right_1 {
    position: relative !important;
    left: unset !important;
    min-height: unset !important;
    width: 100% !important;
    top: unset !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .ul_content_right_1 .nav_item {
    float: left;
    width: 100%;
  }
}

/*============================================================================
Menu bottom
==============================================================================*/
.a-img {
  position: relative;
}

.a-img.flashdeal_icon {
  color: transparent !important;
}

@media (min-width: 992px) {
  .a-img.flashdeal_icon:before {
    content: "";
    width: 100%;
    height: 44px;
    background-image: url(//theme.hstatic.net/1000375712/1000677556/14/flashsale.png?v=1);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 2px;
    left: 0;
  }
}

.bg-header-nav {
  position: relative;
}

.bg-header-nav:before,
.bg-header-nav:after {
  content: "";
  position: absolute;
  top: 0;
}

.bg-header-nav:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 45px 0 0;
  /* border-color: #073349 transparent transparent transparent; */
  border-color: #008545 transparent transparent transparent;
  right: -45px;
  top: 0;
}

.bg-header-nav:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 45px 45px 0;
  /* border-color: transparent #073349 transparent transparent; */
  border-color: transparent #008545 transparent transparent;
  left: -45px;
}

.bg-header-nav .header-nav {
  /* background: #073349; */
  background: #008545;
}

.bg-header-nav .header-nav>ul.item_big {
  text-align: left;
  margin: 0;
  padding: 0;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item {
  display: inline-block;
  float: none;
  position: relative;
  margin-right: 0px;
  margin-left: 1px;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>a {
  display: block;
  text-align: left;
  padding: 0px 15px;
  font-size: 14px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  position: relative;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>a>i {
  margin-left: 10px;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item:hover {
  /* background: #316332; */
  background: #ef4444;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item:hover>a {
  color: #fff;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item:hover>ul {
  overflow: visible;
  max-height: 3000px;
  max-width: 3000px;
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
  -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
  transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item .item_small {
  overflow: hidden;
  display: block;
  max-height: 0px;
  max-width: 0px;
  opacity: 0;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  -o-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  padding: 0;
  background-color: #fff;
  box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li {
  float: none;
  padding: 0 10px;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li:last-child>a {
  border-bottom: 0;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li:hover>ul {
  display: block;
  position: absolute;
  width: 200px;
  padding: 0;
  background-color: #fff;
  z-index: 99;
  box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding: 7px 5px 7px 0px;
  color: #282828;
  position: relative;
  border-bottom: solid 1px #e5e6ec;
  text-align: left;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a:hover {
  color: #316332;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a i {
  position: absolute;
  right: -10px;
  padding: 0px 10px;
  top: 0;
  line-height: 38px;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li ul {
  display: none;
  left: 200px;
  top: 0px;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul>li {
  color: #fff;
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul>li:hover>a {
  color: #316332;
}

.bg-header-nav .header-nav>ul.item_big>li.active {
  /* background: #316332; */
  background: #ef4444;
}

.bg-header-nav .header-nav>ul.item_big>li.active>a {
  color: #fff;
}

.bg-header-nav .header-nav>ul.item_big>li:first-child.active>a {
  color: #fff;
  padding-left: 10px;
}

.bg-header-nav .header-nav ul li ul a.text2line:hover {
  color: #316332 !important;
  background: transparent !important;
}

.bg-header-nav .header-nav li li {
  position: relative;
}

/*Menu mobile*/
#nav-mobile {
  z-index: 999;
}

/*CSS Mega menu*/
.header-nav ul .nav-item.has-mega {
  position: static;
  height: 45px;
  margin-left: 1px;
}

.header-nav ul .nav-item:hover>.mega-content {
  overflow: visible;
  max-height: 3000px;
  max-width: 3000px;
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
  -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
  transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}

.header-nav ul .nav-item .a-img span.menu-label {
  position: absolute;
  text-transform: uppercase;
  top: -12px;
  background: #4643d0;
  display: inline;
  padding: 4px 8px;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  right: 23px;
  line-height: normal;
  letter-spacing: 1px;
}

.header-nav ul .nav-item .a-img span.menu-label:after {
  border-color: #4643d0 transparent transparent transparent;
  border-width: 6px 7px 0 6px;
  right: 12px;
  top: 90%;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transitio: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 0;
  z-index: 100;
}

.header-nav .mega-content {
  background: #fff;
  overflow: hidden;
  display: block;
  max-height: 0px;
  max-width: 0px;
  opacity: 0;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  -o-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  margin: 0;
  padding: 15px 0px;
  position: absolute;
  top: 100%;
  left: 16px;
  z-index: 99;
  width: 1170px;
  border: none;
  text-align: left;
  box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
  -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
}

@media (max-width: 1199px) {
  .header-nav .mega-content {
    left: 15px;
    width: 697px;
  }
}

.header-nav .mega-content .level1.parent .h4 {
  font-size: 12px;
  font-weight: bold;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  margin-top: 0;
  color: #282828;
  text-transform: uppercase;
  border-bottom: dashed 1px #ebebeb;
  padding-bottom: 10px;
}

.header-nav .mega-content .level1.parent .h4 span {
  display: block;
  margin-top: 10px;
}

.header-nav .mega-content .level1.parent ul.level1 {
  padding: 0;
}

.header-nav .mega-content .level1.parent ul.level1 li {
  line-height: 20px;
}

.header-nav .mega-content .level1.parent ul.level1 li a {
  font-weight: normal !important;
  text-transform: none !important;
  font-size: 14px;
  color: #282828;
  font-size: 13px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.header-nav .mega-content .level1.parent ul.level1 li+li {
  padding-top: 5px;
}

.header-nav .mega-content .level1.item {
  float: left;
  width: 20%;
  padding: 0 5px;
}

.header-nav .mega-content .level1.item:nth-child(5n+1) {
  clear: left;
}

.header-nav .mega-content .level1.item>a {
  color: #4643d0;
}

.header-nav .mega-content .level1.item>a:hover,
.header-nav .mega-content .level1.item>a:focus {
  color: #0094f9;
  text-decoration: none;
}

.header-nav .mega-content .level1.item .h4 {
  font-size: 12px;
  font-weight: bold;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  margin-top: 0;
  color: #282828;
  text-transform: uppercase;
  border-bottom: dashed 1px #ebebeb;
  padding-bottom: 10px;
}

.header-nav .mega-content .level1.item .h4 .thumb {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-nav .mega-content .level1.item .h4 .thumb img {
  max-height: 100%;
}

.header-nav .mega-content .level1.item .h4 span {
  display: block;
  margin-top: 10px;
}

.header-nav .mega-content .level1.item ul.level1 {
  margin-bottom: 30px;
  padding: 0;
}

.header-nav .mega-content .level1.item ul.level1 li a {
  font-weight: normal !important;
  text-transform: none !important;
  color: #282828;
  font-size: 13px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.header-nav .mega-content .level1.item ul.level1 li a:hover,
.header-nav .mega-content .level1.item ul.level1 li a:focus {
  text-decoration: none;
  color: #316332;
}

.header-nav .mega-content .level0-wrapper2 .nav-block .level0 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0px;
}

/*============================================================================
5. FOOTER
==============================================================================*/
.footer_top {
  background: #fff;
  padding: 20px 0;
}

.footer_top .item_f,
.footer_top .title-menu {
  width: 100%;
  float: left;
}

@media (max-width: 767px) {
  .footer_top .item_f {
    margin-bottom: 20px;
  }

  .footer_top .item_f .title-menu {
    margin-bottom: 0;
  }
}

.footer_top .title-menu {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  margin: 0 0 10px;
  padding: 0;
  text-align: left;
}

.footer_top .w_f {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  width: 100%;
  float: left;
  font-size: 27px;
  line-height: 32px;
  margin: 0;
}

.footer_top .w_f .fa {
  font-size: 9px;
  vertical-align: top;
  margin-top: 6px;
  color: #fff;
  background: #4643d0;
  text-align: center;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.footer_top p {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  margin-bottom: 0;
}

footer {
  width: 100%;
  float: left;
  position: relative;
  border-top: solid 1px #ebebeb;
}

footer:after {
  width: 400px;
  height: 400px;
  position: absolute;
  right: 0;
  bottom: 0;
  /* background-image: url("//theme.hstatic.net/1000375712/1000677556/14/bg_register.png?v=1");*/
  background-size: contain;
  background-repeat: no-repeat;
}

footer .colinfor {
  padding-top: 10px;
  width: 100%;
  float: left;
  display: block;
}

footer .itemfooter {
  width: 100%;
  float: left;
}

footer .itemfooter span {
  float: left;
  text-align: left;
  font-weight: 700;
}

footer .itemfooter span img {
  max-width: 100%;
}

.mid-footer {
  width: 100%;
  float: left;
  padding: 20px 0 30px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .mid-footer .container .row .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}

footer.footer .bct {
  float: left;
  width: 100%;
}

@media (max-width: 767px) {
  footer.footer .bct {
    margin-bottom: 15px;
  }
}

footer.footer .bct ul {
  padding-left: 0px;
}

footer.footer .bct ul li {
  display: inline-block;
}

footer.footer .bct ul li:nth-child(1) {
  margin-right: 10px;
}

footer.footer .widget-ft {
  padding-bottom: 0px;
}

footer.footer .widget-ft.first .title-menu {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}

footer.footer .widget-ft.first .title-menu span {
  display: block;
  padding-bottom: 0px;
}

footer.footer .widget-ft.first b {
  display: block;
  width: 100%;
  float: left;
  text-transform: uppercase;
}

footer.footer .widget-ft.first p {
  font-weight: 700;
  font-size: 12px;
}

footer.footer .widget-ft.first span {
  padding-bottom: 10px;
}

footer.footer .widget-ft.first span,
footer.footer .widget-ft.first p {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  footer.footer .widget-ft {
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: 0;
  }
}

@media (max-width: 767px) {
  footer.footer .widget-ft {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-left: 0;
  }

  footer.footer .widget-ft.last-child {
    border-bottom: 0;
    margin-bottom: 0;
  }

  footer.footer .widget-ft.last {
    padding-bottom: 0px;
    border-bottom: none;
  }
}

footer.footer .widget-ft .title-db {
  padding-bottom: 0px;
}

footer.footer .widget-ft .title-menu4 {
  color: #282828;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  position: relative;
  margin-bottom: 5px;
}

footer.footer .widget-ft .title-menu4 a,
footer.footer .widget-ft .title-menu4 span {
  color: #282828;
}

footer.footer .widget-ft .title-menu4.icon_none_first {
  margin-top: 20px;
}

@media (max-width: 767px) {
  footer.footer .widget-ft .title-menu4.icon_none_first {
    margin-top: 0px;
  }
}

footer.footer .site-footer {
  width: 100%;
}

footer.footer .site-footer .top-footer {
  text-align: center;
  float: left;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
  footer.footer .site-footer .top-footer .col-sm-6:nth-child(3) {
    clear: left;
  }
}

footer.footer .copyright {
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  position: relative;
  padding: 5px 0px;
  width: 100%;
  float: left;
}

footer.footer .copyright span.wsp {
  color: #282828;
}

footer.footer .copyright span.wsp .mobile {
  opacity: 1;
}

footer.footer .copyright span.wsp .mobile b {
  color: #4643d0;
  font-weight: 400;
}

footer.footer .copyright a {
  font-weight: 400;
  color: #316332;
  opacity: 1;
}

footer.footer .copyright a:hover {
  color: #316332 !important;
  opacity: 1;
}

footer.footer .copyright .ul_menu_fot {
  float: right;
}

footer.footer .copyright .ul_menu_fot li {
  float: left;
  font-size: 13px;
  margin: 0px 7px;
}

footer.footer .copyright .ul_menu_fot li:last-child {
  margin: 0 0 0 10px;
}

footer.footer .copyright .ul_menu_fot li a {
  text-decoration: none;
  color: #acacac;
}

@media (min-width: 768px) and (max-width: 991px) {
  footer.footer .footer-inner .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}

@media (min-width: 992px) {
  footer.footer .copyright .inner .row.tablet {
    display: flex;
    flex-flow: row;
  }

  footer.footer .copyright .inner .row.tablet #copyright {
    order: 1;
  }

  footer.footer .copyright .inner .row.tablet #menu_fot {
    order: 2;
  }
}

@media (max-width: 991px) {
  footer.footer .copyright .inner .fot_copyright {
    text-align: center !important;
  }

  footer.footer .copyright .inner .fot_menu_copyright .ul_menu_fot {
    width: 100%;
    padding-right: 0px;
    text-align: center;
  }

  footer.footer .copyright .inner .fot_menu_copyright .ul_menu_fot li {
    float: none;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  footer.footer .copyright .inner .wsp {
    overflow: hidden;
    padding: 15px 0px;
    display: block;
  }

  footer.footer .copyright .inner .mobile {
    display: block;
    width: 100%;
    text-align: center !important;
    line-height: 24px;
  }

  footer.footer footer .site-footer h4 {
    margin: 0;
    padding: 15px 0 0px;
    font-size: 17px;
    cursor: pointer;
    margin-bottom: 15px;
    border-top: solid 1px #2d3753;
  }

  footer.footer footer .footer-inner .col-xs-12:nth-child(2) {
    margin-top: 20px;
  }

  footer.footer .padding-bottom-50 {
    padding-bottom: 20px !important;
  }
}

footer.footer ul.contact {
  padding-left: 0px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  footer.footer ul.contact {
    margin-bottom: 10px;
  }
}

footer.footer ul.contact.contact_x {
  margin-bottom: 10px;
}

footer.footer ul.contact.contact_x .sdt {
  display: inline-block;
}

footer.footer ul.contact.contact_x .line {
  display: inline-block;
  padding: 0 3px;
  color: #959595;
}

footer.footer ul.contact.contact_x li {
  color: #959595;
}

footer.footer ul.contact.contact_x li b {
  color: #959595;
}

footer.footer ul.contact.contact_x li a {
  color: #959595;
}

footer.footer ul.contact.contact_x li a:hover {
  color: #316332;
}

footer.footer ul.contact li {
  font-size: 14px;
  position: relative;
  color: #959595;
  margin-bottom: 0px !important;
  line-height: 20px;
}

footer.footer ul.contact li:nth-child(1) {
  margin-bottom: 0px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  footer.footer ul.contact li:nth-child(1) {
    margin-bottom: 0px;
  }
}

footer.footer ul.contact li i.fa {
  float: left;
  position: relative;
  top: 0px;
  border-radius: 3px;
  width: 28px;
  text-align: center;
  height: 28px;
  display: block;
  margin-right: 5px;
  margin-top: -2px;
  padding-left: 2px;
  line-height: 28px;
  color: #4643d0;
  background-repeat: no-repeat;
}

footer.footer ul.contact li .txt_content_child {
  display: inherit;
}

footer.footer ul.contact li a {
  color: #282828;
}

footer.footer ul.contact li a:hover {
  color: #fff;
}

footer.footer ul.contact li.sdt a {
  margin-right: 0px;
}

@media (min-width: 1200px) {
  footer.footer ul.contact li.sdt a:after {
    content: "-";
    margin-left: 5px;
  }
}

footer.footer ul.contact li.sdt a:last-child {
  margin-right: 0px;
}

footer.footer ul.contact li.sdt a:last-child:after {
  display: none;
}

@media (max-width: 1199px) {
  footer.footer ul.contact li.sdt .email_style {
    display: block;
  }
}

footer.footer .title-menu-first {
  margin: 0;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 50px;
  color: #fff;
}

footer.footer .title-menu {
  margin: 0;
  line-height: normal;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-top: 30px;
  color: #fff;
}

footer.footer .title-menu a,
footer.footer .title-menu span {
  cursor: default;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  color: #282828;
}

@media (max-width: 374px) {

  footer.footer .title-menu a,
  footer.footer .title-menu span {
    font-size: 13px;
  }
}

footer.footer .title-menu a i.fa,
footer.footer .title-menu span i.fa {
  display: none;
}

@media (max-width: 767px) {
  footer.footer .title-menu {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
  }

  footer.footer .title-menu a,
  footer.footer .title-menu span {
    padding: 10px 20px 10px 0;
    line-height: 22px;
    display: block;
    cursor: pointer;
  }

  footer.footer .title-menu a i.fa,
  footer.footer .title-menu span i.fa {
    display: block;
    position: absolute;
    right: 0px;
    width: 18px;
    top: 12px;
    text-align: center;
    height: 18px;
    line-height: 20px;
    border-radius: 30px;
    padding-left: 1px;
    font-size: 13px;
  }

  footer.footer .title-menu a i.fa:before,
  footer.footer .title-menu span i.fa:before {
    content: "\f068";
    color: #282828;
  }

  footer.footer .title-menu a.collapsed i.fa:before,
  footer.footer .title-menu span.collapsed i.fa:before {
    content: "\f067";
  }
}

footer.footer .img_project_footer .item_tab_cl {
  padding-left: 0px;
}

footer.footer .img_project_footer .item_tab_cl .blog-thumbnail {
  cursor: pointer;
}

footer.footer .title_company {
  font-size: 14px;
  color: #4643d0;
  text-transform: uppercase;
  font-weight: bold;
}

@media (max-width: 320px) {
  footer.footer .title_company {
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  footer.footer .collapse {
    display: block;
  }
}

footer.footer .list-menu {
  line-height: 35px;
  padding-left: 0px;
}

footer.footer .list-menu.list-menu-time {
  line-height: normal;
}

footer.footer .list-menu .li_menu {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 32px;
}

footer.footer .list-menu .li_menu a {
  color: #282828;
  position: relative;
}

footer.footer .list-menu .li_menu a:hover {
  color: #316332;
}

footer.footer .list-menu .li_menu a:hover:before {
  background: #316332;
}

footer.footer .bottom-ft {
  padding: 20px 0px;
}

@media (max-width: 767px) {
  footer.footer .bottom-ft {
    border-top: none;
  }
}

footer.footer .bottom-ft .info-website {
  margin: 0;
  color: #83858e;
  font-size: 14px;
}

@media (max-width: 767px) {
  footer.footer .bottom-ft .info-website {
    text-align: center;
  }
}

footer.footer .bottom-ft .info-website a {
  color: #fff;
}

footer.footer .bottom-ft .info-website a:hover {
  color: #316332;
}

footer.footer .bottom-ft .info-website b {
  font-weight: normal;
  color: #fff;
}

footer.footer .bottom-ft .list-menu-bft {
  float: right;
}

footer.footer .bottom-ft .list-menu-bft li {
  float: left;
}

footer.footer .bottom-ft .list-menu-bft li a {
  padding: 0px 10px;
  font-weight: normal;
}

/*BACK TO TOP*/
.backtop {
  position: fixed;
  bottom: 20px;
  z-index: 99;
  top: auto;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  background: #4643d0;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0 !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.backtop .fa {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
}

.backtop.show {
  opacity: 1 !important;
}

@media (min-width: 1441px) {
  .backtop {
    right: 15px;
    bottom: 20px;
  }

  .phone_backtotop {
    bottom: 30px !important;
    left: 50px;
  }
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .backtop {
    right: 15px;
    bottom: 40px;
  }

  .phone_backtotop {
    bottom: 48% !important;
    left: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .backtop {
    right: 25px;
    bottom: 40px;
  }

  .phone_backtotop {
    bottom: 48% !important;
    left: 30px;
  }
}

@media (max-width: 767px) {
  .backtop {
    right: 11%;
    bottom: 20px;
  }

  .phone_backtotop {
    bottom: 48% !important;
    left: 30px;
  }
}

/*============================================================================
6. Product detail
==============================================================================*/
.wrap-padding-15 .details-product {
  padding-top: 15px;
}

.wrap-padding-15 .details-product,
.wrap-padding-15 .tab_h,
.wrap-padding-15 .related-product {
  background: #fff;
}

/*Deal product time css*/
.dealcount_details {
  border: solid 1px #ff2d37;
  padding: 10px;
  border-radius: 5px;
  position: relative;
}

.dealcount_details:before {
  position: absolute;
  width: 95px;
  height: 40px;
  top: -20px;
  left: 10px;
  content: "";
  background-image: url("//theme.hstatic.net/1000375712/1000677556/14/flashsale.png?v=1");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.dealcount_details .productcount .countitem {
  z-index: 0;
}

.dealcount_details .deal_details {
  display: flex;
  float: left;
  margin-left: 0px;
  margin-top: 20px;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .dealcount_details .deal_details {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .dealcount_details .deal_details {
    display: block;
    margin-left: 0px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -os-transform: translateX(-50%);
    margin-top: 15px;
  }
}

.dealcount_details .deal_details .bl_left {
  display: inline-block;
  float: left;
  line-height: 28px;
  max-width: 150px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .dealcount_details .deal_details .bl_left {
    max-width: 120px;
  }
}

@media (max-width: 767px) {
  .dealcount_details .deal_details .bl_left {
    width: 100%;
    max-width: unset;
    display: block;
    text-align: center;
  }
}

.dealcount_details .deal_details .bl_left p,
.dealcount_details .deal_details .bl_left span {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.dealcount_details .deal_details .bl_left p {
  font-weight: 700;
  font-size: 22px;
  margin: 0px;
  padding: 0;
  display: block;
  float: left;
  color: #282828;
  width: 100%;
}

@media (max-width: 991px) {
  .dealcount_details .deal_details .bl_left p {
    font-size: 18px;
  }
}

.dealcount_details .deal_details .bl_left span {
  width: 100%;
  display: block;
  float: left;
  font-size: 15px;
  font-weight: 400;
  color: #282828;
}

@media (max-width: 991px) {
  .dealcount_details .deal_details .bl_left span {
    font-size: 14px;
  }
}

.dealcount_details .deal_details .time-x {
  display: block;
  width: calc(100% - 100px);
  -webkit-width: calc(100% - 100px);
  -moz-width: calc(100% - 100px);
  -o-width: calc(100% - 100px);
  -os-width: calc(100% - 100px);
  float: left;
}

@media (max-width: 767px) {
  .dealcount_details .deal_details .time-x {
    width: 100%;
    float: left;
    float: none;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}

.dealcount_details .deal_details .time-x span {
  float: left;
  padding: 3px 5px 0;
  text-align: center;
  height: 43px;
  line-height: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  font-weight: 700;
  color: #ff640b;
  font-size: 18px;
}

.dealcount_details .deal_details .time-x span p {
  padding: 0;
  margin: 0;
  font-weight: 300;
  color: #282828;
  font-size: 11px;
  line-height: 16px;
}

/*end*/
.overflow-hidden {
  overflow: hidden;
}

.title-product {
  color: #282828;
  font-size: 20px;
  line-height: 28px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  margin: 0px;
  margin-bottom: 10px;
  font-weight: 700;
  border-top: dashed 0px #ff0000;
  position: relative;
  padding-left: 0px;
  padding-top: 5px;
}

.title-product .fa {
  color: #ff0000;
  position: absolute;
  left: -12px;
  top: -12px;
}

.details-product .large-image {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.details-product .large-image a {
  display: block;
  border: solid 1px #ebebeb;
}

.details-product .large-image a img {
  margin: 0 auto;
}

.details-product .tab_h {
  display: block;
  width: 100%;
  float: left;
  margin-top: 50px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .details-product .tab_h {
    margin-top: 25px;
  }
}

.details-product .details-pro .product-price {
  display: inline-block;
}

.details-product .details-pro .price-box {
  margin: 10px 0 10px;
}

.details-product .details-pro .price-box del {
  color: #adadad;
  font-size: 1.42857em;
}

.details-product .details-pro .price-box .save-price {
  display: block;
  float: left;
  width: 100%;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.details-product .details-pro .price-box .save-price .product-price-save {
  font-weight: bold;
  color: #4643d0;
}

.details-product .details-pro .custom-btn-number {
  position: relative;
  padding: 0;
  margin-bottom: 10px;
  border: none;
  box-shadow: none;
  height: auto;
}

.details-product .details-pro .custom-btn-number label {
  font-size: 14px;
}

.details-product .details-pro .custom-btn-number #qty {
  height: 32px;
  font-size: 1.28571em;
  margin: 0;
}

.details-product .details-pro .custom-btn-number .qtyminus {
  position: absolute;
  left: 25px;
  top: 4px;
  font-size: 1.42857em;
}

.details-product .details-pro .custom-btn-number .qtyplus {
  position: absolute;
  right: 25px;
  top: 4px;
  font-size: 1.42857em;
}

.details-product .details-pro .dessum {
  border: dashed 1px #4643d0;
  padding: 10px;
  font-size: 14px;
  color: #8e8e8e;
}

.details-product .details-pro .dessum p {
  margin-bottom: 0px;
}

.details-product .details-pro .dessum ul,
.details-product .details-pro .dessum ol {
  padding-left: 20px;
}

.details-product .details-pro .dessum ul li,
.details-product .details-pro .dessum ol li {
  list-style: disc;
}

.chonsize {
  display: inline-block;
  margin-left: 10px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #337ab7;
}

.chonsize .fa {
  margin-right: 5px;
}

.chonsize:hover {
  text-decoration: underline;
  cursor: pointer;
}

.thumb_product_details {
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.thumb_product_details .owl-height {
  height: 100px !important;
}

@media (min-width: 544px) and (max-width: 767px) {
  .thumb_product_details {
    width: 95%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .thumb_product_details {
    width: 90%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .thumb_product_details {
    width: 90%;
  }
}

.thumb_product_details .owl-item .item a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 2px solid #eaebf3;
  height: 85px;
  width: 85px;
}

@media (min-width: 544px) and (max-width: 1199px) {
  .thumb_product_details .owl-item .item a {
    width: 70px;
    height: 70px;
  }
}

.thumb_product_details .owl-item .item a img {
  width: auto;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}

.thumb_product_details .owl-item .item a:hover {
  border: 2px solid #316332;
}

.thumb_product_details .owl-item .item a.active {
  border: 2px solid #316332;
}

.thumb_product_details .owl-item .item a.active img {
  opacity: 1;
}

.thumb_product_details .owl-nav .owl-prev,
.thumb_product_details .owl-nav .owl-next {
  width: 26px;
  height: 26px;
  border-radius: 0;
  line-height: 26px;
  text-align: center;
  top: 47%;
  margin-top: -15px;
  border: none;
  background: transparent !important;
}

@media (max-width: 1199px) and (min-width: 992px) {

  .thumb_product_details .owl-nav .owl-prev,
  .thumb_product_details .owl-nav .owl-next {
    top: 37%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {

  .thumb_product_details .owl-nav .owl-prev,
  .thumb_product_details .owl-nav .owl-next {
    top: 37%;
  }
}

.thumb_product_details .owl-nav .owl-prev:before,
.thumb_product_details .owl-nav .owl-next:before {
  height: 26px;
  width: 26px;
  line-height: 26px;
  top: -1px;
  color: #333;
  border: none;
}

.thumb_product_details .owl-nav .owl-prev:hover,
.thumb_product_details .owl-nav .owl-next:hover {
  background: transparent !important;
}

.thumb_product_details .owl-nav .owl-prev:hover:before,
.thumb_product_details .owl-nav .owl-next:hover:before {
  color: #333;
  background: none;
  border: none;
}

.thumb_product_details .owl-nav .owl-prev {
  left: -30px !important;
}

.thumb_product_details .owl-nav .owl-prev:before {
  content: "\f104";
  font-family: 'FontAwesome';
  font-size: 30px;
}

.thumb_product_details .owl-nav .owl-next {
  right: -30px !important;
}

.thumb_product_details .owl-nav .owl-next:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 30px;
}

@media (min-width: 414px) and (max-width: 543px) {
  .thumb_product_details {
    width: 80%;
  }
}

@media (max-width: 374px) {
  .thumb_product_details {
    width: 88%;
  }

  .thumb_product_details .owl-nav .owl-prev,
  .thumb_product_details .owl-nav .owl-next {
    top: 37%;
  }

  .thumb_product_details .owl-item .item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    width: 70px !important;
    display: block;
    border: solid 1px #ebebeb;
  }

  .thumb_product_details .owl-item .item a img {
    max-height: 100%;
    max-width: 100%;
  }

  .thumb_product_details .owl-item .item a.active {
    border-color: #316332;
  }

  .thumb_product_details .owl-item .item a.active img {
    opacity: 1;
  }
}

/*Thông tin khuyến mãi*/
.rte-summary {
  color: #000;
  font-family: Tahoma, Verdana, 'Segoe UI', Geneva, sans-serif;
  font-size: 1.7rem;
}

.rte-summary ul li,
.rte-summary ol li {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0;
}

/*BUTTON MUA HÀNG */
.button_actions {
  width: 100%;
  display: inline-block;
  float: left;
  margin-top: 23px;
  position: relative;
}

.button_actions .btn_base {
  font-size: 14px;
  outline: none;
  box-shadow: none;
  text-transform: uppercase;
  color: #fff;
  width: 150px;
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  background: #4643d0;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  border: 2px solid #bebdef;
  margin-left: 0px;
  padding: 0;
  float: left;
  margin-right: 15px;
}

.button_actions .btn_base:hover {
  color: #316332;
  background: #fff;
  border-color: #316332;
}

@media (max-width: 1199px) {
  .button_actions .btn_base {
    width: 100%;
    margin-bottom: 15px;
  }
}

.button_actions .btn_base .text_1 {
  font-size: 14px;
  font-weight: 700;
  line-height: 45px;
  display: block;
  width: 100%;
  text-align: center;
  float: left;
}

.button_actions .btn_base[disabled] {
  height: 50px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.button_actions .btn_base.disabled {
  height: 50px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  margin: 0 auto;
  text-transform: uppercase;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.button_actions .btn_base.btn_call {
  background: #282828;
}

@media (max-width: 991px) {
  .button_actions .btn_base.btn_call {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

.button_actions .buysll {
  display: inline-block;
  text-align: center;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  background: #fff;
  padding: 0 25px;
  height: 50px;
  color: #4643d0;
  border: 2px solid #4643d0;
  cursor: pointer;
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
  border-right: 0px;
  position: relative;
}

@media (max-width: 1199px) {
  .button_actions .buysll {
    width: 89%;
  }
}

.button_actions .buysll:before {
  content: "";
  width: 55px;
  height: 55px;
  background: #4643d0;
  border-radius: 50%;
  position: absolute;
  right: -40px;
  top: -5px;
}

@media (max-width: 375px) {
  .button_actions .buysll:before {
    right: -33px;
  }
}

.button_actions .buysll:after {
  content: "\f095";
  font-family: 'FontAwesome';
  font-size: 24px;
  position: absolute;
  right: -20px;
  top: 2px;
  color: #fff;
}

@media (max-width: 375px) {
  .button_actions .buysll:after {
    right: -15px;
  }
}

.button_actions .buysll p {
  text-align: center;
  margin-bottom: 0px;
  line-height: 12px;
  margin: 7px 0 0;
}

.button_actions .buysll span {
  font-weight: 700;
}

.button_actions .buysll:hover {
  background: #bebdef;
  color: #fff;
}

.button_cart_buy_enable,
.button_cart_buy_disable {
  height: 40px;
  line-height: 40px;
  width: auto;
  border-radius: 3px;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  float: left;
  position: relative;
}

@media (max-width: 767px) {

  .button_cart_buy_enable,
  .button_cart_buy_disable {
    font-size: 14px !important;
  }
}

.button_cart_buy_enable span,
.button_cart_buy_disable span {
  font-size: 14px;
}

.button_cart_buy_enable .fa,
.button_cart_buy_disable .fa {
  font-size: 20px;
  padding: 20px 22px 23px;
  position: absolute;
  left: 0;
  top: -1px;
  background: #059b3a;
  border-radius: 3px;
}

.button_cart_buy_enable {
  background: #4643d0;
  position: relative;
}

.button_cart_buy_enable:hover {
  background: #316332;
  border-color: #316332;
  color: #fff;
}

.button_cart_buy_enable:hover .fa {
  color: #fff;
}

.button_cart_buy_disable {
  background: rgba(255, 65, 87, 0.51);
  width: 100%;
}

/*END BUTTON MUA HÀNG */
.form-group {
  padding-bottom: 0px;
}

.form-group .call_phone_buy {
  margin: 17px 0 15px 0;
  color: #8d90a6;
}

.form-group .call_phone_buy a {
  color: #4643d0;
  font-weight: bold;
}

.form-group .call_phone_buy a:hover {
  color: #316332;
}

.form-group .input_number_product {
  display: inline-flex;
  width: 160px;
}

.form-group .input_number_product .btn_num {
  font-size: 22px;
  line-height: 0px;
  border: solid 1px #ddd;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #fff;
  float: left;
  color: #8d90a6;
  text-align: center;
  padding: 0px;
  border-radius: 0;
  margin-top: 5px;
}

.form-group .input_number_product .btn_num.num_1 {
  font-size: 15px;
  margin-right: -5px;
  position: relative;
  line-height: 27px;
  color: #282828;
}

.form-group .input_number_product .btn_num.num_2 {
  font-size: 15px;
  margin-left: -5px;
  position: relative;
  color: #282828;
}

.form-group .input_number_product .btn_num:hover {
  cursor: pointer;
}

.form-group .input_number_product input {
  margin: 0px 5px;
  margin-top: 5px;
  display: block;
  float: left;
  color: #282828;
  height: 35px;
  border: 1px solid #ddd;
  border-right: none;
  border-left: none;
  width: 45px;
  min-height: unset;
  text-align: center;
  box-shadow: none;
  border-radius: 0px;
  font-size: 14px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.form-product {
  padding: 0px;
}

.form-product .form-group {
  width: 100%;
}

.form-product .form-group header {
  width: 85px;
  float: left;
  line-height: 40px;
  font-size: 14px;
  color: #636363;
}

.form-product form {
  margin-bottom: 15px;
}

.box-variant {
  margin-top: 10px;
}

.box-variant .form-group {
  width: 100%;
}

.box-variant .form-group .selector-wrapper {
  margin-bottom: 15px !important;
}

.box-variant .form-group .selector-wrapper label {
  font-weight: bold;
  width: 100px;
  font-size: 14px;
  float: left;
  color: #282828;
  line-height: 40px;
}

.box-variant .form-group .selector-wrapper .single-option-selector {
  height: 45px;
  width: calc(100% - 100px);
  border-radius: 30px;
  border-color: #eaebf3;
}

@media (min-width: 1200px) {
  .box-variant .form-group .selector-wrapper .single-option-selector {
    width: 35%;
  }
}

.social_share_product {
  display: block;
  text-align: center;
}

.social_share_product .addthis_inline_share_toolbox {
  display: inline-block;
}

.details-product .link_color {
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .details-product #gallery_01 .flex-viewport {
    height: 320px !important;
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .details-product .details-pro {
    margin-top: 0px;
  }
}

.details-product .details-pro .product-price {
  font-size: 30px;
  line-height: 30px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  display: inline-block;
  color: #ff2d37;
  font-weight: 700;
}

.details-product .details-pro .price-box {
  margin: 8px 0 10px;
}

.details-product .details-pro .price-box del {
  color: #8d90a6;
  font-size: 14px;
  margin-left: 10px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.details-product .details-pro .custom-btn-number {
  position: relative;
  padding: 0;
  margin-bottom: 20px;
  border: none;
  box-shadow: none;
  width: 100%;
}

.details-product .details-pro .custom-btn-number #qty {
  height: 45px;
  font-size: 17px;
  margin: 0;
}

.details-product .details-pro .custom-btn-number {
  width: 160px;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0px !important;
  border: none;
  box-shadow: none;
  height: 45px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .details-product .details-pro .custom-btn-number {
    margin-right: 15px;
    width: 153px;
  }
}

.details-product .details-pro .custom-btn-number label {
  font-size: 14px;
}

.details-product .details-pro .custom-btn-number #qty {
  height: 45px;
  font-size: 1.28571em;
  margin: 0;
}

.details-product .details-pro .custom-btn-number .qtyminus {
  position: absolute;
  left: 25px;
  top: 4px;
  font-size: 1.42857em;
}

.details-product .details-pro .custom-btn-number .qtyplus {
  position: absolute;
  right: 25px;
  top: 4px;
  font-size: 1.42857em;
}

#btnnewreview {
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  margin: 0px;
  padding: 5px 15px !important;
  background: #4643d0 !important;
  border: solid 1px #4643d0 !important;
  display: inline;
  border-radius: 0px;
  color: #fff;
}

.related-product {
  margin-bottom: 30px;
  margin-top: 80px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .related-product .product_related .product-thumbnail a {
    height: 214.38px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .related-product .product_related .product-thumbnail a {
    height: 221.66px !important;
  }
}

@media (max-width: 374px) {
  .related-product .product_related .product-thumbnail a {
    height: unset !important;
  }
}

@media (max-width: 413px) and (min-width: 374px) {
  .related-product .product_related .product-thumbnail a {
    height: unset !important;
  }
}

@media (max-width: 543px) and (min-width: 414px) {
  .related-product .product_related .product-thumbnail a {
    height: unset !important;
  }
}

@media (max-width: 1199px) {
  .zoomContainer {
    display: none !important;
  }

  .product-thumb .product-big-wrapper .large-img .zoomWrapper {
    width: auto !important;
    height: auto !important;
  }

  .product-thumb .product-big-wrapper .large-img .zoomWrapper img {
    position: static !important;
  }
}

@media (min-width: 1200px) {
  .zoomLens {
    width: 100px !important;
    height: 100px !important;
  }

  .zoomWrapper {
    width: 100% !important;
  }

  .zoomWrapper img {
    position: static !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .zoomWrapper img~img {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .zoomWrapper {
    width: 100% !important;
    height: auto !important;
  }

  .related-product {
    margin-top: 0px;
  }
}

.related-product {
  display: block;
  float: left;
  width: 100%;
}

.related-product .product_related {
  margin-top: 20px;
}

#recently-viewed-products .image {
  float: left;
  width: 90px;
  margin-right: 10px;
}

#recently-viewed-products .info {
  width: calc(100% - 100px);
  float: right;
}

.zoomWrapper {
  width: 100% !important;
  height: auto !important;
}

.zoomWrapper img {
  position: static !important;
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

.zoomWrapper img~img {
  display: none !important;
}

/*============================================================================
8. BLOGS
==============================================================================*/
.blog-main .myblog:nth-child(1) .blog_item {
  padding-top: 0px;
}

.blog-main .myblog .content_blog {
  padding-top: 0;
}

.blog-main .myblog .blog_item {
  width: 100%;
  float: left;
  padding: 0px 0;
  margin-bottom: 15px;
}

.blog-main .myblog .blog_item .left_item {
  width: 180px;
  height: auto;
  display: block;
  float: left;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .blog-main .myblog .blog_item .left_item {
    width: 100%;
    margin-bottom: 15px;
  }
}

.blog-main .myblog .blog_item .right_item {
  width: calc(100% - 180px);
  -webkit-width: calc(100% - 180px);
  -moz-width: calc(100% - 180px);
  -o-width: calc(100% - 180px);
  -os-width: calc(100% - 180px);
  display: block;
  float: left;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .blog-main .myblog .blog_item .right_item {
    width: 100%;
    padding-left: 0px;
  }
}

@media (max-width: 767px) {
  .blog-main .myblog .blog_item .right_item {
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .blog-main .responsive_blog .col-lg-6:nth-child(2n+1) {
    clear: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-main .responsive_blog .col-md-6:nth-child(2n+1) {
    clear: left;
  }
}

.left-content {
  margin-top: -10px;
}

.left-content .aside-item {
  margin-bottom: 25px;
  width: 100%;
  float: left;
}

.left-content .aside-item.sidebar-category .aside-title {
  width: 100%;
  float: left;
}

.left-content .aside-item.sidebar-category .aside-title h2 {
  margin: 0;
  color: #282828;
}

.left-content .aside-item.sidebar-category .aside-content {
  padding: 0 15px 15px;
  border: solid 1px #ebebeb;
  width: 100%;
  float: left;
}

.left-content .aside-item.blog-aside-article {
  margin-bottom: 20px;
}

.left-content .aside-item .aside-content {
  border: solid 1px #ebebeb;
  padding: 10px 15px;
  width: 100%;
  float: left;
}

.left-content .aside-item .aside-content.aside-content-article {
  padding-bottom: 10px !important;
}

.left-content .content_tags {
  float: left;
  width: 100%;
  border-bottom: none !important;
}

.left-content .content_tags .tag_blog {
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 30px;
  padding: 9px 15px;
  margin: 5px 10px 5px 0px;
  float: left;
  color: #282828;
  word-break: break-word;
}

.left-content .content_tags .tag_blog:hover {
  border: 1px solid transparent;
  background: #316332;
  color: #fff;
}

.col-49 {
  width: 44.444444%;
  padding: 0 15px;
  float: left;
}

.col-59 {
  width: 55.555555%;
  padding: 0 15px;
  float: left;
}

@media (max-width: 767px) {

  .col-49,
  .col-59 {
    width: 100%;
    float: none;
  }
}

.blog-main>.row>.col-sm-6:nth-child(2n+1) {
  clear: left;
}

.blog_xxx:first-child .blog-item {
  border-top: none;
  margin-top: 0;
  padding-top: 15px;
}

.blog-item {
  overflow: hidden;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5;
}

@media (max-width: 1199px) {
  .blog-item {
    padding-bottom: 0px;
  }
}

.date {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  width: 100%;
  float: left;
}

.date .fa {
  color: #bbbdc9;
  margin-right: 5px;
}

.date .news_home_content_short_time {
  z-index: 999;
  color: #bbbdc9;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  display: inline-block;
  text-decoration: none;
  margin-left: 2px;
}

.date .cmt_count_blog {
  margin-left: 20px;
}

.date .cmt_count_blog .fa-comments {
  margin-right: 5px;
}

@media (max-width: 1199px) {
  .blog-item-info {
    margin-top: 15px;
  }
}

.blog-item-name {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 0px;
}

.blog-item-name a {
  color: #333;
}

.blog-item-name a:hover {
  color: #316332;
}

.blog-item-name .fa {
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 0.78571em;
  color: #4643d0;
}

.border_bot_blog {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 18px;
}

.post-time {
  color: #bbbdc9;
  font-size: 14px;
  margin-bottom: 15px;
  margin-right: 20px;
  display: inline-block;
}

.post-time .fa {
  margin-left: 10px;
}

@media (max-width: 374px) {
  .post-time .fa {
    margin-left: 0px;
  }
}

@media (min-width: 375px) and (max-width: 767px) {
  .post-time .fa {
    margin-left: 7px;
  }
}

.blog-item-summary {
  font-size: 14px;
  margin-bottom: 20px;
  color: #707070;
  line-height: 22px;
}

.blog-item-thumbnail {
  position: relative;
}

.blog-main .myblog:last-child .blog_item {
  border-bottom: 0;
}

.blog-aside .aside-content {
  border-bottom: 0px !important;
}

.blog-list h5 {
  text-transform: uppercase;
  line-height: 26px;
  margin: 0px;
  padding-top: 30px;
  padding-bottom: 5px;
}

.blog-list .loop-blog {
  min-height: 80px;
  overflow: hidden;
  padding: 20px 0px;
  border-bottom: 1px solid #ebebeb;
}

.blog-list .loop-blog:last-child {
  border: none;
}

.blog-list .loop-blog .thumb-left {
  width: 90px;
  max-width: 90px;
  height: auto;
  display: block;
  float: left;
}

.blog-list .loop-blog .blog-item-summary {
  margin-bottom: 0;
}

.blog-list .loop-blog .title-right {
  display: block;
  float: left;
  width: calc(100% - 90px);
  padding-left: 20px;
  -webkit-width: calc(100% - 90px);
  -moz-width: calc(100% - 90px);
  -o-width: calc(100% - 90px);
  -os-width: calc(100% - 90px);
}

.blog-list .loop-blog .title-right h3 {
  position: relative;
  font-size: 14px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 0px;
}

.blog-list .loop-blog .title-right h3:hover a {
  text-decoration: none;
  color: #316332;
}

.blog-list .loop-blog .date {
  margin: 7px 0 10px;
  font-weight: 400;
  color: #acacac;
  font-size: 13px;
}

.blog-list .more_blog a {
  line-height: 3;
  font-size: 1.07143em;
  color: #898989;
  display: block;
}

.blog-list .more_blog a:hover {
  text-decoration: none;
  color: #316332;
}

/*============================================================================
9. Article
==============================================================================*/
.left-content .aside-title {
  margin-top: 0px;
}

.left-content .title-head-1 {
  margin: 0px;
  font-size: 16px !important;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  display: block;
  background-image: url("//theme.hstatic.net/1000375712/1000677556/14/bg_titlehead.png?v=1");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 3px 0;
  background-position: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .left-content .title-head-1 {
    font-size: 15px !important;
  }
}

@media (max-width: 1199px) {
  .left-content .title-head-1 {
    background-image: url("//theme.hstatic.net/1000375712/1000677556/14/bg_header-mobile.png?v=1");
    width: 100%;
    margin: 0;
    padding: 3px 20px !important;
    background-repeat: unset;
    background-position: unset;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .left-content .title-head-1:before {
    content: "";
    position: absolute;
    top: 48px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #4643d0 transparent transparent;
  }

  .left-content .title-head-1:after {
    content: "";
    position: absolute;
    bottom: -15px !important;
    right: 0px !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #4643d0 transparent transparent transparent;
  }
}

.left-content .title-head-1 span {
  display: block;
  padding: 0;
}

.left-content .title-head {
  margin: 0px;
  font-size: 14px !important;
  text-transform: none;
  font-weight: bold;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  position: relative;
  display: block;
  text-transform: uppercase;
}

.left-content .title-head span {
  display: block;
  padding: 0px 0;
}

.left-content .title-head:hover a {
  color: #316332;
}

.left-content .aside-blog {
  margin-top: 15px;
}

.left-content .aside-blog .nav-item {
  position: relative;
  clear: left;
  font-size: 1em;
  padding: 5px 0px 5px 0px;
}

.left-content .aside-blog .nav-item:last-child {
  border-bottom: none;
}

.left-content .aside-blog .nav-item a {
  font-size: 1em;
  font-weight: bold;
}

.left-content .aside-blog .nav-item .fa {
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}

.left-content .aside-blog .nav-item .fa.fa-caret-right {
  right: auto;
  left: 0;
  top: 16px;
  text-align: left;
}

.left-content .aside-blog .nav-item .dropdown-menu {
  width: 100%;
  border: 0;
  padding-left: 15px;
}

.left-content .aside-blog .nav-item.active {
  border-bottom: none;
}

.left-content .aside-blog .nav-item.active>a {
  color: #316332;
}

.left-content .aside-blog .nav-item.active>.fa {
  color: #316332;
}

.left-content .aside-blog .nav-item.active>.dropdown-menu {
  display: block;
}

.left-content .aside-blog .nav-item:hover>a {
  color: #316332;
  background-color: transparent;
}

.article-main .article-details .date {
  margin: 15px 0 10px;
}

.article-main .rte {
  color: #000;
  font-family: Tahoma, Verdana, 'Segoe UI', Geneva, sans-serif;
  font-size: 1.7rem;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .article-main .rte iframe {
    max-width: 100% !important;
    width: 100% !important;
  }
}

.article-main .rte ul,
.article-main .rte ol {
  padding-left: 20px;
}

.article-main .article-image {
  margin-bottom: 30px;
  text-align: center;
}

.article-main .article-image a {
  margin: 0 auto;
}

.article-main .article-title {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 18px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: bold;
  color: #282828;
  line-height: 28px;
  float: left;
  width: 100%;
}

.article-main .post-time {
  margin-bottom: 0px;
}

.article-main .article-content {
  font-size: 1.14286em;
}

.article-main .form-group {
  margin: 0;
  padding-top: 0;
  padding-bottom: 5px;
}

.article-main .form-group input {
  border-radius: 40px;
  height: 40px;
  line-height: 40px;
}

.article-main .form-group textarea {
  border-radius: 20px;
}

.tag-share {
  clear: left;
  padding: 20px 0;
  border-bottom: 1px solid #EAEBF3;
  line-height: 30px;
}

.tag-share .social-media {
  color: #7b7b7b;
}

.tag-share .social-media a {
  margin-left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid #b1b1b1;
  display: inline-block;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  color: #b1b1b1;
  font-size: 12px;
}

.tag-share .social-media a:hover {
  color: #316332;
  border-color: #316332;
}

.tag_article {
  color: #333;
  padding-left: 0px;
  font-size: 14px;
}

.tag_article .fa {
  transform: translateY(1px);
}

.tag_article a {
  color: #636363;
}

.tag_article a:hover {
  color: #316332;
}

@media (max-width: 767px) {
  .tag-share>div {
    text-align: left !important;
    padding-left: 0px;
  }

  .tag-share .social-sharing {
    float: left !important;
    margin-top: 5px;
  }
}

.title-form-coment {
  font-size: 24px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 700;
  text-transform: none;
  margin-top: 30px;
  margin-bottom: 5px;
  color: #282828;
}

.article-main form {
  display: block;
  float: left;
  width: 100%;
  padding-top: 0px;
  margin-top: 10px;
}

#article-comments {
  margin-top: 30px;
}

#article-comments .article-comment {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEBF3;
}

#article-comments .article-comment:last-child {
  padding-bottom: 30px;
}

#article-comments .article-comment-user-image {
  margin: 0;
  float: left;
  width: 60px;
  margin-right: 12px;
}

#article-comments .article-comment-user-image img {
  border-radius: 50%;
}

#article-comments .article-comment-user-comment {
  padding-left: 70px;
  word-break: break-word;
  font-size: 1em;
}

#article-comments .user-name-comment {
  margin: 0;
  color: #282828;
  font-size: 1em;
  line-height: 1;
}

#article-comments .article-comment-date-bull {
  padding: 5px 0;
  display: block;
  color: #acacac;
}

.social-media {
  font-size: 1em;
}

.social-media .list-inline li {
  margin-right: 20px;
}

.section-news-2 {
  margin-bottom: 20px;
}

.block-recent {
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 25px;
}

.block-recent ul li {
  line-height: 24px;
  padding: 7px 0;
  padding-left: 15px;
  position: relative;
}

.block-recent ul li:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 16px;
  left: 0px;
  background: #4643d0;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.block-recent ul li span.date_style {
  font-size: 13px;
  font-weight: 400;
  margin-left: 5px;
  color: #acacac;
}

.block-recent ul li a {
  color: #282828;
  font-weight: 600;
}

.block-recent ul li a .fa {
  display: inline-block;
  margin-right: 5px;
}

.block-recent ul li a:hover {
  color: #316332;
}

/*============================================================================
11. ACCOUNT,ORDER,ADDREDSS...
==============================================================================*/
/*11.1 Account gerenal*/
/*Fixbug mất ô checkbox address*/
.checkbox .c-checkbox input {
  opacity: 1;
  width: auto;
  height: 23px;
  left: 0;
  margin: 0;
}

.checkbox .check_h input {
  opacity: 1;
  width: auto;
  height: 23px;
  left: 15px;
  margin: 0;
}

/*POPUP LOGIN*/
div#social_login {
  width: 100% !important;
  text-align: center;
}

.embedContent ul.icon-only {
  margin-bottom: 10px;
  display: block;
  text-align: center !important;
  margin: 0 !important;
}

#dangky .wrap-modal-login,
#dangnhap .wrap-modal-login {
  width: 800px;
  color: #8d90a6;
  background: #fff;
  top: 20%;
}

@media (max-width: 1400px) {

  #dangky .wrap-modal-login,
  #dangnhap .wrap-modal-login {
    width: 800px;
    top: 10%;
  }
}

#dangky .wrap-modal-login .btn,
#dangnhap .wrap-modal-login .btn {
  font-size: 16px;
  font-weight: 600;
}

#dangky .wrap-modal-login h5.title-modal,
#dangnhap .wrap-modal-login h5.title-modal {
  font-size: 30px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
  color: #4643d0;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

#dangky .wrap-modal-login h5.title-modal a,
#dangnhap .wrap-modal-login h5.title-modal a {
  padding: 0 5px 15px 5px;
  font-size: 24px;
  font-weight: 400;
  margin: 0 10px;
  display: inline-block;
  position: relative;
}

#dangky .wrap-modal-login h5.title-modal a.active,
#dangnhap .wrap-modal-login h5.title-modal a.active {
  color: #316332;
}

#dangky .wrap-modal-login .link-popup,
#dangnhap .wrap-modal-login .link-popup {
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}

#dangky .wrap-modal-login .link-popup a,
#dangnhap .wrap-modal-login .link-popup a {
  text-decoration: none;
}

#dangky .content,
#dangnhap .content {
  padding: 90px 15px 0 15px;
  text-align: center;
}

#dangky .content input,
#dangnhap .content input {
  border: 1px solid #eaebf3;
  margin-bottom: 20px;
}

#dangky .content label,
#dangnhap .content label {
  font-weight: 400;
}

#dangky .content a,
#dangnhap .content a {
  color: #4643d0;
}

#dangky #customer_register,
#dangnhap #customer_register {
  margin-bottom: 0;
}

#dangky button.btn.btn-close.btn-default,
#dangnhap button.btn.btn-close.btn-default {
  position: absolute;
  right: -30px;
  top: -30px;
  width: 40px;
  font-size: 20px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  padding: 0;
}

#customer_register {
  margin-bottom: 10px;
}

#customer_login,
#recover_customer_password {
  margin-bottom: 0;
}

.checkbox.style input {
  margin: 0 !important;
  display: none;
}

.checkbox.style label {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  text-transform: none;
  position: relative;
  padding-left: 55px;
  line-height: 50px;
}

.checkbox.style label:before {
  display: block;
  width: 35px;
  height: 35px;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.checkbox.style input:checked+label:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 20px;
  color: #4643d0;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

#customer_register {
  margin-bottom: 20px;
}

#customer_login {
  margin-bottom: 0;
}

#recover_customer_password {
  margin-bottom: 0;
  padding: 0;
}

.h_recover #recover-password {
  padding: 0px;
}

.h_recover #recover-password #recover_customer_password {
  padding: 0px !important;
}

#recover-password .group_contact {
  padding: 0px !important;
}

.checkbox.style input {
  margin: 0 !important;
  display: none;
}

.checkbox.style label {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  text-transform: none;
  position: relative;
  padding-left: 55px;
  line-height: 50px;
}

.checkbox.style label:before {
  display: block;
  width: 35px;
  height: 35px;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.checkbox.style input:checked+label:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 20px;
  color: #316332;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/*11.2 Account*/
.page_customer_account .col-left-account .table-cart .thead-default {
  border-top: 1px solid #ddd;
  background: #acacac;
}

.block-account h3 {
  margin-top: 0;
}

.block-account .block-title-account h5 {
  text-transform: uppercase;
}

.customer-name {
  color: #4643d0;
  line-height: 55px;
}

.block-content.form-signup {
  background: #fff;
}

.block-content.form-signup p i {
  color: #4643d0;
  width: 10px;
  margin-right: 10px;
}

.address-title {
  padding-left: 10px;
  margin-bottom: 15px;
  border-radius: 0 !important;
  font-weight: 300;
}

.address-title button {
  background: none;
  border: none;
  font-size: 0;
  width: 50px;
  height: 55px;
}

.address-title button.btn-edit {
  background-repeat: no-repeat;
  background-position: center;
}

.address-title button.btn-delete {
  background-repeat: no-repeat;
  background-position: center;
}

.address-subtitle {
  margin-top: 0;
  text-transform: uppercase;
}

.address-item-action {
  right: 0;
  top: -7px;
}

.address-item-action .btn-row {
  padding-right: 5px;
}

.address-group {
  background: #fff;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.address-group p {
  color: #595959;
}

.address-group p label {
  float: left;
  font-weight: 300;
}

@media (max-width: 374px) {
  .address-group p small {
    display: block;
  }
}

/*11.2 Order*/
#order_details .thead-default {
  border-top: 1px solid #ddd;
}

.order_date .color_main {
  padding-left: 30px;
}

@media (max-width: 374px) {
  .order_date .color_main {
    padding-left: 0;
    display: block;
    float: left;
    width: 100%;
  }
}

.order_date .color_main .fa {
  color: #4643d0;
}

#order_payment,
#order_shipping {
  background: #fff;
}

#order_payment .address.note i,
#order_shipping .address.note i {
  color: #4643d0;
  margin-right: 5px;
}

.totalorders {
  background: #fff;
  border-color: #e1e1e1;
}

.order-headding {
  margin: 0;
}

.info-contact .widget-menu p {
  display: inline;
}

.info-contact .logo {
  font-size: 20px;
}

/*11.3 Address*/
.page_address .adr_title .title-head {
  padding-bottom: 20px;
}

.page_address .adr_title .title-head .a_address {
  font-size: 14px;
  text-transform: none;
  margin-top: 5px;
}

.page_address .adr_title .title-head .a_address .fa {
  color: #4643d0;
}

/* Reset password*/
#reset_password .form-group {
  margin-bottom: 15px;
}

#reset_password .form-group input {
  height: 45px;
  padding: 0 20px;
  color: #111111;
  border-color: #ebebeb;
  border-radius: 0px;
  box-shadow: none;
}

#reset_password .form-group textarea {
  box-shadow: none;
}

#reset_password .form-group input::placeholder {
  font-size: 15px;
  color: #111111;
}

/*============================================================================
#13. FIXED APPS
==============================================================================*/
.at-style-responsive .at-share-btn {
  border-radius: 3px !important;
}

.google_plusone_iframe_widget {
  width: auto !important;
}

div#isp_search_result_page_container .btn-search {
  display: none;
}

button.btn.btn-default.btn-search {
  display: none;
}

div#isp_search_result_page_container form {
  margin-bottom: 0;
}

/*Fix fancybox review*/
.fancybox-close {
  background-color: transparent !important;
}

/*Contact*/
.google-map {
  width: 100%;
}

.google-map .map {
  width: 100%;
  height: 450px;
  background: #dedede;
}

@media (max-width: 543px) {
  .page-login span.intr {
    font-size: 13px !important;
  }

  .address .page_address .adr_title .title-head a {
    width: 100%;
    margin: 15px 0;
  }
}

.maps_iframe {
  width: 100%;
}

.maps_iframe iframe {
  width: 100%;
  height: 400px;
}

.title_head .title_center_page {
  font-size: 18px !important;
  font-weight: 600;
  text-transform: none;
  position: relative;
  display: block;
  margin: 0;
}

#pagelogin {
  margin-top: 5px;
}

.page-login {
  padding-bottom: 40px;
}

.page-login span.intr {
  font-size: 15px;
  line-height: 23px;
  color: #636363;
  text-align: center;
  display: block;
}

.page-login .form-signup {
  margin-top: 35px;
}

.page-login .form-signup .form-group {
  margin-bottom: 0px;
}

.page-login .form-signup .form-group label {
  margin-top: 0px;
}

.page-login .form-signup .form-group input {
  height: 40px;
  padding: 0 20px;
  color: #636363;
  border-radius: 40px !important;
  border-color: #eaebf3;
  box-shadow: none;
}

.page-login .form-signup .form-group input::-webkit-input-placeholder {
  color: #acacac;
}

.page-login .form-signup .form-group input::-moz-placeholder {
  color: #acacac;
}

.page-login .form-signup .form-group input:-ms-input-placeholder {
  color: #acacac;
}

.page-login .form-signup .form-group textarea {
  box-shadow: none;
  border-color: #eaebf3;
  border-radius: 20px !important;
}

.page-login .form-signup .btn-lienhe {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}

.page-login .form-signup .text-upper {
  width: 150px;
  height: 45px;
  font-size: 12px;
  font-weight: bold;
}

.page-login .form-signup .accept_submit {
  margin-left: 20px;
  margin-top: 10px;
}

.page-login .form-signup .accept_submit span {
  font-size: 15px;
  color: #111111;
}

.page-login .form-signup .button-50 {
  font-size: 16px;
  line-height: 50px;
  width: 50%;
}

.page-login .form-signup .have_ac {
  font-size: 15px;
  color: #111111;
  margin-left: 15px;
}

.page-login .form-signup .have_ac a {
  color: #4643d0;
  text-decoration: underline;
}

.login-width-social #social_login_widget #social_login {
  margin: 0 auto 50px;
}

.recv-text {
  font-size: 15px;
  display: block;
  text-align: center;
  width: 100%;
  overflow: hidden;
  padding-top: 15px;
  margin: 0 15px;
}

.recv-text a {
  text-decoration: underline;
  cursor: pointer;
  color: #4643d0;
}

@media (max-width: 991px) {
  .form-signup .button-50 {
    width: 100% !important;
  }

  .form-signup .have_ac {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
}

/*FixApp login*/
.embedContent .embedHeader {
  display: none !important;
}

/*Contact Page*/
.info-contact .title-head {
  text-transform: uppercase;
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 20px;
  color: #282828;
}

.info-contact .widget-menu {
  font-size: 14px;
  margin-bottom: 15px;
  overflow: hidden;
}

.info-contact .widget-menu .ico-left {
  float: left;
  position: relative;
  top: 0px;
  border-radius: 3px;
  width: 28px;
  text-align: left;
  height: 28px;
  display: block;
  margin-top: -2px;
  padding-left: 2px;
  line-height: 28px;
  color: #fff;
  color: #51b935;
}

.info-contact .widget-menu .txt-content-add {
  display: inherit;
  padding-left: 0px;
}

@media (max-width: 543px) {
  .info-contact .widget-menu .txt-content-add {
    padding-left: 29px;
  }
}

.info-contact .widget-menu .bold-color {
  font-weight: bold;
  color: #636363;
}

.info-contact .widget-menu li {
  position: relative;
  color: #83858e;
  margin-bottom: 5px;
}

.info-contact .widget-menu li:nth-child(1) .fa {
  margin-left: 3px;
}

.info-contact .widget-menu li:nth-child(2) .fa {
  margin-left: 4px;
}

.info-contact .widget-menu li a {
  color: #83858e;
}

.info-contact .widget-menu li:hover>a {
  text-decoration: none;
}

.info-contact .border-contact-page {
  padding: 2px 0px;
  border: dashed 1px #ebebeb;
  display: block;
}

.info-contact .descripti {
  font-size: 14px;
  margin: 0px 0px 30px;
  padding: 0px 0px 30px;
  border-bottom: solid 1px #ebebeb;
  color: #3d454e;
}

.info-contact .logo {
  font-size: 20px;
}

.page_cotact .title-head-contact {
  margin: 0px;
  padding: 0px 0px 15px;
  font-size: 20px;
  color: #041721;
  line-height: 37px;
  text-align: left;
}

.page_cotact .form-signup {
  margin: 0px;
}

.page-right .title-head-contact {
  margin: 0px;
  text-transform: uppercase;
  padding: 20px 0px 5px;
  font-size: 14px;
  font-weight: bold;
  color: #041721;
  line-height: 37px;
  text-align: left;
}

.group_contact .form-group {
  padding: 0px 15px;
  margin-bottom: 15px;
  color: #282828;
}

.group_contact .form-group .form-control {
  font-size: 14px;
  color: #282828;
  height: 40px;
  padding: 0px 20px;
}

.group_contact .form-group .form-control::-webkit-input-placeholder {
  color: #acacac;
}

.group_contact .form-group .form-control::-moz-placeholder {
  color: #acacac;
}

.group_contact .form-group .form-control:-ms-input-placeholder {
  color: #acacac;
}

.group_contact .form-group .content-area {
  min-height: 130px;
  padding: 20px;
}

.group_contact .form-group input,
.group_contact .form-group textarea {
  border-color: #ebebeb;
}

.group_contact .form-group input:focus,
.group_contact .form-group textarea:focus {
  border-color: #ebebeb;
}

.group_contact .form-group input::placeholder {
  font-size: 15px;
  color: #111111;
}

.group_contact .form-group textarea::placeholder {
  font-size: 15px;
  color: #111111;
}

.group_contact .form-group .btn-50-full {
  position: absolute;
  right: 15px;
  bottom: 0px;
  box-shadow: none;
  padding: 8px 20px;
  font-size: 14px;
  color: #fff;
  background: #4643d0;
  border: solid 1px #4643d0;
}

.group_contact .form-group .btn-50-full:hover {
  border-color: #316332;
  background: #fff;
  color: #316332;
}

.page_contact .select_maps .mid-footer .follow_option {
  margin-top: 15px;
  padding-left: 0px;
}

.page_contact .select_maps .mid-footer .follow_option li a {
  border: 2px solid #cdcfdd;
}

.page_contact .select_maps .mid-footer .follow_option li a .fa {
  color: #cdcfdd;
}

.page_contact .select_maps .mid-footer .follow_option li a:hover {
  border: 2px solid #316332;
}

.page_contact .select_maps .mid-footer .follow_option li a:hover .fa {
  color: #316332;
}

.page_contact .select_maps .hotline_contact li:nth-child(1) {
  margin-bottom: 5px;
}

.page_contact .select_maps .list-menu {
  color: #8d90a6;
}

.page_contact .select_maps .list-menu a {
  color: #8d90a6;
}

.page_contact .select_maps .list-menu a:hover {
  color: #316332;
}

.page_contact .select_maps .fa {
  color: #4643d0;
  margin-right: 15px;
}

.page_contact .select_maps .widget-db .item li {
  margin-bottom: 10px;
}

.page_contact .select_maps .widget-db .item:nth-child(1) .contact_x li .fa:before {
  content: "\f015";
}

/*Loaction Contact */
@media (max-width: 991px) {
  .section_maps .select_mapss {
    margin-top: 40px;
  }
}

.hasborder {
  border-bottom: none !important;
}

.hasborder .title-module-page h2 {
  font-size: 30px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: bold;
  line-height: normal;
}

.hasborder .title-module-page h2 span {
  color: #4643d0;
}

@media (min-width: 1200px) {
  .hasborder .box-maps {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .wrap_padding {
    padding-right: 20%;
    padding-left: 0;
  }

  .box-maps .gllpLatlonPicker {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .title-module-page {
    padding-top: 0px;
  }
}

.title-module-page h2 {
  margin: 0px;
  padding: 0px;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 10px;
}

@media (max-width: 375px) {
  .title-module-page h2 {
    font-size: 19px;
  }
}

.title-module-page h2 span .fa {
  color: #4643d0;
  padding-right: 15px;
}

@media (max-width: 991px) {
  .widget-item.info-contact {
    margin-top: 20px !important;
  }

  .widget-item.info-contact {
    margin-top: 0px !important;
  }

  .page_cotact {
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .title_mobile_contact {
    padding: 0px 0px 30px !important;
  }
}

.search-main .products-view-grid {
  border-top: none;
  display: block;
  float: left;
  width: 100%;
}

.search-main .title_search {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  text-transform: none;
}

@media (min-width: 768px) {
  .search-main .form_search_h {
    width: 300px;
    float: left;
    line-height: 2.1;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}

@media (min-width: 768px) {
  .search-main .btn_search_h {
    border-radius: 0;
    margin-left: -1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}

@media (max-width: 375px) {
  .search-main .cls_search .product-col .product-box {
    height: 270px;
  }
}

/*Contact Page*/
.wrap_contact {
  background: #f4574c;
  overflow: hidden;
  padding: 20px 0px;
}

.wrap_contact .icon_widget {
  display: inline-block;
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #f8948d;
  border: solid 3px #f67970;
  line-height: 40px;
  text-align: center;
}

.wrap_contact .icon_widget .fa {
  font-size: 16px;
  color: #fff;
}

.wrap_contact .contact_info {
  display: block;
  padding-left: 50px;
  margin-left: 25px;
}

.wrap_contact .contact_info span,
.wrap_contact .contact_info a {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
}

.wrap_contact .contact_info span.lh,
.wrap_contact .contact_info a.lh {
  line-height: 45px;
}

.wrap_contact .contact_info a {
  width: 100%;
  float: left;
}

.info-contact .title-head {
  text-transform: uppercase;
  margin-top: 0;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #282828;
}

.info-contact .widget-menu {
  font-size: 14px;
  margin-bottom: 15px;
  overflow: hidden;
}

.info-contact .widget-menu .ico-left {
  display: block;
  float: left;
  width: 25px;
  text-align: center;
}

.info-contact .widget-menu p,
.info-contact .widget-menu .rc {
  display: block;
  float: left;
  width: calc(100% - 35px);
  margin-left: 5px;
}

.info-contact .widget-menu li {
  margin-bottom: 5px;
}

.info-contact .widget-menu li:hover>a {
  text-decoration: none;
}

.info-contact .border-contact-page {
  padding: 2px 0px;
  border: dashed 1px #ebebeb;
  display: block;
}

.info-contact .descripti {
  font-size: 14px;
  margin: 0px 0px 30px;
  padding: 0px 0px 30px;
  border-bottom: solid 1px #ebebeb;
  color: #3d454e;
}

.info-contact .logo {
  font-size: 20px;
}

.sec_footer .widget-db {
  margin-top: 15px;
}

.sec_footer .widget-db .item .title_bold {
  margin-bottom: 10px;
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #282828;
  text-transform: none;
}

.sec_footer .widget-db .item .contact_x li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
  color: #898989;
}

.sec_footer .widget-db .item .contact_x li a {
  color: #898989;
}

.sec_footer .widget-db .item .contact_x li .fa {
  position: absolute;
  left: 0;
  float: left;
  top: 0px;
  border-radius: 3px;
  width: 20px;
  text-align: left;
  height: 30px;
  display: block;
  margin-right: 5px;
  margin-top: -2px;
  padding-left: 0px;
  line-height: 28px;
  color: #4643d0;
  background-repeat: no-repeat;
}

.sec_footer .widget-db .item .contact_x li .txt_content_child {
  color: #898989;
}

@media (min-width: 768px) and (max-width: 991px) {
  .right_contact {
    margin-top: 40px;
  }
}

.section_maps #contact_map {
  border: 10px solid #eaebf3;
}

.page_cotact {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.page_cotact .title-head-contact {
  color: #282828;
  font-size: 30px !important;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 700;
  text-transform: none;
  position: relative;
  display: block;
  margin: 0;
  padding-bottom: 10px;
}

.page_cotact .title-head-contact span {
  display: block;
  padding: 10px 0;
}

.page_cotact p {
  color: #8d90a6;
}

.page_cotact .title_db {
  font-size: 18px !important;
  font-weight: 700;
  color: #282828;
  text-transform: uppercase;
  position: relative;
  display: block;
  margin: 0;
  padding-bottom: 0px;
}

.page_cotact .title_db span {
  display: block;
  padding: 10px 0;
}

.page_cotact .sum_contact {
  color: #898989;
}

.page_cotact .form-signup {
  margin: 0px;
}

.page-login .title-head-contact:before {
  width: 25%;
}

.item_contact .body_contact {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  display: inline-flex;
}

.item_contact .body_contact .icon_widget {
  background: #f2f2f2;
  height: 30px;
  width: 30px;
  float: left;
  margin: 0 15px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.item_contact .body_contact .icon_widget .fa {
  font-size: 14px;
  color: #4643d0;
}

.item_contact .body_contact .contact_info {
  float: left;
  width: calc(100% - 45px);
  align-items: center;
  display: flex;
  flex-flow: row;
}

.item_contact .body_contact .contact_info span,
.item_contact .body_contact .contact_info a {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #282828;
  text-decoration: none;
}

.item_contact .body_contact .contact_info a {
  width: 100%;
  float: left;
}

.group_contact .form-group {
  padding: 0px 15px;
  margin-bottom: 15px;
  color: #282828;
}

.group_contact .form-group .form-control {
  border-radius: 0px !important;
  font-size: 14px;
  color: #282828;
  height: 40px;
  padding: 0px 15px;
}

.group_contact .form-group .form-control::-webkit-input-placeholder {
  color: #acacac;
}

.group_contact .form-group .form-control::-moz-placeholder {
  color: #acacac;
}

.group_contact .form-group .form-control:-ms-input-placeholder {
  color: #acacac;
}

.group_contact .form-group .content-area {
  min-height: 130px;
  padding: 10px 15px;
  border-radius: 3px !important;
  resize: none;
}

.group_contact .form-group input,
.group_contact .form-group textarea {
  border-color: #ebebeb;
}

.group_contact .form-group input:focus,
.group_contact .form-group textarea:focus {
  border-color: #ebebeb;
}

.group_contact .form-group .btn-50-full {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  position: absolute;
  right: 15px;
  bottom: 0px;
  box-shadow: none;
  padding: 8px 20px;
  font-size: 14px;
  color: #fff;
  background: #4643d0;
  border: solid 1px #4643d0;
}

.group_contact .form-group .btn-50-full:hover {
  border-color: #316332;
  background: #fff;
  color: #316332;
}

.thank_text {
  color: #4643d0;
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
}

/*LABEL MAIN MENU*/
.label_ {
  font-weight: 400;
  display: inline-block;
  position: absolute;
  top: -12px;
  right: 10px;
}

.label_ i {
  background: #4643d0;
  width: 33px;
  position: relative;
  right: 0px;
  top: -13px;
  font-style: normal;
  text-transform: uppercase;
  height: 16px;
  border-radius: 0px;
  font-size: 10px;
  font-weight: 400;
  padding: 2px 5px;
}

.label_ i:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 35%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #007bff transparent transparent transparent;
}

.label_ i.new {
  background: #5bca3d;
  border: 1px solid #5bca3d;
}

.label_ i.new:before {
  border-color: #5bca3d transparent transparent transparent;
}

.label_ i.sale {
  background: #4643d0;
  border: 1px solid #4643d0;
}

.label_ i.sale:before {
  border-color: #4643d0 transparent transparent transparent;
}

.label_ i.hot {
  background: #ffba00;
  border: 1px solid #ffba00;
}

.label_ i.hot:before {
  border-color: #ffba00 transparent transparent transparent;
}

/*STYLE BLOG INDEX*/
.myblog .content_blog {
  width: 100%;
  float: left;
  padding-top: 30px;
}

.myblog .content_blog .content_left {
  float: left;
  height: 56px;
  background: #4643d0;
  text-align: center;
  width: 60px;
  padding: 10px 6px 8px 6px;
  display: inline-block;
  margin-right: 18px;
}

.myblog .content_blog .content_left .top_content {
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 17px;
  color: #fff;
}

.myblog .content_blog .content_left .bot_content {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}

.myblog .content_blog .content_right {
  width: 100%;
  display: inline-block;
  float: right;
}

.myblog .content_blog .content_right h3 {
  margin: 0;
  line-height: normal;
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  padding-bottom: 5px;
  color: #282828;
}

.myblog .content_blog .content_right .time_post {
  color: #bbbdc9;
}

.myblog .content_blog .summary_item_blog {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.myblog .content_blog .summary_item_blog p {
  margin: 0;
  margin-top: 0px;
  color: #282828;
  line-height: 19px;
}

.myblog .content_blog .continus_btn {
  font-weight: bold;
  color: #4643d0;
}

.myblog .content_blog .continus_btn:hover {
  color: #316332;
}

.article_lq {
  border: dashed 1px #4643d0;
  padding: 0 10px 10px;
  border-radius: 0;
  margin-bottom: 15px;
}

.article_lq .aside-title h2 {
  font-size: 12px;
}

.article_lq .list_article {
  padding-left: 17px;
}

.article_lq .list_article li {
  list-style: disc;
  width: 100%;
  float: left;
}

/*****************************************************
COLLECTION STYLE
*****************************************************/
/*STYLE SẮP XẾP NEW*/
.sort-cate {
  display: block;
}

@media (max-width: 480px) {
  .sort-cate {
    float: none !important;
  }
}

.sort-cate .sort-cate-left {
  float: left;
  margin-top: 5px;
}

.sort-cate .sort-cate-left h3 {
  font-size: 14px;
  font-weight: 700;
  float: left;
  margin: 0;
  margin-top: 2px;
  color: #282828;
  display: inline-block;
  float: left;
  width: 85px;
}

.sort-cate .sort-cate-left ul {
  float: left;
  display: block;
  padding-left: 0;
  width: calc(100% - 85px);
  -webkit-width: calc(100% - 85px);
  -o-width: calc(100% - 85px);
  -os-width: calc(100% - 85px);
  -moz-width: calc(100% - 85px);
}

.sort-cate .sort-cate-left ul li {
  float: left;
  padding: 0 0 0 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .sort-cate .sort-cate-left ul li:first-child {
    padding-left: 0px;
  }
}

.sort-cate .sort-cate-left ul li.active a {
  color: #316332;
}

.sort-cate .sort-cate-left ul li a {
  font-size: 14px;
  position: relative;
}

.sort-cate .sort-cate-left ul li a i {
  height: 14px;
  width: 14px;
  border: 1px solid #cdcfdd;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 5px 0 0;
  position: relative;
}

.sort-cate .sort-cate-left ul li:hover i,
.sort-cate .sort-cate-left ul li.active i {
  background: #316332;
  height: 14px;
  width: 14px;
  border: none;
}

.sort-cate .sort-cate-left ul li:hover i:before,
.sort-cate .sort-cate-left ul li.active i:before {
  font-family: 'FontAwesome';
  content: "\f00c";
  color: #fff;
  position: absolute;
  width: 14px;
  height: 14px;
  line-height: 14px;
  top: 0px;
  font-size: 10px;
  left: 1px;
}

.sort-cate .sort-cate-right {
  float: right;
}

.sort-cate .sort-cate-right h3 {
  font-size: 14px;
  font-weight: normal;
  float: left;
  margin: 0;
  margin-top: 5px;
  margin-right: 5px;
}

.sort-cate .sort-cate-right .view-mode {
  display: inline-block;
}

@media (max-width: 480px) {
  .sort-cate .sort-cate-right .view-mode {
    text-align: center;
    display: block;
  }
}

.sort-cate .sort-cate-right .view-mode a {
  border: 1px solid #eaeced;
  width: 65px;
  display: inline-block;
  color: #333;
  font-size: 14px;
  height: auto;
  line-height: inherit;
  float: left;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
}

@media (min-width: 413px) and (max-width: 415px) {
  .sort-cate .sort-cate-right .view-mode a {
    width: 90px;
  }
}

@media (min-width: 374px) and (max-width: 380px) {
  .sort-cate .sort-cate-right .view-mode a {
    width: 80px;
  }
}

.sort-cate .sort-cate-right .view-mode a.active,
.sort-cate .sort-cate-right .view-mode a:hover {
  color: #316332;
}

.sort-cate .sort-cate-right .view-mode a+a {
  margin-left: 5px;
}

@media (max-width: 480px) {
  .sort-cate .sort-cate-right .view-mode a {
    float: none;
  }
}

@media (max-width: 480px) {
  .sort-cate .sort-cate-right {
    width: 50%;
  }

  .sort-cate .sort-cate-right h3 {
    display: block;
    text-align: left;
    margin-right: 0;
    float: none;
  }
}

@media (max-width: 480px) {
  .sort-cate .sort-cate-right-mobile {
    width: 100%;
    float: left;
  }

  .sort-cate .sort-cate-right-mobile #sort-by {
    float: none;
    margin-left: 0px;
    width: 100%;
    padding: 5px 0;
  }

  .sort-cate .sort-cate-right-mobile #sort-by .left {
    display: block;
    float: left;
    line-height: 1.4;
    font-weight: normal;
    margin-right: 10px;
    margin-top: 5px;
    width: 60px;
  }

  .sort-cate .sort-cate-right-mobile #sort-by ul {
    width: calc(100% - 80px);
  }

  .sort-cate .sort-cate-right-mobile #sort-by ul>li {
    border: 1px solid #eaeced;
    padding: 0 5px;
    width: 100%;
    line-height: 28px;
  }

  .sort-cate .sort-cate-right-mobile #sort-by ul ul {
    background-color: #fff;
    width: 100% !important;
    top: 27px;
  }

  .sort-cate .sort-cate-right-mobile #sort-by ul ul li {
    width: 100%;
    border: none;
  }
}

.dqdt-sidebar {
  margin-top: -27px;
}

.titlecollection {
  position: relative;
}

.titlecollection img {
  max-width: 100%;
  margin: 0 auto;
}

.title_collec {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 15px;
  display: block;
  text-align: left;
  line-height: 38px;
  color: #282828;
}

.background_aside_wrap {
  padding: 0px 0px 0;
  background: #fff;
  width: 100%;
  float: left;
}

.background_aside_wrap.asidecollection {
  margin-top: 10px;
}

@media (max-width: 1199px) {
  .background_aside_wrap.asidecollection {
    padding: 0;
    margin-top: 0;
  }
}

.background_aside_wrap ul {
  padding-left: 0px;
}

.collection .collection-image img {
  width: 100%;
}

.collection .product-box-h {
  min-height: 415px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .collection .product-box-h {
    min-height: 350px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .collection .product-box-h {
    min-height: 340px;
  }
}

@media (min-width: 543px) and (max-width: 767px) {
  .collection .product-box-h {
    min-height: 310px;
  }
}

@media (max-width: 480px) {
  .collection .product-box-h {
    min-height: 270px;
  }
}

.sidebar .title-head {
  margin: 0px;
  font-size: 14px !important;
  position: relative;
  display: block;
}

.sidebar .title-head span {
  display: block;
  padding: 0px;
}

.product-mini-lists .products {
  border: none !important;
}

@media (min-width: 1200px) {
  .products-view-grid .col-lg-4:nth-child(3n+1) {
    clear: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .products-view-grid .col-md-4:nth-child(3n+1) {
    clear: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .products-view-grid .col-sm-4:nth-child(3n+1) {
    clear: left;
  }
}

@media (max-width: 767px) {
  .products-view-grid .col-xs-6:nth-child(2n+1) {
    clear: left;
  }
}

@media (max-width: 767px) {
  .product-box .btn-white {
    padding: 0 10px;
  }
}

.view-mode>a {
  width: 34px;
  height: 34px;
  display: inline-block;
  margin-left: 2px;
}

.view-mode span {
  font-size: 0;
}

.tt span {
  font-size: 14px;
}

.tt.hidden-sm.hidden-xs {
  padding-left: 95px;
  padding-top: 10px;
  display: inline-block;
}

.button-view-mode {
  padding: 0;
  margin: 0;
  width: 34px;
  height: 34px;
  box-shadow: none;
  line-height: 34px;
  font-size: 13px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #acacac;
}

.button-view-mode.active {
  color: #fff;
  border: 1px solid #316332;
  background: #316332;
  box-shadow: none;
}

.button-view-mode.active a {
  color: #316332;
}

.button-view-mode .fa {
  font-size: 13px;
}

.button-view-mode .ion-grid {
  font-size: 21px;
}

.button-view-mode .ion-navicon {
  font-size: 26px;
}

.button-view-mode:hover {
  color: #fff;
  border: 1px solid #316332;
  background: #316332;
}

.collection .title-head {
  display: inherit;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 30px;
  margin: 0;
}

@media (max-width: 991px) {
  .collection .title-head {
    position: relative;
    margin-bottom: 0px;
  }
}

.collection .tt span {
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.collection .text-sm-left {
  padding-top: 6px;
}

.collection .category-products .sortPagiBar {
  display: inline-block;
  padding: 0;
  margin-bottom: 20px;
  margin-top: -5px;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .collection .category-products .sortPagiBar {
    padding-bottom: 10px;
  }
}

.collection .category-products .sortPagiBar .wr_sort {
  margin-bottom: 0px;
  padding: 0px 0px 3px;
}

@media (max-width: 767px) {
  .collection .category-products .sortPagiBar .wr_sort {
    border-bottom: none;
    margin-bottom: 0px;
  }
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .ht_xxx {
  float: left;
  height: 30px;
  display: inline-block;
  line-height: 32px;
  margin-right: 5px;
  font-size: 14px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .view-mode {
  display: inline-block;
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .view-mode a {
  width: 34px;
  margin-right: 5px;
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .sorby_xxx {
  display: inline;
  float: right;
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .sorby_xxx .left {
  float: left;
  font-weight: 400;
  line-height: 33px;
  font-size: 14px !important;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  margin-right: 6px;
  margin-bottom: 0;
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .sorby_xxx ul li {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 400;
}

.collection .category-products .sortPagiBar2 {
  display: inline-block;
  padding: 0;
  margin-bottom: 15px;
  margin-top: -5px;
  width: 100%;
}

.collection .category-products .sortPagiBar2 .wr_sort {
  margin-bottom: 0px;
  padding: 0px 0px 3px;
}

@media (max-width: 767px) {
  .collection .category-products .sortPagiBar2 .wr_sort {
    border-bottom: none;
    margin-bottom: 0px;
  }
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .ht_xxx {
  float: left;
  height: 30px;
  display: inline-block;
  line-height: 32px;
  margin-right: 5px;
  font-size: 14px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .view-mode {
  display: inline-block;
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .view-mode a {
  width: 34px;
  margin-right: 5px;
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .sorby_xxx {
  display: inline;
  float: right;
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .sorby_xxx .left {
  float: left;
  font-weight: 400;
  line-height: 33px;
  font-size: 14px !important;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  margin-right: 6px;
  margin-bottom: 0;
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .sorby_xxx ul li {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 400;
}

.collection .category-products .products-view-grid {
  float: left;
  width: 100%;
}

@media (min-width: 1200px) {
  .collection_reponsive .col-lg-4:nth-child(3n+1) {
    clear: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .collection_reponsive .col-md-4:nth-child(3n+1) {
    clear: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .collection_reponsive .col-sm-4:nth-child(3n+1) {
    clear: left;
  }
}

@media (max-width: 767px) {
  .collection_reponsive .col-xs-12:nth-child(1n+1) {
    clear: left;
  }
}

/*RESPONSIVE SEARCH PAGE*/
@media (min-width: 1200px) {
  .cls_search .col-lg-3:nth-child(4n+1) {
    clear: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cls_search .col-md-3:nth-child(4n+1) {
    clear: left;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cls_search .col-sm-4:nth-child(3n+1) {
    clear: left;
  }
}

@media (max-width: 767px) {
  .cls_search .col-xs-6:nth-child(2n+1) {
    clear: left;
  }
}

/*============================================================================
10. CART
==============================================================================*/
.pd-right {
  padding-left: 0px;
}

.title_head .title_center {
  display: block;
  text-align: center;
  font-family: 'Lobster', cursive;
  font-size: 36px;
  color: #282828;
  margin: 0px;
  padding: 0px;
  line-height: 32px;
}

.title_cart {
  font-weight: 700;
  font-size: 24px;
  color: #282828;
}

.main-container {
  min-height: 300px;
}

.main-container .col-main {
  float: none;
  width: auto;
}

.main-container .col-main .cart .bg-scroll {
  border-top: none;
  margin-top: 15px;
  overflow: hidden;
  border-top: none;
  border-bottom: none;
  border-right: none;
  background: #fff;
}

.main-container .col-main .cart .cart-thead {
  background: #fff;
  font-weight: bold;
  font-size: 13px;
  clear: both;
  width: 100%;
  float: left;
  min-width: 600px;
  border-bottom: solid 1px #ebebeb;
  padding: 0px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-container .col-main .cart .cart-thead div:nth-child(1) {
    width: 45% !important;
  }

  .main-container .col-main .cart .cart-thead div:nth-child(2) {
    width: 17% !important;
  }

  .main-container .col-main .cart .cart-thead div:nth-child(3) {
    width: 14% !important;
  }

  .main-container .col-main .cart .cart-thead div:nth-child(4) {
    width: 9% !important;
  }

  .main-container .col-main .cart .cart-thead div:nth-child(5) {
    width: 15% !important;
  }
}

.main-container .col-main .cart .cart-thead div {
  float: left;
  font-weight: 400;
  padding: 18px 0px;
  color: #282828;
  text-align: center;
  font-size: 14px;
  border-top: solid 1px #ebebeb;
}

.main-container .col-main .cart .nobr {
  white-space: nowrap;
}

.main-container .col-main .cart .cart div.a-right {
  text-align: right;
}

.main-container .col-main .cart .cart div.a-center {
  text-align: center;
}

.main-container .col-main .cart .cart-tbody {
  width: 100%;
  float: left;
}

.main-container .col-main .cart .cart-tbody .item-cart {
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  float: left;
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-container .col-main .cart .item-cart div:nth-child(1) {
    width: 10% !important;
  }

  .main-container .col-main .cart .item-cart div:nth-child(2) {
    width: 36% !important;
  }

  .main-container .col-main .cart .item-cart div:nth-child(3) {
    width: 17% !important;
  }

  .main-container .col-main .cart .item-cart div:nth-child(4) {
    width: 12% !important;
  }

  .main-container .col-main .cart .item-cart div:nth-child(4) div {
    width: 100% !important;
  }

  .main-container .col-main .cart .item-cart div:nth-child(4) div.input_qty_pr {
    margin-top: 10px !important;
  }

  .main-container .col-main .cart .item-cart div:nth-child(5) {
    width: 9% !important;
  }

  .main-container .col-main .cart .item-cart div:nth-child(6) {
    width: 15% !important;
  }
}

.main-container .col-main .cart .item-cart .image .product-image img {
  max-width: 100%;
  height: auto;
  max-height: 98px;
  width: auto;
  display: inherit;
  margin: 0 auto;
}

.main-container .col-main .cart .cart-tbody {
  border: solid 1px #ebebeb;
  border-top: 0px;
  border-bottom: 0px;
}

.main-container .col-main .cart .cart-tbody .item-cart div.image {
  padding: 20px 10px 20px 0px !important;
}

.main-container .col-main .cart .cart-tbody .item-cart div {
  float: left;
  padding: 20px 10px 20px 20px;
  line-height: 20px;
  vertical-align: top;
  height: 160px;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: -ms-flexbox;
  display: flex !important;
  flex-flow: column;
  justify-content: center;
}

.main-container .col-main .cart .cart-tbody .item-cart div:nth-child(6) {
  position: relative;
}

.main-container .col-main .cart .bg-scroll .cart-tbody .item-cart div a.remove-itemx {
  display: block;
  color: #898989;
  font-size: 14px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
}

.main-container .col-main .cart .bg-scroll .cart-tbody .item-cart div a.remove-itemx:hover {
  color: #316332;
}

.main-container .col-main .cart .cart-tbody .item-cart .product-image {
  min-height: 75px;
  display: block;
  height: auto;
  width: 100%;
  padding: 0 10px;
}

@media (max-width: 991px) {
  .main-container .col-main .cart .cart-tbody .item-cart .product-image {
    padding: 0;
  }
}

.main-container .col-main .cart .cart-tbody .item-cart div .product-name {
  margin: 0px;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #282828;
  line-height: 24px;
  margin-left: 0px;
}

.main-container .col-main .cart .cart-tbody .item-cart div .product-name a {
  color: #282828;
  text-decoration: none;
}

.main-container .col-main .cart .cart-tbody .item-cart div .product-name a:hover {
  color: #316332;
}

.main-container .col-main .cart .cart-tbody .item-cart div .input_qty_pr {
  height: auto;
  border-right: none;
  width: 80px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #ebebeb;
  margin-top: 0px;
  padding: 0px;
  position: relative;
  padding-right: 20px;
}

.main-container .col-main .cart .cart .product-name a {
  font-size: 14px;
}

.main-container .col-main .cart .item-cart .input_qty_pr .items-count {
  border: none;
  outline: none;
  height: 16px;
  width: 20px;
  vertical-align: baseline;
  text-align: center;
  padding: 0;
}

.main-container .col-main .cart .variant-title {
  font-size: 14px;
  font-weight: 400;
  color: #686868;
  margin-left: 30px;
}

.main-container .col-main .cart .cart-tbody .item-cart div .price {
  font-size: 16px;
  font-weight: 400;
  line-height: 7;
  color: #ff2d37;
}

.main-container .col-main .cart .item-cart .items-count {
  border: 1px solid #f5f5f5;
  outline: none;
  background: #fff;
  height: 16px;
  width: 20px;
  vertical-align: top;
  text-align: center;
  padding: 0;
}

.main-container .col-main .cart .item-cart .number-sidebar {
  width: 80px;
  padding-right: 30px;
  border: none;
  height: 40px;
  margin-left: 0px;
  text-align: center;
  width: 80px;
  margin-right: -1px;
  padding: 0;
  line-height: 40px;
  font-weight: 400;
  font-size: 14px;
}

.main-container .col-main .cart .cart-tbody .item-cart div a.remove-item {
  background-color: #fff;
  background-image: none;
  color: #333;
  cursor: pointer;
  padding: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
  float: left;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  border: none;
}

.main-container .col-main .cart .cart-tbody .item-cart div a.remove-item span {
  display: none;
}

.main-container .col-main .cart .fot_totals {
  text-align: right;
  padding: 0;
}

.main-container .col-main .cart .fot_totals .total_price .total_p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #555555;
  font-weight: 400;
}

.main-container .col-main .cart .fot_totals .total_price .total_p .price {
  margin-left: 10px;
  color: #ff2d37;
  font-size: 18px;
  font-weight: 700;
}

.main-container .col-main .cart .checkout_button {
  width: 100%;
  float: left;
  margin-top: 15px;
}

.main-container .col-main .cart .btn-proceed-checkout {
  text-transform: uppercase;
  line-height: 40px;
  color: #fff;
  height: 40px;
  font-size: 13px;
  font-weight: bold;
  background: #333;
  border: solid 1px #333;
  padding: 0px 30px;
}

.main-container .col-main .cart .btn-proceed-checkout:hover {
  background: #fff;
  border-color: #316332;
  color: #316332;
}

.main-container .col-main .cart .btn.btn-white {
  border: 1px solid #4643d0;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  background: #fff;
  color: #4643d0;
  padding: 0px 30px;
  font-size: 13px;
  margin-right: 15px;
  text-transform: uppercase;
  float: right !important;
}

.main-container .col-main .cart .btn.btn-white:hover {
  border-color: #316332;
  background: #fff;
  color: #316332;
}

.main-container .col-main .cart .totals .inner {
  padding: 15px 30px;
  margin-top: 0;
  margin-right: 1px;
  overflow: hidden;
  border: solid 1px #ebebeb;
  border-top: 0px;
}

.main-container .col-main .cart #shopping-cart-totals-table tr td {
  border: #ebebeb thin solid;
  border-top: none;
  border-bottom: none;
  padding: 20px;
}

.main-container .col-main .cart #shopping-cart-totals-table tr td.a-right {
  width: 239px;
  border-left: 1px solid #ebebeb;
}

.main-container .col-main .cart #shopping-cart-totals-table {
  width: 100%;
  padding-bottom: 8px;
  background: #fff;
}

.main-container .col-main .cart ul.checkout {
  clear: left;
  padding: 20px;
  border: 1px solid #ebebeb;
  margin-bottom: 30px;
}

.main-container .col-main .cart .cart .totals table th,
.main-container .col-main .cart .cart .totals table td {
  padding: 10px;
  background: none !important;
  box-shadow: none !important;
  color: #333 !important;
  height: 50px;
  vertical-align: middle;
}

.main-container .col-main .cart span.totals_price.price {
  color: #4643d0;
  font-size: 16px;
}

.main-container .col-main .cart .cart-tbody .item-cart .number-sidebar {
  min-height: 0;
  position: static;
  display: inline-block;
  float: none;
  margin-bottom: 0;
  border-radius: 20px;
}

.main-container .col-main .cart .cart-tbody .item-cart .input_qty_pr .items-count {
  outline: none;
  vertical-align: baseline;
  text-align: center;
  padding: 0;
  display: inline-block;
  margin: 0;
  position: absolute;
  z-index: 2;
  line-height: 17px;
  font-weight: 400;
}

.main-container .col-main .cart button.reduced_pop.items-count.btn-minus {
  right: 7px;
  font-size: 14px;
  top: 18px;
}

.main-container .col-main .cart button.reduced_pop.items-count.btn-minus .fa {
  margin-left: 0px;
  font-weight: 400;
}

.main-container .col-main .cart button.increase_pop.items-count.btn-plus {
  right: 7px;
  font-size: 14px;
  top: 3px;
}

.main-container .col-main .cart button.increase_pop.items-count.btn-plus .fa {
  margin-right: 0px;
  font-weight: 400;
}

.table-total .table tbody tr {
  border-radius: 30px;
  border: solid 1px #ebebeb;
  width: 100%;
  float: left;
  background: #fff;
}

.table-total .table tbody tr td {
  padding: 0px 15px;
  height: 60px;
  line-height: 60px;
  border: none;
  width: 50%;
  text-align: center;
  float: left;
}

.table-total .table tbody tr td:last-child {
  border-left: solid 1px #ebebeb;
}

.table-total .table tbody tr .total-text {
  font-weight: 400;
}

.table-total .table tbody tr .price_end {
  font-weight: 700;
  font-size: 18px;
  color: #ff2d37;
}

.form-cart-continue {
  height: 40px;
  line-height: 40px;
  padding: 0px 0;
  background: transparent;
  color: #282828;
  border: none;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0px;
  text-decoration: underline;
}

.form-cart-continue:hover {
  color: #316332;
  text-decoration: none;
}

.btn-checkout-cart {
  display: inline-block;
  padding: 0 40px;
  height: 50px;
  font-size: 16px;
  line-height: 47px;
  color: #fff;
  background-color: #4643d0;
  border: solid 1px #4643d0;
  margin: 0 auto 20px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border-radius: 30px;
  float: right;
  min-width: 180px;
}

.btn-checkout-cart:hover {
  cursor: pointer;
  border-color: #316332;
  color: #316332;
  background: #fff;
  text-decoration: none;
}

@media (max-width: 1199px) {
  .main-container .col-main .cart #shopping-cart-totals-table tr td.a-right {
    width: 196px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .header-cart-price {
    width: 50%;
    float: right;
    padding: 18px 15px;
  }

  .header-cart-price .btn-white {
    width: 100%;
    background: transparent;
    border: none;
    margin: 20px 0 0;
  }
}

@media (max-width: 767px) {
  .header-cart-price {
    width: 100%;
    float: left;
    padding: 18px 15px;
  }

  .header-cart-price .btn-white {
    width: 100%;
    background: transparent;
    border: none;
    margin: 20px 0 0;
  }
}

@media (max-width: 991px) {
  .header-cart-price .title-cart {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    border: solid 1px #ebebeb;
    margin-bottom: 15px;
    background: #fff;
  }

  .header-cart-price .title-cart h3 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 60px;
  }

  .header-cart-price .title-cart h3,
  .header-cart-price .title-cart .totals_price_mobile {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
  }

  .header-cart-price .title-cart .totals_price_mobile {
    border-left: solid 1px #ebebeb;
    font-weight: 700;
    color: #ff2d37;
  }

  .item-product .title-product-cart-mobile {
    max-width: calc(100% - 185px);
    -moz-max-width: calc(100% - 185px);
    -webkit-max-width: calc(100% - 185px);
    -os-max-width: calc(100% - 185px);
    -o-max-width: calc(100% - 185px);
  }

  .item-product .title-product-cart-mobile h3 {
    padding: 0;
    margin: 0;
    line-height: 18px;
  }

  /*Gio hang*/
  .contin {
    border: solid 1px #4643d0 !important;
    margin-top: 15px;
    width: 100%;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    color: #4643d0;
  }

  .contin span {
    font-weight: bold;
    color: #4643d0;
  }

  .sign_main {
    background: #f7f8f9;
    margin-top: 40px;
  }

  .main {
    border-bottom: solid 1px #ebebeb;
    background: #fff;
    margin-top: 40px;
  }

  .cart-mobile {
    padding: 10px 15px;
  }

  .header-cart {
    padding: 10px 15px 0px;
    border-bottom: solid 1px #ebebeb;
    margin-top: -10px;
  }

  .header-cart-content {
    margin-top: 10px;
  }

  .header-cart-content .content-product-list {
    min-height: 110px;
  }

  /*.header-cart {padding-bottom: 10px; margin-bottom: 10px;}*/
  .header-cart .title-cart h3 {
    line-height: 24px;
    margin-bottom: 10px;
    display: block;
    font-weight: 700;
  }

  .title-cart p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #9c9c9c;
  }

  .btn-proceed-checkout-mobile {
    font-weight: 400;
    color: #fff;
    height: 60px;
    font-size: 14px;
    line-height: 57px;
    border: none;
    background: #4643d0;
    width: 100%;
    border: solid 1px #4643d0;
    border-radius: 30px;
  }

  .total_mobile {
    font-weight: 400;
    font-size: 16px;
    color: #252525;
    margin-bottom: 15px;
    display: block;
  }

  .total_mobile .totals_price_mobile {
    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #ff2d37;
  }

  .content-product-list .item-product {
    padding: 15px 15px;
    min-height: 110px;
    border-bottom: solid 1px #ebebeb;
    overflow: hidden;
  }

  .item-product-cart-mobile,
  .title-product-cart-mobile,
  .select-item-qty-mobile {
    float: left;
  }

  .item-product-cart-mobile {
    max-width: 115px;
    margin-right: 10px;
  }

  .item-product-cart-mobile img {
    max-width: 115px;
    margin-right: 10px;
  }

  .select-item-qty-mobile {
    float: right;
    text-align: center;
  }

  .title-product-cart-mobile a {
    word-break: break-word;
    font-size: 14px;
    color: #363636;
  }

  .select-item-qty-mobile input.qty {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ebebeb;
    font-size: 15px;
    font-weight: 400;
    margin: 0 !important;
    outline: medium none;
    padding: 5px 5px 5px 12px;
    width: 41px;
  }

  .title-product-cart-mobile p {
    line-height: 2;
    font-size: 14px;
    color: #282828;
    margin-bottom: 0px;
  }

  .title-product-cart-mobile span {
    color: #ff2d37;
    font-size: 14px;
    font-weight: 400;
  }
}

@media (max-width: 991px) {
  .cart-mobile {
    padding: 10px 0px !important;
  }
}

@media screen and (max-width: 991px) {
  .select-item-qty-mobile {
    width: 80px;
    display: block;
    float: right;
  }

  .select-item-qty-mobile .txt_center {
    width: 80px;
    height: 40px;
    border-radius: 20px;
    border: solid 1px #ebebeb;
    padding-right: 20px;
    position: relative;
  }

  .select-item-qty-mobile .txt_center input {
    width: 80px;
    height: 37px;
    line-height: 37px;
    border-radius: 20px;
    padding: 0;
    border: none;
    text-align: center;
    margin: 0;
    min-height: unset;
  }

  .select-item-qty-mobile .txt_center button {
    width: 20px;
    height: 16px;
    border: none;
    background: #fff;
    line-height: 16px;
    position: absolute;
    right: 4px;
  }

  .select-item-qty-mobile .txt_center button.btn-minus {
    top: 18px;
    right: 5px;
  }

  .select-item-qty-mobile .txt_center button.btn-plus {
    top: 3px;
    right: 5px;
  }
}

/*============================================================================
12. SIDEBAR
==============================================================================*/
@media (max-width: 1199px) {
  .sidebar .aside-item.sidebar-category .nav-item .fa {
    right: -10px;
  }
}

.aside-item.sidebar-category .nav-item {
  position: relative;
  clear: left;
  font-size: 14px;
  padding: 10px 0px 5px 0px;
  border-bottom: none;
}

.aside-item.sidebar-category .nav-item a {
  font-size: 14px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 400;
  padding-right: 15px;
  padding-left: 0;
  padding-top: 0;
}

.aside-item.sidebar-category .nav-item a .count_x {
  color: #acacac;
}

.aside-item.sidebar-category .nav-item .count_blog {
  color: #acacac;
}

.aside-item.sidebar-category .nav-item .fa {
  position: absolute;
  right: -13px;
  top: 10px;
}

.aside-item.sidebar-category .nav-item .dropdown-menu {
  width: 100%;
  border: 0;
  padding-left: 15px;
  box-shadow: none;
}

.aside-item.sidebar-category .nav-item.active>a {
  color: #316332;
}

.aside-item.sidebar-category .nav-item.active>.dropdown-menu {
  display: block;
}

.sidebar-category .aside-content {
  margin-top: 0;
}

.sidebar-category .aside-content .nav-category .navbar-pills {
  padding: 0;
  z-index: 999;
  background-color: #fff;
}

.sidebar-category .aside-content .nav-item {
  position: relative;
  clear: left;
  font-size: 1em;
  padding: 0;
}

.sidebar-category .aside-content .nav-item.lv2 {
  padding: 0px;
}

.sidebar-category .aside-content .nav-item.lv2 a {
  padding-left: 20px !important;
  padding-right: 30px;
}

.sidebar-category .aside-content .nav-item.lv2x .fa {
  right: 3px;
}

.sidebar-category .aside-content .nav-item.lv3 {
  padding: 0px;
}

.sidebar-category .aside-content .nav-item.lv3 a {
  padding-left: 35px !important;
}

.sidebar-category .aside-content .nav-item.lv4 {
  padding: 0;
}

.sidebar-category .aside-content .nav-item.lv4 a {
  padding-left: 50px !important;
}

.sidebar-category .aside-content .nav-item:last-child {
  border-bottom: none;
}

.sidebar-category .aside-content .nav-item a {
  font-size: 14px;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif !important;
  color: #282828;
  font-weight: 400;
  line-height: 1.7;
  padding: 5px 20px 2px 0px;
}

.sidebar-category .aside-content .nav-item .fa {
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-top: 0px;
  line-height: 34px;
  cursor: pointer;
  text-align: center;
  top: 0px;
  right: 3px;
}

.sidebar-category .aside-content .nav-item .fa.fa-caret-right {
  right: auto;
  left: 0;
  top: 16px;
  text-align: left;
}

.sidebar-category .aside-content .nav-item .dropdown-menu {
  width: 100%;
  border: 0;
  padding-left: 0px;
  box-shadow: none;
  margin-top: 0px;
  padding: 0px;
  position: static;
}

.sidebar-category .aside-content .nav-item.active>a {
  color: #316332;
}

.sidebar-category .aside-content .nav-item.active>.fa {
  color: #316332;
}

.sidebar-category .aside-content .nav-item.active>.dropdown-menu {
  display: block;
}

.sidebar-category .aside-content .nav-item:hover>a {
  color: #316332;
  background-color: transparent;
}

.sidebar-category .aside-content .nav-item ul>li:before {
  top: 17px;
  left: 15px;
}

.sidebar-category .aside-content .nav-item ul>li.lv3:before {
  left: 30px;
}

.sidebar-category .aside-content .nav-item ul>li.lv4:before {
  left: 30px;
}

.item_small:last-child .product-mini-item {
  border-bottom: 0;
  padding-bottom: 0;
}

.product-mini-item {
  padding: 20px 0px 24px 0px;
  border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .product-mini-item {
    height: 160px;
  }
}

.product-mini-item .price {
  display: inline-block;
}

.product-mini-item .product-img {
  display: block;
  width: 80px;
  margin-right: 10px;
  float: left;
}

.product-mini-item .product-info {
  display: block;
  width: calc(100% - 90px);
  -webkit-width: calc(100% - 90px);
  -moz-width: calc(100% - 90px);
  -o-width: calc(100% - 90px);
  -os-width: calc(100% - 90px);
  float: left;
}

.product-mini-item .product-info .price-box {
  border: none;
  margin: 0px 0;
}

.product-mini-item .product-info h3 {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 0px;
  overflow: hidden;
  word-wrap: break-word;
  line-height: 20px;
  padding-bottom: 5px;
}

.product-mini-item .product-info h3 a {
  color: #282828;
}

.product-mini-item .product-info h3 a:hover {
  color: #316332;
}

.product-mini-item .price {
  width: 100%;
  float: left;
}

.product-mini-item .product-price {
  font-size: 18px;
  font-weight: 700;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  color: #ff2d37;
  margin-right: 0px;
  width: 100%;
  float: left;
}

.product-mini-item .sale-price {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #ccc;
  display: block;
  float: left;
  text-decoration: line-through;
}

.btn.btn-link {
  color: #333;
  padding-left: 0;
}

.btn.btn-link:hover {
  color: #316332;
}

/*NEW*/
.aside-item {
  margin-bottom: 20px;
}

.aside-item .aside-title {
  position: relative;
}

.aside-item .aside-title h2 {
  height: 40px;
  width: 100%;
  font-size: 14px !important;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
  line-height: 40px;
  margin: 0;
  text-transform: none;
  font-weight: 700;
  display: inline-block;
  padding: 0px 10px;
  position: relative;
  text-transform: uppercase;
  background: #34a04d;
}

.aside-item .aside-title h2 a,
.aside-item .aside-title h2 span {
  color: #fff;
}

.aside-item .aside-content {
  padding-bottom: 0px;
}

.aside-item .list-tags span.tag-item {
  line-height: 30px;
  border: 1px solid #ebebeb;
  height: 30px;
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 20px;
  margin-right: 5px;
  color: #282828;
  border-radius: 0px;
}

.aside-item .list-tags span.tag-item:hover {
  color: #fff;
  background: #316332;
  border-color: #316332;
}

.aside-item .list-tags span.tag-item:hover a {
  color: #fff;
}

.aside-filter {
  background: #fff;
  margin-bottom: 20px;
}

.aside-filter .aside-item .field-search {
  margin-bottom: 10px;
  position: relative;
}

.aside-filter .aside-item:last-child {
  margin-bottom: 0;
}

.aside-filter .aside-item:last-child .aside-content {
  margin-bottom: 0;
}

.aside-filter .aside-item .form-group .form-control {
  min-height: 40px;
  height: 40px;
}

.aside-filter .aside-item .input-group-btn {
  position: static;
}

.aside-filter .aside-item .input-group-btn button {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
  padding: 0;
  text-align: center;
  line-height: 40px;
  background: #4643d0;
  color: #fff;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.aside-filter .filter-container {
  margin-bottom: 0px;
}

.aside-filter .aside-item .aside-title:after {
  display: none;
}

.ui-widget.ui-widget-content {
  height: 2px;
  background: #ebebeb;
}

.ui-slider-range.ui-corner-all.ui-widget-header {
  background: #282828 !important;
}

.ui-slider-horizontal .ui-slider-handle {
  height: 14px !important;
  width: 14px !important;
  border-radius: 50% !important;
  top: -6px !important;
  border: none !important;
  background: #282828 !important;
}

.ui-widget.ui-widget-content {
  border: none !important;
  margin-bottom: 25px;
  width: calc(100% - 14px);
  margin-left: 7px;
}

#start {
  width: 100px;
  float: left;
}

#start input {
  text-align: center;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  box-shadow: none;
}

#stop {
  width: 100px;
  float: left;
  margin-left: 30px;
  text-align: center;
  position: relative;
}

#stop input {
  text-align: center;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  box-shadow: none;
}

#stop:before {
  content: "-";
  position: absolute;
  left: -17px;
  font-size: 17px;
}

a#filter-value {
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  width: 100px;
  margin-top: 15px;
}

@media (max-width: 1199px) {
  .h_recover {
    margin-bottom: 30px;
  }
}

/* ============ 	ADDTHIS ** addthis ============== */
.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge {
  right: 12px !important;
}

.addThis_listSharing {
  position: fixed;
  bottom: 85px;
  z-index: 999;
  right: -15px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.addThis_listSharing.is-show {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.addThis_listing .addThis_item {
  margin-bottom: 5px;
  margin-right: 24px;
}

.addThis_listing .addThis_item .addThis_item--icon {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 44px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}

.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
  position: absolute;
  top: 4px;
  right: 55px;
  z-index: 9;
  height: 32px;
  line-height: 26px;
  padding: 3px 10px;
  width: auto;
  border-radius: 5px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: black;
  visibility: hidden;
  opacity: 0;
  -ms-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  -ms-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.addThis_listing .addThis_item .addThis_item--icon:hover {
  text-decoration: none;
  opacity: .9;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
}

.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.actionToolbar_mobile {
  top: auto !important;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  height: 45px;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  background: #fff;
  padding: 5px 10px;
}

.actionToolbar_mobile ul.actionToolbar_listing {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.actionToolbar_mobile ul.actionToolbar_listing li {
  width: 20%;
  float: left;
}

.actionToolbar_mobile ul.actionToolbar_listing li a {
  display: block;
  color: #696969;
  font-size: 12px;
  text-align: center;
  position: relative;
}

.actionToolbar_mobile ul.actionToolbar_listing li a svg {
  fill: #696969;
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}

.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {
  margin-top: -25px;
  display: inline-block;
  vertical-align: top;
}

.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a svg {
  width: 44px;
  height: 44px;
}

/* modal- center */
.modal-addThis {
  font-size: 0;
  text-align: center;
  padding: 0 !important;
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear;
}

.modal-addThis:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-addThis .modal-dialog-centered {
  font-size: 14px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-addThis.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-addThis .modal-dialog-centered .modal-content {
  width: 100%;
}

.modal-addThis .modal-dialog-centered {
  margin: 30px auto 50px;
}

.modal-addThis.fade .modal-dialog-centered {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}

.modal-addThis.fade.in .modal-dialog-centered {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* modal-succes */
.modal-succesform .modal-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #4643d0;
}

.modal-succesform p:not(.modal-title) {
  font-size: 15px;
  margin: 10px 0 5px;
}

.modal-succesform p.txtloading {
  color: #aaa;
  font-size: 13px;
}

@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  5% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  12% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }

  100% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }

  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }

  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.modal-icon.sweet-alert {
  padding-top: 15px;
}

.animateSuccessTip {
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in;
}

.sweet-alert .sa-icon.sa-success {
  width: 80px;
  height: 80px;
  border: 4px solid #4cae4c;
  border-radius: 50%;
  margin: 20px auto 0;
  position: relative;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  -moz-transform-origin: 0px 60px;
  -o-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* modal-contactform */
.modal-contactform .modal-header h4.modal-title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.modal-contactform .modal-header .close {
  margin-top: -10px;
  opacity: 0.5;
  font-size: 26px;
  width: 30px;
  margin-right: -8px;
}

.modal-contactform .content_popupform .input-group {
  width: 100%;
  margin: 0 0 15px;
}

.modal-contactform .content_popupform .input-group input,
.modal-contactform .content_popupform .input-group textarea {
  border: 1px solid #e7e7e7;
  box-shadow: none;
  height: 40px;
  font-weight: 500;
  padding: 5px 20px;
  background: #fbfbfb;
  color: #252a2b;
  width: 100%;
}

.modal-contactform .content_popupform .input-group textarea {
  resize: none;
  height: 80px;
}

.addThis_listSharing.hidden-xs {
  opacity: 1;
  visibility: visible;
  top: auto !important;
}

.actionToolbar_mobile.visible-xs {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 767px) {
  .modal-addThis .modal-dialog-centered {
    margin: 30px 10px 40px;
  }

  .addThis_listSharing.hidden-xs {
    opacity: 0;
    visibility: hidden;
  }

  .actionToolbar_mobile.visible-xs {
    opacity: 1;
    visibility: visible;
  }

  footer.footer .copyright .inner .fot_copyright {
    padding-bottom: 40px;
  }
}

.righticonc {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 15px;
  top: 0px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.righticonc .icon_hotline {
  color: #fff;
  position: relative;
}

.righticonc span.count_item.count_item_pr.bg_ind {
  position: absolute;
  right: -15px;
  top: 0px;
  display: block;
  border-radius: 50%;
  background: #fff;
  width: 21px;
  height: 20px;
  color: #000;
  line-height: 20px;
  font-size: 13px;
}

.wp.account-mobile {
  text-align: center;
  padding: 5px;
  clear: left;
}

.wp.account-mobile a.btns {
  padding: 0 15px;
}

#popupCartModal .modal-content {
  border-radius: 0;
  max-width: 500px;
}

#popupCartModal .modal-dialog {
  max-width: 500px;
}


/**
 * --- Logo
 */
.logo-img {
  vertical-align: top;
}

.logo-img img {
  height: 70px;
  margin-top: 10px;
}

.logo-text {
  vertical-align: top;
}

.logo-text img {
  /* margin-top: 20px; */
  /* height: 60px; */
  width: 430px;
}

.support-hotline {}

@media screen and (max-width: 1280px) {
  .logo-img {}

  .logo-img img {}

  .logo-text {}

  .logo-text img {
    width: 400px;
  }
}

@media screen and (max-width: 1270px) {
  .support-working-hours {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .logo-img {
    display: block;
    width: 100%;
    text-align: center;
  }

  .logo-img img {
    margin: auto;
  }

  .logo-text {
    display: none;
  }

  .logo-text img {}
}