/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	
#header_main{
		
	display: block;	
		
	}	
	
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

	#header_main{
		
	display: none;	
		
	}
	
}

/* jon's CSS */

/* active buttons (cursor)---*/

#fp-splash_btn3, #fp-splash_btn2, #fp-splash_btn1, #sof-btn2, #sof-btn1, #fps3_btn1, #fps3_btn2, #gBtns_contents span{
cursor: pointer;
	
}


/* Hide for IE, Edge and Firefox */
html {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


#wp_wrapper, #scroll_wrapper{
width: 100%;
height: auto;
overflow: hidden;	
}

#socket{
opacity: 0;	
	
}

#main .main_color{
background-color: #000;	
	
}

#main .main_color{

-webkit-transition: background-color 600ms ease 0.2s;
-moz-transition: background-color 600ms ease 0.2s;
-o-transition: background-color 600ms ease 0.2s;
transition: background-color 600ms ease 0.2s;		
	
}

#fp_story_wrapper{
display: none;
opacity: 0;
	
}

.fp_cc-margin-animated{

-webkit-transition: margin 950ms ease 0.00s;
-moz-transition: margin 950ms ease 0.00s;
-o-transition: margin 950ms ease 0.00s;
transition: margin 950ms ease 0.00;	
	
}


.fp_story-content-animted-margin{

-webkit-transition: margin 700ms ease 0.01s;
-moz-transition: margin 700ms ease 0.01s;
-o-transition: margin 700ms ease 0.01s;
transition: margin 700ms ease 0.01s;		
	
}



.fps-panel-animate-rotation_1{

-webkit-transition: all 1300ms ease 0.01s;
-moz-transition: all 1300ms ease 0.01s;
-o-transition: all 1300ms ease 0.01s;
transition: all 1300ms ease 0.01s;		
	
}

.fps-panel{
opacity: 0;	
	
}

.alt-scroll-mtop-animated{

-webkit-transition: marginTop 150ms ease 0.01s;
-moz-transition: marginTop 150ms ease 0.01s;
-o-transition: marginTop 150ms ease 0.01s;
transition: marginTop 150ms ease 0.01s;		
	
}

#p0_content-1{

-webkit-transition: marginTop 300ms ease 0.01s;
-moz-transition: marginTop 300ms ease 0.01s;
-o-transition: marginTop 300ms ease 0.01s;
transition: marginTop 300ms ease 0.01s;		
	
}

#story-audio-btns_wrapper{

-webkit-transition: margin-left 500ms ease 0.01s;
-moz-transition: margin-left 500ms ease 0.01s;
-o-transition: margin-left 500ms ease 0.01s;
transition: margin-left 500ms ease 0.01s;		
	
}

.first1, .last{
width: 2.5%;
background-size: contain;
position: absolute;	

opacity: 1;	
	
}

/* --- scrollbar for alt pages --- */
.alt_scroller-wrapper_animate-margin-left{

-webkit-transition: margin-left 1200ms ease 0.01s;
-moz-transition: margin-left 1200ms ease 0.01s;
-o-transition: margin-left 1200ms ease 0.01s;
transition: margin-left 1200ms ease 0.01s;	
 	
}

.altMobTabletHbtns-animated1{
  scroll-behavior: smooth;
}

.contact_clips-cntr_animated-margin{

-webkit-transition: margin 700ms ease 0.01s;
-moz-transition: margin 700ms ease 0.01s;
-o-transition: margin 700ms ease 0.01s;
transition: margin 700ms ease 0.01s;	
	
}