@font-face {
	font-family: 'icomoon';
  src:  url('../files/scrollpage_icons/icomoon.eot?8zq521');
  src:  url('../files/scrollpage_icons/icomoon.eot?8zq521#iefix') format('embedded-opentype'),
    url('../files/scrollpage_icons/icomoon.woff2?8zq521') format('woff2'),
    url('../files/scrollpage_icons/icomoon.ttf?8zq521') format('truetype'),
    url('../files/scrollpage_icons/icomoon.woff?8zq521') format('woff'),
    url('../files/scrollpage_icons/icomoon.svg?8zq521#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="sp-icon-"], [class*=" sp-icon-"] {
	color: #999999;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.sp-icon-chevron-rounded:before{content: "\e600"; }
.sp-icon-chevron-rounded-thick:before{content: "\e601"; }
.sp-icon-chevron-thin:before{content: "\e602"; }
.sp-icon-chevron-thick:before{content: "\e603"; }
.sp-icon-arrow:before{content: "\e604"; }
.sp-icon-arrow-thin:before{content: "\e605"; }
.sp-icon-arrow-thick:before{content: "\e606"; }
.sp-icon-round-1:before{content: "\e607"; }
.sp-icon-round-2:before{content: "\e608"; }
.sp-icon-round-3:before{content: "\e609"; }
.sp-icon-round-4:before{content: "\e60a"; }

#ncd-sp-arrow {
	display: inline-block;
	line-height: 0;
	z-index: 1000000;
	padding: 0;
	background: #FFFFFF;
	border-radius: 100px;
	border-width: 0;
	border-style: solid;
	
	
	text-shadow: 0 0 3px rgba(0,0,0,0.2);
	opacity: 0;
	border-color: #FFFFFF;
}
#ncd-sp-arrow i {font-size: 40px;}
#ncd-sp-arrow.show i {cursor: pointer;}


#ncd-sp-arrow {
	position: fixed;
	opacity: 0;
	margin: 30px;
	-webkit-transition: opacity 150ms, -webkit-transform 150ms;
	transition: opacity 150ms, transform 150ms;
	
	-webkit-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
					transform: translateY(-30px);}

#ncd-sp-arrow.show.down-amount, 
#ncd-sp-arrow.show.down-container{
-webkit-transition: opacity 750ms 1s, -webkit-transform 750ms 1s;
	transition: opacity 750ms 1s, transform 750ms 1s;
	
}

#ncd-sp-arrow .rotateThis{
	-webkit-transition: -webkit-transform 700ms;
					transition: transform 700ms;
}

#ncd-sp-arrow.show.down-amount .rotateThis, 
#ncd-sp-arrow.show.down-container .rotateThis{
	position: relative;
	-webkit-transform: rotate(-180deg);
					transform: rotate(-180deg);}
#ncd-sp-arrow.down-amount .rotateThis, 
#ncd-sp-arrow.down-container .rotateThis{
	position: relative;
	-webkit-transform: rotate(0);
					transform: rotate(0);
}

#ncd-sp-arrow.show {
	opacity: 1; 
	-webkit-transform: rotateY(0) translateX(0) translateY(0) translateZ(100px) scale(1);
					transform: rotateY(0) translateX(0) translateY(0) translateZ(100px) scale(1);}

#ncd-sp-arrow.tl{top: 0;left: 0; }
#ncd-sp-arrow.tc{top: 0;left: 50%; }
#ncd-sp-arrow.tr{top: 0;right: 0; }
#ncd-sp-arrow.bl{bottom: 0;left: 0; }
#ncd-sp-arrow.bc{bottom: 0;left: 50%; }
#ncd-sp-arrow.br{bottom: 0;right: 0; }

@media screen and (max-width: 400px) {
	#ncd-sp-arrow{
		display: none;
	}
}