@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

@font-face {
    font-family: 'uni_neuebold';
    src: url('../fonts/fontfabric_-_unineuebold-webfont.woff2') format('woff2'), url('../fonts/fontfabric_-_unineuebold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'uni_neuebook';
    src: url('../fonts/fontfabric_-_unineuebook-webfont.woff2') format('woff2'), url('../fonts/fontfabric_-_unineuebook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'uni_neueregular';
    src: url('../fonts/fontfabric_-_unineueregular-webfont.woff2') format('woff2'), url('../fonts/fontfabric_-_unineueregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*****ICOMOON*****/

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?wqjovz');
    src: url('../fonts/icomoon.eot?wqjovz#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?wqjovz') format('truetype'), url('../fonts/icomoon.woff?wqjovz') format('woff'), url('../fonts/icomoon.svg?wqjovz#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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;
}

.icon-vision:before {
    content: "\e900";
}

.icon-mision:before {
    content: "\e901";
}

.icon-flecha-abajo:before {
    content: "\e902";
}

.icon-icon-pdf:before {
    content: "\e903";
}

.icon-icon-factura:before {
    content: "\e904";
}

.icon-icon-fdp:before {
    content: "\e905";
}

.icon-icon-libro:before {
    content: "\e906";
}

.icon-icon-youtube:before {
    content: "\e907";
}

.icon-icon-facebook:before {
    content: "\e908";
}

.icon-icon-telf:before {
    content: "\e909";
}

.icon-flecha-abajo2:before {
    content: "\e90a";
}

html, body {
    height: 100%;
    font-family: 'uni_neueregular';
    font-size: 17px;
    color: #333333;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pantallazo {
    background: no-repeat center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.section {
    overflow: hidden;
}

.navbar-default {
    background: inherit;
    background-color: rgba(255, 255, 255, 0.9);
}

/***flecha abajo***/

.downArrow {
    position: absolute;
    bottom: 5%;
    left: 50%;
    width: 53px;
    border: solid 2px #ffffff;
    text-align: center;
    padding: 11px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

    .downArrow > a {
        width: 53px;
        height: 53px;
        position: absolute;
        top: -2px;
        left: -2px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -o-transition: all linear 0.15s;
        transition: all linear 0.15s;
        -webkit-transition: all linear 0.15s;
        -moz-transition: all linear 0.15s;
    }

        .downArrow > a:hover {
            background-color: rgba(255, 255, 255, 0.3); /*transform: scale(1.2);*/
        }

.bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.container {
    width: 83%;
}

.titulo {
    color: #546B94;
    text-align: center;
}

    .titulo > span {
        font-family: 'uni_neuebold';
    }

.acenter {
    text-align: center;
}

.center-block {
    float: none;
}

.semicirculo {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: -1
}

.cmarca {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px; /*overflow: hidden;*/
    position: relative;
    background-color: #ffffff;
}

.bgcf {
    background: url(../img/marca1.jpg) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
}

.bgfs {
    background: url(../img/marca2.jpg) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
}

.bgpf {
    background: url(../img/marca3.jpg) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
}

.bgfc {
    background: url(../img/marca4.png) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
}

.acceso-marcas {
    width: 100%;
    display: table;
}

    .acceso-marcas > ul > li {
        width: 28%;
        text-align: center;
        float: left;
        margin: 0 2.5%;
    }

        .acceso-marcas > ul > li p {
            text-align: center;
        }

.cmarca img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    z-index: 1;
}

.bgcf img {
    width: 53%;
    height: 100%;
}

.bgfs img {
    width: 60%;
    height: 100%;
}

.bgpf img {
    width: 68%;
    height: 100%;
}

.pelicula {
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.6;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}

.enlace {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

.cmarca:hover {
    transform: scale(1.05);
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
}

    .cmarca:hover .pelicula {
        background-color: #768AAA;
        -o-transition: all linear 0.15s;
        transition: all linear 0.15s;
        -webkit-transition: all linear 0.15s;
        -moz-transition: all linear 0.15s;
        opacity: 0.5
    }

@keyframes giro {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.cmarca:hover .enlace {
    width: 107%;
    height: 107%;
    border: dashed 1px #546B94;
    left: -3.6%;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    animation: giro 1s linear infinite;
}
/*.cmarca:hover img{width: 56%;-o-transition: all linear 0.3s;transition: all linear 0.3s;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;}*/
.contenedor-not {
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
}

.pic-not {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

    .pic-not > img {
        width: 100%;
        height: auto;
    }

.resumen {
    width: 100%;
    background-color: #F6F8FA;
    padding: 35px;
}

    .resumen h3 {
        font-family: 'uni_neuebold';
        font-size: 20px;
        color: #546B94;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .resumen p {
        font-size: 15px;
        color: #333333;
    }

.fecha-not {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 12px;
    font-family: 'uni_neuebold';
    color: #546B95;
    text-align: center;
    background-color: #C5D1DF;
    padding: 10px 10px;
    line-height: 1;
}

    .fecha-not span {
        font-size: 30px;
    }

.contenedor-not:hover h3 a, .contenedor-not:hover p {
    color: #ffffff;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
}

.contenedor-not:hover .resumen {
    background-color: #546B94;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
}

.pelicula2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #546B94;
    opacity: 0;
}

.contenedor-not:hover .pelicula2 {
    opacity: 0.5;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
}

.vermas {
    color: #ffffff;
    text-align: center;
    border: solid 2px #ffffff;
    padding: 5px 10px;
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    z-index: 1;
    width: 125px;
    height: 40px;
}

.contenedor-not:hover .vermas {
    opacity: 1;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    top: 0;
}

.vermas:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #ffffff;
}

.resumen h3 a:hover {
    text-decoration: none;
    color: #C5D1DF;
}

.pabsolute {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

footer {
    background-color: #F2F2F2;
    width: 100%;
}

.pie > div > a {
    display: table;
    margin: 0 auto;
}

.pie {
    padding: 10px 0;
    border-bottom: solid 1px #D9D9D9;
}

    .pie .icon-foot {
        float: left;
        font-size: 40px;
        color: #C7D4DF;
        padding-right: 10px;
    }

    .pie .linkfoot {
        float: left;
        font-size: 16px;
        color: #333333;
        text-decoration: none;
        padding: 9px 0;
    }

    .pie a span {
        -o-transition: all linear 0.15s;
        transition: all linear 0.15s;
        -webkit-transition: all linear 0.15s;
        -moz-transition: all linear 0.15s;
    }

    .pie a:hover .icon-foot, .pie a:hover .linkfoot {
        color: #546B94;
        text-decoration: none;
    }

    .pie a:hover .linkfoot {
        margin-left: 5px;
    }

.alineader {
    text-align: right;
}

.alineaizq {
    text-align: left;
}

.alineamed {
    text-align: center;
}

.creditos {
    padding: 8px 0px;
}

    .creditos p {
        font-size: 10px;
        font-family: arial;
        margin-bottom: 0px;
        color: #BFBFBF;
    }

        .creditos p a {
            color: #BFBFBF;
        }

            .creditos p a:hover {
                text-decoration: none;
                color: #808080;
            }



.drop {
    position: relative;
    display: inline-block;
}

.drop-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 180px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
    z-index: 15;
    top: -180px;
    right: 19%;
    padding: 0 23px;
}

    .drop-content a {
        color: black;
        padding: 9px 16px;
        text-decoration: none;
        display: block;
    }

    .drop-content a {
        -o-transition: all linear 0.15s;
        transition: all linear 0.15s;
        -webkit-transition: all linear 0.15s;
        -moz-transition: all linear 0.15s;
    }

        .drop-content a:hover {
            background-color: #C5D1DF;
        }

.drop:hover .drop-content {
    top: -122px;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    display: block;
}

.drop-content li {
    border-bottom: solid 1px #D9D9D9;
    font-size: 16px;
    text-align: center;
}

    .drop-content li:nth-child(3) {
        border-bottom: 0px;
    }

.triangulo_inf {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    border-bottom: 0 !important;
}

.navbar > .container .navbar-brand { /*position: absolute;*/
    width: 220px;
    margin: auto;
    left: 0px;
    right: 0px;
    padding-top: 7px;
}

.flecha-desc {
    display: table;
    color: #ffffff;
}

.downArrow > .icon-flecha-abajo2 {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}


.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bajada {
    font-family: 'uni_neuebook';
    font-size: 20px;
}

.titulo2 > h1 {
    font-family: 'uni_neueregular';
    font-size: 28px;
    text-align: left;
    color: #ffffff;
    width: 100%;
}

    .titulo2 > h1 > strong {
        font-size: 36px;
    }

.main {
    position: relative;
}

.main2 {
    position: relative;
    height: 100%;
}

strong {
    font-family: 'uni_neuebold' !important;
}

.fecha-not2 {
    position: relative;
    font-size: 12px;
    font-family: 'uni_neuebold';
    color: #546B95;
    text-align: center;
    background-color: #C5D1DF;
    padding: 10px 10px;
    line-height: 1;
    float: left;
}

    .fecha-not2 span {
        font-size: 30px;
    }

.detalle-noticia {
    float: right;
    width: calc(100% - 70px);
    margin-bottom: 50px;
}

    .detalle-noticia h1 {
        margin-top: 0px;
        font-family: 'uni_neuebold';
        color: #546B94;
        margin-bottom: 15px;
    }

.volver {
    padding-left: 15px;
    margin-bottom: 15px;
}

    .volver > a {
        text-decoration: none;
    }

        .volver > a > .flecha-desc {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            position: relative;
            margin: 0;
            color: black;
            float: left;
            color: #546B94;
            margin-right: 12px;
            font-size: 25px;
            font-weight: 700;
            text-decoration: none;
            -o-transition: all linear 0.15s;
            transition: all linear 0.15s;
            -webkit-transition: all linear 0.15s;
            -moz-transition: all linear 0.15s;
        }

        .volver > a:hover > .flecha-desc {
            margin-right: 18px;
        }

.pic-destacado {
    padding-right: 2%;
}

    .pic-destacado > img {
        width: 100%;
    }

.form-tcn {
    margin: 0 auto;
}

    .form-tcn p {
        text-align: center;
        margin-bottom: 20px;
    }

.form-check > label {
    position: relative;
    cursor: pointer;
    color: #666;
    font-size: 30px;
    width: 100%;
}

input[type="checkbox"], input[type="radio"] {
    position: absolute;
    right: 9000px;
}


    /*Radio box*/

    input[type="radio"] ~ .label-text:before {
        content: "\f10c";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 5px;
    }

    input[type="radio"]:checked ~ .label-text:before {
        content: "\f192";
        color: #546B95;
        animation: effect 250ms ease-in;
    }

    input[type="radio"]:disabled ~ .label-text {
        color: #aaa;
    }

        input[type="radio"]:disabled ~ .label-text:before {
            content: "\f111";
            color: #ccc;
        }

@keyframes effect {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(1.3);
    }

    75% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}

input[type="checkbox"] ~ .label-text2:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    font-size: 23px;
}

input[type="checkbox"]:checked ~ .label-text2:before {
    content: "\f14a";
    color: #546B95;
    animation: effect 250ms ease-in;
    font-size: 23px;
}

input[type="checkbox"]:disabled ~ .label-text2 {
    color: #aaa;
}

    input[type="checkbox"]:disabled ~ .label-text2:before {
        content: "\f0c8";
        color: #ccc;
    }

.label-text2 {
    font-size: 17px;
    font-weight: normal;
}

    .label-text2 a {
        color: #666;
        -o-transition: all linear 0.15s;
        transition: all linear 0.15s;
        -webkit-transition: all linear 0.15s;
        -moz-transition: all linear 0.15s;
    }

        .label-text2 a:hover {
            text-decoration: none;
            margin-left: 3px;
            color: #546B95;
        }


.radio-btn {
    text-align: center;
    margin-bottom: 10px;
}

    .radio-btn img {
        width: 50%;
    }

.label-text {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.r-disable {
    opacity: 0.3;
}

.radio-btn2 {
    float: left;
    margin-right: 25px;
    margin-left: 8px;
}

    .radio-btn2 label span {
        font-size: 14px;
        font-weight: normal;
    }

        .radio-btn2 label span:before {
            font-size: 23px;
        }

.label-text3 {
    margin-top: 20px;
    float: left;
}

form {
    margin-bottom: 1.125rem
}

.navbar form {
    margin-bottom: 0
}

    .navbar form .bmd-form-group {
        display: inline-block;
        padding-top: 0
    }

    .navbar form .btn,
    .navbar form .custom-file-control:before {
        margin-bottom: 0
    }

.custom-file-control,
.form-control {
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    border: 0;
    transition: background 0s ease-out;
    padding-left: 0;
    padding-right: 0
}

    .bmd-form-group.is-focused .custom-file-control,
    .bmd-form-group.is-focused .form-control,
    .custom-file-control:focus,
    .form-control:focus {
        background-size: 100% 100%, 100% 100%;
        transition-duration: .3s
    }

.bmd-help {
    position: absolute;
    display: none;
    font-size: .8rem;
    font-weight: 400
}

.bmd-form-group.is-focused .bmd-help {
    display: block
}

.bmd-help:nth-of-type(2) {
    padding-top: 1rem
}

.bmd-help + .bmd-help {
    position: relative;
    margin-bottom: 0
}

.bmd-form-group .custom-file-control, .bmd-form-group .form-control, .bmd-form-group input::placeholder, .bmd-form-group label {
    background-color: #f4f6f9;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.bmd-form-group {
    padding: 0 15px;
}

    .bmd-form-group .bmd-label-floating {
        top: 2.25rem;
        left: 22px;
    }

.bmd-form-group {
    padding: 1rem 7px 0 7px;
    margin-bottom: 0px;
}

    .bmd-form-group .bmd-label-static, .bmd-form-group.is-filled .bmd-label-floating, .bmd-form-group .is-filled .bmd-label-floating, .bmd-form-group.is-focused .bmd-label-floating, .bmd-form-group .is-focused .bmd-label-floating {
        left: 22px;
    }

.form-control {
    font-size: 17px;
    height: 50px;
    padding: 15px;
}

.is-focused [class*=" bmd-label"], .is-focused [class^=bmd-label] {
    color: #546B94;
}

.selectap {
    margin-left: 8px;
    margin-top: 15px;
}

.btn-grupofe {
    border-radius: 0px;
    border: 0px;
    background-color: #536b93;
    background-image: none;
    font-size: 18px;
    padding: 10px 60px;
    border-bottom: solid 5px #d9eaff;
    margin-top: 15px;
}

.btn-primary, .btn-primary {
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
}

    .btn-primary:focus, .btn-primary:hover {
        background-color: #87a0ca;
        border-bottom: solid 5px #d9eaff;
        padding: 10px 75px;
    }

.btn-file {
    position: relative;
    overflow: hidden;
    background-color: #c7d4df;
    background-image: none;
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.floating-file {
    background-color: inherit !important;
    left: 15px !important;
    top: 17px !important;
}

.btn-default {
    background-color: #f4f6f9;
    background-image: none;
}

.cont-sedes {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.sede {
    text-align: center;
}

    .sede > img {
        width: 26px;
        height: auto;
    }

    .sede > h3 {
        font-size: 20px;
        color: #425563;
        font-family: 'uni_neuebold';
        margin-bottom: 3px;
        margin-top: 6px;
    }

    .sede > p {
        font-size: 15px;
        margin-bottom: 0px;
    }

.datos-libro1 {
    text-align: left;
    font-size: 14px;
    color: #5d5d5d;
}

    .datos-libro1 strong, .datos-libro2 strong {
        color: #546B94;
    }

.datos-libro2 {
    text-align: right;
    font-size: 14px;
    color: #5d5d5d;
}

    .datos-libro2 li {
        float: right;
        margin-left: 15px;
    }

.ldr {
}

    .ldr h4 {
        font-family: 'uni_neuebold';
        font-size: 18px;
        color: #546B94;
        width: 100%;
        padding-left: 10px;
        margin-top: 40px;
    }

.caracteres {
    float: right;
    font-size: 13px;
    margin-top: 5px;
}

.label-text3 {
    font-size: 17px !important;
}

    .label-text3 span {
        font-size: 14px;
    }

.captcha {
    display: table;
    margin: 0 auto;
}

    .captcha figure {
        float: left;
    }

    .captcha > .campo-captcha {
        float: left;
        margin-left: 15px;
    }

.modal-header {
    background-color: #546B95;
}

    .modal-header h4 {
        color: #C5D1DF;
        text-transform: uppercase;
        font-family: 'uni_neuebold';
        font-size: 25px
    }

.modal-body h3 {
    font-family: 'uni_neuebold';
    font-size: 18px;
    color: #546B94;
}

.modal-body li {
    padding-left: 20px;
    background: url(../img/bullet.svg) no-repeat left 5px;
    background-size: 10px;
}

.cursor-video {
    cursor: url(../img/cursor.png)60 15, auto;
}

.crosshair {
    cursor: crosshair;
}

.btn-visitaweb {
    background-color: #546B94;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 5;
    float: left;
    bottom: 35px;
    opacity: 0;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    font-size: 14px;
    width: 130px;
}

    .btn-visitaweb a {
        color: #ffffff;
        padding: 8px 6px;
        float: left;
        width: 100%;
    }

        .btn-visitaweb a:hover {
            color: #546B94;
            text-decoration: none;
        }

    .btn-visitaweb:hover {
        background-color: #ffffff;
    }

.cmarca:hover .btn-visitaweb {
    opacity: 1;
    bottom: 50px;
}

.bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .bg-video iframe {
        width: 100%;
        height: 100%;
    }

a.video {
    width: 100%;
    height: 100%;
    display: table;
}

a .icono-play {
    position: absolute;
    width: 100px !important;
    height: auto !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.detalle-noticia ul {
    width: 100%;
}

    .detalle-noticia ul li {
        padding-left: 15px;
        background: url(../img/bullet.svg) no-repeat left 7px;
        background-size: 1.4%;
    }

.close {
    color: #ffffff;
    font-size: 35px;
    text-shadow: none;
    filter: alpha(opacity=50);
    opacity: .5;
}

    .close:focus, .close:hover {
        color: #ffffff;
        filter: alpha(opacity=100);
        opacity: 1;
    }

.cont-video {
    display: block;
}

/****************************css fase II*****************************/
/***efecto menu***/
.navbar-default {
    border: 0px;
}

.navbar-nav ul li {
    display: inline-block;
    text-align: center;
    overflow: hidden;
}

    .navbar-nav ul li a {
        display: block;
        position: relative;
    }

        .navbar-nav ul li a:after {
            position: absolute;
            bottom: 0;
            left: -20px;
            width: 162%;
            height: 3px;
            background: #546B94;
            content: '';
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        .navbar-nav ul li a:hover:after, .navbar-nav ul li.active a:after {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        .navbar-nav ul li a:hover, .navbar-nav ul li a.active {
            color: #546B94 !important;
        }
/***fin efecto menu***/
#myVideo, #myVideo2 {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}

#myVideo2 {
    z-index: 0 !important;
}

/****************************FIN css fase II*****************************/

/*********MEDIA QUERIES***********/

@media only screen and (min-width: 320px) {
    .container {
        width: 92%;
    }

    .navbar > .container .navbar-brand {
        width: 125px;
        position: relative;
        float: left;
        height: auto;
        padding: 10px 0;
    }

    .navbar-collapse {
        padding: 0px;
    }

    .navbar-brand > img {
        width: 100%;
    }

    .navbar {
        height: auto;
    }

    .navbar-nav {
        margin-left: -15px;
        font-family: 'uni_neueregular';
        font-size: 20px;
        color: #333333;
        margin: 0px;
    }

        .navbar-nav ul {
            display: table;
        }

            .navbar-nav ul li {
                float: left;
                padding: 0 15px;
                width: 100%;
            }

                .navbar-nav ul li a {
                    color: #333333;
                    -o-transition: all linear 0.15s;
                    transition: all linear 0.15s;
                    -webkit-transition: all linear 0.15s;
                    -moz-transition: all linear 0.15s;
                    display: table;
                    padding: 10px 0;
                }

                    .navbar-nav ul li a:hover {
                        text-decoration: none;
                        color: #546B94;
                    }

    .rs {
        text-align: left;
        margin-left: 15px;
        margin-bottom: 18px;
    }

        .rs a.icon-icon-facebook, .rs a.icon-icon-youtube {
            font-size: 38px;
            color: #546B95;
            background: transparent;
        }

        .rs a.icon-icon-facebook {
            margin-right: 15px;
        }

            .rs a.icon-icon-facebook:hover, .rs a.icon-icon-youtube:hover {
                text-decoration: none;
                background: transparent;
            }

    .telefono {
        text-align: right;
    }

    .telefono {
        margin-right: 15px;
        margin-bottom: 12px;
    }

        .telefono a {
            font-size: 24px;
            float: right;
            color: #8AA3C9;
            margin-left: 5px;
        }

            .telefono a:hover, .telefono a:focus {
                cursor: default;
                text-decoration: none;
            }

        .telefono > .icon-icon-telf {
            font-size: 36px;
            color: #546B95;
        }

    .nb-izq {
        margin-top: 20px;
    }

    .nb-der {
        margin-bottom: 20px;
    }

    .nb-izq > li {
        margin: 0px;
    }

    .nb-der > li {
        margin: 0px;
    }

    .navbar-toggle {
        margin-right: 0px;
    }

    .rs, .telefono {
        display: none;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: inherit;
    }

    .navbar-default .navbar-toggle {
        border: 0px;
    }

    .rs2, .telf2 {
        display: table;
        float: right;
        margin: 0;
    }

    .telf2 {
        margin-left: 12px;
    }

    .cont-rst {
        float: right;
        text-align: right;
        clear: both;
        margin-top: -43px;
    }

    .navbar-toggle .icon-bar {
        width: 35px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 6px;
        }

    .rs2 a.icon-icon-facebook, .rs2 a.icon-icon-youtube {
        font-size: 30px;
    }

    .telf2 > .icon-icon-telf {
        font-size: 33px;
    }

    .footer-home {
        position: relative;
    }

    .pantallazo {
        position: relative;
    }

    .acceso-marcas > ul > li {
        width: 100%;
        margin: 25px 0;
    }

    .cmarca {
        width: 188px;
        height: 188px;
    }

    .flecha-desc {
        margin: 15px auto;
        font-size: 30px;
        color: #546B95;
        font-weight: bold;
    }

    .semicirculo {
        display: none;
    }

    .titulo {
        margin-bottom: 25px;
    }

    .contenedor-not {
        margin-bottom: 30px;
    }

    .creditos {
        text-align: center;
    }

    .alineader {
        text-align: center;
    }

    .pie > div > a {
        float: left;
    }

    .pie .icon-foot {
        font-size: 27px;
        margin-top: 8px;
    }

    .cont-interna {
        padding-top: 96px;
    }

    .contenido-gris {
        color: #ffffff;
        position: relative;
        display: table;
        padding: 30px 0;
    }

    .bg-gris {
        background-color: #425664;
        background-image: url(../img/bg-detalle.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .img-banner {
        position: relative;
        width: 100%;
        height: auto;
    }

        .img-banner > img, .img-banner > a > img {
            width: 100%;
            height: auto;
        }

    .mv {
        padding: 40px 0px 90px;
    }

    .mision, .vision {
        text-align: center;
        padding: 0 9%;
    }

        .mision h2, .vision h2 {
            width: 100%;
            font-family: 'uni_neuebold';
            font-size: 35px;
            color: #546B94;
            margin-bottom: 22px;
        }

        .mision p strong, .vision p strong {
            color: #546B94;
            font-family: 'uni_neuebold';
        }

    .icon-mision, .icon-vision {
        font-size: 75px;
        color: #89a2c8;
    }

    .titulo2 {
        margin-bottom: 20px;
    }

    .bg-imginterna {
        padding: 0px;
    }

    .mision h2, .vision h2 {
        font-size: 30px;
    }

    .bajada {
        font-size: 17px;
    }

    .vision {
        margin-top: 55px;
    }

    .contenido-gris h2 {
        font-size: 22px;
    }

    .bg-gris2 {
        padding-bottom: 0 !important;
    }

    .bg-imginterna2 {
        padding: 0;
    }

    .cont-interna .contenedor-not {
        margin-bottom: 30px;
    }

    .detalle-noticia {
        width: 100%;
        margin-top: 10px;
    }

        .detalle-noticia h1 {
            font-size: 25px;
        }

    .fsapp img, .pfapp img {
        width: 100%;
        padding: 26px 0 14px;
    }

    .label-text3 {
        margin-top: 0px;
    }

    .main2 {
        height: initial;
    }

    .cont-video {
        display: none;
    }

    .marcas {
        padding-top: 95px;
    }
}

@media only screen and (min-width: 375px) {
    .fsapp img, .pfapp img {
        width: 100%;
        padding: 35px 0 14px;
    }
}

@media only screen and (min-width: 420px) {
}

@media only screen and (min-width: 768px) {
    .modal-dialog {
        width: 700px;
    }
}

@media only screen and (min-width: 1023px) {
    .navbar > .container .navbar-brand {
        position: absolute;
    }

    .rs, .telefono {
        display: block;
    }

    .navbar-nav ul li {
        width: auto;
    }

        .navbar-nav ul li a {
            padding: 0;
            padding: 0px 0px 17px;
        }

    .nb-izq {
        margin-top: 0px;
    }

    .nb-der {
        margin-bottom: 0px;
    }

    .container {
        width: 83%;
    }

    .rs2, .telf2 {
        display: none;
    }

    .acceso-marcas > ul > li {
        width: 22%;
        margin: 0 1.5%;
    }

    .semicirculo {
        display: block;
    }

    .titulo {
        margin-bottom: 10px;
    }

    .contenedor-not {
        margin-bottom: 0px;
    }

    .creditos {
        text-align: inherit;
    }

    .alineader {
        text-align: right;
    }

    .pie > div > a {
        float: none;
    }

    .pie .icon-foot {
        margin-top: 0px;
    }

    .mision h2, .vision h2 {
        font-size: 30px;
    }

    .vision {
        margin-top: 0px;
    }
    /*.bg-gris2{padding-bottom: 37%!important;}*/
    .volver > a > .flecha-desc {
        font-size: 20px;
    }

    .detalle-noticia h1 {
        font-size: 21px;
    }

    .detalle-noticia {
        float: right;
        width: calc(100% - 70px);
        margin-top: 0px;
    }

    .form-check > label {
        font-size: 23px;
    }

    .fsapp {
        border-left: solid 1px #D9D9D9;
        border-right: solid 1px #D9D9D9;
    }

        .fsapp img, .pfapp img {
            width: 60%;
            padding: 45px 0 24px;
        }

    .sede > img {
        width: 20px;
        height: auto;
    }

    .sede > h3 {
        font-size: 17px;
    }

    .sede > p {
        font-size: 13px;
    }

    .main2 {
        height: 100%;
    }

    .acceso-marcas > ul > li p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1180px) {
    .navbar-nav {
        font-size: 16px;
        margin-left: -15px;
    }

    .navbar-right {
        margin-right: -15px;
    }

    .nb-izq > li, .nb-der > li {
        margin: 0px;
    }

    .navbar > .container .navbar-brand {
        width: 165px;
        padding: 9px 15px;
    }

    .navbar-collapse {
        padding: 10px 0px 0px !important;
    }

    .nb-izq > li {
        margin: 0 10px 0 0;
    }

    .nb-der > li {
        margin: 0 0 0 10px;
    }

    .marcas {
        padding-top: 100px;
    }

    .cmarca {
        width: 225px;
        height: 225px;
    }

    .acceso-marcas {
        margin-top: 8px;
    }

    html, body {
        font-size: 14px;
    }

    .titulo {
        font-size: 25px;
    }

    .flecha-desc {
        margin: 5px 0px;
        color: #ffffff;
        font-weight: normal;
    }

    .contenedor-not {
        padding: 0 15px;
    }

    .resumen {
        padding: 17px 25px;
    }

    .pie .icon-foot {
        font-size: 32px;
    }

    .pie .linkfoot {
        font-size: 13px;
    }

    .drop-content li {
        font-size: 13px;
    }

    .drop:hover .drop-content {
        top: -110px;
    }

    .creditos p {
        font-size: 8px;
    }

    .resumen h3 {
        font-size: 17px;
    }

    .resumen p {
        font-size: 13px;
    }

    .pic-not {
        max-height: 190px;
    }

    .rs a.icon-icon-facebook, .rs a.icon-icon-youtube {
        font-size: 30px;
    }

    .flecha-desc {
        margin: 15px auto;
        font-size: 30px;
    }

    .bajada {
        font-size: 15px;
    }

    .contenido-gris {
        float: right;
        width: 73%;
        color: #ffffff;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 5% auto 0;
        display: table;
    }

    .bg-gris {
        background-color: #425664;
        padding-bottom: 32%;
        background-image: url(../img/bg-detalle.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .img-banner {
        position: absolute;
        width: 100%;
        height: auto;
        margin-left: -15px;
    }

        .img-banner > img {
            width: 100%;
            height: auto;
        }

    .mv {
        padding: 40px 0px 90px;
    }

    .mision, .vision {
        text-align: center;
        padding: 0 9%;
    }

    .vision {
        border-left: solid 1px #D9D9D9;
    }

        .mision h2, .vision h2 {
            width: 100%;
            font-family: 'uni_neuebold';
            font-size: 30px;
            color: #546B94;
            margin-bottom: 22px;
        }

        .mision p strong, .vision p strong {
            color: #546B94;
            font-family: 'uni_neuebold';
        }

    .bg-imginterna {
        padding: 0 15px;
    }

    .cont-interna {
        padding-top: 100px;
    }

    .carrusel-sr {
        background-color: #425664;
    }

    .radio-btn img {
        width: 50%;
    }

    .label-text3 {
        margin-top: 20px;
    }

    .form-tcn {
        width: 70%;
    }

    .modal-body {
        padding: 15px 40px;
    }

    .btn-visitaweb {
        font-size: 11px;
        bottom: 20px
    }

    .cmarca:hover .btn-visitaweb {
        opacity: 1;
        bottom: 28px;
    }

    .cont-video {
        display: block;
    }

    .marcas {
        padding-top: 100px;
    }

    .pantallazo {
        position: absolute;
    }

    .footer-home {
        position: absolute;
        width: 100%;
        bottom: 0px;
        left: 0px;
    }
}

@media only screen and (min-width: 1356px) {
    .navbar-nav ul li a {
        padding: 0px 0px 23px;
    }

    .telefono {
        margin-right: 15px;
        margin-bottom: 12px;
    }
}

@media only screen and (min-width: 1430px) {
}

@media only screen and (min-width: 1600px) {
    .telefono {
        margin-right: 15px;
        margin-bottom: 20px;
    }

    .bajada {
        font-size: 20px;
    }

    .navbar-nav {
        font-size: 20px;
    }

    .nb-izq > li {
        margin: 0 20px 0 0;
    }

    .nb-der > li {
        margin: 0 0 0 20px;
    }

    .navbar > .container .navbar-brand {
        width: 220px;
    }

    .navbar-collapse {
        padding: 22px 0px 0px !important;
    }

    .marcas {
        padding-top: 145px !important;
    }

    .cmarca {
        width: 300px;
        height: 300px;
    }

    .acceso-marcas {
        margin-top: 15px;
    }

    html, body {
        font-size: 17px;
    }

    .titulo {
        font-size: 31px;
    }

    .flecha-desc {
        margin: 10px auto 5px auto;
        font-size: 20px;
    }

    .contenedor-not {
        padding: 0 40px;
        margin-top: 30px;
    }

    .resumen {
        padding: 35px;
    }

    .pie .icon-foot {
        font-size: 40px;
    }

    .pie .linkfoot {
        font-size: 16px;
    }

    .drop-content li {
        font-size: 16px;
    }

    .drop:hover .drop-content {
        top: -122px;
    }

    .creditos p {
        font-size: 10px;
    }

    .resumen h3 {
        font-size: 20px;
    }

    .resumen p {
        font-size: 15px;
    }

    .pic-not {
        max-height: inherit;
    }

    .rs a.icon-icon-facebook, .rs a.icon-icon-youtube {
        font-size: 38px;
    }

    .cont-interna {
        padding-top: 133px;
    }

    .mision h2, .vision h2 {
        font-size: 35px;
    }

    .icon-mision, .icon-vision {
        font-size: 85px;
    }

    .contenido-gris {
        font-size: 36px;
    }

        .contenido-gris h2 {
            font-size: 30px;
        }

    .titulo2 {
        margin-bottom: 50px;
    }

    .cont-interna .contenedor-not {
        margin-bottom: 30px;
    }

    .detalle-noticia h1 {
        font-size: 31px;
    }

    .volver > a > .flecha-desc {
        font-size: 25px;
    }

    .form-check > label {
        font-size: 23px;
    }

    .fsapp {
        border-left: solid 1px #D9D9D9;
        border-right: solid 1px #D9D9D9;
    }

        .fsapp img, .pfapp img {
            width: 60%;
            padding: 56px 0 22px;
        }

    .sede > img {
        width: 26px;
        height: auto;
    }

    .sede > h3 {
        font-size: 20px;
    }

    .sede > p {
        font-size: 15px;
    }

    .form-tcn {
        width: 60%;
    }

    .modal-body p, .modal-body li {
        font-size: 15px;
    }

    .telefono a {
        font-size: 30px;
    }

    .acceso-marcas > ul > li p {
        font-size: 15px;
    }

    .btn-visitaweb {
        font-size: 14px;
        bottom: 35px
    }

    .cmarca:hover .btn-visitaweb {
        opacity: 1;
        bottom: 50px;
    }
}

@media only screen and (min-width: 1900px) {
    .navbar-nav {
        font-size: 20px;
    }

    .nb-izq > li {
        margin: 0 45px 0 0;
    }

    .nb-der > li {
        margin: 0 0 0 45px;
    }
}

@media (max-width: 768px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}

/****************************css fase II*****************************/

/***efecto menu***/
.navbar-default {
    border: 0px;
}

.navbar-nav ul li {
    display: inline-block;
    text-align: center;
    overflow: hidden;
}

    .navbar-nav ul li a {
        display: block;
        position: relative;
    }

        .navbar-nav ul li a:after {
            position: absolute;
            bottom: 0;
            left: -20px;
            width: 162%;
            height: 3px;
            background: #546B94;
            content: '';
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        .navbar-nav ul li a:hover:after, .navbar-nav ul li.active a:after {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        .navbar-nav ul li a:hover, .navbar-nav ul li a.active {
            color: #546B94;
        }
/***fin efecto menu***/
#myVideo, #myVideo2 {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}

#myVideo2 {
    z-index: 0 !important;
}

.fdp {
    text-align: center;
    padding: 3% 4%;
    border-right: solid 1px #eef2f5;
}

    .fdp figure {
    }

        .fdp figure img {
            width: 20%;
        }

    .fdp h2 {
        text-transform: uppercase;
        font-size: 24px;
        color: #546B94;
        font-family: 'uni_neuebold';
    }

    .fdp p {
        font-size: 17px;
    }

    .fdp:last-child {
        border: 0px;
    }

    .fdp:hover, .fdp.activo {
        background-color: #e4eaf0;
        cursor: default;
        -o-transition: all linear 0.15s;
        transition: all linear 0.15s;
        -webkit-transition: all linear 0.15s;
        -moz-transition: all linear 0.15s;
    }

.cont-text-fdp {
    text-align: center;
    margin-bottom: 40px;
}

    .cont-text-fdp p {
        width: 100%;
    }

.legal {
    font-size: 12px !important;
    font-style: italic;
}

.cont-text-fdp p {
    font-family: 'uni_neuebold';
    font-size: 20px;
    color: #536b93;
    text-transform: uppercase;
}

.col-logos-izq p, .col-logos-der p {
    font-size: 17px;
    color: inherit;
    text-transform: none;
}

.resp-logo img {
    width: 100%;
}

.resp-logo {
    margin: 10px 0px;
}

.franja-azul {
    background-color: #425664;
}

.afiliate {
    margin: 8% 0;
    display: table;
    width: 100%;
}

    .afiliate .btn-grupofe {
        padding: 10px 0px !important;
    }

        .afiliate .btn-grupofe:hover {
            padding: 10px 0px !important;
        }

.logo-banco {
    background-color: #ffffff;
}

.tutoriales .carousel-inner img {
    width: 100% !important;
}

.logo-banco {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #ffffff;
    height: 100%;
}

.form-tcn {
    position: relative;
    display: table;
}

.cont-tutorial {
    padding: 0;
}

.logo-banco > img, .logo-banco > a > img {
    position: absolute;
    display: table;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 260px;
    max-width: 69%;
}

.cont-tv {
    margin-bottom: 60px;
}

.tv {
    text-align: center;
    margin: 15px 0px;
}

/****************************FIN css fase II*****************************/


/****************************css fase II*****************************/

@media only screen and (min-width: 320px) {
    .col-logos-izq {
        border-right: 0px;
    }

    .logo-banco {
        display: none;
    }

    .resp-logo img {
        width: 100%;
    }

    .ocultar-fdp {
        display: none;
    }

    .select-fdp-movil {
        display: block;
    }

    .select-fdp-movil {
        top: 95px;
        position: fixed;
        width: 100%;
        z-index: 1;
    }

        .select-fdp-movil > form {
            margin: 0px;
        }

            .select-fdp-movil > form > .bmd-form-group {
                padding: 0px;
            }

    .open > ul.dropdown-menu.ddmfdp, .dropdown-menu.ddmfdp {
        left: 0px !important;
        border-radius: 0 !important;
        top: 53px !important;
    }

        .dropdown-menu.ddmfdp > li > a {
            padding: 13px 22px;
            text-align: center;
            font-size: 17px;
            text-transform: uppercase;
        }

    .cont-interna-fdp {
        padding-top: 148px;
    }

    .fdp {
        border-right: 0px;
        border-bottom: solid 1px #eef2f5;
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default:active:focus, .btn-default:active:hover {
        background-color: #e4eaf0 !important;
    }
}

@media only screen and (min-width: 375px) {
}

@media only screen and (min-width: 420px) {
}

@media only screen and (min-width: 768px) {
    .resp-logo img {
        width: initial;
    }
}

@media only screen and (min-width: 1023px) {
    .fdp {
        height: calc(52vh);
    }

        .fdp p {
            font-size: 15px;
        }

    .btn-pdp {
        font-size: 12px;
        padding: 10px 0;
    }

    a:hover.btn-pdp {
        padding: 10px 0px;
    }

    .fdp h2 {
        font-size: 18px;
    }

    .col-logos-izq {
        border-right: solid 1px #cccccc;
    }

    .logo-banco {
        display: block;
    }

    .ocultar-fdp {
        display: block;
    }

    .select-fdp-movil {
        display: none;
    }

    .fdp {
        border-right: solid 1px #eef2f5;
        border-bottom: 0px;
    }
}

@media only screen and (min-width: 1180px) {
    .resp-logo img {
        width: 100%;
    }

    .cont-interna-fdp {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 1356px) {
    .fdp {
        height: calc(53vh);
    }
}

@media only screen and (min-width: 1430px) {
}

@media only screen and (min-width: 1600px) {
    .fdp {
        height: calc(50vh);
    }

        .fdp p {
            font-size: 17px;
        }

    .btn-pdp {
        font-size: 18px;
    }

    a:hover.btn-pdp {
        padding: 10px 0px;
    }

    .fdp h2 {
        font-size: 24px;
    }

    .cont-text-fdp {
        padding: 0 7%;
    }

    .cont-interna-fdp {
        padding-top: 133px;
    }
}

@media only screen and (min-width: 1900px) {
    .fdp {
        height: calc(39vh);
    }
}

@media (max-width: 768px) {
    .pregun {
        display: flex !important;
    }
}
/****************************FIN css fase II*****************************/

/****NUEVO**/
.pregun {
    display: flex;
}
/**********NavBar Breakpoint***********/
@media (max-width: 1260px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
    }

        .navbar-nav > li {
            float: none;
        }

    .collapse.in {
        display: block !important;
    }
    /**********Fin NavBar Breakpoint***********/
    .navbar-nav ul {
        display: inherit;
    }

        .navbar-nav ul li {
            padding: 0 15px;
            width: 100%;
        }

            .navbar-nav ul li a {
                padding: 10px 0;
                width: 100%;
            }

    .navbar > .container .navbar-brand {
        width: 125px;
        position: relative;
        float: left;
        height: auto;
        padding: 10px 0;
    }

    .cont-rst {
        float: right;
        text-align: right;
        clear: both;
        margin-top: -43px;
    }

    .rs2, .telf2 {
        display: block !important;
    }

    .rs, .telefono {
        display: none;
    }
}

@media only screen and (min-width: 320px) {
    .navbar-nav ul {
        display: inherit;
    }

    .marcas {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 1023px) {
    .main2 {
        height: auto;
    }

        .main2 > .pantallazo.cont-interna {
            position: relative;
        }

    .marcas {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 1180px) {
    .contenido-gris {
        display: inherit;
    }
}

@media (min-width:320px)and(max-width:767px) {
    .radio-btn img {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .radio-btn:first-child img {
        width: 55% !important;
    }

    .bg-gris.tbl, .bg-imginterna.tbl {
        height: 21em !important;
    }

    .img-banner > img, .img-banner > a > img {
        height: 100%;
        object-fit: cover;
    }

    .img-banner {
        height: 100%;
    }

    .contenedor-not {
        float: right !important;
    }

    .pic-destacado > img {
        height: 24em;
        object-fit: contain;
    }

    footer > .container {
        width: 92% !important
    }
}

@media (min-width:576px) and (max-width:1199px) {
    .pie .linkfoot {
        font-size: 11px !important;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .pie .icon-foot.icon-icon-fdp {
        padding-right: 1em;
    }
}

.modal-body .button.close {
    right: 0 !import;
}

.modal-body .close {
    color: #546B95;
    opacity: 1;
}

/********** Libro de Reclamaciones Breakpoint ***********/
.libro-reclamaciones .banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .libro-reclamaciones .banner .caption {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 9.5%;
        background-color: #425563;
    }

        .libro-reclamaciones .banner .caption h2 {
            color: #fff;
            font-size: 2.5em;
            margin-bottom: .75em;
        }

        .libro-reclamaciones .banner .caption p {
            color: #fff;
            font-size: 1.5em;
            line-height: 1;
        }

    .libro-reclamaciones .banner .image {
        width: 50%;
    }

        .libro-reclamaciones .banner .image img {
            display: block;
            width: 100%;
        }

.libro-reclamaciones .wrap-logos {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 4em 0;
}

    .libro-reclamaciones .wrap-logos .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 1.5em;
    }

        .libro-reclamaciones .wrap-logos .logo:not(:last-child) {
            border-right: 1px solid #c1c4d0;
        }

        .libro-reclamaciones .wrap-logos .logo a {
            width: 100%;
        }

        .libro-reclamaciones .wrap-logos .logo img {
            display: block;
            margin: 0 auto;
            width: 65%;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            opacity: .6;
            -webkit-transform: scale(.85);
            -ms-transform: scale(.85);
            transform: scale(.85);
            -webkit-transition: .5s all;
            -o-transition: .5s all;
            transition: .5s all;
        }

.campos-obligatorios {
    color: #5d5d5d;
    font-size: 12px;
    margin-left: 24px;
    text-align: left;
}

.section-gracias {
    padding: 17em 0;
}

/* Start Estilos Validación */
.ldr label.error {
    display: none !important;
}

.ldr .form-group input.error,
.ldr .form-group textarea.error {
    background-image: none;
    border-bottom: 2px solid #d50000;
}

.ldr .form-check .error ~ span,
.ldr .form-check .error ~ span a {
    color: red !important;
    font-weight: bold;
}

.ldr .form-check .valid ~ span,
.ldr .form-check .valid:not(:checked) ~ span,
.ldr .form-check .valid ~ span a {
    color: #666 !important;
    font-weight: normal;
}
/* End Estilos Validación */

@media only screen and (min-width: 768px) {
    .libro-reclamaciones .wrap-logos .logo:hover img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@media only screen and (max-width: 768px) {

    .libro-reclamaciones .banner .caption,
    .libro-reclamaciones .banner .image {
        width: 100%;
    }

    .libro-reclamaciones .banner .caption {
        padding: .5em 1em 1em;
    }

        .libro-reclamaciones .banner .caption h2 {
            font-size: 2em;
            margin-bottom: .5em;
        }

        .libro-reclamaciones .banner .caption p {
            font-size: 1em;
        }

    .libro-reclamaciones .wrap-logos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2em 0;
    }

        .libro-reclamaciones .wrap-logos .logo:not(:last-child) {
            border-right: 0;
        }

    .section-gracias {
        padding: 1em 0 3em;
    }
}
/********** Fin Libro de Reclamaciones Breakpoint ***********/
.close_popup {
    background: #707070;
    padding: 2px 9px;
    font-size: 20px;
    font-family: 'RobotoBold';
    position: absolute;
    cursor: pointer;
    top: -18px;
    color: white;
    border-radius: 44px;
    right: -18px;
}

.img_popup {
    height: 600px;
}

.overlay {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1045;
    overflow: hidden;
}

.popup_home {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7,1,0.7,1);
    border: 5px solid white;
}

@media screen and (max-width:700px) {
    .img_popup {
        width: 100%;
        height: auto !important
    }

    .popup_home {
        width: 90%;
    }

    #cookieWarnBox .text {
        margin: 1.5%;
    }

    #cookieWarnBox .col-md-9 {
        height: 180px;
        overflow: hidden
    }

    #cookieWarnBox .btn {
        margin: 3px 0;
        padding: 4px 5px !important;
    }

    #cookieWarnBox .txt_info {
        font-size: 12px;
    }
}

#cookieWarnBox * {
    opacity: 1;
}

#cookieWarnBox {
    width: 100%;
    height: 100%;
    background: rgba(59,59,59,0.63);
    padding: 0;
    margin: 0;
}

    #cookieWarnBox .text {
        position: absolute;
        bottom: 0;
        margin: 30px;
        background: white;
        padding: 1% 0.7%;
        border-radius: 5px;
        text-align: left;
        /*width: 97%;*/
    }

    #cookieWarnBox.loaded {
        opacity: 1;
    }