@font-face {
  font-family:"Badriyah Two Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Badriyah Two Regular"),
    url("../js/fonts/BadriyahTwo.woff") format("woff");
}
@font-face {
font-family: 'Garden Grown US B';
font-style: normal;
font-weight: normal;
src: local('Garden Grown US B'),
url('fonts/GardenGrownUS-B.woff') format('woff');
}
html {
  scroll-behavior: smooth;
}

h2 {
  font-family: Garden Grown US B;
  font-size: 3em;

}

.font-badriyah {
  font-family: Badriyah Two Regular;
}

a,
p,
span,
h1,
h2,
h3,
h4,
h5 {
  color: #545454;
}
.slider-text.nome-texto-banner{
  font-size: 30px;
  font-weight: 300;
}
/**Bg verde escuro**/
.bg-ve {
  background-color: #76abad;
}
/** Bg verde claro **/
.bg-vc {
  background-color: #d8eaeb;
}
/** Bg cinza **/
.bg-c {
  background-color: #e9e9e9;
}
.logo img {
  max-width: 230px;
}
.slider-filter {
  position: absolute;
  width: 100%;
  background-color: #bde2e3;
  height: -webkit-fill-available;
  display: block;
  opacity: 0.23;
}
.separate-line {
  width: 100%;
  background-color: lightgray;
  height: 1px;
  opacity: 0.7;
}

.slider .slider-block {
  position: absolute;
  top: 10%;
  width: 40em;
}

.slider .slider-block .slider-title {
  font-family: Garden Grown US B;
  font-size: 8em;
}

.slider .owl-dots {
  max-width: 1140px;
  position: relative;
  margin: 0 auto;
  text-align: left;
  margin-top: -26px !important;
}

.slider .owl-dots button span {
  background: #7dbdbf !important;
}

.slider .owl-dots button.active span {
  background: #74a8a9 !important;
}

.btn-diversa {
  font-family: Garden Grown US B;
  color: white;
  font-size: 2em;
  background: #7dbdbf;
  padding: 5px 20px;
  border-top: 0;
  border-radius: 35px;
  border-bottom: 4px;
  border-color: #74a8a9;
  border-style: solid;
  width: 50%;
}
.ptb-diversa {
  padding: 7em 0;
}
.ptb-diversa.paravc{
  padding: 4em 0;
}
.dot-up-til {
    position: relative;
    top: -0.15em;
    margin-left: -0.5em;
    right: 0.05em;
    font-size: 0.8em;
}
.dot-up {
  position: relative;
  top: 0.35em;
  margin-left: -0.05em;
  right: 0.35em;
}
.dot-down {
  position: relative;
  margin-left: -0.07em;
  top: 0.08em;
  left: 0.12em;
}

.p-big {
  font-size: 1.1rem;
  margin: 1em 0;
}
.p-small {
  font-size: 0.95rem;
}
.btn-ag-consulta {
  background: rgb(125, 189, 191);
  background: linear-gradient(
    153deg,
    rgba(125, 189, 191, 1) 0%,
    rgba(168, 221, 223, 1) 100%
  );
  padding: 15px 24px;
  border-radius: 35px;
  font-family: Garden Grown US B;
  color: white;
  font-size: 1.6em;
}

.btn-ag-consulta-providers {
  background: linear-gradient(
    153deg,
    rgba(125, 189, 191, 1) 0%,
    rgba(168, 221, 223, 1) 100%
  );
  padding: 15px 24px;
  border-radius: 35px;
  color: white;
}

.btn-ag-consulta-providers:hover {
  text-decoration: none;
  color: white;

  background: linear-gradient(
    153deg,
    rgb(110, 173, 175) 0%,
    rgb(160, 216, 218) 100%
  );
}

.header .nav-link a {
  vertical-align: -webkit-baseline-middle;
}
.header .nav-link a:hover {
  text-decoration: none;
  color: #73a8a9;
}
.header .nav-link a.active {
  font-weight: bold;
  color: #73a8a9;
}
.header .nav-link a.btn-ag-consulta:hover {
  color: white;
}
.header .nav-link.last {
  padding-right: 0;
}
.slider-servicos .item {
  margin: 10px auto;
  display: table;
}
.slider-servicos .item .card {
  border-radius: 0.8rem;
  border: 0;
  max-width: 245px;
  background-color: #fdfdfd;
  -webkit-box-shadow: 4px 4px 0px 2px rgba(219, 219, 219, 0.75);
  -moz-box-shadow: 4px 4px 0px 2px rgba(219, 219, 219, 0.75);
  box-shadow: 4px 4px 0px 2px rgba(219, 219, 219, 0.75);
}
.slider-servicos .item .card img {
  max-width: 180px;
  margin: 0 auto;
  padding-top: 1.3rem;
}
.slider-servicos .item .card .card-body {
  padding: 1rem 0.8rem;
}
.slider-servicos .item .card .card-body .card-text {
  font-size: 0.95rem;
}
.profissionais .card {
  background-color: #fdfdfd;
  -webkit-box-shadow: 4px 4px 0px 2px rgba(219, 219, 219, 0.75);
  -moz-box-shadow: 4px 4px 0px 2px rgba(219, 219, 219, 0.75);
  box-shadow: 4px 4px 0px 2px rgba(219, 219, 219, 0.75);
  max-width: 230px;
  margin: 0 auto;
  margin-bottom: 2em;
  padding: 0px 10px;
}
.profissionais div.card-img {
  width: 160px;
  height: 160px;
  margin: 15px auto 0 auto;
  background-color: #fdfdfd;
  -webkit-box-shadow: 4px 2px 0px 3px rgb(115, 168, 169);
  -moz-box-shadow: 4px 2px 0px 3px rgb(115, 168, 169);
  box-shadow: 4px 2px 0px 3px rgb(115, 168, 169);
}
.profissionais .card .card-body {
  padding: 1.25rem 1rem;
}
.profissionais .card .card-body .card-text {
  font-size: 0.95rem;
}
.slider-blog .item {
  margin: 0 auto;
  padding: 0px 10px;
}
.slider-blog .item .card {
  border: 0;
}
.slider-blog .item .card img {
}
.slider-blog .item .card .card-body {
  padding: 10px 0px;
}
.slider-blog .item .card .card-body .card-autor-date {
  color: #909090;
  margin: 8px 0 4px 0;
}
.slider-blog .item .card .card-body .card-autor-date a {
  color: #73a8a9;
}
.slider-blog .item .card .card-body .card-title {
  font-weight: bold;
  font-size: 1.5rem;
}
.logo-footer {
  max-width: 230px;
}
.links-footer h3,
.contato-footer h3 {
  padding-top: 1.5em;
  font-weight: bold;
}
.links-footer .nav .nav-item:hover {
  text-decoration: none;
  color: #73a8a9;
}
.f-footer {
}
.f-footer .heart {
  width: 15px;
}

#armi-logo {
}
#armi-logo img {
  width: 115px;
  vertical-align: bottom;
}

#side-drawer {
  height: 100vh;
  width: 85%; /*Ideal width for sidebar accdg to https://forums.envato.com/t/standard-sidebar-width/75633*/
  top: 0;
  left: -336px;
  z-index: 1032; /*z-index of standard bootstrap navbar is 1030 + 1 offset due to side-drawer-void*/
  transition: left 0.25s ease;
  max-width: 320px;
}

#side-drawer-void {
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 1031; /*z-index of standard bootstrap navbar is 1030*/
  background: rgba(0, 0, 0, 0.6);
}
.list-trat-espec{  
  list-style: none;
}
.list-trat-espec a:hover{
  color:#73a8a9;
  text-decoration: none;
}
.slider-servicos .card a{
  text-decoration: none;
} 
.list-trat-espec .fa.fa-circle{
  color: #8bc7c9;
}
.contato-footer img{
  width: 30px;
}
.para-voce a:hover, .solicita-ava a:hover, .btn-acessibilidade-free a:hover{
  color: #ffffff;
  text-decoration: none;
}
.links-footer a:hover{
  color:#545454 ;
  text-decoration: none;
}
.slider .item img{
  background-size: cover; 
  background-position: center;
}
.acessibilidade-ecossistema .ptb-diversa{
  padding:0!important;
}
.btn.btn-outline-primary.cabine-psi img{
    position: absolute;
    width: 50px;
    margin-left: -103px;
}
.btn.btn-outline-primary.cabine-psi span{
  display: block;
  margin-left: 48px;
  color: #73a8a9;
  padding:0px 10px 0px 10px;
}
.btn-outline-primary.cabine-psi:hover{
      background-color: #bde2e3;
}
.container.contato .contato-partes .icon-whatsapp a{
  text-decoration:none;
  color: #545454;
}

 
/*mobile*/
@media (min-device-width: 320px) and (max-device-width: 768px) {
  h2 {
    font-size: 3em;
    text-align: center;
  }
    
  .header-top {
    font-size: 0.7em;
    text-align: center;
  }
  .logo img,
  .logo-footer {
    max-width: 190px;
  }
  .nav {
    float: none !important;
    display: inline-flex;
  }
  .p-small {
    font-size: 0.9rem;
    margin-top: 0.8em;
  }
  .links-footer h3,
  .contato-footer h3 {
    padding-top: 0em;
    font-size: 1.5em;
  }
  .slider .slider-block .slider-title {
    font-size: 3em;
    margin-bottom: 0rem;
  }
  .slider .owl-dots {
    text-align: center;
  }
  .owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
  }
  .slider-text.nome-texto-banner {
    font-size: 14px;
    font-weight: 450;
    width: 300px;
    margin-bottom: 0rem;
  }
  .ptb-diversa {
    padding: 2em 0;
  }
  .p-big {
    font-size: 0.9rem;
    text-align: center !important;
  }
  .btn-diversa {
    font-size: 1.3em;
    margin-bottom: 10px;
  }
  .btn-menu-mobile {
    border: solid 1.2px;
    color: #7dbdbf;
    padding: 5px;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 15px;
    margin-top: 12px;
  }
  .profissionais .card .card-body .card-text {
    font-size: 0.9rem;
  }
  .profissionais div.card-img{
    width: 120px;
    height: 120px;
  }
  .slider-servicos .item .card .card-body .card-text {
    font-size: 0.9rem;
  }
  .nav-link a {
    color: #ffffff;
  }
  .h-100 {
    background-color: #74a8a9e3 !important;
  }
  .acessibilidade-ecossistema .video-explicativo iframe{
    width: 100%;
  }
}

@media (min-device-width: 768px) and (max-device-width: 960px) {
  
  
  .slider .slider-block .slider-title {
    font-size: 4em;
    margin-bottom: 0rem;
  }
  .slider-text {
    font-size: 0.8em;
    width: 650px;
    margin-bottom: 0rem;
  }
  .btn-diversa.slider-button {
    font-size: 1.3em;
    max-width: 40%;
  }
  .owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
  }
  .profissionais .btn-diversa,
  .sobre-nos .btn-diversa {
    margin: 0 auto;
    display: block;
    max-width: 150px;
  }
  .profissionais h2 {
    margin-top: 1.8em;
  }
}

.team1 h1,
.team1 h2,
.team1 h3,
.team1 h4,
.team1 h5,
.team1 h6 {
  color: #3e4555;
}

.team1 h6 {
  font-size: 35px;
}

.team1 .font-weight-medium {
  font-weight: 500;
}

.team1 .subtitle {
  color: #8d97ad;
  line-height: 24px;
}

.team1 .pro-pic {
  height: 400px;
  min-height: 400px;
}

.team1 .pro-pic .card-img-overlay {
  background: rgba(115, 168, 169, 0.87);
  display: none;
}

.team1 .pro-pic .card-img-overlay ul {
  top: 50%;
}

.team1 .pro-pic .card-img-overlay ul li a {
  -webkit-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}

.team1 .pro-pic .card-img-overlay ul li a:hover {
  -webkit-transform: translate3d(0px, -5px, 0px);
  transform: translate3d(0px, -5px, 0px);
}

.team1 .pro-pic:hover .card-img-overlay {
  display: block;
}
.conteudo-youtube{
  max-width:450px;
  display: block;
  width: 100%;
  margin:0 auto;
}

.conteudo-youtube2{
  max-width:450px;
  display: block;
  width: 100%;
}

.btn.btn-outline-primary.cabine-psi{
  margin: 0 auto; 
   width: max-content; 
  display: block;
  border-radius: 50px;
  border-color: #73a8a9;
  
}