/*--------------------------/*
Tempale name : TechOne
Version    : 1.0.1
Author     : kutethemes
Last change: 08/11/2017

/*--------------------------/*

[Table of contents]
[Color codes]
Background: #ffffff
Body Color : #ffffff
Accent color: #222222
[Typography]
Body:       14px/30px Open Sans, sans-serif;
Heading:    Open Sans, sans-serif;
Input, textarea: 14px/30px Open Sans, sans-serif;

[Component module]
HEADER
HOMES PAGE
SHOPS PAGE
BLOGS PAGE
PRODUCTS PAGE
FOOTER
SLIDESHOW
REPONSIVE
/*-------------------------*/

body {
   /*font-family: 'Open Sans', sans-serif;*/
   position: relative;
   font-style: normal;
   overflow-x: hidden;
   line-height: 24px;
}

img {
   max-width: 100%;
}

a, a:hover, a:active, a:focus {
   text-decoration: none;
}

ul, ol {
   margin: 0;
   padding: 0;
}

   ul ul, ol ol, ul ol, ol ul {
      padding-left: 25px;
   }

input[type="text"], input[type="email"],
textarea, input[type="password"],
input[type="tel"],
input[type="search"] {
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
}

input {
   outline: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 0;
}

.back-to-top {
   bottom: 30px;
   display: none;
   font-weight: 700;
   font-size: 18px;
   letter-spacing: 2px;
   position: fixed;
   right: 20px;
   width: 30px;
   height: 30px;
   line-height: 26px;
   text-align: center;
   text-decoration: none;
   transform-origin: 100% 50% 0;
   -o-transform-origin: 100% 50% 0;
   -webkit-transform-origin: 100% 50% 0;
   z-index: 99999;
   overflow: hidden;
   border: solid 1px;
   padding: 0;
   background-color: #fff;
}

   .back-to-top::before {
      content: "\f106";
      font-family: "FontAwesome";
      position: absolute;
      color: #222222;
      z-index: 111;
      width: 100%;
      height: 100%;
      text-align: center;
      display: inline-block;
      top: 0;
      left: 0;
      right: 0;
   }

   .back-to-top:hover::before {
      color: #fff;
   }

   .back-to-top.show {
      display: block;
   }

.left-content {
   text-align: left;
}

.right-content {
   text-align: right;
}

.midle-content {
   text-align: center;
}

.container,
.no-padding {
   padding: 0;
}

.box-has-content::before {
   display: table;
   content: "";
}

.box-has-content::after {
   clear: both;
   display: table;
   content: "";
}

.owl-carousel:not(.has-thumbs) .owl-thumbs {
   display: none;
}

.item-background {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
}
/*use to input*/
::-webkit-input-placeholder {
   color: inherit;
   opacity: 1;
   filter: alpha(opacity=100);
}

:-moz-placeholder {
   / Firefox 18- / color: inherit;
   opacity: 1;
   filter: alpha(opacity=100);
}

::-moz-placeholder {
   / Firefox 19+ / color: inherit;
   opacity: 1;
   filter: alpha(opacity=100);
}

:-ms-input-placeholder {
   color: inherit;
   opacity: 1;
   filter: alpha(opacity=100);
}
/*use to input--end*/

/*--HEADER STYLE--*/

/*menu mobile*/
.mobile-navigation {
   display: none;
}

.mobile-navigation {
   padding: 14px 0 5px;
   font-weight: 700;
   text-transform: uppercase;
   font-size: 14px;
   cursor: pointer;
}

   .mobile-navigation .icon {
      width: 22px;
      display: block;
      float: left;
      margin-right: 15px;
   }

   .mobile-navigation .text {
      /*margin-top: -2px;*/
      display: block;
      float: left;
   }

   .mobile-navigation .icon span {
      display: block;
      width: 100%;
      height: 3px;
      margin: 3px 0;
   }

      .mobile-navigation .icon span:nth-child(2) {
         width: 16px;
      }

.kt-clone-wrap {
   position: fixed;
   overflow-x: hidden;
   top: 0;
   left: -100%;
   width: 320px;
   height: 100vh;
   background-color: #fff;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   z-index: 100000;
   -webkit-box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11);
   -moz-box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11);
   box-shadow: 3px 5px 14px -3px rgba(0,0,0,0.11);
}

   .kt-clone-wrap.open {
      left: 0;
   }

.kt-panels-actions-wrap {
   border-bottom: 1px solid #eee;
   height: 50px;
   position: relative;
}

   .kt-panels-actions-wrap .kt-close-btn,
   .kt-panels-actions-wrap .kt-prev-panel {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      border-left: 1px solid #eee;
      text-align: center;
      line-height: 50px;
      font-size: 20px;
      color: #222;
   }

   .kt-panels-actions-wrap .kt-prev-panel {
      right: inherit;
      left: 0;
      border: none;
      border-right: 1px solid #eee;
   }

   .kt-panels-actions-wrap .kt-current-panel-title {
      display: block;
      text-align: center;
      line-height: 50px;
      padding: 0 50px;
      text-transform: uppercase;
   }

   .kt-panels-actions-wrap .kt-prev-panel:before {
      content: "\f104";
      font-family: FontAwesome;
   }

.kt-panel > ul {
   padding: 0;
   margin: 0;
}

.kt-panel-opened > .submenu {
   padding-bottom: 50px;
}

.kt-panel li {
   list-style: none;
   position: relative;
}

.kt-panel > ul > li {
   padding: 0 20px;
   border-bottom: 1px solid #eee;
}

.kt-panel > ul.submenu > li {
   padding: 0;
}

.kt-panel > ul > li > a {
   display: block;
   font-size: 14px;
   /*color: #222;*/
   color: #01498e;
   padding: 10px 20px;
   text-transform: uppercase;
}

.kt-next-panel {
   width: 50px;
   text-align: center;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 10;
}

   .kt-next-panel:before {
      content: "\f105";
      font-family: FontAwesome;
   }

.kt-clone-wrap .kt-panels {
   background: inherit;
   border-color: inherit;
   position: absolute;
   margin-top: 50px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 0;
   box-sizing: border-box;
}

.kt-clone-wrap .kt-panel {
   border-color: #fff;
   bottom: 0;
   box-sizing: border-box;
   display: block;
   left: 0;
   margin: 0;
   overflow-x: hidden;
   overflow-y: auto;
   position: absolute;
   right: 0;
   top: 0;
   transform: translateX(100%);
   transition: all 0.2s ease 0s;
   z-index: 0;
}

   .kt-clone-wrap .kt-main-panel,
   .kt-clone-wrap .kt-panel.kt-panel-opened {
      transform: translateX(0);
      z-index: 10;
   }

   .kt-clone-wrap .kt-panel.kt-sub-opened,
   .kt-clone-wrap .kt-sub-opened {
      z-index: 1;
      opacity: 0;
      visibility: hidden;
   }

.kt-clone-wrap .kt-hidden {
   display: block !important;
   opacity: 0;
   visibility: hidden;
}

.kt-clone-wrap .submenu.megamenu {
   padding: 20px;
   max-width: 100% !important;
   width: 100% !important;
}

.kt-panel-opened > .submenu {
   position: static;
   visibility: visible;
   opacity: 1;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -ms-box-shadow: none;
   -o-box-shadow: none;
   box-shadow: none;
   -webkit-transform: translate(0,0);
   -moz-transform: translate(0,0);
   -ms-transform: translate(0,0);
   -o-transform: translate(0,0);
   transform: translate(0,0);
}

.kt-panel-opened .mega-menu {
   padding: 30px 20px;
}

.menu-item-has-children.clone-menu-item > a::after {
   display: none;
}

.kt-panel > .demos-menu {
   padding: 0;
}

   .kt-panel > .demos-menu .demo-item {
      width: 100%;
   }

      .kt-panel > .demos-menu .demo-item .demo-title {
         margin: 0;
      }

.kt-panel > .mega-menu .widget-custom-menu {
   width: 100%;
}
/*end mobile menu*/

/*HEADER LAYOUT1*/
.topbar {
   /*border-bottom: solid 1px #e6e6e6;*/
}

   .topbar .menu-topbar {
      float: left;
   }

      .topbar .menu-topbar > li {
         display: inline-block;
         list-style: none;
         padding: 5px 0;
         margin: 0;
      }

         .topbar .menu-topbar > li:first-child {
            padding-left: 0;
         }

         .topbar .menu-topbar > li:last-child {
            padding-right: 0;
         }

      .topbar .menu-topbar li a {
         /*font-family: "Gotham";*/
         font-size: 10px;
         text-transform: uppercase;
         color: #fff;
         padding: 0 12px;
         position: relative;
         letter-spacing: 2px;
      }

         .topbar .menu-topbar li a:hover {
            color: #01498e !important;
            text-decoration: none !important;
         }

.categori-search-option {
   outline: 0;
}

   .categori-search-option option {
      outline: 0;
      font-size: 20px;
      color: red;
   }

.topbar .menu-topbar > li:first-child > a {
   padding-left: 0;
}

.topbar .menu-topbar > li {
   line-height: 30px;
   position: relative;
}

.list-language.submenu {
   min-width: 130px;
   left: 0;
}

.list-currencies.submenu {
   min-width: 120px;
   left: 0;
}
/*.topbar .menu-topbar > li::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  height: 12px;
  width: 1px;
  margin: auto;
  background-color: #e5e5e5;
}*/
.topbar .menu-topbar li:last-child::before {
   display: none;
}

.topbar .menu-topbar > li .submenu {
   padding: 10px 0 20px;
}

.topbar .top-links {
   float: right;
}

.topbar .list-socials {
   float: right;
   margin-left: 5px;
   display: inline-block;
}

.topbar .menu-topbar .menu-item-has-children > a::after {
   float: none;
}

.main-header .top-header {
   padding: 35px 0 30px;
}

.main-header .logo {
   padding-top: 8px;
}

.header.layout1 .main-header .header-control {
   margin-top: -4px;
}

.search-form .search-block {
   position: relative;
   display: table;
   float: right;
}

   .search-form .search-block .search-inner {
      display: table-cell;
      vertical-align: middle;
      width: 237px;
      max-width: -webkit-calc(100% - 194px);
      max-width: -moz-calc(100% - 194px);
      max-width: calc(100% - 194px);
   }

   .search-form .search-block .search-info {
      width: 100%;
      height: 42px;
      line-height: 42px;
      background-color: #ffffff;
      font-size: 13px;
      color: #888888;
      padding: 0 29px;
      border-radius: 21px 0 0 21px;
      border-right: none;
      border: solid 1px #e6e6e6;
      border-right: none;
   }

.search-form .search-choice {
   display: table-cell;
   vertical-align: middle;
   position: relative;
}

.search-form .search-block .search-button {
   font-size: 20px;
   color: #fff;
   width: 60px;
   height: 42px;
   line-height: 42px;
   text-align: center;
   border-radius: 0 21px 21px 0;
   display: inline-block;
}

   .search-form .search-block .search-button:hover {
      background-color: #aaa;
   }

.search-form .search-block .chosen-select .title {
   font-size: 14px;
   color: #000;
   line-height: 24px;
   background-color: #f0f2f5;
   padding-left: 20px;
   width: 100%;
   display: block;
}

.search-form .search-block .chosen-select {
   width: 100%;
   background-color: transparent;
   padding: 9px 15px;
   border-right: none;
}

.search-form .search-block .chosen-container-single {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 13px;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   /*width: 135px !important;*/
   width: 270px !important;
   border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
}

   .search-form .search-block .chosen-container-single .chosen-single {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      padding: 0 30px 0 20px;
      max-width: 100%;
      background: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border-top: solid 1px #e6e6e6;
      border-bottom: solid 1px #e6e6e6;
      background-color: #ffffff;
      border-left: solid 1px #e6e6e6;
      line-height: 42px;
      height: 42px;
      font-size: 13px;
      color: #888;
   }

      .search-form .search-block .chosen-container-single .chosen-single::after {
         content: "\f0dd";
         font-family: "FontAwesome";
         display: inline-block;
         margin-left: 5px;
         font-size: 14px;
         color: #aaa;
         position: absolute;
         z-index: 1;
         right: 20px;
         top: -3px;
      }

   .search-form .search-block .chosen-container-single .chosen-drop {
      min-width: 236px;
      overflow-y: auto;
      border: solid 1px #ddd;
      text-align: left;
      background-color: #fff;
      max-height: 420px;
   }

.search-form .search-block .chosen-container .chosen-results {
   padding: 0;
   margin: 0;
}

   .search-form .search-block .chosen-container .chosen-results li.active-result:hover,
   .search-form .search-block .chosen-container .chosen-results li.highlighted {
      background-color: #f0f2f5;
      background-image: none;
      color: #666;
   }

   .search-form .search-block .chosen-container .chosen-results li {
      font-size: 13px;
      color: #666;
      line-height: 24px;
      padding: 0 10px 0 20px;
   }

.search-form .search-block .chosen-container-single .chosen-single span {
   margin-right: 2px;
}

.chosen-container-single .chosen-search input[type=text] {
   display: none;
}

.search-form.layout2 .search-block .chosen-container-single .chosen-single {
   border-radius: 20px 0 0 20px;
   border: none;
   position: relative;
}

   .search-form.layout2 .search-block .chosen-container-single .chosen-single::before {
      height: 36px;
      width: 1px;
      background-color: #e6e6e6;
      content: "";
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
   }

.search-form.layout2 .search-block .search-info {
   border-radius: 0;
   border: none;
   /*width: 460px;*/
   width: 305px;
}

.header-control li {
   display: inline-block;
   list-style: none;
   position: relative;
   /*padding: 0 20px;*/
   padding-left: 15px;
}

   .header-control li:last-child {
      padding-right: 0;
   }

   .header-control li:first-child {
      padding-left: 0;
   }
   /*.header-control > li::after {
  background-color: #ccc;
  content: "";
  width: 1px;
  height: 27px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  z-index: 1;
  right: 0;
}*/
   .header-control li::after {
      display: none;
   }

.hotline .icon {
   float: left;
   font-size: 26px;
   color: #666;
   margin-right: 8px;
   margin-top: 0px;
}

.hotline .text {
   font-size: 12px;
   color: #666;
   text-transform: uppercase;
   display: block;
   margin-bottom: -4px;
}

.hotline .number {
   font-size: 15px;
   color: #222;
   font-weight: 700;
   display: block;
   text-transform: uppercase;
}

.hotline .content {
   overflow: hidden;
   text-align: left;
}

.box-minicart {
   list-style: none;
   display: inline-block;
   position: relative;
}

   .box-minicart .cart-block .cart-icon {
      font-size: 26px;
      color: #666;
      position: relative;
      margin-right: 10px;
      float: left;
   }

      .box-minicart .cart-block .cart-icon .count {
         display: inline-block;
         width: 20px;
         height: 20px;
         text-align: center;
         line-height: 20px;
         font-size: 14px;
         color: #fff;
         border-radius: 100%;
         position: absolute;
         left: 15px;
         top: 0;
      }

   .box-minicart .cart-block .total-price .text {
      font-size: 14px;
      color: #666;
      text-transform: uppercase;
      font-weight: 600;
   }

   .box-minicart .cart-block .total-price {
      color: #333;
      font-size: 17px;
      font-weight: 700;
      text-transform: uppercase;
      float: left;
      display: inline-block;
   }

      .box-minicart .cart-block .total-price .text {
         font-size: 14px;
         color: #666;
         font-weight: 400;
      }

   .box-minicart .cart-inner {
      position: absolute;
      z-index: 12;
      right: 0;
      visibility: hidden;
      opacity: 0;
      min-width: 310px;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
      top: 105%;
      -webkit-transition: 0.5s ease 0s;
      -moz-transition: 0.5s ease 0s;
      -ms-transition: 0.5s ease 0s;
      -o-transition: 0.5s ease 0s;
      transition: 0.5s ease 0s;
      border-top: solid 2px;
      padding: 25px 20px;
      text-align: left;
      background-color: #fff;
      -webkit-transition: opacity .5s,-webkit-transform .5s;
      transition: opacity .3s,transform .3s;
   }

   .box-minicart .minicart {
      padding: 10px 15px 10px 0;
   }

   .box-minicart .lista-popup::after {
      content: "\f0dd";
      font-family: "FontAwesome";
   }

   .box-minicart .minicart::after {
      display: inline-block;
      margin-left: 5px;
      font-size: 14px;
      color: #aaa;
      position: absolute;
      z-index: 1;
      right: 0;
      top: 6px;
   }

   .box-minicart .minicart:hover .cart-inner {
      top: 100%;
      opacity: 1;
      visibility: visible;
   }

   .box-minicart .cart-inner .title {
      font-size: 13px;
      color: #333;
      font-weight: 700;
      text-transform: uppercase;
      margin: 0 0 5px;
      text-align: center;
   }

   .box-minicart .cart-inner .list-item {
      padding: 0;
      list-style: none;
   }

      .box-minicart .cart-inner .list-item li {
         padding: 15px 0;
         /*border-bottom: solid 1px #e6e6e6;*/
         width: 100%;
      }

         .box-minicart .cart-inner .list-item li:last-child {
            border-bottom: none;
         }

      .box-minicart .cart-inner .list-item .product-item .thumb {
         float: left;
         margin-right: 8px;
      }

      .box-minicart .cart-inner .list-item .product-item .info {
         overflow: hidden;
      }

         .box-minicart .cart-inner .list-item .product-item .info::before {
            display: none;
         }

   .box-minicart .cart-inner .subtotal {
      border-top: solid 1px #e6e6e6;
      padding: 20px 0;
      overflow: hidden;
   }

   .box-minicart .cart-inner .subtotal {
      text-align: left;
      display: block;
      width: 100%;
   }

      .box-minicart .cart-inner .subtotal .text {
         font-size: 14px;
         color: #666;
         font-weight: 700;
         text-transform: uppercase;
      }

      .box-minicart .cart-inner .subtotal .total-price {
         font-size: 18px;
         color: #666;
         font-weight: 700;
      }

   .box-minicart .cart-inner .group-button-checkout a {
      display: inline-block;
      line-height: 40px;
      padding: 0 30px;
      font-size: 8pt;
      text-transform: uppercase;
      /*background-color: #aaa;*/
      background-color: #01498e;
      margin: 5px 5px 5px 0;
      float: left;
      /*max-width: 49%;*/
      color: #fff;
      letter-spacing: 2px;
   }

      .box-minicart .cart-inner .group-button-checkout a:hover {
         background-color: #015ab4 !important;
         text-decoration: none;
      }

   .box-minicart .minicart:hover .cart-inner.cart-empty {
      padding: 25px 0 10px;
      text-align: center;
   }

      .box-minicart .minicart:hover .cart-inner.cart-empty .content {
         font-size: 14px;
         color: #666;
         margin: 0;
      }

.header-nav-wapper,
.header-nav-wapper .header-nav {
   width: 100%;
   /*background-color: #e9e9e9;*/
   background-color: #edeef0;
}

   .header-nav-wapper .vertical-wapper {
      width: 100%;
      position: relative;
   }

.vertical-content {
   background-color: #fff;
   padding: 10px 0 20px;
   border: solid 1px #e6e6e6;
   position: absolute;
   top: 100%;
   z-index: 99;
   left: 0;
   width: 100%;
}

.vertical-wapper .block-title {
   font-size: 14px;
   color: #ffffff;
   font-weight: 700;
   text-transform: uppercase;
   height: 52px;
   line-height: 28px;
   cursor: pointer;
   display: block;
   padding: 12px 0 12px 20px;
}

   .vertical-wapper .block-title .icon-bar {
      display: inline-block;
      vertical-align: middle;
      width: 16px;
      margin-right: 17px;
   }

.icon-bar span {
   display: block;
   width: 100%;
   margin-bottom: 3px;
   background-color: #ffffff;
   height: 2px;
}

.vertical-menu li {
   display: list-item;
   list-style: none;
}

.vertical-menu > li > a {
   line-height: 35px;
   font-size: 11px;
   color: #444444;
   text-transform: uppercase;
   position: relative;
   display: block;
   border-bottom: 1px solid #e6e6e6;
   margin: 0 15px;
}

.vertical-menu li .toggle-submenu {
   display: none;
}

.vertical-menu > li:hover {
   background-color: #f3f3f3;
}

.vertical-menu .menu-item-has-children > a::after {
   content: "\f105";
}

.vertical-menu > li > a .icon {
   display: inline-block;
   width: 30px;
   text-align: center;
   vertical-align: top;
   line-height: 30px;
   margin-right: 10px;
   opacity: 0.3;
}

.view-all-categori {
   display: block;
   text-align: center;
}

   .view-all-categori .button {
      font-size: 13px;
      line-height: 50px;
      text-transform: uppercase;
   }

.header.layout6 .vertical-menu > li.view-all-categori .button {
   margin: 0;
}

.vertical-content.layout2 .view-all-categori {
   display: none;
}

.main-menu > li {
   width: 20%;
   display: inline-block;
   float: left;
   border-right: 1px solid white;
}

   .main-menu > li:last-child {
      border-right: none;
   }

   .main-menu > li > a {
      letter-spacing: 2px;
      width: 100%;
      text-align: center;
      display: inline-block;
      font-size: 8pt;
      color: #707070;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 52px;
      cursor: pointer;
      float: left;
      margin-top: 10px;
   }

   .list-socials > li:first-child > a,
   .main-menu > li:first-child > a {
      padding-left: 0;
   }

   .list-socials li:last-child > a,
   .main-menu > li:last-child > a {
      padding-right: 0;
   }

.list-socials li {
   display: inline-block;
   list-style: none;
   margin: 4px 2px;
}

   .list-socials li a {
      display: inline-block;
      width: 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      font-size: 14px;
      text-align: center;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease;
      font-size: 14px;
      color: #666;
   }

      .list-socials li a:hover {
         /*color: #fff;
  background-color: #fff !important;*/
         color: #908e8e !important;
         background-color: white !important;
      }

.language .flag {
   margin-right: 5px;
}

   .language .flag img {
      margin-top: -2px;
   }
/*MAIN-MENU*/
.menu-item-has-children {
   position: relative;
}
/*.menu-item-has-children > a::after {
  content: "\f107";
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  color: #333;
  float: right;
}*/
.submenu {
   width: 100%;
   position: absolute;
   z-index: 100;
   visibility: hidden;
   opacity: 0;
   /*left: -15px;*/
   top: 100%;
   /*background-color: #edeef0d9;*/
   background-color: rgba(237, 238, 240, 0.85);
   min-width: 220px;
   /*padding: 20px 0 30px;*/
   padding: 0px;
   -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
   -webkit-transition: opacity .5s,-webkit-transform .5s;
   transition: opacity .3s,transform .3s;
   -webkit-transform: translate(0, 30px);
   -moz-transform: translate(0, 30px);
   -o-transform: translate(0, 30px);
   -ms-transform: translate(0, 30px);
   transform: translate(0, 30px);
   opacity: 0;
   display: block;
   visibility: hidden;
   text-align: left;
}

   .submenu li {
      display: list-item;
      list-style: none;
   }

   .submenu .menu-item-has-children:hover > a::after {
      content: "\f105";
   }

.main-menu .submenu li .submenu {
   left: 100%;
}

.main-menu .submenu .menu-item-has-children:hover > .submenu {
   top: -20px;
}

.menu-item-has-children:hover > .submenu {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
   opacity: 1;
   visibility: visible;
}

.main-menu .submenu > li {
   display: list-item;
   list-style: none;
}

   .main-menu .submenu > li > a {
      text-align: center;
      font-family: "Gotham Bold";
      display: block;
      font-size: 8pt;
      line-height: 20px;
      color: #555555;
      /*color: #ffffff;*/
      padding: 8px 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 700;
   }

   .main-menu .submenu > li:hover > a {
      background-color: #EDEEF1;
      /*font-size: 12px;*/
      line-height: 20px;
      text-transform: uppercase;
   }

.main-menu .demos-menu {
   padding: 35px 25px 10px;
}

   .main-menu .demos-menu .demo-item a {
      padding: 0;
   }

   .main-menu .demos-menu .demo-item {
      padding: 0 10px;
      margin-bottom: 30px;
   }

      .main-menu .demos-menu .demo-item .demo-title {
         font-size: 14px;
         color: #242424;
         font-weight: 600;
         text-transform: uppercase;
         display: block;
         margin: 0 0 15px;
      }

.main-menu .mega-menu1 {
   max-width: 1010px;
   background-image: url('../images/bg1.jpg');
   background-repeat: no-repeat;
   background-position: right bottom;
   padding: 25px 30px 0;
}

.widget-custom-menu .widgettitle {
   font-size: 14px;
   font-weight: 600;
   color: #222;
   margin: 0 0 15px;
   text-transform: uppercase;
}

.widget-custom-menu {
   margin-bottom: 30px;
}

   .widget-custom-menu ul {
      padding: 0;
   }

      .widget-custom-menu ul li {
         list-style: none;
         display: list-item;
      }

         .widget-custom-menu ul li a {
            font-size: 13px;
            color: #666;
            line-height: 24px;
            display: block;
         }

.vertical-menu .menu-item-has-children > .submenu {
   left: 100%;
   top: 30px;
   -webkit-transform: translate(0,0);
   -moz-transform: translate(0,0);
   -ms-transform: translate(0,0);
   -o-transform: translate(0,0);
   transform: translate(0,0);
   min-width: 600px;
}

.vertical-menu .menu-item-has-children.has-megamenu {
   position: inherit;
}

.vertical-menu .menu-item-has-children:hover > .submenu {
   visibility: visible;
   opacity: 1;
   top: -2px;
}

.vertical-menu .submenu1 {
   max-width: 650px;
   background-image: url('../images/bg2.jpg');
   background-repeat: no-repeat;
   background-position: right bottom;
   padding: 30px 35px;
   min-height: 100%;
   background-color: #fff;
}

.vertical-menu .submenu2 {
   max-width: 610px;
   background-image: url('../images/bg3.jpg');
   background-repeat: no-repeat;
   background-position: center bottom;
   padding: 35px 40px;
   min-height: 100%;
   background-color: #fff;
}

.no-sticky .box-sticky {
   display: none;
}

.box-sticky {
   position: fixed;
   z-index: 999;
   -webkit-transform: translateY(-300px);
   -moz-transform: translateY(-300px);
   -ms-transform: translateY(-300px);
   -o-transform: translateY(-300px);
   transform: translateY(-300px);
   left: 0;
   width: 100%;
   -webkit-transition: 0.5s ease 0s;
   -moz-transition: 0.5s ease 0s;
   -ms-transition: 0.5s ease 0s;
   -o-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
   background-color: #fff;
   padding: 0;
   opacity: 0;
   border-bottom: solid 1px #e6e6e6;
}

   .box-sticky.is-sticky {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      top: 0;
      opacity: 1;
   }

.hidden-content,
.header-home2 .box-sticky .hidden-content,
.is-sticky .hidden-content.show-up,
.is-sticky .hidden-content.always-open {
   display: none;
}

   .hidden-content.show-up,
   .hidden-content.always-open,
   .is-sticky .hidden-content.show-in-sticky,
   .is-sticky .always-open.show-in-sticky {
      display: block;
   }

.logo-prepend .logo {
   line-height: 51px;
   margin: 0 auto;
   width: 100%;
   text-align: center;
}

.cart-prepend .box-minicart {
   margin-top: 5px;
   float: left;
}
/*HEADER LAYOUT2*/
.header.layout2 .search-form {
   padding-top: 5px;
}

.header.layout2 .hotline {
   float: right;
   margin-top: 3px;
}

.header.layout2 .search-form .search-block .search-button:hover {
   background-color: #aaa;
}

.header.layout2 .header-nav-wapper,
.header.layout2 .header-nav-wapper .header-nav {
   /*background-color: #e9e9e9;*/
   background-color: #edeef0;
}

.header.layout2 .box-header-nav .main-menu {
   margin-left: 0px;
}

.header.layout2 .hotline .icon {
   color: #222;
}

.header.header-home3 .hotline .text,
.header.header-home3 .hotline .icon,
.header.header-home3 .hotline .number {
   color: #fff;
}

.header.header-home3 .vertical-wapper .block-title,
.header.header-home3 .search-form .search-block .search-button {
   background-color: #296dc1;
}
/*HEADER LAYOUT3*/
.header.layout3 .vertical-content {
   padding-bottom: 24px;
}

.header.layout3 .search-form .search-block .search-info {
   width: 100%;
   border-radius: 0;
}

.header.layout3 .search-form .search-block .chosen-container-single .chosen-single {
   border-radius: 20px 0 0 20px;
   border-right: 0;
}

.header.layout3 .main-header .logo {
   width: 100%;
   text-align: center;
}
/*HEADER LAYOUT4*/
.header.layout4 {
   background-color: #252525;
}

   .header.layout4 .header-nav-wapper,
   .header.layout4 .header-nav-wapper .header-nav,
   .header.layout4 .box-sticky {
      background-color: #111;
      text-align: center;
   }

   .header.layout4 .list-socials li a {
      color: #eee;
   }

   .header.layout4 .topbar .menu-topbar li a,
   .header.layout4 .main-menu > li > a,
   .header.layout4 .menu-item-has-children > a::after {
      color: #aaa;
   }

   .header.layout4 .main-menu > li {
      float: none;
   }

   .header.layout4 .topbar .menu-topbar > li::before {
      background-color: #626262;
   }

   .header.layout4 .topbar {
      border-color: #333;
   }

   .header.layout4 .main-header .logo {
      width: 100%;
      text-align: center;
   }

   .header.layout4 .search-form .search-block .chosen-container-single .chosen-single {
      border-radius: 20px 0 0 20px;
      border-right: 0;
      background-color: #252525;
      border: solid 1px #444;
   }

   .header.layout4 .search-form .search-block .search-info {
      border-radius: 0;
      border: solid 1px #444;
      border-right: 0;
      background-color: #252525;
   }

   .header.layout4 .search-form .search-block .search-button {
      background-color: transparent;
      border: solid 1px #444;
      border-left: 0;
      color: #aaa;
   }

   .header.layout4 .hotline .number,
   .header.layout4 .box-minicart .cart-block .total-price,
   .header.layout4 .box-minicart .cart-block .cart-icon {
      color: #eee;
   }

.header .box-sticky.is-sticky .box-minicart .cart-block .total-price {
   display: none;
}

.header .box-sticky.is-sticky .cart-prepend .box-minicart {
   float: right;
}

.header .box-sticky.is-sticky .box-minicart .minicart {
   padding-right: 10px;
}
/*HEADER LAYOUT5*/
.header.layout5 .topbar .menu-topbar > li > a,
.header.layout5 .list-socials li a,
.header.layout5 .topbar .menu-topbar .menu-item-has-children > a::after {
   color: #fff;
}

   .header.layout5 .topbar .menu-topbar .menu-item-has-children > a:hover::after,
   .header.layout5 .topbar .menu-topbar > li > a:hover {
      color: #222;
   }

   .header.layout5 .list-socials li a:hover {
      background-color: #222;
   }

.header.layout5 .search-form .search-block .chosen-container-single .chosen-single {
   border-radius: 20px 0 0 20px;
   border-right: 0;
}

.header.layout5 .search-form .search-block .search-info {
   border-radius: 0;
   padding: 0 15px;
}

.header.layout5 .search-form .search-block .search-button {
   background-color: #fff;
   color: #aaa;
}

.header.layout5 .search-form .search-block .search-inner {
   width: 225px;
}

.header.layout5 .hotline .number,
.header.layout5 .hotline .icon,
.header.layout5 .hotline .text,
.header.layout5 .box-minicart .minicart::after,
.header.layout5 .box-minicart .cart-block .cart-icon,
.header.layout5 .box-minicart .cart-block .total-price,
.header.layout5 .box-minicart .cart-block .total-price .text {
   color: #fff;
}

.header.layout5 .hotline .icon {
   margin-top: 12px;
}

.header.layout5 .box-minicart .cart-block .cart-icon .count {
   background-color: #222;
}

.header.layout5 .header-nav-inner {
   float: left;
}

.header.layout5 .buytheme {
   float: right;
   display: inline-block;
   padding: 0 0;
   line-height: 50px;
   font-size: 14px;
   color: #222;
   font-weight: 700;
   text-transform: uppercase;
}

.header.layout5 .top-header .middle-content {
   margin-right: -30px;
   margin-left: 30px;
}

.header.layout5 .box-sticky.is-sticky .main-menu > li > a {
   padding: 0 10px;
   line-height: 50px;
   font-weight: 700;
}

.header.layout5 .box-sticky.is-sticky .main-menu > li > a,
.header.layout5 .box-sticky.is-sticky .menu-item-has-children > a::after {
   color: #fff;
}

/*HEADER LAYOUT6*/
.header.layout6 .topbar {
   border-bottom: none;
}

.header.layout6 .header-nav-wapper .vertical-content {
   border-top: solid 1px rgba(0, 0, 0, 0.1);
   padding: 8px 0;
}

.header.layout6 .header-nav {
   float: left;
   width: auto;
}

.header.layout6 .main-menu > li > a {
   font-size: 13px;
   font-weight: 400;
   padding: 0 10px;
   line-height: 40px;
}

.header.layout6 .box-sticky.is-sticky .main-menu > li > a {
   line-height: 50px;
   font-weight: 700;
}

.header.layout6 .main-menu > li:first-child > a {
   padding-left: 0;
}

.header.layout6 .menu-item-has-children > a::after {
   margin-left: 4px;
}

.header.layout6 .topbar .menu-topbar > li::before {
   background-color: #b2b2b2;
}

.header.layout6 .topbar .menu-topbar li:last-child a {
   padding-right: 0;
}

.header.layout6 .vertical-wapper .block-title {
   display: none;
}

.header.layout6 .hotline .number,
.header.layout6 .hotline .icon,
.header.layout6 .box-minicart .minicart::after,
.header.layout6 .box-minicart .cart-block .cart-icon,
.header.layout6 .box-minicart .cart-block .total-price,
.header.layout6 .box-minicart .cart-block .cart-icon .count {
   color: #222;
}

.header.layout6 .box-sticky.is-sticky .box-minicart .cart-block .cart-icon .count {
   color: #fff;
}

.header.layout6 .hotline .icon {
   margin-top: 12px;
}

.header.layout6 .hotline .text,
.header.layout6 .box-minicart .cart-block .total-price .text {
   color: #666;
}

.header.layout6 .box-minicart .cart-block .cart-icon .count {
   background-color: #fff;
}

.header.layout6 .header-control > li::after {
   background-color: #b2b2b2;
}

.header.layout6 .vertical-content {
   display: block;
   width: 100%;
   padding: 0;
   border: none;
   position: static;
}

.header.layout6 .vertical-menu .view-all-categori {
   display: none;
}

.header.layout6 .vertical-menu > li {
   display: inline-block;
   position: relative;
}

   .header.layout6 .vertical-menu > li > a {
      margin: 0 6px;
      border: none;
      color: #222;
   }

      .header.layout6 .vertical-menu > li > a .icon {
         opacity: 1;
      }

   .header.layout6 .vertical-menu > li:first-child > a {
      margin-left: 0;
   }

   .header.layout6 .vertical-menu > li > a .icon {
      margin-right: 0;
   }

   .header.layout6 .vertical-menu > li:hover {
      background-color: transparent;
   }

      .header.layout6 .vertical-menu > li:hover > a {
         text-decoration: underline;
      }

.header.layout6 .vertical-menu .menu-item-has-children > a::after {
   display: none;
}

.header.layout6 .search-form .search-block .chosen-container-single .chosen-single {
   border-radius: 20px 0 0 20px;
   border-right: 0;
}

.header.layout6 .search-form .search-block .search-info {
   border-radius: 0;
   border-color: #fff;
}

.header.layout6 .search-form .search-block .chosen-container-single .chosen-single {
   border-color: #fff;
}

.header.layout6 .search-form .search-block .search-button {
   background-color: #fff;
   color: #aaa;
}

.header.layout6 .header-nav-wapper .vertical-wapper {
   border-top: solid 1px #e5e5e5;
}

.header.layout6 .top-header .middle-content {
   margin-left: 25px;
   margin-right: -25px;
}
/*HEADER LAYOUT7*/

/*CUSTOM CSS*/
/*HOME1*/
body.home1 {
   background-color: #f0f2f5;
}

.main-content-home1 {
   padding-bottom: 20px;
}

.special-container {
   max-width: 1230px;
   margin: 0 auto;
   background-color: #fff;
}

.main-content-home1 .container-offset {
   margin-left: 280px;
   margin-top: 10px;
}

.main-slideshow .slide-content .button {
   font-size: 13px;
   color: #fff;
   font-weight: 600;
   line-height: 40px;
   padding: 0 25px;
   display: inline-block;
   text-transform: uppercase;
   border-radius: 3px;
}

   .main-slideshow .slide-content .button:hover {
      background-color: #aaa;
   }

.main-slideshow .slide-content {
   position: absolute;
   z-index: 2;
   left: 65px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
}

   .main-slideshow .slide-content .title {
      font-size: 36px;
      color: #333;
      font-weight: 700;
      text-transform: uppercase;
      margin: 5px 0 10px;
   }

.main-slideshow .owl-item.active .slide-content .title {
   animation-duration: 2s;
   -webkit-animation-duration: 2s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   animation-name: bounceInRight;
   -webkit-animation-name: bounceInRight;
}

.main-slideshow .owl-item.active .slide-content .subtitle {
   animation-duration: 2s;
   -webkit-animation-duration: 2s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   animation-name: bounceInLeft;
   -webkit-animation-name: bounceInLeft;
}

.main-slideshow .owl-item.active .slide-content .smalltitle {
   animation-duration: 2s;
   -webkit-animation-duration: 2s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   animation-name: bounceInUp;
   -webkit-animation-name: bounceInUp;
}

.main-slideshow .slide-content .subtitle {
   font-size: 18px;
   color: #333;
   font-weight: 600;
   text-transform: uppercase;
   margin: 0;
}

   .main-slideshow .slide-content .subtitle span {
      font-size: 37px;
      font-weight: 700;
   }

.main-slideshow .slide-content .smalltitle {
   font-size: 14px;
   color: #888;
   margin: 0 0 22px;
   text-transform: uppercase;
}

   .main-slideshow .slide-content .smalltitle span {
      font-size: 26px;
      font-weight: 700;
      color: #222;
   }

.slideshow1 .item2 .slide-content .title {
   font-weight: 600;
   max-width: 330px;
}

   .slideshow1 .item2 .slide-content .title span {
      font-weight: 700;
   }

.slideshow1 .item3 .slide-content .smalltitle {
   text-transform: inherit;
   font-size: 16px;
}

.main-content .row-banner .banner {
   margin: 30px 0 0;
   text-align: center;
}

   .main-content .row-banner .banner img {
      width: 100%;
   }

.product-show .item-show {
   width: 470px;
   float: left;
   padding: 25px;
}

.product-show .other-product-show {
   width: calc(100% - 470px);
   float: right;
   margin-top: -1px;
}

.other-product-show .product-item {
   padding: 0 0.5px;
   margin: 1px 0 0;
}

.other-product-show {
   position: relative;
   background-color: #e6e6e6;
   margin: 0 -0.5px;
   padding: 0 0.5px;
}

.main-content-home1 .product-show .section-content {
   border-right-width: 0;
}

.item-show .product-item:hover .product-inner {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.item-show .product-item .product-name {
   font-size: 16px;
   color: #555;
   font-weight: 600;
}

.item-show .product-item .price .del {
   font-size: 15px;
}

.item-show .product-item .price .ins {
   font-size: 24px;
}

.owl-thumbs {
   padding: 0;
}

.item-show .owl-carousel .owl-thumb-item {
   width: 72px;
   height: 72px;
   border: solid 1px #e6e6e6;
   display: inline-block;
   margin: 5px;
   outline: 0;
   opacity: 1;
}

.owl-carousel.has-thumbs .owl-nav .owl-prev,
.owl-carousel.has-thumbs .owl-nav .owl-next {
   font-size: 0;
   width: 25px;
   height: 25px;
   display: inline-block;
   bottom: 30px;
}

.owl-carousel.has-thumbs:hover .owl-nav .owl-prev,
.owl-carousel.has-thumbs:hover .owl-nav .owl-next {
   display: block !important;
}

.owl-carousel.has-thumbs .owl-nav .owl-prev {
   left: 0;
}

.owl-carousel.has-thumbs .owl-nav .owl-next {
   right: 0;
}

   .owl-carousel.has-thumbs .owl-nav .owl-prev::before,
   .owl-carousel.has-thumbs .owl-nav .owl-next::before {
      width: 100%;
      height: 100%;
      text-align: center;
      content: "\f104";
      font-family: "FontAwesome";
      display: inline-block;
      font-size: 24px;
      color: #888;
   }

   .owl-carousel.has-thumbs .owl-nav .owl-next::before {
      content: "\f105"
   }

.brand {
   margin: 30px 0;
   background-color: #f8f8f8;
   padding: 23px;
}

   .brand .brand-item {
      text-align: center;
   }

      .brand .brand-item a {
         display: block;
         position: relative;
         overflow: hidden;
      }

         .brand .brand-item a::before {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: transparent;
            /*border: solid 3px #000;
  opacity: 0;*/
            content: "";
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -ms-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            position: absolute;
            z-index: 1;
         }
/*.brand .brand-item a:hover::before {
  opacity: 0.2;
}*/
/*HOME2*/
.main-content-home2 {
   padding: 20px 0 0;
}

   .main-content-home2 .brand {
      margin-bottom: 0;
   }

.slideshow2 .slide-content {
   left: 148px;
}

.slideshow2 .item2 .slide-content .smalltitle {
   text-transform: inherit;
}

.slideshow2 .owl-carousel.nav-style1:hover .owl-nav .owl-prev {
   left: 20px;
}

.slideshow2 .owl-carousel.nav-style1:hover .owl-nav .owl-next {
   right: 20px;
}

.main-content-home2 .box-products .box-product-item {
   margin: 30px 0 0;
}


.products-view {
   background-color: #f8f8f8;
   margin: 30px 0 0;
   padding: 0 0 30px;
}
/*HOME3*/
.slideshow3 .slide-content {
   left: 110px;
}

.main-slideshow .slide-content .smalltitle span.price {
   color: #e5534c;
}

.slideshow3 .owl-carousel.nav-style1 .owl-nav .owl-prev,
.slideshow3 .owl-carousel.nav-style1 .owl-nav .owl-next {
   background-color: #fff;
}

.main-content-home3 {
   padding-bottom: 20px;
}

   .main-content-home3 .container-offset {
      margin-left: 290px;
      margin-top: 18px;
   }

   .main-content-home3 .featrue-box-list {
      background-color: transparent;
      margin: 10px 0;
   }

      .main-content-home3 .featrue-box-list .row {
         margin: 0 -10px;
      }

      .main-content-home3 .featrue-box-list .featrue-item {
         border: none;
         padding: 0 10px;
      }

   .main-content-home3 .home-sidebar {
      margin-top: 20px;
   }

   .main-content-home3 .right-content-offset {
      margin-top: -10px;
      padding-left: 5px;
      margin-bottom: 10px;
   }

   .main-content-home3 .row-banner .banner-item1 {
      padding-right: 10px;
   }

   .main-content-home3 .row-banner .banner-item2 {
      padding-left: 10px;
   }

   .main-content-home3 .product-item .group-button .add-to-cart .icon,
   .main-content-home4 .product-item .group-button .add-to-cart .icon {
      display: block;
   }

   .main-content-home3 .product-item .group-button .add-to-cart .text,
   .main-content-home4 .product-item .group-button .add-to-cart .text {
      display: none;
   }

.main-content-home4 .product-item .group-button .add-to-cart {
   font-size: 18px;
   padding: 0;
   width: 40px;
}

.newsletter-form.layout2 {
   width: 100%;
   background-image: url('../images/bg4.jpg');
   background-position: center;
   background-repeat: no-repeat;
   height: 275px;
   text-align: center;
}

   .newsletter-form.layout2 .title {
      color: #fff;
      font-weight: 700;
      font-size: 20px;
      margin: 30px 0 10px;
      text-transform: uppercase;
   }

   .newsletter-form.layout2 .des {
      color: #f2f2f2;
      font-size: 14px;
      margin: 15px auto 25px;
      max-width: 210px;
   }

   .newsletter-form.layout2 .newsletter-inner {
      max-width: 210px;
      margin: 0 auto;
   }

      .newsletter-form.layout2 .newsletter-inner .newsletter-info {
         font-size: 13px;
         color: #aaa;
         background: #fff;
         width: 100%;
         height: 45px;
         line-height: 45px;
         border-radius: 0;
         text-align: center;
         padding: 0;
      }

      .newsletter-form.layout2 .newsletter-inner .submit {
         width: 100%;
         border-radius: 0;
         height: 50px;
         line-height: 50px;
         text-align: center;
         position: static;
         margin-top: 10px;
      }

.main-content-home3 .product-bestseller .list-recent-posts .product-item .info {
   padding-top: 0;
}

.main-content-home3 .product-bestseller .list-recent-posts li {
   padding: 20px 0;
   border-bottom: solid 1px #e6e6e6;
   margin: 0;
}

   .main-content-home3 .product-bestseller .list-recent-posts li:last-child {
      border: none;
   }

.sidebar .product-bestseller {
   margin-top: 35px;
}

.sidebar .newsletter-form {
   margin: 30px 0 0;
}

.sidebar .box-content {
   margin-top: 30px;
}

.box-content .section-title {
   font-size: 15px;
   font-weight: 700;
   color: #222;
   text-transform: uppercase;
   margin: 0;
   width: 100%;
   padding: 10px 0 15px;
   border-bottom: solid 1px #e6e6e6;
   margin-bottom: 20px;
}

.box-content .owl-carousel.nav-style2 .owl-nav,
.box-content.our-blog .owl-carousel.nav-style2 .owl-nav {
   top: -56px;
}

.main-content-home3 .post {
   margin-top: 37px;
}

.box-product-item .widget-recent-post {
   padding: 30px 20px 0;
}
/*HOME 4*/
.slideshow4 .owl-carousel.nav-style1 .owl-nav .owl-prev,
.slideshow4 .owl-carousel.nav-style1 .owl-nav .owl-next {
   background-color: #fff;
}

.main-content-home4 .left-content-offset {
   padding-right: 5px;
}

.main-content-home4 .slideshow-offset {
   margin-left: 290px;
   margin-top: 20px;
}

.main-content-home4 .home-sidebar {
   padding-top: 20px;
}

.main-content-home4 .slideshow-offset .row-banner .banner {
   margin-top: 10px;
}

.main-content-home4 .brand {
   margin-bottom: 0;
   margin-top: 40px;
}

.slideshow4 .slide-content {
   left: 340px;
}
/*HOME 5*/
body.home5 {
   background-color: #252525;
}

.slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-prev,
.slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-next {
   background-color: #1a1a1a;
   color: #fff;
}

.slideshow5 .slide-content {
   left: 510px;
}

.slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-prev {
   left: 375px;
}

.slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-next {
   right: 375px;
}

.slideshow5 .slide-content .title {
   color: #fefefe;
}

.slideshow5 .item1 .slide-content .subtitle {
   color: #888;
   font-size: 15px;
   text-transform: inherit;
   margin: 5px 0 25px;
}

.slideshow5 .item1 .slide-content .smalltitle span {
   color: #fff;
}

.slideshow5 .item2 .slide-content .subtitle {
   color: #aaa;
   font-size: 18px;
   margin-bottom: 20px;
}

.slideshow5 .smalltitle span {
   color: #e5534c;
}

.slideshow5 .item3 .slide-content .subtitle {
   color: #555;
   font-size: 16px;
}

.row-category .category-item {
   margin: 40px 0 0;
}

.main-content-home5 .section-head {
   background-color: #191919;
}

.main-content-home5 .row-category {
   margin-bottom: 10px;
}

.main-content-home5 .brand {
   background-color: #1e1e1e;
   margin-top: 40px;
}

   .main-content-home5 .brand .brand-item a::before {
      background-color: rgba(255, 255, 255, 0.5);
   }

.main-content-home5 .post {
   margin: 40px 0 20px;
}

.main-content-home5 .widgettitle,
.main-content-home5 .product-item .price .real {
   color: #fff;
}

.main-content-home5 .list-recent-posts .product-item .product-name {
   color: #aaa;
}

.footer.footer-home5 {
   background-color: #1f1f1f;
}

.main-content-home5 .section-head .section-title::after {
   border-left-color: #797979;
}

.main-content-home5 .our-blog .section-head {
   margin-top: 0;
}

.main-content-home5 .owl-carousel.nav-style2 .owl-nav .owl-prev:hover,
.main-content-home5 .owl-carousel.nav-style2 .owl-nav .owl-next:hover {
   color: #fff;
}
/*HOME 6*/
.slideshow6 .owl-carousel.nav-style1 .owl-nav .owl-prev,
.slideshow6 .owl-carousel.nav-style1 .owl-nav .owl-next {
   background-color: #fff;
}

.slideshow6 .slide-content {
   max-width: 310px;
   left: 90px;
}

   .slideshow6 .slide-content .subtitle {
      color: #555;
   }


.main-content-home6 .left-main-top-content {
   width: 270px;
   float: left;
   position: relative;
}

.main-content-home6 .slideshow-offset {
   width: calc(100% - 270px);
   float: left;
   border-right: solid 1px #e6e6e6;
   border-bottom: solid 1px #e6e6e6;
}

.main-content-home6 .row-banner .banner {
   margin: 0;
}

   .main-content-home6 .row-banner .banner a {
      border-right: solid 1px #e6e6e6;
      width: 100%;
      margin: 0;
      float: left;
   }

   .main-content-home6 .row-banner .banner.banner-last a {
      border-right: none;
      padding-bottom: 1px;
      float: right;
   }

.main-content-home6 .row-banner {
   margin-bottom: -1px;
}

.main-content-home6 .banner-offset {
   float: left;
   width: 470px;
   border-right: solid 1px #e6e6e6;
}

   .main-content-home6 .banner-offset .banner a {
      margin-bottom: -8px;
   }

.main-content-home6 .content-product {
   width: calc(100% - 470px);
   float: right;
}

.main-content-home6 .vertical-content {
   padding: 12px 0 26px;
}

.recently-viewed .product-item .group-button .add-to-cart {
   width: 40px;
   padding: 0;
}

   .recently-viewed .product-item .group-button .add-to-cart .text {
      display: none;
   }

   .recently-viewed .product-item .group-button .add-to-cart .icon {
      display: block;
   }

.main-content-home6 .brand {
   padding: 0;
   background-color: transparent;
   margin-bottom: 22px;
}

/*HOME 7*/
.slideshow7 .owl-carousel.nav-style1 .owl-nav .owl-prev,
.slideshow7 .owl-carousel.nav-style1 .owl-nav .owl-next {
   background-color: #fff;
}

.slideshow7 .slide-content {
   max-width: 385px;
   left: 90px;
}

.main-content-home7 .section-head .section-title {
   color: #222;
}

.main-content-home7 .slideshow-offset .main-slideshow {
   margin-top: 10px;
   float: left;
   width: calc(100% - 300px);
   margin-right: 10px;
}

.main-content-home7 .slideshow-offset .row-banner {
   width: 290px;
   float: left;
}

   .main-content-home7 .slideshow-offset .row-banner .banner {
      margin: 10px 0 0;
      overflow: hidden;
   }

      .main-content-home7 .slideshow-offset .row-banner .banner a {
         margin-bottom: 0;
         display: block;
      }

.main-content-home7 .products-daily .section-content {
   border: none;
}

   .main-content-home7 .products-daily .section-content.deal-ofday {
      margin-top: 10px;
   }

.loadmore-products {
   width: 100%;
   text-align: center;
   background-color: #eeeeee;
}

   .loadmore-products .button {
      font-size: 14px;
      color: #aaa;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 50px;
   }

.main-content-home6 .loadmore-products {
   margin-top: 30px;
}

.main-content-home7 .loadmore-products {
   background-color: transparent;
   margin-top: 15px;
}

.main-content-home7 .featured-products .product-item.layout5 {
   margin: 5px 0 15px;
}

.main-content-home7 {
   padding-bottom: 40px;
}
/*OWL-CAROUSEL*/
.owl-carousel .owl-item img {
   transform-style: inherit;
   -webkit-transform-style: inherit;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
   text-align: center;
   position: absolute;
   z-index: 1;
   -webkit-transition: 0.5s ease 0s;
   -moz-transition: 0.5s ease 0s;
   -ms-transition: 0.5s ease 0s;
   -o-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
   opacity: 0;
}

.owl-carousel.nav-style1 .owl-nav .owl-prev,
.owl-carousel.nav-style1 .owl-nav .owl-next {
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   background-color: #bebebe;
   font-size: 24px;
   color: #333;
   line-height: 40px;
   border-radius: 3px;
   width: 40px;
   height: 40px;
}

.owl-carousel:hover .owl-nav .owl-prev,
.owl-carousel:hover .owl-nav .owl-next {
   opacity: 1;
}

.owl-carousel.nav-style1 .owl-nav .owl-next {
   right: 30px;
}

.owl-carousel.nav-style1:hover .owl-nav .owl-next {
   right: 10px;
}

.owl-carousel.nav-style1 .owl-nav .owl-prev {
   left: 30px;
}

.owl-carousel.nav-style1:hover .owl-nav .owl-prev {
   left: 10px;
}

.owl-carousel.nav-style1 .owl-nav .owl-prev:hover,
.owl-carousel.nav-style1 .owl-nav .owl-next:hover {
   color: #fff;
}

.owl-carousel.nav-style2 .owl-nav {
   position: absolute;
   z-index: 1;
   top: -36px;
   right: 10px;
}

.owl-carousel.nav-style2.owl-hover .owl-nav {
   top: -26px;
}

.owl-carousel.nav-style2 .owl-nav .owl-prev,
.owl-carousel.nav-style2 .owl-nav .owl-next {
   width: 20px;
   font-size: 20px;
   color: #888;
   opacity: 1;
}

.owl-carousel.nav-style2 .owl-nav .owl-prev {
   right: 25px;
}

.owl-carousel.nav-style2 .owl-nav .owl-next {
   right: 0;
}

   .owl-carousel.nav-style2 .owl-nav .owl-prev:hover,
   .owl-carousel.nav-style2 .owl-nav .owl-next:hover {
      color: #222;
   }
/*FEATRUE-BOX*/
.featrue-box {
   display: table;
   margin: 0 auto;
   padding: 30px 0;
}

.featrue-box-list {
   background-color: #f8f8f8;
   margin: 20px 0;
}

.main-content-home2 .featrue-box-list {
   margin-bottom: 0;
}

.featrue-box-list .featrue-item {
   border-left: solid 1px #e1e1e1;
}

.featrue-box .block-icon {
   display: table-cell;
   vertical-align: middle;
   padding-right: 10px;
}

   .featrue-box .block-icon a {
      font-size: 30px;
   }

.featrue-box .block-inner {
   overflow: hidden;
   display: table-cell;
   vertical-align: middle;
}

   .featrue-box .block-inner .title {
      font-size: 15px;
      font-weight: 600;
      color: #000;
      margin: 0;
      text-transform: uppercase;
   }

   .featrue-box .block-inner .des {
      font-size: 13px;
      color: #888;
      margin: -6px 0 0;
   }

.featrue-box.layout2 {
   text-align: center;
   padding: 7px 0;
   width: 100%;
   border: solid 1px #e6e6e6;
}

   .featrue-box.layout2 .block-icon,
   .featrue-box .block-inner {
      display: block;
   }

   .featrue-box.layout2 .block-inner .title {
      font-size: 14px;
   }

   .featrue-box.layout2 .block-inner .des {
      margin-top: -5px;
   }
/*TAB STYLE*/
.tab-content {
   position: relative;
   clear: both;
}

.tab-panel {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   opacity: 0;
   visibility: hidden;
   display: block;
}

   .tab-panel.active {
      position: static;
      opacity: 1;
      visibility: inherit;
   }

.nav > li > a:focus,
.nav > li > a:hover {
   background-color: transparent;
}

.kt-tab .nav > li {
   display: inline-block;
   margin: 0;
   padding: 0;
   list-style: none;
}

   .kt-tab .nav > li > a {
      font-size: 13px;
      color: #666;
      font-weight: 600;
      text-transform: uppercase;
      padding: 0 9px;
      line-height: 46px;
   }

.nav-tab-style1 .list-nav {
   float: right;
   margin-right: 78px;
}

.section-head {
   background-color: #f4f4f4;
   border-bottom: solid 2px;
   height: 46px;
   margin-top: 30px;
   position: relative;
   z-index: 1;
}

   .section-head .section-title {
      float: left;
      font-size: 15px;
      color: #fff;
      font-weight: 700;
      height: 52px;
      margin: -6px 0 0;
      line-height: 52px;
      position: relative;
      z-index: 11;
      padding: 0 20px;
      min-width: 270px;
      text-transform: uppercase;
   }

      .section-head .section-title::after {
         position: absolute;
         content: '';
         border-style: solid;
         border-width: 6px 0 0 5px;
         border-color: transparent transparent transparent #333333;
         right: -5px;
         top: 0;
      }
/*BLOG ITEM*/
.post-item.layout1 {
   border: solid 1px #e6e6e6;
   overflow: hidden;
   background-color: #fff;
}

   .post-item.layout1 .post-format {
      float: left;
   }

.post-item .post-format {
   position: relative;
   overflow: hidden;
}

   .post-item .post-format a {
      display: block;
      width: 100%;
      position: relative;
      overflow: hidden;
   }

      .post-item .post-format a::before {
         width: 0;
         height: 0;
         position: absolute;
         z-index: 1;
         left: 50%;
         top: 50%;
         -webkit-transition: 0.5s ease 0s;
         -moz-transition: 0.5s ease 0s;
         -ms-transition: 0.5s ease 0s;
         -o-transition: 0.5s ease 0s;
         transition: 0.5s ease 0s;
         content: "";
         border: solid 2px rgba(255, 255, 255,0.6);
         opacity: 0;
      }

      .post-item .post-format a:hover::before {
         width: 90%;
         height: 90%;
         left: 5%;
         top: 5%;
         opacity: 1;
      }

.post-item.layout2 .post-format a::before {
   width: 0;
   height: 80%;
   position: absolute;
   z-index: 1;
   left: 50%;
   top: 10%;
   -webkit-transition: 0.5s ease 0s;
   -moz-transition: 0.5s ease 0s;
   -ms-transition: 0.5s ease 0s;
   -o-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
   content: "";
   border-top: solid 5px rgba(255, 255, 255,0.6);
   border-bottom: solid 5px rgba(255, 255, 255,0.6);
   border-left: 0;
   border-right: 0;
   opacity: 0;
}

.post-item.layout2 .post-format a::after {
   width: 80%;
   height: 0;
   position: absolute;
   z-index: 1;
   left: 10%;
   top: 50%;
   -webkit-transition: 0.5s ease 0s;
   -moz-transition: 0.5s ease 0s;
   -ms-transition: 0.5s ease 0s;
   -o-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
   content: "";
   border-left: solid 5px rgba(255, 255, 255,0.6);
   border-right: solid 5px rgba(255, 255, 255,0.6);
   opacity: 0;
}

.post-item.layout2 .post-format a:hover::before {
   width: 90%;
   left: 5%;
   right: 5%;
   opacity: 1;
}

.post-item.layout2 .post-format a:hover::after {
   height: 90%;
   top: 5%;
   bottom: 5%;
   opacity: 1;
}

.post-item.layout3 .post-format a::before {
   width: 120%;
   height: 120%;
   position: absolute;
   z-index: 2;
   left: -10%;
   top: -10%;
   -webkit-transition: 0.5s ease 0s;
   -moz-transition: 0.5s ease 0s;
   -ms-transition: 0.5s ease 0s;
   -o-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
   content: "";
   opacity: 0;
   border: solid 50px rgba(0, 0, 0,0.2);
}

.post-item.layout3 .post-format a::after {
   width: 120%;
   height: 120%;
   position: absolute;
   z-index: 1;
   left: -10%;
   top: -10%;
   opacity: 0;
   -webkit-transition: 0.7s ease 0s;
   -moz-transition: 0.7s ease 0s;
   -ms-transition: 0.7s ease 0s;
   -o-transition: 0.7s ease 0s;
   transition: 0.7s ease 0s;
   content: "";
   background-color: transparent;
   border: solid 50px rgba(255, 255, 255,0.5);
}

.post-item.layout3 .post-format a:hover::before {
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   opacity: 1;
}

.post-item.layout3 .post-format a:hover::after {
   width: calc( 100% - 50px);
   height: calc( 100% - 50px);
   top: 25px;
   left: 25px;
   opacity: 1;
}

.post-item .post-info {
   padding: 30px 20px 20px;
   overflow: hidden;
}

   .post-item .post-info .head {
      overflow: hidden;
      padding-bottom: 15px;
   }

.post-item .post-date {
   float: left;
   margin-right: 10px;
   width: 40px;
   border-radius: 3px;
   overflow: hidden;
}

   .post-item .post-date .day {
      width: 100%;
      font-size: 18px;
      color: #333;
      line-height: 27px;
      text-align: center;
      background-color: #e9e9e9;
      display: block;
      font-weight: 600;
   }

   .post-item .post-date .month {
      width: 100%;
      color: #fff;
      font-size: 11px;
      line-height: 18px;
      display: block;
      text-align: center;
   }

.post-item .post-info .post-title {
   font-size: 14px;
   color: #333;
   font-weight: 600;
   text-transform: uppercase;
   display: block;
   overflow: hidden;
}

.post-item .post-info .meta-post li {
   display: inline-block;
   list-style: none;
   padding: 0 10px;
   position: relative;
}

   .post-item .post-info .meta-post li:first-child {
      padding-left: 0;
   }

   .post-item .post-info .meta-post li:last-child {
      padding-right: 0;
   }

   .post-item .post-info .meta-post li::after {
      content: "";
      width: 1px;
      height: 14px;
      ;
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      background-color: #e6e6e6;
   }

   .post-item .post-info .meta-post li:last-child::after {
      display: none;
   }

   .post-item .post-info .meta-post li a {
      font-size: 13px;
      color: #333;
   }

      .post-item .post-info .meta-post li a .icon {
         font-size: 13px;
         color: #888;
         margin-right: 5px;
      }

.post-item .post-info .des {
   font-size: 13px;
   color: #666;
   line-height: 20px;
   margin: 7px 0 12px;
}

.post-item .post-info .button {
   font-size: 13px;
   color: #bbb;
}

.post-item.layout2 .post-info {
   padding: 10px 0 0;
}

   .post-item.layout2 .post-info .meta-post li a {
      color: #aaa;
   }

.post-item.layout2 .post-date {
   position: absolute;
   z-index: 1;
   top: 30px;
   left: 20px;
}

.post-item.layout3 .post-info {
   padding: 15px 0;
}

   .post-item.layout3 .post-info .post-title {
      font-size: 13px;
      color: #222;
   }

   .post-item.layout3 .post-info .meta-post .time-post {
      color: #999;
      font-size: 13px;
   }

      .post-item.layout3 .post-info .meta-post .time-post .day {
         font-weight: 600;
         font-size: 20px;
      }

   .post-item.layout3 .post-info .meta-post .author {
      font-size: 13px;
      color: #666;
   }

   .post-item.layout3 .post-info .meta-post li::after {
      display: none;
   }

   .post-item.layout3 .post-info .meta-post li {
      padding: 0 20px;
   }

      .post-item.layout3 .post-info .meta-post li:first-child {
         padding-left: 0;
      }

   .post-item.layout3 .post-info .head {
      border-bottom: solid 1px #e6e6e6;
      margin-bottom: 15px;
   }

   .post-item.layout3 .post-info .des {
      font-size: 14px;
      color: #888;
      line-height: 24px;
      margin: 0 0 10px;
   }

.post-item.layout3 .post-format img {
   width: 100%;
}

.post-item.layout3 .post-info .button {
   padding: 0 24px;
   line-height: 40px;
   color: #fff;
   font-size: 13px;
   font-weight: 600;
   text-transform: uppercase;
   border-radius: 3px;
   display: inline-block;
   margin-top: 15px;
}

   .post-item.layout3 .post-info .button:hover {
      background-color: #aaa;
      color: #fff;
   }

.our-blog .section-head {
   margin-bottom: 10px;
}

.our-blog .owl-carousel.nav-style2 .owl-nav {
   top: -46px;
}

.blog-grid .post-item {
   margin-bottom: 30px;
}
/*PRODUCT ITEM*/
.product-item .product-inner .thumb {
   position: relative;
   /*text-align: center;*/
}

.product-item .product-inner .quickview-button {
   position: absolute;
   z-index: 2;
   bottom: 0;
   line-height: 35px;
   color: #fff;
   background-color: #aaa;
   text-transform: uppercase;
   text-align: center;
   width: 100%;
   left: 0;
   font-size: 13px;
   outline: 0;
   -webkit-transition: 0.5s ease 0s;
   -moz-transition: 0.5s ease 0s;
   -ms-transition: 0.5s ease 0s;
   -o-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
   opacity: 0;
   font-weight: 600;
}

.product-item .product-inner:hover .quickview-button {
   opacity: 1;
}

.product-item .product-inner .group-flash {
   position: absolute;
   z-index: 1;
   top: 15px;
   left: 0;
}

.product-item .group-flash li {
   display: list-item;
   list-style: none;
   margin-bottom: 5px;
}

.owl-item:not(.active) .product-item .group-flash .flash {
   opacity: 0;
   visibility: hidden;
}

.product-item .group-flash .flash {
   padding: 0 10px;
   line-height: 30px;
   display: inline-block;
   text-transform: uppercase;
   font-size: 14px;
   color: #fff;
   font-weight: 600;
   position: relative;
   border: none;
}

   .product-item .group-flash .flash::after {
      position: absolute;
      z-index: 1;
      top: 0;
      right: -20px;
      content: "";
      border-style: solid;
      border-width: 15px 10px;
   }

   .product-item .group-flash .flash.new::after {
      border-color: #4081d1 transparent transparent #4081d1;
   }

   .product-item .group-flash .flash.new {
      background-color: #4081d1;
   }

   .product-item .group-flash .flash.best::after {
      border-color: #35b035 transparent transparent #35b035;
   }

   .product-item .group-flash .flash.best {
      background-color: #35b035;
   }

   .product-item .group-flash .flash.sale {
      background-color: #e5534c;
   }

      .product-item .group-flash .flash.sale::after {
         border-right-color: transparent;
         border-bottom-color: transparent;
         border-top-color: #e5534c;
         border-left-color: #e5534c;
      }

.product-item .product-name {
   letter-spacing: 1px;
   /*font-size: 11px;*/
   font-size: 9px;
   color: #555;
   display: inline-block;
   /*line-height: 20px;*/
   line-height: 15px;
   margin: 0;
}

.product-item .info {
   margin: 0 10px 5px;
   /*padding-top: 12px;*/
   padding-top: 0px;
   overflow: hidden;
   /*position: relative;*/
   position: absolute;
}
/*.product-item .info::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e6e6e6;
}*/

.rating {
   display: table;
}

   .rating .count {
      font-size: 13px;
      color: #aaa;
      display: table-cell;
      vertical-align: middle;
   }

   .rating .list-star {
      padding-right: 6px;
      display: table-cell;
      vertical-align: middle;
   }

      .rating .list-star li {
         display: inline-block;
         list-style: none;
      }

         .rating .list-star li a {
            color: #f29f29;
            font-size: 13px;
            display: inline-block;
         }

.product-item .price .real,
.product-item .price span {
   font-size: 18px;
   color: #222;
   font-weight: 600;
}

.product-item .price .del {
   font-size: 13px;
   color: #888;
   font-weight: 400;
   text-decoration: line-through;
}

.product-item .price .ins {
   color: #e5534c;
}

.product-item .group-button {
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   z-index: 9;
   opacity: 0;
   visibility: hidden;
}

.product-item:hover .group-button {
   opacity: 1;
   display: block;
   visibility: visible;
   -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.35);
   -moz-box-shadow: 0 0 9px rgba(0,0,0,0.35);
   box-shadow: 0 0 9px rgba(0,0,0,0.35);
}

.product-item .group-button .inner {
   overflow: hidden;
   background-color: #ffffff;
   padding: 0 10px 25px 10px;
   margin-top: -10px;
   text-align: left;
}

.product-item .group-button a {
   border: solid 1px #e6e6e6;
   border-radius: 3px;
   display: inline-block;
   line-height: 40px;
   text-align: center;
   color: #666;
   margin: 4px 0 4px 4px;
   background-color: #fff;
}

.product-item .group-button .compare-button,
.product-item .group-button .wishlist-button {
   width: 40px;
   font-size: 18px;
}

.product-item .group-button a:hover {
   color: #fff;
}

.product-item .group-button .add-to-cart {
   font-size: 13px;
   text-transform: uppercase;
   padding: 0 14px;
   margin-left: 0;
   margin-right: 4px;
   float: left;
   text-align: center;
   font-weight: 600;
}

   .product-item .group-button .add-to-cart .icon {
      display: none;
      font-size: 18px;
   }

.product-item .product-inner {
   background-color: #fff;
   padding: 10px 10px 13px;
   position: relative;
}

.product-item:hover .product-inner {
   -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.36);
   -moz-box-shadow: 0 0 9px rgba(0,0,0,0.36);
   box-shadow: 0 0 9px rgba(0,0,0,0.36);
}

.owl-carousel .owl-item:not(.active) .product-item {
   opacity: 0;
   visibility: hidden;
}

.product-item.layout2:hover .product-inner {
   box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
}

.product-item.layout2 .product-inner {
   text-align: center;
}

.product-item.layout2 .rating {
   margin: 0 auto;
}

.product-item.layout2 .info {
   text-align: center;
}

.product-item .kt-countdown {
   margin: 15px 0 10px;
   overflow: hidden;
}

   .product-item .kt-countdown .box-count {
      display: inline-block;
      list-style: none;
      min-width: 45px;
      min-height: 45px;
      text-align: center;
      padding: 2px 5px;
      background-color: #f1f1f1;
      border: solid 1px #e8e8e8;
      margin: 5px;
      border-radius: 3px;
   }

.kt-countdown .box-count .number {
   font-size: 18px;
   font-weight: 700;
   color: #222;
   margin: 0;
}

.kt-countdown .box-count .text {
   font-size: 11px;
   color: #aaa;
   margin: -7px 0 0;
}

.kt-countdown .box-count li {
   list-style: none;
}

.product-list-owl .owl-stage-outer:hover {
   padding-bottom: 150px;
   margin-bottom: -150px;
   margin-left: -5px;
   margin-right: -5px;
   padding-left: 5px;
   padding-right: 5px;
}

.product-list-owl .owl-item.active .product-item {
   border-right: 1px solid #e6e6e6;
}

.product-list-owl .owl-item.active.item-last .product-item {
   border-right: none;
}

.product-list-owl .row-item {
   position: relative;
}

   .product-list-owl .row-item .product-item {
      border-bottom: solid 1px #e6e6e6;
   }

      .product-list-owl .row-item .product-item:last-child {
         border-bottom: none;
      }

.product-list-owl.owl-carousel .owl-stage-outer .owl-item {
   opacity: 0;
   visibility: hidden;
   z-index: 1;
}

   .product-list-owl.owl-carousel.owl-grag .owl-stage-outer .owl-item.active,
   .product-list-owl.owl-carousel .owl-stage-outer .owl-item.active {
      opacity: 1;
      visibility: visible;
      z-index: 1;
   }

      .product-list-owl.owl-carousel .owl-stage-outer .owl-item.active:hover {
         z-index: 2;
      }

.product-list-owl:hover {
   z-index: 99;
}

.product-item:hover {
   z-index: 8;
}

.product-list-owl .owl-item.active .product-item.layout3,
.product-item.layout3 {
   border: solid 1px #e6e6e6;
}

   .product-item.layout3 .product-inner {
      overflow: hidden;
      padding-left: 0;
   }

      .product-item.layout3 .product-inner .thumb {
         float: left;
         margin-right: 5px;
         max-width: 175px;
      }

   .product-item.layout3 .info {
      margin-right: 0;
      margin-left: 0;
   }

      .product-item.layout3 .info::before {
         display: none;
      }

   .product-item.layout3 .price .ins {
      color: #e5534c;
   }

   .product-item.layout3 .kt-countdown .box-count {
      min-width: 40px;
      min-height: 40px;
      margin: 0 3px;
   }

      .product-item.layout3 .kt-countdown .box-count:first-child {
         margin-left: 0;
      }

      .product-item.layout3 .kt-countdown .box-count:last-child {
         margin-right: 0;
      }

   .product-item.layout3 .kt-countdown .box-count {
      padding: 0;
   }

      .product-item.layout3 .kt-countdown .box-count .number {
         font-size: 16px;
         font-weight: 600;
      }

      .product-item.layout3 .kt-countdown .box-count .text {
         font-size: 10px;
         text-transform: uppercase;
      }

   .product-item.layout3:hover .product-inner {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }

.product-item.layout4 .info {
   margin: 0;
}

   .product-item.layout4 .info::before {
      display: none;
   }

.product-item.layout4 .product-inner {
   padding-left: 0;
   padding-top: 0;
   padding-right: 0;
   background-color: transparent;
}

   .product-item.layout4 .product-inner:hover .info {
      padding-right: 10px;
      padding-left: 10px;
   }

   .product-item.layout4 .product-inner:hover {
      background-color: #fff;
   }

      .product-item.layout4 .product-inner:hover .quickview-button {
         width: calc(100% - 20px);
         left: 10px;
         right: 10px;
      }

.product-item.layout4:hover .group-button {
   background-color: #fff;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border-bottom: solid 1px #e6e6e6;
}

.product-item.layout4 .product-inner:hover .product-name {
   color: #555;
}

.product-item.layout4 .product-inner:hover .price .real {
   color: #222;
}

.product-item.layout4 .product-name,
.product-item.layout4 .rating .count {
   color: #aaa;
}

.product-item.layout4 .price .real {
   color: #fff;
}

.product-item.layout4 .group-button .inner {
   background-color: transparent;
}

.product-item.layout4 .group-button .add-to-cart .text {
   display: none;
}

.product-item.layout4 .group-button .add-to-cart {
   width: 40px;
   font-size: 18px;
   padding: 0;
}

   .product-item.layout4 .group-button .add-to-cart .icon {
      display: block;
   }

.product-item.layout5 {
   overflow: hidden;
}

   .product-item.layout5 .product-inner {
      border: solid 1px #e6e6e6;
      padding: 10px 10px 22px;
      margin: 5px 0;
      overflow: hidden;
   }

   .product-item.layout5:hover .product-inner {
      -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
      -moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
      box-shadow: 0 0 5px rgba(0,0,0,0.15);
   }

   .product-item.layout5 .product-inner .thumb {
      max-width: 190px;
      display: inline-block;
      margin-right: 10px;
      float: left;
   }

   .product-item.layout5 .info {
      position: relative;
      padding-top: 0;
      margin: 0;
      overflow: hidden;
      height: 100%;
   }

   .product-item.layout5 .rating .list-star li a,
   .product-item.layout5 .rating .count {
      font-size: 12px;
   }

   .product-item.layout5 .info .inner {
      padding-top: 18px;
   }

   .product-item.layout5 .info::before {
      display: none;
   }

   .product-item.layout5 .group-button {
      position: absolute;
      border: 0;
      bottom: -4px;
      top: inherit;
      width: auto;
      left: 0;
   }

      .product-item.layout5 .group-button .add-to-cart .text {
         display: none;
      }

      .product-item.layout5 .group-button .add-to-cart .icon {
         display: block;
      }

   .product-item.layout5:hover .group-button {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }

   .product-item.layout5 .group-button .inner {
      padding: 0;
   }

.product-list-owl .owl-item.active .product-item.layout4 {
   border: none;
   padding-bottom: 10px;
}

.product-list-owl.layout2 .owl-stage-outer:hover {
   padding-left: 0;
   padding-right: 0;
   margin-left: 0;
   margin-right: 0;
}

.product-list-owl.layout3 .owl-stage-outer:hover {
   padding-bottom: 0;
   margin-bottom: 0;
}

.product-list-owl.layout3.owl-carousel.nav-style2 .owl-nav {
   top: -46px;
}

.product-list-owl.layout3.owl-carousel.nav-style2.owl-hover .owl-nav {
   top: -36px;
}

.product-list-owl.layout2 {
   padding-top: 10px;
}

.section-content {
   border: solid 1px #e6e6e6;
   border-top: none;
   position: relative;
}

   .section-content::before {
      display: table;
      content: "";
   }

   .section-content::after {
      display: table;
      content: "";
      clear: both;
   }

.box-product-item {
   position: relative;
   border: solid 1px #e6e6e6;
}

   .box-product-item .head {
      padding: 0 20px;
   }

   .box-product-item .content {
      margin-right: 1px;
   }

   .box-product-item .owl-carousel .owl-item img {
      width: auto;
      margin: 0 auto;
   }

   .box-product-item .title {
      width: 100%;
      text-transform: uppercase;
      font-size: 15px;
      color: #222;
      font-weight: 700;
      margin: 0;
      padding: 17px 0;
      border-bottom: solid 1px #e6e6e6;
   }

   .box-product-item .product-item .product-inner .info::before {
      display: none;
   }

   .box-product-item .product-item .info {
      padding-top: 0;
   }

/*CATEGORY*/
.category-list-owl {
   margin-top: 10px;
}

   .category-list-owl.owl-carousel.nav-style2 .owl-nav {
      top: -46px;
   }

.category-item {
   padding: 20px;
   border: solid 1px #e6e6e6;
}

   .category-item .thumb {
      margin-bottom: 20px;
   }

      .category-item .thumb .thumb-link {
         display: block;
         position: relative;
         overflow: hidden;
      }

         .category-item .thumb .thumb-link::before {
            width: 100%;
            height: 100%;
            top: 0;
            left: -100%;
            opacity: 0.1;
            position: absolute;
            z-index: 1;
            content: "";
            background-color: #000;
            -webkit-transition: 0.5s ease 0s;
            -moz-transition: 0.5s ease 0s;
            -ms-transition: 0.5s ease 0s;
            -o-transition: 0.5s ease 0s;
            transition: 0.5s ease 0s;
         }

         .category-item .thumb .thumb-link::after {
            width: 100%;
            height: 100%;
            top: 0;
            right: -100%;
            opacity: 0.1;
            position: absolute;
            z-index: 1;
            content: "";
            background-color: #000;
            -webkit-transition: 0.5s ease 0s;
            -moz-transition: 0.5s ease 0s;
            -ms-transition: 0.5s ease 0s;
            -o-transition: 0.5s ease 0s;
            transition: 0.5s ease 0s;
         }

         .category-item .thumb .thumb-link:hover::before {
            left: 0;
         }

         .category-item .thumb .thumb-link:hover::after {
            right: 0;
         }

   .category-item .category-name {
      font-size: 14px;
      color: #222;
      font-weight: 600;
      text-transform: uppercase;
      display: inline-block;
   }

   .category-item .list-cate {
      margin-top: 5px;
   }

      .category-item .list-cate li {
         display: list-item;
         list-style: none;
      }

         .category-item .list-cate li a {
            font-size: 13px;
            color: #666;
            line-height: 20px;
         }

   .category-item.layout2 {
      border: none;
      padding: 0;
      position: relative;
   }

      .category-item.layout2::before {
         width: 100%;
         height: 100%;
         content: "";
         position: absolute;
         z-index: 1;
         left: 0;
         top: 0;
         background-color: rgba(37, 37, 37, 0.22);
         opacity: 0;
      }

      .category-item.layout2 .category-name::before {
         display: none;
      }

      .category-item.layout2:hover::before {
         opacity: 1;
      }

      .category-item.layout2 .info {
         position: absolute;
         z-index: 2;
         bottom: 20px;
         left: 15px;
      }

      .category-item.layout2 .category-name {
         font-size: 18px;
         font-weight: 700;
         color: #fff;
      }

   .category-item .count {
      font-size: 12px;
      color: #aaa;
      margin: 0;
   }


/*CATEGORY*/
.testimonial-item .thumb .avata {
   float: left;
   margin-right: 10px;
   padding: 3px;
   border-radius: 100%;
   width: 70px;
   height: 70px;
   border: solid 1px #e6e6e6;
   overflow: hidden;
}

   .testimonial-item .thumb .avata img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
   }

.testimonial-item .thumb .name {
   font-size: 15px;
   color: #222;
   font-weight: 600;
   margin: 10px 0 5px;
}

.testimonial-item .thumb .position {
   font-size: 13px;
   font-weight: 600;
   color: #666;
   margin: 0;
}

.testimonial-item .thumb {
   overflow: hidden;
}

.testimonial-item .content {
   padding: 10px 10px 25px;
   border: solid 1px #e6e6e6;
   border-radius: 5px;
   position: relative;
   margin-top: 22px;
}

   .testimonial-item .content::before {
      position: absolute;
      z-index: 1;
      content: "";
      border-style: solid;
      border-width: 15px 0 0 25px;
      border-color: transparent transparent transparent #e6e6e6;
      top: -16px;
      left: 20px;
   }

   .testimonial-item .content::after {
      position: absolute;
      z-index: 1;
      content: "";
      border-style: solid;
      border-width: 14px 0 0 24px;
      border-color: transparent transparent transparent #fff;
      top: -14px;
      left: 21px;
   }

   .testimonial-item .content p {
      margin: 10px 0;
      font-size: 13px;
      color: #888;
      line-height: 20px;
   }
/*WIDGET*/
.widgettitle {
   font-size: 12px;
   color: #222;
   font-weight: 700;
   text-transform: uppercase;
   margin: 0;
}

.widget-recent-post .widgettitle {
   margin: -3px 0 35px;
}

.list-recent-posts > li {
   display: list-item;
   list-style: none;
   margin-bottom: 20px;
   overflow: hidden;
}

.list-recent-posts .product-item .thumb {
   float: left;
   margin-right: 10px;
   max-width: 82px;
}

   .list-recent-posts .product-item .thumb a {
      display: inline-block;
      position: relative;
      overflow: hidden;
      border: solid 1px #e6e6e6;
   }

      .list-recent-posts .product-item .thumb a::before {
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         -webkit-transition: 0.5s ease 0s;
         -moz-transition: 0.5s ease 0s;
         -ms-transition: 0.5s ease 0s;
         -o-transition: 0.5s ease 0s;
         transition: 0.5s ease 0s;
         content: "";
         background-color: rgba(0, 0, 0, 0.1);
         opacity: 0;
         visibility: hidden;
         position: absolute;
         z-index: 1;
      }

.list-recent-posts .product-item:hover .thumb a::before {
   opacity: 1;
   visibility: visible;
}

.list-recent-posts .product-item .info {
   padding: 0;
   margin-bottom: 0;
}

   .list-recent-posts .product-item .info::before {
      display: none;
   }

.list-recent-posts .product-item .product-name {
   min-height: 1px;
   margin-top: -3px;
}

.list-recent-posts .product-item .rating {
   margin-bottom: -5px;
}

   .list-recent-posts .product-item .rating .list-star {
      padding: 0 5px 0 0;
   }

      .list-recent-posts .product-item .rating .list-star li a,
      .list-recent-posts .product-item .rating .count {
         font-size: 12px;
      }


/*FOOTER STYLE*/
.footer {
   background-color: #262626;
   clear: both;
   /*padding-top: 38px;*/
   padding-top: 15px;
}

   .footer .widgettitle {
      color: #fff;
      margin: 0 0 30px;
   }

   .footer .widget-text .widgettitle,
   .footer .widget-newsletter .widgettitle {
      /*margin-bottom: 40px;*/
      margin-bottom: 0px;
   }

   .footer .widget-text .subtitle {
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      /*margin: 0 0 5px;*/
      margin: 0px;
      text-transform: uppercase;
   }

   .footer .widget-text .des {
      font-family: "Gotham Book" !important;
      font-size: 12px;
      line-height: 24px;
      color: #aaa;
      /*margin: 0 0 15px;*/
      margin: 0px;
   }

.newsletter-form .des {
   font-size: 14px;
   color: #aaa;
   margin: -4px 0 0;
   line-height: 24px;
}

.newsletter-form .newsletter-block {
   width: 100%;
   position: relative;
}

   .newsletter-form .newsletter-block .newsletter-info {
      /*font-family: "Gotham";*/
      font-size: 13px;
      color: #aaa;
      background-color: #fff;
      outline: 0;
      height: 40px;
      line-height: 34px;
      /*padding: 0 100px 0 20px;*/
      padding: 0 130px 0 20px;
      border: solid 3px white;
      border-radius: 10px;
      width: 100%;
      letter-spacing: 2px;
   }

   .newsletter-form .newsletter-block .submit {
      /*font-family: "Gotham";*/
      float: right;
      font-size: 8pt;
      color: #fff;
      text-transform: uppercase;
      /*font-weight: 600;*/
      line-height: 34px;
      /*border: solid 3px white;
   border-radius: 10px;*/
      position: absolute;
      z-index: 1;
      right: -1px;
      top: 0;
      padding: 0px 8px;
      letter-spacing: 2px;
   }

      .newsletter-form .newsletter-block .submit:hover {
         background-color: #aaa;
      }

.footer .widget-newsletter {
   border-bottom: solid 1px rgba(255, 255, 255, 0.2);
   /*padding-bottom: 15px;*/
   padding-bottom: 0px;
}

.footer .widget-custom-menu ul li a {
   color: #aaa;
   line-height: 30px;
}

.footer .list-socials {
   margin: 15px 0 5px 0;
   overflow: hidden
}

   .footer .list-socials li a {
      border-radius: 3px;
      background-color: #908e8e;
      color: #fff;
      font-size: 18px;
      width: 36px;
      height: 36px;
      line-height: 36px;
   }

.footer .footer-note {
   padding: 10px 0;
   border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.footer .coppy-right {
   padding-top: 10px;
}

.coppy-right .content {
   font-size: 14px;
   color: #aaa;
   line-height: 20px;
   margin: 0;
}

   .coppy-right .content .site-name {
      font-weight: 600;
      color: #fff;
   }

.list-payment li {
   display: inline-block;
   list-style: none;
   margin: 5px 7px;
}

.newsletter-form.layout3 .newsletter-block .newsletter-info {
   border-radius: 3px;
   padding-left: 45px;
}

.newsletter-form.layout3 .newsletter-block .submit {
   border-radius: 0 5px 5px 0;
}

.newsletter-form.layout3 .newsletter-block::before {
   left: 20px;
   margin: 0;
   top: 0;
   text-align: center;
   position: absolute;
   z-index: 1;
   display: inline-block;
   content: "\f003";
   font-family: "FontAwesome";
   font-size: 15px;
   color: #888;
   line-height: 40px;
}

.footer.layout2 .widget-newsletter {
   border: none;
}

.footer.layout2 .newsletter-form .des {
   font-size: 13px;
   margin-bottom: 35px;
}

.footer.layout2 .main-footer {
   padding-bottom: 10px;
}

.footer.layout2 .auto-clear .col-lg-3:nth-child(4n+1) {
   clear: none;
}

.footer.layout3 .footer-note .coppy-right {
   float: left;
   margin-right: 50px;
}

.footer.layout3 .list-socials {
   margin: 0;
}

.footer.layout3 .newsletter-form .des .number {
   color: #fff;
   font-size: 16px;
}

.footer.layout3 .footer-note {
   padding: 15px 0 25px;
}
/*ALL EFFECT*/
.banner-effect1 a {
   position: relative;
   overflow: hidden;
   display: inline-block;
   margin-bottom: -7px;
}

   .banner-effect1 a::before {
      width: 100%;
      height: 100%;
      background-color: #000;
      position: absolute;
      z-index: 1;
      content: "";
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.7s ease 0s;
      -moz-transition: 0.7s ease 0s;
      -ms-transition: 0.7s ease 0s;
      -o-transition: 0.7s ease 0s;
      transition: 0.7s ease 0s;
   }

   .banner-effect1 a:hover::before {
      visibility: visible;
      opacity: 0.2;
   }

.banner-effect2 a {
   position: relative;
   overflow: hidden;
   display: inline-block;
   margin-bottom: -7px;
}

   .banner-effect2 a::before {
      width: 100%;
      height: 100%;
      background-color: #fff;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      content: "";
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.7s ease 0s;
      -moz-transition: 0.7s ease 0s;
      -ms-transition: 0.7s ease 0s;
      -o-transition: 0.7s ease 0s;
      transition: 0.7s ease 0s;
   }

   .banner-effect2 a:hover::before {
      visibility: visible;
      opacity: 0.6;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
   }

.banner-effect3 a {
   position: relative;
   overflow: hidden;
   display: inline-block;
   margin-bottom: -7px;
}

   .banner-effect3 a::before {
      width: 100%;
      height: 100%;
      right: -100%;
      background-color: #000;
      position: absolute;
      z-index: 1;
      content: "";
      opacity: 0.3;
      visibility: hidden;
      -webkit-transition: 1s ease 0s;
      -moz-transition: 1s ease 0s;
      -ms-transition: 1s ease 0s;
      -o-transition: 1s ease 0s;
      transition: 1s ease 0s;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
   }

   .banner-effect3 a:hover::before {
      visibility: visible;
      opacity: 0.3;
      right: 60%;
   }
/*INNER PAGE*/
.main-content-list .content-offset,
.main-content-grid .content-offset {
   margin-top: -55px;
   float: right;
}

.main-content-grid .sidebar,
.main-content-list .sidebar {
   float: left;
}

.shop-page .brand {
   margin: 0;
}
/*.shop-page .content-offset .main-banner {
  margin-bottom: 25px;
}*/
.shop-page .shop-title {
   font-size: 16px;
   color: #222;
   font-weight: 600;
   /*margin: 0 0 18px;*/
   margin: 0px;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.pagination {
   padding: 0 15px;
}

.shop-page .pagination {
   float: left;
}

.main-content-grid .pagination {
   margin: 40px 0 25px;
}

.main-content-list .pagination {
   margin: 40px 0;
}

.shop-page .note {
   font-size: 14px;
   color: #333;
   float: right;
   margin-top: 45px;
}

.list-page li {
   display: inline-block;
   margin-right: 10px;
}

   .list-page li:last-child {
      margin-right: 0;
   }

   .list-page li a {
      font-size: 14px;
      color: #333;
      display: inline-block;
      width: 40px;
      height: 40px;
      text-align: center;
      border: solid 1px #e6e6e6;
      border-radius: 3px;
      line-height: 40px;
   }

      .list-page li a:hover,
      .list-page li a.current {
         color: #fff;
      }

      .list-page li a.nav-button {
         width: auto;
         padding: 0 25px;
      }


.grid-style .product-item .availability,
.grid-style .product-item .group-button .compare-button .text,
.grid-style .product-item .group-button .wishlist-button .text {
   display: none;
}

.product-container .product-item {
   /*border-bottom: solid 1px #e6e6e6;
  border-right: solid 1px #e6e6e6;*/
}

.product-container {
   border-top: solid 1px #e6e6e6;
   border-left: solid 1px #e6e6e6;
   margin-right: -1px;
}

.list-style .product-item .description,
.list-style .product-item .availability {
   display: block;
}

.list-style .product-item {
   width: 100%;
   text-align: left;
}

   .list-style .product-item .product-inner .group-flash {
      top: 10px;
   }

   .list-style .product-item .product-inner .thumb,
   .list-style .product-item .info,
   .list-style .product-item .group-button {
      display: table-cell;
      vertical-align: middle;
   }

   .list-style .product-item .product-inner .thumb {
      float: left;
      margin-right: 20px;
   }

   .list-style .product-item .product-inner {
      padding: 20px 0 20px 20px;
      overflow: hidden;
      height: auto !important;
   }

   .list-style .product-item .info {
      max-width: 380px;
      float: left;
      padding: 20px 0 0;
   }

      .list-style .product-item .info::before {
         display: none;
      }

      .list-style .product-item .info .rating {
         margin-bottom: -4px;
      }

   .list-style .product-item .product-name {
      margin: 0 0 20px;
   }

   .list-style .product-item .availability {
      font-size: 13px;
      color: #666;
   }

      .list-style .product-item .availability a {
         font-weight: 600;
         color: #35b035;
      }

   .list-style .product-item .group-button .compare-button,
   .list-style .product-item .group-button .wishlist-button {
      width: auto;
      border: none;
      line-height: 35px;
   }

      .list-style .product-item .group-button .compare-button .icon,
      .list-style .product-item .group-button .wishlist-button .icon {
         margin-right: 10px;
         font-size: 18px;
      }

      .list-style .product-item .group-button .compare-button .text,
      .list-style .product-item .group-button .wishlist-button .text {
         display: inline-block;
         font-size: 14px;
         color: #666;
      }

      .list-style .product-item .group-button .compare-button:hover,
      .list-style .product-item .group-button .wishlist-button:hover {
         background-color: transparent;
         border-color: transparent;
      }

   .list-style .product-item .group-button a {
      display: list-item;
      margin: 0 auto;
      list-style: none;
      float: none;
   }

   .list-style .product-item .group-button .add-to-cart {
      display: inline-block;
      margin-bottom: 30px;
   }

   .list-style .product-item .group-button {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border-left: solid 1px #e6e6e6;
      padding: 0;
      position: relative;
      top: 0;
      right: 0;
      width: auto;
      height: auto;
      opacity: 1;
      visibility: visible;
      text-align: center;
      width: 200px;
      float: right;
   }

      .list-style .product-item .group-button .inner {
         padding: 55px 0 50px;
         margin: 0 auto;
         text-align: center;
      }

.product-item .description {
   font-size: 13px;
   color: #666;
   line-height: 20px;
   margin: 0 0 30px;
}

.top-control {
   background-color: #eee;
   padding: 10px 20px;
   margin-bottom: 30px;
}

.filter-choice {
   float: left;
   margin-right: 10px;
}

.top-control .select-item {
   float: left;
}

.top-control .chosen-container-single {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 13px;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   width: 165px !important;
   border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
}

   .top-control .chosen-container-single .chosen-drop {
      min-width: 165px;
      overflow-y: auto;
      border: solid 1px #ddd;
      text-align: left;
      background-color: #fff;
      max-height: 220px;
      padding: 0 10px;
   }

   .top-control .chosen-container-single .chosen-single {
      font-size: 13px;
      color: #666;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 3px;
      padding: 0 20px;
      height: 30px;
      line-height: 30px;
      box-shadow: none;
      background-image: none;
      display: inline-block;
      width: 100%;
      float: left;
   }

      .top-control .chosen-container-single .chosen-single span {
         margin: 0;
      }

   .top-control .chosen-container-single::after {
      content: "\f0dd";
      font-family: "FontAwesome";
      display: inline-block;
      margin-left: 5px;
      font-size: 14px;
      color: #aaa;
      position: absolute;
      z-index: 1;
      right: 20px;
      top: 0;
   }

.top-control .control-button {
   float: right;
}

   .top-control .control-button a {
      font-size: 13px;
      color: #666;
      display: inline-block;
      margin-left: 25px;
      line-height: 24px;
      margin-top: 3px;
   }

      .top-control .control-button a.active {
         color: #333;
      }

      .top-control .control-button a .icon {
         font-size: 22px;
         float: left;
         margin-right: 10px;
      }
/*GRID*/
.breadcrumbs {
   font-size: 13px;
   color: #666;
   text-transform: uppercase;
   margin: 32px 0;
}

   .breadcrumbs a {
      font-size: 13px;
      color: #222;
   }

.sidebar .main-title {
   margin: 0 0 35px;
   text-transform: uppercase;
   font-size: 14px;
   color: #222;
   font-weight: 700;
}

.sidebar .widgettitle {
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 25px;
   padding-bottom: 12px;
   border-bottom: solid 1px #e6e6e6;
}

.sidebar .label-text {
   cursor: pointer;
   font-size: 14px;
   color: #555;
   font-weight: 400;
   margin: 0;
   padding-left: 25px;
   position: relative;
}

.sidebar input[type="checkbox"] {
   display: none;
}

   .sidebar input[type="checkbox"] + label::after {
      position: absolute;
      z-index: 1;
      content: "";
      left: 0;
      top: 5px;
      width: 15px;
      height: 14px;
      border: solid 1px #e6e6e6;
   }

   .sidebar input[type="checkbox"]:checked + label::before {
      font-family: 'FontAwesome';
      content: "\f00c";
      display: inline-block;
      top: 5px;
      left: 0;
      width: 15px;
      height: 14px;
      text-align: center;
      font-size: 10px;
      color: #fff;
      position: absolute;
      z-index: 2;
      padding: 0;
      line-height: 14px;
   }

.sidebar .widget {
   margin-bottom: 35px;
}

   .sidebar .widget > ul > li {
      list-style: none;
      display: list-item;
   }

.sidebar .widget_filter_price {
   margin-bottom: 25px;
}

.widget_filter_price .ui-slider .ui-slider-range {
   height: 5px;
}

.widget_filter_price .ui-slider .ui-slider-handle,
.widget_filter_price .ui-slider .ui-slider-handle {
   width: 14px;
   height: 14px;
   border-radius: 100%;
   display: inline-block;
   position: absolute;
   z-index: 1;
   cursor: pointer;
}

.widget_filter_price .ui-slider {
   height: 5px;
   background-color: #c5c5c5;
}

.widget_filter_price .filter {
   float: right;
   font-size: 14px;
   color: #333;
   font-weight: 600;
   display: inline-block;
   padding: 0 15px;
   line-height: 35px;
   border-radius: 3px;
   margin-top: 25px;
}

.widget_filter_price .amount-range-price {
   float: left;
   font-size: 13px;
   color: #666;
   margin-top: 30px;
}

.sidebar .widget_filter_size .list-size li {
   display: inline-block;
   margin-right: 3px;
   margin-bottom: 5px;
}

.list-size li a {
   font-size: 16px;
   color: #555;
   font-weight: 600;
   width: 40px;
   height: 40px;
   line-height: 38px;
   text-align: center;
   border-radius: 100%;
   border: solid 1px #e6e6e6;
   display: inline-block;
   text-transform: uppercase;
}

   .list-size li a:hover {
      color: #fff;
   }

.sidebar .widget-brand .label-text {
   color: #666;
}

.sidebar .widget_filter_color .list-color li {
   display: inline-block;
   width: 50%;
   float: left;
}

.list-color li a .count {
   font-size: 12px;
   color: #aaa;
}

.sidebar .widget-recent-post > ul > li {
   padding: 20px 0;
   border-bottom: solid 1px #e6e6e6;
   margin-bottom: 0;
}

   .sidebar .widget-recent-post > ul > li:last-child {
      border: none;
   }

   .sidebar .widget-recent-post > ul > li:first-child {
      padding-top: 5px;
   }

.sidebar .featrue-box {
   margin-bottom: 10px;
}

/*DETAIL*/
.main-content-detail .kt-tab.nav-tab-style2 {
   margin-bottom: 70px;
}

.main-content-detail .brand {
   margin-top: 30px;
}

.sidebar .widget-featrue-box {
   margin-bottom: 20px;
}

.details-thumb .owl-thumbs .owl-thumb-item {
   width: 70px;
   height: 70px;
   border: solid 1px #e6e6e6;
   margin: 0 5px;
   opacity: 1;
   outline: 0;
   display: inline-block;
}

.details-thumb .owl-thumbs {
   position: relative;
   margin-top: 10px;
}

.details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev,
.details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next {
   left: -15px;
   bottom: 22px;
   width: 30px;
   height: 30px;
   line-height: 30px;
   background-color: #dddddd;
   border-radius: 3px;
}

.details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next {
   right: -15px;
   left: inherit;
   bottom: 22px;
}

   .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev::before,
   .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next::before {
      font-size: 18px;
      color: #555;
      line-height: 30px;
   }

   .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev:hover::before,
   .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next:hover::before {
      color: #fff;
   }

.details-thumb .details-item {
   border: solid 1px #e6e6e6;
}

.details-info .product-name {
   font-size: 14px;
   letter-spacing: 2px;
   color: #222;
   font-weight: 600;
   display: inline-block;
   margin: 0;
}

.details-info .rating {
   margin: 10px 0;
}

.details-info .description {
   font-size: 14px;
   color: #8e8e8e;
   line-height: 20px;
   margin: 20px 0;
   padding-bottom: 35px;
   border-bottom: solid 1px #e6e6e6;
}

.details-info .price {
   font-size: 26px;
   font-weight: 600;
   color: #222;
   margin: 30px 0 10px;
}

.details-info .availability {
   color: #666;
   font-size: 14px;
   margin: 15px 0;
}

   .details-info .availability a {
      color: #35b035;
   }

.quantity {
   float: left;
   margin: 30px 10px;
   margin-left: 0;
   /*height: 40px;*/
   height: 30px;
   border: solid 1px #e6e6e6;
}

   .quantity .group-quantity-button a {
      display: inline-block;
      width: 25px;
      text-align: center;
      line-height: 32px;
      height: 30px;
      color: #8e8e8e;
      font-size: 13px;
      float: left;
   }

   .quantity .input-text {
      border-top: none;
      border-bottom: none;
      border-right: solid 1px #e6e6e6;
      border-left: solid 1px #e6e6e6;
      line-height: 30px;
      height: 28px;
      text-align: center;
      font-size: 12px;
      color: #8e8e8e;
      float: left;
   }

.details-info .group-social {
   overflow: hidden;
}

.details-info .group-button {
   margin: 30px 0;
   overflow: hidden;
}

   .details-info .group-button a {
      display: inline-block;
      width: 40px;
      height: 40px;
      border: solid 1px #e6e6e6;
      border-radius: 3px;
      text-align: center;
      line-height: 40px;
      margin-right: 10px;
      font-size: 18px;
      color: #666;
      float: left;
   }

   .details-info .group-button button {
      display: inline-block;
      width: 40px;
      /*height: 40px;*/
      border: solid 1px;
      text-align: center;
      line-height: 40px;
      /*margin-right: 10px;*/
      font-size: 18px;
      color: #666;
      float: left;
      text-transform: uppercase;
   }

   .details-info .group-button .add-to-cart {
      width: auto;
      padding: 0 20px;
      font-size: 14px;
      font-weight: 600;
   }

      .details-info .group-button .add-to-cart .icon {
         display: none;
      }

   .details-info .group-button a:hover {
      color: #fff;
   }


.about-product {
   margin-bottom: 130px;
}

.kt-tab.nav-tab-style2 .nav > li {
   float: left;
   margin-right: 10px;
}

   .kt-tab.nav-tab-style2 .nav > li:last-child {
      margin-right: 0;
   }

   .kt-tab.nav-tab-style2 .nav > li > a {
      font-size: 14px;
      color: #666;
      font-weight: 600;
      text-transform: uppercase;
      background-color: #eee;
      padding: 0 25px;
      line-height: 45px;
      border-radius: 5px 5px 0 0;
   }

   .kt-tab.nav-tab-style2 .nav > li.active > a {
      color: #fff;
      line-height: 50px;
      margin-top: -5px;
   }

.kt-tab.nav-tab-style2 .tab-content {
   border: solid 1px #e6e6e6;
}

   .kt-tab.nav-tab-style2 .tab-content .tab-panel {
      padding: 30px 20px;
   }

.tab-panel .description p {
   font-size: 14px;
   color: #888;
   line-height: 20px;
   margin-bottom: 45px;
}

   .tab-panel .description p:last-child {
      margin-bottom: 0;
   }

.additional p {
   font-size: 14px;
   color: #555;
   margin-bottom: 30px;
}

.additional ul {
   margin-bottom: 30px;
}

   .additional ul li {
      display: list-item;
      list-style: none;
      position: relative;
      padding-left: 20px;
   }

      .additional ul li::before {
         width: 6px;
         height: 6px;
         border-radius: 100%;
         background-color: #222;
         float: left;
         left: 0;
         top: 40%;
         content: "";
         position: absolute;
         z-index: 1;
      }

.customer-review {
   text-align: left;
}

   .customer-review .supper-title,
   .add-review .supper-title {
      font-size: 14px;
      font-weight: 600;
      text-align: left;
      padding: 0 0 10px;
      margin-bottom: 30px;
   }

      .customer-review .supper-title .count {
         color: #aaa;
         text-transform: capitalize;
      }

      .customer-review .supper-title::after,
      .add-review .supper-title::after {
         margin: 0;
      }

   .customer-review .list-review > li {
      list-style: none;
      display: list-item;
   }

      .customer-review .list-review > li:first-child {
         padding-top: 0;
      }

.review-item .character .rating .list-star {
   padding: 0;
   float: none;
   margin-bottom: 25px;
}

.review-item .character .author {
   font-size: 14px;
   color: #222;
   font-weight: 600;
   margin: 0;
}

.review-item .character .time-review {
   font-size: 14px;
   color: #555;
}

.review-item {
   padding: 25px 0 60px;
   border-top: solid 1px #eeeeee;
   margin-bottom: 10px;
}

   .review-item:first-child {
      border: none;
   }

   .review-item .character {
      float: left;
      margin-right: 100px;
   }

   .review-item .review-content {
      overflow: hidden;
   }

      .review-item .review-content .title {
         margin: 5px 0 28px;
         font-size: 14px;
         color: #222;
         text-transform: uppercase;
      }

      .review-item .review-content .content {
         font-size: 14px;
         color: #555;
         font-weight: 300;
         line-height: 24px;
      }

.add-review .input-info {
   width: 100%;
   height: 40px;
   line-height: 40px;
   padding: 0 20px;
   font-size: 14px;
   color: #555;
   box-shadow: none;
   border-radius: 0;
   border: solid 1px #dddddd;
   margin-bottom: 30px;
   outline: 0;
}

.add-review .input-content {
   height: auto;
}

.add-review .rating .text {
   float: left;
   color: #222;
   font-size: 14px;
   margin-right: 15px;
   font-weight: 600;
}

.add-review .submit {
   float: right;
   font-size: 14px;
   color: #fff;
   background-color: #333;
   border-radius: 3px;
   padding: 0 25px;
   line-height: 40px;
   text-transform: uppercase;
   font-weight: 600;
   display: inline-block;
}

.add-review .rating {
   margin-top: 15px;
   margin-bottom: 15px;
   float: left;
}
/*LOGIN*/
.content-form .main-title {
   font-size: 14px;
   font-weight: 600;
   color: #000;
   text-transform: uppercase;
   padding-bottom: 14px;
   border-bottom: solid 1px #e6e6e6;
   margin-bottom: 20px;
}

.content-form .note-title {
   font-size: 14px;
   color: #666;
   margin: 0 0 28px;
}

.login-form .social {
   margin-right: 30px;
   margin-bottom: 37px;
   display: inline-block;
}

.content-form .register-form .label-text span {
   color: #fcd022;
}

.content-form .label-text {
   font-size: 14px;
   color: #333;
   margin: 0 0 5px;
}

.content-form .input-info {
   width: 100%;
   height: 40px;
   line-height: 40px;
   border: solid 1px #e6e6e6;
   background-color: #f8f8f8;
   margin-bottom: 25px;
   padding: 0 20px;
   outline: 0;
}

.content-form .check-box .text-label {
   cursor: pointer;
   font-size: 14px;
   color: #666;
   font-weight: 400;
   margin: 0;
   padding-left: 25px;
   position: relative;
}

.content-form .check-box input[type="checkbox"] {
   display: none;
}

   .content-form .check-box input[type="checkbox"] + label::after {
      position: absolute;
      z-index: 1;
      content: "";
      left: 0;
      top: 5px;
      width: 15px;
      height: 14px;
      border: solid 1px #e6e6e6;
   }

   .content-form .check-box input[type="checkbox"]:checked + label::before {
      font-family: 'FontAwesome';
      content: "\f00c";
      display: inline-block;
      top: 5px;
      left: 0;
      width: 15px;
      height: 14px;
      text-align: center;
      font-size: 10px;
      color: #222;
      position: absolute;
      z-index: 2;
      padding: 0;
      line-height: 14px;
   }

.content-form .check-box .forgot {
   float: right;
   font-size: 14px;
   color: #666;
}

.content-form .group-button {
   margin: 30px 0 50px;
}

   .content-form .group-button .submit {
      border: solid 1px;
      background-color: #01498e !important;
      font-size: 8pt;
      color: #fff;
      font-weight: normal;
      line-height: 40px;
      padding: 0 40px;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: 2px;
   }

      .content-form .group-button .submit:hover {
         /*background-color: #aaa;*/
         background-color: #015ab4 !important;
      }

.content-form .input-note {
   line-height: inherit;
   height: auto;
   padding: 10px 20px;
}

.content-form .title {
   font-size: 14px;
   font-weight: 600;
   color: #222;
   text-transform: uppercase;
   margin: 30px 0 25px;
}

.contact-page .info-content {
   float: left;
}

.contact-page .map-content {
   float: right;
}

.contact-form .des {
   font-size: 14px;
   color: #666;
   margin: 20px 0 65px;
}

.content-form .map {
   margin-top: 10px;
   text-align: center;
}

.content-form .information-form {
   margin-bottom: 30px;
}

   .content-form .information-form .main-title {
      font-size: 16px;
      color: #333;
      margin: 28px 0 0;
   }

   .content-form .information-form .title {
      margin: 25px 0 27px;
      color: #333;
   }

.information-form ul li {
   display: list-item;
   list-style: none;
   overflow: hidden;
   margin-bottom: 30px;
}

.information-form .list-info li .icon {
   width: 50px;
   height: 45px;
   text-align: center;
   line-height: 40px;
   font-size: 18px;
   color: #666;
   border: solid 1px #e6e6e6;
   border-radius: 3px;
   display: inline-block;
   float: left;
   margin-right: 20px;
}

.information-form .list-info li .info {
   overflow: hidden;
}

   .information-form .list-info li .info .subtitle {
      font-size: 14px;
      color: #333;
      font-weight: 600;
      margin: 0 0 0;
   }

   .information-form .list-info li .info .des {
      font-size: 13px;
      color: #888;
      margin: 0;
      line-height: 18px;
   }

.information-form .time-work {
   margin-top: -5px;
}

   .information-form .time-work li {
      margin-bottom: 10px;
   }

      .information-form .time-work li .day {
         float: left;
         font-size: 14px;
         color: #333;
      }

      .information-form .time-work li .time {
         float: right;
         font-size: 14px;
         color: #666;
      }

.login-register-form .input-info {
   margin-bottom: 15px;
}

.content-form .check-box span {
   font-size: 14px;
   color: #888;
}

.checkout-form .shipping-form,
.checkout-form .payment-form {
   margin-top: 30px;
}

.checkout-form .info-checkout .item {
   font-size: 14px;
   color: #000;
   line-height: 24px;
   display: block;
}

.checkout-form .total-checkout {
   padding-top: 15px;
   border-top: solid 1px #e6e6e6;
   margin-top: 15px;
   overflow: hidden;
}

.checkout-form .shipping-form .group-button {
   margin-top: -5px;
}

.checkout-form .payment-form .group-button {
   margin-top: 15px;
}

.checkout-form .total-checkout .text {
   float: left;
   font-size: 16px;
   color: #333;
   font-weight: 600;
}

.checkout-form .total-checkout .price {
   float: right;
   font-size: 16px;
   color: #333;
   font-weight: 600;
}

.checkout-form .shipping-form .subtitle {
   border-bottom: solid 1px #e6e6e6;
   font-size: 14px;
   color: #333;
   font-weight: 600;
   margin: 35px 0 10px;
   padding-bottom: 10px;
}

.checkout-form .check-box .text-label {
   color: #000;
   font-weight: 600;
}

.shopping-cart-content {
   width: 100%;
   text-align: center;
   padding: 0 30px;
}

.cart-content {
   border: solid 1px #e6e6e6;
   padding: 0 30px;
   margin-bottom: 50px;
}

.shopping-cart-content tr {
   position: relative;
   border-bottom: solid 4px #e6e6e6;
}

   .shopping-cart-content tr:last-child {
      border-bottom: none;
   }

.shopping-cart-content td {
   padding: 15px 10px;
   text-align: center;
}

.shopping-cart-content .title,
.shopping-cart-content .title td {
   font-size: 14px;
   color: #8e8e8e;
   padding: 15px 0;
   text-align: left;
   font-weight: 600;
   text-transform: inherit;
   text-align: center;
}

.shopping-cart-content .delete-item a {
   font-size: 12px;
   color: #666;
   margin-left: 15px;
}

.shopping-cart-content .descricao-item a {
   font-size: 12px;
   color: #666;
   margin-left: 15px;
}

.shopping-cart-content .product-thumb img {
   max-width: 100px;
}

.shopping-cart-content .product-name a {
   font-size: 14px;
   color: #555;
}

.shopping-cart-content .quantity-item .quantity {
   float: none;
   display: inline-block;
   margin: 0 auto;
}

   .shopping-cart-content .quantity-item .quantity select {
      height: 40px;
      line-height: 40px;
      border: solid 1px #ccc;
      font-size: 14px;
      color: #666;
      padding: 0 20px;
   }

.shopping-cart-content .price,
.shopping-cart-content .total {
   font-size: 15px;
   color: #222;
   font-weight: 600;
}

.shopping-cart-content .checkout-cart td .left {
   border-right: none;
   text-align: left;
   float: left;
}

.shopping-cart-content .checkout-cart td .right {
   border-left: none;
   text-align: right;
   float: right;
}

.shopping-cart-content .checkout-cart td {
   padding: 20px 0 25px;
   overflow: hidden;
}

   .shopping-cart-content .checkout-cart td .right .submit {
      margin-left: 7px;
      margin-bottom: 5px;
   }

.content-form .shopping-cart-content .group-button .submit {
   padding: 0 15px;
}

.proceed-checkout .main-title {
   border: none;
   padding: 0;
   margin: 10px 0 20px;
   font-weight: 700;
   font-size: 15px;
   color: #222;
}

.proceed-checkout .content {
   border: solid 1px #e6e6e6;
   padding: 20px 20px 15px;
   margin-bottom: 50px;
}

   .proceed-checkout .content .title {
      margin: 10px 0 20px;
      border-bottom: solid 1px #e6e6e6;
      padding-bottom: 20px;
   }

   .proceed-checkout .content .info-checkout {
      overflow: hidden;
      margin-bottom: 30px;
   }

      .proceed-checkout .content .info-checkout .text {
         float: left;
         font-size: 14px;
         color: #666;
      }

      .proceed-checkout .content .info-checkout .item {
         float: right;
         font-size: 16px;
         color: #555;
         font-weight: 600;
      }

      .proceed-checkout .content .info-checkout.shipping .item {
         font-size: 15px;
      }

   .proceed-checkout .content .total-checkout {
      border-top: solid 1px #e6e6e6;
      padding-top: 20px;
      margin-top: 25px;
      overflow: hidden;
      margin-bottom: 47px;
   }

      .proceed-checkout .content .total-checkout .text {
         float: left;
         font-size: 14px;
         color: #666;
      }

      .proceed-checkout .content .total-checkout .price {
         float: right;
         font-size: 18px;
         font-weight: 700;
         color: #555;
      }

/*ABOUT*/
.about-info .info .main-title {
   margin: 10px 0 20px;
}

.about-info .info .des {
   font-size: 14px;
   color: #666;
   line-height: 20px;
   margin: 0 0 20px;
}

.about-content {
   text-align: center;
   padding: 30px 0;
   border-top: solid 1px #e6e6e6;
   border-bottom: solid 1px #e6e6e6;
   position: relative;
   margin-top: 110px;
   margin-bottom: 50px;
}

   .about-content .title {
      font-size: 20px;
      font-weight: 600;
      color: #222;
      display: inline-block;
      text-transform: uppercase;
      padding: 0 20px;
      position: absolute;
      z-index: 1;
      top: -12px;
      margin: 0;
      background-color: #fff;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
   }

   .about-content .des {
      font-size: 13px;
      color: #666;
      max-width: 740px;
      margin: 0 auto 55px;
      line-height: 20px;
   }

   .about-content .character .position {
      font-size: 18px;
      color: #333;
      font-weight: 600;
      margin: 15px 0 5px;
   }

   .about-content .character .name {
      font-size: 14px;
      color: #666;
      margin: 0 0 30px;
   }

.about-page .question {
   font-size: 14px;
   color: #222;
   font-weight: 600;
   margin: 0 0 30px;
   text-transform: uppercase;
}

.about-page .answer {
   font-size: 14px;
   color: #666;
   line-height: 20px;
   margin-bottom: 30px;
}

.about-page .answer-question {
   margin-bottom: 50px;
   overflow: hidden;
}

.group-changed .changed-item a {
   display: inline-block;
   position: relative;
   float: left;
   margin-right: 20px;
   width: 46px;
   height: 42px;
   display: inline-block;
}

   .group-changed .changed-item a::before {
      width: 100%;
      height: 100%;
      line-height: 42px;
      text-align: center;
      border: solid 1px #e6e6e6;
      border-radius: 3px;
      color: #666;
      font-size: 14px;
      content: "\f067";
      font-family: "FontAwesome";
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
   }

   .group-changed .changed-item a.active::before {
      content: "\f068";
      color: #fff;
   }

   .group-changed .changed-item a.active:hover::before {
      color: #222;
   }

.group-changed li {
   display: list-item;
   list-style: none;
   margin-bottom: 30px;
   overflow: hidden;
}

.group-changed .changed-item .info {
   overflow: hidden;
}

   .group-changed .changed-item .info .title {
      font-size: 13px;
      color: #333;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 42px;
      margin: 0;
   }

   .group-changed .changed-item .info .des-changed {
      font-size: 14px;
      color: #666;
      line-height: 20px;
      margin: 0 0 20px;
      display: none;
   }

      .group-changed .changed-item .info .des-changed.show-content {
         display: block;
      }
/*BLOG*/
.sidebar .widget .post-item .post-format {
   max-width: 80px;
   float: left;
   margin-right: 10px;
}

.sidebar .widget .post-item .post-info {
   padding: 0;
}

   .sidebar .widget .post-item .post-info .post-title {
      font-size: 13px;
      padding-bottom: 0;
   }

   .sidebar .widget .post-item .post-info .head {
      padding: 0;
   }

   .sidebar .widget .post-item .post-info .meta-post {
      padding: 0;
   }

      .sidebar .widget .post-item .post-info .meta-post li a {
         color: #aaa;
      }

.sidebar .widget .blog-list > li {
   border: none;
   padding-bottom: 0;
}

.sidebar .widget-bestseller .widgettitle {
   font-weight: 700;
}

.sidebar .widget-bestseller .owl-carousel.nav-style2 .owl-nav {
   top: -56px;
}

.sidebar .widget-blog-categories .widgettitle {
   margin-bottom: 0;
}

.sidebar .widget .blog-categories li {
   position: relative;
   border-bottom: solid 1px #e6e6e6;
}

   .sidebar .widget .blog-categories li:last-child {
      border-bottom: none;
   }

.sidebar .widget .blog-categories > li > a::before {
   display: inline-block;
   float: left;
   margin-right: 5px;
   content: "\f0da";
   font-family: "FontAwesome";
   font-size: 13px;
   color: #666;
}

.sidebar .widget .blog-categories > li > a {
   font-size: 13px;
   color: #666;
   line-height: 40px;
}

.sidebar .widget-text .content p {
   font-size: 13px;
   color: #666;
   line-height: 20px;
   margin: 0 0 20px;
}

.sidebar .widget-search .search-inner {
   position: relative;
}

.sidebar .widget-search .search-info {
   width: 100%;
   position: relative;
   border: solid 1px #e6e6e6;
   padding: 0 45px 0 15px;
   height: 40px;
   line-height: 40px;
   font-size: 13px;
   color: #888;
}

.sidebar .widget-search .search-button {
   position: absolute;
   right: 0;
   z-index: 1;
   width: 30px;
   font-size: 20px;
   color: #555;
   top: 0;
   line-height: 40px;
   display: inline-block;
   text-align: center;
}

.main-content-blog .blog-grid {
   border-bottom: solid 1px #e6e6e6;
   padding-bottom: 10px;
}

.main-content-blog .pagination {
   float: right;
   margin-bottom: 40px;
}

.main-content-blog .sidebar {
   float: left;
}

.main-content-blog .content-offset {
   float: right;
   margin-top: -48px;
}

.post-item.layout3 .post-info .des-title {
   font-size: 14px;
   color: #222;
   font-weight: 600;
   margin-bottom: 10px;
}

.post-item.layout3 .post-info .des {
   margin-bottom: 10px;
}

.main-content-blog .tags {
}

   .main-content-blog .tags .title {
      font-size: 14px;
      color: #222;
   }

      .main-content-blog .tags .title a {
         color: #666;
      }

   .main-content-blog .tags .top-comment {
      border: solid 1px #e6e6e6;
      padding: 15px;
      overflow: hidden;
      background-color: #fdfdfd;
      margin: 15px 0 55px;
   }

      .main-content-blog .tags .top-comment .avata {
         float: left;
         margin-right: 15px;
      }

      .main-content-blog .tags .top-comment .comment-content {
         overflow: hidden;
      }

         .main-content-blog .tags .top-comment .comment-content .name {
            font-size: 16px;
            font-weight: 600;
            color: #222;
            margin: 12px 0;
         }

         .main-content-blog .tags .top-comment .comment-content .comment {
            font-size: 14px;
            line-height: 20px;
            color: #888;
            margin: 23px 0 15px;
         }

.main-content-blog .comment-item {
   border: solid 1px #e6e6e6;
   padding: 20px;
   margin-bottom: 30px;
}

   .main-content-blog .comment-item .name {
      float: left;
      font-size: 16px;
      color: #000;
      font-weight: 600;
      margin-right: 5px;
   }

   .main-content-blog .comment-item .time {
      font-size: 14px;
      color: #666;
      float: left;
      margin-right: 35px;
   }

   .main-content-blog .comment-item .meta-post li {
      display: inline-block;
      list-style: none;
      margin-right: 15px;
   }

      .main-content-blog .comment-item .meta-post li a {
         font-size: 13px;
         color: #888;
      }

         .main-content-blog .comment-item .meta-post li a .icon {
            margin-right: 5px;
         }

   .main-content-blog .comment-item .comment {
      font-size: 14px;
      color: #888;
      line-height: 20px;
      overflow: hidden;
      margin: 15px 0 10px;
   }

.main-content-blog .list-comment .title {
   color: #000;
   border-bottom: solid 1px #e6e6e6;
   padding-bottom: 18px;
   margin: 25px 0 35px;
}

.main-content-blog .list-comment .label-text {
   color: #222;
   font-weight: 600;
}

.main-content-blog .list-comment .group-button {
   margin: 0;
}

.main-content-blog .list-comment {
   margin: 0;
   padding-bottom: 40px;
}

.kt-popup-newsletter {
   background-image: url('../images/bg5.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-color: #fff;
   height: 350px;
   width: 630px;
   position: relative;
   border-radius: 3px;
   margin: 0 auto;
   padding: 25px;
}

.mfp-close-btn-in .mfp-close {
   top: -15px;
   right: -15px;
   width: 30px;
   height: 30px;
   border-radius: 100%;
   text-align: center;
   font-size: 0;
   display: inline-block;
   opacity: 1;
}

   .mfp-close-btn-in .mfp-close::before {
      line-height: 30px;
      font-size: 16px;
      border-radius: 100%;
      color: #fff;
      opacity: 1;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      content: "\f00d";
      font-family: "FontAwesome";
   }

.kt-popup-newsletter .sub-title {
   font-size: 30px;
   color: #666;
   text-transform: uppercase;
   margin: 0;
}

   .kt-popup-newsletter .sub-title span {
      font-weight: 600;
      color: #333;
   }

.kt-popup-newsletter .title {
   font-size: 40px;
   text-transform: uppercase;
   font-weight: 700;
   position: relative;
   margin: 10px 0 5px;
}

   .kt-popup-newsletter .title span {
      position: absolute;
      z-index: 1;
      font-size: 20px;
      top: -5px;
      left: 40px;
   }

.kt-popup-newsletter .small-title {
   font-size: 14px;
   color: #888;
   text-transform: uppercase;
   margin: 0 0 35px;
}

.kt-popup-newsletter .input-block .input-inner {
   width: 340px;
   position: relative;
   margin-bottom: 35px;
   overflow: hidden;
}

   .kt-popup-newsletter .input-block .input-inner .input-info {
      border-radius: 20px 0 0 20px;
      width: 240px;
      float: left;
      border: solid 1px #e6e6e6;
      border-right: 0;
      font-size: 13px;
      color: #888;
      height: 40px;
      line-height: 38px;
      padding: 0 20px;
      border: solid 1px transparent;
      border-right: none;
   }

   .kt-popup-newsletter .input-block .input-inner .submit {
      text-transform: uppercase;
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      display: inline-block;
      border-radius: 0 20px 20px 0;
      float: right;
      line-height: 40px;
      padding: 0 15px;
      text-align: center;
      max-width: 100px;
      border: none;
      outline: 0;
   }

      .kt-popup-newsletter .input-block .input-inner .submit:hover,
      .mfp-close-btn-in .kt-popup-newsletter .mfp-close:hover::before {
         background-color: #aaa;
      }

.kt-popup-newsletter input[type="checkbox"] {
   display: none;
}

.kt-popup-newsletter .text-label {
   cursor: pointer;
   font-size: 13px;
   color: #888;
   font-weight: 400;
   margin: 0;
   padding-left: 25px;
   position: relative;
}

.kt-popup-newsletter input[type="checkbox"] + label::after {
   position: absolute;
   z-index: 1;
   content: "";
   left: 0;
   top: 5px;
   width: 15px;
   height: 14px;
   border: solid 1px #e6e6e6;
}

.kt-popup-newsletter input[type="checkbox"]:checked + label::before {
   font-family: 'FontAwesome';
   content: "\f00c";
   display: inline-block;
   top: 5px;
   left: 0;
   width: 15px;
   height: 14px;
   text-align: center;
   font-size: 10px;
   color: #222;
   position: absolute;
   z-index: 2;
   padding: 0;
   line-height: 14px;
}

.kt-popup-quickview {
   width: 820px;
   height: 420px;
   margin: 0 auto;
   background-color: #fff;
   position: relative;
}

   .kt-popup-quickview .details-item {
      max-width: 300px;
      border: none;
   }

   .kt-popup-quickview .details-thumb {
      padding-left: 110px;
      padding-top: 35px;
   }

      .kt-popup-quickview .details-thumb .owl-thumbs {
         width: 80px;
         top: 15px;
         left: -80px;
         position: absolute;
      }

         .kt-popup-quickview .details-thumb .owl-thumbs .owl-thumb-item {
            display: list-item;
            list-style: none;
            margin: 5px 0;
         }

      .kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev:hover,
      .kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next:hover,
      .kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev,
      .kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next {
         background-color: transparent;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
      }

         .kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev::before,
         .kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next::before {
            font-size: 35px;
         }

      .kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev {
         left: 0;
      }

      .kt-popup-quickview .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next {
         right: 0;
      }

   .kt-popup-quickview .details-info .description {
      border: none;
      padding: 0;
      margin-top: 10px;
   }

   .kt-popup-quickview .details-info .availability {
      margin-bottom: 0;
   }

   .kt-popup-quickview .details-info .group-button {
      margin-top: 15px;
   }

   .kt-popup-quickview .details-info {
      padding-top: 50px;
   }
/*404*/
.page-404 {
   text-align: center;
   padding: 100px 15px 120px;
}

   .page-404 .main-title {
      display: inline-block;
      font-size: 200px;
      text-transform: uppercase;
      margin: 0 auto;
      font-weight: 700;
   }

   .page-404 .title {
      font-size: 36px;
      color: #333333;
      font-weight: 700;
      margin: 55px 0 30px;
      position: relative;
      display: block;
   }

   .page-404 .sub-title {
      font-size: 14px;
      color: #222;
      font-weight: 400;
      margin: 0 0 40px;
   }

      .page-404 .sub-title a {
         color: #333;
         font-weight: 600;
      }

   .page-404 .search-block .search-inner {
      position: relative;
      width: 300px;
      margin: 0 auto;
   }

      .page-404 .search-block .search-inner input {
         width: 100%;
         box-shadow: none;
         border: solid 1px #e6e6e6;
         height: 45px;
         line-height: 45px;
         padding: 0 30px 0 15px;
         font-size: 14px;
         color: #aaa;
      }

      .page-404 .search-block .search-inner .search-button {
         position: absolute;
         z-index: 1;
         right: 10px;
         top: 0;
         line-height: 45px;
         height: 45px;
         display: inline-block;
         font-size: 16px;
         color: #aaa;
      }
/*SEARCH-RESULT*/
.main-content-search-result {
   padding: 80px 0;
}

   .main-content-search-result .pagination {
      margin-top: 38px;
   }

   .main-content-search-result .shop-title {
      margin-bottom: 10px;
      display: inline-block;
   }

      .main-content-search-result .shop-title span {
         font-weight: 400;
         font-style: italic;
      }

   .main-content-search-result .sub-title {
      font-size: 14px;
      color: #222;
      margin: 10px 0 30px;
      display: block;
   }

      .main-content-search-result .sub-title a {
         color: #35b035;
      }
/*---REPONSIVE---*/
@media(max-width: 1500px) {
   .slideshow5 .slide-content {
      left: 210px;
   }

   .slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-prev {
      left: 120px;
   }

   .slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-next {
      right: 120px;
   }
}

@media(max-width: 1366px) {
}

@media(max-width: 1199px) {
   .vertical-menu > li > a {
      margin: 0 10px;
   }

   .vertical-menu .submenu2 {
      background-image: none;
      padding: 20px;
   }

   .header.layout1 .more-item {
      display: none;
   }

      .header.layout1 .more-item.show-more {
         display: block;
      }

   .header.layout1 .vertical-content {
      padding: 3px 0 4px;
   }

   .vertical-menu .menu-item-has-children > a::after {
      position: absolute;
      right: 0;
      top: 0;
   }

   .vertical-menu > li > a .icon {
      margin-right: 5px;
   }

   .main-content-home1 .container-offset {
      margin-left: 314px;
   }

   .mobile-navigation {
      display: inline-block;
   }

   .header-nav-inner .main-menu {
      display: none;
   }
   /*HEADER LAYOUT1*/
   .search-form.layout2 .search-block .search-info {
      width: 195px;
      padding: 0 15px;
   }

   .main-content-home3 .container-offset {
      margin-left: 0;
   }

   .header-home3 .vertical-content {
      display: none;
   }

      .header-home3 .vertical-content.show-up {
         display: block;
      }

   .header.layout2 .mobile-navigation {
      float: left;
   }

   /*HEADER LAYOUT4*/
   .header-home4 .hidden-content.show-up {
      display: block;
   }

   .header-home4 .hidden-content {
      display: none;
   }

   .main-content-home4 .slideshow-offset {
      margin-left: 0;
   }

   .header.layout4 .box-sticky .main-menu > li > a {
      padding: 0 10px;
   }

   .header.layout4 .header-nav-wapper,
   .header.layout4 .header-nav-wapper .header-nav,
   .header.layout4 .box-sticky {
      text-align: left;
   }

   /*HEADER LAYOUT5*/
   .header.layout5 .mobile-navigation {
      margin-left: 20px;
   }

   .header.layout5 .header-control li {
      padding: 0 10px;
   }

   .header.layout5 .hotline .number .title,
   .header.layout5 .hotline .text .title {
      display: none;
   }

   .header.layout5 .top-header .middle-content {
      margin: 0;
   }

   /*HEADER LAYOUT6*/
   .header.layout6 .top-header .middle-content {
      margin-left: 0;
      margin-right: 0;
   }

   .header.layout6 .hotline .text .title,
   .header.layout6 .hotline .number .title {
      display: none;
   }

   .product-list-owl .product-item {
      margin-right: 1px;
   }

   /*HOME2*/
   .slideshow2 .slide-content {
      left: 100px;
   }

   /*HOME3*/
   .main-content-home3 .nav-tab-style1 .list-nav {
      width: 100%;
      padding-left: 10px;
      margin: 0;
      background-color: #f4f4f4;
   }

   /*HOME6*/
   .main-content-home6 .vertical-content {
      padding-bottom: 5px;
   }

      .main-content-home6 .vertical-content .other-link {
         display: none;
      }

         .main-content-home6 .vertical-content .other-link.show-more {
            display: block;
         }

      .main-content-home6 .vertical-content .view-all-categori .button.active {
         font-size: 0;
      }

         .main-content-home6 .vertical-content .view-all-categori .button.active::before {
            content: "CLOSE";
            font-size: 13px;
            color: #444;
         }

   .footer.layout3 .newsletter-form.layout3 .newsletter-block input::-webkit-input-placeholder {
      opacity: 0;
   }

   .footer.layout3 .newsletter-form.layout3 .newsletter-block input:-moz-placeholder {
      / Firefox 18- / opacity: 0;
   }

   .footer.layout3 .newsletter-form.layout3 .newsletter-block input::-moz-placeholder {
      / Firefox 19+ / opacity: 0;
   }

   .footer.layout3 .newsletter-form.layout3 .newsletter-block input:-ms-input-placeholder {
      opacity: 0;
   }
   /*HOME 7*/
   .main-content-home7 .slideshow-offset .main-slideshow,
   .main-content-home7 .slideshow-offset .row-banner {
      width: 100%;
   }

   .footer.layout2 .widget {
      margin-bottom: 50px;
   }

   .other-product-show .product-item .group-button .add-to-cart {
      padding: 0;
      width: 40px;
   }

      .other-product-show .product-item .group-button .add-to-cart .text {
         display: none;
      }

      .other-product-show .product-item .group-button .add-to-cart .icon {
         display: block;
      }
   /*INNER PAGE*/
   .list-style .product-item .product-inner .thumb {
      float: none;
   }

   .details-thumb .owl-thumbs .owl-thumb-item {
      margin: 0 3px;
      width: 50px;
      height: 50px;
   }

   .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev,
   .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next {
      bottom: 8px;
   }

   .details-info .quantity {
      float: none;
      display: inline-block;
      margin-bottom: 0;
   }

   .review-item .character {
      margin-right: 20px;
   }

   .customer-review .list-review > li {
      padding-bottom: 30px;
   }

   .slideshow6 .slide-content {
      left: 25px;
   }

   .slideshow6 .item3 .slide-content {
      left: 10px;
   }

   .post-item .post-info {
      padding: 15px;
   }

      .post-item .post-info .head {
         padding-bottom: 5px;
      }

   .post-item.layout1 .post-format {
      max-width: 50%;
   }

   .slideshow5 .item2 .slide-content .subtitle {
      color: #fefefe;
   }

   .footer.layout3 .footer-note .coppy-right {
      float: none;
      margin: 0 0 10px;
   }

   .main-content-grid .categories-content .product-item .group-button .add-to-cart {
      margin: 4px 2px 4px 0;
   }

   .main-content-grid .categories-content .product-item .group-button .add-to-cart {
      padding: 0 5px;
   }
}

@media(max-width: 1024px) {
   .container {
      padding: 0 15px;
   }

   .header.layout1 .more-item {
      display: block;
   }

   .header.layout1 .vertical-content {
      padding: 10px 0 25px;
   }

   .vertical-content.show-up,
   .header-home2 .vertical-content,
   .header.layout2 .vertical-content,
   .header.layout1 .hidden-content.always-open {
      display: none;
   }

      .vertical-content,
      .header-home2 .vertical-content.show-up,
      .header.layout2 .vertical-content.show-up,
      .header.layout1 .hidden-content.always-open.show-up {
         display: block;
      }

   .main-content-home1 .container-offset {
      margin: 10px 0 0;
   }

   .product-list-owl .owl-stage-outer {
      margin-right: 0;
   }

   .product-show .item-show {
      padding: 15px;
      width: 330px;
   }

   .product-show .other-product-show {
      width: calc(100% - 330px);
   }

   .product-item .group-button .add-to-cart .text {
      display: none;
   }

   .product-item .group-button .add-to-cart .icon {
      display: block;
   }

   .product-item .group-button .add-to-cart {
      width: 40px;
      font-size: 18px;
      float: none;
      padding: 0;
   }

   .product-item .group-button {
      position: static;
      opacity: 1;
      margin-top: 20px;
      visibility: visible;
   }

   .product-item .product-inner .quickview-button {
      opacity: 1;
   }

   .product-item.layout4 .product-inner .quickview-button {
      width: calc(100% - 20px);
      left: 10px;
      right: 10px;
   }

   .product-item.layout4 .price .real {
      color: #222;
   }

   .product-item.layout4:hover .group-button {
      border-bottom: none;
   }

   .product-item:hover .group-button {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }

   .product-item .group-button .inner {
      padding: 0;
      text-align: center;
   }

   .product-item.layout4 .product-inner {
      background-color: #fff;
   }

   .product-item.layout4 .group-button {
      margin-top: 10px;
   }

   .product-item.layout4 .info {
      padding: 12px 10px;
   }

   .product-list-owl .owl-item.active .product-item.layout4 {
      padding-bottom: 20px;
   }

   .other-product-show .product-item {
      padding: 0 0.25px 0 0.5px;
   }


   /*HOME 6*/
   .main-content-home6 .vertical-content.show-up {
      display: block;
      padding: 0;
   }

   .main-content-home6 .vertical-menu .other-link {
      display: none;
   }

   .main-content-home6 .view-all-categori .button {
      line-height: 48px;
   }

   .main-content-home6 .vertical-menu .submenu2 {
      height: calc(100% + 150px);
   }

   .list-recent-posts .product-item .product-name {
      overflow: hidden;
      display: block;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .list-style .product-item .group-button .add-to-cart {
      width: auto;
      font-size: 13px;
      padding: 0 14px;
      margin-bottom: 20px;
   }

      .list-style .product-item .group-button .add-to-cart .text {
         display: block;
      }

      .list-style .product-item .group-button .add-to-cart .icon {
         display: none;
      }

   .post-item .post-info {
      padding: 10px;
   }

   .item-show .owl-carousel .owl-thumb-item {
      width: 50px;
      height: 50px;
   }

   .shopping-cart-content .product-name a {
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      white-space: normal;
      max-width: 150px;
      padding: 0 10px;
      margin: 0 auto;
   }

   .cart-content {
      padding: 0 10px;
   }

   .list-style .product-item .info {
      max-width: 360px;
   }
}

@media(max-width: 767px) {
   .topbar .top-links {
      text-align: center !important;
   }
}

@media(max-width: 991px) {

   /*HEADER LAYOUT1*/
   .header-control li {
      padding: 0 10px;
   }

   .topbar .top-links {
      /*float: left;*/
      width: 100%;
      text-align: right;
   }

   .main-header .logo {
      padding: 15px 0 30px;
      text-align: center;
      width: 100%;
   }

   .mobile-navigation {
      padding-left: 20px;
   }

   .vertical-menu .menu-item-has-children > a::after {
      display: none;
   }

   .vertical-menu .menu-item-has-children.has-megamenu {
      position: relative;
   }

   .vertical-menu > li:hover {
      background-color: transparent;
   }

   .vertical-menu li .toggle-submenu {
      display: inline-block;
      text-align: center;
      position: absolute;
      z-index: 1;
      border: none;
      right: 0;
      top: 0;
   }

      .vertical-menu li .toggle-submenu::after {
         width: 30px;
         height: 49px;
         right: 0;
         margin: 0;
         top: 0;
         text-align: center;
         position: absolute;
         z-index: 1;
         display: inline-block;
         content: "\f107";
         font-family: "FontAwesome";
      }

   .vertical-menu .menu-item-has-children > .submenu,
   .vertical-menu .menu-item-has-children:hover > .submenu {
      display: none;
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      max-width: 100%;
      box-shadow: none;
      opacity: 1;
      visibility: visible;
   }

   .vertical-menu .menu-item-has-children.show-submenu > .submenu {
      display: block;
   }

   .vertical-menu .submenu2 {
      background-image: none;
      background-color: #fff;
   }
   /*HEADER LAYOUT2*/
   .search-form.layout2 .search-block .search-info {
      width: 100%;
   }

   .header.layout2 .header-nav-wapper {
      padding: 10px 0;
   }

   .header.layout2 .main-header .logo {
      padding: 10px 0;
   }

   .header.header-home3 .vertical-content.show-up {
      display: block;
   }

   .header.header-home3 .vertical-content {
      display: none;
   }

   .header.layout2 .search-form {
      float: left;
   }

   .header.layout2 .mobile-navigation {
      padding-left: 0;
   }
   /*HEADER LAYOUT3*/
   .header.layout3 .search-form .search-block,
   .header.layout3 .main-header .header-control {
      float: none;
      margin: 0 auto;
   }

   .header.layout3 .main-header .logo {
      padding: 20px 0;
   }

   .header.layout3 .top-header .right-content {
      text-align: center;
   }

   .main-content-home1 .container-offset {
      margin-left: 0;
   }

   .nav-tab-style1 .list-nav {
      margin-right: 0;
      width: 100%;
      background-color: #f4f4f4;
      padding-left: 10px;
   }
   /*HEADER LAYOUT4*/
   .header.layout4 .main-header .logo {
      margin-top: 15px;
   }

   .header.layout4 .search-form .search-block,
   .header.layout4 .main-header .header-control {
      float: none;
      margin: 0 auto;
   }

   .header.layout4 .top-header .right-content {
      text-align: center;
   }
   /*HEADER LAYOUT5*/
   .header.layout5 .mobile-navigation {
      margin-left: 0;
   }

   .header.layout5 .search-form .search-choice {
      display: none;
   }

   .header.layout5 .search-form .search-block .search-info {
      border-radius: 20px 0 0 20px;
   }

   .header.layout6 .search-form .search-choice {
      display: none;
   }

   .header.layout6 .search-form .search-block .search-info {
      border-radius: 21px 0 0 21px;
   }


   .post-item.layout1 .post-format {
      float: none;
      margin: 0;
      max-width: 100%;
      padding: 0;
   }

   .post-item .post-info {
      padding: 15px;
   }

   .our-blog .owl-carousel .owl-stage-outer {
      padding-bottom: 1px;
   }

   .product-show .item-show {
      width: 100%;
   }

   .product-show .other-product-show {
      width: 100%;
      margin: 0;
   }

   .main-content-home1 .product-show .section-content {
      border-left: none;
   }

   .product-show .item-show {
      border-right: solid 1px #e6e6e6;
      border-left: solid 1px #e6e6e6;
   }

   .featrue-box .block-icon,
   .featrue-box .block-inner {
      display: block;
   }

   .featrue-box {
      width: 100%;
      text-align: center;
      padding: 30px 10px;
   }

   .product-item .quickview-button {
      display: none;
   }

   .product-item .kt-countdown .box-count {
      margin: 2px;
   }

   .slideshow1 .slide-content {
      left: 45px;
   }

   .slideshow1 .item1 .slide-content .title {
      font-size: 30px;
   }

   .main-slideshow .slide-item::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
   }

   .slideshow1 .slide-item::before {
      background-color: #fff;
      opacity: 0;
   }

   .slideshow1 .item1.slide-item::before {
      background-color: #fff;
      opacity: 0;
   }

   .slideshow2 .slide-content {
      left: 65px;
   }

   .slideshow2 .item3.slide-item::before {
      background-color: #000;
      opacity: 0;
   }

   .slideshow2 .item3.slide-item .slide-content .smalltitle,
   .slideshow2 .owl-item .item3.slide-item .slide-content .title {
      color: #eee;
   }

      .slideshow2 .item3.slide-item .slide-content .smalltitle span {
         color: #fff;
      }

   .slideshow2 .slide-content .smalltitle
   .slideshow5 .slide-content {
      left: 100px;
   }

   .slideshow5 .slide-content {
      left: 100px;
   }

   .slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-prev {
      left: 30px;
   }

   .slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-next {
      right: 30px;
   }

   .slideshow5 .slide-content .subtitle,
   .slideshow5 .item1 .slide-content .subtitle {
      margin-bottom: 5px;
   }

   .slideshow5 .slide-content .smalltitle span {
      font-size: 20px;
   }

   .slideshow5 .item2 .slide-content .subtitle {
      max-width: 220px;
      margin: 0 auto;
   }

   .category-item.layout2 img {
      width: 100%;
   }

   .category-item.layout2 > a {
      display: block;
   }

   .slideshow5 .item-background::before {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      content: "";
      background-color: rgba(0, 0, 0,0.4);
   }

   .slideshow5 .item3 .slide-content .subtitle {
      color: #aaa;
   }

   .product-item.layout5 .product-inner .thumb {
      float: none;
      margin: 0;
      max-width: 100%;
      width: 100%;
   }

   .product-item.layout5 .group-button {
      position: static;
   }

   .footer .coppy-right {
      text-align: center;
      margin-bottom: 15px;
   }

   .footer .list-payment {
      text-align: center;
   }

   .newsletter-form .des {
      margin-bottom: 20px;
   }

   .slideshow4 .slide-content {
      left: 260px;
   }

   /*HOME 6*/
   .main-content-home6 .left-main-top-content {
      width: 100%;
      margin-top: 30px;
   }

   .main-content-home6 .slideshow-offset {
      width: 100%;
      border-left: solid 1px #e6e6e6;
   }

   .main-content-home6 .row-banner .banner.banner-last a {
      padding-right: 1px;
   }

   .main-content-home6 .vertical-content.show-up {
      display: none;
   }

   .main-content-home6 .vertical-content {
      display: block;
   }

   .main-content-home6 .banner-offset {
      display: none
   }

   .main-content-home6 .content-product {
      width: 100%;
   }

   .footer.layout3 .newsletter-form.layout3 .newsletter-block input::-webkit-input-placeholder {
      opacity: 1;
   }

   .footer.layout3 .newsletter-form.layout3 .newsletter-block input:-moz-placeholder {
      / Firefox 18- / opacity: 1;
   }

   .footer.layout3 .newsletter-form.layout3 .newsletter-block input::-moz-placeholder {
      / Firefox 19+ / opacity: 1;
   }

   .footer.layout3 .newsletter-form.layout3 .newsletter-block input:-ms-input-placeholder {
      opacity: 1;
   }

   .footer.layout3 .list-socials {
      text-align: center;
      margin-bottom: 15px;
   }
   /*INNER PAGE*/
   .top-control .control-button {
      float: left;
      padding-top: 10px;
   }

      .top-control .control-button a {
         margin: 0;
      }

         .top-control .control-button a.grid-button {
            margin-right: 25px;
         }

   .list-style .product-item .group-button .inner {
      float: none;
      padding: 0;
      border: none;
      margin: 0 10px;
   }

   .list-style .product-item .group-button {
      width: 100%;
      border-left: none;
   }

   .list-style .product-item .info {
      max-width: 100%;
      margin-left: 0;
   }

   .list-style .product-item .group-button .inner {
      margin-left: 0;
   }

   .list-style .product-item .group-button .add-to-cart {
      margin-bottom: 10px;
   }

   .list-style .product-item .group-button .add-to-cart {
      float: left;
   }

   .list-style .product-item .group-button .compare-button,
   .list-style .product-item .group-button .wishlist-button {
      clear: left;
      text-align: left;
   }

   .details-thumb {
      margin-bottom: 30px;
   }

   .kt-tab.nav-tab-style2 .nav > li > a {
      padding: 0 15px;
      font-size: 13px;
   }

   .kt-tab.nav-tab-style2 .nav > li {
      margin-right: 5px;
   }

   .featrue-box-list .featrue-box {
      padding: 10px;
   }

   .slideshow3 .slide-content {
      left: 60px;
   }

   .slideshow3 .item2 .slide-content {
      max-width: 320px;
   }

   .slideshow7 .slide-content {
      left: 20px;
   }

   .item-show .owl-carousel .owl-thumb-item {
      width: 72px;
      height: 72px;
   }

   .shopping-cart-content .quantity .group-quantity-button a {
      width: 30px;
   }

   .shopping-cart-content .quantity .input-text {
      width: 40px;
   }

   .list-page li a.nav-button {
      padding: 0 15px;
   }
}

@media(max-width: 767px) {
   /*HEADER LAYOUT1*/
   .box-minicart .minicart {
      padding-bottom: 7px;
   }

   .search-form .search-block {
      float: none;
      margin: 0 auto;
   }

   .main-header .header-control {
      width: 100%;
      text-align: center;
      float: none;
      margin: 20px 0 0;
   }

   .post-item .post-info {
      padding: 15px 10px;
   }

   .header.layout1 .main-header .header-control {
      margin-top: 10px;
   }

   .vertical-menu .menu-item-has-children > .submenu {
      min-width: auto;
   }

   .post .widget-recent-post {
      margin-bottom: 50px;
   }

   .slideshow .slide-item .slide-content {
      padding-right: 15px;
   }

   .main-content-home3 .right-content-offset {
      padding-left: 15px;
   }

   .product-item .kt-countdown .box-count {
      margin: 5px;
   }

   .header.layout2 .main-header .header-control {
      margin: 0;
      width: auto;
      float: right;
   }

   .main-content-home4 .left-content-offset {
      padding-right: 15px;
   }

   .header.layout6 .vertical-content {
      text-align: center;
   }

   .slideshow4 .slide-content {
      left: 370px;
   }
   /*HOME 6*/
   .header.layout5 .search-form .search-choice {
      display: table-cell;
   }

   .header.layout5 .search-form .search-block .search-info {
      border-radius: 0;
   }

   .main-content-home6 .row-banner .banner.banner-last {
      display: none;
   }

   .shop-page .sidebar {
      margin-top: 50px;
   }

   .sidebar .widget-banner {
      display: none;
   }

   .slideshow3 .slide-content {
      left: 30px;
   }

   .featrue-box-list .featrue-item .featrue-box {
      border-top: solid 1px #e6e6e6;
   }

   .featrue-box {
      padding: 30px 10px;
   }

   .featrue-box-list .featrue-item .featrue-box.layout2 {
      margin: 10px 0;
   }

   .slideshow6 .slide-item::before {
      background-color: #fff;
      opacity: 0.6;
   }

   .slideshow6 .slide-item .slide-content {
      left: 30px;
   }

   .main-content-home7 .row-banner .hidden-banner {
      display: none;
   }
   /*VERTICAL LAYOUT2*/
   .header .vertical-content.layout2 .vertical-menu > .hidden-item {
      display: none;
   }

      .header .vertical-content.layout2 .vertical-menu > .hidden-item.show-more {
         display: inline-block;
      }

   .header.layout6 .vertical-menu .view-all-categori,
   .vertical-content.layout2 .view-all-categori {
      display: inline-block;
      width: 100%;
   }

      .vertical-content.layout2 .view-all-categori .button {
         width: 100%;
         background-color: #aaa;
         color: #fff;
      }

         .vertical-content.layout2 .view-all-categori .button::before {
            display: inline-block;
            content: "Categoris";
         }

         .vertical-content.layout2 .view-all-categori .button.active::before {
            content: "Close";
         }

   .top-control .control-button {
      float: right;
   }

   .about-info .info {
      padding-top: 15px;
   }

   .slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-prev {
      left: 20px;
   }

   .slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-next {
      right: 20px;
   }

   .slideshow7 .slide-item::before {
      background-color: #fff;
      opacity: 0.5;
   }

   .slideshow7 .slide-content {
      left: 55px;
   }

   .header.layout6 .search-form .search-choice {
      display: table-cell;
   }

   .header.layout6 .search-form .search-block .search-info {
      border-radius: 0;
   }

   .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-prev {
      left: 5px;
   }

   .details-thumb .owl-carousel.has-thumbs .owl-nav .owl-next {
      right: 5px;
   }
}

@media(max-width: 639px) {
   .vertical-menu .submenu1 {
      background-color: #fff;
      background-image: none;
   }

   .header.layout2 .header-nav-wapper .middle-content,
   .header.layout2 .header-nav-wapper .right-content {
      width: 100%;
      text-align: center;
   }

   .header.layout2 .search-form,
   .header.layout2 .hotline {
      float: none;
      margin-top: 10px;
   }

   .header.layout2 .hotline {
      display: inline-block;
      margin: 10px auto;
   }

   .kt-tab .nav > li {
      display: list-item;
   }

      .kt-tab .nav > li > a {
         line-height: 30px;
      }

   .slideshow5 .item-background::before {
      background-color: rgba(0, 0, 0,0.6);
   }

   .slideshow5 .slide-content {
      left: 80px;
   }

      .slideshow5 .slide-content .subtitle, .slideshow5 .item1 .slide-content .subtitle {
         color: #fefefe;
      }

   .owl-carousel.nav-style1 .owl-nav .owl-prev,
   .owl-carousel.nav-style1 .owl-nav .owl-next {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 20px;
   }

   .sidebar .widget-featrue-box .featrue-item {
      width: 100%;
   }

   .kt-tab.nav-tab-style2 .nav > li {
      display: list-item;
      width: 100%
   }

      .kt-tab.nav-tab-style2 .nav > li > a {
         border-radius: 0;
      }

      .kt-tab.nav-tab-style2 .nav > li:first-child > a {
         border-radius: 5px 5px 0 0;
      }

   .cart-content {
      padding: 0 15px;
   }

   .shopping-cart-content tr.title {
      display: none;
   }

   .shopping-cart-content tr td {
      display: block;
      width: 100%;
      position: relative;
   }

   .shopping-cart-content td::before {
      content: attr(data-title);
      font-size: 12px;
      font-weight: 700;
      color: #222;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
   }

   .shopping-cart-content .checkout-cart td.right {
      text-align: left;
   }

   .shopping-cart-content .checkout-cart td .left {
      margin-bottom: 5px;
      margin-right: 10px;
   }

   .shopping-cart-content .checkout-cart td .right {
      float: left;
      text-align: left;
      margin-bottom: 25px;
   }

      .shopping-cart-content .checkout-cart td .right .submit {
         margin-left: 0;
         margin-right: 7px;
      }

   .slideshow1 .slide-content .title {
      font-size: 24px;
   }

   .slideshow1 .slide-content .subtitle span {
      font-size: 30px;
   }

   .slideshow3 .slide-item::before,
   .slideshow2 .item2.slide-item::before {
      background-color: #fff;
      opacity: 0.5;
   }

   .slideshow3 .slide-content {
      left: 50px;
   }

   .slideshow4 .slide-content {
      left: inherit;
      right: 30px;
      max-width: 250px;
      text-align: right;
   }

   .slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-prev {
      left: 10px;
   }

   .slideshow5 .owl-carousel.nav-style1 .owl-nav .owl-next {
      right: 10px;
   }

   .top-control .control-button {
      float: left;
      width: 100%;
      margin-top: 15px;
   }
}

@media(max-width: 479px) {
   /*HEADER LAYOUT1*/
   .topbar {
      padding: 0 0 5px;
   }

      .topbar .menu-topbar,
      .topbar .list-socials {
         width: 100%;
         text-align: center;
         float: none;
      }

         .topbar .menu-topbar li a {
            padding: 0 10px;
         }

   .box-minicart .cart-block .total-price {
      display: none;
   }

   .box-minicart .minicart {
      padding-right: 5px;
      padding-bottom: 5px;
   }

   .search-form .search-block .chosen-container-single {
      display: none;
   }

   .header.layout1 .box-minicart .cart-inner {
      right: -20px;
   }

   .header.layout3 .search-form .search-block .search-info {
      border-radius: 20px 0 0 20px;
   }

   .slideshow5 .item-background::before {
      background-color: rgba(0, 0, 0,0.8);
   }

   .slideshow5 .slide-content {
      left: 0;
      width: 100%;
      text-align: center;
      padding: 0 10px;
   }

   .main-content-home6 .row-banner .banner a {
      border-right: none;
      border-top: solid 1px #e6e6e6;
      padding: 0;
      margin: 0;
   }

   .main-content-home6 .row-banner .banner.banner-last {
      display: block;
   }

   .review-item .character {
      float: none;
      margin: 0 0 15px;
   }

   .shopping-cart-content td {
      text-align: right;
      padding-left: 100px;
      padding: 5px 0px;
   }

      .shopping-cart-content td img {
         display: block;
         margin-left: auto;
         margin-right: auto;
      }

      .shopping-cart-content td.product-name {
         width: 100% !important
      }

         .shopping-cart-content td.product-name a {
            width: 100% !important; max-width: 100% !important
         }

      .shopping-cart-content td:nth-child(2) {
         text-align: center;
      }
      .shopping-cart-content td:nth-child(2)::before  {
         display:none;
      }


      .shopping-cart-content td:nth-child(8) {
         text-align: center;
      }

         .shopping-cart-content td:nth-child(8)::before {
            display: none;
         }




   .slideshow .owl-carousel.nav-style1:hover .owl-nav .owl-next,
   .slideshow .owl-carousel.nav-style1:hover .owl-nav .owl-prev {
      display: none;
   }

   .product-item.layout3 .product-inner {
      padding-left: 10px;
   }

      .product-item.layout3 .product-inner .thumb {
         float: none;
         margin: 0 auto 15px;
         width: 100%;
         max-width: 100%;
      }

   .slideshow1 .slide-content .title {
      display: none;
   }

   .main-slideshow .slide-content .smalltitle {
      margin-bottom: 12px;
   }

   .slideshow2 .slide-content {
      text-align: center;
      left: 0;
      width: 100%;
   }

   .main-content-home3 .row-banner .banner-item1,
   .main-content-home3 .row-banner .banner-item2 {
      padding: 0 15px;
   }

   .slideshow4 .slide-content {
      text-align: center;
      left: 0;
      width: 100%;
      right: 0;
      max-width: 100%;
   }

   .slideshow4 .slide-item::before {
      background-color: #fff;
      opacity: 0.6;
   }

   .header.layout6 .header-nav {
      float: none;
      width: 100%;
   }

   .slideshow7 .slide-content {
      left: 40px;
   }

   .item-show .owl-carousel .owl-thumb-item {
      width: 50px;
      height: 50px;
      margin: 5px 2px;
   }

   .item-show .owl-carousel.has-thumbs .owl-nav .owl-prev,
   .item-show .owl-carousel.has-thumbs .owl-nav .owl-next {
      bottom: 18px;
   }

   .page-404 .main-title {
      font-size: 150px;
   }

   .page-404 .search-block .search-inner {
      width: 100%;
   }

   .main-content-blog .tags .top-comment .avata {
      max-width: 100%;
      margin: 0 0 5px;
      float: none;
   }
}

@media(max-width: 360px) {
   /*HEADER LAYOUT1*/
   .box-minicart .cart-inner {
      display: none;
   }

   .header.layout2 .search-form.layout2 .search-block .search-info {
      border-radius: 20px 0 0 20px;
   }

   .header.layout4 .search-form .search-block .search-info {
      border-radius: 20px 0 0 20px;
      border-left: solid 1px #444;
   }

   .header.layout5 .search-form .search-block .search-info {
      border-radius: 20px 0 0 20px;
   }

   .header.layout6 .search-form .search-block .search-info {
      border-radius: 20px 0 0 20px;
   }

   .header-control li {
      padding: 0 10px;
   }

   .hotline .icon {
      font-size: 20px;
      margin-top: 10px;
   }

   .hotline .text {
      margin-bottom: -8px;
   }

   .hotline .number {
      font-size: 14px;
   }

   .section-head .section-title {
      min-width: 1px;
   }

   .box-minicart .cart-inner {
      max-width: 290px;
      min-width: 280px;
      padding: 15px 10px;
   }

   .section-head .section-title {
      font-size: 14px;
      padding: 0 10px;
   }

   .slideshow1 .slide-content {
      left: 0;
      width: 100%;
      text-align: center;
      padding: 0 15px;
   }

   .slideshow1 .item3 .slide-content .smalltitle {
      color: #222;
   }

   .main-content-blog .tags .top-comment .avata {
      max-width: 100%;
      margin: 0 0 10px 0;
      float: none;
   }
}

@media(max-width: 320px) {
   .header.layout2 .mobile-navigation .text {
      display: none;
   }

   .owl-carousel.nav-style1 .owl-nav .owl-prev,
   .owl-carousel.nav-style1 .owl-nav .owl-next {
      width: 25px;
      height: 25px;
      line-height: 25px;
      font-size: 18px;
   }

   .owl-carousel.nav-style1 .owl-nav .owl-prev {
      left: 10px;
   }

   .owl-carousel.nav-style1 .owl-nav .owl-next {
      right: 10px;
   }
}
/*----------------
AUTO CLEAR 
----------------*/
@media (min-width:1200px) {
   .auto-clear .col-lg-1:nth-child(12n+1) {
      clear: left;
   }

   .auto-clear .col-lg-2:nth-child(6n+1) {
      clear: left;
   }

   .auto-clear .col-lg-15:nth-child(5n+1) {
      clear: left;
   }

   .auto-clear .col-lg-3:nth-child(4n+1) {
      clear: left;
   }

   .auto-clear .col-lg-4:nth-child(3n+1) {
      clear: left;
   }

   .auto-clear .col-lg-6:nth-child(odd) {
      clear: left;
   }

   .custom-clear .lg-clear {
      clear: left;
   }
}

@media (min-width:992px) and (max-width:1199px) {
   .auto-clear .col-md-1:nth-child(12n+1) {
      clear: left;
   }

   .auto-clear .col-md-2:nth-child(6n+1) {
      clear: left;
   }

   .auto-clear .col-md-15:nth-child(5n+1) {
      clear: left;
   }

   .auto-clear .col-md-3:nth-child(4n+1) {
      clear: left;
   }

   .auto-clear .col-md-4:nth-child(3n+1) {
      clear: left;
   }

   .auto-clear .col-md-6:nth-child(odd) {
      clear: left;
   }

   .custom-clear .lg-clear {
      clear: none;
   }

   .custom-clear .md-clear {
      clear: left;
   }
}

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

   .auto-clear .col-sm-2:nth-child(6n+1) {
      clear: left;
   }

   .auto-clear .col-sm-15:nth-child(5n+1) {
      clear: left;
   }

   .auto-clear .col-sm-3:nth-child(4n+1) {
      clear: left;
   }

   .auto-clear .col-sm-4:nth-child(3n+1) {
      clear: left;
   }

   .auto-clear .col-sm-6:nth-child(odd) {
      clear: left;
   }

   .custom-clear .md-clear {
      clear: none;
   }

   .custom-clear .sm-clear {
      clear: left;
   }
}

@media (min-width:480px) and (max-width:767px) {
   .auto-clear .col-xs-1:nth-child(12n+1) {
      clear: left;
   }

   .auto-clear .col-xs-2:nth-child(6n+1) {
      clear: left;
   }

   .auto-clear .col-xs-15:nth-child(5n+1) {
      clear: left;
   }

   .auto-clear .col-xs-3:nth-child(4n+1) {
      clear: left;
   }

   .auto-clear .col-xs-4:nth-child(3n+1) {
      clear: left;
   }

   .auto-clear .col-xs-6:nth-child(odd) {
      clear: left;
   }

   .custom-clear .sm-clear {
      clear: none;
   }

   .custom-clear .xs-clear {
      clear: left;
   }
}

@media (max-width:479px) {
   .auto-clear .col-ts-1:nth-child(12n+1) {
      clear: left;
   }

   .auto-clear .col-ts-2:nth-child(6n+1) {
      clear: left;
   }

   .auto-clear .col-ts-15:nth-child(5n+1) {
      clear: left;
   }

   .auto-clear .col-ts-3:nth-child(4n+1) {
      clear: left;
   }

   .auto-clear .col-ts-4:nth-child(3n+1) {
      clear: left;
   }

   .auto-clear .col-ts-6:nth-child(odd) {
      clear: left;
   }

   .col-ts-12 {
      width: 100%;
   }
}
/*------------------------------
 CUSTOM BOOSTRAP 5 COLUMNS
 ------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}

.col-xs-15 {
   width: 20%;
   float: left;
}

@media (min-width: 768px) {
   .col-sm-15 {
      width: 20%;
      float: left;
   }
}

@media (min-width: 992px) {
   .col-md-15 {
      width: 20%;
      float: left;
   }
}

@media (min-width: 1200px) {
   .col-lg-15 {
      width: 20%;
      float: left;
   }
}
/*========================/*


/*Tiago temp*/

/*.content-form {
   min-height: 426px;
}*/


#bodyContent {
   min-height: 528px;
}

.product-item img {
   width: 300px;
   height: 165px;
}

.view-all-categori .button {
   font-size: 12px;
}

.total-price {
   font-size: 16px;
   margin-top: 5px;
}

   .total-price .text {
      font-size: 13px;
   }

.box-minicart {
   margin-top: 4px;
}

.previews-pequenos-produtos {
   width: auto;
   height: auto;
}

.nome-item {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   width: 225px;
   height: 50px;
}


/*BANNERS PÁGINAS CONTEUDO*/

.div-geral {
   position: relative;
   height: 350px;
}

   .div-geral::after {
      display: block;
      position: relative;
      /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);*/
      margin-top: -150px;
      height: 150px;
      width: 100%;
      content: '';
   }

.banner-conteudo {
   height: 350px;
}

.container-titulo {
   position: absolute;
   top: 0px;
   right: 0px;
   left: 0px;
   bottom: 0px;
}

.banner-single {
   position: absolute;
   float: left;
   top: 50%;
   /*left: 50%;*/
   transform: translateY(-50%);
   background-color: white;
   left: 0px;
   right: 0px;
   text-align: center;
   /*background: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #fff 100%);*/
   /*background: radial-gradient(white 10%, white 15%, transparent 80%);*/
   background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.8) 70%, transparent 100%);
   padding-top: 70px;
   padding-bottom: 70px;
}


#owl-noticias .owl-stage-outer .owl-stage {
   max-height: 100%;
}


/*No caso do col-xs*/
@media (max-width: 767px) {
   .download-info, .tipos-produtos-lista {
      margin-left: 0px !important;
   }

      .tipos-produtos-lista label {
         margin-bottom: 5px !important;
      }

      .tipos-produtos-lista select, .tipos-produtos-lista input {
         float: left !important;
         margin-bottom: 20px !important;
      }

   .add-car-button-group {
      margin-left: 0px !important;
   }

   .cart-inner.cart-empty {
      left: -146px;
   }

   #codigo-postal-custo-envio {
      margin-top: 25px;
   }

   #submeter-custos-envio-button {
      top: 0px;
      right: auto;
   }

   .group-button {
      float: left !important;
   }

   .newsletter-form {
      margin-bottom: 50px;
      text-align: center;
   }

      .newsletter-form .newsletter-block .submit {
         /*float: none !important;*/
      }

   .menu-lateral-content {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }

   .page-content {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }

   .conteudo-pagina {
      padding-left: 15px;
      padding-right: 15px;
   }
}

@media (min-width:768px) and (max-width: 991px) {
   .catalogo-text {
      font-size: 11px !important;
   }

   .box-catalogo-download {
      height: auto !important;
   }

   .content-catalogo-background .catalogo {
      margin-bottom: 0px !important;
   }
}

.catalogo-text {
   border-bottom: none;
   /*font-family: 'Gotham Black';*/
   vertical-align: middle;
   font-size: 12px;
   color: #ffffff;
   text-transform: uppercase;
   letter-spacing: 2px;
}

@media (min-width:700px) and (max-width:767px) {
   .newsletter-block-content, .contactos-block-content {
      width: 50% !important;
   }
}



* {
   font-family: "Gotham Medium", Arial, FontAwesome !important;
}



/*Newsletter - Ajustar o placeholder à esquerda*/
.newsletter-info::-webkit-input-placeholder { /* WebKit browsers */
   text-align: left !important;
}

.newsletter-info:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   text-align: left !important;
}

.newsletter-info::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */
   text-align: left !important;
}

.newsletter-info:-ms-input-placeholder { /* Internet Explorer 10+ */
   text-align: left !important;
}


@media (min-width: 1200px) {

   .content-container .col-lg-2 {
      width: 20% !important;
   }

   .content-container .col-lg-10 {
      width: 80% !important;
   }
}

@media (min-width: 767px) {
   .content-container .col-lg-2 {
      padding-right: 0px;
   }

   .content-container .col-lg-10 {
      padding-left: 0px;
   }

   .conteudo-pagina {
      padding-left: 15px;
      padding-right: 15px;
   }
}




@media (min-width: 768px) {
   .container {
      /*width: 750px;*/
      width: 810px !important;
   }

   .content-container {
      margin-top: 20px;
   }
}

@media (min-width: 992px) {
   .container {
      /*width: 970px;*/
      width: 1200px !important;
   }
}

@media (min-width: 1200px) {
   .container {
      /*width: 1170px;*/
      width: 1230px !important;
   }
}