@import url("../fontawesome/css/font-awesome.min.css");


@font-face { font-family: Circular; src: url('../fonts/circular-std-font-family/CircularStd-Bold.woff'); font-weight: 600; }
@font-face { font-family: Circular; src: url('../fonts/circular-std-font-family/CircularStd-Medium.woff'); font-weight: 500; }
@font-face { font-family: Circular; src: url('../fonts/circular-std-font-family/CircularStd-Book.woff'); font-weight: 400; }
@font-face { font-family: Circular; src: url('../fonts/circular-std-font-family/CircularStd-Book.woff'); font-weight: 300; }


b { font-weight: 500; }
strong { font-weight: 600; }

a { color: #444; font-weight: 500 }
a:hover { color: #444; font-weight: 500 }
a:active { color: #444; font-weight: 500 }

* {  -webkit-font-smoothing: antialiased !important; }
*:focus {
    outline: none !important;
}

.botao { 

	width: 80%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	background: #1dd1a1;
	border-radius: 5px;

}


input::-webkit-contacts-auto-fill-button {
	visibility: hidden;
}

input::placeholder {
	color: #c9c9c9;
	font-weight: 200 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


hr { border: 1px solid #EEEFF3; }


body {
	
	font-family: 'Circular', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
}


input {
	width: 80%;
	height: 45px;
	padding: 0px 10px;
	background: #fff;
	display: inline-block;
	border-radius: 5px;
	border: 0px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: 200 !important;
}

input:focus { 
	outline: none !important; 
	outline-width: 0; 
}


.destaque2 { 

	background: linear-gradient(270deg, #a161e8, #E5B538, #8980f4, #91E56D, #746af2) !important;
	background-size: 600% 600% !important;
	-webkit-animation: animacao 5s ease infinite;
	-moz-animation: animacao 5s ease infinite;
	animation: animacao 5s ease infinite;
}

@-webkit-keyframes animacao {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes animacao {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes animacao { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}