body {

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

  font-weight: 400;

  color: var(--primary-color);

  font-size: 14px;

  line-height: 20px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



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

/* General Style */

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

h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--primary-color);

  font-weight: 500;

  text-transform: capitalize;

}

/* Override the bootstrap defaults */

h1 {

  font-size: 33px;

}

h2 {

  font-size: 28px;

}

h3 {

  font-size: 21px;

}

h4 {

  font-size: 16px;

}

h5 {

  font-size: 12px;

}

h6 {

  font-size: 10.2px;

}

a {

  color: var(--secondary-light-color);

  text-decoration: none;

}

a:hover {

  text-decoration: none;

}

.fa {

  font-size: 14px;

}

legend {

  font-size: 18px;

  padding: 7px 0px;

  border-color: var(--border-color);

}

label {

  font-size: 14px;

  font-weight: normal;

}

select.form-control,

textarea.form-control,

input[type="text"].form-control,

input[type="password"].form-control,

input[type="datetime"].form-control,

input[type="datetime-local"].form-control,

input[type="date"].form-control,

input[type="month"].form-control,

input[type="time"].form-control,

input[type="week"].form-control,

input[type="number"].form-control,

input[type="email"].form-control,

input[type="url"].form-control,

input[type="search"].form-control,

input[type="tel"].form-control,

input[type="color"].form-control {

  font-size: 14px;

}

.input-group input,

.input-group select,

.input-group .dropdown-menu,

.input-group .popover {

  font-size: 14px;

}

.input-group .input-group-addon {

  font-size: 14px;

  height: 30px;

}



/* Fix some bootstrap issues */

span.hidden-xs,

span.hidden-sm,

span.hidden-md,

span.hidden-lg {

  display: inline;

}

a:focus,

a:hover,

div:focus,

img:focus {

  text-decoration: none;

  outline: none;

  color: var(--primary-color);

}

div.required .control-label:before,

div.required .col-form-label:before {

  content: "* ";

  color: #f00;

  font-weight: bold;

}

.btn.focus:active,

.btn:active:focus,

.btn:focus,

.addcart:focus {

  outline: none;

}

.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus,

button:focus,

input:focus,

select:focus,

textarea:focus,

div:focus,

img:focus,

.form-control:focus,

i:focus {

  outline: none;

  box-shadow: none;

  text-decoration: none;

}



.container,

.row {

  --bs-gutter-x: 30px;

}

.row.slick-theme .col.col-12 {

  padding-left: calc(var(--bs-gutter-x) * .5);

  padding-right: calc(var(--bs-gutter-x) * .5);

}

@media(max-width: 991px) {

  .row {

    --bs-gutter-x: 10px;

  }

}

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

/* scrollToTop */

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

.scrollToTop {

  position: fixed;

  right: 30px;

  bottom: 30px;

  z-index: 5;

  background: var(--secondary-color);

  color: var(--primary-color);

  height: 50px;

  width: 50px;

  border-radius: 50px;

  text-align: center;

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

  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

}

.scrollToTop i {

  font-size: 22px;

  line-height: 50px;

}

.scrollToTop:hover,

.scrollToTop:focus {

  background: var(--primary-color);

  color: var(--secondary-color);

}

@media (max-width: 991px) {

  .scrollToTop {

    height: 40px;

    width: 40px;

    right: 15px;

    bottom: 15px;

  }

  .scrollToTop i {

    line-height: 40px;

  }

}

@media(max-width: 575px) {

  .scrollToTop {

    height: 30px;

    width: 30px;

    right: 10px;

    bottom: 10px;

  }

  .scrollToTop i {

    font-size: 16px;

    line-height: 30px;

  }

}



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

/* loader */

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

.loader {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background: url("../image/ajax_loader.gif") 50% 50% no-repeat

    rgb(255, 255, 255);

  opacity: 1;

}



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

/* QuickView Loader*/

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

.quickview-wrapper {

  background-color: var(--secondary-color);

  display: none;

  height: 80vh;

  left: 0;

  margin: 0 auto;

  overflow: auto;

  padding: 20px 5px;

  position: fixed;

  right: 0;

  top: 7%;

  width: 70%;

  z-index: 9999;

}

.quickview-overlay {

  display: none;

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

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  position: fixed;

  z-index: 99;

}

.quickview-btn {

  position: absolute;

  z-index: 200;

  top: 0;

  right: 0;

  font-size: 12px;

  height: 30px;

  width: 30px;

  line-height: 30px;

  text-align: center;

  color: var(--primary-color);

  background: var(--background-color);

  border-radius: 0;

}

.quickview-btn:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

.quickview-loader {

  display: none;

  position: fixed;

  top: 0;

  width: 50px;

  height: 50px;

  left: 0;

  right: 0;

  bottom: 0;

  text-align: center;

  z-index: 9999;

  margin: auto;

  background-color: transparent;

  line-height: 50px;

}

.quickview-loader-inner {

  font-size: 16px;

  color: #ffffff;

}

@media (max-width: 991px) {

  .quickview-wrapper {

    width: 90%;

  }

  .quickview-container .right_info {

    margin: 0;

  }

}



@media(max-width: 767px) {

  .quickview-container .pro-image {

    margin-bottom: 20px;

  }

}

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

/* alert */

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

.alert.alert-success {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 999;

  border-radius: 0;

  margin: 0 0 20px 0;

}

.alert {

  padding: 9px 30px 9px 15px;

  border-radius: 0;

  text-align: center;

  position: relative;

  line-height: 20px;

  z-index: 1;

}

.alert-dismissable .close,

.alert-dismissible .close {

  opacity: 1;

  position: absolute;

  right: 10px;

  top: 0;

  line-height: 38px;

  text-shadow: none;

}

.newsletterblock .alert {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 11;

}

#form-review .alert.alert-success,

#post_comment .alert {

  position: relative;

}



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

/* Start Newsletter Popup */

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

.newsletter-wrap {

  background: url(../image/newsletter-popup.jpg) center center;

  background-size: cover;

}

.newsletter-content {

  width: 50%;

  margin: auto 0 auto auto;

  padding: 71px 20px;

  background: rgba(255, 255, 255, 0.9);

}

#newsletter-popup .modal-content {

  background: transparent;

  box-shadow: none;

}

.modal-dialog-centered {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  min-height: calc(100% - (0.5rem * 2));

}

.modal-content {

  border: none;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  pointer-events: auto;

  background-color: var(--secondary-color);

  background-clip: padding-box;

  border-radius: 0;

}

.newsletter-popup .modal-dialog {

  margin: 20px auto;

  max-width: 600px;

  text-align: center;

}

.newsletter-btn-close.close {

  width: 30px;

  height: 30px;

  position: absolute;

  right: 0;

  top: 0;

  opacity: 1;

  font-size: 10px;

  border: none;

  text-shadow: none;

  background: var(--border-color);

  color: var(--primary-color);

}

.newsletter-btn-close.close i {

  display: block;

}

.newsletter-btn-close.close:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

.newsletter-popup .modal-body {

  padding: 0;

  z-index: 1;

}

.newsletter-content-innner h3 {

  font-size: 36px;

  line-height: 1.2;

  margin: 0 0 25px;

  font-weight: 500;

  text-transform: capitalize;

}

.newsletter-content-innner input[type="text"] {

  width: 70%;

  margin: 0 auto;

  height: 42px;

  border: 1px solid #ddd;

  padding: 0 10px;

}

.newsletter-content-bottom {

  margin-top: 20px;

}

.newsletter-content-innner .alert {

  margin: 15px 0 10px;

  display: table;

  position: relative;

  width: 100%;

}

.newsletter-content-innner .alert .btn-close {

  right: 0px;

}

.newsletter-content-innner .newsletter_usr_popup_email {

  height: 40px;

  border: 1px solid var(--border-color);

  padding: 10px;

  background: var(--secondary-color);

  border-radius: 0;

  width: 100%;

  text-align: center;

}

.frmnewsletterpopup button {

  margin-top: 25px;

}

.newsletter-content-bottom label {

  margin: 0;

}

@media (min-width: 768px) {

  .newsletter-popup .modal-dialog {

    width: 100%;

  }

}

@media(max-width: 991px) {

  .newsletter-content-innner h3 {

    font-size: 32px;

    margin: 0 0 20px;

  }

}

@media (max-width: 767px) {

  .newsletter-popup .modal-dialog {

    width: 90%;

    max-width: unset;

  }

  .newsletter-content-innner h3 {

    font-size: 26px;

  }

}

@media (max-width: 540px) {

  .newsletter-content {

    width: auto;

    padding: 40px 20px;

    background: rgba(255, 255, 255, 0.7);

  }

  .newsletter-wrap {

    padding: 15px;

  }

  .frmnewsletterpopup button {

    margin-top: 15px;

  }

}

@media(max-width: 375px) {

  .frmnewsletterpopup button {

    padding: 6px 19px;

    font-size: 12px;

  }

  .newsletter-content-innner .newsletter_usr_popup_email {

    height: 36px;

    font-size: 12px;

  }

}

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

/* Start header */

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

.header-fixed {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  -webkit-animation: fadeInDown 0.5s ease-out forwards;

  -moz-animation: fadeInDown 0.5s ease-out forwards;

  -o-animation: fadeInDown 0.5s ease-out forwards;

  animation: fadeInDown 0.5s ease-out forwards;

  z-index: 9;

  border: none;

  background: var(--secondary-color);

  -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);

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

}

.header-fixed #logo img {

  max-width: 140px;

}

.header-fixed .header-top {

  padding: 15px 0;

}



#alert {

  width: 100%;

  pointer-events: auto;

}

body .alert-dismissible .btn-close {

  padding: 0.75rem 1rem;

}



/*header*/

header {

  position: relative;

}

.header-top {

  padding: 30px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/*logo*/

#logo {

  vertical-align: top;

  display: inline-block;

}

#logo img {

  max-width: 200px;

  image-rendering: -webkit-optimize-contrast;

}



/*header search*/

.btn_search {

  position: relative;

  display: inline-block;

  cursor: pointer;

}

.btn_search .form-control {

  padding: 2px 10px;

  border: none;

  height: 40px;

}

.header-search .icon-close {

  position: absolute;

  right: 15px;

  top: 10px;

  cursor: pointer;

  font-size: 12px;

}

.header-search {

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  background: rgba(255, 255, 255, 0.9);

  padding: 0 30px;

  display: flex;

  align-items: center;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.header-search.active {

  opacity: 1;

  visibility: visible;

}

#mahardhiSearch .input-lg,

#search .input-lg {

  height: 40px;

  border: none;

}

#mahardhiSearch .input-lg {

  padding: 6px 15px;

}

.category-search {

  position: relative;

}

.category-search:after {

  border-left: 1px solid var(--border-color);

  content: "";

  height: 25px;

  position: absolute;

  top: 0;

  bottom: 0;

  z-index: 9;

  margin: auto;

}

/*-- mahardhi edit --*/

#mahardhiSearch,

#search {

  display: flex;

  position: relative;

  margin: 0 auto;

  width: 65%;

  border-bottom: 1px solid var(--border-color);

  background: var(--secondary-color);

}

#mahardhiSearch > *,

#search > * {

  background: transparent;

  color: var(--primary-color);

  display: block;

}

#mahardhiSearch .btn-search,

#search .input-group-btn {

  width: auto;

  background: transparent;

}

#mahardhiSearch .btn-search button,

#search .input-group-btn button {

  padding: 10px;

  border: none;

  background: transparent;

  color: var(--primary-color);

}



#sResultContainer {

  position: absolute;

  top: 100%;

}

.ui-autocomplete.ui-menu .ui-menu-item {

  list-style-image: none;

  padding: 1px;

}

.ui-autocomplete.ui-menu .ui-menu-item a {

  padding: 3px 1em 3px 0.4em;

}

.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {

  background-color: #f9f9f9;

  border-color: #f9f9f9;

  color: var(--primary-color);

}

.ui-autocomplete .mahardhi-search {

  position: relative;

  display: table;

  width: 100%;

  padding: 5px 0px;

}

.ui-autocomplete .mahardhi-search > div {

  font-size: 14px;

  display: table-cell;

  vertical-align: top;

}

.ui-autocomplete .mahardhi-search .images {

  width: 80px;

  padding-right: 10px;

}

.ui-autocomplete .mahardhi-search .product-detail .price-new {

  font-size: 16px;

}

.ui-autocomplete .mahardhi-search .product-detail .price-old {

  color: var(--secondary-light-color);

  text-decoration: line-through;

  margin-left: 10px;

  font-size: 14px;

}

#mahardhiSearch select.form-control.input-lg {

  border: none;

  padding: 6px 0;

  line-height: 1.42857143;

  width: auto;

  background: transparent;

  color: var(--primary-color);

}

#mahardhiSearch .input-lg::placeholder {

  color: var(--primary-color);

}



/*header right*/

.header-links {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

#header_ac > a span {

  margin: 0 5px 0 0;

}

#header_ac > a i,

.btn_search .search-btn i {

  font-size: 20px;

  display: block;

}

#header_ac > a,

.btn_search .search-btn {

  display: block;

  padding: 15px;

  color: var(--primary-color);

}

#header_ac .dropdown-menu {

  padding: 7px 15px;

  width: 200px;

}

#form-currency .dropdown-toggle,

#form-language .dropdown-toggle {

  border-bottom: 1px solid var(--border-color);

  width: 100%;

  padding: 5px 0;

  margin: 2px 0;

  border-radius: 0;

  color: var(--primary-color);

}

.language-dropdown,

.currency-dropdown {

  padding: 0;

}

.language-dropdown li,

.currency-dropdown li {

  display: block;

}



/*account*/

#header_ac .dropdown-menu > li > a {

  padding: 5px 0;

  color: var(--secondary-light-color);

}

#header_ac button {

  text-align: left;

  padding: 5px 10px;

  text-transform: capitalize;

  border: none;

  color: var(--secondary-light-color);

}

#header_ac button:hover,

#header_ac .dropdown-menu > li > a:hover {

  color: var(--primary-color);

}



/*cart*/

.header_cart {

  position: relative;

}

#cart {

  vertical-align: top;

}

#cart > .btn {

  background: transparent;

  padding: 15px 0 15px 15px;

  border: none;

  color: var(--primary-color);

  display: flex;

  align-items: center;

  box-shadow: none;

}

#cart-total {

  font-size: 12px;

  padding: 3px 5px;

  line-height: 1;

  border-radius: 50%;

  color: var(--secondary-color);

  background: var(--primary-hover-color);

  position: absolute;

  right: -3px;

  top: 7px;

}

#cart > .btn:before {

  content: "\e92b";

  font-family: "Mahardhi-Fonts";

  font-size: 20px;

  margin-right: 3px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

#cart .dropdown-menu {

  overflow: hidden;

  margin: 0;

  padding: 0px;

  width: 300px;

}

#cart .dropdown-menu li {

  float: none;

  padding: 0px 20px;

}

#cart .dropdown-menu li p {

  margin: 0;

  font-size: 14px;

  color: var(--primary-color);

}

#cart .dropdown-menu li p .btn {

  padding: 8px 15px;

}

.product-cart-empty {

  padding: 20px 0;

}

.header_cart i.fa.fa-shopping-cart {

  display: none;

}

#cart .dropdown-menu .cart-content-product {

  max-height: 241px;

  overflow-y: auto;

  overflow-x: hidden;

}

#cart .dropdown-menu table {

  margin-bottom: 10px;

  border: none;

}

.table-striped > tbody > tr:nth-of-type(odd) {

  background-color: transparent;

}

#cart .dropdown-menu > li.cart-content-product .table > tbody > tr:last-child {

  border-bottom: none;

  padding-bottom: 10px;

  margin-bottom: 0px;

}

#cart .dropdown-menu > li.cart-content-product .table > tbody > tr {

  padding-bottom: 20px;

  padding-top: 20px;

  position: relative;

  border-bottom: 1px solid var(--border-color);

  display: block;

}

#cart .dropdown-menu .table > tbody > tr > td,

#account-address .table > tbody > tr > td {

  vertical-align: top;

}

#cart .dropdown-menu table td.product-cart-thumb {

  padding: 0;

}

#cart .dropdown-menu table td {

  background: none;

  border: none;

  padding: 5px 4px;

  color: var(--primary-color);

  box-shadow: none;

}

#cart .dropdown-menu li td,

td.cart-total-price {

  font-size: 14px;

  font-weight: 500;

}

#cart .img-thumbnail {

  padding: 0;

  border-radius: 0;

}

#cart .dropdown-menu table td.product-cart-details {

  padding-left: 10px;

  padding-right: 10px;

}

#cart .dropdown-menu .product-item-name,

#cart .product-cart-info .product-cart-qty {

  font-weight: normal;

  color: var(--primary-color);

  display: inline-block;

}

.product-cart-info {

  margin-top: 8px;

}

#cart .product-cart-info .product-cart-price,

.product-cart-total {

  color: var(--primary-hover-color);

}

#cart .dropdown-menu li tr:last-child td:last-child,

tr:last-child td.cart-total-price:last-child {

  font-size: 16px;

  color: var(--primary-hover-color);

}

#cart .dropdown-menu table td.product-cart-close,

#cart .dropdown-menu table td.voucher-close {

  position: absolute;

  top: 20px;

  right: 0;

  padding: 0;

}

#cart .dropdown-menu .btn-danger {

  background: transparent;

  color: var(--primary-color);

  border-radius: 0;

  line-height: 20px;

  font-size: 12px;

  padding: 0;

  border: none;

  box-shadow: none;

  -webkit-box-shadow: none;

}

#cart .dropdown-menu li + li {

  border-top: 1px solid var(--border-color);

  padding: 10px 20px 0px 20px;

}

#cart .dropdown-menu li td strong,

#cart .dropdown-menu li small,

td.cart-total-title {

  font-size: 14px;

  font-weight: 500;

}

.product-cart-button {

  padding: 0px 0px 20px 0px;

}

#cart .table-bordered tr {

  border: none;

}

/* Header Bottom */

@media only screen and (max-width: 1440px) {

  .header-top {

    padding: 20px 0;

  }

  #logo img {

    max-width: 150px;

  }

}

@media only screen and (max-width: 1199px) {

  #logo img {

    width: 120px;

  }

  .header-top {

    padding: 15px 0;

  }

}

@media only screen and (max-width: 991px) {

  .header-top {

    padding: 10px 0;

  }

  .btn_search {

    width: 100%;

  }

  #header_ac > a,

  .btn_search .search-btn {

    padding: 10px;

  }

  #cart > .btn {

    padding: 10px 0 10px 10px;

  }

  #mahardhiSearch,

  #search {

    width: 100%;

  }

  .header-search {

    background: rgba(255, 255, 255, 1);

  }

  #cart-total {

    top: 4px;

    right: 0;

    font-size: 10px;

    padding: 3px 4px;

  }

}

@media(max-width: 767px) {

  #mahardhiSearch .btn-search button,

  #search .input-group-btn button {

    padding: 11px;

    font-size: 14px;

    line-height: 10px;

  }

  #mahardhiSearch .input-lg,

  #search .input-lg {

    height: 36px;

  }

  #header_ac a i,

  .btn_search .search-btn i {

    font-size: 16px;

  }

  #cart > .btn:before {

    font-size: 18px;

  }

}

@media(max-width: 575px) {

  #cart .dropdown-menu {

    width: 260px;

  }

  .product-cart-empty {

    padding: 15px 0;

  }

}

@media (max-width: 540px) {

  #mahardhiSearch select.form-control.input-lg {

    max-width: 90px;

  }

  #mahardhiSearch .input-lg {

    padding: 6px 10px;

    font-size: 12px;

  }

}

@media (max-width: 480px) {

  #logo img {

    width: 100px;

  }

  #cart > .btn:before,

  #header_ac > a i,

  .btn_search .search-btn i {

    font-size: 16px;

  }

  #mahardhiSearch select.form-control.input-lg,

  #mahardhiSearch .input-lg {

    font-size: 10px;

  }

  #mahardhiSearch select.form-control.input-lg {

    max-width: 65px;

  }

}

@media(max-width: 425px) {

  #cart-total {

    top: 6px;

    right: -2px;

    font-size: 10px;

    padding: 2px 4px;

  }

}

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

/* menu start */

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

#menu {

  border: none;

  border-radius: 0;

  text-transform: uppercase;

  min-height: unset;

  display: inline-block;

  vertical-align: top;

  margin: 0;

  padding: 0;
  line-height: 1.4;

}

#menu .nav > li > a {

  padding: 0;

  font-size: 14px;

  font-weight: 400;

  border-radius: 0;

  background: transparent;

  text-transform: uppercase;

  color: var(--primary-color);

}

#menu .nav > li {

  padding: 15px 0;

  position: relative;

}

#menu .dropdown-inner,

#navCategory .dropdown-inner {

  display: table;

}

#menu .dropdown-inner ul,

#navCategory .dropdown-inner > ul {

  display: table-cell;

}

#menu .menulist .dropdown-menu a {

  font-size: 14px;

  text-transform: capitalize;

}

#menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover,

#menu .nav.navbar-nav li:hover > span,

#menu .dropdown-inner li:hover > a,

#navCategory .dropdown-inner li a:hover,

.vertical-category ul > li:hover > a,

#menu #topCategoryList .dropdown-inner li:hover > a,

#menu .nav > li:hover > a {

  color: var(--primary-color);

  background-color: transparent;

}

#menu .dropdown-inner .dropdown-submenu,

#navCategory .dropdown-inner .dropdown-submenu {

  position: relative;

}

#menu .column-1 .dropdown-inner li.dropdown-submenu > .fa {

  position: absolute;

  right: 10px;

  top: 0;

  padding: 8px 0;

}

#menu .see-all {

  display: block;

  margin-top: 0.5em;

  border-top: 1px solid #ddd;

  padding: 3px 20px;

  -webkit-border-radius: 0 0 4px 4px;

  -moz-border-radius: 0 0 4px 4px;

  border-radius: 0 0 3px 3px;

  font-size: 12px;

}

#menu .see-all:hover,

#menu .see-all:focus {

  text-decoration: none;

  color: var(--primary-hover-color);

  background-color: #229ac8;

  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);

  background-repeat: repeat-x;

}

.navbar-toggler:focus {

  box-shadow: none;

}

@media  {

  #menu .nav > li > a:after {

    content: "";

    background: var(--primary-color);

    width: 0;

    height: 2px;

    left: 0;

    right: 0;

    margin: auto;

    display: block;

    position: absolute;

    margin-top: 5px;

    transition: all 350ms ease-out 0s;

    -moz-transition: all 350ms ease-out 0s;

    -o-transition: all 350ms ease-out 0s;

    -webkit-transition: all 350ms ease-out 0s;

  }

  #menu .nav > li:hover > a:after {

    width: 100%;

  }

  #menu

    .dropdown-menu.navcol-menu.item-column

    .dropdown-submenu.sub-menu-item

    > a {

    font-weight: 600;

  }

  #menu .dropdown-inner a {

    display: block;

    padding: 5px 15px;

    font-size: 14px;

    font-weight: 400;

    text-transform: capitalize;

    min-width: 200px;

    text-align: left;

    color: var(--secondary-light-color);

  }

  #menu ul li.hiden_menu .dropdown-inner .dropdown-menu {

    display: none;

  }

  #menu .dropdown-menu,

  #menu .hiden_menu.menu_drop .dropdown-inner {

    display: block;

    top: 50px;

    left: 0px;

    min-width: 200px;

    z-index: 999;

    text-align: left;

    right: auto;

    padding: 10px 0;

  }

  #menu .dropdown-menu,

  #menu .hiden_menu.menu_drop .dropdown-inner,

  #menu .column-1 .dropdown-inner .dropdown-submenu ul.sub-menu {

    position: absolute;

    top: 100px;

    padding: 8px 0;

    visibility: hidden;

    background: var(--secondary-color);

    opacity: 0;

    -khtml-opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

    filter: alpha(opacity=0);

    transform-origin: 15% 15% 0;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    filter: alpha(opacity=0);

    transform-origin: center top 0;

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

    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

  }

  #menu .dropdown:hover .dropdown-menu,

  #menu ul li.hiden_menu.menu_drop:hover .dropdown-inner,

  #menu .column-1 .dropdown-inner .dropdown-submenu:hover ul.sub-menu {

    display: block;

    top: 100%;

    visibility: visible;

    opacity: 1;

    -khtml-opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

    visibility: visible;

    filter: alpha(opacity=100);

  }

  #menu .column-1 .dropdown-inner .dropdown-submenu ul.sub-menu {

    left: 100%;

    top: 100%;

  }

  #menu .column-1 .dropdown-inner .dropdown-submenu:hover ul.sub-menu {

    top: 0px;

  }

  #menu ul.nav .item-column ul.list-unstyled li {

    margin: 0 10px;

  }

  #menu

    .dropdown-menu.navcol-menu.item-column

    .dropdown-submenu.sub-menu-item

    > a {

    border-bottom: 1px solid var(--border-color);

    color: var(--primary-color);

    font-size: 14px;

    font-weight: 400;

    padding-bottom: 7px;

    margin: 0 10px 3px;

  }

  #menu ul.nav .item-column ul.list-unstyled li a {

    padding-left: 0;

    padding-right: 0;

  }

  #menu .nav > li + li {/* margin-left: 34px; */}

}

@media  {

  #topCategoryList {

    background: var(--secondary-color);

    display: block !important;

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    max-width: 350px;

    z-index: 999;

    margin: 0;

    -webkit-transform: translate(-400px, 0);

    -moz-transform: translate(-400px, 0);

    -ms-transform: translate(-400px, 0);

    -o-transform: translate(-400px, 0);

    transform: translate(-400px, 0);

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -webkit-transition-property: -webkit-transform;

    transition-property: transform;

    -moz-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    overflow: auto;

  }

  #topCategoryList.box-menu {

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

  }

  .menu-close {

    background: var(--primary-color);

    color: var(--secondary-color);

    padding:15px;

    font-weight: 600;

    font-size: 18px;

    display: flex;

    justify-content: space-between; cursor: pointer;

  }

  .menu-close i {

    line-height: 20px;

    font-size: 12px;

  }

  #menu .btn-navbar.open-menu:after {

    top: 0;

    left: 0;

    content: "";

    width: 100%;

    display: block;

    position: fixed;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 99;

    transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1);

    transition-delay: 0.1s;

  }

  #menu .btn-navbar span:before,

  #menu .btn-navbar span:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 1px;

    background: var(--primary-color);

    left: 0;

    transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

  }

  #menu .btn-navbar span:after {

    top: 6px;

  }

  #menu .btn-navbar span:before {

    top: -6px;

  }

  #menu .btn-navbar span {

    position: absolute;

    width: 20px;

    height: 1px;

    background: var(--primary-color);

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

  }

  #menu .nav > li > a,

  #menu #topCategoryList .dropdown-inner a {

    color: var(--secondary-light-color);

    font-weight: 400;

    padding: 6px 30px 6px 15px;

    display: block;

    font-size: 18px;

    text-transform: capitalize;

  }

  #menu .nav > li > a,

  #menu #topCategoryList .menu_drop > .dropdown-inner > li > a {

    font-size: 18px;

  }

  #menu #topCategoryList ul {

    float: none;

    display: block;

    text-align: left;

    margin: 0;

    background: transparent;

  }

  #menu #topCategoryList > ul {

    margin: 10px 0;

  }

  #menu #topCategoryList ul.category-list {

    margin-bottom: 10px;

  }

  #menu .dropdown-inner,

  #navCategory .dropdown-inner {

    display: block;

  }

  #topCategoryList .dropdown.menulist .dropdown-menu .dropdown-inner {

    display: block;

    padding: 0 15px;

  }

  #topCategoryList .dropdown.menulist .dropdown-menu {

    position: relative;

    float: none;

    background-color: transparent;

    border: none;

    box-shadow: none;

    display: none;

    padding: 0;

  }

  #menu #topCategoryList .dropdown-inner .dropdown-submenu ul.sub-menu {

    display: none;

    position: unset;

    border: none;

    padding: 0 15px;

  }

  #topCategoryList li .toggle-menu {

    position: absolute;

    right: 5px;

    top: 0;

    padding: 6px 11px;

  }

  #topCategoryList .dropdown-submenu > .fa {

    display: none;

  }

  #topCategoryList ul li {

    float: none;

  }

  #topCategoryList #more_cat {

    display: none;

  }

  #menu .btn-navbar {

    display: block;

    margin: 0 10px 0 0;

    border: none;

  }

  .category-list .menu-item.dropdown .dropdown-menu {

    position: relative;

    box-shadow: none;

    width: 100%;

    border: none;

    padding: 0 15px;

    float: none;

  }

  #menu .nav > li {

    padding: 0;

  }

}

@media(max-width: 575px) {

  #menu .btn-navbar span {

    width: 18px;

  }

  #menu .btn-navbar span:before {

    top: -5px;

  }

  #menu .btn-navbar span:after {

    top: 5px;

  }

}

@media (max-width: 480px) {

  #topCategoryList {

    max-width: 280px;

  }

}



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

/* slider start */

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

.common-home .swiper-viewport {

  box-shadow: none;

  border: none;

  border-radius: 0;

  margin-bottom: 0;

  background: transparent;

}

#common-home .mt-banner:not(:last-child) .slick-dots {

  position: absolute;

  right: 50px;

  left: 0;

}

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

/* banners */

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

.html1-inner,

.html1 .col-6 > div,

.html1 .html1-inner > div .col-12 .banner3,

.html2 .col-6 > div,

.html2 .html1-inner > div .col-12 .banner6 {

  position: relative;

  overflow: hidden;

}

.html1 .col-6,

.html2 .col-6 {

  padding: 0;

  float: left;

}

.banner-outer .inner1 img {

  width: 100%;

  transition: all 350ms ease-out 0s;

  -moz-transition: all 350ms ease-out 0s;

  -o-transition: all 350ms ease-out 0s;

  -webkit-transition: all 350ms ease-out 0s;

}

.html1-inner .col-6 > div:hover .inner1 img {

  -o-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.banner3 .inner1 a:before,

.banner6 .inner1 a:before {

  content: "";

  background-color: rgba(255, 255, 255, 0.3);

  position: absolute;

  left: -100%;

  display: block;

  width: 100%;

  top: 0;

  height: 100%;

  transition: left 0.4s ease 0s;

}

.banner3:hover .inner1 a:before,

.banner6:hover .inner1 a:before {

  left: 0%;

}

.inner2 {

  position: absolute;

  left: 50px;

  bottom: 50px;

}

.inner2 .promo-title {

  font-size: 24px;

  font-weight: 500;

  margin: 0 0 6px;

}

.inner2 button {

  padding: 0;

  border: none;

  font-size: 14px;

  font-weight: 400;

  position: relative;

  background: transparent;

  text-transform: uppercase;

  color: var(--primary-color);

}

.inner2 button:after {

  content: "";

  height: 1px;

  width: 0;

  background: var(--primary-color);

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}

.inner2 button:hover:after {

  width: 100%;

}

.inner2 button:hover {

  background: transparent;

}

.inner2 .promo-desc {

  font-size: 24px;

  margin-bottom: 21px;

}

.banner3 .inner2 button:after,

.banner6 .inner2 button:after {

  display: none;

}

.banner6 .inner2,

.banner3 .inner2 {

  bottom: 50%;

  transform: translateY(50%);

}

.banner6 .inner2 .promo-title,

.banner3 .inner2 .promo-title {

  font-size: 60px;

  line-height: 72px;

  margin: 0 0 36px;

}

.banner6 .inner2 .promo-title span,

.banner3 .inner2 .promo-title span {

  display: block;

}

.banner3 .inner2,

.banner6 .inner2 {

  left: 0;

  right: 0;

}

.banner6 .inner2 button,

.banner3 .inner2 button {

  padding: 8px 28px;

  border: 2px solid var(--primary-color);

  background: var(--primary-color);

  color: var(--secondary-color);

}

.banner6 .inner2 button:hover,

.banner3 .inner2 button:hover {

  background: transparent;

  color: var(--primary-color);

}

.banner3 .inner2 {

  display: flex;

  justify-content: flex-end;

}

@media only screen and (max-width: 1800px) {

  .banner6 .inner2 .promo-title,

  .banner3 .inner2 .promo-title {

    font-size: 40px;

    line-height: 50px;

  }

}

@media only screen and (max-width: 1199px) {

  .banner6 .inner2 .promo-title,

  .banner3 .inner2 .promo-title {

    font-size: 28px;

    line-height: 40px;

    margin: 0 0 20px;

  }

  .inner2 .promo-desc {

    font-size: 20px;

    margin-bottom: 17px;

  }

  .inner2 {

    left: 30px;

    bottom: 30px;

  }

}

@media only screen and (max-width: 991px) {

  .inner2 .promo-title {

    font-size: 20px;

  }

  .inner2 button {

    font-size: 12px;

  }

  .banner6 .inner2 .promo-title,

  .banner3 .inner2 .promo-title {

    font-size: 24px;

    line-height: 30px;

  }

  .inner2 .promo-desc {

    font-size: 16px;

    margin-bottom: 10px;

  }

  .banner6 .inner2 button,

  .banner3 .inner2 button {

    padding: 5px 20px;

  }

}

@media only screen and (max-width: 680px) {

  .banner6 .inner2 .promo-title,

  .banner3 .inner2 .promo-title {

    font-size: 14px;

    line-height: 20px;

    margin: 0 0 15px;

  }

  .inner2 .promo-desc {

    font-size: 12px;

  }

  .banner6 .inner2 button,

  .banner3 .inner2 button {

    padding: 0px 15px;

  }

  .inner2 {

    left: 15px;

    bottom: 15px;

  }

  .inner2 .promo-title {

    font-size: 16px;

    margin: 0px;

  }

  .inner2 button {

    font-size: 10px;

  }

}

@media only screen and (max-width: 480px) {

  .inner2 .promo-desc {

    display: none;

  }

  .inner2 {

    left: 5px;

    bottom: 5px;

  }

  .inner2 .promo-title {

    font-size: 14px;

  }

  .banner6 .inner2 .promo-title,

  .banner3 .inner2 .promo-title {

    font-size: 10px;

    line-height: 16px;

    margin: 0 0 10px;

  }

}



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

/* buttons 

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

.buttons {

  margin: 1em 0;

}

#tab-review .buttons {

  margin: 1em 0 0;

}

.btn {

  font-size: 14px;

  line-height: 20px;

  border-radius: 0;

}

.btn-xs {

  font-size: 9px;

}

.btn-sm {

  font-size: 10.2px;

}

.btn-lg {

  padding: 8px 20px;

  font-size: 14px;

}

.btn-group > .btn,

.btn-group > .dropdown-menu,

.btn-group > .popover {

  font-size: 14px;

}

.btn-group > .btn-xs {

  font-size: 9px;

}

.btn-group > .btn-sm {

  font-size: 10.2px;

}

.btn-group > .btn-lg {

  font-size: 14px;

}

#cart .text-right .addtocart-btn,

#cart .text-right .checkout-btn,

.btn-default,

.btn-primary,

.btn {

  width: auto;

  display: inline-block;

  font-size: 14px;

  text-transform: uppercase;

  padding: 8px 30px;

  border: 2px solid var(--primary-color);

  color: var(--secondary-color);

  background: var(--primary-color);

  border-radius: 0;

  font-weight: 400;

}

.btn-warning {

  color: var(--secondary-color);

  background-color: #faa732;

  border-radius: 5px;

}

.btn-danger {

  color: var(--secondary-color);

  background-color: #da4f49;

  text-transform: uppercase;

  padding: 10px 30px;

  border: none;

  border-radius: 0;

}

.btn-success {

  color: var(--secondary-color);

  background-color: #5bb75b;

  background-repeat: repeat-x;

  border-radius: 5px;

}

.btn-info {

  color: var(--secondary-color);

  background: var(--primary-color);

  border: 2px solid var(--primary-color);

  padding: 8px 30px;

  text-transform: uppercase;

  font-size: 14px;

  border-radius: 0;

  font-weight: 400;

}

.btn-link {

  border-color: rgba(0, 0, 0, 0);

  cursor: pointer;

  color: var(--primary-color);

  border-radius: 5px;

}

.btn-link,

.btn-link:active,

.btn-link[disabled] {

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

  background-image: none;

  box-shadow: none;

}

.btn-inverse {

  color: var(--primary-color);

  background-color: #363636;

  background-repeat: repeat-x;

  border-color: var(--primary-color) var(--primary-color) #000000;

}

.btn-inverse:hover,

.btn-inverse:active,

.btn-inverse.active,

.btn-inverse.disabled,

.btn-inverse[disabled] {

  background-color: var(--primary-color);

}

.btn-link:focus,

.btn-link:hover {

  color: var(--secondary-color);

  text-decoration: none;

  outline: none;

}

#cart .text-right .addtocart-btn:hover,

#cart .text-right .addtocart-btn:focus,

#cart .text-right .checkout-btn:hover,

#cart .text-right .checkout-btn:focus,

.open > .dropdown-toggle.btn-primary.focus,

.open > .dropdown-toggle.btn-primary:focus,

.open > .dropdown-toggle.btn-primary:hover,

.btn-primary[disabled].active,

.btn-primary[disabled].focus,

.btn-primary[disabled]:active,

.btn-primary[disabled]:focus,

.btn-primary[disabled]:hover,

.btn-default:hover,

.btn-default:focus,

.btn-default:active:hover,

.btn-default:active:before,

.btn-default:active:focus,

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary:active:hover,

.btn-primary:active:focus,

.btn-primary.active,

.btn-primary.disabled,

.btn-primary[disabled],

.btn-info:hover,

.btn-info:active,

.btn-info.active,

.btn-info.disabled,

.btn-info[disabled],

.btn-info.focus,

.btn-info:focus,

.btn-info:active:focus,

.btn-info:active:hover,

.btn[disabled].active,

.btn[disabled].focus,

.btn[disabled]:active,

.btn[disabled]:focus,

.btn[disabled]:hover,

.btn:hover,

.btn:focus,

.btn:active:hover,

.btn:active:focus,

.btn.active,

.btn.disabled,

.btn[disabled] {

  color: var(--primary-color);

  border-color: var(--primary-color);

  background: transparent;

}



@media(max-width: 991px) {

  #cart .text-right .addtocart-btn,

  #cart .text-right .checkout-btn,

  .btn-default,

  .btn-primary {

    font-size: 12px;

    padding: 5px 15px;

  }

}

/* list group */

.list-group a {

  border: none;

  color: var(--secondary-light-color);

  padding: 8px 12px;

}

.list-group a.active,

.list-group a.active:hover,

.list-group a:hover {

  color: var(--primary-color);

  background: transparent;

}



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

/* products */

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

.owl-item.active.center .row-items,

.owl-item.active .image-additional,

.owl-item.active .product-layout,

.owl-item.active .category-layout {

  -moz-animation: zoomIn 500ms ease;

  -o-animation: zoomIn 500ms ease;

  -webkit-animation: zoomIn 500ms ease;

  animation: zoomIn 500ms ease;

}

.page-title {

  position: relative;

}

.page-title h3 {

  font-size: 30px;

  margin: -5px 0 24px;

  text-transform: uppercase;

  position: relative;

  font-weight: 500;

  color: var(--primary-color);

  text-align: center;

}

.product-thumb {

  position: relative;

  margin-bottom: 30px;

}

.related-products-block .product-thumb {

  margin-bottom: 0;

}

.product-thumb .image {

  text-align: center;

  position: relative;

  overflow: hidden;

}

.product-thumb .image a {

  display: block;

}

.product-thumb .image img {

  margin-left: auto;

  margin-right: auto;

  width: 100%;

}

.product-thumb .button-group {

  position: absolute;

  visibility: hidden;

  right: -40px;

  top: 20px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}

.product-thumb:hover .button-group {

  visibility: visible;

  right: 20px;

}

.product-thumb .button-group button {

  margin: 0;

  padding: 0;

  width: 40px;

  height: 40px;

  border: none;

  display: block;

  font-size: 16px;

  background: var(--secondary-color);

}

.product-thumb .button-group button + button {

  margin: 5px 0 0 0;

}

.product-thumb .button-group button i {

  display: block;

}

.product-thumb .button-group button:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

.sale-text {

  position: absolute;

  top: 15px;

  left: 20px;

  color: var(--primary-hover-color);

  font-size: 12px;

}

.product-thumb .description {

  display: none;

  font-size: 16px;

  margin: 12px 0 0;

  line-height: 24px;

  color: var(--secondary-light-color);

}

.product-list .product-thumb .description {

  display: block;

}

.thumb-description {

  position: relative;

}

.product-thumb .caption {

  padding: 16px 0 0;

  position: relative;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.product-thumb .price {

  font-size: 14px;

  margin: 15px 0 0 0;

  font-weight: 500;

  display: inline-block;

  vertical-align: middle;

}

.product-thumb .price-new {

  font-size: 16px;

}

.product-thumb .price-old {

  text-decoration: line-through;

  color: var(--secondary-light-color);

  font-size: 14px;

  margin-left: 5px;

  display: inline-block;

}

.product-thumb .product-title {

  margin: 0;

}

.product-thumb .product-title a {

  text-transform: capitalize;

  font-size: 16px;

  font-weight: 400;

  color: var(--secondary-light-color);

}

.product-thumb .product-title a:hover {

  color: var(--primary-color);

}

.product-thumb .price-tax {

  display: none;

}

.product-thumb .rating {

  font-weight: 400;

  text-transform: capitalize;

  font-size: 0;

  margin: 15px 0 0 0;

  display: inline-block;

  vertical-align: middle;

  float: right;

}

.product-thumb .addcart {

  background: transparent;

  border: none;

  font-size: 14px;

  color: var(--primary-color);

  padding: 0;

  text-transform: uppercase;

  position: absolute;

  left: -80px;

  bottom: 20px;

  opacity: 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}

.product-thumb:hover .addcart {

  left: 20px;

  opacity: 1;

}

.product-thumb .addcart:after {

  content: "";

  height: 1px;

  width: 0;

  background: var(--primary-color);

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}

.product-thumb .addcart:hover:after {

  width: 100%;

}

.product-thumb .addcart:hover {

  background: transparent;

  color: var(--primary-color);

}

.product-thumb .thumb-description .addcart,

.product-list .product-thumb .image .addcart {

  display: none;

}

.product-list .product-thumb .btn-list {

  display: block;

  position: unset;

  margin: 25px 0 10px;

  justify-content: flex-start;

}

.product-list .product-thumb .btn-list button {

  opacity: 1;

  position: unset;

  visibility: visible;

}

.product-list .product-thumb .caption {

  padding: 8px 0 0;

  text-align: left;

}

.product-list .product-thumb .thumb-description .addcart {

  display: block;

  margin: 22px 0 0 0;

  position: relative;

  left: 0;

  bottom: 0;

  opacity: 1;

}

.product-list .product-thumb .price {

  display: block;

}

.product-list .product-thumb .rating {

  display: block;

  float: unset;

  margin: 12px 0 0 0;

}

#product-info .nav-tabs li {

  position: relative;

}

#product-info .nav-tabs li + li {

  margin-left: 57px;

}

#product-info .nav-tabs > li > a {

  padding: 0 0 19px 0;

  border: none;

  background: none;

}

#product-info .nav-tabs > li > a:after {

  content: "";

  background: var(--primary-color);

  width: 0;

  height: 2px;

  left: 0;

  right: 0;

  margin: auto;

  display: block;

  position: absolute;

  bottom: -1px;

  transition: all 350ms ease-out 0s;

  -moz-transition: all 350ms ease-out 0s;

  -o-transition: all 350ms ease-out 0s;

  -webkit-transition: all 350ms ease-out 0s;

}

#product-info .nav-tabs > li:hover > a:after,

#product-info .nav-tabs > li > a.active:after {

  width: 100%;

}

#product-info .nav-tabs > li > a.active,

#product-info .nav-tabs > li:hover > a {

  color: var(--primary-color);

}

.nav-tabs > li > a {

  text-transform: capitalize;

  padding: 12px 25px;

  text-align: center;

  font-size: 18px;

  font-weight: 500;

  border: none;

  margin: 0;

  line-height: 20px;

  color: var(--secondary-light-color);

}

.nav-tabs > li.active > a,

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

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

.nav-tabs > li > a:hover,

.nav > li > a:focus,

.nav > li > a:hover {

  background: transparent;

  color: var(--primary-color);

  border: none;

}



/*product hover */

.product-thumb .hover-img {

  bottom: 0;

  left: 0;

  margin: 0 auto;

  opacity: 0;

  -moz-opacity: 0;

  -webkit-opacity: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out 0s;

  -moz-transition: all 0.5s ease-in-out 0s;

  -o-transition: all 0.5s ease-in-out 0s;

  -ms-transition: all 0.5s ease-in-out 0s;

}

.product-thumb:hover .hover-img {

  opacity: 1;

  -moz-opacity: 1;

  -webkit-opacity: 1;

}



/*product tab*/

.mahardhi-tabs .nav-tabs {

  border: none;

  margin: -3px 0 25px;

  padding: 0;

  display: flex;

  justify-content: center;

}

.mahardhi-tabs .nav-tabs > li > a {

  padding: 0;

  text-transform: capitalize;

  font-weight: 400;

  font-size: 16px;

  border: none;

  margin: 0 24px;

  line-height: 20px;

  background: transparent;

}

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

.mahardhi-tabs .nav-tabs > li > a:focus,

.mahardhi-tabs .nav-tabs > li > a.selected {

  background: transparent;

  color: var(--primary-color);

}

.mahardhi-tabs .nav-tabs li {

  margin: 0;

}

@media(max-width: 575px) and (min-width: 426px) {

  #product-list.row-cols-1 > * {

    width: 50%;

  }

  #product-list.product-list.row-cols-1 > * {

    width: 100%;

  }

}

@media (max-width: 1440px) {

  .page-title h3 {

    font-size: 24px;

  }

}

@media (max-width: 991px) {

  .page-title h3 {

    font-size: 20px;

    margin: 0 0 15px;

  }

  .mahardhi-tabs .nav-tabs {

    margin-bottom: 15px;

  }

  #product-info .nav-tabs li + li {

    margin-left: 30px;

  }

  .mahardhi-tabs .nav-tabs > li > a {

    margin: 0 15px;

    font-size: 14px;

  }

  .product-thumb {

    margin-bottom: 20px;

  }

  .product-thumb .price-new {

    font-size: 14px;

  }

  .product-thumb .price {

    font-size: 14px;

    margin: 6px 0 0 0;

    display: block;

  }

  .product-thumb .price-old {

    font-size: 12px;

  }

  .product-thumb .rating {

    margin: 2px 0 0 0;

    display: block;

    float: unset;

  }

  .product-thumb:hover .button-group,

  .product-thumb .button-group {

    visibility: visible;

    top: 5px;

    right: 5px;

  }

  .product-thumb .caption {

    padding: 12px 0 0;

    text-align: center;

  }

  .product-thumb .product-title a {

    font-size: 14px;

  }

  .product-list .product-thumb .product-title a {

    font-size: 16px;

  }

  .product-thumb .button-group button {

    font-size: 14px;

    height: 30px;

    width: 30px;

  }

  .product-thumb .addcart,

  .product-thumb:hover .addcart {

    left: 5px;

    bottom: 5px;

    opacity: 1;

    font-size: 12px;

  }

  .product-list .product-thumb .rating {

    margin: 5px 0 0 0;

  }

  .product-thumb .description {

    margin: 5px 0 0;

    font-size: 14px;

    line-height: 20px;

  }

  .product-list .product-thumb .addcart {

    margin: 10px 0 0 0;

  }

  #product-info .nav-tabs > li > a {

    font-size: 14px;

    padding: 0 0 5px 0;

  }

  .tab-content #rab-description {

    font-size: 14px;

    line-height: 22px;

  }

  .product-list .product-thumb .thumb-description .addcart {

    margin: 10px 0 0 0;

    font-size: 14px;

  }

  .sale-text {

    top: 5px;

    left: 5px;

  }

}

@media(max-width: 767px) {

  .product-list .product-thumb .image img {

    width: auto;

    margin: 0;

  }

}

@media(max-width: 575px) {

  .product-thumb .description {

    font-size: 12px;

    line-height: 20px;

  }

}

@media (max-width: 480px) {

  .mahardhi-tabs .nav-tabs > li > a {

    margin: 0 10px;

  }

  .page-title h3 {

    margin: 0 0 10px;

    font-size: 18px;

  }

  .mahardhi-tabs .nav-tabs {

    margin-bottom: 10px;

  }

}



.slick-theme .slick-item.slick-slide .col-2 {

  width: 100%;

}



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

/* swiper pager */

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

.swiper-viewport .swiper-pager > div,

.slick-theme .slick-arrow {

  height: 24px;

  width: 24px;

  background: transparent;

  color: var(--secondary-light-color);

  border: none;

  padding: 0;

  text-align: center;

  border-radius: 5px;

  margin: 0;

  opacity: 1;

  text-shadow: none;

  transition: all 0.3s ease;

  position: absolute;

  top: 45%;

  box-shadow: none;

}

div:not(.container) .slick-theme .slick-arrow.slick-next {

  right: 0px;

}

.slick-theme .slick-arrow.slick-next {

  right: -8px;

  left: auto;

}

div:not(.container) .slick-theme .slick-arrow.slick-prev {

  left: 0px;

}

.slick-theme .slick-arrow.slick-prev {

  left: -8px;

  right: auto;

}

.slick-theme .slick-arrow.slick-disabled {

  opacity: 0.6;

}

.swiper-viewport {

  border: unset;

}

.swiper-pagination {

  display: none;

}

.swiper-viewport .swiper-button-prev:before,

.swiper-viewport .swiper-button-next:before {

  content: "";

}

.slick-theme .slick-arrow .fa,

.swiper-viewport .fa {

  font-size: 24px;

  display: block;

}



/*carousel*/

.owl-carousel.owl-theme .owl-nav {

  margin: 0;

}

.carousel .swiper-viewport:hover .swiper-button-next,

.carousel .swiper-viewport:hover .swiper-pager .swiper-button-prev {

  opacity: 1;

}

.owl-carousel.owl-theme .owl-nav .owl-next:hover,

.owl-carousel.owl-theme .owl-nav .owl-prev:hover {

  color: var(--primary-color);

  background: transparent;

}



footer .mblog .blog-carousel.slick-theme .slick-arrow:hover {

  color: var(--secondary-color);

}

footer .mblog .blog-carousel.slick-theme .slick-arrow {

  margin: 0;

  position: absolute;

  top: -48px;

  right: 20px;

  color: var(--secondary-color);

  background: transparent;

}

footer .mblog .blog-carousel.slick-theme .slick-arrow.slick-prev {

  left: auto;

  right: 50px;

}

footer .mblog .blog-carousel.slick-theme .slick-arrow .fa {

  font-size: 20px;

}



/*dots*/

.slick-theme .slick-dots li + li {

  margin-left: 15px;

}



.swiper-pagination span,

.slick-theme .slick-dots button {

  width: 14px;

  height: 14px;

  background: transparent;

  margin: 2px 5px;

  border: 2px solid transparent;

  box-shadow: none;

  font-size: 0px;

}

.swiper-pagination span:before,

.slick-theme .slick-dots button:before {

  content: "";

  background: var(--primary-color);

  height: 10px;

  width: 10px;

  display: block;

  border-radius: 50%;

}

.swiper-pagination span.swiper-pagination-bullet-active:before,

.swiper-pagination span:hover:before,

.slick-theme .slick-dots li.slick-active button:before,

.slick-theme .slick-dots li button:hover:before {

  background: transparent;

}

.swiper-pagination span.swiper-pagination-bullet-active,

.swiper-pagination span:hover,

.slick-theme .slick-dots li.slick-active button,

.slick-theme .slick-dots li button:hover {

  border-color: var(--primary-color);

  background: transparent;

}

.owl-theme .owl-nav.disabled + .owl-dots {

  margin: 0;

}

.testimonial-block .owl-theme .owl-nav.disabled + .owl-dots {

  margin: 12px 0 0 0;

}



/*slideshow*/

.slideshow .swiper-pagination {

  display: block;

  bottom: 30px;

}

.slideshow .swiper-viewport .swiper-pager > div {

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  opacity: 1;

}

.slideshow .swiper-viewport .swiper-pager .swiper-button-prev {

  left: 20px;

}

.slideshow .swiper-viewport .swiper-pager .swiper-button-next {

  right: 20px;

}



/* slick-carousel */

.slick-carousel > button {

  border: none;

  background: transparent;

  padding: 2px 7px;

  box-shadow: none;

}

.slick-carousel > button i {

  font-size: 20px;

}

.slick-vertical .slick-arrow {

  position: relative;

  top: auto;

  height: 30px;

}

@media (max-width: 991px) {

  .mblog .owl-carousel.owl-theme .owl-nav {

    top: -35px;

    right: 0;

  }

  .slideshow .swiper-pagination {

    bottom: 0;

  }

  .swiper-pagination span {

    width: 10px;

    height: 10px;

    margin: 2px;

  }

  .swiper-pagination span:before {

    height: 6px;

    width: 6px;

  }

  footer .mblog .blog-carousel.slick-theme .slick-arrow {

    top: -36px;

    right: 25px;

  }

  footer .mblog .blog-carousel.slick-theme .slick-arrow.slick-prev {

    right: 45px;

    top: -36px;

  }

  footer .mblog .blog-carousel.slick-theme .slick-arrow .fa {

    font-size: 16px;

  }

}

@media(max-width: 767px) {



  .slick-theme .slick-dots li + li {

    margin-left: 10px;

  }

  .swiper-pagination span,

  .slick-theme .slick-dots button {

    width: 10px;

    height: 10px;

  }

  .swiper-pagination span:before,

  .slick-theme .slick-dots button:before {

    height: 8px;

    width: 8px;

  }

}

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

/* blog */

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

.mblog .blog-info {

  width: 20.051%;

  float: left;

}

.mblog .caption.blog-description {

  position: relative;

  float: left;

  width: 75.95%;

  margin-left: 4%;

  padding: 0;

}

.blog-block {

  margin-bottom: 30px;

  position: relative;

}

.blog-block .zoom-post a {

  display: block;

  background: var(--secondary-color);

  height: 40px;

  width: 40px;

  margin: 5px 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}

.blog-block .zoom-post a:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

.blog-block .zoom-post {

  position: absolute;

  left: -50px;

  top: 10px;

  transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -ms-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}

.blog-block:hover .zoom-post {

  left: 15px;

}

.blog-block .hover-zoom::before,

.blog-block .hover-post:before {

  font-family: FontAwesome;

  font-size: 14px;

  margin: 0;

  display: block;

  text-align: center;

  line-height: 40px;

}

.blog-block .hover-zoom::before {

  content: "\f002";

}

.blog-block .hover-post:before {

  content: "\f0c1";

}

.blog-block:hover .hover-post:before,

.blog-block:hover .hover-zoom::before {

  opacity: 1;

}

.product-list .blog-block.product-thumb .image {

  box-shadow: none;

  margin: 0;

}

.blog-block h4,

h3.article-page-title {

  margin: 18px 0 0;

  line-height: 20px;

  font-size: 24px;

  font-weight: 500;

  text-transform: capitalize;

}

.blog-block h4 a {

  color: var(--primary-color);

}

.blog-info .image {

  overflow: hidden;

  position: relative;

  background: transparent;

}

.mblog .block-date {

  color: var(--secondary-color);

  margin: -4px 0 0;

  display: block;

}

.mblog .blog-text {

  margin: 10px 0 0;

}



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

/* blog page */

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

.blog-category .blog-img {

  position: relative;

  overflow: hidden;

  display: block;

}

h4.article-page-title {

  margin: 20px 0 15px;

}

.caption-blog p,

.info_blog p {

  margin: 20px 0 0;

}

.blog-block img,

#content-blogs .thumbnails .thumbnail img {

  width: 100%;

}

.blog-text {

  color: var(--secondary-light-color);

  margin: 19px 0 26px;

  line-height: 22px;

  font-size: 14px;

}

.blog-comment,

.block-date {

  color: var(--secondary-light-color);

  margin: 0 15px 0 0;

  display: inline-block;

}

.caption.blog-description {

  padding-top: 8px;

}

.blog-comment i,

.block-date i {

  padding: 0 7px 0 0;

}



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

/* article blog page */

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

.article-container .image {

  position: relative;

}

.article-container .blog-block {

  margin-bottom: 0;

}

.article-container .caption-blog {

  padding: 22px 0 0 0;

}

#content-blogs .thumbnails .thumbnail {

  border: unset;

  margin: 0;

  padding: 0;

}

.article-container .page-title {

  margin-bottom: 20px;

}

.article-container .shop-content > h3 {

  line-height: 20px;

  margin: 50px 0 20px;

  font-size: 16px;

  border-radius: 5px;

  text-transform: uppercase;

}

.article-container #commnt_form .form-group:last-child {

  margin-bottom: 0;

}

.comment_cust h4 {

  margin-bottom: 20px;

}

.commentlist ul {

  padding: 0px;

  margin: 0px;

  list-style: none;

}

.commentlist ul li:last-child {

  padding-bottom: 0;

}

.commentlist ul li {

  padding-bottom: 20px;

}

.comment_cust .comment-text .user_img {

  float: left;

  height: 60px;

  width: 60px;

  background-color: var(--background-color);

  text-align: center;

  color: var(--primary-color);

  border-radius: 50px;

}

.comment_cust .comment-text .user_img i {

  font-size: 26px;

  line-height: 60px;

}

.comment_cust .comment-desc {

  padding-left: 80px;

  line-height: 26px;

}

.comment_cust .comment-desc .name {

  font-weight: 400;

  text-transform: capitalize;

  font-size: 16px;

}

.comment_cust .comment-desc .date {

  color: var(--secondary-light-color);

}

.comment-dis {

  color: var(--secondary-light-color);

  line-height: 22px;

}

.comment-text {

  padding: 15px;

  border: 1px solid var(--border-color);

  border-radius: 0;

}

.singblog-description.blog-text {

  margin: 15px 0 0;

}

@media (max-width: 1440px) {

  .blog-block h4 {

    margin: 8px 0 0;

    font-size: 18px;

  }

  .blog-text {

    margin: 6px 0 10px;

  }

}

@media (max-width: 1199px) {

  .mblog .blog-text {

    font-size: 14px;

    margin: 5px 0 0;

  }

  .mblog .blog-block {

    margin-bottom: 20px;

  }

}

@media (max-width: 991px) {

  .blog-block {

    margin-bottom: 20px;

  }

  .article-container .caption-blog {

    padding: 15px 0 0 0;

  }

  .singblog-description.blog-text {

    margin: 8px 0 0;

  }

  .blog-block h4,

  h3.article-page-title {

    margin: 10px 0 0;

    font-size: 16px;

  }

  .blog-read.btn {

    margin-top: 10px;

    padding: 8px 20px;

  }

  .blog-block .zoom-post {

    left: 15px;

  }

  .blog-block .zoom-post a {

    height: 30px;

    width: 30px;

  }

  .blog-block .hover-zoom::before,

  .blog-block .hover-post:before {

    line-height: 30px;

  }

  .article-container .shop-content > h3 {

    margin: 30px 0 15px;

  }

}

@media (max-width: 767px) {

  .caption.blog-description {

    padding-top: 15px;

  }

  .article-container .shop-content > h3 {

    margin: 20px 0 10px;

  }

}

@media(max-width: 575px) {

  .mblog .blog-text {

    line-height: 20px;

  }

}

@media (max-width: 540px) {

  .comment-text {

    padding: 10px;

  }

  .comment_cust .comment-desc {

    padding-left: 70px;

  }

}

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

/* newsletter block */

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

.newsletter-form {

  display: flex;

}

.subscribe-form {

  position: relative;

  display: flex;

  padding: 5px;

  background: #1c1c1c;

  max-width: 570px;

  min-width: 570px;

  width: 100%;

  height: 50px;

}

.subscribe-form i {

  color: var(--secondary-light-color);

  font-size: 20px;

  padding: 10px 17px;

}

.title-text {

  font-size: 24px;

  font-weight: 500;

  color: var(--secondary-color);

}

.subscribe-form #newsletter_usr_email {

  padding: 5px 15px;

  border: none;

  background: transparent;

  color: var(--secondary-color);

}

.subscribe-form #newsletter_usr_email::placeholder {

  color: var(--secondary-light-color);

}

.subscribe-btn {

  border: 2px solid var(--primary-color);

  background: var(--primary-color);

  padding: 8px 30px;

  color: var(--secondary-color);

  font-weight: 400;

  text-transform: uppercase;

  font-size: 14px;

}

.subscribe-btn:hover {

  background: transparent;

}

.news-info {

  display: flex;

  align-items: center;

  padding: 0 30px 0 0;

}

@media only screen and (max-width: 1440px) {

  .news-info {

    padding: 0 10px 0 0;

  }

  .title-text {

    font-size: 18px;

  }

  .subscribe-form {

    min-width: unset;

  }

  .subscribe-btn {

    padding: 8px 20px;

  }

}

@media only screen and (max-width: 991px) {

  .newsletter-form {

    display: block;

  }

  .news-info {

    padding: 0 0 10px;

    justify-content: center;

  }

  .news .subscribe-btn {

    padding: 7px 20px;

  }

  .subscribe-form {

    margin: auto;

  }

  .subscribe-form i {

    padding: 10px;

  }

}

@media(max-width: 575px) {

  .subscribe-form {

    height: 46px;

  }

  .subscribe-form #newsletter_usr_email {

    height: 36px;

  }

}

@media only screen and (max-width: 540px) {

  .news .subscribe-btn {

    padding: 7px 10px;

    font-size: 12px;

  }

  .subscribe-form i {

    display: none;

  }

}



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

/* footer start */

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

footer {

  background: var(--primary-color);

}

.footer-top {

  padding: 80px 0 0 0;

  color: var(--secondary-light-color);

}

footer h5,

footer h4,

.blog-title h3 {

  text-transform: uppercase;

  font-size: 16px;

  margin: -2px 0 15px;

  position: relative;

  font-weight: 500;

  color: var(--secondary-color);

}

.blog-title h3 {

  margin: -2px 0 27px;

}

footer .footer-content a {

  padding: 8px 0;

  display: block;

  color: var(--secondary-light-color);

}

footer a:hover,

footer a:focus {

  color: var(--secondary-color);

}



/* footer right */

.position-footer-left h5 {

  margin: -2px 0 21px;

}

.position-footer-left li > div {

  display: flex;

  margin: 8px 0;

  line-height: 24px;

}

.position-footer-left li .contact_site a {

  padding: 0;

  display: initial;

  color: var(--secondary-light-color);

}

.contact_title {

  text-transform: capitalize;

  margin-right: 5px;

  color: var(--secondary-color);

}



/* footer bottom*/

.footer_bottom {

  border-top: 1px solid #333333;

}

footer .footer_bottom p {

  padding: 20px 0;

  margin: 0;

  color: var(--secondary-light-color);

  text-align: center;

  border-top: 1px solid #333333;

}

footer .footer_bottom p a {

  color: var(--secondary-light-color);

}

.toggled.active .fa-chevron-down:before {

  content: "\f077";

}

.position-footer-bottom {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 25px 0;

}



/* social media*/

.social-media a + a {

  margin: 0 0 0 25px;

}

.social-media a .fa-facebook-f {

  color: #3b5998;

}

.social-media a .fa-twitter {

  color: #00acee;

}

.social-media a .fa-youtube {

  color: #c4302b;

}

.social-media a .fa-google-plus-g {

  color: #db3236;

}

.social-media a .fa-pinterest-p {

  color: #c8232c;

}

@media (min-width: 992px) {

  .footer-top > div > div + div {

    border-left: 1px solid #333;

    padding-left: 80px;

  }

  .footer-top > div {

    display: flex;

  }

  .footer-top .col-sm-3 {

    width: 24.063%;

  }

  .footer-top .col-sm-3:last-child {

    width: 27.809%;

  }

  .footer-top .col-sm-3:first-child {

    padding-left: 30px;

  }

  .footer-top .col-sm-3 > div {

    margin-bottom: 50px;

  }

}

@media (max-width: 1800px) {

  .footer-top > div > div + div {

    padding-left: 20px;

  }

}

@media (max-width: 1440px) {

  .footer-top .col-sm-3 > div {

    margin-bottom: 20px;

  }

  .footer-top {

    padding: 50px 0 0 0;

  }

}

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

  .payment-link img {

    max-width: 150px;

  }

  .social-media a + a {

    margin: 0 0 0 10px;

  }

}

@media (max-width: 1199px) {

  .position-footer-bottom {

    padding: 15px 0;

  }

}

@media (max-width: 991px) {

  .footer-top {

    padding: 10px 0 0 0;

  }

  .social-media .list-unstyled {

    display: block !important;

    text-align: center;

  }

  footer h5,

  footer h4,

  .position-footer-left h5,

  .blog-title h3 {

    margin: 0;

    font-size: 14px;

  }

  footer ul.list-unstyled {

    padding-top: 5px;

  }

  .footer-top .col-sm-3 {

    width: 100%;

    float: unset;

    margin: 15px 0;

    padding: 0 5px;

  }

  .footer-top .col-sm-3:last-child {

    margin-bottom: 5px;

  }

  .footer-top .col-sm-3 > div {

    margin: 0;

  }

  footer .col-sm-3 a {

    padding: 5px 0;

  }

  .blog-title h3 {

    margin: 0 0 15px;

  }

  .position-footer-left li > div {

    margin: 4px 0;

  }

  .footer-desc {

    margin: 8px 0 10px;

  }

  .social-media li a i {

    height: 30px;

    width: 30px;

    line-height: 26px;

  }

  .position-footer-bottom {

    flex-direction: column-reverse;

    text-align: center;

  }

  footer .footer_bottom p {

    padding: 15px 0;

  }

  .footer_aboutus {

    text-align: center;

  }

  footer h4,

  footer .position-footer-left h4 {

    margin: 0 0 10px;

  }

  .social-media {

    margin: 15px 0;

  }

  .footer-top .row {

    display: block;

  }

}

@media (max-width: 767px) {

  .footer-top {

    padding: 5px 0 0 0;

  }

  .footer-top .col-sm-3:last-child {

    margin-bottom: 0;

  }

}



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

/* service */

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

.service {

  text-align: center;

  margin-bottom: -2px;

}

.service-icon {

  font-size: 50px;

  margin: 0 0 28px;

}

.service .service-icon i {

  display: inline-block;

}

.service:hover .service-icon i {

  -webkit-animation: tada 1s linear infinite;

  -moz-animation: tada 1s linear infinite;

  -ms-animation: tada 1s linear infinite;

  animation: tada 1s linear infinite;

}

.service .promo-title {

  margin: 0 0 12px;

  font-size: 16px;

  text-transform: capitalize;

  font-weight: 500;

}

.service .promo-desc {

  color: var(--secondary-light-color);

}

.service-item {

  position: relative;

}

.service-item + .service-item:before {

  content: "";

  height: 70px;

  width: 1px;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  background: var(--border-color);

}

@media (max-width: 1199px) {

  .service-icon {

    font-size: 38px;

    margin: 0 0 15px;

  }

  .service .promo-title {

    margin: 0 0 5px;

  }

}

@media (max-width: 991px) {

  .service-item {

    padding: 0 5px;

  }

  .service-box .row {

    margin: 0 -5px;

  }

  .service .promo-title {

    font-size: 13px;

    margin: 0 0 2px;

  }

  .service .promo-desc {

    font-size: 12px;

  }

  .service-icon {

    font-size: 30px;

    margin: 0 0 10px;

  }

}

@media (max-width: 767px) {

  .service .promo-desc {

    font-size: 11px;

  }

  .service-item {

    width: 50%;

  }

  .service-item:nth-child(3) {

    clear: left;

  }

  .service-item + .service-item:before {

    display: none;

  }

  .service-item:nth-child(3),

  .service-item:nth-child(4) {

    margin-top: 15px;

  }

}

@media (max-width: 680px) and (min-width: 426px) {

  .service {

    display: flex;

    text-align: left;

    margin: 0;

  }

  .service-icon {

    margin: 0 10px 0 0;

  }

}

@media (max-width: 480px) {

  .service .promo-title {

    font-size: 12px;

    margin: 0;

  }

  .service .promo-desc {

    font-size: 10px;

  }

}



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

/* pagetitle */

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

.page_title {

  font-size: 16px;

  text-transform: uppercase;

  margin: 0 0 15px;

  display: block;

  vertical-align: top;

  font-weight: 500;

  color: var(--primary-color);

  line-height: 20px;

  display: none;

}



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

/* breadcrumb */

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

.breadcrumb-back {

  background: var(--background-color);

  margin: 0 0 50px 0;

  padding: 20px 0;

}

.breadcrumb {

  padding: 0;

  border: none;

  background: transparent;

  margin: 0;

  font-size: 16px;

  text-transform: capitalize;

  justify-content: center;

}

.breadcrumb > li {

  position: relative;

}

.breadcrumb > li .fa-home {

  font-size: 15px;

}

.breadcrumb li a,

.breadcrumb a {

  color: var(--secondary-light-color);

}

.breadcrumb li:last-child a,

.breadcrumb a:hover {

  color: var(--primary-color);

}

.breadcrumb > li + li:before {

  content: "/";

  font-family: FontAwesome;

  color: var(--primary-color);

  padding: 0px 8px 0px 5px;

  font-size: 16px;

  line-height: 19px;

}

@media (max-width: 1440px) {

  .breadcrumb-back {

    margin: 0 0 30px 0;

  }

}

@media (max-width: 991px) {

  .breadcrumb-back {

    margin: 0 0 20px 0;

    padding: 15px 0;

  }

  .breadcrumb {

    font-size: 14px;

  }

}

@media(max-width: 575px) {

  .breadcrumb-back {

    margin: 0 0 15px 0;

  }

}



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

/* column-left-right */

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

#column-left > div,

#column-right > div {

  margin: 50px 0 0;

  box-shadow: none;

  border: none;

  width: auto;

  background: var(--secondary-color);

}

#column-left > div.swiper-viewport,

#column-right > div.swiper-viewport {

  border: none;

  padding: 0;

}

#column-left > div:first-child,

#column-right > div:first-child {

  margin-top: 0;

}

#column-left h3,

#column-right h3,

#column-left .box-content h3,

#column-right .box-content h3 {

  display: block;

  margin: -3px 0 0 0;

  padding: 0;

  font-size: 16px;

  text-align: left;

  text-transform: uppercase;

  position: relative;

  color: var(--primary-color);

  background: transparent;

  font-weight: 500;

  line-height: 20px;

  border: none;

}

a.list-group-item.active,

a.list-group-item.active:focus,

a.list-group-item.active:hover,

a.list-group-item:hover,

a.list-group-item:focus,

button.list-group-item:focus,

button.list-group-item:hover {

  color: var(--primary-color);

  text-decoration: none;

  background-color: transparent;

}

.filter_box,

#column-left .block_box,

#column-right .block_box,

.category-list #selectMe-desk,

.account-content .list-unstyled,

.sidebar .list-unstyled {

  margin: 25px 0 0 0;

}

#column-left .box .container,

#column-right .box .container {

  width: auto;

  padding: 0;

}

.category-list .list-group-item,

.sidebar li,

.account-content .list-group a {

  border: none;

  border-radius: 0;

  margin: 0;

  background: transparent;

  padding: 8px 0;

  text-transform: capitalize;

  color: var(--secondary-light-color);

  font-size: 14px;

}

.category-list .list-group-item {

  padding: 5px 20px 6px 0;

}

.category-list .child-categories .list-group-item {

  padding: 3px 20px 3px 0;

}

.category-list ul#selectMe-desk > li:first-child > a.list-group-item,

.account-content .list-group ul > li:first-child a,

.sidebar li:first-child {

  padding-top: 0;

  margin-top: -4px;

}

.sidebar li a {

  color: var(--secondary-light-color);

}

.category-list .has-more-category .toggled {

  position: absolute;

  right: 0;

  padding: 0 5px;

}

.child-categories {

  display: none;

}

.main-item.active .toggled > .fa-plus:before,

.toggle-menu.active > .fa-plus:before {

  content: "\f068";

}



/*sidebar category*/

.box-category .list-unstyled.childs_1 {

  display: none;

}

.parent li .toggled span {

  color: var(--primary-color);

  font-size: 12px;

  position: absolute;

  right: 5px;

  padding: 0 5px;

}

.parent .active .open-menu::after {

  color: var(--primary-color);

  content: "\f068";

  font-family: "FontAwesome";

  font-size: 14px;

}

.parent .open-menu::after {

  color: var(--primary-color);

  content: "\f067";

  font-family: "FontAwesome";

  font-size: 14px;

}



/*REFINE SEARCH*/

.list-group-filter {

  margin-bottom: 27px;

}

.panel-default.filter {

  border: none;

}

.panel {

  border-radius: 0;

  box-shadow: none;

}

.filter_box .list-group a {

  color: var(--primary-color);

  text-transform: capitalize;

  margin: -4px 0 13px;

  background: transparent;

  font-size: 16px;

  font-weight: 500;

}

.filter_box .checkbox,

.filter_box .checkbox .radio {

  margin: 10px 0;

  color: var(--secondary-light-color);

}

.filter_box .list-group-item {

  border: none;

  padding: 0px;

  background: transparent;

}

.filter_box .list-group-items + .list-group-items {

  margin: 28px 0 0;

}

.checkbox label,

.radio label {

  text-transform: capitalize;

}

#filter .panel-footer {

  text-align: left;

  padding: 0;

  background: transparent;

}



/*banner*/

#column-left .swiper-slide img,

#column-right .swiper-slide img {

  width: 100%;

}



/*INFORMATION*/

.sidebar li a:hover,

.account-content .list-group a:hover {

  color: var(--primary-color);

}

/*product*/

#column-left .product-layout:last-child .product-thumb,

#column-right .product-layout:last-child .product-thumb {

  margin: 0;

}

#column-left .product-layout,

#column-right .product-layout {

  width: 100%;

  padding: 0;

}

#column-left .product-thumb,

#column-right .product-thumb {

  padding: 0;

  border: none;

  box-shadow: none;

}

#column-left .product-thumb > .image,

#column-right .product-thumb > .image {

  float: left;

  width: 80px;

  margin-right: 15px;

  border: none;

}

#column-left .product-thumb > .thumb-description,

#column-right .product-thumb > .thumb-description {

  float: left;

  width: 65.4%;

  border: none;

  margin: 0;

}

#column-left .sale-text,

#column-right .sale-text,

#column-left .product-thumb .button-group,

#column-right .product-thumb .button-group,

#column-left .product-thumb .addcart,

#column-right .product-thumb .addcart,

#column-left .product-thumb .product-btn-quantity,

#column-right .product-thumb .product-btn-quantity {

  display: none;

}

#column-left .product-thumb .caption,

#column-right .product-thumb .caption {

  padding: 0;

  text-align: left;

}

#column-left .product-thumb .price,

#column-right .product-thumb .price {

  margin: 10px 0 0 0;

  display: block;

}

#column-left .product-thumb .rating,

#column-right .product-thumb .rating {

  float: unset;

  display: block;

  margin: 8px 0 0 0;

}

@media (min-width: 1200px) {

  #column-left,

  #column-right {

    width: 20%;

  }

  #content.col-sm-9 {

    width: 80%;

  }

}

@media (min-width: 1441px) and (max-width: 1800px) {

  #column-left .product-thumb > .thumb-description,

  #column-right .product-thumb > .thumb-description {

    width: 68%;

  }

  #column-left .product-thumb > .image,

  #column-right .product-thumb > .image {

    width: 70px;

    margin-right: 10px;

  }

}

@media (min-width: 1200px) and (max-width: 1440px) {

  #column-left .product-thumb > .thumb-description,

  #column-right .product-thumb > .thumb-description {

    width: 60.7%;

  }

  #column-left .product-thumb > .image,

  #column-right .product-thumb > .image {

    width: 70px;

    margin-right: 10px;

  }

}

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

  #column-left .product-thumb > .image,

  #column-right .product-thumb > .image {

    width: 60px;

    margin-right: 5px;

  }

  #column-left .product-thumb > .thumb-description,

  #column-right .product-thumb > .thumb-description {

    width: 69.4%;

  }

  #column-left .product-thumb .price,

  #column-right .product-thumb .price {

    margin: 4px 0 0 0;

    font-size: 14px;

  }

  #column-left .product-thumb .rating,

  #column-right .product-thumb .rating {

    margin: 2px 0 0 0;

  }

}

@media only screen and (max-width: 1440px) {

  .filter_box,

  #column-left .block_box,

  #column-right .block_box,

  .category-list #selectMe-desk,

  .account-content .list-unstyled,

  .sidebar .list-unstyled {

    margin: 15px 0 0 0;

  }

  #column-left > div,

  #column-right > div {

    margin: 30px 0 0;

  }

}

@media only screen and (max-width: 1199px) {

  .filter_box,

  #column-left .block_box,

  #column-right .block_box,

  .category-list #selectMe-desk,

  .account-content .list-unstyled,

  .sidebar .list-unstyled {

    margin: 20px 0 0 0;

  }

  .list-group-filter {

    margin-bottom: 15px;

  }

}

@media only screen and (max-width: 991px) {

  #column-left .product-thumb > .thumb-description,

  #column-right .product-thumb > .thumb-description {

    width: 67.2%;

  }

  .filter_box,

  #column-left .block_box,

  #column-right .block_box,

  .category-list #selectMe-desk,

  .account-content .list-unstyled,

  .sidebar .list-unstyled {

    margin: 15px 0 0 0;

  }

  .toggled .toggle-open {

    position: absolute;

    right: 0;

  }

  #selectMe-desk {

    display: none;

  }

  #column-left .swiper-viewport,

  #column-right .swiper-viewport {

    display: none;

  }

  #column-left > div:first-child,

  #column-right > div:first-child {

    margin: 20px 0 0;

  }

  #column-left > div,

  #column-right > div {

    margin: 15px 0 0;

  }

  #column-left h3,

  #column-right h3,

  #column-left .box-content h3,

  #column-right .box-content h3 {

    font-size: 14px;

  }

  #column-left .mt-banner,

  #column-right .mt-banner {

    display: none;

  }

}



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

/* category page */

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

.cat-banner {

  border: none;

  padding: 0;

  background: transparent;

  border-radius: 0;

  margin: 0 0 14px;

}

.cat-description p {

  margin: 0 0 25px;

  color: var(--secondary-light-color);

  line-height: 24px;

}

.cat_info {

  margin: 0 0 30px;

  padding: 0 0 15px;

  border-bottom: 1px solid var(--border-color);

}

.refine-search {

  margin: 0 0 20px;

}

#content .refine-text {

  font-size: 16px;

  margin: 0 0 12px;

  font-weight: 400;

}

.cat-name {

  padding: 0;

  margin: 0;

  text-transform: capitalize;

}

.cat-name li {

  display: inline-block;

}

.cat-name li a {

  border-radius: 0;

  background: transparent;

  color: var(--secondary-light-color);

  padding: 6px 20px;

  display: inline-block;

  margin: 0 6px 10px 0;

  border: 1px solid var(--border-color);

}

.cat-name li a:hover {

  color: var(--secondary-color);

  background: var(--primary-color);

  border-color: var(--primary-color);

}

#button-list.btn-default i,

#button-grid.btn-default i {

  font-size: 20px;

  display: block;

}

#button-list.btn-default,

#button-grid.btn-default {

  padding: 8px 0;

  border-radius: 5px;

  border: none;

  background: transparent;

  color: var(--secondary-light-color);

  box-shadow: none;

}

#button-grid.btn-default.active,

#button-list.btn-default.active,

#button-grid.btn-default:hover,

#button-list.btn-default:hover {

  background: transparent;

  color: var(--primary-color);

}

#button-grid.btn-default {

  margin: 0 20px 0 0;

}

#compare-total.btn.btn-link {

  text-decoration: none;

  outline: none;

  padding: 8px 0;

  border: none;

  text-transform: capitalize;

  font-weight: 400;

  color: var(--primary-color);

}

.cat-pagination-right {

  text-align: right;

}

.cat-pagination-right > div {

  display: inline-block;

  vertical-align: top;

}

.cat-pagination-right .cat-show {

  padding-left: 20px;

}

.text-right.show-text {

  padding: 0px 5px;

}

.text-right.show-text,

.text-right.show-select {

  width: auto;

  float: left;

}

.text_limit,

.text_sort {

  margin: 8px 0;

}

.select-filter-sort,

.select-filter-show {

  position: relative;

}

.cat-pagination-right .form-control {

  padding: 4px 25px 4px 10px;

  margin: 0;

  height: 36px;

  border-radius: 0;

  background: transparent;

  border: 1px solid var(--border-color);

}

select.form-control,

.form-control {

  appearance: none;

  -o-appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  cursor: pointer;

}

.form-control:focus {

  border-color: var(--border-color);

}

.select-filter-show::after,

.select-filter-sort::after {

  font-family: "fontawesome";

  content: "\f0dd";

  font-size: 16px;

  position: absolute;

  right: 10px;

  top: 4px;

  pointer-events: none;

  color: var(--primary-color);

}

.product-grid .description,

.product-grid .pro_description {

  display: none;

}

.product-list .product-thumb,

.product-list .thumb-description {

  overflow: hidden;

}

.rating .fa-stack,

#tab-review .fa-stack {

  font-size: 12px;

  width: 1.5em;

}

.rating .fa-star-o,

#tab-review .fa-star-o {

  color: #c2c2c2;

}

.rating .fa-star,

.rating .fa-star + .fa-star-o,

#tab-review .fa-star + .fa-star-o,

#tab-review .fa-star {

  color: #ffb503;

}

#product-category #product-list > * {

  width: 25%;

}

#product-category #product-list.product-list > * {

  width: 100%;

}

@media(min-width: 768px) {

  .product-list .product-thumb .image {

    float: left;

    margin-right: 30px;

  }

}

@media (max-width: 1199px) {

  .cat_info {

    padding: 0 0 10px;

  }

  .cat-pagination-right .cat-show {

    padding-left: 10px;

  }

  #product-category #product-list > * {

    width: 33.33333333%;

  }

}

@media (max-width: 991px) {

  .product-list .product-thumb .btn-list {

    margin: 12px 0 10px;

  }

  .refine-search {

    margin: 0 0 10px;

  }

  .cat-name li a {

    font-size: 13px;

    padding: 3px 10px;

  }

  .cat_info {

    margin: 0 0 20px;

  }

  .cat-description p {

    margin: 0 0 15px;

  }

  .product-list .product-thumb .image {

    margin-right: 20px;

  }

}

@media (max-width: 767px) {

  .cat-pagination-right {

    text-align: left;

    margin: 5px 0 0;

    padding: 0 10px;

  }

  .cat-description p {

    font-size: 12px;

    line-height: 20px;

  }

  .product-list .product-thumb .image {

    display: inline-block;

    margin: 0;

  }

  #product-category #product-list > * {

    width: 50%;

  }

}

@media (max-width: 680px) {

  .com-total {

    padding: 0;

  }

}

@media (max-width: 480px) {

  .cat-pagination-right > * {

    display: inline-block;

    vertical-align: top;

    width: 100%;

  }

  .cat-pagination-right .cat-show {

    padding: 5px 0 0 0;

  }

  .cat-pagination-right {

    display: block;

    text-align: left;

  }

  #compare-total.btn.btn-link {

    font-size: 13px;

  }

}

@media(max-width: 375px) {

  #product-category #product-list > * {

    width: 100%;

  }

}

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

/* pagination css */

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

.pro_pagination {

  clear: both;

  line-height: 36px;

  padding: 0 0 30px;

  border-bottom: 1px solid var(--border-color);

}

.pro_pagination .text-left {

  margin: 10px 0;

  float: left;

}

.pagination {

  padding: 0;

  margin: 0;

  vertical-align: top;

  justify-content: flex-end;

}

.pro_pagination .pagination > li.active > span,

.pagination > li > a:focus,

.pagination > li > a:hover,

.pagination > li > span:focus,

.pagination > li > span:hover {

  color: var(--secondary-color);

  background: var(--primary-color);

  border-color: var(--primary-color);

  cursor: pointer;

  z-index: 2;

  border-radius: 0;

}

.pagination > li > a:last-child {

  border-radius: 0;

}

.pagination > li > a,

.pagination > li > span {

  color: var(--secondary-light-color);

  background-color: var(--secondary-color);

  float: left;

  margin-left: 5px;

  width: 40px;

  height: 40px;

  line-height: 38px;

  text-align: center;

  padding: 0;

  position: relative;

  text-decoration: none;

  border: 1px solid var(--border-color);

  font-size: 14px;

}

.pro_pagination .row {

  align-items: center;

}

.pagination > li + li {

  margin-left: 5px;

}

.page-item:last-child .page-link,

.page-item:first-child .page-link {

  border-radius: 0;

}

@media (max-width: 1199px) {

  .pro_pagination {

    padding: 0 0 10px;

  }

}

@media (max-width: 991px) {

  .pro_pagination .text-left,

  .pro_pagination .text-right {

    width: 100%;

    float: unset;

    text-align: center;

    clear: both;

  }

  .pro_pagination .text-right {

    padding-top: 7px;

  }

  .pro_pagination .text-left {

    margin: 0;

  }

  .pagination > li > a,

  .pagination > li > span {

    width: 30px;

    height: 30px;

    line-height: 30px;

  }

  .pagination > li > a,

  .pagination > li > span {

    width: 30px;

    height: 30px;

    line-height: 28px;

  }

}

@media(max-width: 575px) {

  .pagination {

    justify-content: center;

  }

  .pro_pagination .col-sm-6.text-start {

    text-align: center !important;

  }

  .pro_pagination .col-sm-6.text-end {

    padding-top: 10px;

  }

}

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

/* product page */

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

.thumbnails {

  overflow: auto;

  clear: both;

  list-style: none;

  padding: 0;

  margin: 0;

}

a.thumbnail {

  padding: 0;

  border: none;

  margin: 0;

}

.product-img .thumbnails {

  display: flex;

  align-items: center;

}

.pro-image img {

  width: 100%;

}

#product-info .product-additional {

  text-align: center;

  position: relative;

  max-width: 80px;

  width: 100%;

  float: left;

}

#product-info .pro-image {

  margin: 0 0 0 30px;

  float: left;

}

#additional-carousel .image-additional {

  margin: 10px 0;

}

#quick-carousel.owl-carousel.owl-theme .owl-nav {

  position: unset;

  margin: 0;

}

.quickview-container .pro-image {

  margin-bottom: 20px;

}

#quick-carousel .image-additional a {

  margin: 0 10px;

  display: block;

}

#quick-carousel {

  max-width: 440px;

  margin: auto;

  padding: 0 20px;

}

#additional-carousel .owl-nav div,

#quick-carousel .owl-nav div {

  top: 0;

  bottom: 0;

  margin: auto;

  height: 30px;

  border: none;

  width: 30px;

  background: transparent;

  position: absolute;

  box-shadow: none;

}

#quick-carousel .owl-nav .owl-prev,

#additional-carousel .owl-nav .owl-prev {

  left: 0;

  right: auto;

}

#quick-carousel .owl-nav .owl-next,

#additional-carousel .owl-nav .owl-next {

  right: 0;

  left: auto;

}

#additional-carousel .owl-nav div::before,

#additional-carousel .owl-nav div::after,

#quick-carousel .owl-nav div::before,

#quick-carousel .owl-nav div::after {

  display: none;

}

#additional-carousel.owl-carousel.owl-theme .owl-nav .fa,

#quick-carousel.owl-carousel.owl-theme .owl-nav .fa {

  font-size: 22px;

  line-height: 30px;

}

.right_info h1,

.quick-product-right h1 {

  font-size: 24px;

  text-transform: capitalize;

  margin: 0 0 15px;

  font-weight: 500;

  color: var(--secondary-light-color);

}

.rating .product-rating {

  float: left;

  margin-right: 20px;

}

.rating .write-review {

  padding: 0 0 0 15px;

  margin: 0 0 0 15px;

  position: relative;

}

.pro-deatil .rating .write-review:before {

  content: "";

  background: var(--border-color);

  height: 14px;

  width: 1px;

  position: absolute;

  left: 0;

  margin: auto;

  top: 0;

  bottom: 0;

}

.rating .fa-pencil {

  padding-right: 5px;

  color: var(--primary-color);

}

.right_info .disc {

  color: var(--primary-color);

  margin-right: 5px;

  line-height: 27px;

  min-width: 125px;

  display: inline-block;

}

.right_info .disc1 {

  color: var(--secondary-light-color);

  margin-right: 10px;

}

.price-new {

  font-size: 24px;

  display: inline-block;

  font-weight: 500;

}

.price-old {

  color: var(--secondary-light-color);

  text-decoration: line-through;

  font-size: 16px;

}

.right_info .tax {

  margin: 7px 0 5px;

  color: var(--secondary-light-color);

}

.product-options h3 {

  font-size: 18px;

  text-transform: capitalize;

  font-weight: 500;

}

.right_info .control-label {

  font-size: 16px;

  font-weight: 500;

  line-height: 25px;

  text-transform: capitalize;

  margin-bottom: 0;

}

.right_info .checkbox,

.right_info .radio {

  margin-top: 0;

}

.product-options .alert {

  margin-top: 15px;

}

.product-btn-quantity .minus-plus {

  margin: 0 20px 0 0;

  display: inline-flex;

  border: 1px solid var(--border-color);

}

#product .minus-plus > * {

  text-align: center;

  border: none;

  background: transparent;

  padding: 0 5px;

  font-size: 13px;

  width: 37px;

  height: 38px;

}

.product-btn-quantity #input-quantity {

  width: 44px;

}

.right_info .control-label.qty {

  margin: 0 0 10px 0;

  display: block;

}

#button-cart,

#quick-cart {

  margin: 0 10px 0 0;

}

#product .btn-group button {

  height: 40px;

  width: 40px;

  line-height: 40px;

  margin: 0 5px 0 0;

  padding: 0;

  border: none;

  text-align: center;

  color: var(--secondary-light-color);

  background: var(--background-color);

  float: left;

}

#product .btn-group button:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

#product .product-btn-quantity {

  float: left;

}

.tab-content #tab-description {

  font-size: 16px;

  line-height: 24px;

}

#product-info #tab-description ul:last-child,

#product-info #tab-specification .table {

  margin: 0;

  border-color: var(--border-color);

}

.propage-tab h2 {

  font-size: 18px;

  margin: 25px 0 15px 0;

}

#form-review.form-horizontal .control-label {

  padding: 0;

}

.quickview-wrapper-inner.container {

  max-width: none;

}

#button-upload222 {

  margin-left: 10px;

}

.related-products-block {

  clear: both;

  padding-top: 80px;

}

.propage-tab {

  margin-top: 80px;

}

#product-info .nav-tabs {

  display: flex;

  justify-content: center;

  border-bottom: 1px solid var(--border-color);

}

#product-info .tab-content {

  padding: 28px 0;

  color: var(--secondary-light-color);

  border-bottom: 1px solid var(--border-color);

}

#product-info .tab-content strong {

  font-weight: 500;

  text-transform: capitalize;

}

@media (max-width: 1440px) {

  .related-products-block {

    padding-top: 50px;

  }

  .propage-tab {

    margin-top: 50px;

  }

}

@media (max-width: 1199px) {

  #additional-carousel {

    max-width: 410px;

  }

  .rating .product-rating {

    width: 100%;

    margin: 0 0 15px 0;

  }

  .propage-tab {

    margin-top: 40px;

  }

  .related-products-block {

    padding-top: 40px;

  }

  .right_info h1,

  .quick-product-right h1 {

    margin: 0 0 8px;

    font-size: 18px;

  }

  .price-new {

    font-size: 20px;

  }

  .related-products-block {

    padding-top: 40px;

  }

  .propage-tab {

    margin-top: 40px;

  }

}

@media (max-width: 991px) {

  #additional-carousel {

    max-width: 290px;

  }

  .related-products-block {

    padding-top: 25px;

  }

  .propage-tab {

    margin-top: 20px;

  }

  #product-info .pro-image {

    margin: 0 0 0 15px;

  }

  #product .product-btn-quantity {

    float: unset;

    margin-bottom: 15px;

  }

  #product-info .tab-content {

    padding: 15px 0;

  }

  .related-products-block {

    padding-top: 30px;

  }

  .propage-tab {

    margin-top: 30px;

  }

  .right_info {

    margin-top: 20px;

  }

  #product .btn-group button {

    height: 34px;

    width: 34px;

    line-height: 34px;

  }

}

@media (max-width: 767px) {

  .product-img {

    width: 480px;

    margin: 0 auto;

  }

  .related-products-block {

    padding-top: 20px;

  }

  .propage-tab {

    margin-top: 20px;

  }

  .tab-content #tab-description {

    font-size: 14px;

    line-height: 24px;

  }

}

@media (max-width: 540px) {

  .product-img {

    width: auto;

  }

}

@media only screen and (max-width: 480px) {

  #product-info .nav-tabs li + li {

    margin-left: 16px;

  }

}



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

/* Contact Us */

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

.information-contact .contact-left .title i.fa {

  background: var(--background-color);

  font-size: 16px;

  height: 34px;

  line-height: 34px;

  margin: 0px 10px 10px 0;

  text-align: center;

  width: 34px;

}

.information-contact .contact-left .title {

  font-size: 16px;

  color: var(--primary-color);

}

.content-address {

  margin-bottom: 15px;

}

.contact-left .btn-info i {

  font-size: 16px;

}

.content-details {

  padding: 15px;

  border: 1px solid var(--border-color);

  color: var(--secondary-light-color);

  border-radius: 0;

}

.contact-left .content-details > div {

  padding-bottom: 15px;

  margin-bottom: 15px;

  border-bottom: 1px solid var(--border-color);

}

.contact-left .content-details .comment-info {

  border: none;

  padding: 0;

  margin: 0px;

}

#information-contact .panel-body .col-sm-3 {

  float: left;

  width: 100%;

  padding: 15px;

  line-height: 25px;

}

.contact-title {

  margin: 0 0 20px 0;

  font-size: 20px;

}

.location-info .btn-info {

  padding: 8px 20px;

}

@media (max-width: 991px) {

  .contact-left {

    margin-bottom: 30px;

  }

}



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

/* checkout-cart */

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

#accordion .panel-heading h4.panel-title a i.fa-caret-down {

  float: right;

}

#accordion.panel-group .panel {

  border-radius: 4px;

}

#accordion.panel-group .panel + .panel {

  margin-top: 15px;

}

#accordion.panel-group .panel-default > .panel-heading {

  background: var(--background-color);

  padding: 10px 15px;

  color: var(--primary-color);

  border: none;

}

#accordion.panel-group .panel-default > .panel-heading .panel-title {

  line-height: 20px;

  text-transform: uppercase;

}

.checkout .input-group .form-control {

  z-index: 1;

  background: transparent;

}



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

/* other page */

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

#button-search {

  margin: 0 0 20px 0;

}

h3.search-criteria {

  font-size: 17px;

}

#product-search #input-search {

  margin-bottom: 10px;

}



/* manufacture page */

.manufacturer-list {

  margin-bottom: 20px;

  padding: 5px;

  border: 1px solid var(--border-color);

}

.manufacturer-heading {

  background: var(--background-color);

  font-size: 15px;

  font-weight: bold;

  margin-bottom: 6px;

  padding: 5px 8px;

}

.manufacturer-content {

  padding: 8px;

}



/*account*/

#account-account .account-list-content {

  margin-bottom: 20px;

}

#account-account .account-list-content:last-child {

  margin-bottom: 0;

}

.well {

  padding: 19px;

  border-radius: 5px;

  border: 1px solid var(--border-color);

  background: transparent;

}

.well h2 {

  margin: 0px;

  padding-bottom: 10px;

  font-size: 18px;

  font-weight: 500;

}

.well strong {

  font-weight: 500;

}

.account-list-heading {

  font-size: 18px;

  margin: 0 0 10px;

}

.account-list-content li a {

  padding: 3px 0;

  display: inline-block;

}



/*sitemap*/

#information-sitemap #content .row li > a {

  padding: 5px 0;

  display: block;

}



/*compare*/

#product-compare .table {

  display: inherit;

  border-style: none;

  overflow: auto;

}

.product-compare .btn-primary {

  margin: 5px 0 5px;

}

#product-compare .table > tbody + tbody {

  border-top: 1px solid #ddd;

}



/*checkout*/

#checkout-cart .img-thumbnail {

  border: none;

  padding: 0;

}



/*about us*/

#information-information #content .about-us {

  padding: 20px 5px;

  background: var(--background-color);

}

#information-information #content .about-us > div {

  float: left;

  padding: 0 15px;

}

.about-us img {

  width: 100%;

}

.about-us h3 {

  font-size: 20px;

  text-transform: uppercase;

  margin: 0;

  font-weight: 400;

}

.about-us h4 {

  font-size: 16px;

  color: var(--primary-hover-color);

  margin: 15px 0;

  font-weight: 400;

}

.about-us p {

  font-size: 16px;

  line-height: 26px;

  color: var(--secondary-light-color);

}

@media(max-width: 991px) {

  #information-information #content .about-us {

    padding: 10px 5px;

  }

  #information-information #content .about-us > div {

    padding: 0 5px;

  }

}

@media (max-width: 767px) {

  .cms-block {

    margin-bottom: 15px;

  }

  .about-us h3 {

    font-size: 16px;

  }

  .about-us h4 {

    margin: 10px 0;

  }

}



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

/* common css */

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

.mt-80 {

  margin-top: 80px;

}

.mt-60 {

  margin-top: 60px;

}

.mt-50 {

  margin-top: 50px;

}

.mt-40 {

  margin-top: 40px;

}

.mt-30 {

  margin-top: 30px;

}

.mt-20 {

  margin-top: 20px;

}

.img-thumbnail {

  border: none;

}

#content {

  min-height: 600px;

}

.common-home #content {

  min-height: unset;

}

#content > h3 {

  margin-top: 0;

  font-size: 18px;

}

.relative {

  position: relative;

}

.m-auto {

  margin: 0px auto;

}

.m-image-auto {

  width: auto !important;

}

ul.list-unstyled {

  margin: 0;

}

.owl-carousel {

  touch-action: manipulation;

}

.dropdown-menu {

  background: var(--secondary-color);

  z-index: 1001;

  margin: 0;

  border-radius: 0;

  border: none;

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

  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

}

.dropdown-menu > li > a:focus,

.dropdown-menu > li > a:hover {

  background-color: transparent;

}

.table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > thead > tr > th {

  padding: 10px 15px;

  vertical-align: middle;

  border-color: var(--border-color);

}

.table-bordered > thead > tr > td,

.table-bordered > thead > tr > th {

  border-bottom-width: 1px;

}

.table > tbody > tr > td {

  border-top: none;

}

.form-group {

  margin-bottom: 20px;

}

.form-control {

  display: block;

  width: 100%;

  height: 40px;

  padding: 6px 15px;

  font-size: 15px;

  line-height: 20px;

  color: var(--secondary-light-color);

  background: var(--secondary-color);

  background-color: var(--secondary-color);

  background-image: none;

  border: 1px solid var(--border-color);

  box-shadow: none;

  border-radius: 0;

}



/* fixed mobile cart quantity input */

.input-group .form-control[name^="quantity"] {

  min-width: 60px;

}

@media (min-width: 1801px) {

  .container {

    max-width: 1780px;

  }

}

@media (min-width: 1441px) and (max-width: 1800px) {

  .container {

    max-width: 1400px;

  }

}

@media (min-width: 1200px) {

  .col-lg-2:nth-child(6n + 1),

  .col-lg-3:nth-child(4n + 1),

  .col-lg-4:nth-child(3n + 1),

  .col-lg-6:nth-child(2n + 1) {

    clear: left;

  }

}

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

  .col-md-2:nth-child(6n + 1),

  .col-md-3:nth-child(4n + 1),

  .col-md-4:nth-child(3n + 1),

  .col-md-6:nth-child(2n + 1) {

    clear: left;

  }

}

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

  .col-sm-2:nth-child(6n + 1),

  .col-sm-3:nth-child(4n + 1),

  .col-sm-4:nth-child(3n + 1),

  .col-sm-6:nth-child(2n + 1) {

    clear: left;

  }

}

@media (max-width: 600px) and (min-width: 320px) {

  .block_box :not(.owl-carousel) .col-xs-4,

  .product-layout.product-grid.col-xs-4 {

    width: 50%;

  }

  .col-xs-2:nth-child(6n + 1),

  .col-xs-3:nth-child(4n + 1),

  .col-xs-4:nth-child(2n + 1),

  .col-xs-6:nth-child(2n + 1) {

    clear: left;

  }

}

@media screen and (max-width: 319px) {

  .block_box :not(.owl-carousel) .col-xs-4,

  .product-layout.product-grid.col-xs-4 {

    width: 100%;

  }

}

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

  /* Mahardhi */

  #content,

  #column-left,

  #column-right {

    width: 100%;

  }

}

@media screen and (max-width: 767px) {

  .table-responsive > .table-bordered > tbody > tr > td:first-child,

  .table-responsive > .table-bordered > tbody > tr > th:first-child,

  .table-responsive > .table-bordered > tfoot > tr > td:first-child,

  .table-responsive > .table-bordered > tfoot > tr > th:first-child,

  .table-responsive > .table-bordered > thead > tr > td:first-child,

  .table-responsive > .table-bordered > thead > tr > th:first-child {

    border-left: 1px solid #ddd;

  }

  .table-responsive > .table-bordered > tbody > tr > td:last-child,

  .table-responsive > .table-bordered > tbody > tr > th:last-child,

  .table-responsive > .table-bordered > tfoot > tr > td:last-child,

  .table-responsive > .table-bordered > tfoot > tr > th:last-child,

  .table-responsive > .table-bordered > thead > tr > td:last-child,

  .table-responsive > .table-bordered > thead > tr > th:last-child {

    border-left: 0;

  }

}

/* mahardhi */

@media (max-width: 1440px) {

  .mt-80 {

    margin-top: 50px;

  }

  .mt-50 {

    margin-top: 20px;

  }

}

@media (max-width: 1199px) {

  .mt-80 {

    margin-top: 40px;

  }

  .mt-60 {

    margin-top: 40px;

  }

  .mt-50 {

    margin-top: 10px;

  }

  .mt-30 {

    margin-top: 10px;

  }

}

@media (max-width: 991px) {

  .mt-80 {

    margin-top: 30px;

  }

  .mt-60 {

    margin-top: 30px;

  }

  .mt-40 {

    margin-top: 20px;

  }

  .mt-20 {

    margin-top: 0;

  }

}

@media (max-width: 767px) {

  #column-left,

  #column-right {

    display: block !important;

  }

  .mt-80 {

    margin-top: 20px;

  }

  .mt-60 {

    margin-top: 20px;

  }

  .mt-50 {

    margin-top: 0;

  }

  .mt-30 {

    margin-top: 0;

  }

}



/*luv*/

 .diamind {

    

margin: 0 auto;

    

padding: 0 10px;

    

max-width: 1320px;

}

.diamind  h2 {

    text-align: center;

    font-size: 40px;

    text-transform: capitalize;

    margin-top: 20px;

    margin-bottom:12px;

}

.diamind-box {

    width: 23%;

    margin: 10px;

    padding: 10px;

    background: #ffffff;

    display: inline-block;

    box-shadow: rgb(60 64 67 / 20%) 0px 1px 2px 0px, rgba(60, 64, 67, 0.12) 0px 2px 6px 2px;

  border-radius:10px

}

.diamind-box img{

    border-radius: 6px;

    width: 100%;

}

.diamind-box h5 {

    margin: 0;

    font-size: 23px;

    padding: 10px 0 6px;

    text-align: center;

    color: #000;

}
.big-row{
            width: 100%;
            display: flex;}
.top-catagory{flex-grow: 1}
        
        .img-fill {width: 100%;}
        .case{
            overflow: hidden;
            position: relative;
            flex: 1;
            border-right: solid 1px #333;
            border-bottom: solid 1px #333;
            border-top: solid 1px #333;
        }
        .case .img-1{
            position: absolute;
            top: 0px;
            left: 0px;
            opacity: 0;
            transition: all 0.4s ease-in-out;
        }
        .case:hover .img-1{
            opacity: 1;
            transition: all 0.4s ease-in-out;
        }
        .case .text{
            position: absolute;
            left: 0px;
            bottom: 0;
            padding: 4px 0;
            width: 100%;
            /* background: #000; */
        }
        .case .text p{
            color: #000;
            position: relative;
            text-decoration: none;
            font-size: 20px;
            margin: 0;
            transition: all 0.3s ease-in-out;
            display: inline-block;
            margin: 8px 15px;
        }
        .case .text p::before{
            position: absolute;
            content: "";
            left: 0px;
            bottom: -2px;
            height: 1px;
            width: 0px;
            background-color: #ffffff;
            transition: all 0.3s ease-in-out;
        }
        .case:hover .text{
            color: #fff;
            background-color: #000;
            transition: all 0.3s ease-in-out; }
        .case:hover .text p{
            color: #fff;
            transition: all 0.3s ease-in-out;}

        .case:hover p::before{
            width: 100%;
            transition: all 0.3s ease-in-out; }


/*RRR css start*/
#latestTabCarousel .product-layout .product-thumb .button-group { display: none}
#latestTabCarousel .product-layout .product-thumb .addcart{ display: none}
.product-tab-block .main-tab .product-tabs .page-title h3{ text-align: left}

.product-tab-block .main-tab .product-tabs .page-title #tabs-13{ display: none}
/*RRR css end*/

/*media css start*/
@media only screen and (max-width:991px) {
    
    .big-row{ flex-wrap: wrap;  }
    .top-catagory{   flex-basis: 30%}
 
    
}

@media only screen and (max-width:680px) {
        .top-catagory{   flex-basis: 50%}
    
}
/*media css end*/

/*RRR css*/
#menu .navbar-header{ padding:15px;}