/*-----------------SCROLL---------------------*/
.scroll-touch {
	-webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
	width: 6px;
	background-color: #f7f7f7;
}

::-webkit-scrollbar-thumb {
	background-color: #00a3ad;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #00a3ad;
}



/*-----------------SCROLL---------------------*/


.blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}




/*-----------------\SWISS Knife------------------*/
.red {
	border: 1px solid red;
}
.re {
	border: 1px solid rebeccapurple;
}
.blue {
	border: 1px solid blue;
}
.green {
	border: 1px solid green;
}


.show {
	display: initial;
}
.flex {
	display: flex;
}
.hide {
	display: none;
}
.overhidden {
	overflow: hidden;
}
/*-----------------\SWISS Knife------------------*/



/*---------------------\Cursor dot--------------------*/
.cursor-wrapper {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid red;
	box-sizing: border-box;
	z-index: 999999999999999999999999;
}

.cursor-dot,
.cursor-dot-outline {

	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	_-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	_transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	_transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	_transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	z-index: 99999999;
	_mix-blend-mode: multiply;
}


.cursor-dot {
 	width: 11px;
 	height: 11px;
	background: #009199;
	transition: transform ease-in-out .2s;
}

.cursor-dot-outline {
	width: 50px;
	height: 50px;
    background-color: rgba(238, 243, 246, 0);
	border: 1px solid rgb(201, 212, 219);
	transition: transform ease-in-out .2s;
}


.cursor-dot.omni {
	background: #00a3ad;
	transform: translate(-50%, -50%) scale(.7);
	transition: transform ease-in-out .2s;
}

.cursor-dot-outline.omni {
	background-color: rgba(188, 219, 238, 0.38);
	border: 0px solid rgb(201, 212, 219);
	transform: translate(-50%, -50%) scale(1.6);
	transition: transform ease-in-out .2s;
}




.cursor-dot,
.cursor-dot-outline,
.cursor-wrapper {
	display: none;
}

/*---------------------\dot end--------------------*/


/*---------------------\Loader spinner--------------------*/
.loader-wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #f7f7f7;
	z-index: 10000;
	flex-direction: column;
	overflow: hidden;


}

.loader-wrapper img{
	position: absolute;
	width: 40px;
	top: calc(50% - 20px);
	/* -webkit-animation: pulse 2s ease infinite;
	animation: pulse 2s ease infinite; */

}

#lo {
	position: absolute;
	width: 120px;
	top: 90%;
	left: calc(50% - 60px);
}


.spinner {
	width: 60px;
	height: 60px;
	z-index: 10002;
}

  .spinner.spinner2 {
	border: 2px solid transparent;
	border-top-color: #00a3ad;
	border-bottom-color: #00a3ad;
	border-radius: 50%;
	-webkit-animation: rotation .8s ease infinite;
	animation: rotation .8s ease infinite;
  }

  @-webkit-keyframes rotation {
	from {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }

  @keyframes rotation {
	from {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }

  @-webkit-keyframes pulse {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
			  opacity: .3;
	 	-webkit-opacity: .3;
	}
	50% {
	  -webkit-transform: scale(1.3);
			  transform: scale(1.3);
			  opacity: 1;
			  -webkit-opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
				transform: scale(1);
				opacity: .3;
		   -webkit-opacity: .3;
	  }
  }


/*---------------------\Loader spinner--------------------*/


/*---------------------\Loader blob--------------------*/
.blobs {
	-webkit-filter: url(#goo);
			filter: url(#goo);
	width: 300px;
	height: 300px;
	position: relative;
	overflow: hidden;
	border-radius: 70px;
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
  }
  .blobs .blob-center {
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
	position: absolute;
	background: #00a3ad;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	-webkit-transform-origin: left top;
			transform-origin: left top;
	-webkit-transform: scale(0.9) translate(-50%, -50%);
			transform: scale(0.9) translate(-50%, -50%);
	-webkit-animation: blob-grow linear 3.4s infinite;
			animation: blob-grow linear 3.4s infinite;
	border-radius: 50%;
	box-shadow: 0 -10px 40px -5px #00a3ad;
  }

  .blob {
	position: absolute;
	background: #00a3ad;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-webkit-animation: blobs ease-out 3.4s infinite;
			animation: blobs ease-out 3.4s infinite;
	-webkit-transform: scale(0.9) translate(-50%, -50%);
			transform: scale(0.9) translate(-50%, -50%);
	-webkit-transform-origin: center top;
			transform-origin: center top;
	opacity: 0;
  }
  .blob:nth-child(1) {
	-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s;
  }
  .blob:nth-child(2) {
	-webkit-animation-delay: 0.4s;
			animation-delay: 0.4s;
  }
  .blob:nth-child(3) {
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
  }
  .blob:nth-child(4) {
	-webkit-animation-delay: 0.8s;
			animation-delay: 0.8s;
  }
  .blob:nth-child(5) {
	-webkit-animation-delay: 1s;
			animation-delay: 1s;
  }

  @-webkit-keyframes blobs {
	0% {
	  opacity: 0;
	  -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);
			  transform: scale(0) translate(calc(-330px - 50%), -50%);
	}
	1% {
	  opacity: 1;
	}
	35%,65% {
	  opacity: 1;
	  -webkit-transform: scale(0.9) translate(-50%, -50%);
			  transform: scale(0.9) translate(-50%, -50%);
	}
	99% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);
			  transform: scale(0) translate(calc(330px - 50%), -50%);
	}
  }

  @keyframes blobs {
	0% {
	  opacity: 0;
	  -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);
			  transform: scale(0) translate(calc(-330px - 50%), -50%);
	}
	1% {
	  opacity: 1;
	}
	35%,65% {
	  opacity: 1;
	  -webkit-transform: scale(0.9) translate(-50%, -50%);
			  transform: scale(0.9) translate(-50%, -50%);
	}
	99% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);
			  transform: scale(0) translate(calc(330px - 50%), -50%);
	}
  }
  @-webkit-keyframes blob-grow {
	0%,  39% {
	  -webkit-transform: scale(0) translate(-50%, -50%);
			  transform: scale(0) translate(-50%, -50%);
	}
	40%, 42% {
	  -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
			  transform: scale(1, 0.9) translate(-50%, -50%);
	}
	43%, 44% {
	  -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
			  transform: scale(1.2, 1.1) translate(-50%, -50%);
	}
	45%, 46% {
	  -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
			  transform: scale(1.3, 1.2) translate(-50%, -50%);
	}
	47%, 48% {
	  -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
			  transform: scale(1.4, 1.3) translate(-50%, -50%);
	}
	52% {
	  -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
			  transform: scale(1.5, 1.4) translate(-50%, -50%);
	}
	54% {
	  -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
			  transform: scale(1.7, 1.6) translate(-50%, -50%);
	}
	58% {
	  -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
			  transform: scale(1.8, 1.7) translate(-50%, -50%);
	}
	68%, 70% {
	  -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
			  transform: scale(1.7, 1.5) translate(-50%, -50%);
	}
	78% {
	  -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
			  transform: scale(1.6, 1.4) translate(-50%, -50%);
	}
	80%, 81% {
	  -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
			  transform: scale(1.5, 1.4) translate(-50%, -50%);
	}
	82%, 83% {
	  -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
			  transform: scale(1.4, 1.3) translate(-50%, -50%);
	}
	84%, 85% {
	  -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
			  transform: scale(1.3, 1.2) translate(-50%, -50%);
	}
	86%, 87% {
	  -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
			  transform: scale(1.2, 1.1) translate(-50%, -50%);
	}
	90%, 91% {
	  -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
			  transform: scale(1, 0.9) translate(-50%, -50%);
	}
	92%, 100% {
	  -webkit-transform: scale(0) translate(-50%, -50%);
			  transform: scale(0) translate(-50%, -50%);
	}
  }
  @keyframes blob-grow {
	0%,  39% {
	  -webkit-transform: scale(0) translate(-50%, -50%);
			  transform: scale(0) translate(-50%, -50%);
	}
	40%, 42% {
	  -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
			  transform: scale(1, 0.9) translate(-50%, -50%);
	}
	43%, 44% {
	  -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
			  transform: scale(1.2, 1.1) translate(-50%, -50%);
	}
	45%, 46% {
	  -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
			  transform: scale(1.3, 1.2) translate(-50%, -50%);
	}
	47%, 48% {
	  -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
			  transform: scale(1.4, 1.3) translate(-50%, -50%);
	}
	52% {
	  -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
			  transform: scale(1.5, 1.4) translate(-50%, -50%);
	}
	54% {
	  -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
			  transform: scale(1.7, 1.6) translate(-50%, -50%);
	}
	58% {
	  -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
			  transform: scale(1.8, 1.7) translate(-50%, -50%);
	}
	68%, 70% {
	  -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
			  transform: scale(1.7, 1.5) translate(-50%, -50%);
	}
	78% {
	  -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
			  transform: scale(1.6, 1.4) translate(-50%, -50%);
	}
	80%, 81% {
	  -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
			  transform: scale(1.5, 1.4) translate(-50%, -50%);
	}
	82%, 83% {
	  -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
			  transform: scale(1.4, 1.3) translate(-50%, -50%);
	}
	84%, 85% {
	  -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
			  transform: scale(1.3, 1.2) translate(-50%, -50%);
	}
	86%, 87% {
	  -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
			  transform: scale(1.2, 1.1) translate(-50%, -50%);
	}
	90%, 91% {
	  -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
			  transform: scale(1, 0.9) translate(-50%, -50%);
	}
	92%, 100% {
	  -webkit-transform: scale(0) translate(-50%, -50%);
			  transform: scale(0) translate(-50%, -50%);
	}
  }



/*---------------------\Loader blob--------------------*/