body.loading
{
    overflow: hidden;
}


.rotate {
	animation: rotation 8s infinite linear;
  }
  
  @keyframes rotation {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(359deg);
	}
  }


.loader
{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1031;
	background-color: #EAEEEF;
	opacity: 1;
	
	top: 0;
	left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.loader .icon 
{

	width: 100px;
	display: block;
	height: 200px;
	background-image: url(../img/logo/laterra-logo-dark-2x.png);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin: 0 auto;

}

.loading_logo
{
    width: 240px;
}


.rotate {
	animation: rotation 2s infinite linear;
  }
  
  @keyframes rotation {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(359deg);
	}
  }