* {
    box-sizing: border-box
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

html {
    overflow-x: hidden !important
}

b,
strong {
    font-family: Argumentum-Black
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body,
html,
iframe {
    width: 100%;
    height: 100%
}

#aviso-cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 15px;
    background: #FFF;
    z-index: 1150;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: 0px 0px 2px 2px rgb(50 50 50 / 58%);
    -moz-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.58);
    box-shadow: 0px 0px 2px 2px rgb(50 50 50 / 58%);
}

#aviso-cookies.aviso-cookies2 {
    max-width: 500px;
    overflow: hidden;
}

#aviso-cookies .btn-cookie {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 10px 25px;
    height: 50px;
    transition: all 0.3s 0.3s;
    position: relative;
    background: #00a1d8;
}

#aviso-cookie .btn-cookie:hover {
    border-color: rgba(99, 80, 149, 1) !important;
    box-shadow: 0 0 0 0.2rem rgba(99, 80, 149, .25) !important;
}

.aviso-cookies2 .topo {
    float: left;
    width: 100%;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

.aviso-cookies2 .linha {
    justify-content: space-evenly;
    margin-top: 0rem;
    margin-bottom: 0rem;
    height: auto;
    max-height: 415px;
    overflow-y: scroll;
    padding-top: 9px;
    padding-bottom: 0rem;
}

.aviso-cookies2 .btn-inferior {
    background-color: #00a1d8;
    border: solid 1px #00a1d8;
    padding: 14px 18px;
    width: 65%;
    margin-bottom: 1rem;
    border-radius: 8px;
    color: #000;
    font-weight: bold;
}

body.body-cinza {
    background: #edeff2;
}

a:link,
a:visited {
    color: inherit;
    text-decoration: none
}

a:hover {
    text-decoration: none !important
}

.full {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.section {
    white-space: pre
}

.swal2-container {
    z-index: 2001 !important
}

.swal2-container.swal2-center {
    font-family: Argumentum-Regular
}

::-webkit-scrollbar {
    width: 5px;
    cursor: pointer
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00a1d8;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #00a1d8;
    border-radius: 10px
}

.overflowHidden {
    overflow: hidden
}

.branco {
    color: #fff !important
}

.preto {
    color: #000 !important
}

.grafite {
    color: #767573;
}

.laranja {
    color: #00a1d8
}

.cinzaEscuro {
    color: #445568
}

.cinzaClaro {
    color: #a6a6a6
}

.corPrincipal {
    color: #00a1d8
}

.fundoPrincipal {
    background-color: #00a1d8
}

.positionAbsolute {
    position: absolute
}

.positionRelative {
    position: relative
}

.fonteBlack,
.fonteBold {
    font-family: Argumentum-Regular;
    font-weight: bold;
}

.weight-bold {
    font-weight: bold;
}

.fonteRegular {
    font-family: Argumentum-Regular
}

.cursor-pointer {
    cursor: pointer
}

.pagination {
    text-align: center;
    margin: auto;
    float: left;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    margin-top: 2rem;
    margin-bottom: 1rem;
    transition: all .7s
}

.pagination a:hover,
.pagination strong {
    color: #fff;
    background-color: #00a1d8
}

.pagination a,
.pagination strong {
    border: solid 1px #00a1d8;
    padding: 8px 13px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Argumentum-Regular
}

.slick-initialized .slick-slide {
    cursor: pointer;
    outline: 0
}

.container-titulo h1,
.container-titulo h2 {
    font-size: 1.7rem;
    text-transform: uppercase;
    color: #445568
}

.container-titulo2 h1,
.container-titulo2 h2 {
    font-size: 3rem;
    text-transform: uppercase;
    color: #445568;
    margin-top: 6rem;
    margin-bottom: 6rem
}

.container-titulo2 span {
    position: absolute;
    font-size: 13rem;
    left: 0;
    right: 0;
    color: #f0f0f0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.body-cinza .container-titulo2 span {
    color: #ddd;
}

.container-titulo .linha {
    background-color: #00a1d8;
    height: 5px;
    width: 280px;
    margin: 1em auto
}

.container-titulo2 .linha {
    background-color: #00a1d8;
    height: 10px;
    width: 36px;
    margin: .4em auto
}

.container-titulo2 .texto {
    font-size: 1.15rem;
    line-height: 2rem
}

.container-sobre-produto .linha {
    width: 105px;
    margin-right: 0
}

.container-sobre-produto .botao {
    margin-top: 6rem;
    width: 150px
}

.container-sobre-produto .botao:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.container-sobre-produto {
    padding-bottom: 3rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-bottom: 6rem;
    background-attachment: fixed
}

.backgroundFull {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

optgroup {
    background: #d3d3d3;
    font-size: 1.2rem
}

.label-file,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    border: solid 1px #e6e6e6;
    width: 100%;
    padding: 18px 15px;
    margin-bottom: 1em;
    resize: none;
    color: #000;
    background: #FFF;
    font-size: 1.15rem;
    margin-top: 2rem
}

.label-file2 {
    position: absolute;
    left: 30px;
    top: 50px;
    color: #fff;
    z-index: 2;
    font-size: 1.5rem
}

input[type=file] {
    display: none
}

.label-file {
    cursor: pointer;
    border-radius: 8px;
    text-align: left;
    background: #afafaf;
    color: #fff;
    padding-left: 70px
}

.container-contato-home input[type=email],
.container-contato-home input[type=tel],
.container-contato-home select,
.container-contato-home input[type=number],
.container-contato-home input[type=text],
.container-contato-home textarea {
    padding: 15px 15px;
    font-size: 1rem
}

.container-contato-home .botao3 {
    padding: 15px 50px
}

.container-contato-home .texto {
    margin-bottom: 2rem
}

.container-contato-home .texto ul {
    padding-left: 15px
}

.container-contato-home .foto {
    height: 150px;
    width: 150px;
    margin: auto;
    margin-bottom: 3rem;
    overflow: hidden;
    border-radius: 50%
}

.container-edicao iframe {
    height: 500px
}

::-webkit-input-placeholder {
    color: #888
}

::-moz-placeholder {
    color: #888
}

:-ms-input-placeholder {
    color: #888
}

:-moz-placeholder {
    color: #888
}

.slick-slider .left,
.slick-slider .right {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 99;
    cursor: pointer
}

.slick-slider .slick-disabled {
    -webkit-filter: contrast(30%);
    filter: contrast(30%)
}

.slick-slider .left {
    left: -15px;
    transform: translateY(-50%) rotate(180deg)
}

.slick-slider .right {
    right: -15px
}

.botao {
    background-color: #313131;
    border: solid 1px #313131;
    padding: 7px 9px;
    color: #fff;
    float: left;
    transition: all 1s;
    cursor: pointer;
    border-radius: 25px;
    text-align: left;
    position: relative;
    height: 3rem;
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 30px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .25)
}

.botao2 {
    background-color: #00a1d8;
    border: solid 1px #00a1d8;
    padding: 4px 30px !important;
    transition: all 1s
}

.botao2:hover {
    background-color: #fff;
    color: #00a1d8 !important
}

.botao3 {
    background-color: #00a1d8;
    border: solid 1px #00a1d8;
    color: #fff;
    transition: all 1s;
    border-radius: 8px;
}

.botao3:hover {
    background: 0 0;
    color: #000 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.bxsliderBanner label {
    margin-left: 10px;
    margin-right: 30px
}

.bxsliderBanner select {
    float: left;
    max-width: 290px;
    margin-left: 15px;
    max-width: 400px
}

.bxsliderBanner .botao2 {
    height: 4rem;
    padding: 4px 55px !important;
    cursor: pointer;
    margin-top: 1.8rem
}

.bxsliderBanner .texto {
    font-size: 3rem;
    margin: auto;
    margin-bottom: 2.5rem;
    max-width: 800px
}

.bxsliderBanner input[type=radio] {
    width: 22px;
    height: 22px;
    float: left
}

.bxsliderBanner .tipo {
    margin-bottom: 3rem
}

.botao .frase {
    top: 50%;
    transform: translateY(-50%);
    position: relative
}

.botao:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.imgFull {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.imgContain {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.modal-body,
.modal-content,
.modal-footer,
.modal-header {
    float: left;
    width: 100%;
    max-width: 100%;
    border-radius: 0.7rem;
}

.modal-body #lista-perguntas {
    padding: 30px 15px;
}

.modal-body #lista-perguntas {
    color: #666;
}

.modal-body #lista-perguntas textarea,
.modal-body #lista-perguntas input,
.modal-body #lista-perguntas select {
    margin-top: 0.5rem;
}

.modal-open .modal {
    z-index: 2500;
    background: rgba(0, 0, 0, 0.5);
}

.modal-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #00a1d8;
    color: #000;
}

.modal .modal-body label {
    margin-bottom: .5rem
}

.modal .botao3 {
    padding: 7px 30px;
    border-radius: 25px
}

.modal .topomodal {
    background: #00a1d8;
    padding: 1rem;
    border: solid 1px #fff;
    cursor: pointer
}

.modal .topomodal.selecionado {
    background: #00a1d8;
    color: #fff
}

#loginModal .modal-content,
#loginModal2 .modal-content {
    border: none;
    background: transparent;
}

#loginModal .modal-body,
#loginModal2 .modal-body {
    padding: 0;
}

#loginModal.modal,
#loginModal2.modal {
    z-index: 2100;
}

#loginModal .close,
#loginModal2 .close {
    color: #FFF;
    position: absolute;
    top: 6px;
    right: 15px;
    opacity: 1;
}

#loginModal .ladob,
#loginModal2 .ladob {
    background: #00a1d8;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

#loginModal .apresentacao,
#loginModal2 .apresentacao {
    font-size: 1.3rem;
    margin-bottom: 2rem;
}

#loginModal .subapresentacao,
#loginModal2 .subapresentacao {
    margin-bottom: 2rem;
}

#loginModal .ladoa,
#loginModal2 .ladoa {
    background: #FFF;
}

#loginModal .lados,
#loginModal2 .lados {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

#bannerPrincipal input::-webkit-input-placeholder,
#bannerPrincipal2 input::-webkit-input-placeholder,
.container-pergunte-especialista input::-webkit-input-placeholder {
    color: #888
}

#bannerPrincipal input::-moz-placeholder,
#bannerPrincipal2 input::-moz-placeholder,
.container-pergunte-especialista input::-moz-placeholder {
    color: #888
}

#bannerPrincipal input:-ms-input-placeholder,
#bannerPrincipal2 input:-ms-input-placeholder,
.container-pergunte-especialista input:-ms-input-placeholder {
    color: #888
}

#bannerPrincipal input:-moz-placeholder,
#bannerPrincipal2 input:-moz-placeholder,
.container-pergunte-especialista input:-moz-placeholder {
    color: #888
}


#bannerPrincipal .rsMinW,
#bannerPrincipal2 .rsMinW {
    width: 100%;
    overflow: hidden
}

#bannerPrincipal .busca,
#bannerPrincipal2 .busca {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    width: 1140px
}

#bannerPrincipal2 .busca {
    width: 100%;
    top: unset;
    bottom: 25%;
    transform: translateX(-50%)
}

#bannerPrincipal .busca .lupa {
    top: 53px
}

#bannerPrincipal2 .busca .lupa {
    top: 15px
}

#bannerPrincipal .busca .lupa,
#bannerPrincipal2 .busca .lupa {
    position: absolute;
    margin-left: -35px;
    font-size: 1.2rem
}

#bannerPrincipal .busca .texto1 {
    margin-top: .3rem;
    font-size: 1.5rem
}

#bannerPrincipal .busca .texto2 {
    margin-top: .4rem;
    margin-bottom: 1.3rem
}

#bannerPrincipal2 .busca .texto1 {
    margin-top: .3rem;
    font-size: 1.2rem
}

#bannerPrincipal2 .busca .texto2 {
    margin-top: .4rem;
    margin-bottom: 1rem
}

.container-banner-interno {
    max-height: 360px;
    overflow: hidden
}

.container-banner-interno img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.rsMinW .rsArrowLeft {
    left: 37px;
    bottom: 7px
}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
    width: 50px;
    height: 75px;
    top: 42%
}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
    width: 50px;
    height: 75px;
    top: 42%
}

.rsMinW .rsArrowRight {
    right: 37px !important;
    bottom: 0 !important
}

.rsMinW .rsArrow {
    height: 100% !important
}

#topoMenuCelular {
    top: 0;
    padding-bottom: .5em;
    padding-top: .5em;
    position: relative;
    z-index: 60;
    background: #00a1d8;
    border-bottom: solid 2px #00a1d8;
    ;
    float: left;
    width: 100%
}

#menuHamburger {
    margin-top: .5rem
}

#menuHamburger a {
    color: #fff;
    font-size: 35px
}

.MenuResposivo {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    background: #fff;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9999;
    padding-top: 1rem
}

.MenuResposivo .fechar {
    font-size: 1.5rem;
    right: 5px;
    top: 0;
    z-index: 200;
    padding: 10px
}

.MenuResposivo ul li {
    color: #445568;
    padding: 1em;
    opacity: .5;
    transition: .3s all;
    font-size: 1.2rem;
    list-style: none
}

.MenuResposivo ul .lista-interna {
    padding: .5rem 2rem
}

.MenuResposivo ul li.areas-internas {
    position: absolute;
    bottom: 0;
    background: #f6f6f6;
    width: 100%;
    padding: 1rem;
    opacity: 1
}

.MenuResposivo ul>li.selected {
    opacity: 1
}

.MenuResposivo ul>li.selected a {
    font-family: Argumentum-Black
}

.overlay,
.overlay2 {
    transition: all 1s;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 100%;
    background: rgba(14, 14, 14, .7);
    overflow: hidden;
    z-index: 1051
}

body.modal-open {
    overflow: hidden;
}

.centerX {
    top: 50%;
    position: relative;
    transform: translateY(-50%)
}

.topo-principal {
    position: relative;
    z-index: 1049;
    background-color: #FFF;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    transition: all 0.3s;
    top: 0;
}

.topo-principal .btn-topo {
    background: #00a1d8;
    width: 250px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 7px;
    line-height: 1.4rem;
}

.topo-principal .btn-topo.btn-login {
    background: #FFF;
    color: #777;
    height: 61px;
}

.topo-principal li.dropdown:hover .dropdown-menu,
.open>.dropdown-menu {
    display: inline-block !important;
}

.topo-principal .dropdown-menu li:hover {
    background-color: #fff;
    color: #00a1d8;
    border: solid 1px #00a1d8;
}

.topo-principal .dropdown-menu {
    width: 250px;
    font-size: 1.3rem;
    top: 43px;
    left: 0;
    border: none;
    background: 0 0;
}

.topo-principal .dropdown-menu:after {
    position: absolute;
    content: ' ';
    height: 22px;
    width: 2px;
    top: 10px;
    background-color: #CCC;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.topo-principal .dropdown-menu.dropdown-login:after {
    margin-left: 18px;
    top: 0;
    height: 32px;
}

.topo-principal .dropdown-menu li {
    padding: 10px 15px;
    float: left;
    width: 100%;
    transition: all 1s;
    color: #eee;
    background-color: #00a1d8;
    border-bottom: solid 2px #fff;
    margin-left: 0 !important;
    text-transform: initial;
    border: solid 1px;
}

.topo-principal .dropdown-menu.dropdown-login {
    left: 105px;
    border: none;
    padding-top: 0;
}

.topo-principal .dropdown-menu.dropdown-login li {
    color: #777;
    background: #FFF;
    border: solid 1px #777;
}

.topo-principal .dropdown-menu.dropdown-login li:hover {
    background: #00a1d8;
    color: #FFF;
}

.topo-principal .dropdown-texto .dropdown-menu {
    top: 15px;
}

.topo-principal .usuario-icone {
    position: absolute;
    left: -36px;
    font-size: 1.8rem;
    top: 4px;
}

.topo-principal .dropdown-texto .dropdown-menu li {
    background: #FFF;
    border: solid 1px #CCC;
}

.topo-principal .dropdown-texto:hover .dropdown-menu {
    display: inline-block !important;
}


.topo-principal .list-2 li {
    margin-right: 0;
    margin-left: 3rem
}

.topo-principal .list-2 li img {
    margin-right: 10px;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
}

.topo-principal .list-1 i {
    color: #68bd5b;
    margin-right: 10px
}

#menu-cidades {
    margin-left: 63px;
}

.fundoPrincipal .filtro-topo input {
    background: #FFF;
    color: #777;
    border: none;
    width: 205px;
    padding: 15px 30px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: none;
    margin-top: 0.8rem;
}

.fundoPrincipal .filtro-topo#menu-areas input {
    width: 232px;
}

.fundoPrincipal .filtro-topo i.i-topo {
    margin-left: 10px;
    float: right;
}

.fundoPrincipal .filtro-topo input::placeholder {
    color: #888;
    opacity: 1;
}

.fundoPrincipal .filtro-topo input:-ms-input-placeholder {
    color: #888;
    opacity: 1;

}

.fundoPrincipal .filtro-topo input::-ms-input-placeholder {
    color: #888;
    opacity: 1;
}

.fundoPrincipal .filtro-topo i {
    margin-left: 42px;
    padding: 16px;
    background: #DDD;
    color: #000;
    cursor: pointer;
}

.fundoPrincipal .filtro-topo .custom-combobox-toggle {
    background: #DDD;
    border: none;
    margin-top: 0.8rem;
}

.fundoPrincipal .filtro-topo .custom-combobox-toggle .ui-icon {
    background-image: url(../img/play-button.svg) !important;
    transform: rotate(90deg);
    background-position: center center;
}

.fundoTopo {
    position: fixed;
    z-index: 1000;
    -webkit-box-shadow: 0 8px 30px 2px rgba(255, 255, 255, 0.901);
    -moz-box-shadow: 0 8px 30px 2px rgba(255, 255, 255, 0.901);
    box-shadow: 0 8px 30px 2px rgba(255, 255, 255, 0.901);
    transition: all 0.7s;
    top: 6rem;
    height: 85px;
}

.fundoTopo .dropdown-menu {
    width: 250px;
    font-size: 1.3rem;
    top: 47px;
    padding: 0;
    left: 9rem;
    background: 0 0;
    border: solid 1px #fff;
}

.fundoTopo li.dropdown:hover .dropdown-menu,
.open>.dropdown-menu {
    display: inline-block !important
}

.fundoTopo .lista-1 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    margin-right: 0
}

.fundoTopo .lista-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    margin-right: 0
}

.fundoTopo .lista-2 li {
    font-size: .9rem;
    padding-left: 40px;
    margin-right: 15px;
    float: left;
}

.fundoTopo .lista-2 .dropdown-menu li {
    padding: 10px 15px;
    float: left;
    width: 100%;
    transition: all 1s;
    color: #fff;
    background-color: #00a1d8;
    border-bottom: solid 2px #fff
}

.fundoTopo .lista-2 .dropdown-menu li:hover {
    background-color: #fff;
    color: #00a1d8;
    border: solid 1px #00a1d8
}

.fundoTopo .lista-2 li.selected,
.fundoTopo .lista-2 li:hover {
    font-family: Argumentum-Regular;
    font-weight: bold;
}

.fundoTopo .btn-topo {
    position: absolute;
    margin-top: 1.4rem;
    background: #00a1d8;
    width: 250px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 7px;
    line-height: 1.4rem;
    margin-left: 7rem;
}

.container-agendamento {
    margin-top: 5rem;
    background: #F6F6F6;
    margin-bottom: 5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.container-agendamento .texto {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    float: left
}

.container-agendamento .texto .pergunta {
    font-size: 1.3rem
}

.container-agendamento .texto .pergunta div {
    width: calc(100% - 41px);
    float: left
}

.container-agendamento .texto img {
    margin-right: 1rem;
    margin-top: -4px
}

.container-agendamento .texto .resposta {
    font-size: 1.1rem;
    margin-top: 1rem
}

.container-agendamento ol {
    padding: 15px;
    line-height: 2rem
}

.container-anuncio .foto {
    height: 125px;
    margin: 3rem auto;
    transition: all 1s
}

.container-anuncio .foto:hover {
    -webkit-box-shadow: 0 0 20px -1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 20px -1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px -1px rgba(0, 0, 0, .5)
}

.container-anuncio .foto img {
    height: 100%;
    max-width: 975px;
    object-fit: cover
}

.container-materia-home {
    color: #414141;
    margin-bottom: 3rem
}

.container-materia-home .slick-slide {
    margin: 0 10px
}

.container-materia-home .slick-list {
    margin: 0 -10px
}

.container-materia-home .categoria {
    font-size: 1.1rem;
    margin-top: .7rem;
    margin-bottom: .7rem;
    height: 1.2rem;
    overflow: hidden
}

.container-materia-home .cada {
    margin-bottom: 3rem;
    transition: all 1s
}

.container-materia-home .cada:hover .botao {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.container-materia-home .botao {
    width: 170px
}

.container-materia-home .texto {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 1rem;
    height: 3rem;
    overflow: hidden
}

.container-materia-home .textinho {
    height: 5rem;
    overflow: hidden
}

.container-materia-home .foto {
    height: 190px;
    margin-bottom: 1.3rem
}

.container-materia-home .foto img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.container-materia {
    color: #646464;
    margin-bottom: 4rem
}

.container-materia .comentario.principal {
    border-top: solid 1px #CCC;
    padding-top: 15px;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    float: left;
    width: 100%;
}

.container-materia .comentario .opcoes {
    cursor: pointer;
}

.container-materia .comentario .opcoes i {
    transition: all 1s;
}

.container-materia .comentario .opcoes i:hover {
    color: #00a1d8;
}

.container-materia .comentario .opcoes i.curtida {
    color: #00a1d8;
}

.breadcrumb {
    background: #FFF;
    font-size: 0.9rem;
}

.container-materia button {
    background: #FFF;
    padding: 15px 30px;
    border-radius: 10px;
    font-weight: bold;
    color: #000;
    width: 100%;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
}

.container-materia .comentario.secundario {
    border-left: solid 1px #CCC;
    padding-left: 1rem;
    margin-bottom: 2rem;
}

.container-materia .foto {
    width: 560px;
    margin: auto;
    max-height: 395px;
    overflow: hidden;
}

.container-materia .conteudo-autor {
    border: solid 2px #00a1d8;
    border-radius: 15px;
    padding: 25px;
    font-family: Argumentum-Regular;
    color: #000;
    float: left;
    width: 520px;
    margin-left: 3rem;
    z-index: 1;
    transition: all 1s;
    background: #FFF;
}

.container-materia .conteudo-autor.conteudo-blog {
    width: auto;
    min-width: 250px;
    padding: 15px;
}

.container-materia .conteudo-autor.conteudo-blog .foto2 {
    float: none;
}

.container-materia .conteudo-autor .resumo {
    float: left;
    width: calc(100% - 175px);
}

.container-materia .conteudo-autor .nomemedico {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.conteudo-autor .selo {
    position: absolute;
    top: -58px;
    height: 120px;
    left: -10px;
}

.container-materia .conteudo-autor .botao {
    background-color: #00a1d8;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    width: 80%;
    box-shadow: unset;
    border: none;
}

.container-materia .conteudo-autor .foto2 {
    float: left;
    height: 160px;
    width: 160px;
    border-radius: 2px;
    transition: all 1s;
    margin-right: 15px;
}

.container-materia .conteudo-autor .foto3 {
    height: 520px;
    width: 315px;
}

.container-materia .conteudo-autor .foto2 img,
.container-materia .conteudo-autor .foto3 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#conteudo-autor.scrollou {
    position: fixed;
    top: 160px;
}

.container-materia h3 {
    font-size: 1.15rem;
    margin-top: 2rem
}

.container-materia h1 {
    font-size: 2rem;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    text-transform: inherit
}

.container-materia .audio {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.container-materia .texto {
    margin-top: 1rem;
    line-height: 2rem;
    font-size: 1.15rem;
    max-width: 560px;
}

.container-blog .texto {
    max-width: 100%;
}

#os-comentarios.comentarios-blog {
    border-top: solid 1px #ccc;
    padding-top: 2rem;
    margin-top: 3rem;
}

.container-materia .comentarios {
    max-width: 560px;
    border-bottom: solid 1px #CCC;
}

.container-materia .comentarios .deslogado {
    padding: 40px 75px;
    border: solid 1px #ccc;
    margin: 2rem 0;
}

.container-materia .texto ul {
    padding-left: 15px
}

.container-edicoes-home {
    margin-bottom: 3rem
}

.container-edicoes-home .foto {
    height: 340px;
    transition: all 1s
}

.container-edicoes-home .foto:hover {
    -webkit-box-shadow: 0 0 25px 6px rgba(0, 0, 0, .55);
    -moz-box-shadow: 0 0 25px 6px rgba(0, 0, 0, .55);
    box-shadow: 0 0 25px 6px rgba(0, 0, 0, .55)
}

.slider-edicao {
    margin-top: 3rem
}

.slider-edicao .slick-slide {
    margin: 0 7px;
    padding-top: 10px;
    padding-bottom: 10px
}

.slider-edicao .slick-list {
    margin: 0 -7px
}

.slider-evento .slick-slide {
    margin: 0 7px;
    padding-top: 10px;
    padding-bottom: 10px
}

.slider-evento .slick-list {
    margin: 0 -7px
}

.container-bannerzinho .slide {
    height: 210px;
    background: #ededed;
    border-radius: 5px;
    padding: 20px;
}

.container-bannerzinho .slide .nome {
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
}

.container-bannerzinho .slide .descricao {
    height: 60px;
    margin-bottom: 2rem;
    line-height: 1.4rem;
}

.container-bannerzinho .slide button {
    padding: 0.5rem 1rem;
    width: 100%;
}

.container-bannerzinho .slick-slide {
    margin: 0 10px;
}

.container-materia-home .fotog {
    height: 400px;
}

.container-materia-home .fotog h4,
.container-materia-home .foto h4,
.container-materia h4,
.container-medico .materia .foto2 h4 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
}


.container-materia-home .foto h4,
.container-medico .materia .foto2 h4 {
    font-size: 1.3rem;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.container-materia-home .fotog h4,
.container-materia .fotog h4 {
    font-size: 2rem;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.container-materia-home h3 {
    margin-top: .5rem;
    margin-right: 1rem
}

.container-materia-home .filtro {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    float: left
}

.container-materia-home .filtro select {
    width: auto;
    background: #fff;
    padding: 9px 25px;
    margin-bottom: 3rem
}

.container-eventos-home {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.container-eventos {
    margin-bottom: 8rem
}

.container-eventos-calendario {
    background-color: #f0f0f0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.15rem;
    margin-top: 3rem
}

.container-eventos-calendario .calendario {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.container-eventos-calendario select {
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.container-eventos-calendario .cal {
    font-size: 3rem
}

.container-eventos-calendario .arrow {
    font-size: 1.3rem;
    float: right;
    margin-top: 1rem;
    margin-left: 1rem
}

.container-eventos-home .slider-evento {
    margin-top: 2.5rem
}

.container-eventos-home .borda {
    border: solid 1px #dcdcdc;
    padding: 10px;
    color: #414141;
    position: relative;
    transition: all 1s;
    margin-bottom: 5rem
}

.container-eventos-home .borda:hover {
    -webkit-box-shadow: 0 0 37px 6px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 37px 6px rgba(0, 0, 0, .35);
    box-shadow: 0 0 37px 6px rgba(0, 0, 0, .35)
}

.container-eventos-home .botao {
    position: relative;
    bottom: 10px;
    left: 50%;
    width: 160px;
    transform: translateX(-50%)
}

.container-evento .botao:hover,
.container-eventos-home .borda:hover .botao {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.container-eventos-home .foto {
    height: 130px
}

.container-eventos-home .nome {
    font-size: .9rem;
    margin-top: .5rem;
    line-height: 1.3rem;
    font-weight: 700;
    height: 4rem;
    color: #445568;
    overflow: hidden
}

.container-eventos-home .texto {
    font-size: .9rem;
    height: 7rem;
    line-height: 1.4rem
}

.container-evento {
    margin-bottom: 2rem
}

.container-evento h1 {
    font-size: 1.15rem;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.container-evento .foto {
    height: 220px;
    width: 80%;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 4rem
}

.container-evento .botao {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5rem;
    margin-top: 5rem
}

.container-evento .foto img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.container-parceiros-home {
    margin-top: 5rem;
    margin-bottom: 8rem
}

.container-areas {
    background: #f5f5f5;
    margin-top: 1rem;
    padding-top: 2rem;
}

.container-areas .sempre-ver {
    display: block !important
}

.container-areas .visivel {
    display: block;
    padding: 0 5px;
}

.container-areas .invisivel {
    display: none
}

.container-areas #texto-ver-todas {
    color: #8b96a2
}

.container-areas .icone {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #00a1d8
}

.container-areas .area {
    height: 310px;
    margin-bottom: 0.6rem;
    border-radius: 11px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#aviso-cookies .container-areas .area {
    height: 135px !important;
    width: 135px !important;
}

.container-servicos .slider-fizemos {
    margin-bottom: 2rem
}

.container-servicos .texto {
    margin-bottom: 3rem
}

.container-servicos .texto ul {
    padding-left: 15px
}

.container-parceiros-home .foto,
.container-servicos .foto {
    height: 100px
}

.container-servicos .produtoFoto {
    height: 200px;
    margin-bottom: 1rem;
}

.container-parceiros-home .foto img,
.container-servicos .foto img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 1s
}

.container-fizemos .foto img {
    margin: auto
}

.container-parceiros-home .foto img:hover,
.container-servicos .foto img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.container-parceiros-home .slider-parceiros {
    margin-top: 4rem
}

.container-parceiros-home .botao {
    left: 50%;
    transform: translateX(-50%);
    margin-top: 2em;
    width: 150px
}

.container-parceiro {
    margin-bottom: 3rem
}

.container-parceiro .cada {
    height: 200px;
    border: solid 2px #c8c8c8;
    margin-bottom: 1rem;
    transition: all 1s
}

.container-parceiro .cada:hover {
    border: solid 2px #00a1d8
}

.container-parceiro .cada img {
    height: 100%;
    width: 100%;
    object-fit: scale-down
}

.container-guia-saude {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.container-guia-saude .frase {
    border-bottom: solid 1px transparent;
    transition: all 1s;
}


.container-guia-saude .materia:hover .frase {
    border-bottom: solid 1px;
}

.container-guia-saude .cada-profissional {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    background: #faf7f7;
    border-radius: 4px;
}

.container-guia-saude.container-guiasaude-clinica {
    margin-left: 1rem;
}

.container-guia-saude.container-guiasaude-clinica .botao3,
.container-guia-saude.container-guiasaude-clinica .avaliar {
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
    margin: 0;
}

.container-guia-saude.container-guiasaude-clinica .categoria {
    font-size: 1rem !important;
}

.container-guia-saude .cada-profissional .avaliar {
    background: #00a1d8;
    color: #FFF;
    padding: 4px 15px;
    border-radius: 6px;
    border: solid 1px #00a1d8;
    transition: all 0.5s;
}

.container-guia-saude .cada-profissional .informacao {
    position: absolute;
    right: 10px;
    top: 172px;
}

.container-guia-saude .cada-profissional .avaliar:hover {
    background: #FFF;
    color: #00a1d8;
}

.container-guia-saude .cada-profissional .avaliacoes {
    color: #A6A6A6;
    font-size: 0.8rem;
}



.container-guia-saude .cada-profissional .horarios-guia-consulta {
    border-left: solid 1px #00a1d8;
    border-right: solid 1px #00a1d8;
    padding: 0 15px;
    color: #000;
    margin-bottom: 0.5rem;
    margin-top: 1rem;

}

.container-guia-saude .cada-profissional .horarios-guia-consulta i {
    color: #212121;
    margin-right: 2px;
}

.container-guia-saude .cada-profissional .horarios-guia-consulta .botao-consulta-guia .valor {
    font-weight: bold;
}

#retorno-guia-particular .cada .conteudo {
    font-size: 13px;
}

#retorno-guia-particular .slick-slider .left {
    top: 19px;
    left: 3px;
    color: #71757D;
    transform: unset;
    display: none !important;
}

#retorno-guia-particular .slick-slider .right {
    right: 15px;
    color: #71757D;
    transform: rotate(270deg);
    top: 17px;
    color: #F9A529;
    font-size: 1.2rem;
}

#retorno-guia-particular .cada .textogrande {
    font-size: 15px;
}

#retorno-guia-particular .cada .textogrande .fonteGrossa {
    font-weight: bold;
}

#retorno-guia-particular .titulo-guia {
    color: #71757D;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    float: left;
    width: 100%;
}

#retorno-guia-particular .titulo-guia guia {
    color: #00a1d8;
}

.container-guia-saude .cada-profissional .horarios-guia-consulta .botao-consulta-guia {
    background: #00a1d8;
    border: solid 1px #00a1d8;
    color: #FFF;
    padding: 4px 17px;
    margin-top: 0.5rem;
    border-radius: 7px;
    transition: all 0.6s;
}

.container-guia-saude .cada-profissional .horarios-guia-consulta .botao-consulta-guia:hover {
    color: #000;
    background: #FFF;
}

.container-guia-saude .materia .foto {
    height: 180px;
}

.container-guia-saude .materia .foto h4 {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    text-align: center;
}

#retorno-guia-particular .materia .foto {
    border-radius: 0;
    height: 135px;
    width: 210px;
    text-align: left;
    margin: 1rem;
}

#retorno-guia-particular .medico .cover-foto {
    width: 210px;
}

#retorno-guia-particular .medico .foto {
    width: 210px;
    height: 210px;
}

#retorno-guia-particular .perfil {
    width: calc(100% - 228px);
}


#retorno-guia-particular .cada-profissional .avaliar {
    font-weight: bold;
    padding: 8px 10px;
}

.container-guia-saude .foto img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.container-pergunte #form-pergunta {
    background: #a8c3cc;
    padding: 15px 30px;
}

.container-pergunte .fundoInicial h2 {
    font-size: 1.2rem;
}

.container-pergunte .fundoInicial .texto {
    font-size: 1.2rem;
}

.container-pergunte .fundoInicial .foto {
    height: 300px;
}

.container-pergunte textarea,
.container-pergunte input {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.container-pergunte textarea,
.container-pergunte input {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.container-pergunte .fundoInicial .foto img {
    object-fit: contain;
}

.container-pergunte .numeros {
    font-size: 1.4rem;
}

.como-funciona h2 {
    font-size: 1.3rem;
}

.como-funciona .texto {
    font-size: 1.2rem;
}

.container-pergunte-especialista h2 {
    font-size: 1.6rem;
    margin-top: 1rem;
    float: left;
    width: 100%;
}

.container-pergunte-especialista .foto {
    height: 130px;
    width: 130px;
    float: left;
    margin-right: 15px;
}

.container-pergunte select,
.container-pergunte input {
    margin: 1rem 0;
    padding: 9px 15px;
}

.como-funciona .quantidade {
    background: #EEE;
    width: 30px;
    height: 30px;
    margin: 0.5rem auto;
    text-align: center;
    padding-top: 6px;
    border-radius: 50%;
}

.container-pergunte-especialista .foto img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.container-pergunte-especialista input {
    width: calc(100% - 145px);
}

.container-guia-saude select {
    margin-top: 1rem;
}

.container-guia-saude h1,
.container-guia-saude h2.segundotitulo {
    margin-bottom: 2rem;
    font-size: 1.2rem;
    text-align: center
}

.container-guia-saude input[type="text"] {
    margin-top: 0;
}

.container-pula {
    margin-bottom: 5rem
}

.container-guia-saude .perfil {
    float: left;
    font-size: 1rem;
    width: calc(100% - 133px);
    color: #A6A6A6;
}

.container-guia-saude .perfil .nome {
    font-size: 1.1rem;
    width: calc(100% - 65px);
    line-height: 1.2rem;
    margin-bottom: 0.5rem;
}

.container-guia-saude .perfil .medico-endereco {
    font-size: 0.9rem;
}

.container-guia-saude .perfil .agendar {
    background: #00a1d8;
    color: #FFF;
    float: left;
    padding: 5px 15px;
    border-radius: 6px;
}

.container-guia-saude .perfil .especialista-rqe {
    position: absolute;
    top: 5px;
    height: 50px;
    right: 15px;
}

.container-guia-saude .slider-horarios .slick-arrow {
    top: 15px;
    transform: translateY(-50%);
    color: #00a1d8;
}

.container-guia-saude .slider-horarios .left {
    left: 0;
}

.container-guia-saude .slider-horarios .right {
    right: 0;
}

.container-guia-saude .mostrar-mais {
    position: relative;
    left: 0;
    right: 0;
    cursor: pointer;
}

.container-guia-saude .slider-horarios .esseDia {
    float: left;
    width: 25%;
    padding-left: 5px;
    padding-right: 5px;
    color: #A6A6A6;
}

.container-guia-saude .slider-horarios2 .esseDia {
    width: 33.3333%;
}


#calendario-ajax .nome {
    font-size: 1.4rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

#calendario-ajax .endereco {
    color: #A6A6A6;
}

#calendario-ajax .btn-perfil {
    width: 100%;
    margin-top: 1rem;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #00a1d8;
    border: solid 1px transparent;
    border-radius: 5px;
}

.container-guia-saude .slider-horarios .esseDia .horario {
    padding: 6px;
    width: 80%;
    border: solid 1px #A6A6A6;
    border-radius: 3px;
    margin: 0.8rem auto;
    color: #A6A6A6;
}

#calendario-ajax .esseDia .horario {
    width: 55%;
    padding: 2px 3px;
}

.container-guia-saude .slider-horarios .esseDia .horario:hover {
    background: #00a1d8;
    color: #FFF;
}

.container-guia-saude .slider-horarios .esseDia .horario.ocupado {
    text-decoration: line-through;
    background: transparent !important;
    border: none;
    color: #A6A6A6 !important;
}

.container-guia-saude .botao {
    width: 195px;
    font-size: 1rem;
    text-transform: capitalize;
    margin-top: 1rem
}

.container-guia-saude .areas {
    margin-top: 1rem;
    text-transform: uppercase
}

.container-guia-saude input[type=submit] {
    position: absolute;
    top: 0px;
    right: 0;
    width: 60px;
    height: 60px;
    background: #00a1d8;
    color: transparent;
    cursor: pointer;
    border: transparent
}

.container-guia-saude .lupa {
    position: absolute;
    top: 21px;
    right: 19px;
    font-size: 1.2rem;
    color: #fff
}

.container-guia-saude .titulo {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.1rem
}

.container-guia-saude .foto.banner {
    height: 125px;
    margin-bottom: 2rem;
    transition: all 1s
}

.container-guia-saude .foto.banner:hover {
    -webkit-box-shadow: 0 0 20px -1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 20px -1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px -1px rgba(0, 0, 0, .5)
}

.container-guia-saude .foto.banner img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.container-guia-saude .medico {
    margin-bottom: 2rem;
    float: left;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.container-guia-saude .medico .cover-foto {
    width: 118px;
    float: left;
    margin-right: 12px;
}

.container-guia-saude .medico .foto {
    height: 118px;
    width: 118px;
    border-radius: 8px;
}

.container-guia-saude-agendamento .medico .foto {
    height: 150px;
    width: 150px;
    margin-right: 10px;
    float: left;
}

.container-guia-saude-agendamento .perfil {
    width: 100% !important;
}

.container-guia-saude-agendamento .perfil {
    width: calc(100% - 160px) !important;
}

.container-guia-saude .medico .foto img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.container-guia-saude .list-endereco {
    margin-bottom: 6px;
    cursor: pointer;
    border: solid 1px #A6A6A6;
    padding: 3px 15px;
    color: #A6A6A6;
    margin: 0;
    transition: all 1s;
}

.container-guia-saude .list-endereco:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.container-guia-saude .list-endereco:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.container-guia-saude .list-endereco:last-child {
    margin-left: -4px;
}

.container-guia-saude .list-endereco:hover,
.container-guia-saude .list-endereco.selecionado {
    background: #00a1d8;
    color: #FFF;
}

.container-guia-saude .area {
    font-size: 1.15rem;
    color: #818181;
    border-bottom: solid 1px #818181;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.container-guia-saude .area.selected,
.container-guia-saude .area:hover {
    color: #000;
    font-family: Argumentum-Regular;
    font-weight: 700
}

.container-anuncie {
    margin-bottom: 2rem
}

.container-anuncie .funciona {
    background-color: #00a1d8;
    padding-top: 6rem;
    padding-bottom: 6rem
}

.container-anuncie .funciona .titulo {
    text-transform: uppercase;
    font-size: 1.15rem;
    margin-bottom: 4rem
}

.container-anuncie .cada {
    height: 115px;
    position: relative
}

.container-anuncie .cada .foto {
    height: 100%;
    margin-right: 10px
}

.container-anuncie .cada .texto {
    font-size: 1.1rem
}

.container-anuncie .oferecemos {
    padding-top: 4rem;
    color: #aaa;
    padding-bottom: 8rem;
    margin-bottom: 3rem;
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
}

.container-anuncie .oferecemos .foto {
    width: 50%;
    left: 0;
    top: 0;
}


.container-anuncie .oferecemos .titulo {
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 3.3rem;
    margin-bottom: 2rem
}

.container-anuncie .oferecemos .texto {
    font-size: 1.15rem
}

.container-unidades {
    margin-bottom: 6rem
}

.container-unidades select {
    width: auto;
    margin-top: 1rem;
    background: #fff
}

.container-unidades select option {
    background-color: #00a1d8;
    color: #fff
}

.container-unidades .texto {
    margin-bottom: 4rem
}

.container-representantes {
    margin-bottom: 6rem
}

.container-representantes .foto {
    height: 250px;
    margin: 1rem auto
}

.container-representantes .cada {
    margin-bottom: 3rem
}

.container-representantes .linha {
    margin-bottom: 3rem
}

.container-representantes .elements .linha {
    background-color: #00a1d8;
    height: 3px;
    width: 80px;
    margin: 1rem auto
}

.container-representantes .elements .titulo {
    font-size: 1.3rem
}

.container-representantes .elements .email {
    margin-top: 2rem
}

.container-representantes .elements .fone {
    margin-top: .5rem;
    position: relative;
    margin-bottom: .5rem
}

.container-representantes .elements .fone img {
    position: absolute;
    top: -5px;
    margin-left: 5px
}

.container-rodape-1 {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    background: #FFF;
    padding-bottom: 0.5rem;
    border-top: solid 1px #CCC;
}

.container-rodape-1 .linha {
    border-top: solid 1px #ccc;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 1.5rem
}

.container-rodape-1 .line {
    border-bottom: solid 1px #000;
    padding-bottom: .5rem;
    width: 85%
}

.container-rodape-1 li {
    margin-bottom: .4rem
}

.container-rodape-1 .endereco,
.container-rodape-1 .phone,
.container-rodape-1 li a {
    color: #98a1ab;
}

.container-rodape-1 li .botao3 {
    color: #FFF;
    padding: 6px 15px;
    position: relative;
    top: 7px;
}

.container-rodape-1 .endereco,
.container-rodape-1 .phone {
    font-size: 1.15rem;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.container-rodape-1 li a:hover {
    font-weight: bold
}

.container-medico {
    margin-top: 3rem;
    margin-bottom: 6rem
}

.container-medico .siga-redes {
    margin-top: .5rem
}

.container-medico .marque {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-bottom: 1rem
}

.container-medico .logo-rqe {
    width: 95px !important;
    height: 95px !important;
    left: 15px;
    bottom: 15px;
}

.container-medico .pin {
    left: 5px;
    top: 25px
}

.container-medico #enderecos {
    margin-top: 2rem;
    margin-bottom: 4rem
}

.container-medico #select-endereco {
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
    font-size: 1rem
}

.container-medico .slider-meses .selected {
    font-weight: 700
}

.container-medico .slider-meses .enfeite {
    background: 0 0;
    width: 20px;
    height: 9px;
    margin: auto;
    margin-top: .3rem;
    border-radius: 3px
}

.container-medico .slider-meses .selected .enfeite {
    background: #ffc200
}

.container-medico h1 {
    font-size: 1.1rem;
    margin-bottom: .3rem
}

.container-medico .pula {
    margin-bottom: .5rem
}

.container-medico h3 {
    margin-bottom: .9rem
}

.container-medico h3.telefones a i {
    font-size: 1.4rem;
    margin-right: 5px;
    margin-left: 10px
}

.container-medico h3 i {
    font-size: 2rem;
    margin-right: 10px
}

.btn-contatos {
    display: flex;
}

.container-medico .miniatura {
    height: 350px;
    margin-bottom: 2rem;
    position: relative
}

.container-medico .lista-pula,
.container-medico .telefones {
    margin-bottom: .5rem
}

.telefonewhats {
    background: #25d366;
    padding: .5rem 0.2rem;
    border-radius: 5px;
    transition: all 1s;
    font-size: 1rem;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
}

.btnDuvidasWhats {
    background: #00a1d8;
    padding: .5rem 0.2rem;
    margin-right: .5rem;
    border-radius: 5px;
    transition: all 1s;
    font-size: 1rem;
    color: #FFF;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;

}

.container-medico .telefones i {
    margin: 0 .5rem;
    color: #8cd681
}

.container-medico .estrelinhas .ver {
    margin-left: 1rem
}

.container-medico .miniatura2 {
    height: 170px
}

.container-medico .conversarWhats {
    background: #7ad06d;
    background: -moz-linear-gradient(90deg, #7ad06d 0, #59ab4c 100%);
    background: -webkit-linear-gradient(90deg, #7ad06d 0, #59ab4c 100%);
    background: linear-gradient(90deg, #7ad06d 0, #59ab4c 100%);
    padding: .5rem 1rem;
    border-radius: 8px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    transition: all 1s;
    font-size: 1.2rem;
    -webkit-box-shadow: 0 7px 4px -5px #7ad06d;
    -moz-box-shadow: 0 7px 4px -5px #7ad06d;
    box-shadow: 0 7px 4px -5px #7ad06d
}

.container-medico .conversarWhats:hover {
    background: -moz-linear-gradient(90deg, #59ab4c 0, #7ad06d 100%);
    background: -webkit-linear-gradient(90deg, #59ab4c 0, #7ad06d 100%);
    background: linear-gradient(90deg, #59ab4c 0, #7ad06d 100%)
}

.container-medico .miniatura .fundo-roxo {
    background: #180e39;
    opacity: .8;
    width: 100%;
    top: 0;
    height: 100%;
    position: absolute;
    transition: all 1s
}

.container-medico .miniatura:hover .fundo-roxo {
    background: 0 0
}

.container-medico .miniatura .nome {
    position: absolute;
    z-index: 999;
    top: 15px;
    left: 15px;
    font-size: 1.2rem
}

.container-medico .miniatura .play-btn {
    width: 70px;
    height: 70px;
    background: #cc9324;
    background: -moz-linear-gradient(90deg, #cc9324 0, #fec658 100%);
    background: -webkit-linear-gradient(90deg, #cc9324 0, #fec658 100%);
    background: linear-gradient(90deg, #cc9324 0, #fec658 100%);
    border-radius: 50%;
    box-shadow: 0 0 25px 3px rgba(0, 0, 0, .8);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10
}

.container-medico .miniatura2 .play-btn {
    height: 45px;
    width: 45px
}

.container-medico .miniatura .play-btn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #180e39;
    z-index: 100;
    -webkit-transition: all .4s cubic-bezier(.55, .055, .675, .19);
    transition: all .4s cubic-bezier(.55, .055, .675, .19)
}

.container-medico .atuacao {
    line-height: 1.6rem;
    margin-bottom: 0.5rem;
}

.container-medico .miniatura2 .play-btn:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 15px solid #180e39
}

.container-medico .texto {
    font-size: .9rem;
    line-height: 1.6rem;
    padding-left: 50px;
    margin-bottom: .5rem
}

.container-medico .topo {
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #3a3d4b
}

.container-medico .topo img {
    margin-left: 15px;
    margin-right: 15px;
    float: left
}

.container-medico #calendario .dia {
    width: 30px;
    height: 30px;
    transition: all 1s;
    padding-top: 7px;
    cursor: pointer;
    border-radius: 50%
}

.container-medico #calendario .dia.ativo {
    background: #00a1d8;
    color: #fff;
    font-weight: 700;
    border-radius: 5px
}

.container-medico #calendario .dia.disabled {
    cursor: not-allowed;
    color: #c9c8cc
}

.container-medico #calendario .dia.hoje {
    background-color: #ffefad
}

.container-medico #calendario .dia:hover {
    background-color: #00a1d8;
}

.container-medico .todas-aval {
    margin-top: 1rem;
    margin-bottom: 2rem
}

.container-medico .todas-aval .aval1 {
    color: #727272
}

.container-medico .todas-aval .aval2 {
    font-size: 1.3rem;
    color: #727272
}

.container-medico .horario {
    border: solid 1px transparent;
    margin-bottom: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    transition: all 1s;
    cursor: pointer;
    width: 80%;
    border-radius: 5px
}

.container-medico .horario.ocupado {
    opacity: .2;
    cursor: not-allowed;
    background: #fff !important;
    border: solid 1px #ccc
}

.container-medico .horario.gratis {
    border: 1px solid #29bdfd;
    background: #29bdfd;
    color: #FFF;
    border-radius: 50%;
}

.container-medico .logo-consulta {
    position: absolute;
    right: 15px;
    top: -20px;
    height: 20px;
}

.container-medico .horario.selecionado {
    background: #00a1d8;
    font-weight: 700;
    color: #fff
}

.container-medico .horario:hover {
    border: solid 1px #00a1d8
}

.container-medico #avaliacoes .conteudo {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.container-medico #avaliacoes .conteudo .texto {
    padding-left: 0;
    margin-top: .7rem;
    line-height: 1.4rem
}

.container-medico #avaliacoes .conteudo .resposta {
    background: #ddd;
    padding: 15px
}

.container-medico #avaliacoes .nota {
    font-size: 1.3rem;
    color: #727272
}

.container-pedir-informacao {
    background: #a8c3cc;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.container-pedir-informacao h3 {
    font-size: 1.25rem;
    margin-bottom: 1r3em;
    color: #fff;
}

.container-pedir-informacao button {
    margin-top: 2rem;
    padding: 15px 30px;
}

#avaliacaoModal .valor {
    color: #727272;
    font-size: 1.2rem
}

#avaliacaoModal .ajusta,
.container-medico #avaliacoes .ajusta {
    position: relative;
    float: left;
    height: 25px;
    width: 100%;
    margin-top: .3rem;
    margin-bottom: .3rem
}

avaliacaoModal .ajusta {
    margin-bottom: 1.3rem
}

#avaliacaoModal .nota1,
.container-medico #avaliacoes .ajusta .nota1 {
    left: 0
}

#avaliacaoModal .nota2,
.container-medico #avaliacoes .ajusta .nota2 {
    left: 23%
}

#avaliacaoModal .nota3,
.container-medico #avaliacoes .ajusta .nota3 {
    left: calc(50% - 7px)
}

#avaliacaoModal .nota4,
.container-medico #avaliacoes .ajusta .nota4 {
    left: 72.5%
}

#avaliacaoModal .nota5,
.container-medico #avaliacoes .ajusta .nota5 {
    left: calc(100% - 10px)
}

.container-medico #avaliacoes .conteudo .palavras {
    float: left;
    width: calc(100% - 125px)
}

.container-medico #avaliacoes .fotosDepo .foto1 {
    height: 305px;
}

.container-medico #avaliacoes .fotosDepo .foto1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container-medico .nota-geral {
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #727272
}

.container-medico .aval-geral {
    font-size: .9rem;
    margin-bottom: auto;
    margin-top: .8rem
}

.container-medico .mediano {
    font-size: 2.3rem;
    margin-left: 2rem;
    margin-right: 2rem
}

.container-medico .endereco {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.container-medico .endereco .mapa {
    padding: .5rem 1rem;
    border-radius: 15px
}

.container-medico .endereco .uber {
    background: #000;
    border: solid 1px #000;
    color: #FFF;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    -webkit-box-shadow: 0 8px 13px -1px rgb(0 0 0 / 45%);
    -moz-box-shadow: 0 8px 13px -1px rgba(0, 0, 0, .45);
    box-shadow: 0 8px 13px -1px rgb(0 0 0 / 45%);
}

.container-medico .endereco .uber:hover {
    color: #000;
    background: #FFF;
}

.container-medico .endereco .mapa1 {
    margin-top: -1rem
}

.container-medico .linha {
    width: 100%;
    background: #cfcfcf;
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.container-medico .foto-aval {
    width: 90px;
    height: 90px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 15px
}

.container-medico .botao-consulta {
    background: #6d8ad7;
    background: -moz-linear-gradient(90deg, #6d8ad7 0, #4bc1ed 100%);
    background: -webkit-linear-gradient(90deg, #6d8ad7 0, #4bc1ed 100%);
    background: linear-gradient(90deg, #6d8ad7 0, #4bc1ed 100%);
    width: 65%;
    margin: auto;
    margin-top: 1rem;
    padding: 1.3rem 2rem;
    border-radius: 15px;
    cursor: pointer;
    transition: all 1s;
    margin-bottom: 2rem
}

.container-medico .botao-consulta:hover {
    background: #6d8ad7;
    background: -moz-linear-gradient(90deg, #4bc1ed 0, #6d8ad7 100%);
    background: -webkit-linear-gradient(90deg, #4bc1ed 0, #6d8ad7 100%);
    background: linear-gradient(90deg, #4bc1ed 0, #6d8ad7 100%)
}

.container-medico .botao-consulta.antes {
    opacity: .3;
    background: #ccc !important;
    cursor: not-allowed !important;
    z-index: -1;
    position: relative;
}

.container-medico .card-agendar {
    background: #59ab4c;
    background: -moz-linear-gradient(90deg, #59ab4c 0, #7ad06d 100%);
    background: -webkit-linear-gradient(90deg, #59ab4c 0, #7ad06d 100%);
    background: linear-gradient(90deg, #59ab4c 0, #7ad06d 100%);
    padding: 1rem;
    border-radius: 10px
}

.container-medico .card-agendar .aviso {
    margin-bottom: 2rem
}

.container-medico .card-agendar .cada {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.container-medico .card-agendar .cada .nome {
    font-size: .9rem;
    margin-bottom: .3rem
}

.container-medico .card-agendar .cada .endereco,
.container-medico .card-agendar .cada .hora {
    font-size: .8rem
}

.container-medico .card-agendar .cada .endereco {
    margin-bottom: 1.5rem
}

.container-medico .card-agendar .vertodos {
    margin: auto;
    text-align: center;
    width: 70%;
    background: #fff;
    padding: .8rem 1rem;
    border-radius: 10px;
    border-color: transparent
}

.container-medico .card-agendar .cada .bolinha {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background: #fff;
    margin: auto;
    padding-top: 6px
}

.container-medico .card-agendar .cada .bolinha:after {
    background-color: transparent;
    height: calc(100% - 35px);
    content: ' ';
    width: 1px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    z-index: 1;
    border: dashed 1px #fff;
    top: 35px
}

#diasconsulta .legenda {
    width: 30px;
    height: 30px;
    border: solid 1px #ccc;
    float: left;
    margin-top: 1rem;
    margin-bottom: 2rem;
    border-radius: 3px
}

#diasconsulta .legenda.gratis {
    border: 1px solid #29bdfd;
    background: #29bdfd;
}

#diasconsulta .legendas .descricao {
    margin-top: 20px;
    margin-left: 7px;
    margin-right: 7px
}

#diasconsulta .selecionado {
    border: solid 1px #00a1d8;
    background: #00a1d8;
}

#diasconsulta .selecionado.gratis {
    border: 1px solid #29bdfd;
    background: #29bdfd;
    border-radius: 5px;
}

#diasconsulta .disponivel {
    background: #fff;
    border: 1px solid #6c6868
}

.tabela-agenda {
    margin-top: 3rem
}

.tabela-agenda .table td {
    width: 200px;
    height: 150px;
    padding: .75rem 0
}

.tabela-agenda .table .agendada {
    background-color: #00a1d8;
    color: #fff;
    padding: .5rem 0;
    margin-top: .5rem;
    cursor: pointer
}

.tabela-agenda .table .info {
    position: absolute;
    top: 70px;
    padding: 1rem;
    color: #000;
    background: #fff;
    z-index: 999;
    text-align: left;
    border-radius: 8px;
    margin-top: .5rem;
    width: max-content;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2);
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2)
}

.tabela-agenda .table .info .item {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.tabela-agenda .table .info .item img {
    float: left;
    margin-right: 8px
}

.container-agenda .btn {
    margin: 1rem 2rem;
    background: 0 0;
    color: #000 !important;
    cursor: pointer;
    webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    border: none
}

.container-agenda #mesAtual {
    margin-top: 1rem;
    font-size: 2rem
}

.container-agenda #mesAtual .bordinha {
    width: 85px;
    height: 7px;
    background: #ffc200;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
    margin: auto
}

.container-medico .ui-widget.ui-widget-content {
    background: #57d58c;
    opacity: 1;
    float: left;
    height: 5px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    width: 100%
}

.ui-datepicker table {
    background: #fff;
    border: solid 1px #ccc
}

.ui-datepicker .ui-state-default {
    border: none;
    padding: 15px;
    background: #fff
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-widget.ui-widget-content.ui-datepicker {
    width: unset
}

.ui-slider-horizontal .ui-slider-range-max {
    background: #818181
}

.ui-slider .ui-slider-handle {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    top: -.4rem;
    cursor: pointer;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .75);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .75)
}

.custom-combobox {
    position: relative;
    display: inline-block
}

.areas-interesse .custom-combobox,
#agendar-consulta .custom-combobox {
    float: left;
    width: calc(100% - 33px);
    background: #FFF;
    margin-bottom: 1rem;
}

.areas-interesse .ui-widget.ui-widget-content,
#agendar-consulta .ui-widget.ui-widget-content {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: #FFF;
}


.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    background: #fff;
    border-left: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px
}

.myAccordion .card .card-header {
    background-color: #f8f8f8;
    padding: 0;
    margin-bottom: .4rem;
    border-radius: 4px
}

.myAccordion .btn-link {
    width: 100%;
    font-weight: 700;
    border: none !important;
    padding: 1rem 2rem 1rem 3rem;
    text-align: left;
    cursor: pointer;
    color: #3a3d4b;
    text-decoration: none
}

.myAccordion .btn-link:not(.collapsed) img {
    transform: rotate(90deg)
}

.myAccordion .btn-link img {
    transition: all .5s;
    margin-right: 10px
}

.container-medico .texto .atuacao {
    margin-bottom: 1rem
}

.container-medico .texto ul {
    padding-left: 15px
}

.container-medico .foto {
    height: 315px;
    width: 315px;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 15px;
    position: relative;
}

.container-medico .menu-interno {
    background: #f0f0f0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 665px;
    z-index: 199;
    transition: all 1s
}

.container-medico .menu-interno ul {
    padding-left: 15px;
    padding-right: 15px
}

.container-medico .menu-interno ul li {
    padding-right: 25px;
    cursor: pointer
}

.container-medico .menu-interno ul li:hover {
    font-weight: 700
}

.container-medico .foto img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.container-medico .materia {
    float: left;
    width: 100%;
    margin-bottom: 2rem
}

.container-medico .materia .foto2 {
    height: 140px
}

.container-medico .materia .titulo {
    padding: 1rem .5rem;
    height: 7.2rem;
    overflow: hidden;
    font-size: .9rem;
    text-align: center;
    color: #3a3d4b;
    border: solid 1px #e8e8e8;
    line-height: 1.3rem
}

.container-medico .materia .botao3 {
    border-radius: 35px;
    width: 80%;
    margin: auto;
    padding: .5rem;
    margin-top: -1.2rem
}

.container-medico .btn-avaliacao {
    padding: .5rem 1rem;
    border-radius: 10px;
    margin-top: 1rem
}

.container-medico .vermais {
    margin: auto;
    margin-top: 3rem;
    width: 250px;
    padding: .5rem 0;
    border-radius: 10px
}

.container-medico .slider-materia .slick-slider,
.container-depoimento .slider-depoimento .slick-slider {
    margin: 0 -7px
}

.container-medico .slider-materia .slick-slide {
    text-align: center;
    margin-right: 7px;
    margin-left: 7px
}

.container-depoimento .slider-depoimento .slick-slide {
    margin-right: 15px;
    margin-left: 15px;
}

.container-medico .slider-galeria .slick-slider {
    margin: 0 -7px
}

.container-depoimento .slider-depoimento .slick-slider {
    margin: 0 -15px;
}

.container-medico .slider-galeria .hover {
    overflow: hidden;
    border-radius: 6px;
}

.container-medico .slider-galeria .blur {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(254, 187, 34, 0.7);
    opacity: 0;
    transition: opacity 0.6s;
    z-index: 300;
    border-radius: 6px;
}

.container-medico .slider-galeria .hover:hover .blur {
    opacity: 1;
}

.container-medico .slider-galeria .slick-slide {
    text-align: center;
    margin-right: 7px;
    margin-left: 7px
}

.container-medico .slider-galeria .blur .conteudo {
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    transform: translateY(-50%);
    font-size: 20px;
}

.container-medico .slider-galeria .blur~img {
    filter: blur(10px);
}

.container-medico .galeria-exclusiva .botao3 {
    width: 200px;
    margin: 2rem auto;
}

.container-medico .materia .botao {
    width: 200px
}

.container-medico .materia .foto2 img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.container-medico .slider-meses .slick-list {
    text-align: center
}

.container-medico .slider-meses {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.container-medico .botaozin {
    padding: .5rem 1rem;
    border-radius: 8px;
    font-size: 1.2rem
}

.container-medico .botaozao {
    width: 600px;
    margin: auto;
    margin-top: 4rem;
    padding: 7px 15px
}

.container-medico iframe {
    height: 300px
}

.container-depoimento .slider-depoimento .foto {
    height: 85px;
    width: 85px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
}

.container-depoimento .slider-depoimento .foto img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.container-depoimento .slider-depoimento .lado-dir {
    width: calc(100% - 100px);
    float: right;
}

.container-depoimento .slider-depoimento .lado-dir .texto {
    line-height: 1.5rem;
}

.container-depoimento .slider-depoimento .bordinha {
    border-top: solid 1px #CCC;
    margin-top: 1px;
}

.container-rodape-1 .links li {
    margin-bottom: .6rem;
    color: #98a1ab;
}

.container-rodape-1 .unidade,
.container-rodape-1 .logo-rodape {
    height: 75px;
    margin-bottom: 2rem;
}

.ul-whatsapp {
    position: fixed;
    width: 25%;
    right: -100px;
    bottom: -90px;
    background: #f3f3f3;
    border-radius: 8px;
    z-index: 999;
    box-shadow: 0 0 25px -5px #8c8c8c;
    transition: all ease-in-out .25s;
    transform: scale(0)
}

.whatsapp {
    position: fixed;
    right: 25px;
    bottom: 15px;
    z-index: 99;
    cursor: pointer
}

.agendar-consulta {
    position: fixed;
    left: 25px;
    bottom: 15px;
    z-index: 99;
    cursor: pointer;
    background: #00a1d8;
    color: #fff;
    padding: 15px 30px;
    border-radius: 15px
}

.whatsapp i,
.whatsapp span {
    margin-right: 10px;
    margin-top: 3px
}

.ul-whatsapp.shown {
    transform: scale(1);
    bottom: 90px;
    right: 20px
}

.ul-whatsapp li {
    border-bottom: 1px solid #d8d8d8;
    transition: all ease-in-out .2s;
    float: left;
    width: 100%
}

.ul-whatsapp li a {
    float: left;
    width: 100%;
    padding: 12px
}

.ul-whatsapp li:hover:not(.topo-whats) {
    background: #e0e0e0
}

.ul-whatsapp li i {
    color: #0dc152;
    float: left;
    font-size: 2.5rem;
    margin-right: 15px
}

.ul-whatsapp::after {
    z-index: -1;
    display: inline-block;
    content: '';
    position: absolute;
    bottom: -20px;
    left: 10px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 25px solid #f3f3f3
}

.topo-whats {
    color: #fff;
    background: #0dc152;
    padding: 15px 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: .9rem
}

.cont-wpp {
    padding: 10px
}

.container-servicos h2 {
    margin-bottom: 2em;
    margin-top: 2em;
    font-size: 2em;
    font-weight: 700
}

.container-servicos .texto2 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.container-servicos .modelo {
    transition: all .7s;
    border: solid 2px #000;
    border-radius: 50%;
    position: relative;
    width: 100px;
    height: 100px;
    font-size: .8rem;
    text-align: center;
    margin: auto;
    margin-bottom: 2em
}

.container-servicos .modelo:hover {
    border: solid 2px #00a1d8
}

.container-servicos .modelo .conteudo {
    font-weight: 700;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 100%
}

.container-resposta .cada-branco.width-80 {
    max-width: 940px;
}

.container-resposta h1 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-top: 0.5rem;
    border-bottom: solid 1px #ccc;
    padding-bottom: 1rem;
}

.container-resposta h2 {
    font-size: 1.2rem;
}

.container-resposta .links {
    font-size: 1.2rem;
    transition: all 1s;
}

.container-resposta .links:hover {
    text-decoration: underline;
}

.container-resposta .cada-pergunta {
    background: #fff;
    border: 1px solid #edeff2;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
    padding: 20px;
    position: relative;
    width: 100%;
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.container-resposta .totalRespostas:hover a {
    border-bottom: solid 1px;
}

.cada-branco {
    background: #FFF;
    border-radius: 6px;
    padding: 15px;
}

.container-resposta .cada-resposta {
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px #ccc;
    margin-bottom: 1rem;
    padding-bottom: 3rem;
}

.container-resposta .resposta {
    background: #a8c3cc;
    border-radius: 4px;
    padding: 25px 30px;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.4rem;
}

.container-resposta .resposta:after {
    border: 12px solid transparent;
    border-left-color: #a8c3cc;
    content: "";
    height: 0;
    position: absolute;
    right: -6px;
    top: 15px;
    width: 0;
}

.container-resposta .foto {
    height: 80px;
    width: 80px;
    overflow: hidden;
}

.container-resposta .foto img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.container-resposta .dados {
    float: left;
    width: calc(100% - 80px);
    padding-left: 15px;
}


.container-busca {
    margin-top: 6rem
}

.container-busca form input {
    margin: 0;
    margin-bottom: 2rem
}

.container-busca form i {
    position: absolute;
    top: 23px;
    right: 15px
}

.container-busca h1 {
    margin-bottom: 3rem;
    color: #00a1d8
}

.container-busca h2 {
    margin-bottom: 4rem
}

.container-busca h2 .bordinha {
    height: 5px;
    width: 80px;
    background: #00a1d8;
    margin-top: .4rem
}

.container-busca .geral {
    margin-bottom: 3rem;
    transition: all 1s;
    position: relative
}

.container-busca .foto {
    height: 207px;
    width: 207px;
    margin-right: 30px;
    margin-bottom: 30px
}

.container-busca .area {
    height: 50px;
    width: 100px;
    margin-right: 15px
}

.container-busca .conteudo {
    width: calc(100% - 260px);
    float: left
}

.container-busca .titulo {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    font-weight: 700
}

.container-busca .conteudo2 .titulo {
    margin-top: .7rem;
    margin-bottom: 0
}

.container-busca .subtitulo {
    margin-bottom: .5rem
}

.container-busca .texto {
    height: 5.3rem;
    font-size: 1.1rem;
    line-height: 2rem
}

.container-busca .no-result {
    font-size: 1.5rem
}

.container-busca .botao2 {
    padding: 15px 60px !important;
    border-radius: 6px
}

#uber-fixed {
    position: fixed;
    right: 32px;
    bottom: 150px;
    background: #FFF;
    height: 50px;
}

.share-button {
    background: #00a1d8;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    border: none;
    position: fixed;
    right: 32px;
    bottom: 65px;
    color: #fff;
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 31px 64px rgb(255 188 34 / 50%);
    box-shadow: 0px 31px 64px rgb(255 188 34 / 50%);
}

#checkout .iconezinho {
    position: absolute;
    top: 20px;
    right: 25px;
    color: #E6E6E6;
}

#checkout .especial .list-group-item {
    padding-left: 55px;
}

#checkout .list-group {
    border: solid 1px #00a1d8;
    padding-top: 20px;
    border-radius: 20px;
}

#checkout .list-group-item {
    border: none;
}

#checkout .list-group-item:last-child {
    color: #00a1d8;
    border-radius: 13px;
    transition: all 1s;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
}

#checkout .list-group-item .botao3 {
    background-color: #7ad06d;
    color: #FFF;
    padding: 5px 15px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    box-shadow: none;
    cursor: pointer;
}

#checkout .list-group-item.verBotao {
    width: 250px;
    padding: 20px 8px;
    border-radius: 6px;
    margin-top: 1rem;
}

#checkout .list-group-item.verBotao:last-child:hover {
    background-color: #FFF;
    border: solid 1px #00a1d8;
}

.custom-checkbox .custom-control-label::before {
    width: 1.4rem;
    height: 1.4rem;
}

#checkout .custom-control-input:checked~.custom-control-label::before {
    background-color: #00a1d8;
    border-color: #00a1d8;

}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-position-x: 7px;
    background-position-y: 7px;
}

#checkout h4 {
    font-size: 1.4rem;
    font-weight: bold;
}

#checkout button {
    background: #00a1d8;
    color: #000;
    padding: 17px 8px;
    border-radius: 2px;
    border: solid 1px #00a1d8;
    transition: all 0.6s;
    font-weight: bold;
}

#checkout button:hover {
    background: #FFF;
    color: #00a1d8;
}

.custom-control-label::before,
.custom-control-label::after {
    top: 0.15rem;
}

#checkout input[type="text"],
#checkout input[type="email"],
#checkout select {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.preloader {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
}

.preloader-pagamento {
    background-image: url(../img/preloader.gif);
}

.container-pedido .card-pedido {
    background: #FFF;
    padding: 15px 15px;
    margin-bottom: 1rem;
    float: left;
    width: 100%;
}

.container-pedido .card-pedido .fechado.aberto .downdesce {
    display: none;
}

.container-pedido .card-pedido .fechado:not(.aberto) .upsobe {
    display: none;
}

.container-pedido .card-pedido .detalhes {
    padding-top: 1rem;
    border-top: solid 1px #CCC;
    display: flex;
}

.conversarWhatsapp {
    position: fixed;
    bottom: 48px;
    background: #7ad06d;
    background: -moz-linear-gradient(90deg, #7ad06d 0, #59ab4c 100%);
    background: -webkit-linear-gradient(90deg, #7ad06d 0, #59ab4c 100%);
    background: linear-gradient(90deg, #7ad06d 0, #59ab4c 100%);
    color: #FFF;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 999;
    text-align: center;
    text-transform: uppercase;
}

.container-pastas .pasta {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 1.5rem;
}

.container-pastas .pasta .nomePasta {
    bottom: 0;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    color: #FFF;
    font-size: 2rem;
    background: rgba(0, 0, 0, 0.5);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transition: all 0.6s;
    height: 60px;
}

.container-pastas .pasta:hover .nomePasta {
    height: 100%;
}

.row-galerias .fotogaleria {
    height: 380px;
    position: relative;
}

.row-galerias .fotogaleria img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.6s;
}

.row-galerias .fotogaleria:hover img {
    transform: scale(1.1);
    z-index: 999;
    position: relative;
}

.row-galerias .fotogaleria .sombra-especial {
    opacity: 0;
    transition: all 1s;
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 998;
}

.row-galerias .fotogaleria.fezHover .sombra-especial {
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
}

.container-avaliacoes-home .bloco1.blocofull {
    width: 100%;
}

.container-avaliacoes-home .foto {
    height: 50px !important;
    width: 50px !important;
    margin-left: unset;
    margin-right: unset;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    min-width: 50px;
    min-height: 50px;
}

.container-avaliacoes-home .foto img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.container-avaliacoes-home .cada {
    background: #FFF;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 39%);
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 39%);
    padding: 20px 15px;
}

.container-avaliacoes-home .slick-slide {
    margin: 2px 12px;
}

.container-avaliacoes-home .slick-list {
    margin: 0 -12px;
}

@media (max-width:991px) {
    ::-webkit-input-placeholder {
        color: #445568;
        opacity: .4;
        font-size: .9rem
    }

    ::-moz-placeholder {
        color: #445568;
        opacity: .4
    }

    :-ms-input-placeholder {
        color: #445568;
        opacity: .4
    }

    :-moz-placeholder {
        color: #445568;
        opacity: .4
    }

    .container-medico h3 {
        margin-top: .9rem
    }

    .container-rodape-1 {
        padding-bottom: 4.5rem;
        text-align: center;
    }

    .ul-whatsapp {
        width: 80%;
        left: 10%
    }

    .ul-whatsapp2 .secretaria {
        top: -70px;
        position: absolute;
    }

    .ul-whatsapp2 .secretaria .possoAjudar {
        position: absolute;
        top: -95px;
        left: 60px;
        font-size: 0.8rem;
        width: 150px;
        margin: 50px auto;
        border: 4px solid transparent;
        padding: 5px 20px;
        text-align: center;
        font-weight: 900;
        color: #000;
        position: relative;
        background-color: #FFF;
        border-radius: 20px;
        -webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.56);
        box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.56);
        font-size: 0.8rem;
    }



    .ul-whatsapp2 .secretaria .possoAjudar::before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid #FFF;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        left: -19px;
    }

    .ul-whatsapp2 .secretaria .possoAjudar:after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid #fff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        left: -17px;
        top: 9px;
    }

    .ul-whatsapp2 .secretaria .foto {
        width: 50px;
        height: 50px;
        overflow: hidden;
        border-radius: 50%;
    }

    .ul-whatsapp2 .secretaria .foto img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .ul-whatsapp2.shown {
        bottom: 145px;
    }

    .ul-whatsapp2 input {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .ul-whatsapp2 button {
        width: 100%;
        background-color: #0dc152;
    }

    .container-materia-home .foto {
        height: 300px
    }

    .container-medico .foto {
        border-radius: 0
    }

    .container-medico-responsivo h1 {
        font-size: 1.5rem;
        color: #4f4f4f
    }

    .container-guia-saude {
        margin-top: 1rem
    }

    .container-guia-saude.container-guiasaude-clinica {
        margin-left: 0;
    }

    .container-guia-saude.container-guiasaude-clinica .cada-profissional .informacao {
        top: unset;
        bottom: 0;
    }

    .container-guia-saude .titulo {
        margin-bottom: .2rem;
        margin-top: 1rem;
        font-family: Argumentum-Regular;
        color: #aeaeae
    }

    .container-guia-saude .subtitulo {
        font-weight: bold;
        color: #000;
        margin-bottom: 0rem;
        border-radius: 0px;
        border: none;
        padding: 5px 5px;
        margin-top: 0px;
    }

    .container-guia-saude h1 {
        margin-top: 2rem
    }

    .container-medico .foto ul {
        position: absolute;
        top: -4.3rem;
        font-size: 2rem;
        margin: auto;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }

    .container-medico .foto ul li {
        margin-right: 1rem
    }

    .container-medico .menu-interno.fixo {
        position: relative
    }

    .container-medico .todas-aval ul {
        display: block !important
    }

    .container-medico .todas-aval ul li {
        float: left;
        width: 50%;
        padding: 0 15px;
        margin: 1rem 0
    }

    #loginModal .ladob,
    #loginModal2 .ladob {
        margin: 0;
    }

    .container-medico #avaliacoes .conteudo .palavras .nome {
        font-size: 1.25rem;
        color: #727272
    }

    .container-medico #avaliacoes .conteudo .palavras .verificado {
        color: #858585
    }

    .marcar-consulta-mobile {
        bottom: 0;
        font-weight: 700;
        font-size: 1rem !important;
        z-index: 999;
        padding-top: 1.5rem;
        padding-bottom: 2.5rem;
        border-radius: 0 !important
    }

    .marcar-consulta-mobile img {
        display: block !important;
        position: absolute;
        top: 50%;
        left: 25px;
        transform: translateY(-50%)
    }

    #agendaFoco,
    .full-mobile {
        height: 100%;
        width: 100%;
        background: #fff;
        top: 0;
        left: 0;
        z-index: 1000;
        position: fixed;
        padding: 0 15px;
        padding-top: 5rem;
        overflow: scroll
    }

    .full-mobile {
        display: none;
        padding-top: 9rem
    }

    .full-mobile .aplicar-filtro {
        bottom: 30px;
        width: 80%;
        margin: auto;
        left: 0;
        right: 0;
        padding: 1rem !important;
        border-radius: 6px
    }

    .full-mobile2 {
        padding-top: 7rem
    }

    .full-mobile2 h2 {
        font-size: 2.2rem;
        color: #333
    }

    .full-agenda .semana {
        margin-bottom: 4rem
    }

    .full-agenda .endereco {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        float: left;
        width: 100%;
        margin-top: .5rem;
        font-size: 1.2rem;
        border-bottom: 1px solid #b6b6b6
    }

    .full-agenda .cada-consulta {
        margin-bottom: 1.5rem
    }

    .full-agenda .cada-consulta .medico {
        font-size: 1.3rem;
        color: #4f4f4f;
        width: 75%
    }

    .full-agenda .cada-consulta .horario {
        width: 25%;
        text-align: right
    }

    .full-agenda .aplicar-filtro {
        width: 80%;
        bottom: 30px;
        padding: 1rem;
        border-radius: 9px;
        left: 0;
        right: 0
    }

    #agendaFoco .selecione {
        font-size: 2rem;
        text-align: center;
        color: #333
    }

    .container-medico .marque {
        display: none
    }

    #diasconsulta {
        display: none
    }

    #diasconsulta .col-lg-20 {
        float: left
    }

    #meus-compromissos {
        display: none
    }

    .container-medico .card-agendar {
        background: 0 0;
        padding: 1rem 0
    }

    .container-medico .card-agendar .branco {
        color: #000 !important
    }

    .container-medico .botao-consulta.branco {
        width: 100%;
        color: #fff !important
    }

    .container-medico .card-agendar .aviso {
        font-size: 2rem;
        line-height: 2rem
    }

    .container-medico .card-agendar .cada .bolinha {
        border: solid 1px
    }

    .container-medico .card-agendar .cada .bolinha:after {
        border: dashed 1px
    }

    .container-medico .card-agendar .aviso {
        margin-top: 5rem
    }

    .container-medico .card-agendar .aviso,
    .container-medico .card-agendar .aviso2 {
        text-align: center
    }

    .container-medico .card-agendar .aviso2 {
        margin-bottom: 2rem;
        color: #838383
    }

    .container-medico .card-agendar .vertodos {
        background: unset;
        border: none;
        box-shadow: unset;
        width: 100%;
        font-weight: 700;
        font-size: 1.2rem
    }

    #diasconsulta .agendar {
        padding-top: 80px;
    }

    #diasconsulta .titulo-legenda {
        font-size: 2rem
    }

    #diasconsulta .botao-consulta {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #diasconsulta .botao-consulta.antes {
        visibility: hidden;
    }

    .botao-voltar {
        position: fixed;
        top: 0;
        background: #fff;
        width: 100%;
        left: 0;
        z-index: 7000;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .botao-voltar i {
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%)
    }

    .botao-voltar .opcao-voltar {
        color: #a4a4a4;
        text-align: center
    }

    .container-medico .slider-meses .enfeite {
        width: 60px
    }

    #calendario .table td {
        padding: .75rem 0
    }

    .container-medico .topo img {
        height: 30px;
        margin-left: 0
    }

    .container-medico .topo {
        font-size: 1.8rem
    }

    .container-medico .texto {
        font-size: 1rem;
        padding-left: 0;
        padding-right: 0;
        text-align: justify
    }

    .container-medico .atuacao img {
        padding-left: 0px;
        float: left;
        height: 20px;
        padding-right: 15px;
    }

    .myAccordion .btn-link img {
        transform: rotate(90deg);
        position: absolute;
        right: 0
    }

    .myAccordion .btn-link:not(.collapsed) div {
        font-weight: 700
    }

    .myAccordion .btn-link:not(.collapsed) img {
        transform: rotate(270deg)
    }

    .myAccordion .card .card-body {
        background-color: #f8f8f8
    }

    .myAccordion .card .card-header {
        border: none
    }

    .container-medico .endereco {
        float: left;
        width: 100%;
        margin-bottom: 2rem
    }

    .container-medico .endereco .address {
        float: left;
        width: 50%
    }

    .container-medico .endereco .mapa {
        margin: 0;
        width: auto;
        border-radius: 10px;
        text-transform: uppercase
    }

    .container-medico .endereco .uber {
        margin-top: 0.5rem;
        padding: 0.5rem 1.5rem !important;
    }

    .container-medico .miniatura {
        margin-bottom: 1rem
    }

    .container-medico .materia .botao3 {
        width: 95%;
        border-radius: 5px;
        padding: .5rem 0
    }

    .container-medico .materia .titulo {
        font-size: .9rem;
        padding: .5rem .3rem
    }

    .container-medico .nota-geral .estrelas img {
        height: 20px
    }

    .container-medico .mediano {
        font-size: 1.5rem;
        margin-left: 1rem;
        margin-right: 0
    }

    .container-medico .aval-geral {
        font-size: 1.1rem;
        margin-top: .1rem
    }

    .container-medico .btn-avaliacao {
        max-width: 210px;
        margin: 1rem auto;
        padding: 1rem !important
    }

    .container-medico #avaliacoes .conteudo {
        border-top: solid 1px #cdcdcd;
        padding-top: 2rem
    }

    .container-medico #avaliacoes .conteudo .palavras .nome {
        margin-top: 3rem
    }

    .container-medico .vermais {
        font-weight: 700;
        text-transform: uppercase;
        box-shadow: unset;
        margin-top: 0;
        width: 90%;
        padding: .7rem 0
    }

    .espaco-responsivo {
        height: 5rem;
        width: 100%
    }

    .container-guia-saude input[name=medico] {
        border-radius: 6px
    }

    .container-agendamento .texto .pergunta {
        font-size: 1rem
    }

    .container-agendamento .texto img {
        margin-top: 0
    }

    .container-agendamento .texto .resposta {
        font-size: .9rem;
        line-height: 1.3rem
    }

    .container-servicos h2 {
        margin-bottom: 1rem;
        margin-top: 0;
        text-align: center
    }

    .myAccordion .btn-link {
        padding-left: 1rem
    }

    .container-servicos .card {
        border: none !important
    }

    .container-servicos .modelo {
        border: solid 2px #00a1d8
    }

    .container-busca .conteudo {
        width: 100%
    }

    .container-medico .botaozin {
        margin-top: 1rem
    }

    .slider-materia .slick-list {
        padding: 0 15% 0 0
    }

    .container-busca .conteudo2 {
        width: calc(100% - 115px)
    }

    .container-guia-saude .foto.banner {
        height: auto;
    }

    .container-guia-saude .cada-profissional .materia {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #retorno-guia-particular .medico .foto,
    #retorno-guia-particular .medico .cover-foto {
        width: 110px;
        height: 110px;
    }

    #retorno-guia-particular .perfil {
        width: calc(100% - 124px);
    }

    .container-materia h1 {
        font-size: 1.5rem;
    }

    .slick-slider .left {
        left: 20px;
    }

    .slick-slider .left,
    .slick-slider .right {
        height: 20px;
    }

    .slick-slider .right {
        right: 20px;
    }

    .container-materia .conteudo-autor.conteudo-blog {
        min-width: 100%;
    }

    #retorno-guia-particular .titulo-guia {
        font-size: 1.1rem;
    }

    .container-bannerzinho .slide,
    .container-bannerzinho .slide .descricao {
        height: auto;
    }

    .row-galerias .fotogaleria {
        height: 240px;
    }

    .slider-avaliacoes .slick-slider .left {
        left: 15px;
    }

    .slider-avaliacoes .slick-slider .right {
        right: 15px;
    }

    .container-medico .slider-galeria .blur {
        background-color: rgba(254, 187, 34, 0.3);
        opacity: 1;
    }
}

@media (max-width:767px) {
    .ul-whatsapp {
        width: 90%;
        left: 5%
    }

    .whatsapp {
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 0;
        opacity: 1;
        height: 45px
    }

    #diasconsulta .legendas .descricao {
        font-size: .8rem
    }

    #diasconsulta .legenda {
        width: 20px;
        height: 20px
    }

    .label-file {
        font-size: .9rem
    }

    .container-contato-home .botao3 {
        width: 100%
    }

    .container-agenda #mesAtual {
        font-size: 1.5rem
    }

    .container-agenda .btn {
        margin: 1rem 0
    }

    .container-agenda .btn#mesdepois {
        position: absolute;
        right: 15px
    }

    .container-agenda .btn#mesantes {
        position: absolute;
        left: 15px
    }

    .container-agenda #mesAtual .bordinha {
        bottom: -15px
    }

    .container-bannerzinho .foto {
        height: 155px;
    }

    .share-button,
    #uber-fixed {
        right: 10px;
        z-index: 99;
        bottom: 80px;
    }

    .slick-dots button {
        width: 0.6rem !important;
        height: 0.6rem !important;
    }

    .slick-dots li {
        margin: 0 0.15rem;
    }

    .container-depoimento .slider-depoimento .lado-dir {
        width: 100%;
    }

    .container-depoimento .slider-depoimento .foto {
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 1rem;
    }
}

@media (max-width:480px) {
    .anuncie img {
        height: 40px;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .container-edicoes-home .foto {
        width: 80%;
        margin: auto;
        height: 300px
    }

    .container-edicoes-home .foto img {
        object-fit: contain
    }

    .container-titulo2 h1,
    .container-titulo2 h2 {
        font-size: 1.5rem
    }

    .container-titulo2 span {
        font-size: 4rem
    }

    .container-titulo h1,
    .container-titulo h2 {
        font-size: 1.3rem
    }

    .container-eventos-calendario .calendario {
        top: unset;
        transform: unset;
        bottom: 0;
        left: 0;
        margin: auto;
        right: 0;
        text-align: center
    }

    .container-eventos-calendario .arrow {
        float: none;
        top: -5px;
        position: relative
    }

    .container-eventos-calendario .cal {
        font-size: 2rem
    }

    .container-guia-saude input[type=text] {
        font-size: 1rem
    }

    .container-medico .foto {
        height: 425px;
        width: 100%;
        margin-bottom: 0;
    }

    .container-medico .foto.especial {
        margin-top: 50px;
    }

    .container-medico .botaozao {
        font-size: .6rem
    }

    .container-guia-saude .perfil {
        width: calc(100% - 130px);
        font-size: .95rem;
        margin-top: .6rem
    }

    .container-edicao iframe {
        height: 300px
    }

    .container-medico .miniatura {
        height: 250px
    }

    .container-anuncie .oferecemos .titulo {
        font-size: 1.5rem;
        line-height: 1.5rem
    }

    .container-areas {
        margin-top: -3rem
    }

    .container-servicos .modelo {
        width: 70px;
        height: 70px;
        font-size: .6rem
    }

    .container-busca .foto {
        height: 120px;
        width: 120px;
        margin-right: 15px;
        margin-bottom: 15px
    }

    .container-busca .conteudo {
        width: calc(100% - 135px)
    }

    .container-busca .titulo {
        font-size: 1rem;
        margin-bottom: .5rem
    }

    .container-busca .botao2 {
        margin-top: 1rem;
        padding: 9px 30px !important
    }

    .container-pergunte-especialista .foto {
        height: 80px;
        width: 80px;
    }

    .container-materia .conteudo-autor .foto2 {
        margin-bottom: 2rem;
        float: unset;
        margin-left: auto;
        margin-right: auto;
    }

    .container-materia .conteudo-autor .resumo {
        text-align: center;
        width: 100%;
    }

    .container-materia .conteudo-autor .botao {
        width: 100%;
        font-size: 1rem;
    }

    .container-medico #avaliacoes .fotosDepo .foto1 {
        width: 160px;
        height: 160px;
        margin: 2rem auto;
    }

    .row-galerias .fotogaleria {
        height: 320px;
    }
}

@media(max-width:380px) {

    .container-titulo2 h1,
    .container-titulo2 h2 {
        font-size: 1.3rem
    }

    .container-titulo2 span {
        font-size: 3.5rem
    }

    .container-titulo h1,
    .container-titulo h2 {
        font-size: 1.1rem
    }

    .container-medico .botaozao {
        font-size: .5rem;
        width: 100%
    }

    .container-medico #avaliacoes .fotosDepo .foto1 {
        width: 140px;
        height: 140px;
        margin: 2rem auto;
    }
}

@media(min-width:481px) and (max-width:767px) {
    .anuncie img {
        height: 40px;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .container-titulo2 h1,
    .container-titulo2 h2 {
        font-size: 1.8rem
    }

    .container-titulo2 span {
        font-size: 5rem
    }

    .container-titulo h1,
    .container-titulo h2 {
        font-size: 1.3rem
    }

    input[type=email],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        font-size: 1rem;
        padding: 13px 15px
    }

    .container-eventos-calendario {
        font-size: .9rem
    }

    .container-eventos-calendario .cal {
        font-size: 2rem
    }

    .container-eventos-calendario .arrow {
        margin-top: .5rem;
        margin-left: .5rem
    }

    .container-medico .foto {
        height: 450px;
        width: 100%;
        margin-bottom: 0rem
    }

    .container-medico .botaozao {
        width: 90%;
        font-size: .7rem
    }

    .container-guia-saude .perfil {
        width: calc(100% - 140px);
        margin-top: .5rem
    }

    .container-edicao iframe {
        height: 250px
    }

    .container-medico .miniatura {
        height: 300px
    }

    .container-guia-saude .medico .foto {
        height: 120px;
        width: 120px
    }

    .container-areas {
        margin-top: -4rem
    }

    .container-busca .foto {
        height: 120px;
        width: 120px
    }

    .container-busca .conteudo {
        width: calc(100% - 150px)
    }

    .container-busca .titulo {
        font-size: 1.2rem;
        margin-bottom: .5rem
    }

    .container-busca .botao2 {
        margin-top: 1rem;
        padding: 9px 30px !important
    }

    .container-areas .area {
        height: 150px;
    }

    .container-medico #avaliacoes .fotosDepo .foto1 {
        width: 210px;
        height: 210px;
        margin: 2rem auto;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .anuncie .botao {
        width: 260px
    }

    .container-edicoes-home .foto {
        height: 400px
    }

    .container-titulo2 h1,
    .container-titulo2 h2 {
        font-size: 2rem
    }

    .container-titulo2 span {
        font-size: 8rem
    }

    .container-guia-saude .perfil {
        font-size: 1.2rem;
        margin-top: 1rem;
        width: calc(100% - 210px)
    }

    .container-medico .foto {
        height: 450px;
        width: 100%;
        margin-bottom: 0;
    }

    .container-edicao iframe {
        height: 300px
    }

    .container-busca .foto {
        height: 150px;
        width: 150px
    }

    .container-busca .conteudo {
        width: calc(100% - 180px)
    }

    .container-busca .titulo {
        font-size: 1.2rem
    }

    .container-areas .area {
        height: 230px;
    }

    .container-areas .area .foto {
        height: 230px
    }

    .container-medico .endereco .uber {
        margin-top: 0rem;
        margin-right: 0.5rem;
    }

    .container-medico #avaliacoes .fotosDepo .foto1 {
        height: 330px;
    }
}

@media(max-width:991px) {
    .paddingZeroMobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .container-anuncio .foto img {
        object-fit: contain
    }

    .container-anuncio .foto {
        margin: 1rem auto
    }

    .bxsliderBanner input[type=text],
    .bxsliderBanner select {
        max-width: 80%;
        float: none !important;
        margin: auto;
        padding: 12px 10px
    }

    .bxsliderBanner select {
        margin-left: 0
    }

    .container-sobre-produto .text-right {
        text-align: center !important
    }

    .container-sobre-produto .linha {
        margin-right: auto
    }

    .container-anuncie .oferecemos {
        background-image: unset !important;
        padding-top: 0;
    }

    .container-anuncie .oferecemos .foto {
        position: relative !important;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
        width: auto;
        left: 0;
    }

    .container-unidades h1.alinha-esq {
        font-size: 1.2rem;
        text-align: left !important
    }

    .container-unidades .texto {
        padding: 30px 15px !important
    }

    .container-unidades h1 {
        padding-left: 15px;
        padding-right: 15px
    }

    #agendaFoco {
        display: none
    }

    .container-medico {
        margin-top: 0;
        margin-bottom: 0
    }

    #diasconsulta .legendas {
        margin-bottom: 2rem
    }

    .container-medico .menu-interno ul {
        padding: 0
    }

    .container-guia-saude .medico {
        margin-bottom: 1rem
    }

    .container-busca .texto {
        display: none
    }

    .container-busca .botao2 {
        margin-top: 2rem
    }

    container-guia-saude .medico {
        margin-bottom: 3rem;
    }

    .container-guia-saude .cada-profissional .materia {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .container-pergunte .botao {
        width: 80%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container-pergunte #checkbox-pergunta {
        float: left;
        width: 30px;
    }

    .container-pergunte #checkbox-pergunta~label {
        float: left;
        width: calc(100%-30px);
    }

    .container-resposta .resposta {
        padding: 15px;
    }

    .container-resposta .cada-pergunta {
        padding: 15px;
    }

    .como-funciona h2 {
        text-align: center;
    }

    .container-pergunte .fundoInicial .texto {
        padding: 0 15px;
    }

    .container-rodape-1 .logo-rodape-2 {
        height: 0;
        margin-bottom: 0;
    }

    .container-rodape-1 .unidade {
        margin-top: 2rem;
        margin-bottom: 0;
    }

    .container-rodape-1 .endereco {
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        width: auto;
    }

    .container-medico .conversarWhats {
        padding: 0.5rem 0.8rem;
        font-size: 0.9rem;
        margin-top: 0;
        margin-bottom: 0;
    }

    .container-medico .telefones i {
        display: none;
    }

    .container-medico .telefones .lista-telefone {
        margin-top: 0.5rem;
        float: left;
    }

    .container-medico .menu-interno {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    .container-medico .telefones .lista-telefone a {
        background-color: #00a1d8;
        border: solid 1px #00a1d8;
        padding: 8px 15px;
        border-radius: 8px;
        margin-bottom: 0.5rem;
        float: left;
        font-weight: bold;
    }
}

@media(min-width:992px) {
    .paddingZero {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .paddingRightZero {
        padding-right: 0 !important
    }

    .paddingLeftZero {
        padding-left: 0 !important
    }

    .paddingRight75 {
        padding-right: 7.5px !important
    }

    .paddingLeft75 {
        padding-left: 7.5px !important
    }

    .col-lg-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .container-medico .menu-interno.fixo {
        position: fixed;
        border: solid 1px #fff;
        padding-top: 1rem;
        padding-bottom: 1rem;
        top: 52px;
    }

    .container-agenda .btn:hover {
        background-color: #00a1d8
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .fundoTopo .foto {
        height: 75px;
        position: absolute;
        top: -40px;
        left: 45px;
        z-index: 999999;
        width: 150px
    }

    .fundoTopo .logo {
        left: 0
    }

    .fundoTopo .lista-2 {
        margin-bottom: 1.5rem
    }

    .container-titulo2 h1,
    .container-titulo2 h2 {
        font-size: 2.5rem
    }

    .container-titulo2 span {
        font-size: 11rem
    }

    .container-guia-saude .perfil {
        width: calc(100% - 210px);
        font-size: 1.5rem;
        margin-top: 1rem
    }

    .container-rodape-1 .endereco,
    .container-rodape-1 .phone {
        font-size: .9rem
    }

    .container-medico .foto {
        height: 215px;
        width: 215px
    }

    .container-medico .menu-interno {
        width: 560px
    }

    .container-medico .menu-interno ul li {
        padding-right: 8px
    }

    .container-medico .menu-interno.fixo {
        margin-top: 0;
        top: 0
    }

    .container-busca .texto {
        height: 4.3rem;
        overflow: hidden;
        margin-bottom: 1.5rem
    }

    #bannerPrincipal input[type=text] {
        max-width: 550px;
        margin-top: 0
    }

    #bannerPrincipal .busca .lupa {
        top: 22px
    }

    .container-bannerzinho .foto {
        height: 140px;
    }

    .container-medico .endereco .uber {
        margin-right: 0;
    }

    .container-medico #avaliacoes .fotosDepo .foto1 {
        height: 250px;
    }

    .row-galerias .fotogaleria {
        height: 320px;
    }
}

.container-materia-home .texto {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 1rem;
    height: 3rem;
    overflow: hidden
}

@media(max-width:1199px) {
    select {
        border-radius: 8px
    }

    .container-anuncio .foto img {
        max-width: 100%
    }

    .container-banner-interno {
        display: none
    }

    .container-titulo2 .fundinho-titulo h1,
    .container-titulo2 .fundinho-titulo h2 {
        z-index: 100;
        position: relative
    }

    .container-titulo2 .fundinho-titulo span {
        z-index: -1
    }

    .container-titulo2 .fundinho-titulo .linha {
        display: none
    }

    .botao {
        background-color: #00a1d8;
        border: solid 1px #00a1d8;
        color: #000 !important;
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        box-shadow: unset;
        border-radius: 6px;
        width: 100%;
        text-align: center
    }

    .botao img {
        display: none
    }

    .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none
    }

    .slick-dots li {
        margin: 0 .25rem
    }

    .slick-dots button {
        display: block;
        width: .8rem;
        height: .8rem;
        padding: 0;
        border: none;
        border-radius: 100%;
        background-color: #ccc;
        text-indent: -9999px
    }

    .slick-dots li.slick-active button {
        background-color: #00a1d8
    }

    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        border: 1px solid #afafaf;
        border-radius: 6px
    }

    .container-titulo .linha {
        width: 80px;
        border-radius: 5px
    }

    .container-rodape-1 i {
        color: #00a1d8
    }

    .whatsapp-mobile {
        position: fixed;
        right: 10px;
        bottom: 90px
    }

    .container-rodape-1 .endereco,
    .container-rodape-1 .phone {
        font-size: 1rem;
        text-transform: none
    }

    .container-materia-home .botao {
        display: none
    }

    .container-materia-home .categoria {
        color: #00a1d8
    }

    .container-materia-home .titulo {
        color: #445568;
        font-size: 1.2rem;
        margin-bottom: 1rem;
        font-size: 1rem
    }

    .container-materia-home .texto {
        height: auto;
        font-size: .9rem;
        line-height: 1.2rem
    }

    .container-eventos-home .foto {
        display: none
    }

    .container-eventos-home .botao {
        display: none
    }

    .container-eventos-home .borda {
        text-align: left !important;
        border: none;
        margin-bottom: 2rem
    }

    .sombraMobile {
        -webkit-box-shadow: 0 0 6px 44px #e8e8e8;
        -moz-box-shadow: 0 0 6px 44px #e8e8e8;
        box-shadow: 0 0 49px 6px #e8e8e8
    }

    .container-materia-home .slick-slide {
        padding: 15px
    }

    .container-materia-home .borda {
        border-radius: 8px
    }

    .container-eventos-home .topo {
        color: #00a1d8
    }

    .container-titulo2 .texto {
        background: #fff;
        margin-top: -3rem;
        padding: 30px;
        border-radius: 8px
    }

    .container-unidades select {
        width: 100%
    }

    .container-unidades .filtro {
        margin-top: -4rem;
        color: #fff
    }

    .container-materia-home .filtro {
        width: 100%
    }

    .container-materia-home .filtro select {
        width: 100%;
        margin-top: -1.3rem
    }

    .container-materia-home .filtro select option {
        background: #f4f4f4;
        color: #989898;
        border-bottom: 1px solid #dadada
    }

    .container-materia .foto {
        width: 100%
    }

    .container-evento h1,
    .container-evento h3,
    .container-materia h1,
    .container-materia h3 {
        text-align: left !important
    }

    .container-evento .texto {
        padding: 0
    }

    .botao .frase {
        float: none !important
    }

    .botao {
        font-size: 1.3rem;
        text-transform: uppercase
    }

    .container-guia-saude input[type=submit] {
        left: 0;
        background: 0 0;
        right: unset;
        width: 50px;
        height: 60px
    }

    .container-guia-saude .lupa {
        color: #636363;
        left: 19px;
        right: unset
    }

    .container-guia-saude input[name=medico] {
        padding-left: 50px
    }

    .subida-mobile {
        margin-top: -2rem;
        background: #fff;
        border-radius: 8px;
        padding-top: 2rem
    }

    .container-contato-home .foto {
        height: 70px;
        width: 70px
    }

    .label-file {
        margin-top: .5rem
    }

    .label-file2 {
        top: 26px
    }

    .container-contato-home .botao3 {
        margin-bottom: 2rem
    }

    .container-agenda {
        margin-top: 4rem
    }

    .tabela-agenda .table td {
        height: auto;
        width: auto;
        border: none
    }

    .tabela-agenda .table .hoje {
        color: #fff;
        margin: auto;
        border-radius: 50%;
        background: #00a1d8;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        height: 40px;
        z-index: -1
    }

    .tabela-agenda .table .temConsulta {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        background: #00a1d8
    }

    .ui-selectmenu-button.ui-button {
        width: 100%;
        border-radius: 6px;
        padding: 1rem;
        background: #fff;
        margin-bottom: 2rem
    }

    .ui-autocomplete .ui-menu-item-wrapper,
    .ui-selectmenu-menu .ui-menu-item-wrapper {
        padding: 1rem;
        background: #f4f4f4;
        border: none;
        border-bottom: solid 1px #dadada
    }

    .ui-autocomplete .ui-state-active,
    .ui-selectmenu-menu .ui-menu .ui-state-active {
        background: #f5e8d5;
        color: #00a1d8;
        font-family: Argumentum-Black
    }

    .ui-autocomplete {
        z-index: 1000
    }

    .custom-combobox {
        width: 100%
    }

    .custom-combobox .abriu {
        position: relative
    }

    .custom-combobox .fixo {
        position: fixed;
        top: 70px;
        z-index: 6000
    }

    .custom-combobox .abriu {
        z-index: 100
    }

    .custom-combobox~.placeholder {
        position: absolute;
        top: 50%;
        z-index: 99;
        transform: translateY(-50%);
        left: 15px
    }

    .custom-combobox .fixo~.custom-combobox-toggle {
        top: 70px;
        position: fixed;
        height: 3.3rem;
        right: 12px
    }

    .custom-combobox-input {
        width: calc(100% - 30px);
        padding: 1rem;
        background: #fff;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .container-eventos-pagina .frase {
        position: absolute;
        top: -60px;
        color: #fff;
        text-align: center;
        left: 0;
        right: 0
    }

    .container-eventos-calendario .calendario {
        display: none
    }

    .container-eventos-calendario select {
        opacity: 1;
        background: #fff;
        margin-top: -1.5rem
    }

    .container-eventos-calendario .w-100-mobile {
        width: 100%
    }

    .container-eventos-calendario {
        background: 0 0;
        padding-top: 0;
        margin-top: 0
    }

    .container-eventos-home {
        margin-top: 0
    }

    .container-sobre-produto {
        background-image: unset !important
    }

    .container-sobre-produto .linha {
        margin: auto
    }

    .container-sobre-produto .botao {
        width: 100%
    }

    .container-guia-saude .botao {
        width: 100%;
        margin-top: 0;
        border-radius: 0;
        margin-bottom: 1rem
    }

    .container-guia-saude-agendamento .botao {
        margin-top: 1.5rem;
    }

    .container-materia .conteudo-autor {
        margin-left: 0;
        margin-right: 0;
        margin-top: 2rem;
        width: 100%;
    }

    .container-materia .conteudo-autor .foto3 {
        width: auto;
        height: auto;
    }
}

@media(min-width:1200px) {
    .overlay.hover {
        display: block !important;
        left: 0 !important
    }

    #agendaFoco {
        position: relative;
        padding: 15px !important
    }

    #agendaFoco.hover {
        z-index: 2000;
        background: #fff
    }

    .modal-dialog {
        max-width: 800px
    }

    .modal-dialog .placeholder {
        display: none
    }

    .ui-menu.ui-autocomplete {
        background: #FFF;
        color: #777;
        z-index: 4000;
        max-height: 450px;
        overflow-y: scroll;
    }

    .ui-menu .ui-menu-item-wrapper {
        padding: 10px 1em 10px 1em;
        border-bottom: solid 1px;
    }

    .espaco-menu {
        height: 3rem;
    }

    #modal-perguntas .modal-dialog {
        margin: 2.5vh auto;
    }

    #modal-perguntas .modal-content {
        overflow-y: scroll;
    }

}

@media(max-width:1660px) {
    .topo-principal .list-2 li {
        margin-left: 1rem;
    }

    .fundoTopo .btn-topo {
        margin-left: 0rem;
        width: 220px;
    }

    .fundoTopo .foto img {
        left: 15px
    }
}

@media(max-width:1550px) {
    .fundoTopo .lista-2 li {
        padding-left: 25px;
        margin-right: 15px;
    }

    #menu-cidades {
        margin-left: 15px;
    }
}

@media(min-width: 1300px) {}

@media(min-width: 1475px) {}

@media(max-width:1475px) {
    .fundoTopo .logo {
        top: 0;
        left: 0
    }

    .fundoTopo .btn-topo {
        width: 180px;
    }

    .fundoPrincipal .filtro-topo input {
        width: 236px;
    }
}

@media(max-width:1300px) {
    .fundoTopo .logo img {
        top: 8px;
        height: 60px;
        z-index: 110
    }

    .topo-principal .list-2 {
        margin-right: 0;
    }

    .fundoPrincipal .filtro-topo input {
        width: 212px !important;
    }

    #menu-cidades {
        margin-left: 0px !important;
    }
}

@media(max-width:1300px) {
    .fundoTopo .logo img {
        top: 8px;
        height: 60px;
        z-index: 110
    }

    .topo-principal .list-2 {
        margin-right: 0;
    }

    .fundoPrincipal .filtro-topo input {
        width: 212px !important;
    }

    #menu-cidades {
        margin-left: 317px;
    }

    .fixoFinal {
        display: none;
        position: fixed;
        bottom: 0;
        z-index: 500;
        width: 85% !important;
        left: 0;
        right: 0;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container-materia .conteudo-autor .meuWhatsapp {

        background: linear-gradient(90deg, #7ad06d 0, #59ab4c 100%);
    }
}

@media(min-width: 992px) {
    .agenda-guia-de-saude {
        height: 900px;
        width: 600px !important;
        background: #FFF;
        z-index: 1000;
        position: fixed;
        padding: 0 15px;
        padding-top: 5rem;
        z-index: 1400;
        overflow: scroll;
        position: fixed !important;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .agenda-guia-de-saude .sombraMobile {
        -webkit-box-shadow: 0px 0px 6px 44px rgb(232 232 232);
        -moz-box-shadow: 0px 0px 6px 44px rgba(232, 232, 232, 1);
        box-shadow: 0px 0px 49px 6px rgb(232 232 232);
    }

    .agenda-guia-de-saude .botao-voltar {
        position: absolute;
        top: 0;
        background: #FFF;
        width: 100%;
        left: 0;
        color: #A6A6A6;
        z-index: 7000;
        padding-left: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .agenda-guia-de-saude .botao-voltar .opcao-voltar {
        color: #A4A4A4;
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
    }

    #calendario-ajax {
        padding: 50px 30px !important;
    }

    .agenda-guia-de-saude#agendaFoco {
        padding: 0px !important;
    }

    .container-guia-saude .cada-profissional .foto~ul {
        padding-left: 8px;
    }

    .container-guia-saude .cada-profissional .avaliar {
        margin-left: 8px;
    }
}

.comentariosGoogle .topo {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.comentariosGoogle .cada {
    background: #e9ecef;
    padding: 15px;
    border-radius: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.comentariosGoogle h2 {
    font-size: 1.4rem !important;
}


.comentariosGoogle .topo .foto {
    width: 30px;
    height: 30px;
    margin: unset;
}

.comentariosGoogle .topo .foto img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.slider-gogle .slick-slide {
    margin: 0 10px;
}

.slider-gogle .comentario {
    height: 82px;
    overflow: hidden;
}

.slider-gogle .slick-dots {
    position: absolute;
    bottom: -65px;
    /* distancia do rodapé do slider */
    width: 100%;
    display: flex !important;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    pointer-events: none;
}

.slider-gogle .slick-dots .slick-active button {
    background: #000;
    color: #FFF;
}

.slider-gogle .slick-dots li {
    margin: 0 6px;
    pointer-events: all;
}

.slider-gogle .slick-dots li button {
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    border: solid 1px #ccc;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    transition: background-color 0.3s, transform 0.3s;
    cursor: pointer;
}

.slider-gogle button {
    background: #000;
    padding: 0;
    border-radius: 50%;
    font-weight: unset;
    width: auto;
    margin-top: unset;
}

@media(max-width: 992px) {
    .slider-gogle .slick-dots li button {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 768px) {
    .btn-contatos {
        flex-direction: column;
    }

    .container-medico .telefones i {
        display: block;
    }

    .btnDuvidasWhats,
    .telefonewhats {
        width: 100%;
        padding: 12px;
    }

    .btn-contatos.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #f3f3f3;
        padding: 10px 10px;
        z-index: 9999;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    }

    .btn-contatos.fixed {
        transform: translateY(0);
        opacity: 1;
    }

    .btn-contatos {
        transform: translateY(-10px);
        opacity: 0.8;
    }

}