:root {
  --red-color : #ff0027;
}
::-webkit-scrollbar {
	width:12px;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(transparent,#111) ;
	border-radius: px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textarea;
}


.form-control:focus {
  border: 1px solid #000!important;
}


.progress {
  transition: .2s;
  width: 0;
  height: 1px;
  background: var(--red-color);
  position: fixed;
  top:0;
  left:0;
}

.bg-danger {
  background: var(--red-color)!important;
}
.text-danger {
  color: var(--red-color)!important;
}

.custom-alert {
  position: fixed;
  top: 25px;
  right: 25px;
}

.rd-shadow:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px;
  height: 40px;
  width: 100%;
  background: no-repeat center center;
}

.navbar-collapse {
  transition: ease 0.9s;
}

.rd-shadow.rd-shadow--type1:after {
  background-image: url(../images/shadow_1.png);
}
.rd-shadow.rd-shadow--type2:after {
  background-image: url(../images/shadow_2.png);
}
.rd-shadow.rd-shadow--type3:after {
  background-image: url(../images/shadow_3.png);
}
.rd-shadow.rd-shadow--type4:after {
  background-image: url(../images/shadow_4.png);
}

.swiper-pagination-bullet-active {
  background: #000;
}

.mega-menu .dropdown-menu li a{
  color: gray;
  padding: .5em 1em;
}

.mega-menu .dropdown-menu li:first-child a,
.cart-header {
  font-weight: 400;
  font-size: 1.2em;
  color: #000;
}

.nav-item a.active {
	color: var(--red-color)!important;
}

.nav-link {
	position: relative;
}
.nav-link:hover {
/*	text-decoration: underline; 
	border-bottom: 2px solid var(--red-color); */
}
.nav-link::after {
	content:'';
	opacity: 0;
	transition: all 0.2s;
	height: 2px;
	width: 100%;
	background-color: var(--red-color);
	position: absolute;
	bottom: 0;
	left: 0;	
}
.nav-link:hover::after{
	opacity: 1;
}

.map {
  filter: grayscale(100%) invert(95%);
  height: 30em;
  width: 100%;
}


@media screen and (min-width:993px) {

  .mega-menu.dropdown:hover .dropdown-menu,
  .mega-menu .dropdown-menu.show {
    display:flex;
  }
}

@media screen and (max-width:992px) {
  .mega-menu .dropdown.show {
    max-height: 350px;
    overflow-y: scroll;
  }
}

#preloader{
  align-items:center;
  background-color:#fff;
  display:flex;
  height:100%;
  justify-content:center;
  margin:auto;
  position:fixed;
  width:100%;
  opacity: .7;
  z-index:9999999
}
.circles-animation{background-color:#fff;filter:blur(6px) contrast(20);height:320px;width:320px}
.circles-animation .circle-1,
.circles-animation .circle-2{
  background:#252735;
  border-radius:50%;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}
.circles-animation .circle-1{-webkit-animation:circle-l 2s ease infinite;animation:circle-l 2s ease infinite;left:20%}
.circles-animation .circle-2{-webkit-animation:circle-r 2s ease infinite;animation:circle-r 2s ease infinite;background:#ff0027;left:80%}
@-webkit-keyframes circle-l{0%{left:20%;transform:scale(1)}50%{left:50%;transform:scale(2)}to{left:20%;transform:scale(1)}}
@keyframes circle-l{0%{left:20%;transform:scale(1)}50%{left:50%;transform:scale(2)}to{left:20%;transform:scale(1)}}
@-webkit-keyframes circle-r{0%{left:80%;transform:scale(1)}50%{left:50%;transform:scale(2)}to{left:80%;transform:scale(1)}}
@keyframes circle-r{0%{left:80%;transform:scale(1)}50%{left:50%;transform:scale(2)}to{left:80%;transform:scale(1)}}
.loader{border-radius:50%;height:80px;position:relative;width:80px}.loader .pulse{background:#ff0027;border-radius:inherit;height:100%;position:absolute;transform:scale(.1);transition:opacity .2s linear;width:100%}
.loader .pulse .pulse1{-webkit-animation:pulse 2.2s linear infinite;animation:pulse 2.2s linear infinite}
.loader .pulse .pulse2{-webkit-animation:pulse 2.2s linear -1s infinite;animation:pulse 2.2s linear -1s infinite}
@-webkit-keyframes pulse{to{opacity:0;transform:scale(1.6)}}
@keyframes pulse{to{opacity:0;transform:scale(1.6)}}.section{padding-bottom:7.5rem;padding-top:5rem;position:relative}

/* charts css */
.chart {
	width: 1200px;
	height: 650px;
	padding: 50px;
	margin: 0 auto;
}