html{
	width: 100%;
	display: flex;
	flex-flow: column;
	/* justify-content: center; */
	align-items: center;
	overflow-x: hidden !important
}
.display_no{
	display: none;
}
.opp_hint{
	oppacity: 0;
}
.opp_class{
	transition: oppacity .1s;
}
@media (min-width: 1920px){
	body{
		padding-top: 110px;
	}
}
@media (min-width: 1024px) and (max-width: 1919px){
	body{
		padding-top: calc(58.7px + (110 - 58.7) * ((100vw - 1024px) / (1920 - 1024)));
	}
}
body{
	width: 100%;
	margin: 0;
	display: flex;
	flex-flow: column;
	overflow-x: hidden !important;
	/* margin-left: auto; */
	/* margin-right: auto; */
}
.anim-pause{
	 -webkit-opacity: 0;
    -webkit-animation: paused !important;
}

.right_anim{
	 -webkit-opacity: 0;
	 -webkit-animation: right_animation 1s forwards;
	 -webkit-animation-delay: .5s;
}
.oppacity_anim{
	 -webkit-animation: oppacity_anim 1s forwards;
	 -webkit-opacity: 0;
	
}
.left_anim{
	 -webkit-opacity: 0;
	 -webkit-animation: left_anim 1s forwards;
	 -webkit-animation-delay: .3s;
}
@media (min-width: 1920px){
	
}

@keyframes left_anim {
  from {
  	 -webkit-opacity: 0;
  	 -webkit-transform: translateX(-50%);
  }
  to {
  	 -webkit-opacity: 1;
  	 -webkit-transform: translateX(0%);
  }
}
@keyframes oppacity_anim {
  from {
  	 -webkit-opacity: 0;
  }
  to {
  	 -webkit-opacity: 1;
  }
}

@keyframes right_animation {
  from {
  	 -webkit-opacity: 0;
  	 -webkit-transform: translateX(50%);
  }
  to {
  	 -webkit-opacity: 1;
  	 -webkit-transform: translateX(0%);
  }
}