body, div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	font-family:Vigneta;
	margin: 0;
}

@font-face {
    font-family: Vigneta;
    src: url(fonts/Vigneta.otf);
}
@font-face {
    font-family: Stempel;
    src: url(fonts/Stempel.otf);
}

@-moz-document url-prefix() { 
  .hist-1-prince {
     left:8%;
  }
  .hist-3-rosa {
     left:8%;
  }  
}

.imagens-hidden{
	position:absolute;
	top:-110000px
	
}
.imagens-hidden img{
max-width:650px !important;
}

/*Home*/
.cabecalho{
	border-bottom:4px solid #292e79;
	background:#4f63b3;
	position:absolute;
	top:0;
	width:100%;
	height:30px;
}

.container-home{	
	position:absolute;
	top:30px;
	width:100%;
	height:900px;	
  	background:url(images/bg.jpg);
  	-webkit-background-size: 100% 3450px;
  	-moz-background-size: 100% 3450px;
  	-o-background-size: 100% 3450px;
  	background-size: 100% 3450px;
}

.container-home h1{
	width:100%;
	font-size: 5.0em;
	color:#2b2f79;
	text-align:center;
	font-weight:300;
	margin-bottom:0px;
}

#loading h1{
	position:relative;
	top:-25px;
	left:-135px;
	margin-top:0;
	font-size: 1.5em;
	color:#2b2f79;
}

.rosa{
	width:547px;
	height:40px;
	background:url(images/rosa.png) bottom no-repeat;
	margin:0 auto;
}

.prince-home{
	position:absolute;
	bottom:0;
	width:100%;
	height:65%;
	background:url(images/prince-home.png) center no-repeat;
}

.stars-left{
	width:50%;
	position:absolute;
	left:0;
	height:400px;
}

.stars-right{
	position:absolute;
	right:0;
	width:50%;
	height:400px;
}

.paragrafo{
	font-family: Stempel;
	font-size: 1.5em;
	width:670px;
	margin:0 auto;
	text-align:center;
	color:#2e3399;
	letter-spacing: 1px;
}

.paragrafo p{
	margin-bottom:6px;
	line-height: 1.5em !important;
}

.first-letter{
	position:relative;
	line-height: 0.85em !important;
	top:-4px;
	font-family: Vigneta;
	color:#b20f0f;
	font-size: 2.4em;
}

.titulo-home{
	margin-bottom:80px;
	z-index:9999;
}

.titulo-home h1{
	position:relative;
}

.stars-left{

}

.stars-left .star1{
	position:absolute;
	bottom:0;
	left:30px;	
}
.stars-left .star2{
	position:absolute;
	left:170px;
	bottom:120px;	
}
.stars-left .star3{
	position:absolute;
	bottom:180px;	
}
.stars-left .star4{
	position:absolute;
	left:100px;
	bottom:250px;	
}
.stars-left .star5{
	position:absolute;
	left:300px;
	bottom:180px;	
}
.stars-left .star6{
	position:absolute;
	left:450px;
	bottom:160px;		
}
.stars-left .star7{
	position:absolute;
	bottom:350px;
	left:140px;	
}
.stars-left .star8{
	position:absolute;
	bottom:290px;
	left:240px	
}
.stars-left .star9{
	position:absolute;
	bottom:370px;
	left:330px;	
}
.stars-left .star10{
	position:relative;
	/*bottom:280px;*/
	left:460px;	
	top:100px;
}

.stars-right .star1{
	position:absolute;
	bottom:0;
	right:30px;	
}
.stars-right .star2{
	position:absolute;
	right:170px;
	bottom:120px;	
}
.stars-right .star3{
	position:absolute;
	right:0;
	bottom:180px;	
}
.stars-right .star4{
	position:absolute;
	right:100px;
	bottom:250px;	
}
.container-home .stars-right .star5{
	position:absolute;
	left:300px;
	bottom:220px;	
}
.stars-right .star6{
	position:absolute;
	right:370px;
	bottom:160px;		
}
.stars-right .star7{
	position:absolute;
	bottom:350px;
	right:140px;	
}
.stars-right .star8{
	position:absolute;
	bottom:290px;
	right:240px	
}
.stars-right .star9{
	position:absolute;
	bottom:370px;
	right:330px;	
}
.stars-right .star10{
	position:absolute;
	bottom:280px;
	right:460px;	
}

.planeta1{
    -webkit-animation-name: spin;
    -webkit-animation-duration: 7000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 7000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 7000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(360deg);
}

@-moz-keyframes spinReverse {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes spinReverse {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes spinReverse {
    from {transform:rotate(0deg);}
    to {transform:rotate(-360deg);}
}

@keyframes ampliar-sol{
    0% {transform: scale(1.0,1.0);}
    50% {transform: scale(1.3,1.3);}
    100% {transform: scale(1.0,1.0);}	
}

.sol{
    animation-name:ampliar-sol;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.sol{
    -webkit-animation-name: spinReverse;
    -webkit-animation-duration: 25000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinReverse;
    -moz-animation-duration: 25000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinReverse;
    -ms-animation-duration: 25000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(3600deg);
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:1; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:1; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:1; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:1; }
  100% { opacity:1; }
}
.star1, .star2, .star3, .star4, .star5, .star6, .star7, .star8, .star9, .star10, .star11, .star12, .star13, .star14, .star15, .star16, .star17, .star18, .star19, .star20, .hist-11-star {
   -webkit-animation: flickerAnimation 3s infinite;
   -moz-animation: flickerAnimation 3s infinite;
   -o-animation: flickerAnimation 3s infinite;
    animation: flickerAnimation 3s infinite;
}
/* Fim Home*/

/*Container 1*/
.container-hist-1{
	background:url(images/bg-hist-1.jpg) center no-repeat;
	position:absolute;
	top:917px;
	width:100%;
	height:906px;	
}

.container-footer, .container-hist-1, .container-hist-2, .container-hist-3, .container-hist-4, .container-hist-5, .container-hist-6, .container-hist-7, .container-hist-8, .container-hist-9, .container-hist-10, .container-hist-11{
	overflow:hidden !important;
}

.container-hist-1 .stars-left .star1,.container-hist-2 .stars-left .star1,.container-hist-3 .stars-left .star1{
	position:relative;
	top:10px;
	left:10px;	
}

.container-hist-1 .stars-left .star3,.container-hist-2 .stars-left .star3,.container-hist-3 .stars-left .star3{
	position:relative;
	top:100px;
}

.container-hist-1 .stars-left .star4,.container-hist-3 .stars-left .star4{
	position:relative;
	left:400px;
	top:70px;
}

.container-hist-1 .stars-left .star5,  .container-hist-1 .stars-left .star5, .container-hist-3 .stars-left .star5{
	position:relative;
	left:630px;
	top:90px;
}

.container-hist-1 .stars-left .star6, .container-hist-1 .stars-left .star6, .container-hist-3 .stars-left .star6{
	position:relative;
	left:720px;
	top:20px;
}

.container-hist-1 .stars-left .star10, .container-hist-1 .stars-left .star10, .container-hist-3 .stars-left .star10{
	position:relative;
	left:430px;
	top:20px;
}

.container-hist-1 .stars-right .star5, .container-hist-1 .stars-right .star5, .container-hist-3 .stars-right .star5{
	position:absolute;
	right:590px;
	bottom:260px;	
}

.container-hist-1 .stars-right .star10, .container-hist-1 .stars-right .star10, .container-hist-3 .stars-right .star10{
	position:absolute;
	bottom:310px;
	right:520px;
}

.hist-1-wrapper{
	margin:0 auto;
	margin-top:290px;
	padding-top:80px;
	bottom:50px;
	max-width:68%;
	height:65%;	
}

.hist-1-prince{
	position:absolute;	
	top:270px
}

.hist-1-paragrafo{
	float:left;
	margin-right:40px;
	margin-left:410px;
	line-height:40px;
	font-size:24px;
	font-family:Stempel;
	width:530px;
	height:225px;
	padding:40px 70px;
	text-align:center;
	background:url(images/arabesco-hist-1.png) center no-repeat;
	color:#2b2f79;
}
/*Fim Container 1*/

/*Container 2*/
.hist-2-wrapper{
	margin:0 auto;
	margin-top:110px;
	padding-top:210px;
	bottom:50px;
	max-width:65%;
	height:75%;
}

.hist-2-paragrafo{
	line-height:40px;
	font-size:32px;
	font-family:Stempel;
	width:530px;
	height:225px;
	padding:25px 70px;
	text-align:center;
	background:url(images/arabesco-hist-1.png) center no-repeat;
	color:#2b2f79;
	margin-left:620px;
}

.hist-2-prince{
	position:absolute;
	top:200px;
}

.container-hist-2{
	background:url(images/bg-hist-2.jpg) center no-repeat;
	position:absolute;
	top:917px;
	width:100%;
	height:906px;
}
	
.container-hist-2 .stars-left .star4{
	position:relative;
	left:700px;
	top:20px;	
}

.container-hist-2 .stars-left .star8{
	position:relative;
	left:180px;
	top:80px;	
}

.container-hist-2 .stars-left .star9{
	position:relative;
	left:290px;
	top:5px;	
}

.container-hist-2 .stars-left .star2{
	position:absolute;
	left:240px;
	top:190px;
}

.container-hist-2 .stars-left .star5{
	position:relative;
	left:90px;
	top:320px;
}

.container-hist-2 .star11{
	position:relative;
	left:710px;
	top:190px;
}

.container-hist-2 .stars-right .star1{
	position:relative;
	top:120px;
	right:-100px;		
}

.container-hist-2 .star12{
	position:relative;
	left:800px;
	top:70px;
}

.container-hist-2 .star13{
	position:relative;
	left:850px;
	top:180px;
}

.container-hist-2 .star14{
	position:relative;
	left:920px;
	top:80px;
}

.container-hist-2 .star15{
	position:relative;
	left:1000px;
	top:220px;
}

.container-hist-2 .stars-left .star16{
	position:absolute;
	left:280px;
	top:440px;
}

.container-hist-2 .stars-left .star17{
	position:absolute;
	left:200px;
	top:490px;
}

.container-hist-2 .stars-left .star18{
	position:absolute;
	left:230px;
	top:630px;
}

.container-hist-2 .stars-left .star19{
	position:absolute;
	left:310px;
	top:750px;
}
/*Fim Container 2*/

/*Container 3*/
.container-hist-3{
	background:url(images/bg-hist-3.jpg) center no-repeat;
	position:absolute;
	top:917px;
	width:100%;
	height:906px;
	
}

.container-hist-3 .stars-left .star2{
	left:150px;
	bottom:150px;	
}

.container-hist-3 .stars-left .star20{
	position:absolute;
	left:380px;
	bottom:180px;	
}
.container-hist-3 .stars-right .star1{
	position:absolute;
	top:200px;
	right:660px;
}

.container-hist-3 .stars-right .star2{
	position:absolute;
	top:180px;
	right:860px;
}

.container-hist-3 .stars-right .star3{
	position:absolute;
	top:225px;
	right:1050px;
}

.hist-3-wrapper{
	margin:0 auto;
	margin-top:110px;
	padding-top:210px;
	bottom:50px;
	max-width:75%;
	height:75%;
}

.hist-3-paragrafo{
	float:left;
	line-height:40px;
	font-size:26px;
	font-family:Stempel;
	width:650px;
	height:285px;
	padding:55px 60px;
	text-align:center;
	background:url(images/arabesco-hist-3.png) center no-repeat;
	margin-right:60px;
	color:#2b2f79;
	margin-left:430px;
}

.hist-3-rosa{
	position:absolute;
	top:240px;
}

.flores{
	position:absolute;
	bottom:80px;
}

.folhas{
	position:absolute;
	bottom:100px;
}
/*Fim Container 3*/

/*Container 4*/
.container-hist-4{
	background:url(images/bg-hist-4.jpg) center no-repeat;
	position:absolute;
	top:917px;
	width:100%;
	height:906px;
}

.hist-4-wrapper{
	margin:0 auto;
	margin-top:50px;
	padding-top:210px;
	padding-right:430px;
	padding-left:9%;
	bottom:50px;
	max-width:65%;
	max-height:85%;
}

.hist-4-paragrafo{
	margin-right:40px;
	line-height:40px;
	font-size:24px;
	font-family:Stempel;
	width:530px;
	height:225px;
	padding:30px 82px;
	text-align:left;
	background:url(images/arabesco-hist-1.png) center no-repeat;
	color:#2b2f79;

}

.hist-4-prince{
	position:absolute;
	top:50px;
	left:43%;	
}

.sol{
	position:absolute;
	right:1050px;
	top:20px;
}

.planeta1{
	position:absolute;
	top:580px;
	right:750px;
}

.direita{
	float:right;
	padding-right:20px;
}

.container-hist-4 .stars-left .star4{
	left: 80px;
	top:100px;
}

.container-hist-4 .stars-left .star5{
	left: 160px;
	top:200px;
}

.container-hist-4 .stars-left .star6{
	left: 630px;
    top: 60px;	
}

.container-hist-4 .stars-left .star11{
	position:absolute;
	left:190px;
	top:300px;
}

.container-hist-4 .stars-left .star12{
	position:absolute;
	left:10px;
	top:550px;
}

.container-hist-4 .stars-left .star13{
	position:absolute;
	left:240px;
	top:650px;
}

.container-hist-4 .stars-left .star14{
	position:absolute;
	left:40px;
	top:750px;
}

.container-hist-4 .stars-left .star15{
	position:absolute;
	left:570px;
	top:550px;
}

.container-hist-4 .stars-left .star16{
	position:absolute;
	left:570px;
	top:210px;
}

.container-hist-4 .stars-right .star3{
	position:absolute;
	right: 110px;
	top:40px;
}

.container-hist-4 .stars-right .star4{
	position:absolute;
	right: 710px;
	top:40px;
}
.container-hist-4 .stars-right .star7{
	position:absolute;
	right: 510px;
	top:40px;
}

.container-hist-4 .stars-right .star2{
	position:absolute;
	right: 310px;
	top:90px;
}

.container-hist-4 .stars-right .star6{
	position:absolute;
	right: 70px;
	top:230px;
}

.container-hist-4 .stars-right .star5{
	position:absolute;
	right: 70px;
	top:530px;
}

.container-hist-4 .stars-right .star1{
	position:absolute;
	right: 250px;
	top:410px;
}

.container-hist-4 .stars-right .star8{
	position:absolute;
	right: 70px;
	top:770px;
}

.container-hist-4 .stars-right .star9{
	position:absolute;
	right: 290px;
	top:680px;
}
/*Fim container 4*/

/*Container 5*/
.container-hist-5{
	background:url(images/bg-hist-5.jpg) center no-repeat;
	position:absolute;
	top:917px;
	width:100%;
	height:906px;
}

.hist-5-wrapper{
	margin:0 auto;
	margin-top:50px;
	padding-top:210px;
	padding-right:430px;
	bottom:50px;
	max-width:63%;
	height:85%;
}

.hist-5-paragrafo{
	margin-left:380px;
	margin-top:150px;
	line-height:40px;
	font-size:24px;
	font-family:Stempel;
	width:530px;
	height:225px;
	padding:30px 82px;
	text-align:left;
	background:url(images/arabesco-hist-5.png) center no-repeat;
	color:#2b2f79;
}

.hist-5-paragrafo p{
	margin:65px 0 65px 30px;
}

.planet-2{
	position:absolute;
	margin-left: 20%;
	top:40px;
}

.planet-1{
	position:absolute;
	top:330px;
}

.planet-3{
	position:relative;
	left:890px;
	top:-300px;
}

.container-hist-5 .stars-left .star10, .container-hist-6 .stars-left .star10{
	left:70px;
	top:20px;
} 


.container-hist-5 .stars-left .star2, .container-hist-6 .stars-left .star2{
	position:absolute;
	left:690px;
	top:670px;
} 

.container-hist-5 .stars-left .star4, .container-hist-6 .stars-left .star4{
	left:40px;
	top:150px;
} 

.container-hist-5 .stars-left .star3, .container-hist-6 .stars-left .star3{
	left:70px;
	top:300px;
} 

.container-hist-5 .stars-left .star1, .container-hist-6 .stars-left .star1{
	left:230px;
	top:260px;
}

.container-hist-5 .stars-left .star5, .container-hist-6 .stars-left .star5{
	left:470px;
	top:70px;
}

.container-hist-5 .stars-left .star6, .container-hist-6 .stars-left .star6{
	left:300px;
	top:670px;
}  

.container-hist-5 .stars-left .star7, .container-hist-6 .stars-left .star7{
	position:absolute;
	left:160px;
	top:650px;
}    

.container-hist-5 .stars-left .star11, .container-hist-6 .stars-left .star11{
	position:absolute;
	left:70px;
	top:470px;
}  


.container-hist-5 .stars-left .star12, .container-hist-6 .stars-left .star12{
	position:absolute;
	left:50px;
	top:710px;
}

.container-hist-5 .stars-left .star13, .container-hist-6 .stars-left .star13{
	position:absolute;
	left:720px;
	top:40px;
}  

.container-hist-5 .stars-left .star14, .container-hist-6 .stars-left .star14{
	position:absolute;
	left:700px;
	top:240px;
}       

.container-hist-5 .stars-left .star15, .container-hist-6 .stars-left .star15{
	position:absolute;
	left:580px;
	top:140px;
}  

.container-hist-5 .stars-right .star1, .container-hist-6 .stars-right .star1{
	position:absolute;
	right:50px;
	top:190px;
} 

.container-hist-5 .stars-right .star2, .container-hist-6 .stars-right .star2{
	position:absolute;
	right:200px;
	top:90px;
} 

.container-hist-5 .stars-right .star3, .container-hist-6 .stars-right .star3{
	position:absolute;
	right:180px;
	top:640px;
} 

.container-hist-5 .stars-right .star4, .container-hist-6 .stars-right .star4{
	position:absolute;
	right:570px;
	top:40px;
}
  
.container-hist-5 .stars-right .star5, .container-hist-6 .stars-right .star5{
	position:absolute;
	right:220px;
	top:340px;
}

.container-hist-5 .stars-right .star6, .container-hist-6 .stars-right .star6{
	position:absolute;
	right:380px;
	top:40px;
}    

.container-hist-5 .stars-right .star7, .container-hist-6 .stars-right .star7{
	position:absolute;
	right:20px;
}  

.container-hist-5 .stars-right .star8, .container-hist-6 .stars-right .star8{
	position:absolute;
	top:450px;
	right:20px;
}  

.container-hist-5 .stars-right .star9, .container-hist-6 .stars-right .star9{
	position:absolute;
	top:810px;
	right:220px;
}  

.container-hist-5 .stars-right .star10, .container-hist-6 .stars-right .star10{
	position:absolute;
	top:610px;
	right:710px;
}  
/*Fim container 5*/

/*container 6*/
.container-hist-6{
	background:url(images/bg-hist-5.jpg) center no-repeat;
	position:absolute;
	top:917px;
	width:100%;
	height:906px;
}

.hist-6-wrapper{
	margin:0 auto;
	margin-top:50px;
	padding-top:210px;
	padding-right:430px;
	bottom:50px;
	max-width:63%;
	height:85%;
}

.hist-6-paragrafo{
	margin-left:360px;
	margin-top:200px;
	line-height:40px;
	font-size:28px;
	font-family:Stempel;
	width:530px;
	height:225px;
	padding:30px 82px;
	text-align:center;
	background:url(images/arabesco-hist-5.png) center no-repeat;
	color:#2b2f79;
}

.hist-6-paragrafo p{
	margin:50px 0 65px 10px;
}

.hist-6-planet-2{
	position:absolute;
	top:200px;
}

.hist-6-planet-1{
	position:absolute;
	top:50px;
	left:40%;
}
.hist-6-planet-3{
	position:relative;
	left:890px;
	top:-360px;
}

.container-hist-6 .stars-left .star6{
	position:absolute;
	left:850px;
	top:710px
}

.container-hist-6 .stars-left .star7{
	position:absolute;
	left:300px;
	top:400px
}

.container-hist-6 .stars-left .star9{
	position:absolute;
	top:25px
}


.container-hist-6 .stars-right .star3{
	position:absolute;
	top:590px;
	right:130px;
}

.container-hist-6 .stars-right .star5{
	position:absolute;
	top:390px;
	right:130px;
}

.container-hist-6 .stars-right .star10{
	position:absolute;
	top:750px;
	right:720px;
}
/*Fim container 6*/

/*Container 7*/

.container-hist-7{
	background:url(images/bg-hist-7.jpg) center no-repeat;
	position:absolute;
	top:920px;
	width:100%;
	height:906px;
}

.hist-7-paragrafo{
	margin-left:230px;
	margin-top:250px;
	line-height:40px;
	font-size:22px;
	font-family:Stempel;
	width:530px;
	height:225px;
	padding:70px 82px;
	text-align:left;
	background:url(images/arabesco-hist-5.png) center no-repeat;
	color:#2b2f79;
}
.hist-7-wrapper{
	margin:0 auto;
	margin-top:200px;
	bottom:50px;
	max-width:60%;
	height:65%;	
}

.hist-7-prince{
	padding-left:20%;
}

.container-hist-7 .stars-left .star1, .container-hist-8 .stars-left .star1{
	top:50px;
	left:580px;
}

.container-hist-7 .stars-left .star4, .container-hist-8 .stars-left .star4{
	top:140px;
	left:60px;
}

.container-hist-7 .stars-left .star5, .container-hist-8 .stars-left .star5{
	top:140px;
	left:700px;
}

.container-hist-7 .stars-left .star6, .container-hist-8 .stars-left .star6{
	top:65px;
	left:790px;
}

.container-hist-7 .stars-left .star7, .container-hist-8 .stars-left .star7{
	top:40px;
	left:70px;
}

.container-hist-7 .stars-left .star9, .container-hist-8 .stars-left .star9{
	top:30px;
	left:360px;
}


.container-hist-7 .stars-right .star1, .container-hist-8 .stars-right .star1{
	top:140px;
	right:650px;
}

.container-hist-7 .stars-right .star3, .container-hist-8 .stars-right .star3{
	top:20px;
	right:300px;
}

.container-hist-7 .stars-right .star6, .container-hist-8 .stars-right .star6{
	top:45px;
	right:550px;
}

.container-hist-7 .stars-right .star9, .container-hist-8 .stars-right .star9{
	top:110px;
	right:400px;
}


.container-hist-7 .stars-right .star10, .container-hist-8 .stars-right .star10{
	top:60px;
	right:820px;
}
/*Fim Container 7*/

/*Container 8*/
.container-hist-8{
	background:url(images/bg-hist-8.jpg) center no-repeat;
	position:absolute;
	top:920px;
	width:100%;
	height:906px;
}

.hist-8-paragrafo{
	margin-left:250px;
	margin-top:250px;
	line-height:40px;
	font-size:24px;
	font-family:Stempel;
	width:822px;
	height:225px;
	padding:50px 82px;
	text-align:left;
	background:url(images/arabesco-hist-8.png) center no-repeat;
	color:#2b2f79;
}
.hist-8-wrapper{
	margin:0 auto;
	bottom:50px;
	max-width:75%;
	height:70%;
	position:relative;
	bottom:60px;	
}

.hist-8-prince{
	position:relative;
	bottom:30px;
}

.hist-8-fox{
	position:absolute;
	right:320px;
	top:460px;
	opacity:0;
}
/*Fim container 8*/

/*Container 9*/

.container-hist-9{
	background:url(images/bg-hist-8.jpg) center no-repeat;
	position:absolute;
	top:920px;
	width:100%;
	height:906px;
}

.hist-9-paragrafo{
	position:absolute;
	margin-top:180px;
	line-height:40px;
	font-size:24px;
	font-family:Stempel;
	width:465px;
	height:225px;
	padding:25px 60px;
	text-align:left;
	background:url(images/arabesco-hist-1.png) center no-repeat;
	color:#2b2f79;
}
.hist-9-wrapper{
	margin:0 auto;
	margin-top:150px;
	max-width:68%;
	height:70%;
}

.hist-9-prince{
	position:relative;
	left:560px;
	top:-50px;
}

.container-hist-9 .stars-left .star4{
	position:absolute;
	top:140px;
	left:40px;
}

.container-hist-9 .stars-left .star5{
	position:absolute;
	top:50px;
	left:560px;
}

.container-hist-9 .stars-left .star6{
	position:absolute;
	top:90px;
	left:660px;
}

.container-hist-9 .stars-left .star7{
	position:absolute;
	top:90px;
	left:250px;
}

.container-hist-9 .stars-left .star8{
	position:absolute;
	top:110px;
	left:410px;
}

.container-hist-9 .stars-left .star9{
	position:absolute;
	top:50px;
	left:800px;
}

.container-hist-9 .stars-left .star10{
	position:absolute;
	top:40px;
	left:50px;
}

.container-hist-9 .stars-right .star4{
	position:absolute;
	top:40px;
	right:70px;
}

.container-hist-9 .stars-right .star7{
	position:absolute;
	top:120px;
	right:270px;
}

.container-hist-9 .stars-right .star8{
	position:absolute;
	top:50px;
	right:470px;
}

.container-hist-9 .stars-right .star9{
	position:absolute;
	top:40px;
	right:700px;
}

.container-hist-9 .stars-right .star10{
	position:absolute;
	top:90px;
	right:880px;
}
/*Fim container 9*/

/*Container 10*/
.container-hist-10{
	background:url(images/bg-hist-10.jpg) center no-repeat;
	position:absolute;
	top:920px;
	width:100%;
	height:906px;
}

.hist-10-paragrafo{
	position:absolute;
	margin-top:80px;
	line-height:40px;
	font-size:24px;
	font-family:Stempel;
	width:465px;
	height:225px;
	padding:25px 60px;
	text-align:left;
	background:url(images/arabesco-hist-1.png) center no-repeat;
	color:#2b2f79;
}

.hist-10-wrapper{
	margin:0 auto;
	margin-top:150px;
	max-width:65%;
	height:70%;
}

.hist-10-prince{
	position:relative;
	top:65px;
	left:500px;
}

.container-hist-10 .stars-left .star3{
	position:absolute;
	top:20px;
	left:290px;
}

.container-hist-10 .stars-left .star4{
	position:absolute;
	top:140px;
	left:40px;
}

.container-hist-10 .stars-left .star5{
	position:absolute;
	top:50px;
	left:560px;
}

.container-hist-10 .stars-left .star6{
	position:absolute;
	top:90px;
	left:660px;
}

.container-hist-10 .stars-left .star7{
	position:absolute;
	top:90px;
	left:200px;
}

.container-hist-10 .stars-left .star8{
	position:absolute;
	top:110px;
	left:410px;
}

.container-hist-10 .stars-left .star9{
	position:absolute;
	top:50px;
	left:800px;
}

.container-hist-10 .stars-left .star10{
	position:absolute;
	top:40px;
	left:50px;
}

.container-hist-10 .stars-right .star1{
	position:absolute;
	top:150px;
	right:30px;
}

.container-hist-10 .stars-right .star2{
	position:absolute;
	top:140px;
	right:580px;
}

.container-hist-10 .stars-right .star3{
	position:absolute;
	top:40px;
	right:920px;
}

.container-hist-10 .stars-right .star4{
	position:absolute;
	top:40px;
	right:70px;
}

.container-hist-10 .stars-right .star7{
	position:absolute;
	top:120px;
	right:270px;
}

.container-hist-10 .stars-right .star8{
	position:absolute;
	top:50px;
	right:470px;
}

.container-hist-10 .stars-right .star9{
	position:absolute;
	top:40px;
	right:700px;
}

.container-hist-10 .stars-right .star10{
	position:absolute;
	top:100px;
	right:800px;
}
/*Fim container 10*/

/*Container 11*/
.container-hist-11{
	background:url(images/bg-hist-11.jpg) center no-repeat;
	position:absolute;
	top:920px;
	width:100%;
	height:906px;
}

.hist-11-paragrafo{
	position:absolute;
	top:350px;
	margin-left:550px;
	line-height:40px;
	font-size:28px;
	font-family:Stempel;
	width:465px;
	height:225px;
	padding:45px 70px;
	text-align:left;
	background:url(images/arabesco-hist-1.png) center no-repeat;
	color:#2b2f79;
}

.hist-11-wrapper{
	margin:0 auto;
	margin-top:287px;
	max-width:60%;
	height:70%;
}

.hist-11-prince{
	position:relative;
	top:65px;
	
}

.hist-11-star{
	position:relative;
	left:-200px;
	top:-360px;
	
}

.container-hist-11 .stars-left .star3{
	position:absolute;
	top:20px;
	left:290px;
}

.container-hist-11 .stars-left .star4{
	position:absolute;
	top:140px;
	left:40px;
}

.container-hist-11 .stars-left .star5{
	position:absolute;
	top:50px;
	left:560px;
}

.container-hist-11 .stars-left .star6{
	position:absolute;
	top:90px;
	left:660px;
}

.container-hist-11 .stars-left .star7{
	position:absolute;
	top:90px;
	left:200px;
}

.container-hist-11 .stars-left .star8{
	position:absolute;
	top:110px;
	left:410px;
}

.container-hist-11 .stars-left .star9{
	position:absolute;
	top:50px;
	left:800px;
}

.container-hist-11 .stars-left .star10{
	position:absolute;
	top:40px;
	left:50px;
}

.container-hist-11 .stars-right .star1{
	position:absolute;
	top:150px;
	right:30px;
}

.container-hist-11 .stars-right .star2{
	position:absolute;
	top:140px;
	right:580px;
}

.container-hist-11 .stars-right .star3{
	position:absolute;
	top:40px;
	right:920px;
}

.container-hist-11 .stars-right .star4{
	position:absolute;
	top:40px;
	right:70px;
}

.container-hist-11 .stars-right .star7{
	position:absolute;
	top:120px;
	right:270px;
}

.container-hist-11 .stars-right .star8{
	position:absolute;
	top:50px;
	right:470px;
}

.container-hist-11 .stars-right .star9{
	position:absolute;
	top:40px;
	right:700px;
}

.container-hist-11 .stars-right .star10{
	position:absolute;
	top:100px;
	right:800px;
}
/*Fim container 11*/

/*Menu*/

nav{
	margin:none;
	position:relative;
	top:1720px;
}

nav ul{
	width:320px;
	margin:0 auto;
}

nav ul li{
	display:inline-block;
	margin-right:15px;
}

nav ul li img{
	display:inline-block;
}

nav ul li a img{
	opacity:0.9;
}

.item-menu{
	cursor:pointer;
}
/*Fim menu*/

/*Angular animation*/
	div.ng-enter{
		position:absolute;
		-webkit-transition:1s ease all;
		-webkit-transform: translateZ(0);
		transition:1s linear all;
	  	left:100%;
	  	max-width:1px;
	}

	div.ng-enter.ng-enter-active{
		position:absolute;
		left:0;
		max-width:100%;
	}

	div.ng-leave{
		-webkit-transform: translateZ(0);
		-webkit-transition:1s ease all;
		transition:1s linear all;
		right:0;
	}
	
	div.ng-leave.ng-leave-active{
		right:100%;
	}
/*Fim angular animation*/
	
/*Rodapé*/
.container-footer{
	background:url(images/bg-footer.jpg) center no-repeat;
	position:absolute;
	width:100%;
	height:900px;
	top:1813px;
}

.footer-wrapper{
	margin:0 auto;
	margin-top:50px;
	padding-top:210px;
	
	bottom:50px;
	width:70%;
	height:85%;
}

.titulo-footer{
	margin-top:25px;
	height:90px;
	margin:0 auto;
	position:relative;
	width:100%;
	bottom:200px;
	text-align:center;	
}

.titulo-footer a {
	text-decoration:none !important;
	background:url(images/label-footer.png) center no-repeat;
	display:block;
	height:74px;
}

.titulo-footer a .livro{
	position:relative;
	top:6px;
	font-size:40px;
	color:#FFF;
}

.livro-footer{
	float:left;	
	z-index: 99999;
}

.livro-footer img{
	position:relative;
	top:-120px;
}
.footer-paragrafo{
	position:absolute;
	top:80px;
	margin-left:510px;
	margin-top:150px;
	line-height:40px;
	font-size:24px;
	font-family:Stempel;
	max-width:680px;
	height:525px;
	padding:0 0;
	text-align:left;
	color:#000682;
}

.footer-paragrafo h1{
	font-family:Vigneta;
	font-size:56px;
	font-weight:300;
	color:#0e1266;
}

.destaque{
	color:#8d0f10;	
}

.capas{
	font-size:20px;
}

.btn-comprar{
	font-size:30px;
	font-family:Vigneta;
	padding:6px 29px 4px 29px;
	background-color:#c64545;
	color:#FFF;
	text-decoration:none;
}
.container-footer .stars-left .star6{
	position:absolute;
	left:500px;
	top:200px;
}
.container-footer .stars-left .star10{
	left:500px;
	top:50px;
}

.container-footer .stars-left .star11{
	position:absolute;
	left:700px;
	top:60px;
}

.container-footer .stars-left .star12{
	position:absolute;
	left:50px;
	top:500px;
}

.container-footer .stars-left .star13{
	position:absolute;
	left:230px;
	top:390px;
}

.container-footer .stars-left .star14{
	position:absolute;
	left:30px;
	top:620px;
}

.container-footer .stars-left .star15{
	position:absolute;
	left:200px;
	top:620px;
}

.container-footer .stars-left .star16{
	position:absolute;
	left:50px;
	top:700px;
}

.container-footer .stars-left .star17{
	position:absolute;
	left:150px;
	top:780px;
}

.container-footer .stars-left .star18{
	position:absolute;
	left:270px;
	top:810px;
}

.container-footer .stars-right .star1{
	position:absolute;
	right:550px;
	top:200px;
}

.container-footer .stars-right .star2{
	position:absolute;
	right:220px;
	top:200px;
}


.container-footer .stars-right .star4{
	position:absolute;
	right:200px;
	top:100px;
}

.container-footer .stars-right .star5{
	position:absolute;
	right:630px;
	top:30px;
}

.container-footer .stars-right .star7{
	position:absolute;
	right:20px;
	top:30px;
}

.container-footer .stars-right .star8{
	position:absolute;
	right:350px;
	top:90px;
}

.container-footer .stars-right .star9{
	position:absolute;
	right:290px;
	top:30px;
}

.container-footer .stars-right .star10{
	position:absolute;
	right:450px;
	top:20px;
}

.container-footer .stars-right .star11{
	position:absolute;
	right:80px;
	top:270px;
}

.container-footer .stars-right .star12{
	position:absolute;
	right:30px;
	top:350px;
}

.container-footer .stars-right .star13{
	position:absolute;
	right:270px;
	top:360px;
}

.container-footer .stars-right .star14{
	position:absolute;
	right:150px;
	top:420px;
}

.container-footer .stars-right .star15{
	position:absolute;
	right:80px;
	top:510px;
}

.container-footer .stars-right .star16{
	position:absolute;
	right:210px;
	top:550px;
}

.container-footer .stars-right .star17{
	position:absolute;
	right:50px;
	top:790px;
}

.container-footer .stars-right .star18{
	position:absolute;
	right:220px;
	top:740px;
}

.container-footer .stars-right .star19{
	position:absolute;
	right:400px;
	top:640px;
}

.rodape{
	width:100%;
	height:30px;
	border-top:4px solid #292e79;
	background:#4f63b3;
	position:absolute;
	bottom:0;
}

/* Animações*/
@keyframes intro-hist-1 {
    from {top:380px;opacity:0;}
    to {top:270px;opacity:1 !important;}
}

.hist-1-prince {
    animation-name:intro-hist-1 ;
    animation-duration: 3s;
}

@keyframes intro-flores {
    from {top:520px;opacity:0;}
    to {top:386px;opacity:1 !important;}
}

.container-hist-1 .flores {
    animation-name:intro-flores ;
    animation-duration: 3s;
}

@keyframes intro-p-1 {
    from {margin-top:-230px;opacity:0;}
    to {margin-top:0;opacity:1 !important;}
}

.hist-1-paragrafo {
    animation-name:intro-p-1;
    animation-duration: 3s;
}

@keyframes intro-hist-2 {
    from {transform: rotate(60deg);opacity:0;}
    to {transform: rotate(0deg);opacity:1 !important;}	
}

.hist-2-prince {
    animation-name:intro-hist-2;
    animation-duration: 3s;
}

@keyframes intro-p-2 {
    from {margin-top:-230px;opacity:0;}
    to {margin-top:0;opacity:1 !important;}
}

.hist-2-paragrafo {
    animation-name:intro-p-2;
    animation-duration: 3s;
}

@keyframes intro {
    from {top:370px;left:46%;opacity:0;}
    to {top:50px;left:43%;opacity:1 !important;}
}

.hist-4-prince {
    animation-name:intro;
    animation-duration: 3s;
}

.hist-4-wrapper {
    animation-name:introParagrafo;
    animation-duration: 3s;
}

@keyframes introParagrafo {
    from {padding-left:0;opacity:0;}
    to {padding-left:9%;opacity:1 !important;}
}

@keyframes intro-folhas {
    from {transform: scaleY(0.2);transform-origin: 100% 100%;opacity:0;}
    to {transform: scaleY(1);opacity:1 !important;}	
}

.folhas {
    animation-name:intro-folhas;
    animation-duration: 4s;
}

@keyframes intro-p-3 {
    from {margin-top:-230px;opacity:0;}
    to {margin-top:0;opacity:1 !important;}
}

.hist-3-paragrafo {
    animation-name:intro-p-3;
    animation-duration: 3s;
}

@keyframes intro-hist-3 {
    from {margin-left:-250px;opacity:0;}
    to {margin-left:0;opacity:1 !important;}	
}

.hist-3-rosa{
    animation-name:intro-hist-3;
    animation-duration: 3s;
}

@keyframes Flutuar{
    from {transform:translate(0, 0px);}
    65% {transform:translate(0, 50px);}
    to {transform: translate(0, -0px);    }    
}

.planet-1, .planet-3, .hist-6-planet-2, .hist-6-planet-3{
	animation-name: Flutuar;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes Flutuar-inverso{
    from {transform:translate(0, 0px);}
    65% {transform:translate(0, -40px);}
    to {transform: translate(0, -0px);    }    
}

.planet-2, .hist-5-paragrafo, .hist-6-planet-1, .hist-6-paragrafo{
	animation-name: Flutuar-inverso;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

.hist-6-planet-3{
	animation-name: Flutuar-planet-6;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes Flutuar-planet-6{
    from {transform:translate(0, 0px);}
    65% {transform:translate(0, 25px);}
    to {transform: translate(0, -0px);    }    
}

@keyframes intro-p-7 {
    from {margin-left:350px;opacity:0;}
    to {margin-left:230px;opacity:1 !important;}
}

.hist-7-paragrafo {
    animation-name:intro-p-7;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}

@keyframes intro-p-8 {
    from {margin-left:100px;opacity:0;}
    to {margin-left:250px;opacity:1 !important;}
}

.hist-8-paragrafo {
    animation-name:intro-p-8;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

@keyframes intro-p-9 {
    from {margin-left:-150px;opacity:0;}
    to {margin-left:0;opacity:1 !important;}
}

.hist-9-paragrafo {
    animation-name:intro-p-9;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

@keyframes intro-prince-9 {
    from {margin-left:100px;opacity:0;}
    to {margin-left:0;opacity:1 !important;}
}

.hist-9-prince {
    animation-name:intro-prince-9;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

@keyframes intro-p-10 {
    from {margin-left:-150px;opacity:0;}
    to {margin-left:0;opacity:1 !important;}
}

.hist-10-paragrafo {
    animation-name:intro-p-10;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

@keyframes intro-prince-10 {
    from {margin-left:300px;opacity:0;}
    to {margin-left:0;opacity:1 !important;}
}

.hist-10-prince {
    animation-name:intro-prince-10;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

@keyframes intro-p-11 {
    from {margin-left:750px;opacity:0;}
    to {margin-left:550px;opacity:1 !important;}
}

.hist-11-paragrafo {
    animation-name:intro-p-11;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

@keyframes intro-hist-11-star {
    from {top:-500px;opacity:0;transform: rotate(0deg); }
    to {top:-360px;opacity:1 !important;transition: rotate(360deg);}
}

.hist-11-star {
    animation-name:intro-hist-11-star;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

@keyframes Flutuar-prince{
    from {transform:translate(0, 0px);}
    65% {transform:translate(0, 15px);}
    to {transform: translate(0, -0px);}    
}

.iniciar{
	position:absolute;
	z-index: 99999;
	cursor:pointer;
	margin-top:40px;
	margin-left:300px;
}

@keyframes brilharStar1 {
    0% {
		opacity:1;
    }
    5% {
		opacity:0;
    }
    10% {
		opacity:1;
    }
}

@keyframes brilharStar2-2 {
    2% {
		opacity:1;
    }
    7% {
		opacity:0;
    }
    12% {
		opacity:1;
    }
}

@keyframes brilharStar15Left {
    10% {
		opacity:1;
    }
    15% {
		opacity:0;
    }
    20% {
		opacity:1;
    }
}

@keyframes brilharStar3-3 {
    12% {
		opacity:1;
    }
    17% {
		opacity:0;
    }
    22% {
		opacity:1;
    }
}

@keyframes brilharStar10Left {
    20% {
		opacity:1;
    }
    25% {
		opacity:0;
    }
    30% {
		opacity:1;
    }
}

@keyframes brilharStar6 {
    22% {
		opacity:1;
    }
    27% {
		opacity:0;
    }
    32% {
		opacity:1;
    }
}

@keyframes brilharStar9 {
    32% {
		opacity:1;
    }
    37% {
		opacity:0;
    }
    42% {
		opacity:1;
    }
}

@keyframes brilharStar12 {
    42% {
		opacity:1;
    }
    47% {
		opacity:0;
    }
    52% {
		opacity:1;
    }
}

@keyframes brilharStar11 {
    50% {
		opacity:1;
    }
    55% {
		opacity:0;
    }
    60% {
		opacity:1;
  	}
}

@keyframes brilharStar17 {
    52% {
		opacity:1;
    }
    57% {
		opacity:0;
    }
    62% {
		opacity:1;
    }
}

@keyframes brilharStar7 {
    30% {
		opacity:1;
    }
    35% {
		opacity:0;
    }
    40% {
		opacity:1;
    }
}

@keyframes brilharStar5 {
    50% {
		opacity:1;
    }
    55% {
		opacity:0;
    }
    60% {
		opacity:1;
    }
}

@keyframes brilharStar7Left {
    60% {
		opacity:1;
    }
    65% {
		opacity:0;
    }
    70% {
		opacity:1;
    }
}

@keyframes brilharStar13Left {
    70% {
		opacity:1;
    }
    75% {
		opacity:0;
    }
    80% {
		opacity:1;
    }
}

@keyframes brilharStar8Left {
    80% {
		opacity:1;
    }
    85% {
		opacity:0;
    }
    90% {
		opacity:1;
    }
}

@keyframes brilharStar18 {
    82% {
		opacity:1;
    }
    87% {
		opacity:0;
    }
    92% {
		opacity:1;
    }
}

@keyframes brilharStar16Left {
    90% {
		opacity:1;
    }
    95% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}

@keyframes brilharStar19 {
    85% {
		opacity:1;
    }
    90% {
		opacity:0;
    }
    92% {
		opacity:1;
    }
}

.stars-left .star1, .stars-right .star1 {
    animation-name:brilharStar1;
    animation-duration: 30s;
    animation-iteration-count: infinite;	
}

.stars-left .star2, .stars-right .star2 {
    animation-name:brilharStar2-2;
    animation-duration: 30s;
    animation-iteration-count: infinite;	
}

.stars-left .star3, .stars-right .star3 {
    animation-name:brilharStar3-3;
    animation-duration: 30s;
    animation-iteration-count: infinite;	
}

.stars-left .star4, .stars-right .star4 {
    animation-name:brilharStar4;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star5, .stars-right .star5 {
    animation-name:brilharStar5;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star6, .stars-right .star6 {
    animation-name:brilharStar6;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star7, .stars-right .star7 {
    animation-name:brilharStar7Left;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star8, .stars-right .star8 {
    animation-name:brilharStar8Left;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star9, .stars-right .star9{
    animation-name:brilharStar9;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star10, .stars-right .star10{
    animation-name:brilharStar10Left;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star11, .stars-right .star11{
    animation-name:brilharStar11;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star12, .stars-right .star12{
    animation-name:brilharStar12;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star13, .stars-right .star13 {
    animation-name:brilharStar13Left;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star15, .stars-right .star15{
    animation-name:brilharStar15Left;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star16, .stars-right .star16{
    animation-name:brilharStar16Left;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star17, .stars-right .star17{
    animation-name:brilharStar17;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star18, .stars-right .star18{
    animation-name:brilharStar18;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.stars-left .star19, .stars-right .star19{
    animation-name:brilharStar19;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg) translateX(0) ; }
    to   { -moz-transform: rotate(360deg) translateX(0) ; }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg) translateX(0) ; }
    to   { -webkit-transform: rotate(360deg) translateX(0) ; }
}

@keyframes spin {
    from { transform: rotate(0deg) translateX(0) ; }
    to   { transform: rotate(360deg) translateX(0) ; }
}

@keyframes setaIniciar {
	0%{margin-top:40px}
	50%{margin-top:60px}
	100%{margin-top:40px}
}

.iniciar img{
    animation-name:setaIniciar;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes foxMoves {
	0%{right:-30%;top:380px;opacity:1;}
	50%{right:10%;top:400px;opacity:1;}
	100%{right:30%;top:460px;opacity:1;}
}

.hist-8-fox {
    animation-name:foxMoves;
    animation-duration: 6s;
    animation-iteration-count: 1;
    animation-delay:2s;
    animation-fill-mode: forwards;
}

.hist-8-fox{
	position:absolute;
	opacity:0;
	right:320px;
	top:460px;
}

/*Preloader*/
/*
/*Planetas preloader*/
#loading-center-absoluteL {
	position: absolute;
	left: 48%;
	top: 100%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
	-ms-transform: rotate(45deg); 
   	-webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
}

.objectL{
	width: 20px;
	height: 20px;
	margin-right: 110px;
	float: left;
	margin-bottom: 110px;
}

.objectL:nth-child(2n+0) {
	margin-right: 0px;
}

.objectL img{
	position:relative;
	top:-15px;
	left:-15px;
}

#object_oneL {
	-webkit-animation: object_oneL 5s infinite;
	animation: object_oneL 5s infinite;
}

#object_twoL {
	-webkit-animation: object_twoL 5s infinite;
	animation: object_twoL 5s infinite;
}

#object_threeL {
	-webkit-animation: object_threeL 5s infinite;
	animation: object_threeL 5s infinite;
}

#object_fourL {
	-webkit-animation: object_fourL 5s infinite;
	animation: object_fourL 5s infinite;
}

#object_bigL{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 35px;
	top: 35px;
}	

@-webkit-keyframes object_oneL {
  25% { -webkit-transform: translate(150px,0) rotate(-90deg) ; }
  50% { -webkit-transform: translate(150px,150px) rotate(-180deg); }
  75% { -webkit-transform:  translate(0,150px) rotate(-270deg) ; }
  100% { -webkit-transform: rotate(-360deg); }
}

@keyframes object_oneL {
  25% { 
    transform: translate(130px,0) rotate(-90deg) ;
    -webkit-transform: translate(130px,0) rotate(-90deg) ;
  } 
  50% { 
    transform: translate(130px,130px) rotate(-180deg);
    -webkit-transform: translate(130px,130px) rotate(-180deg);
  } 
  75% { 
    transform: translate(0,130px) rotate(-270deg) ;
    -webkit-transform: translate(0,130px) rotate(-270deg) ;
  } 
  100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@-webkit-keyframes object_twoL {
  25% { -webkit-transform: translate(0,130px) rotate(-90deg) ; }
  50% { -webkit-transform: translate(-130px,130px) rotate(-180deg); }
  75% { -webkit-transform:  translate(-130px,0) rotate(-270deg) ; }
  100% { -webkit-transform: rotate(-360deg); }
}

@keyframes object_twoL {
  25% { 
    transform: translate(0,130px) rotate(-90deg) ; 
    -webkit-transform: translate(0,130px) rotate(-90deg) ; 
  } 
  50% { 
    transform: translate(-130px,130px) rotate(-180deg);
    -webkit-transform: translate(-130px,130px) rotate(-180deg);
  } 
  75% { 
    transform: translate(-130px,0) rotate(-270deg) ;
    -webkit-transform: translate(-130px,0) rotate(-270deg) ;
  } 
  100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@-webkit-keyframes object_threeL {
  25% { -webkit-transform: translate(0,-130px)  rotate(-90deg) ; }
  50% { -webkit-transform: translate(130px,-130px) rotate(-180deg); }
  75% { -webkit-transform:  translate(130px,0) rotate(-270deg) ; }
  100% { -webkit-transform: rotate(-360deg); }
}

@keyframes object_threeL {
  25% { 
    transform: translate(0,-130px)  rotate(-90deg) ;
    -webkit-transform: translate(0,-130px)  rotate(-90deg) ;
  } 
  50% { 
    transform: translate(130px,-130px) rotate(-180deg);
    -webkit-transform: translate(130px,-130px) rotate(-180deg);
  } 
  75% { 
    transform:  translate(130px,0) rotate(-270deg) ;
    -webkit-transform: translate(130px,0) rotate(-270deg) ;
  } 
  100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@-webkit-keyframes object_fourL {
  25% { -webkit-transform: translate(-130px,0)  rotate(-90deg) ; }
  50% { -webkit-transform: translate(-130px,-130px) rotate(-180deg); }
  75% { -webkit-transform:  translate(0,-130px) rotate(-270deg) ; }
  100% { -webkit-transform: rotate(-360deg); }
}

@keyframes object_fourL {
  25% { 
    transform: translate(-130px,0)  rotate(-90deg) ; 
    -webkit-transform: translate(-130px,0)  rotate(-90deg) ; 
  } 
  50% { 
    transform: translate(-130px,-130px) rotate(-180deg);
    -webkit-transform: translate(-130px,-130px) rotate(-180deg);
  } 
  75% { 
    transform: translate(0,-130px) rotate(-270deg) ;
    -webkit-transform: translate(0,-130px) rotate(-270deg) ;
  } 
  100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/*bolinhas*/
#loading{
	height: 50px;
	width: 140px;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 69%;
	left: 52%;
}

#loading-center-absolute {
	height: 20px;
	width: 100px;
	margin-top: -10px;
	margin-left: -50px;
}

.object{
	width: 3px;
	height: 3px;
	background-color: #0e1266;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 5px;
	margin-bottom: 20px;
	position: absolute;	
}

#object_one{
	-webkit-animation: object 2s linear infinite;
	 animation: object 2s linear infinite;
	 }
#object_two{ 
	-webkit-animation: object 2s linear infinite -.4s;
	animation: object 2s linear infinite -.4s;
	 }
#object_three{ 
	-webkit-animation: object 2s linear infinite -.8s; 
	animation: object 2s linear infinite -.8s; 
	}
#object_four{ 
	-webkit-animation: object 2s linear infinite -1.2s;
	animation: object 2s linear infinite -1.2s; 
	} 
#object_five{ 
	-webkit-animation: object 2s linear infinite -1.6s; 
	animation: object 2s linear infinite -1.6s; 
	}

@keyframes object{
  0% { left: 30px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -14px; width: 3px; height: 3px;}
  90% { width: 8px; height: 3px; }
  95% { left: 30px; top: -14px; width: 3px; height: 3px;}
  100% { left: 30px; top:0; }
}	



@-moz-document url-prefix() {
	
}