/* inter-300 - latin */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local(''), url('/fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local(''), url('/fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local(''), url('/fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



.nav-item {
	padding-right: 10px;
}

.nav-link2 {
	background: #24e890;
	padding-left: 25px !important;
	padding-right: 25px !important;
	border-radius: 5px;
	color: #ffffff
}

	.card {border: 0;}
    .card-body {text-align: center; border-radius: 5px; background:#cccccc}
    .card-text {font-weight: bold}

	.indicators{position:relative; margin:0 auto; min-height:5vh;  }
	.indicators .position{position:absolute; width: 100%; bottom:0;}
	.indicators a{background:#cccccc; width: 15px; height: 15px; border-radius:15px; display: inline-block; text-align: center}

	.indicators a:hover{width: 15px; background:#4655ee; height: 15px; border-radius:15px; display: inline-block; display: inline-block; text-align: center}

	.indicators .active{width: 50px; background:#4655ee; height: 15px; border-radius:15px; display: inline-block; text-align: center}   
	
    .selected {text-align: center; border-radius: 5px; background: #4655ee;}   
	
    .selected1 {color: #ffffff; font-weight: bold}
	
	.progress-bar{position:relative; height:15px; background:#d5fcea; border-radius:3px;}
	.progress-bar .blue{position:absolute; width:5%; height:10px; background:#4655ee; border-radius:3px;}


.mr50 {
	margin-right: 50px !important
}
    /*.emojis*/
	/*.emojis{max-width:200px;}*/
	.emojis a{height:200px; display:block; padding:30px 20px; margin-bottom:20px; border-radius:8px; background:#ffffff; }
	.emojis a:hover{background:#4655ee; color: #ffffff;}
	.focus:focus{background:#4655ee; color:#ffffff;}
	.btnNext {background:#25e891; border:0; padding:10px 60px; border-radius:5px }
    .btnPrev {border:2px solid #ededed; padding:10px 60px; border-radius:5px}


.circulo{
	padding: 10px 15px;
	border-radius: 100px;
	background: #d5fcea;
	margin-right: 15px;
}



.circuloSelecionado {
	padding: 10px 15px;
	border-radius: 100px;
	background: #4655ee;
	margin-right: 15px;
	color: #ffffff
}

.py-80 {
	padding-top: 100px;
	padding-bottom: 80px;
}

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


	.py-80 {
		padding-top: 150px;
	}
}


@media only screen and (max-width: 768px) {
	.indicators {
		min-height: 0;
	}

	.py-80 {
		padding-top: 150px;
	}


}