[id=_logo] {
    width: 110px;
    height: auto;
}

[id=_cristina] .container {
    background: no-repeat right bottom;
    background-image: url(../img/bg-cristina_ferreira.jpg);
    -webkit-background-size: 200px;
    background-size: 200px;
    min-height: 200px;
    background-position-x: 115%;
}

[id=_map] {
    background: no-repeat center center;
    background-image: url(../img/bg-map.png?v2);
    -webkit-background-size: 750px 750px;
    background-size: 750px 750px;
}

[id=_advantages] td:hover h5 { display: none; }
[id=_advantages] td:hover svg,
[id=_advantages] article.active svg { fill: #ffffff; }
[id=_advantages] td p,
[id=_advantages] article p { display: none; }
[id=_advantages] td:hover h5 + p,
[id=_advantages] article.active p { display: block; }
[id=_advantages] article.active { border-bottom: 0; }

.bg-hero {
    background: no-repeat bottom center;
    background-image: url(../img/hero/bg-forma-1.png);
    background-size: contain;
    border:1px solid red;
}
.bg-hero-2 {
    background: no-repeat bottom center;
    background-image: url(../img/hero/bg-forma-1.png);
    background-size: 650px 650px;
    border: 1px solid red;
    background-position-y: 120px;
}

[id=_hero] {
    background: linear-gradient(0deg, #f1f5f8, #ffffff);
}
.bg-gradient {
    background-color: #f1f5f8;
    background: linear-gradient(0, #f1f5f8, #ffffff);
}

._hero-network { min-height: 710px; background-image: none }
.icon-services:hover svg { fill:#fff; }

/* Breakpoint MD */
@media (min-width: 768px)
{
    [id=_logo] {
        width: 125px;
    }

    [id=_callme] {
        background: no-repeat left center;
        background-image: url(../img/bg-shapes.png);
        min-height: 680px;
    }

    ._effect-1 {
        background: no-repeat left center;
        background-image: url(../img/bg-shapes.png);
        background-size: contain;
    }

    ._effect-2 {
        background: no-repeat right center;
        background-image: url(../img/bg-shapes-2.png);
        background-size: contain;
    }

    [id=_cristina] .container {
        -webkit-background-size: 350px;
        background-size: 350px;
        min-height: 350px;
        background-position-x: 100%;
    }

    [id=_prizes] {
        background: no-repeat right bottom;
        background-image: url(../img/bg-hand_with_card.gif);
        min-height: 420px;
        background-size: 500px;
        background-position-x: 130%;
    }

    ._hero-network { min-height: 600px; }
    .bg-form-network { background-color:rgba(255,255,255,.75) }
    .bg\:local { background-image: url(../img/hero/rede-medica--local.jpg); background-size: auto 100% }
    .bg\:tele { background-image: url(../img/hero/rede-medica--tele.jpg); background-size: auto 100% }
}

/* Breakpoint LG */
@media (min-width: 992px)
{
    [id=_prizes] {
        min-height: 550px;
        background-position-x: right;
        background-size: auto;
    }
    ._hero-network {
        min-height: 650px;
    }
}

.delay {
  -animation-delay: 2s;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
}

._hero-cut {
    bottom: 0;
    background: no-repeat center bottom;
    background-image: url(https://res.cloudinary.com/cdn-medicare/image/upload/v1562343498/Misc/MainSite/hero-after-desk.png);
    position: absolute;
    min-height: 108px;
    width: 100%;
}

._hero-cut_mobile {
    bottom: 0;
    background: no-repeat center bottom;
    background-image: url(https://res.cloudinary.com/cdn-medicare/image/upload/v1562922944/Misc/MainSite/hero-after-mobile.png);
    position: absolute;
    min-height: 108px;
    width: 100%;
}

._new {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.table-striped\:even tbody tr:nth-child(2n) td, .table-striped\:odd tbody tr:nth-child(odd) td {
    background-color: #f8fafc;
}

.post-article { line-height: 1.5; }
.post-article h2, .post-article .h2 { color: #AE1022; font-size: 1.25rem; font-weight: 900; margin-bottom: .75rem; line-height: 1.25; }
.post-article h3, .post-article .h3, .post-article h4, .post-article .h4 { color: #3d4852; font-size: 1.125rem; font-weight: 900; line-height: 1.25; }
.post-article hr { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.post-article p { margin: .5rem 0; }
.post-article p small { font-size: .875rem; line-height: 1.25; }
.post-article p a, .post-article li a { color: #AE1022; font-weight: 700; }
.post-article ol, .post-article ul { margin-top: .2rem; margin-bottom: .2rem; padding-left: 1.5rem; }
.post-article h2 a, .post-article h3 a { color: #AE1022; font-weight: 700 !important; }
.post-in-tags > div { padding: .5rem; }
.post-tags > li { padding: 0 .25rem }
.post-tags > li > a { background-color: #dae1e7; border-radius: .25rem; color: #3d4852; display: inline-block; line-height: 1; margin-top: .5rem; padding: .5rem .75rem; text-decoration: none }
.post-tags > li > a:hover { background: #ae1022; color: #fff; }
.post-tags > li > a:focus { outline: none }
@media (min-width: 576px) { /* sm */
    .post-article h2, .post-article .h2 { font-size: 1.5rem; }
    .post-article h3, .post-article .h3, .post-article h4, .post-article .h4 { font-size: 1.25rem; }
}
@media (min-width: 768px) { /* md */
    .post-article h2, .post-article .h2 { margin-bottom: 1rem; }
    .post-article ol, .post-article ul { margin-top: .3rem; margin-bottom: .3rem; padding-left: 3rem; }
    .post-article hr { margin-top: 3rem; margin-bottom: 3rem; }
    .post-in-tags > div { padding: 1rem; }
}
@media (min-width: 992px) { /* lg */
    .post-article h2, .post-article .h2 { font-size: 1.875rem; margin-bottom: 1rem; }
    .post-article h3, .post-article .h3 { font-size: 1.5rem; }
    .post-article h4, .post-article .h4 { font-size: 1rem; }
    .post-in-tags > div { width: 50%; }
}

.faqs { color: #25303b; }
.faqs > h1, .faqs .h1 { font-size: 1.5rem; font-weight: 900; }
.faqs > h2, .faqs .h2 { font-size: 1.25rem; font-weight: 900; }
.faqs > p, .faqs ul, .faqs ol, .faqs .p, .faqs .ul, .faqs .ol { font-size: 1rem; line-height: 1.5; margin-top: .75rem; margin-bottom: .75rem; }
.faqs > p a, .faqs li a, .faqs p a, .faqs h2 a, .faqs div p a { color: #25303b; text-decoration:none; border-bottom: 1px solid #AE1022;}
.faqs > p a:hover, .faqs li a:hover, .faqs p a:hover, .faqs h2 a:hover { border-bottom: 2px solid #AE1022; }
.faqs a.text-black { color: #25303b; }
.faqs a.text-sm { font-size: .875rem; }
.faqs > b, .faqs .b { font-weight: 700; }
.faqs > strong, .faqs .strong { font-weight: 900; }
.faqs > hr, .faqs > br, .faqs .hr, .faqs .br { margin-top: 3rem; margin-bottom: 3rem; }
@media (min-width: 992px) { /* lg */
    .faqs > h1, .faqs .h1 { font-size: 2.25rem; margin-bottom:2rem; }
    .faqs > h2, .faqs .h2 { font-size: 1.5rem; }
    /*.faqs p, .faqs ol, .faqs ul { font-size: 1.125rem; }*/
}

.bingwidget iframe {
    height: 650px !important;
}

[disabled], .disabled {
    cursor: not-allowed;
}

.bullet {
  list-style: none; /* Remove default bullets */
}

.bullet li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #AE1022; /* Change the color */
  font-weight: 900; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 0.8rem; /* Also needed for space (tweak if needed) */
  margin-left: -1.3rem; /* Also needed for space (tweak if needed) */
}

.map-button-text {
    display: block;
}
.map-button-icon {
    display: none;
}

@media screen and (max-width: 400px) {
  .map-button-text {
    display: none;
  }
  .map-button-icon {
    display: block;
  }
}
@media screen and (max-width: 334px) {
    .map-button-icon {
        display: none;
    }
}

/* CSS PONTOS */
.xxs-display-switch {
    display: flex;
}
@media screen and (max-width: 370px) {
    .xxs-display-switch {
        display: none;
    }
}

.animate__pulse {
    -webkit-animation-name: pulse; animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
    /**/
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.float\:more-info { background: linear-gradient(90deg, rgba(241, 245, 248, 0) 0%, rgb(241, 245, 248) 60%); }
.partner-list li.bg-blue-lightest:hover .float\:more-info { background: linear-gradient(90deg, rgba(235, 248, 255, 0) 0%, rgb(235, 248, 255) 60%); }

.swal-modal { box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08); }
.swal-overlay { background-color: rgba(37,48,59,.5) }
.swal-title, .swal-text { color: #25303B;}
.swal-button {
  padding: .5rem 2.5rem;
  border-radius: .25rem;
  background-color: #8795a1;
  font-size: .875rem;
  border: none;
  text-shadow: none;
}
.swal-button:not([disabled]):hover { background-color: #3d4852; }
.swal-icon--error__line { background-color: #AE1022; }
.swal-icon--error { border-color: #AE1022; }

.mdal {
    background-color: #fff; color: #253032;
    width: 100%; width: 100vw;
    height: 100%; height: 100vh;
    position: fixed; top: 0; left: 0; z-index: 40;
    display: flex; flex-wrap: nowrap; flex-direction: column;
    line-height: 1.5;
}
.mdal-head {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    order: 0;
    background-color: #f8fafc;
}
.mdal-body {
    display: flex;
    flex: 1 1 auto;
    background-color: #fff;
    overflow-y: auto;
    padding: 1rem;
    order: 1;
}
.bg-white-to-transparent {
    background-color: white;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.list-cols-2 { columns: 2; }
.list-cols-3 { columns: 3; }
@media (min-width: 768px) {
    .md\:list-cols-2 { columns: 2; }
    .md\:list-cols-3 { columns: 3; }
}
@media (min-width: 992px) {
    .lg\:list-cols-2 { columns: 2; }
    .lg\:list-cols-3 { columns: 3; }
}
.font-tabular { font-variant-numeric: tabular-nums; }