.top-claim-animated-secondary{
  position: absolute;
  color:#fff;
  width:100%;
}
.claim-animated-secondary{
  position: relative;
  top: -200px;
  left: 0;
  width: 100%;
}




.section-2{
    min-height:300vh;
    overflow:hidden;
}

.logo2{
    margin-top:2px;
}
/*
.active .claim-box{
  position: fixed;
} */

 .active .claim-box-fixed-if-active{
  min-height:100vh;position:fixed;z-index:15;width:100%;justify-content:center;top:0%;
}
.end-active .claim-box-fixed-if-active{
  min-height:100vh;position:absolute;z-index:15;width:100%;top:10%;justify-content:center;
}

.section-1{
  z-index:20;
}



.midnightHeader.white .gs_reveal{
  transform: translate3d(0,0,0) !important;
}

#imageInSVGMobile{
  opacity:0;
}

.midnightHeader.white .midnightInner .claim-inside .light-claim{
  display:none !important;
}



#WORKSHOPVIDEO {
  width: 100%;
}

/**ffmpeg -i older.mp4-qscale:v 2 sequence/WORKSHOP_%04d.jpg */



/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(assets/images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}