@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,600;0,800;1,700&display=swap');
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html,body {
	height: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  font-family: "Open Sans", sans-serif;
  color: #444444;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  transition: color .25s ease-in-out;
}

a:hover {
  text-decoration: none;
}

a:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'DM Sans', sans-serif;
}

img,figure {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

svg {
	max-width: 100%;
}

iframe {
	width: 100%;
}

::-moz-selection {
	background: rgba(78,84,200,.15);
}

::selection {
	background: rgba(78,84,200,.15);
}

::-moz-selection {
	background: rgba(78,84,200,.15);
}

button:focus {
	outline: none;
}

dt {
	color: #373f50;
	margin-bottom: .25rem;
	font-weight: 500;
}

dd {
	font-size: .875rem;
	margin-bottom: 1rem;
}

.iti .iti__selected-flag {
	padding: 0 8px 0 9px;
    border-right: 1px solid #dae1e7;
}

.iti .form-control {
	padding-right: 6px;
    padding-left: 65px;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
  display: none !important;
}

.gtranslate_wrapper.gtFc {
  background: #f1f1f1;
  border-radius: 7px;
  padding: 0;
  display: flex;
}

.gtranslate_wrapper.gtFc a {
  border-radius: 0;
  color: #222;
  font-size: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 4.5px 5px;
  transition: all .25s ease-in-out;
}

.gtranslate_wrapper.gtFc a:hover{
  background: #cf47479a !important;
  color: #fff;
}


.gtranslate_wrapper.gtFc a.gt-current-lang {
  background: #f0d0d0 !important;
  color: #222;
}

.gtranslate_wrapper.gtFc a span {
  margin: 0 !important;
  width: 100%;
}

.gtranslate_wrapper.gtFc a img {
  margin-right: 3px !important
}

.gtranslate_wrapper.gtFc a:first-of-type {
  border-radius: 7px 0 0 7px;
}

.gtranslate_wrapper.gtFc a:last-of-type {
  border-radius: 0 7px 7px 0;
}


.gtranslate_wrapper.gtFloat #gt_float_wrapper {
  position: relative !important;
  width: 100% !important;
  display: contents !important;
}

.gtranslate_wrapper.gtFloat .gt_float_switcher {
  position: relative !important;
  overflow: initial !important;
  font-size: 12px !important;
  display: block !important;
  background: transparent !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}


.gtranslate_wrapper.gtFloat .gt_float_switcher .gt_options {
  position: absolute !important;
  right: 0;
  min-width: 180px;
  max-height: 400px !important;
  transition: all .2s cubic-bezier(.3,1.1,.4,1.1) !important;
  background: #fff;
}
.gtranslate_wrapper.gtFloat .gt_float_switcher .gt_options.gt-open {
  transform: translateY(24px) !important
}

.gtranslate_wrapper.gtFloat .gt_float_switcher .gt-selected {
  border-radius: 8px !important;
}

.gtranslate_wrapper.gtFloat .gt_float_switcher .gt_options.gt-open + .gt-selected {
  border-radius: 8px 8px 0 0 !important;
}

.gtranslate_wrapper.gtFloat .gt_float_switcher .gt-selected .gt-current-lang {
  padding: 0px 7px !important;
}

.gtranslate_wrapper.gtFloat .gt_float_switcher img {
  width: 20px !important;
}

.gtranslate_wrapper.gtFloat .gt_float_switcher .gt-selected .gt-current-lang {
  font-weight: bold;
  display: flex !important;
  align-items: center !important;
}

.gtranslate_wrapper.gtFloat .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
  top: 1px !important;
  margin-right: 5px !important;
}

.gtranslate_wrapper.gtFloat .gt_float_switcher .gt_options a:hover {
  background: #d93f43 !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
  transform: rotate(0deg) !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
  transform: rotate(180deg) !important;
}

.bt-icon {
  width: 18px;
  height: 18px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #fe696a;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
  border: 2px solid #fe696a;
}

.back-to-top svg {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

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

.back-to-top:hover svg {
  color: #fe696a;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #151515;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 0px);
  left: calc(50% - 30px);
  border: 6px solid #fa0017;
  border-top-color: #151515;
  border-bottom-color: #151515;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/

.topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .625rem 0;
	font-size: .775rem;
  position: relative;
  z-index: 7;
}

.topbar>.container,.topbar>.container-fluid,.topbar>.container-sm,.topbar>.container-md,.topbar>.container-lg,.topbar>.container-xl {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.topbar .topbar-text,
.topbar .topbar-link,
.top-info-link > .dropdown-menu li, 
.top-info-link > .dropdown-menu a {
	display: flex;
  align-items: center;
}

.topbar .topbar-link {
  margin-right: 7px;
}

.topbar .icon-whatsapp {
  color: #00c42d !important;
}

.topbar .top-info-link > a > .icon-whatsapp {
  width: 14px;
  height: 14px;
  margin-left: 6px;
}

.topbar .topbar-link:last-of-type {
  margin-right: 0;
}


.topbar .topbar-text svg,
.topbar .topbar-link svg {
	margin-right: .375rem;
	font-size: 1.15em;
	vertical-align: middle;
  width: 15px;
}

.topbar-dark .topbar-text,
.topbar-dark .topbar-link {
	color: rgba(255,255,255,.65);
}

.topbar-dark .topbar-text svg,
.topbar-dark .topbar-link svg {
	color: var(--bs-primary);
}

.topbar-dark .topbar-link:hover {
	color: #fff;
}

.topbar-dark .topbar-link.active {
	color: #fff;
}

.topbar-dark .show .topbar-link {
	color: #fff;
}

/* .top-bayi-link:hover > .dropdown-menu {
  display: block;
  position: absolute;
  inset: 0px 0px auto auto;
  margin: -5px;
  transform: translate(0px, 23px);
} */

.topbar .dropdown ul {
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  border: 0;
}

@media (max-width: 990px) {
  .topbar .dropdown > .dropdown-menu.show {
    position: fixed !important;
    inset: 10px auto auto 0px !important;
    width: 100% !important;
    border-radius: 0;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
  background: rgb(249,249,249);
  background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
}

.header-search input:focus + .btn {
  border-color: rgba(var(--bs-primary-rgb), 0.35) !important;
}

.header-search input:-webkit-autofill {
  border-color: #dae1e7;
}
.header-search input:-webkit-autofill:focus {
	border: 1px solid rgba(var(--bs-primary-rgb), 0.35);
  border-right: 0;
	-webkit-text-fill-color: #222;
	-webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset;
	transition: background-color 5000s ease-in-out 0s;
}

.header-search .form-control, 
.header-search .btn {
  transition: 0.50s all;
}

.header-search .form-control {
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-left: 20px;
  border-right: 0;
}

.header-search .btn {
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-color: #dae1e7;
  border-left: 0;
}

.header-search .btn svg {
  width: 30px;
  height: 30px;
}

.header-search .btn:hover {
  background-color: #fe696a;
  color: #fff;
}

header.fixed-top {
  box-shadow: 0px 11px 10px 0px rgba(0,0,0,0.1);
}

@media (max-width: 991px) {
  header.fixed-top .header-search {
    padding: 0;
  }
  .header-search .form-control, 
  .header-search .btn {
    height: 38px;
  }
  .fixed-top .header-search .form-control, 
  .fixed-top .header-search .btn {
    border-radius: 0;
  }
  .fixed-top .header-search .form-control {
    border-left: 0;
  }
  .fixed-top .header-search .btn {
    border-right: 0;
  }
  .header-search .btn {
    padding-top: 6px;
  }
  .header-search .btn svg {
    width: 20px;
    height: 20px;
  }
}

/*
#header.header-scrolled,
#header.header-inner-pages {
  background: rgba(0, 0, 0, 0.8);
}*/

#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.bt-logo {
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow: hidden;
  height: 40px;
  -webkit-filter: drop-shadow(0 7px 1px rgba(0, 0, 0, 0.1));
  animation: logo 0.6s linear 1 2s;
}

@keyframes logo {
  0% {
    opacity: .5;
    transform:scale(1.2);
  }
  100% {
    opacity: 1;
    transform:scale(1);
  }
}

/*
svg:nth-of-type(1) {
  width: 96px;
}

svg:nth-of-type(2) {
  width: 196px;
}
*/

.bt-logo, 
.bt-logo-icon, 
.bt-logo-text {
  position: relative;
  display: flex;
  align-items: center;
}

.bt-logo-link {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}



.bt-logo-icon, 
.bt-logo-text {
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}

.bt-logo-icon {
  width: 90px;
  z-index: 1;
}

.bt-logo-text {
  width: 196px;
  z-index: 2;
}


.bt-logo.shopping {
  flex-direction: column;
  overflow: inherit;
}

.bt-logo.shopping .bt-logo-icon {
  width: 76px;
  height: 34px;
  top: -17%;
}

.bt-logo.shopping .bt-logo-text {
  top: -5px;
  width: 120px;
  height: 18px;
}


@media (min-width: 991px) {
	.bt-logo:not(.shopping).show .bt-logo-icon {
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0)
	}
	
	.bt-logo:not(.shopping).show .bt-logo-text {
		opacity: 0;
		-webkit-transform: translate(-40px, 0);
		transform: translate(-40px, 0);
	}
}

@media (max-width: 991px) {


  .bt-logo {
    flex-direction: column !important;
    overflow: inherit !important;
  }
  
  .bt-logo .bt-logo-icon {
    width: 60px !important;
    height: 25px !important;
  }
  
  .bt-logo .bt-logo-text {
    width: 100px !important;
    height: 18px !important;
  }


  .bt-logo .bt-logo-icon {
    top: -10% !important;
  }
  
  .bt-logo .bt-logo-text {
    top: 0px !important;
  }


	
	/*.bt-logo:not(.shopping) .bt-logo-text {
		opacity: 0;
		-webkit-transform: translate(-40px, 0);
		transform: translate(-40px, 0);
	}*/
}


.scrolled-offset {
  margin-top: 70px;
}

/*--------------------------------------------------------------
#  Get Startet Button
--------------------------------------------------------------*/
.get-shopping-btn {
  overflow: hidden;
  position: relative;
  color: #fff;
  border-radius: 4px;
  padding: 7px 25px 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  background: #099e44;
}

.get-shopping-btn:hover {
  background: #e42516;
  border-color: #e42516;
  color: #fff;
}

@media (max-width: 992px) {
  .get-shopping-btn {
    padding: 7px 20px 8px 20px;
    margin-right: 15px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}


.navbar.sidebar {
  display: block;
  background: #f6f9fc;
  padding: 5px 0;
  border-radius: 5px;
}

.navbar.sidebar input {
  width: calc(100% - 10px);
  margin: 0 auto 7px auto;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar.sidebar > ul {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0;
}

.navbar.sidebar ul {
  display: block;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0 5px 30px;
  font-size: 15px;
  font-weight: 600;
  color: #4b566b;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: capitalize;
}

.navbar.sidebar > ul > li > a {
  padding: 10px 10px !important;
}

.navbar a svg,
.navbar a:focus svg {
  width: 12px;
  height: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #e12516;
}

.navbar.sidebar a:hover,
.navbar.sidebar .active,
.navbar.sidebar .active:focus,
.navbar.sidebar li:hover>a {
  background: #cf4747;
  color: #fff;
}

/*
 .navbar:not(.sidebar) .dropdown ul, 
.navbar.sidebar .dropdown ul {
  display: block;
  position: absolute;
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar:not(.sidebar) .dropdown ul {
  left: 14px;
  top: calc(100% + 30px);
}

.navbar.sidebar .dropdown ul {
  left: calc(100% + 5px);
}

.navbar.sidebar > ul > .dropdown > ul {
  top: 0 !important;
} */


.navbar .dropdown ul {
  display: block;
  position: absolute;
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;

  left: 14px;
  top: calc(100% + 30px);
}


.navbar.sidebar:not(.navbar-mobile) .dropdown ul {
  left: calc(100% + 5px);
}

.navbar.sidebar:not(.navbar-mobile) > ul > .dropdown > ul {
  top: 0 !important;
}

.navbar.sidebar.navbar-mobile li > ul li:first-child {
  display: block !important;
}


.navbar.sidebar > ul {
  width: 100%;
}



.navbar:not(.sidebar) .dropdown ul li {
  min-width: 200px;
}

.navbar.sidebar .dropdown ul li {
  width: 100%;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #151515;
  font-weight: 400;
}


.navbar.sidebar span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.navbar .dropdown ul a svg {
  width: 12px;
  height: 12px;
}

.navbar a .bt-icon.icon-right, 
.navbar a .bt-icon.icon-down {
  display: none;
}

.navbar.sidebar a .bt-icon.icon-right { display: flex; }
.navbar.sidebar > ul > li > ul a .bt-icon.icon-down { display: none; }
.navbar.sidebar > ul > li > ul a .bt-icon.icon-right { display: flex; }
.navbar.sidebar.navbar-mobile a .bt-icon.icon-right { display: none; }
.navbar.sidebar.navbar-mobile a .bt-icon.icon-down { display: flex; }

.navbar:not(.sidebar) a .bt-icon.icon-down { display: flex; }
.navbar:not(.sidebar) > ul > li > ul a .bt-icon.icon-down { display: none; }
.navbar:not(.sidebar) > ul > li > ul a .bt-icon.icon-right { display: flex; }




.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  background-color: #cf4747;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}





/*
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}*/

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #222;
  font-size: 35px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

nav.navbar-mobile .mobile-nav-toggle {
  color: #fff;
}

@media (max-width: 990px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar input,
  .navbar ul {
    display: none;
  }
}

.navbar .icon-list, 
.navbar .icon-close {
  width: 30px;
  height: 30px;
}


.navbar .icon-close {
  display: none;
}

.navbar.navbar-mobile .icon-close {
  display: block;
}

.navbar.navbar-mobile .icon-list {
  display: none;
}

.navbar-mobile:not(.sidebar) {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile input {
  position: absolute;
  top: 10px;
  right: 15px;
  left: 15px;
  width: 80%;
  display: block;
}

.navbar-mobile.sidebar ul {
  display: block;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #151515;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #151515;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile.sidebar .dropdown ul {
  margin: 0;
  padding: 0;
  box-shadow: none;
}

.navbar-mobile:not(.sidebar) .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile.sidebar .dropdown ul li {
  width: 100%;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
  color: #151515;
}

.navbar-mobile.sidebar .dropdown ul a {
  padding: 7px 5px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  background-color: transparent
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}



/*** Nav SVG ***/

.navbar-toolbar > ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
}

.navbar-toolbar a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #4b566b;
  
}

.navbar-toolbar > ul > li:hover .navbar-tool-icon-box, 
.navbar-toolbar > ul > li:hover .navbar-tool-icon-box *, 
.navbar-toolbar > ul > li:hover .navbar-tool-text, 
.navbar-toolbar > ul > li:hover .navbar-tool-text * {
  color: #e12516 !important;
  transition: 0.5s;
}

.navbar-toolbar a:hover, 
.navbar-toolbar a:hover * {

}


.disable-autohide {
  position: relative;
}

.disable-autohide:hover .nav-tool:not([data-bs-toggle="dropdown"]) + ul {
  display: block;
  right: 0;
  transform: translate(0px, 0);
  -webkit-animation: slide-up .25s ease-in-out;
	animation: slide-up .25s ease-in-out;
}

@-webkit-keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@-webkit-keyframes slide-up {
	from {
		transform: translateY(0.5rem);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-up {
	from {
		transform: translateY(0.5rem);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.navbar-toolbar .dropdown-menu {
  border: 0;
  box-shadow: 7px 10px 18px 8px rgba(0,0,0,0.1);
}




.navbar-toolbar .nav-tool {
  padding: 5px 0 5px 10px !important;
}

.navbar-toolbar .nav-tool.dropdown-toggle::after {
  content: none;
}


.navbar-toolbar .nav-tool .navbar-tool-icon-box {
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.disable-autohide:hover .nav-tool .navbar-tool-icon-box, 
.navbar-toolbar .nav-tool:hover .navbar-tool-icon-box {
  -webkit-animation: at-ripple 0.6s linear infinite;
  animation: at-ripple 0.6s linear infinite;
}

@-webkit-keyframes at-ripple {
  0% {
    box-shadow: 0 4px 10px rgba(199,197,197, 0.1), 0 0 0 0 rgba(199,197,197, 0.1), 0 0 0 5px rgba(199,197,197, 0.1), 0 0 0 10px rgba(199,197,197, 0.1);
  }
  100% {
    box-shadow: 0 4px 10px rgba(199,197,197, 0.1), 0 0 0 5px rgba(199,197,197, 0.1), 0 0 0 10px rgba(199,197,197, 0.1), 0 0 0 20px rgba(199,197,197, 0);
  }
}

@keyframes at-ripple {
  0% {
    box-shadow: 0 4px 10px rgba(199,197,197, 0.1), 0 0 0 0 rgba(199,197,197, 0.1), 0 0 0 5px rgba(199,197,197, 0.1), 0 0 0 10px rgba(199,197,197, 0.1);
  }
  100% {
    box-shadow: 0 4px 10px rgba(199,197,197, 0.1), 0 0 0 5px rgba(199,197,197, 0.1), 0 0 0 10px rgba(199,197,197, 0.1), 0 0 0 20px rgba(199,197,197, 0);
  }
}

.navbar-toolbar .nav-tool .navbar-tool-icon-box.basket {
  background: rgb(230,237,251);
  background: linear-gradient(0deg, rgba(230,237,251,1) 0%, rgba(223,229,238,1) 100%);
  border-color: transparent;
}

.navbar-toolbar .nav-tool .navbar-tool-icon-box.basket:before {
  position: absolute;
  top: -0.3125rem;
  right: -0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: var(--bs-primary);
  color: #fff;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  content: attr(card-badge);
}

.navbar-toolbar .nav-tool .navbar-tool-icon-box.basket.shake {
  animation: shakeCart 0.4s ease-in-out forwards;
}

@keyframes shakeCart {
  25% {
    transform: translateX(8px);
  }
  50% {
    transform: translateX(-6px);
  }
  75% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}

.navbar-toolbar .nav-tool .navbar-tool-icon-box svg {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
}

.navbar-toolbar .nav-tool .navbar-tool-text {
  display: block;
  padding-left: 1.35rem;
  font-size: 0.938rem;
  text-decoration: none !important;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.navbar-toolbar .nav-tool .navbar-tool-text > small {
  display: block;
  margin-bottom: -0.3rem;
  font-weight: 400;
  color: #7d879c;
}

@media (max-width: 991px) {
  .navbar-toolbar .nav-tool {
    padding: 5px 0 5px 25px !important;
  }
  .navbar-toolbar .nav-tool .navbar-tool-icon-box {
    width: 2.5rem;
    height: 2.5rem;
    box-shadow: 0 4px 10px rgba(199,197,197, 0.1), 0 0 0 5px rgba(199,197,197, 0.1), 0 0 0 10px rgba(199,197,197, 0.1), 0 0 0 20px rgba(199,197,197, 0);
  }
  
  .navbar-toolbar .nav-tool .navbar-tool-icon-box svg {
    width: 1.3rem;
    height: 1.3rem;
  }


  .navbar-toolbar .nav-tool .navbar-tool-text {
    display: none;
  }

}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 90vh;
  background: url("../img/metal-sections-different-shape-section_103577-5151.jpg") top center;
  background-size: cover;
  position: relative;
  overflow: inherit;
}

#hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  position: relative;
  padding-top: 74px;
  text-align: center;
}

#hero h1 {
  margin: 0;
  font-size: 3em;
  font-weight: 700;
  line-height: 64px;
  color: #fff;
  font-family: "Poppins", sans-serif;
}

#hero h1 span {
  color: #e42516;
}

#hero h2 {
  color: rgba(255, 255, 255, 0.9);
  margin: 10px 0 0 0;
  font-size: 24px;
}

#hero .icon-box {
  padding: 30px 20px;
  transition: ease-in-out 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: center;
}

#hero .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #e42516;
}

#hero .icon-box h3 {
  font-weight: 700;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  line-height: 26px;
}

#hero .icon-box h3 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}

#hero .icon-box h3 a:hover {
  color: #ffc451;
}

#hero .icon-box:hover {
  border-color: #ffc451;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero {
    height: auto;
  }

  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section.main-section {
  padding: 60px 0;
  overflow: hidden;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
  font-family: "Poppins", sans-serif;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #ffde9e;
  margin: 4px 10px;
}

.section-title p {
  margin: 0;
  margin: 0;
  font-size: 1.7em;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #151515;
}

@media (max-width: 768px) {
  .section-title p {
    font-size: 1.1em;
  }
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 700;
  font-size: 28px;
  font-family: "Poppins", sans-serif;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding: 0 0 8px 26px;
  position: relative;
}

.about .content ul i {
  position: absolute;
  font-size: 20px;
  left: 0;
  top: -3px;
  color: #ffc451;
}

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

.about > div > div > div img {
  border-radius: 7px;
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  border: 1px solid #ebebeb;
  padding-top: 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}

.services .icon-box img {
  width: 100%;;
}

.services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #ffc451;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.3s;
}

.services .icon-box .icon i {
  color: #151515;
  font-size: 28px;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.services .icon-box h4 a {
  color: #151515;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 a:hover {
  color: #ffc451;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/cta-bg.jpg") fixed center center;
  background-size: cover;
  padding: 60px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #fe696a;
  border-color: #fe696a;
}




/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials {
  padding: 80px 0;
  background: url("../img/ss1.jpeg") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.testimonials::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

.testimonials .section-header {
  margin-bottom: 40px;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}

.testimonials .testimonial-item {
  text-align: center;
  color: #fff;
}

.testimonials .testimonial-item .testimonial-img {
  width: 100px;
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.15);
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #fff;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #ddd;
  margin: 0 0 15px 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: rgba(255, 255, 255, 0.6);
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
  color: #eee;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffc451;
  opacity: 1;
}

@media (min-width: 1024px) {
  .testimonials {
    background-attachment: fixed;
  }
}

@media (min-width: 992px) {
  .testimonials .testimonial-item p {
    width: 80%;
  }
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  width: 100%;
  background: #fff;
}

.contact .info span {
  background: #ff6167;
  color: #fff;
  float: left;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}

.contact .info span svg {
  width: 20px;
  height: 20px;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #151515;
}

.contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #484848;
}

.contact .info .email,
.contact .info .phone {
  margin-top: 40px;
}

.contact .contact-form {
  width: 100%;
  background: #fff;
}

.contact .contact-form .form-group {
  padding-bottom: 8px;
}

.contact .contact-form .error-message {
  display: none;
  color: #fff;
  background: #d93f43;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .contact-form .error-message br+br {
  margin-top: 25px;
}

.contact .contact-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .contact-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .contact-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}


@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #14151c;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 30px 0;
}

#footer h3 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  position: relative;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0 0 15px 0;
}

#footer p {
  font-size: 15;
  font-style: italic;
  padding: 0;
  margin: 0 0 40px 0;
}

#footer .social-links {
  margin: 0 0 40px 0;
}

#footer .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #fe696a;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .social-links a:hover {
  background: #fe696a;
  color: #fff;
  text-decoration: none;
}

#footer .copyright {
  margin: 0 0 5px 0;
}

#footer .credits {
  font-size: 13px;
}










/* ################################################################# */





.categoryMenu {
  position: relative;
  background: rgb(217,63,67);
  background: linear-gradient(0deg, rgba(217,63,67,1) 0%, rgba(198,58,62,1) 100%);
}

@media (max-width: 990px) {
  .categoryMenu {
    padding: 7px 0;
  }

  .categoryMenu .mobile-nav-toggle2 {
    color: #fff;
  }
}

@media (min-width: 990px) {

  .categoryMenu .navbar {
    padding: 0;
  }

  .categoryMenu .navbar a {
    padding: 10px 7px 10px 7px;
    font-size: 13px;
    color: #fff;
  }

  .categoryMenu .navbar > ul > li:first-child > a {
    border-left: 1px solid #d82323;
  }

  .categoryMenu .navbar > ul > li > a {
    border-right: 1px solid #d82323;
  }

  .categoryMenu .navbar > ul > li:hover > a {
    background: #fff;
    color: #222 !important
  }

  .categoryMenu .navbar a i,
  .categoryMenu .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
  }

  
  .categoryMenu .navbar a:hover,
  .categoryMenu .navbar .active,
  .categoryMenu .navbar .active:focus,
  .categoryMenu .navbar li:hover>a {
    color: #fff;
  }

  .categoryMenu .navbar > ul > .dropdown > ul {
    left: 0;
  }

  .categoryMenu .navbar .dropdown ul a {
    color: #222;
  }


}




.pwa-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translate(-100%, 0);
  width: 300px;
  height: 200px;
  background-color: #cf4747af;
  z-index: 999;
  overflow: hidden;
}

.pwa-wrapper.pwa-open {
  animation: pwa-show 2s ease-in-out forwards 2s;
}

.pwa-wrapper > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.pwa-wrapper > span {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  background-color: #fff;
  border: none;
  cursor: pointer;
}

.pwa-wrapper > div button {
  border: 0;
  width: 100%;
  background: #fff;
  border-radius: 7px;
}

@keyframes pwa-show {
  0% {
    opacity: 0;
    transform: translate(-100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}





@keyframes flow {
	0% 		{ left: -20px; opacity: 0; 		}
	50% 	{ left: 100px; opacity: 0.3; 	}
	80% 	{ left: 200px; opacity: 0.2; 	}
  100% 	{ left: 300px; opacity: 0; 		}
}

.glow {
	background: rgb(255,255,255);
	width: 40px;
	height: 100%;
	z-index: 999;
	top: 0;
  bottom: 0;
	position: absolute;
	-webkit-animation: flow 1.5s linear infinite;
	-moz-animation: flow 1.5s linear infinite;
	animation: flow 1.5s linear infinite;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
	background: -moz-linear-gradient(left, rgba(255,255,255,0.4) 1%,rgba(255,255,255,0.8) 2%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(255,255,255,0.4)), color-stop(2%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.4) 1%,rgba(255,255,255,0.8) 2%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0.4) 1%,rgba(255,255,255,0.8) 2%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0.4) 1%,rgba(255,255,255,0.8) 2%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.4) 1%,rgba(255,255,255,0.8) 2%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	border-left: 1px solid #fff;
}






.form-signin {
  width: 100%;
  max-width: 400px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}


.form-signin input.user {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin input.password {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin h2 {
  display: table;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
.form-signin h2:before,
.form-signin h2:after {
  border-top: 1px solid #ddd;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.5em;
  width: 35%;
}
.form-signin h2:before {
  right: 0;
}
.form-signin h2:after {
  left: 0;
}

.signin-logo span:nth-child(1), 
.signin-logo span:nth-child(3) {
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 10px
}

.signin-logo svg {
  display: block;
  width: 100px;
  height: 100px;
}

.signin-logo span:nth-child(2) svg {
  width: 50px;
  height: 50px;
  margin: 0 15px;
}

#dealerLogin .modal-header {
  border-bottom: 0;
}

#dealerLogin .modal-header h1 {
  font-size: 1.5em !important;
  text-align: center;
  width: 100%;
}

#dealerLogin .modal-body {
  padding: 0;
}

#dealerLogin .form-signin {
  max-width: 100%;
}









.wrap {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  box-sizing: border-box;  
}
.wrap * {
  box-sizing: inherit;
}
.wrap-inner {
  
/*   height: 0;
  padding-bottom: 56.25%;
  margin: 0 auto;
  overflow: hidden;  
  width: 100%;
  position: relative; */
}

#video .swiper-outter {
  width: 100%;
  padding: 0 65px;
  position: relative;
}
 
#video .swiper-button-prev,
#video .swiper-button-next {
    width: 40px;
  height: 40px;
  margin-top: -20px;
  background-size: 100% auto;
}

#video .swiper-button-prev {
  background-image: url("data:image/png;base64,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");
}
#video .swiper-button-next {
  background-image: url("data:image/png;base64,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");
}

#video .swiper-container {
  width: 100%;
  position: relative;
}
#video .swiper-wrapper {
  width: 100%;
  

}
#video .swiper-slide {
  width: 100%;
  background-color: #EFEFEF;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#video .swiper-slide .video-container {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
#video .swiper-slide .video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; 
}


#video .swiper-slide {
  background: #fff;
  text-align: center;
  position: relative;
}

.video-container {
  position: relative;
  padding-bottom: 67%;
  width: 100%;
  height: 0;
}

.video-play,
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
  pointer-events: none;
}