/* ==========================================================================
   1. SEO / UTILITÁRIOS
   ========================================================================== */
.font_seo { font-size: 0; }
.font_seo > header > h1,
.font_seo > header > h2,
.font_seo > header > h3,
.font_seo > header > h4,
.font_seo > header > h5 { font-size: 0; }

/* ==========================================================================
   2. MANUTENÇÃO / AVISOS
   ========================================================================== */
.pa_maintenance {
  padding: 9px 15px;
  float: right;
  position: fixed;
  top: 19%;
  right: 5px;
  display: inline-block;
  z-index: 1030;
  font-size: .9em;
  text-align: center;
  background: #DE2525;
  color: #fff;
}

/* ==========================================================================
   3. BOTÕES SOCIAIS (genéricos)
   ========================================================================== */
/* Facebook */
.btn_facebook { background-color: #395795; color: #fff; border-bottom: 3px solid #2e4675; }
.btn_facebook:hover { background-color: #2e4675; color: #fff; }
.btn_facebook_secundary { border: 2px solid #fff; color: #fff; }
.btn_facebook_secundary:hover { background-color: #2e4675; color: #fff; border: 2px solid #2e4675; }
.btn_facebook_outline { color: #395795; border: 1px solid #395795; }
.btn_facebook_outline:hover { background-color: #395795; color: #fff; border: 2px solid #395795; }

/* Twitter */
.btn_twitter { background-color: #52a5e9; color: #fff; border-bottom: 3px solid #228ce5; }
.btn_twitter:hover { background-color: #228ce5; color: #fff; }
.btn_twitter_secundary { border: 2px solid #fff; color: #fff; }
.btn_twitter_secundary:hover { background-color: #228ce5; color: #fff; border: 2px solid #228ce5; }
.btn_twitter_outline { color: #228ce5; border: 1px solid #228ce5; }
.btn_twitter_outline:hover { background-color: #228ce5; color: #fff; }

/* WhatsApp */
.btn_whatsapp { background-color: #1fd065; color: #fff; border-bottom: 3px solid #179f4e; }
.btn_whatsapp:hover { background-color: #179f4e; color: #fff; }
.btn_whatsapp_secundary { border: 2px solid #fff; color: #fff; }
.btn_whatsapp_secundary:hover { background-color: #179f4e; color: #fff; border: 2px solid #179f4e; }
.btn_whatsapp_outline { color: #179f4e; border: 1px solid #179f4e; }
.btn_whatsapp_outline:hover { background-color: #179f4e; color: #fff; border: 2px solid #179f4e; }

/* LinkedIn */
.btn_linkedin { background-color: #23a7fe; color: #fff; border-bottom: 3px solid #0193f3; }
.btn_linkedin:hover { background-color: #0193f3; color: #fff; }
.btn_linkedin_secundary { border: 2px solid #fff; color: #fff; }
.btn_linkedin_secundary:hover { background-color: #0193f3; color: #fff; border: 2px solid #0193f3; }
.btn_linkedin_outline { color: #0193f3; border: 1px solid #0193f3; }
.btn_linkedin_outline:hover { background-color: #0193f3; color: #fff; }

/* Telegram */
.btn_telegram { background-color: #456F95; color: #fff; border-bottom: 3px solid #355875; }
.btn_telegram:hover { background-color: #355875; color: #fff; }
.btn_telegram_secundary { border: 2px solid #fff; color: #fff; }
.btn_telegram_secundary:hover { background-color: #355875; color: #fff; border: 2px solid #355875; }
.btn_telegram_outline { color: #355875; border: 1px solid #355875; }
.btn_telegram_outline:hover { background-color: #355875; color: #fff; }

/* Site */
.btn_site { background-color: #456F95; color: #fff; border-bottom: 3px solid #355875; }
.btn_site:hover { background-color: #355875; color: #fff; }
.btn_site_outline { color: #355875; border: 1px solid #355875; }
.btn_site_outline:hover { background-color: #355875; color: #fff; }

/* Instagram */
.btn_instagram { background-color: #456F95; color: #fff; border-bottom: 3px solid #355875; }
.btn_instagram:hover { background-color: #355875; color: #fff; }
.btn_instagram_outline { color: #355875; border: 1px solid #355875; }
.btn_instagram_outline:hover { background-color: #355875; color: #fff; }

/* YouTube */
.btn_youtube { background-color: #D93600; color: #fff; border-bottom: 3px solid #C63300; }
.btn_youtube:hover { background-color: #C63300; color: #fff; }
.btn_youtube_outline { color: #D93600; border: 1px solid #C63300; }
.btn_youtube_outline:hover { background-color: #C63300; color: #fff; }

/* ==========================================================================
   4. GOOGLE TRANSLATE
   ========================================================================== */
#google_translate_element { margin: -43.5px 0 0; }
.skiptranslate { margin: 42px 0 -46px; }
.google_translate { margin: -49px 0 0; }
.goog-te-gadget-icon { display: none; }
.goog-te-gadget-simple {
  display: inline-block;
  padding: 12px 3px 9.5px;
  margin: 0;
  font-size: 1.1em;
  font-weight: 590;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background-color: #191919;
  cursor: pointer;
  border: 2px solid #131313;
}
.goog-te-gadget-simple span { color: #fff; }
body > .skiptranslate { margin: 0 !important; }
.skiptranslate { margin: 46px auto -47px auto !important; }

/* ==========================================================================
   5. MODAIS / POPUPS / AVISOS
   ========================================================================== */
.modal_adblock_info {
  padding: 25px 15px 30px;
  border-radius: 3px;
  color: #d50000;
  text-align: center;
}
.modal_adblock_info > header > span { font-size: 1.9em; font-weight: 900; letter-spacing: 1px; }
.modal_adblock_info > header > h5 { margin: 0 0 15px; text-transform: uppercase; font-size: .9em; font-weight: 590; }
.modal_adblock_info > div { margin: 0 0 5px; font-size: 1.1em; letter-spacing: 1px; color: #333; }

.adblock_next_step { text-align: center; }
.adblock_next_step > span { display: inline-block; width: 150px; height: 3px; background-color: #f1f1f1; }
.adblock_next_step > div { margin: 9px 0 19px; font-size: .9em; font-weight: 500; text-transform: uppercase; }

.modal_footer { padding: 0 0 23px; text-align: center; }

/* ============================================
   POPUP FOOTER - TERMOS DE USO
   ============================================ */
.popup_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    padding: 20px 30px;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    z-index: 9999;
    display: none;
    animation: popupSlideIn 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes popupSlideIn {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.popup_footer .popup_inner {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
}

/* Bloco de texto */
.site_terms_info {
    flex: 1;
    min-width: 0;
}

.site_terms_info h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #111;
    margin: 0 0 6px 0;
    letter-spacing: -0.2px;
}

.site_terms_info p {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #555;
    margin: 0;
}

.site_terms_info_go {
    font-size: 0.85rem;
    color: #666;
    margin-top: 6px;
    font-weight: 500;
}

.site_terms_info_go a {
    color: #0066cc;
    text-decoration: none;
    font-weight: 700;
    transition: opacity 0.2s ease;
}

.site_terms_info_go a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/* Botão - pequeno, do lado direito */
.site_terms_action {
    flex-shrink: 0;
}

.btn_terms {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    background: #0066cc;
    color: #fff;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    transition: all 0.25s ease;
    white-space: nowrap;
    border: none;
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.3);
}

.btn_terms:hover {
    background: #0055aa;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.4);
}

.btn_terms:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 102, 204, 0.25);
}

.btn_terms i {
    font-size: 0.85rem;
    transition: transform 0.25s ease;
}

.btn_terms:hover i {
    transform: translateX(4px);
}

.message_whatsapp {
  position: fixed;
  text-align: right;
  right: 5px;
  border: none;
  color: #fff;
  font-size: .7em;
  text-shadow: #000 .1em .1em .2em;
}

/* ==========================================================================
   6. BOTÃO FLUTUANTE WHATSAPP / TELEFONE
   ========================================================================== */
.cbn_phone {
  position: fixed;
  right: 10px;
  bottom: 10px;
  visibility: hidden;
  background-color: transparent;
  width: 200px;
  cursor: pointer;
  z-index: 99;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
}
.cbn_phone.cbn_visible { opacity: 1; }
.cbn_phone.cbh-show { visibility: visible; }
.cbn_phone.cbh-static1 { opacity: .6; }
.cbn_phone.cbh-hover1 { opacity: 1; }

.cbh-ph-circle {
  width: 90px; height: 90px; top: 50px; left: 50px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid rgba(30,30,30,.4);
  opacity: .1;
  animation: cbh-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
}
.cbn_phone.cbh-active .cbh-ph-circle1 { animation: cbh-circle-anim 1.1s infinite ease-in-out !important; }
.cbn_phone.cbh-static .cbh-ph-circle { animation: cbh-circle-anim 2.2s infinite ease-in-out !important; }
.cbn_phone.cbh-hover .cbh-ph-circle { border-color: #00aff2; opacity: .5; }
.cbn_phone.cbh-green.cbh-hover .cbh-ph-circle { border-color: #43c554; opacity: .5; }
.cbn_phone.cbh-green .cbh-ph-circle { border-color: #43c554; opacity: .5; }
.cbn_phone.cbh-gray.cbh-hover .cbh-ph-circle { border-color: #ccc; opacity: .5; }
.cbn_phone.cbh-gray .cbh-ph-circle { border-color: #75eb50; opacity: .5; }

.cbh-ph-circle-fill {
  width: 74px; height: 74px; top: 58px; left: 58px;
  position: absolute;
  background-color: #000;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .1;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
}
.cbn_phone.cbh-active .cbh-ph-circle-fill { animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important; }
.cbn_phone.cbh-static .cbh-ph-circle-fill { animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important; }
.cbn_phone.cbh-hover .cbh-ph-circle-fill { background-color: rgba(0,175,242,.5); opacity: .75 !important; }
.cbn_phone.cbh-green.cbh-hover .cbh-ph-circle-fill { background-color: #43c554; opacity: .75 !important; }
.cbn_phone.cbh-green .cbh-ph-circle-fill { background-color: rgba(0,175,242,.5); opacity: .75 !important; }
.cbn_phone.cbh-gray.cbh-hover .cbh-ph-circle-fill { background-color: rgba(204,204,204,.5); opacity: .75 !important; }
.cbn_phone.cbh-gray .cbh-ph-circle-fill { background-color: rgba(117,235,80,.5); opacity: 1 !important; }

.cbh-ph-img-circle1 {
  width: 50px; height: 50px; top: 70px; left: 70px;
  position: absolute;
  background-image: url('../_img/whatsapp_icon.png');
  background-size: 30px 30px;
  background-color: rgba(30,30,30,.1);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 1;
  animation: cbh-circle-img-anim 1s infinite ease-in-out;
}
.cbn_phone.cbh-active .cbh-ph-img-circle1 { animation: cbh-circle-img-anim 1s infinite ease-in-out !important; }
.cbn_phone.cbh-static .cbh-ph-img-circle1 { animation: cbh-circle-img-anim 0 infinite ease-in-out !important; }
.cbn_phone.cbh-hover .cbh-ph-img-circle1 { background-color: #00aff2; }
.cbn_phone.cbh-green .cbh-hover .cbh-ph-img-circle1:hover { background-color: #75eb50; }
.cbn_phone.cbh-green .cbh-ph-img-circle1 { background-color: #00aff2; }
.cbn_phone.cbh-gray .cbh-hover .cbh-ph-img-circle1 { background-color: #ccc; }
.cbn_phone.cbh-gray .cbh-ph-img-circle1 { background-color: #75eb50; }
.cbn_phone.cbh-green .cbh-ph-circle { border-color: #00f2a4; }
.cbn_phone.cbh-green .cbh-ph-circle-fill { background-color: #43c554; }
.cbn_phone.cbh-green .cbh-ph-img-circle1 { background-color: #43c554; }

.phone_call { position: fixed; bottom: 19%; }

/* ==========================================================================
   7. WRAPPER WHATSAPP (caixa de mensagem)
   ========================================================================== */
.wrapper_whatsapp {
  position: fixed;
  bottom: 15%;
  width: 260px;
  right: 75px;
  padding: 10px;
  border: 2px solid #eee;
  background: #f5f5f5;
  border-radius: 3px;
  display: none;
  z-index: 1;
}
.wrapper_whatsapp p { text-align: center; margin: 0 0 10px; color: #777; font-size: 12px; }
#msg {
  display: block; height: 150px; width: 100%;
  border: none; border-radius: 3px;
  background: #fff; resize: none; outline: 0;
  padding: 5px; font-family: 'Open Sans'; letter-spacing: 1px;
}
#sendMsg {
  display: block; border: none; width: 100%;
  margin: 10px 0 0; background: #3498db; color: #fcfcfc;
  padding: 5px 0; border-radius: 3px; transition: background .2s;
}
#sendMsg:hover { cursor: pointer; background: #2980b9; }
.message_whatsapp.cbn_visible { opacity: 1; }

/* ==========================================================================
   8. NAV / SCROLL TOP / SIDEBAR LINKS
   ========================================================================== */
.nav_position { display: none; }

#shoot_top {
  position: fixed; z-index: 999; right: 0; top: 60%;
  transform: translateY(-50%);
  padding: 10px; color: #333;
  background: rgba(0,0,0,.3);
  border: none; opacity: 0;
  transition: opacity .4s linear;
}
#shoot_top:focus, input:focus { outline: none; }
#shoot_top.is-visible { opacity: 1; }

.social_side_links {
  position: fixed; top: 60%; left: 0;
  padding: 0; list-style: none; z-index: 99;
}
.social_side_links li a { display: block; }
.social_side_links li i {
  display: block; max-width: 70px;
  padding: 15px 9px;
  transition: background .2s ease-in-out;
}

/* ==========================================================================
   9. SHARE MODELOS (m2, m4, m6, m7, m9, side, panel)
   ========================================================================== */
.btn_shared { padding: 0 3px; font-weight: 600; font-size: .5em; }
.btn_shared_facebook > a { color: #fff; background-color: #395795; font-size: 1.5em; text-align: center; }
.btn_shared_facebook > a:hover { background-color: #2e4675; }
.btn_shared_twitter > a { color: #fff; background-color: #52a5e9; font-size: 1.5em; text-align: center; }
.btn_shared_twitter > a:hover { background-color: #228ce5; }
.btn_shared_whatsapp > a { color: #fff; background-color: #1fd065; font-size: 1.5em; text-align: center; }
.btn_shared_whatsapp > a:hover { background-color: #179f4e; }

.workcontrol_socialshare { display: block; width: 100%; text-align: right; }
.workcontrol_socialshare_cta {
  display: inline-block; vertical-align: middle;
  padding-right: 20px; text-transform: uppercase;
  font-weight: 600; font-size: .875em;
  text-shadow: 1px 1px 0 #eee; color: #424242;
}
.workcontrol_socialshare_item {
  display: inline-block; vertical-align: middle;
  text-align: center; margin: 0 5px;
}
.workcontrol_socialshare_item span {
  vertical-align: middle; font-size: .875em;
  color: #fff; padding-left: 8px; text-transform: uppercase;
}
.workcontrol_socialshare_item img { width: 22px; max-width: 100%; }
.workcontrol_socialshare_item a {
  display: inline-block; text-decoration: none;
  padding: 9px 15px; width: 50px;
  font-size: 1.1em; font-weight: 590; color: #fff;
  transition-duration: .3s; border-radius: 5px;
}
.workcontrol_socialshare_facebook a { background-color: #395795; }
.workcontrol_socialshare_facebook a:hover { background-color: #2e4675; }
.workcontrol_socialshare_googleplus a { background: #e4564b; }
.workcontrol_socialshare_googleplus a:hover { background: #cb3d38; }
.workcontrol_socialshare_whatsapp a { background-color: #1fd065; }
.workcontrol_socialshare_whatsapp a:hover { background-color: #179f4e; }
.workcontrol_socialshare_twitter a { background-color: #52a5e9; }
.workcontrol_socialshare_twitter a:hover { background-color: #228ce5; }

/* --- Modelo 2 --- */
.share_post_m2 { margin: 0; display: block; height: 59px; background-color: #fff; }
.share_post_m2 > header { margin: 21px 0 0 15px; float: left; }
.share_post_m2 > header > h4 { font-size: .9em; font-weight: 590; text-transform: uppercase; letter-spacing: 1px; color: #a9a9a9; }
.btn_shared_m2 {
  padding: 5px 3px; margin: 12px 15px 0 0;
  display: inline-block; float: right;
  font-size: .9em; font-weight: 500; text-transform: uppercase;
  min-width: 109px; border-radius: 3px; text-align: center;
}
.btn_facebook_m2 { background-color: #395795; color: #fff; border-bottom: 3px solid #2e4675; }
.btn_facebook_m2:hover { background-color: #2e4675; }
.btn_twitter_m2 { background-color: #52a5e9; color: #fff; border-bottom: 3px solid #228ce5; }
.btn_twitter_m2:hover { background-color: #228ce5; }
.btn_whatsapp_m2 { background-color: #1fd065; color: #fff; border-bottom: 3px solid #179f4e; }
.btn_whatsapp_m2:hover { background-color: #179f4e; }
.btn_messenger_m2 { background-color: #23a7fe; color: #fff; border-bottom: 3px solid #0193f3; }
.btn_messenger_m2:hover { background-color: #0193f3; }
.btn_telegram_m2 { background-color: #456F95; color: #fff; border-bottom: 3px solid #355875; }
.btn_telegram_m2:hover { background-color: #355875; }

.social_side_m2 { position: fixed; top: 35%; right: 0; padding: 0; list-style: none; z-index: 99; }
.social_side_m2 > header > h5 { padding-right: 3px; font-size: .6em; text-transform: uppercase; font-weight: 390; }
.btn_share_side_m2 { padding: 15px 25px 13px; color: #fff; text-align: center; }
.btn_facebook_side_m2 { background-color: #395795; color: #fff; }
.btn_facebook_side_m2:hover { background-color: #2e4675; }
.btn_twitter_side_m2 { background-color: #52a5e9; color: #fff; }
.btn_twitter_side_m2:hover { background-color: #228ce5; }
.btn_whatsapp_side_m2 { background-color: #1fd065; color: #fff; }
.btn_whatsapp_side_m2:hover { background-color: #179f4e; }

.share_post_head_desktop { margin: 6px 0 0; float: right; }
.share_post_head_item_call { margin: 0; display: inline-block; font-size: .8em; font-weight: 590; color: #c9c9c9; }
.share_post_head_item { margin: 0 0 0 6px; display: inline-block; text-align: center; }
.share_post_head_item > a { padding: 4px 0 0; display: inline-block; height: 35px; width: 35px; border-radius: 50%; }

/* --- Modelo 4 --- */
.share_post_m4 {
  margin: 0 0 15px; height: 65px; display: block; text-align: center;
  background-image: linear-gradient(to bottom, #fff, #f5f5f5);
  box-shadow: 0 9px 15px -6px rgba(0,0,0,.23);
}
.share_post_m4 > header { margin: 26px 0 0 9px; float: left; }
.share_post_m4 > header > h4 { font-size: .9em; font-weight: 390; text-transform: uppercase; letter-spacing: 1px; color: #a9a9a9; }
.btn_shared_m4 {
  padding: 6px 5px 4px; margin: 19px 15px 0 0;
  display: inline-block; float: right;
  font-size: .9em; font-weight: 500; text-transform: uppercase;
  min-width: 109px; border-radius: 3px; text-align: center;
}
.btn_facebook_m4 { background-color: #395795; color: #fff; border-bottom: 3px solid #2e4675; }
.btn_facebook_m4:hover { background-color: #2e4675; }
.btn_twitter_m4 { background-color: #52a5e9; color: #fff; border-bottom: 3px solid #228ce5; }
.btn_twitter_m4:hover { background-color: #228ce5; }
.btn_whatsapp_m4 { background-color: #1fd065; color: #fff; border-bottom: 3px solid #179f4e; }
.btn_whatsapp_m4:hover { background-color: #179f4e; }
.btn_messenger_m4 { background-color: #23a7fe; color: #fff; border-bottom: 3px solid #0193f3; }
.btn_messenger_m4:hover { background-color: #0193f3; }

.social_side_m4 { position: fixed; top: 35%; right: 0; padding: 0; list-style: none; z-index: 99; }
.social_side_m4 > header > h5 { padding-right: 3px; font-size: .6em; text-transform: uppercase; font-weight: 390; }
.btn_share_side_m4 { padding: 15px 25px 13px; color: #fff; text-align: center; }
.btn_facebook_side_m4 { background-color: #395795; color: #fff; }
.btn_facebook_side_m4:hover { background-color: #2e4675; }
.btn_twitter_side_m4 { background-color: #52a5e9; color: #fff; }
.btn_twitter_side_m4:hover { background-color: #228ce5; }
.btn_whatsapp_side_m4 { background-color: #1fd065; color: #fff; }
.btn_whatsapp_side_m4:hover { background-color: #179f4e; }

.share_model_four_call { margin: 0 9px 0 0; display: inline-block; }
.share_model_four_call > div { padding: 0; color: #A9A9A9; font-size: .9em; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; }
.share_model_four_head_item { margin: 0 0 0 9px; display: inline-block; text-align: center; }
.share_model_four_head_item > a { padding: 4px 0 5px; display: inline-block; min-width: 115px; border-radius: 3px; }
.share_model_four_head_item > a > span { font-weight: 390; }

.share_model_five_head_item { margin: 0 15px 0 0; display: inline-block; text-align: center; }
.share_model_five_head_item > a { padding: 4px 0 5px; display: inline-block; min-width: 115px; border-radius: 3px; }
.share_model_five_head_item > a > span { font-weight: 390; }

.share_post_side { position: relative; float: right; margin: -475px 0 0; }

/* --- Modelo 6 --- */
.share_model_six_call { margin: 0 0 15px; }
.share_model_six_call > div { color: #A9A9A9; font-size: .9em; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; }
.share_model_six_head_item { margin: 0; text-align: center; }
.share_model_six_head_item > a { padding: 8px 0 0; margin: 0 15px 19px 0; display: inline-block; width: 50px; height: 50px; font-size: 1.3em; border-radius: 50%; }
.share_model_six_head_item > a > span { font-weight: 390; }

/* --- Modelo 7 --- */
.share_model_footer_right {
  display: inline-block; padding: 12px;
  margin: -2px 0 0;
  background-image: linear-gradient(to bottom, #fff, #f3f3f3, #f3f3f3);
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-radius: 0 0 9px 9px;
}
.share_model_seven_head_item { margin: 0 5px; display: inline-block; text-align: center; }
.share_model_seven_head_item > a { padding: 5px 0 0; display: inline-block; width: 42px; height: 42px; font-size: 1.2em; border-radius: 50%; }
.share_model_seven_head_item > a > span { display: none; }

.share_post_head_item_two { margin: -5px 0 0 9px; display: inline-block; text-align: center; }
.share_post_head_item_two > a { padding: 6px 0 0; display: inline-block; height: 42px; width: 42px; font-size: 1.1em; border-radius: 50%; }

/* --- Painel --- */
.share_post_panel { margin: 0; display: block; height: 59px; }
.share_post_panel > header { margin: 21px 0 0 15px; float: left; }
.share_post_panel > header > h4 { font-size: 1.1em; font-weight: 590; text-transform: uppercase; letter-spacing: 1px; color: #a9a9a9; }
.btn_share_panel {
  padding: 9px 3px 10px; margin: 12px 15px 0 0;
  display: inline-block; float: right;
  font-size: .9em; font-weight: 500; text-transform: uppercase;
  min-width: 130px; border-radius: 3px; text-align: center;
}
.btn_facebook_panel { background-color: #395795; color: #fff; border-bottom: 3px solid #2e4675; }
.btn_facebook_panel:hover { background-color: #2e4675; }
.btn_twitter_panel { background-color: #52a5e9; color: #fff; border-bottom: 3px solid #228ce5; }
.btn_twitter_panel:hover { background-color: #228ce5; }
.btn_whatsapp_panel { background-color: #1fd065; color: #fff; border-bottom: 3px solid #179f4e; }
.btn_whatsapp_panel:hover { background-color: #179f4e; }
.btn_messenger_panel { background-color: #23a7fe; color: #fff; border-bottom: 3px solid #0193f3; }
.btn_messenger_panel:hover { background-color: #0193f3; }
.btn_telegram_panel { background-color: #456F95; color: #fff; border-bottom: 3px solid #355875; }
.btn_telegram_panel:hover { background-color: #355875; }

.share_post_coupons { display: inline-block; margin: 0 7px; text-align: center; }
.share_post_coupons > a { display: inline-block; padding: 4.5px 0 0; height: 39px; width: 39px; font-size: 1em; border-radius: 50%; }

.share_model_footer_right_secundary {
  display: inline-block; padding: 12px;
  margin: -2px auto 0;
  background-image: linear-gradient(to bottom, #fff, #f3f3f3, #f3f3f3);
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-radius: 0 0 9px 9px;
}
.share_model_nine_head_item { margin: 0 5px; display: inline-block; text-align: center; }
.share_model_nine_head_item > a { padding: 5px 0 0; display: inline-block; min-width: 105px; height: 39px; font-size: 1em; border-radius: 3px; }

/* ==========================================================================
   10. MENSAGENS DE SISTEMA
   ========================================================================== */
.system_message {
  margin-top: 15px; padding: 0; right: 0; width: 100%; display: none;
  box-shadow: 0 0 21px 0 rgba(0,0,0,.35);
}
.system_alert { animation: messengers 3s forwards; }
.system_alert > header > h5 { margin: 0 0 5px; font-size: .9em; }
.system_alert > header > span { padding: 4px 9px 5px; float: right; margin-top: -26px; }
.system_alert > p { margin: 0; font-size: .9em; text-transform: uppercase; line-height: 1.3em; }

.system_message_success { padding: 15px 5px; background-color: #d4edda; color: #2c693a; border-left: 2px solid #2c693a; }
.system_message_info { background-color: #cce5ff; color: #004085; border-left: 2px solid #004085; }
.system_message_danger { padding: 9px 5px 9px 9px; background-color: #f8d7da; color: #721c30; border-left: 2px solid #721c30; }
.system_message_warning { background-color: #fff3cd; color: #8c6c09; border-left: 2px solid #8c6c09; }

.system_load { display: none; vertical-align: middle; margin-left: 15px; }

/* ==========================================================================
   11. BANNERS / ANÚNCIOS
   ========================================================================== */
.modal_banner_header { padding: 15px 15px 0; }
.modal_banner_header > h4 { font-size: .9em; font-weight: 390; letter-spacing: 1px; text-transform: uppercase; text-align: center; }

.modal_banner { padding: 3px 3px 0; }
.modal_banner * { max-width: 100%; height: 100%; object-fit: cover; object-position: center; }
.modal_banner > a > img { width: 100%; height: auto; object-fit: cover; object-position: center; border-radius: 3px; }
.modal_banner_code * { display: block; max-width: 100%; max-height: 100%; object-position: center; }

.modal_banner_footer { padding: 8px 9px 9px; text-align: right; }
.modal_banner_footer > a {
  padding: 5px 15px; font-size: .9em; font-weight: 390;
  letter-spacing: 1px; background-color: #333; color: #fff;
  border-bottom: 2px solid #222; border-radius: 3px;
}
.modal_banner_footer > a:hover { background-color: #222; }

.advertisement_footer_code * { max-width: 100%; height: auto; object-position: center; background-color: #fff; }

.banner_mobile { display: none; }
.banner_desktop { display: inline-block; }

.advertisement_footer {
  padding: 9px 15px; opacity: 0; text-align: center;
  bottom: 0; position: fixed; width: 100%; z-index: 1030;
  background-color: #FFF;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
}
.advertisement_footer_content { margin: 0 auto; max-width: 1500px; }
.advertisement_footer_content > span {
  padding: 3px 12px 5px; margin: -42px 0 0; float: right;
  font-size: 1.2em; cursor: pointer; background-color: #fff; color: #555;
  border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.advertisement_footer_content > span:hover { color: #FFF; background-color: #191919; }
.advertisement_footer_content > a > img { max-width: 100%; height: auto; object-fit: cover; object-position: center; border-radius: 3px; }
.advertisement_footer_content * { max-width: 100%; }
.advertisement_footer_code { max-width: 100%; object-position: center; background-color: #fff; }

.ads_desktop { display: block !important; }
.ads_mobile { display: none !important; }
.banner_text_code #mainContainer { margin: 0 auto 12px auto !important; max-width: 400px !important; }
.modal_banner_code #mainContainer { margin: 0 auto 12px auto !important; max-width: 400px !important; }
#mainContainer { text-align: center; object-align: center; }
#content { z-index: 1; width: 100%; }
#playButton { display: none; }
#closeBannerModal { z-index: -1; }

/* ==========================================================================
   12. CONTEÚDO EXCLUSIVO / CALL GROUPS
   ========================================================================== */
.exclusive_content {
  padding: 30px; margin: 15px 0 19px;
  background-color: #F9F9F9;
  border: 3px dashed #E1E1E1;
}
.exclusive_content > header > h2 { font-size: 1.5em; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; color: #191919; text-shadow: 2px 2px #e9e9e9; }
.exclusive_content > header > h2 > i { color: #FF2626; }
.exclusive_content > p { font-size: 1.1em; font-weight: 590; color: #555; font-style: italic; }
.exclusive_content > a {
  padding: 8px 0 9px; margin: 0 0 0 15px;
  display: inline-block; min-width: 205px;
  font-size: .9em; font-weight: 590; letter-spacing: 1px;
  text-transform: uppercase; text-align: center; color: #FFF; border-radius: 3px;
}
.exclusive_content > a:first-of-type { margin: 0; }
.exclusive_content > a:hover { opacity: .6; }
.exclusive_register { background-color: #FF2626; border-radius: 5px; }
.exclusive_login { background-color: #656565; border-radius: 5px; }
.download_app { background-color: #00B259; border-radius: 5px; }

.call_groups {
  padding: 30px 35px 39px; margin: 0 0 39px;
  text-align: center; background-color: #F1F1F1;
  border-radius: 3px; box-shadow: 0 5px 8px -5px rgba(0,0,0,.5);
}
.call_groups > header { margin: 0 0 15px; font-style: italic; }
.call_groups > header > h3 { font-size: 1.5em; font-weight: 590; letter-spacing: 1px; line-height: 1.2em; text-transform: uppercase; color: #333; }
.call_groups > header > h4 { font-size: 1.2em; font-weight: 390; color: #555; }

.telegram_icon { margin: 0 6px; display: inline-block; }
.telegram_icon > div { padding: 5px 0 0; display: block; width: 59px; height: 59px; font-size: 1.9em; color: #FFF; background-color: #0087CB; border-radius: 50%; }
.telegram_icon > span { margin: 3px 0 5px; display: block; font-size: .9em; letter-spacing: 1px; }

.whatsapp_icon { margin: 0 6px; display: inline-block; }
.whatsapp_icon > div { padding: 5px 0 0; display: block; width: 59px; height: 59px; font-size: 1.9em; color: #FFF; background-color: #25D366; border-radius: 50%; }
.whatsapp_icon > span { margin: 3px 0 5px; display: block; font-size: .9em; letter-spacing: 1px; }

.facebook_icon { margin: 0 6px; display: inline-block; }
.facebook_icon > div { padding: 5px 0 0; display: block; width: 59px; height: 59px; font-size: 1.9em; color: #FFF; background-color: #0551AD; border-radius: 50%; }
.facebook_icon > span { margin: 3px 0 5px; display: block; font-size: .9em; letter-spacing: 1px; }

.call_groups > a {
  padding: 12px 0; margin: 15px 0 0;
  display: block; font-size: .9em; font-weight: 590;
  letter-spacing: 1px; text-transform: uppercase;
  background-image: linear-gradient(to right, #0087CB, #25D366);
  color: #FFF; border-radius: 5px;
}
.call_groups > a:hover { background-color: #25D366; }

/* ==========================================================================
   13. CARD DRUGSTORE
   ========================================================================== */
.card_drugstore > a {
  display: block; padding: 23px 15px; margin: 0 0 30px;
  background-image: url(../_img/drug-store-background.png);
  background-size: cover; background-position: center;
  border: 1px solid #e1e1e1; border-radius: 5px;
  box-shadow: 0 0 8px -5px rgba(0,0,0,.5);
}
.card_drugstore > a:hover { opacity: .6; }
.card_drugstore_title { margin: 0 0 0 15%; text-align: right; }
.card_drugstore_title > header > h3 { font-size: .9em; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; color: #353535; }
.card_drugstore_title > header > h4 { font-size: 1.2em; font-weight: 650; line-height: 1.4em; letter-spacing: 1px; text-transform: uppercase; text-shadow: 2px 2px #E1E1E1; color: #142585; }
.card_drugstore_title > div { display: inline-block; padding: 2px 9px 3px; margin: 0; font-size: .8em; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; color: #D93500; border: 2px dashed #D93500; border-radius: 2px; }

/* ==========================================================================
   14. SURVEY / ENQUETES
   ========================================================================== */
.survey {
  padding: 50px 75px 59px; margin: 0;
  background-color: #fff; border: 1px solid #e9e9e9;
  box-shadow: 0 0 8px -5px rgba(0,0,0,.5); border-radius: 5px;
}
.survey > mark { display: inline-block; margin: 0 0 15px; padding: 5px; font-size: .8em; font-weight: 590; letter-spacing: 2px; text-transform: uppercase; text-align: center; color: #721C15; background-color: #F8D7DA; border-radius: 3px; }
.survey > header { margin: 0 0 19px; }
.survey > header > h2 { font-size: 1.2em; line-height: 1.5em; }
.survey > header > h3 { font-size: .8em; font-weight: 650; letter-spacing: 2px; text-transform: uppercase; color: #0d6efd; }
.survey > span { display: block; padding: 9px; margin: 30px 0 0; font-size: .85em; letter-spacing: 1px; font-weight: 590; font-style: italic; color: #595959; background-color: #f9f9f9; border-radius: 5px; }
.survey > span > strong { text-transform: uppercase; }

.chart_survey { margin: 0; }
.chart_survey > span { display: block; padding: 15px 0 0; margin: 30px 0 0; font-size: .8em; font-weight: 590; letter-spacing: 3px; text-transform: uppercase; text-align: right; color: #656565; border-top: 2px dashed #e1e1e1; }
.chart_survey > div > p { padding: 9px; margin: 15px 0 0; font-size: .8em; font-weight: 590; letter-spacing: 1px; text-transform: uppercase; color: #656565; background-color: #e9e9e9; border-radius: 3px; }
.chart_survey > div > span { display: block; text-align: right; }

.chart_vote > header > h5 { font-size: 1em; font-weight: 590; }
.chart_vote_result { margin: 0 0 6px; height: 26px; font-size: .8em; font-weight: 650; background-image: linear-gradient(to right, #a9a9a9, #e9e9e9, #f5f5f5); }
.chart_vote_result > div { padding: 0 15px 1px 5px; }
.vote_result { position: absolute; margin: 3px 0 0 6px; color: #fff; }

.form_survey { margin: 0; }
.form_poll_item { display: block; padding: 19px 9px; margin: 0 0 9px; border: 2px solid #E9E9E9; border-radius: 5px; }
.form_poll_item:hover { background-color: #E9E9E9; }
.form_poll_image { display: inline-block; position: absolute; float: right; margin: -20px 0 0 -55px; width: 50px; height: 50px; }
.form_poll_image > img { width: 65px; height: 65px; object-fit: cover; object-position: center; }

.form_check { display: inline-block; position: relative; width: 100%; cursor: pointer; user-select: none; }
.form_check input { display: inline-block; position: absolute; cursor: pointer; height: 0; width: 0; }
.form_check > i { display: inline-block; margin: 3px 0 0 30px; font-size: 1em; font-weight: 590; line-height: 1.3em; }
.form_check:hover input ~ .checkmark { background-color: #fff; }
.form_check input:checked ~ .checkmark { background-color: #fff; color: #a9a9a9; }
.form_check input:checked { background-color: #ff5; }
.form_check input:checked ~ .checkmark:after { display: block; }
.form_check .checkmark:after { left: 6px; top: 2px; width: 5px; height: 12px; border: solid #656565; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.checkmark { position: absolute; left: 0; top: 1.5px; height: 23px; width: 23px; background-color: #f9f9f9; border: 3px solid #a9a9a9; border-radius: 50%; }
.checkmark:after { content: ""; position: absolute; display: none; }

.form_post_action { margin: 0; text-align: right; }
.btn_vote { display: inline-block; padding: 12px 3px 14px; margin: 23px 0 0; width: 190px; font-size: .9em; font-weight: 590; letter-spacing: 1px; text-align: center; text-transform: uppercase; color: #fff; background-color: #0d6efd; border: 0; border-radius: 3px; }
.btn_vote:hover { background-color: #28A750; }
.btn_vote > img { position: absolute; margin: -4px 0 0 12px; }

.survey_blocked { padding: 50px 75px 59px; margin: 0; background-color: #fff; border: 1px solid #e9e9e9; box-shadow: 0 0 8px -5px rgba(0,0,0,.5); border-radius: 5px; }
.survey_blocked > header { margin: 0 0 19px; }
.survey_blocked > header > h2 { font-size: 1.2em; line-height: 1.5em; }
.survey_blocked > header > h3 { font-size: .8em; font-weight: 650; letter-spacing: 2px; text-transform: uppercase; color: #0d6efd; }
.survey_blocked > header > h3 > span { letter-spacing: normal; color: #c93035; }
.survey_blocked > span { display: block; padding: 9px; margin: 30px 0 0; font-size: .85em; letter-spacing: 1px; font-weight: 590; font-style: italic; color: #595959; background-color: #f9f9f9; border-radius: 5px; }
.survey_blocked > span > strong { text-transform: uppercase; }
.form_survey_blocked { margin: 0; }
.form_survey_blocked > div > p { padding: 9px; margin: 5px 0 0; font-size: .8em; font-weight: 590; letter-spacing: 1px; text-transform: uppercase; color: #656565; background-color: #e9e9e9; border-radius: 3px; }
.form_survey_blocked > div > span { display: block; text-align: right; }
.form_survey_blocked > div > span > a { display: inline-block; padding: 6px 3px 8px; margin: 19px 0 0 19px; width: 115px; font-size: .8em; font-weight: 590; letter-spacing: 1px; text-align: center; text-transform: uppercase; color: #fff; background-color: #0d6efd; border-radius: 3px; }
.form_survey_blocked > div > span > a:hover { background-color: #1fd065; }

/* Survey lateral (sidebar) */
.side_survey { padding: 23px; margin: 0 0 30px; background-color: #fff; border: 1px solid #e1e1e1; box-shadow: 0 0 8px -5px rgba(0,0,0,.5); border-radius: 3px; }
.side_survey > header { margin: 0 0 19px; }
.side_survey > header > h2 { font-size: 1em; line-height: 1.5em; }
.side_survey > header > h3 { font-size: .8em; font-weight: 650; letter-spacing: 2px; text-transform: uppercase; color: #0d6efd; }
.side_chart_survey { margin: 0; }
.side_chart_survey > span { display: block; padding: 15px 0 0; margin: 30px 0 0; font-size: .8em; font-weight: 590; letter-spacing: 3px; text-transform: uppercase; text-align: right; color: #656565; border-top: 2px dashed #e1e1e1; }
.side_chart_vote > header > h5 { font-size: .9em; font-weight: 590; }
.side_chart_vote_result { margin: 0 0 6px; height: 26px; font-size: .8em; font-weight: 650; background-image: linear-gradient(to right, #a9a9a9, #e9e9e9, #f5f5f5); }
.side_chart_vote_result > div { padding: 0 15px 1px 5px; }
.side_form_survey { margin: 0; }
.side_form_poll_item { display: block; padding: 9px; margin: 0 0 7px; border: 2px solid #E9E9E9; border-radius: 5px; }
.side_form_poll_item:hover { background-color: #E9E9E9; }
.side_form_check { display: inline-block; position: relative; width: 100%; cursor: pointer; user-select: none; }
.side_form_check input { display: inline-block; position: absolute; cursor: pointer; height: 0; width: 0; }
.side_form_check > i { display: inline-block; margin: 3px 0 0 30px; font-size: .9em; font-weight: 590; line-height: 1.3em; }
.side_form_check:hover input ~ .checkmark { background-color: #fff; }
.side_form_check input:checked ~ .checkmark { background-color: #fff; color: #a9a9a9; }
.side_form_check input:checked { background-color: #ff5; }
.side_form_check input:checked ~ .checkmark:after { display: block; }
.side_form_check .checkmark:after { left: 6px; top: 2px; width: 5px; height: 12px; border: solid #656565; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.side_form_post_action { margin: 0; text-align: right; }
.g_recaptcha_side { text-align: right; float: right; right: 0; }
.side_btn_vote { display: inline-block; padding: 9px 3px 12px; margin: 23px 0 0; width: 185px; font-size: .8em; font-weight: 590; letter-spacing: 1px; text-align: center; text-transform: uppercase; color: #fff; background-color: #0d6efd; border: 0; border-radius: 3px; }
.side_btn_vote:hover { background-color: #28A750; }
.side_btn_vote > img { position: absolute; margin: -4px 0 0 12px; }

.side_survey_blocked { padding: 23px; margin: 0 0 30px; background-color: #fff; border: 1px solid #e1e1e1; box-shadow: 0 0 8px -5px rgba(0,0,0,.5); border-radius: 3px; }
.side_survey_blocked > header { margin: 0 0 19px; }
.side_survey_blocked > header > h2 { font-size: 1em; line-height: 1.5em; }
.side_survey_blocked > header > h3 { font-size: .8em; font-weight: 650; letter-spacing: 2px; text-transform: uppercase; color: #0d6efd; }
.side_form_survey_blocked { margin: 0; }
.side_form_survey_blocked > header { margin: 0 0 19px; }
.side_form_survey_blocked > div > p { padding: 9px; margin: 5px 0 0; font-size: .8em; font-weight: 590; letter-spacing: 1px; text-transform: uppercase; color: #656565; background-color: #e9e9e9; border-radius: 3px; }
.side_form_survey_blocked > div > span { display: block; text-align: right; }
.side_form_survey_blocked > div > span > a { display: inline-block; padding: 6px 3px 8px; margin: 19px 0 0 19px; width: 115px; font-size: .8em; font-weight: 590; letter-spacing: 1px; text-align: center; text-transform: uppercase; color: #fff; background-color: #0d6efd; border-radius: 3px; }
.side_form_survey_blocked > div > span > a:hover { background-color: #1fd065; }

.loading_survey { display: none; margin: -3px 0 0; }

/* ==========================================================================
   15. BIO PAGE
   ========================================================================== */
.bio_page { margin: 0; background-color: var(--main-color); }
.page_bio { padding: 0; margin: 0 auto; max-width: 765px; background-color: var(--main-color); }
.page_bio_head { margin: -12px auto 0; text-align: center; }
.page_bio_head > a > img { width: 390px; max-width: 100%; height: auto; object-fit: cover; object-position: center; }

.bio_social { padding: 0; margin: 15px auto 0; text-align: center; }
.bio_social > header { display: inline-block; }
.bio_social > header > h4 { font-size: 1em; font-weight: 590; letter-spacing: 1px; text-transform: uppercase; }
.bio_social > header > h4 > span { padding: 0 5px 1px; color: #fff; background-color: #353535; }
.bio_social_item { display: inline-block; }
.bio_social_item > a { display: inline-block; padding: 3px 0 0; margin: 0 9px; width: 39px; height: 39px; font-size: 1.3em; border-radius: 50%; }

.page_bio_body { padding: 30px; background-color: #fff; }
.card_bio_primary > a { display: block; margin: 0 0 30px; }
.card_bio_primary > a:hover { opacity: .8; }
.card_bio_primary > a > span { display: block; padding: 0 0 19px; font-size: 1em; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; text-align: center; color: #fff; background-color: #191919; }
.card_bio_primary > a > span > div { display: block; padding: 15px 0 0; margin: 0 35px; border-top: 1px dashed #393939; }
.card_bio_primary_cover > img { width: 100%; height: auto; object-fit: cover; object-position: center; }
.card_bio_primary_description { position: relative; padding: 15px; margin: -50px 0 0; color: #fff; background-image: linear-gradient(to top, #191919, #262626, #262626, #353535, transparent); }
.card_bio_primary_description > header { min-height: 105px; }
.card_bio_primary_description > header > h3 { display: inline-block; padding: 0 1px 1px; font-size: .9em; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; color: #353535; background-color: #fff; }
.card_bio_primary_description > header > h4 { font-size: 1.5em; font-weight: 390; line-height: 1.3em; }

.card_bio_secundary > a { display: block; margin: 0 0 30px; }
.card_bio_secundary > a:hover { opacity: .8; }
.card_bio_secundary > a > span { display: block; padding: 0 0 19px; font-size: 1em; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; text-align: center; color: #fff; background-color: #191919; }
.card_bio_secundary > a > span > div { display: block; padding: 15px 0 0; margin: 0 35px; border-top: 1px dashed #393939; }
.card_bio_secundary_cover > img { width: 100%; height: 203px; object-fit: cover; object-position: center; }
.card_bio_secundary_description { position: relative; padding: 19px 15px 15px; margin: -50px 0 0; color: #fff; background-image: linear-gradient(to top, #191919, #262626, #262626, #353535, transparent); }
.card_bio_secundary_description > header { min-height: 105px; text-align: center; }
.card_bio_secundary_description > header > h3 { display: inline-block; padding: 0 1px 1px; font-size: .8em; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; color: #353535; background-color: #fff; }
.card_bio_secundary_description > header > h4 { font-size: 1.2em; font-weight: 390; line-height: 1.3em; }

.page_bio_footer { padding: 0 30px 30px; background-color: #fff; }
.page_bio_footer > a { display: block; padding: 19px 0; font-size: 1em; font-weight: 650; letter-spacing: 3px; text-align: center; text-transform: uppercase; color: #fff; background-image: linear-gradient(to right, #151515, #393939); }
.page_bio_footer > a:hover { background-image: linear-gradient(to right, #393939, #151515); }

#postVideo { position: relative; min-width: 100%; max-height: 100%; }

/* ==========================================================================
   16. GUIA DE MAPAS
   ========================================================================== */
.guide_maps { padding: 70px 0 35px; background-image: url("../../../uploads/default/map.jpg"); background-repeat: no-repeat; background-size: cover; text-align: center; background-attachment: fixed; box-shadow: rgba(0,0,0,.35) 0 5px 15px; }
.guide_map_content { padding: 15px 39px 39px; margin: -35px auto 0; max-width: 750px; background-color: #fff; border-radius: 19px; }
.guide_map_content > header > h3 { margin: 0 0 15px; font-size: .9em; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; color: #EA4335; }
.guide_map_location { position: relative; width: 100%; padding-bottom: 75%; }
.guide_map_location > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ==========================================================================
   17. EXPEDIENT / TEMAS
   ========================================================================== */
.expedient { padding: 15px 0; }
.expedient_theme_01,
.expedient_theme_02,
.expedient_theme_03,
.expedient_theme_04,
.expedient_theme_05 {
  padding: 35px 50px;
  background-image: linear-gradient(to right, #f9f9f9, #fff, #fff, #fff, #f9f9f9);
  box-shadow: rgba(0,0,0,.16) 0 1px 3px;
  border-radius: 5px;
}
.expedient_theme_01 { margin: 30px 0; }
.expedient_theme_02 { margin: 0; }
.expedient_theme_03 { margin: 0 0 35px; }
.expedient_theme_04 { margin: 0; }
.expedient_theme_05 { margin: 15px 0 0; }
.expedient_theme_01 > header,
.expedient_theme_02 > header,
.expedient_theme_03 > header,
.expedient_theme_04 > header,
.expedient_theme_05 > header { padding: 0 0 5px; margin: 0 0 30px; border-bottom: 2px solid #f5f5f5; }
.expedient_theme_01 > header > h2,
.expedient_theme_02 > header > h2,
.expedient_theme_03 > header > h2,
.expedient_theme_04 > header > h2,
.expedient_theme_05 > header > h2 { font-size: 1.9em; }

.expedient_content { font-size: 1.1em; }
.expedient_content * { max-width: 100%; white-space: pre-wrap; word-wrap: break-word; }
.expedient_content * img { margin-bottom: 15px; max-width: 100%; height: auto; object-fit: cover; object-position: center; text-align: center; }
.expedient_content * figure { max-width: 100%; height: auto; object-fit: cover; object-position: center; text-align: center; }
.expedient_content * iframe { max-width: 100%; object-fit: cover; object-position: center; text-align: center; }
.expedient_content * embed { max-width: 100%; object-fit: cover; object-position: center; text-align: center; }

/* ==========================================================================
   18. STORIES
   ========================================================================== */
.stories-mobile { display: none; }
.content-story { display: none; position: fixed; z-index: 1055; top: 0; left: auto; right: auto; bottom: 0; height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background-color: #151515; }
.show-story { display: grid; margin: 0 auto; max-width: 720px; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background-color: #151515; }
.story-items { position: relative; grid-area: 1/1; margin: 0 auto; max-width: 960px; border-radius: 5px; overflow: hidden; font-family: sans-serif; }
.story-item > img { width: 100%; height: 1050px; object-fit: cover; object-position: center; filter: brightness(75%); animation: zoom-in 12s infinite alternate; }
@keyframes zoom-in { 0% { transform: scale(1); } 100% { transform: scale(1.15); } }
.story-item-info { display: block; position: absolute; padding: 0 15px; top: 30px; width: 100%; height: 50px; }
.story-item-info > div { display: flex; }
.story-item-info > div > img { display: inline-block; width: 50px; height: 50px; object-fit: cover; object-position: center; border-radius: 50%; background-color: #fff; border: 5px solid #e9e9e9; }
.story-item-info > div > span { display: inline-block; margin: 6px 0 0 5px; min-width: 590px; }
.story-item-info > div > span > mark { font-size: 1em; font-weight: 650; letter-spacing: 1px; color: #fff; background-color: transparent; text-shadow: 2px 2px #151515; }
.story-item-info > div > span > mark:last-child { display: block; margin: -9px 0 0; font-size: .9em; font-weight: 500; }
.story-item-info > div > a { display: inline-block; padding: 3px 0 0; margin: 9px auto 0; width: 36px; height: 36px; color: #e9e9e9; background-color: transparent; font-size: 1.1em; font-weight: 590; text-align: center; text-shadow: 2px 2px #151515; border: 2px solid #e9e9e9; border-radius: 50%; z-index: 999; }
.story-item-info > div > a:hover { color: #151515; background-color: #fff; text-shadow: none; }
.story-item-title { display: block; position: relative; padding: 39px 55px 0; margin: -415px auto 0; width: 100%; height: 590px; text-align: center; background-image: linear-gradient(to top, #151515, #151515, transparent); }
.story-item-title > header { margin: 0 0 5px; }
.story-item-title > header > h4 { display: inline-block; padding: 5px 9px; font-size: 1em; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; color: var(--main-color-font); background-image: linear-gradient(to top, transparent, var(--main-color)); border-radius: 3px; opacity: .8; }
.story-item-title > header > h5 { display: -webkit-box; min-height: 103px; font-size: 1.5em; font-weight: 650; line-height: 1.4em; text-transform: uppercase; text-shadow: 2px 2px #151515; letter-spacing: 1px; color: #fff; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.story-item-title > a { position: relative; display: inline-block; padding: 4.5px 0 4px; width: 155px; color: #393939; background-color: #fff; font-size: 1.2em; letter-spacing: 1px; border-radius: 30px; z-index: 999; opacity: .5; }
.story-item-title > a:hover { opacity: 1; }
.story-nav { grid-area: 1/1; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; }
.story-nav button { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0; }
.story-items > * { position: absolute; top: 0; opacity: 0; pointer-events: none; }
.story-items > .active { position: relative; opacity: 1; pointer-events: initial; }
.story-thumb { display: flex; grid-column: 1 / 3; margin: 5px 0 0; }
.story-thumb > span { flex: 1; display: block; height: 5px; background: rgba(0,0,0,.4); margin: 5px; border-radius: 3px; overflow: hidden; }
.story-thumb > span.active::after { content: ''; display: block; height: inherit; background: rgba(255,255,255,.9); border-radius: 3px; transform: translateX(-100%); animation: thumb 5s forwards linear; }
.container_stories::-webkit-scrollbar { display: none; }
@keyframes thumb { to { transform: initial; } }

/* ==========================================================================
   19. MEDIA QUERIES
   ========================================================================== */
@media (max-width: 2900px) {
  .popup_footer { padding: 25px 16% 15px; }
  .phone_call { bottom: 23%; }
  .wrapper_whatsapp { bottom: 15%; }
  .footer_banner_action_m1 { margin: 0 25% 0 0; }
  .footer_banner_action_m2 { margin: 0 30% 0 0; }
}
@media (max-width: 2150px) {
  .popup_footer { padding: 25px 5% 15px; }
  .phone_call { bottom: 30%; }
  .wrapper_whatsapp { bottom: 20%; }
  .footer_banner_action_m1 { margin: 0 15% 0 0; }
  .footer_banner_action_m2 { margin: 0 25% 0 0; }
}
@media (max-width: 1650px) {
  .news_letter_m4 { padding: 39px 5% 30px; }
  .footer_banner_action_m1 { margin: 0 9% 0 0; }
  .footer_banner_action_m2 { margin: 0 19% 0 0; }
  .social_side_m4 { top: 26%; }
  .show-story { max-width: 590px; }
  .story-item > img { width: 100%; height: 930px; }
  .story-item-info > div > span { min-width: 455px; }
  .story-item-title { margin: -455px auto 0; }
}
@media (max-width: 1450px) {
  .phone_call { bottom: 41%; }
  .wrapper_whatsapp { bottom: 23%; }
  .footer_banner_action_m1 { margin: 0 5% 0 0; }
  .footer_banner_action_m2 { margin: 0 15% 0 0; }
  .btn_share_side_m4 { padding: 13px 15px 11px; color: #fff; text-align: center; display: block; }
  .btn_facebook_side_m4 { background-color: #395795; color: #fff; }
  .btn_shared { display: none; }
  .social_side_links li i { padding: 15px 13px; }
  .call_groups { padding: 30px 30px 39px; }
  .advertisement_footer_content { max-width: 1280px; }
  .show-story { max-width: 530px; }
  .story-item > img { width: 100%; height: 900px; }
  .story-item-info > div > span { min-width: 395px; }
  .story-item-title { padding: 39px 50px 0; margin: -565px auto 0; }
  .story-item-title > header { margin: 0 0 12px; }
  .story-item-title > header > h4 { font-size: .9em; }
  .story-item-title > header > h5 { min-height: 95px; font-size: 1.4em; }
  .story-item-title > a { font-size: 1.1em; }
}
@media (max-width: 1300px) {
  .share_post_m2 > header { display: none; }
  .share_post_m4 > header { display: none; }
  .share_model_four_call { display: none; }
  .share_model_four_head_item > a { min-width: 103px; }
  .share_post_side { margin: -419px 0 0; }
  .share_post_panel > header { display: none; }
  .btn_share_panel { min-width: 119px; }
  .footer_banner_action_m2 { margin: 0 9% 0 0; }
  .exclusive_content > header > h2 { font-size: 1.3em; }
  .exclusive_content > a { margin: 0 0 0 9px; min-width: 165px; font-size: .8em; }
  .exclusive_content > a > i { display: none; }
  .call_groups { padding: 30px 19px 39px; }
  .advertisement_footer_content { max-width: 1150px; }
  .advertisement_footer { padding: 15px 0; }
  .card_drugstore_title > header > h4 { font-size: 1.1em; }
  .survey { padding: 45px 50px 55px; }
  .survey > header > h2 { font-size: 1.1em; }
  .survey_blocked { padding: 45px 50px 55px; }
  .survey_blocked > header > h2 { font-size: 1.1em; }
  .show-story { max-width: 490px; }
  .story-item-info > div > span { min-width: 355px; }
  .story-item-title { margin: -595px auto 0; }
  .story-item-title > header > h5 { min-height: 95px; font-size: 1.3em; }
  .story-item-title > a { width: 150px; font-size: 1em; }
}
@media (max-width: 1200px) {
  .share_post_head_item { margin: 0 0 0 15px; }
  .share_post_m4 { height: 75px; }
  .btn_shared_m4 { padding: 9px 5px 6px; margin: 19px 30px 0 0; min-width: 60px; font-size: 1em; border-radius: 5px; }
  .btn_shared_m4 > span { display: none; }
  .share_model_five_head_item > a { min-width: 105px; }
  .share_post_side { margin: -465px 0 0; }
  .share_post_head_item_two { margin: -5px 0 0 5px; }
  .share_post_head_item_two > a { height: 39px; width: 39px; font-size: 1em; }
  .share_model_nine_head_item > a { min-width: 95px; height: 35px; font-size: .9em; }
  .card_drugstore_title { margin: 0 0 0 9%; }
  .card_drugstore_title > header > h4 { font-size: .9em; }
  .survey { padding: 39px 35px 45px; }
  .survey_blocked { padding: 39px 35px 45px; }
  .form_poll_item { display: block; padding: 12px 9px 15px; }
  .form_poll_image { display: none; }
  .side_survey { padding: 15px 12px 19px; }
  .side_survey_blocked { padding: 15px 12px 19px; }
  .show-story { max-width: 465px; }
  .story-item-info > div > span { min-width: 330px; }
  .story-item-title { margin: -530px auto 0; height: 720px; }
  .story-item-title > header > h5 { min-height: 80px; font-size: 1.2em; }
}
@media (max-width: 960px) {
  .modal_adblock_info > header > span { font-size: 1.5em; }
  .modal_adblock_info > div { font-size: 1em; }
  .site_terms_popup { padding: 15px 3%; }
  .site_terms_action { padding: 15px 0 5px; }
  .site_terms_info > div { font-size: .9em; }
  .social_side_links { display: none; }
  .workcontrol_socialshare_cta { display: none; }
  .workcontrol_socialshare { text-align: center; }
  .share_post_m2 { text-align: center; }
  .btn_shared_m2 { padding: 9px 0 0; margin: 6px 15px 0; font-size: 1.1em; width: 46px; min-width: auto; height: 46px; border-radius: 5px; float: none; }
  .btn_shared_m2 > span { display: none; }
  .share_post_head_desktop { display: none; }
  .btn_shared_m4 { padding: 9px 5px 6px; margin: 19px 23px 0 0; }
  .social_side_m4 { display: none; }
  .share_model_four_head_item { margin: 0 19px 0 0; }
  .share_model_four_head_item > a { min-width: 65px; }
  .share_model_four_head_item > a > span { display: none; }
  .share_model_five_head_item { margin: 0 19px 0 0; }
  .share_model_five_head_item > a { min-width: 65px; }
  .share_model_five_head_item > a > span { display: none; }
  .share_post_side { margin: -419px 0 0; }
  .share_model_footer_right { display: block; border-top: 1px solid #E9E9E9; text-align: center; }
  .share_model_seven_head_item { margin: 0 9px; }
  #shoot_top { top: 55%; }
  .phone_call { bottom: 43%; }
  .wrapper_whatsapp { bottom: 19%; }
  .modal_banner_header > h4 { font-size: .8em; }
  .exclusive_content > header > h2 { font-size: 1.2em; }
  .exclusive_content > p { font-size: 1em; }
  .exclusive_content > a { display: block; margin: 23px 0 0; width: 100%; font-size: .9em; }
  .exclusive_content > a > i { display: inline-block; }
  .exclusive_content > a:first-of-type { margin: 23px 0 0; }
  .call_groups > header > h3 { font-size: 1.3em; }
  .card_drugstore_title { margin: 0 0 0 5%; }
  .card_drugstore_title > header > h3 { font-size: .8em; }
  .card_drugstore_title > header > h4 { font-size: .85em; }
  .survey { padding: 30px 15px 39px; }
  .survey > header > h2 { font-size: 1em; }
  .survey_blocked { padding: 30px 15px 39px; }
  .survey_blocked > header > h2 { font-size: 1em; }
  .chart_vote > header > h5 { font-size: .9em; }
  .chart_vote_result { font-size: .9em; }
  .form_check > i { font-size: .9em; }
  .btn_vote { padding: 10px 3px 12px; margin: 19px 0 0; width: 135px; font-size: .8em; }
  .side_survey { display: none; }
  .side_survey_blocked { display: none; }
  .show-story { max-width: 500px; }
  .story-item-info > div > span { min-width: 365px; }
  .story-item-title { margin: -395px auto 0; }
}
@media (max-width: 765px) {
  .share_post_m2 { margin: 0 0 35px; }
  .btn_shared_m4 { margin: 19px 26px 0 0; }
  .share_post_side { display: block; float: none; padding: 9px 0 0; margin: 0; text-align: center; background-color: #f5f5f5; }
  .share_model_six_head_item { display: inline-block; }
  .share_model_six_head_item > a { margin: 0 7px 9px; }
  .btn_share_panel { padding: 12px 3px; margin: 6px 23px 0 0; min-width: 50px; border-radius: 50%; font-size: 1.1em; }
  .btn_share_panel > span { display: none; }
  .exclusive_content { padding: 19px; }
  .exclusive_content > header > h2 { font-size: 1.3em; }
  .exclusive_content > p { font-size: 1.1em; }
  .call_groups { padding: 30px 50px 39px; }
  .banner_desktop { display: none; }
  .banner_mobile { display: inline-block; }
  .advertisement_footer { padding: 0; }
  .card_drugstore > a { padding: 55px 15px; margin: 0 0 39px; }
  .card_drugstore_title { margin: 0 0 0 30%; }
  .card_drugstore_title > header > h3 { font-size: 1em; }
  .card_drugstore_title > header > h4 { font-size: 1.2em; }
  .card_drugstore_title > div { font-size: .9em; }
  .survey { padding: 35px 50px 39px; }
  .survey_blocked { padding: 35px 50px 39px; }
  .g_recaptcha { text-align: right; float: right; right: 0; }
  .btn_vote { width: 175px; }
  .side_survey { display: block; padding: 35px 50px 39px; margin: 0 0 39px; }
  .side_survey_blocked { display: block; padding: 35px 50px 39px; margin: 0 0 39px; }
  .side_form_poll_item { margin: 0 0 12px; }
  .ads_desktop { display: none !important; }
  .ads_mobile { display: block !important; }
  .bio_social > header > h4 { font-size: .9em; }
  .bio_social > header > h4 > span { padding: 0 3px 1px; }
  .bio_social_item > a { margin: 0 5px; }
  .card_bio_secundary_cover > img { height: 139px; }
  .card_bio_secundary_description > header { min-height: 135px; }
  #postVideo { width: 100%; }
  .share_model_footer_right_secundary { display: block; padding: 12px 0 19px; margin: 0 auto; background-image: linear-gradient(to bottom, #fff, #f3f3f3, #f3f3f3); }
  .share_model_nine_head_item { margin: 0 9px; }
  .share_model_nine_head_item > a { min-width: 90px; height: 35px; font-size: .85em; }
  .guide_map_content { padding: 9px 26px 26px; border-radius: 15px; }
  .guide_map_content > header > h3 { margin: 0 0 9px; }
  .stories-mobile { display: block; }
  .story-item-title { margin: -435px auto 0; }
  .story-item-title > a { padding: 5px 0; }
}
@media (max-width: 600px) {
  .card_drugstore_title { margin: 0 0 0 19%; }
  .card_drugstore > a { padding: 50px 15px; }
  .survey { padding: 35px; }
  .survey_blocked { padding: 35px; }
  .side_survey { padding: 30px 35px 35px; }
  .side_survey_blocked { padding: 30px 35px 35px; }
  .row_flex { --bs-gutter-x: 15px; margin-right: calc(-.5 * var(--bs-gutter-x)) !important; margin-left: calc(-.5 * var(--bs-gutter-x)) !important; }
  .bio_social_item > a { margin: 0 5px; width: 35px; height: 35px; font-size: 1.2em; border-radius: 50%; }
  .page_bio_body { padding: 15px; }
  .card_bio_primary > a { margin: 0 0 15px; }
  .card_bio_primary_description > header > h4 { font-size: 1.3em; }
  .card_bio_secundary > a { margin: 0 0 15px; }
  .card_bio_secundary_cover > img { height: 136px; }
  .card_bio_secundary_description { padding: 19px 9px 15px; }
  .card_bio_secundary_description > header { min-height: 130px; }
  .page_bio_footer { padding: 15px; background-color: #fff; }
  .share_post_head_item_two { margin: 0 15px; }
  .share_post_head_item_two > a { padding: 7px 0 0; height: 42px; width: 42px; font-size: 1em; }
  .share_model_nine_head_item { margin: 0 15px; }
  .share_model_nine_head_item > a { padding: 8px 0 0; min-width: 42px; height: 42px; font-size: 1em; border-radius: 50%; }
  .share_model_nine_head_item > a > span { display: none; }
  .show-story { max-width: 100%; width: 100%; }
  .story-item > img { width: 100%; height: 720px; }
  .story-item-title { margin: -265px auto 0; }
}
@media (max-width: 500px) {
  .btn_shared_m2 { margin: 7px 12px 0; width: 45px; height: 45px; }
  .btn_shared_m4 { padding: 9px 5px 6px; margin: 19px 23px 0 0; min-width: 50px; }
  .share_model_four_head_item { margin: 0 12px 0 0; }
  .share_model_four_head_item > a { min-width: 53px; }
  .share_model_five_head_item { margin: 0 12px 0 0; }
  .share_model_five_head_item > a { min-width: 53px; }
  .btn_share_panel { padding: 14px 3px 12px; margin: 6px 19px 0 0; font-size: 1em; }
  .share_post_head_item_two { margin: 0 12px; }
  .exclusive_content { padding: 19px 15px 30px; }
  .exclusive_content > header > h2 { font-size: 1.2em; }
  .exclusive_content > p { font-size: 1em; }
  .share_post_coupons { margin: 0 7px; }
  .share_post_coupons > a { padding: 4px 0 0; height: 36px; width: 36px; font-size: 1em; }
  .call_groups { padding: 30px 30px 39px; }
  .card_drugstore > a { padding: 35px 15px; }
  .card_drugstore_title { margin: 0 0 0 9%; }
  .card_drugstore_title > header > h3 { font-size: .9em; }
  .card_drugstore_title > header > h4 { font-size: 1.1em; }
  .card_drugstore_title > div { font-size: .8em; }
  .survey { padding: 26px 15px 30px; }
  .survey_blocked { padding: 26px 15px 30px; }
  .side_survey { padding: 26px 15px 30px; }
  .side_survey_blocked { padding: 26px 15px 30px; }
  .share_model_six_head_item > a { padding: 4px 0 0; margin: 0 7px 9px; width: 42px; height: 42px; }
  .row_flex { --bs-gutter-x: 5px; margin-right: calc(-.5 * var(--bs-gutter-x)) !important; margin-left: calc(-.5 * var(--bs-gutter-x)) !important; }
  .page_bio_head > a > img { padding: 0 5px; width: 350px; }
  .page_bio_body { padding: 5px; }
  .bio_social > header { display: block; margin: 0 0 15px; }
  .bio_social > header > h4 { font-size: 1em; }
  .bio_social_item > a { margin: 0 9px; width: 39px; height: 39px; font-size: 1.2em; border-radius: 50%; }
  .card_bio_primary > a { margin: 0 0 5px; }
  .card_bio_primary > a > span { padding: 0 0 15px; font-size: .9em; }
  .card_bio_primary > a > span > div { padding: 12px 0 0; margin: 0 19px; }
  .card_bio_primary_description > header { min-height: 105px; }
  .card_bio_primary_description > header > h3 { font-size: .8em; }
  .card_bio_primary_description > header > h4 { font-size: 1.2em; }
  .card_bio_secundary > a { margin: 0 0 5px; }
  .card_bio_secundary > a > span { padding: 0 0 12px; font-size: .9em; }
  .card_bio_secundary > a > span > div { padding: 9px 0 0; margin: 0 19px; }
  .card_bio_secundary_cover > img { height: 115px; }
  .card_bio_secundary_description { padding: 19px 5px 9px; }
  .card_bio_secundary_description > header > h3 { font-size: .75em; }
  .card_bio_secundary_description > header > h4 { font-size: 1.1em; }
  .card_bio_secundary_description > header { min-height: 126px; }
  .page_bio_footer { padding: 19px 5px 5px; background-color: #fff; }
  .share_model_nine_head_item { margin: 0 12px; }
  .guide_maps { padding: 60px 0 26px; }
  .guide_map_content { padding: 3px 19px 19px; border-radius: 5px; }
  .guide_map_content > header > h3 { margin: 0 0 3px; }
  .expedient_theme_01 { padding: 15px 15px 9px; margin: 0 0 30px; }
  .expedient_theme_01 > header > h2 { font-size: 1.5em; }
  .expedient_theme_02 { padding: 15px 15px 9px; }
  .expedient_theme_02 > header > h2 { font-size: 1.5em; }
  .expedient_theme_03 { padding: 15px 15px 9px; }
  .expedient_theme_03 > header > h2 { font-size: 1.5em; }
  .expedient_theme_04 { padding: 15px 15px 9px; }
  .expedient_theme_04 > header > h2 { font-size: 1.5em; }
  .expedient_theme_05 { padding: 15px 15px 9px; }
  .expedient_theme_05 > header > h2 { font-size: 1.5em; }
  .story-item-info { padding: 0 12px; }
  .story-item > img { height: 750px; }
  .story-item-info > div > span { min-width: 285px; }
  .story-item-title { padding: 35px 30px 0; height: 395px; }
  .story-item-title > header { margin: 0 0 15px; }
}
@media (max-width: 400px) {
  .btn_shared_m2 { margin: 7px 8px 0; }
  .btn_shared_m4 { margin: 19px 15px 0 0; }
  .share_model_four_head_item > a { min-width: 50px; }
  .share_model_five_head_item > a { min-width: 50px; }
  .share_model_footer_right { margin: -2px -5px 0; }
  .share_model_seven_head_item { margin: 0 7px; }
  .share_post_head_item_two { margin: 0 9px; }
  .share_model_nine_head_item { margin: 0 9px; }
  .btn_share_panel { padding: 14px 0 12px; margin: 6px 14px 0 0; min-width: 46px; font-size: .9em; }
  .exclusive_content { padding: 23px 15px 35px; }
  .exclusive_content > header > h2 { font-size: 1.1em; }
  .call_groups { padding: 30px 15px 39px; }
  .card_drugstore > a { padding: 26px 12px; }
  .card_drugstore_title { margin: 0 0 0 5%; }
  .card_drugstore_title > header > h3 { font-size: .8em; }
  .card_drugstore_title > header > h4 { font-size: 1em; }
  .row_flex { --bs-gutter-x: 3px; margin-right: calc(-.5 * var(--bs-gutter-x)) !important; margin-left: calc(-.5 * var(--bs-gutter-x)) !important; }
  .bio_social > header > h4 { font-size: .9em; }
  .bio_social_item > a { margin: 0 5px; }
  .page_bio_body { padding: 3px; }
  .card_bio_primary > a { margin: 0 0 3px; }
  .card_bio_secundary_cover > img { height: 119px; }
  .card_bio_secundary_description > header { min-height: 115px; }
  .card_bio_secundary_description > header > h4 { font-size: 1em; }
  .card_bio_secundary > a { margin: 0 0 3px; }
  .page_bio_footer { padding: 19px 3px 3px; background-color: #fff; }
  .guide_map_content { padding: 5px 0 26px; border-radius: 3px; }
  .guide_map_content > header > h3 { margin: 0 0 5px; }
  .story-item-info { height: 46px; }
  .story-item-info > div > img { width: 46px; height: 46px; }
  .story-item-info > div > span { min-width: 255px; font-size: .9em; }
  .story-item-title { padding: 30px 19px 0; margin: -295px auto 0; }
  .story-item-title > header > h5 { min-height: 75px; font-size: 1.1em; }
}
@media (max-width: 375px) {
  .story-item-info > div > span { min-width: 239px; }
}
@media (max-width: 365px) {
  .btn_shared_m2 { margin: 7px 3.5px 0; }
  .btn_shared_m4 { margin: 19px 12px 0 0; min-width: 45px; }
  .share_model_four_head_item { margin: 0 9px 0 0; }
  .share_model_four_head_item > a { min-width: 45px; }
  .share_model_five_head_item { margin: 0 9px 0 0; }
  .share_model_five_head_item > a { min-width: 45px; }
  .share_model_seven_head_item > a { padding: 5px 0 0; width: 39px; height: 39px; font-size: 1.1em; }
  .btn_share_panel { padding: 8px 0 9px; margin: 6px 12px 0 0; min-width: 40px; }
  .exclusive_content { padding: 23px 12px 35px; }
  .exclusive_content > header > h2 { font-size: 1em; }
  .exclusive_content > p { font-size: .9em; }
  .call_groups { padding: 30px 9px 39px; }
  .card_drugstore > a { padding: 23px 12px; }
  .card_drugstore_title > header > h4 { font-size: .9em; }
  .survey { padding: 26px 12px 30px; }
  .survey_blocked { padding: 26px 12px 30px; }
  .side_survey { padding: 26px 12px 30px; }
  .side_survey_blocked { padding: 26px 12px 30px; }
  .card_bio_primary_description > header { min-height: 105px; }
  .card_bio_primary_description > header > h4 { font-size: 1.1em; }
  .card_bio_secundary_description { padding: 19px 3px 9px; }
  .story-item-title { margin: -315px auto 0; }
}
@media (max-width: 350px) {
  .share_model_seven_head_item { margin: 0 6px; }
  .side_survey { padding: 26px 5px 30px; }
  .side_survey_blocked { padding: 26px 5px 30px; }
  .card_bio_secundary_description { padding: 30px 3px 9px; }
  .card_bio_secundary_description > header > h3 { display: none; }
  .share_post_head_item_two { margin: 0 7px; }
  .share_post_head_item_two > a { height: 39px; width: 39px; }
  .share_model_nine_head_item { margin: 0 7px; }
  .share_model_nine_head_item > a { min-width: 39px; height: 39px; }
  .story-item-info > div > span { min-width: 200px; }
  .story-item-title { padding: 30px 15px 0; margin: -500px auto 0; }
}

/* ==========================================================================
   20. KEYFRAMES
   ========================================================================== */
@-moz-keyframes cbh-circle-anim {
  0%   { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; }
  30%  { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; }
  100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; }
}
@-webkit-keyframes cbh-circle-anim {
  0%   { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1; }
  30%  { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5; }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1; }
}
@-o-keyframes cbh-circle-anim {
  0%   { -o-transform: rotate(0) scale(.5) skew(1deg); -o-opacity: .1; }
  30%  { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5; }
  100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1; }
}
@keyframes cbh-circle-anim {
  0%   { transform: rotate(0) scale(.5) skew(1deg); opacity: .1; }
  30%  { transform: rotate(0) scale(.7) skew(1deg); opacity: .5; }
  100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1; }
}
@-moz-keyframes cbh-circle-fill-anim {
  0%   { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2; }
  50%  { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2; }
}
@-webkit-keyframes cbh-circle-fill-anim {
  0%   { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2; }
  50%  { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2; }
}
@-o-keyframes cbh-circle-fill-anim {
  0%   { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2; }
  50%  { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2; }
}
@keyframes cbh-circle-fill-anim {
  0%   { transform: rotate(0) scale(.7) skew(1deg); opacity: .2; }
  50%  { transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2; }
}
@keyframes cbh-circle-img-anim {
  0%   { transform: rotate(0) scale(1) skew(1deg); }
  10%  { transform: rotate(-25deg) scale(1) skew(1deg); }
  20%  { transform: rotate(25deg) scale(1) skew(1deg); }
  30%  { transform: rotate(-25deg) scale(1) skew(1deg); }
  40%  { transform: rotate(25deg) scale(1) skew(1deg); }
  100%, 50% { transform: rotate(0) scale(1) skew(1deg); }
}
@-moz-keyframes cbh-circle-img-anim {
  0%   { -moz-transform: rotate(0) scale(1) skew(1deg); }
  10%  { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
  20%  { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
  30%  { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
  40%  { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
  100%, 50% { -moz-transform: rotate(0) scale(1) skew(1deg); }
}
@-webkit-keyframes cbh-circle-img-anim {
  0%   { -webkit-transform: rotate(0) scale(1) skew(1deg); }
  10%  { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  20%  { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  30%  { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  40%  { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  100%, 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
}
@-o-keyframes cbh-circle-img-anim {
  0%   { -o-transform: rotate(0) scale(1) skew(1deg); }
  10%  { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
  20%  { -o-transform: rotate(25deg) scale(1) skew(1deg); }
  30%  { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
  40%  { -o-transform: rotate(25deg) scale(1) skew(1deg); }
  100%, 50% { -o-transform: rotate(0) scale(1) skew(1deg); }
}