@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(fonts/fontOutfit.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/Poppins800.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

*{
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;

}
body{
	display: flex;
	justify-content: center;
	align-items: center;
	/*min-height: 100vh;*/
	overflow: hidden;
}

.loading.active{
  position:absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  justify-content: center;
	align-items: center;
	display: flex;
	animation-name: efeload;
	animation-iteration-count: 1;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	z-index: 90;
	background-color: white;
	
}
@keyframes efeload {
    0%     { opacity: 1; } 
	99% {opacity: 0;}
    100%   { visibility: hidden;opacity: 0; }
}
svg{
	position: absolute;
}
.loading .midline{

	animation: 4.5s linear 1s infinite gifloading;
}


@keyframes gifloading {
    0%   { d: path('m 8 49 L 8 49 L 8 49 L 8 49 L 8 49 L 8 49 L 7 52 L 7 52 L 7 52 L 7 52 L 7 52 L 7 52 z') ;  }  
    16% { d: path('m 8 49 L 41 49 L 41 49 L 41 49 L 41 49 L 41 49 L 44 52 L 44 52 L 44 52 L 44 52 L 44 52 L 7 52 z') ; }
	22% { d: path('m 8 49 L 41 49 L 41 29 L 41 29 L 41 29 L 41 29 L 44 42 L 44 42 L 44 42 L 44 42 L 44 52 L 7 52 z') ; }
	28% { d: path('m 8 49 L 41 49 L 41 29 L 56 59 L 56 59 L 56 59 L 59 71 L 59 71 L 59 71 L 44 42 L 44 52 L 7 52 z') ; }
	34% { d: path('m 8 49 L 41 49 L 41 29 L 56 59 L 56 49 L 56 49 L 59 52 L 59 52 L 59 71 L 44 42 L 44 52 L 7 52 z') ; }
	50% { d: path('m 8 49 L 41 49 L 41 29 L 56 59 L 56 49 L 93 49 L 92 52 L 59 52 L 59 71 L 44 42 L 44 52 L 7 52 z') ; }
	66% { d: path('m 41 49 L 41 49 L 41 29 L 56 59 L 56 49 L 93 49 L 92 52 L 59 52 L 59 71 L 44 42 L 44 52 L 44 52 z') ; }
	72% { d: path('m 41 29 L 41 29 L 41 29 L 56 59 L 56 49 L 93 49 L 92 52 L 59 52 L 59 71 L 44 42 L 44 42 L 44 42 z') ; }
	78% { d: path('m 56 59 L 56 59 L 56 59 L 56 59 L 56 49 L 93 49 L 92 52 L 59 52 L 59 71 L 59 71 L 59 71 L 59 71 z') ; }
	84% { d: path('m 56 49 L 56 49 L 56 49 L 56 49 L 56 49 L 93 49 L 92 52 L 59 52 L 59 52 L 59 52 L 59 52 L 59 52 z') ; }
	100% { d: path('m 93 49 L 93 49 L 93 49 L 93 49 L 93 49 L 93 49 L 92 52 L 92 52 L 92 52 L 92 52 L 92 52 L 92 52 z') ; }
}

/*<path vector-effect="non-scaling-stroke" d="m 8 49 L 38 49 L 38 29 L 59 59 L 59 49 L 93 49 L 92 52 L 62 52 L 62 71 L 41 39 L 41 52 L 7 52 z" fill="#199e81" ></path>*/
