/*--------------------------/*
Tempale name : Luckyshop
Version    : 1.0.0
Author     : kutethemes
Last change: 02/03/2016

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

[Table of contents]
[Color codes]
    Background: #ffffff
    Body Color : #666666
    Accent color: #eec15b
[Typography]
    Body:       14px/24px Arimo, sans-serif;
    Heading:    Montserrat, sans-serif;
    Input, textarea: 14px/24px Arimo, sans-serif;

[Component module]

    HEADING SECTION
    HEADER
    PAGE LAYOUT
    PRODUCT ITEM
    SINGLE PRODUCT
    WIDGET
    SHORTCODE
    BLOG
    FOOTER
    HOME SLIDER
    SECTION
    RESPONSIVE

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

/*-------------------
COMMON STYLES
---------------------*/
body {
  font-family: var(--tertiary-variant-font-family);
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
  margin-top: 0;
  color: #444444;
  font-family: var(--primary-variant-font-family);
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

a {
  color: #eec15b;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

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

p {
  margin-bottom: 24px;
}

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

ul ul, ol ol, ul ol, ol ul {
  padding-left: 30px
}

blockquote {
  border-width: 3px;
  background-color: transparent;
  font-family: var(--secondary-variant-font-family);
  font-size: 14px;
  font-style: italic;
  color: #333;
}

input[type="text"],
input[type="email"],
textarea,
input[type="password"],
input[type="tel"],
select {
  border: 1px solid #e5e5e5;
  padding: 7px 25px;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
input[type="password"]:focus,
a:focus,
button:focus,
select:focus {
  outline: none;
}

::-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);
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
}

table, th, td {
  border: 1px solid #ececec;
}

th, td {
  padding: 10px;
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* arimo-regular - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/arimo-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/arimo-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/arimo-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/arimo-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/arimo-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/arimo-v27-latin-regular.svg#Arimo') format('svg'); /* Legacy iOS */
}
/* arimo-italic - latin */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/arimo-v27-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/arimo-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/arimo-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/arimo-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/arimo-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/arimo-v27-latin-italic.svg#Arimo') format('svg'); /* Legacy iOS */
}
/* arimo-700 - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/arimo-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/arimo-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/arimo-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/arimo-v27-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/arimo-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/arimo-v27-latin-700.svg#Arimo') format('svg'); /* Legacy iOS */
}
/* arimo-700italic - latin */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/arimo-v27-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/arimo-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/arimo-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/arimo-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/arimo-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/arimo-v27-latin-700italic.svg#Arimo') format('svg'); /* Legacy iOS */
}

/* merriweather-300 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/merriweather-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v30-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v30-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-300italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/merriweather-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/merriweather-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v30-latin-300italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/merriweather-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v30-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/merriweather-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/merriweather-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v30-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/merriweather-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v30-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v30-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-700italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/merriweather-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/merriweather-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v30-latin-700italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-900 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/merriweather-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/merriweather-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v30-latin-900.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v30-latin-900.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-900italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/merriweather-v30-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/merriweather-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v30-latin-900italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lora-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lora-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lora-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lora-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lora-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lora-v26-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lora-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lora-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lora-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lora-v26-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lora-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lora-v26-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lora-v26-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lora-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lora-v26-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lora-v26-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lora-v26-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lora-v26-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lora-v26-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lora-v26-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lora-v26-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lora-v26-latin-700italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lora-v26-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lora-v26-latin-700italic.svg#Lora') format('svg'); /* Legacy iOS */
}

/* cairo-regular - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cairo-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/cairo-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/cairo-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/cairo-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/cairo-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/cairo-v20-latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}

.button,
input[type="submit"],
button {
  color: #444444;
  display: inline-block;
  padding: 8px 35px;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-family: var(--primary-font-family);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  position: relative;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.button:before,
input[type="submit"]:before,
button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.09);
  width: 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.button:hover:before,
input[type="submit"]:hover:before,
button:hover:before {
  width: 100%;
}

.button:hover,
input[type="submit"]:hover,
button {
  color: #fff;
}

.input-control {
  width: 100%;
}

.button.primary,
.single_add_to_cart_button {
  background-color: #e9c77b;
  color: #fff;
  border-color: #e9c77b;
}

.button.primary:hover,
.single_add_to_cart_button:hover {
  background-color: #111;
  color: #fff;
  border-color: #111;
}

.button.medium {
  padding: 12px 40px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.button.big {
  padding: 15px 50px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.scroll_top {
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 9999;
  right: 10px;
  bottom: 32px;
  display: none;
  color: #fff;
  text-align: center;
  line-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.scroll_top:hover,
.scroll_top:focus,
.scroll_top:active {
  color: #fff;
  background-color: #111111;
}

.merriweather {
  font-family: var(--secondary-variant-font-family);
  font-size: 12px;
  font-style: italic;
}

.in-stock {
  color: #87af66;
  font-size: 13px;
  font-style: italic;
}

span.line {
  display: block;
  height: 1px;
  background-color: #e8e8e8;
  width: 100%;
}

/* BANNER */
.bannereffect-1 {
  display: block;
  position: relative;
  overflow: hidden;
}

.bannereffect-1:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  content: '';
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.bannereffect-1:hover:before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -100%, 0);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: initial;
}

.bannereffect-2 {
  display: block;
  position: relative;
}

.bannereffect-2:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.bannereffect-2:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.bannereffect-2:hover:before {
  right: 50%;
  left: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.bannereffect-2:hover:after {
  top: 50%;
  bottom: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.bannereffect-3 {
  display: block;
  position: relative;
}

.bannereffect-3:before,
.bannereffect-3:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.bannereffect-3:after {
  left: inherit;
  right: 0;
  width: 0%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
}

.bannereffect-3:hover:before {
  width: 0%;
  opacity: 1;
}

.bannereffect-3:hover:after {
  width: 100%;
}

.bannereffect-4 {
  display: block;
  position: relative;
}

.bannereffect-4:before {
  content: "";
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  z-index: 9;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  transform: scale(0, 1);
}

.bannereffect-4:after {
  content: "";
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  z-index: 9;
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  transform: scale(1, 0);
}

.bannereffect-4:hover:before,
.bannereffect-4:hover:after {
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* OWL */
.owl-carousel {
  z-index: 0;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  display: inline-block;
  width: 58px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.nav-center .owl-prev,
.nav-center .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  z-index: 10;
}

.nav-center .owl-next {
  right: -60px;
}

.nav-center .owl-prev {
  left: -60px;
}

.nav-center:hover .owl-next,
.nav-center:hover .owl-prev {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: inherit;
}

.nav-center:hover .owl-next {
  right: -29px;
}

.nav-center:hover .owl-prev {
  left: -29px;
}

.nav-style-1 .owl-prev,
.nav-style-1 .owl-next {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
}

.nav-center.nav-style-1:hover .owl-next {
  right: -24px;
}

.nav-center.nav-style-1:hover .owl-prev {
  left: -24px;
}

.nav-style-2 .owl-prev,
.nav-style-2 .owl-next {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.nav-center.nav-style-2:hover .owl-next {
  right: -15px;
}

.nav-center.nav-style-2:hover .owl-prev {
  left: -15px;
}

.owl-carousel-mobile.owl-carousel {
  margin: 0;
}

.owl-carousel-mobile.owl-carousel .item-owl-mobile {
  padding: 0;
  margin-bottom: 0;
}

.nav-style-3 .owl-prev,
.nav-style-3 .owl-next {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-style: 14px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}

.nav-center.nav-style-3:hover .owl-next {
  right: -17px;
}

.nav-center.nav-style-3:hover .owl-prev {
  left: -17px;
}

.nav-style-4 .owl-prev,
.nav-style-4 .owl-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #aaa;
  background-color: #fff;
}

.owl-carousel.nav-style-4 .owl-prev:hover,
.owl-carousel.nav-style-4 .owl-next:hover {
  background-color: #737373;
  color: #fff;
}

.nav-center.nav-style-4:hover .owl-next {
  right: -20px;
}

.nav-center.nav-style-4:hover .owl-prev {
  left: -20px;
}

.nav-style-5 .owl-prev,
.nav-style-5 .owl-next {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-style: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}


.nav-style-6 .owl-prev,
.nav-style-6 .owl-next {
  width: auto;
  height: 24px;
  line-height: 24px;
  font-style: 14px;
  color: #444;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  margin: 0 8px;
}

.nav-style-6 .owl-next {
  margin-right: 0;
}

.nav-style-6 .owl-prev {
  margin-left: 0;
}

.nav-style-7 .owl-prev,
.nav-style-7 .owl-next {
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-style: 16px;
  color: #d4d4d4;
  background-color: transparent;
  border: 1px solid #d4d4d4;
}

.nav-style-7 .owl-prev:hover,
.nav-style-7 .owl-next:hover {
  color: #fff;
}

.nav-center.nav-style-7:hover .owl-prev {
  left: 10px;
}

.nav-center.nav-style-7:hover .owl-next {
  right: 10px;
}

.nav-center.nav-style-5:hover .owl-next {
  right: 0;
}

.nav-center.nav-style-5:hover .owl-prev {
  left: 0;
}


.nav-style-8 .owl-prev,
.nav-style-8 .owl-next {
  width: 25px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  color: #666;
  font-size: 14px;

}

.nav-style-8 .owl-prev:hover,
.nav-style-8 .owl-next:hover {
  color: #666;
  background-color: #fff !important;
}

.nav-top-left .owl-nav {
  position: absolute;
  top: -50px;
  left: 0;
}

.nav-top-right .owl-nav {
  position: absolute;
  top: -50px;
  right: 0;
}

.nav-top-center .owl-nav {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* TAB */
.tab-container {
  position: relative;
}

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

.tab-container .tab-panel.active {
  opacity: 1;
  visibility: inherit;
  position: inherit;
  -vendor-animation-duration: 0.3s;
  -vendor-animation-delay: 1s;
  -vendor-animation-iteration-count: infinite;
  z-index: 1;
}

.bg-parallax {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
}

/*----------------
HEADING SECTION
----------------*/
.heading-section {
  margin-bottom: 30px;
}

.heading-section .title {
  text-transform: uppercase;
  margin-bottom: 0;
}

.heading-section:after {
  display: block;
  font-family: 'FontAwesome';
  margin-top: 3px;
  font-size: 12px;
}

.heading-section.style2 {
  margin-bottom: 30px;
}

.heading-section.style2 .title {
  font-size: 18px;
  color: #222;
  margin-bottom: 5px;
}

.heading-section.style2:after {
  display: none;
}

.heading-section.style2 .subtitle {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 12px;
  color: #888;
}

.heading-section.style3 {
  border-bottom: 1px solid #e8e8e8;
}

.heading-section.style3 .title {
  font-weight: 700;
  display: inline-block;
  font-size: 24px;
}

.heading-section.style3 .title:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #000;
  margin-top: 5px;
}

.heading-section.style3:after {
  display: none;
}

.heading-section.style4 .title {
  font-size: 15px;
  color: #333333;
}

.heading-section.style4:after {
  display: none;
}

.heading-section.style4 .title:after {
  content: '';
  display: block;
  height: 2px;
  width: 40px;
  margin-top: 10px;
}

.heading-section.style5 .title {
  font-size: 24px;
  font-weight: 700;
}

/*----------------
HEADER
----------------*/
#header-ontop {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
}

#header-ontop.on-sticky {
  visibility: inherit;
  opacity: 1;
}

.header.ontop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background-color: #fff;
}

.top-bar-left {
  display: table;
  float: left;
}

.top-bar-left .logo,
.top-bar-left .form-search-wapper {
  display: table-cell;
  padding: 47px 0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(56, 56, 56, 0.6);
}

.top-bar-left .logo {
  padding-left: 100px;
  padding-right: 100px;
  background-color: #1d1d1d;
}

.top-bar-left .form-search-wapper {
  padding-left: 60px;
  padding-right: 20px;
}

.top-bar-left .form-search {
  position: relative;
}

.top-bar-left .form-search .input {
  width: 100%;
  background-color: transparent;
  padding: 10px 0;
  border: none;
  padding-left: 55px;
  font-family: var(--secondary-variant-font-family);
  font-size: 12px;
  font-style: italic;
}

.top-bar-left .btn-search {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  width: 44px;
  height: 44px;
  font-size: 18px;
  color: #b0b0b0;
}

.top-bar-left .btn-search:before {
  display: none;
}

.top-bar-right {
  display: inline-block;
  float: right;
}

.top-bar-menu {
  padding: 0;
  margin: 0;
  display: table;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(56, 56, 56, 0.6);
  float: left;
}

.top-bar-menu.right {
  float: right;
}

.top-bar-menu li {
  list-style: none;
  position: relative;
}

.top-bar-menu > li {
  display: inline-block;
  float: left;
}

.top-bar-menu > li > a {
  display: inline-block;
  padding: 57px 60px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(56, 56, 56, 0.6);
  font-size: 13px;
  color: #eee;
  font-family: var(--primary-font-family);
}

.top-bar-menu > li > a .menu-icon {
  font-size: 15px;
  line-height: inherit;
}

.top-bar-menu .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #fff;
  min-width: 225px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
  -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
  -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
  -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
  transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
  z-index: 10;
}

.top-bar-menu .show-submenu > .sub-menu {
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}

.top-bar-menu .sub-menu > li {
  padding: 0 30px;
}

.top-bar-menu .sub-menu > li > a {
  display: inline-block;
  border-bottom: 1px solid #e8e8e8;
  padding: 13px 20px;
  width: 100%;
  font-size: 14px;
  color: #666;
  text-align: left;
}

.top-bar-menu > li:nth-last-child(1) .sub-menu,
.top-bar-menu > li:nth-last-child(2) .sub-menu {
  right: 0;
  left: inherit;
}

.top-bar-menu .sub-menu > li > a .menu-icon {
  color: #bbbbbb;
  margin-right: 15px;
}

.top-bar-menu > li > .cart-link {
  padding: 57px 40px;
}

.topbar-bar {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 35px;
  height: 35px;
  background-color: #000;
  color: #fff;
  text-align: center;
  z-index: 3;
  line-height: 35px;
}


/* BOX SETTING */
.box-setting .box-setting-content {
  min-width: 285px;
  padding: 40px 30px 30px 30px;
}

.box-setting-content .box-section .title {
  font-size: 12px;
  font-family: var(--secondary-variant-font-family);
  color: #666;
  font-style: italic;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;
  margin: 0;
}

.box-setting-content .box-section .inner {
  padding: 30px 0;
  overflow: hidden;
}

.box-setting-content .box-section .inner a {
  display: inline-block;
  margin-right: 20px;
  float: left;
}

.box-setting-content .box-section .inner a:last-child {
  margin-right: 0;
}

.box-setting-content .box-section.currency .inner a {
  width: 39px;
  height: 39px;
  background-color: #aaa;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 39px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/* Main header */
.main-header {
  /*-webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);*/
  /*-moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);*/
  /*box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);*/
  position: relative;
  z-index: 2;
}

.main-menu {
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.main-menu li {
  list-style: none;
  position: relative;
}

.main-menu > li {
  display: table-cell;
}

.main-menu > li > a {
  display: inline-block;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(56, 56, 56, 0.1);
  font-size: 12px;
  text-transform: uppercase;
  color: #333;
  font-family: var(--primary-font-family);
}

.main-menu > li:last-child > a {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(56, 56, 56, 0.1);
}

.main-menu .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
  -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
  -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
  -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
  transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
  z-index: 101;
}

.main-menu .show-submenu > .sub-menu {
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}

.main-menu .sub-menu > li {
  padding: 0 20px;
}

.main-menu .sub-menu > li > a {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding: 13px 0;
  font-size: 14px;
  color: #666;
}

.main-menu .sub-menu > li:last-child > a {
  border-bottom: none;
}

.main-menu .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

.main-menu > li:nth-last-child(1) .sub-menu,
.main-menu > li:nth-last-child(2) .sub-menu {
  right: 0;
  left: inherit;
}

.main-menu > li:nth-last-child(1) .sub-menu .sub-menu,
.main-menu > li:nth-last-child(2) .sub-menu .sub-menu {
  left: inherit;
  right: 100%;
}

.main-menu .megamenu {
  padding: 30px;
}

.megamenu .widget {
  margin-bottom: 30px;
}

.megamenu .widget:last-child {
  margin-bottom: 0;
}

.megamenu .widget .widgettitle {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.megamenu .widget_nav_menu ul {
  padding: 0;
}

.megamenu .widget_nav_menu li {
  list-style: none;
}

.megamenu .widget_nav_menu li > a {
  color: #666;
  display: inline-block;
  width: 100%;
  padding: 13px 0;
  border-bottom: 1px solid #e8e8e8;
}

.megamenu .widget_nav_menu li:last-child > a {
  border: none;
}

/* HEADER STYLE 2*/
.header.style2 .top-bar {
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);
  position: relative;
  z-index: 2;
  background-color: var(--top-bar-color);
}

.header.style2 .top-bar-menu > li > a {
  padding: 15px 30px;
  border-color: #eee;
  color: var(--top-bar-font-color);
}

.header.style2 .top-bar-menu {
  border-color: #eee;
}

.header.style2 .main-header {
  padding-top: 60px;
  background-color: #fcfcfc;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  z-index: 1;
}

.header.style2 .logo {
  display: inline-block;
  float: left;
}

.header.style2 .main-menu {
  table-layout: inherit;
  padding-left: 80px;
  display: inline-block;
  float: left;
  width: auto;
}

.header.style2 .main-menu > li {
  padding: 10px 0;
  display: inline-block;
}

.header.style2 .main-menu > li > a {
  padding: 0 25px;
  line-height: 16px;
}

.header.style2 .main-menu > li:first-child > a {
  border: none;
}

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

.header.style2 .main-header .mini-cart {
  float: right;
}

.header.style2 .main-header .mini-cart .cart-link {
  display: inline-block;
  background-color: #f5f5f5;
  color: #666666;
  padding: 12px 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.header.style2 .top-bar-menu > li > a .menu-icon {
  color: #444;
  margin-right: 5px;
}

.header-control {
  display: table;
  width: 100%;
  margin-top: 50px;
  float: left;
}

.header-control .vertical-menu-wapper,
.header-control .box-serach-wapper {
  display: table-cell;
  vertical-align: top;
}

.header-control .vertical-menu-wapper {
  width: 25%;
}

.header-control .box-serach-wapper {
  background-color: #e5e5e5;
  padding: 5px;
}

.advanced-search {
  display: table;
  width: 90%;
  background-color: #fff;
  padding: 9px 0 8px 0;
}

.advanced-search .category-dropdwon,
.advanced-search .search-text-box {
  display: table-cell;
  vertical-align: top;
}

.advanced-search .category-dropdwon {
  width: 155px;
  border-right: 1px solid #eeeeee;
  font-family: var(--secondary-variant-font-family);
  font-size: 12px;
  font-style: italic;
}

.advanced-search .chosen-container-single .chosen-single,
.advanced-search select {
  border: none;
  padding: 5px 30px;
  margin: 0;
}

.advanced-search select {
  padding: 8px 30px;
}

.advanced-search .chosen-container-single .chosen-single span {
  margin-right: 0;
}

.advanced-search .chosen-container-single .chosen-single div b:before {
  font-style: normal;
}

.advanced-search .search-text-box {
  padding-left: 75px;
  position: relative;
}

.advanced-search .search-text-box .input {
  width: 90%;
  padding: 5px 0;
  border: none;
  font-family: var(--secondary-variant-font-family);
  font-size: 12px;
  font-style: italic;
  color: #aaa;
}

.advanced-search .search-text-box .btn-search {
  position: absolute;
  top: -9px;
  right: 0;
  width: 51px;
  height: 51px;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 51px;
  font-size: 16px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
}

.box-vertical-megamenus {
  position: relative;
}

.box-vertical-megamenus .flash {
  display: inline-block;
  width: 96px;
  height: 96px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../images/icons/5.png");
  z-index: 100;
  font-size: 0;
}

.box-vertical-megamenus .title {
  background-color: #4e4e4e;
  color: #fff;
  padding: 19px 30px;
  font-size: 18px;
  margin: 0;
  cursor: pointer;
}

.box-vertical-megamenus .title .bar {
  float: right;
  display: none;
}

.verticalmenu-content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-width: 300px;
  min-width: 290px;
  border: 1px solid #f0f0f0;
  background-color: #fff;
  z-index: 10;
}

.verticalmenu-list {
  padding: 0;
  margin: 0;
  margin-top: 1px;
}

.verticalmenu-list li {
  position: relative;
}

.verticalmenu-list > li {
  list-style: none;
  padding: 0 30px;
}

.verticalmenu-list > li > a {
  display: inline-block;
  padding: 13px 0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  color: #666;
}

.verticalmenu-list > li > a .menu-icon {
  display: inline-block;
  min-width: 30px;
}

.verticalmenu-list > li.orther-link {
  display: none;
}

.verticalmenu-content .viewall {
  padding: 19px 30px;
  border-top: 1px solid #f0f0f0;
  margin-top: -1px;
  width: 100%;
  font-family: var(--secondary-variant-font-family);
  font-size: 13px;
  font-style: italic;
  color: #888;
  text-decoration: underline;
  display: none;
}

.box-vertical-megamenus.show-button-all .verticalmenu-content .viewall {
  display: inline-block;
}

.box-vertical-megamenus.hiden-button-all .verticalmenu-list > li:last-child > a {
  border: none;
}

.verticalmenu-list .sub-menu {
  position: absolute;
  left: 100%;
  top: 0;
  background-color: #fff;
  min-width: 225px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
  -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
  -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
  -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
  transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
  z-index: 10;
}

.verticalmenu-list .megamenu {
  padding: 25px 30px;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.verticalmenu-list .show-submenu > .sub-menu {
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}

.verticalmenu-list .sub-menu > li {
  list-style: none;
  padding: 0 20px;
}

.verticalmenu-list .sub-menu > li > a {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding: 13px 0;
  font-size: 14px;
  color: #666;
}

.verticalmenu-list .menu-item-has-children > a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  float: right;
}

.verticalmenu-list .megamenu .widget .widgettitle {
  text-transform: none;
  margin-bottom: 10px;
}

.verticalmenu-list .megamenu .widget_nav_menu li > a {
  border: none;
  padding: 3px 0;
}

/* HEADER STYLE 3*/
.header.style3 .box-serach-wapper {
  display: inline-block;
  float: left;
  padding-left: 60px;
}

.header.style3 form.advanced-search {
  border: 3px solid #e5e5e5;
  width: 680px;
  padding: 11px 0 10px 0;
  max-width: 100%;
}

.header.style3 .advanced-search .search-text-box .btn-search {
  right: 2px;
}

.header.style3 .main-header {
  padding-top: 45px;
}

.header.style3 .logo {
  padding-top: 15px;
}

.header.style3 .main-header .mini-cart {
  margin-top: 7px;
}

.header.style3 .main-menu {
  display: table;
  width: 100%;
  background-color: #3d3d3d;
  padding: 0;
  margin: 0;
  margin-top: 45px;
}

.header.style3 .main-menu > li {
  padding: 0;
}

.header.style3 .main-menu > li > a {
  padding: 25px 40px;
  color: #fff;
}

.header.style3 .main-menu > li > a:hover,
.header.style3 .main-menu > li.active > a {
  color: #fff;
}

/* HEADER STYLE 4 */
.header.style4 {
  background-color: #fff;
  padding-bottom: 15px;
}

.header.style4 .top-bar {
  background-color: #3d3d3d;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
}

.header.style4 .top-bar-menu > li > a,
.header.style4 .top-bar-menu > li > a .menu-icon {
  border: none;
  color: #aaaaaa;
}

.header.style4 .top-bar-menu {
  border: none;
}

.header.style4 .main-header {
  background-color: #fff;
}

.header.style4 .logo {
  width: 100%;
  text-align: center;
  padding-bottom: 60px;
}

.header.style4 .main-menu {
  padding-left: 0;
}

.header.style4 .main-menu > li > a {
  border: none;
  font-size: 14px;
}

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

.header.style4 .main-menu > li:last-child > a {
  padding-right: 0;
}

.header.style4 .main-header .mini-cart .cart-link {
  background-color: transparent;
  padding: 10px 30px;
  padding-right: 0;
  font-family: var(--primary-variant-font-family);
  font-size: 13px;
}

.header.style4
.topbar-search {
  display: inline-block;
  float: right;
}

.topbar-search form {
  position: relative;
}

.topbar-search .icon {
  color: #aaa;
  font-family: var(--primary-font-family);
  display: inline-block;
  padding: 15px 0;
  cursor: pointer;
}

.topbar-search .inner {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  z-index: 10;
}

.topbar-search .inner input[type="text"] {
  min-width: 290px;
}

/* HEADER STYLE 5*/
.header.style5 .top-bar {
  background-color: #f6f6f6;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  padding: 7px 0;
}

.header.style5 .top-bar-menu > li > a {
  padding: 0 15px;
  border-color: #666;
  line-height: 10px;
  font-family: inherit;
  color: #666;
}

.header.style5 .top-bar-menu > li:first-child > a {
  padding-left: 0;
  border: none;
}

.header.style5 .top-bar-menu > li:last-child > a {
  padding-right: 0;
}

.header.style5 .top-bar-menu > li > a .menu-icon {
  color: inherit;
}

.main-header-menu {
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
  margin-bottom: 5px;
}

.main-header-menu li {
  list-style: none;
  display: inline-block;
  float: left;
}

.main-header-menu li a {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #666;
  color: #666;
  font-size: 13px;
  line-height: 13px;
}

.main-header-menu li:last-child a {
  padding-right: 0;
  border: none;
}

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

.header.style5 .advanced-search {
  display: inline-block;
  float: left;
  width: 680px;
  border-width: 2px;
  border-style: solid;
  padding: 0;
}

.header.style5 .advanced-search .category-dropdwon {
  width: 200px;
  padding: 7px 0;
  min-width: 200px;
  border: none;
  font-size: 13px;
  color: #212121;
}

.header.style5 .advanced-search .category-dropdwon select {
  width: 100%;
}

.header.style5 .advanced-search .search-text-box {
  width: 100%;
  padding: 0 15px;
  padding-right: 50px;
}

.header.style5 .advanced-search .search-text-box .input {
  padding: 7px 0;
}

.header.style5 .advanced-search .search-text-box .btn-search {
  width: 40px;
  height: 38px;
  line-height: 42px;
  top: 0;
  right: -2px;
}

.header.style5 .advanced-search .chosen-container-single .chosen-single {
  line-height: 20px;
  border-right: 1px solid #d1d1d1;
  padding: 0 15px;
}

.header.style5 .advanced-search .chosen-container-single .chosen-single div b:before {
  content: "\f107";
}

.header.style5 .main-header .mini-cart {
  width: 170px;
  border: 1px solid #eaeaea;
}

.header.style5 .main-header .mini-cart .cart-link {
  background-color: #fff;
  padding: 5px 0;
  width: 100%;
  position: relative;
  padding-left: 10px;
  text-transform: uppercase;
  font-family: var(--primary-font-family);
}

.header.style5 .main-header .mini-cart .cart-link .count {
  position: absolute;
  display: inline-block;
  background-color: #e09903;
  font-size: 12px;
  color: #fff836;
  left: 22px;
  top: -10px;
  line-height: 16px;
  padding: 0 10px;
}

.header.style5 .mini-cart .cart-link > span {
  vertical-align: middle;
}

.header.style5 .main-header {
  padding-top: 24px;
  background-color: #fff;
}

.header.style5 .header-control {
  margin-top: 30px;
}

.header.style5 .logo {
  padding-top: 15px;
}

.header.style5 .box-vertical-megamenus .title {
  padding: 11px 20px;
  text-transform: uppercase;
  font-size: 14px;
}

.header.style5 .box-vertical-megamenus .title .bar {
  display: inline-block;
}

.header.style5 .header-control .box-serach-wapper {
  background-color: #f6f6f6;
  padding: 0;
}

.header.style5 .main-menu {
  padding: 0;
}

.header.style5 .main-menu > li > a {
  font-weight: 700;
  font-size: 13px;
  border: none;
}

.header.style5 .main-menu > li {
  padding: 8px 0;
}

.header.style5 .verticalmenu-list > li {
  padding: 0 20px;
}

.header.style5 .verticalmenu-list > li > a {
  padding: 8px 0;
}

.header.style5 .verticalmenu-list {
  margin: 0;
}

.header.style5 .verticalmenu-content .viewall {
  padding: 17px 0;
  text-align: center;
  text-decoration: none;
  color: #666;
  font-size: 12px;
}

.header.style5 .mini-cart .cart-link .menu-icon {
  font-size: 30px;
  line-height: normal;
}

/* HEADER STYLE 6 */
.banner-header {
  background-image: url("");
  background-position: top center;
  background-repeat: no-repeat;
}

.banner-header .inner {
  position: relative;
  text-align: center;
  padding: 18px 0;
  padding-bottom: 19px;
}

.banner-header .inner .text {
  color: #cc3333;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
}

.banner-header .inner .close-banner {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  right: -30px;
  background-color: #3e424a;
  color: #8c8e92;
  cursor: pointer;
}

.header.style6 {
  background-color: #fff;
}

.header.style6 .top-bar {
  background-color: #fff;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  padding: 8px 0;
}

.header.style6 .header-msg {
  display: inline-block;
  float: left;
  padding-right: 85px;
}

.header.style6 .top-bar-menu {
  border: none;
}

.header.style6 .top-bar-menu > li > a {
  padding: 0 10px;
  line-height: 12px;
  font-family: inherit;
  color: #666;
  font-size: 13px;
}

.header.style6 .top-bar-menu > li:first-child > a {
  border: none;
  padding-left: 0;
}

.header.style6 .top-bar-menu > li:last-child > a {
  padding-right: 0;
}

.header.style6 .top-bar-menu .menu-item-has-children > a:after {
  content: "\f0d7";
  font-family: 'FontAwesome';
  margin-left: 5px;
  line-height: normal;
  display: inline-block;
}

.header.style6 .top-bar-menu.right > li > a {
  padding: 0 12px;
  border: none;
}

.header.style6 .top-bar-menu .sub-menu > li {
  padding: 0 10px;
}

.header.style6 .top-bar-menu .sub-menu > li > a {
  padding: 6px 10px;
}

.header.style6 .top-bar-menu .sub-menu {
  min-width: 100px;
}

.header.style6 .main-header {
  padding-top: 20px;
  background-color: #fff;
  padding-bottom: 40px;
}

.header.style6 .advanced-search {
  border: 1px solid #e8e8e8;
  width: 568px;
  padding: 10px 0;
  position: relative;
  padding-right: 50px;
  float: left;
  margin-left: 60px;
}

.header.style6 .advanced-search .search-text-box {
  padding: 0;
}

.header.style6 .advanced-search .search-text-box .input {
  padding: 3px 20px;
  font-style: inherit;
  font-family: inherit;
  color: #999;
}

.header.style6 .advanced-search .category-dropdwon {
  font-family: inherit;
}

.header.style6 .advanced-search .btn-search {
  position: absolute;
  width: 51px;
  height: 51px;
  padding: 0;
  top: 0;
  right: 0;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
}

.header.style6 .advanced-search .category-dropdwon {
  border-left: 1px solid #e8e8e8;
  font-style: inherit;
}

.header.style6 .advanced-search .category-dropdwon,
.header.style6 .advanced-search .search-text-box {
  vertical-align: middle;
}

.header.style6 .advanced-search .chosen-container-single .chosen-single,
.header.style6 .advanced-search select {
  padding: 3px 30px;
  color: #999;
  border: none;
  background-color: #fff;
}

.header.style6 .main-header .mini-cart .cart-link {
  padding: 0;
  background-color: #fff;
}

.header.style6 .header-control {
  margin-top: 0;
}

.header.style6 .box-vertical-megamenus .title {
  padding: 16px 20px;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: -1px;
  padding-bottom: 17px;
  background-color: #333;
}

.header.style6 .box-vertical-megamenus .title .bar {
  display: inline-block;
  float: none;
  margin-right: 10px;
}

.header.style6 .header-control .box-serach-wapper {
  background-color: #fff;
  padding: 0;
}

.header.style6 .main-menu {
  padding: 0;
}

.header.style6 .main-menu > li {
  padding: 0;
  float: left;
}

.header.style6 .main-menu > li > a {
  line-height: 24px;
  font-size: 15px;
  color: #333;
  font-weight: 700;
  border: none;
  padding: 13px 25px;
  text-transform: none;
  position: relative;
  margin-top: -1px;
  padding-bottom: 14px;
  font-family: var(--tertiary-variant-font-family);
}

.header.style6 .main-menu > li.menu-item-has-children > a:after {
  font-family: 'FontAwesome';
  content: "\f0d7";
  margin-left: 10px;
  color: #999999;
  vertical-align: middle;
  line-height: normal;
  font-size: 13px;
}

.header.style6 .main-menu > li > a:before {
  width: 100%;
  height: 1px;
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: #000;
  z-index: 1;
  display: none;
}

.header.style6 .main-menu > li:hover > a:before,
.header.style6 .main-menu > li.active > a:before {
  display: block;
}

.header.style6 .main-menu > li:hover > a,
.header.style6 .main-menu > li.active > a,
.header.style6 .main-menu > li:hover > a:after,
.header.style6 .main-menu > li.active > a:after {
  color: #fff;
}

.header.style6 .main-header-menu-wapper {
  border-top: 1px solid #eee;
}

.header.style6 .header-line {
  height: 3px;
  display: block;
  width: 100%;
  float: left;
}

.header.style6 .verticalmenu-content {
  border: none;
  border-top: 3px solid #e8e8e8;
}

.header.style6 .verticalmenu-list > li > a {
  padding: 10px 0;
  border-color: #eeeeee;
  color: #333;
}

.header.style6 .verticalmenu-list > li {
  padding: 0 20px;
}

.header.style6 .verticalmenu-content .viewall {
  padding: 18px 20px;
  border: none;
  font-family: inherit;
  font-size: 11px;
  color: #666;
}

.header.style6 .verticalmenu-content .viewall .text {
  display: inline-block;
  border: 1px solid #eee;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
  padding: 8px 0;
}

.header.style6 .verticalmenu-content .viewall .text:after {
  font-family: 'FontAwesome';
  display: inline-block;
  margin-left: 15px;
  content: "\f0da";

}

.header.style6 .verticalmenu-list .menu-item-has-children > a:after {
  content: "\f0da";
}

.header.style6 .verticalmenu-list > li > a .menu-icon {
  margin-top: -3px;
  display: inline-block;
  float: left;
}

.header.style6 .header-right {
  width: 200px;
  display: table;
  float: right;
}

.header.style6 .header-account {
  display: table-cell;
  width: 115px;
  vertical-align: top;
}

.header.style6 .mini-cart {
  display: table-cell;
  width: auto;
  vertical-align: top;
}

.header.style6 .mini-cart .icon {
  font-size: 35px;
  margin: 0;
  padding: 9px 11px;
}

.header.style6 .mini-cart .cart-link {
  position: relative;
}

.header.style6 .mini-cart .cart-link .count {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.header.style6 .mini-cart .text,
.header.style6 .mini-cart .kak,
.header.style6 .mini-cart .cart-link .subtotal {
  display: none;
}

.header.style6 .menu-account {
  display: block;
  margin: 0;
  padding: 0;
}

.header.style6 .menu-account li {
  list-style: none;
  position: relative;
}

.header.style6 .menu-account > li > a {
  color: #333;
  font-weight: 700;
}

.header.style6 .menu-account .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  min-width: 150px;
  padding: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.header.style6 .menu-account .show-submenu .sub-menu {
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}

.header.style6 .menu-account .menu-item-has-children > a {
  display: block;
}

.header.style6 .menu-account .menu-item-has-children > a:after {
  display: inline-block;
  font-family: 'FontAwesome';
  float: right;
  content: "\f0d7";
  color: #ccc;
}

.header.style6 .menu-account .sub-menu li > a {
  display: inline-block;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 15px;
  width: 100%;
  color: #333;
}

.header.style6 .menu-account .sub-menu li:last-child > a {
  border: none;
}

.header.style6 .logo {
  padding-left: 20px;
  padding-top: 10px;
}

/* HEADER STYLE 7 */
.header.style7 .top-bar {
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  border-bottom: 1px solid #f1f1f1;
}

.header.style7 .top-bar-menu > li {
  padding: 9px 0;
}

.header.style7 .top-bar-menu > li > a {
  padding: 0 15px;
  line-height: 10px;
  border-color: #b7b7b7;
  color: #666;
  font-family: inherit;

}

.header.style7 .top-bar-menu > li > a .menu-icon {
  color: inherit;
  font-size: 20px;
  line-height: 10px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.header.style7 .top-bar-menu > li:first-child > a {
  padding-left: 0;
  border: none;
}

.header.style7 .top-bar-menu > li:last-child > a {
  padding-right: 0;
}

.header.style7 .top-bar-menu {
  border: none;
}

.header.style7 .main-header {
  padding-top: 20px;
  background-color: #fff;
}

.header.style7 .advanced-search {
  width: 620px;
  float: left;
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 1px 20px;
  padding-right: 60px;
  position: relative;
  margin-left: 30px;
}

.header.style7 .main-header-menu {
  padding-left: 30px;
}

.header.style7 .advanced-search .search-text-box {
  position: static;
  padding: 0;
}

.header.style7 .advanced-search .search-text-box .btn-search {
  height: 40px;
  width: 60px;
  top: -2px;
  right: 0;
  line-height: 45px;
  font-size: 25px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.header.style7 .header-right-control {
  display: inline-block;
  float: right;
}

.header.style7 .header-right-control .compare,
.header.style7 .header-right-control .wishlist {
  display: inline-block;
  padding: 7px 10px;
  color: #444;
  font-size: 24px;
  line-height: 24px;
}

.header.style7 .main-header .mini-cart .cart-link {
  background-color: transparent;
  padding: 7px 10px;
  padding-right: 0;
  font-size: 15px;
  color: #666;
  position: absolute;
}

.header.style7 .main-header .mini-cart .cart-link .icon {
  font-size: 24px;
}

.header.style7 .main-header .mini-cart .cart-link .text,
.header.style7 .main-header .mini-cart .cart-link .kak {
  display: none;
}

.header.style7 .main-header .mini-cart .cart-link .count {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 12px;
  left: 25px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: 700;
}

.header.style7 .main-header .mini-cart .cart-link > span {
  vertical-align: middle;
}

.header.style7 .header-control {
  margin-top: 45px;
}

.header.style7 .box-vertical-megamenus .title {
  padding: 11px 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.header.style7 .box-vertical-megamenus .title .bar {
  display: inline-block;
}

.header.style7 .main-menu {
  padding: 0;
}

.header.style7 .header-control .box-serach-wapper {
  padding: 0;
}

.header.style7 .main-menu > li {
  display: inline-block;
}

.header.style7 .main-menu > li :hover{
  background-color: var(--secondary-color);
}

.header.style7 .main-menu > li > a {
  border: none;
  padding: 8px 20px;
  font-weight: 300;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.header.style7 .verticalmenu-list > li {
  padding: 0 20px;
}

.header.style7 .verticalmenu-list > li > a {
  padding: 8px 0;
}

.header.style7 .verticalmenu-list {
  margin: 0;
}

.header.style7 .logo {
  padding-top: 13px;
}

.header.style7 .advanced-search .search-text-box .input,
.header.style7 .advanced-search .category-dropdwon {
  font-family: var(--tertiary-variant-font-family);
  font-size: 13px;
  font-style: normal;
  color: #a0a0a0;
}

.header.style7 .advanced-search .category-dropdwon {
  color: #6b6b6b;
}

.header.style7 .verticalmenu-content .viewall {
  text-align: center;
  font-size: 12px;
  color: #666;
  text-decoration: none;
  font-style: normal;
}

/* STYLE 9 */
.header.style9 .top-bar {
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
}

.header.style9 .top-bar-menu > li > a {
  padding: 0 15px;
  line-height: 10px;
  font-size: 13px;
  color: #666;
  border-right: 1px solid #e5e5e5;
  font-family: inherit;
  border-left: none;
}

.header.style9 .top-bar-menu > li:last-child > a {
  border: none;
  padding-right: 0;
}

.header.style9 .top-bar-menu > li:first-child > a {
  padding-left: 0;
}

.header.style9 .top-bar-menu {
  border: none;
}

.header.style9 .top-bar-menu > li {
  padding: 8px 0;
}

.header.style9 .top-bar-menu > li > a .menu-icon {
  font-size: 18px;
  float: left;
  margin-right: 5px;
  color: inherit;
}

.header.style9 .main-header {
  padding: 20px 0;
  background-color: #fff;
  padding-bottom: 30px;
}

.header.style9 .logo {
  padding-top: 20px;
}

.header.style9 .main-header .advanced-search {
  width: 640px;
  border: 1px solid #e5e5e5;
  padding: 0;
  float: left;
}

.header.style9 .advanced-search .chosen-container-single .chosen-single,
.header.style9 .advanced-search select {
  padding: 8px 30px;
  background-color: #f5f5f5;
  border: none;
}

.header.style9 .advanced-search select {
  padding: 12px 30px;
}

.header.style9 .advanced-search .category-dropdwon {
  font-family: var(--tertiary-variant-font-family);
  font-style: normal;
  border: none;
  font-size: 13px;
  color: #888;
}

.header.style9 .advanced-search .search-text-box {
  padding: 0;
}

.header.style9 .advanced-search .search-text-box .input {
  padding: 8px 20px;
  padding-right: 40px;
  font-family: inherit;
  font-style: normal;
}

.header.style9 .advanced-search .search-text-box .btn-search {
  width: 42px;
  height: 42px;
  line-height: 42px;
  top: -1px;
  right: -1px;
}

.header.style9 .main-header .mini-cart .cart-link {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
  padding-left: 10px;
  line-height: 40px;
  width: 100%;
}

.header.style9 .mini-cart .cart-link .icon {
  width: 41px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  display: inline-block;
  position: relative;
  color: #fff;
  float: right;
  margin: 0;
  font-size: 24px;
  margin-left: 10px;
}

.header.style9 .mini-cart .cart-link .count {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #555555;
  color: #fff;
  position: absolute;
  top: -10px;
  left: -10px;
  font-size: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.header.style9 .main-header .mini-cart {
  width: 195px;
}

.header.style9 .header-control {
  margin: 0;
  border-bottom: 2px solid #f75757;
  background-color: #f6f6f6;
}

.header.style9 .box-vertical-megamenus .title {
  padding: 15px 20px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #333;
}

.header.style9 .box-vertical-megamenus .title .bar {
  display: inline-block;
}

.header.style9 .main-menu {
  padding: 0;
}

.header.style9 .main-menu > li {
  padding: 0;
  float: left;
}

.header.style9 .main-menu > li > a {
  padding: 16px 25px;
  font-size: 12px;
  color: #555;
  font-family: var(--primary-font-family);
  border: none;
}

.header.style9 .main-menu > li:hover > a,
.header.style9 .main-menu > li.active > a {
  color: #fff;
}

.header.style9 .verticalmenu-list > li {
  padding: 0 20px;
}

.header.style9 .verticalmenu-content {
  border: none;
}

.header.style9 .verticalmenu-list {
  margin: 0;
  border-top-width: 2px;
  border-top-style: solid;
}

.header.style9 .verticalmenu-list > li > a {
  padding: 8px 0;
}

.header.style9 .verticalmenu-content .viewall {
  padding: 15px 0;
  text-align: center;
  font-family: inherit;
  font-size: 12px;
  color: #aaaaaa;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;

}

/* STYLE 10 */
.header.style10 .top-bar {
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0);
}

.header.style10 .top-bar-menu > li > a {
  padding: 0 15px;
  line-height: 10px;
  font-size: 13px;
  color: var(--top-bar-font-color);
  border-right: 1px solid #e5e5e5;
  font-family: inherit;
  border-left: none;
}

.header.style10 .top-bar-menu > li:last-child > a {
  border: none;
  padding-right: 0;
}

.header.style10 .top-bar-menu > li:first-child > a {
  padding-left: 0;
}

.header.style10 .top-bar-menu {
  border: none;
}

.header.style10 .top-bar-menu > li {
  padding: 8px 0;
}

.header.style10 .top-bar-menu > li > a .menu-icon {
  font-size: 18px;
  float: left;
  margin-right: 5px;
  color: inherit;
}

.header.style10 .main-header {
  padding: 18px 0;
  padding-bottom: 0px;
  background-color: #fff;
}

.header.style10 .main-header .advanced-search {
  width: 90%;
  border: 2px solid #e5e5e5;
  padding: 0;
  float: left;
}

.header.style10 .logo {
  padding: 0 0 10px 60px;
}

.header.style10 .advanced-search .chosen-container-single .chosen-single,
.header.style10 select {
  padding: 8px 30px;
  border: none;
}

.header.style10 select {
  padding: 12px 30px;
}

.header.style10 .advanced-search .category-dropdwon {
  font-family: inherit;
  font-style: normal;
  border: none;
}

.header.style10 .advanced-search .chosen-container-single .chosen-single div b:before {
  content: "\f107";
}

.header.style10 .advanced-search .search-text-box {
  padding: 0;
}

.header.style10 .advanced-search .search-text-box .input {
  padding: 8px 20px;
  padding-right: 40px;
  font-family: inherit;
  font-style: normal;
}

.header.style10 .advanced-search .search-text-box .btn-search {
  width: 42px;
  height: 42px;
  line-height: 42px;
  top: -1px;
  right: -1px;
}

.header.style10 .header-right {
  /*
    min-width: 85px;
    display: inline-block;
    float: right;
    padding: 7px 0px;
    */
  padding-top: 10px;
}

.header.style10 .header-right:before,
.header.style10 .header-right:after {
  content: '';
  display: table;
}

.header.style10 .header-right:after {
  clear: both;
}

.header.style10 .block-wislist-compare {
  display: inline-block;
  float: left;
}

.header.style10 .block-wislist-compare > a {
  font-size: 24px;
  color: #444444;
  display: inline-block;
  margin-right: 20px;
}

.header.style10 .main-header .mini-cart .cart-link {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}

.header.style10 .mini-cart .cart-link .menu-icon {
  font-size: 24px;
  color: #444444;
  position: relative;
  float: left;
  margin-right: 5px;
}

.header.style10 .mini-cart .cart-link .count {
  width: 35px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  position: absolute;
  bottom: -7px;
  right: -27px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.header.style10 .header-control {
  margin: 0;
  background-color: var(--button-bar-color);
}

.header.style10 .box-vertical-megamenus .title {
  padding: 15px 20px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #333;
}

.header.style10 .box-vertical-megamenus .title .bar {
  display: inline-block;
}

.header.style10 .main-menu {
  padding: 0;
}

.header.style10 .main-menu > li {
  padding: 0;
  float: left;
}

.header.style10 .main-menu > li > a {
  padding: 16px;
  font-size: 12px;
  color: #fff;
  font-family: var(--primary-font-family);
  border: none;
}

.header.style10 .main-menu > li:hover > a,
.header.style10 .main-menu > li.active > a {
  color: #fff;
}

.header.style10 .verticalmenu-list > li {
  padding: 0 20px;
}

.header.style10 .verticalmenu-content {
  border: none;
}

.header.style10 .verticalmenu-list > li > a {
  padding: 8px 0;
  max-height: 41px;
}

.header.style10 .main-menu > li:hover,
.header.style10 .main-menu > li.active {
  color: #fff;
}

/* HEADER ONTOP */
.header.ontop .top-bar {
  display: none;
}

.header.style2.ontop {
  padding: 5px 0;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.09);
  background-color: #fcfcfc;
}

.header.style2.ontop .main-header {
  padding-top: 0;
}

.header.style2.ontop .logo {
  display: none;
}

.header.style2.ontop .header-control {
  display: none;
}

.header.style2.ontop .main-menu {
  padding-left: 0;
}

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

.header.style2.ontop .main-header .mini-cart .cart-link {
  padding: 12px 0;
  background-color: transparent;
}

.header.style3.ontop .box-serach-wapper,
.header.style3.ontop .main-header .mini-cart {
  display: none;
}

.header.style3.ontop .main-header {
  background-color: transparent;
}

.header.style3.ontop {
  background-color: #3d3d3d;
  padding: 0;
}

.header.style3.ontop .main-menu {
  margin: 0;
}

.header.style3.ontop .main-menu > li > a {
  padding: 20px 40px;
}

.header.style3.ontop .main-menu > li:first-child > a {
  padding-left: 40px;
}

.header.style5.ontop .header-control {
  display: block;
  margin: 0;
}

.header.style5.ontop .main-header-wapper {
  display: none;
}

.header.style5.ontop {
  padding: 0;
}

.header.style5.ontop .header-control .box-serach-wapper {
  background-color: transparent;
  width: 100%;
}

.header.style5.ontop .main-menu {
  padding-left: 25px;
}

.header.style5.ontop .verticalmenu-content {
  display: none;
}

.header.style5.ontop .header-control .vertical-menu-wapper {
  width: 40px;
}

.header.style5.ontop .box-vertical-megamenus .title {
  padding: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.header.style5.ontop .box-vertical-megamenus .title .text {
  display: none;
}

.header.style5.ontop .box-vertical-megamenus .title .bar {
  float: none;
}

.header.style6.ontop .main-header {
  display: none;
}

.header.style6.ontop .main-header-menu-wapper {
  border: none;
}

.header.style6.ontop .header-control {
  display: block;
}

.header.style6.ontop {
  padding: 0;
}

.header.style6.ontop .header-control .vertical-menu-wapper {
  width: 51px;
  min-width: 51px;
}

.header.style6.ontop .box-vertical-megamenus .title {
  padding: 0;
  text-align: center;
  line-height: 50px;
  margin: 0;
}

.header.style6.ontop .header-control .box-serach-wapper {
  width: 100%;
}

.header.style6.ontop .box-vertical-megamenus .title .text {
  display: none;
}

.header.style6.ontop .box-vertical-megamenus .title .bar {
  margin: 0;
}

.header.style6.ontop .verticalmenu-content {
  display: none;
}

.header.style6.ontop .main-menu > li:first-child > a {
  padding-left: 25px;
}

.header.style7.ontop .header-control {
  display: table;
  margin: 0;
}

.header.style7.ontop .main-header-wapper {
  display: none;
}

.header.style7.ontop {
  padding: 0;
}

.header.style7.ontop .main-menu > li:first-child > a {
  padding-left: 20px;
}

.header.style7.ontop .box-vertical-megamenus .title {
  width: 40px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.header.style7.ontop .box-vertical-megamenus .title .text {
  display: none;
}

.header.style7.ontop .box-vertical-megamenus .title .bar {
  float: none;
}

.header.style7.ontop .verticalmenu-content {
  display: none;
}

.header.style7.ontop .header-control .vertical-menu-wapper {
  width: 40px;
}

.header.style9.ontop .main-header {
  display: none;
}

.header.style9.ontop .header-control {
  display: table;
  border: none;
}

.header.style9.ontop {
  padding: 0;
  background-color: #f6f6f6;
}

.header.style9.ontop .verticalmenu-content {
  display: none;
}

.header.style9.ontop .main-menu > li:first-child > a {
  padding-left: 25px;
}

.header.style9.ontop .header-control .vertical-menu-wapper {
  width: 48px;
}

.header.style9.ontop .box-vertical-megamenus .title {
  height: 48px;
  line-height: 48px;
  padding: 0;
  text-align: center;
}

.header.style9.ontop .box-vertical-megamenus .title .text {
  display: none;
}

.header.style9.ontop .box-vertical-megamenus .title .bar {
  float: none;
}


.header.style10.ontop .main-header {
  display: none;
}

.header.style10.ontop .header-control {
  display: table;
  border: none;
}

.header.style10.ontop {
  padding: 0;
  background-color: #525252;
}

.header.style10.ontop .verticalmenu-content {
  display: none;
}

.header.style10.ontop .main-menu > li:first-child > a {
  padding-left: 25px;
}

.header.style10.ontop .header-control .vertical-menu-wapper {
  width: 48px;
}

.header.style10.ontop .box-vertical-megamenus .title {
  height: 48px;
  line-height: 48px;
  padding: 0;
  text-align: center;
}

.header.style10.ontop .box-vertical-megamenus .title .text {
  display: none;
}

.header.style10.ontop .box-vertical-megamenus .title .bar {
  float: none;
}

/*--------------
 PAGE LAYOUT
---------------*/
.page-banner {
  min-height: 405px;
  background-image: url('');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}

.main-container {
  padding: 25px 0 90px 0;
  overflow: hidden;
}

.main-container.no-padding {
  padding-bottom: 0;
}

.left-sidebar .main-content {
  float: right;
}

/* ------------
 PRODUCT ITEM
--------------*/
.product-item {
  list-style: none;
}

.product-item .thumb {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.product-item .button.quick-view {
  position: absolute;
  top: -100px;
  left: 10px;
  padding: 0 10px;
  background-color: #aaaaaa;
  color: #fefefe;
  font-size: 10px;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  text-transform: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: none;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 2;
}

.product-item:hover .button.quick-view {
  top: 10px;
}

.product-item .flash {
  position: absolute;
  top: 10px;
  right: 7px;
  z-index: 2;
}

.product-item .flash > span {
  padding: 0 10px;
  font-size: 10px;
  font-family: var(--primary-font-family);
  color: #fff;
  background-color: #83ccd5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  text-transform: uppercase;
  float: left;
  margin: 0 3px;
}

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

.product-item .group-button {
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 2;
}

.product-item .wishlist,
.product-item .add_to_cart_button,
.product-item .compare {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 0;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: none;
  background-color: #aaaaaa;
  color: #fff;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  transform: scale(0.5);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  margin: 0 3px;
}

.product-item .wishlist:after,
.product-item .add_to_cart_button:after,
.product-item .compare:after {
  font-family: "Flaticon";
  font-size: 14px;
}

.product-item .wishlist:after {
  content: "\e001";
}

.product-item .add_to_cart_button:after {
  content: "\e008";
}

.product-item .compare:after {
  content: "\e00a";
}

.product-item:hover .group-button .wishlist,
.product-item:hover .group-button .add_to_cart_button,
.product-item:hover .group-button .compare {
  transform: scale(1);
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-item .info {
  padding: 10px;
}

.product-item .product-name {
  margin-bottom: 7px;
  line-height: normal;
  min-height: 48px;
}

.product-item .product-name a {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 13px;
  color: #333;
}

.product-item .product-name.short {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-item .price {
  color: #333;
  font-family: var(--primary-font-family);
  font-size: 14px;
}

.product-item .price ins {
  float: left;
  margin-right: 5px;
  text-decoration: none;
  color: #ec5858;
}

.product-item .price del {
  color: #aaa;
}

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

.product-item.style2 .price {
  display: table;
  margin: 0 auto;
}

.product-item.style2 .product-name a {
  color: #888;
}

.product-item.style3 .info {
  text-align: center;
  padding: 0;
  padding-top: 10px;
}

.product-item.style3 .price {
  display: table;
  margin: 0 auto;
}

.product-item.style3 .product-inner {
  padding: 10px;
}

.product-item.style3 {
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

/*.owl-carousel .product-item{
    padding: 1px;
}*/
.product-item.style4 .product-inner {
  padding: 10px;
  overflow: hidden;
  border-right: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}

.product-item.style4 .product-name {
  line-height: normal;
  white-space: inherit;
  overflow: inherit;
}

.product-item.style4 .thumb,
.product-item.style4 .info {
  padding: 0;
}

.product-item.style4 .info {
  padding: 30px 10px;
  padding-bottom: 0;
}

.product-item.style4 .button.quick-view {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.product-item.style4:hover .button.quick-view {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: inherit;
}

.product-item.style4 .group-button {
  position: static;
  text-align: left;
  padding-top: 22px;
}

/* PRODUCT STYLE 5 */
.product-item.style5 .info {
  text-align: center;
  padding: 0;
  padding-top: 10px;
}

.product-item.style5 .price {
  display: table;
  margin: 0 auto;
}

.product-item.style5 .product-inner {
  padding: 10px;
  padding-bottom: 35px;
}

.product-item.style5 {
  border-left: 1px solid #f0f0f0;
}

/* STYLE 6 */
.product-item.style6 .product-inner {
  padding: 0;
  border: 1px solid #e6e6e6;
  width: 99.99999999%;
  display: table;
  margin: 0 auto;
  position: relative;
  z-index: 999;
}

.product-item.style6 .info {
  padding: 10px;
  text-align: center;
  padding-top: 0;
  padding-bottom: 19px;
}

.product-item.style6 .price {
  display: table;
  margin: 0 auto;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  font-family: inherit;
}

.product-item.style6 .price del {
  color: #666;
  font-weight: normal;
}

.product-item.style6 .rating {
  color: #ccc;
}

.product-item.style6 .rating .active {
  color: #ffae00;
}

.product-item.style6 .product-name a {
  font-family: var(--tertiary-variant-font-family);
  font-style: normal;
  color: #666;

}

.owl-carousel .product-item.style6 {
  padding: 0;
}

.product-item.style6 .group-button {
  top: 54px;
  bottom: inherit;
  left: inherit;
  right: 0;
  width: 40px;
  position: static;
}

.product-item.style6 .wishlist,
.product-item.style6 .add_to_cart_button,
.product-item.style6 .compare,
.product-item.style6 .button.quick-view {
  margin: 0;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 1px solid #c6c6c6;
  line-height: 40px;
  background-color: #fff;
  color: #ccc;
  margin-bottom: 3px;
  position: static;
  font-size: 0;
  float: left;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  transform: scale(1);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 50px;
  right: -110px;
  left: inherit;
  padding: 0;
  width: 150px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  font-family: inherit;
  font-style: normal;
  text-align: left;
}

.product-item.style6 .compare {
  top: 93px;
}

.product-item.style6 .button.quick-view {
  top: 136px;
}

.product-item.style6 .add_to_cart_button {
  top: 179px;
}

.product-item.style6 .wishlist:before,
.product-item.style6 .add_to_cart_button:before,
.product-item.style6 .compare:before,
.product-item.style6 .button.quick-view:before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 38px;
  line-height: 38px;
  position: static;
  float: left;
  font-family: 'Pe-icon-7-stroke';
  text-align: center;
  font-size: 20px;
  background-color: inherit;
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

.product-item.style6 .wishlist:before {
  content: "\e642";
}

.product-item.style6 .add_to_cart_button:before {
  content: "\e615";
}

.product-item.style6 .compare:before {
  content: "\e6c2";
}

.product-item.style6 .button.quick-view:before {
  content: "\e618";
}

.product-item.style6 .wishlist:after,
.product-item.style6 .add_to_cart_button:after,
.product-item.style6 .compare:after,
.product-item.style6 .button.quick-view:after {
  display: none;
}

.product-item.style6 .wishlist:hover,
.product-item.style6 .add_to_cart_button:hover,
.product-item.style6 .compare:hover,
.product-item.style6 .button.quick-view:hover {
  color: #fff;
  right: 0;
}

.product-item.style6:hover .wishlist,
.product-item.style6:hover:hover .add_to_cart_button,
.product-item.style6:hover .compare,
.product-item.style6:hover .button.quick-view {
  transform: scale(1);
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-item.style6 .button.quick-view:before {

}

.kt-tabs.style4 .product-item.style6 .product-inner {
  border-left-color: transparent;
}

.kt-tabs.style5 .product-item.style6 .product-inner {
  border-color: transparent;
}

.owl-carousel .owl-item img {
  /* width: auto; */
  display: inline-block;
  max-width: 100%;
}

.product-item.style6 .thumb {
  text-align: center;
}

.product-item.style6 .thumb a {
  display: block;
}

.product-item.no-border .product-inner {
  border-color: #fff;
}

/*.product-item.no-border .wishlist:before,
.product-item.no-border .add_to_cart_button:before,
.product-item.no-border .compare:before,
.product-item.no-border .button.quick-view:before{
    border-right: 1px solid #c6c6c6;
    margin-right: 2px;
    width: 40px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    position: static;
    margin: 0;
    padding: 0;
}
.product-item.no-border .wishlist:hover:before,
.product-item.no-border .add_to_cart_button:hover:before,
.product-item.no-border .compare:hover:before,
.product-item.no-border .button.quick-view:hover:before{
    border: none;
}*/
.product-item.no-border .wishlist,
.product-item.no-border .add_to_cart_button,
.product-item.no-border .compare,
.product-item.no-border .button.quick-view {
  right: -109px;
}

/* STYLE 7 */
.product-item.style7 .product-countdown {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.product-item.style7 .kt-countdown {
  position: static;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  text-align: left;
  display: table;
  margin: 0 auto;
}

.product-item.style7 .kt-countdown .box-count {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  overflow: inherit;
  text-align: center;
  float: left;
  margin-right: 5px;
}

.product-item.style7 .kt-countdown .box-count.secs {
  margin: 0;
}

.product-item.style7 .kt-countdown .box-count .number {
  width: 50px;
  height: 40px;
  background-image: url("");
  background-repeat: repeat-x;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.product-item.style7 .kt-countdown .box-count .text {
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
  font-family: inherit;
  font-style: normal;
  display: inline-block;
  margin-top: 5px;
}

.product-item.style7 .wishlist,
.product-item.style7 .add_to_cart_button,
.product-item.style7 .compare,
.product-item.style7 .button.quick-view {
  transform: scale(1);
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
  position: static;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  line-height: 38px;
  color: #e1e1e1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 0;
  vertical-align: top;
  text-align: center;
  padding: 0;
  font-style: normal;
  margin: 0;
}

.product-item.style7 .wishlist:before,
.product-item.style7 .add_to_cart_button:before,
.product-item.style7 .compare:before,
.product-item.style7 .button.quick-view:before {
  display: none;
}

.product-item.style7 .wishlist:after,
.product-item.style7 .add_to_cart_button:after,
.product-item.style7 .compare:after,
.product-item.style7 .button.quick-view:after {
  font-family: 'Pe-icon-7-stroke';
  text-align: center;
  line-height: 40px;
  display: inline-block;
  font-size: 20px;
  position: static;
  width: auto;
  height: auto;
}

.product-item.style7 .wishlist:after {
  content: "\e642";
}

.product-item.style7 .add_to_cart_button:after {
  content: "\e615";
}

.product-item.style7 .compare:after {
  content: "\e6c2";
}

.product-item.style7 .button.quick-view:after {
  content: "\e618";
}

.product-item.style7 .wishlist:hover,
.product-item.style7 .add_to_cart_button:hover,
.product-item.style7 .compare:hover,
.product-item.style7 .button.quick-view:hover {
  background-color: #333333;
  color: #fff;
  border-color: #333;
}

.product-item.style7 .thumb {
  text-align: center;
  padding-top: 27px;
}

.product-item.style7 .info {
  text-align: center;
  padding: 0;
}

.product-item.style7 .price {
  display: table;
  margin: 0 auto;
  color: #333;
}

.product-item.style7 .group-buttons {
  padding-top: 20px;
}

.product-item.style7 .product-name a {
  font-family: var(--tertiary-variant-font-family);
  font-size: 13px;
  color: #666;
  font-style: normal;
}

.product-item.style7 .product-name {
  margin-bottom: 0;
}

/* STYLE 8 */
.product-item.style8 .product-inner {
  overflow: hidden;
}

.product-item.style8 .thumb {
  width: 100px;
  float: left;
  border: 1px solid #e4e4e4;
}

.product-item.style8 .info {
  overflow: hidden;
  padding: 0;
  padding-left: 20px;
  padding-top: 15px;
}

.product-item.style8 .product-name a {
  font-family: inherit;
  font-style: normal;
}

.product-item.style8 .price {
  display: block;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  font-family: inherit;
}

.product-item.style8 .rating {
  color: #ccc;
  display: block;
  margin-top: 10px;
}

.product-item.style8 .rating .active {
  color: #ffae00;
}

/* STYLE 9 */
.product-item.style9 .product-inner {
  padding: 10px;
  overflow: hidden;
}

.product-item.style9 .thumb,
.product-item.style9 .info {
  padding: 0;
}

.product-item.style9 .info {
  padding: 15px 10px;
}

.product-item.style9 .product-name a {
  font-family: var(--tertiary-variant-font-family);
  font-style: normal;
  font-size: 14px;
  color: #666666;
}

.product-item.style9 .price {
  font-size: 15px;
  color: #aaaaaa;
  font-family: var(--tertiary-variant-font-family);
  font-weight: normal;
  margin-bottom: 35px;
  display: block;
}

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

.product-item.style9 .add_to_cart_button {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  font-size: 13px;
  color: #666666;
  width: auto;
  height: auto;
  background-color: #f0f0f0;
  padding: 9px 15px;
  text-transform: none;
  font-family: var(--tertiary-variant-font-family);
  font-weight: normal;
  line-height: normal;
  margin: 0;
}

.product-item.style9 .add_to_cart_button:hover {
  background-color: #000;
}

.product-item.style9 .add_to_cart_button:before,
.product-item.style9 .add_to_cart_button:after {
  display: none;
}

.product-item.style9 .rating {
  color: #ccc;
  margin-bottom: 5px;
}

.product-item.style9 .rating .active {
  color: #ffae00;
}

.product-item.style9 .add_to_cart_button:hover {
  color: #fff;
}

/* STYLE 10 */
.product-item.style10 .thumb {
  margin-bottom: 6px;
}

.product-item.style10 .info {
  padding: 5px 10px;
  padding-bottom: 0;
}

.product-item.style10 .product-name a {
  font-family: var(--tertiary-variant-font-family);
  font-size: 14px;
  font-style: normal;
}

.product-item.style10 .product-name {
  margin: 5px;
}

.product-item.style10 .price {
  font-size: 15px;
  color: #aaaaaa;
  font-family: var(--tertiary-variant-font-family);
  font-style: normal;
}

.product-item.style10 .percent-sale {
  width: 54px;
  height: 54px;
  color: #fff;
  background-color: #f75757;
  text-align: center;
  line-height: 54px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 100;
}

/* STYLE 11 */
.product-item.style11 .product-inner {
  border: 1px solid #f1f1f1;
  padding: 10px;
}

.product-item.style11 .product-name a {
  font-family: var(--tertiary-variant-font-family);
  font-style: normal;
  color: #666666;
}

.product-item.style11 .product-name {
  margin-bottom: 0;
}

.product-item.style11 .price {
  font-size: 17px;
  color: #ff533f;
  font-family: var(--tertiary-font-family);
  font-weight: 700;
}

.product-item.style11 .price label {
  font-weight: normal;
  font-size: 13px;
  color: #888888;
  margin: 0;
  margin-right: 5px;
  font-weight: normal;
}

.product-item.style11 .info {
  padding: 0
}

.product-item.style11 .price del {
  font-size: 13px;
  font-weight: normal;
}

.product-item.style11 .percent-sale {
  width: 57px;
  height: 57px;
  color: #fff;
  background-color: #f75757;
  text-align: center;
  line-height: 57px;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/* Product hot*/

.product-item.hot-product .thumb,
.product-item.hot-product .info {
  padding: 0;
}

.product-item.hot-product .info {
  padding-left: 15px;
}

.product-item.hot-product .product-inner {
  padding: 31px 20px;
  display: block;
  overflow: hidden;
  border-top: 1px solid #f0f0f0;
  padding-bottom: 33px;
}

.product-item.hot-product:last-child .product-inner {
  padding-bottom: 31px;
}

.product-item.hot-product .rating {
  color: #ecc366;
  font-size: 10px;
}

.product-item.hot-product .product-name a {
  font-size: 12px;
}


/* COUNTDOWN */
.product-item .kt-countdown {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  z-index: 10;

}

.product-item .kt-countdown .dot {
  display: none;
}

.product-item .kt-countdown .box-count {
  display: inline-block;
  width: 51px;
  height: 51px;
  background-color: #fff;
  border: 1px solid #e9c77b;
  line-height: normal;
  font-size: 10px;
  font-family: var(--secondary-font-family);
  font-style: italic;
  font-weight: 300;
  color: #333;
  padding-top: 7px;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.product-item .kt-countdown .box-count .number {
  display: block;
  font-size: 16px;
  font-family: var(--primary-font-family);
  color: #333;
  font-style: normal;
  font-weight: normal;
}

.product-item .kt-countdown .day {
  margin-left: 0;
}

.product-item .kt-countdown .secs {
  margin-right: 0;
}

.product-item.enable-countdown .thumb:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.product-item.enable-countdown .kt-countdown {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.product-item.enable-countdown:hover .thumb:before,
.product-item.enable-countdown:hover .kt-countdown {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: inherit;
}

/* Product list*/
.product-item.list {
  border: 1px solid #ececec;
  overflow: hidden;
}

.product-item.list .product-inner {
  display: table;
  width: 100%;
}

.product-item.list .thumb,
.product-item.list .info {
  display: table-cell;
  float: none;
  vertical-align: top;
}

.product-item.list .info {
  border-left: 1px solid #ececec;
}

.product-item.list .wishlist,
.product-item.list .add_to_cart_button,
.product-item.list .compare {
  transform: scale(1);
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-item.list .thumb {
  padding: 10px;
}

.product-item.list .info {
  padding: 40px 30px;
}

.product-item.list .product-desc {
  padding-top: 8px;
  padding-bottom: 30px;
}

.product-item .has-second-image .second-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.6s all ease-in-out;
  transition: 0.6s all ease-in-out;
  -webkit-transform: translate(420px, 0);
  -ms-transform: translate(420px, 0);
  transform: translate(420px, 0);
  visibility: hidden;
}

.product-item:hover .has-second-image .second-image {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: inherit;
}


.product-item.list .has-second-image .thumb-inner {
  position: relative;
  display: inline-block;
}

.product-item .product-count-down {
  margin-bottom: 30px;
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}

.product-item .product-count-down .kt-countdown {
  position: static;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.product-item .product-count-down .box-count,
.product-item .product-count-down .box-count .number {
  color: #fff;
  border: none;
}

.product-item .product-count-down .box-count {
  font-size: 11px;
}

.product-item .discount {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 20px;
  color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  font-family: var(--primary-variant-font-family);
  font-weight: 700;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/* LIST PRODUCT */
.product-list-grid {
  margin: 0 -5px;
}

.product-list-grid:before,
.product-list-grid:after {
  content: '';
  display: table;
}

.product-list-grid:after {
  clear: both;
}

.product-list-grid .product-item {
  padding: 0 5px;
  margin-bottom: 15px;
}

.product-list-view {
  margin: 0;
}

.product-list-view .product-item {
  margin-bottom: 30px;
}

.products-column-space-30 {
  margin: 0 -15px;
}

.products-column-space-30 .product-item {
  padding: 0 15px;
}

/* PRODUCT GRID*/
.product-list-grid.desktop-columns-1 .product-item:nth-child(1n+1),
.product-list-grid.desktop-columns-2 .product-item:nth-child(2n+1),
.product-list-grid.desktop-columns-3 .product-item:nth-child(3n+1),
.product-list-grid.desktop-columns-4 .product-item:nth-child(4n+1),
.product-list-grid.desktop-columns-5 .product-item:nth-child(5n+1),
.product-list-grid.desktop-columns-6 .product-item:nth-child(6n+1),
.product-list-grid.desktop-columns-7 .product-item:nth-child(7n+1),
.product-list-grid.desktop-columns-8 .product-item:nth-child(8n+1),
.product-list-grid.desktop-columns-9 .product-item:nth-child(9n+1),
.product-list-grid.desktop-columns-10 .product-item:nth-child(10n+1),
.product-list-grid.desktop-columns-11 .product-item:nth-child(11n+1),
.product-list-grid.desktop-columns-12 .product-item:nth-child(12n+1) {
  clear: left;
}

/* navigation */
.navigation {
  display: block;
  margin-top: 50px;
  width: 100%;
  float: left;
}

.navigation ul {
  padding: 0;
  margin: 0;
  display: table;
  margin: 0 auto;
}

.navigation ul li {
  list-style: none;
  display: inline-block;
}

.navigation ul li span,
.navigation ul li a {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background-color: #e9e9e9;
  color: #666;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 5px;
}

.navigation ul li span:hover,
.navigation ul li a:hover,
.navigation ul li .current {
  color: #fff;
}

.shop-slider {
  margin-bottom: 25px;
  margin-top: 15px;
}

.shop-slider .owl-carousel:hover .owl-prev {
  left: 40px;
}

.shop-slider .owl-carousel:hover .owl-next {
  right: 40px;
}

.shop-page-bar {
  margin-bottom: 30px;
  display: table;
  width: 100%;
}

.shop-page-bar .page-bar-right {
  display: inline-block;
  float: right;
}

/* breadcrumbs */
.breadcrumbs {
  color: #aaa;
  margin-bottom: 20px;
}

.breadcrumbs a {
  color: #666;
  color: #666;
  display: inline-block;
  padding: 8px 0;
}

.breadcrumbs a:after {
  content: '/';
  display: inline-block;
  padding: 0 5px;
}

/* Shop bar*/
.shop-page-bar .breadcrumbs {
  display: inline-block;
  float: left;
  margin-bottom: 0;
}

.shop-display-mode {
  display: inline-block;
}

.shop-display-mode .display-mode {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #ebebeb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #666;
}

.shop-display-mode .display-mode:hover,
.shop-display-mode .display-mode.active {
  color: #fff;
}

.woocommerce-ordering {
  display: inline-block;
  padding-right: 20px;
}

.woocommerce-ordering {
  min-width: 200px;
}

.woocommerce-ordering .chosen-container {
  width: 100% !important;
}

.woocommerce-ordering .chosen-container-single .chosen-single,
.woocommerce-ordering .chosen-container .chosen-drop {
  border-color: transparent;
}

/*----------------
SINGLE PRODUCT
----------------*/
.single-product {
  border: 1px solid #ececec;
}

.single-product .kt-images,
.single-product .kt-images-zoom {
  padding: 10px 0 10px 10px;
  margin-bottom: 60px;
  position: relative;
}

.single-product .kt-images .kt-thumbs,
.single-product .kt-images .kt-main-image {
  vertical-align: top;
}

.single-product .kt-images .kt-main-image {
  margin-bottom: 10px;
}

.single-product .kt-images .kt-thumbs {
  margin: 0 -5px;
}

.single-product .kt-images .item-thumb {
  display: inline-block;
  float: left;
  padding: 0 5px;
  width: 33.3333%;
}

.kt-zoom-thumbnails {
  margin-top: 10px;
}

.kt-zoom-thumbnails li {
  list-style: none;
}

.single-product .kt-images .owl-prev,
.single-product .kt-images .owl-next,
.kt-images-zoom .owl-prev,
.kt-images-zoom .owl-next {
  width: 30px;
  float: left;
  height: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  line-height: 28px;
  font-size: 14px;
  background-color: #f5f5f5;
  color: #666;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.single-product .kt-images .owl-prev,
.kt-images-zoom .owl-prev {
  left: -30px;
}

.single-product .kt-images .owl-next,
.kt-images-zoom .owl-next {
  right: -30px;
}

.single-product .kt-images .kt-thumbs:hover .owl-prev,
.kt-images-zoom .kt-zoom-thumbnails:hover .owl-prev {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: inherit;
  left: 5px;
}

.single-product .kt-images .kt-thumbs:hover .owl-next,
.kt-images-zoom .kt-zoom-thumbnails:hover .owl-next {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: inherit;
  right: 5px;
}

.single-product .kt-images .owl-prev:hover,
.single-product .kt-images .owl-next:hover,
.kt-images-zoom .owl-prev:hover,
.kt-images-zoom .owl-next:hover {
  background-color: #aaaaaa;
  color: #fff;
}

.no-sidebar .single-product .kt-images .kt-thumbs {
  margin: 0;
  width: 100px;
  position: absolute;
  left: 10px;
  top: 10px;
}

.no-sidebar .single-product .kt-images .kt-main-image {
  padding-left: 110px;
}

.no-sidebar .single-product .kt-images .item-thumb {
  padding: 0;
  margin-bottom: 11px;
  width: 100%;
  float: left;
}

.no-sidebar .single-product .kt-images .owl-prev,
.no-sidebar .single-product .kt-images .owl-next {
  width: 50%;
  height: 28px;
  position: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: inherit;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-sidebar .single-product .kt-images .owl-nav {
  overflow: hidden;
}

.no-sidebar .single-product .kt-images .kt-main-image {
  margin-bottom: 0;
}

.single-product .summary {
  margin-bottom: 60px;
  padding-right: 5px;
  color: #888;
  font-size: 13px;
}

.single-product .summary p {
  margin: 0;
}

.single-product .summary .product_title {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 13px;
  color: #888;
  margin-bottom: 10px;

}

.single-product .summary .price {
  color: #333;
  font-family: var(--primary-variant-font-family);
  font-size: 14px;
  margin-bottom: 5px;
  display: inline-block;
}

.single-product .summary .stock {
  margin-bottom: 10px;
}

.single-product .summary .stock label {
  font-weight: normal;
  color: #444;
  margin: 0;
}

.single-product .summary .stock .fa {
  color: #9dc879;
}

.single-product .summary .rating {
  margin-bottom: 10px;
}

.single-product .summary .rating .fa {
  color: #ecc366;
}

.single-product .summary .short-descript {
  margin-bottom: 20px;
  line-height: 20px;
}

.single-product .summary label {
  color: #444;
  font-weight: normal;
  margin: 0;
}

.single-product .summary .variation_form_section {
  overflow: hidden;
}

table.variations-table {
  border-collapse: inherit;
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 0;
  border: none;
}

table.variations-table tr {
  margin-bottom: 18px;
}

table.variations-table th,
table.variations-table td {
  padding: 0;
  vertical-align: middle;
  margin-bottom: 13px;
  width: 100%;
  display: table;
  border: none;
}

table.variations-table th:last-child,
table.variations-table td:last-child {
  margin-bottom: 0;
}

table.variations-table tr {
  margin-bottom: 5px;
  display: block;
}

table.variations-table tr:last-child {
  margin-bottom: 0;
}

table.variations-table .select-option a {
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 0;
  float: left;
  position: relative;
}

table.variations-table .select-option {
  overflow: hidden;
  display: inline-block;
  margin: 0 10px 10px 0;
  position: relative;
}

table.variations-table .select-option.selected a:before {
  font-family: 'FontAwesome';
  content: "\f00c";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 13px;
  color: #fff;
}

table.variations-table tbody {
  display: block;
  width: 100%
}

.single-product .summary .quantity {
  border-bottom: 1px solid #ececec;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.single-product .summary .quantity label {
  display: block;
  margin-bottom: 10px;
}

.single-product .summary .quantity .qty {
  width: 60px;
  text-align: center;
  padding: 4px 0;
  margin-right: 23px;
  min-height: 34px;
}

.single-product .summary .single_add_to_cart_button {
  margin-right: 25px;
  float: left;
}

.single-product .summary .button.wishlist,
.single-product .summary .button.compare,
.single-product .summary .button.mailto {
  width: 40px;
  height: 40px;
  border: none;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  padding: 0;
  background-color: #aaaaaa;
  color: #fff;
  float: left;
  margin-right: 10px;
}

.single-product .summary .share {
  display: inline-block;
}

.single-product .summary .share span {
  display: inline-block;
  height: auto;
}

.zoom, .imagezoom {
  cursor: zoom-in;
}

.product-tabs {
  border-top: 1px solid #ececec;
}

.product-tabs .nav-tab {
  padding: 10px 5px 0 5px;
  overflow: hidden;
}

.product-tabs .nav-tab li {
  list-style: none;
  text-align: center;
  display: inline-block;
  float: left;
  padding: 0 5px;
}

.product-tabs .nav-tab li a {
  display: inline-block;
  background-color: #f1f1f1;
  padding: 9px 50px;
  color: #666;
}

.product-tabs .nav-tab li.active a,
.product-tabs .nav-tab li a:hover {
  background-color: #3c3c3c;
  color: #fff;
}

.product-tabs .tab-container {
  vertical-align: top;
  padding: 30px;
}

.no-sidebar .product-tabs {
  display: table;
  width: 100%;
}

.no-sidebar .product-tabs .nav-tab {
  display: table-cell;
  margin: 0;
  border-right: 1px solid #ececec;
  width: 262px;
  padding: 10px;
}

.no-sidebar .product-tabs .nav-tab li {
  display: block;
  padding: 0;
  margin-bottom: 10px;
  width: 100%;
}

.no-sidebar .product-tabs .nav-tab li a {
  width: 100%;
}

.no-sidebar .product-tabs .tab-container {
  display: table-cell;
}

.no-sidebar .single-product .summary table.variations-table tr {
  width: 50%;
  float: left;
}

/* REVIEW */
#reviews .review-title {
  margin-bottom: 50px;
  font-size: 20px;
}

#reviews .commentlist .comment {
  list-style: none;
  border-bottom: 1px solid #ececec;
  margin-bottom: 20px;
}

#reviews .commentlist .comment:last-child {
  margin-bottom: 0;
  border: none;
}

#reviews .avatar {
  width: 70px;
  height: 70px;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

#reviews .comment-text {
  overflow: hidden;
  padding-left: 20px;
}

#reviews .comment-text .rating {
  color: #ecc366;
  font-size: 10px;
}

#review_form {
  margin-top: 50px;
}

#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
  width: 100%;
}

#review_form label {
  font-weight: normal;
  display: block;
}

#review_form .stars {
  margin: 0;
}

#review_form .stars a {
  font-size: 0;
  color: #ccc;
  display: inline-block;
  border-right: 1px solid #eeeeee;
  padding: 0 10px;
  line-height: 12px;
}

#review_form .stars a:first-child {
  padding-left: 0;
}

#review_form .stars a:before {
  font-family: 'FontAwesome';
  font-size: 12px;
  display: inline-block;
}

#review_form .stars .star-1:before {
  content: "\f005";
}

#review_form .stars .star-2:before {
  content: "\f005\f005";
}

#review_form .stars .star-3:before {
  content: "\f005\f005\f005";
}

#review_form .stars .star-4:before {
  content: "\f005\f005\f005\f005";
}

#review_form .stars .star-5:before {
  content: "\f005\f005\f005\f005\f005";
}

#review_form .stars a:hover,
#review_form .stars a.active {
  color: #ffcc33;
}

/* related and upsells */
.related.products,
.upsells.products {
  margin-top: 50px;
}

/* CHECKOUT */
.block-form {
  border: 1px solid #ececec;
  padding: 10px;
  margin-bottom: 30px;
}

.block-form p {
  margin-bottom: 30px;

}

/*.block-form p:last-child{
    margin-bottom: 0;
}*/
.block-form input[type="text"] {
  width: 100%;
}

.form-heading {
  background-color: #262626;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  font-size: 14px;
  margin-bottom: 30px;
}

table.shop_table,
table.shop_table th,
table.shop_table td {
  border: none;
}

table.shop_table th,
table.shop_table td {
  border-bottom: 1px solid #ececec;
  padding: 14px 0;
}

table.shop_table th:last-child,
table.shop_table td:last-child {
  text-align: right;
}

table.cart th {
  background-color: #262626;
  color: #fff;
  font-weight: normal;
  font-family: var(--primary-font-family);
  padding: 9px 30px;
  text-align: center;
}

table.cart td,
table.cart td:last-child,
table.cart th:last-child {
  text-align: center;
}

table.cart .product {
  text-align: left;
  vertical-align: top;
}

table.cart .product-thumb {
  float: left;
  width: 60px;
}

table.cart .product-info {
  overflow: hidden;
  padding-left: 25px;
}

table.cart .product-price,
table.cart .product-subtotal,
table.cart .order-total {
  font-family: var(--primary-font-family);
  color: #333;
}

table.cart .order-total {
  font-size: 15px;
}

table.cart .product-info .product-name {
  margin-bottom: 0;
  width: 100%;
  min-width: 130px;
}

table.cart .my-counter {
  width: 220px;
}

table.cart .product-info .product-name a {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 13px;
  color: #888;
}

table.cart .quantity .qty {
  padding: 7px 0;
  width: 60px;
  text-align: center;
}

table.cart .remove {
  color: #aaa;
}

.block-form label {
  font-weight: normal;
  color: #333;
}

.block-form .payment_methods {
  padding: 0;
  padding-bottom: 57px;
}

.block-form .payment_methods p {
  margin-bottom: 0
}

.block-form .payment_methods li {
  list-style: none;
  margin-bottom: 45px;
}

.block-form .payment_methods li .input-radio {
  float: left;
}

.block-form .payment_methods li label,
.block-form .payment_methods li .payment_box {
  padding-left: 30px;
}

.block-form .payment_methods li label {
  padding-left: 18px;
}

.block-form .block-form-footer {
  background-color: #fafafa;
  padding: 28px 68px;
}

.block-form.order-review .form-heading {
  margin-bottom: 10px;
}

.block-form.payment .form-heading {
  margin-bottom: 25px;
}

/*----------------
WIDGET
----------------*/
.tagcloud a {
  display: inline-block;
  border: 1px solid #ececec;
  font-size: 12px !important;
  color: #666;
  padding: 4px 20px;
  margin-bottom: 5px;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
}

.tagcloud a:hover {
  color: #fff;
}

.widget {
  margin-bottom: 70px;
}

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

.widget .widget-title {
  font-size: 14px;
  color: #444444;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.widget .widget-title:after {
  display: block;
  font-family: 'FontAwesome';
  margin-top: 10px;
  color: #888888;
  font-size: 12px;
}

/* SHOP WIDGET */
.widget_product_categories ul > li,
.widget_layered_nav ul > li {
  list-style: none;
}

.widget_product_categories ul > li > a,
.widget_layered_nav ul > li > a {
  display: inline-block;
  padding: 8px 0;
  color: #666666;
  position: relative;
}

.widget_product_categories ul > li > a:after,
.widget_layered_nav ul > li > a:after {
  content: '';
  width: 33px;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  left: 0;
  bottom: 0;
}

.widget_product_categories .count,
.widget_layered_nav .count {
  margin-left: 5px;
}

.widget_layered_nav .attr {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.widget_price_filter .slider-range-price {
  position: relative;
  height: 5px;
  background-color: #eeeeee;
}

.widget_price_filter .ui-widget-header {
  height: 5px;
  background: #d0d0d0;
  position: absolute;
}

.widget_price_filter .ui-slider-handle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 8.5px 0 8.5px;
  border-color: #aaaaaa transparent transparent transparent;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 8.5px 0 8.5px;
  border-color: #aaaaaa transparent transparent transparent;
  position: absolute;
  top: -5px;
}

.widget_price_filter .ui-slider-handle:last-child {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 8.5px 0 8.5px;
  border-color: #e9c67b transparent transparent transparent;

}

.widget_price_filter .amount-range-price {
  text-align: center;
  margin-bottom: 10px;
}

.widget_price_filter .button {
  border: 1px solid #ccc;
  padding: 6px 25px;
  background-color: #f5f5f5;
  color: #333;
}

.widget_price_filter .button:hover {
  background-color: #926dde;
  border-color: #926dde;
  color: #fff;
}

.widget_kt_recent_posts .list-post {
  padding: 0;
  margin: 0;
}

.widget_kt_recent_posts .list-post .post {
  list-style: none;
  margin-bottom: 20px;
  overflow: hidden;
}

.widget_kt_recent_posts .list-post .post:last-child {
  margin-bottom: 0;
}

.widget_kt_recent_posts .post .thumb {
  float: left;
}

.widget_kt_recent_posts .post .info {
  overflow: hidden;
  padding-left: 20px;
}

.widget_kt_recent_posts .post-title {
  margin-bottom: 5px;
  line-height: 18px;
}

.widget_kt_recent_posts .post-title a {
  font-size: 13px;
  color: #333;
}

.widget_kt_recent_posts .meta {
  color: #aaaaaa;
  font-size: 10px;
}

.widget_kt_recent_posts .meta span:after {
  content: ' - ';
}

.widget_kt_recent_posts .meta span:last-child:after {
  display: none;
}

.widget_categories ul li {
  list-style: none;
}

.widget_categories ul li a {
  display: inline-block;
  border-bottom: 1px solid #eaeaea;
  padding: 8px 0;
  width: 100%;
  color: #666;
}

.widget_categories ul li:last-child a {
  border: none;
}

.widget_categories ul li a .count {
  float: right;
  font-size: 12px;
  font-style: italic;
  color: #aaa;
}

.widget_search form {
  position: relative;
}

.widget_search form .search-field {
  width: 100%;
  padding: 12px 25px;
  padding-left: 50px;
  font-family: var(--secondary-variant-font-family);
  font-size: 12px;
  font-style: italic;
  color: #aaa;
}

.widget_search .button-submit {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 0;
  line-height: 50px;
  text-align: center;
  background-color: transparent;
  color: #aaa;
  font-size: 15px;
}

.widget_archive ul {
  overflow: hidden;
  line-height: 30px;
}

.widget_archive li {
  list-style: none;
  width: 50%;
  float: left;
}

.widget_archive li a {
  color: #666;
}

.widget_related_product .widget-title {
  margin-bottom: 35px;
}

/*----------------
SHORTCODE
----------------*/
.block-social {
  background-image: url("");
  min-height: 320px;
  position: relative;
  background-position: center;
}

.block-social:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.block-social .social {
  float: right;
  position: relative;
  z-index: 1;
  max-width: 586px;
  width: 100%;
  text-align: center;
  padding-top: 139px;
}

.block-social .social a {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 3px;
}

/* newsletter */

.block-newsletter {
  color: #fff;
  background-image: url("");
  min-height: 320px;
}

.block-newsletter .inner {
  max-width: 586px;
  width: 100%;
  padding-top: 80px;
  padding-left: 60px;
}

.block-newsletter .title {
  color: #fff;
  margin-bottom: 0;
}

.block-newsletter .subtitle {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  margin-bottom: 38px;
}

.block-newsletter form {
  position: relative;
}

.block-newsletter form .text-input {
  width: 100%;
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 11px 25px;
}

.block-newsletter .button {
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #fff;
}

.block-newsletter.style2 {
  background-image: url("");
  background-position: center center;
  color: #666;
  min-height: 1px;
  padding: 82px 0 95px 0;
}

.block-newsletter.style2 .inner {
  max-width: 875px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

.block-newsletter.style2 .title {
  color: #333;
  margin-bottom: 3px;
  font-size: 21px;
  font-weight: 700;
}

.block-newsletter.style2 .subtitle {
  font-family: var(--quaternary-font-family);
  font-size: 16px;
  font-style: italic;
  margin-bottom: 25px;
  color: #666;
}

.block-newsletter.style2 form {
  max-width: 525px;
  margin: 0 auto;
}

.block-newsletter.style2 form .text-input {
  background-color: #fff;
  color: #aaa;
  min-height: 46px;
  padding-right: 46px;
}

.block-newsletter.style2 .button {
  color: #aaa;
}

/* promotions */
.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 1px;
  display: table;
  font-size: 0;
  overflow: hidden;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  position: relative;
}

.bg-image:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.bg-image:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.block-banner-text:hover .bg-image:before {
  right: 50%;
  left: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.block-banner-text:hover .bg-image:after {
  top: 50%;
  bottom: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.block-banner-text {
  position: relative;
  overflow: hidden;
}

.block-banner-text .content {
  position: absolute;
}

.block-banner-text .content .title {
  font-size: 16px;
  color: #666;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-weight: 300;
  margin: 0;
}

.block-banner-text .content .subtitle {
  margin: 0;
  text-transform: uppercase;
  font-size: 21px;
  color: #444444;
  font-weight: 700;
}

.block-banner-text .content .link-more {
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 10px;
  color: #888;
  border: 1px solid #888;
  text-align: center;
  line-height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-top: 25px;
}

.block-banner-text.white .content .title,
.block-banner-text.white .content .subtitle,
.block-banner-text.white .content .link-more {
  color: #fff;
}

.block-banner-text.white .content .link-more {
  border-color: #fff;
}

.block-banner-text:hover .content .title {
  -webkit-animation: fadeInDown 1s;
  -moz-animation: fadeInDown 1s;
}

.block-banner-text:hover .content .subtitle {
  -webkit-animation: bounceInLeft 1s;
  -moz-animation: bounceInLeft 1s;
}

.block-banner-text.style2 .title {
  font-size: 14px;
  color: #555555;
  text-transform: uppercase;
  font-family: var(--primary-variant-font-family);
  font-style: normal;
  margin-bottom: 5px;
  margin-top: 10px;
}

.block-banner-text.style2 .subtitle {
  font-size: 12px;
  color: #888888;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}

.block-banner-text.style2 .flash {
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 15px;
  display: inline-block;
  background-color: #e9c77b;
  color: #fff;
  margin-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.block-banner-text.style3 .title {
  color: #fff;
  font-family: inherit;
  font-style: normal;
}

.block-banner-text.style3 .subtitle {
  color: #fff;
}

.block-banner-text.style3 .link-more {
  border: none;
  width: auto;
  height: auto;
  font-size: 14px;
  color: #fff;
  text-decoration: underline;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-weight: normal;
  margin-top: 55px;
}

.block-banner-text.style4 .content {
  padding: 0 45px;
}

.block-banner-text.style4 .title {
  font-size: 24px;
  color: #fff;
  font-family: inherit;
  font-style: normal;
  font-family: var(--primary-variant-font-family);
  font-weight: normal;
}

.block-banner-text.style4 .title:after {
  display: block;
  font-family: 'FontAwesome';
  margin-top: 3px;
  font-size: 12px;
}

.block-banner-text.style4 .subtitle {
  font-size: 12px;
  color: #fff;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  text-transform: none;
  line-height: 24px;
  font-weight: normal;
}

.block-banner-text.style4 .link-more {
  width: auto;
  height: auto;
  border: 2px solid #fff;
  font-size: 10px;
  padding: 13px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  text-transform: uppercase;
  line-height: normal;
  margin-top: 85px;
}

.block-banner-text.style5 .content .title {
  font-style: normal;
  font-family: inherit;
  font-size: 16px;
}

.block-banner-text.style5 .content .link-more {
  width: auto;
  height: auto;
  border: none;
  line-height: normal;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 14px;
  text-decoration: underline;
  color: #aaa;
  margin-top: 35px;
}

.block-banner-text.style6 .title {
  color: #fff;
  text-transform: uppercase;
  font-family: inherit;
  font-style: normal;
  line-height: 17px;
  font-size: 14px;
}

.block-banner-text.style6 .subtitle {
  color: #fff;
  font-size: 22px;
}

.block-banner-text.style7 .content {
  max-width: 330px;
}

.block-banner-text.style7 .title {
  font-family: var(--primary-font-family);
  font-size: 24px;
  color: #333;
  font-style: normal;
}

.block-banner-text.style7 .desc {
  font-size: 12px;
  font-family: var(--secondary-font-family);
  font-style: italic;
  color: #666;
}

/* block-daily-deal */
.block-daily-deal {
  display: table;
  width: 100%;
}

.block-daily-deal .percent {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: -54px;
  width: 200px;
  height: 44px;
  transform: rotate(317deg);
  -webkit-transform: rotate(317deg);
  -moz-transform: rotate(317deg);
  -o-transform: rotate(317deg);
  -ms-transform: rotate(317deg);
  background-color: #e9c77b;
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  font-family: var(--primary-variant-font-family);
}

.block-daily-deal .thumbs,
.block-daily-deal .product-detail,
.block-daily-deal .product-count-down {
  display: table-cell;
  vertical-align: top;
}

.block-daily-deal .thumbs {
  width: 180px;
  padding-right: 40px;
}

.block-daily-deal .thumbs a {
  display: block;
  padding: 10px;
  background-color: #fff;
  margin-bottom: 15px;
  position: relative;
}

.block-daily-deal .thumbs a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.5px 13px 10.5px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  top: 50%;
  right: -40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}

.block-daily-deal .thumbs a.selected:after {
  display: block;
}

.block-daily-deal .thumbs a:last-child {
  margin-bottom: 0;
}

.block-daily-deal .product-count-down {
  width: 130px;
  background-color: #92a4c4;
  padding: 0 20px;
  padding-top: 15px;
}

.block-daily-deal .product-detail {
  background-color: #fff;
}

.block-daily-deal .product-detail .inner {
  background-color: #fff;
  padding: 20px;
  overflow: hidden;
}

.block-daily-deal .product-image {
  float: left;
  position: relative;
  overflow: hidden;
  max-width: 50%;
}

.block-daily-deal .product-info {
  overflow: hidden;
  padding-left: 20px;
  padding-top: 45px;
  font-size: 13px;
}

.block-daily-deal .product-info .product-name {
  margin-bottom: 10px;
}

.block-daily-deal .product-info .product-name a {
  color: #555;
  font-size: 18px;
}

.block-daily-deal .product-info .rating {
  color: #888;
}

.block-daily-deal .product-info .rating span {
  font-style: italic;
}

.block-daily-deal .product-info .rating .fa {
  color: #ecc366;
}

.block-daily-deal .attributes {
  color: #888;
  margin-top: 10px;
}

.block-daily-deal .attributes p {
  margin-bottom: 5px;
}

.block-daily-deal .attributes label {
  font-weight: normal;
  color: #444;
  margin: 0;
  margin-right: 8px;
  display: inline-block;
}

.block-daily-deal .price {
  display: block;
  margin-top: 30px;
  font-size: 24px;
  color: #444;
  font-family: var(--primary-variant-font-family);
  overflow: hidden;
}

.block-daily-deal .price ins {
  float: left;
  margin-right: 10px;
  text-decoration: none;
}

.block-daily-deal .price del {
  color: #bbbbbb;
  font-size: 20px;
  line-height: 100%;
}

.block-daily-deal .dot {
  display: none;
}

.block-daily-deal .box-count {
  display: block;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  padding-top: 28px;
  padding-bottom: 28px;
}

.block-daily-deal .box-count:last-child {
  border: none;
}

.block-daily-deal .box-count .number {
  display: block;
  font-size: 28px;
  font-family: var(--primary-variant-font-family);
}

.block-daily-deal .box-count .text {
  font-family: var(--secondary-variant-font-family);
  font-size: 14px;
  font-style: italic;
}

/* box-icon */
.box-icon {
  text-align: center;
  position: relative;
}

.box-icon .icon {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
}

.box-icon .box-content {
  background-color: #fff;
  padding-top: 112px;
  padding-bottom: 75px;
  color: #aaaaaa;
  font-size: 14px;
}

.box-icon .title {
  font-size: 14px;
  color: #444444;
  margin-bottom: 5px;
}

.box-icon .icon .icon-font {
  display: inline-block;
}

.box-icon:hover .icon .icon-font {
  -webkit-animation: zoomIn 0.5s;
  -moz-animation: zoomIn 0.5s;
}

.box-icon.style2 .icon {
  width: 100%;
  height: auto;
  position: static;
  background-color: transparent;
  line-height: normal;
  text-align: center;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 10px;
  color: #888;
}

.box-icon.style2 .box-content {
  background-color: transparent;
  padding: 0;
  color: #444;
}

.box-icon.style2:hover .icon {
  background-color: transparent !important;
}

.box-icon.style2 .title {
  color: #aaa;
}

.box-icon.style3 .icon {
  width: 100%;
  height: auto;
  position: static;
  background-color: transparent;
  line-height: normal;
  text-align: center;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 10px;
  color: #aaa;
}

.box-icon.style3:hover .icon {
  background-color: transparent !important;
}

.box-icon.style3 .box-content {
  padding: 0;
}

.box-icon.style4 {
  border: 1px solid #efefef;
  padding: 18px 0px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.box-icon.style4 .icon {
  position: static;
  float: left;
  width: 80px;
  height: auto;
  background-color: transparent;
  color: #666;
  line-height: inherit;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  font-size: 36px;
  line-height: normal;
}

.box-icon.style4 .box-content {
  padding: 0;
  text-align: left;
  overflow: hidden;
  color: #666;
}

.box-icon.style4:hover .icon {
  background-color: transparent !important;
}

.box-icon.style4 .title {
  margin-bottom: 0;
  font-size: 14px;
  color: #444;
  font-weight: 700;
}

.box-icon.style4 .subtitle {
  font-size: 12px;
  color: #666666;
}

.box-icon.style5 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 15px;
}

.box-icon.style5 .inner {
  display: inline-flex;
  margin: 0 auto;
  min-width: 50%;
}

.box-icon.style5 .icon {
  position: static;
  float: left;
  width: 50px;
  height: 50px;
  background-color: transparent;
  color: #999999;
  line-height: inherit;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  font-size: 25px;
  line-height: normal;
  border: 1px solid #e6e6e6;
  line-height: 50px;
}

.box-icon.style5 .box-content {
  padding: 0;
  overflow: hidden;
  padding-left: 25px;
  text-align: left;
  padding-top: 5px;
}

.box-icon.style5 .title {
  text-transform: uppercase;
  font-size: 14px;
  color: #333;
  margin: 0;
  font-weight: 700;
  font-family: var(--tertiary-variant-font-family);
}

.box-icon.style5 .subtitle {
  color: #666;
  font-size: 13px;
}

.box-icon.style5:hover .icon {
  color: #fff;
}

.box-icon.style5:hover .subtitle {
  color: #333333;
}

.box-icon.style7 {
  border-radius: 20px;
  border: 1px solid var(--secondary-color);
  padding: 10px;
}

.box-icon.style7 .icon {
  width: 100%;
  height: auto;
  position: static;
  background-color: transparent;
  line-height: normal;
  text-align: center;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 10px;
  color: var(--primary-color);
}

.box-icon.style7:hover .icon {
  background-color: transparent !important;
}

.box-icon.style7 .box-content {
  padding: 0;
}


/* Lastest blog*/
.lasttest-blog .item-blog {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  margin: 2px;
}

.lasttest-blog .item-blog.style2 {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
  border: 1px solid #f0f0f0;

}

.lasttest-blog .post-thumb {
  margin-bottom: 12px;
  position: relative;
}

.lasttest-blog .blog-info {
  padding: 0 20px;
}

.lasttest-blog .blog-info .title {
  margin-bottom: 5px;
  line-height: 20px;
}

.lasttest-blog .blog-info .title a {
  font-size: 14px;
  color: #444444;
}

.lasttest-blog .blog-info .date {
  color: #aaa;
  font-size: 12px;
}

.lasttest-blog .blog-buttom {
  border-top: 1px solid #f1f1f1;
  color: #666;
  font-size: 12px;
  padding: 13px 20px;
  overflow: hidden;
  margin-top: 25px;
}

.lasttest-blog .blog-buttom .fa {
  color: #aaa;
}

.lasttest-blog .blog-buttom .like,
.lasttest-blog .blog-buttom .comments {
  display: inline-block;
  margin-right: 10px;
  margin-top: 7px;
}

.lasttest-blog .blog-buttom .button {
  float: right;
  background-color: #f2f2f2;
  color: #666;
  text-transform: none;
  border: none;
  font-family: var(--tertiary-variant-font-family);
  font-size: 12px;
  padding: 6px 25px;
}

.lasttest-blog .blog-buttom .button:hover {
  color: #fff;
}

.lasttest-blog .owl-prev,
.lasttest-blog .owl-next {
  top: 30%;
}

.lasttest-blog .post-thumb a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 30px;
  font-weight: 100;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.lasttest-blog .post-thumb a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.lasttest-blog .post-thumb:hover a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}

.lasttest-blog .post-thumb:hover a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* STYLE 2 */

.lasttest-blog.style2 .item-blog {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
  margin: 1px;
  padding: 10px;
  border: 1px solid #eee;
  padding-bottom: 25px;
}

.lasttest-blog.style2 .blog-info .title {
  font-family: var(--tertiary-variant-font-family);
  font-weight: normal;
  font-size: 15px;

}

.lasttest-blog.style2 .blog-info {
  padding: 0;
}

.lasttest-blog.style2 .blog-info .date,
.lasttest-blog.style2 .blog-info .comments {
  font-size: 13px;
  color: #aaaaaa;
}

.lasttest-blog.style2 .blog-info .date {
  margin-right: 10px;
}

.lasttest-blog.style2 .blog-info .readmore {
  display: block;
  color: #aaaaaa;
  font-size: 12px;
  text-decoration: underline;
  margin-top: 15px;
}

/* kt-tabs */
.kt-tabs {
  border: 1px solid #f0f0f0;
}

.kt-tabs .tab-head {
  padding: 17px 30px;
  overflow: hidden;
  border-bottom: 1px solid #f0f0f0;
}

.kt-tabs .tab-title {
  display: inline-block;
  float: left;
  font-size: 18px;
  color: #444;
  margin: 0;
}

.kt-tabs .tab-title:after {
  content: '';
  height: 2px;
  display: block;
}

.kt-tabs .nav-tab {
  float: right;
  display: inline-block;
  margin: 0;
  margin-right: 40px;
}

.kt-tabs .nav-tab li {
  list-style: none;
  display: inline-block;
  padding: 0 25px;
}

.kt-tabs .nav-tab li a {
  color: #666;
}


.floor-elevator {
  display: inline-block;
  float: right;
  min-width: 60px;
  padding-left: 45px;
  padding-top: 5px;
}

.floor-elevator .btn-elevator {
  display: block;
  text-align: center;
  font-size: 25px;
  line-height: 16px;
  color: #a1a1a1;
}

/* TAB STYLE 2 */
.kt-tabs.style2 {
  border: none;
}

.kt-tabs.style2 .tab-head {
  padding: 10px 0;
  border: none;
  padding-top: 0;
  margin-bottom: 5px;

}

.kt-tabs .tab-title {
  font-size: 24px;
  text-transform: uppercase;
  line-height: normal;
}

.kt-tabs.style1 .tab-title {
  font-size: 18px;
  text-transform: none;
}

.kt-tabs.style1 .tab-title:after {
  width: 40px;
}

.kt-tabs.style1 .nav-tab {
  margin: 0;
}

.kt-tabs.style2 .tab-title {
  font-weight: 700;
  color: #444444;
  font-size: 24px;
}

.kt-tabs.style2 .tab-title:after {
  display: block;
  font-family: 'FontAwesome';
  font-size: 12px;
  height: auto;
  background-color: transparent;
  line-height: normal;
}

.kt-tabs.style2 .nav-tab li {
  padding: 8px 0;
}

.kt-tabs.style2 .nav-tab li a {
  display: inline-block;
  padding: 0 15px;
}

.kt-tabs.style2 .nav-tab li:last-child a {
  padding-right: 0;
}

.kt-tabs.style2 .nav-tab li:first-child a {
  padding-left: 0;
}

.kt-tabs.style2 .nav-tab li:after {
  content: '/';
  display: inline-block;
  color: #cccccc;
}

.kt-tabs.style2 .nav-tab li:last-child:after {
  display: none;
}

/* TAB STYLE 3*/
.kt-tabs.style3 {
  border: none;
}

.kt-tabs.style3 .nav-tab {
  margin: 0;
}

.kt-tabs.style3 .tab-head {
  padding: 0;
  border-color: #e8e8e8;
}

.kt-tabs.style3 .tab-title {
  font-weight: 700;
}

.kt-tabs.style3 .nav-tab li {
  padding: 5px 15px;
}

.kt-tabs.style3 .nav-tab li:last-child {
  padding-right: 0;
}

.kt-tabs.style3 .tab-title:after {
  height: 1px;
  margin-top: 5px;
}

.kt-tabs.style3 .floor-elevator {
  padding-top: 0;
}

.kt-tabs.style3 .box-category-products .head .title {
  left: 70px;
  right: 70px;
}

/* STYLE 4 */
.kt-tabs.style4 {
  border: none;
}

.kt-tabs.style4 .tab-head {
  padding: 0;
  border: none;
}

.kt-tabs.style4 .nav-tab {
  float: left;
}

.kt-tabs.style4 .nav-tab li {
  padding: 13px 20px;
  position: relative;
  padding-bottom: 12px;
}

.kt-tabs.style4 .nav-tab li:after {
  content: '';
  display: inline-block;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.kt-tabs.style4 .nav-tab li:hover:after,
.kt-tabs.style4 .nav-tab li.active:after {
  width: 100%;
}

.kt-tabs.style4 .nav-tab li a {
  font-size: 18px;
  color: #333;
  font-weight: 700;
}

.kt-tabs.style4 .tab-container {
  background-color: #fff;
}

/* STYLE 5 */
.kt-tabs.style5 {
  border: none;
}

.kt-tabs.style5 .tab-head {
  padding: 0;
}

.kt-tabs.style5 .tab-title {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  text-transform: none;
  position: relative;
  padding: 14px 0;
  padding-left: 10px;
  font-family: var(--tertiary-variant-font-family);
}

.kt-tabs.style5 .tab-title:after {
  display: none;
}

.kt-tabs.style5 .tab-title:before {
  content: attr(data-head);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 70px;
  line-height: 55px;
  color: #dddddd;
  font-weight: 700;
  font-family: var(--primary-variant-font-family);
}

.kt-tabs.style5 .tab-title .text {
  position: relative;
  z-index: 1;
}

.kt-tabs.style5 .nav-tab li {
  padding: 13px 25px;
  position: relative;
}

.kt-tabs.style5 .nav-tab li a {
  font-size: 14px;
  color: #666;
}

.kt-tabs.style5 .nav-tab li.active a {
  font-weight: 700;
}

.kt-tabs.style5 .nav-tab li:after {
  content: '';
  display: inline-block;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.kt-tabs.style5 .nav-tab li:hover:after,
.kt-tabs.style5 .nav-tab li.active:after {
  width: 100%;
}

.kt-tabs.style5 .tab-container {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.kt-tabs.style5 .floor-elevator {
  background-image: url("../images/icons/32.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0;
  float: right;
  margin-top: 10px;
  padding-left: 20px;
  width: 45px;
  min-width: 1px;
}

/* TEAM*/
.team {
  border: 1px solid #ececec;
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  margin-top: 100px;
}

.team .avatar {
  position: absolute;
  left: 50%;
  top: -72px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 180px;
  height: 180px;
}

.team .avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.team .content {
  padding-top: 140px;
  padding-bottom: 50px;
  text-align: center;
}

.team .name {
  font-size: 14px;
  margin-bottom: 5px;
}

.team .position {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 14px;
  color: #aaa;
}

.team .social {
  margin-top: 30px;
}

.team .social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #2e2b3a;
  background-color: #f0f0f0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.team .social a:hover {
  color: #fff;
}

/* testimonial*/
.testimonials .owl-prev,
.testimonials .owl-next {
  top: 35%;
}

.testimonial .inner {
  max-width: 684px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.testimonial .inner .text {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 50px 100px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 12px;
}

.testimonial .inner .text p {
  margin: 0;
  position: relative;
}

.testimonial .inner .text p:before {
  content: '“';
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 36px;
  line-height: normal;
  font-style: italic;
  position: absolute;
  top: -3px;
  left: 0;
}

.testimonial .inner .text p:after {
  content: '’’';
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 36px;
  line-height: normal;
  position: absolute;
  font-style: italic;
  bottom: -20px;
}

.testimonial .name {
  float: right;
  display: inline-block;
  max-width: 427px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 13px;
  padding-top: 25px;
  position: relative;
}

.testimonial .name:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 10px 0 10px;
  border-color: #007bff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top-color: rgba(255, 255, 255, 0.1);
}

/* BLOCK BOX */

.block-box .block-head {
  background-color: #4e4e4e;
  color: #aaa;
  padding: 18px 30px;

}

.block-box .block-head .title,
.block-box .block-head .block-desc {
  display: inline-block;
}

.block-box .block-head .block-desc {
  float: right;
  font-family: var(--secondary-font-family);
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
}

.block-box .block-head .title {
  margin: 0;
  color: #fff;
  font-size: 18px;
}

.block-box .block-head .title:after {
  content: '';
  width: 40px;
  height: 2px;
  display: block;
}

.block-box .block-box-content {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.block-box .product-item.style4 .product-inner {
  padding: 35px 20px;
  padding-bottom: 51px;
}

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

.block-box .product-item.style4 .group-button {
  padding-top: 15px;
  text-align: left;
}

.block-box .product-item .wishlist,
.block-box .product-item .add_to_cart_button,
.block-box .product-item .compare {
  margin: 0;
}

.block-box.no-border-left .block-box-content {
  border-left: none;
}

.block-box.no-border-right .block-box-content {
  border-right: none;
}

/* BRANDS */
.block-brands {
  padding: 20px 40px;
}


/* BANNER CATEGORY */
.banner-category {
  position: relative;
  overflow: hidden;
}

.banner-category .content {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2
}

.banner-category .banner {
  display: inline-block;
  position: relative;
  float: left;

}

.banner-category .flash {
  position: absolute;
  top: 15px;
  left: 15px;
  display: inline-block;
  color: #fff;
  background-color: #83ccd5;
  text-transform: uppercase;
  padding: 0 15px;
  font-size: 11px;
  font-family: var(--primary-font-family);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 20px;
  z-index: 1;
}

.banner-category .flash.sale {
  background-color: #e9c77b;
}

.banner-category .flash.hot {
  background-color: #ff9082;
}

.banner-category .title {
  line-height: normal;
  font-weight: 700;
  margin: 0;
  font-size: 18px;
}

.banner-category .title a {
  text-transform: uppercase;
  color: #333;
}

.block-group-category {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
}

.block-group-category .banner-category {
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

.block-group-category .background {
  background: rgba(238, 193, 1, 0.3) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  padding: 50px 40px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 100%;
  width: 100%;
  z-index: 1;
}

/* BOX CATEGORY */
.box-category-products {

}

.box-category-products .head {
  position: relative;
  text-align: center;
  background-color: #fff;
  overflow: hidden;
}

.box-category-products .head .title {
  position: absolute;
  bottom: 13px;
  left: 23px;
  right: 23px;
  border-width: 10px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.8);
  padding: 1px;
  font-size: 18px;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  margin: 0;
}

.box-category-products .head:hover .title {
  bottom: 20px;
}

.box-category-products .head .title a {
  color: #333;
}

.box-category-products .head .title .text {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 11px 0;
  background-color: rgba(255, 255, 255, 0.8);
}

.box-category-products .head img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
}

.box-category-products .head:hover 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);
  opacity: 0.8;
}

.box-category-products .box-inner {
  padding: 15px;
  background-color: #fff;
}

.box-category-products .box-footer {
  border-top: 1px solid #f3f3f3;
  background-color: #fff;
  text-align: center;
  padding: 8px 0;
}

.box-category-products .box-footer .more {
  font-family: var(--secondary-font-family);
  font-size: 13px;
  color: #888;
  font-style: italic;
}

.box-category-products .product-item {
  margin-bottom: 10px;
}

.box-category-products .product-item:last-child {
  margin-bottom: 0;
}

.box-category-products .product-inner {
  margin: 0 -5px;
}

.box-category-products .product-inner .thumb,
.box-category-products .product-inner .info {
  padding: 0 5px;
}

.box-category-products .product-item .group-button {
  position: static;
  text-align: left;
}

.box-category-products .product-item .wishlist,
.box-category-products .product-item .add_to_cart_button,
.box-category-products .product-item .compare {
  margin: 0;

}

.box-category-products .product-item .product-name {
  line-height: 20px;
  margin-bottom: 5px;
}

.box-category-products .product-item .product-name a {
  color: #333333;
  font-size: 13px;
}

/*.box-category-products .product-item .price ins{
    color: #333;
}*/
.box-category-products .product-item .price del {
  font-size: 12px;
  color: #a3a3a3;
}

/* BANNER */
.banner-opacity {
  overflow: hidden;
  display: block;
}

.banner-opacity:hover img {
  opacity: 0.5;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -o-transform: scale(1.01);
}

/*----------------
BLOG
----------------*/
.post-item {
  border: 1px solid #ececec;
  overflow: hidden;
}

.post-item .post-thumb {
  float: left;
  position: relative;
}

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

.post-item .post-thumb a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 30px;
  font-weight: 100;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.post-item .post-thumb a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.post-item .post-thumb:hover a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}

.post-item .post-thumb:hover a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

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

.post-item .post-title {
  margin-bottom: 5px;
}

.post-item .post-title a {
  font-size: 16px;
  color: #333;
}

.post-item .post-meta {
  font-size: 12px;
  color: #aaaaaa;
}

.post-item .post-meta span:after {
  content: ' - ';
}

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

.post-item .short-desc {
  margin-top: 5px;
}

.post-item .short-desc p {
  margin: 0;
}

.post-item .button {
  margin-top: 15px;
  background-color: #f2f2f2;
  color: #666;
  text-transform: none;
  border: none;
  font-family: var(--tertiary-variant-font-family);
  font-size: 12px;
  padding: 6px 25px;
}

.post-item .button:hover {
  color: #fff;
}

.post-item.grid {
  border: none;
}

.post-item.grid .post-thumb {
  float: none;
  margin-bottom: 15px;
}

.post-item.grid .post-thumb img {
  width: 100%;
}

.post-item.grid .post-info {
  padding: 0;
}

.blog-list .post-item {
  margin-bottom: 30px;
}

.blog-list .post-item:last-child {
  margin-bottom: 0;
}

.blog-list-grid .post-item {
  margin-bottom: 25px;
}

.blog-list-grid .post-item:last-child {
  margin-bottom: 0;
}

/* Blog masonry */
.blog-masonry {
  margin: 0 -15px;
}

.blog-masonry .masonry-item {
  padding: 0 15px;
  padding-bottom: 30px;
}

/* Blog sidebar*/
.blog-sidebar .widget {
  margin-bottom: 30px;
}

.blog-sidebar .widget .widget-title {
  text-transform: none;
  font-size: 18px;
}

.blog-sidebar .widget .widget-title:after {
  content: '';
  width: 30px;
  height: 2px;
  background-color: #eaeaea;
  margin-top: 6px;
}

.sidebar.border .inner {
  border: 1px solid #eaeaea;
  padding: 30px;
}

/* SINGLE BLOG */
.blog-single .post-item {
  border: none;
}

.blog-single .post-item .post-thumb {
  float: none;
  margin-bottom: 22px;
}

.blog-single .post-item .post-info {
  padding: 0;
}

.blog-single .blog-content {
  padding-top: 10px;
}

.blog-single .blog-content:after {
  content: '';
  width: 30px;
  height: 2px;
  background-color: #eaeaea;
  display: block;
}

.blog-single-footer {
  margin-top: 25px;
  font-size: 13px;
  overflow: hidden;
}

.blog-single-footer label {
  font-weight: normal;
  color: #333;
  margin: 0;
}

.blog-single-footer .tags,
.blog-single-footer .share {
  display: inline-block;
  float: left;
}

.blog-single-footer .share {
  float: right;
}

.blog-single-footer a {
  color: #333;
}

.blog-single-footer .tags a:after {
  content: ', ';
}

.blog-single-footer .tags a:last-child:after {
  display: none;
}

.blog-single-footer .share a {
  font-size: 18px;
  margin: 0 3px;
}

.author-bio {
  margin-top: 25px;
  background-color: #f2ddb0;
  padding: 30px 50px;
  overflow: hidden;
  display: table;
}

.author-bio .author-avatar {
  display: table-cell;
  width: 100px;
}

.author-bio .author-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 100px;
}

.author-bio .author {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}

.author-bio .author-name {
  margin-bottom: 5px;
  font-size: 13px;
}

.author-bio .short {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 12px;
  line-height: 20px;
  color: #555555;
}

.comments-area {
  margin-top: 25px;
}

.comments-area .comment-list-title {
  font-size: 18px;
  margin-bottom: 25px;
}

.comments-area .comment {
  list-style: none;
  margin-bottom: 30px;
  border: 1px solid #eaeaea;
  padding: 30px;
  overflow: hidden;
}

.comments-area .comment-author {
  font-size: 13px;
  color: #aaa;
}

.comments-area .comment-author .author {
  color: #222;
  font-size: 14px;
  font-family: var(--primary-variant-font-family);
  margin-right: 10px;
}

.comments-area .comment-content {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 12px;
  line-height: 20px;
  color: #555555;
  padding-top: 5px;
}

.comments-area .comment-content p {
  margin-bottom: 5px;
}

.comments-area .comment-reply-link {
  float: right;
  font-size: 12px;
  color: #333;
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
}

.comments-area .comment-reply-link .fa {
  margin-left: 5px;
  font-size: 11px;
  color: #8b8b8b;
}

.comment-form-wapper {
  margin-top: 25px;
}

.comment-form-wapper .comment-reply-title {
  margin-bottom: 20px;
  font-size: 18px;
}

.comment-form-wapper .comment-form {
  color: #888;
}

.comment-form-wapper .comment-form p {
  margin-bottom: 10px;
}

.comment-form-wapper .comment-form input[type="text"],
.comment-form-wapper .comment-form input[type="email"] {
  width: 300px;
  max-width: 100%;
}

.comment-form-wapper .comment-form textarea {
  width: 510px;
  max-width: 100%;
}

/*----------------
FOOTER
----------------*/
.footer {
  background-color: #141414;
  padding-top: 75px;
}

.footer .widget {
  margin-bottom: 30px;
}

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

.footer .widget .widget-title {
  color: var(--footer-font-color);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 25px;
}

.footer .widget .widget-title:after {
  display: none;
}

.footer .widget li {
  list-style: none;
}

.footer .widget li > a {
  color: var(--footer-font-color);
  line-height: 36px;
}

.footer .widget li > a:hover {
  color: #ddd;
}

.footer .widget_instagram .list-image {
  margin: 0 -10px;
}

.footer .widget_instagram .list-image .item {
  width: 33.33333%;
  float: left;
  padding: 0 10px;
  margin-bottom: 10px;
  margin-top: 10px;

}

.footer .widget_instagram .list-image a {
  position: relative;
  display: table;
  width: 100%;
}

.footer .widget_instagram .list-image a:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer .widget_instagram .list-image a:hover:before {
  width: 0%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.footer .footer-bottom {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  margin-top: 45px;
  padding-bottom: 30px;
  padding-top: 30px;
}

.footer .payment {
  text-align: right;
}

.footer .payment span {
  padding: 0 20px;
  display: inline-block;
}

.footer .payment span:last-child {
  padding-right: 0;
}

.footer .payment span img {
  opacity: 0.2;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.footer .payment span:hover img {
  opacity: 1;
}

.footer .coppyright {
  display: inline-block;
  vertical-align: middle;
  padding-top: 8px;
}

.footer-social {
  padding-left: 70px;
  margin-bottom: 30px;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
}

.footer-social label {
  display: inline-block;
  float: left;
  padding: 10px 0;
  padding-right: 25px;
  font-family: var(--primary-variant-font-family);
  margin: 0;
  letter-spacing: 2px;
}

.footer-social .social a {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 5px;
}

.footer-newsletter {
  padding-right: 70px;
  color: #fff;
}

.footer-newsletter form {
  position: relative;
}

.footer-newsletter .text-input {
  width: 100%;
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 11px 23px;
}

.footer-newsletter .button {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #fff;
}

.footer-newsletter .button:before {
  display: none;
}

.footer-newsletter .button:hover {
  background-color: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.footer-services {
  background-color: #121212;
  padding-top: 40px;
  margin-top: 40px;
}

.footer.style2 {
  background-color: #141414;
}

.footer.style2 .footer-bottom {
  border: none;
  margin-top: 10px;
}

.footer .kt_widget_social .social {
  overflow: hidden;
}

.footer .kt_widget_social .social a {
  display: inline-block;
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  color: #fff;
  font-size: 16px;
  background-color: var(--footer-font-color);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 5px;
}

.footer .kt_widget_social .social a:first-child {
  margin-left: 0;
}

.footer .kt_widget_newsletter p {
  margin-bottom: 20px;
}

.footer .kt_widget_newsletter form {
  position: relative;
}

.footer .kt_widget_newsletter .text-input {
  width: 100%;
  background-color: #1b1b1b;
  border: none;
  padding: 11px 25px;
}

.footer .kt_widget_newsletter .button {
  width: 46px;
  height: 46px;
  font-size: 16px;
  color: #fff;
  background-color: transparent;
  padding: 0;
  text-align: center;
  line-height: 46px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.footer .widget_store_info .item {
  margin-bottom: 10px;
  overflow: hidden;
}

.footer .widget_store_info .item .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid var(--footer-font-color);
  color: var(--footer-font-color);
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  margin-right: 10px;
}

.footer .widget_store_info .item .text {
  overflow: hidden;
}

/* FOOTER STYLE 3 */
.footer.style3 {
  background-color: #f0f0f0;
  color: #666;
  padding-top: 55px;
}

.footer.style3 .widget-title {

  color: var(--footer-font-color);
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.footer.style3 .footer-bottom {
  border-color: #e4e4e4;
}

.footer.style3 .kt_widget_newsletter .text-input {
  background-color: #fff;
  padding: 6px 20px;
  min-height: 36px;
}

.footer.style3 .kt_widget_newsletter .button {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}

.footer.style3 .kt_widget_social .social a {
  width: 30px;
  height: 30px;
  background-color: #415a99;
  font-size: 14px;
  line-height: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 10px;
  margin: 0 5px 5px 0;
}

.footer.style3 .kt_widget_social .social .twitter {
  background-color: #00caff;
}

.footer.style3 .kt_widget_social .social .google-plus {
  background-color: #DE5347;
}

.footer.style3 .kt_widget_social .social .instagram {
  background-color: #E1306C;
}

.footer.style3 .kt_widget_social .social .youtube {
  background-color: #cb222a;
}

/* FOOTER STYLE 4*/
.footer.style4 {
  background-color: #f8f8f8;
  font-size: 13px;
  color: var(--footer-font-color);
  padding-top: 55px;
}

.style4 {
  color: #666;
}

.footer.style4 .widget-title {
  font-size: 16px;
  color: var(--footer-font-color);
  font-weight: normal;
}

.footer.style4 .widget_store_info .item .icon {
  border: none;
  font-size: 24px;
  color: var(--footer-font-color);
}

.footer.style4 .kt_widget_newsletter .text-input {
  background-color: #fff;
  border: 1px solid #ededed;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 6px 25px;
  padding-right: 80px;
  min-height: 38px;
}

.footer.style4 .kt_widget_newsletter .button {
  height: 34px;
  width: auto;
  padding: 0 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  line-height: 34px;
  font-size: 12px;
  text-transform: uppercase;
  top: 2px;
  right: 2px;

}

.footer.style4 .kt_widget_social .social a {
  border: 1px solid var(--footer-font-color);
  background-color: transparent;
  color: var(--footer-font-color);
}

.footer.style4 .kt_widget_social .social a:hover {
  color: #fff;
}

.footer.style4 .widget-apps {
  padding: 12px 0;
  border-top: 1px solid;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 0;
}

.footer.style4 .widget-apps .widget-title {
  display: inline-block;
  margin: 0;
  float: left;
  margin: 0;
  font-size: 12px;
  padding: 15px 0;
}

.footer.style4 .widget-apps .apps {
  display: inline-block;
  float: right;
}

.footer.style4 .widget-apps .apps span {
  display: inline-block;
  margin-left: 5px;
}

.footer.style4 .widget-hot-keyword {
  margin-bottom: 0;
}

.widget-hot-keyword {
  padding: 15px 0;
}

.widget-hot-keyword .list-keyword {

  line-height: 12px;
}

.widget-hot-keyword .line label {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  color: #444;
  text-transform: unset;
  font-family: var(--primary-variant-font-family);
}

.widget-hot-keyword .line a {
  display: inline-block;
  border-right: 1px solid #666;
  padding: 0 10px;
  margin: 7px 0;
}

.widget-hot-keyword .line a:last-child {
  padding-right: 0;
  border: none;
}

.widget-text-link {
  border-top: 1px solid #e4e4e4;
  text-align: center;
  padding: 20px 0;
  padding-bottom: 0;
}

.widget-text-link .text-link {
  max-width: 870px;
  margin: 0 auto;
}

.widget-text-link .text-link a {
  display: inline-block;
  border-right: 1px solid #666;
  padding: 0 10px;
  line-height: 12px;
}

.footer.style4 .coppyright {
  text-align: center;
  padding: 0;
  display: block;
  padding-bottom: 20px;
}

.footer.style4 .widget li {
  list-style: inside;
}

.footer.style4 .widget li > a {
  line-height: 30px;
}

/* STYLE 5 */
.footer.style5 {
  border-top: 1px solid #f1f1f1;
  background-color: var(--footer-color);
  padding-top: 40px;
}

.footer.style5 .widget-title:after {
  content: '';
  width: 40px;
  height: 2px;
  display: block;
  margin-top: 5px;
}

.footer.style5 .kt_widget_newsletter .text-input {
  border-radius: 0;
}

.footer.style5 .kt_widget_newsletter .button {
  position: static;
  border-radius: 0;
  margin-top: 20px;
  text-transform: none;
}

.footer.style5 .widget-apps .widget-title {
  font-size: 14px;
  font-family: var(--primary-variant-font-family);
  margin-right: 50px;
}

.footer.style5 .widget-apps .widget-title:after {
  display: none;
}

.footer.style5 .widget-apps .apps {
  float: left;
}

.footer.style5 .widget-hot-keyword .line label {
  display: block;
  font-size: 14px;
  font-family: var(--primary-variant-font-family);
  margin-bottom: 15px;
}

.footer.style5 .widget-hot-keyword .line a {
  padding: 0;
  padding-right: 10px;
}

.footer.style5 .coppyright {
  border-top: 1px solid;
  text-align: left;
  padding: 20px 0;
}

/* STYLE 6 */
.footer.style6 {
  background-color: #fff;
  padding-top: 50px;
  border-top: 1px solid #e6e6e6;
}

.footer.style6 .widget {
  margin-bottom: 50px;
}

.footer.style6 .widget .widget-title {
  color: #333;
  font-weight: normal;
  margin-bottom: 15px;
}

.footer.style6 .widget-nav.widget .widget-title {
  margin-bottom: 5px;
}

.footer.style6 .widget_store_info .logo {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.footer.style6 .widget_store_info {
  color: #333;
}

.footer.style6 .widget_store_info .item .icon {
  border: none;
  width: auto;
  min-width: 75px;
  text-align: left;
  color: #333;
}

.footer.style6 .widget_store_info .item {
  margin: 0;
  line-height: 24px;
}

.footer.style6 .kt_widget_newsletter .text-input {
  border: 1px solid #eaeaea;
  background: #fff;
  padding: 7px 25px;
  padding-right: 50px;
}

.footer.style6 .kt_widget_newsletter .button {
  width: 50px;
  height: 40px;
  font-weight: normal;
  line-height: 40px;
}

.footer.style6 .kt_widget_social .social a {
  border: 1px solid #e2e2e2;
  background-color: transparent;
  color: #666;
}

.footer.style6 .payment {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 20px 0;
  text-align: center;
}

.footer.style6 a {
  color: #666;
}

.footer.style6 .coppyright {
  text-align: center;
  display: block;
  padding-top: 20px;
}

.footer.style6 .widget-text-link {
  border: none;
}

.footer.style7 {
  padding-top: 60px;
}

/* CONTACT PAGE */
.google-map {
  overflow: hidden;
  min-height: 355px;
}

.google-map iframe {
  width: 100%;
  border: none;
}

.form-contact {
  margin-top: 30px;
  color: #888;
  font-size: 13px;
}

.form-contact .form-title {
  font-style: 18px;
  color: #222;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.form-contact input[type="text"],
.form-contact textarea {
  width: 100%;
  padding: 15px 25px;
}

.form-contact textarea {
  height: 216px;
}

.form-contact form .button {
  margin-top: 15px;
}

.form-contact label {
  display: block;
  font-weight: normal;
  color: #444;
}

/* Mobile menu */
.box-mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 320px;
  bottom: 0;
  background-color: #fff;
  z-index: 1000;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.box-mobile-menu.open {
  left: 0%;
}

.box-mobile-menu .box-inner {
  position: relative;
  padding: 15px;
  overflow: hidden;
}

.box-mobile-menu .close-menu {
  width: 35px;
  height: 35px;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  display: inline-block;
  line-height: 33px;
  text-align: center;
  color: #666;
  float: right;
}

.box-mobile-menu .main-menu {
  display: block;
  width: 100%;
  border: none;
  border-top: 1px solid #eaeaea;
  float: left;
  margin-top: 15px;
}

.box-mobile-menu .mCSB_inside > .mCSB_container {
  margin: 0;
}

.box-mobile-menu .main-menu > li {
  display: block;
}

.box-mobile-menu .main-menu > li > a {
  border: none;
  border-bottom: 1px solid #eaeaea;
  text-align: left;
  padding: 13px 0;
}

.box-mobile-menu .main-menu > li.menu-item-has-children > a:after {
  content: "\f107";
  font-family: 'FontAwesome';
  float: right;
}

.box-mobile-menu .main-menu > li.menu-item-has-children.show-submenu > a:after {
  content: "\f106";
}

.box-mobile-menu .main-menu > li:last-child > a {
  border: none;
  border-bottom: 1px solid #eaeaea;
}

.box-mobile-menu .main-menu .sub-menu {
  position: static;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0;
  display: none;
  min-width: 1px;
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0);
}

.box-mobile-menu .main-menu .show-submenu > .sub-menu {
  display: block;
}

.box-mobile-menu .main-menu .sub-menu > li {
  padding: 0;
}

.box-mobile-menu .main-menu .sub-menu > li > a {
  padding-left: 20px;
}

.box-mobile-menu .main-menu .sub-menu > li:last-child > a {
  border-bottom: 1px solid #e8e8e8;
}

.mobile-navigation {
  line-height: 35px;
  text-transform: uppercase;
  color: #333;
  font-family: var(--primary-font-family);
  padding: 10px 0;
  display: none;

}

.mobile-navigation .icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid #333;
  padding: 10px;
  float: left;
  margin-right: 10px;
}

.mobile-navigation .icon span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333;
  float: left;
  margin-bottom: 4px;
}

.mobile-navigation .icon span:last-child {
  margin-bottom: 0;
}

/* Auth page */
.form-authentication {
  margin: 0;
  display: table;
  width: 100%;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  max-width: 100%;
  width: 100%;

}

.form-authentication .form-login,
.form-authentication .form-register {
  display: table-cell;
  padding: 35px 60px;
  padding-bottom: 60px;
  border-right: 1px solid #ececec;
  border-top: 1px solid #ececec;
  width: 50%;

}

.form-authentication .form-register {
  background-color: #fafafa;
}

.form-authentication input[type="text"],
.form-authentication input[type="email"],
.form-authentication input[type="password"] {
  width: 320px;
  max-width: 100%;
}

.form-authentication p {
  margin-bottom: 20px;
}

.form-authentication .title {
  font-size: 16px;
  margin-bottom: 20px;
}

.form-authentication .title:after {
  display: block;
  font-family: 'FontAwesome';
  margin-top: 10px;
  color: #888888;
  font-size: 12px;
}

.form-authentication label.inline {
  font-weight: normal;
  display: block;
  margin-bottom: 20px;

}

.form-authentication label.inline input[type=checkbox],
.form-authentication label.inline input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-top: -2px;
}

.form-authentication-footer {
  margin-bottom: 90px;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  text-align: center;
  padding: 22px 0;
}

/* WISHLIST */
.block {
  border: 1px solid #ececec;
  padding: 25px 30px;
  margin-bottom: 30px;
}

.block .block-title {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 14px;
}

.add-wishlist input[type="text"] {
  width: 100%;
}

.table-wishlist {
  margin-bottom: 30px;
}

.wishlist-item {
  margin-bottom: 30px;
}

.wishlist-item .thumb {
  margin-bottom: 15px;
}

.wishlist-item .product-name {
  margin: 0;
}

.wishlist-item .product-name a {
  font-family: var(--secondary-variant-font-family);
  font-style: italic;
  font-size: 13px;
  color: #888;
}

.wishlist-item .wishlist-form {
  margin-top: 15px;
}

.wishlist-item .wishlist-form label {
  font-weight: normal;
}

.wishlist-item .wishlist-form input[type="text"],
.wishlist-item .wishlist-form select {
  width: 100%;
  margin-bottom: 15px;
}

.wishlist-item .wishlist-form .button {
  margin-top: 15px;
}

.wishlist-item .wishlist-form .remove {
  float: right;
  margin-top: 25px;
  color: red;
}

.table-compare td.compare-label {
  width: 150px;
  background: #fafafa;
  vertical-align: middle;
}

.table-compare a {
  color: #999;
}

.table-compare .remove {
  font-size: 10px;
  float: right;
  margin-top: 10px;
  color: red;
}

.page-404 {
  padding: 100px 0 110px 0;
}

.page-404 .heading {
  font-size: 168px;
  font-weight: 700;
  color: #999;
}

/* POPUP */
.white-popup {
  position: relative;
  background: #FFF;
  width: auto;
  width: 433px;
  margin: 20px auto;
  max-width: 100%;
}

.kt-popup-newsletter {
  padding: 20px 60px;
  text-align: center;
  padding-bottom: 100px;
}

.kt-popup-newsletter .popup-title {
  margin-top: 40px;
  text-transform: uppercase;
}

.kt-popup-newsletter .popup-title h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.kt-popup-newsletter .popup-title p {
  margin: 0;
  margin-top: 20px;
}

.kt-popup-newsletter .form-subscribe {
  padding-top: 40px;
}

.kt-popup-newsletter .checkbox {
  position: absolute;
  margin: 0;
  left: 20px;
  bottom: 10px;
  font-size: 13px;
  color: #888888;
  font-weight: normal;
}

.kt-popup-newsletter .form-subscribe .input {
  width: 100%;
  margin-bottom: 20px;
}

.kt-popup-newsletter .button {
  margin: 0 5px;
}

.kt-popup-newsletter .text-primary {
  display: inline-block;
  background-color: #eec15b;
  color: #fff;
  padding: 0 10px;
}

/* QUICKVIEW */
.kt-quickview-popup {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #fff;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.kt-quickview-popup .single-product {
  border: none;
}

.kt-quickview-popup .single-product .summary,
.kt-quickview-popup .single-product .kt-images {
  padding: 0;
  margin: 0;
}

/* block-today-deal */
.block-today-deal {
  background-color: #fff;
}

.block-today-deal .head .title {
  padding: 14px 25px;
  padding-bottom: 13px;
  color: #fff;
  margin: 0;
  font-size: 18px;
  font-weight: 700;


}

.block-today-deal .block-content {
  border: 1px solid #e6e6e6;
  border-top: none;
  padding: 23px;
}

/*block-container*/
.block-container .head .title {
  padding: 10px 10px;
  font-size: 18px;
  color: #333;
  margin: 0;
  position: relative;
  font-weight: 700;
}

.block-container .head .title .text {
  position: relative;
  z-index: 1;
}

.block-container .head .title:before {
  content: attr(data-head);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 60px;
  line-height: 40px;
  color: #dddddd;
  font-weight: 700;
  font-family: var(--primary-variant-font-family);
}

.block-container .block-content {
  border: 1px solid #e6e6e6;
  background-color: #fff;
}


.hot-category {
  padding: 25px 15px;
  padding-bottom: 45px;
}

.hot-category .thumb {
  text-align: right;
}

.hot-category .head {
  position: relative;
}

.hot-category .head .title {
  position: absolute;
  top: 10px;
  left: 0;
  padding: 0;
  max-width: 115px;
}

.hot-category .head .title .text {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  min-height: 43px;
  font-family: var(--tertiary-variant-font-family);
}

.hot-category .head .title .readmore {
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  padding: 0 10px;
  color: #fff;
  background-color: #999999;
  text-transform: uppercase;
  margin-top: 10px;
}

.hot-category .head .title .readmore:after {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f0da";
  margin-left: 5px;
}

.hot-category .sub-category {
  padding: 0;
  margin: 0;
  padding-top: 20px;
}

.hot-category .sub-category li {
  list-style: none;
  line-height: 20px;
}

.hot-category .sub-category li > a {
  display: inline-block;
  font-size: 13px;
  color: #666;
}

.hot-category .sub-category li > a:before {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f105";
  margin-right: 5px;
}

.tab-brand .tab-container {
  padding-bottom: 15px;
}

.tab-brand .list-brand {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e4e4e4;
}

.tab-brand .list-brand:before,
.tab-brand .list-brand:after {
  display: table;
  content: '';
}

.tab-brand .list-brand:after {
  clear: both;
}

.tab-brand .list-brand li {
  display: inline-block;
  list-style: none;
  width: 16.66666%;
  text-align: center;
  float: left;
  padding: 0 1px;
}

.tab-brand .list-brand li > a {
  display: block;
  position: relative;
}

.tab-brand .list-brand li > a:after {
  content: '';
  width: 0%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.tab-brand .list-brand li:hover > a:after,
.tab-brand .list-brand li.active > a:after {
  width: 100%;
}

.tab-brand .list-brand li > a img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.tab-brand .list-brand li:hover > a img,
.tab-brand .list-brand li.active > a img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.block-recommended .block-content {
  padding: 35px 25px;
}

.block-recommended .nav-top-right .owl-nav {
  right: -25px;
}

/* kt-product-tab */
.kt-product-tab {
  border: 1px solid #e6e6e6;
  border-bottom: none;
  border-right: none;
}

.kt-product-tab .nav-tab {
  border-bottom: 1px solid #e6e6e6;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-right: 1px solid #e6e6e6;
  background-color: #f8f8f8;
}

.kt-product-tab .nav-tab li {
  display: inline-block;
  list-style: none;
  padding: 13px 0;
  float: left;
}

.kt-product-tab .nav-tab li > a {
  display: inline-block;
  padding: 0 20px;
  line-height: 20px;
  border-right: 1px solid #e6e6e6;
  font-size: 13px;
  color: #333333;
  text-transform: uppercase;
  font-family: var(--primary-font-family);
}

.kt-product-tab .product-item.style9 .product-inner {
  border: 1px solid #e6e6e6;
  border-top: none;
  border-left: none;
}

.kt-product-tab .nav-top-right .owl-nav {
  right: 20px;
}

.kt-category-tabs .tab-head {
  border-bottom: 3px solid #f75757;
  display: table;
  width: 100%;
  background-color: #fff;
}

.kt-category-tabs .tab-head .title,
.kt-category-tabs .tab-head .nav-tab {
  display: table-cell;
  vertical-align: middle;
}

.kt-category-tabs .tab-head .title {
  width: 235px;
  background-color: #575757;
  padding: 0 10px;
  color: #fff;
  font-family: var(--primary-font-family);
  text-transform: uppercase;
  font-size: 14px;
  margin: 0;
}

.kt-category-tabs .tab-head .title a {
  color: #fff;
}

.kt-category-tabs .tab-head .title .icon {
  margin-right: 10px;
}

.kt-category-tabs .tab-head .nav-tab {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.kt-category-tabs .tab-head .floor-elevator {
  padding: 8px 20px;
}

.kt-category-tabs .tab-head .nav-tab li {
  list-style: none;
  display: inline-block;
  padding: 12px 0;
  float: left;
}

.kt-category-tabs .tab-head .nav-tab li a {
  display: inline-block;
  padding: 0 20px;
  font-size: 15px;
  color: #333333;
  line-height: 20px;
  border-right: 1px solid #d6d6d6;
}

.kt-category-tabs .tab-head .nav-tab li:last-child a {
  border: none;
}

.kt-category-tabs .tab-head .nav-tab li.active,
.kt-category-tabs .tab-head .nav-tab li:hover {
  background-color: #f75757;
}

.kt-category-tabs .tab-head .nav-tab li.active a,
.kt-category-tabs .tab-head .nav-tab li:hover a {
  color: #fff;
  border-color: #f75757;
}

.kt-category-tabs .tab-inner {
  margin-top: 20px;
  background-color: #fff;
}

.kt-category-tabs .tab-inner:before,
.kt-category-tabs .tab-inner:after {
  display: table;
  content: "";
}

.kt-category-tabs .tab-inner:after {
  clear: both;
}

.kt-category-tabs .has-banner-left .left-banner {
  width: 235px;
  float: left;
}

.kt-category-tabs .has-banner-left .tab-content-products {
  overflow: hidden;
}

.kt-category-tabs .product-item.style10 .product-inner {
  border-left: 1px solid #eee;
  min-height: 365px;
}

/* STYLE 2 */
.kt-category-tabs.style2 .tab-head {
  border-bottom: 1px solid #eee;
  position: static;
  z-index: 100;
}

.kt-category-tabs.style2 .tab-head .nav-tab li {
  padding: 18px 0;
}

.kt-category-tabs.style2 .tab-head .floor-elevator {
  padding: 14px 20px;
}

.kt-category-tabs.style2 .tab-head .title {
  background-color: #fff;
  font-size: 15px;
}

.kt-category-tabs.style2 .tab-head .title a {
  color: #333;
}

.kt-category-tabs.style2 .tab-head .title .icon {
  margin-top: -4px;
}

.kt-category-tabs.style2 .tab-head .nav-tab {
  display: inline-block;
  float: right;
}

.kt-category-tabs.style2 .tab-head .nav-tab li.active,
.kt-category-tabs.style2 .tab-head .nav-tab li:hover {
  background-color: transparent;
}

.kt-category-tabs.style2 .tab-head .nav-tab li.active a,
.kt-category-tabs.style2 .tab-head .nav-tab li:hover a {
  border-color: #d6d6d6;
}

.kt-category-tabs.style2 .tab-inner {
  margin: 0;
  background-color: #fff;
  background-position: left bottom;
  background-repeat: no-repeat;
  position: relative;
}

.kt-category-tabs .sub-category {
  margin: 0;
  width: 184px;
  float: left;
  padding: 4px!important;
}

.search-result-filter-tab {
  margin: 0;
  width: 200px;
  float: left;
  padding: 4px!important;
}

.kt-category-tabs .sub-category li {
  list-style: none;
}

.kt-category-tabs .sub-category li a {
  display: inline-block;
  padding: 8px 0;
  color: #666;
  font-size: 14px;
}

.kt-category-tabs.style2 .has-banner-left .left-banner {
  width: 390px;
}

.kt-category-tabs.style2 .product-item {
  margin-bottom: 0;
  padding: 0;
}

.kt-category-tabs.style2 .product-list-grid {
  margin: 0;
}

.kt-category-tabs.style2 .product-item.style10 .product-inner {
  border-bottom: 1px solid #eee;
  min-height: 326px;
}

/* TAB COLOR */
.sport-tabs .tab-head,
.sport-tabs .tab-head .nav-tab li.active a,
.sport-tabs .tab-head .nav-tab li:hover a {
  border-color: #84a845;
}

.sport-tabs .tab-head .nav-tab li.active,
.sport-tabs .tab-head .nav-tab li:hover {
  background-color: #84a845;
}

.electrolic-tabs .tab-head,
.electrolic-tabs .tab-head .nav-tab li.active a,
.electrolic-tabs .tab-head .nav-tab li:hover a {
  border-color: #f38f46;
}

.electrolic-tabs .tab-head .nav-tab li.active,
.electrolic-tabs .tab-head .nav-tab li:hover {
  background-color: #f38f46;
}


.digital-tabs .tab-head,
.digital-tabs .tab-head .nav-tab li.active a,
.digital-tabs .tab-head .nav-tab li:hover a {
  border-color: #46afd3;
}

.digital-tabs .tab-head .nav-tab li.active,
.digital-tabs .tab-head .nav-tab li:hover {
  background-color: #46afd3;
}

.furniture-tabs .tab-head,
.furniture-tabs .tab-head .nav-tab li.active a,
.furniture-tabs .tab-head .nav-tab li:hover a {
  border-color: #cc9e71;
}

.furniture-tabs .tab-head .nav-tab li.active,
.furniture-tabs .tab-head .nav-tab li:hover {
  background-color: #cc9e71;
}

.jewlry-tabs .tab-head,
.jewlry-tabs .tab-head .nav-tab li.active a,
.jewlry-tabs .tab-head .nav-tab li:hover a {
  border-color: #d773a0;
}

.jewlry-tabs .tab-head .nav-tab li.active,
.jewlry-tabs .tab-head .nav-tab li:hover {
  background-color: #d773a0;
}

/* group-brands */
.group-brands {
  border: 1px solid #eee;
  border-right: none;
  border-bottom: none;
}

.group-brands:before,
.group-brands:after {
  content: '';
  display: table;
}

.group-brands:after {
  clear: both;
}

.group-brands .brand-item {
  width: 16.6666666%;
  float: left;
  border: 1px solid #eee;
  border-top: none;
  border-left: none;
  position: relative;
  padding: 1px;
}

.group-brands .brand-item:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.group-brands .brand-item:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* kt-block-deal */
.kt-block-deal .head:before,
.kt-block-deal .head:after {
  content: '';
  display: table;
}

.kt-block-deal .head:after {
  clear: both;
}

.kt-block-deal .head .title {
  display: inline-block;
  float: left;
  margin: 0;
  font-size: 15px;
  color: #333333;
  text-transform: uppercase;
  font-weight: 700;
}

.kt-block-deal .head .title:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  margin-top: 10px;
}

.kt-block-deal .head .count-down {
  display: inline-block;
  float: right;
  padding: 3px 0px;
}

.kt-block-deal .head .count-down label,
.kt-block-deal .head .count-down .kt-countdown {
  display: inline-block;
  margin: 0;
}

.kt-block-deal .head .count-down label {
  font-size: 15px;
  color: #888;
  font-weight: normal;
}

.kt-block-deal .head .count-down .kt-countdown .box-count {
  display: inline-block;
  border-right: 1px solid #eee;
  padding: 0 10px;
  line-height: 16px;
  font-size: 15px;
  color: #888;
}

.kt-block-deal .head .count-down .kt-countdown .box-count:last-child {
  border: none;
  padding-right: 0;
}

.kt-block-deal .head .count-down .kt-countdown .dot {
  display: none;
}

.kt-block-deal .head .count-down .kt-countdown .box-count .number {
  font-size: 18px;
  color: #333;
}

.kt-block-deal .content {
  margin-top: 20px;
}

/*----------------
HOME SLIDER
----------------*/
.kt_home_slide .item-slide {
  background-size: cover;
}

.slide-home1 {
  position: relative;
}

.slide-home1 .thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.slide-home1 .thumbs a {
  display: block;
  position: relative;
}

.slide-home1 .thumbs a:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.slide-home1 .thumbs a:hover:before,
.slide-home1 .thumbs a.active:before {
  width: 0%;
  background-color: rgba(0, 0, 0, 0);
}

.slide-home2 .owl-prev,
.slide-home2 .owl-next{
  background-color: rgba(255, 255, 255, 0.6);
  color: #aaa;
  font-size: 14px;
}

.slide-home2 .owl-prev:hover,
.slide-home2 .owl-next:hover {
  color: #fff;
}

.slide-home2:hover .owl-prev {
  left: 20px;
}

.slide-home2:hover .owl-next {
  right: 20px;
}

.slide-home2 .content-slide {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 95px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slide-home2 .content-slide .subtitle {
  margin: 0;
  font-size: 16px;
}

.slide-home2 .content-slide .title {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 30px;
}

.slide-home2 .content-slide .link {
  letter-spacing: 2px;
  text-decoration: underline;
  color: #aaa;
}

.slide-home3 .content-slide {
  position: absolute;
  top: 50%;
  right: inherit;
  left: 0;
  padding: 0 165px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}

.slide-home3 .content-slide .subtitle {
  font-weight: normal;
}

.slide-home3 .content-slide .title,
.slide-home3 .content-slide .link {
  color: #fff;
}

.slide-home3 .content-slide .title {
  margin-bottom: 60px;
}

.slide-home4 .content-slide {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slide-home4 .container-slide {
  position: relative;
}

.slide-home4 .container-slide .inner {
  display: inline-block;
  float: right;
  padding-right: 110px;
}

.slide-home4 .subtitle {
  font-size: 18px;
  font-style: italic;
  color: #555555;
  font-family: var(--quaternary-font-family);
}

.slide-home4 .title {
  font-size: 48px;
  text-transform: uppercase;
  color: #333;
  font-family: var(--primary-font-family);
  font-weight: 700;
}

.slide-home4 .link {
  font-size: 12px;
  color: #fff;
  display: inline-block;
  background-color: #607499;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 0 10px;
  line-height: 22px;
}

.slide-home4 .link:hover {
  background-color: #eec15b;
}

.slide-home4 .owl-next {
  right: 0;
}

.slide-home4 .owl-prev {
  left: 0;
}

.slide-home4:hover .owl-next {
  right: 320px;
}

.slide-home4:hover .owl-prev {
  left: 320px;
}

/* SLIDE HOME 5*/
.slide-home5 .content-slide {
  position: absolute;
  top: 50px;
  right: 40px;
  color: #fff;
  text-align: right;
}

.slide-home5 .content-slide .title {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  margin: 0;
}

.slide-home5 .content-slide .subtitle {
  font-size: 16px;
  display: block;
  font-family: var(--primary-variant-font-family);
  font-weight: 400;
}

.slide-home5 .content-slide .link {
  font-size: 14px;
  color: #fff;
  text-decoration: underline;
  display: inline-block;
  margin-top: 35px;
}

.slide-home5 .owl-next,
.slide-home5 .owl-prev {
  width: 34px;
  height: 34px;
  line-height: 32px;
  background-color: transparent;
  border: 1px solid #fff;
  font-size: 14px;
}

.slide-home5 .owl-next .fa:before {
  content: "\f061";
}

.slide-home5 .owl-prev .fa:before {
  content: "\f060";
}

.slide-home5:hover .owl-next {
  right: 20px;
}

.slide-home5:hover .owl-prev {
  left: 20px;
}

.slide-home5 .owl-dots,
.slide-home6 .owl-dots {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 100%;
  text-align: center;
}

.slide-home5 .owl-dots .owl-dot {
  display: inline-block;
  width: 27px;
  height: 2px;
  background-color: #fff;
  margin: 0 2px;
}

.slide-home5 .owl-dots .owl-dot.active {
  background-color: #2e88e2;
}

.slide-home6 .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border: 1px solid #eee;
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.slide-home6 .owl-dots .owl-dot.active {
  background-color: #fff;
}

.slide-home7 .title {
  font-size: 90px;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 75px;
  color: #444;
}

.slide-home7 .content-slide {
  position: absolute;
  top: 50%;
  left: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slide-home7 .subtitle {
  font-size: 20px;
  display: block;
  margin-bottom: 40px;
  line-height: normal;
  text-transform: uppercase;
  font-family: var(--quaternary-variant-font-family);
  font-weight: 300;
  color: #444444;
}

.slide-home7 .link {
  font-size: 14px;
  color: #444;
  text-decoration: underline;
}

.slide-home7 .owl-next,
.slide-home7 .owl-prev {
  width: 34px;
  height: 34px;
  line-height: 32px;
  background-color: transparent;
  border: 1px solid #fff;
  font-size: 14px;
}

.slide-home7 .owl-next .fa:before {
  content: "\f061";
}

.slide-home7 .owl-prev .fa:before {
  content: "\f060";
}

.slide-home7:hover .owl-next {
  right: 20px;
}

.slide-home7:hover .owl-prev {
  left: 20px;
}

.slide-home7 .owl-dots {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 100%;
  text-align: center;
}

.slide-home7 .owl-dots .owl-dot {
  display: inline-block;
  width: 27px;
  height: 2px;
  background-color: #fff;
  margin: 0 2px;
}

.slide-home7 .owl-dots .owl-dot.active {
  background-color: #fe4004;
}

/*---------------
SECTION
----------------*/
.section-daily-deal {
  background-color: #f2f2f2;
  padding: 60px 0;
}

.section-services {
  padding: 132px 0 0 0;
  background-image: url('');
  margin-top: 60px;
}

.section-footer-top {
  background-image: url('');
  padding-top: 70px;
  padding-bottom: 40px;
  margin-top: -164px;
  margin-bottom: 60px;
}

.section-testimonials {
  padding: 45px 0;
  background-image: url('');
  margin-top: 60px;
}

.section-testimonials .heading-section .title {
  color: #fff;
  margin: 0;
}

.section-home-slide {
  background-color: #eeeeee;
}

.section-home-slide6 {
  background-color: #e0e0e0;
}

.section-background-gray {
  background-color: #f8f8f8;
}

.section-background-f6f6f6 {
  background-color: #f6f6f6;
}

.line-3-cc3333 {
  height: 3px;
  background-color: #cc3333;
}

.section-eeeeee {
  background-color: #eee;
}

/*----------------
MARGIN
----------------*/
.margin-5 {
  margin: 0 -5px !important;
}

.padding-5 {
  padding: 0 5px !important;
}

.margin-7 {
  margin: 0 -7px !important;
}

.padding-7 {
  padding: 0 7px !important;
}

.margin-top-1 {
  margin-top: 1px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-35 {
  margin-top: 35px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-57 {
  margin-top: 57px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-62 {
  margin-top: 62px !important;
}

.margin-top-65 {
  margin-top: 65px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-85 {
  margin-top: 85px !important;
}

.margin-top-90 {
  margin-top: 90px !important;
}

.margin-top-95 {
  margin-top: 95px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-top-120 {
  margin-top: 120px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-65 {
  margin-bottom: 65px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-90 {
  margin-bottom: 90px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-bottom-170 {
  margin-bottom: 170px !important;
}

/*----------------
PADDING
----------------*/
.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-90 {
  padding-top: 80px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

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

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

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

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-90 {
  padding-bottom: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

.padding-0 {
  padding: 0 !important;
}

.margin-0 {
  margin: 0 !important;
}

/*---------------
RESPONSIVE
---------------*/
@media (min-width: 1280px) {
  .container {
    width: 1200px;
  }

}

@media (max-width: 1366px) {
  .slide-home1 .thumbs {
    top: inherit;
    left: 0;
    text-align: center;
    bottom: 30px;
  }

  .slide-home1 .thumbs a {
    display: inline-block;
    max-width: 80px;
  }

  .header.style5 .advanced-search {
    width: 70%;
  }

  .header.style5 .main-header .mini-cart {
    width: 25%;
  }

  .header.style5 .main-menu > li > a {
    padding: 0 15px;
  }

  .slide-home4:hover .owl-prev {
    left: 20px;
  }

  .slide-home4:hover .owl-next {
    right: 20px;
  }

  .product-item .kt-countdown .box-count {
    width: 40px;
    height: 40px;
    font-size: 10px;
    padding-top: 3px;
  }

  .product-item .kt-countdown .box-count .number {
    font-size: 14px;
  }

  .footer.style4 .widget-apps,
  .widget-hot-keyword .list-keyword {
    text-align: center;
  }

  .footer.style4 .widget-apps .widget-title,
  .footer.style4 .widget-apps .apps,
  .widget-hot-keyword .line label {
    display: block;
    float: none;
  }

  .header.style7 .main-header-menu {
    padding-left: 0;
  }

  .header.style7 .advanced-search {
    margin-left: 0;
  }
}

@media (max-width: 1200px) {
  .top-bar-left .logo,
  .top-bar-left .form-search-wapper {
    padding: 30px 20px;
  }

  .top-bar-menu > li > a,
  .top-bar-menu > li > .cart-link {
    padding: 40px 50px;
  }

  .block-daily-deal .product-detail {
    display: block;
    width: 100%;
  }

  .block-daily-deal .product-count-down {
    display: block;
    width: 100%;
    padding: 0;
  }

  .block-daily-deal .product-count-down .kt-countdown {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .block-daily-deal .product-count-down .box-count {
    display: table-cell;
    padding: 20px 0;
  }

  .block-daily-deal .product-info {
    padding-top: 20px;
  }

  .block-daily-deal .product-image {
    max-width: 46%;
  }

  .block-social .social,
  .block-newsletter .inner {
    padding-left: 30px;
    padding-right: 30px;
  }

  .header.style2 .logo {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
  }

  .header.style2 .main-menu {
    padding-left: 0;
  }

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

  .verticalmenu-content {
    display: none;
    z-index: 101;
  }

  .box-vertical-megamenus .flash {
    display: none;
  }

  .box-vertical-megamenus .title .bar {
    display: inline-block;
  }

  .header.style3 .box-serach-wapper {
    padding-left: 0;
  }

  .header.style3 .main-menu > li:first-child > a {
    padding-left: 25px;
  }

  .lasttest-blog .blog-buttom .button {
    padding: 6px 15px;
  }

  .lasttest-blog .blog-buttom {
    padding: 13px 10px;
  }

  .no-sidebar .single-product .kt-images .kt-thumbs {
    position: static;
    width: auto;
    margin: 0 -5px;
  }

  .no-sidebar .single-product .kt-images .kt-main-image {
    padding: 0;
    margin-bottom: 10px;
  }

  .no-sidebar .single-product .kt-images .item-thumb {
    display: inline-block;
    float: left;
    padding: 0 5px;
    width: 33.3333%;
  }

  .header.style5 .main-menu {
    padding-left: 15px;
  }

  .header.style7 .advanced-search {
    width: 450px;
  }

  .header.style7 .box-vertical-megamenus .title {
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .header.style7 .box-vertical-megamenus .title .text {
    display: none;
  }

  .header.style7 .box-vertical-megamenus .title .bar {
    float: none;
  }

  .header.style7 .header-control .vertical-menu-wapper {
    width: 40px;
  }

  .header.style7 .main-menu > li:first-child > a {
    padding-left: 15px;
  }

  .header.style6 .header-msg {
    padding-right: 10px;
  }

  .header.style6 .advanced-search {
    width: 400px;
    margin-left: 0;
  }

  .header.style6 .main-menu > li > a {
    padding: 13px 15px;
    padding-bottom: 14px;
  }

  .header.style6 .main-menu > li:first-child > a {
    padding-left: 15px;
  }

  .box-icon.style5 {
    min-height: 100px;
  }

  .kt-tabs.style5 .nav-tab li {
    padding: 13px 15px;
  }

  .product-item.style9 .price {
    margin-bottom: 10px;
  }

  .kt-category-tabs .tab-head .nav-tab li a {
    padding: 0 10px;
  }

  .header.style9 .main-menu > li > a {
    padding: 16px 20px;
  }

  .header.style9 .main-menu > li:first-child > a {
    padding-left: 20px;
  }

  .header.style9 .main-header .advanced-search {
    width: 450px;
  }

  .header.style10 .main-header .advanced-search {
    width: 450px;
  }

  .header.style10 .main-menu > li:first-child > a,
  .header.style10 .main-menu > li > a {
    padding: 16px;
  }

  .kt-category-tabs .sub-category {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 10;
    padding: 5px 15px;
    display: none;
  }

  .kt-category-tabs .sub-category li a {
    padding: 5px 0;
  }

  .kt-category-tabs.style2 .tab-inner {
    background-image: none !important;
  }

  .kt-tabs .nav-tab li {
    padding: 0 10px;
  }

  .kt-tabs .nav-tab {
    margin-right: 0;
  }

  .kt-tabs .tab-title {
    font-size: 16px;
  }

  .product-item .wishlist,
  .product-item .add_to_cart_button,
  .product-item .compare {
    transform: scale(1);
    visibility: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .product-item.style7 .thumb {
    padding-top: 22px;
  }
}

@media (max-width: 991px) {
  .hidden-sm {
    display: none;
  }

  /* PRODUCT GRID*/
  .product-list-grid.desktop-columns-1 .product-item:nth-child(1n+1),
  .product-list-grid.desktop-columns-2 .product-item:nth-child(2n+1),
  .product-list-grid.desktop-columns-3 .product-item:nth-child(3n+1),
  .product-list-grid.desktop-columns-4 .product-item:nth-child(4n+1),
  .product-list-grid.desktop-columns-5 .product-item:nth-child(5n+1),
  .product-list-grid.desktop-columns-6 .product-item:nth-child(6n+1),
  .product-list-grid.desktop-columns-7 .product-item:nth-child(7n+1),
  .product-list-grid.desktop-columns-8 .product-item:nth-child(8n+1),
  .product-list-grid.desktop-columns-9 .product-item:nth-child(9n+1),
  .product-list-grid.desktop-columns-10 .product-item:nth-child(10n+1),
  .product-list-grid.desktop-columns-11 .product-item:nth-child(11n+1),
  .product-list-grid.desktop-columns-12 .product-item:nth-child(12n+1) {
    clear: none;
  }

  /* PRODUCT GRID*/
  .product-list-grid.tablet-columns-1 .product-item:nth-child(1n+1),
  .product-list-grid.tablet-columns-2 .product-item:nth-child(2n+1),
  .product-list-grid.tablet-columns-3 .product-item:nth-child(3n+1),
  .product-list-grid.tablet-columns-4 .product-item:nth-child(4n+1),
  .product-list-grid.tablet-columns-5 .product-item:nth-child(5n+1),
  .product-list-grid.tablet-columns-6 .product-item:nth-child(6n+1),
  .product-list-grid.tablet-columns-7 .product-item:nth-child(7n+1),
  .product-list-grid.tablet-columns-8 .product-item:nth-child(8n+1),
  .product-list-grid.tablet-columns-9 .product-item:nth-child(9n+1),
  .product-list-grid.tablet-columns-10 .product-item:nth-child(10n+1),
  .product-list-grid.tablet-columns-11 .product-item:nth-child(11n+1),
  .product-list-grid.tablet-columns-12 .product-item:nth-child(12n+1) {
    clear: left;
  }

  .top-bar-left {
    width: 100%;
  }

  .top-bar-left .logo {
    text-align: center;
  }

  .top-bar-right {
    width: 100%;
    float: left;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(56, 56, 56, 0.6);
  }

  .top-bar-menu {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .top-bar-menu > li {
    display: table-cell;
  }

  .top-bar-left .form-search-wapper {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgba(56, 56, 56, 0.6);
  }

  .block-daily-deal .thumbs {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }

  .block-daily-deal .thumbs a {
    display: inline-block;
    margin-bottom: 0;
  }

  .block-daily-deal .thumbs a:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 13px 10px;
    border-color: transparent transparent #ffffff transparent;
    left: 50%;
    bottom: -20px;
    top: inherit;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .header.style2 .mobile-navigation {
    display: inline-block;
  }

  .header.style2 .main-menu {
    display: none;
  }

  .header.style2 .top-bar-menu {
    display: inline-block;
    width: auto;
  }

  .header.style2 .top-bar-menu > li > a {
    padding: 15px;
  }

  .header-control .vertical-menu-wapper {
    width: 60px;
  }

  .box-vertical-megamenus .title {
    width: 60px;
    font-size: 0;
    height: 60px;
    padding: 0;
    line-height: 60px;
    line-height: 60px;
    text-align: center;
  }

  .box-vertical-megamenus .title .bar {
    font-size: 16px;
    display: inline-block;
    float: none;
  }

  .block-banner-text.style4 .content {
    padding: 0 10px;
    width: 100%;
  }

  .footer-social,
  .footer-newsletter {
    padding: 0 30px;
  }

  .footer-social {
    text-align: center;
  }

  .footer-social .social a {
    display: inline-block;
    float: none;
  }

  .footer-social label {
    float: none;
    display: block;
    padding: 0;
    padding-bottom: 30px;
  }

  .kt-tabs .nav-tab li {
    padding: 0 10px;
  }

  .kt-tabs .tab-head {
    padding: 17px 10px;
  }

  .header.style3 .box-serach-wapper {
    display: table;
    width: 100%;
    float: none;
    padding-bottom: 30px;
  }

  .header.style3 .advanced-search {
    width: 100%;
  }

  .header.style3 .main-header {
    padding-bottom: 30px;
  }

  .footer .widget:last-child {
    margin-bottom: 30px;
  }

  .post-item .post-thumb {
    width: 100%;
  }

  .blog-single-footer .share {
    float: left;
    margin-top: 15px;
  }

  .author-bio {
    padding: 15px;
  }

  .comment-form-wapper .comment-form input[type="text"], .comment-form-wapper .comment-form input[type="email"] {
    width: 100%;
  }

  .single-product .kt-images {
    padding: 10px;
    margin-bottom: 20px;
  }

  .single-product .summary {
    padding: 10px;
  }

  .single-product .kt-images .kt-main-image img {
    width: 100%;
  }

  .product-tabs .nav-tab li {
    width: 100%;
    padding: 0;
    padding-bottom: 1px;
  }

  .product-tabs .nav-tab li a {
    width: 100%;
  }

  .no-sidebar .single-product .summary table.variations-table tr {
    width: 100%;
  }

  .single-product .summary .share {
    display: block;
    margin-top: 15px;
  }

  .no-sidebar .product-tabs {
    display: block;
  }

  .no-sidebar .product-tabs .nav-tab {
    width: 100%;
    float: none;
    display: block;
  }

  .form-authentication {
    display: block;
  }

  .form-authentication .form-login, .form-authentication .form-register {
    display: block;
    width: 100%;
  }

  .header.style5 .top-bar-menu > li > a {
    padding: 0 10px;
  }

  .header.style5 .box-vertical-megamenus .title {
    width: 100%;
    height: auto;
    text-align: left;
    line-height: normal;
  }

  .header.style5 .box-vertical-megamenus .title .bar {
    float: right;
  }

  .header.style5 .mobile-navigation {
    padding: 0;
    padding-top: 3px;
  }

  .header.style5 .mobile-navigation .icon {
    border: none;
  }

  .header-control .vertical-menu-wapper {
    width: 30%;
  }

  .nav-center .owl-next {
    right: 0 !important;
  }

  .nav-center .owl-prev {
    left: 0 !important;
  }

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

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

  .box-icon.style4 {
    padding: 20px 5px;
    min-height: 185px;
  }

  .box-icon.style4 .icon {
    width: 100%;
    height: 80px;
  }

  .box-icon.style4 .box-content {
    overflow: inherit;
    text-align: center;
  }

  .header.style7 .mobile-navigation {
    padding: 0;
    float: right;
  }

  .header.style7 .mobile-navigation .icon {
    width: 40px;
    height: 40px;
    float: right;
    margin: 0;
    margin-left: 15px;
  }

  .header.style7 .mobile-navigation .icon span {
    margin-bottom: 5px;
  }

  .header.style7 .top-bar-menu > li > a {
    padding: 0 15px;
  }

  .block-box.no-border-left .block-box-content {
    border-left: 1px solid #f0f0f0;
  }

  .block-box.no-border-right .block-box-content {
    border-left: 1px solid #f0f0f0;
  }

  .product-item.style3 {
    border: 1px solid #f0f0f0;
  }

  .box-icon.style5 .icon {
    display: table;
    float: none;
    margin: 0 auto;
  }

  .box-icon.style5 .box-content {
    padding-left: 0;
    text-align: center;
  }

  .kt-tabs.style5 .floor-elevator {
    display: none;
  }

  .kt-tabs .nav-tab {
    margin-right: 0;
  }

  .header.style6 .header-msg {
    display: none;
  }

  .header.style6 .top-bar-menu > li > a {
    padding: 0 10px;
  }

  .header.style6 .box-vertical-megamenus .title {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    line-height: 40px;
  }

  .header.style6 .box-vertical-megamenus .title .bar {
    margin: 0;
  }

  .header.style6 .mobile-navigation {
    padding: 0;
    line-height: 40px;
  }

  .header.style6 .header-control .vertical-menu-wapper {
    width: 40px;
  }

  .header.style6 .mobile-navigation .icon {
    width: 40px;
    height: 40px;
    padding-top: 13px;
  }

  .banner-header .inner .close-banner {
    right: 0;
  }

  .header.style9 .top-bar-menu > li > a,
  .header.style10 .top-bar-menu > li > a {
    padding: 0 10px;
  }

  .header.style9 .header-control .vertical-menu-wapper,
  .header.style10 .header-control .vertical-menu-wapper {
    width: 35px;
  }

  .header.style9 .box-vertical-megamenus .title,
  .header.style10 .box-vertical-megamenus .title {
    padding: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
  }

  .header.style9 .box-vertical-megamenus .title .text,
  .header.style10 .box-vertical-megamenus .title .text {
    display: none;
  }

  .header.style9 .mobile-navigation,
  .header.style10 .mobile-navigation {
    padding: 0;
  }

  .header.style10 .mobile-navigation {
    color: #fff;
  }

  .header.style10 .mobile-navigation .icon {
    border-color: #fff;
  }

  .header.style10 .mobile-navigation .icon > span {
    background-color: #fff;
  }

  .kt-category-tabs .has-banner-left .left-banner {
    display: none;
  }

  .kt-category-tabs .tab-head .title {
    width: 180px;
  }

  .kt-category-tabs .tab-head .floor-elevator {
    display: none;
  }

  .kt-category-tabs .tab-head .nav-tab li a {
    font-size: 14px;
  }

  .group-brands .brand-item {
    width: 25%;
  }

  .kt-category-tabs .has-banner-left .tab-content-products {
    overflow: inherit;
    width: 100%;
    float: left;
  }
}

@media (max-width: 767px) {
  .left-sidebar .main-content {
    float: none;
    overflow: hidden;
    margin-bottom: 40px;
  }

  /* PRODUCT GRID*/
  .product-list-grid.tablet-columns-1 .product-item:nth-child(1n+1),
  .product-list-grid.tablet-columns-2 .product-item:nth-child(2n+1),
  .product-list-grid.tablet-columns-3 .product-item:nth-child(3n+1),
  .product-list-grid.tablet-columns-4 .product-item:nth-child(4n+1),
  .product-list-grid.tablet-columns-5 .product-item:nth-child(5n+1),
  .product-list-grid.tablet-columns-6 .product-item:nth-child(6n+1),
  .product-list-grid.tablet-columns-7 .product-item:nth-child(7n+1),
  .product-list-grid.tablet-columns-8 .product-item:nth-child(8n+1),
  .product-list-grid.tablet-columns-9 .product-item:nth-child(9n+1),
  .product-list-grid.tablet-columns-10 .product-item:nth-child(10n+1),
  .product-list-grid.tablet-columns-11 .product-item:nth-child(11n+1),
  .product-list-grid.tablet-columns-12 .product-item:nth-child(12n+1) {
    clear: none;
  }

  /* PRODUCT GRID*/
  .product-list-grid.mobile-columns-1 .product-item:nth-child(1n+1),
  .product-list-grid.mobile-columns-2 .product-item:nth-child(2n+1),
  .product-list-grid.mobile-columns-3 .product-item:nth-child(3n+1),
  .product-list-grid.mobile-columns-4 .product-item:nth-child(4n+1),
  .product-list-grid.mobile-columns-5 .product-item:nth-child(5n+1),
  .product-list-grid.mobile-columns-6 .product-item:nth-child(6n+1),
  .product-list-grid.mobile-columns-7 .product-item:nth-child(7n+1),
  .product-list-grid.mobile-columns-8 .product-item:nth-child(8n+1),
  .product-list-grid.mobile-columns-9 .product-item:nth-child(9n+1),
  .product-list-grid.mobile-columns-10 .product-item:nth-child(10n+1),
  .product-list-grid.mobile-columns-11 .product-item:nth-child(11n+1),
  .product-list-grid.mobile-columns-12 .product-item:nth-child(12n+1) {
    clear: left;
  }

  .slide-home2 .content-slide {
    padding: 0;
    left: 15px;
    right: 15px;
  }

  .slide-home2 .content-slide .subtitle {
    font-size: 14px;
  }

  .slide-home2 .content-slide .title {
    font-size: 16px;
  }

  .footer .coppyright {
    text-align: center;
    margin-bottom: 30px;
    display: block;
  }

  .footer .payment {
    text-align: center;
  }

  .verticalmenu-list .sub-menu {
    position: static;
    display: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
  }

  .verticalmenu-list .show-submenu > .sub-menu {
    display: block;
    max-width: 100% !important;
  }

  .verticalmenu-list .sub-menu > li {
    padding: 0;
  }

  .verticalmenu-list .sub-menu > li > a {
    padding: 13px 15px;
  }

  .kt-tabs .nav-tab {
    float: left;
    margin-top: 15px;
    width: 100%;
  }

  .kt-tabs .nav-tab li {
    display: block;
    padding: 5px 0;
  }

  .author-bio {
    display: block;
  }

  .author-bio .author,
  .author-bio .author-avatar {
    display: block;
    text-align: center;
    width: 100%;
  }

  .form-authentication .form-login, .form-authentication .form-register {
    padding: 15px;
  }

  .verticalmenu-list .megamenu {
    padding: 20px 0;
  }

  .box-vertical-megamenus .megamenu .widget:last-child {
    margin-bottom: 30px;
  }

  .product-item.list .product-inner,
  .product-item.list .thumb, .product-item.list .info {
    display: block;
  }

  .header .main-menu {
    display: none;
  }

  .mobile-navigation {
    display: inline-block;
  }

  .header.style5 .top-bar-menu {
    text-align: center;
  }

  .header.style5 .top-bar-menu > li > a {
    padding: 10px 5px;
    font-size: 11px;
  }

  .main-header-menu {
    text-align: center;
  }

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

  .main-header-menu li a {
    border: none;
  }

  .header.style5 .advanced-search {
    width: 100%;
    margin-bottom: 15px;
  }

  .header.style5 .main-header .mini-cart {
    width: 100%;
  }

  .header.style5 .advanced-search .search-text-box {
    display: block;
  }

  .header-control .vertical-menu-wapper {
    width: 40px;
  }

  .header.style5 .box-vertical-megamenus .title {
    padding: 0;
    text-align: center;
    line-height: 40px;
  }

  .header.style5 .box-vertical-megamenus .title .text {
    display: none;
  }

  .header.style5 .box-vertical-megamenus .title .bar {
    float: none;
  }

  .header.style5 .mobile-navigation {
    font-size: 14px;
  }

  .floor-elevator {
    display: none;
  }

  .kt-tabs .tab-title {
    font-size: 16px;
  }

  .kt-tabs.style2 .nav-tab li a {
    padding: 0;
  }

  .kt-tabs.style2 .nav-tab li:after {
    display: none;
  }

  .kt-tabs.style2 .nav-tab li {
    padding: 5px 0;
  }

  .header.style5 .advanced-search .category-dropdwon {
    display: none;
  }

  .block-newsletter.style2 .inner {
    padding: 0 15px;
  }

  .block-newsletter.style2 .subtitle {
    font-size: 12px;
  }

  .block-box .block-head .block-desc {
    display: none;
  }

  .slide-home4 .container-slide .inner {
    padding: 0;
    float: none;
    text-align: center;
    width: 100%;
  }

  .slide-home4 .title {
    font-size: 20px;
  }

  .slide-home4 .subtitle {
    font-size: 12px;
  }

  .kt-tabs.style3 .nav-tab li {
    padding: 5px 0;
  }

  .slide-home7 .title {
    font-size: 30px;
    line-height: normal;
  }

  .slide-home7 .subtitle {
    font-size: 16px;
  }

  .header.style7 .advanced-search {
    width: 100%;
    margin-bottom: 20px;
  }

  .header.style7 .header-right-control {
    display: table;
    margin: 0 auto;
    float: none;
  }

  .header.style7 .top-bar-menu > li > a {
    padding: 0 5px;
  }

  .mini-cart:hover .mini-cart-content {
    display: none !important;
  }

  .header.style6 .advanced-search {
    width: 100%;
    margin-bottom: 20px;
  }

  /*.tab-brand .list-brand li{
        width: 333.333%;
    }*/
  .header.style9 .main-header .advanced-search,
  .header.style10 .main-header .advanced-search {
    width: 100%;
    margin-bottom: 20px;
  }

  .kt-product-tab .nav-tab li {
    display: block;
    float: none;
    text-align: center;
    padding: 5px 0;
  }

  .kt-product-tab .nav-tab li a {
    padding: 0;
    border: none;
  }

  .kt-product-tab .product-item.style9 .product-inner {
    border: 1px solid #e6e6e6;
    border-top: none;
    border-left: none;
  }

  .kt-category-tabs .tab-head,
  .kt-category-tabs .tab-head .title, .kt-category-tabs .tab-head .nav-tab {
    display: block;
    width: 100%;
    float: left;
  }

  .kt-category-tabs .tab-head .title {
    width: 100%;
    padding: 10px;

  }

  .kt-category-tabs .tab-head .nav-tab {
    text-align: center;
  }

  .kt-category-tabs .tab-head .nav-tab li {
    float: none;
  }

  .kt-category-tabs .tab-head .nav-tab li a {
    border: none;
  }

  .header.style9 .top-bar-menu,
  .header.style10 .top-bar-menu {
    text-align: center;
  }

  .kt-block-deal .head .count-down label {
    display: none;
  }

  .kt-block-deal .head .count-down {
    float: left;
    margin-top: 15px;
  }

  .kt-block-deal .head .count-down .kt-countdown .box-count {
    font-size: 12px;
  }

  .kt-block-deal .head .count-down .kt-countdown .box-count:first-child {
    padding-left: 0;
  }

  .kt-category-tabs.style2 .tab-head .nav-tab li {
    padding: 5px 0;
  }

  .kt-category-tabs.style2 .tab-head .title {
    border-bottom: 1px solid #eee;
    text-align: center;
  }

  .kt-category-tabs.style2 .product-item.style10 .product-inner {
    border: none;
  }

  .tab-brand .owl-nav {
    display: none;
  }

  .product-item.style9 .info,
  .product-item.style10 .info {
    text-align: center;
  }

  .header.style2 .top-bar-menu {
    display: block;
    width: 100%;
  }

  .header.style4 .top-bar-menu {
    display: inline-block;
    width: auto;
    float: left;
  }

  .box-setting .box-setting-content {
    padding: 10px;
  }

  .header.style3 form.advanced-search {
    width: 100%;
  }

  .top-bar-menu > li:nth-last-child(1) .sub-menu,
  .top-bar-menu > li:nth-last-child(2) .sub-menu {
    right: inherit;
    left: 0;
  }
}

@media (max-width: 480px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-ts-1,
  .col-ts-10,
  .col-ts-11,
  .col-ts-12,
  .col-ts-2,
  .col-ts-3,
  .col-ts-4,
  .col-ts-5,
  .col-ts-6,
  .col-ts-7,
  .col-ts-8,
  .col-ts-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
  }

  .col-ts-1,
  .col-ts-2,
  .col-ts-3,
  .col-ts-4,
  .col-ts-5,
  .col-ts-6,
  .col-ts-7,
  .col-ts-8,
  .col-ts-9,
  .col-ts-10,
  .col-ts-11 {
    float: left;
  }

  .col-ts-12 {
    width: 100%;
  }

  .col-ts-11 {
    width: 91.66666667%;
  }

  .col-ts-10 {
    width: 83.33333333%;
  }

  .col-ts-9 {
    width: 75%;
  }

  .col-ts-8 {
    width: 66.66666667%;
  }

  .col-ts-7 {
    width: 58.33333333%;
  }

  .col-ts-6 {
    width: 50%;
  }

  .col-ts-5 {
    width: 41.66666667%;
  }

  .col-ts-4 {
    width: 33.33333333%;
  }

  .col-ts-3 {
    width: 25%;
  }

  .col-ts-2 {
    width: 16.66666667%;
  }

  .col-ts-1 {
    width: 8.33333333%;
  }

  .col-ts-pull-12 {
    right: 100%;
  }

  .col-ts-pull-11 {
    right: 91.66666667%;
  }

  .col-ts-pull-10 {
    right: 83.33333333%;
  }

  .col-ts-pull-9 {
    right: 75%;
  }

  .col-ts-pull-8 {
    right: 66.66666667%;
  }

  .col-ts-pull-7 {
    right: 58.33333333%;
  }

  .col-ts-pull-6 {
    right: 50%;
  }

  .col-ts-pull-5 {
    right: 41.66666667%;
  }

  .col-ts-pull-4 {
    right: 33.33333333%;
  }

  .col-ts-pull-3 {
    right: 25%;
  }

  .col-ts-pull-2 {
    right: 16.66666667%;
  }

  .col-ts-pull-1 {
    right: 8.33333333%;
  }

  .col-ts-pull-0 {
    right: auto;
  }

  .col-ts-push-12 {
    left: 100%;
  }

  .col-ts-push-11 {
    left: 91.66666667%;
  }

  .col-ts-push-10 {
    left: 83.33333333%;
  }

  .col-ts-push-9 {
    left: 75%;
  }

  .col-ts-push-8 {
    left: 66.66666667%;
  }

  .col-ts-push-7 {
    left: 58.33333333%;
  }

  .col-ts-push-6 {
    left: 50%;
  }

  .col-ts-push-5 {
    left: 41.66666667%;
  }

  .col-ts-push-4 {
    left: 33.33333333%;
  }

  .col-ts-push-3 {
    left: 25%;
  }

  .col-ts-push-2 {
    left: 16.66666667%;
  }

  .col-ts-push-1 {
    left: 8.33333333%;
  }

  .col-ts-push-0 {
    left: auto;
  }

  .col-ts-offset-12 {
    margin-left: 100%;
  }

  .col-ts-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-ts-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-ts-offset-9 {
    margin-left: 75%;
  }

  .col-ts-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-ts-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-ts-offset-6 {
    margin-left: 50%;
  }

  .col-ts-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-ts-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-ts-offset-3 {
    margin-left: 25%;
  }

  .col-ts-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-ts-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-ts-offset-0 {
    margin-left: 0;
  }

  .hidden-ts {
    display: none;
  }

  .slide-home1 .thumbs {
    display: none;
  }

  .top-bar-left .logo, .top-bar-left .form-search-wapper {
    display: block;
    width: 100%;
    padding: 10px;
  }

  .top-bar-left .logo {
    padding: 15px 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgba(56, 56, 56, 0.6);
  }

  .top-bar-menu > li > a,
  .top-bar-menu > li > .cart-link {
    padding: 10px 15px;
  }

  .top-bar-menu > li > .cart-link .subtotal,
  .top-bar-menu > li > .cart-link .kak {
    display: none;
  }

  .block-daily-deal .thumbs {
    display: table;
    width: 100%;
  }

  .block-daily-deal .thumbs a {
    width: 33.33333%;
    float: left;
  }

  .block-daily-deal .product-image {
    max-width: 100%;
  }

  .block-daily-deal .product-info {
    padding-left: 0;
    width: 100%;
    float: left;
  }

  .block-daily-deal .product-count-down .box-count .number {
    font-size: 16px;
  }

  .block-daily-deal .product-count-down .box-count .text {
    font-size: 12px;
  }


  /*.header.style2 .mobile-navigation{
        font-size: 0;
    }*/
  .advanced-search .category-dropdwon {
    display: none;
  }

  .advanced-search .search-text-box {
    padding-left: 10px;
  }

  .footer-social, .footer-newsletter {
    padding: 0 10px;
  }

  .footer-social .social a {
    margin: 0;
  }

  .box-setting .box-setting-content {
    min-width: 120px;
    padding: 10px;
    left: 0;
    right: inherit;
  }

  .box-setting-content .box-section .inner a {
    width: 33.33333%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 5px;
  }

  .box-setting-content .box-section.currency .inner a {
    width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    margin-right: 10px;
  }

  .box-setting-content .box-section .inner {
    padding: 10px 0;
  }

  .mini-cart .mini-cart-content {
    min-width: 255px;
  }

  .mini-cart:hover .mini-cart-content,
  .mini-cart .mini-cart-content {
    display: none;
  }

  .top-bar-menu > li:nth-last-child(1) .sub-menu,
  .top-bar-menu > li:nth-last-child(2) .sub-menu {
    left: 0;
    right: inherit;
  }

  .header.style2 .top-bar-menu > li > a {
    border: none;
  }

  .header.style2 .top-bar-menu {
    width: 100%;
    border: none;
  }

  .header.style2 .top-bar-menu > li {
    float: none;
    display: inline-block;
  }

  .block-banner-text .content {
    left: 15px !important;
    right: 15px !important;
    text-align: center !important;
  }

  .slide-home2 .content-slide .title {
    margin-bottom: 0;
  }

  .single-product .summary {
    padding: 10px;
  }

  .single-product .kt-images {
    margin-bottom: 20px;
    padding: 10px;
  }

  .no-sidebar .single-product .kt-images .kt-main-image {
    padding: 0;
  }

  .no-sidebar .single-product .kt-images img {
    width: 100%;
  }

  .product-tabs .tab-container {
    padding: 10px;
  }

  table.cart {
    display: block;
  }

  table.cart thead {
    display: none;
  }

  table.cart td {
    display: block;
    width: 100%;
    float: left;
    overflow: hidden;
  }

  .block-form .block-form-footer {
    padding: 0;
    overflow: hidden;
    text-align: center;
  }

  .block-form .block-form-footer .button {
    display: inline-block;
    float: none !important;
    margin-bottom: 10px;
  }

  .product-item .thumb img {
    width: 100%;
  }

  .testimonial .inner .text {
    padding: 15px;
  }

  .header.style5 .mobile-navigation {
    font-size: 14px;
  }

  .header.style4 .top-bar-menu {
    width: auto;
    float: left;
  }

  .header.style4 .box-setting .box-setting-content {
    min-width: 190px;
  }

  .single-product .summary .single_add_to_cart_button {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media (max-width: 320px) {

  .box-category-products .head img {
    width: 100%;
  }

  .slide-home5 .content-slide .title {
    font-size: 20px;
  }

  .slide-home5 .content-slide .link {
    margin-top: 10px;
  }

  .topbar-search .icon .text {
    display: none;
  }

  .top-bar-menu .sub-menu {
    min-width: 170px;
    max-width: 170px;
  }

  .top-bar-menu .sub-menu > li {
    padding: 0 10px;
  }

  .top-bar-menu .sub-menu > li > a {
    padding: 10px 10px;
  }

  .box-setting .box-setting-content {
    min-width: 120px;
    padding: 10px;
    left: 0;
    right: inherit;
  }

  .kt-category-tabs .tab-head .nav-tab li {
    width: 100%;
  }

  .group-brands .brand-item {
    width: 50%;
  }

}

.pointer {
  cursor: pointer;
}

.pre-orders {
  padding: 25px 0;
}

.pre-order-cart {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background: white;
  margin-bottom: 40px;
}

.pre-order-border {
  padding: 12px;
}

.centered-div {
  margin-left: auto;
  margin-right: auto;
}

.pre-order-line {
  width: 100%;
  border-bottom: 1px solid #666666;
  margin: 10px 0;
}

.pre-order-price {
  font-weight: bold;
}

.bold-font {
  font-weight: bold !important;
}

.pre-order-badge {
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
}

.pre-order-unit-price {
  font-weight: bold;
  color: #43A043;
}

.all-green {
  background-color: #43A043 !important;
  border-color: #43A043 !important;
  color: white !important;
}

.all-green:hover {
  background-color: #3A8A3A !important;
  border-color: #3A8A3A !important;
  color: white !important;
}

.all-green:after {
  background-color: #3A8A3A !important;
  border-color: #3A8A3A !important;
  color: white !important;
}

.pre-order-price-cart {
  border: 1px solid #efefef;
  border-radius: 8px;
  background-color: #efefef;
  margin: 25px 0;
  text-align: center;
  padding: 40px;
}

.pre-order-item-img {
  border: 1px solid #eeeeee;
  border-radius: 24px;
  width: 48px !important;
  height: 48px;
  margin-left: -8px;
  float: left;
  padding: 4px;
  background: #fff;
}

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

.pre-order-more-items {
  padding-top: 12px;
  color: var(--primary-color);
  text-transform: lowercase;
  font-size: 16px;
}

.max-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.home-pre-order-cart {
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 12px;
  min-height: 150px;
}

.pre-order-header-name {
  font-weight: bold;
  min-height: 36px;
}

.pre-order-item-date-cart {
  padding: 8px 0;
  border-radius: 8px;
  background-color: #efefef;
  margin-bottom: 10px;
}

.popup-close-icon {
  position: fixed;
  top: 85px;
  max-width: 24px !important;
  z-index: 1003 !important;
  left: calc(50% - (1200px/2));
  opacity: 1;
}

.multiple-barcode-text-area {
  width: 50% !important;
  min-height: 200px;
  font-weight: normal;
  font-style: italic;
}

.width-100percent {
  width: 100% !important;
}

.error-color {
  color: var(--error-color);
}

.barcode-items-count {
  border: 1px solid #dddddd;
  width: 50px;
  font-weight: normal;
}

.margin-right-10 {
  margin-right: 10px;
}

.max-line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.span-mxw-50px {
  display: block;
  width: 56px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.success-color {
  color: var(--success-color);
}

.underline {
  text-decoration: underline;
}

.pre-order-header-cart {
  border: 1px solid #eeeeee;
  padding: 12px !important;
  cursor: pointer;
  min-height: 150px;
}

.add-all-button {
  padding: 4px 20px !important;
  margin-left: 40px;
}

.item-alpha {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
  opacity: 0.5;
  z-index: 1002;
}

.item-detail-popup {
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed !important;
  top: 118px;
  bottom: 40px;
  z-index: 1002 !important;
  background: var(--surface-color);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  left: calc(50% - (1200px/2));
  padding: 0 !important;
}

.home-title {
  background: #eee;
  padding: 10px;
  /*border-top: 1px solid #ccc;*/
  /*border-bottom: 1px solid #ccc;*/
}

.border-1-eee {
  border: 1px solid #eee
}

.border-right-1 {
  border-right: 1px solid #eee
}

.count-down {
  font-size: xx-large;
  font-weight: bold;
  color: var(--primary-color);
}

.countdown-title {
  font-size: xx-large;
  font-weight: bold;
}

.padding-15 {
  padding: 15px !important;
}

.pointed {
  cursor: pointer;
}

.deactivate {
  display: none;
  opacity: 0;
}

.mxwh-24 {
  max-width: 24px;
  max-height: 24px;
}

.wh-24 {
  width: 24px !important;
  height: 24px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-right-20 {
  margin-right: 20px;
}

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

.color-secondary {
  color: var(--secondary-color);
}

.header-category-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 215px
}

.header-subcategory-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 177px;
}

.contact-icon {
  max-width: 18px;
}

.max-height-42 {
  max-height: 42px;
  padding: 8px 20px !important;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: var(--button-bar-color);
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.load-more {
  padding-top: 40px;
  padding-bottom: 60px;
  text-align: center;
}

.load-border {
  border-left: 1px solid #eee;
}

.category-padding-item-list {
  padding: 8px 4px 8px 10px!important;
}

.search-category {
  padding: 8px 4px;
  border-top: 1px solid #EBEBEB;
  cursor: pointer;
}

.search-category:hover {
  color: var(--primary-color);
}

.scrollable-categories {
  width: 100%;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  /*border: 1px solid var(--surface-tertiary-color);*/
}

.category-filter-title {
  color: var(--button-bar-color);
  padding: 12px 6px;
  float: left;
}

.category-clear-filter {
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
  padding: 12px 6px;
  float: left;
}

.cursor-default {
  cursor: default !important;
}

.width-50-percent {
  width: 50% !important;
}

.mxw-180px {
  max-width: 180px !important;
}

.height-40 {
  height: 40px;
}

.count-information {
  border-top: 1px solid #eee;
  background: #fff;
  min-height: 50px;
  width: 100%;
  padding-right: 20px;
}

.category-load-next-text {
  background: #eee;
  color: #eee
}

.category-load-next {
  background: #eee;
  color: #eee;
  height: 150px;
  margin-top: 10px
}

.checkout-summary {
  margin-bottom: 20px;
  border: 1px solid lightgray;
  padding: 8px;
  border-radius: 10px;
  width: fit-content;
  float: right;
}

.sr-loading-text {
  background: #f9f9f9;
  color: #f9f9f9;
}

.active-category {
  color: var(--primary-color);
  background: var(--secondary-color);
  cursor: default!important;
}

.tooltip.tooltip-top,
.tooltip.tooltip-bottom,
.tooltip.tooltip-left,
.tooltip.tooltip-right {
  z-index: 100000;
}