/* LINKS -----------------------------------*/

.link-verde a:hover {

color: #84bd00 !important;

transition: .2s ease !important;



}



/* REMOVE LINHA OUTLINE LINKS -----------------------------------*/

a:hover, a:active, a:focus {

     outline: 0 none !important;

     -moz-outline: 0 none !important;

}

html {

     scroll-behavior: smooth;

}

p{
	font-family: "almaq-rough", sans-serif !important;
	
}








.texto {

	font-family: "almaq-rough", sans-serif !important;

	color: #e4d8b0;

	font-size: 22px;

	line-height: 1;

	

}



.texto-rodape {

	font-family: "almaq-rough", sans-serif !important;

	color: #e4d8b0 !important;

	font-size: 14px;

	line-height: 1;

	text-align: center;

	

}





/* ANIMAÇÃO TYPEWRITE MULTILINE -----------------------------------*/

.type {
	
	text-align: center;

	letter-spacing: 0.7px;

  font-family: "almaq-rough", sans-serif;

font-weight: 400;

font-style: normal;

	color: #0000;

	line-height: 1;

	font-size: 22px;

  background:

    linear-gradient(-90deg,#e4d8b0 5px,#0000 0) 10px 0,

    linear-gradient(#e4d8b0 0 0) 0 0;

  background-size:calc(var(--n)*1ch) 200%;

  -webkit-background-clip:padding-box,text;

  background-clip:padding-box,text;

  background-repeat:no-repeat;

  animation: 

   b .7s infinite steps(1),   

   t calc(var(--n)*.08s) steps(var(--n)) forwards;

}



@keyframes t{

  from {background-size:0 200%}

}

@keyframes b{

  50% {background-position:0 -100%,0 0}

}





#bt-repetir{

	text-decoration: underline !important;

	text-decoration-color: #e4d8b0;

	cursor: pointer;

}



#bt-finalizar{

	text-decoration: underline !important;

	cursor: pointer;

}







#playPauseButton {

  background-color: transparent; /* Blue background */

  color: #e4d8b0; /* White text */

  padding: 10px 20px; /* Top/bottom and left/right padding */

  border: 2px solid #e4d8b0; /* No border */

  font-size: 16px;

  cursor: pointer; /* Pointer cursor on hover */

  transition: background-color 0.3s ease; /* Smooth transition for background color change */

}





/* ANIMATE--------------------------------- */

/* PRELOADER--------------------------------- */

/** Body Overlay **/

body #load {

     display: block;

     height: 100%;

     overflow: hidden;

     position: fixed;

     top: 0;

     left: 0;

     width: 100%;

     z-index: 999999999999;

     opacity: 1;

     background-color: #000;

     visibility: visible;

     -webkit-transition: all .25s ease-out;

     transition: all .25s ease-out;

}

body #load.loader-removed {

     opacity: 0;

     visibility: hidden;

	  -webkit-transition: all .1s ease-out;

     transition: all .1s ease-out;

}



.spinner-loader .load-wrap {

     background-image: url("../img/pre-loader.gif");

     background-position: center center;

     background-repeat: no-repeat;

     text-align: center;

     width: 100%;

     height: 100%;

}







/* FADE ENTRE PÁGINAS--------------------------------- */

html {

    animation: fadeSiteIn 0.2s ease forwards; /* [1] */

}



html.fadeSiteOut {

  animation:  fadeSiteOut 0.2s ease forwards; /* [2] */

}





@keyframes fadeSiteIn { /* [1] */

    from   { opacity: 0; }

    to    { opacity: 1; }

}



@keyframes fadeSiteOut { /* [2] */

    from   { opacity: 1; }

    to     { opacity: 0; }

}









@media only screen and (max-width: 1600px) {



	

	

}



@media only screen and (max-width: 1400px) {





	

	

}



@media only screen and (max-width: 1200px) {



	



}





@media only screen and (max-width: 960px) {



	



}





@media only screen and (max-width: 768px) {





	

}



@media only screen and (max-width: 450px) {



	

}