@import url('fontes.css');

body, html {
  font-family: 'Manrope_Regular';
  overflow-x: hidden;
  font-size: 16px;
  color: #003d50;
  background: #fff;
}

@media (min-width:1200px) {
  .container {
   max-width: 1300px !important;
  }
}

a:hover {text-decoration: none !important;}
.center {text-align: center;}
.right {text-align: right;}
.mobile  {display: none;}
.vertical {margin: auto 0;}
.imgtotal img {width: 100%}
.none {display: none;}
.margin {margin: 60px 0;}
strong {font-family: 'Manrope_Bold';}
#iraotopo {position: fixed;bottom: 40px;right: 30px;z-index: 9999;width: 32px;height: 32px;text-align: center;background: #003d50;cursor: pointer;border: 0;border-radius: 50%;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#iraotopo:hover {background: #00ba6b;}
#iraotopo.show {opacity: 1;}
.btn_enviar_mail {background: #003d50;color: #fff;border-radius: 10px;padding: 10px 40px;}
.btn_enviar_mail:hover {background: #00ba6b;color: #fff;}
.saibamais {background: #00ba6b;color: #fff;padding: 5px 15px;border-radius: 10px;}
.saibamais:hover {background: #003d50;color: #fff;}
@keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}
textarea:focus, input:focus, select:focus {box-shadow: 0 0 0 0;border: 0 none;outline: 0;}

/* HEADER */
header {
    background: #e0ecf0;    
    padding-top: 15px;
    padding-bottom: 20px;
}
header .barra {
    border-bottom: 1px solid #c9dae0;
    padding-bottom: 15px;
}
header .barra img {
    width: 25px;
}
header .barra a {
    font-family: 'Manrope_Medium';
    display: inline-block;
    color: #003d50;
    padding: 0 20px;
    font-size: 14px;
}
header .barra a.social {
    padding: 0 3px;
}
header .menu ul {
    padding: 0;
    margin: 0;
}
header .menu ul li {
    font-family: 'Manrope_Medium';
    display: inline-block;
}
header .menu ul li a {
    color: #003d50;
    padding: 0 15px;
}
header .menu ul li a.agendar {
    background: #00ba6b;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
}

/* SUB MENU */
header .menu .submenu {
    position: absolute;
    margin: 0;
    z-index: 2;
}
header .menu .submenu li {
    display: block;
    background: #003c50;
}
header .menu .submenu li.inicio {
    border-radius: 10px 10px 0 0;
}
header .menu .submenu li.final {
    border-radius: 0 0 10px 10px;
}
header .menu .submenu li a {
    width: 100%;
    color: #fff;
    font-size: 15px;
    text-transform: none;
    display: inline-block;
    padding: 15px 40px;
    border-radius: 10px;
}
header .menu .submenu li a:hover {
    background: #00ba6b !important;
    color: #fff;
}
header .menu .atividades .submenu {
    text-align: center;
    margin-left: -16px;
}
header .menu .atividades:hover .submenu {
    display: block;
    animation: fadeIn 1s;
}

/* SLIDESHOW */
.slideshow .swiper-button-prev {
    background-image: url("../images/arrows-left.png") !important;
    left: 0 !important;
    background-repeat: no-repeat !important;
    border-radius: 0 10px 10px 0;
    background-size: 60px 60px !important;
    width: 60px !important;
    background-color: #fff;
    height: 60px !important;
}
.slideshow .swiper-button-next {
    background-image: url("../images/arrows-right.png") !important;
    right: 0 !important;
    background-repeat: no-repeat !important;
    border-radius: 10px 0 0 10px;
    background-size: 60px 60px !important;
    width: 60px !important;
    background-color: #fff;
    height: 60px !important;
}

/* TITULOS */
.titulo h1 {
    font-family: 'Manrope_SemiBold';
    margin: 0;
}
.titulo h2 {
    font-family: 'Manrope_SemiBold';
    margin-bottom: 30px;
}
.titulo h1 img,.titulo h2 img {
    margin-top: 14px;
    margin-left: 3px;
}

/* DESTAQUE */
.destaque_video {
    background: #e0ecf0;
    padding: 60px 0;
}

/* ESPECIALIDADES */
.especialidades .container {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
.especialidades ul li {
    list-style-type: none;
    line-height: 35px;
}
.especialidades ul li img {
    padding-right: 8px;
}

/* DADOS */
.dados .margintop {
    margin-top: 40px;
}
.dados .box {
    background: #f7f7f7;
    padding: 20px 0;
    border-radius: 10px;
    border-right: 5px solid #00ba6b;
    box-shadow: 0px 3px 13px -4px rgba(0,0,0,0.15);
}
.dados .box h2 {
    font-family: 'Manrope_ExtraBold';
    font-size: 60px;
    margin: 0;
}
.dados .box p {
    margin: 0;
}

/* CONSULTA */
.consulta {
    margin: 80px 0;
}
.consulta .row {
    background:  #003d50;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    border-radius: 20px;
}
.consulta .box {
    padding: 60px 0;
}
.consulta .box h2 {
    color: #fff;
    font-family: 'Manrope_Bold';
}
.consulta .box p {
    margin: 0;
}
.consulta a {
    background: #00ba6b;
    color: #fff;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
}
.consulta a:hover {
    background: #fff;
    color: #003d50;
}
.widget-well {
    max-width: 100% !important;
}

/* INTERNO */
.topo_interno {
    background: #00ba6b;
    padding: 15px 0;
}
.topo_interno h1 {
    font-family: 'Manrope_Light';
    font-size: 30px;
    margin: 0;
    color: #fff;
}
.topo_interno span {
    font-size: 13px;
}

/* FOOTER */
footer {
    background: #e0ecf0;
    padding: 50px 0;
}
footer .logo {
    width: 130px;
    margin-bottom: 15px;
}
footer i {
    font-size: 16px;
}
footer .direitos {
    margin: 0;
    font-size: 11px;
}

/* FORMULÁRIOS */
form.faleconosco {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  padding: 20px 30px;
  margin-top: 10px;
  font-size: 16px;
  box-shadow: 10px 10px 0px -1px rgba(0,0,0,0.15);
}


.faleconosco select.form-control:not([size]):not([multiple]) {
    height: calc(3rem + 2px);
}
:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}
.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}
.form-label-group > input,.form-label-group > textarea,.form-label-group > label {
    padding: var(--input-padding-y) var(--input-padding-x);
}
.form-control {
    border-radius: 0.3rem;
    height: calc(3.25rem + 2px);
    padding-top: 30px !important;
}
.form-label-group > select {
    font-size: 14px;
}
.form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 15px;
    width: 100%;
    margin-bottom: 0;
    line-height: 2;
    color: #373a36;
    border: 1px solid transparent;
    border-radius: 0.6rem;
    transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder,.form-label-group textarea::-webkit-input-placeholder {
    color: transparent;
}
.form-label-group input:-ms-input-placeholder,.form-label-group textarea:-ms-input-placeholder {
    color: transparent;
}
.form-label-group input::-ms-input-placeholder,.form-label-group textarea::-ms-input-placeholder {
    color: transparent;
}
.form-label-group input::-moz-placeholder,.form-label-group textarea::-moz-placeholder {
    color: transparent;
}
.form-label-group input::placeholder,.form-label-group textarea::placeholder {
    color: transparent;
}
.form-label-group input:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group input:not(:placeholder-shown) ~ label {
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px;
    color: #373a36;
}
.form-label-group textarea:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group textarea:not(:placeholder-shown) ~ label {
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px;
    color: #373a36;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder,.form-label-group textarea::-ms-input-placeholder {
    color: #373a36;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder,.form-label-group textarea:-ms-input-placeholder {
    color: #373a36;
  }
}