.scrollsequence-page {
    position: absolute;
    display: block !important;
}

/*********** video seq ********************/

/*#ssq-uid-848-0-826 #text1{ top: 30%; right: 15%; }
#ssq-uid-848-0-826 #text2{ top: 30%; right: 13%;  }
#ssq-uid-848-0-826 #text4{ top: 30%; right: 20%; }
#ssq-uid-848-0-826 #text6{ top: 30%; right: 13%; }*/

#ssq-uid-848-0-826 .anim1_texts{ 
	font-size: var(--wp--preset--font-size--60-px); 
	color: white; 
	line-height: 120%; 
	position: absolute; 
	font-weight: bold;
	width: 36%;
	top: 30%;
	right: 13%;
	max-width: 500px !important;
}


#ssq-uid-848-0-826{
	background-color: black;
	/*margin-top: -2em !important;
	margin-bottom: -2em !important;*/
}

@media only screen and (max-width: 900px) {
	#ssq-uid-848-0-826{
		margin-top: -2em !important;
		margin-bottom: -2em !important;
	}
}


@media (orientation: portrait) {
	#ssq-uid-848-0-826 .anim1_texts{
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		height: 100% !important;
		font-size: 6vw;
		padding: 5%;
		max-width: none;
	}
	
	#ssq-uid-848-0-826 .scrollsequence-page {
		bottom: 0;
		
	}
	
	#ssq-uid-848-0-826 .scrollsequence-sticky{
		--top-value: var(--wp-admin--admin-bar--height, 0px);
		top: calc(var(--top-value) + 64px + 30px) !important;
	}
	
	#ssq-uid-848-0-826 .pin-spacer{
		inset: auto !important;
	}
	
	#ssq-uid-848-0-826 .progress-container {
		top: 0;
	}



	
}

@media (orientation: portrait) and (min-width: 801px) {
	#ssq-uid-848-0-826 .anim1_texts{
		padding: 2% 5%;
		max-width: none !important;
	}
}

@media (orientation: portrait) and (max-width: 600px) {
	#ssq-uid-848-0-826 .anim1_texts{
		font-size: 6vw;
	}
	
	#ssq-uid-848-0-826 .anim1_texts br{
		display: none !important;
	}
}


/*********** product seq ********************/


/*#ssq-uid-848-1-881 #text1{ top: 30%; right: 20%; }
#ssq-uid-848-1-881 #text2{ top: 30%; right: 9%;  }
#ssq-uid-848-1-881 #text3{ top: 20%; right: 10%; }
#ssq-uid-848-1-881 #text4{ top: 35%; right: 8%; }
#ssq-uid-848-1-881 #text7{ top: 35%; right: 16%; }
#ssq-uid-848-1-881 #text8{ top: 35%; right: 5%; }*/

#ssq-uid-848-1-881 .anim2_texts {
    font-size: var(--wp--preset--font-size--60-px);
    color: white;
    line-height: 120%;
    position: absolute;
    font-weight: bold;
	text-shadow: 0 0 2px #0fbbfd, 0 0 2px #c5c5c5;
	width: 35%;
    top: 30% !important;
    right: 10% !important;
	max-width: 500px !important;
}



#ssq-uid-848-1-881{
	/*margin-top: -2em !important;
	margin-bottom: -2em !important;*/
	background-color: black;
}

#ssq-uid-848-1-881 .scrollsequence-pages-wrap{
	background: linear-gradient(180deg, rgba(23,163,251,1) 0%, rgba(6,242,252,1) 100%); 
}

#ssq-uid-848-1-881 .scrollsequence-page{
	z-index: 12;
}

#ssq-uid-848-1-881 canvas {
   z-index: 10;
}


@media only screen and (max-width: 1400px) {
	/*#ssq-uid-848-1-881 #text1{ top: 30%; right: 3%; }
	#ssq-uid-848-1-881 #text2{ top: 30%; right: 3%;  }
	#ssq-uid-848-1-881 #text3{ top: 35%; right: 3%; }
	#ssq-uid-848-1-881 #text4{ top: 35%; right: 3%; }
	#ssq-uid-848-1-881 #text7{ top: 35%; right: 3%; }
	#ssq-uid-848-1-881 #text8{ top: 35%; right: 3%; }*/
}

@media only screen and (max-width: 900px) {
	#ssq-uid-848-1-881{
		margin-top: -2em !important;
		margin-bottom: -2em !important;
	}
}

@media (orientation: portrait) {
	#ssq-uid-848-1-881 .scrollsequence-sticky{
		--top-value: var(--wp-admin--admin-bar--height, 0px);
		top: calc(var(--top-value) + 64px + 30px) !important;
	}
	
	#ssq-uid-848-1-881 .progress-container {
		top: 0;
	}
	
	#ssq-uid-848-1-881 .scrollsequence-pages-wrap{
		background-color: black;
		background: none;
	}
	

	
	#ssq-uid-848-1-881 .anim2_texts {
		text-shadow: none !important;
		max-width: none !important;
		width: 100% !important;
	}
	
	#ssq-uid-848-1-881 .pin-spacer{
		inset: auto !important;
	}
	

}


@media (orientation: portrait) and (max-width: 801px) {
	#ssq-uid-848-1-881 .scrollsequence-page{
		bottom:0 !important;
	}
	
	#ssq-uid-848-1-881 .anim2_texts {
		font-size: 6vw;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		padding: 2% 5% !important; 
		max-width: none !important;
		width: 100% !important;
	}
	
	#ssq-uid-848-1-881 .anim2_texts br{ 
		display: none;
	}
}

@media (orientation: portrait) and (min-width: 801px) {
	#ssq-uid-848-1-881 .anim2_texts{
		max-width: 70% !important;
		right: 0 !important;
		left: 10%;
		text-shadow: 0 0 2px #0fbbfd, 0 0 2px #c5c5c5 !important;
		top: 10% !important;
	}
}

/**************** app animation *********************/


#ssq-uid-848-2-3567 #text1{ top: 30%; left: 5%; }

#ssq-uid-848-2-3567 .anim3_texts { 
    font-size: var(--wp--preset--font-size--60-px);
    color: white;
    line-height: 120%;
    position: absolute;
    font-weight: bold;
	width: 35%;
    top: 30% !important;
    left: 13% !important;
	max-width: 550px !important;
	   
}



#ssq-uid-848-2-3567{
	/*margin-top: -2em !important;
	margin-bottom: -2em !important;*/
	background-color: black;
}

#ssq-uid-848-2-3567 .scrollsequence-pages-wrap{
	background: linear-gradient(180deg, rgb(255 167 1) 8%, rgb(240 86 0) 91%);
}

#ssq-uid-848-2-3567 .scrollsequence-page{
	z-index: 12;
}

#ssq-uid-848-2-3567 canvas {
	z-index: 10;
	left: auto !important;
	right: 3%;
}

#ssq-uid-848-2-3567 #text5{
	top: 25% !important;
}

#ssq-uid-848-2-3567 .scrollsequence-page p{
	line-height: 120% !important;
}

#ssq-uid-848-2-3567 .scrollsequence-page #qr_code {
    margin-bottom: 20px;
}

#ssq-uid-848-2-3567 .scrollsequence-page #qr_code img{
	width: 40%;
}

.applogo .qrcode img{
	width: 150px !important;
}

#ssq-uid-848-2-3567 .scrollsequence-page #app_logos {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    width: 80%;
}

#ssq-uid-848-2-3567 .scrollsequence-page #app_logos > a {
    width: 47.5%;
}

#ssq-uid-848-2-3567 .scrollsequence-page #app_logos img {
    width: 100%;
}


@media only screen and (max-width: 1400px) {
	#ssq-uid-848-2-3567 .anim3_texts {
		font-size: 45px;
		left: 3% !important;
	}
	
	#ssq-uid-848-2-3567 canvas {
		right: -8%;
	}
}


@media only screen and (max-width: 1000px) {
	#ssq-uid-848-2-3567 .anim3_texts {
		font-size: 30px;
	}
	
	#ssq-uid-848-2-3567 canvas {
		right: -12%;
	}
}


@media only screen and (max-width: 900px) {
	#ssq-uid-848-2-3567{
		margin-top: -2em !important;
		margin-bottom: -2em !important;
	}
}

/*@media (orientation: portrait) and (max-width: 600px) {*/
@media (orientation: portrait) {
	#ssq-uid-848-2-3567 .scrollsequence-sticky{
		--top-value: var(--wp-admin--admin-bar--height, 0px);
		top: calc(var(--top-value) + 64px + 30px) !important;
	}
	
	#ssq-uid-848-2-3567 .progress-container {
		top: 0;
	}
	
	#ssq-uid-848-2-3567 .scrollsequence-pages-wrap{
		background-color: black;
		background: none;
	}
	

	
	#ssq-uid-848-2-3567 .pin-spacer{
		inset: auto !important;
	}
	
	#ssq-uid-848-2-3567 canvas {
		right: 0;
	}
	
	#ssq-uid-848-2-3567 .anim3_texts {
		font-size: 6vw;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		padding: 2% 5% !important; 
		max-width: none !important;
		width: 100% !important;
		 text-shadow: 0 0 2px #F67800, 0 0 2px #c5c5c5;
	}
	
	#ssq-uid-848-2-3567 #text5{
		top: 0 !important;
	}
	#ssq-uid-848-2-3567 .scrollsequence-page #app_logos {
		width: 100%;
	}
	
	#ssq-uid-848-2-3567 .scrollsequence-page{
		bottom:0 !important;
	}
	
	#ssq-uid-848-2-3567 .scrollsequence-page #qr_code {
		display: none;
	}
	
}

/**************** installer app animation *********************/


#ssq-uid-5084-0-5151 #text1{ top: 30%; left: 5%; }

#ssq-uid-5084-0-5151 .anim3_texts { 
    font-size: var(--wp--preset--font-size--60-px);
    color: white;
    line-height: 120%;
    position: absolute;
    font-weight: bold;
	width: 35%;
    top: 30% !important;
    left: 13% !important;
	max-width: 550px !important;
	   
}



#ssq-uid-5084-0-5151{
	/*margin-top: -2em !important;
	margin-bottom: -2em !important;*/
	background-color: black;
}

#ssq-uid-5084-0-5151 .scrollsequence-pages-wrap{
	background: linear-gradient(180deg, rgb(0 128 253) 10%, rgb(2 97 225) 85%);
}

#ssq-uid-5084-0-5151 .scrollsequence-page{
	z-index: 12;
}

#ssq-uid-5084-0-5151 canvas { 
	z-index: 10;
	left: auto !important;
	right: 3%;
}

#ssq-uid-5084-0-5151 #text5{
	top: 25% !important;
}

#ssq-uid-5084-0-5151 .scrollsequence-page p{
	line-height: 120% !important;
}

#ssq-uid-5084-0-5151 .scrollsequence-page #qr_code {
    margin-bottom: 20px;
}

#ssq-uid-5084-0-5151 .scrollsequence-page #qr_code img{
	width: 40%;
}

.applogo .qrcode img{
	width: 150px !important;
}

#ssq-uid-5084-0-5151 .scrollsequence-page #app_logos {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    width: 80%;
}

#ssq-uid-5084-0-5151 .scrollsequence-page #app_logos > a {
    width: 47.5%;
}

#ssq-uid-5084-0-5151 .scrollsequence-page #app_logos img {
    width: 100%;
}


@media only screen and (max-width: 1400px) {
	#ssq-uid-5084-0-5151 .anim3_texts {
		font-size: 45px;
		left: 3% !important;
	}
	
	#ssq-uid-5084-0-5151 canvas {
		right: -8%;
	}
}


@media only screen and (max-width: 1000px) {
	#ssq-uid-5084-0-5151 .anim3_texts {
		font-size: 30px;
	}
	
	#ssq-uid-5084-0-5151 canvas {
		right: -12%;
	}
}


@media only screen and (max-width: 900px) {
	#ssq-uid-5084-0-5151{
		margin-top: -2em !important;
		margin-bottom: -2em !important;
	}
}

/*@media (orientation: portrait) and (max-width: 600px) {*/
@media (orientation: portrait) {
	#ssq-uid-5084-0-5151 .scrollsequence-sticky{
		--top-value: var(--wp-admin--admin-bar--height, 0px);
		top: calc(var(--top-value) + 64px + 30px) !important;
	}
	
	#ssq-uid-5084-0-5151 .progress-container {
		top: 0;
	}
	
	#ssq-uid-5084-0-5151 .scrollsequence-pages-wrap{
		background-color: black;
		background: none;
	}
	

	
	#ssq-uid-5084-0-5151 .pin-spacer{
		inset: auto !important;
	}
	
	#ssq-uid-5084-0-5151 canvas {
		right: 0;
	}
	
	#ssq-uid-5084-0-5151 .anim3_texts {
		font-size: 6vw;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		padding: 2% 5% !important; 
		max-width: none !important;
		width: 100% !important;
		 text-shadow: 0 0 2px #0062E1, 0 0 2px #c5c5c5;
	}
	
	#ssq-uid-5084-0-5151 #text5{
		top: 0 !important;
	}
	#ssq-uid-5084-0-5151 .scrollsequence-page #app_logos {
		width: 100%;
	}
	
	#ssq-uid-5084-0-5151 .scrollsequence-page{
		bottom:0 !important;
	}
	
	#ssq-uid-5084-0-5151 .scrollsequence-page #qr_code {
		display: none;
	}
	
}


/******************* nstaller app animation - NORWEGIAN **********************/

#ssq-uid-1684-0-5151 #text1{ top: 30%; left: 5%; }

#ssq-uid-1684-0-5151 .anim3_texts { 
    font-size: var(--wp--preset--font-size--60-px);
    color: white;
    line-height: 120%;
    position: absolute;
    font-weight: bold;
	width: 35%;
    top: 30% !important;
    left: 13% !important;
	max-width: 550px !important;
	   
}



#ssq-uid-1684-0-5151{
	/*margin-top: -2em !important;
	margin-bottom: -2em !important;*/
	background-color: black;
}

#ssq-uid-1684-0-5151 .scrollsequence-pages-wrap{
	background: linear-gradient(180deg, rgb(0 128 253) 10%, rgb(2 97 225) 85%);
}

#ssq-uid-1684-0-5151 .scrollsequence-page{
	z-index: 12;
}

#ssq-uid-1684-0-5151 canvas { 
	z-index: 10;
	left: auto !important;
	right: 3%;
}

#ssq-uid-1684-0-5151 #text5{
	top: 25% !important;
}

#ssq-uid-1684-0-5151 .scrollsequence-page p{
	line-height: 120% !important;
}

#ssq-uid-1684-0-5151 .scrollsequence-page #qr_code {
    margin-bottom: 20px;
}

#ssq-uid-1684-0-5151 .scrollsequence-page #qr_code img{
	width: 40%;
}

.applogo .qrcode img{
	width: 150px !important;
}

#ssq-uid-1684-0-5151 .scrollsequence-page #app_logos {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    width: 80%;
}

#ssq-uid-1684-0-5151 .scrollsequence-page #app_logos > a {
    width: 47.5%;
}

#ssq-uid-1684-0-5151 .scrollsequence-page #app_logos img {
    width: 100%;
}


@media only screen and (max-width: 1400px) {
	#ssq-uid-1684-0-5151 .anim3_texts {
		font-size: 45px;
		left: 3% !important;
	}
	
	#ssq-uid-1684-0-5151 canvas {
		right: -8%;
	}
}


@media only screen and (max-width: 1000px) {
	#ssq-uid-1684-0-5151 .anim3_texts {
		font-size: 30px;
	}
	
	#ssq-uid-1684-0-5151 canvas {
		right: -12%;
	}
}


@media only screen and (max-width: 900px) {
	#ssq-uid-1684-0-5151{
		margin-top: -2em !important;
		margin-bottom: -2em !important;
	}
}

/*@media (orientation: portrait) and (max-width: 600px) {*/
@media (orientation: portrait) {
	#ssq-uid-1684-0-5151 .scrollsequence-sticky{
		--top-value: var(--wp-admin--admin-bar--height, 0px);
		top: calc(var(--top-value) + 64px + 30px) !important;
	}
	
	#ssq-uid-1684-0-5151 .progress-container {
		top: 0;
	}
	
	#ssq-uid-1684-0-5151 .scrollsequence-pages-wrap{
		background-color: black;
		background: none;
	}
	

	
	#ssq-uid-1684-0-5151 .pin-spacer{
		inset: auto !important;
	}
	
	#ssq-uid-1684-0-5151 canvas {
		right: 0;
	}
	
	#ssq-uid-1684-0-5151 .anim3_texts {
		font-size: 6vw;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		padding: 2% 5% !important; 
		max-width: none !important;
		width: 100% !important;
		 text-shadow: 0 0 2px #0062E1, 0 0 2px #c5c5c5;
	}
	
	#ssq-uid-1684-0-5151 #text5{
		top: 0 !important;
	}
	#ssq-uid-1684-0-5151 .scrollsequence-page #app_logos {
		width: 100%;
	}
	
	#ssq-uid-1684-0-5151 .scrollsequence-page{
		bottom:0 !important;
	}
	
	#ssq-uid-1684-0-5151 .scrollsequence-page #qr_code {
		display: none;
	}
	
}








/*************  progress bar ****************/

.progress-container {
	width: 100%;
    height: 5px;
    background: #cccccc2e;
    position: absolute;
	z-index: 10;
	bottom: 0;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 5px;
  background: #69FC46;
  width: 0%;
}

@media (orientation: portrait) {
	.progress-container {
		height: 2px;
	}

	/* The progress bar (scroll indicator) */
	.progress-bar {
	  height: 2px;
	}
}