Page History

<div id="loading-container" style="display:none;">
      <div class="loader"> </div>
</div>
<style>
#loading-container {
	position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
	flex-direction: column;
    z-index: 10;
    background: white;
 }
.loader {
  border: 7px solid #ffffff;
  border-top: 7px solid var(--primary-color);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 580px){

.field-group input{
		padding: 0 10px!important;
	}

#main-content .field-group.compact-form-buttons{
	margin: 30px 0!important;
}

.description-container{
    padding: 20px 0!important;
}

#checkbox{
    margin-right: 20px!important;
}

div.formContainer{
    width: 100%!important;
}
.description-container{
    padding: 0 20px!important;
}

form[name='signupform']{
    padding: 0!important;
    width: 100%!important;
}

.field-group{
    width: 100%!important;
	margin: 10px 0!important;
}

div.bigImageContainer{
    display: none!important;
}

}


.checkbox,.conditions{
	height: fit-content!important;
}

.conditions{
	margin: 10px 0!important;
}
</style>

<script>
if(isJapaneseUser && !isJapaneseVersion){
$("#loading-container").show();
}
if(window.location.href.toLowerCase().includes("lang=ja") && !isJapaneseVersion){
$("#loading-container").show();
}
</script>