/*=========================================================
Author       : Bestwebcreator.
Template Name: Shopwise - eCommerce Bootstrap 4 HTML Template
Version      : 1.0
==============================================================*/
/*=============================================================
    CSS INDEX
    =============================
    01.GENERAL STYLE (body, link color, section-title, buttons, overlay, section-padding etc...)
    02.START HEADER STYLE
	03.START BANNER,SLIDER STYLE
	04.START SHOP BANNER STYLE
	05.START CATEGORIES STYLE
	06.START ICON BOX STYLE
	07.START PORTFOLIO STYLE
	08.START TESTIMONIAL STYLE
	09.START BLOG STYLE
	10.START NEWSLETTER STYLE
	11.START FOOTER STYLE
	12.START MAP STYLE
	13.START TEAM STYLE
	14.START CLIENT LOGO STYLE
	15.START BREADCRUMB STYLE
	16.START CONTACT STYLE
	17.START DIVIDER STYLE
	18.START ACCORDION STYLE
	19.START 404 ERROR STYLE
	20.START LOGIN REGISTER STYLE
	21.START COMING SOON STYLE
	22.START DEAL OF THE DAY STYLE
	23.START SHOP DESIGN
	24.START ELEMENT DESIGN

*=============================================================*/
/*===================================*
  01.GENERAL STYLE
*===================================*/
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

body {
  background: #ffffff none repeat scroll 0 0;
  color: #687188;
  font-family: var(--primary-font), sans-serif;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  color: #292b2c;
}

p {
  color: #687188;
  line-height: 28px;
  margin-bottom: 25px;
}

a {
  color: #292b2c;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: var(--color-1st);
  text-decoration: none;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
}

button {
  transition: all 0.3s ease-in-out;
}

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

label {
  color: #6c757d;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
}

iframe {
  border: 0;
  display: block;
}

.section {
  padding: 100px 0;
  position: relative;
}

.section.small_pt {
  padding-top: 50px;
}

.section.small_pb {
  padding-bottom: 50px;
}

.section.pb_20, .pb_20 {
  padding-bottom: 20px;
}

.small_divider {
  height: 30px;
}

.medium_divider {
  height: 50px;
}

.large_divider {
  height: 100px;
}

.padding_eight_all {
  padding: 8%;
}

.list_none li {
  list-style: none;
}

.btn:focus, .btn:hover, .btn.active {
  box-shadow: none;
  outline: medium none;
}

button:focus {
  outline: none;
}

.border-2 {
  border-width: 2px !important;
}

.btn {
  border-width: 1px;
  cursor: pointer;
  line-height: normal;
  padding: 12px 35px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.btn.active:focus, .btn:active:focus {
  box-shadow: none !important;
}

.btn-fill-out {
  background-color: transparent;
  border: 1px solid var(--color-1st);
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn-fill-out::before,
.btn-fill-out::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-1st);
  z-index: -1;
  transition: all 0.3s ease-in-out;
  width: 51%;
}

.btn-fill-out::after {
  right: 0;
  left: auto;
}

.btn-fill-out:hover:before,
.btn-fill-out:hover:after {
  width: 0;
}

.btn-fill-out:hover {
  color: var(--color-1st) !important;
}

.btn-fill-line {
  background-color: transparent;
  border: 1px solid #333;
  overflow: hidden;
  position: relative;
  color: #fff !important;
  transition: all 0.8s ease 0s;
  z-index: 1;
}

.btn-fill-line:before, .btn-fill-line:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #333;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  width: 50%;
}

.btn-fill-line::after {
  right: 0;
  left: auto;
}

.btn-fill-line:hover:before,
.btn-fill-line:hover:after {
  width: 0;
}

.btn-fill-line:hover {
  color: #333 !important;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 450px;
    height: 450px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 450px;
    height: 450px;
  }
}

.btn-radius {
  border-radius: 40px;
}

.btn + .btn {
  margin-left: 10px;
}

.btn i {
  font-size: 16px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

.btn span {
  vertical-align: middle;
}

 .btn-sm {
  padding: 8px 25px;
}

.btn-xs {
  padding: 4px 20px;
  font-size: 12px;
}

.btn.btn-xs i {
  font-size: 10px;
}

.btn.btn-sm i {
  font-size: 12px;
}

.btn-link {
  position: relative;
  z-index: 2;
  text-decoration: none;
}

.btn-link:hover {
  text-decoration: none;
}

.btn-link::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background-color: var(--color-1st);
  z-index: -1;
}

.text_white * {
  color: #fff;
}

.text_dark * {
  color: #333;
}

.text_default {
  color: var(--color-1st) !important;
}

.bg_default {
  background-color: var(--color-1st) !important;
}

.bg_gray {
  background-color: #f7f8fb !important;
}

.bg_redon {
  background-color: #FFF1F1 !important;
}

.scrollup {
  background-color: #171717;
  bottom: 20px;
  color: #ffffff;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 40px;
  z-index: 99;
}

.scrollup:hover {
  background-color: var(--color-1st);
  color: #fff;
}

.scrollup:focus {
  color: #fff;
}

.background_bg {
  background-position: center center;
  background-size: cover;
}
@keyframes ripple {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.box_shadow1 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/*Title Css*/
.heading_s1 {
  margin-bottom: 25px;
}

.heading_s1 h1, .heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 {
  font-weight: 700;
  margin: 0;
  text-transform: capitalize;
}

.heading_s2 {
  position: relative;
}

.heading_s2 h1, .heading_s2 h2, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, .heading_s2 h6 {
  font-weight: 700;
  margin: 0;
  text-transform: capitalize;
}

.heading_s2 h1,
.heading_s2 h2,
.heading_s2 h3,
.heading_s2 h4,
.heading_s2 h5,
.heading_s2 h6 {
  position: relative;
  z-index: 9;
}

.heading_s4 {
  margin-bottom: 15px;
}

.heading_s4 h1, .heading_s4 h2, .heading_s4 h3, .heading_s4 h4, .heading_s4 h5, .heading_s4 h6 {
  font-weight: 700;
  margin: 0;
  text-transform: capitalize;
  line-height: normal;
}

.highlight_text {
  font-size: 20px;
  color: #333;
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}

.leads {
  margin-bottom: 30px;
}

/*Loader Css*/
.preloader {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.lds-ellipsis {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  text-align: center;
  z-index: 9999;
}

.lds-ellipsis span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--color-1st);
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.lds-ellipsis span:nth-child(1) {
  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}

.lds-ellipsis span:nth-child(2) {
  animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
}
@keyframes ball-pulse-sync {
  33% {
    transform: translateY(10px);
  }
  66% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

/*===================================*
  01.END GENERAL STYLE
*===================================*/
/*===================================*
  02.START HEADER STYLE
*===================================*/

.header_wrap {
  transition: all 0.5s ease 0s;
}

.header_wrap:not([class*=bg_]):not([class*=bg-]) {
  background-color: #fff;
}

.dropdown-toggle::after, .dropdown-toggler::after {
  border: 0 none;
  content: "\f3d0";
  font-family: "Ionicons";
  margin-left: 5px;
  vertical-align: middle;
}

.dropdown-toggler::after {
  transform: rotate(-90deg);
}

.dropdown-menu .dropdown-toggler::after {
  position: absolute;
  right: 15px;
  top: 10px;
}

.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
}

.header_wrap.fixed-top {
  position: relative;
  padding-right: 0 !important;
}

.header_wrap.nav-fixed {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1041;
  animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: none;
}

.mega-menu {
  display: table;
  padding: 15px 0;
  width: 100%;
  flex-wrap: wrap;
}

.mega-menu ul {
  flex-wrap: wrap;
}

.mega-menu-col {
  border-right: 1px solid #ddd;
  padding: 0;
}

.mega-menu-col:last-child {
  border-right: 0 !important;
}

.dropdown-menu li a i {
  font-size: 14px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.header_wrap .social_icons li {
  padding-bottom: 0;
}

.social_icons {
  font-size: 0;
}

.social_icons li {
  display: inline-block;
  padding: 0px 5px 5px 0;
}

.social_icons li a {
  font-size: 18px;
  color: #687188;
  height: 36px;
  width: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.social_icons li a:hover,
.header_wrap .social_icons li a:hover {
  color: var(--color-1st);
}

.social_icons li:last-child a {
  margin-right: 0px;
}

.header_wrap .social_icons li a {
  color: #333;
}

.navbar-toggler {
  float: right;
  margin: 13px 0 0 3px;
  font-size: 28px;
  color: #333;
  border-radius: 0;
  height: 35px;
  width: 35px;
  padding: 0;
  line-height: 36px;
  transition: none;
}

.navbar-toggler[aria-expanded=true] span::before {
  content: "\f129";
  font-size: 16px;
}

.navbar-toggler[aria-expanded=true] {
  line-height: 32px;
  font-size: 20px;
}

.header_banner_text {
  color: #fff;
}

body.active {
  overflow: hidden;
  padding-right: 17px;
}

.widget_text p:last-child {
  margin-bottom: 0;
}

input.text {
  display: none;
}

.contact_phone span, .contact_phone i {
  vertical-align: middle;
}

.contact_phone i {
  font-size: 30px;
  margin-right: 10px;
  color: var(--color-1st);
}

.contact_phone span {
  color: #16181b;
}

.banner_content_inner {
  padding: 50px;
}

/*===================================*
  02.END HEADER STYLE
*===================================*/
/*===================================*
  03.START BANNER,SLIDER STYLE
*===================================*/
.banner_section {
  position: relative;
}

.banner_section:not(.full_screen),
.banner_section:not(.full_screen) .carousel-item {
  height: 800px;
}

.banner_section.slide_medium,
.banner_section.slide_medium .carousel-item {
  height: 500px;
}

.banner_section .banner_slide_content {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.carousel-item img {
  position: relative;
  z-index: -1;
  width: 100%;
}

.indicators_style1 {
  margin-bottom: 15px;
}

.indicators_style1 li {
  width: 10px;
  height: 10px;
  background-color: #333;
  border: 0;
  margin: 8px;
  position: relative;
}

.indicators_style1 li::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border: 2px solid #333;
  margin: -4px;
}

.indicators_style1 li.active {
  background-color: var(--color-1st);
}


.indicators_style1 li.active:before {
  border-color: var(--color-1st);
}

.banner_content .carousel-item {
  padding: 100px 0;
}

.banner_content h2 {
  font-size: 60px;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize;
}

.banner_content p {
  margin-bottom: 30px;
}

.zoom-in {
  animation: zoomin 5s;
}

@keyframes zoomin {
  0% {
    transform: scale(1.2) rotate(3deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}

/*===================================*
  03.END BANNER,SLIDER STYLE
*===================================*/
/*===================================*
  04.START SHOP BANNER STYLE
*===================================*/

.hover_effect1 {
  overflow: hidden;
  position: relative;
  display: block;
}

.hover_effect1::before, .hover_effect1::after {
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: all 0.9s ease 0s;
  width: 100%;
  z-index: 1;
}

.hover_effect1::before {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  transform: translate(105%, 0%);
}

.hover_effect1::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transform: translate(-105%, 0%);
}

.hover_effect1:hover:before, .hover_effect1:hover:after {
  opacity: 0;
  transform: translate(0px, 0px);
}

.sale-banner img {
  width: 100%;
}

/*===================================*
  04.END SHOP BANNER STYLE
*===================================*/
/*===================================*
  05.START CATEGORIES STYLE
*===================================*/

/*===================================*
  05.END CATEGORIES STYLE
*===================================*/
/*===================================*
  06.START ICON BOX STYLE
*===================================*/
.icon_box {
  margin-bottom: 30px;
}

.icon {
  margin-bottom: 15px;
}

.icon_box_content h1,
.icon_box_content h2,
.icon_box_content h3,
.icon_box_content h4,
.icon_box_content h5,
.icon_box_content h6 {
  text-transform: capitalize;
}

.icon i {
  font-size: 30px;
}

.icon_box p:last-child {
  margin: 0;
}

.icon_box_content .link i {
  vertical-align: middle;
  margin-left: 2px;
}

.icon_box_style1 {
  text-align: center;
  padding: 0 40px;
  position: relative;
}

.icon_box_style1 .icon i {
  font-size: 46px;
  line-height: 1;
}

.icon_box_style1::before {
  content: "";
  position: absolute;
  right: 0;
  top: 15%;
  bottom: 15%;
  width: 1px;
  background-color: #ddd;
}

[class*=col-]:last-child .icon_box_style1::before {
  content: normal;
}

/*===================================*
  06.END ICON BOX STYLE
*===================================*/
/*===================================*
  07.START PORTFOLIO STYLE
*===================================*/
.carousel_slider li {
  list-style: none;
}

/*===================================*
  07.END PORTFOLIO STYLE
*===================================*/
/*===================================*
  08.START TESTIMONIAL STYLE
*===================================*/
.author_img img {
  max-width: 100px;
}

.author_name {
  overflow: hidden;
}

.author_name h6 {
  margin-bottom: 5px;
}

.author_name span {
  color: var(--color-1st);
}

.testimonial_box.box_shadow1 {
  margin: 10px;
}

.testimonial_desc p:last-child {
  margin-bottom: 0;
}

.testimonial_style1 .author_img {
  margin-right: 15px;
}

.testimonial_style1 .author_img img {
  max-width: 60px;
}

.testimonial_style1 .testimonial_desc {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}

.testimonial_style1 .testimonial_box {
  position: relative;
  z-index: 1;
}

.author_wrap {
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.testimonial_style1 .author_wrap {
  justify-content: center;
}

.testimonial_wrap {
  padding: 0 60px;
}

/*===================================*
  08.END TESTIMONIAL STYLE
*===================================*/
/*===================================*
  09.START BLOG STYLE
*===================================*/
.blog_post {
  margin-bottom: 30px;
  transition: all 0.5s ease-in-out;
}

.blog_content {
  padding-top: 15px;
}

.blog_post .blog_img a {
  display: block;
  overflow: hidden;
}

.blog_img {
  position: relative;
  overflow: hidden;
}

.blog_img img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.blog_meta {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
}

.blog_meta li {
  float: left;
  margin-right: 15px;
}

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

.blog_meta li a {
  text-transform: capitalize;
}

.blog_meta li a i {
  margin-right: 5px;
  vertical-align: middle;
  color: var(--color-1st);
}

.blog_title {
  line-height: 30px;
  margin-bottom: 15px;
  font-weight: 600;
}

h6.blog_title {
  line-height: 24px;
}

.blog_text p {
  margin-bottom: 15px;
}

.blog_text p:last-child {
  margin: 0;
}


.blog_style2:hover .blog_img img {
  transform: scale(1.2);
}

.blog_style2 .blog_content {
  padding: 15px;
}

.blog_img .owl-dots {
  position: absolute;
  top: 0;
  right: 15px;
}

.blog_thumbs .blog_post {
  display: inline-block;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.single_post .blog_content {
  padding-top: 20px;
}

.single_post .blog_title {
  font-size: 30px;
  line-height: normal;
  margin-bottom: 20px;
}

.single_post .blog_meta {
  padding-bottom: 20px;
  margin-bottom: 0;
  width: 100%;
}

.content_title * {
  margin-bottom: 30px;
  font-weight: 600;
}

.children {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 20px;
  margin-left: 60px;
}

/*===================================*
  09.END BLOG STYLE
*===================================*/
/*===================================*
  10.START NEWLETTER STYLE
*===================================*/


.newsletter_form2 form {
  position: relative;
}


.newsletter_form2 input,
.newsletter_form2 input:focus {
  border: 0;
}

.newsletter_form2 input,
.newsletter_form2 input:focus {
  height: 59px;
  padding: 10px 140px 10px 20px;
}

.newsletter_form2 button {
  position: absolute;
  right: 5px;
  top: 4px;
}

.newsletter_text {
  position: relative;
  padding-left: 80px;
}

.newsletter_text p:last-child {
  margin: 0;
}

.newsletter_text::before {
  content: "\e999";
  position: absolute;
  left: 0;
  color: #fff;
  font-family: linearicons;
  font-size: 65px;
  line-height: normal;
  opacity: 0.4;
}

/*===================================*
  10.END NEWLETTER STYLE
*===================================*/
/*===================================*
  11.START FOOTER STYLE
*===================================*/
footer {
  overflow: hidden;
}

footer p {
  font-size: 14px;
}

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

footer .widget_title {
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 18px;
}

.widget_links li {
  list-style: none;
  padding-bottom: 10px;
}

.widget_links li:last-child {
  padding-bottom: 0;
}

.widget_links li a {
  font-size: 14px;
  color: #687188;
}

 .widget_links li a:hover {
  color: var(--color-1st);
}

/*===================================*
  11.END FOOTER STYLE
*===================================*/
/*===================================*
  12.START MAP STYLE
*===================================*/

/*===================================*
  12.END MAP STYLE
*===================================*/
/*===================================*
  13.START TEAM STYLE
*===================================*/

/*===================================*
  13.END TEAM STYLE
*===================================*/
/*===================================*
  14.START CLIENT LOGO STYLE
*===================================*/
.client_logo .cl_logo img {
  opacity: 0.7;
  width: 163px;
  margin: 0 auto;
  transition: all 0.5s ease-in-out;
}

.client_logo .cl_logo:hover img {
  opacity: 1;
}

/*===================================*
  14.END CLIENT LOGO STYLE
*===================================*/
/*===================================*
  15.START BREADCRUMB STYLE
*===================================*/
.breadcrumb_section {
  padding: 150px 0;
  width: 100%;
}

.breadcrumb_section.page-title-mini {
  padding: 70px 0;
}

.page-title-mini .page-title h1 {
  font-size: 28px;
}

.page-title-mini .breadcrumb li {
  font-size: 14px;
}

.page-title h1 {
  margin: 0;
  text-transform: capitalize;
  font-weight: bold;
  line-height: normal;
}

.breadcrumb {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "\f3d1";
  font-family: "Ionicons";
  vertical-align: middle;
}

.page-title + .breadcrumb {
  margin-top: 15px;
}

.page-title + span {
  margin-top: 15px;
  display: inline-block;
  width: 100%;
}

.breadcrumb-item a i {
  font-size: 26px;
  line-height: 1;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -5px;
  display: inline-block;
}

.page-title-video {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  z-index: -3;
}

/*===================================*
  15.END BREADCRUMB STYLE
*===================================*/
/*===================================*
  16.START CONTACT STYLE
*===================================*/
.contact_wrap li {
  list-style: none;
}

.contact_wrap li {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}

.contact_icon {
  margin-right: 20px;
}

.contact_icon i {
  font-size: 34px;
  color: var(--color-1st);
}

.contact_text span {
  color: #333;
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
}

.contact_text p:last-child {
  margin-bottom: 0;
}

.contact_text a {
  color: #687188;
  line-height: 28px;
}

.contact_text a:hover {
  color: var(--color-1st);
}

.contact_style3 {
  text-align: center;
  margin-bottom: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
  border-radius: 10px;
}

.contact_style3 .contact_icon {
  border: 1px solid var(--color-1st);
  margin: 0 0 5px;
  height: 80px;
  width: 80px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
  z-index: 1;
}

.contact_style3 .contact_icon i {
  line-height: 78px;
  transition: all 0.5s ease-in-out;
}

.contact_style3 .contact_icon::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-1st);
  transition: all 0.5s ease-in-out;
  transform: scale(0);
  border-radius: 100%;
  z-index: -1;
}

.contact_style3:hover .contact_icon::before {
  transform: scale(1);
}

.contact_style3:hover .contact_icon i {
  color: #fff;
}

/*===================================*
  16. END CONTACT STYLE
*===================================*/
/*===================================*
  17.START DIVIDER STYLE
*===================================*/
.divider {
  position: relative;
  overflow: hidden;
  height: 4px;
  z-index: 9;
}

.divider.center_icon,
.divider.text_divider {
  height: auto;
}

.divider.center_icon {
  text-align: center;
}

.divider.text_divider {
  text-align: center;
}

.divider.text_divider span {
  background-color: #fff;
  position: relative;
  z-index: 1;
  font-size: 30px;
  padding: 0 30px;
}

.divider:before,
.divider:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0px;
  height: 0;
  border-top: 1px solid #dddddd;
  transform: translateY(-50%);
}

.divider::before {
  margin-top: -1px;
}

.divider::after {
  margin-top: 1px;
}

.divider i {
  background-color: #fff;
  color: #d9d9d9;
  position: relative;
  z-index: 1;
  font-size: 30px;
  padding: 0 40px;
}

/*===================================*
  17.END DIVIDER STYLE
*===================================*/
/*===================================*
  18.START ACCORDION STYLE
*===================================*/
.accordion .card .card-header {
  background-color: transparent;
  padding: 0px;
  margin: 0;
}

.accordion .card-header a {
  padding: 15px 40px 15px 15px;
  display: block;
  line-height: normal;
}

.accordion .card-body p:last-child {
  margin: 0;
}

.card-body p {
  margin-bottom: 15px;
}

/*===================================*
  18.END ACCORDION STYLE
*===================================*/
/*===================================*
  19.START 404 ERROR STYLE
*===================================*/
.error_wrap {
  width: 100%;
}

.error_txt {
  color: #333;
  font-size: 150px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1;
}

.search_form form {
  position: relative;
}

.search_form form input {
  height: 50px;
  padding: 5px 60px 5px 20px;
}

.search_form form input:focus {
  height: 50px;
}

.search_form .icon_search {
  position: absolute;
  right: 18px;
  top: 50%;
  padding: 0;
  transform: translateY(-50%);
  border-left: 1px solid #ddd;
  border-radius: 0;
  padding-left: 15px;
}

.search_form .icon_search i {
  font-size: 24px;
  margin-right: 0;
}

.form-note {
  margin-top: 20px;
}

/*===================================*
  19.END 404 ERROR STYLE
*===================================*/
/*===================================*
  20.START LOGIN REGISTER STYLE
*===================================*/
.login_wrap {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.login_register_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.login_footer {
  margin-bottom: 20px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.login_footer a {
  color: #687188;
}

/*===================================*
  20.END LOGIN REGISTER STYLE
*===================================*/
/*===================================*
  21.START COMMING SOON STYLE
*===================================*/

.countdown_time {
  display: table;
  width: 100%;
}

.countdown_time .cd_text {
  display: block;
}

.countdown_time.countdown_style4 {
  margin: 0 -2px;
  width: auto;
  display: block;
}

/*===================================*
  21.END COMMING SOON STYLE
*===================================*/
/*===================================*
  22.START DEAL OF THE DAY STYLE
*===================================*/

.deal_wrap {
  border: 2px solid var(--color-1st);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.deal_wrap .product_img {
  max-width: 300px;
  width: 100%;
}

.deal_content {
  width: 100%;
  padding: 30px 30px 30px 0;
}

.deal_content .product_info {
  padding: 0;
}

.deal_wrap .countdown_time .cd_text {
  font-size: 13px;
}

.deal_progress {
  padding-top: 5px;
  display: block;
}

.stock-available {
  float: right;
}

.deal_progress .progress {
  margin-top: 5px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.deal_progress .progress-bar {
  background-color: var(--color-1st);
  text-indent: -99999px;
}

/*===================================*
  22.END DEAL OF THE DAY STYLE
*===================================*/
/*===================================*
  23.START SHOP DESIGN
*===================================*/
.shorting_icon {
  font-size: 18px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  float: left;
  text-align: center;
  line-height: 45px;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}

.shorting_icon .ti-layout-list-thumb {
  font-size: 24px;
  line-height: 45px;
}

.shorting_icon.active {
  background-color: var(--color-1st);
  color: #fff;
}

.product_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product_header_right {
  display: flex;
  align-items: center;
}

.products_view {
  display: inline-block;
  vertical-align: middle;
}

.product,
.product_wrap {
  background-color: #fff;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.product_wrap .pr_action_btn li a {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.product_wrap .pr_action_btn li a i {
  line-height: 35px;
  font-size: 16px;
}

.carousel_slider .product,
.carousel_slider .product_wrap {
  margin: 5px;
}

.product_img img {
  transition: all 0.3s ease-in-out;
}

.product_img .product_hover_img {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  transform: translateX(100%);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}

.product:hover .product_img .product_hover_img,
.product_wrap:hover .product_img .product_hover_img {
  opacity: 1;
  z-index: 0;
  transform: translateX(0);
}

.pr_desc {
  display: none;
}

.pr_flash {
  background-color: #FF9F00;
  position: absolute;
  left: 10px;
  top: 10px;
  text-transform: uppercase;
  color: #fff;
  padding: 2px 8px;
  font-size: 13px;
  z-index: 1;
}

.product_info {
  padding: 15px;
}

.price {
  color: var(--color-1st);
  font-weight: 600;
}

.product_price del {
  font-size: 14px;
  margin-right: 5px;
  margin-left: 3px;
}

.product-price del {
  margin-left: 5px;
  color: #919191;
}

.on_sale {
  display: inline-block;
  color: #388e3c;
  font-size: 14px;
}

.product_price {
  margin-bottom: 5px;
}

.product .rating_wrap {
  display: flex;
  align-items: center;
  position: relative;
}

.product.text-center .rating_wrap {
  justify-content: center;
}

.rating_num {
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}

.rating_wrap .rating {
  overflow: hidden;
  position: relative;
  height: 20px;
  font-size: 12px;
  width: 70px;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  vertical-align: middle;
}

.rating::before {
  font-size: 12px;
  content: "\f005\f005\f005\f005\f005";
  top: 0;
  position: absolute;
  left: 0;
  float: left;
  color: #F6BC3E;
}

.product_rate {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
  color: #F6BC3E;
}

.product_rate::before {
  font-size: 12px;
  content: "\f005\f005\f005\f005\f005";
  top: 0;
  position: absolute;
  left: 0;
}

.product_action_box {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  text-align: center;
  padding-top: 0;
  transition: all 0.5s ease-in-out;
  transform: translateY(-50%);
}

.pr_action_btn {
  display: table;
  margin: 0 auto;
}

.product_img {
  position: relative;
  overflow: hidden;
}

.product_img::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}

.product:hover .product_img:before {
  opacity: 1;
}

.pr_action_btn li {
  position: relative;
  margin: 0px 5px;
  display: inline-block;
}

.product_wrap .pr_action_btn li {
  display: block;
  margin: 10px 0;
}

.product_wrap .pr_action_btn {
  margin: 0 0 0 10px;
}

.product_action_box li {
  transform: translate(0, 15px);
  opacity: 0;
}

.product_action_box li:nth-child(1) {
  transition: all 0.2s ease 0s;
}

.product_action_box li:nth-child(2) {
  transition: all 0.3s ease 0s;
}

.product_action_box li:nth-child(3) {
  transition: all 0.4s ease 0s;
}

.product_action_box li:nth-child(4) {
  transition: all 0.5s ease 0s;
}

.product:hover .product_action_box li,
.product_wrap:hover .product_action_box li {
  transform: translate(0, 0);
  opacity: 1;
}

.pr_action_btn li a {
  background-color: #fff;
  font-size: 0;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  width: 37px;
  height: 37px;
  padding: 0;
  display: block;
  text-align: center;
}

.pr_action_btn li a i {
  vertical-align: middle;
  line-height: 37px;
  font-size: 18px;
}

.pr_action_btn li a:hover {
  background-color: var(--color-1st);
  color: #fff;
}

.product .product_title,
.product_wrap .product_title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: capitalize;
}

.product_color_switch span {
  height: 15px;
  width: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  position: relative;
  cursor: pointer;
  border-radius: 100%;
}

.product .product_color_switch span {
  transform: translateY(15px);
  opacity: 0;
}

.product_color_switch span.active::before {
  content: "";
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: -3px;
  border-radius: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.product .pr_switch_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 7px 15px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.product:hover .pr_switch_wrap {
  opacity: 1;
  visibility: visible;
}

.product:hover .product_color_switch span {
  transform: translateY(0px);
  opacity: 1;
}

.product_color_switch span:first-child {
  transition: all 0.2s ease 0s;
}

.product_color_switch span:nth-child(2) {
  transition: all 0.3s ease 0s;
}

.product_color_switch span:nth-child(3) {
  transition: all 0.4s ease 0s;
}

.product_color_switch span:nth-child(4) {
  transition: all 0.5s ease 0s;
}

.product_color_switch span:nth-child(5) {
  transition: all 0.6s ease 0s;
}

.product_color_switch span:nth-child(6) {
  transition: all 0.7s ease 0s;
}

.product_color_switch span:nth-child(7) {
  transition: all 0.75s ease 0s;
}

.product_list .product,
.product_list .product_wrap {
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 30px;
}

.product_list .product_img {
  max-width: 30%;
  flex: 0 0 30%;
  width: 100%;
}

.product_list .product_info {
  padding: 0px 0 0 15px;
  text-align: left;
  max-width: 70%;
  flex: 0 0 70%;
}

.product_list .product_img::before {
  content: normal;
}

.mfp-ajax-holder .mfp-content .ajax_quick_view {
  max-width: 980px;
  background-color: #fff;
  margin: 6px auto;
  padding: 30px;
  position: relative;
}

.mfp-close {
  width: 30px;
  height: 30px;
  line-height: normal;
}

.product-image {
  position: relative;
}

.pr_detail .pr_desc {
  display: inline-block;
}

.pr_detail .pr_desc p {
  margin-bottom: 15px;
}

.pr_detail .rating_wrap {
  float: right;
  margin-top: 7px;
}

.pr_detail .product_price {
  float: left;
}

.pr_detail .price {
  vertical-align: middle;
  font-size: 26px;
}

.cart-product-quantity {
  margin: 7px 10px 7px 0;
  display: table;
}

.quantity {
  display: table;
}

.quantity .minus, .quantity .plus {
  background-color: #eee;
  display: block;
  float: left;
  border-radius: 50px;
  cursor: pointer;
  border: 0;
  padding: 0;
  width: 34px;
  height: 34px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  margin: 4px;
}

.quantity .minus {
  padding-left: 4px;
}

.quantity .qty {
  float: left;
  width: 55px;
  height: 36px;
  border: 1px solid #ddd;
  background-color: transparent;
  text-align: center;
  padding: 0;
  margin: 3px;
}

.cart_extra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.zoomContainer {
  z-index: 99;
}

.zoom_image .zoomContainer {
  z-index: 1043;
}

.zoom_gallery_image .zoomContainer {
  z-index: 0;
}

.pr_detail .pr_switch_wrap {
  margin-bottom: 10px;
}

.list_brand li {
  list-style: none;
  margin-bottom: 10px;
}

.list_brand li:last-child {
  margin-bottom: 0;
}

.list_brand .custome-checkbox .form-check-label {
  color: #292b2c;
}

.cart_btn .add_wishlist, .cart_btn .add_compare {
  font-size: 20px;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}

.product_gallery_item a {
  border: 1px solid #ddd;
  display: block;
  padding: 5px;
}

.product-meta li {
  list-style: none;
  margin-top: 10px;
}

.slick-vertical .slick-slide {
  border: 0;
}

.slick-list {
  padding: 0 !important;
}

.product_gallery_item.slick-slider .slick-slide {
  margin-right: 5px;
  margin-left: 5px;
}

.product-image .slick-list {
  margin-right: -5px;
  margin-left: -5px;
}

.product_gallery_item a.active {
  border-color: var(--color-1st);
}

.product_img_box {
  padding: 8px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.product_img_zoom {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  font-size: 18px;
  background-color: #FAFAFA;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
}

.product_share {
  margin-top: 15px;
}

.product_share > span {
  margin-right: 10px;
}

.product_share > span, .product_share .social_icons {
  vertical-align: middle;
  display: inline-block;
}

.product_share .social_icons li {
  padding-bottom: 0;
}

.filter_price .ui-widget.ui-widget-content {
  border: 0;
  border-radius: 0;
  background-color: #ddd;
  height: 4px;
  margin-bottom: 20px;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.filter_price .ui-slider .ui-slider-range {
  background-color: var(--color-1st);
  border-radius: 0;
}

.filter_price .ui-slider .ui-slider-handle {
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  border: 0;
  height: 18px;
  top: -8px;
  width: 18px;
  margin: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.price_range {
  color: #292b2c;
}

#flt_price {
  margin-left: 5px;
  font-weight: 600;
}

.shop_container {
  position: relative;
}

.loading_pr {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9;
}

.shop_container .loading_pr {
  top: -7px;
}

.shop_container .mfp-preloader {
  top: 100px;
}

.shop_container:not(.list) .list_product_action_box,
.shop_container.list .product_action_box {
  display: none;
}

.shop_container.list .product_img::before {
  content: normal;
}

.shop_container.list [class*=col-] {
  flex: 0 0 100%;
  max-width: 100%;
}

.shop_container.list .product {
  display: inline-block;
  width: 100%;
}

.shop_container.list .product_img {
  float: left;
  width: 100%;
  max-width: 280px;
}

.shop_container.list .product .product_title {
  font-size: 20px;
  margin-bottom: 15px;
}

.shop_container.list .product_info {
  overflow: hidden;
  text-align: left;
  padding: 15px 30px;
}

.shop_container.list .product_price {
  float: left;
}

.shop_container.list .product .rating_wrap {
  display: block;
  float: right;
}

.shop_container.list .pr_desc {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  min-height: 58px;
  max-height: 84px;
}

.shop_container.list .pr_desc p {
  margin-bottom: 0px;
}

.shop_container.list .product_action_box,
.shop_container.list .product .pr_switch_wrap,
.shop_container.list .product .pr_switch_wrap {
  position: static;
}

.shop_container.list .product .pr_switch_wrap {
  padding: 0;
  opacity: 1;
  visibility: visible;
  margin-bottom: 10px;
}

.shop_container.list .product .product_color_switch span {
  opacity: 1;
  transform: translateY(0px);
}

.shop_container.list .product_action_box li {
  transform: translate(0px, 0px);
  opacity: 1;
  filter: alpha(opacity=1);
}

.shop_container.list .pr_action_btn {
  display: block;
  margin: 0;
}

.shop_container.list .pr_action_btn li {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.shop_container.list .pr_action_btn li a {
  box-shadow: none;
}

.shop_container.list .pr_action_btn li a:hover {
  background-color: transparent;
  color: var(--color-1st);
}

.shop_container.list .list_product_action_box .pr_action_btn li.add-to-cart a {
  font-size: 16px;
  width: auto;
  height: auto;
  padding: 12px 30px;
  background-color: var(--color-1st);
  border: 1px solid var(--color-1st);
  color: #fff;
  border-radius: 4px;
}

.shop_container.list .pr_action_btn li.add-to-cart a:hover {
  background-color: transparent;
  color: var(--color-1st);
}

.shop_container.list .pr_action_btn li.add-to-cart a i {
  line-height: normal;
  margin-right: 5px;
}

.product_tab_title span {
  font-weight: 600;
}

.tab-content.shop_info_tab {
  margin-top: 40px;
}

.comment_list {
  margin-bottom: 20px;
}

.comments li {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.comment_img {
  float: left;
}

.comment_img img {
  border-radius: 100%;
  max-width: 100px;
}

.comment_block {
  padding-left: 120px;
}

.comment_block .rating_wrap {
  float: right;
}

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

.star_rating > span {
  color: #F6BC3E;
}

.star_rating span {
  cursor: pointer;
  display: inline-block;
}

.star_rating span i {
  font-size: 20px;
}

.star_rating > span.selected i::before {
  font-weight: 900;
}

.releted_product_slider .item {
  margin: 10px 0px 0px;
}

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

.mfp-ajax-holder .compare_box {
  width: 90%;
  margin: 6px auto;
  background-color: #fff;
  position: relative;
  padding: 30px;
}

.compare_box .table {
  margin: 0;
  display: block;
}

.compare_box table tr td {
  vertical-align: middle;
  width: 27%;
}

.compare_box table tr td.product_name {
  text-transform: capitalize;
}

.compare_box table tr td.row_title {
  width: 270px;
  text-transform: uppercase;
  font-weight: 600;
}

.row_remove a, .row_remove a:hover {
  color: #FF0000;
}

.product_name a {
  font-weight: 600;
}

.product-thumbnail img {
  max-width: 100px;
}

.shop_cart_table th, .shop_cart_table td {
  vertical-align: middle;
  text-align: center;
}

.shop_cart_table th.product-name, .shop_cart_table td.product-name {
  text-align: left;
  text-transform: capitalize;
}

.shop_cart_table .quantity {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.product-remove a i {
  height: 30px;
  width: 30px;
  color: #292b2c;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  font-size: 14px;
}

.product-remove a i:hover {
  background-color: #F00;
  color: #fff;
}

.shop_cart_table td.product-price,
.shop_cart_table td.product-subtotal {
  font-weight: 600;
}

.shop_cart_table .table {
  margin: 0;
}

.product-subtotal {
  font-weight: 600;
}

.payment-text {
  display: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.loading {
  background: url("../images/loading.gif") center center no-repeat;
  font-size: 0 !important;
  background-color: #000 !important;
  border: 0;
  height: 51px;
  width: 50px;
  padding: 0;
}

.loading::after, .loading::before {
  content: normal;
}

.card-body .comments {
  margin-top: 5px;
}

/*===================================*
  23.END SHOP DESIGN
*===================================*/
/*===================================*
  24.START ELEMENT DESIGN
*===================================*/
.form-control {
  color: #000;
  box-shadow: none;
  height: 50px;
  padding: 8px 15px;
}

.form-control:focus {
  color: #000;
  box-shadow: none;
  height: 50px;
}

textarea.form-control, textarea.form-control:focus {
  height: auto;
  padding: 12px 15px;
}

.form-control-sm,
.form-control-sm:focus,
.custom_select select.form-control-sm,
.custom_select select.form-control-sm:focus {
  height: 45px;
}

select option {
  color: #000;
}

.custom_select {
  position: relative;
}

.custom_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ced4da;
  padding: 8px 35px 8px 15px;
  width: 100%;
  height: 50px;
}

.custom_select::before {
  content: "\e64b";
  font-family: "themify";
  position: absolute;
  display: block;
  color: #848484;
  top: 50%;
  right: 15px;
  font-weight: 900;
  pointer-events: none;
  font-size: 12px;
  transform: translateY(-50%);
}

.rounded_input .form-control,
.rounded_input input {
  border-radius: 30px;
  padding: 10px 20px;
}

.rounded_input .custom_select select {
  padding-right: 40px;
}

.rounded_input .custom_select::before {
  right: 20px;
}

.rounded_input textarea.form-control, .rounded_input textarea.form-control:focus {
  padding: 15px 20px;
}

.pagination .page-item a {
  color: #0E93D8;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  padding: 0px;
  z-index: 1;
}

.page-link:focus {
  box-shadow: none;
}

.pagination_style1 li,
.pagination_style2 li,
.pagination_style3 li,
.pagination_style4 li {
  margin-right: 5px;
}

.pagination_style1 .page-item a {
  border: 2px solid #dee2e6;
  border-radius: 0 !important;
  color: #687188;
  margin-left: 0px;
  line-height: 36px;
}

.pagination_style1 .page-item a i {
  line-height: 36px;
}

.pagination_style1 .page-item.disabled .page-link,
.pagination_style3 .page-item.disabled .page-link {
  color: #c6c6c6;
  pointer-events: none;
  background-color: #fff;
  border-color: #f4f4f4;
}

.pagination_style1 .page-item.active .page-link,
.pagination_style1 .page-item .page-link:hover {
  background-color: var(--color-1st);
  border-color: var(--color-1st);
  color: #fff;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url("../images/loading.gif") center center no-repeat;
  text-align: center;
  margin-top: -12px;
  margin-left: -12px;
  z-index: 1044;
  text-indent: -9999px;
  background-color: #000;
  padding: 25px;
  border-radius: 5px;
}

.widget_title {
  margin-bottom: 25px;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.sidebar .widget + .widget {
  border-top: 1px solid #ddd;
  margin-top: 30px;
  padding-top: 30px;
}

.widget_recent_post li {
  list-style: none;
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
}

.post_footer {
  display: inline-block;
  vertical-align: top;
}

.widget_recent_post li:last-child {
  margin-bottom: 0px;
}

footer .widget_recent_post .post_img img {
  border: 0;
}

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

.post_img img {
  width: 80px;
}

.post_content {
  overflow: hidden;
}

.post_content h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}

.post_content .product_title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 5px;
}

.post_content .product_price {
  margin-bottom: 0px;
}

.tags a {
  background-color: #f7f7f7;
  font-size: 14px;
  padding: 8px 15px;
  display: inline-block;
  margin-bottom: 5px;
  color: #333;
}

.tags a:hover {
  background-color: var(--color-1st);
  color: #fff;
}

.nav-tabs li.nav-item a {
  background-color: transparent;
  border: 0;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  padding: 5px 20px;
}

.tab-content {
  margin-top: 25px;
}


.tab-style2 .nav-tabs {
  border-bottom: 0;
}


.tab-style2 .nav-tabs li.nav-item a.active, .tab-style2 .nav-tabs li.nav-item a.active:hover {
  color: var(--color-1st);
}

.tab-style2 .nav-tabs li.nav-item a {
  padding: 0px 15px;
}

.tab-style2 .nav-tabs li.nav-item:last-child a {
  padding-right: 0;
}

.tab-style3 .nav-tabs li.nav-item a {
  background-color: transparent;
  display: block;
  padding: 0.5rem 1rem;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  text-align: center;
  text-transform: uppercase;
}

.tab-style3 .nav-tabs .nav-item a.active {
  border-bottom-color: var(--color-1st);
  color: var(--color-1st);
}

.tab_slider > .tab-pane {
  display: block;
  height: 0;
}

.tab_slider .tab-pane.active {
  height: auto;
  display: block;
  animation-name: moveUp;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  animation-play-state: running;
}
@keyframes moveUp {
  0% {
    opacity: 0;
    transform: translateY(25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.heading_tab_header {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

.heading_tab_header [class*=heading_] {
  float: left;
}

.view_all i, .view_all span {
  vertical-align: middle;
}

.custome-checkbox .form-check-label {
  position: relative;
  cursor: pointer;
  color: #687188;
  padding: 0;
  vertical-align: middle;
}

.custome-checkbox .form-check-input {
  display: none;
}

.custome-checkbox .form-check-label span {
  vertical-align: middle;
}

.custome-checkbox .form-check-label::before {
  content: "";
  border: 2px solid #ced4da;
  height: 17px;
  width: 17px;
  margin: 0px 8px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.custome-checkbox input[type=checkbox]:checked + .form-check-label::after {
  opacity: 1;
}

.custome-checkbox input[type=checkbox] + .form-check-label::after {
  content: "";
  width: 11px;
  position: absolute;
  top: 50%;
  left: 3px;
  opacity: 0;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-65%) rotate(-45deg);
}

.custome-checkbox input[type=checkbox]:checked + .form-check-label::before {
  background-color: var(--color-1st);
  border-color: var(--color-1st);
}

 .custome-checkbox .form-check-input {
  display: none;
}

 .custome-checkbox .form-check-label {
  position: relative;
  cursor: pointer;
}

.custome-checkbox input[disabled] + .form-check-label {
  color: #d0d0d0;
}

.custome-checkbox input[disabled] + .form-check-label::before {
  border-color: #e8e8e8;
}

.owl-theme .owl-nav {
  margin-top: 0;
}

body .owl-theme .owl-nav [class*=owl-] {
  background-color: #fff;
  color: #222;
  font-size: 26px;
  line-height: 50px;
  transition: all 0.3s ease-in-out;
  height: 50px;
  padding: 0;
  margin: 0;
  width: 50px;
  text-align: center;
}

.owl-theme .owl-nav [class*=owl-] i {
  line-height: normal;
}

.owl-theme .owl-dots {
  font-size: 0;
  margin-top: 15px;
}

.owl-theme .owl-dots .owl-dot span {
  background-color: transparent;
  border: 1px solid var(--color-1st);
  cursor: pointer;
  margin: 3px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--color-1st);
}

.dot_style1.owl-theme .owl-dots .owl-dot.active span {
  width: 30px;
}


.nav_style5.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkittransform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0;
  width: 30px;
}

.nav_style2.owl-theme .owl-nav [class*=owl-] {
  background-color: transparent;
  position: absolute;
  bottom: 10px;
}

.nav_style2.owl-theme .owl-nav [class*=owl-]:hover,
.nav_style3.owl-theme .owl-nav [class*=owl-]:hover {
  color: #555;
}

.nav_style2.owl-theme .owl-nav .owl-prev,
.nav_style5.owl-theme .owl-nav .owl-prev {
  left: 0px;
}

.nav_style2.owl-theme .owl-nav .owl-next,
.nav_style5.owl-theme .owl-nav .owl-next {
  right: 0px;
}

.nav_style3.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: -90px;
  border-radius: 0;
  right: 0;
  height: auto;
  width: auto;
  background-color: transparent;
}

.nav_style3.owl-theme .owl-nav .owl-prev {
  right: 40px;
}

.nav_style5.owl-theme .owl-nav .owl-prev, .nav_style5.owl-theme .owl-nav .owl-next {
  opacity: 0;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.nav_style5.owl-theme .owl-nav .owl-prev:hover, .nav_style5.owl-theme .owl-nav .owl-next:hover {
  background-color: var(--color-1st);
  color: #fff;
}

.nav_style5.owl-theme:hover .owl-nav .owl-prev {
  left: 20px;
  opacity: 1;
}

.nav_style5.owl-theme:hover .owl-nav .owl-next {
  right: 20px;
  opacity: 1;
}

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
  opacity: 1;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: #fff;
}

.slick-prev {
  left: -50px;
  border-radius: 0 5px 5px 0;
  opacity: 0;
}

.slick-next {
  right: -50px;
  border-radius: 5px 0 0 5px;
  opacity: 0;
}

.slick-prev::before {
  content: "\f108";
  font-family: "Ionicons";
  color: #333;
  opacity: 1;
  display: block;
  font-size: 22px;
}

.slick-next::before {
  content: "\f10b";
  font-family: "Ionicons";
  color: #333;
  opacity: 1;
  display: block;
  font-size: 22px;
}

.slick-prev, .slick-next {
  height: 50px;
  width: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: 9;
  transition: all 0.5s ease-in-out;
}

.slick-prev:hover, .slick-next:hover {
  background-color: var(--color-1st);
}

.slick-prev:hover:before, .slick-next:hover:before {
  color: #fff;
}

.slick_slider:hover .slick-prev {
  opacity: 1;
  left: 0;
}

.slick_slider:hover .slick-next {
  opacity: 1;
  right: -2px;
}

.blog_post_footer {
  padding-bottom: 30px;
  padding-top: 15px;
}

.modal {
  padding-right: 0 !important;
}

.alert .close {
  font-weight: normal;
  margin-left: 10px;
}

.alert_style1 {
  border-radius: 0;
  border-left: 3px solid;
  padding: 20px;
  position: relative;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}

.alert > i {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: middle;
}

.alert_style2 {
  border-radius: 20px;
  padding: 20px 20px;
  background-color: #fff;
  border-left: 3px solid;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-top: 0;
  border-bottom: 0;
  border-right: 3px solid;
}

.subscribe_popup .modal-body {
  padding: 0;
}

.subscribe_popup .modal-content {
  border: 0;
  border-radius: 0;
}

.popup_content {
  padding: 50px;
  text-align: center;
}

.subscribe_popup .close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  opacity: 1;
  text-shadow: none;
  width: 40px;
  height: 40px;
}

.subscribe_popup .close i {
  font-size: 40px;
}

.modal {
  z-index: 99999;
}

.dashboard_menu {
  box-shadow: 0 0px 4px 0 #e9e9e9;
}

.dashboard_menu .nav-tabs li.nav-item a {
  text-align: left;
  padding: 12px 20px;
  border-radius: 0;
  border-bottom: 1px solid #efefef;
  color: #2b2f4c;
}

.dashboard_menu .nav-tabs li.nav-item a.active {
  background-color: var(--color-1st);
  color: #fff;
}

.dashboard_menu .nav-tabs li.nav-item a i {
  margin-right: 8px;
  vertical-align: middle;
}

.dashboard_content {
  margin: 0;
}

.dashboard_content .card-header {
  background-color: transparent;
  border-color: #f0f0f0;
}

.dashboard_content .card-header * {
  margin: 0;
}

.dashboard_content .card {
  border-radius: 0;
  border: 0;
  box-shadow: 0 0 4px 0 #e9e9e9;
}

.dashboard_content .card-body p:last-child {
  margin: 0;
}

.dashboard_content .table {
  margin: 0;
}

.dashboard_content .table thead th {
  border: 0;
  padding-top: 0;
  font-weight: 600;
}

.dashboard_content .table tbody tr:last-child td {
  padding-bottom: 0;
}

.dashboard_content .table tbody tr td {
  vertical-align: middle;
  white-space: nowrap;
}

.dashboard_content label {
  color: #333;
}

.dashboard_content label .required {
  color: #ff0000;
}

/*===================================*
  24.END ELEMENT DESIGN
*===================================*/
/* -------------------------------------------------
  (min-width: 1680px)
---------------------------------------------------*/
/* -------------------------------------------------
  (max-width: 1250px)
---------------------------------------------------*/
/* -------------------------------------------------
  (min-width: 991px) and (max-width: 1199px)
---------------------------------------------------*/
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .deal_wrap .countdown_time .cd_text {
    font-size: 12px;
  }
}
/* -------------------------------------------------
  (min-width: 767px) and (max-width: 1199px)
---------------------------------------------------*/
/* -------------------------------------------------
  (min-width: 767px) and (max-width: 991px)
---------------------------------------------------*/
/* -------------------------------------------------
  max-width: 1199px
---------------------------------------------------*/
@media only screen and (max-width: 1199px) {
  .h1, h1 {
    font-size: 34px;
  }
  .h2, h2 {
    font-size: 30px;
  }
  .h3, h3 {
    font-size: 26px;
  }
  .h4, h4 {
    font-size: 22px;
  }
  .h5, h5 {
    font-size: 18px;
  }
  .section {
    padding: 80px 0;
  }
  .section.small_pt {
    padding-top: 40px;
  }
  .section.small_pb {
    padding-bottom: 40px;
  }
  .section.pb_20, .pb_20 {
    padding-bottom: 10px;
  }
  .large_divider {
    height: 80px;
  }
  .medium_divider {
    height: 40px;
  }
  .small_divider {
    height: 20px;
  }
  .banner_section:not(.full_screen),
  .banner_section:not(.full_screen) .carousel-item {
    height: 600px;
  }
  .banner_section.slide_medium,
  .banner_section.slide_medium .carousel-item {
    height: 400px;
  }
  .banner_content h2 {
    font-size: 52px;
  }
  .breadcrumb_section {
    padding: 100px 0;
  }
  .blog_meta li {
    margin-right: 10px;
  }
  .blog_meta a {
    font-size: 14px;
  }
  .blog_title {
    line-height: 26px;
  }
  .compare_box table {
    width: 1050px;
  }
  .tab-content.shop_info_tab {
    margin-top: 30px;
  }
  .single_post .blog_title {
    font-size: 26px;
  }
  .icon_box_style1 {
    padding: 0 20px;
  }
  .shop_container.list .pr_desc {
    min-height: 56px;
    max-height: 56px;
  }
  .add-to-cart .btn {
    padding: 10px 20px;
  }
  .deal_wrap .product_img {
    max-width: 200px;
  }
  .deal_content {
    padding: 20px 20px 20px 0;
  }
  .mfp-ajax-holder .compare_box {
    width: 100%;
    padding: 30px 20px;
  }
}
/* -------------------------------------------------
  min-width: 992px
---------------------------------------------------*/
@media only screen and (min-width: 992px) {
  .navbar-toggler {
    display: none;
  }
  .dropdown-menu.dropdown-reverse {
    left: auto;
    right: 0;
  }
  
  .header_banner_text {
    opacity: 0;
    transform: translateY(25%);
    transition: ease transform 200ms, ease opacity 200ms;
  }
  .header_banner_text {
    transition-delay: 500ms;
  }
  .banner_content_inner {
    padding: 30px;
  }
}
/* -------------------------------------------------
  max-width: 991px
---------------------------------------------------*/
@media only screen and (max-width: 991px) {
  .heading_s1, .heading_s4 {
    margin-bottom: 20px;
  }
  .dropdown-menu .dropdown-toggler::after {
    right: 0px;
  }
  .dropdown-toggle::after {
    float: right;
  }
  .mega-menu-col {
    padding: 0px;
    border-right: 0 !important;
  }
  .dropdown-toggler::after {
    transform: rotate(0deg);
  }
  .banner_section:not(.full_screen),
  .banner_section:not(.full_screen) .carousel-item {
    height: 600px;
  }
  .banner_section:not(.full_screen),
  .banner_section:not(.full_screen) .carousel-item {
    height: 500px;
  }
  .banner_section.slide_medium,
  .banner_section.slide_medium .carousel-item {
    height: 350px;
  }
  .banner_content h2 {
    font-size: 44px;
  }
  .breadcrumb_section {
    padding: 80px 0;
  }
  .highlight_text {
    font-size: 18px;
  }
  .page-title + span {
    font-size: 15px;
  }
  .padding_eight_all {
    padding: 6%;
  }
  #tabmenubar {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 999;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    height: auto !important;
  }
  #tabmenubar.show {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
  }
  #tabmenubar li a {
    text-align: left;
  }
  .tab-style2 .nav-tabs li.nav-item a {
    padding: 5px 0;
  }
  .icon_box_style1::before {
    content: normal;
  }
  .banner_content_inner {
    padding: 30px;
  }
  .heading_tab_header .navbar-toggler {
    margin: 0;
  }
  .product-thumbnail img {
    max-width: 80px;
  }
  .deal_wrap {
    display: block;
    padding: 20px;
  }
  .deal_wrap .product_img {
    margin: 0 auto;
  }
  .deal_content .product_info {
    text-align: center;
  }
  .deal_content {
    padding: 10px 0 0px;
  }
  .newsletter_text::before {
    font-size: 50px;
  }
  .newsletter_text {
    padding-left: 60px;
  }
  .subscribe_popup .modal-dialog {
    max-width: 700px;
  }
  .popup_content {
    padding: 30px;
  }
}
/* -------------------------------------------------
  min-width: 768px
---------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .blog_thumbs .blog_img {
    float: left;
    width: 40%;
  }
  .blog_thumbs .blog_content {
    padding: 0 0 0 20px;
    overflow: hidden;
  }
}
/* -------------------------------------------------
  max-width: 767px
---------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .h1, h1 {
    font-size: 32px;
  }
  .h2, h2 {
    font-size: 28px;
  }
  .h3, h3 {
    font-size: 24px;
  }
  .h4, h4 {
    font-size: 20px;
  }
  .section {
    padding: 50px 0;
  }
  .section.small_pt {
    padding-top: 25px;
  }
  .section.small_pb {
    padding-bottom: 25px;
  }
  .section.pb_20, .pb_20 {
    padding-bottom: 0px;
  }
  .large_divider {
    height: 50px;
  }
  .medium_divider {
    height: 25px;
  }
  .small_divider {
    height: 10px;
  }
  .banner_content h2 {
    font-size: 36px;
  }
  .breadcrumb_section.page-title-mini {
    padding: 50px 0;
  }
  .banner_section:not(.full_screen),
  .banner_section:not(.full_screen) .carousel-item {
    height: 500px;
  }
  .banner_section:not(.full_screen),
  .banner_section:not(.full_screen) .carousel-item {
    height: 400px;
  }
  .banner_section.slide_medium,
  .banner_section.slide_medium .carousel-item {
    height: 350px;
  }
  .error_txt {
    font-size: 130px;
  }
  .shop_container.list .product_img {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .compare_box table {
    width: 900px;
  }
  .row_title {
    width: 200px;
  }
  .shop_cart_table td {
    display: block;
    width: 100%;
    text-align: right;
  }
  .shop_cart_table thead {
    display: none;
  }
  .shop_cart_table td::before {
    content: attr(data-title) " ";
    float: left;
    text-transform: capitalize;
    margin-right: 15px;
    font-weight: bold;
  }
  .shop_cart_table td.product-quantity::before {
    margin-top: 10px;
  }
  .shop_cart_table td.product-name {
    text-align: right;
  }
  .shop_cart_table td.product-thumbnail {
    text-align: center;
  }
  .shop_cart_table .quantity {
    justify-content: flex-end;
  }
  .blog_thumbs .blog_img {
    float: none;
    width: 100%;
  }
  .single_post .blog_title {
    font-size: 24px;
  }
  .author_img img {
    max-width: 80px;
  }
  .nav-tabs li.nav-item a {
    padding: 5px 15px;
    font-size: 14px;
  }
  footer .widget_title {
    margin-top: 0px;
  }
  .tab-content {
    margin-top: 20px;
  }
  .banner_content_inner {
    padding: 0px;
  }
  .testimonial_wrap {
    padding: 0px;
  }
  .testimonial_style1 .testimonial_desc {
    margin-bottom: 20px;
  }
  .page-title {
    margin-bottom: 15px;
  }
  .blog_thumbs .blog_content {
    padding: 15px 0 0 0;
  }
  .shop_container.list .product_info {
    padding: 15px;
  }
  .mfp-ajax-holder .mfp-content .ajax_quick_view {
    max-width: 600px;
  }
  .deal_wrap {
    padding: 15px;
  }
  .deal_wrap .countdown_time .cd_text {
    font-size: 12px;
  }
  .newsletter_text {
    margin-bottom: 15px;
  }
  .subscribe_popup .modal-dialog {
    max-width: 95%;
  }
  .popup-text p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 15px;
  }
  .popup-text .heading_s1 {
    margin-bottom: 15px;
  }
  .popup_content {
    padding: 25px;
  }
}
/* -------------------------------------------------
  max-width: 575px
---------------------------------------------------*/
@media only screen and (max-width: 575px) {
  .btn {
    padding: 10px 28px;
    font-size: 14px;
  }
  .btn + .btn {
    margin-left: 5px;
  }
   .btn-sm {
    padding: 6px 18px;
  }
  .btn-xs {
    padding: 2px 14px;
    font-size: 12px;
  }
  p {
    margin-bottom: 15px;
  }
  .section {
    padding: 30px 0;
  }
  .section.small_pt {
    padding-top: 15px;
  }
  .section.small_pb {
    padding-bottom: 15px;
  }
  .large_divider {
    height: 30px;
  }
  .medium_divider {
    height: 15px;
  }
  .small_divider {
    height: 5px;
  }
  .breadcrumb_section {
    padding: 50px 0;
  }
  .breadcrumb_section.page-title-mini {
    padding: 30px 0;
  }
  .heading_s1 {
    margin-bottom: 15px;
  }
  .banner_section.slide_medium, .banner_section.slide_medium .carousel-item {
    height: 250px;
  }
  .banner_section:not(.full_screen), .banner_section:not(.full_screen) .carousel-item {
    height: 350px;
  }
  .banner_content h2 {
    font-size: 28px;
  }
  .leads {
    margin-bottom: 20px;
  }
  .icon_box,
  .blog_post,
  .heading_tab_header,
  .contact_style3,
  .product_list .product,
  .product_list .product_wrap {
    margin-bottom: 15px;
  }
  .pr_title {
    padding: 20px 15px 20px;
  }
  footer .widget_title {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  footer .widget {
    margin-bottom: 20px;
  }
  .error_txt {
    font-size: 100px;
    margin-bottom: 10px;
  }
  .sidebar .widget + .widget {
    margin-top: 20px;
    padding-top: 20px;
  }
  .widget_title {
    margin-bottom: 20px;
  }
  .tab-content.shop_info_tab {
    margin-top: 20px;
  }
  .blog_thumbs .blog_post {
    padding-bottom: 15px;
  }
  .blog_post_footer {
    padding-bottom: 20px;
    padding-top: 5px;
  }
  .content_title * {
    margin-bottom: 20px;
  }
  .testimonial_wrap {
    padding: 0;
  }
  .testimonial_wrap .testimonial_box::before {
    font-size: 40px;
    line-height: normal;
  }
  .indicators_style1 {
    margin-bottom: 5px;
  }
  .indicators_style1 li {
    width: 7px;
    height: 7px;
    margin: 6px;
  }
  .nav_style3.owl-theme .owl-nav [class*=owl-] {
    top: -66px;
  }
  .form-control,
  .form-control:focus,
  .custom_select select {
    height: 44px;
  }
  .product_header {
    display: block;
  }
  .product_header_right {
    justify-content: space-between;
    margin-top: 15px;
  }
  .newsletter_form2 input, .newsletter_form2 input:focus {
    height: 52px;
  }
  .subscribe_popup .modal-dialog {
    max-width: 100%;
  }
}
/* -------------------------------------------------
  max-width: 480px
---------------------------------------------------*/
@media only screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }
  p {
    line-height: 24px;
  }
  .heading_s1 h1, .heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 {
    line-height: 30px;
  }
  .h1, h1 {
    font-size: 24px;
  }
  .h2, h2 {
    font-size: 22px;
  }
  .h3, h3 {
    font-size: 20px;
  }
  .h4, h4 {
    font-size: 18px;
  }
  .h5, h5 {
    font-size: 16px;
  }
  .h6, h6 {
    font-size: 14px;
  }
  p {
    margin-bottom: 15px;
  }
  .banner_content p {
    margin-bottom: 25px;
  }
  .heading_s1 footer .widget_title,
  .leads {
    margin-bottom: 15px;
  }
  .highlight_text {
    font-size: 16px;
  }
  .product,
  .product_wrap {
    margin-bottom: 15px;
  }
  .blog_title {
    margin-bottom: 10px;
  }
  .contact_icon {
    margin-right: 15px;
  }
  .contact_style3 {
    padding: 30px 20px;
  }
  .contact_style3 .contact_icon {
    height: 70px;
    width: 70px;
  }
  .contact_style3 .contact_icon i {
    line-height: 68px;
  }
  .contact_icon i {
    font-size: 30px;
  }
  .divider i {
    font-size: 26px;
    padding: 0 25px;
  }
  .page-title-mini .page-title h1 {
    font-size: 24px;
  }
  .cart_extra {
    display: block;
  }
  .pr_detail .rating_wrap {
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .pr_detail .product_price {
    float: none;
  }
  .mfp-ajax-holder .ajax_quick_view {
    padding: 30px 20px;
  }
  .ajax_quick_view .social_icons li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
  .ajax_quick_view .product_share > span {
    margin-right: 10px;
  }
  .shop_container.list .product .rating_wrap, .shop_container.list .product_price {
    float: none;
  }
  .shop_container.list .product .rating_wrap {
    margin-bottom: 5px;
  }
  .shop_container.list .product .product_title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .comment_img img {
    max-width: 50px;
  }
  .comment_block {
    padding-left: 65px;
  }
  .compare_box {
    width: 95%;
    padding: 30px 10px 10px;
  }
  .single_post .blog_title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .children {
    margin-left: 20px;
  }
  .shop_container.list .pr_desc {
    min-height: 50px;
    max-height: 50px;
  }
  .shop_container.list .pr_action_btn li.add-to-cart a {
    padding: 12px 20px;
  }
  .tab-style3 .nav-tabs {
    display: block;
  }
  .shop_container .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .mfp-ajax-holder .mfp-content .ajax_quick_view {
    padding: 30px 15px 15px;
  }
  .popup_content {
    padding: 40px 20px;
  }
  .popup-text .heading_s1 {
    margin-bottom: 10px;
  }
  .popup-text .heading_s1 * {
    line-height: normal;
  }
}
/* -------------------------------------------------
  max-width: 380px
---------------------------------------------------*/
@media only screen and (max-width: 380px) {
  .btn {
    padding: 8px 24px;
  }
   .btn-sm {
    padding: 4px 16px;
  }
  .btn-xs {
    padding: 2px 14px;
    font-size: 12px;
  }
  .banner_content h2 {
    margin-bottom: 15px;
  }
  .banner_content p {
    margin-bottom: 20px;
  }
  .form-control, .form-control:focus,
  .custom_select select {
    height: 40px;
  }
  .form-control {
    font-size: 14px;
  }
  .error_txt {
    font-size: 80px;
  }
  .login_footer a {
    font-size: 13px;
  }
  .shop_container.list .list_product_action_box .pr_action_btn li.add-to-cart a {
    padding: 10px 17px;
    font-size: 14px;
  }
  .shop_container.list .list_product_action_box .pr_action_btn li a {
    width: 27px;
    height: 27px;
  }
  .shop_container.list .pr_action_btn li a i {
    line-height: 27px;
    font-size: 16px;
  }
  .post_content {
    margin-top: 0;
  }
  .contact_phone i {
    font-size: 20px;
    margin-right: 5px;
  }
  .newsletter_form2 input, .newsletter_form2 input:focus {
    height: 48px;
  }
}
.image-viewer__item {
  position: relative;
  transition: all 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  text-align: initial;
  margin-right: 2px;
  background-color: #eee;
  width: 70px;
  height: 70px;
  border: 1px solid #c4c6cf;
  margin-top: 5px;
}
.image-viewer__item img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.image-upload__uploader-container {
  display: inline-block;
}
.image-upload__uploader-container:hover {
  cursor: pointer;
}
.image-upload__uploader-container .image-upload__uploader {
  width: 70px;
  height: 70px;
  border: 1px dashed #c4c6cf;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  display: flex;
}
.image-upload__uploader-container .image-upload__uploader:hover {
  background: #d9edf7;
}
.image-upload__uploader-container .image-upload__uploader:hover .image-upload__file-input {
  cursor: pointer;
}

.image-upload__icon {
  color: #333;
  font-size: 20px;
  margin-bottom: 8px;
}

.image-upload__text {
  color: #333;
  font-size: 10px;
  padding: 0 3px;
  text-align: center;
}

.image-upload__file-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.image-viewer__item {
  display: inline-block;
}

.image-viewer__list {
  display: block;
  width: 100%;
}

.image-viewer__icon-remove {
  position: absolute;
  top: -1px;
  right: 2px;
  z-index: 1;
  cursor: pointer;
}
.image-viewer__icon-remove i {
  color: #ffffff;
  background: #848484;
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  padding: 5px;
  font-size: 0.9em;
  cursor: help;
}

.image-upload__viewer .image-viewer__list .loading {
  position: absolute;
  width: 100%;
  background-color: rgba(146, 162, 177, 0.52);
  top: 0;
  display: none;
}
.image-upload__viewer .image-viewer__list .loading .half-circle-spinner {
  width: 30px;
  height: 30px;
}
.block--review .lh-1 {
  line-height: 1;
}
.block--review .block__images a {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
  margin-right: 5px;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem !important;
}
.block--review .block__images a img {
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}
.block--review .block__images .more-review-images span {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #ffffff;
  font-size: 22px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block--review .block__images.block__images_total a {
  padding: 1.5px;
  height: -moz-fit-content;
  height: fit-content;
  width: inherit;
  margin: 0;
  border: 0;
}

.block__content {
  position: relative;
}
.block__content .review__loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 31;
  display: flex;
  align-items: center;
  top: 0;
  background: rgba(0, 0, 0, 0.03);
}
.middle_footer .shopping_info {
  border-bottom: none;
}

.footer_payment img {
  max-height: 32px;
}

.button-loading {
  border: 1px solid #c4cdd5;
  cursor: default;
  text-shadow: none;
  color: transparent !important;
  position: relative;
  transition: border-color 0.2s ease-out;
}

.button-loading, .button-loading:hover, .button-loading:focus, .button-loading:active {
  color: transparent;
}

.button-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  animation: button-loading-spinner 1s linear infinite;
  border-color: #ffffff;
  border-bottom-color: transparent;
}

.button-loading.btn-fill-out {
  color: transparent !important;
  border: 1px solid var(--color-1st);
}
.button-loading.btn-fill-out:before {
  width: 18px;
  background-color: transparent;
  border-color: var(--color-1st);
  border-bottom-color: transparent;
}
.button-loading.btn-fill-out:after {
  display: none;
}

.required:after {
  content: " *";
  color: red;
}

.newsletter-form .newsletter-message {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eeeeee;
  border-radius: 0;
  display: none;
  width: 100%;
}
.newsletter-form .newsletter-message.newsletter-success-message {
  background-color: #c0edf1;
  border-color: #58d0da;
  color: #000;
}
.newsletter-form .newsletter-message.newsletter-error-message {
  background-color: #faeaa9;
  border-color: #f3cc31;
  color: #000;
}
@keyframes button-loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
header #navCatContent ul li .dropdown-menu {
  min-width: 0 !important;
}

.text.shadow.borderRadius {
  display: none !important;
}

.rating_wrap .rating {
  font-family: "Ionicons";
  vertical-align: top;
}
.rating_wrap .rating::before {
  font-size: 16px;
  color: #d2d2d2;
  content: "\f24e\f24e\f24e\f24e\f24e";
}

.product .rating_wrap .rating {
  height: 28px;
}

.product_rate::before {
  font-size: 16px;
  content: "\f24e\f24e\f24e\f24e\f24e";
  font-weight: normal;
}

.half-circle-spinner, .half-circle-spinner * {
  box-sizing: border-box;
}

.half-circle-spinner {
  width: 60px;
  height: 60px;
  margin: 20px auto;
  border-radius: 100%;
  position: relative;
}

.half-circle-spinner .circle {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 6px solid transparent;
}

.half-circle-spinner .circle.circle-1 {
  border-top-color: var(--color-1st);
  animation: half-circle-spinner-animation 1s infinite;
}

.half-circle-spinner .circle.circle-2 {
  border-bottom-color: var(--color-1st);
  animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#navCatContent li a.nav-link {
  padding: 0.485rem 1rem;
}

.product_list .product_wrap .pr_action_btn li {
  margin: 5px 0;
}

.pr_action_btn li a.active {
  background-color: var(--color-1st);
  color: #fff;
}

.breadcrumb_section.page-title-mini {
  padding: 30px 0;
}

.section {
  padding: 50px 0;
}
.section .pagination {
  justify-content: center !important;
}
.section .newsletter-form .newsletter-message {
  padding: 0;
  font-size: 85%;
  margin-top: 10px;
}
.section .newsletter-form .newsletter-message.newsletter-error-message {
  color: #f3cc31;
  border: none;
  background: transparent;
}
.section .newsletter-form .newsletter-message.newsletter-success-message {
  color: #58d0da;
  border: none;
  background: transparent;
}
.section .label-success {
  color: #36c6d3;
}
.section .label-info {
  color: #659be0;
}
.section .label-warning {
  color: #f1c40f;
}
.section .label-danger {
  color: #ed6b75;
}

.star_rating > span {
  color: #444;
}
.star_rating > span.selected {
  color: #F6BC3E;
}

.section.product-blocks .product_action_box {
  display: none;
}

.cart_buttons .btn-fill-line {
  color: #fff !important;
}

.product__attribute {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.product__attribute > * {
  flex-basis: 100%;
}
.product__attribute label {
  margin-bottom: 0;
  max-width: 60px;
}
.product__attribute .form-control {
  border: none;
}

.product__color {
  padding-bottom: 10px;
}
.product__color ul, .product__color ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product__color .color-swatch li {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.product__color .color-swatch li:last-child {
  margin-right: 0;
}
.product__color .color-swatch li span {
  margin-bottom: 0;
}

.text-swatch li {
  display: inline-block;
  margin-right: 5px;
}
.text-swatch li input[type=radio], .text-swatch li input[type=checkbox] {
  display: none;
}
.text-swatch li input[type=radio]:checked ~ span, .text-swatch li input[type=checkbox]:checked ~ span {
  border: 1px solid var(--color-1st);
}
.text-swatch li input[type=radio]:checked ~ span:after, .text-swatch li input[type=checkbox]:checked ~ span:after {
  width: 16px;
  height: 16px;
  content: "\ec34";
  font-family: Linearicons !important;
  position: absolute;
  overflow: hidden;
  right: -8px;
  bottom: -5px;
  color: #fff;
  font-size: 8px;
}
.text-swatch li input[type=radio]:checked ~ span:before, .text-swatch li input[type=checkbox]:checked ~ span:before {
  border: 16px solid transparent;
  border-bottom: 16px solid var(--color-1st);
  content: "";
  position: absolute;
  right: -16px;
  bottom: -1px;
}
.text-swatch li span {
  padding: 5px 15px;
  border: 1px solid #eee;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.widget__title {
  margin-bottom: 20px;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.3px;
  font-size: 1.25rem;
}

.attribute-values ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget--colors .color-swatch li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;
}

.custom-checkbox input[type=checkbox], .custom-checkbox input[type=radio], .custom-radio input[type=checkbox], .custom-radio input[type=radio] {
  display: none;
}
.custom-checkbox label, .custom-radio label {
  display: block;
}
.custom-checkbox span, .custom-radio span {
  display: block;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox]:checked ~ span:before, .custom-checkbox input[type=radio]:checked ~ span:before, .custom-radio input[type=checkbox]:checked ~ span:before, .custom-radio input[type=radio]:checked ~ span:before {
  content: "";
  display: block;
  border: 2px solid var(--color-1st);
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
}
.custom-checkbox.disabled label, .custom-radio.disabled label {
  position: relative;
}
.custom-checkbox.disabled label:before, .custom-checkbox.disabled label:after, .custom-radio.disabled label:before, .custom-radio.disabled label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 90%;
  background-color: var(--color-2nd);
  transform-origin: 50% 50%;
  transition: all 0.4s ease;
  z-index: 20;
}
.custom-checkbox.disabled label:before, .custom-radio.disabled label:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.custom-checkbox.disabled label:after, .custom-radio.disabled label:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.custom-checkbox.disabled span, .custom-radio.disabled span {
  opacity: 0.9;
}
.custom-checkbox.disabled input[type=checkbox]:checked ~ span:before, .custom-checkbox.disabled input[type=radio]:checked ~ span:before, .custom-radio.disabled input[type=checkbox]:checked ~ span:before, .custom-radio.disabled input[type=radio]:checked ~ span:before {
  display: none;
}

.widget-filter-item {
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

body.show-admin-bar {
  position: inherit !important;
}
body .scrollup {
  bottom: 85px;
}
body .choose-currency > span {
  color: #292b2c;
}
body .choose-currency .active {
  color: var(--color-1st);
  font-weight: bold;
}
body .product_color_switch span {
  cursor: default;
}
body .product_color_switch span.active:before {
  display: none;
}

#alert-container {
  top: 60px;
  right: 5px;
  position: fixed;
  z-index: 9999999;
}
#alert-container .alert {
  max-width: 450px !important;
  min-height: 45px !important;
  font-weight: 400;
  position: relative;
  padding: 15px 40px 15px 60px;
  margin-bottom: 10px;
  box-shadow: 0 4px 10px 0 rgba(3, 3, 3, 0.1);
  font-size: 14px;
}
#alert-container .alert.alert-success {
  color: #299c77;
  background-color: #bff9d0;
}
#alert-container .alert .message-icon {
  position: absolute;
  left: 5%;
  top: 20%;
  font-size: 20px;
  fill: #299c77;
  stroke: #299c77;
}
#alert-container .alert.alert-dismissible .close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 10px;
  padding: 0;
}

.bottom_header .navbar-brand {
  display: none !important;
}

.header_wrap.nav-fixed .categories_wrap {
  display: none;
}
.header_wrap.nav-fixed .bottom_header {
  margin-bottom: 0 !important;
}
.header_wrap.nav-fixed .bottom_header .navbar-brand {
  display: block !important;
}

.show-admin-bar #alert-container {
  top: 140px;
}
.show-admin-bar .header_wrap.nav-fixed {
  top: 40px;
}

.dark_skin .logo_dark {
  max-height: 50px;
}

.bottom_header .navbar-brand img {
  max-height: 50px;
}

.header_wrap.nav-fixed .bottom_header .navbar-brand {
  display: block !important;
  line-height: 44px;
}

#navCatContent li a.nav-link {
  white-space: normal;
}

@media only screen and (min-width: 1280px) {
  .container {
    max-width: 1200px;
  }
}
.order-tracking-wrapper p {
  margin-bottom: 10px;
}

.tracking-form {
  padding: 30px;
  background-color: #f7f7f7;
  max-width: 500px;
  margin: 15px auto;
  margin-bottom: 50px;
}

.customer-information-box {
  text-align: right;
}

@media only screen and (max-width: 967px) {
  .customer-information-box {
    text-align: left;
  }
}
.comments .pagination li {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.pagination li a {
  cursor: pointer;
}
.pagination li span {
  border: 2px solid var(--color-1st);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 36px;
  padding: 0;
  z-index: 1;
}

.deal_wrap .countdown_time .cd_text {
  font-size: 10px;
}

.cart_total.sub_total {
  padding: 0 15px 0;
  font-weight: normal;
  font-size: 0.85rem;
}
.cart_total.sub_total:first-child {
  padding-top: 10px;
}
.cart_total.sub_total strong {
  font-weight: normal;
}

.avatar-view.mt-card-avatar {
  width: 150px;
  margin: 0 auto;
}

.deal_content {
  padding: 30px 30px 30px 15px;
}

.product__color .color-swatch li span {
  white-space: nowrap;
}

.widget_categories li.active a {
  color: var(--color-1st);
}

.filter_price {
  max-width: calc(100% - 20px);
}

@media only screen and (max-width: 575px) {
  .custom_select select, .form-control, .form-control:focus {
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-fixed .middle-header {
    display: block !important;
    padding: 0;
  }
  .nav-fixed .middle-header .navbar-brand, .nav-fixed .middle-header .contact_phone {
    display: none;
  }
  .dark_skin .logo_dark {
    max-height: 50px;
    max-width: 140px;
  }
  .contact_phone i {
    font-size: 20px;
  }
}
.pagination_style1 {
  text-align: center;
  width: 100%;
}

.section .pagination {
  display: inline-block;
  padding: 0 15px;
}
.section .pagination li {
  display: inline-block;
  margin-bottom: 10px;
}

.light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu, .light_skin .navbar-nav .dropdown-menu .dropdown-menu {
  background-color: #303537;
}

.cart_buttons a {
  margin-top: 10px;
}

.product__attribute .attribute-swatch-item.pe-none {
  cursor: not-allowed !important;
}
.product__attribute .attribute-swatch-item.pe-none > div {
  pointer-events: none !important;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span, .product__attribute .color-swatch .attribute-swatch-item.pe-none span {
  color: gray;
  cursor: unset;
  opacity: 0.7;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .text-swatch .attribute-swatch-item.pe-none span:after, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px dashed #999;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:before {
  transform: rotate(45deg);
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:after, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:after {
  transform: rotate(-45deg);
}

.add_compare.js-add-to-compare-button.button-loading {
  color: var(--color-1st) !important;
  border: none;
}

.add_wishlist.button-loading {
  color: var(--color-1st) !important;
  border: none;
}

.pr_action_btn li a.button-loading {
  color: var(--color-1st) !important;
}

.language-wrapper .dropdown {
  height: 100%;
}
.language-wrapper .dropdown.open .language_bar_chooser.dropdown-menu {
  display: block;
}
.language-wrapper .dropdown .btn {
  border: none !important;
  background: none !important;
  margin-bottom: 0;
  border-radius: 0 !important;
  padding: 7px 15px;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.4s ease;
  color: inherit !important;
  font-size: inherit;
  height: 100%;
}
.language-wrapper .dropdown .btn img {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}
.language-wrapper .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 160px;
  line-height: 58px;
  margin: 0;
  padding: 0;
}
.language-wrapper .dropdown .dropdown-menu li img {
  margin: 0 10px;
}
.language-wrapper .dropdown .dropdown-menu li span {
  color: #222222;
}
.language-wrapper .dropdown .dropdown-menu li.active a span {
  color: #fff;
}
.language-wrapper .dropdown .language_bar_chooser {
  display: block;
  float: right;
  width: 160px;
  line-height: 58px;
  text-align: center;
}
.language-wrapper .dropdown .language_bar_chooser li {
  display: inline-block;
  float: left;
  margin-left: 5px;
}
.language-wrapper .dropdown .language_bar_chooser.dropdown-menu {
  display: none;
  border-radius: 0 !important;
}
.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li {
  width: 100%;
  margin: 0;
  display: block;
}
.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li:hover {
  background: #dddddd;
}
.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li a {
  display: flex;
  justify-content: start;
  margin-right: 0 !important;
  width: 100%;
  text-align: left;
}
.language-wrapper .language_bar_list li {
  display: block;
  margin-left: 5px;
  float: left;
  min-width: 95px;
}
.language-wrapper .language_bar_list li a {
  text-align: left;
  display: block;
  width: 100%;
}
.language-wrapper .language_bar_list li a img {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  width: 20px;
}
.language-wrapper .language_bar_list li a span {
  color: #222222;
}

body[dir=rtl] .language-wrapper .language_bar_list li a img {
  margin-right: 0;
  margin-left: 10px;
}

.language_bar_list li a img {
  margin-top: 5px;
  margin-right: 5px;
}

.language-wrapper .dropdown-toggle::after {
  display: none;
}
.language-wrapper .dropdown img {
  height: 16px;
  width: 16px;
  margin-right: 6px;
  margin-top: 1px;
}
.language-wrapper .dropdown .btn-select-language {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  height: auto;
  font-weight: normal;
  text-transform: capitalize;
  font-size: 14px;
  color: #333 !important;
  white-space: nowrap;
  vertical-align: middle;
  padding-right: 15px;
}
.language-wrapper .dropdown .dropdown-menu.language_bar_chooser {
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0;
  margin: 0.125rem 0 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  line-height: 1;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #dee2e6 !important;
}
.language-wrapper .dropdown .dropdown-menu li img {
  margin: 0 10px;
}
.language-wrapper .dropdown .dropdown-menu li a {
  padding: 10px 0;
}
.language-wrapper .dropdown button .language-caret:before {
  content: "\f3d0";
  color: #878787;
  font-family: ionicons;
  position: absolute;
  right: 0;
  top: 3px;
}
.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser {
  width: auto;
  min-width: 0;
}
.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser li a {
  padding: 10px 0;
  text-align: center;
}

.pagination .page-item a {
  width: auto;
  min-width: 40px;
  padding: 0 10px;
}

.ps-list--categories {
  list-style: none;
  padding-bottom: 10px;
}
.ps-list--categories li {
  position: relative;
  padding: 6px 20px 6px 0;
}
.ps-list--categories li a {
  display: block;
  line-height: 22px;
}
.ps-list--categories li a:before {
  content: "\f3d1";
  font-family: "Ionicons";
  height: auto;
  line-height: normal;
  margin-right: 10px;
}
.ps-list--categories li .sub-toggle {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.ps-list--categories li .sub-toggle i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ps-list--categories li .sub-menu {
  position: relative;
  padding-left: 20px !important;
  visibility: visible;
  opacity: 1;
  transition: all 0s ease;
  background-color: transparent;
  border: none;
  display: none;
  z-index: unset;
  list-style: none;
}
.ps-list--categories li .sub-menu li a {
  background-color: transparent;
  padding: 0;
  border: none;
  color: inherit;
  font-size: 14px;
}
.ps-list--categories li .sub-menu li.menu-item-has-children .sub-toggle {
  display: inline-block;
}
.ps-list--categories li .sub-menu li.menu-item-has-children .sub-menu {
  position: relative;
  top: 0;
  left: 0;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.ps-list--categories li.current-menu-item > a {
  color: var(--color-1st);
}
.ps-list--categories .sub-toggle:after {
  background-color: #292b2c;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 12px;
  transform: translateX(-50%) rotate(90deg);
}
.ps-list--categories .sub-toggle:before {
  background-color: #292b2c;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 12px;
  transform: translateX(-50%);
}
.ps-list--categories .sub-toggle.active:after {
  display: none;
}

#navCatContent li a img {
  margin-right: 10px;
  vertical-align: top;
  margin-top: 1px;
}

.faqs-list h4 {
  margin-top: 30px;
}
.faqs-list h4:first-child {
  margin-top: 0;
}
.faqs-list .card {
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.faqs-list .card .card-header {
  background: #fff;
  border-radius: 0;
  padding: 1rem;
}
.faqs-list .card .card-header h2 button {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  background: #fff;
  text-decoration: none !important;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  text-transform: none;
}
.faqs-list .card .card-header h2 button::before {
  display: none;
}
.faqs-list .card .card-header h2 button::after {
  color: #ced4da;
  position: absolute;
  right: 0;
  top: -7px;
  border: 1px solid #ced4da;
  width: 40px;
  height: 40px;
  line-height: 30px;
  border-radius: 50%;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center;
  transform: scale(0.7) !important;
  transition: transform 0.2s ease-in-out;
}
.faqs-list .card .card-header h2 button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.ps-custom-scrollbar {
  max-height: 250px;
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgb(102, 102, 102);
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(204, 204, 204, 0.9);
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.single_post .blog_content ul {
  padding-left: 20px;
  margin: 10px 0;
}

.shop_info_tab ul {
  padding-left: 15px;
}

.mobile-menu-item {
  display: none;
  padding: 10px;
}
.mobile-menu-item.mobile-menu-item-first-item .language-wrapper {
  border-top: 1px dashed #eaeaea;
  padding-top: 25px;
}
.mobile-menu-item .language-wrapper .dropdown .btn-select-language {
  color: #fff !important;
  display: inline-block;
  width: 100%;
  text-align: left;
}
.mobile-menu-item .language-wrapper .dropdown .btn-select-language .language-caret:before {
  color: #fff;
}
.mobile-menu-item .language-wrapper .dropdown .dropdown-menu.language_bar_chooser {
  width: 100%;
}
.mobile-menu-item .language-wrapper .dropdown .dropdown-menu.language_bar_chooser li a {
  padding: 10px 0;
  text-align: left;
  padding-left: 10px;
}
.mobile-menu-item .mr-4 {
  margin-right: 0 !important;
}

@media only screen and (max-width: 991px) {
  .mobile-menu-item {
    display: block;
  }
}
.product_action_box {
  right: 0;
}

.banner_section.shop_banner_slider .carousel-item {
  background-position: center center;
  background-size: cover;
}

.cart_dropdown .cart_list li small {
  color: #fff;
}

.ck-content .nav {
  list-style: none;
}

.icon-tiktok {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: 100%;
  background: url("../images/icon-tiktok.svg") no-repeat;
}

.indicators_style1 li {
  list-style: none !important;
}