html {
    color: #333;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.right {
    float: right;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* slider */
/** RESET AND LAYOUT
===================================*/
.slider {
    margin: 0 auto;
    display: block;
    height: auto;
    background: #e6ebf0;
}
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
    width: 100%;
    overflow: hidden;
}
.bx-wrapper img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
/** THEME 
===================================*/

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0); /*! min-height:400px; */
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    width: 100%;
}
/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../img/loading.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0.85em;
    margin: 1em 0;
    width: 100%;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #bebebe;
    text-indent: 9999em;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #204fcc;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    z-index: 99;
}
.bx-wrapper .bx-controls-direction a.bx-next {
    right: 10px;
    background: url(../img/arrow-right.svg) no-repeat center;
    opacity: 0.3;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover {
    background: url(../img/arrow-right.svg) no-repeat center;
    opacity: 1;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
    left: 10px;
    background: url(../img/arrow-left.svg) no-repeat center;
    opacity: 0.3;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background: url(../img/arrow-left.svg) no-repeat center;
    opacity: 1;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    /* background: url(img/controls.png) -86px -44px no-repeat;*/
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
#bx-pager {
    width: 100%;
    font-size: 0;
}
#bx-pager a {
    width: 25%;
    font-size: 1rem;
    text-align: center;
    margin-top: -3em;
    z-index: 999999;
    color: #58585a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 0.5em;
    background-color: #e8e6de;
}
#bx-pager a.active {
    background: #1882a7;
    color: #fff;
}
/* pop up */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 1em auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-img {
    border-top: 30px solid #000;
    border-bottom: 30px solid #000;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 34px;
    height: 34px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #040b24;
    background: #f5f7fa;
    -webkit-border-bottoms: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    top: 20px;
    right: 10px;
    opacity: 1;
    line-height: 1em;
    font-size: 2rem;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: center;
}
/* varios */
.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
/* header */
header {
    /*! background:url(../img/bg-navidad2.jpg); */
    /*! padding-top:10px; */
}
.header {
    margin: 0 auto;
}
.header.container {
    padding: 0.7rem 1rem;
    position: relative;
}
header h1 {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.logo-segmento {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin-left: 1em;
    padding-left: 1em;
    border-left: 2px solid #00a0df;
}
.logo-segmento img {
    height: 100%;
    width: auto;
}
header .btns-header {
    display: block;
    float: right;
}
header .btns-header * {
    display: inline-block;
    vertical-align: middle;
}
header form {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 48px;
    margin-right: 2rem;
    font-size: 14px;
    width: 48px;
}
.header .form-buscar ul.recomendaciones {
    position: absolute;
    top: 50px;
    width: 380px;
    right: 0;
    background: #fff;
    z-index: 1;
}
.header .form-buscar ul.recomendaciones li {
    width: 380px;
    border-bottom: 1px dashed #ccc;
}
.header .form-buscar ul.recomendaciones li a {
    color: #999;
    width: 100%;
    padding: 15px;
}
.header .form-buscar ul.recomendaciones li a:hover {
    color: #666;
}
header .buscar {
    position: absolute;
    display: inline-block;
    right: 270px;
    margin: 12px;
    width: 25px;
    height: 25px;
    background: #fff url(../img/lupa.svg) no-repeat;
}
header .buscar.active {
    /*! background: #fff url(../img/cerrar.svg) no-repeat; */
}
header .buscar-input.inactive {
    display: none;
    width: 0;
    opacity: 0;
    transition: all 0.9s ease;
}
header .buscar-input {
    padding: 0 10px;
    border: 2px solid #0d386f;
    height: 100%;
    transition: all 0.9s ease-out;
    height: 100%;
    font-size: 14px;
    float: right;
    display: block;
    opacity: 1;
    width: 380px;
}
header .login,
.white-popup-cupon .btn-ingresar,
.white-popup-login .btn-ingresar,
.cerrar-sesion {
    padding: 8px 32px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.6s ease;
    vertical-align: middle;
    line-height: 32px;
    font-size: 14px;
    width: auto;
    min-width: 175px;
    font-weight: 600;
    height: 48px;
    background-color: #25a73a;
    color: #fff;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
}

/**
 * The "shine" element
 */

.header .login:after {
    animation: shine 5s ease-in-out infinite;
    animation-fill-mode: forwards;
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.5);
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0.3) 77%,
        rgba(255, 255, 255, 0.7) 92%,
        rgba(255, 255, 255, 0) 100%
    );
}

/* Hover state - trigger effect */

/* Active state */

.header .login:before {
    position: absolute;
    top: 0;
    left: -500px;
    content: "";
    width: 120px;
    height: 500px;
    background: rgba(255, 255, 255, 0.6);
    transform: skew(-50deg);
    transition: 5s;
    animation: shine 3s ease infinite;
}

@keyframes shine {
    from {
        left: -500px;
    }
    to {
        left: 655px;
    }
}
.header .login:hover:before {
    left: 655px;
}
.cerrar-sesion {
    min-width: 210px;
}
header .login:hover,
.white-popup-cupon .btn-ingresar:hover,
.cerrar-sesionHover,
.white-popup-login .btn-ingresar:hover {
    background-color: #54ca5c;
    color: #fff;
    transition: background-color 0.6s ease;
}
header nav {
    display: block;
    width: 100%;
}
header nav .azul-bg {
    display: block;
    width: 100%;
    background: #153baa;
}
header nav .verde-bg {
    display: block;
    width: 100%;
    background: #25a73a;
}

header nav ul.nav-principal,
header nav ul.nav-secundario {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    transition: all 0.1s ease-in-out;
}
header nav ul.nav-principal li,
header nav ul.nav-secundario li {
    flex-basis: 16%;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
    margin-right: 1px;
    line-height: 1rem;
}
header nav ul.nav-principal li a {
    color: #ffff;
    text-rendering: optimizeLegibility !important;
    font-weight: 600;
    padding: 0.5rem 1rem 0.5rem 3.1rem;
    min-height: 50px;
    display: block;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    font-size: 1rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
header nav ul.nav-principal li a.concurso {
    background: #00a0df;
}
header nav ul.nav-secundario li a {
    color: #ffff;
    text-rendering: optimizeLegibility !important;
    font-weight: 600;
    padding: 0.8rem 1rem 0.8rem 2.4rem;
    display: block;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    font-size: 0.8rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

header nav ul.nav-principal li a.salud {
    background: url(../img/salud.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.salud:hover,
header nav ul.nav-principal li a.salud.active {
    color: #153baa;
    background: #fff url(../img/salud.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.dental {
    background: url(../img/dental.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.dental:hover,
header nav ul.nav-principal li a.dental.active {
    color: #153baa;
    background: #fff url(../img/dental.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.wellness {
    background: url(../img/wellness.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.wellness:hover,
header nav ul.nav-principal li a.wellness.active {
    color: #153baa;
    background: #fff url(../img/wellness.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.relajo {
    background: url(../img/tiempo_libre.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.relajo:hover,
header nav ul.nav-principal li a.relajo.active {
    color: #153baa;
    background: #fff url(../img/tiempo_libre.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.hogar {
    background: url(../img/hogar.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.hogar:hover,
header nav ul.nav-principal li a.hogar.active {
    color: #153baa;
    background: #fff url(../img/hogar.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.nuevos {
    background: url(../img/nuevos.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.nuevos:hover,
header nav ul.nav-principal li a.nuevos.active {
    color: #153baa;
    background: #fff url(../img/nuevos.png) no-repeat 10px center;
    background-size: 35px;
}

header nav ul.nav-principal li a.concurso {
    background: #00a0df url(../img/premio.png) no-repeat 10px center;
    background-size: 35px;
}
header nav ul.nav-principal li a.concurso:hover,
header nav ul.nav-principal li a.concurso.active {
    color: #153baa;
    background: #fff url(../img/premio.png) no-repeat 10px center;
    background-size: 35px;
}

header nav ul.nav-principal li a.datos-menu {
    background: url(../img/datos-blanco.svg) no-repeat 10px center;
}
header nav ul.nav-principal li a.datos-menu:hover,
header nav ul.nav-principal li a.datos-menu.active {
    color: #153baa;
    background: #e6ebf0 url(../img/datos-azul.svg) no-repeat 10px center;
}
header nav ul.nav-secundario li a.prestadores {
    background: url(../img/prestadores_preferentes.png) no-repeat 10px center;
    background-size: 1.6rem;
}
header nav ul.nav-secundario li a.prestadores:hover,
header nav ul.nav-secundario li a.prestadores.active {
    color: #153baa;
    background: #e6ebf0 url(../img/prestadores_preferentes.png) no-repeat 10px
        center;
    background-size: 1.6rem;
}
header nav ul.nav-secundario li a.ventanilla {
    background: url(../img/ventanilla_unica.png) no-repeat 10px center;
    background-size: 1.6rem;
}
header nav ul.nav-secundario li a.ventanilla:hover,
header nav ul.nav-secundario li a.ventanilla.active {
    color: #153baa;
    background: #e6ebf0 url(../img/ventanilla_unica.png) no-repeat 10px center;
    background-size: 1.6rem;
}
header nav ul.nav-secundario li a.online {
    background: url(../img/reembolso_enlinea.png) no-repeat 10px center;
    background-size: 1.6rem;
}
header nav ul.nav-secundario li a.online:hover,
header nav ul.nav-secundario li a.online.active {
    color: #153baa;
    background: #e6ebf0 url(../img/reembolso_enlinea.png) no-repeat 10px center;
    background-size: 1.6rem;
}
header nav ul.nav-secundario li a.reembolso-dental {
    background: url(../img/reembolso_dental_enlinea.png) no-repeat 10px center;
    background-size: 1.6rem;
}
header nav ul.nav-secundario li a.reembolso-dental:hover,
header nav ul.nav-secundario li a.reembolso-dental.active {
    color: #153baa;
    background: #e6ebf0 url(../img/reembolso_dental_enlinea.png) no-repeat 10px
        center;
    background-size: 1.6rem;
}

footer {
    background-color: #204fcc;
}
footer .bicevida_pre-foo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #153baa;
    padding: 30px 0;
}
footer .bicevida_pre-foo ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
footer .bicevida_pre-foo ul li {
    line-height: 130%;
    margin-bottom: 5px;
}
footer .bicevida_pre-foo ul:last-of-type {
    white-space: nowrap;
}
footer .bicevida_pre-foo ul li a {
    display: inline;
}
footer .bicevida_pre-foo ul:last-of-type {
    margin-top: 45px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
footer .bicevida_pre-foo ul:last-of-type li:not(:last-child) {
    border-right: 1px solid #fff;
}
footer .bicevida_pre-foo ul:last-of-type li {
    padding: 0 15px;
}
footer a {
    color: #fff;
}
footer .bicevida_foo .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
}
footer .bicevida_foo p {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
footer .bicevida_foo .bicevida_redes {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
footer .bicevida_foo .bicevida_redes li {
    margin-right: 10px;
    opacity: 0.75;
    width: 32px;
    height: 32px;
}
footer .bicevida_foo .bicevida_redes li a {
    font-size: 31px;
    opacity: 0.75;
}
footer .fidelis {
    background: #153baa;
    color: #fff;
    padding: 8px;
    font-size: 0.8em;
}
.white-popup-cupon {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border: 0px solid #000000;
    background: #fff;
    max-width: 100%;
    width: 350px;
    margin: 0 auto;
    position: relative;
}

.white-popup-cupon .logo-modal {
    margin: 1.5rem 1.5rem 0.5rem 1.5rem;
    max-width: 60%;
    height: auto;
}
.white-popup-cupon form {
    margin: 1.5rem;
    text-align: center;
    display: block;
    color: #040b24;
}
.white-popup-cupon form img {
    max-width: 100%;
    height: auto;
}
.white-popup-cupon p {
    display: block;
    width: 100%;
    font-size: 0.9em;
    text-align: left;
    margin: 0;
}
.white-popup-cupon .input-box {
    display: block;
    position: relative;
    margin: 1rem 0;
}
.white-popup-cupon .input-box label {
    color: #0064f2;
    position: absolute;
    left: 17px;
    top: 4px;
    font-size: 0.8em;
}
.white-popup-cupon input {
    display: block;
    width: 100%;
    padding: 20px 16px 4px 16px;
    border: 1px solid #0064f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 1em 0;
    color: #040b24;
    font-weight: 600;
}
.white-popup-cupon2 {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border: 0px solid #000000;
    background: #fff url(../img/franja2.jpg) no-repeat top;
    max-width: 100%;
    width: 480px;
    margin: 0 auto;
    position: relative;
    font-size: 0.8em;
    overflow: hidden;
}

.titulo-home {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
}
.titulo-home:first-of-type {
    /*! margin-top:-2rem; */
    margin-bottom: -1.5rem;
}
.titulo-home h2 {
    color: #333;
    line-height: 1.1em;
}
.map-pin {
    color: #0064f2;
    padding: 0.8rem 1rem;
    display: block;
    background: #fff;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    margin-bottom: 1em;
    margin-right: 1em;
    font-size: 13px;
    line-height: 1.1em;
}
.map-pin span {
    display: inline-block;
}
.map-pin i.pointer {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
}
.map-pin i img,
.filtrar i img {
    height: auto;
    width: 100%;
}
.map-pin:hover {
    background: #cbe0fa;
}
.bloque-beneficios {
    background: #e6ebf0;
    border-top: 1px solid #d4d8e7;
    border-bottom: 1px solid #d4d8e7;
}
.bloque-beneficios.home {
    border-top: 0 none;
}
.beneficios {
    min-width: 100%;
    font-size: 0;
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 1rem 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.beneficios.beneficios-home li {
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
}
.beneficios li {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    font-size: 15px;
    padding: 16px;
    /*! margin: 1rem 0 1rem 0; */
    position: relative;
}
.beneficios li a {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transition: all 0.5s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    background: #fff;
}
.beneficios li a:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
    border: 0 none;
}
.beneficios li .info {
    position: relative;
}
.beneficios li .foto-logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
}
.beneficios li a img {
    display: block;
    width: 100%;
    height: auto;
}
.beneficios .nombre-logo {
    color: #333;
    font-weight: 400;
    padding: 8px 70px 8px 1rem;
    line-height: 1em;
    height: 57px;
    font-size: 0.8rem;
    font-weight: bold;
    border-bottom: 3px solid #e6ebf0;
    margin-bottom: 1rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.beneficios .descuento {
    color: #153baa;
    font-weight: bold;
    padding: 0.25rem 1rem 0.5rem 1rem;
    font-size: 1.3em;
    line-height: 1em;
}
.beneficios .info-dscto {
    color: #666;
    padding: 0 1rem;
    font-size: 0.85em;
    height: 2.3em;
    line-height: 1.2em;
    overflow: hidden;
}
.beneficios a span {
    background: #0064f2;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin-top: 1em;
    font-size: 0.8em;
    padding: 0.75rem 1rem;
    margin: 1rem;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.beneficios a:hover span {
    background: #0076f3;
}
.white-popup-mapa {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border: 0px solid #000000;
    background: #fff url(../img/franja2.jpg) no-repeat top;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 2em;
    position: relative;
}
.white-popup-mapa .container {
    max-width: 100%;
    margin: 0 auto;
}
.contenido-mapa {
    padding: 1rem;
    position: relative;
}
.mapa {
    width: 100%;
    display: block;
    position: relative;
    height: 500px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.mapa iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
}
.half {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1em;
}
.white-popup-mapa table .table_tit {
    font-weight: bold;
    color: #204fcc !important;
}
.white-popup-mapa table td {
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.3em;
    border-bottom: 1px solid #ccc;
}
.white-popup-mapa h3 {
    margin: 0 0 0.5em 0;
    color: #666;
    font-size: 15px;
}
.white-popup-mapa .tit_mapa {
    color: #040b24;
    border-bottom: 1px solid #d4d8e7;
    padding: 1em;
    font-size: 1.5rem;
}
.white-popup-mapa .categoria {
    clear: both;
    display: block;
    margin-bottom: 20px;
}
.white-popup-mapa select {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #acbacb;
    background: #fff url(../img/selection.jpg) no-repeat center right;
    width: 100%;
    padding: 8px 30px 8px 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    color: #acbacb;
}
.white-popup-mapa select:focus,
.white-popup-mapa select:active {
    border: 1px solid #0064f2;
    background: #fff url(../img/selection2.jpg) no-repeat center right;
    color: #040b24;
}
.white-popup-mapa select option {
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    color: #666;
}
.ver_mapa {
    background: #0064f2;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    padding: 0.5rem;
    line-height: 1em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 70px;
}
.ver_mapa:hover {
    color: #fff;
    background: #0076f3;
}
.breadcrumbs {
    display: block;
    margin-top: 1em;
    padding: 1rem;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6ebf0;
    font-size: 14px;
}
.breadcrumbs a {
    color: #153baa;
}
.breadcrumbs a img {
    margin-top: -4px;
}
.bloque-titulos {
    padding: 0 1rem;
}
.bloque-titulos h2.tit-salud {
    color: #153baa;
}
.bloque-titulos h2.tit-salud:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/salud02.png) no-repeat center;
    background-size: 100%;
}

.bloque-titulos h2.tit-hogar {
    color: #153baa;
}
.bloque-titulos h2.tit-hogar:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/hogar02.png) no-repeat center;
    background-size: 100%;
}

.bloque-titulos h2.tit-dental {
    color: #153baa;
}
.bloque-titulos h2.tit-dental:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/dental02.png) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-wellness {
    color: #153baa;
}
.bloque-titulos h2.tit-wellness:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/wellness02.png) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-nuevos {
    color: #153baa;
}
.bloque-titulos h2.tit-nuevos:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/nuevos02.png) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-relajo {
    color: #153baa;
}
.bloque-titulos h2.tit-relajo:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/tiempo_libre02.png) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-prestadores {
    color: #153baa;
}
.bloque-titulos h2.tit-prestadores:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/prestadores_preferentes02.png) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-ventanilla {
    color: #153baa;
}
.bloque-titulos h2.tit-ventanilla:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/ventanilla_unica02.png) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-online {
    color: #153baa;
}
.bloque-titulos h2.tit-online:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/reembolso_enlinea02.png) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-cumple {
    color: #153baa;
}
.bloque-titulos h2.tit-cumple:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/cumple.svg) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-reembolso-dental {
    color: #153baa;
}
.bloque-titulos h2.tit-reembolso-dental:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/reembolso_dental_enlinea02.png) no-repeat center;
    background-size: 100%;
}
.bloque-titulos h2.tit-datos {
    color: #153baa;
}
.bloque-titulos h2.tit-datos:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/datos.svg) no-repeat center;
    background-size: 100%;
}
.caja-filtros {
    padding: 1rem 1rem 0rem;
}
.subtitulo {
    padding: 1rem 0;
    margin: 0 1rem;
    display: block;
    font-size: 1.3em;
    color: #153baa;
    border-bottom: 1px solid #153baa;
}
.filtrar {
    display: none;
}

.filtros select {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #acbacb;
    background: #fff url(../img/selection.jpg) no-repeat center right;
    width: 100%;
    padding: 20px 30px 8px 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    color: #acbacb;
    font-size: 0.9em;
}
.filtros select:focus,
.filtros select:active {
    border: 1px solid #0064f2;
    background: #fff url(../img/selection2.jpg) no-repeat center right;
    color: #040b24;
}
.filtros select option {
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    color: #666;
}
.filtros .selection_form {
    position: relative;
    max-width: 300px;
    display: inline-block;
    margin-right: 8px;
}
.filtros .txt-filtro {
    color: #0064f2;
    position: absolute;
    left: 14px;
    top: 4px;
    font-size: 0.7em;
}
/* detalle */
.columna_foto .product-img .fotos_grandes {
    width: calc(100% - 80px);
    display: inline-block;
}
.columna_foto .product-img img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}
#tabs_fotos {
    display: block;
    clear: both;
    height: auto;
    width: 100%;
    margin-bottom: 2em;
}
.columna_foto .miniaturas {
    width: 70px;
    text-align: right;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    clear: both;
    margin-bottom: 16px;
}
.columna_foto .miniaturas li {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 0.5em;
    border: 1px solid #ccc;
}
.columna_foto .miniaturas li.ui-state-active {
    border: 1px solid #153baa;
}
.columna_foto .miniaturas li.ui-state-active img {
    opacity: 1;
}
.columna_foto .miniaturas img {
    /*! width: 40px; */
    opacity: 0.5;
}
.columna_textos,
.columna_foto {
    font-size: 14px;
    color: #666;
    padding: 1em;
}
.dscto-principal {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}
.columna_textos .descuento {
    color: #153baa;
    font-weight: bold;
    padding: 1rem 1rem 1rem 0;
    font-size: 1.5em;
    line-height: 1em;
}
.info-dscto {
    text-align: justify;
}
.columna_textos .cupon {
    padding: 8px 32px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.6s ease;
    vertical-align: middle;
    line-height: 32px;
    font-size: 1.3rem;
    width: 70%;
    min-width: 175px;
    font-weight: 600;
    height: 48px;
    background-color: #25a73a;
    color: #fff;
    border-radius: 100px;
    margin: 2rem 0;
    display: block;
}
.columna_textos .seleccion-cupon .cupon {
    margin: 1rem 0;
}
.columna_textos .cupon:hover {
    background-color: #54ca5c;
    color: #fff;
    transition: background-color 0.6s ease;
}
.beneficios .descuento {
    color: #153baa;
    font-weight: bold;
    padding: 0.25rem 1rem 0.5rem 1rem;
    font-size: 1.3em;
    line-height: 1em;
    height: 55px;
    overflow: gidden;
}
.detalle-comercio {
    font-size: 13px;
    text-align: justify;
    display: block;
    clear: both;
}
.logo_beneficio {
    width: 35%;
    border: 1px solid #e6ebf0;
    margin-bottom: 1em;
    float: left;
    clear: right;
}
.nombre-comercio {
    font-weight: bold;
}
.descuento-comercio {
    font-size: 24px;
    font-weight: bold;
    color: #1492c6;
}
.columna_textos .mapa {
    height: 250px !important;
}
.condiciones li {
    padding-left: 15px;
    background: url(../img/bullet.png) no-repeat left 5px;
}
.pestana {
    border-bottom: 1px solid #e6ebf0;
    display: block;
    padding-bottom: 0.5em;
    float: left;
    width: 100%;
    background: url(../img/arrow-left.jpg) no-repeat right top;
    cursor: pointer;
    margin: 0.5em 0;
    font-weight: 600;
}
.pestana:hover {
    box-shadow: 0px 13px 22px -13px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow: 0px 13px 22px -13px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 13px 22px -13px rgba(0, 0, 0, 0.28);
}
.pestana.on {
    color: #153baa;
    background: #fff url(../img/arrow-bottom.jpg) no-repeat right top;
    border-bottom: 1px solid #153baa;
}
.pestana.on + .detalle {
    display: block;
}
.detalle {
    display: block;
    clear: both;
    margin-bottom: 1.5rem;
}
.detalle h5 {
    margin: 0.5em 0;
    font-size: 14px;
}
.direcciones a {
    background: #ececec;
    width: 100%;
    display: block;
    color: #666;
    padding: 6px;
    border-bottom: 1px solid #fff;
}
.direcciones a:hover {
    text-decoration: underline;
}
.columna_foto h4 {
    font-weight: 600 !important;
}
.sociales {
    display: block;
    vertical-align: bottom;
    float: right;
    /*! margin-top:2rem; */
}

.columna_foto a.web-comercio {
    background: url(../img/web.svg) no-repeat left center;
    background-size: 1.2rem;
    color: #040b24;
    padding: 0.5rem 2rem;
    display: inline-block;
    /*! margin-top:2rem; */
}
.sociales li {
    margin-bottom: 0.5rem;
    display: inline-block;
}
.sociales li:hover {
    box-shadow: 0px 13px 22px -13px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow: 0px 13px 22px -13px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 13px 22px -13px rgba(0, 0, 0, 0.28);
}
.sociales li a {
    /*! border:1px solid #E6EBF0; */
    color: #040b24;
    height: 24px;
    width: 24px;
    display: block;
}

.sociales li a.fb {
    background: url(../img/fb2.svg) no-repeat center;
    background-size: 100%;
}
.sociales li a.tw {
    background: url(../img/tw2.svg) no-repeat center;
    background-size: 100%;
}
.sociales li a.insta {
    background: url(../img/ig2.svg) no-repeat center;
    background-size: 100%;
}

.error {
    display: block;
    clear: both;
    max-width: 756px;
    margin: 4rem auto;
    padding: 1rem;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 0.9rem;
}
.error h2 {
    margin-top: 0.5rem;
    color: #153baa;
}
.error i {
    color: #fbca2f;
    font-size: 3rem;
}
.error a {
    background: #153baa;
    -webkit-appearance: none;
    color: #fff;
    padding: 8px 24px;
    display: inline-block;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    margin-bottom: 1em;
    width: auto;
}
.error a:hover {
    opacity: 0.9;
}
.error a.volver-inicio {
    color: #153baa !important;
    background: none;
    -webkit-appearance: none;
    color: #fff;
    padding: 8px 24px;
    display: inline-block;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    margin-bottom: 1em;
    width: auto;
}

.noticias {
    min-width: 100%;
    font-size: 0;
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 1rem 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.noticias li {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 31%;
    -ms-flex: 0 1 31%;
    flex: 0 1 31%;
    overflow: hidden;
    position: relative;
    font-size: 0.8rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transition: all 0.5s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    background: #fff;
    margin-bottom: 2em;
    padding-bottom: 4em;
}
.noticias li:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
}
.noticias li img {
    width: 100%;
    height: auto;
}
.noticias li .fecha-categoria {
    color: #333;
    font-weight: 400;
    padding-bottom: 1em;
    line-height: 1em;
    border-bottom: 3px solid #e6ebf0;
    margin-bottom: 1rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.textos-noticias {
    padding: 0.9rem;
}
.box-noticias h6 {
    color: #153baa;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 1rem 0 0 0;
    height: 3.4rem;
}
.textos-noticias p {
    text-align: justify;
}

.noticias li .btn_text {
    background: #0064f2;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 1em;
    padding: 0.75rem 1rem;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    bottom: 0.9rem;
    left: 0.9rem;
}
.noticias li .btn_text:hover {
    background: #0076f3;
}
.btn_text .icon-enlace {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/link.svg) no-repeat center right;
    background-size: 80%;
    vertical-align: top;
}
.bicevida_tag {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 0.3em 1em;
    color: #fff;
}
#filtros-noticias {
    display: block;
    width: 100%;
    padding: 1rem;
    text-align: center;
}
#filtros-noticias button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 0.9rem;
    padding: 0.5rem 0.8rem;
    color: #666;
    background: #ccc;
}
#filtros-noticias #all.active {
    background: #153baa;
    color: #fff;
}
#filtros-noticias #aire.active {
    background: #53a533;
    color: #fff;
}
#filtros-noticias #belleza.active {
    background: #8224e3;
    color: #fff;
}
#filtros-noticias #seguros.active {
    background: #b1263e;
    color: #fff;
}
#filtros-noticias #cultura.active {
    background: #0d386f;
    color: #fff;
}
#filtros-noticias #hogar.active {
    background: #26a892;
    color: #fff;
}
#filtros-noticias #salud.active {
    background: #d31913;
    color: #fff;
}
#filtros-noticias #vida.active {
    background: #f46700;
    color: #fff;
}
#filtros-noticias #pymes.active {
    background: #00a0df;
    color: #fff;
}

.exencion {
    font-size: 0.9em;
    text-align: center;
    padding: 0 1rem;
}

.white-popup-cupon2 .logo-cupon {
    margin: 1.5rem 1.5rem 0.5rem 1.5rem;
    max-width: 60%;
    height: auto;
}
.white-popup-cupon2 .detalle-cupon {
    margin: 1rem;
    display: block;
}
.white-popup-cupon2 .logo_beneficio {
    margin-right: 1em;
    margin-bottom: 1em;
}
.white-popup-cupon2 .dscto-principal {
    display: inline-block;
    min-width: 100%;
}
.codigo {
    display: block;
    padding: 8px;
    text-align: center;
    background: #e6ebf0;
    width: 100%;
    border: 0 none;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.white-popup-cupon2 .web-comercio a {
    background: url(../img/web.svg) no-repeat left center;
    background-size: 1rem;
    color: #040b24;
    padding: 0.2rem 1.5rem;
    display: inline-block;
}
.white-popup-cupon2 .vigencia {
    background: url(../img/calendar.svg) no-repeat left center;
    background-size: 1rem;
    padding: 0.2rem 1.5rem;
    display: inline-block;
}
.white-popup-cupon2 .botones {
    background: #e6ebf0;
    padding: 1rem;
}
.white-popup-cupon2 .email {
    color: #0064f2;
    padding: 0.8rem 1rem 0.8rem 2.5rem;
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    margin-right: 1em;
    background: #fff url(../img/mail.svg) no-repeat 16px center;
    background-size: 1rem;
}
.white-popup-cupon2 .email:hover {
    background: #cbe0fa url(../img/mail.svg) no-repeat 16px center;
    background-size: 1rem;
}
.white-popup-cupon2 input.email {
    display: block;
    width: 100%;
    padding: 4px 16px 4px 42px;
    border: 1px solid #0064f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 1em 0;
    color: #040b24;
    font-weight: 600;
    height: 50px;
}
.white-popup-cupon2 .volver {
    color: #0064f2;
    padding: 0.8rem 1rem;
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    margin-right: 1em;
}
.white-popup-cupon2 .volver:hover {
    background: #cbe0fa;
}
.white-popup-cupon2 .enviar-email {
    padding: 8px 32px;
    text-align: center;
    transition: background-color 0.6s ease;
    line-height: 32px;
    font-size: 14px;
    width: 200px;
    font-weight: 600;
    background-color: #25a73a;
    color: #fff;
    border-radius: 100px;
    display: block;
    margin: 0 auto;
}

.white-popup-cupon2 .enviar-email:hover {
    background-color: #54ca5c;
    color: #fff;
    transition: background-color 0.6s ease;
}
.especial-plus {
    position: absolute;
    background: #153baa;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 4px 16px 4px 16px;
    top: 6px;
    left: 6px;
    font-size: 0.9em;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 4px 9px -3px rgba(0, 0, 0, 0.68);
    box-shadow: 0px 4px 9px -3px rgba(0, 0, 0, 0.68);
}

.especial-plus:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    background: url(../img/plus2.svg) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.especial-plus2 {
    position: absolute;
    background: #153baa;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 4px 16px 4px 16px;
    top: 6px;
    left: 6px;
    font-size: 1.2em;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 4px 9px -3px rgba(0, 0, 0, 0.68);
    box-shadow: 0px 4px 9px -3px rgba(0, 0, 0, 0.68);
    margin-left: -0.5rem;
}

.especial-plus2:after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 30px;
    background: url(../img/plus2.svg) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.seleccion-cupon {
    margin-top: 1em;
    display: block;
}
.seleccion-cupon h5 {
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 0.8rem;
}
.seleccion-cupon select {
    display: block;
    width: 100%;
    border: none;
    font-size: 15px;
    position: relative;
    padding: 0 14px;
    cursor: pointer;
    height: 45px;
    padding: 12px 14px;
    background-color: #fff;
    border: 1px solid #d4d8e7;
}
.white-popup-login {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border: 0px solid #000000;
    background: #fff url(../img/gato.png) no-repeat left 10px bottom 10px;
    max-width: 100%;
    width: 500px;
    margin: 0 auto;
    position: relative;
    padding-left: 180px;
}

.white-popup-login .logo-modal {
    margin: 1.5rem 1.5rem 0.5rem 1.5rem;
    max-width: 70%;
    height: auto;
}
.white-popup-login p {
    display: block;
    width: 100%;
    font-size: 0.9em;
    text-align: left;
    margin: 0;
}
.white-popup-login form {
    margin: 1.5rem 1.5rem 2.5rem 1.5rem;
    text-align: center;
    display: block;
    color: #040b24;
}
.white-popup-login .input-box {
    display: block;
    position: relative;
    margin: 1rem 0;
}
.white-popup-login input {
    display: block;
    width: 100%;
    padding: 20px 16px 4px 16px;
    border: 1px solid #0064f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 1em 0;
    color: #040b24;
    font-weight: 600;
}
.white-popup-login .input-box label {
    color: #0064f2;
    position: absolute;
    left: 17px;
    top: 4px;
    font-size: 0.8em;
}
.blog-post {
    display: block;
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
}
.blog-post img {
    width: 100%;
    height: auto;
}
.blog-post .post-content {
    padding: 1em 1.5em;
    text-align: justify;
    font-size: 0.9em;
}
.blog-post .post-content h3 {
    color: #153baa;
    font-size: 2em;
    border-bottom: 1px solid #153baa;
    line-height: 1.2em;
    padding-bottom: 10px;
}
.blog-post .post-content .bajada {
    font-size: 1.2em;
    padding: 1em;
    background: #e6ebf0;
}
.blog-post .post-content h4 {
    color: #00264a;
    font-size: 1.2em;
    margin-top: 3em;
}
.blog-post .post-content h5 {
    color: #153baa;
    font-size: 1.1em;
    margin-bottom: -0.5em;
}
.celeste-bg {
    display: block;
    width: 100%;
    background: #d8f3fe;
    border-top: 1px solid #d4d8e7;
}
.celeste-bg .container {
    padding: 0 1em;
    font-size: 0.9rem;
}
.celeste-bg h4 {
    color: #153baa;
    font-size: 1rem;
}
.cumple {
    display: block;
    width: 100%;
    clear: both;
}
.cumple img {
    width: 100%;
    height: auto;
}
.nuevo {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
}
.nuevo img {
    width: 100%;
    height: auto;
}
.nuevos-convenios {
    position: fixed;
    z-index: 999 !important;
    right: 0;
    top: 50%;
    width: auto;
    height: auto;
    background-color: #1780ff;
    color: #fff;
    padding: 12px 20px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    line-height: 1.1rem;
    font-weight: bold;
    transition: all 0.2s;
}
.nuevos-convenios:hover {
    background: #153baa;
}
.nuevos-convenios span {
    display: inline-block;
    vertical-align: middle;
}
.nuevos-convenios:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/nuevos.png) no-repeat center;
    background-size: 100%;
}

.nuevos-convenios-02 {
    width: auto;
    height: auto;
    background-color: #1780ff;
    color: #fff;
    padding: 12px 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    line-height: 1.1rem;
    font-weight: bold;
    transition: all 0.2s;
    margin-top: -11px;
}
.nuevos-convenios-02:hover {
    background: #153baa;
}
.nuevos-convenios-02 span {
    display: inline-block;
    vertical-align: middle;
}
.nuevos-convenios-02:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    background: url(../img/nuevos.png) no-repeat center;
    background-size: 100%;
}
.login.verde {
    display: block;
    background: #25a73a;
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-weight: normal;
    padding: 0.9rem;
    margin: 0;
}
.green-bg {
    background: #25a73a;
}
.landing .half {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    position: relative;
    padding: 1rem;
}
.landing .header-landing img {
    width: 100%;
    height: auto;
    max-width: 500px;
}
.header-landing .subtitulo-landing {
    font-size: 20px;
    color: #0064f2;
    margin-top: 6rem;
    font-weight: 600;
}
.header-landing h3 {
    font-size: 2.4rem;
    color: #060b25;
    margin-top: 0;
    margin-bottom: 0;
}
.landing .azul-bg {
    color: #fff;
    background: #153baa;
    padding: 1rem 0;
}
.header-landing p {
    font-size: 18px;
}
.landing .azul-claro {
    color: #fff;
    background: #204fcc;
    padding: 1rem 0;
    font-size: 1.4rem;
    margin: 0;
    padding: 0.1rem;
}
.centrar {
    text-align: center;
}
.beneficios-telemedicina {
    min-width: 100%;

    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 1rem 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 2rem 0 0 0;
}
.beneficios-telemedicina li {
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 22%;
    flex: 0 1 28%;
    border: 1px solid #dde3ed;
    background: #fff;
    padding: 30px 16px 16px 16px;
    text-align: center;
    border-radius: 16px;
    font-size: 15px;
    transition: all 0.5s;
    margin-bottom: 2rem;
    position: relative;
    margin-bottom: 100px;
}
.beneficios-telemedicina li h5 {
    color: #060b25;
    font-size: 18px;
    margin-bottom: 0.5rem;
    line-height: 1.4rem;
}
.beneficios-telemedicina li p strong {
    color: #060b25;
    font-weight: 600;
    color: #0064f2;
}
.beneficios-telemedicina li img {
    width: 86px;
    height: 86px;
    position: absolute;
    left: calc(50% - 43px);
    top: -43px;
}
.beneficios-telemedicina li:hover {
    transform: scale(1.1);
    transition: all 0.5s;
}
.beneficios-telemedicina li img {
    max-width: 80%;
    height: auto;
}
.gris-bg {
    background: #e6ebf0;
    display: block;
    clear: both;
    padding-bottom: 2rem;
}
.otros-medismart {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    background: #fff;
    padding: 16px;

    border-radius: 16px;
    transition: all 0.5s;
    margin: 2rem 16px 4rem 16px;
}
.otros-medismart li {
    padding-left: 15px;
    background: url(../img/bullet.png) no-repeat left 5px;
    margin-bottom: 1rem;
}
.ahorra-tiempo {
    position: relative;
}
.ahorra-tiempo img {
    max-width: 80%;
    height: auto;
    position: absolute;
    top: -15px;
    left: 20%;
    rotate: 5deg;
    transition: all 0.5s;
}
.ahorra-tiempo img:hover {
    max-width: 80%;
    height: auto;
    position: absolute;
    top: -15px;
    left: 20%;
    rotate: 0deg;
    transform: scale(1.1);
}
.ahorra-tiempo li {
    border: 1px solid #fff;
    margin-bottom: 1rem;
    padding: 12px;
    border-radius: 12px;
    transition: all 0.5s;
}
.ahorra-tiempo li:first-of-type {
    background: #fff;
}
.ahorra-tiempo li:first-of-type:hover {
    opacity: 0.8;
}
.tutorial {
    display: inline-block;
    font-size: 1rem;
    padding: 0 2rem;
    color: #060b25;
    font-weight: 600;
    background: url(../img/arrow-down.svg) no-repeat top left;
}
.condiciones {
    padding: 1rem;
}
h4.sub-landing {
    font-size: 40px;
    color: #060b25;
}
.aqua-bg {
    background: #f5f7fa;
    display: block;
    clear: both;
    padding-bottom: 2rem;
}
.historial {
    background: #204fcc;
    color: #fff;
    padding: 2rem 2rem 2rem 3rem;
    border-radius: 8px;
    float: right;
    display: block;
    width: calc(100% - 33px);
    position: relative;
    margin: -2rem 0 2rem 0;
}
.historial:before {
    content: "";
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/historial.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: -33px;
    top: 15px;
}
.ahorra {
    background: #f5f7fa url(../img/intersect2.svg) no-repeat center top;
    background-size: 150%;
    display: block;
    margin: 4rem 0;
    clear: both;
    border-radius: 24px;
    font-size: 18px;
    padding: 0 2rem;
}
.ahorra h5 {
    font-weight: bold;
    font-size: 27px;
    color: #204fcc;
    margin-bottom: 0;
}
.ahorra .btn-externo {
    background: #0064f2;
    color: #fff;
    padding: 12px;
    display: block;
    width: 240px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 1rem;
    border-radius: 35px;
}
.ahorra .btn-externo:hover {
    background: #204fcc;
}
.ahorra .btn-externo:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/arrow-left2.svg) no-repeat center;
    background-size: 100%;
    margin-left: 0.8rem;
    vertical-align: middle;
}
.ahorra img {
    width: 100%;
    height: auto;
    border-radius: 24px;
    margin-top: 24px;
}
.medismart-condiciones {
    display: block;
    background: url(../img/gato-circulo.png) no-repeat left center;
    padding-left: 200px;
}
.medismart-condiciones li {
    padding-left: 15px;
    background: url(../img/bullet2.png) no-repeat left 5px;
}
.landing .container {
    padding: 0 12px;
}
.plataforma-texto:before {
    content: "";
    display: inline-block;
    width: 43px;
    height: 33px;
    background: url(../img/pantallita.jpg) no-repeat center;
    background-size: 100%;
    margin-right: 0.8rem;
    vertical-align: bottom;
}

.beneficios-dental {
    min-width: 100%;

    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    padding: 2rem 0 0 0;
}
.beneficios-dental li {
    -webkit-flex: 0 1 15%;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
    border: 1px solid #dde3ed;
    background: #fff;
    padding: 16px;
    text-align: center;
    border-radius: 16px;
    font-size: 15px;
    transition: all 0.5s;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
    margin: 4px;
}

.beneficios-dental li img {
    width: 100%;
    height: auto;
}

.beneficios-dental a {
    display: block;
    position: relative;
    transition: all 0.5s;
}
.beneficios-dental a:hover {
    transform: scale(1.1);
    transition: all 0.5s;
}
.beneficios-dental a:hover img {
    opacity: 0.5;
    transition: all 0.5s;
}
.beneficios-dental a span {
    background: #0064f2;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    width: 80px;
    height: 32px;
    padding: 0.5rem;
    top: calc(-100% - 24px);
    left: calc(50% - 40px);
    transition: all 0.5s;
}
.beneficios-dental a:hover span {
    top: calc(50% - 24px);
}
.info-reembolso {
    background: #204fcc;
    color: #fff;
    padding: 2rem 2rem 2rem 3rem;
    border-radius: 8px;

    display: inline-block;
    width: auto;
    position: relative;
    text-align: center;
}
.info-reembolso:before {
    content: "";
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/dental02.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: -33px;
    top: 15px;
}
.info-reembolso a {
    color: aqua;
}
.info-reembolso a:hover {
    color: #fff;
    text-decoration: underline;
}

.beneficios-dentales {
    min-width: 100%;
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 1rem 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem 0;
}

.beneficios-dentales .box-dental {
    -webkit-flex: 0 1 48%;
    -ms-flex: 0 1 48%;
    flex: 0 1 48%;
    border: 1px solid #dde3ed;
    background: #fff;
    padding: 30px 16px 16px 16px;
    text-align: center;
    border-radius: 16px;
    font-size: 15px;
    transition: all 0.5s;
    position: relative;
    font-size: 1.1rem;
    color: #060b25;
}
.beneficios-dentales .precio {
    font-weight: bold;
    font-size: 3rem;
    color: #153baa;
}
.big-btn {
    background: #204fcc;
    color: #fff;
    padding: 1rem 2rem 1rem 2rem;
    border-radius: 80px;
    display: inline-block;
    width: auto;
    position: relative;
    text-align: center;
}
.big-btn:hover {
    background: #25a73a;
}
.header-landing .lista li {
    padding-left: 15px;
    background: url(../img/bullet.png) no-repeat left 5px;
}
.btn-base {
    background: #204fcc;
    color: #fff;
    padding: 0.5rem 2rem 0.5rem 2rem;
    border-radius: 80px;
    display: inline-block;
    width: auto;
    position: relative;
    text-align: center;
    margin: 1rem 0;
}
.btn-base:hover {
    background: #25a73a;
}
.precio-dental {
    font-size: 1.6rem;
}
.multiples-pestanias {
}

.multiples-pestanias li {
    display: inline-block;
}
.multiples-pestanias a {
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.6s ease;
    vertical-align: middle;
    line-height: 32px;
    font-size: 1.1rem;
    font-weight: 600;
    height: 48px;
    background-color: #fff;
    color: #153baa;
    border-radius: 100px;
    margin: 0 0 1rem 0;
    display: inline-block;
    border: 1px solid #153baa;
}
#tab-multiple h4:first-child {
    font-size: 1.1rem;
    border-top: 5px solid #ececec;
    padding: 20px 0 0 0;
}
.multiples-pestanias li.ui-state-active a {
    background-color: #153baa;
    color: #fff;
}
.multiples-pestanias li.ui-state-active a:hover,
.multiples-pestanias li a:hover {
    background-color: #0064f2;
    color: #fff;
    border: 1px solid #0064f2;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1110px) {
    header nav ul.nav-principal li a {
        font-size: 0.8rem;
        padding-right: 0;
    }
}
@media only screen and (max-width: 992px) {
    body {
        font-size: 0.9em;
    }
    .header.container {
        padding: 0;
        max-height: 48px;
    }
    header h1 {
        display: inline-block;
        /*! width: auto; */
        height: 32px;
        margin: 8px 1rem;
    }
    header h1 img {
        width: 100%;
        height: 32px;
        padding: 0;
        margin: 0;
        vertical-align: top;
    }
    header .logo-segmento {
        height: 25px;
    }
    .btns-header {
        font-size: 0;
    }

    .buscar-mobile {
        display: inline-block;
        width: 100%;
        height: auto;
    }
    header .buscar {
        right: 94px;
        top: 0;
    }
    header .buscar.active {
        background: #fff url(../img/cerrar.svg) no-repeat;
    }
    header form {
        margin-right: 0;
        width: 100%;
    }
    header .buscar-input {
        border: 0 none;
        height: 48px;
        font-size: 14px;
        float: right;
        min-width: 100%;
        font-size: 1rem;
        background: #e6ebf0;
    }
    header .buscar-input.inactive,
    header .buscar-mobile.inactive {
        width: 100%;
        height: 0 !important;
        display: none;
    }

    header nav {
        display: none;
    }
    .open_nav {
        display: inline-block;
        background: #0d386f url(../img/menu.svg) no-repeat center;
        padding: 1em;
        font-size: 22px;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        height: 48px;
    }
    header .btns-header .login {
        height: 48px;
        min-width: 48px;
        width: 48px !important;
        text-indent: -999em;
        background: #25a73a url(../img/user.svg) no-repeat center;
        overflow: hidden;
        padding: 8px;
        border-radius: 0;
        margin: 0;
    }
    header .btns-header .cerrar-sesion {
        height: 48px;
        min-width: 48px;
        width: 48px !important;
        text-indent: -999em;
        background: #25a73a url(../img/logout.svg) no-repeat center;
        overflow: hidden;
        padding: 8px;
        border-radius: 0;
        margin: 0;
    }
    .beneficios {
        padding: 0 8px;
    }
    .beneficios li {
        padding: 8px;
    }
    .beneficios .descuento {
        font-size: 1.1em;
    }
    footer .container {
        max-width: 720px;
    }
    footer .bicevida_pre-foo ul:last-of-type {
        white-space: nowrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    footer .bicevida_pre-foo ul:last-of-type li {
        margin-bottom: 15px;
    }
    .breadcrumbs {
        display: block;
        margin-top: 0;
        border-bottom: 1px solid #e6ebf0;
        font-size: 14px;
        background: #e6ebf0;
        border-top: 1px solid #d4d8e7;
        border-bottom: 1px solid #d4d8e7;
    }
    .beneficios li {
        display: inline-block;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        font-size: 15px;
        padding: 16px;
        /*! margin: 1rem 0 1rem 0; */
        position: relative;
    }
    .beneficios.beneficios-home li {
        -webkit-flex: 0 1 30%;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%;
    }
}
@media only screen and (max-width: 768px) {
    .beneficios li {
        -webkit-flex: 0 1 33%;
        -ms-flex: 0 1 33%;
        flex: 0 1 33%;
    }
    .titulo-home {
        padding: 1rem 1rem 0rem 1rem;
    }
    .columna_foto .product-img .fotos_grandes {
        width: calc(100% - 50px);
        display: inline-block;
    }
    .columna_foto .miniaturas {
        width: 40px;
    }
    #filtros-noticias {
        padding: 0;
    }
    #filtros-noticias button {
        font-size: 0.7rem;
        padding: 0.5rem 0.8rem;
        margin-bottom: 1rem;
    }
    .noticias li {
        -webkit-flex: 0 1 48%;
        -ms-flex: 0 1 48%;
        flex: 0 1 48%;
    }
    .beneficios-telemedicina li {
        -webkit-flex: 0 1 40%;
        -ms-flex: 0 1 40%;
        flex: 0 1 48%;
        /*! margin-bottom:2rem; */
    }
    .landing .half {
        width: 100%;
    }
    .landing .header-landing img {
        width: 100%;
        height: auto;
        max-width: 768px;
    }
    .header-landing .subtitulo-landing {
        margin-top: 1rem;
    }
    .ahorra {
        margin-top: 100px;
    }
    .ahorra .half.right {
        margin-top: -100px;
        margin-bottom: 100px;
    }
    .beneficios-dentales .box-dental {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin-bottom: 1rem;
    }
    .beneficios-dental li {
        -webkit-flex: 0 1 22%;
        -ms-flex: 0 1 22%;
        flex: 0 1 22%;
    }
}
@media only screen and (max-width: 640px) {
    header h1 {
        max-width: 40%;
    }

    .beneficios li {
        -webkit-flex: 0 1 49%;
        -ms-flex: 0 1 49%;
        flex: 0 1 49%;
    }
    .map-pin {
        padding: 0.8em;
        margin: 0;
    }
    .map-pin span {
        display: none;
    }
    .titulo-home h2 {
        margin: 0;
        padding: 0;
    }
    footer .container {
        max-width: 510px;
    }
    footer .bicevida_pre-foo ul:first-of-type {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }
    footer .bicevida_pre-foo ul:first-of-type li {
        margin-bottom: 20px;
        min-width: 100%;
        padding-left: 1em;
    }
    footer .bicevida_foo * {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        text-align: center;
    }
    footer .bicevida_foo .bicevida_redes,
    footer .bicevida_foo p {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin: 0.5em;
    }
    footer .bicevida_foo .bicevida_redes {
        margin-bottom: 1em;
    }
    header nav ul.nav-principal,
    header nav ul.nav-secundario {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    header nav ul.nav-principal li a {
        padding: 0.5rem 0.5rem 0.5rem 3rem;
        min-height: 50px;
    }
    header nav ul.nav-principal li,
    header nav ul.nav-secundario li {
        width: 100%;
        min-width: 100%;
    }
    header nav ul.nav-principal li a.salud,
    header nav ul.nav-principal li a.salud:hover,
    header nav ul.nav-principal li a.salud.active,
    header nav ul.nav-principal li a.dental,
    header nav ul.nav-principal li a.dental:hover,
    header nav ul.nav-principal li a.dental.active,
    header nav ul.nav-principal li a.wellness,
    header nav ul.nav-principal li a.wellness:hover,
    header nav ul.nav-principal li a.wellness.active,
    header nav ul.nav-principal li a.relajo,
    header nav ul.nav-principal li a.relajo:hover,
    header nav ul.nav-principal li a.relajo.active,
    header nav ul.nav-principal li a.hogar,
    header nav ul.nav-principal li a.hogar:hover,
    header nav ul.nav-principal li a.hogar.active,
    header nav ul.nav-principal li a.concurso,
    header nav ul.nav-principal li a.concurso:hover,
    header nav ul.nav-principal li a.concurso.active {
        background-size: 2rem;
    }

    .half {
        width: 100%;
    }
    .mapa {
        height: 250px;
    }
    .white-popup-mapa .tit_mapa {
        color: #040b24;
        border-bottom: 1px solid #d4d8e7;
        padding: 1em;
        font-size: 1.2rem;
    }
    .filtrar {
        color: #0064f2;
        padding: 0.8rem 1.5rem;
        display: inline-block;
        background: #fff;
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        border-radius: 36px;
        font-size: 16px;
        line-height: 1.1em;
        position: relative;
    }
    .filtrar.active::after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        z-index: 1;
        border-style: solid;
        border-color: #fff transparent;
        border-width: 10px 10px 0;
        bottom: -8px;
        left: 50%;
        margin-left: -13px;
    }
    .filtrar i.pointer {
        width: 30px;
        height: 30px;
        display: inline-block;
    }
    .filtros {
        display: none;
    }
    .filtros .selection_form {
        width: 48%;
    }
    .filtros .selector {
        padding-top: 1rem;
    }

    .columna_foto .product-img .fotos_grandes {
        width: 100%;
        display: inline-block;
    }
    .columna_foto .miniaturas {
        width: 100%;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0.5rem;
    }
    .columna_foto .miniaturas li {
        height: 40px;
        margin-right: 0.5rem;
    }
    .columna_foto .miniaturas img {
        width: 50px;
    }
    .noticias li {
        font-size: 0.7rem;
    }
    .white-popup-login .btn-ingresar {
        padding: 8px 16px;
        font-size: 0.8rem;
    }
    .celeste-bg .container {
        padding: 0 1em;
        font-size: 0.8rem;
    }
    .landing .half {
        width: 100%;
    }
    .ahorra h5 {
        margin: 0;
    }
    .medismart-condiciones {
        display: block;
        background: url(../img/gato-circulo.png) no-repeat top 40px center;
        padding-top: 200px;
        padding-left: 0;
    }
    h4.sub-landing {
        font-size: 24px;
        color: #060b25;
    }
    .header-landing h3 {
        font-size: 24px;
    }
    .header-landing .subtitulo-landing {
        font-size: 14px;
    }
    .beneficios.beneficios-home li {
        -webkit-flex: 0 1 49%;
        -ms-flex: 0 1 49%;
        flex: 0 1 49%;
    }
}
@media only screen and (max-width: 480px) {
    header h1 {
        max-width: 50%;
    }
    .logo-segmento {
        display: none;
    }
    .beneficios .descuento {
        height: 2.5em;
    }
    .beneficios .nombre-logo {
        padding: 8px 70px 8px 0.5rem;
        margin-bottom: 0.5rem;
    }
    .beneficios .descuento {
        padding: 0.25rem 0.5rem 0.5rem 0.5rem;
    }
    .beneficios .info-dscto {
        padding: 0 0.5rem;
    }
    .beneficios a span {
        font-size: 0.7em;
        padding: 0.75rem 1rem;
        margin: 0.5rem 0.5rem 1rem 0.5rem;
    }
    footer .bicevida_pre-foo ul:first-of-type {
        text-align: left;
    }
    footer .bicevida_pre-foo ul:last-of-type {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    footer .bicevida_pre-foo ul:last-of-type li {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    footer .bicevida_pre-foo ul:last-of-type li:not(:last-child) {
        border-right: 0 none;
    }
    .filtros .selection_form {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0.5rem;
    }
    .noticias li {
        -webkit-flex: 0 1 48%;
        -ms-flex: 0 1 48%;
        flex: 0 1 95%;
    }
    .white-popup-login {
        padding-left: 0;
        padding-bottom: 150px;
        background-position: center 250px;
        background-size: auto;
    }
    .landing .header-landing .half {
        /*! width:75%; */
    }
    .beneficios-telemedicina li {
        -webkit-flex: 0 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin-bottom: 4rem;
    }
    .header-landing .subtitulo-landing {
        margin-top: 0;
    }
    .landing .half {
        padding: 0.5rem;
    }
    .beneficios.beneficios-home li {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
    .beneficios-dental li {
        -webkit-flex: 0 1 30%;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%;
    }
}
@media only screen and (max-width: 375px) {
    .beneficios li {
        -webkit-flex: 0 1 90%;
        -ms-flex: 0 1 90%;
        flex: 0 1 90%;
    }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .cupon-container {
        max-width: 480px;
        width: 480px;
        display: block;
        margin: 25px auto 0 auto;
    }
    .cupon-container button {
        display: none;
    }
}