*:focus {
    outline: none!important;
}
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#apputils {
	display: none;
}
::-webkit-scrollbar {
    width: 0px;
}
::placeholder {
  font-family: 'Montserrat Alternates', sans-serif;
  font-size: 14px;
}

.menu_container {
	display: flex;
	width: calc(100% - 10vw);
	height: 30px;
	position: fixed;
	padding: 15px 5vw;
	align-items: center;
	justify-content: space-between;
	z-index: 99999;
}
.menu_container a {
	height: inherit;
}
.menu_container svg {
	height: inherit;
	cursor: pointer;
}

body {
	background: #eeeeee;
	margin: 0;
	padding: 0;
	width: 100vw;
	overflow-x: hidden;
	font-family: 'Montserrat Alternates', sans-serif;
}
#logo {
	transition: fill .2s ease-in-out;
}
#logo.white {
	fill: #eeeeee;
}

.preloader {
	background-color: #753bbc;
	position: fixed;
	top:0;
	z-index: 99999999;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
    align-items: flex-end;
}


.logo_container {
	height: 80vh;
	width: 25vw;
	position: relative;
}

.logo_container .circle {
	border-radius: 50%;
	display: flex;
	justify-content: center;
    align-items: center;
	transition: .2s;
	width: 0%;
	height: 0%;
}

.logo_container > .circle_container {
	width: 25vw;
	height: 25vw;
	display: flex;
	justify-content: center;
    align-items: center;
}

.logo_container > .circle_container > .circle {
	background-color: #eeeeee;
	animation: logo_circle1 4s ease-in-out forwards infinite alternate ;
}

.logo_container > .circle_container > .circle > .circle {
	background-color: #753bbc;
	animation: logo_circle2 4s ease-in-out forwards infinite alternate;
}

.logo_container > .circle_container > .circle > .circle > .circle {
	background-color: #eeeeee;
	animation: logo_circle3 4s ease-in-out forwards infinite alternate;
}

.logo_container > .rectangle {
	background-color: #eeeeee;
	width: 2vw;
	height: 0;
	position: absolute;
	bottom: 0;
	animation: logo_rev 4s ease-in-out forwards infinite  alternate;
}


@keyframes logo_circle1 {
	0% {width: 0%; height: 0%;}
	25% {width: 100%; height: 100%;}
	100% {width: 100%; height: 100%;}
}

@keyframes logo_circle2 {
	0% {width: 0%; height: 0%}
	25% {width: 0%; height: 0%}
	50% {width: 84%; height: 84%}
	100% {width: 84%; height: 84%}
}

@keyframes logo_circle3 {
	0% {width: 0%; height: 0%;}
	50% {width: 0%; height: 0%;}
	75% {width: 20%; height: 20%;}
	100% {width: 20%; height: 20%;}
}

@keyframes logo_rev {
	0% {height:0vh; bottom: calc(80vh - 12vw);}
	25% {height:0vh; bottom: calc(80vh - 12vw);}
	50% {height: calc(80vh - 12vw); bottom: 0;}
	100% {height: calc(80vh - 12vw); bottom: 0;}
}

@media screen and (max-width: 1280px) {
	body {
		overflow-x: hidden;
	}
}