/*Tamanho e Peso de letras*/

.f-50{ font-size: 50px; }

.f-30{ font-size: 30px; }

.f-22{ font-size: 22px; }

.f-17{ font-size: 17px; }

.f-15{ font-size: 15px; }

.f-10{ font-size: 10px; }

.bold{ font-weight: bold; }

.fw-400{ font-weight: 400;}
/*Global*/

html{
	font-family: 'Baloo Chettan 2', cursive;
	scroll-behavior: smooth;
	overflow-x: hidden;
}
li{
	list-style: none;
}
a:hover{
	text-decoration: none;
}
 
 .status{
	display: none;
}

.status.active{
	display: block;
}

 /*Fim Global*/


/*BANNER */

.banner{
	background-image: url(/assets/imagens/banner.png);
	background-size: cover;
}

.social{
	margin-left: -44%;
	margin-top: -35%;
	transition: .3s;
}

/*.social:hover{
	
    margin-left: -36%;
}*/

@media screen and (min-width: 1900px){
/*	.social{
		margin-left: -36%;
	}*/
}
@media screen and (max-width: 1900px){

	.banner{
		height: 630px;
	}

	.mt-lg-10{
		margin-top: 10%;
	}

	.w-lg-50{
		width: 50%;
	}

	.w-lg-100{
		width: 100%
	}

	.f-30{
		font-size: 20px;
	}

	.ml-lg-20{
		margin-left: 15%;
	}

	.w-100{
		width: 100%;
	}

	
/*	.banner .mt-10{
		margin-top: 0;
	}
*/}

@media screen and (max-width: 991px) {
    .banner {
        height: 500px;    
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.ml-lg-20{
		margin-left: -2%;
	}

/*	.social{
		margin-left: -6%;
	}*/
}


@media screen and (max-width: 576px){
	.barra-social{
		background-color: #EC6608;
		position: sticky;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2013;
		width: 100%;
	}

	.barra-social img{
		width: 20%
	}

	.pl-25{
		padding-left: 25%;
	}

	.nav-sticky{
		position: sticky;
		z-index: 192;
		top: 0;

	}
}

@media screen and (max-width: 375px){
	.banner{
		background-image: url(/assets/imagens/bg-banner-mobile.png);
		height: 560px;
	}

	.w-90{
		width: 90%;
	}
	.w-80{
		width: 80%;
	}

	.banner .mt-30{
		margin-top: 30%;
	}
	.navbar-light .navbar-toggler{
		border-color: transparent;
	}

	

	.gray-shadow{
		background-color: rgba(239, 239, 239, 0.8);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
	}

	
	
}
/*FIM BANNER*/

/*Quem Somos */ 
.quem-somos a:hover{
	
	color: #EC6608;
}

.nav-link:hover{
	background-color: #575756;
}

.mt-20{
	margin-top: 20%;
}

.mt-10{
	margin-top: 10%;
}

.mbt-5{
	margin-bottom: 5%;
}

.ml-20{
	margin-left: 20%;
}
.nav-fundo{
	background-color: #EC6608;
}

.w-90{
	width: 90%;
}
.w-70{
	width: 70%;
}

.w-60{
	width: 60%;
}

.laranja{
	color: #EC6608;
}

.cinza{
	color: #575756;
}

.quem-somos{
	background-image: url(/assets/imagens/gradinha.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

}

.pessoa{
	width: 100%;
	box-shadow: -28px 35px 11px -30px rgba(0,0,0,0.2);
	position: relative;
	border-radius: 50%;
	border: 8px solid white;
}

.ponto-laranja{
	position: absolute;
	top: 36%;
	left: 88%;
}

.ponto-laranja-2{
	left: 1%;
}

@media screen and (max-width: 576px){
	.quem-somos{
		background-image: url(/assets/imagens/qs-mb.png);
	}

	.w-200{
		width: 200%;
	}

	.pessoa{
		width: auto;
	}

}

@media screen and (min-width: 768px) and (max-width: 992px){
	.ml-20{
		margin-left: -2%;
	}
}


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

	.pessoa{
		width: 80%;
	}

	.f-45{
		font-size: 45px;
	}

	

	.pt-10{
		padding-top: 10%;
	}

	.pb-20{
		padding-bottom: 20%;
	}

	/*.bt-mb{
		margin-left: 180%;
		margin-top: -55%
	}*/

	.bt-mb.collapsed{
		margin-left: 0;
		margin-top: 0;
	}
}
/*Fim Quem Somos*/

/*Parceiro*/
.parceiro{
	/* background-image: url("assets/imagens/bg-odontodata-oralunic-desktop-1920x572px.png"); */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.parc-logo{
	max-width: 100%;
	width: 350px;
}
.parc-ico{
	width: 53px;
	text-align: center;
}
.text-cian{
	color:#00AEAF;
}
.botao-cian{
	background-color: #00AEAF;
	color: white;
	border-radius: 6px;
}

@media screen and (max-width: 576px){
	.parceiro{
		/* background-image: url("assets/imagens/bg-odontodata-oralunic-mobile-1080x1485px.png"); */
	}
	.parc-logo{
		width: 250px;
	}
}
/*Fim Parceiro*/

/* Odonto*/
.dente{
	background-image: url(/assets/imagens/bg-dente.png);
	position: relative;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.white-shadow{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: white;
	z-index: 94;
	opacity: .7;
}

.z-98{
	z-index: 98;
}

.bg-cinza{
	background-color: rgba(239, 239, 239, 0.7);
		
}

.botao-laranja{
	background-color: #EC6608;
	color: white;
	border-radius: 6px;
}


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


	.white-shadow{
		opacity: 0.3;
	}

	.faixa-branca{
		background-color: white;
	    height: 10%;
	    width: 100%;
	    bottom: 12%;
	    left: 0;	    
	    position: absolute;
	    z-index: 94;

	}
}

/*Fim Odonto*/


/*DATA*/
.data{
	background-image: url(/assets/imagens/grade-baixo.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}


.topico li{
	color: #EC6608;
}

.topico span{
	color: black;
}
@media screen and (max-width: 576px){
	.grafico{
		margin-left: 30%;
		width: 60%;
		margin-bottom: -31%;
	}

	.mt-25{
		margin-top: 25%!important;
	}

	.f-40{
		font-size: 40px;
	}
}


@media screen and (max-width: 375px){
	.grafico{
		margin-left: 33%;
		margin-bottom: -40%;
	}
	
}
/*Fim Data*/

/* Marketing */
.marketing{
	background-color: #97C9C7;
	height: 550px;
}

.mkt-img{
	margin-top: -10%;
	margin-left: -15%;
}

@media screen and (max-width: 1920px){
	.mkt-img{
		margin-top: -5%;
	}
}

@media screen and (max-width: 768px){
	.marketing{
		height: 650px;
	}

	.footer p.laranja{
		margin-left: 15%;
	}
}

@media screen and (max-width: 576px){
	.marketing{
		height: auto;
	}

	.mkt-img{
		width: 200%;
		margin-left: -50%;

	}
}



/* Fim Marketing*/

/* Solutions*/
.solutions{
	background-image: url(/assets/imagens/sol-bg.png);
	background-size:  cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.sombra-azul{
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	background-color: rgba(238, 248, 251, 1);
	z-index: -1;


}

@media screen and (max-width: 1920px){
	.ml-2p{
		margin-left: 2%;
	}

	.ml-7{
		margin-left: 7%;
	}
}

@media screen and (max-width: 576px){
	/*.solutions{
		background-attachment: unset;
	}*/
	.trofeu{
		margin-left: 46%;
	    width: 50%;
	    margin-bottom: -31%;
	}
}

@media screen and (max-width: 375px){
	.solutions{
		background-image: url(/assets/imagens/bg-solution-mb.png);
		background-size: contain;
		/*background-position:unset;*/
	}

	
	
}
/*Fim Solutions*/

/*Footer*/

.footer{
	background-color: #414042;
	border-bottom: 10px solid #EC6608;
}


.h-20{
	height: 20%
}

.w-f-20{
	width: 20%;
}

hr {
	background-color: white;
}

.line{
	width: 55%;
	margin-left: 0%;
}

.form input,textarea{
	border-radius: 6px;
	width: 70%;
}

.form input{
	height: 15%;
}

.form textarea{
	height: 25%;
}

.ultima-linha{
	width: 76%;
	margin-left: 8.5%;
}


@media screen and (min-width: 768px) and (max-width: 992px){
	.w-md-100{
		width: 100%;
	}

	.form input,textarea{
		width: 90%;
	}

	.ml-md-20{
		margin-left: 20%
	}
}

@media screen and (max-width: 375px){
	.f-12{
		font-size: 12px;
	}

	.line{
		width: 95%;
	}

	.form input,textarea{
		width: 90%;
	}

	.pt-20{
		padding-top: 20%;
	}

	.ultima-linha{
		margin-left: 12%;
	}
}


/*Fim footer*/

/* fade*/

.fade
{
    opacity:0;
}

.l-about__title {
    font-size: 4.375rem;
    font-weight: 700;
    font-family: 'Baloo Chettan 2', sans-serif;
    letter-spacing: -2px;
}

@media screen and (max-width: 991px) {
    .l-about__title {
        font-size: 3.375rem;
    }
}

.l-about__subtitle {
    font-size: 2.5rem;
    font-weight: 500;
    font-family: 'Baloo Chettan 2', sans-serif;
}

@media screen and (max-width: 991px) {
    .l-about__subtitle {
        font-size: 1.625rem;
    }
}

.l-about__text {
    font-size: 1.375rem;
    font-weight: 400;
    font-family: 'Baloo Chettan 2', sans-serif;
}

@media screen and (max-width: 991px) {
    .l-about__text {
        font-size: 1rem;
    }
}

.l-about__btn-contact {
    transition: all .4s;
    font-size: 2.5rem;
    font-family: 'Baloo Chettan 2', sans-serif;
    background-color: #FD7E14;
}

@media screen and (max-width: 991px) {
    .l-about__btn-contact {
        font-size: 1.625rem;
    }
}

.l-about__btn-contact:hover {
    background-color: #37C3FF;
}

/* footer */
.l-footer {
    border-bottom: 80px solid #EC6608;
    background-image: url(../imagens/footer-background.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.l-footer__link {
    font-size: 1.375rem;
    color: #FFF !important;
}

.l-footer__link:hover {
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    .l-footer__link {
        font-size: 1.125rem;
    }
}