/* MOBILE FIRST - RESPONSIVE TO ======320px
-----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------- */

/* GLOBAL STYLES
----------------------------------------------------------------------------------------------------------- */

/* --Fonts GeoSlab703 Md BT Medium 
---------------------------------------------------------------------- */




/* --Headings 
---------------------------------------------------------------------- */
---------------------------------------------------------------------- */ #cont-msg h1,
#cont-msg h2,
#cont-msg h3,
#cont-msg h4,
#cont-msg h5,
#cont-msg h6 {
    font-family: INGMe;
    font-weight: normal;
}

#cont-msg h1 {
    font-size: 24px;
    font-size: 2.4rem;
}

/* =24px */
#cont-msg h2 {
    font-size: 20px;
    font-size: 2.0rem;
}

/* =20px */
#cont-msg h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

/* =18px */
#cont-msg h4 {
    font-size: 16px;
    font-size: 1.6rem;
}

/* =16px */
#cont-msg h5 {
    font-size: 14px;
    font-size: 1.4rem;
}

/* =14px */
#cont-msg h6 {
    font-size: 12px;
    font-size: 1.2rem;
}

/* =12px */


@font-face {
    font-family: 'ing-direct-icons';
    src: url("/genoma_transactional/cms_files/posglobal/ing-direct-icons.eot");
    src: url("/genoma_transactional/cms_files/posglobal/ing-direct-icons.eot?#iefix") format('embedded-opentype'),
        url("/genoma_transactional/cms_files/posglobal/ing-direct-icons.svg#ing-direct-icons") format('svg'),
        url("/genoma_transactional/cms_files/posglobal/ing-direct-icons.woff") format('woff'),
        url("/genoma_transactional/cms_files/posglobal/ing-direct-icons.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="ico-"],
[class*=" ico-"] {
    font-family: 'ing-direct-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-ico]:before {
    font-family: 'ing-direct-icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

[class^="ico-"]:before,
[class*=" ico-"]:before {
    font-family: 'ing-direct-icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

.ico,
[class^="ico"] {
    display: inline-block;
    font-style: normal;
    line-height: 1em;
}

.ico.is-block,
[class^="ico"].is-block {
    display: block !important;
}

.ico:before {
    font-family: 'ing-direct-icons';
    speak: none;
    font-weight: normal;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
}

.helper-box-component-container .ico:before,
.helper-box-component-container [class^=ico]:before,
.helper-box-component-container .ico,
.helper-box-component-container [class^="ico"] {
    font-family: icomoon;
    speak: none;
    font-weight: 400;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    line-height: 2.4rem;
}

.helper-box-component-container .ico,
.helper-box-component-container [class^="ico"] {}



.mfp-close {
    /*color: #333 !important;*/
}

.ico.highlight,
[class^="ico"].highlight {
    color: #e76500;
}

.ico.highlight-w,
[class^="ico"].highlight-w {
    color: #fff;
}

.ico-lock {
    margin-left: 0.2rem;
}

.ico-forward {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.question-mark {
    font-family: INGMe;
    display: inline-block;
    font-style: normal;
    line-height: 1em;
}

.question-mark:before {
    content: '?';
}

.light-box-background {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.75);
}

.light-box-background .light-box-window {
    background-color: #e76500;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
}


.caja-msg a {
    text-decoration: none;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.caja-msg .btn {
    padding: 12px;
    background-color: #FFF;
    color: #E76500;
    border: .1rem solid #E76500;
    text-align: center;
    display: block;
    font-size: 14px;
}

.caja-msg .btn:hover {
    background-color: #E76500;
    color: #FFF;
    border: .1rem solid #fff;
}


.ico-cero-comisiones:before {
    content: "\e000";
}

.ico-clientes:before {
    content: "\e001";
}

.ico-ico-petalo:before {
    content: "\e003";
}

.ico-shoes:before {
    content: "\e025";
}

.ico-broker2:before {
    content: "\e027";
}

.ico-planes2:before {
    content: "\e028";
}

.ico-fondos2:before {
    content: "\e029";
}

.ico-mini2:before {
    content: "\e02a";
}

.ico-medio-ambiente:before {
    content: "\e02c";
}

.ico-cliente:before {
    content: "\e02d";
}

.ico-doc-pdf:before {
    content: "\e02e";
}

.ico-acabamos-empezar:before {
    content: "\e02f";
}

.ico-ganamos-todos:before {
    content: "\e030";
}

.ico-ok:before {
    content: "\e031";
}

.ico-sin-comisiones-2:before {
    content: "\e032";
}

.ico-sol:before {
    content: "\e033";
}

.ico-clip-2:before {
    content: "\e034";
}

.ico-doy-pido:before {
    content: "\e035";
}

.ico-reduccion-costes:before {
    content: "\e036";
}

.ico-chanclas:before {
    content: "\e037";
}

.ico-redes-sociales:before {
    content: "\e038";
}

.ico-canales:before {
    content: "\e039";
}

.ico-profesionales:before {
    content: "\e03a";
}

.ico-amplia-gama-2:before {
    content: "\e03c";
}

.ico-recomendado:before {
    content: "\e03d";
}

.ico-lider:before {
    content: "\e03e";
}

.ico-happy:before {
    content: "\e03f";
}

.ico-arrow-5-down:before {
    content: "\e040";
}

.ico-arrow-3-right:before {
    content: "\e041";
}

.ico-circle-shape:before {
    content: "\e042";
}

.ico-couple:before {
    content: "\e043";
}

.ico-tick-2:before {
    content: "\e044";
}

.ico-arrow-5-up:before {
    content: "\e045";
}

.ico-drop-down-lines-2:before {
    content: "\e046";
}

.ico-arrow-4-down:before {
    content: "\e047";
}

.ico-cross:before {
    content: "\e048";
}

.ico-question-mark:before {
    content: "\e049";
}

.ico-arrow-3-left:before {
    content: "\e04a";
}

.ico-location:before {
    content: "\e04b";
}

.ico-arrow-3-up:before {
    content: "\e04c";
}

.ico-arrow-3-down:before {
    content: "\e04d";
}

.ico-deposito:before {
    content: "\e04e";
}

.ico-bubble:before {
    content: "\e050";
}

.ico-2-circles:before {
    content: "\e051";
}

.ico-6-dots:before {
    content: "\e052";
}

.ico-ing:before {
    content: "\e053";
}

.ico-adjustment-2:before {
    content: "\e054";
}

.ico-cero-comisiones2:before {
    content: "\e055";
}

.ico-youtube2:before {
    content: "\e056";
}

.ico-youtube:before {
    content: "\e057";
}

.ico-sin-compromiso-permanencia:before {
    content: "\e058";
}

.ico-sin-suelo:before {
    content: "\e05a";
}

.ico-sin-comisiones:before {
    content: "\e05b";
}

.ico-sin-gastos:before {
    content: "\e05c";
}

.ico-amplia-gama:before {
    content: "\e05d";
}

.ico-wc-women:before {
    content: "\e05e";
}

.ico-wc-men:before {
    content: "\e05f";
}

.ico-warning:before {
    content: "\e060";
}

.ico-cartera-dinero:before {
    content: "\e061";
}

.ico-wait-outside:before {
    content: "\e062";
}

.ico-unhappy:before {
    content: "\e063";
}

.ico-devolucion-recibos:before {
    content: "\e064";
}

.ico-twitter:before {
    content: "\e065";
}

.ico-viajes:before {
    content: "\e066";
}

.ico-transport:before {
    content: "\e067";
}

.ico-transparente:before {
    content: "\e068";
}

.ico-traspaso:before {
    content: "\e069";
}

.ico-tick:before {
    content: "\e06a";
}

.ico-plazos:before {
    content: "\e06b";
}

.ico-ventajas-fiscales:before {
    content: "\e06c";
}

.ico-deposito-bolsa-garantizado:before {
    content: "\e06d";
}

.ico-social-media:before {
    content: "\e06e";
}

.ico-simple:before {
    content: "\e06f";
}

.ico-firma:before {
    content: "\e070";
}

.ico-cuenta-compartida:before {
    content: "\e071";
}

.ico-compartir:before {
    content: "\e072";
}

.ico-security-keys:before {
    content: "\e073";
}

.ico-security-lock:before {
    content: "\e074";
}

.ico-secure-pass:before {
    content: "\e075";
}

.ico-cuenta-naranja:before {
    content: "\e076";
}

.ico-ahorros:before {
    content: "\e077";
}

.ico-cuenta-ahorro:before {
    content: "\e078";
}

.ico-restaurantes:before {
    content: "\e079";
}

.ico-informes:before {
    content: "\e07a";
}

.ico-devolucion-recibos2:before {
    content: "\e07b";
}

.ico-recibos:before {
    content: "\e07c";
}

.ico-recibo:before {
    content: "\e07d";
}

.ico-ofertas-productos:before {
    content: "\e07e";
}

.ico-particulares:before {
    content: "\e07f";
}

.ico-printer:before {
    content: "\e080";
}

.ico-analisis-cartera:before {
    content: "\e081";
}

.ico-presentacion-resultados:before {
    content: "\e082";
}

.ico-planes:before {
    content: "\e083";
}

.ico-plan-amigo:before {
    content: "\e084";
}

.ico-transferencias-periodicas:before {
    content: "\e085";
}

.ico-nomina-pension:before {
    content: "\e086";
}

.ico-cuenta-nomina:before {
    content: "\e087";
}

.ico-ingresar-dinero:before {
    content: "\e088";
}

.ico-ingresar:before {
    content: "\e089";
}

.ico-pass-blocked:before {
    content: "\e08a";
}

.ico-plus:before {
    content: "\e08b";
}

.ico-online:before {
    content: "\e08c";
}

.ico-oficinas-ingdirect:before {
    content: "\e08d";
}

.ico-entrega-oficina:before {
    content: "\e08e";
}

.ico-sin-condiciones:before {
    content: "\e08f";
}

.ico-not-insert-coin:before {
    content: "\e090";
}

.ico-nohappy:before {
    content: "\e091";
}

.ico-nuevas-funcionalidades:before {
    content: "\e092";
}

.ico-nuevo:before {
    content: "\e093";
}

.ico-mis-productos:before {
    content: "\e094";
}

.ico-mover-dinero-a:before {
    content: "\e095";
}

.ico-mover-cantidad-dinero:before {
    content: "\e096";
}

.ico-mover-dinero-de:before {
    content: "\e097";
}

.ico-mouse:before {
    content: "\e099";
}

.ico-cuenta-hipoteca:before {
    content: "\e09a";
}

.ico-mas-rentabilidad:before {
    content: "\e09b";
}

.ico-aportacion-mensual:before {
    content: "\e09c";
}

.ico-transferencia-dinero:before {
    content: "\e09d";
}

.ico-devolucion-dinero:before {
    content: "\e09e";
}

.ico-movil:before {
    content: "\e09f";
}

.ico-mixed-wc:before {
    content: "\e0a0";
}

.ico-messenger-call:before {
    content: "\e0a1";
}

.ico-meeting-room:before {
    content: "\e0a2";
}

.ico-mercados:before {
    content: "\e0a3";
}

.ico-male-changing-rooms:before {
    content: "\e0a4";
}

.ico-mag-glass:before {
    content: "\e0a5";
}

.ico-riesgo-bajo:before {
    content: "\e0a6";
}

.ico-lower-basement:before {
    content: "\e0a7";
}

.ico-bajas-comisiones:before {
    content: "\e0a8";
}

.ico-lockers:before {
    content: "\e0a9";
}

.ico-location2:before {
    content: "\e0aa";
}

.ico-prestamos:before {
    content: "\e0ab";
}

.ico-loading:before {
    content: "\e0ac";
}

.ico-linkedin:before {
    content: "\e0ad";
}

.ico-lifts:before {
    content: "\e0ae";
}

.ico-ocio:before {
    content: "\e0af";
}

.ico-kitchen:before {
    content: "\e0b0";
}

.ico-keyboard:before {
    content: "\e0b1";
}

.ico-productos-inversion:before {
    content: "\e0b2";
}

.ico-analisis-herramientas-inversion:before {
    content: "\e0b3";
}

.ico-inversiones:before {
    content: "\e0b4";
}

.ico-internet-security-code:before {
    content: "\e0b5";
}

.ico-innovador:before {
    content: "\e0b6";
}

.ico-ing-to-another:before {
    content: "\e0b7";
}

.ico-ing-person:before {
    content: "\e0b8";
}

.ico-ing-mas:before {
    content: "\e0b9";
}

.ico-ing-lion:before {
    content: "\e0ba";
}

.ico-informacion:before {
    content: "\e0bb";
}

.ico-info-herramientas:before {
    content: "\e0bc";
}

.ico-hoteles:before {
    content: "\e0bd";
}

.ico-home-to-ing:before {
    content: "\e0be";
}

.ico-home-start:before {
    content: "\e0bf";
}

.ico-home:before {
    content: "\e0c0";
}

.ico-happy2:before {
    content: "\e0c2";
}

.ico-go-up-floor:before {
    content: "\e0c3";
}

.ico-fondos:before {
    content: "\e0c4";
}

.ico-ahorro-combustible:before {
    content: "\e0c5";
}

.ico-combustible:before {
    content: "\e0c6";
}

.ico-cuentas-frecuentes:before {
    content: "\e0c7";
}

.ico-visa-gratis:before {
    content: "\e0c8";
}

.ico-gratis:before {
    content: "\e0c9";
}

.ico-formularios:before {
    content: "\e0ca";
}

.ico-comida:before {
    content: "\e0cb";
}

.ico-pago-flexible:before {
    content: "\e0cc";
}

.ico-flexible:before {
    content: "\e0cd";
}

.ico-encuentra-oficina:before {
    content: "\e0ce";
}

.ico-calendario-financiero:before {
    content: "\e0cf";
}

.ico-analisis-financiero:before {
    content: "\e0d0";
}

.ico-female-changing-rooms:before {
    content: "\e0d1";
}

.ico-fax:before {
    content: "\e0d2";
}

.ico-faq:before {
    content: "\e0d3";
}

.ico-familia:before {
    content: "\e0d4";
}

.ico-facebook:before {
    content: "\e0d5";
}

.ico-experiencia:before {
    content: "\e0d6";
}

.ico-envelope-delivery:before {
    content: "\e0d7";
}

.ico-emergency-exit:before {
    content: "\e0d8";
}

.ico-email:before {
    content: "\e0d9";
}

.ico-drop-down-lines:before {
    content: "\e0da";
}

.ico-copia-dni:before {
    content: "\e0db";
}

.ico-inversion-diversificada:before {
    content: "\e0dc";
}

.ico-deposito-naranja:before {
    content: "\e0dd";
}

.ico-gastos-tarjeta-credito:before {
    content: "\e0de";
}

.ico-contact-book:before {
    content: "\e0df";
}

.ico-completar-firmado:before {
    content: "\e0e0";
}

.ico-collect-notes:before {
    content: "\e0e1";
}

.ico-clothing:before {
    content: "\e0e2";
}

.ico-close-2:before {
    content: "\e0e3";
}

.ico-zona-cajeros:before {
    content: "\e0e4";
}

.ico-dinero-metalico:before {
    content: "\e0e5";
}

.ico-tarjetas-credito:before {
    content: "\e0e6";
}

.ico-tarjeta-credito:before {
    content: "\e0e7";
}

.ico-proteccion-antifraude:before {
    content: "\e0e8";
}

.ico-broker:before {
    content: "\e0ea";
}

.ico-blog:before {
    content: "\e0eb";
}

.ico-auto-services:before {
    content: "\e0ec";
}

.ico-at:before {
    content: "\e0ed";
}

.ico-arrow-2-up:before {
    content: "\e0ee";
}

.ico-arrow-2-down:before {
    content: "\e0ef";
}

.ico-area-managers:before {
    content: "\e0f0";
}

.ico-area-employees:before {
    content: "\e0f1";
}

.ico-todo-en-uno:before {
    content: "\e0f2";
}

.ico-adjustment:before {
    content: "\e0f3";
}

.ico-adapted-wc:before {
    content: "\e0f4";
}

.ico-cuenta-sin-nomina:before {
    content: "\e0f5";
}

.ico-cuentas:before {
    content: "\e0f6";
}

.ico-cuenta-mini:before {
    content: "\e0f7";
}

.ico-gratis-cajero-4b:before {
    content: "\e0f8";
}

.ico-pago-tarjeta-credito:before {
    content: "\e0f9";
}

.ico-contact-us:before {
    content: "\e0fa";
}

.ico-clip:before {
    content: "\e0fb";
}

.ico-cheques:before {
    content: "\e0fc";
}

.ico-bin:before {
    content: "\e0fd";
}

.ico-beneficios-ing:before {
    content: "\e0fe";
}

.ico-otros-gastos:before {
    content: "\e0ff";
}

.ico-siempre-disponible:before {
    content: "\e100";
}

.ico-triangle:before {
    content: "\e101";
}

.ico-open:before {
    content: "\e102";
}

.ico-arrow-1-right:before {
    content: "\e103";
}

.ico-arrow-1-left:before {
    content: "\e104";
}

.ico-telephone:before {
    content: "\e105";
}

.ico-cuenta-naranja2:before {
    content: "\e106";
}

.ico-inversiones2:before {
    content: "\e107";
}

.ico-close:before {
    content: "\e002";
}

.ico-help:before {
    content: "\e0c1";
}

.ico-sin-comisiones-3:before {
    content: "\e00c";
}

.ico-chanclas-2:before {
    content: "\e03b";
}

.ico-mover-dinero:before {
    content: "\e098";
}

.ico-move-money:before {
    content: "\e04f";
}

.ico-movie:before {
    content: "\e005";
}

.ico-beach:before {
    content: "\e01d";
}

.ico-microphone:before {
    content: "\e008f";
}

.ico-bicycle:before {
    content: "\e009f";
}

.ico-beer:before {
    content: "\e00af";
}

.ico-flower:before {
    content: "\e019";
}

.ico-camera:before {
    content: "\e00df";
}

.ico-compact-disc:before {
    content: "\e00ef";
}

.ico-hotel:before {
    content: "\e00ff";
}

.ico-coffe-maker:before {
    content: "\e016";
}

.ico-bottle:before {
    content: "\e011f";
}

.ico-mountain:before {
    content: "\e023";
}

.ico-cocktail:before {
    content: "\e013f";
}

.ico-new-york:before {
    content: "\e014f";
}

.ico-island:before {
    content: "\e015f";
}

.ico-ebook:before {
    content: "\e016f";
}

.ico-motorbike:before {
    content: "\e013";
}

.ico-tablet:before {
    content: "\e010";
}

.ico-grad:before {
    content: "\e019f";
}

.ico-bag:before {
    content: "\e00f";
}

.ico-cruise:before {
    content: "\e021";
}

.ico-bus:before {
    content: "\e00e";
}

.ico-jeans:before {
    content: "\e01df";
}

.ico-fresh-fruit:before {
    content: "\e00b";
}

.ico-massage:before {
    content: "\e00a";
}

.ico-pizza:before {
    content: "\e01f";
}

.ico-croissant:before {
    content: "\e021f";
}

.ico-coffe-cup:before {
    content: "\e020";
}

.ico-tv:before {
    content: "\e009";
}

.ico-plant:before {
    content: "\e006";
}

.ico-book:before {
    content: "\e007";
}

.ico-country-house:before {
    content: "\e004";
}

.ico-t-shirt:before {
    content: "\e008";
}

.ico-mobile:before {
    content: "\e00d";
}

.ico-pc:before {
    content: "\e01c";
}

.ico-tasacion:before {
    content: "\e011";
}

.ico-inversiones-2:before {
    content: "\e012";
}

.ico-financiacion:before {
    content: "\e014";
}

.ico-diario:before {
    content: "\e015";
}

.ico-leon:before {
    content: "\e017";
}

.ico-ahorro-comisiones:before {
    content: "\e018";
}

.ico-b-broker:before {
    content: "\e01a";
}

.ico-comercial:before {
    content: "\e01b";
}

.ico-financiero:before {
    content: "\e01e";
}

.ico-tecnologico:before {
    content: "\e022";
}

.ico-alerta-sms:before {
    content: "\e024";
}

.ico-compra-plazos:before {
    content: "\e026";
}

.ico-seguro-accidentes:before {
    content: "\e02b";
}

.ico-tramites-sencillos:before {
    content: "\e108";
}

.ico-servicio-gratuito:before {
    content: "\e109";
}

.ico-pago-online:before {
    content: "\e10a";
}

.ico-pack-bienvenida:before {
    content: "\e10b";
}

.ico-importe-fijo:before {
    content: "\e10c";
}

.ico-disponibilidad-recibos:before {
    content: "\e10d";
}

.ico-disponible:before {
    content: "\e10e";
}

.ico-sin:before {
    content: "\e10f";
}

.ico-sin-limite-cantidad:before {
    content: "\e110";
}

.ico-descargar:before {
    content: "\e111";
}

.ico-imprimir:before {
    content: "\e112";
}

.ico-una-sola-cuenta:before {
    content: "\e113";
}

.ico-sin-papeleos:before {
    content: "\e114";
}

.ico-controla-tus-gestiones:before {
    content: "\e115";
}

.ico-sin-cambiar-banco:before {
    content: "\e116";
}

.ico-sin-revision-medica:before {
    content: "\e059";
}

.ico-transparente-2:before {
    content: "\e118";
}

.ico-cobertura-automatica:before {
    content: "\e117";
}

.ico-cronometro:before {
    content: "\e119";
}

.ico-libertad-cambio-seguro:before {
    content: "\e11a";
}

.ico-tpv:before {
    content: "\e11b";
}

.ico-controla-tus-ingresos:before {
    content: "\e11c";
}

.ico-tarjeta-gratis:before {
    content: "\e11d";
}

.ico-mayor-importe:before {
    content: "\e11e";
}

.ico-menor-importe:before {
    content: "\e11f";
}

.ico-cero-euros:before {
    content: "\e120";
}

.ico-linea-credito:before {
    content: "\e121";
}

.ico-aportaciones-periodicas:before {
    content: "\e122";
}

.ico-negocios:before {
    content: "\e0e9";
}

.ico-comerciales:before {
    content: "\e125";
}

.ico-3-dots-2:before {
    content: "\e601";
}

.ico-cajeros:before {
    content: "\e61b";
}

.ico-3-dots:before {
    content: "\e602";
}

.ico-pronto_cajeros:before {
    content: "\e61c";
}

.ico-operativos:before {
    content: "\e123";
}

.ico-gasolineras:before {
    content: "\e61d";
}

.ico-legales:before {
    content: "\e124";
}

.ico-pronto_gasolineras:before {
    content: "\e61e";
}

.ico-palomitas:before {
    content: "\e605";
}

.ico-medico:before {
    content: "\e606";
}

.ico-mis-numeros:before {
    content: "\e607";
}

.ico-engranajes:before {
    content: "\e608";
}

.ico-contacto:before {
    content: "\e609";
}

.ico-coche:before {
    content: "\e60a";
}

.ico-carrito:before {
    content: "\e60b";
}

.ico-carita-sonriente:before {
    content: "\e60c";
}

.ico-6-dots-2:before {
    content: "\e60d";
}

.ico-prohibido:before {
    content: "\e600";
}

.ico-mano:before {
    content: "\e603";
}

.ico-documento:before {
    content: "\e604";
}

.ico-siguiente:before {
    content: "\e60e";
}

.ico-anterior:before {
    content: "\e60f";
}

.ico-estrella:before {
    content: "\e610";
}

.ico-tarjetas_bloqueadas:before {
    content: "\e611";
}

.ico-tarjetas_activas:before {
    content: "\e612";
}

.ico-cuenta_cancelada:before {
    content: "\e613";
}

.ico-numero_cuenta:before {
    content: "\e614";
}

.ico-compartir_gastos:before {
    content: "\e615";
}

.ico-quien_debe:before {
    content: "\e619";
}

.ico-tarjeta_coordenadas:before {
    content: "\e616";
}

.ico-tarde:before {
    content: "\e617";
}

.ico-p_eliminar:before {
    content: "\e618";
}

.ico-p_salir:before {
    content: "\e61a";
}








/*############################*/
/*--- Estilos html mensaje ---*/
/*############################*/

#cont-msg {
    padding: 0 1.8rem;
    margin: 0 auto;
}

.caja-msg {
    background-color: #e56500;
    color: #FFFFFF !important;
}

#cont-video {
    padding: 0 1.8rem;
    margin: 0 auto;
}

.gcvideo {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
}

.gcvideo h1 {
    color: #e56500;
    margin-top: 0;
}

.gcvideo iframe {
    width: 100%;
    height: 100%;
}

#cont-blog {
    padding: 0;
    margin: 0 auto;
    position: relative;
}

.post-blog {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 13px;
    font-family: Verdana, Geneva, sans-serif;
}

.post-blog h1 {
    color: #e56500;
    margin-top: 0;
}

.post-blog img {
    display: block;
    margin: 0 auto
}

.post-blog a {
    font-weight: bold;
    color: #323232;
    border-bottom: 1px dashed #e76500;
    text-decoration: none;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.post-blog a:hover {
    color: #e76500;
}

.post-blog iframe {
    width: 100%;
}

.post-blog .cabeceraPost {
    width: 100%;
    height: auto;
    background-color: #e56500;
    background-position: right center;
    background-repeat: no-repeat;
}

.post-blog .cabeceraPost h1 {
    color: #FFFFFF;
    padding: 20px;
    font-family: 'INGMe';
    font-weight: normal;
    margin: 0;
    line-height: normal;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.post-blog .textoPost {
    color: #4f4f4f;
    padding: 0 10px
}

#cont-blog ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#cont-blog ul li.col-izq,
#cont-blog ul li.col-der {
    width: 48%;
    float: left;
}

#cont-blog ul li.col-izq p,
#cont-blog ul li.col-der p {
    color: #24b3b3;
    font-size: 16px;
    font-weight: bold;
    font-family: INGMe;
}

#cont-blog ul li.col-izq img,
#cont-blog ul li.col-der img {
    width: 200px;
}

#cont-blog ul .col-izq {
    margin-right: 30px;
}

#cont-blog ul .col-der {}

@media screen and (min-width : 20em) {
    #cont-msg {
        width: 320px;
    }

    .caja-msg {
        padding: 16px;
    }

    .caja-msg i {
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }

    .caja-msg i:before {
        font-size: 240px;
        line-height: 180px;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }

    #cont-msg h1 {
        font-size: 1.8rem;
        color: #FFFFFF !important;
    }

    #cont-msg h2 {
        font-size: 1.8rem;
        font-family: 'INGMe';
        font-weight: normal;
        color: #FFFFFF !important;
    }

    #cont-msg h4 {
        font-size: 1.6rem;
    }

    #cont-video {
        width: 320px;
    }

    .gcvideo {
        padding: 16px;
    }

    .gcvideo h1 {
        font-size: 1.8rem;
    }

    .gcvideo iframe,
    .post-blog iframe {
        height: 145px
    }

    #cont-blog {
        width: 320px;
    }

    .post-blog {
        padding: 40px 40px 0;
    }

    .post-blog h1 {
        font-size: 1.8rem;
    }

    .post-blog img {
        width: auto;
    }

    .caja-msg .btn {
        width: 100%;
        font-size: 18px;
    }

    .post-blog .cabeceraPost {
        min-height: auto;
        background-color: #e56500;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .post-blog .cabeceraPost h1 {
        width: 100%;
        background-color: rgba(229, 101, 0, .7);
    }

    .post-blog img {
        max-width: 252px;
        margin-left: -12px;
    }

    .post-blog .cabeceraPost.twyp-mgm {
        background: none
    }

    .post-blog .cabeceraPost.twyp-mgm h1 {
        background: #C04700;
    }

    #cont-blog ul li.col-izq p,
    #cont-blog ul li.col-der p {
        font-size: 14px;
    }

    #cont-blog ul li.col-izq,
    #cont-blog ul li.col-der {
        width: 100%;
    }

    #cont-blog ul li.col-izq img,
    #cont-blog ul li.col-der img {
        width: 100%;
    }

    #cont-blog ul .col-izq {
        margin-right: 0px;
    }

}

@media screen and (min-width: 48em) {
    #cont-msg {
        width: 768px;
    }

    .caja-msg {
        padding: 75px;
    }

    .caja-msg i {
        width: 270px;
        display: inline-block;
        float: right;
    }

    .caja-msg i:before {
        font-size: 320px;
        line-height: 220px;
    }

    #cont-msg h1 {
        font-size: 2.3rem;
    }

    #cont-msg h2 {
        font-size: 2.2rem;
    }

    #cont-msg h4 {
        font-size: 2rem;
    }

    #cont-video {
        width: 768px;
    }

    .gcvideo {
        padding: 30px;
    }

    .gcvideo h1 {
        font-size: 3rem;
    }

    .gcvideo iframe,
    .post-blog iframe {
        height: 305px;
        display: block;
        margin: 0 auto;
        width: 80%;
    }

    #cont-blog {
        width: 768px;
    }

    .post-blog {
        padding: 40px 40px 0;
    }

    .post-blog h1 {
        font-size: 3rem;
    }

    .post-blog .cabeceraPost {
        background-size: 60%;
        min-height: 250px
    }

    .post-blog .cabeceraPost h1 {
        width: 40%;
        background-color: none;
        font-size: 28px;
    }

    .post-blog .textoPost {
        padding: 15px 30px
    }

    .post-blog img {
        width: auto;
        margin: 0 auto;
        max-width: none;
    }

    /*Solo video*/
    .post-blog .cabeceraPost.soloVideo {
        min-height: inherit;
    }

    .post-blog .cabeceraPost.soloVideo h1 {
        width: 100%;
    }

    .post-blog .cabeceraPost.twyp-mgm {
        background: url(/genoma_transactional/cms_files/twyp/images/twyp-tb-688.jpg);
        padding: 20px 0;
        min-height: 0;
    }

    .post-blog .cabeceraPost.twyp-mgm h1 {
        font-size: 26px;
        background: #FFF;
        color: #0D3C5A;
        width: 46%;
        border-radius: 0 8px 8px 0;
        font-weight: bold;
        padding-right: 10px;
        line-height: 4rem;
    }

    #cont-blog ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #cont-blog ul li.col-izq,
    #cont-blog ul li.col-der {
        width: 48%;
        float: left;
    }

    #cont-blog ul li.col-izq p,
    #cont-blog ul li.col-der p {
        font-size: 16px;
    }

    #cont-blog ul li.col-izq img,
    #cont-blog ul li.col-der img {
        width: 200px;
    }


}

@media screen and (min-width: 59.25em) {
    #cont-msg {
        width: 948px;
    }

    .caja-msg i {
        width: 300px;
    }

    .caja-msg i:before {
        font-size: 260px;
        line-height: 140px;
    }

    #cont-video {
        width: 948px;
    }

    .gcvideo iframe,
    .post-blog iframe {
        height: 385px;
        display: block;
        margin: 0 auto;
        width: 80%;
    }

    #cont-blog {
        width: 948px;
    }

    .caja-msg .btn {
        width: auto;
        display: inline-block;
    }

    .post-blog .cabeceraPost h1 {
        font-size: 30px;
    }

    .post-blog .cabeceraPost {
        min-height: 280px
    }

    /*Solo video*/
    .post-blog .cabeceraPost.soloVideo {
        min-height: inherit;
    }

    .post-blog .cabeceraPost.soloVideo h1 {
        width: 100%;
    }

    .post-blog .cabeceraPost.twyp-mgm {
        background: url(/genoma_transactional/cms_files/twyp/images/twyp-pc-868.jpg)
    }

    .post-blog .cabeceraPost.twyp-mgm h1 {
        font-size: 28px;
    }

    #cont-blog ul .col-izq {
        margin-right: 30px;
    }
}

@media screen and (min-width: 72.75em) {
    #cont-msg {
        width: 1164px;
    }

    .caja-msg {
        padding: 90px;
    }

    .caja-msg i {
        width: 350px;
    }

    .caja-msg i:before {
        font-size: 380px;
        line-height: 270px;
    }

    #cont-msg h1 {
        font-size: 3rem;
    }

    #cont-msg h2 {
        font-size: 2.5rem;
    }

    #cont-msg h4 {
        font-size: 2.4rem;
    }

    #cont-video {
        width: 1164px;
    }

    .gcvideo iframe,
    .post-blog iframe {
        height: 485px;
        display: block;
        margin: 0 auto;
        width: 80%;
    }


    #cont-blog {
        /*width: 1164px;*/
    }

    .post-blog .cabeceraPost h1 {
        font-size: 32px;
    }

    /*Solo video*/
    .post-blog .cabeceraPost.soloVideo {
        min-height: inherit;
    }

    .post-blog .cabeceraPost.soloVideo h1 {
        width: 100%;
    }

}