/*Abertura*/

.abertura {
  height: 100vh;
}

.foto-abertura {
  width: 100vw ;
  object-fit: cover;
  z-index: 0;
  position: absolute;
}

.posicao-elipse {
  z-index: 1;
  position: absolute;
  text-align: center;
}

.elipse {
  position: absolute;

}

.rodape{
  position: absolute;
  width: 100vw;
  background-color: var(--color1);
  bottom: 0;
}



.fundo-menu{
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px;
  border-radius: 0 0 80px 80px;
  text-align: center;
}

.whatsapp{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 5;
}
/*Final Abertura*/

/*Páginas*/
.session{padding: 68px 0 0 0;
}

.borda{
  border: solid 15px rgba(255, 255, 255, 0.5);
}


.icon-atendimentos{
  width: 60px;
  text-align: center;
}

.faixa{
  background-color: var(--color4);
  color: var(--color5);
  text-align: center;
  padding: 30px;
}

.foto-depoimento{
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: solid 1px var(--color1);
  border-radius: 50%;
  padding: 3px;
}

.foto-galeria{
  width: 100%;
  height: 250px;
  object-fit: cover;
}


a.color1 {
  color: var(--color1);
  text-decoration: none;  
}

a.color1:hover, a.color1:focus {
  color: var(--color1);
  text-decoration: none;
}



/*Dúvidas*/

.accordion-container > h2{
  padding-bottom: 5px;
  margin-bottom: 20px;
  width: 100%;
}
.set{
  position: relative;
  height: auto;
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: var(--color5);
  background-color: var(--color1);
  margin-bottom: 5px;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
  font-weight: bold;
    border-radius: 25px;
}
.set > a i{
  float: right;
  margin-top: 2px;

}
.set > a.active{
  background-color: var(--color1);
  color: var(--color5);
}

.set > a.active{
  
}
.content{
  display:none;
  width: 100%;
      background-color: var(--color5);
  padding: 10px 25px;
  border-radius: 28px;
  margin-bottom: 10px;
}

/*Final dúvidas*/

.btn {
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
   touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  border: 0;
  padding: 7px 15px;
  border-radius: 25px;
  font-size: 0.9em;
  font-weight: bold; 
}


.btn-menu {color: var(--color2);  background-color: transparent; margin-bottom: 5px; width: 100%; border: 0; cursor: pointer;  }
.btn-menu:hover,.btn-menu:focus,.btn-menu.focus,.btn-menu:active,.btn-menu.active {  color: var(--color1); background-color: var(--color2); font-weight: bold; }

.btn-default {color: var(--color1); border: solid 1px var(--color1);  background-color: transparent;  }
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active { border: solid 1px var(--color2); color: var(--color5); background-color: var(--color1);}

.btn-default-vazado {color: var(--color5); border: solid 1px var(--color5);  background-color: transparent;  }
.btn-default-vazado:hover,.btn-default-vazado:focus,.btn-default-vazado.focus,.btn-default-vazado:active,.btn-default-vazado.active { border: solid 1px var(--color2); color: var(--color2); background-color: transparent;}



.btn-inserir { color: rgba(255, 255, 255, 0.80); border: solid 1px #00b612; background-color: #00b612; }
.btn-inserir:hover,.btn-inserir:focus,.btn-inserir.focus,.btn-inserir:active,.btn-inserir.active  { color: #fff; background-color: #027f0f;}

.btn-excluir { color: rgba(255, 255, 255, 0.80); border: solid 1px #ff0000; background-color: #ff0000; }
.btn-excluir:hover,.btn-excluir:focus,.btn-excluir.focus,.btn-excluir:active,.btn-excluir.active  { color: #fff; background-color: #8b0303;}

.btn-editar { color: rgba(255, 255, 255, 0.80); border: solid 1px #3b6d77; background-color: #3b6d77; }
.btn-editar:hover,.btn-editar:focus,.btn-editar.focus,.btn-editar:active,.btn-editar.active  { color: #fff; background-color: #0b5790;}

.btn-xs {margin-top: 5px; padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 5px;}

.btn-pq {margin: -15px 1px 5px ; padding: 2px 7px; font-size: 12px; line-height: 1.5; border-radius: 5px;}

h1, .h1 { font-family: 'Corinthia', cursive; line-height: 1;}
h2, .h2 { font-weight: 700; font-size: 20px; line-height: 1.42857143; margin:0; margin-bottom: 5px;}
h3, .h3 { font-size: 14px;  line-height: 0.5; font-weight: 300;}
h4, .h4 { font-size: 20px;  line-height: 1.42857143; color: var(--color); font-weight: 300;}
h5, .h5 { font-size: 16px;    text-transform: uppercase; line-height: 1.42857143; font-weight: normal; color: #3b6d77;  }
h6, .h6 { font-size: 14px;  text-transform: uppercase; line-height: 1.42857143; border-radius: 8px; color: #3b6d77; font-weight: bold; background-color: transparent; border: #3b6d77 solid 1px; padding: 10px 30px; }


/*Barra Menu*/
.barra-menu{
  background-color: var(--color5);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px 0;
  z-index: 155;
  width: 100%;
  position: absolute;
  top: 0;
}
.displayblock{
  display: block;
}

.displaynone{
  display: none;
}

.fixo{
  position: fixed;

}

.menu-link > li > a {
  color: var(--color4);

  padding: 12px 9px;

}
.menu-link > li > a:hover,
.menu-link > li > a:focus {
  color: var(--color1);
  text-decoration: none;

}


.dropdown-menu   {
  position: absolute;
  background-color: rgba(59,109,119,0.5);
  top:45px;
  z-index: 1000;
  display: none;
  min-width: 200px;
  padding: 0;
  list-style: none;
  text-align: left;
  border: 0px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}  
.dropdown-menu > li > a {
  display: block;
  padding: 10px;
  clear: both;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.42857143;
  color: #e1e1e1;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  padding-left: 15px;
  text-decoration: none;
  color: #fff;
  background-color: #16435a;

}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #3b6d77;
}

.toggle-menu {
  position: absolute;
  background-color: var(--color1);
  z-index: 1000; 
  top: 10px;
  right: 0;
  float: right;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: left;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}  
.toggle-menu > li > a {
  display: block;
  padding: 10px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: var(--color5);
  white-space: nowrap;
  
}
.toggle-menu > li > a:hover,
.toggle-menu > li > a:focus {;
  text-decoration: none;
  color: var(--color1);
  background-color:  var(--color2);
  }

.toggle-menu-sub > li > a {
  color: #fff;
  background-color: #3b6d77;
  margin-left:12px;
  padding: 10px;

}
.toggle-menu-sub > li > a:hover,
.toggle-menu-sub > li > a:focus {
  padding-left: 15px;
  color: #fff;
  background-color: #3b6d77;
  }

/*Final Barra Menu*/
  .fundo-menu-adm{
    background-color: var(--color3);
    border: solid 1px var(--color2);
    padding: 20px;
    border-radius: 0 0 50px 50px;
  }
/*Final Painel Administrativo*/

/*Painel Administrativo*/



@media (max-width: 397px) {
.foto-abertura {height: 40vh;}
.posicao-elipse {width: 100vw; top: 20vh; padding: 15px;}
.elipse{width: 100vw; top:20vh; left: 0;}
.logo{width: 60%;}
.btn-menu{height: 6vh;}
.h1 {font-size: 39px;}
}

@media (min-width: 398px) {
.foto-abertura {height: 40vh;}
.posicao-elipse {width: 100vw; top: 20vh; padding: 15px;}
.elipse{width: 100vw; top:20vh; left: 0;}
.logo{width: 60%;}
.btn-menu{height: 6vh;}
.h1 {font-size: 39px;}

}

@media (min-width: 568px) {
.foto-abertura {height: 50vh;}
.posicao-elipse {width: 100vw; top: 30vh; padding: 15px;}
.elipse{width: 100vw; top:25vh; left: 0;}
.logo{max-width: 60%;}
.btn-menu{height: 8vh;}
h1, .h1 {font-size: 39px;}
}

@media (min-width: 768px) {
.foto-abertura {height: 90vh;  position: absolute;} 
.posicao-elipse {max-width: 600px; top: 0; right: 0;  padding: 40px;}
.elipse{max-width: 600px; top: 0;right: 0;  z-index: -1;}
.logo{max-width: 250px;}
.btn-menu{height: 10vh;}
h1, .h1 {font-size: 39px;}
}

@media (min-width: 992px){
.foto-abertura {height: 90vh;  position: absolute;}
.posicao-elipse {max-width: 650px; top: 0; right: 0;  padding: 40px;}
.elipse{max-width: 650px; top: 0; right: 0;   z-index: -1;}
.logo{max-width: 250px;}
.btn-menu{height: 10vh;}
h1, .h1 {font-size: 41px;}
}

@media (min-width: 1200px) {
.foto-abertura {height: 90vh;  position: absolute;}
.posicao-elipse {width: 700px; top: 0; right: 0;  padding: 40px;}
.elipse{ width: 700px; top: 0; right: 0;  z-index: -1;}
.logo{max-width: 250px;}
.btn-menu{height: 10vh;}
h1, .h1{font-size: 43px;}
}

@media (min-width: 1360px) {
.foto-abertura {height: 90vh;  position: absolute;}
.posicao-elipse {width: 700px; top: 0; right: 0; padding: 40px;}
.elipse{ width: 700px; top: 0; right: 0;  z-index: -1;}
.logo{max-width: 250px;}
.btn-menu{height: 10vh;}
h1, .h1{font-size: 45px;}
}