@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);


.demo a {
	position: absolute;
	bottom:-15px;
	left: 50%;
	margin-left: -15px;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #999;
	font : normal 400 20px/1 'Josefin Sans', sans-serif;
	text-decoration:none;
	z-index:2000;

}




#section10 a {
	padding-top: 50px;
}


#section10 a span {
	position: fixed;
	top: 20px;
	
	width: 20px;
	height: 33px;
	background-image: url("botaoscroll.png");
	z-index:10000;
	margin-left:0px;
	opacity:1;
	border-radius: 45px;
	box-sizing: border-box;


}
#section10 a span::before {
	position: absolute;
	top: 0px;
	left: 50%;
	content: '';
	width: 4px;
	height: 10px;
	margin-left: -2px;
	background-color: #000;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
	

	
}



.scrollto{
	color:#fff;
	font-family: 'Playfair Display', serif;
	font-size:13px;
	font-weight:bold;
	width:100px;
	position:absolute;
	text-align:center;
	bottom:10px;
	z-index:1900;
	line-height:12px;
	right:50%;
	left:auto;
	margin-right:-50px;
	margin-left:0;
}
.home.scrollto{
	left:50%;
	right: auto;
	margin-left:-50px;
	margin-right:0;
}
.page-id-12 .scrollto,.page-id-20 .scrollto{
	display:none;
}

@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes fadeOut {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeOut {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeOut {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeOut {
0% { opacity: 0; }
100% { opacity: 1; }
}



 @-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}