@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
	background: #f8fbff;
}

.margin-bottom-100 {
	margin-bottom: 100px;
}
iframe{
	border:none!important;
	border-radius: 10px!important;
}

iframe .i4ewOd-pzNkMb-haAclf {
    background-color: rgb(0 138 134);
}
.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-top-80 {
	margin-top: 80px;
}

.slideShow{
	background-image: linear-gradient(to bottom, transparent 50%, #7dd7b9 100%);
    background-position: center;
    height: 100%;
    width: 100%;
    background-size: cover;
    position: absolute;
    transition: 0.5s;
    margin: 0px 0px 50px;
    z-index: 997;

}
.carousel-inner, .carousel-control-prev, .carousel-control-next{
	z-index: 990;
}
.carousel-caption{
	     z-index: 9000;
}
h1 {
	font-size: 60px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	cursor: default;
	

}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	color: #008a86;
	font-size: 30px;
	text-transform: uppercase;
	cursor: default;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #69c0c3;
	font-size: 20px;
	text-transform: uppercase;
	cursor: pointer;
}

h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #008a86;
	font-size: 20px;
	text-transform: uppercase;
	cursor: default;
}

p {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #008a86;
	cursor: default;
}

a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #008a86;
}

a:hover {
	text-decoration: none;
	color: #69c0c3;
}

i {
	font-size: 20px;
}


/*
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 0px 200px;
}
*/

.navbar {
	height: 100px;
	transition: 0.5s;
	background: #fff;
}

.navbar:hover {
	transition: 0.5s;
	box-shadow: 0px 10px 20px 0px #ffb27336;
}

.navbar-brand img {
	width: 200px;
}

.collapse {
	margin: 0px 0px 0px 70px;
}

.navbar a {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #ffb273!important;
	margin: 0px 5px;
	transition: 0.5s;
}

.navbar a:hover {
	transition: 0.5s;
	color: #e49759!important;
}

.descricao {
	color: #4b4b4b;
}

.chamada {
	background: #68bebf;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
	border-radius: 0px;
	border: none;
	padding: 10px 40px;
	text-transform: uppercase;
	margin: 20px;
	border-radius: 4px;
	transition: 0.5s;
}

.chamada:hover {
	background: #008a86;
	border-radius: 10px;
	transition: 0.5s;
	box-shadow: 0px 10px 20px 0px #69c0c245;
}

.carousel-caption {
	text-align: left;
}

.carousel-caption p {
	color: #fff;
	font-size: 24px;
}

.porque-escolher h2 {
	font-size: 44px;
	cursor: default;
}

.porque-escolher .imagem {
	background-image: linear-gradient(to bottom, transparent 50%, #7dd7b9 100%), url('img/05.png');
	background-position: center;
	height: 360px;
	width: 360px;
	background-size: cover;
	border-radius: 222px;
	transition: 0.5s;
	margin: 0px 0px 50px;
}

.porque-escolher .imagem:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}


.quem-somos h2 {
	font-size: 44px;
	cursor: default;
}

.quem-somos h3 {
	font-size: 15px;
	cursor: default;
}
.quem-somos span{
	font-weight: 400;
}
.quem-somos ul li {
	font-size: 11px;
	text-align: left;
	margin:0px 10px;
	cursor: default;
}


.quem-somos .camila {
	background-image:   url('img/camila.png');
	background-position: center;
	height: 260px;
	width: 260px;
	background-size: cover;
	border-radius: 222px;
	transition: 0.5s;
	margin: 0px 0px 50px;
	border: 1px solid #7dd7b9;
}

.quem-somos .camila:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}


.quem-somos .juliana {
	background-image:   url('img/juliana.png');
	background-position: center;
	height: 260px;
	width: 260px;
	background-size: cover;
	border-radius: 222px;
	transition: 0.5s;
	margin: 0px 0px 50px;
	border: 1px solid #7dd7b9;
}

.quem-somos .juliana:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}



.quem-somos .luis {
	background-image:   url('img/luis.png');
	background-position: center;
	height: 260px;
	width: 260px;
	background-size: cover;
	border-radius: 222px;
	transition: 0.5s;
	margin: 0px 0px 50px;
	border: 1px solid #7dd7b9;
}

.quem-somos .luis:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}


.quem-somos .vinicius {
	background-image:   url('img/vinicius.png');
	background-position: center;
	height: 260px;
	width: 260px;
	background-size: cover;
	border-radius: 222px;
	transition: 0.5s;
	margin: 0px 0px 50px;
	border: 1px solid #7dd7b9;
}

.quem-somos .vinicius:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}


.quem-somos .juliana {
	background-image:   url('img/juliana.png');
	background-position: center;
	height: 260px;
	width: 260px;
	background-size: cover;
	border-radius: 222px;
	transition: 0.5s;
	margin: 0px 0px 50px;
	border: 1px solid #7dd7b9;
}

.quem-somos .juliana:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}



.quem-somos .paulo {
	background-image:   url('img/paulo.png');
	background-position: center;
	height: 260px;
	width: 260px;
	background-size: cover;
	border-radius: 222px;
	transition: 0.5s;
	margin: 0px 0px 50px;
	border: 1px solid #7dd7b9;
}

.quem-somos .paulo:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}









/* IMG SERVICOS */

.servicos .refracional {
	border-radius: 30px;
	background-image: linear-gradient(to bottom, transparent 80%, #7dd7b9 110%), url('img/06.png');
	height: 300px;
	width: 100%;
	background-position: center;
	background-size: cover;
	transition: 0.5s;
	margin: 20px 0px;
	cursor: pointer;
}

.servicos .refracional:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}

.servicos .acuidade {
	border-radius: 30px;
	background-image: linear-gradient(to bottom, transparent 80%, #7dd7b9 110%), url('img/07.png');
	height: 300px;
	width: 100%;
	background-position: center;
	background-size: cover;
	transition: 0.5s;
	margin: 20px 0px;
	cursor: pointer;
}

.servicos .acuidade:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}

.servicos .biomicroscopia {
	border-radius: 30px;
	background-image: linear-gradient(to bottom, transparent 80%, #7dd7b9 110%), url('img/08.png');
	height: 300px;
	width: 100%;
	background-position: center;
	background-size: cover;
	transition: 0.5s;
	margin: 20px 0px;
	cursor: pointer;
}

.servicos .biomicroscopia:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}

.servicos .mapeamento {
	border-radius: 30px;
	background-image: linear-gradient(to bottom, transparent 80%, #7dd7b9 110%), url('img/09.png');
	height: 300px;
	width: 100%;
	background-position: center;
	background-size: cover;
	transition: 0.5s;
	margin: 20px 0px;
	cursor: pointer;
}

.servicos .mapeamento:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}



.servicos .teste {
	border-radius: 30px;
	background-image: linear-gradient(to bottom, transparent 80%, #7dd7b9 110%), url('img/11.png');
	height: 300px;
	width: 100%;
	background-position: center;
	background-size: cover;
	transition: 0.5s;
	margin: 20px 0px;
	cursor: pointer;
}

.servicos .teste:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}


.servicos .atendimento {
	border-radius: 30px;
	background-image: linear-gradient(to bottom, transparent 80%, #7dd7b9 110%), url('img/12.png');
	height: 300px;
	width: 100%;
	background-position: center;
	background-size: cover;
	transition: 0.5s;
	margin: 20px 0px;
	cursor: pointer;
}

.servicos .atendimento:hover {
	box-shadow: 0px 10px 20px 0px #69c0c245;
	transition: 0.5s;
}



.modal-header {
	border-bottom: none;
}

.modal-content {
	border: none;
	border-radius: .9rem;
}

.modal-body p, ul li {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0px 10px;
	cursor: default;
}


/* O QUE CONSEGUIMOS DIAGNOSTICAR E TRATAR? */

.diagnosticar {
	background-image: linear-gradient(to bottom, #7dd7b9e0 100%, #7dd7b9e0 100%), url('img/10.png');
	background-size: cover;
	background-position: center;
	min-height: 500px;
	padding: 100px 20px;
	cursor: default;
}

.diagnosticar p {
	color: #fff;
	font-size: 20px;
	margin: 30px 0px;
}

.diagnosticar h2 {
	color: #fff;
	font-size: 44px;
}

.diagnosticar ul li {
	color: #fff;
	font-size: 18px;
	list-style: circle;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 4px 0px 20px #00000063;
}

.diagnosticar span {
	color: #008a86;
}

.form-row input {
	border: 1px solid #008a86;
	border-radius: 10px;
	height: 50px;
}

.form-group input {
	border: 1px solid #008a86;
	border-radius: 10px;
	height: 50px;
	margin-bottom: 10px;
}

.form-group textarea {
	border: 1px solid #008a86;
	border-radius: 10px;
	margin: 30px 0px;
}

.contato h2 {
	font-size: 50px;
	line-height: 45px;
	margin-bottom: 40px;
	cursor: default;
}

.linha-vertical {
	height: 50px;
	/*Altura da linha*/
	border-left: 2px solid;
	/* Adiciona borda esquerda na div como ser fosse uma linha.*/
}

footer {
	background: #fff;
	min-height: 20px;
	padding: 20px;
}

footer p {
	color: #333;
	font-size: 14px;
	margin-top: 30px;
}

footer ul li, a {
	display: inline-flex;
	color: #ffb26f;
	transition: 0.5s;
	cursor: pointer;
}

footer i {
	font-size: 60px;
	margin: 5px;
	transition: 0.5s;
}

footer i:hover {
	transition: 0.5s;
	color: #e49759;
}

footer .footer img {
	width: 120px;
}


/* MOBILE */

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 22px;
		cursor: default;
	}
	.hidden-xs {
		display: none;
	}
	.navbar {
		height: auto;
	}
	.navbar-nav {
		margin-top: 50px;
		padding: 20px;
	}
	.collapse {
		margin: 0px;
	}
	.nav-link {
		text-align: left!important;
	}
	.carousel-caption p {
		font-size: 14px;
	}
	.porque-escolher h2 {
		font-size: 32px;
		cursor: default;
	}
	.diagnosticar h2 {
		color: #fff;
		font-size: 30px;
		cursor: default;
	}
	.contato h2 {
		font-size: 37px;
		line-height: 34px;
		margin-bottom: 40px;
		cursor: default;
	}
	footer .footer dl,
	ol,
	ul {
		padding: 0px;
		margin: 0px;
	}
}