html{
	scroll-behavior: smooth !important;
	overflow-x: hidden !important;
}

body{
	font-family: "Saira", serif;
	background-color: #ffffff;
		font-size: 15px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #666;
}

:root{
  --verde: #00eaaa;
  --azul: #00adef;
  --azul-claro: #dff7ff;
  --roxo: #3d336d;
  --roxo2: #251655;
  --branco: #ffffff;
  --cinza:#ebebeb;
  --preto:#000000;
}
a, a:visited, a:hover{
	text-decoration: none !important;
	color:var(--azul);
}
.ancora{
	margin-top: -180px;
	position: absolute;
}
.verde{
	color:var(--verde) !important;
}
.azul{
	color:var(--azul) !important;
}
.azul-claro{
	color:var(--azul-claro) !important;
}
.roxo{
	color:var(--roxo) !important;
}
.roxo2{
	color:var(--roxo2) !important;
}
.branco{
	color:var(--branco) !important;
}
.cinza{
	color:var(--cinza) !important;
}
.preto{
	color:var(--preto) !important;
}

.bg-verde{
	background-color:var(--verde) !important;
}
.bg-azul{
	background-color:var(--azul) !important;
}
.bg-azul-claro{
	background-color:var(--azul-claro) !important;
}
.bg-roxo{
	background-color:var(--roxo) !important;
}
.bg-roxo2{
	background-color:var(--roxo2) !important;
}
.bg-branco{
	background-color:var(--branco) !important;
}
.bg-cinza{
	background-color:var(--cinza) !important;
}
.bg-preto{
	background-color:var(--preto) !important;
}



button:focus {
    outline: 1px dotted;
    outline: 5px auto var(--verde);
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: var(--verde);
  box-shadow: 0 1px 1px var(--verde) inset, 0 0 8px var(--verde);
  outline: 0 none;
}


.vertical-center {
  display: flex;
  align-items: center;
}
.vertical-bottom{
	position: absolute;
	bottom: 15px;
}

section{
	padding: 60px 0;
}
.spacer-topo{
	margin-top: 70px;
}
header{
	padding: 10px 5px;
	background-color: var(--roxo);
	transition: all ease 0.2s;
	border-bottom: 2px solid #fff;
}
header .logo{
	width: 100%;
	margin: 5px;
	max-width: 150px;
	transition: all ease 0.2s;
}

.bg01{
	background-image: url('img/bg01.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.bg-lampada{
	background: rgb(190,200,201);
	background: linear-gradient(0deg, rgba(190,200,201,1) 0%, rgba(255,255,255,1) 20%, rgba(243,245,245,1) 45%, rgba(190,200,201,1) 100%);
}

.fotos-topo{
	margin-top: -80px;
}
.fotos-topo img{
	width: 100%;
	max-width: 250px;
}

.botao1{
	background-color: var(--verde);
	color: var(--roxo);
	padding: 15px 35px;
	margin: 25px 0;
	border-radius: 30px;
	border: 0;
	font-family: "Saira", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	transition: all ease 0.2s;
}
.botao1:hover{
	transition: all ease 0.2s;
	color: var(--verde);
	background-color: var(--roxo);
}

.form1{
	margin-top: 12px;
	border: 1px solid var(--roxo);
	font-family: "Saira", sans-serif;
	font-size: 18px;
	border-radius: 0;
	padding: 15px 20px;
	color: #666;
}
.btform1{
	background-color: var(--verde);
	color: var(--roxo);
	padding: 15px 35px;
	margin: 25px 0;
	border-radius: 0px;
	border: 0;
	font-family: "Saira", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	transition: all ease 0.2s;
}
.btform1:hover{
	transition: all ease 0.2s;
	color: var(--verde);
	background-color: var(--roxo);
}
.form2{
	margin-top: 5px;
	font-family: "Saira", sans-serif;
	font-size: 12px;
	border-radius: 0;
	padding: 5px;
	color: #666;
}
.parceiro{
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE */
}

.wp-block-video, .wp-block-video video{
	width: 100% !important;
	margin:  20px 0;
}
footer{
	padding: 40px 0px;
	background-color: #ffffff;
	font-size: 13px;
	line-height: 16px;
	color: #666;
}
footer a{
	color: var(--branco) !important;
	transition: all ease 0.2s;
}
footer a:hover{
	color: var(--verde) !important;
	transition: all ease 0.2s;
}

.ancora{
   position: relative;
   top: -120px;
}
.nav-link{
	margin: 0 15px;
  font-family: "Bree Serif", serif;
  font-weight: 400;
  font-style: italic;
	color: var(--branco) !important;
	font-size: 16px;
	font-weight: 500;
	transition: all ease 0.2s;
}
.nav-link:hover{
	color: var(--azul) !important;
	transition: all ease 0.2s;
	cursor: pointer;
}
.nav-link i{
	font-size: 20px;
}
.titulo1{
	font-family: "Bree Serif", serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	font-style: italic;
	color: var(--azul);
	margin: 20px 0;
}
.titulo2{
	font-family: "Bree Serif", serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	font-style: italic;
	color: var(--branco);
	margin: 20px 0;
}
.titulo3{
	font-family: "Bree Serif", serif;
	font-weight: 500;
	font-size: 70px;
	line-height: 80px;
	font-style: italic;
	color: var(--verde);
}
.titulo4{
	font-family: "Bree Serif", serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: var(--roxo);
	margin: 20px 0;
}
.titulo5{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 35px;
	line-height: 40px;
	letter-spacing: 7px;
	color: var(--preto);
	margin: 20px 0;
	text-transform: uppercase;
}
.titulo6{
	font-family: "Saira", sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	color: var(--roxo);
	margin: 20px 0;
}
.titulo7{
	color: var(--verde);
	background-color: var(--roxo);
	padding: 15px 45px;
	margin: 0 auto;
	border-radius: 30px;
	border: 0;
	font-family: "Bree Serif", serif;
	font-weight: 500;
	font-style: italic;
	font-size: 28px;
	width: fit-content;
}

.texto-box1{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: var(--verde);
	margin: 10px 0;
	padding: 10px 0;
	text-transform: uppercase;
}
.texto-box2{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 0;
	color: var(--branco);
	margin: 10px 0;
	padding: 10px 0;
}
.texto-box2 b{
	font-size: 50px;
	line-height: 60px;
	color: var(--verde);
}
.texto-box2 img{
	width: 40px;
	margin-right: 10px;
}

.texto-box3{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 12.5px;
	line-height: 20px;
	letter-spacing: 0;
	color: var(--branco);
	margin: 10px 0;
	padding: 10px 0;
}
.texto-box3 b{
	font-size: 50px;
	line-height: 60px;
	color: var(--verde);
}
.texto-box3 img{
	width: 40px;
	margin-right: 10px;
}



.carrossel-modulos h3{
	color: var(--roxo);
	background-color: var(--azul);
	padding: 15px 45px;
	margin: 0 auto;
	border-radius: 30px;
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 22px;
	width: fit-content;
}
.carrossel-modulos h4{
	color: var(--roxo);
	padding: 15px 45px;
	margin: 15px auto;
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}
.carrossel-modulos h5{
	color: var(--roxo);
	background-color: transparent;
	border: 1px solid var(--roxo);
	padding: 15px 45px;
	margin-bottom: 20px;
	border-radius: 30px;
	font-family: "Bree Serif", serif;
	font-weight: 500;
	font-style: italic;
	font-size: 28px;
	width: fit-content;
}
.carrossel-modulos h6{
	color: var(--azul);
	margin: 20px auto;
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 22px;
}
.seta{
	color: var(--verde) !important;
	font-size: 45px !important;
}
.carrossel-modulos .indicators{
	background-color: var(--verde);
	padding: 10px 20px;
	margin: 50px auto 0 auto;
	border-radius: 20px;
	width: fit-content;
}
.carrossel-modulos .indicators b{
	color: var(--roxo);
	font-family: "Saira", sans-serif;
	font-size: 20px;
	margin: 0 10px;
	transition: all ease 0.2s;
}
.carrossel-modulos .indicators b:hover{
	color: var(--azul);
	cursor: pointer;
	transition: all ease 0.2s;
}

.modulos-blocos h3{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	color: var(--azul);
	border:1px solid var(--azul);
	width: fit-content;
	padding: 10px 40px;
	border-radius: 30px;
	margin-bottom: 0;
	font-style: italic;
}
.modulos-blocos h4{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	color: var(--branco);
	background-color: var(--verde);
	width: fit-content;
	padding: 10px 40px;
	border-radius: 30px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.lista{
	padding: 0;
}
.lista li{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	border-bottom: 1px solid var(--azul) !important;
	padding: 5px 0;
	list-style-type: none;
}



.form-landing{
 border-radius: 20px;
 padding: 15px 25px 0 25px;
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 12.5px;
	line-height: 16px;
	color: var(--branco);
}

.bg-linha-verde{
	background-image: url('img/bg-linha-verde.jpg');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.border-bottom-dotted{
	border-bottom: 1px dotted #fff;
}

.missao{
	background-color: var(--azul);
	padding: 50px 80px 50px 50px;
	border-radius: 100%;
	width: 350px;
	height: 350px;
	position: absolute;
	right: -120px;
	margin-top: -50px;
}
.missao span{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	color: var(--branco);
	letter-spacing: 5px;
	font-style: italic;
}
.missao p{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: var(--branco);
}
.missao h5{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 22px;
	color: var(--roxo);
	font-style: italic;
	margin-bottom: 10px;
}
.lampada{
	z-index: 10;
}
.proposito{
	background-color: var(--roxo);
	padding: 50px 50px 50px 80px;
	border-radius: 100%;
	width: 350px;
	height: 350px;
	position: absolute;
	left: -120px;
	margin-top: -50px;
}
.proposito span{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	color: var(--branco);
	letter-spacing: 5px;
	font-style: italic;
}
.proposito p{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: var(--branco);
}
.proposito h5{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 22px;
	color: var(--verde);
	font-style: italic;
	margin-bottom: 10px;
}

.solucao h2{
	font-family: "Saira", sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 52px;
	color: var(--roxo2);
}
.solucao h3{
	font-family: "Saira", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: var(--roxo2);
	background-color: var(--verde);
	padding: 15px 30px;
	width: 100%;
	text-transform: uppercase;
	border-radius: 50px;
}
.solucao h4{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	padding: 25px;
	padding-top: 30px;
	width: 90%;
	border-radius: 40px;
	border:2px solid var(--verde);
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	margin-bottom: 10px;
}
.solucao button{
	font-family: "Saira", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	padding: 20px 30px;
	border-radius: 30px;
	border:0;
	background-color: var(--azul);
	color: var(--branco);
	text-transform: uppercase;
	transition: all ease 0.2s;
	letter-spacing: 2px;
	margin-top: 10px;
}
.solucao button:hover{
	background-color: var(--roxo);
	color: var(--branco);
	transition: all ease 0.2s;
}


.navbar-dark .navbar-toggler {
    border:none !important;
    margin-right: -10px;
}

footer{
	padding: 70px 0;
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: var(--branco);
	font-weight: normal;
}
footer a{
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
	text-transform: uppercase;
	color: var(--branco);
	transition: all ease 0.2s;
}
footer a:hover{
	color: var(--verde);
}
.telefone{
	font-family: "Saira", sans-serif;
	font-weight: 500;
	font-size: 35px;
	line-height: 40px;
	letter-spacing: 5px;
	color: var(--verde);
	margin: 20px 0;
	text-transform: uppercase;
}
.logo-footer{
	width: 100%;
	max-width: 200px;
}

.order1{
	order:1;
}
.order2{
	order:2;
}
.order3{
	order:3;
}



/* Small devices (landscape phones, 544px and up) */
@media (max-width: 575px) { 



}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 767px) { 

header{
	padding: 8px 5px;
}
header .logo{
	width: 100%;
	margin: 0px;
	max-width: 120px;
}
.missao{
	width: 280px;
	height: 280px;
	position: relative;
	right: 0px;
	margin: 0 auto;
	padding: 50px 50px 50px 50px;
}
.proposito{
	width: 280px;
	height: 280px;
	position: relative;
	left: 0px;
	margin: 0 auto;
	padding: 50px 50px 50px 50px;
}
.order1{
	order:1;
}
.order2{
	order:3;
}
.order3{
	order:2;
}

.solucao h2{
	font-size: 35px;
	line-height: 42px;
}
.solucao h3{
	font-size: 14px;
	line-height: 22px;
}
.solucao h4{
	font-size: 13px;
	line-height: 20px;
}
.solucao button{
	font-size: 15px;
}
.titulo3{
	font-size: 40px;
	line-height: 50px;
}
.titulo4{
	font-size: 18px;
	line-height: 22px;
}
.titulo5{
	font-size: 20px;
}

.telefone{
	font-size: 25px;
	line-height: 30px;
}
.logo-footer{
	max-width: 130px;
}
.texto-box3{
	font-size: 14px;
	line-height: 20px;
}
.texto-box3 b{
	font-size: 40px;
	line-height: 50px;
}
.botao1{
	font-size: 16px;
}
.texto-box2{
	font-size: 16px;
	line-height: 20px;
}



}
 
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 



}
 

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  


}