@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@200;300;400;500;600;700;800;900&display=swap');

html, body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 100%;
	max-width: 100% !important;
	height: 100%;

	font-family:  'Source Sans 3','Spline Sans', 'Syncopate';
}

html {

	scroll-behavior: smooth;
}

.modal.fade .modal-dialog{
    transform: translate(20%,0) !important;
  }

.modal.show .modal-dialog{
	transform: translate(0%, 0) !important;
}



.btn,
.btn:hover{
	animation-duration: 5s !important;
}

/*
button{
	animation-duration: 2s;
	animation-name: slidein;
}
*/

  @keyframes slidein {
	from {
		filter:alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		-webkit-opacity:0;
	}
  
	to {
		filter:alpha(opacity=100);
		opacity: 1;
		-moz-opacity:1;
		-webkit-opacity:1;
	}
  }



[data-anime]{
	opacity:0;
	transition: .5s;
}
[data-anime="left"]{
	transform: translate3d(-50px, 0, 0);
}
[data-anime="right"]{
	transform: translate3d(50px, 0, 0);
}
[data-anime="top"]{
	transform: translate3d(0, -50px, 0);
}
[data-anime="bottom"]{
	transform: translate3d(0, 50px, 0);
}
[data-anime].animate{
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}




/* Efeito hover nos links
**/

a.fancy-underline {
	text-decoration: none;
	display: inline-block;
	color: #ffffff;
	outline: 0;
  }
  
  a.fancy-underline span {
	position: relative;
	padding-bottom: 2px;
    display: inline-table;
  }
  
  a.fancy-underline span::before {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #061D47;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
  }
  
  a.fancy-underline:hover span::before {
	transform: scaleX(1);
	transform-origin: bottom center;
	
	color: #ffffff !important;
  }
  
  a:focus:not(:focus-visible) {
	outline: 0;
  }
  
  a:focus-visible {
	outline: 2px solid #061D47;
	outline-offset: 2px;
  }