/* Minification failed. Returning unminified contents.
(76,1): run-time error CSS1019: Unexpected token, found '3'
(2764,30): run-time error CSS1031: Expected selector, found '0'
(2764,30): run-time error CSS1025: Expected comma or open brace, found '0'
(5191,38): run-time error CSS1046: Expect comma, found '16'
(5191,43): run-time error CSS1046: Expect comma, found ')'
(10524,33): run-time error CSS1046: Expect comma, found '204'
(10524,41): run-time error CSS1046: Expect comma, found '/'
(10708,45): run-time error CSS1046: Expect comma, found '180'
(10708,53): run-time error CSS1046: Expect comma, found '/'
(11298,49): run-time error CSS1046: Expect comma, found '0'
(11298,53): run-time error CSS1046: Expect comma, found '/'
(11683,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11693,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11715,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11743,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11765,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11864,35): run-time error CSS1046: Expect comma, found '204'
(11864,43): run-time error CSS1046: Expect comma, found '/'
(13478,39): run-time error CSS1046: Expect comma, found '204'
(13478,47): run-time error CSS1046: Expect comma, found '/'
 */
.calendarioPorDias {
    vertical-align: middle;
}

#calendarioMovil2 {
    display: none;
}

#calendarioMovil1 {
    display: inline;
}

/**********estilos para sello Ekomi*********/
#ekomi-landingBis {
    margin: 15px auto;
    max-width: 15%;
}

    #ekomi-landingBis > div {
        float: left;
    }

#ekomi-landing > div {
    float: left;
}

#ekomi-landing.multiProducto {
    margin-left: 45%;
    margin-top: 30px;
}

#ekomi-landing.oscuro > span, .multiProducto #ContentPlaceHolder1_notaEkomi, .multiProducto #sobre {
    color: #000;
}

#ekomi-landing.claro > span, .claro #ContentPlaceHolder1_notaEkomi, .claro #sobre {
    color: #fff;
}

#ekomi-parrilla > div {
    float: left;
}

#ekomi-parrilla > img {
    margin: 5%;
}

#ekomi-home {
    margin: 0 auto;
    max-width: 50%;
}

    #ekomi-home #divEstrellas, #ekomi-landingBis #divEstrellas, #ekomi-landing #divEstrellas, #ekomi-parrilla #divEstrellas {
        position: relative;
        display: inline-block;
        width: 193px;
        background-image: url('/assets/images/icons/png/vacias.png');
        vertical-align: text-bottom;
        min-height: 40px;
        min-width: 100px;
        background-repeat: no-repeat;
    }

    #ekomi-home #divEstrellas {
        margin-top: 30px;
    }

#ekomi-landingBis #divEstrellas {
    margin-top: 15px;
}

#ekomi-landing #divEstrellas {
    margin-top: 1px;
}

3#ekomi-parrilla #divEstrellas {
    margin-top: 5%;
    margin-left: 2%;
}

#divEstrellas #estrellas {
    /*CAMBIAR PARA ESTRELLAS-NOTA EKOMI*/
    width: 94% !important;
    /*para modificar la nota y nº de votos: en terranea.aspx.cs constantes*/
    /*************************/
    position: absolute;
    width: 100%;
    background-image: url('/assets/images/icons/png/completas.png');
    background-repeat: no-repeat;
    min-height: 40px;
}

#ekomi-landingBis {
    max-width: 25%;
}

#ekomi-home > div {
    float: left;
    margin-top: 20px;
}

#ekomi-home > img {
    margin: 7%;
    float: left;
    margin-right: 2%;
}

#ekomi-landingBis #ContentPlaceHolder1_notaEkomi {
    margin-left: 2%;
    margin-top: 20px;
}


#ekomi-landingBis #maxNotaEkomi {
    margin-top: 20px;
}

#ekomi-parrilla #ContentPlaceHolder1_notaEkomi, #ekomi-parrilla #maxNotaEkomi {
    margin-top: 7%;
    margin-left: 2%;
}

#ContentPlaceHolder1_notaEkomi, #maxNotaEkomi {
    font-family: "Kanit", Arial, sans-serif;
    font-size: 20px;
    margin-top: 10%;
    display: inline-block;
    float: left;
    /*font-weight:bold;*/
}

#ekomi-landing #ContentPlaceHolder1_notaEkomi {
    margin-top: 4%;
    margin-left: -16%;
}

#divRating {
    margin-top: 45px;
}

#ekomi-landing #divRating #ContentPlaceHolder1_notaEkomi {
    margin-left: 17%;
    margin-top: -3px;
    display: block;
}

#ekomi-landing #divRating #sobre {
    margin-left: 2%;
}

#ekomi-landing #maxNotaEkomi {
    margin-top: 4%;
    margin-left: -13%;
}
/* #ContentPlaceHolder1_notaEkomi:before {*/
/*CAMBIAR PARA NOTA EKOMI*/
/*content: "9";*/
/*************************/
/*}*/




@media only screen and (min-width:768px) {
    #preciosSPD {
        display: flex;
        flex-direction: row;
        margin-left: 25px;
        margin-right: 25px;
    }
}

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



    #ekomi-landingBis {
        max-width: 30%;
    }

    /*#ekomi-landingBis #eKomiSeal_default {
            margin-left: 35%;
        }

        #ekomi-landingBis #ContentPlaceHolder1_notaEkomi, #ekomi-landingBis #maxNotaEkomi {
            margin-left: 2%;
            margin-top: 3%;
        }*/
}

@media only screen and (max-width:1288px) {
    #ekomi-landingBis {
        max-width: 35%;
    }
}

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

    #ekomi-home > div {
        margin-left: 0% !important;
    }

    #ekomi-home {
        margin: 0 !important;
        max-width: none !important;
    }

        #ekomi-home > img {
            margin: 1% !important;
            max-width: 25% !important;
        }

    #eKomiSeal_default img {
        /* margin-top: -15%;*/
        margin: -15% 1% 1% 10%;
    }

    #ContentPlaceHolder1_notaEkomi, #maxNotaEkomi {
        display: block;
        margin-top: 5%;
    }

    #ekomi-landingBis {
        max-width: 35%;
    }
}

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

    #preciosSPD {
        display: none;
    }

    .celdaSPD {
        flex-direction: column !important;
        width: 100% !important;
    }

    .rowSPD {
        flex-direction: column !important;
    }

    #ekomi-parrilla > img {
        max-width: 65% !important;
    }
}

@media only screen and (max-width:927px) {
    #ekomi-landingBis {
        max-width: 40%;
    }

        #ekomi-landingBis > img {
            margin-left: 5px;
        }
}

@media only screen and (max-width:908px) {
    #ekomi-home {
        max-width: 72% !important;
    }

        /*#ekomi-home > div 
    {
        margin-top: 0px !important;
    }*/

        #ekomi-home > img {
            margin: 4% !important;
            max-width: 100% !important;
        }

    #ContentPlaceHolder1_notaEkomi, #maxNotaEkomi {
        margin-top: 11%;
    }

    #ekomi-home #divEstrellas {
        margin-top: 10%;
    }

    #eKomiSeal_default img {
        margin-top: 15%;
    }

    #ekomi-parrilla #ContentPlaceHolder1_notaEkomi, #ekomi-parrilla #maxNotaEkomi {
        display: none;
    }

    #ekomi-landingBis {
        max-width: 42%;
    }
}

@media only screen and (max-width:789px) {
    #ekomi-landingBis > img {
        max-width: 50%;
        margin: 7%;
    }
}

@media only screen and (max-width:767px) {
    #calendarioMovil2 {
        display: inline;
    }

    #calendarioMovil1 {
        display: none;
    }

    .itemMenuFAQ {
        float: none !important;
        width: inherit !important;
    }

    #ekomi-landing {
        margin: 0 auto;
        max-width: 65%;
    }

        #ekomi-landing > div {
            float: none !important;
        }

        #ekomi-landing > img {
            float: right !important;
        }

        #ekomi-landing #ContentPlaceHolder1_notaEkomi {
            display: none;
        }

        #ekomi-landing #maxNotaEkomi {
            display: none;
        }

        #ekomi-landing #eKomiSeal_default img {
            margin-left: 42%;
        }

        #ekomi-landing #divEstrellas {
            margin-left: 30%;
        }

    .whiteBg {
        background: white !important;
    }

    .enCaja {
        width: auto !important;
        font-size: 16px !important;
        margin: 0 auto !important;
    }

    .drcha {
        float: none !important;
        margin: 0px auto !important;
        text-align: center !important;
    }

    .izda {
        float: none !important;
        margin: 0px auto !important;
    }
    /*ADOPTA UN PERRO 1*/
    .terranito {
        margin: 0 auto;
        position: relative !important;
        bottom: 0px !important;
        right: 0px !important;
        width: 50% !important;
    }

    .col-00 p {
        padding: 0px 0px 25px 0px !important;
        text-align: center;
        margin: 0 auto;
    }

    .col-00 {
        padding-bottom: 10px !important;
        width: 100% !important;
    }
    /*************************/
    #ekomi-landingBis #divEstrellas {
        display: none;
    }

    #ekomi-landingBis #eKomiSeal_default {
        margin-left: 40%;
    }

    #ekomi-landingBis #ContentPlaceHolder1_notaEkomi {
        margin-left: -21%;
        margin-top: 35%;
    }

    #ekomi-landingBis #maxNotaEkomi {
        margin-left: -17%;
        margin-top: 35%;
    }
}

@media only screen and (max-width:647px) {
    #ekomi-landingBis > img {
        display: none;
    }

    #ekomi-landing #eKomiSeal_default img {
        margin-left: 40%;
    }

    #ekomi-landing #divEstrellas {
        margin-left: 25%;
    }
}

@media only screen and (max-width:596px) {
    #ekomi-home {
        max-width: 89% !important;
    }

    #ekomi-landingBis #ContentPlaceHolder1_notaEkomi {
        margin-left: -30%;
        margin-top: 50%;
    }

    #ekomi-landingBis #maxNotaEkomi {
        margin-left: -25%;
        margin-top: 50%;
    }
}

@media only screen and (max-width:440px) {
    #ekomi-home #divEstrellas {
        display: none;
    }

    #ContentPlaceHolder1_notaEkomi, #maxNotaEkomi {
        margin-top: 15%;
        font-size: 25px;
    }

    #ekomi-landing #divRating #ContentPlaceHolder1_notaEkomi {
        font-size: 20px;
    }

    #ContentPlaceHolder1_notaEkomi {
        margin-left: 5%;
    }

    #ekomi-landing #divEstrellas {
        margin-left: 15%;
    }

    #ekomi-landingBis #ContentPlaceHolder1_notaEkomi, #ekomi-landingBis #maxNotaEkomi {
        display: none;
    }
}

@media only screen and (max-width:420px) {
    #ekomi-landing {
        margin: 0 auto;
        max-width: 25%;
    }

        #ekomi-landing > img {
            display: none;
        }

        #ekomi-landing #eKomiSeal_default img {
            margin-left: 20%;
        }

        #ekomi-landing #divEstrellas {
            margin-left: -50%;
        }
}

@media only screen and (max-width: 330px) {
    #ekomi-parrilla > img {
        display: none !important;
    }

    #ekomi-landing #eKomiSeal_default img {
        margin-left: 0px;
    }

    #ekomi-landing #divEstrellas {
        margin-left: -80%;
    }

    #ekomi-parrilla #divEstrellas {
        display: none;
    }
}

/**********fin estilos para sello Ekomi*********/
.wrapper > p {
    color: #333333;
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    margin-left: 7%;
    margin-top: 19px;
    width: 40%;
}

    .wrapper > p strong {
        color: #d23933;
        font-weight: normal;
    }

.itemPrecio {
    padding: 5px;
    text-align: center;
    background-color: white;
    display: block;
    max-width: 233px;
    position: relative;
    border: 1px solid #dddddd;
    box-shadow: 0 3px 0 rgba(204,204,204,0.6);
    margin-bottom: 3px;
    overflow: hidden;
}

.pointer {
    cursor: pointer;
}

#negritaTipo {
    font-weight: 700;
}

.pregunta {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

.espacioTitle {
    padding: 1em 0 0 0;
}

.tituloItemPrecio {
    color: #333333;
    font-size: 14px;
}

.itemMenuFAQ {
    float: left;
    width: 33.33%;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    /*text-decoration:underline;*/
    min-height: 65px;
    margin: 0;
    border-top-left-radius: 15px;
    background: #FAFAFA;
    color: grey;
}

#menuFAQSelected {
    /*color:#CA3E2F;*/
    color: black;
    font-weight: 700;
    background: #F3F3F3;
}

.informacionPorDias {
    background: white;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 4px 0 #eaeaea;
    moz-border-radius: 3px;
    ms-border-radius: 3px;
    o-border-radius: 3px;
    padding: 3px 11px 8px 10px;
    position: relative;
    -webkit-border-radius: 3px;
    vertical-align: super;
    margin-left: 10px;
    cursor: pointer;
}

.iconoInfo {
    background-image: url("../images/icons/svg/info.svg");
    height: 16px;
    width: 8px;
}

.elemento-acordeon {
    overflow: hidden;
    padding: 15px 15px 0 0px;
}

#noimg .noimg {
    background: none;
}

.elemento-acordeon .titulo {
    font-size: 14px;
    margin: 0.5em 0;
    padding: 0 25px;
    text-align: left;
    /*background: url("../images/icons/png/accordion-arrow-closed.png") no-repeat right center;*/
    color: #212121;
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin-top: 0;
}

.elemento-acordeon .contenido {
    display: block;
}

.inputText {
    background: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
    box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    color: #333;
    font-size: 14px;
    moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    outline: 0;
    padding: 12px 4px;
    -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    width: 20%;
}

.precio {
    color: #E43D38;
    font-size: 18px;
}


.lupa {
    background: #fff url("../images/icons/png/lupa_ico.png") no-repeat scroll 95% 13px;
}

.ico-rightArrow {
    background-image: url("../images/icons/svg/arrow-grey-right.svg");
}

.no-svg .ico-rightArrow {
    background-image: url("../images/icons/png/arrow-grey-right.png");
}

.ico-rightArrow {
    background-repeat: no-repeat;
}

.ico-menu.mod-table-info .price {
    background-image: url("../images/icons/svg/menu.svg");
}

.no-svg .ico-menu {
    background-image: url("../images/icons/png/menu.png");
}

.ico-menu {
    background-repeat: no-repeat;
}

.ico-private-button {
    background-image: url("../images/icons/svg/lock-button.svg");
}

.no-svg .ico-private-button {
    background-image: url("../images/icons/png/lock-button.png");
}

.ico-private-button {
    background-repeat: no-repeat;
}

.ico-private-link {
    background-image: url("../images/icons/svg/lock-footer.svg");
}

.no-svg .ico-private-link {
    background-image: url("../images/icons/png/lock-footer.png");
}

.ico-private-link {
    background-repeat: no-repeat;
}

.ico-twitter {
    background-image: url("../images/icons/svg/twitter.svg");
}

.no-svg .ico-twitter {
    background-image: url("../images/icons/png/twitter.png");
}

.ico-twitter {
    background-repeat: no-repeat;
}

.ico-gplus {
    background-image: url("../images/icons/svg/gplus.svg");
}

.no-svg .ico-gplus {
    background-image: url("../images/icons/png/gplus.png");
}

.ico-gplus {
    background-repeat: no-repeat;
}

.ico-facebook {
    background-image: url("../images/icons/svg/facebook.svg");
}

.no-svg .ico-facebook {
    background-image: url("../images/icons/png/facebook.png");
}

.ico-facebook {
    background-repeat: no-repeat;
}

.ico-linkedin {
    background-image: url("../images/icons/svg/linkedin.svg");
}

.no-svg .ico-linkedin {
    background-image: url("../images/icons/png/linkedin.png");
}

.ico-linkedin {
    background-repeat: no-repeat;
}

.ico-car {
    background-image: url("../images/icons/svg/mm-car.svg");
}

.no-svg .ico-car {
    background-image: url("../images/icons/png/mm-car.png");
}

.ico-car {
    background-repeat: no-repeat;
}

.ico-heart {
    background-image: url("../images/icons/svg/mm-heart.svg");
}

.no-svg .ico-heart {
    background-image: url("../images/icons/png/mm-heart.png");
}

.ico-heart {
    background-repeat: no-repeat;
}

.ico-house {
    background-image: url("../images/icons/svg/mm-house.svg");
}

.no-svg .ico-house {
    background-image: url("../images/icons/png/mm-house.png");
}

.ico-house {
    background-repeat: no-repeat;
}

.ico-boat {
    background-image: url("../images/icons/svg/mm-boat.svg");
}

.no-svg .ico-boat {
    background-image: url("../images/icons/png/mm-boat.png");
}

.ico-boat {
    background-repeat: no-repeat;
}

.ico-dog {
    background-image: url("../images/icons/svg/mm-dog.svg");
}

.no-svg .ico-dog {
    background-image: url("../images/icons/png/mm-dog.png");
}

.ico-dog {
    background-repeat: no-repeat;
}

.ico-arrow-steps-right {
    background-image: url("../images/icons/svg/arrow-steps-right.svg");
}

.no-svg .ico-arrow-steps-right {
    background-image: url("../images/icons/png/arrow-steps-right.png");
}

.ico-arrow-steps-right {
    background-repeat: no-repeat;
}

.ico-arrow-steps-left {
    background-image: url("../images/icons/svg/arrow-steps-left.svg");
}

.no-svg .ico-arrow-steps-left {
    background-image: url("../images/icons/png/arrow-steps-left.png");
}

.ico-arrow-steps-left {
    background-repeat: no-repeat;
}

.ico-question-tip {
    background-image: url("../images/icons/svg/question-tip.svg");
}

.no-svg .ico-question-tip {
    background-image: url("../images/icons/png/question-tip.png");
}

.ico-question-tip {
    background-repeat: no-repeat;
}

.ico-search-tip {
    background-image: url("../images/icons/svg/question-tip.svg");
}

.no-svg .ico-search-tip {
    background-image: url("../images/icons/png/search-tip.png");
}

.ico-search-tip {
    background-repeat: no-repeat;
}

.ico-calendar {
    background-image: url("../images/icons/svg/calendar.svg");
}

.no-svg .ico-calendar {
    background-image: url("../images/icons/png/calendar.png");
}

.ico-calendar {
    background-repeat: no-repeat;
}

.ico-check {
    background-image: url("../images/icons/svg/check.svg");
}

.no-svg .ico-check {
    background-image: url("../images/icons/png/check.png");
}

.ico-check {
    background-repeat: no-repeat;
}

.ico-down {
    background-image: url("../images/icons/svg/down.svg");
    float: left;
}

.no-svg .ico-down {
    background-image: url("../images/icons/png/down.png");
}

.ico-down {
    background-repeat: no-repeat;
}

.ico-down-red {
    background-image: url("../images/icons/svg/down-red.svg");
}

.no-svg .ico-down-red {
    background-image: url("../images/icons/png/down-red.png");
}

.ico-down-red {
    background-repeat: no-repeat;
}

.ico-down-red-small {
    background-image: url("../images/icons/svg/down-red-small.svg");
}

.no-svg .ico-down-red-small {
    background-image: url("../images/icons/png/down-red-small.png");
}

.ico-down-red-small {
    background-repeat: no-repeat;
}

.ico-up-red-small {
    background-image: url("../images/icons/svg/up-red-small.svg");
}

.no-svg .ico-up-red-small {
    background-image: url("../images/icons/png/up-red-small.png");
}

.ico-up-red-small {
    background-repeat: no-repeat;
}

.ico-check-positive {
    background-image: url("../images/icons/svg/check-positive.svg");
}

.no-svg .ico-check-positive {
    background-image: url("../images/icons/png/check-positive.png");
}

.ico-check-positive {
    background-repeat: no-repeat;
}

.ico-check-negative {
    background-image: url("../images/icons/svg/check-negative.svg");
}

.no-svg .ico-check-negative {
    background-image: url("../images/icons/png/check-negative.png");
}

.ico-check-negative {
    background-repeat: no-repeat;
}

.ico-info {
    background-image: url("../images/icons/svg/info.svg");
}

.no-svg .ico-info {
    background-image: url("../images/icons/png/info.png");
}

.ico-info {
    background-repeat: no-repeat;
}

.ico-asistencia {
    background-image: url("../images/icons/svg/asistencia.svg");
}

.no-svg .ico-asistencia {
    background-image: url("../images/icons/png/asistencia.png");
}

.ico-asistencia, .ico-accidentes {
    background-repeat: no-repeat;
}

.ico-accidentes {
    background-image: url("../images/icons/svg/accidentes.svg");
}

.no-svg .ico-accidentes {
    background-image: url("../images/icons/png/accidentes.png");
}

.ico-camping {
    background-image: url("../images/icons/png/camping.png");
}

.ico-multa {
    background-image: url("../images/icons/svg/multa.svg");
}

.no-svg .ico-multa {
    background-image: url("../images/icons/png/multa.png");
}

.ico-multa {
    background-repeat: no-repeat;
}

.ico-baremada {
    background-image: url("../images/icons/svg/asistencia-veterinaria-baremada.svg");
    background-repeat: no-repeat;
}

.no-svg .ico-baremada {
    background-image: url("../images/icons/png/asistencia-veterinaria-baremada.png");
}

.ico-coche {
    background-image: url("../images/icons/svg/coche.svg");
}

.no-svg .ico-coche {
    background-image: url("../images/icons/png/coche.png");
}

.ico-coche {
    background-repeat: no-repeat;
}

.ico-question-mark {
    background-image: url("../images/icons/svg/question-mark.svg");
}

.no-svg .ico-question-mark {
    background-image: url("../images/icons/png/question-mark.png");
}

.ico-question-mark {
    background-repeat: no-repeat;
}

.ico-btn-open {
    background-image: url("../images/icons/svg/btn-open.svg");
}

.no-svg .ico-btn-open {
    background-image: url("../images/icons/png/btn-open.png");
}

.ico-btn-open {
    background-repeat: no-repeat;
}

.ico-btn-close {
    background-image: url("../images/icons/svg/btn-close.svg");
}

.no-svg .ico-btn-close {
    background-image: url("../images/icons/png/btn-close.png");
}

.ico-btn-close {
    background-repeat: no-repeat;
}

article, aside, details, figcaption, figure, figureRaza, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

html {
    font-family: sans-serif;
    ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    background: transparent;
}

    a:focus {
        outline: thin dotted;
    }

    a:active, a:hover {
        outline: 0;
    }

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    box-sizing: content-box;
    height: 0;
    moz-box-sizing: content-box;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure, figureRaza {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    box-sizing: content-box;
    moz-box-sizing: content-box;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        display: block;
        width: 100%;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    clear: both;
    content: "\0020";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

.flexslider {
    background: #fff;
    border: 4px solid #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    margin: 0 0 60px;
    moz-border-radius: 4px;
    moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    o-border-radius: 4px;
    o-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    position: relative;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    moz-transition: all 1s ease;
    o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    height: 0;
}

    .flex-direction-nav a {
        color: rgba(0,0,0,0.8);
        cursor: pointer;
        display: block;
        height: 40px;
        margin: -20px 0 0;
        moz-transition: all .3s ease;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        text-decoration: none;
        text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
        top: 50%;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        width: 40px;
        z-index: 10;
    }

    .flex-direction-nav .flex-prev {
        left: -50px;
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
    }

.flexslider:hover .flex-prev {
    left: 10px;
    opacity: 0.7;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    cursor: default;
    filter: alpha(opacity=0);
    opacity: 0 !important;
}

.flex-direction-nav a:before {
    content: '\f001';
    display: inline-block;
    font-family: "flexslider-icon";
    font-size: 40px;
}

.flex-direction-nav a.flex-next:before {
    content: '\f002';
}

.flex-pauseplay a {
    bottom: 5px;
    color: #000;
    cursor: pointer;
    display: block;
    height: 20px;
    left: 10px;
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    width: 20px;
    z-index: 10;
}

    .flex-pauseplay a:before {
        content: '\f004';
        display: inline-block;
        font-family: "flexslider-icon";
        font-size: 20px;
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003';
    }

.flex-control-nav {
    bottom: -40px;
    position: absolute;
    text-align: center;
    width: 100%;
}

    .flex-control-nav li {
        display: inline;
        display: inline-block;
        margin: 0 6px;
        zoom: 1;
    }

.flex-control-paging li a {
    background: #666;
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    cursor: pointer;
    display: block;
    height: 11px;
    moz-border-radius: 20px;
    moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    o-border-radius: 20px;
    o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    width: 11px;
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',  M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    overflow: hidden;
    position: static;
}

    .flex-control-thumbs li {
        float: left;
        margin: 0;
        width: 25%;
    }

    .flex-control-thumbs img {
        cursor: pointer;
        display: block;
        opacity: .7;
        width: 100%;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        cursor: default;
        opacity: 1;
    }

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        left: 10px;
        opacity: 1;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    border: 0;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: top;
}

.fancybox-wrap {
    left: 0;
    position: absolute;
    top: 5% !important;
    z-index: 8020;
}

.fancybox-skin {
    background: #f9f9f9;
    border-radius: 4px;
    color: #444;
    moz-border-radius: 4px;
    position: relative;
    text-shadow: none;
    -webkit-border-radius: 4px;
    z-index: 100000;
}

.fancybox-opened {
    z-index: 18030;
}

    .fancybox-opened .fancybox-skin {
        box-shadow: 0 10px 25px rgba(0,0,0,0.5);
        moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    }

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    height: 100%;
    width: 100%;
}

.fancybox-image {
    max-height: 100%;
    max-width: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    /*background-image: url("fancybox_sprite.png");*/
}

#fancybox-loading {
    background-position: 0 -108px;
    cursor: pointer;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0.8;
    position: fixed;
    top: 50%;
    z-index: 8060;
}

    #fancybox-loading div {
        /*background: url("fancybox_loading.gif") center center no-repeat;*/
        height: 44px;
        width: 44px;
    }

.fancybox-close {
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index: 8040;
}

.fancybox-nav {
    background: transparent url("blank.gif");
    cursor: pointer;
    height: 100%;
    position: absolute;
    text-decoration: none;
    top: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 40%;
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    cursor: pointer;
    height: 34px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 36px;
    z-index: 8040;
}

.fancybox-prev span {
    background-position: 0 -36px;
    left: 10px;
}

.fancybox-next span {
    background-position: 0 -72px;
    right: 10px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    left: -99999px;
    max-height: 99999px;
    max-width: 99999px;
    overflow: visible !important;
    position: absolute;
    top: -99999px;
    visibility: hidden;
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

    .fancybox-lock body {
        overflow: hidden !important;
    }

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    background: url("fancybox_overlay.png");
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10;
}

.fancybox-overlay-fixed {
    bottom: 0;
    position: fixed;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title {
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    visibility: hidden;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    bottom: 0;
    margin-bottom: -35px;
    position: absolute;
    right: 50%;
    text-align: center;
    z-index: 8050;
}

    .fancybox-title-float-wrap .child {
        background: rgba(0,0,0,0.8);
        background: transparent;
        border-radius: 15px;
        color: #FFF;
        display: inline-block;
        font-weight: bold;
        line-height: 24px;
        margin-right: -100%;
        moz-border-radius: 15px;
        padding: 2px 20px;
        text-shadow: 0 1px 2px #222;
        -webkit-border-radius: 15px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    color: #fff;
    margin-top: 10px;
    position: relative;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    background: #000;
    background: rgba(0,0,0,0.8);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url("fancybox_sprite@2x.png");
        /*background-size: 44px 152px;*/
    }

        #fancybox-loading div {
            background-image: url("fancybox_loading@2x.gif");
            background-size: 24px 24px;
        }
}

.body-wrapper {
    margin: 0 auto;
    moz-transition: all 0.3s ease-in-out;
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
}

    .body-wrapper:after {
        clear: both;
        content: "";
        display: table;
    }

.slide-menu-open {
    overflow: hidden;
    overflow-y: hidden;
}

    .slide-menu-open .body-wrapper {
        moz-transform: translate3d(252px, 0, 0);
        ms-transform: translate3d(252px, 0, 0);
        o-transform: translate3d(252px, 0, 0);
        overflow-y: hidden;
        transform: translate3d(252px, 0, 0);
        -webkit-transform: translate3d(252px, 0, 0);
    }

    .slide-menu-open .responsive-nav {
        display: block;
        moz-transform: translate3d(0, 0, 0);
        ms-transform: translate3d(0, 0, 0);
        o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

.responsive-nav {
    background: #000;
    bottom: 0;
    box-sizing: border-box;
    color: #FFF;
    display: block;
    font-size: 15px;
    font-weight: normal;
    height: 100%;
    left: 0;
    line-height: 1.2;
    moz-box-sizing: border-box;
    moz-transform: translate3d(-252px, 0, 0);
    moz-transition: all 0.3s ease-in-out;
    ms-transform: translate3d(-252px, 0, 0);
    o-transform: translate3d(-252px, 0, 0);
    overflow: auto;
    position: fixed;
    top: 0;
    transform: translate3d(-252px, 0, 0);
    transition: all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(-252px, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    width: 252px;
    z-index: 10000;
}

    .responsive-nav a {
        color: #FFF;
        text-decoration: none;
    }

        .responsive-nav a:hover, a:active {
            color: #999;
            text-decoration: none;
            outline: 0;
        }

    .responsive-nav span {
        /*background: url("../images/mini-arrow-next.png") no-repeat 95% center;*/
        display: block;
        font-weight: bold;
        padding: 22px 20px 20px;
    }

    .responsive-nav ul {
        list-style: none outside;
        margin: 0;
        padding: 0;
    }

    .responsive-nav li {
        border-bottom: 1px solid rgba(255,255,255,0.1);
        display: block;
        padding: 20px;
    }

    .responsive-nav .is-nested {
        display: none;
    }

        .responsive-nav .is-nested .back {
            background: url("../images/icons/png/responsive-arrow-back.png") no-repeat 20px center;
            font-weight: normal;
            padding-left: 45px;
        }

    .responsive-nav .has-nested > li {
        background: url("../images/icons/png/responsive-arrow.png") no-repeat 90% center;
        font-weight: bold;
    }

    .responsive-nav.opened li {
        display: none;
    }

    .responsive-nav.opened .opened {
        display: block;
    }

        .responsive-nav.opened .opened > li {
            display: none;
        }

        .responsive-nav.opened .opened .is-nested {
            display: block;
        }

            .responsive-nav.opened .opened .is-nested li {
                display: block;
            }

    .responsive-nav #private-nav-btn {
        background: url("../images/icons/png/lock-button.png") no-repeat left center;
        line-height: 1.2;
        padding-left: 20px;
    }

a {
    color: #ca3e2f;
    text-decoration: none;
}

    a:hover, a:active {
        color: #000;
        outline: 0;
    }

    a:focus {
        outline: 0;
    }

    a.oscuro:hover, span.oscuro:hover {
        color: #7c041a;
        outline: 0;
    }

    ._l46, ._l38, ._l30, ._l28, ._l25, .home ._l20, ._l20, ._l17, ._l18, ._l15, ._l13 {
        color: #666;
        font-family: "Kanit", Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.2;
        margin: 0 0 16px 0;
    }

    ._l46 b, ._l46 strong, ._l38 b, ._l38 strong, ._l30 b, ._l30 strong, ._l28 b, ._l28 strong, ._l25 b, .home ._l20 b, ._l25 strong, .home ._l20 strong, ._l20 b, ._l20 strong, ._l17 b, ._l17 strong, ._l18 b, ._l18 strong, ._l15 b, ._l15 strong, ._l13 b, ._l13 strong {
        font-family: "Kanit", Arial, sans-serif;
        font-weight: 400;
    }

    ._l46.red, ._l38.red, ._l30.red, ._l28.red, ._l25.red, .home .red._l20, ._l20.red, ._l17.red, ._l18.red, ._l15.red, ._l13.red {
        color: #ca3e2f;
    }

._l46 {
    font-size: 46px;
    margin-bottom: 16px;
}

._l38 {
    font-size: 38px;
    margin-bottom: 16px;
}

._l30 {
    font-size: 30px;
    margin-bottom: 36px;
}

._l28 {
    font-size: 28px;
    margin-bottom: 30px;
}

._l25, .home ._l20 {
    font-size: 25px;
    margin-bottom: 30px;
}

._l20 {
    font-size: 20px;
    margin-bottom: 24px;
}

._l18 {
    font-size: 18px;
    margin-bottom: 11px;
}

._l17 {
    font-size: 17px;
    margin-bottom: 24px;
}

._l15 {
    font-size: 15px;
    margin-bottom: 20px;
}

._l13 {
    font-size: 13px;
    margin-bottom: 16px;
}

html {
    /*background: #222222;*/
    margin: 0;
    overflow-x: hidden;
    padding: 0;
}

body {
    font-family: "Kanit", Arial, sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

    body * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

section {
    background: #FFF;
}

ul {
    margin: 0;
    padding: 0;
}

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

.go {
    background: url("../images/go.png") right center no-repeat;
    color: #666666;
    display: block;
    float: left;
    font: 13px/1 "Kanit", Arial, sans-serif;
    padding: 16px 9px;
}

.return {
    background: url("../images/return.png") left center no-repeat;
    color: #666666;
    display: block;
    float: left;
    font: 13px/1 "Kanit", Arial, sans-serif;
    padding: 16px 9px;
}

.pb40 {
    margin-bottom: 40px;
}

/*.hide {
    display: none;
}*/

.force_hide {
    display: none !important;
}

.show {
    display: block;
}

.force_show {
    display: block !important;
}

.ico {
    display: inline;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    vertical-align: auto;
    vertical-align: baseline;
    vertical-align: middle;
    zoom: 1;
}

.txt_left {
    text-align: left !important;
}

.txt_center {
    text-align: center !important;
}

.txt_bold {
    font-weight: bold !important;
}

    .txt_bold span {
        color: #ca3e2f;
    }

.txt_18 {
    font-size: 18px !important;
}

.title-s, .fancybox-inner p.title-s {
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 12px;
}

    .title-s strong, .fancybox-inner p.title-s strong {
        font-weight: bold;
    }

    .title-s .red, .fancybox-inner p.title-s .red {
        color: #ca3e2f;
    }

.title-l, p.title-l {
    border-bottom: 1px solid #dddddd;
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 9px;
    position: relative;
    text-align: left;
}
/********************************/
.title2, p.title2 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 9px;
    position: relative;
    text-align: left;
}
/*******************************/
.title-l strong, p.title-l strong {
    color: #ca3e2f;
    font-family: "Kanit", Arial, sans-serif;
    font-weight: 700;
}

.title-l:after, p.title-l:after {
    background: #ca3e2f;
    bottom: -1px;
    content: ' ';
    height: 1px;
    left: 0;
    position: absolute;
    width: 5.5%;
}

.title-xl, p.title-xl {
    font-size: 28px;
    font-weight: 300;
    position: relative;
    text-align: left;
}

    .title-xl strong, p.title-xl strong {
        color: #ca3e2f;
        font-family: "Kanit", Arial, sans-serif;
        font-weight: 700;
    }

.wrapper-top, .x404 .row.row-top .cnt-404, .x404 .row-top.news-block .cnt-404, .breadcrumbs, .wide-slider > .row-title, .head-slogan, .wrapper, .row .row-title, .news-block .row-title, .product-slogan, .why-contract, .news-big, .flexlider-examples, .row.bg-centered p, .bg-centered.news-block p, .row.bg-centered .main-title, .bg-centered.news-block .main-title, .distro-blocks, .contacto .row.contact-cnt .contact-data, .contacto .contact-cnt.news-block .contact-data, .contacto .contact-tit, .x404 .row.row-top .cnt-404, .x404 .row-top.news-block .cnt-404 {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    position: relative;
}

.wrapper-top, .x404 .row.row-top .cnt-404, .x404 .row-top.news-block .cnt-404 {
    margin-top: -110px;
}

.no-desktop, .only-mobile {
    display: none;
}

.row, .news-block {
    width: 100%;
}

    .news-block:after {
        clear: both;
        content: "";
        display: table;
    }

    /******Hay que separar este estilo del anterior para que no coja los 18 de margen (jesús)******/
    .row:after {
        clear: both;
        content: "";
        display: table;
    }

/******Estilo modificado para que no se descuadren los valores de las landing (jesús)******/
.funnel-test-transitions .row {
    clear: both;
    content: "";
    /******Damos margen a los campos del formulario (jesús)******/
    padding-bottom: 18px;
}

/******Quitamos margen al ultimo campo del  formulario (jesús)******/
/*.row:last-of-type,.news-block:last-of-type
{
    padding-bottom: 5px;
}*/
.row.white, .news-block {
    background: #fff;
}

.row.grey, .grey.news-block {
    background: whitesmoke;
}

.row.charcoal, .charcoal.news-block {
    background: #222222;
}

.row.charcoal-logos, .charcoal-logos.news-block {
    background-color: #000;
}

.row.with-bg, .with-bg.news-block {
    background-color: #FFF;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: -290px;
    /*max-width: 1500px;*/
    /*padding-bottom: 310px;*/
    padding-bottom: 390px;
}

    .row.with-bg.black {
        background-color: black;
        /*margin-bottom: -350px;*/
    }

    .row.with-bg .row-bg, .with-bg.news-block .row-bg {
        display: none;
    }

.row.row-top, .row-top.news-block {
    overflow: visible;
    /*position: relative;*/
}

.row .row-title, .news-block .row-title {
    padding: 80px 0 16px;
    text-align: center;
}

    .row .row-title.row-title-google-rating, .news-block .row-title {
        padding: 16px 0 16px;
        text-align: center;
    }

        .row .row-title b, .news-block .row-title b {
            color: #ca3e2f;
            font-family: "Kanit", Arial, sans-serif;
            font-weight: 700;
        }

        .row .row-title strong, .news-block .row-title strong {
            font-family: "Kanit", Arial, sans-serif;
            font-weight: bolder;
        }

.row .custom-file-input {
    background-color: transparent;
    cursor: pointer;
    display: block;
    font-weight: 600;
    outline: 0 none;
    text-decoration: none;
}

    .row .custom-file-input input[type=file] {
        height: 0;
        outline: 0 none;
        width: 0;
    }

.line-bg {
    position: relative;
}

    .line-bg:before {
        background: #F3F3F3;
        bottom: 30px;
        content: '';
        margin: 0 -2000px;
        max-height: 180px;
        padding: 0 2000px;
        position: absolute;
        top: 30px;
        width: 100%;
        z-index: 0;
    }

    .line-bg > * {
        background: #FFF;
        position: relative;
    }


.col, .col-1, .col-2, .col-3, .sidebar, .news-categories, .col-4, .col-5, .col-6, .main-news, .about .head-slogan, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .form .login-form .formikation {
    float: left;
}

.col-info {
    float: left;
    width: 50%;
}
/*******Estilo para el info de las cías, de los ramos mascotas, embarcaciones y caravanas (Javier) *****/
.col-info-total {
    float: left;
    width: 100%;
}
/*******Estilo para el info de las cías, de los ramos decesos, salud y dental, para separar edad, sexo y fecha de nacimiento (jesús morales) *****/
.col-info-3 {
    float: left;
    width: 33%;
}

.col-1 {
    width: 8.33333%;
}

.col-2 {
    width: 16.66667%;
}

.col-3, .sidebar, .news-categories {
    width: 25%;
}

.col-4 {
    width: 33.33333%;
}

.col-5 {
    width: 41.66667%;
}

    .col-5 > li {
        padding: 8px 8px 8px 1px;
    }

        .col-5 > li > span {
            font-size: 12px;
        }

.col-6, .main-news, .about .head-slogan {
    width: 50%;
}

.col-7 {
    width: 58.33333%;
}

.col-8 {
    width: 66.66667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333%;
}

.col-11 {
    width: 91.66667%;
}

.col-12 {
    width: 100%;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.terranito {
    bottom: -1%;
    position: absolute;
    right: -35%;
    width: 75%;
    z-index: 0;
}

@media only screen and (min-width: 1024px) {
    .rey {
        background-color: #000;
        background-repeat: no-repeat;
        content: url(../images/rey.jpg);
        background-position: center top;
        float: none;
        z-index: 0;
        margin: 0 auto;
        width: 100%;
        /*background-image: url("../images/rey.jpg");*/
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) { /*NO TABLET*/
    .rey {
        background-repeat: no-repeat;
        content: url(../images/rey-tablet.jpg);
        background-position: center top;
        float: none;
        z-index: 0;
        margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) { /*NO MOBILE*/
    .rey {
        background-repeat: no-repeat;
        content: url(../images/rey-mobile.jpg);
        background-position: center top;
        float: none;
        z-index: 0;
        margin: 0 auto;
        width: 100%;
    }
}


.col-ad {
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    position: relative;
    width: 850px;
    text-align: left;
}

    .col-ad p {
        float: right;
        font-size: 46px;
        text-align: right;
        color: white;
        padding: 0px 30px 0px;
        margin-bottom: 0px;
        line-height: 0.7;
        z-index: 200;
    }

    .col-ad .lennon {
        background-repeat: no-repeat;
        background-image: url("../images/lennon.jpg");
        content: url(../images/lennon.jpg);
        float: left;
        position: absolute;
        z-index: 0;
    }

    .col-ad p b {
        font-size: 26px;
    }

.col-adp {
    font-family: 'Noto Serif TC', serif;
    font-size: 24px;
    margin: 0 auto;
    position: relative;
    width: 785px;
}

    .col-adp p {
        float: right;
        text-align: left;
        color: #5d5d5d;
        padding: 0px 1px 2px 3PX;
        font-weight: 200;
    }

.col-00 {
    margin: 0 auto;
    position: relative;
    width: 690px;
    text-align: left;
    padding-bottom: 95px;
}

    .col-00 p {
        padding: 80px 25px 16px;
        font-weight: 700;
    }

        .col-00 p b {
            color: #ca3e2f;
            font-weight: 700;
        }

.col-0 {
    background: whitesmoke none repeat scroll 0 0;
    padding-bottom: 3%;
}

.caja {
    width: 690px;
    border: 1px solid #c0c0c0;
    font-size: 18px;
}

.enCaja {
    font-size: 14px;
    margin: 25px auto 0;
    max-width: 960px;
    position: relative;
    background: whitesmoke none repeat scroll 0 0;
    width: 690px;
    border: 1px solid #c0c0c0;
    padding: 5%;
}

    .enCaja .izda {
        float: left;
        text-align: center;
        margin-top: -25px;
    }

    .enCaja .drcha {
        float: right;
        text-align: left;
        color: grey;
        margin: -25px 100px 0 0;
    }

        .enCaja .drcha ul {
            /*padding-left: 20px;
            text-indent: 2px;
            list-style: none;
            list-style-position: outside;*/
        }

        .enCaja .drcha li:before {
            content: '✔';
            margin-left: -1em;
            margin-right: .400em;
        }


.form.row-top {
    padding-bottom: 0px;
}

    .form.row-top .col-9 {
        padding-right: 20px;
    }

        .form.row-top .col-9 .form-block {
            background: #fff;
            float: left;
            min-height: 400px;
            padding: 30px 35px 70px;
            width: 100%;
        }

            .form.row-top .col-9 .form-block .btn {
                font-size: 18px;
                margin-top: 14px;
            }

.form .login-form {
    background: #fff;
    float: left;
    padding: 30px 35px 70px;
    width: 100%;
}

    .form .login-form .formikation {
        padding-right: 57px;
        width: 58.33333%;
    }

        .form .login-form .formikation .btn {
            font-size: 18px;
            /*padding: 18px 73px;*/
        }

.form .register-form {
    padding: 30px 35px 70px;
}

    .form .register-form .col-3 > img, .form .register-form .sidebar > img, .form .register-form .news-categories > img {
        width: 92%;
    }

    .form .register-form .btn {
        float: right;
        margin-right: 31px;
    }

.form .col-5 {
    border-left: 1px solid #ccc;
    float: right;
    /*margin-top: 30px;
	padding-bottom: 115px;
	padding-left: 44px;*/
}

    .form .col-5 ul {
        font-weight: bold;
    }

        .form .col-5 ul li {
            margin-bottom: 18px;
        }

            .form .col-5 ul li a {
                text-decoration: underline;
            }

.form fieldset {
    border: 0;
    padding: 0;
}

.form .fieldset-title {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 24px;
    padding: 0 0 12px;
    position: relative;
    text-transform: uppercase;
}

    .form .fieldset-title b {
        color: #ca3e2f;
        font-family: "Kanit", Arial, sans-serif;
        font-weight: bold;
    }

    .form .fieldset-title:after {
        background: #ca3e2f;
        bottom: -1px;
        content: ' ';
        height: 1px;
        left: 0;
        position: absolute;
        width: 50px;
    }

    .form .fieldset-title:after {
        background: #ca3e2f;
        bottom: -1px;
        content: ' ';
        height: 1px;
        left: 0;
        position: absolute;
        width: 50px;
    }

.form label {
    display: block !important;
}

    .form label i {
        color: #999;
        float: right;
    }

.form.grey .wrapper, .form.grey .row .row-title, .row .form.grey .row-title, .form.grey .news-block .row-title, .news-block .form.grey .row-title, .form.grey .product-slogan, .form.grey .why-contract, .form.grey .news-big, .form.grey .flexlider-examples, .form.grey .row.bg-centered p, .row.bg-centered .form.grey p, .form.grey .bg-centered.news-block p, .bg-centered.news-block .form.grey p, .form.grey .row.bg-centered .main-title, .row.bg-centered .form.grey .main-title, .form.grey .bg-centered.news-block .main-title, .bg-centered.news-block .form.grey .main-title, .form.grey .distro-blocks, .form.grey .contacto .row.contact-cnt .contact-data, .contacto .row.contact-cnt .form.grey .contact-data, .form.grey .contacto .contact-cnt.news-block .contact-data, .contacto .contact-cnt.news-block .form.grey .contact-data, .form.grey .contacto .contact-tit, .contacto .form.grey .contact-tit, .form.grey .x404 .row.row-top .cnt-404, .x404 .row.row-top .form.grey .cnt-404, .form.grey .x404 .row-top.news-block .cnt-404, .x404 .row-top.news-block .form.grey .cnt-404 {
    padding: 74px 0;
}

    .form.grey .wrapper div, .form.grey .row .row-title div, .row .form.grey .row-title div, .form.grey .news-block .row-title div, .news-block .form.grey .row-title div, .form.grey .product-slogan div, .form.grey .why-contract div, .form.grey .news-big div, .form.grey .flexlider-examples div, .form.grey .row.bg-centered p div, .row.bg-centered .form.grey p div, .form.grey .bg-centered.news-block p div, .bg-centered.news-block .form.grey p div, .form.grey .row.bg-centered .main-title div, .row.bg-centered .form.grey .main-title div, .form.grey .bg-centered.news-block .main-title div, .bg-centered.news-block .form.grey .main-title div, .form.grey .distro-blocks div, .form.grey .contacto .row.contact-cnt .contact-data div, .contacto .row.contact-cnt .form.grey .contact-data div, .form.grey .contacto .contact-cnt.news-block .contact-data div, .contacto .contact-cnt.news-block .form.grey .contact-data div, .form.grey .contacto .contact-tit div, .contacto .form.grey .contact-tit div, .form.grey .x404 .row.row-top .cnt-404 div, .x404 .row.row-top .form.grey .cnt-404 div, .form.grey .x404 .row-top.news-block .cnt-404 div, .x404 .row-top.news-block .form.grey .cnt-404 div {
        padding: 0 5px 0 15px;
    }

        .form.grey .wrapper div ._l20, .form.grey .row .row-title div ._l20, .row .form.grey .row-title div ._l20, .form.grey .news-block .row-title div ._l20, .news-block .form.grey .row-title div ._l20, .form.grey .product-slogan div ._l20, .form.grey .why-contract div ._l20, .form.grey .news-big div ._l20, .form.grey .flexlider-examples div ._l20, .form.grey .row.bg-centered p div ._l20, .row.bg-centered .form.grey p div ._l20, .form.grey .bg-centered.news-block p div ._l20, .bg-centered.news-block .form.grey p div ._l20, .form.grey .row.bg-centered .main-title div ._l20, .row.bg-centered .form.grey .main-title div ._l20, .form.grey .bg-centered.news-block .main-title div ._l20, .bg-centered.news-block .form.grey .main-title div ._l20, .form.grey .distro-blocks div ._l20, .form.grey .contacto .row.contact-cnt .contact-data div ._l20, .contacto .row.contact-cnt .form.grey .contact-data div ._l20, .form.grey .contacto .contact-cnt.news-block .contact-data div ._l20, .contacto .contact-cnt.news-block .form.grey .contact-data div ._l20, .form.grey .contacto .contact-tit div ._l20, .contacto .form.grey .contact-tit div ._l20, .form.grey .x404 .row.row-top .cnt-404 div ._l20, .x404 .row.row-top .form.grey .cnt-404 div ._l20, .form.grey .x404 .row-top.news-block .cnt-404 div ._l20, .x404 .row-top.news-block .form.grey .cnt-404 div ._l20 {
            background: url("../images/sprite-gestion.png") left top no-repeat;
            line-height: 1.5;
            padding-left: 34px;
            text-transform: uppercase;
        }

            .form.grey .wrapper div ._l20.polizas, .form.grey .row .row-title div ._l20.polizas, .row .form.grey .row-title div ._l20.polizas, .form.grey .news-block .row-title div ._l20.polizas, .news-block .form.grey .row-title div ._l20.polizas, .form.grey .product-slogan div ._l20.polizas, .form.grey .why-contract div ._l20.polizas, .form.grey .news-big div ._l20.polizas, .form.grey .flexlider-examples div ._l20.polizas, .form.grey .row.bg-centered p div ._l20.polizas, .row.bg-centered .form.grey p div ._l20.polizas, .form.grey .bg-centered.news-block p div ._l20.polizas, .bg-centered.news-block .form.grey p div ._l20.polizas, .form.grey .row.bg-centered .main-title div ._l20.polizas, .row.bg-centered .form.grey .main-title div ._l20.polizas, .form.grey .bg-centered.news-block .main-title div ._l20.polizas, .bg-centered.news-block .form.grey .main-title div ._l20.polizas, .form.grey .distro-blocks div ._l20.polizas, .form.grey .contacto .row.contact-cnt .contact-data div ._l20.polizas, .contacto .row.contact-cnt .form.grey .contact-data div ._l20.polizas, .form.grey .contacto .contact-cnt.news-block .contact-data div ._l20.polizas, .contacto .contact-cnt.news-block .form.grey .contact-data div ._l20.polizas, .form.grey .contacto .contact-tit div ._l20.polizas, .contacto .form.grey .contact-tit div ._l20.polizas, .form.grey .x404 .row.row-top .cnt-404 div ._l20.polizas, .x404 .row.row-top .form.grey .cnt-404 div ._l20.polizas, .form.grey .x404 .row-top.news-block .cnt-404 div ._l20.polizas, .x404 .row-top.news-block .form.grey .cnt-404 div ._l20.polizas {
                background-position: 0px 4px;
            }

            .form.grey .wrapper div ._l20.recibos, .form.grey .row .row-title div ._l20.recibos, .row .form.grey .row-title div ._l20.recibos, .form.grey .news-block .row-title div ._l20.recibos, .news-block .form.grey .row-title div ._l20.recibos, .form.grey .product-slogan div ._l20.recibos, .form.grey .why-contract div ._l20.recibos, .form.grey .news-big div ._l20.recibos, .form.grey .flexlider-examples div ._l20.recibos, .form.grey .row.bg-centered p div ._l20.recibos, .row.bg-centered .form.grey p div ._l20.recibos, .form.grey .bg-centered.news-block p div ._l20.recibos, .bg-centered.news-block .form.grey p div ._l20.recibos, .form.grey .row.bg-centered .main-title div ._l20.recibos, .row.bg-centered .form.grey .main-title div ._l20.recibos, .form.grey .bg-centered.news-block .main-title div ._l20.recibos, .bg-centered.news-block .form.grey .main-title div ._l20.recibos, .form.grey .distro-blocks div ._l20.recibos, .form.grey .contacto .row.contact-cnt .contact-data div ._l20.recibos, .contacto .row.contact-cnt .form.grey .contact-data div ._l20.recibos, .form.grey .contacto .contact-cnt.news-block .contact-data div ._l20.recibos, .contacto .contact-cnt.news-block .form.grey .contact-data div ._l20.recibos, .form.grey .contacto .contact-tit div ._l20.recibos, .contacto .form.grey .contact-tit div ._l20.recibos, .form.grey .x404 .row.row-top .cnt-404 div ._l20.recibos, .x404 .row.row-top .form.grey .cnt-404 div ._l20.recibos, .form.grey .x404 .row-top.news-block .cnt-404 div ._l20.recibos, .x404 .row-top.news-block .form.grey .cnt-404 div ._l20.recibos {
                background-position: 2px -134px;
            }

            .form.grey .wrapper div ._l20.siniestros, .form.grey .row .row-title div ._l20.siniestros, .row .form.grey .row-title div ._l20.siniestros, .form.grey .news-block .row-title div ._l20.siniestros, .news-block .form.grey .row-title div ._l20.siniestros, .form.grey .product-slogan div ._l20.siniestros, .form.grey .why-contract div ._l20.siniestros, .form.grey .news-big div ._l20.siniestros, .form.grey .flexlider-examples div ._l20.siniestros, .form.grey .row.bg-centered p div ._l20.siniestros, .row.bg-centered .form.grey p div ._l20.siniestros, .form.grey .bg-centered.news-block p div ._l20.siniestros, .bg-centered.news-block .form.grey p div ._l20.siniestros, .form.grey .row.bg-centered .main-title div ._l20.siniestros, .row.bg-centered .form.grey .main-title div ._l20.siniestros, .form.grey .bg-centered.news-block .main-title div ._l20.siniestros, .bg-centered.news-block .form.grey .main-title div ._l20.siniestros, .form.grey .distro-blocks div ._l20.siniestros, .form.grey .contacto .row.contact-cnt .contact-data div ._l20.siniestros, .contacto .row.contact-cnt .form.grey .contact-data div ._l20.siniestros, .form.grey .contacto .contact-cnt.news-block .contact-data div ._l20.siniestros, .contacto .contact-cnt.news-block .form.grey .contact-data div ._l20.siniestros, .form.grey .contacto .contact-tit div ._l20.siniestros, .contacto .form.grey .contact-tit div ._l20.siniestros, .form.grey .x404 .row.row-top .cnt-404 div ._l20.siniestros, .x404 .row.row-top .form.grey .cnt-404 div ._l20.siniestros, .form.grey .x404 .row-top.news-block .cnt-404 div ._l20.siniestros, .x404 .row-top.news-block .form.grey .cnt-404 div ._l20.siniestros {
                background-position: 7px -285px;
            }

            .form.grey .wrapper div ._l20 b, .form.grey .row .row-title div ._l20 b, .row .form.grey .row-title div ._l20 b, .form.grey .news-block .row-title div ._l20 b, .news-block .form.grey .row-title div ._l20 b, .form.grey .product-slogan div ._l20 b, .form.grey .why-contract div ._l20 b, .form.grey .news-big div ._l20 b, .form.grey .flexlider-examples div ._l20 b, .form.grey .row.bg-centered p div ._l20 b, .row.bg-centered .form.grey p div ._l20 b, .form.grey .bg-centered.news-block p div ._l20 b, .bg-centered.news-block .form.grey p div ._l20 b, .form.grey .row.bg-centered .main-title div ._l20 b, .row.bg-centered .form.grey .main-title div ._l20 b, .form.grey .bg-centered.news-block .main-title div ._l20 b, .bg-centered.news-block .form.grey .main-title div ._l20 b, .form.grey .distro-blocks div ._l20 b, .form.grey .contacto .row.contact-cnt .contact-data div ._l20 b, .contacto .row.contact-cnt .form.grey .contact-data div ._l20 b, .form.grey .contacto .contact-cnt.news-block .contact-data div ._l20 b, .contacto .contact-cnt.news-block .form.grey .contact-data div ._l20 b, .form.grey .contacto .contact-tit div ._l20 b, .contacto .form.grey .contact-tit div ._l20 b, .form.grey .x404 .row.row-top .cnt-404 div ._l20 b, .x404 .row.row-top .form.grey .cnt-404 div ._l20 b, .form.grey .x404 .row-top.news-block .cnt-404 div ._l20 b, .x404 .row-top.news-block .form.grey .cnt-404 div ._l20 b {
                color: #ca3e2f;
            }

        .form.grey .wrapper div ul, .form.grey .row .row-title div ul, .row .form.grey .row-title div ul, .form.grey .news-block .row-title div ul, .news-block .form.grey .row-title div ul, .form.grey .product-slogan div ul, .form.grey .why-contract div ul, .form.grey .news-big div ul, .form.grey .flexlider-examples div ul, .form.grey .row.bg-centered p div ul, .row.bg-centered .form.grey p div ul, .form.grey .bg-centered.news-block p div ul, .bg-centered.news-block .form.grey p div ul, .form.grey .row.bg-centered .main-title div ul, .row.bg-centered .form.grey .main-title div ul, .form.grey .bg-centered.news-block .main-title div ul, .bg-centered.news-block .form.grey .main-title div ul, .form.grey .distro-blocks div ul, .form.grey .contacto .row.contact-cnt .contact-data div ul, .contacto .row.contact-cnt .form.grey .contact-data div ul, .form.grey .contacto .contact-cnt.news-block .contact-data div ul, .contacto .contact-cnt.news-block .form.grey .contact-data div ul, .form.grey .contacto .contact-tit div ul, .contacto .form.grey .contact-tit div ul, .form.grey .x404 .row.row-top .cnt-404 div ul, .x404 .row.row-top .form.grey .cnt-404 div ul, .form.grey .x404 .row-top.news-block .cnt-404 div ul, .x404 .row-top.news-block .form.grey .cnt-404 div ul {
            color: #666;
            font-family: "Kanit", Arial, sans-serif;
            font-size: 15px;
            font-weight: 300;
            line-height: 160%;
            padding-left: 10px;
        }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .form.row-top .col-9 {
        padding: 0 10px;
        width: 100%;
    }

    .form.grey > div {
        padding: 40px 10px;
    }

        .form.grey > div div {
            padding: 0 5px 0 0;
        }

            .form.grey > div div ._l20 {
                line-height: 1.7;
            }
}

@media only screen and (max-width: 767px) {
    .form.row-top .col-9 {
        padding: 0px;
        width: 100%;
    }

        .form.row-top .col-9 .form-block .input-50 {
            padding-right: 0px;
        }

        .form.row-top .col-9 .login-form {
            padding: 25px 13px;
            width: 100%;
        }

            .form.row-top .col-9 .login-form form {
                padding-right: 0px;
                width: 100%;
            }

            .form.row-top .col-9 .login-form .col-5 {
                border: none;
                margin-top: 20px;
                padding: 0px;
                width: 100%;
            }

    .form.grey {
        padding-bottom: 0px;
    }

        .form.grey .wrapper, .form.grey .row .row-title, .row .form.grey .row-title, .form.grey .news-block .row-title, .news-block .form.grey .row-title, .form.grey .product-slogan, .form.grey .why-contract, .form.grey .news-big, .form.grey .flexlider-examples, .form.grey .row.bg-centered p, .row.bg-centered .form.grey p, .form.grey .bg-centered.news-block p, .bg-centered.news-block .form.grey p, .form.grey .row.bg-centered .main-title, .row.bg-centered .form.grey .main-title, .form.grey .bg-centered.news-block .main-title, .bg-centered.news-block .form.grey .main-title, .form.grey .distro-blocks, .form.grey .contacto .row.contact-cnt .contact-data, .contacto .row.contact-cnt .form.grey .contact-data, .form.grey .contacto .contact-cnt.news-block .contact-data, .contacto .contact-cnt.news-block .form.grey .contact-data, .form.grey .contacto .contact-tit, .contacto .form.grey .contact-tit, .form.grey .x404 .row.row-top .cnt-404, .x404 .row.row-top .form.grey .cnt-404, .form.grey .x404 .row-top.news-block .cnt-404, .x404 .row-top.news-block .form.grey .cnt-404 {
            padding: 40px 10px;
        }

            .form.grey .wrapper div, .form.grey .row .row-title div, .row .form.grey .row-title div, .form.grey .news-block .row-title div, .news-block .form.grey .row-title div, .form.grey .product-slogan div, .form.grey .why-contract div, .form.grey .news-big div, .form.grey .flexlider-examples div, .form.grey .row.bg-centered p div, .row.bg-centered .form.grey p div, .form.grey .bg-centered.news-block p div, .bg-centered.news-block .form.grey p div, .form.grey .row.bg-centered .main-title div, .row.bg-centered .form.grey .main-title div, .form.grey .bg-centered.news-block .main-title div, .bg-centered.news-block .form.grey .main-title div, .form.grey .distro-blocks div, .form.grey .contacto .row.contact-cnt .contact-data div, .contacto .row.contact-cnt .form.grey .contact-data div, .form.grey .contacto .contact-cnt.news-block .contact-data div, .contacto .contact-cnt.news-block .form.grey .contact-data div, .form.grey .contacto .contact-tit div, .contacto .form.grey .contact-tit div, .form.grey .x404 .row.row-top .cnt-404 div, .x404 .row.row-top .form.grey .cnt-404 div, .form.grey .x404 .row-top.news-block .cnt-404 div, .x404 .row-top.news-block .form.grey .cnt-404 div {
                padding: 0px 0px 55px;
                width: 100%;
            }

                .form.grey .wrapper div ._l20, .form.grey .row .row-title div ._l20, .row .form.grey .row-title div ._l20, .form.grey .news-block .row-title div ._l20, .news-block .form.grey .row-title div ._l20, .form.grey .product-slogan div ._l20, .form.grey .why-contract div ._l20, .form.grey .news-big div ._l20, .form.grey .flexlider-examples div ._l20, .form.grey .row.bg-centered p div ._l20, .row.bg-centered .form.grey p div ._l20, .form.grey .bg-centered.news-block p div ._l20, .bg-centered.news-block .form.grey p div ._l20, .form.grey .row.bg-centered .main-title div ._l20, .row.bg-centered .form.grey .main-title div ._l20, .form.grey .bg-centered.news-block .main-title div ._l20, .bg-centered.news-block .form.grey .main-title div ._l20, .form.grey .distro-blocks div ._l20, .form.grey .contacto .row.contact-cnt .contact-data div ._l20, .contacto .row.contact-cnt .form.grey .contact-data div ._l20, .form.grey .contacto .contact-cnt.news-block .contact-data div ._l20, .contacto .contact-cnt.news-block .form.grey .contact-data div ._l20, .form.grey .contacto .contact-tit div ._l20, .contacto .form.grey .contact-tit div ._l20, .form.grey .x404 .row.row-top .cnt-404 div ._l20, .x404 .row.row-top .form.grey .cnt-404 div ._l20, .form.grey .x404 .row-top.news-block .cnt-404 div ._l20, .x404 .row-top.news-block .form.grey .cnt-404 div ._l20 {
                    line-height: 1.7;
                }

    .form .register-form {
        padding: 0 4% 50px;
    }

        .form .register-form 0 . col-3 > img {
            display: none;
        }

    .row .row-title {
        padding: 48px 0 48px;
    }
}

.form .formikation .input-50 {
    padding-bottom: 18px;
    padding-right: 35px;
    position: relative;
    z-index: 9000;
}

.form .formikation .input-50-inf {
    z-index: 1;
}

.form .formikation .input-50.last {
    padding-left: 4px;
    padding-right: 31px;
}

.form .formikation .row, .form .formikation .news-block {
    float: left;
    padding-bottom: 18px;
}

    .form .formikation .row .input-50, .form .formikation .news-block .input-50 {
        padding-bottom: 0px;
    }

form.formikation input[type=text].show_datepicker, form.formikation input[type=email].show_datepicker, form.formikation input[type=password].show_datepicker, form.formikation input[type=time].show_datepicker, form.formikation textarea.show_datepicker {
    background: url("../images/icons/png/datepicker.png") no-repeat 95% 13px #fff;
    cursor: pointer;
}

.form .formikation input[type=text].show_datepicker, .form .formikation input[type=email].show_datepicker, .form .formikation input[type=password].show_datepicker, .form .formikation input[type=time].show_datepicker, .form .formikation textarea.show_datepicker {
    background: url("../images/icons/png/datepicker.png") no-repeat 95% 13px #fff;
    cursor: pointer;
}
/**************cambios para el te llamamos (jesús)***************/
.form .formikation input[type=text], .form .formikation input[type=email], .form .formikation input[type=password], .form .formikation input[type=time], .form .formikation textarea {
    background: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
    box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    color: #333;
    font-size: 14px;
    moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    outline: 0;
    padding: 10px 4px; /*Valor original "12px 4px". Modificado para solucionar error en IE9 y IE10 que mostraba mal el texto del cuadro de enviar correo en la parrilla.*/
    -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    width: 100%;
}



.form .formikation .select {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    line-height: normal;
    padding: 12px 14px;
    width: 100%;
}

.form .formikation .select {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    line-height: normal;
    padding: 12px 14px;
    width: 100%;
}

    .form .formikation .select:after {
        content: url("../images/icons/png/select-button.png");
        display: block;
        float: right;
        margin-left: -35px;
    }

    .form .formikation .select .select-label {
        color: #666;
        line-height: normal;
        margin: 0;
        max-width: 430px;
        overflow: hidden;
        padding: 0 35px 0 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .form .formikation .select.selectFocus {
        border-color: #000;
    }

        .form .formikation .select.selectFocus:after {
            border-color: #000;
        }

        .form .formikation .select.selectFocus .select-label {
            color: #000;
        }

.field_with_errors .form .formikation .select {
    border-color: red;
}

    .field_with_errors .form .formikation .select:after {
        border-color: red;
    }

    .field_with_errors .form .formikation .select .file-label {
        color: red;
    }

.formikation input[type=checkbox], .formikation input[type=radio] {
    cursor: pointer;
    left: -9999px;
    margin: 0;
    padding: 0;
    padding-top: 1px;
    position: absolute;
}

.formikation label {
    color: #333;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 11px;
    padding-right: 24px;
    position: relative;
    text-transform: uppercase;
    /*white-space: pre;*/
}

    .formikation label .query {
        background: #ca3e2f;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        font: bold 13px/1 "Kanit", Arial, sans-serif;
        height: 15px;
        padding-left: 4px;
        padding-top: 1px;
        position: absolute;
        right: 0px;
        top: 3px;
        width: 15px;
    }

    .formikation label.fk-radio, .formikation label.fk-check {
        margin-bottom: 0px;
        text-transform: none;
    }

        .formikation label.fk-radio:before, .formikation label.fk-check:before {
            background: url("../images/formikation-sprite.png") no-repeat -1px 0;
            content: ' ';
            display: inline-block;
            float: left;
            height: 22px;
            margin: -1px 4px 0 0;
            margin-top: -4px;
            width: 21px;
        }

        .formikation label.fk-radio:before {
            background-position: 0 -22px;
        }

        .formikation label.fk-radio.checked:before {
            background-position: -22px -22px;
        }

    .formikation label.check {
        padding: 13px 5px;
        /*margin: 1px 2px 3px 4px;*/
    }

    .formikation label.checked.fk-check:before {
        background-position: -23px 0;
        content: '';
    }

    .formikation label input[type=radio]:before {
        background-position: -21px -20px;
    }

form.formikation select {
    min-width: 210px;
    height: 45px;
}

form.formikation .select {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    line-height: normal;
    padding: 12px 14px;
    width: 100%;
}

    form.formikation .select:after {
        content: url("../images/icons/png/select-button.png");
        display: block;
        float: right;
        margin: 0px 0px;
    }

    form.formikation .select .select-label {
        color: #666;
        line-height: normal;
        margin: 0;
        max-width: 430px;
        overflow: hidden;
        padding: 0 35px 0 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    form.formikation .select.selectFocus {
        border-color: #000;
    }

        form.formikation .select.selectFocus:after {
            border-color: #000;
        }

        form.formikation .select.selectFocus .select-label {
            color: #000;
        }

.field_with_errors form.formikation .select {
    border-color: red;
}

    .field_with_errors form.formikation .select:after {
        border-color: red;
    }

    .field_with_errors form.formikation .select .file-label {
        color: red;
    }

form.formikation input[type=text], form.formikation input[type=email], form.formikation input[type=number], form.formikation input[type=tel], form.formikation input[type=password], form.formikation input[type=time], form.formikation textarea {
    background: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
    box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    color: #333;
    font-size: 14px;
    -moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    outline: 0;
    padding: 12px 4px;
    -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    width: 100%;
}



.form .formikation input[type=text].show_datepicker, .form .formikation input[type=email].show_datepicker, .form .formikation input[type=password].show_datepicker, .form .formikation input[type=time].show_datepicker, .form .formikation textarea.show_datepicker {
    background: url("../images/icons/png/datepicker.png") no-repeat 95% 13px #fff;
    cursor: pointer;
}

form.formikation .fk-file-input {
    border-radius: 2px;
    background: url("../images/icons/png/lupa_ico.png") no-repeat 95% 10px #fff;
    vertical-align: middle;
    border: 1px solid #ccc;
    box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    display: block;
    height: 43px;
    outline: 0;
    overflow: hidden;
    padding: 10px 0px;
    position: relative;
    width: 100%;
    color: #919191;
}

p.justify {
    text-align: justify;
}

form.formikation .fk-file-input > p {
    content: 'Hola';
    margin: 0;
    padding: 0px 0 0 8px !important;
}

form.formikation .fk-file-input input[type=file] {
    cursor: pointer;
    height: 100%;
    left: 0;
    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

form.formikation.ue-theme {
    font: 400 14px/1.25 'Oswald', Arial, Helvetica, sans-serif;
    text-align: left;
}

    form.formikation.ue-theme .row, form.formikation.ue-theme .news-block {
        padding-bottom: 16px;
    }

    form.formikation.ue-theme form {
        padding: 16px;
    }

    form.formikation.ue-theme fieldset {
        background: #f8f8f8;
        border: 1px solid #ccc;
        margin: 0;
        padding: 20px;
    }

    form.formikation.ue-theme label {
        padding-bottom: 8px;
        text-transform: uppercase;
    }

    form.formikation.ue-theme .select {
        border: 1px solid #ccc;
        border-radius: 0;
        min-width: 250px;
        padding: 8px 15px 7px 4px;
    }

        form.formikation.ue-theme .select:after {
            border-left: 0;
            content: url("../images/filter-arrow-double.png");
            display: block;
            float: right;
            margin: -7px -15px;
            padding: 8px 6px 7px 6px;
        }

        form.formikation.ue-theme .select .select-label {
            color: #666;
            display: inline-block;
            margin: 0;
            max-width: 430px;
            overflow: hidden;
            padding: 0 30px 0 0;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        form.formikation.ue-theme .select.selectFocus {
            border-color: #000;
        }

            form.formikation.ue-theme .select.selectFocus:after {
                border-color: #000;
            }

            form.formikation.ue-theme .select.selectFocus .select-label {
                color: #000;
            }

.field_with_errors form.formikation.ue-theme .select {
    border-color: red;
}

    .field_with_errors form.formikation.ue-theme .select:after {
        border-color: red;
    }

    .field_with_errors form.formikation.ue-theme .select .file-label {
        color: red;
    }

form.formikation.ue-theme label.fk-check:before, form.formikation.ue-theme label.fk-radio:before {
    background-image: url("../images/formikation-sprite-ue-theme.png");
}

form.formikation.ue-theme input[type=text], form.formikation.ue-theme input[type=password], form.formikation.ue-theme input[type=time], form.formikation.ue-theme textarea {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    moz-box-shadow: none;
    outline: 0;
    padding: 8px 4px;
    -webkit-box-shadow: none;
    width: 100%;
}

    form.formikation.ue-theme input[type=text]:focus, form.formikation.ue-theme input[type=password]:focus, form.formikation.ue-theme input[type=time]:focus, form.formikation.ue-theme textarea:focus {
        border-color: #000;
    }

form.formikation.ue-theme input[type=submit] {
    background-color: #8f1b27;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 400 14px/1.25 'Oswald', Arial, Helvetica, sans-serif;
    height: auto;
    margin-right: 16px;
    min-width: 120px;
    outline: 0;
    padding: 0.95em 10px 1.05em 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.fancybox-overlay {
    background: rgba(0,0,0,0.65);
}

.fancybox-close {
    background-image: url("../images/icons/png/close.png");
    background-repeat: no-repeat;
    margin: 13px 10px 0 0;
    position: absolute;
    padding: 1px 1px 1px 16px;
    right: 5px;
    top: 3px;
    height: 16px;
    width: 16px;
}

    .fancybox-close::before {
        content: "Cerrar";
        background-color: #cdcdcd;
        color: black;
        font: lighter 11px "Arial";
        text-decoration: underline;
        padding: 1px 2px 3px 0px;
        margin-left: -50px;
    }

.fancybox-skin {
    padding: 40px 50px;
}

.fancybox-inner p {
    font-size: 13px;
    line-height: 1.4;
    margin: 1em 0;
}

.fancybox-inner .title {
    border-bottom: 1px solid #CCC;
    font-size: 20px;
    padding-bottom: 0.8em;
    position: relative;
}

    .fancybox-inner .title:first-of-type {
        margin-top: 0;
    }

    .fancybox-inner .title:after {
        background: #ca3e2f;
        bottom: -1px;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        width: 50px;
    }

    .fancybox-inner .title b {
        color: #ca3e2f;
    }

.fancybox-inner .subtitle {
    color: #ca3e2f;
    font-size: 16px;
    font-weight: bold;
}

body.show-loader .fancybox-overlay {
    background: rgba(255,255,255,0.9);
}

body.show-loader .fancybox-skin {
    background: white;
    border: 1px solid #dddddd;
    border-radius: 5px;
    box-shadow: none;
    moz-border-radius: 5px;
    ms-border-radius: 5px;
    o-border-radius: 5px;
    padding: 0 !important;
    text-align: center;
    -webkit-border-radius: 5px;
}

table th {
    font-weight: bold;
}

table td, table th {
    padding: 9px 10px;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        left: 0;
        overflow: hidden;
        /*overflow-x: scroll;*/
        position: absolute;
        top: 0;
        width: 35%;
    }

        .pinned table {
            width: 100%;
        }

            .pinned table th, .pinned table td {
                white-space: nowrap;
            }

        .pinned td:last-child {
            border-bottom: 0;
        }

    div.table-wrapper {
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
    }

        div.table-wrapper div.scrollable {
            margin-left: 35%;
        }

        div.table-wrapper div.scrollable {
            overflow: scroll;
            overflow-y: hidden;
        }

    table.responsive td, table.responsive th {
        overflow: hidden;
        position: relative;
        white-space: nowrap;
    }

    table.responsive.pinned td {
        display: none;
    }

    table.responsive td {
        border: 1px solid #dddddd;
    }
}

.white .breadcrumbs a, .news-block .breadcrumbs a {
    color: #666;
}

    .white .breadcrumbs a.ico-home, .news-block .breadcrumbs a.ico-home {
        background-image: url("../images/icons/png/home-black.png");
    }

    .white .breadcrumbs a:after, .news-block .breadcrumbs a:after {
        content: url("../images/icons/png/breadcrumbs-arrow-black.png");
    }

.sidebar {
    padding: 0 10px;
}

.page-content, .news-item {
    color: #666666;
    font-size: 14px;
    padding: 0 30px;
}

    .page-content ul, .news-item ul {
        float: none;
        padding-left: 15px;
    }

    .page-content b, .news-item b {
        color: #333333;
    }

    .page-content blockquote, .news-item blockquote {
        border-color: #dddddd;
        border-style: solid;
        border-width: 1px 0 1px 0;
        color: #333333;
        margin: 1.6em 0;
        padding: 1em 0;
        position: relative;
    }

        .page-content blockquote:before, .news-item blockquote:before, .page-content blockquote:after, .news-item blockquote:after {
            display: block;
            font-size: 40px;
            position: absolute;
            text-align: center;
            width: 100%;
        }

        .page-content blockquote:before, .news-item blockquote:before {
            content: '“';
            top: -20px;
        }

        .page-content blockquote:after, .news-item blockquote:after {
            bottom: -40px;
            content: '”';
        }

        .page-content blockquote p, .news-item blockquote p {
            color: #666666;
            font-style: italic;
            margin-top: 0;
        }

        .page-content blockquote img, .news-item blockquote img {
            float: left;
            width: auto;
        }

#cookies-warning {
    background: #FFF;
    border-bottom: 4px solid #333;
    overflow: hidden;
}

#cookies-471 p {
    font-size: 13px;
}

#cookies-warning ul {
    margin-bottom: 1em;
}

#cookies-warning li {
    display: inline-block;
    margin-right: 20px;
}

#cookies-warning a {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

    #cookies-warning a.close {
        color: #ca3e2f;
    }

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/******************************************** NUEVO HUECO PARA CLASES CSS *********************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/


html.funnel {
    background-color: whitesmoke;
}

    html.funnel a img, html.funnel fieldset {
        border: 0;
    }

    html.funnel .accessible {
        display: none !important;
    }

    html.funnel section[role=header] {
        border-bottom: 4px solid #E9E9E9;
    }

        html.funnel .row section[role=header] > .row-title,
        .row html.funnel section[role=header] > .row-title,
        html.funnel .news-block section[role=header] > .row-title,
        .news-block html.funnel section[role=header] > .row-title,
        html.funnel section[role=header] > .product-slogan,
        html.funnel section[role=header] > .why-contract,
        html.funnel section[role=header] > .news-big,
        html.funnel section[role=header] > .flexlider-examples,
        html.funnel .row.bg-centered section[role=header] > p,
        .row.bg-centered html.funnel section[role=header] > p,
        html.funnel .bg-centered.news-block section[role=header] > p,
        .bg-centered.news-block html.funnel section[role=header] > p,
        html.funnel .row.bg-centered section[role=header] > .main-title,
        .row.bg-centered html.funnel section[role=header] > .main-title,
        html.funnel .bg-centered.news-block section[role=header] > .main-title,
        .bg-centered.news-block html.funnel section[role=header] > .main-title,
        html.funnel section[role=header] > .distro-blocks,
        html.funnel .contacto .row.contact-cnt section[role=header] > .contact-data,
        .contacto .row.contact-cnt html.funnel section[role=header] > .contact-data,
        html.funnel .contacto .contact-cnt.news-block section[role=header] > .contact-data,
        .contacto .contact-cnt.news-block html.funnel section[role=header] > .contact-data,
        html.funnel .contacto section[role=header] > .contact-tit,
        .contacto html.funnel section[role=header] > .contact-tit,
        html.funnel .x404 .row.row-top section[role=header] > .cnt-404,
        .x404 .row.row-top html.funnel section[role=header] > .cnt-404,
        html.funnel .x404 .row-top.news-block section[role=header] > .cnt-404, .x404 .row-top.news-block html.funnel section[role=header] > .cnt-404 {
            padding-bottom: 18px;
        }

        html.funnel section[role=header] h1 {
            /*color: #333333;
            float: left;
            font-size: 18px;
            font-weight: normal;
            line-height: 1.2em;
            margin-left: 7%;
            margin-top: 19px;
            width: 40%;*/
            color: #333333;
            float: left;
            font-size: 18px;
            font-weight: normal;
            line-height: 1.2em;
            text-align: center;
            margin: 5px 0 0 0;
        }

            html.funnel section[role=header] h1 strong {
                /*color: #d23933;
                font-weight: normal;*/
                display: block;
                color: #d23933;
                font-size: 21px;
                font-weight: 600;
            }

        html.funnel section[role=header] h2 {
            clear: both;
            color: #666666;
            font-size: 16px;
            font-weight: normal;
            line-height: 1.2em;
        }

        html.funnel section[role=header] .claim {
            border-bottom: 1px solid #dddddd;
            border-top: 1px solid #dddddd;
            padding-bottom: 16px;
            padding-top: 13px;
        }

        html.funnel section[role=header] .head-actions .smartphone {
            margin-right: 0;
        }

    html.funnel section[role=footer] {
        background: whitesmoke;
        padding: 0;
    }

        html.funnel section[role=footer] .fine-print {
            border-top-color: #dddddd;
        }

    html.funnel .main {
        box-shadow: #cccccc 0 0 10px;
        margin-bottom: 100px;
        min-height: 496px;
        text-align: center;
    }

        html.funnel .main .title {
            color: #333333;
            font-size: 24px;
            font-weight: bold;
            line-height: 1.2em;
            margin: 0 0 20px;
        }

        html.funnel .main .pvxb {
            padding-bottom: 92px;
            padding-top: 92px;
        }

        html.funnel .main fieldset {
            margin: 0;
            padding: 0;
        }

        html.funnel .main .lblDatosAsegurados {
            color: #ca3e2f;
            font-weight: normal;
            font-size: 14px;
        }

            html.funnel .main .lblDatosAsegurados span {
                color: #333333;
                font-weight: bold;
            }

    html.funnel form.w-medium {
        margin: 0 auto;
        text-align: left;
        width: 45%;
    }

        html.funnel form.w-medium .btn {
            width: 60%;
        }

    html.funnel form.w-small {
        margin: 0 auto;
        text-align: left;
        width: 35%;
    }

        html.funnel form.w-small .btn {
            width: 71%;
        }

    html.funnel form.w-large {
        padding-bottom: 60px;
        padding-left: 100px;
        padding-top: 60px;
        text-align: left;
        width: 90%;
    }

        html.funnel form.w-large .btn {
            width: 30%;
        }

    html.funnel form.breeds {
        margin: 0 auto;
        padding-top: 50px;
        text-align: left;
        width: 77%;
    }

    html.funnel .ico-question-tip {
        height: 25px;
        width: 25px;
    }

    html.funnel .link-more {
        font-size: 18px;
        font-weight: 700;
        text-decoration: underline;
    }

html.funnel-success {
    background: url("../images/bg-white-gray.png") repeat-x top left #fff;
}

    html.funnel-success a img, html.funnel-success fieldset {
        border: 0;
        padding: 0;
    }

    html.funnel-success p {
        margin: 0;
        padding: 0;
    }

    html.funnel-success .accessible {
        display: none !important;
    }

    html.funnel-success section[role=header] {
        margin-bottom: 0px;
        border-bottom: 4px solid #E9E9E9;
    }

        html.funnel-success .row section[role=header] > .row-title,
        .row html.funnel-success section[role=header] > .row-title,
        html.funnel-success .news-block section[role=header] > .row-title, .news-block html.funnel-success section[role=header] > .row-title, html.funnel-success section[role=header] > .product-slogan, html.funnel-success section[role=header] > .why-contract, html.funnel-success section[role=header] > .news-big,
        html.funnel-success section[role=header] > .flexlider-examples,
        html.funnel-success .row.bg-centered section[role=header] > p,
        .row.bg-centered html.funnel-success section[role=header] > p,
        html.funnel-success .bg-centered.news-block section[role=header] > p,
        .bg-centered.news-block html.funnel-success section[role=header] > p,
        html.funnel-success .row.bg-centered section[role=header] > .main-title,
        .row.bg-centered html.funnel-success section[role=header] > .main-title,
        html.funnel-success .bg-centered.news-block section[role=header] > .main-title,
        .bg-centered.news-block html.funnel-success section[role=header] > .main-title,
        html.funnel-success section[role=header] > .distro-blocks,
        html.funnel-success .contacto .row.contact-cnt section[role=header] > .contact-data,
        .contacto .row.contact-cnt html.funnel-success section[role=header] > .contact-data,
        html.funnel-success .contacto .contact-cnt.news-block section[role=header] > .contact-data,
        .contacto .contact-cnt.news-block html.funnel-success section[role=header] > .contact-data,
        html.funnel-success .contacto section[role=header] > .contact-tit,
        .contacto html.funnel-success section[role=header] > .contact-tit,
        html.funnel-success .x404 .row.row-top section[role=header] > .cnt-404, .x404 .row.row-top html.funnel-success section[role=header] > .cnt-404,
        html.funnel-success .x404 .row-top.news-block section[role=header] > .cnt-404,
        .x404 .row-top.news-block html.funnel-success section[role=header] > .cnt-404 {
            padding-bottom: 18px;
        }

        html.funnel-success section[role=header] h1 {
            /*color: #333333;
            float: left;
            font-size: 18px;
            font-weight: normal;
            line-height: 1.2em;
            margin-left: 7%;
            margin-top: 19px;
            width: 40%;*/
            color: #333333;
            float: left;
            font-size: 18px;
            font-weight: normal;
            line-height: 1.2em;
            text-align: center;
            margin: 5px 0 0 0;
        }

            html.funnel-success section[role=header] h1 strong {
                /*color: #d23933;
                font-weight: normal;*/
                display: block;
                color: #d23933;
                font-size: 21px;
                font-weight: 600;
            }

        html.funnel-success section[role=header] .head-actions .smartphone {
            margin-right: 0;
        }

    html.funnel-success section[role=footer] {
        background: whitesmoke;
        padding: 0;
    }

        html.funnel-success section[role=footer] .fine-print {
            border-top-color: #dddddd;
        }

    html.funnel-success .main {
        background-color: transparent;
        min-height: 496px;
    }

    html.funnel-success .ico-down, html.funnel-success .ico-up {
        height: 26px;
        width: 26px;
    }

html.hire-insurance {
    background: url("../images/bg-hire-insurances.png") repeat-x left 144px #fff;
}

    html.hire-insurance.bg-one-line {
        background: url("../images/bg-one-line.png") repeat-x left 144px #fff;
    }

    html.hire-insurance.bg-one-line-down {
        background: url("../images/bg-one-line-down.png") repeat-x left 144px #fff;
    }

    html.hire-insurance a img,
    html.hire-insurance fieldset {
        border: 0;
    }

    html.hire-insurance fieldset {
        margin: 0;
        padding: 0;
    }

    html.hire-insurance .accessible {
        display: none !important;
    }

    html.hire-insurance section[role=header] {
        border-bottom: 4px solid #E9E9E9;
        margin-bottom: 27px;
    }

        html.hire-insurance .row section[role=header] > .row-title,
        .row html.hire-insurance section[role=header] > .row-title,
        html.hire-insurance .news-block section[role=header] > .row-title,
        .news-block html.hire-insurance section[role=header] > .row-title,
        html.hire-insurance section[role=header] > .product-slogan,
        html.hire-insurance section[role=header] > .why-contract,
        html.hire-insurance section[role=header] > .news-big,
        html.hire-insurance section[role=header] > .flexlider-examples,
        html.hire-insurance .row.bg-centered section[role=header] > p,
        .row.bg-centered html.hire-insurance section[role=header] > p,
        html.hire-insurance .bg-centered.news-block section[role=header] > p,
        .bg-centered.news-block html.hire-insurance section[role=header] > p,
        html.hire-insurance .row.bg-centered section[role=header] > .main-title,
        .row.bg-centered html.hire-insurance section[role=header] > .main-title,
        html.hire-insurance .bg-centered.news-block section[role=header] > .main-title,
        .bg-centered.news-block html.hire-insurance section[role=header] > .main-title,
        html.hire-insurance section[role=header] > .distro-blocks,
        html.hire-insurance .contacto .row.contact-cnt section[role=header] > .contact-data,
        .contacto .row.contact-cnt html.hire-insurance section[role=header] > .contact-data,
        html.hire-insurance .contacto .contact-cnt.news-block section[role=header] > .contact-data,
        .contacto .contact-cnt.news-block html.hire-insurance section[role=header] > .contact-data,
        html.hire-insurance .contacto section[role=header] > .contact-tit,
        .contacto html.hire-insurance section[role=header] > .contact-tit,
        html.hire-insurance .x404 .row.row-top section[role=header] > .cnt-404,
        .x404 .row.row-top html.hire-insurance section[role=header] > .cnt-404,
        html.hire-insurance .x404 .row-top.news-block section[role=header] > .cnt-404, .x404 .row-top.news-block html.hire-insurance section[role=header] > .cnt-404 {
            padding-bottom: 18px;
        }

        html.hire-insurance section[role=header] h1 {
            /*color: #333333;
            float: left;
            font-size: 18px;
            font-weight: normal;
            line-height: 1.2em;
            margin-left: 7%;
            margin-top: 19px;
            width: 40%;*/
            color: #333333;
            float: left;
            font-size: 18px;
            font-weight: normal;
            line-height: 1.2em;
            text-align: center;
            margin: 5px 0 0 0;
        }

            html.hire-insurance section[role=header] h1 strong {
                /*color: #d23933;
                font-weight: normal;*/
                display: block;
                color: #d23933;
                font-size: 21px;
                font-weight: 600;
            }

        html.hire-insurance section[role=header] h2 {
            clear: both;
            color: #666666;
            font-size: 16px;
            font-weight: normal;
            line-height: 1.2em;
        }

        html.hire-insurance section[role=header] .claim {
            border-bottom: 1px solid #dddddd;
            border-top: 1px solid #dddddd;
            padding-bottom: 16px;
            padding-top: 13px;
        }

        html.hire-insurance section[role=header] .head-actions .smartphone {
            margin-right: 0;
        }

    html.hire-insurance section[role=footer] {
        background: white;
        clear: both;
        padding: 0;
    }

        html.hire-insurance section[role=footer] .fine-print {
            border-top-color: #dddddd;
        }

    html.hire-insurance .ico-down-red-small, html.hire-insurance .ico-up-red-small {
        height: 7px;
        width: 10px;
    }

/******************************************************************************/

.company-numbers {
    background: #FFF;
    overflow: hidden;
    padding: 30px;
}

    .company-numbers > li {
        border-bottom: 1px solid #dddddd;
        float: left;
        height: 125px;
        padding-top: 25px;
        width: 35%;
    }

        .company-numbers > li:nth-child(even) {
            border-left: 1px solid #dddddd;
            padding-left: 35px;
            width: 65%;
        }

        .company-numbers > li.full {
            height: auto;
            width: 100%;
        }

        .company-numbers > li img {
            display: block;
            margin: -15px auto 0;
        }

        .company-numbers > li ul {
            padding-bottom: 20px;
        }

        .company-numbers > li li {
            color: #666666;
            display: inline-block;
            font-size: 16px;
            padding-bottom: 15px;
            width: 49%;
        }

            .company-numbers > li li a {
                font-weight: bold;
                text-decoration: underline;
            }

    .company-numbers dl, .company-numbers dt, .company-numbers dd {
        display: block;
        font: 300 14px/1.3 "Kanit", Arial, sans-serif;
        margin: 0;
        padding: 0;
    }

    .company-numbers dd {
        color: #ca3e2f;
        font-size: 50px;
    }

        .company-numbers dd span {
            font-size: 27px;
        }

        .company-numbers dd b {
            display: block;
            line-height: 1.2;
            margin: 0 auto;
            width: 35px;
        }

    .company-numbers .info-btn {
        background: url("../images/icons/png/question-mark.png") no-repeat center center;
        display: inline-block;
        height: 18px;
        margin-left: 5px;
        vertical-align: middle;
        width: 18px;
    }

    .company-numbers .subtitle {
        color: #333333;
    }

        .company-numbers .subtitle b {
            font-weight: bold;
        }

/******************************************************************************/

.div-listado-razas,
.div-listado-cias,
.div-telf-asistencia {
    background: #FFF;
    padding: 30px;
}

    .div-listado-razas .company,
    .div-listado-cias .company,
    .div-telf-asistencia .company {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1px solid #dddddd;
        font-size: 14px;
        line-height: 1.6;
        overflow: hidden;
        padding: 10px 0;
    }

    .div-telf-asistencia .company {
        align-items: center;
    }

        .div-listado-cias .company:nth-child(odd),
        .div-telf-asistencia .company:nth-child(odd) {
            background: #F3F3F3;
        }

        .div-listado-razas .company:last-of-type,
        .div-listado-cias .company:last-of-type,
        .div-telf-asistencia .company:last-of-type {
            border-bottom: 0;
        }

    .div-listado-razas .company:last-child,
    .div-listado-cias .company:last-child {
        justify-content: flex-start;
    }

    .div-listado-cias .company .figure {
        width: 33.333%;
        text-align: center;
        align-self: center;
    }

    .div-listado-razas .company .figureRaza {
        width: 32.3%;
        min-height: 220px;
        padding: 10px;
        border: 1.5px solid #d8d8d8;
        box-shadow: 2px 1px 0px 0px #999797, 3px 2px 6px 1px #4242428a;
        margin: 0 0.5%;
    }

        .div-listado-razas .company .figureRaza a {
            display: flex;
            flex-direction: column;
            text-align: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }

            .div-listado-razas .company .figureRaza a:hover {
                opacity: 0.7;
                transform: scale(1.02);
            }

            .div-listado-razas .company .figureRaza a img {
                max-width: 100%;
                height: 110px;
                object-fit: cover;
            }

            .div-listado-razas .company .figureRaza a .nombreRaza {
                width: 100%;
                font-size: 17px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.14;
                letter-spacing: 0.09px;
                text-align: center;
                color: #000;
                text-transform: uppercase;
                margin: auto;
            }

    .div-telf-asistencia .company .figure {
        width: 30%;
        text-align: center;
    }

        .div-listado-cias .company .figure a img,
        .div-telf-asistencia .company .figure img {
            width: 180px;
        }

    .div-telf-asistencia .company ul {
        display: inline-block;
        vertical-align: middle;
        width: 70%;
    }

        .div-telf-asistencia .company ul .nombreCia {
            font-family: Kanit;
            font-size: 16px;
            text-transform: uppercase;
            text-decoration-line: underline;
            color: #ab1617;
            font-weight: 600;
            float: left;
            padding-right: 10px;
        }

    .div-telf-asistencia .company .service {
        color: #333333;
        display: inline-block;
        font-weight: bold;
        width: 55%;
        text-align: start;
    }

    .div-telf-asistencia .company .phone {
        color: #666666;
        display: inline-table;
        width: 44%;
        text-align: end;
        padding-right: 10px;
    }

/******************************************************************************/

@media only screen and (min-width: 767px) and (max-width: 1024px) {

    html .funnel section[role=header] h1 {
        margin-top: 9px;
        width: 25%;
    }

    html.funnel section[role=header] .claim {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) and (orientation: portrait) {
    html.funnel form.w-small {
        width: 42%;
    }

    html.funnel form.w-medium {
        width: 58%;
    }

    /******************************************************************************/
}

@media only screen and (max-width: 767px) {
    .btn {
    }

    /******************************************************************************/

    html.funnel section[role=header] {
        border-bottom: 1px solid #dddddd;
        position: relative;
    }

    html.funnel .main {
        box-shadow: none;
        margin-bottom: 0;
        min-height: 96px;
    }

        html.funnel .main .title {
            font-size: 23px;
        }

        html.funnel .main .pvxb {
            padding-bottom: 30px;
            padding-top: 30px;
        }

    html.funnel form .custom-radio label {
        text-transform: uppercase;
    }

    html.funnel form.w-medium, html.funnel form.w-small {
        padding: 0 10px;
        width: 100%;
    }

    html.funnel form.w-large, html.funnel form.breeds {
        padding: 30px 10px;
        text-align: left;
        width: 100%;
    }

        html.funnel form.w-large .btn, html.funnel form.breeds .btn {
            width: 80%;
        }

    html.funnel-success .main {
        max-width: 625px;
        margin: auto;
    }

    html.funnel section[role=header] #logo,
    html.funnel-success section[role=header] #logo,
    html.hire-insurance section[role=header] #logo {
        margin-top: -19px;
        margin-left: 6px;
    }

    .cias-sli-container .cias-sli-track {
        animation: scroll 120s linear infinite;
    }

    /******************************************************************************/

    .company-numbers {
        padding: 5% 3%;
    }

        .company-numbers li {
            border-left: 0 !important;
            float: none;
            padding: 25px 0 0 0 !important;
            width: 100% !important;
        }

            .company-numbers li img {
                margin: -15px 0 0;
            }

        .company-numbers dd b {
            margin: 0;
        }

    /******************************************************************************/

    .div-listado-razas {
        padding: 0 12px;
    }

    .div-listado-cias,
    .div-telf-asistencia {
        padding: 5% 3%;
    }

        .div-listado-razas .company,
        .div-listado-cias .company {
            flex-wrap: wrap;
        }

            .div-listado-razas .company .figureRaza {
                width: 50%
            }

                .div-listado-razas .company .figureRaza a {
                    align-items: center;
                }

                    .div-listado-razas .company .figureRaza a img {
                        width: 70%;
                    }

                    .div-listado-razas .company .figureRaza a .nombreRaza {
                        width: 70%;
                    }

        .div-telf-asistencia .company .service,
        .div-telf-asistencia .company .phone {
            display: block;
            width: 100%;
            text-align: center;
            float: none;
            padding-right: 0;
        }

        .div-telf-asistencia .company .phone {
            padding-bottom: 5px;
        }

    /******************************************************************************/

    .menuArticulo.div-listado-razas .company .figureRaza a img {
        height: 140px;
    }
}

@media only screen and (max-width: 580px) {
    .div-listado-cias .company .figure,
    .div-listado-cias .company:last-child .figure:last-child {
        width: 50%;
    }

        .div-listado-cias .company .figure:last-child {
            width: 100%;
        }

    .div-listado-razas .company .figureRaza {
        width: 100%;
    }

        .div-listado-razas .company .figureRaza a img {
            width: 70%;
            height: 100%;
        }

        .div-listado-razas .company .figureRaza a .nombreRaza {
            width: 70%;
            font-size: 20px;
        }

    .div-telf-asistencia .company {
        flex-direction: column;
    }

        .div-telf-asistencia .company .figure {
            width: 100%;
            text-align: center;
        }

            .div-telf-asistencia .company .figure img {
                width: 200px;
            }

        .div-telf-asistencia .company ul {
            width: 100%;
        }

    /******************************************************************************/

    .menuArticulo.div-listado-razas .company .figureRaza a img {
        height: auto;
    }
}

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

@media only screen and (max-width: 375px) {
    .banner-wide {
        height: 670px;
        background: linear-gradient(to top, #d8d8d8 0%, #d8d8d8 70%, #fff 70%, #fff 100%);
        padding: 0 20px;
    }

        .banner-wide > img {
            width: 100vw;
        }

    /******************************************************************************/

    .div-listado-razas .company,
    .div-listado-cias .company,
    .div-telf-asistencia .company {
        text-align: center;
    }

        .div-listado-cias .company .figure a img,
        .div-listado-cias .company:last-child .figure:last-child a img,
        .div-telf-asistencia .company .figure a img {
            width: 140px;
            max-width: 80%;
        }

        .div-listado-cias .company .figure:last-child a img,
        .div-telf-asistencia.company .figure:last-child a img {
            width: 140px;
            max-width: 40%;
        }

        .div-listado-razas .company .figureRaza a .nombreRaza {
            font-size: 20px;
        }
}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/************************************************* FIN NUEVO HUECO ****************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/

.wide-slider > .row-title {
    text-align: center;
}

.wide-slider .subtitle {
    color: #FFF;
}

.wide-slider .slides {
    min-height: 400px;
}

.wide-slider .slide {
    float: left;
    position: relative;
}

    .wide-slider .slide > img {
        min-height: 400px;
    }

    .wide-slider .slide .content2 {
        left: 70%;
        padding-top: 150px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 25%;
    }

        .wide-slider .slide .content2 img {
            display: block;
            margin: 0 auto;
            max-width: 120px;
            width: 30%;
        }

    .wide-slider .slide .content {
        left: 5%;
        padding-top: 150px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 25%;
    }

        .wide-slider .slide .content img {
            display: block;
            margin: 0 auto;
            max-width: 120px;
            width: 30%;
        }

.flex-control-nav {
    bottom: 20px;
}

    .flex-control-nav li {
        vertical-align: middle;
    }

        .flex-control-nav li a {
            background: rgba(255,255,255,.9);
            border-radius: 0;
            box-shadow: 0 none;
            height: 8px;
            moz-transform: rotate(45deg);
            ms-transform: rotate(45deg);
            o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            width: 8px;
            filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475,M22=0.7071067811865476); /* IE6,IE7 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475,M22=0.7071067811865476)"; /* IE8 */
        }

            .flex-control-nav li a.flex-active {
                background: #D23A35;
                height: 12px;
                width: 12px;
            }

.flex-direction-nav a {
    background: url("../images/icons/png/slider-arrows.png") no-repeat left center;
    font-size: 0;
    height: 74px;
    line-height: 0;
    opacity: 1;
    overflow: hidden;
}

    .flex-direction-nav a:before {
        content: '';
        display: none;
    }

.flex-direction-nav .flex-prev {
    left: 25px;
}

.flex-direction-nav .flex-next {
    background-position: right center;
    right: 25px;
}

.flexlider {
    position: relative;
}

    .flexlider .slide img {
        display: block;
        width: 100%;
    }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .wide-slider .slide > img {
        width: 125%;
    }

    .wide-slider .slide .content {
        left: 5%;
        width: 40%;
    }

    .wide-slider .flex-direction-nav {
        display: block;
    }

        .wide-slider .flex-direction-nav a {
            background: url("../images/icons/png/wide-arrows.png") no-repeat left center;
            height: 24px;
            top: 58%;
            width: 15px;
        }

        .wide-slider .flex-direction-nav .flex-prev {
            left: 3%;
        }

        .wide-slider .flex-direction-nav .flex-next {
            background-position: right center;
            right: 2.5%;
        }
}

@media only screen and (max-width: 767px) {
    .wide-slider .slide > img {
        left: 0;
        position: absolute;
        top: 0;
        width: 300%;
    }

    .wide-slider .slide .content {
        background: black;
        left: 0;
        padding: 17% 16%;
        position: relative;
        width: 100%;
        height: 550px;
    }

    .wide-slider .slide .content2 {
        background: black;
        left: 0;
        padding: 17% 16%;
        position: relative;
        width: 100%;
        height: 550px;
    }

    .wide-slider .flex-direction-nav {
        display: block;
    }

        .wide-slider .flex-direction-nav a {
            background: url("../images/icons/png/wide-arrows.png") no-repeat left center;
            height: 24px;
            top: 58%;
            width: 15px;
        }

        .wide-slider .flex-direction-nav .flex-prev {
            left: 3%;
        }

        .wide-slider .flex-direction-nav .flex-next {
            background-position: right center;
            right: 2.5%;
        }
}

.flexlider-brands {
    margin-bottom: 50px;
    position: relative;
}

    .flexlider-brands .flex-viewport {
        border-bottom: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
        box-shadow: 0 3px 0 0 rgba(204,204,204,0.6);
        padding: 20px 45px;
    }

    .flexlider-brands .slides {
        min-height: 0;
    }

    .flexlider-brands .slide > img {
        display: block;
        margin: 0 auto;
        min-height: 0;
        width: auto;
    }

    .flexlider-brands .flex-direction-nav a {
        background: url("../images/icons/png/brands-arrows.png") no-repeat left center;
        height: 24px;
        top: 58%;
        width: 15px;
    }

    .flexlider-brands .flex-direction-nav .flex-prev {
        left: 10px;
    }

    .flexlider-brands .flex-direction-nav .flex-next {
        background-position: right center;
        right: 10px;
    }

    .flexlider-brands .flex-control-nav {
        bottom: -30px;
    }

        .flexlider-brands .flex-control-nav .flex-active {
            height: 9px;
            width: 9px;
        }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .flexlider-brands .flex-viewport {
        padding: 20px 0;
    }

    .flexlider-brands .slide > img {
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .flexlider-brands .flex-viewport {
        padding: 20px 0;
    }

    .flexlider-brands .slide {
        margin: 0 15px;
    }

        .flexlider-brands .slide > img {
            position: static;
            width: auto;
        }
}

.product-slogan {
    z-index: 1 !important;
}

    .product-slogan .title {
        color: #FFF;
        width: 75%;
    }

        .product-slogan .title b {
            font-family: "Kanit", Arial, sans-serif;
            font-weight: 700;
        }

    .product-slogan .subtitle {
        color: #FFF;
    }

        .product-slogan .subtitle a {
            color: #FFF;
            font-weight: bold;
            text-decoration: underline;
        }

@media only screen and (max-width: 767px) {
    .product-slogan .subtitle a {
        color: #ca3e2f;
    }
}

.product-slogan .action {
    margin-bottom: 75px;
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .product-slogan {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .product-slogan {
        background: #FFF;
        margin-bottom: 3%;
        padding: 15px;
        position: relative;
        width: 96%;
        z-index: 10;
    }

        .product-slogan .row-title {
            width: 100%;
        }

        .product-slogan .title, .product-slogan .subtitle, .product-slogan a {
            color: #333333;
        }

            .product-slogan .title br, .product-slogan .subtitle br, .product-slogan a br {
                display: none;
            }

            .product-slogan .title b, .product-slogan .subtitle b, .product-slogan a b {
                color: #ca3e2f;
            }

        .product-slogan .action {
            margin-bottom: 1em;
            text-align: center;
        }

        .product-slogan .btn {
            color: #FFF;
        }
}

.why-contract {
    background: #FFF;
}

    .why-contract .row-title {
        padding-top: 1.5em;
    }

    .why-contract .slides {
        padding-bottom: 15px;
    }

    .why-contract .slide {
        float: left;
        text-align: center;
        width: 25%;
    }

    .why-contract .slideSpecial {
        float: left;
        text-align: center;
        width: 100%;
    }

    .why-contract .slide img {
        display: block;
        margin: 0 auto;
    }

    .why-contract .slide .subtitle {
        color: #212121;
        font-size: 14px;
    }

    .why-contract .slideSpecial .subtitle {
        color: #212121;
        font-size: 14px;
    }

    .why-contract .slide p {
        color: #666666;
        font-size: 13px;
        margin: 0.5em 0;
        padding: 0 25px;
    }

    .why-contract .slideSpecial p {
        /*color: #666666;*/
        font-size: 13px;
        margin: 0.5em 0;
        padding: 0 25px;
    }

        .why-contract .slideSpecial p.smiley {
            font-size: 16px;
            text-align: justify;
        }

            .why-contract .slideSpecial p.smiley .red {
                color: #ca3e2f;
            }

    .why-contract .flex-direction-nav, .why-contract .flex-control-nav {
        display: none;
    }

    .why-contract.grey .row-title {
        padding-top: 80px;
    }

        .why-contract.grey .row-title.row-title-google-rating {
            padding-top: 45px;
        }

    .why-contract.grey .slides {
        background: whitesmoke;
        padding: 15px 0;
    }

    .why-contract.grey .slide {
        position: relative;
    }

        .why-contract.grey .slide:before {
            background: #dddddd;
            content: ' ';
            height: 100px;
            left: 0;
            position: absolute;
            top: 35px;
            width: 1px;
        }

        .why-contract.grey .slide:first-child:before {
            content: none;
        }

@media only screen and (max-width: 767px) {
    .why-contract {
        padding-bottom: 20px;
        position: relative;
    }

        .why-contract .bg {
            background: whitesmoke;
            margin: 0 8%;
            padding: 20px;
        }

        .why-contract.grey .slides {
            background: transparent;
            padding: 0 0 15px 0;
        }

        .why-contract .flex-control-nav {
            bottom: 0;
            display: block;
        }

        .why-contract .flex-direction-nav {
            display: block;
        }

            .why-contract .flex-direction-nav a {
                background: url("../images/icons/png/brands-arrows.png") no-repeat left center;
                height: 24px;
                top: 58%;
                width: 15px;
            }

            .why-contract .flex-direction-nav .flex-prev {
                left: 3%;
            }

            .why-contract .flex-direction-nav .flex-next {
                background-position: right center;
                right: 2.5%;
            }
}

.faq-block {
    /*padding-right: 25px;*/
    padding-bottom: 25px;
}

    .faq-block .row-title {
        text-align: left;
    }

    .faq-block .accordion {
        border: 1px solid #dddddd;
        box-shadow: 0 3px 0 0 rgba(204,204,204,0.6);
    }

    .faq-block .accordion-item {
        background: url("../images/icons/png/accordion-arrow-closed.png") no-repeat 28px 18px;
        border-bottom: 1px solid #dddddd;
        overflow: hidden;
        padding: 15px 15px 0 80px;
    }

        .faq-block .accordion-item:last-of-type {
            border-bottom: 0;
        }

        .faq-block .accordion-item.active {
            background-color: #FAFAFA;
            background-image: url("../images/icons/png/accordion-arrow-open.png");
        }

            .faq-block .accordion-item.active p {
                display: block;
            }

            .faq-block .accordion-item.active h4 {
                display: block;
            }

        .faq-block .accordion-item .accordion-title {
            color: #212121;
            cursor: pointer;
            display: block;
            font-weight: 700;
            margin-top: 0;
        }

        .faq-block .accordion-item p {
            color: #666666;
            display: none;
            font-size: 14px;
        }

        .faq-block .accordion-item h3 {
            color: #666666;
            display: none;
            font-size: 14px;
        }

        .faq-block .accordion-item h4 {
            color: #666666;
            display: none;
            font-size: 14px;
        }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .faq-block {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .faq-block {
        padding: 0 10px;
    }

        .faq-block .accordion-item {
            background-position: 16px 18px;
            padding-left: 50px;
        }

        .faq-block .row-title {
            text-align: center;
        }
}

.small-news-block .row-title {
    border-bottom: 1px solid #dddddd;
    position: relative;
    text-align: left;
}

    .small-news-block .row-title:after {
        background: #ca3e2f;
        bottom: -1px;
        content: ' ';
        height: 1px;
        left: 0;
        position: absolute;
        width: 15%;
    }

.small-news-block .news-items li {
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
}

    .small-news-block .news-items li a {
        color: #333333;
    }

        .small-news-block .news-items li a.more {
            color: #ca3e2f;
            text-decoration: underline;
        }

    .small-news-block .news-items li:last-child {
        border-bottom: 0 none;
    }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .small-news-block {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .small-news-block {
        padding: 0 10px;
    }

        .small-news-block > .row-title {
            text-align: left;
        }
}

.news-big .row-title {
    border-bottom: 1px solid #dddddd;
    position: relative;
    text-align: left;
}

    .news-big .row-title:after {
        background: #ca3e2f;
        bottom: -1px;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        width: 50px;
    }

.news-big .news-block {
    overflow: hidden;
}

.news-big .news-item {
    border-left: 1px solid #dddddd;
    float: left;
    margin-bottom: -80px;
    padding: 20px 20px 100px;
    width: 25%;
}

    .news-big .news-item:first-child {
        border-left: 0;
    }

    .news-big .news-item img {
        display: block;
        height: auto;
        margin: 0 auto 0.8em;
        width: 100%;
    }

    .news-big .news-item p {
        color: #666666;
        font-size: 13px;
    }

    .news-big .news-item .subtitle {
        color: #333333;
        display: block;
        font-size: 14px;
        font-weight: bold;
    }

    .news-big .news-item .more {
        font-size: 13px;
        text-decoration: underline;
    }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .news-big {
        padding: 0 10px;
    }

        .news-big .news-item {
            width: 33.33333%;
        }

            .news-big .news-item:nth-child(4) {
                display: none;
            }
}

@media only screen and (max-width: 767px) {
    .news-big {
        padding: 0 10px;
    }

        .news-big .news-item {
            border-bottom: 1px solid #dddddd;
            border-left: 0;
            float: none;
            margin: 0;
            padding: 10px 0;
            width: 100%;
        }

            .news-big .news-item .subtitle {
                color: #666666;
                font-weight: normal;
            }

            .news-big .news-item p, .news-big .news-item img, .news-big .news-item .more {
                display: none;
            }
}

.flexlider-examples {
    border: 1px solid #dddddd;
    box-shadow: 0 3px 0 0 rgba(204,204,204,0.6);
    margin-bottom: 3px;
}

    .flexlider-examples .slides {
        overflow: hidden;
    }

    .flexlider-examples .slide {
        float: left;
        width: 25%;
    }

        .flexlider-examples .slide .product {
            border-left: 1px solid #dddddd;
            margin-bottom: -85px;
            padding: 15px 15px 100px;
        }

        .flexlider-examples .slide:first-child {
            border-left: 0;
        }

        .flexlider-examples .slide img {
            display: block;
            margin: 0 auto;
            width: 100%;
        }

    .flexlider-examples p {
        color: #666666;
        font-size: 13px;
        margin: 5px 0;
        text-align: center;
    }

    .flexlider-examples .subtitle {
        color: #333333;
        font-size: 15px;
        font-weight: bold;
    }

    .flexlider-examples .price-block {
        padding-top: 5px;
        position: relative;
    }

        .flexlider-examples .price-block:before {
            background: #dddddd;
            content: ' ';
            height: 1px;
            left: 35%;
            position: absolute;
            width: 30%;
        }

    .flexlider-examples .price {
        color: #ca3e2f;
        font-size: 30px;
    }

    .flexlider-examples a {
        text-decoration: underline;
    }

    .flexlider-examples .flex-direction-nav, .flexlider-examples .flex-control-nav {
        display: none;
    }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .flexlider-examples .slides {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .flexlider-examples .slide {
        width: 25% !important;
    }

        .flexlider-examples .slide.clone {
            display: none !important;
        }
}

@media only screen and (max-width: 767px) {
    .flexlider-examples .flex-direction-nav {
        display: block;
    }

        .flexlider-examples .flex-direction-nav a {
            background: url("../images/icons/png/brands-arrows.png") no-repeat left center;
            height: 24px;
            top: 58%;
            width: 15px;
        }

        .flexlider-examples .flex-direction-nav .flex-prev {
            left: 3%;
        }

        .flexlider-examples .flex-direction-nav .flex-next {
            background-position: right center;
            right: 2.5%;
        }

    .flexlider-examples .flex-control-nav {
        bottom: -35px;
        display: block;
    }
}

.ul-green-bullet {
    float: left;
}

    .ul-green-bullet li {
        background: url("../images/green_bullet.png") left center no-repeat;
        padding-left: 18px;
    }

.ul-red-bullet {
    float: left;
}

    .ul-red-bullet li {
        background: url("../images/red_bullet.png") left 7px no-repeat;
        padding-left: 15px;
    }

/*AÑADIDO PARA EL POPUP TELLAMAMOS DESDE EMAIL*/
.ul-green-bullet-popup {
    float: left;
    margin-top: 50px;
}

    .ul-green-bullet-popup li {
        background: url("../images/green_bullet.png") left center no-repeat;
        padding-left: 18px;
    }
/**********************************************/

.help-block {
    background: transparent;
    border: 1px solid #dddddd;
    box-shadow: 0px 0px 0 1px rgb(16 16 16);
    padding: 20px;
}

    .help-block > img {
        background: transparent;
        display: block;
        height: auto;
        margin: -20px -20px 15px;
        width: calc(100% + 40px);
    }

        .help-block > img.largo {
            padding-top: 10px;
        }

    .help-block p._l18 {
        color: #333333;
        text-transform: uppercase;
    }

        .help-block p._l18 b {
            color: #ca3e2f;
        }

    .help-block p._l13 {
        margin-bottom: 13px;
    }

    .help-block p.action {
        margin: 0px;
    }

        .help-block p.action .btn {
            font-size: 17px;
            padding: 0 0 4px 0;
        }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .help-block {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .help-block {
        display: none;
    }
}

.row.bg-centered, .bg-centered.news-block {
    height: 220px;
    overflow: hidden;
    /*position: relative;*/
}

    .row.bg-centered.bg-negro {
        height: 200px;
    }

    .row.bg-centered img, .bg-centered.news-block img {
        left: 50%;
        margin-left: -960px;
        position: relative;
        width: 1920px;
    }

    .row.bg-centered p, .bg-centered.news-block p, .bg-centered.news-block .main-title {
        color: #fff;
        padding-top: 38px;
        position: relative;
        text-transform: uppercase;
        top: -220px;
    }

    .row.bg-centered .main-title {
        color: #fff;
        padding-top: 5px;
        position: relative;
        text-transform: uppercase;
        top: 0;
    }

        .row.bg-centered p b, .bg-centered.news-block p b, .row.bg-centered .main-title b, .bg-centered.news-block .main-title b {
            font-weight: 800;
        }

    .row.bg-centered.thin, .bg-centered.thin.news-block {
        height: 123px;
    }

        .row.bg-centered.thin p, .bg-centered.thin.news-block p, .row.bg-centered.thin .main-title, .bg-centered.thin.news-block .main-title {
            padding-top: 0;
            top: -120px;
        }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .row.bg-centered p, .bg-centered.news-block p, .row.bg-centered .main-title, .bg-centered.news-block .main-title {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .row.bg-centered, .bg-centered.news-block, .row.bg-centered.bg-negro {
        height: 70px;
    }

        .row.bg-centered img, .bg-centered.news-block img {
            height: 84px;
            margin-left: -368px;
            width: 737px;
        }

        .row.bg-centered p, .bg-centered.news-block p, .bg-centered.news-block .main-title {
            padding: 0 20px;
            top: -70px;
        }

        .row.bg-centered .main-title {
            padding: 0 20px;
            top: 22px;
        }
}

.distro-head .row-title {
    padding-top: 0;
    text-align: left;
}

.distro-blocks {
    border: 1px solid #dddddd;
    box-shadow: 0 3px 0 rgba(204,204,204,0.6);
    margin-bottom: 3px;
    overflow: hidden;
}

    .distro-blocks > div {
        border-left: 1px solid #dddddd;
        margin-bottom: -90px;
        padding: 10px;
        padding-bottom: 100px;
    }

        .distro-blocks > div:first-child {
            border-left: 0;
        }

        .distro-blocks > div img {
            height: auto;
            width: 100%;
        }

        .distro-blocks > div p, .distro-blocks > div h2 {
            text-align: center;
        }

        .distro-blocks > div ._l17 {
            color: #333333;
            margin: 1em 0;
        }

            .distro-blocks > div ._l17 a {
                color: #333333;
            }

            .distro-blocks > div ._l17 b {
                font-family: "Kanit", Arial, sans-serif;
                font-weight: 700;
                color: #cb0000;
            }

        .distro-blocks > div.col-3 ._l17, .distro-blocks > div.sidebar ._l17, .distro-blocks > div.news-categories ._l17 {
            font-size: 14px;
        }

        .distro-blocks > div .subtitle {
            border-bottom: 1px solid #dddddd;
            margin: 0.5em;
            padding-bottom: 0.8em;
            text-align: left;
        }

        .distro-blocks > div ul {
            margin: 0 0.5em;
        }

            .distro-blocks > div ul a {
                display: block;
                font-size: 13px;
                line-height: 1.2;
                margin-bottom: 0.5em;
                text-decoration: underline;
            }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .distro-blocks {
        border-width: 1px 0 1px 0;
    }

        .distro-blocks .btn {
            font-size: 13px;
        }

    #formEnvioCorreo {
        border-left: 1px solid #dddddd;
        float: left;
        margin-left: -1px;
        padding: 12px 13px 7px;
    }
}

@media only screen and (max-width: 767px) {
    .distro-head .row-title {
        background: #F3F3F3;
        padding: 16px;
    }

    .distro-blocks {
        border-width: 0 0 1px 0;
    }

        .distro-blocks > div {
            border-left: 0;
            border-top: 1px solid #dddddd;
        }

            .distro-blocks > div br {
                display: none;
            }

            .distro-blocks > div ._l17, .distro-blocks > div.col-3 ._l17, .distro-blocks > div.sidebar ._l17, .distro-blocks > div.news-categories ._l17 {
                font-size: 16px;
                text-align: center;
            }

            .distro-blocks > div ul a {
                margin: 1.5em 0;
                text-align: center;
            }
}

.message {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

    .message.mhm {
        float: none;
        margin: 0 16% 50px;
        width: auto;
    }

    .message p {
        font-size: 13px;
        margin-top: 0px;
        padding: 15px 18px;
    }

        .message p.error {
            background: #FAEBEA;
            border: 1px solid #FD767C;
            box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            color: #D23933;
            float: left;
            moz-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            -webkit-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            width: 100%;
        }

        .message p.error-login {
            background: #FAEBEA;
            border: 1px solid #FD767C;
            box-shadow: 3px 2px 0px rgba(204,204,204,0.5);
            color: #D23933;
            moz-box-shadow: 3px 2px 0px rgba(204,204,204,0.5);
            -webkit-box-shadow: 3px 2px 0px rgba(204,204,204,0.5);
            width: 100%;
        }

        .message p.info {
            background: #FCF6DF;
            border: 1px solid #E2C55C;
            box-shadow: 0px 4px 0px rgba(221,221,221,0.5);
            color: #666;
            moz-box-shadow: 0px 4px 0px rgba(221,221,221,0.5);
            -webkit-box-shadow: 0px 4px 0px rgba(221,221,221,0.5);
        }

        .message p.successful {
            background: #E3F2C4;
            border: 1px solid #82AE00;
            box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            color: #456001;
            moz-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            -webkit-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
        }

        .message p.ambar {
            background: #FBF7DE;
            border: 1px solid #E5C55E;
            box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            color: #456001;
            moz-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            -webkit-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
        }

    .message a {
        /*display: block;
	font: bold 16px/1 "Kanit", Arial, sans-serif;*/
        margin-top: 29px;
        text-decoration: underline;
    }

/************************************************/
.message2 {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

    .message2.mhm2 {
        float: none;
        margin: 0 16% 50px;
        width: auto;
    }

    .message2 p {
        font-size: 18px;
        margin-top: 0px;
        padding: 15px 18px;
    }

        .message2 p.error {
            background: #FAEBEA;
            border: 1px solid #FD767C;
            box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            color: #D23933;
            float: left;
            moz-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            -webkit-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            width: 100%;
        }

        .message2 p.error-login {
            background: #FAEBEA;
            border: 1px solid #FD767C;
            box-shadow: 3px 2px 0px rgba(204,204,204,0.5);
            color: #D23933;
            moz-box-shadow: 3px 2px 0px rgba(204,204,204,0.5);
            -webkit-box-shadow: 3px 2px 0px rgba(204,204,204,0.5);
            width: 100%;
        }

        .message2 p.info {
            background: #FCF6DF;
            border: 1px solid #E2C55C;
            box-shadow: 0px 4px 0px rgba(221,221,221,0.5);
            color: #666;
            moz-box-shadow: 0px 4px 0px rgba(221,221,221,0.5);
            -webkit-box-shadow: 0px 4px 0px rgba(221,221,221,0.5);
        }

        .message2 p.successful2 {
            background: #E3F2C4;
            border: 1px solid #82AE00;
            box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            color: #456001;
            moz-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
            -webkit-box-shadow: 0px 4px 0px rgba(204,204,204,0.5);
        }

    .message2 a {
        /*display: block;
	font: bold 16px/1 "Kanit", Arial, sans-serif;*/
        margin-top: 29px;
        text-decoration: underline;
    }
/*********************************************************/


.steps {
    padding: 26px 80px 19px;
    position: relative;
}

    .steps .ico-arrow-steps-left, .steps .ico-arrow-steps-right {
        height: 20px;
        width: 13px;
    }

    .steps a.prev, .steps a.next {
        position: absolute;
        top: 49px;
    }

    .steps a.prev {
        left: 30px;
    }

    .steps a.next {
        right: 30px;
    }

    .steps ul {
        margin-bottom: 7px;
        overflow: hidden;
    }

    .steps li {
        color: #ADADAD;
        float: left;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2em;
        width: 25%;
    }

        .steps li:first-child {
            width: 50%;
        }

        .steps li.last {
            float: right;
            text-align: right;
        }

        .steps li.active {
            color: #333333;
        }

    .steps .ico-check {
        display: none;
        height: 14px;
        width: 18px;
    }

    .steps li.done .ico-check {
        display: inline;
        display: inline-block;
        vertical-align: auto;
        vertical-align: baseline;
        zoom: 1;
    }

    .steps .progress {
        background: #E9E9E9;
        border: 1px solid #E3E3E3;
        border-radius: 3px;
        height: 20px;
        moz-border-radius: 3px;
        ms-border-radius: 3px;
        o-border-radius: 3px;
        overflow: hidden;
        position: relative;
        -webkit-border-radius: 3px;
    }

        .steps .progress:after {
            border-left: 1px solid #BABABA;
            content: "";
            display: block;
            height: 18px;
            left: 50%;
            position: absolute;
            top: 0;
            width: 1px;
        }

        .steps .progress .fill {
            background: #96bc00;
            height: 18px;
        }

    .steps .time {
        color: #999999;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 0;
        margin-top: 8px;
        text-align: right;
        width: 50%;
    }

        .steps .time strong {
            color: #d23933;
            font-weight: normal;
        }

        .steps .time.end {
            width: 77%;
        }

.tooltip {
    border-bottom: 4px solid #EEE;
    color: white;
    display: block;
    filter: alpha(opacity=0);
    font-size: 10px;
    line-height: 18px;
    margin-top: -3px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    visibility: visible;
    /*z-index: 1030;*/
    z-index: 1;
}

    .tooltip.in {
        filter: alpha(opacity=100);
        opacity: 1;
    }

.tooltip-inner {
    background-color: #FCF6DD;
    border: 1px solid #E2C649;
    color: #666666;
    font-size: 13px;
    font-weight: 300;
    min-width: 95px;
    padding: 10px 11px;
    text-decoration: none;
}

.tooltip-arrow {
    background: url("../images/tooltip-arrow.png") left center no-repeat;
    bottom: -10px !important;
    height: 11px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 12px;
}

.tooltip.inline {
    display: block;
    display: inline;
    display: inline-block;
    filter: alpha(opacity=100);
    margin-bottom: 5px;
    opacity: 1;
    position: relative;
    text-align: left;
    vertical-align: auto;
    vertical-align: baseline;
    zoom: 1;
}

    .tooltip.inline .tooltip-inner {
        background-color: #F9EBEA;
        border-color: #D23934;
        color: #D23934;
    }

    .tooltip.inline .tooltip-arrow {
        background: url("../images/tooltip-arrow-red.png") left center no-repeat;
        bottom: -9px !important;
        left: 20px;
    }


@media only screen and (min-width: 767px) and (max-width: 1024px) {
}

@media only screen and (max-width: 767px) {
    .tooltip.inline.hiring {
        margin: 3px;
        filter: alpha(opacity=100);
        opacity: 0;
    }

    .tooltip-inner {
        font-size: 11px;
        border: 1px solid #E2C649;
        font-weight: 300;
        min-width: 95px;
        padding: 3px 4px;
        text-decoration: none;
    }
}

.mod-reference {
    background: white;
    border: 1px solid #dddddd;
    box-shadow: 0 4px 0 #eeeeee;
    margin-bottom: 18px;
    overflow: hidden;
}

    .mod-reference .info {
        border-right: 1px solid #dddddd;
        float: left;
        padding: 13px 20px 0 15px;
        position: relative;
        width: 58.6%;
    }

        .mod-reference .info.parrilla {
            width: 80%;
        }

            .mod-reference .info.parrilla .excerpt {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: baseline;
            }

                .mod-reference .info.parrilla .excerpt div {
                    display: flex;
                    flex-direction: row;
                    width: 100%;
                    justify-content: left;
                    align-items: baseline;
                }

        /*****cambios realizados para el desplegable de datos de la parrilla de precios (jesús)*****/
        .mod-reference .info p {
            color: #666666;
            font-size: 13px;
            line-height: 1.1em;
            margin-bottom: 14px;
            float: left;
        }

            .mod-reference .info p strong {
                color: #333333;
                font-size: 18px;
                line-height: 1.2em;
                margin-left: 10px;
            }

            .mod-reference .info p a {
                color: #d23933;
                font-size: 13px;
                font-weight: bold;
                line-height: 1.2em;
                margin-left: 10px;
                text-decoration: underline;
                text-align: center;
            }

.mod-reference {
    margin: 20px 10px;
}

    .mod-reference.active .more-info {
        display: block;
    }

    .mod-reference .more-info {
        margin-left: 0;
    }

        .mod-reference .more-info .col-more-info strong {
            font-size: 13px;
            display: initial;
            line-height: 1.5em;
        }

        .mod-reference .more-info .col-more-half strong {
            font-size: 13px;
            display: initial;
            line-height: 1.5em;
        }

        .mod-reference .more-info .col-3, .mod-reference .more-info .sidebar, .mod-reference .more-info .news-categories, .mod-reference .more-info .col-4, .mod-reference .more-info .col-5, .mod-reference .more-info .col-8 {
            margin-bottom: 14px;
        }


    .mod-reference .more-info {
        clear: both;
        display: none;
        border-right: 1px solid #dddddd;
        width: 100%;
        margin-top: 55px;
    }

        .mod-reference .more-info .col-more-info {
            width: 33%;
            float: left;
        }

        .mod-reference .more-info .col-more-half {
            width: 50%;
            float: left;
        }

        .mod-reference .more-info p a {
            text-decoration: underline;
        }

        .mod-reference .more-info p, mod-reference .more-info li {
            clear: both;
            color: #666666;
            font-size: 13px;
            line-height: 1.1em;
            margin: 0 18px 5px;
        }

            .mod-reference .more-info p span {
                color: #ca3e2f;
            }

            .mod-reference .more-info p strong, mod-reference .more-info li strong {
                color: #333333;
                display: block;
                font-size: 18px;
                line-height: 1.2em;
                margin-top: 10px;
            }

        .mod-reference .more-info .title {
            clear: both;
            color: #333333;
            font-size: 16px;
            font-weight: bold;
            line-height: 1.1em;
            margin-bottom: 8px;
        }

        .mod-reference .more-info .col-4 {
            margin-bottom: 15px;
        }

    .mod-reference .ico-btn-open, .mod-reference .ico-btn-close {
        height: 26px;
        width: 26px;
        float: right;
    }

#formEnvioCorreo {
    float: right;
    margin-left: -1px;
    padding: 12px 13px 7px;
    width: 41.5%;
    border-left: 1px solid #dddddd;
}

    #formEnvioCorreo.parrilla {
        padding: 0;
        width: 20%;
    }

.mod-reference.active #formEnvioCorreo {
    border-bottom: 1px solid #dddddd;
}



.mod-reference fieldset {
    border-left: 1px solid #dddddd;
    float: left;
    margin-left: -1px;
    padding: 12px 13px 7px;
}

    .mod-reference fieldset p {
        color: #666666;
        font-size: 13px;
        font-weight: 300;
        line-height: 1.2em;
        margin-bottom: 8px !important;
    }

        .mod-reference fieldset p strong {
            color: #333333;
        }

#ContentPlaceHolder1_txtEmail {
    height: 38px;
    line-height: 35px;
    margin-right: 4px;
    vertical-align: top;
    width: 70%;
}

.mod-reference fieldset input {
    height: 35px;
    line-height: 35px;
    margin-right: 4px;
    vertical-align: top;
    width: 49%;
}

.mod-reference fieldset .btn {
    font-size: 12px;
    padding: 10px 0 9px;
    vertical-align: top;
    width: 27%;
}

    .mod-reference fieldset .btn:hover {
        color: #333333;
    }

.mod-tabs .menu {
    overflow: hidden;
    position: relative;
}

    .mod-tabs .menu li {
        color: white;
        float: left;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.1em;
        margin-left: 1.3%;
        padding-bottom: 4px;
        padding-top: 5px;
        text-align: center;
        width: 24%;
    }

        .mod-tabs .menu li .col3 {
            color: white;
            float: left;
            font-size: 14px;
            font-weight: bold;
            line-height: 1.1em;
            margin-left: 1.3%;
            padding-bottom: 4px;
            padding-top: 5px;
            text-align: center;
            width: 32.5%;
        }

        .mod-tabs .menu li:first-child {
            margin-left: 0;
        }

        .mod-tabs .menu li a {
            background: #C9C9C9;
            border-radius: 3px 3px 0 0;
            box-shadow: 0 4px 0 #b4b4b4;
            color: #cb0000;
            display: flex;
            flex-direction: column;
            min-height: 69px;
            padding: 5px 1px;
            moz-border-radius: 3px 3px 0 0;
            ms-border-radius: 3px 3px 0 0;
            o-border-radius: 3px 3px 0 0;
            -webkit-border-radius: 3px 3px 0 0;
        }

            .mod-tabs .menu li a span {
                display: flex;
                flex-direction: row;
                align-self: center;
                align-items: baseline;
                margin: auto;
                gap: 0px 5px;
                flex-wrap: wrap;
            }

                .mod-tabs .menu li a span strong {
                    font-size: 16px;
                    margin: auto;
                }

                .mod-tabs .menu li a span small {
                    font-size: 13px;
                    margin: auto;
                    font-weight: 100;
                }

        .mod-tabs .menu li.active {
            padding-top: 0;
        }

            .mod-tabs .menu li.active a {
                background: #cb0000;
                box-shadow: 0 4px 0 #cb0000;
                min-height: 74px;
                color: #fff;
            }

/* NEW MENU DE MOVIL PARA LA PARRILLA */
@media only screen and (max-width: 1024px) {
    .mod-tabs .menu {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

        .mod-tabs .menu li {
            color: white;
            width: 100%;
            height: 25px;
            text-align: center;
            margin: 6px 0px;
            padding: 0;
        }

            .mod-tabs .menu li .menu-detail,
            .mod-tabs .menu.impar li .menu-detail {
                display: none;
            }

            .mod-tabs .menu li a {
                border-radius: 7px;
                flex-direction: row;
                min-height: 25px;
                width: max-content;
                padding: 0px 20px 0px 20px;
                margin: auto;
                justify-content: center;
                moz-border-radius: 7px;
                ms-border-radius: 7px;
                o-border-radius: 7px;
                -webkit-border-radius: 7px;
            }

                .mod-tabs .menu li a span {
                    width: max-content;
                }

            .mod-tabs .menu li.active a {
                min-height: 25px;
                box-shadow: 0 4px 0 #cb0000;
                padding: 5px 20px 5px 20px;
                margin: 0 auto 0 auto;
            }

            .mod-tabs .menu li a span strong,
            .mod-tabs .menu li a span small {
                padding: 3px 3px 0 3px;
            }

    .mod-tabs li.active a span strong {
        font-size: 18px;
    }

    .mod-tabs li.active a span small {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .mod-tabs .menu {
        flex-direction: row;
        flex-wrap: wrap;
    }

        .mod-tabs .menu li {
            width: 48%;
        }

        .mod-tabs .menu.impar li:first-child {
            width: 98%;
        }

        .mod-tabs .menu li,
        .mod-tabs .menu li.active {
            padding: 0;
            display: flex;
            flex-direction: row;
            height: 69px;
            margin: 0 auto;
        }

            .mod-tabs .menu li:first-child {
                margin: 0 auto;
            }

            .mod-tabs .menu.impar li.active .menu-detail,
            .mod-tabs .menu li.active .menu-detail,
            .mod-tabs .menu.impar li:first-child.active .menu-detail {
                /*display: block;
				margin-top: 4.5px;
				background-color: #ca3e2f;
				box-shadow: 0 4px 0 #9f2e22;
				max-height: 60px;
				border-radius: 7px 0px 0px 7px;
				moz-border-radius: 7px 0px 0px 7px;
				ms-border-radius: 7px 0px 0px 7px;
				o-border-radius: 7px 0px 0px 7px;
				-webkit-border-radius: 7px 0px 0px 7px;*/
            }

            .mod-tabs .menu li.active .menu-detail,
            .mod-tabs .menu.impar li.active .menu-detail {
                /*width: 2.5%;
				margin-right: 2.5%;*/
                display: none;
            }

        .mod-tabs .menu.impar li:first-child.active .menu-detail {
            /*width: 1.5%;
				margin-right: 1.5%;*/
            display: none;
        }

        .mod-tabs .menu li a {
            flex-direction: column;
            min-height: 56px;
            width: 95%;
            padding: 0px;
            margin: auto;
        }

        .mod-tabs .menu li.active a {
            flex-direction: column;
            min-height: 60px;
            width: 100%;
            padding: 0px;
            margin: auto;
            border-radius: 7px 7px 7px 7px;
            background: linear-gradient(90deg, #cb0000 0%, #cb0000 2%, #ffffff 2%,#ffffff 4%, #cb0000 4%, #cb0000 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cb0000), color-stop(2%,#cb0000), color-stop(2%, #ffffff), color-stop(4%, #ffffff), color-stop(4%,#cb0000), color-stop(100%,#cb0000)); /* Chrome, Safari4+ */
            background: -webkit-linear-gradient(left, #cb0000 0%, #cb0000 2%, #ffffff 2%,#ffffff 4%, #cb0000 4%, #cb0000 100%); /* Chrome10+, Safari5.1+ */
            background: -moz-linear-gradient(left, #cb0000 0%, #cb0000 2%, #ffffff 2%,#ffffff 4%, #cb0000 4%, #cb0000 100%); /* FF3.6+ */
            box-shadow: none;
            position: relative;
        }

        .mod-tabs .menu.impar li:first-child.active a {
            background: linear-gradient(90deg, #cb0000 0%, #cb0000 1%, #ffffff 1%,#ffffff 2%, #cb0000 2%, #cb0000 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cb0000), color-stop(1%,#cb0000), color-stop(1%, #ffffff), color-stop(2%, #ffffff), color-stop(2%,#cb0000), color-stop(100%,#cb0000)); /* Chrome, Safari4+ */
            background: -webkit-linear-gradient(left, #cb0000 0%, #cb0000 1%, #ffffff 1%,#ffffff 2%, #cb0000 2%, #cb0000 100%); /* Chrome10+, Safari5.1+ */
            background: -moz-linear-gradient(left, #cb0000 0%, #cb0000 1%, #ffffff 1%,#ffffff 2%, #cb0000 2%, #cb0000 100%); /* FF3.6+ */
        }

        .mod-tabs .menu li.active a:after {
            position: absolute;
            left: 0;
            top: 4px;
            content: '';
            width: 100%;
            height: 100%;
            border-radius: 7px 7px 7px 7px;
            background: linear-gradient(90deg, #9f2e22 0%, #9f2e22 2%, #ffffff 2%,#ffffff 4%, #9f2e22 4%, #9f2e22 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9f2e22), color-stop(2%,#9f2e22), color-stop(2%, #ffffff), color-stop(4%, #ffffff), color-stop(4%,#9f2e22), color-stop(100%,#9f2e22)); /* Chrome, Safari4+ */
            background: -webkit-linear-gradient(left, #9f2e22 0%, #9f2e22 2%, #ffffff 2%,#ffffff 4%, #9f2e22 4%, #9f2e22 100%); /* Chrome10+, Safari5.1+ */
            background: -moz-linear-gradient(left, #9f2e22 0%, #9f2e22 2%, #ffffff 2%,#ffffff 4%, #9f2e22 4%, #9f2e22 100%); /* FF3.6+ */
            z-index: -1;
        }

        .mod-tabs .menu.impar li:first-child.active a:after {
            background: linear-gradient(90deg, #9f2e22 0%, #9f2e22 1%, #ffffff 1%,#ffffff 2%, #9f2e22 2%, #9f2e22 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9f2e22), color-stop(1%,#9f2e22), color-stop(1%, #ffffff), color-stop(2%, #ffffff), color-stop(2%,#9f2e22), color-stop(100%,#9f2e22)); /* Chrome, Safari4+ */
            background: -webkit-linear-gradient(left, #9f2e22 0%, #9f2e22 1%, #ffffff 1%,#ffffff 2%, #9f2e22 2%, #9f2e22 100%); /* Chrome10+, Safari5.1+ */
            background: -moz-linear-gradient(left, #9f2e22 0%, #9f2e22 1%, #ffffff 1%,#ffffff 2%, #9f2e22 2%, #9f2e22 100%); /* FF3.6+ */
        }

        .mod-tabs .menu.impar li.active a {
            width: 97%;
        }

        .mod-tabs .menu li a span {
            padding: 0;
            gap: 0px 6px;
        }

            .mod-tabs .menu li a span:first-child {
                padding: 0;
                flex-direction: column;
            }

            .mod-tabs .menu li a span strong,
            .mod-tabs .menu li a span small {
                padding: 0;
                margin: 0 auto;
            }

            .mod-tabs .menu li a span strong {
                font-size: 14px;
            }

            .mod-tabs .menu li a span small {
                font-size: 11px;
            }
}
/* FIN NEW MENU MOVIL PARRILLA */

.mod-tabs .menu-mobile {
    background: white;
    border: 1px solid #dddddd;
    border-left: 2px solid #cb0000;
    display: none;
    height: 45px;
    overflow: hidden;
    width: 60%;
}

    .mod-tabs .menu-mobile.open {
        overflow: visible;
    }

        .mod-tabs .menu-mobile.open li.selected ul {
            display: block;
        }

    .mod-tabs .menu-mobile li.selected {
        display: block;
        line-height: 45px;
        padding-left: 15px;
        position: relative;
    }

        .mod-tabs .menu-mobile li.selected ul {
            background: white;
            border-top: 1px solid #dddddd;
            display: none;
            left: 0;
            position: absolute;
            top: 43px;
            width: 100%;
            z-index: 9;
        }

        .mod-tabs .menu-mobile li.selected > a {
            display: block;
        }

            .mod-tabs .menu-mobile li.selected > a .ico-down-red {
                height: 8px;
                margin-top: -4px;
                position: absolute;
                right: 10px;
                top: 50%;
                width: 14px;
            }

    .mod-tabs .menu-mobile li {
        color: #333333;
        font-size: 13px;
    }

        .mod-tabs .menu-mobile li a {
            color: #333333;
        }

        .mod-tabs .menu-mobile li strong {
            color: #cb0000;
            font-size: 20px;
            font-weight: normal;
        }

    .mod-tabs .menu-mobile ul li a {
        border: 1px solid #dddddd;
        border-top: none;
        display: block;
        padding: 0 15px;
    }

body.header-fixed {
    padding-top: 52px;
}

    body.header-fixed .mod-table-info .thead {
        position: fixed;
        z-index: 9;
    }

    body.header-fixed .mod-table-info thead {
        display: none;
    }

.mod-table-info {
    box-shadow: 0 4px 0 #eeeeee;
    margin-bottom: 24px;
    position: relative;
}

    .mod-table-info .thead {
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }


.mod-table-info {
    box-shadow: 0 4px 0 #eeeeee;
    margin-bottom: 24px;
    position: relative;
}

    .mod-table-info .thead {
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

        .mod-table-info .thead ul {
            background: #cb0000;
            height: 52px;
            margin: 0 auto;
            padding: 0;
            width: 960px;
        }

            .mod-table-info .thead ul:after, .mod-table-info .thead ul:before {
                background-color: #cb0000;
                content: "";
                height: 52px;
                position: absolute;
                top: 0;
                width: 4px;
            }

            .mod-table-info .thead ul:after {
                border-radius: 3px 0 0 3px;
                left: -4px;
                moz-border-radius: 3px 0 0 3px;
                ms-border-radius: 3px 0 0 3px;
                o-border-radius: 3px 0 0 3px;
                -webkit-border-radius: 3px 0 0 3px;
            }

            .mod-table-info .thead ul:before {
                border-radius: 0 3px 3px 0;
                moz-border-radius: 0 3px 3px 0;
                ms-border-radius: 0 3px 3px 0;
                o-border-radius: 0 3px 3px 0;
                right: -4px;
                -webkit-border-radius: 0 3px 3px 0;
            }

        .mod-table-info .thead li {
            float: left;
            line-height: 52px;
            text-align: center;
        }

    .mod-table-info table {
        border-collapse: collapse;
        width: 100%;
    }

        .mod-table-info table thead {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
        }

    .mod-table-info .col-xs {
        width: 10%;
    }

    .mod-table-info .col-s {
        width: 15%;
    }

    .mod-table-info .col-ss {
        width: 15%;
    }

    .mod-table-info .col-m {
        width: 17%;
    }

    .mod-table-info .col-l {
        width: 24%;
    }

    .mod-table-info .col-xl {
        width: 27%;
    }

    .mod-table-info .col-xxl {
        width: 51%;
    }

/*********** Cambio para que la parrilla se vea bien en movil ( primera columna) jesús************/
.thead + table.responsive tr td:first-child, .thead + table.responsive tr th:first-child {
    display: table-cell !important;
}

.pinned tr td:first-child, .pinned tr th:first-child {
    display: table-cell !important;
}

.mod-table-info th, .mod-table-info .thead li {
    background: #cb0000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 52px;
}

.mod-table-info th, .mod-table-info td {
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.mod-table-info td {
    background: #F7F7F7;
    border: 1px solid #dddddd;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    text-align: center;
}

    .mod-table-info td .block {
        color: #cb0000;
        display: block;
    }

    .mod-table-info td .red {
        color: #cb0000;
    }

.mod-table-info tbody tr:hover {
    moz-transform: scale(1.02);
    ms-transform: scale(1.02);
    o-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    box-shadow: #0000009e 2px 3px 5px 1px;
}

    .mod-table-info tbody tr:hover td {
        border: 1px solid #dddddd;
        box-shadow: rgba(221,221,221,0.8) 1px 3px 1px 1px;
        moz-transform: scale(1);
        ms-transform: scale(1);
        o-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
    }

        .mod-table-info tbody tr:hover td:last-child {
            box-shadow: rgba(221,221,221,0.8) 3px 3px 1px 1px;
        }

.mod-table-info tr.even td {
    background: white;
}

.mod-table-info .fk-check {
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
}

.mod-table-info .ico-check-positive, .mod-table-info .ico-check-negative {
    height: 8px;
    width: 10px;
}

.mod-table-info .ico-info {
    height: 16px;
    width: 8px;
}
/*Añadimos para poner el texto debajo de los logos de las cías en la parrilla de precios (jesús) */
.mod-table-info .description {
    color: #cb0000;
    display: block;
    font-size: 11px;
    text-align: center;
    width: 100%;
}

.mod-table-info .price {
    color: #cb0000;
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 32px;
    font-weight: bold;
}

    .mod-table-info .price .decimals {
        font-size: 20px;
    }

        .mod-table-info .price .decimals > span {
            display: flex;
            flex-direction: row;
        }

            .mod-table-info .price .decimals > span > span {
                display: flex;
                flex-direction: column;
                justify-content: center;
                font-size: 16px;
                margin-left: 10px;
                margin-right: -4px;
                margin-top: -11px;
            }

                .mod-table-info .price .decimals > span > span > span:first-child {
                    margin-bottom: -7px;
                }

.mod-table-info .noPrice {
    color: #666;
    display: block;
    font-size: 32px;
    font-weight: bold;
}

.mod-table-info ul {
    padding: 0 60px 0 7px;
    position: relative;
}

    .mod-table-info ul .info {
        background: white;
        border: 1px solid #dddddd;
        border-radius: 3px;
        box-shadow: 0 4px 0 #eaeaea;
        margin-top: -15px;
        moz-border-radius: 3px;
        ms-border-radius: 3px;
        o-border-radius: 3px;
        padding: 3px 11px 8px 10px;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-border-radius: 3px;
    }

    .mod-table-info ul li {
        color: #666666;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
    }

.mod-table-info .bg-left, .mod-table-info .bg-right {
    background: #F7F7F7;
    border: 1px solid #dddddd;
    position: absolute;
    width: 10px;
}

.mod-table-info .bg-left {
    border-right: none;
    left: -10px;
    right: 100%;
}

.mod-table-info .bg-right {
    border-left: none;
    left: 100%;
    right: -10px;
}

.mod-table-info tr.hover td:first-child {
    border-left: none;
}

.mod-table-info .linkMov {
    color: #d23933;
    font-weight: bold;
    text-decoration: underline;
    display: none;
}

html div.mod-modal-info {
    background: white;
    max-width: 575px;
    margin-left: 5px;
    margin-top: 5px;
}

    html div.mod-modal-info img {
        margin: 5px 0 2px 5px;
    }

    html div.mod-modal-info .brand {
        float: right;
        background-image: url("../images/icons/png/printico.png");
        /*background-size: 85%;*/
        background-repeat: no-repeat;
        background-position-y: bottom;
        display: inline-block;
        font: bold 8px "Kanit";
        margin-top: 14px;
        padding: 0px 9px 0 0;
        height: 40px;
        color: #CB3D2F;
    }

    html div.mod-modal-info .red {
        color: #cb0000;
    }

    html div.mod-modal-info .heading-l {
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.2em;
        margin: 0 0 18px;
        border-bottom: 5px solid #000;
    }

    html div.mod-modal-info h1 {
        background-color: #cb0000;
        font: bold 16px "Kanit";
        height: 100px;
    }

    html div.mod-modal-info .heading-l strong {
        padding: 15px 0 0 15px;
        display: inline-block;
        width: 100%;
    }

    html div.mod-modal-info .heading-l span {
        font-size: 16px;
        font-weight: bolder;
        padding-left: 15px;
        line-height: 1.3em;
        display: inline-block;
        width: 100%;
    }

    html div.mod-modal-info .heading-l hr {
        border: 0px solid #CB3D2F;
        margin: 0 !important;
        width: 0%;
    }

@media print {
    #spRefProyecto {
        display: block !important;
        font-weight: bold;
        color: black;
        padding: 250px 0 0 0;
        float: left;
        margin: 0 -130px 0 0;
    }

    #logoInfo {
        display: block !important;
        background-image: url("../images/logo-mobile.png");
        background-repeat: no-repeat;
        position: absolute;
        right: 42px;
        top: 7px;
        font-size: 1.5em;
        font-weight: bold;
        padding-top: 26px;
        margin: 1px 1px 1px 1px;
    }
}

@media screen {
    #spRefProyecto {
        display: none !important;
    }

    #logoInfo {
        display: none !important;
    }
}

html div.mod-modal-info .ul-table {
    margin-bottom: 25px;
    overflow: hidden;
    text-align: center;
}

    html div.mod-modal-info .ul-table li {
        float: left;
        width: 33.3%;
    }

    html div.mod-modal-info .ul-table strong {
        background: #FAFAFA;
        border: 1px solid #dddddd;
        box-shadow: 0 4px 0 rgba(0,0,0,0.05);
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 37px;
        position: relative;
        z-index: 3;
    }

    html div.mod-modal-info .ul-table span {
        background: white;
        border: 1px solid #dddddd;
        border-top: none;
        display: block;
        font-size: 24px;
        font-weight: 300;
        line-height: 50px;
    }

    html div.mod-modal-info .ul-table li.first strong, html div.mod-modal-info .ul-table li.first span {
        border-right: none;
    }

    html div.mod-modal-info .ul-table li.first span {
        margin-left: 4px;
    }

    html div.mod-modal-info .ul-table li.last strong, html div.mod-modal-info .ul-table li.last span {
        border-left: none;
    }

    html div.mod-modal-info .ul-table li.last span {
        margin-right: 4px;
    }


/******Añado el estilo  col-info-big para el detalle de las coberturas de los productos que haya que explicarlas en un párrafo (jesús morales)******/

html div.mod-modal-info .col-info-big, div#divInfoAd ul.bullet span {
    float: none;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 8px;
    text-align: justify;
    display: block;
}

    html div.mod-modal-info .col-info-big span, div#divInfoDcha ul.bullet span.coberNoPpal, div#divInfoIzda ul.bullet span.coberNoPpal, div#divInfoDchaC ul.bullet span.coberNoPpal, div#divInfoIzdaC ul.bullet span.coberNoPpal {
        background-image: url("../images/icons/png/bullet-point-red.png");
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 10px;
        margin: 0px 8px 8px;
        float: left;
        width: 97%;
        font-size: 11px;
        color: #666666;
    }

    html div.mod-modal-info .col-info-big span, div#divCoberturasDcha ul.bullet span.coberNoPpal, div#divCoberturasIzda ul.bullet span.coberNoPpal {
        /*background: url("../images/red_bullet.png") left 7px no-repeat;*/
        background-image: url("../images/icons/png/bullet-point-red.png");
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 12px;
        margin: 0px 4px 10px;
        float: left;
        width: 97%;
        font-size: 12px;
        color: #666666;
    }

#divInfoAd span {
    margin: 0px 8px 8px;
    float: left;
    width: 97%;
    font-size: 11px;
}

div#divInfoAd ul.bullet span.spanInfo {
    margin: 0px 8px 8px;
    float: left;
    width: 97%;
    font-size: 12px;
}


html div.mod-modal-info p, html div.mod-modal-info ul.bullet li, html div.mod-modal-info col-info, html div.mod-modal-info col-info-3 {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 8px;
}

    html div.mod-modal-info p #pDocAsefa {
        font-size: 11px;
        color: #7d7c7c;
    }

    html div.mod-modal-info p a, html div.mod-modal-info ul.bullet li a {
        color: #ca3e2f;
        text-decoration: underline;
    }

    html div.mod-modal-info .heading-m, html div.mod-modal-info p.heading-m {
        color: #ca3e2f;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

html div.mod-modal-info .b-bottom {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 5px;
    overflow: hidden;
    padding-bottom: 7px;
}

    html div.mod-modal-info .b-bottom:last-child {
        border-bottom: hidden;
    }

html div.mod-modal-info ul.bullet li {
    list-style-image: url("../images/icons/png/bullet-point-green.png");
    list-style-position: inside;
}

.mod-insurance-data {
    background: white;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 4px 0 #eeeeee;
    margin-bottom: 54px;
    moz-border-radius: 3px;
    ms-border-radius: 3px;
    o-border-radius: 3px;
    overflow: hidden;
    -webkit-border-radius: 3px;
}

    .mod-insurance-data.active .more-info {
        display: block;
    }

    .mod-insurance-data .ref {
        border-right: 1px solid #dddddd;
        float: left;
        margin-right: -1px;
        padding: 19px 0 10px;
        width: 25%;
    }

        .mod-insurance-data .ref p.empty {
            color: #ca3e2f;
            font-size: 18px;
            font-weight: bold;
            margin-top: 12px;
            text-align: center;
        }

    .mod-insurance-data .more-info {
        border-left: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
        clear: both;
        display: none;
        margin-left: 24.9%;
        margin-top: -5px;
        padding: 25px 7px;
    }

        .mod-insurance-data .more-info p a {
            text-decoration: underline;
        }

        .mod-insurance-data .ref p, .mod-insurance-data .ref li, .mod-insurance-data .more-info p, .mod-insurance-data .more-info li {
            clear: both;
            color: #666666;
            font-size: 13px;
            line-height: 1.1em;
            margin: 0 18px 5px;
        }

            .mod-insurance-data .ref p strong, .mod-insurance-data .ref li strong, .mod-insurance-data .more-info p strong, .mod-insurance-data .more-info li strong {
                color: #333333;
                display: block;
                font-size: 18px;
                line-height: 1.2em;
                margin-top: 10px;
            }

        .mod-insurance-data .ref .title, .mod-insurance-data .more-info .title {
            clear: both;
            color: #333333;
            font-size: 16px;
            font-weight: bold;
            line-height: 1.1em;
            margin-bottom: 8px;
        }

        .mod-insurance-data .ref .col-4, .mod-insurance-data .more-info .col-4 {
            margin-bottom: 15px;
        }

    .mod-insurance-data .info {
        border-left: 1px solid #dddddd;
        float: left;
        padding: 15px 0;
        position: relative;
        width: 74%;
        /* cambio por precios > 999 €*/
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        text-align: center;
    }

        .mod-insurance-data .info p {
            margin: 0;
        }

        .mod-insurance-data .info .brand {
            float: left;
            /*margin: 0 2% 0 1.5%;*/
        }

        .mod-insurance-data .info .name {
            float: left;
            font-size: 18px;
            font-weight: 300;
            /*margin-top: 15px;*/
            width: 40%;
        }

            .mod-insurance-data .info .name strong {
                color: #ca3e2f;
            }

        .mod-insurance-data .info .price {
            float: left;
            font-size: 13px;
            /*margin-top: 10px;*/
            width: 25%;
        }

            .mod-insurance-data .info .price strong {
                color: #ca3e2f;
                font-size: 24px;
                font-weight: 300;
            }

        .mod-insurance-data .info .more {
            color: #d23933;
            float: right;
            font-size: 13px;
            font-weight: bold;
            line-height: 1.2em;
            /*margin-right: 4%;
				margin-top: 20px;*/
            text-decoration: underline;
        }

    .mod-insurance-data ul.bullet li {
        list-style-image: url("../images/icons/png/bullet-point-green.png");
        list-style-position: inside;
        margin-right: 0;
    }

.mod-options {
    background: white;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 4px 0 #eeeeee;
    margin-bottom: 52px;
    moz-border-radius: 3px;
    ms-border-radius: 3px;
    o-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .mod-options:after {
        clear: both;
        content: "";
        display: table;
    }

    .mod-options li {
        border-left: 1px solid #dddddd;
        float: left;
        margin-left: -1px;
        padding: 19px 10px 14px 85px;
        position: relative;
        width: 33.33%;
    }

        .mod-options li > .ico {
            left: 10px;
            margin-top: -25px;
            position: absolute;
            top: 50%;
        }

        .mod-options li label {
            display: block;
            font-size: 12px;
            font-weight: normal;
            line-height: 1.2em;
            margin-bottom: 9px !important;
            padding-right: 0 !important;
        }

        .mod-options li .price {
            font-size: 13px;
            margin: 0;
        }

            .mod-options li .price strong {
                color: #ca3e2f;
                font-size: 24px;
                font-weight: bold;
            }

    .mod-options .ico-asistencia, .ico-accidentes, .mod-options .ico-multa, .mod-options .ico-coche, mod-options .ico-baremada {
        height: 50px;
        width: 55px;
    }

    .mod-options .ico-asistencia {
        background: url("../images/icons/png/asistencia.png") no-repeat left top;
    }

.ico-accidentes {
    background: url("../images/icons/png/accidentes.png") no-repeat left top;
}

.mod-options .ico-question-mark {
    height: 15px;
    width: 15px;
}

.mod-hire {
    margin-bottom: 18px;
    text-align: center;
}

    .mod-hire article {
        background: white;
        border: 1px solid #dddddd;
        box-shadow: 0 4px 0 #eeeeee;
        display: inline;
        display: inline-block;
        margin: 0 35px 25px;
        padding-bottom: 18px;
        position: relative;
        vertical-align: auto;
        vertical-align: baseline;
        vertical-align: top;
        width: 31.3%;
        zoom: 1;
    }

        .mod-hire article.desactived {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }

        .mod-hire article .image .btn {
            width: 70%;
            font-size: 17px;
            margin: -86px auto auto auto;
        }

        .mod-hire article img {
            margin-bottom: 5px;
            width: 100%;
        }

        .mod-hire article p {
            color: #666666;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.5em;
            margin: 0 30px 14px;
        }

            .mod-hire article p strong {
                color: #ca3e2f;
                font-size: 18px;
                font-weight: 400;
            }

    .mod-hire a.return {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto !important;
        padding-bottom: 0;
        padding-top: 0;
        text-align: left;
        text-decoration: underline;
        width: 70%;
    }
/* Datepicker for Foundation - less stylesheet, just version customized to foundation
 *
 * Copyright 2013 Peter Beno, najlepsiwebdesigner@gmail.com, @benopeter
 * project website http://foundation-datepicker.peterbeno.com
 *
 * Original project https://github.com/eternicode/bootstrap-datepicker
 * 		Original author 2012 Stefan Petre
 * 		Improvements by Andrew Rowls
 * 		Licensed under the Apache License v2.0
 * 		http://www.apache.org/licenses/LICENSE-2.0
 */
.datepicker.dropdown-menu {
    z-index: 3;
    background-clip: padding-box;
    background-color: #fff;
    border-bottom-width: 2px;
    border-radius: 5px;
    border-right-width: 2px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none;
    min-width: 160px;
    moz-background-clip: padding;
    moz-border-radius: 5px;
    moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    position: absolute;
    top: 100%;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

    .datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
        padding: 4px 7px;
    }

.datepicker {
    direction: ltr;
    display: none;
    margin-top: 1px;
    padding: 4px;
    position: absolute;
}

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

    .datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    left: 0;
    top: 0;
}

    .datepicker-dropdown:before {
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0,0,0,0.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: '';
        display: inline-block;
        left: 6px;
        position: absolute;
        top: -7px;
    }

    .datepicker-dropdown:after {
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: '';
        display: inline-block;
        left: 7px;
        position: absolute;
        top: -6px;
        z-index: 1000;
    }

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    border: 0;
    margin: 0;
}

.datepicker td, .datepicker th {
    background: #fff;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    padding: 4px 8px;
    text-align: center;
    width: 20px;
}

    .datepicker td.active.day, .datepicker th.active.day {
        background: #ca3e2f;
        color: #FFF;
    }

    .datepicker td.active.year, .datepicker th.active.year {
        background: #ffa726;
        color: #FFF;
    }

    .datepicker td span.active, .datepicker th span.active {
        background: #ffa726;
    }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td span {
    cursor: pointer;
    display: block;
    float: left;
    height: 54px;
    line-height: 54px;
    margin: 1%;
    width: 23%;
}

.datepicker th.date-switch {
    width: 145px;
}

.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datepicker .cw {
    font-size: 10px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
    width: 12px;
}

.datepicker thead tr:first-child th.cw {
    background-color: transparent;
    cursor: default;
}

.datepicker-dropdown::before, .datepicker-dropdown::after {
    display: none;
}

.datepicker-close {
    display: none;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    top: -30px;
    width: 15px;
}

.datepicker td.old, .datepicker td.new {
    color: #999;
}

.datepicker td.day.disabled {
    color: #eee;
}

.datepicker .button {
    display: none;
}

.datepicker .icon-chevron-left, .datepicker .icon-chevron-right {
    display: block;
    height: 12px;
    width: 9px;
}

.datepicker th.next {
    padding-right: 0 !important;
}

.datepicker .icon-chevron-left {
    background: url("../images/icons/png/datepicker-prev.png") no-repeat left top;
}

.datepicker .icon-chevron-right {
    background: url("../images/icons/png/datepicker-next.png") no-repeat left top;
}

.mod-accordion {
    margin: 0 17%;
}

    .mod-accordion a.return {
        float: none;
    }

    .mod-accordion .title-l {
        margin-bottom: 0;
    }

    .mod-accordion .ico-btn-open, .mod-accordion .ico-btn-close {
        height: 26px;
        width: 26px;
    }

    .mod-accordion .btn {
        margin: 15px 0;
    }

    .mod-accordion article .head {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
        position: relative;
    }

        .mod-accordion article .head a {
            border-bottom: 1px solid #dddddd;
            display: block;
            padding: 12px 0;
        }

        .mod-accordion article .head .ico {
            position: absolute;
            right: 0;
            top: 12px;
        }

        /*Añadimos para poner fondo en las validaciones (javier) */
        .mod-accordion article .head .fondo {
            font-size: 16px;
            text-transform: uppercase;
            background-color: #ca3e2f;
            padding: 0px 5px;
            margin-left: 10px;
            color: white;
        }


    .mod-accordion article .inner {
        display: none;
    }

    .mod-accordion article.active .head a {
        border-bottom: none;
    }

    .mod-accordion article.active .inner {
        display: block;
    }

    .mod-accordion article fieldset label {
        font-size: 13px;
        font-weight: 300;
        line-height: 40px;
    }

    .mod-accordion article #addMascotas {
        font-size: 15px;
        width: auto;
        height: 35px;
        padding: 0 16px 2px 16px;
        margin: 0 0 10px auto;
    }

    .mod-accordion article fieldset .mascotaExtra {
        margin: 15px 0 15px 0;
    }

    .mod-accordion .mascotaExtra select option {
        background-color: #ffffff;
    }

    .mod-accordion .mascotaExtra .col-form-footer.conBordeDivisor > div {
        position: relative;
    }

        .mod-accordion .mascotaExtra .col-form-footer.conBordeDivisor > div:after {
            content: '';
            position: absolute;
            height: 1px;
            width: 93%;
            background-color: #bbbaba;
            top: 0;
        }

        .mod-accordion .mascotaExtra .col-form-footer.conBordeDivisor > div:first-child::after {
            left: 7%;
        }

        .mod-accordion .mascotaExtra .col-form-footer.conBordeDivisor > div:last-child::after {
            right: 7%;
        }

    .mod-accordion .col-form-footer {
        display: flex;
        flex-direction: row;
        height: 40px;
    }

        .mod-accordion .col-form-footer > div {
            width: 33.33333%;
            background-color: #eaeaea;
        }

            .mod-accordion .col-form-footer > div:first-child {
                padding: 0 0 0 25px;
            }

                .mod-accordion .col-form-footer > div:first-child > label {
                    color: #ca3e2f;
                    font-weight: bold;
                    letter-spacing: 0.3px;
                }

            .mod-accordion .col-form-footer > div:last-child {
                text-align: right;
                padding: 5px 25px 0 0;
                display: flex;
                flex-direction: row;
                justify-content: end;
            }

                .mod-accordion .col-form-footer > div:last-child > span {
                    color: #ca3e2f;
                }

                    .mod-accordion .col-form-footer > div:last-child > span:first-child {
                        font-size: 10px;
                        font-weight: bold;
                        text-align: left;
                        line-height: 1;
                        letter-spacing: 0.6px;
                        width: 55%;
                        align-self: center;
                    }

                    .mod-accordion .col-form-footer > div:last-child > span:last-child {
                        font-size: 20px;
                        width: 45%;
                    }

                .mod-accordion .col-form-footer > div:last-child > a {
                    margin: 0;
                    width: 30px;
                    height: 30px;
                }

                    .mod-accordion .col-form-footer > div:last-child > a > span {
                        font-size: 30px;
                    }

.mod-others-products a.return {
    float: none;
}

.mod-others-products > ul {
    margin-bottom: 20px;
    overflow: hidden;
}

    .mod-others-products > ul > li {
        background: white;
        border: 1px solid #dddddd;
        box-shadow: 0 4px 0 #eeeeee;
        float: left;
        height: 235px;
        padding: 9px;
        text-align: center;
    }
        /*.mod-others-products>ul>li img {
	width: 100%;
}*/
        .mod-others-products > ul > li .btn {
            margin: 0 auto 5px;
            text-align: center;
        }

        .mod-others-products > ul > li .title-s {
            line-height: 26px;
            margin-top: 5px;
        }

    .mod-others-products > ul li.medium {
        width: 50%;
    }

        .mod-others-products > ul li.medium .title-s {
            font-size: 20px;
        }

    .mod-others-products > ul li.small {
        border-left: none;
        width: 25%;
    }

        .mod-others-products > ul li.small .title-s {
            font-size: 14px;
        }

            .mod-others-products > ul li.small .title-s.txt_left {
                margin-bottom: 7px;
                margin-left: 9px;
                margin-top: -3px;
            }

        .mod-others-products > ul li.small ul {
            border-top: 1px solid #dddddd;
            margin-left: 9px;
            margin-right: 7px;
            padding-top: 2px;
        }

            .mod-others-products > ul li.small ul li {
                color: #ca3e2f;
                font-size: 13px;
                font-weight: bold;
                line-height: 32px;
                text-align: left;
            }

                .mod-others-products > ul li.small ul li a {
                    text-decoration: underline;
                }

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

    #enlaceComparadorMascotas
    {
        max-width:285px !important;
    }

    html div.mod-modal-info .col-info-big span {
        font-size: 14px;
        color: #000;
    }

    html div.mod-modal-info ul.bullet li {
        font-size: 15px;
        color: #000;
    }

    .mod-table-info ul {
        padding: 0 0 0 0;
        position: relative;
    }

    .mod-table-info .price {
        margin-top: -10px;
    }

    .mod-table-info .linkMov {
        color: #cb0000;
        font-weight: bold;
        text-decoration: underline;
        display: block;
        margin-top: -10px;
    }

    .mod-table-info ul li {
        color: #000;
        font-size: 16px;
    }

    .mod-accordion article fieldset label {
        font-size: 16px;
        font-weight: 300;
        line-height: 40px;
    }

    .mod-table-info .ico-check-positive,
    .mod-table-info .ico-check-negative {
        height: 12px;
        width: 12px;
        zoom: 1.3;
    }
}


/*****************************/



.home .grey {
    overflow: visible;
}

.head-slogan {
    min-height: 300px;
    padding-top: 70px;
    text-align: center;
}

    .head-slogan .title {
        color: #fff;
    }

    .head-slogan .subtitle {
        color: #999;
    }

        .head-slogan .subtitle b {
            color: #fff;
        }

    .head-slogan a {
        color: #ca3e2f;
        font-weight: 700;
        text-decoration: underline;
    }

        .head-slogan a:hover {
            color: #fff;
        }
    .head-slogan ._l17 {
        text-align: justify;
    }

.contacto .row .google-map, .contacto .news-block .google-map {
    background: url("../images/bg-google-contact.png") no-repeat;
    height: 319px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    width: auto;
}

    .contacto .row .google-map.fix-mapa, .contacto .news-block .google-map {
        background: url("../images/bg-google-contact.png") no-repeat;
        height: 319px;
        left: auto;
        margin: auto;
        position: relative;
        width: auto;
    }

.contacto .row.contact-cnt,
.contacto .contact-cnt.news-block {
    overflow: visible;
    position: relative;
}

.contacto .wrapper-top {
    margin-top: -125px;
}

.contacto .row.contact-cnt .contact-data,
.contacto .contact-cnt.news-block .contact-data,
.contacto .row.contact-cnt .map-data,
.contacto .contact-cnt.news-block .map-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 22px;
}

    .contacto .row.contact-cnt .contact-data div,
    .contacto .contact-cnt.news-block .contact-data div,
    .contacto .row.contact-cnt .map-data > div:not(:first-child),
    .contacto .contact-cnt.news-block .map-data > div:not(:first-child) {
        margin-left: 20px;
    }

        .contacto .row.contact-cnt .contact-data div .title,
        .contacto .contact-cnt.news-block .contact-data div .title,
        .contacto .row.contact-cnt .map-data div .title,
        .contacto .contact-cnt.news-block .map-data div .title {
            width: auto;
            border-bottom: 1px solid #CCC;
            padding-bottom: 13px;
            margin-bottom: 13px;
            margin-left: 0;
            position: relative;
            text-transform: uppercase;
        }

            .contacto .row.contact-cnt .contact-data div .title:not(:first-child),
            .contacto .contact-cnt.news-block .contact-data div .title:not(:first-child),
            .contacto .row.contact-cnt .map-data div .title:not(:first-child),
            .contacto .contact-cnt.news-block .map-data div .title:not(:first-child) {
                margin-top: 15px;
            }

            .contacto .row.contact-cnt .contact-data div .title:first-of-type,
            .contacto .contact-cnt.news-block .contact-data div .title:first-of-type,
            .contacto .row.contact-cnt .map-data div .title:first-of-type,
            .contacto .contact-cnt.news-block .map-data div .title:first-of-type {
                margin-top: 0;
            }

            .contacto .row.contact-cnt .contact-data div .title:after,
            .contacto .contact-cnt.news-block .contact-data div .title:after,
            .contacto .row.contact-cnt .map-data div .title:after,
            .contacto .contact-cnt.news-block .map-data div .title:after {
                background: #ca3e2f;
                bottom: -1px;
                content: '';
                height: 1px;
                left: 0;
                position: absolute;
                width: 50px;
            }

            .contacto .row.contact-cnt .contact-data div .title b,
            .contacto .contact-cnt.news-block .contact-data div .title b,
            .contacto .row.contact-cnt .map-data div .title b,
            .contacto .contact-cnt.news-block .map-data div .title b {
                font-size: 20px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 0.8;
                letter-spacing: 0.13px;
                color: #e40000;
            }

        .contacto .row.contact-cnt .contact-data div ul:first-of-type li,
        .contacto .contact-cnt.news-block .contact-data div ul:first-of-type li {
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.23;
            letter-spacing: 0.08px;
            color: #000;
        }

        .contacto .row.contact-cnt .contact-data div ul:not(:first-of-type) li,
        .contacto .contact-cnt.news-block .contact-data div ul:not(:first-of-type) li {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: 0.08px;
            color: #828282;
        }

            .contacto .row.contact-cnt .contact-data div ul:not(:first-of-type) li a,
            .contacto .contact-cnt.news-block .contact-data div ul:not(:first-of-type) li a {
                color: #e40000;
                text-decoration: underline;
            }

        .contacto .row.contact-cnt .contact-data div span,
        .contacto .contact-cnt.news-block .contact-data div span,
        .contacto .row.contact-cnt .map-data div span,
        .contacto .contact-cnt.news-block .map-data div span {
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.29;
            letter-spacing: 0.09px;
            color: #e40000;
            text-transform: uppercase;
        }

        .contacto .row.contact-cnt .contact-data div p,
        .contacto .contact-cnt.news-block .contact-data div p,
        .contacto .row.contact-cnt .map-data div p,
        .contacto .contact-cnt.news-block .map-data div p {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.29;
            letter-spacing: 0.08px;
            color: #000;
            margin: 0 0 6px 0;
        }

            .contacto .row.contact-cnt .contact-data div p:last-child,
            .contacto .contact-cnt.news-block .contact-data div p:last-child,
            .contacto .row.contact-cnt .map-data div p:last-child,
            .contacto .contact-cnt.news-block .map-data div p:last-child {
                margin: 0;
            }

@media only screen and (max-width: 767px) {
    .contacto .row.contact-cnt .contact-data,
    .contacto .contact-cnt.news-block .contact-data,
    .contacto .row.contact-cnt .map-data,
    .contacto .contact-cnt.news-block .map-data {
        flex-direction: column;
    }

        .contacto .row.contact-cnt .contact-data div,
        .contacto .contact-cnt.news-block .contact-data div,
        .contacto .row.contact-cnt .map-data > div:not(:first-child),
        .contacto .contact-cnt.news-block .map-data > div:not(:first-child) {
            margin: auto;
            width: 100%;
        }

            .contacto .row.contact-cnt .contact-data div .title:first-of-type,
            .contacto .contact-cnt.news-block .contact-data div .title:first-of-type,
            .contacto .row.contact-cnt .map-data div .title:first-of-type,
            .contacto .contact-cnt.news-block .map-data div .title:first-of-type {
                margin-top: 25px;
            }

            .contacto .row.contact-cnt .contact-data div ul:first-of-type li,
            .contacto .contact-cnt.news-block .contact-data div ul:first-of-type li {
                font-size: 18px;
                line-height: 1.28;
                letter-spacing: 0.12px;
            }

            .contacto .row.contact-cnt .contact-data div ul:not(:first-of-type) li,
            .contacto .contact-cnt.news-block .contact-data div ul:not(:first-of-type) li {
                font-size: 14px;
                letter-spacing: 0.09px;
                color: #4a4a4a;
            }

                .contacto .row.contact-cnt .contact-data div ul:not(:first-of-type) li a,
                .contacto .contact-cnt.news-block .contact-data div ul:not(:first-of-type) li a {
                    font-size: 15px;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.53;
                    letter-spacing: 0.1px;
                }

            .contacto .row.contact-cnt .contact-data div span,
            .contacto .contact-cnt.news-block .contact-data div span,
            .contacto .row.contact-cnt .map-data div span,
            .contacto .contact-cnt.news-block .map-data div span {
                font-size: 18px;
                line-height: 1.33;
                letter-spacing: 0.12px;
            }

            .contacto .row.contact-cnt .contact-data div p,
            .contacto .contact-cnt.news-block .contact-data div p,
            .contacto .row.contact-cnt .map-data div p,
            .contacto .contact-cnt.news-block .map-data div p {
                font-size: 17px;
                letter-spacing: 0.11px;
            }

        .contacto .row.contact-cnt .contact-data img,
        .contacto .contact-cnt.news-block .contact-data img {
            max-width: 415px;
            width: 100%;
            margin: 0 auto;
        }
}

.x404 .row.row-top, .x404 .row-top.news-block {
    overflow: visible;
    position: relative;
}

    .x404 .row.row-top .cnt-404 .links-404, .x404 .row-top.news-block .cnt-404 .links-404 {
        padding-right: 20px;
    }

        .x404 .row.row-top .cnt-404 .links-404 p, .x404 .row-top.news-block .cnt-404 .links-404 p {
            margin-bottom: 30px;
        }

        .x404 .row.row-top .cnt-404 .links-404 a, .x404 .row-top.news-block .cnt-404 .links-404 a {
            cursor: pointer;
            text-decoration: underline;
        }

        .x404 .row.row-top .cnt-404 .links-404 div, .x404 .row-top.news-block .cnt-404 .links-404 div {
            background: #fff;
            padding: 42px;
        }

            .x404 .row.row-top .cnt-404 .links-404 div .ul-green-bullet, .x404 .row-top.news-block .cnt-404 .links-404 div .ul-green-bullet {
                margin-top: 12px;
            }

                .x404 .row.row-top .cnt-404 .links-404 div .ul-green-bullet li, .x404 .row-top.news-block .cnt-404 .links-404 div .ul-green-bullet li {
                    margin-bottom: 23px;
                }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .x404 .row.row-top .cnt-404 .links-404, .x404 .row-top.news-block .cnt-404 .links-404 {
        padding: 0px 10px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .x404 .row.row-top, .x404 .row-top.news-block {
        float: left;
    }

        .x404 .row.row-top .cnt-404 .links-404, .x404 .row-top.news-block .cnt-404 .links-404 {
            padding: 0px;
            width: 100%;
        }

            .x404 .row.row-top .cnt-404 .links-404 div, .x404 .row-top.news-block .cnt-404 .links-404 div {
                float: left;
                padding: 14px 20px 57px;
            }
}

form .custom-input {
    background: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
    box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    color: #333;
    font-size: 14px;
    moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    outline: 0;
    padding: 12px 4px;
    -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
    width: 100%;
}

#txtRaza {
    width: 50%;
    background: #fff url('/assets/images/icons/png/lupa_ico.png') no-repeat scroll 95% 13px;
}

form .custom-radio {
    display: block;
    margin: 0 auto;
    max-width: 315px;
    text-align: left;
}

    form .custom-radio label {
        border: 1px solid transparent;
        border-bottom: 1px solid #dddddd;
        color: #000;
        cursor: pointer;
        display: block;
        font-size: 16px;
        line-height: 1.3em;
        padding: 10px 8px 13px;
    }

        form .custom-radio label.checked {
            border: 1px solid #82AE00;
        }

        form .custom-radio label img {
            pointer-events: none;
        }

    form .custom-radio input {
        display: none;
    }

    form .custom-radio.borders {
        border-bottom: 4px solid #EEE;
        display: inline;
        display: inline-block;
        margin-bottom: 4px;
        margin-right: 2px;
        vertical-align: auto;
        vertical-align: baseline;
        zoom: 1;
    }

        form .custom-radio.borders label {
            border: 1px solid #dddddd;
            display: inline;
            display: inline-block;
            padding: 10px;
            text-align: center;
            vertical-align: auto;
            vertical-align: baseline;
            zoom: 1;
        }

            form .custom-radio.borders label.checked {
                border: 2px solid #82AE00;
            }

        form .custom-radio.borders span {
            display: block;
        }

form .row.days, form .days.news-block {
    padding-right: 6%;
}

    form .row.days .custom-radio label, form .days.news-block .custom-radio label {
        min-width: 42px;
    }

form .row.months .custom-radio label, form .months.news-block .custom-radio label, form .row.years .custom-radio label, form .years.news-block .custom-radio label {
    min-width: 114px;
}

form .row.days, form .days.news-block, form .row.months, form .months.news-block, form .row.years, form .years.news-block {
    margin-bottom: 30px;
    padding-bottom: 0;
}

form .row.brands, form .brands.news-block {
    margin-bottom: 20px;
    padding-bottom: 0;
}

    form .row.brands .custom-radio label, form .brands.news-block .custom-radio label {
        min-width: 105px;
        min-height: 105px;
        font-size: 12px;
    }

form .date-selects {
    margin: 0 auto 20px;
}

    form .date-selects:after {
        clear: both;
        content: "";
        display: table;
    }

    form .date-selects select {
        min-width: 20px;
    }

    form .date-selects .col-2, form .date-selects .col-3, form .date-selects .sidebar, form .date-selects .news-categories {
        padding-right: 10px;
    }

    form .date-selects .ico-calendar {
        float: left;
        height: 30px;
        margin-top: 5px;
        width: 31px;
    }

form .select-code .col-5 {
    max-width: 170px;
}

form .select-code .custom-radio label {
    min-width: 40px;
}

form .select-code .custom-radio.ml {
    margin-left: 46px;
}

.funnel-transitions {
    position: relative;
    width: 100%;
}

.funnel .funnel-transitions .main {
    position: relative;
}

.funnel .funnel-transitions .is-funnel-hidden {
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 22;
}

.news-block {
    padding-top: 30px;
}

.news-categories {
    padding-right: 10px;
}

    .news-categories > ul li {
        background: #EEE;
        margin-bottom: 2px;
    }

        .news-categories > ul li.selected {
            background: #FFF;
            border: 1px solid #dddddd;
            border-left: 2px solid #ca3e2f;
            margin-bottom: 0;
        }

            .news-categories > ul li.selected a {
                color: #333333;
            }

        .news-categories > ul li a {
            color: #666666;
            display: block;
            font-size: 13px;
            padding: 15px 20px;
        }

    .news-categories .fake-selector .active {
        background: url("../images/icons/png/down-red-small.png") no-repeat 95% center #fff;
        border: 1px solid #dddddd;
        border-left: 2px solid #ca3e2f;
        color: #333333;
        display: block;
        font-size: 13px;
        padding: 15px 20px;
    }

    .news-categories .fake-selector.opened ul {
        display: block;
    }

    .news-categories .fake-selector ul {
        display: none;
        position: absolute;
        width: 90%;
        z-index: 1000;
    }

    .news-categories .fake-selector li {
        background: #EEE;
        border: 1px solid #dddddd;
        border-top: 0;
    }

        .news-categories .fake-selector li a {
            color: #666666;
            display: block;
            font-size: 13px;
            padding: 15px 20px;
        }

.news-item {
    padding: 0 25px 35px;
}

    .news-item header {
        border-top: 1px solid #dddddd;
        padding: 12px 0;
        position: relative;
        background-color: #000;
        margin-top: 20px;
    }

        .news-item header:before {
            background: #ca3e2f;
            content: ' ';
            height: 4px;
            position: absolute;
            top: -4px;
            width: 14%;
        }

        .news-item header .title {
            color: #fff;
            padding-left: 20px;
        }

            .news-item header .title b {
                color: #fff;
            }

    .news-item .date {
        color: #333333;
        display: inline-block;
        font-size: 28px;
        font-weight: 300;
        line-height: 1;
        margin: 0;
        text-align: center;
        vertical-align: middle;
        width: 14%;
    }

        .news-item .date span {
            color: #666666;
            display: block;
            font-size: 12px;
        }

    .news-item .title {
        color: #333333;
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        width: 84%;
    }

    .news-item img {
        height: auto;
        width: 100%;
    }

    .news-item .more {
        text-decoration: underline;
    }

.other-news .news-item {
    padding: 0 0 25px;
}

    .other-news .news-item header:before {
        width: 50px;
    }

    .other-news .news-item header .title {
        font-size: 16px;
    }

.share-links {
    border-top: 1px solid #dddddd;
    padding: 15px 0;
}

    .share-links li {
        display: inline-block;
        margin-right: 15px;
        moz-transform: rotate(-45deg);
        ms-transform: rotate(-45deg);
        o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .share-links a {
        display: block;
        font: 0px/0 arial;
        moz-transform: rotate(45deg);
        ms-transform: rotate(45deg);
        o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .share-links .facebook {
        background: #3B5998;
        padding: 5px 10px;
    }

    .share-links .ico-facebook {
        background-position: -10px;
        height: 20px;
        width: 10px;
    }

    .share-links .twitter {
        background: #00C6F6;
        padding: 5px 4px;
    }

    .share-links .ico-twitter {
        background-position: -24px;
        height: 20px;
        width: 24px;
    }

    .share-links .gplus {
        background: #D95333;
        padding: 4px;
    }

    .share-links .ico-gplus {
        background-position: -21px;
        height: 21px;
        width: 21px;
    }

    .share-links .linkedin {
        background: #0976B4;
        padding: 4px;
    }

    .share-links .ico-linkedin {
        background-position: -21px;
        height: 21px;
        width: 21px;
    }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .news-categories {
        float: none;
        padding: 0 10px 20px 10px;
        position: relative;
        width: 33.33333%;
    }

    .main-news {
        width: 66.66667%;
    }

    .news-block .sidebar {
        width: 33.33333%;
    }

    .news-item {
        padding: 0 30px 35px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .news-categories {
        padding: 0 10px 20px 10px;
    }

    .news-item {
        padding: 0 10px 25px 10px;
    }

    .other-news .news-item {
        padding: 0 5px 25px;
    }
}

.about .bg-centered {
    height: auto;
}

    .about .bg-centered img {
        margin-left: -750px;
        position: absolute;
        width: 1500px;
    }

.about .head-slogan {
    float: right;
    min-height: 512px;
    padding: 10px 30px 0;
}

    .about .head-slogan p, .about .head-slogan .main-title {
        color: #666666;
        text-transform: none;
        top: auto;
    }

    .about .head-slogan .main-title {
        color: #ca3e2f;
    }

    .about .head-slogan .images-slogan {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

        .about .head-slogan .images-slogan .image-container {
            width: 40%;
        }

            .about .head-slogan .images-slogan .image-container img {
                position: relative;
                margin-left: 0px;
                left: auto;
                width: 100%;
                margin-top: 10px;
            }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .no-tablet, .only-desktop {
        display: none !important;
    }

    .no-desktop, .only-tablet {
        display: block;
    }

    ._l46 {
        font-size: 38px;
    }

    ._l38 {
        font-size: 32px;
        margin-bottom: 16px;
    }

    ._l30 {
        font-size: 26px;
        margin-bottom: 32px;
    }

    ._l25, .home ._l20 {
        font-size: 25px;
        margin-bottom: 30px;
    }

    ._l20 {
        font-size: 18px;
        margin-bottom: 24px;
    }

    ._l17 {
        font-size: 17px;
        margin-bottom: 24px;
    }

    ._l13 {
        font-size: 13px;
        margin-bottom: 16px;
    }

    .wrapper-top, .x404 .row.row-top .cnt-404, .x404 .row-top.news-block .cnt-404, .breadcrumbs, .wide-slider > .row-title, .head-slogan, .wrapper, .row .row-title, .news-block .row-title, .product-slogan, .why-contract, .news-big, .flexlider-examples, .row.bg-centered p, .bg-centered.news-block p, .row.bg-centered .main-title, .bg-centered.news-block .main-title, .distro-blocks, .contacto .row.contact-cnt .contact-data, .contacto .contact-cnt.news-block .contact-data, .contacto .contact-tit, .x404 .row.row-top .cnt-404, .x404 .row-top.news-block .cnt-404 {
        max-width: none;
    }

    .row.with-bg, .with-bg.news-block {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .line-bg:before {
        display: none;
    }

    .steps {
        padding-bottom: 56px;
        padding-top: 56px;
    }

        .steps a.next, .steps a.prev {
            top: 78px;
        }

    .mod-reference {
        margin-left: 10px;
        margin-right: 10px;
    }

        .mod-reference form {
            border-left: 1px solid #dddddd;
            float: left;
            margin-left: -1px;
            padding: 12px 13px 7px;
            width: 40%;
        }

            .mod-reference form input {
                width: 68%;
            }

            .mod-reference form .btn {
                width: 29%;
            }

    .mod-tabs {
        padding: 0 10px;
    }

        .mod-tabs .menu-mobile {
            display: block;
            margin-bottom: 20px;
        }

    .mod-options li {
        border-bottom: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        box-shadow: 0 4px 0 #eeeeee;
        width: 50%;
    }

    .mod-accordion {
        margin: 0 5%;
    }

    form .select-code .col-5 {
        max-width: 170px;
        width: 41.66667%;
    }

    .mod-table-info .thead ul {
        width: auto;
    }

    .about .head-slogan .images-slogan {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .about .bg-centered img {
        display: none;
    }

    .about .head-slogan {
        min-height: 0;
        padding: 30px 5% 45px;
    }

        .about .head-slogan .images-slogan .image-container img {
            display: flex;
            height: 50px;
        }

    .mod-accordion article .head .fondo {
        position: absolute;
        top: 12px;
        height: 26px;
        width: 26px;
        text-align: left;
        text-indent: -999em;
        background-image: url("../images/icons/png/warning.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    .no-mobile, .only-desktop {
        display: none !important;
    }

    .no-desktop, .only-mobile {
        display: block;
    }

    ._l46 {
        font-size: 28px;
        margin-bottom: 16px;
    }

    ._l38 {
        font-size: 32px;
        margin-bottom: 16px;
    }

    ._l30 {
        font-size: 26px;
        margin-bottom: 32px;
    }

    ._l28 {
        font-size: 18px;
        margin-bottom: 24px;
    }

    ._l25 {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .home ._l20 {
        font-size: 20px;
        margin-bottom: 24px;
    }

    ._l20 {
        font-size: 18px;
    }

    ._l17 {
        font-size: 15px;
        margin-bottom: 18px;
    }

    ._l13 {
        font-size: 13px;
        margin-bottom: 16px;
    }

    .row, .news-block {
        float: none;
    }

        .row.with-bg, .with-bg.news-block {
            background: whitesmoke !important;
            margin-bottom: 0;
            overflow: hidden;
            padding-bottom: 0;
        }

            .row.with-bg .row-bg, .with-bg.news-block .row-bg {
                display: block;
                height: auto;
                /*margin-bottom: -50px;*/
                position: relative;
                width: 100%;
                z-index: 0;
            }

            .row.with-bg.black {
                background-color: black !important;
            }

    .row-title {
        padding-top: 40px;
        text-align: center;
    }

    /*****ADOPTA UN PERRO 2****/
    .col-ad {
        font-family: 'Montserrat', sans-serif;
        margin: 0 auto;
        position: relative;
        width: 766px;
        text-align: left;
    }

        .col-ad .lennon {
            background-repeat: no-repeat;
            background-image: url("../images/lennon-responsive.jpg");
            content: url(../images/lennon-responsive.jpg);
            background-attachment: fixed;
            background-position: center;
            position: absolute;
            z-index: 0;
        }

        .col-ad p {
            float: left;
            font-size: 34px;
            text-align: center;
            color: white;
            padding: 370px 20px 30px;
            line-height: 0.8;
            z-index: 200;
        }

            .col-ad p b {
                font-size: 21px;
            }

    .col-adp {
        font-family: 'Noto Serif TC', serif;
        font-size: 16px;
        margin: 0 auto;
        position: relative;
        width: 401px;
    }

        .col-adp p {
            float: left;
            text-align: center;
            color: #8a8989;
            padding: 0px 2px 0px 0PX;
            font-weight: 200;
        }

    .col-1, .col-2, .col-3, .sidebar, .news-categories, .col-4, .col-5, .col-6, .main-news, .about .head-slogan, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        width: 100%;
    }

    .wrapper-top, .x404 .row.row-top .cnt-404, .x404 .row-top.news-block .cnt-404 {
        margin-top: 0px;
    }

    .line-bg:before {
        display: none;
    }

    .head-slogan {
        min-height: 0;
        padding-top: 24px;
    }

        .head-slogan .title {
            padding: 0 20px 0 20px;
        }

            .head-slogan .title br {
                display: none;
            }

        .head-slogan .subtitle {
            padding: 0 20px 0 20px;
        }

            .head-slogan .subtitle br {
                display: none;
            }

    .steps {
        background: white;
        border-bottom: 4px solid #E9E9E9;
        height: 57px;
        overflow: hidden;
        padding: 0 58px;
    }

        .steps a.next, .steps a.prev {
            height: 57px;
            padding-top: 17px;
            text-align: center;
            top: 0;
            width: 57px;
        }

        .steps a.prev {
            border-right: 1px solid #dddddd;
            left: 0;
        }

        .steps a.next {
            border-left: 1px solid #dddddd;
            right: 0;
        }

        .steps ul {
            margin-bottom: 0;
            padding-top: 10px;
        }

            .steps ul li, .steps ul li:first-child, .steps ul li.last {
                display: none;
                float: none;
                text-align: center;
                width: auto;
            }

                .steps ul li.active {
                    display: block;
                }

        .steps p.time, .steps p.time.end {
            float: none;
            margin-top: 3px;
            text-align: center;
            width: auto;
        }

    form .date-selects .col-2 {
        width: 25%;
    }

    form .date-selects .col-3, form .date-selects .sidebar, form .date-selects .news-categories {
        width: 30%;
    }

    form .date-selects select {
        min-width: 20px;
    }

    form .select-code .col-5 {
        padding-right: 10px;
        width: 50%;
    }

    .mod-reference {
        margin: 0 10px 20px;
    }

        .mod-reference .info,
        .mod-reference .info.parrilla {
            border-bottom: 1px solid #dddddd;
            border-right: none;
            float: none;
            padding: 10px 10px 10px;
            width: auto;
        }

            .mod-reference .info.parrilla .excerpt div {
                justify-content: space-between;
                align-items: center;
            }

                .mod-reference .info.parrilla .excerpt div p,
                .mod-reference .info.parrilla .excerpt div p strong {
                    margin: 0;
                }

            .mod-reference .info .more {
                display: none;
            }

            .mod-reference .info p strong, .mod-reference .info p a {
                display: block;
                margin-left: 0;
                margin-top: 14px;
            }

        .mod-reference fieldset {
            border-left: none;
            float: none;
            padding: 15px;
            width: 100%;
        }

    #ContentPlaceHolder1_txtEmail {
        height: 38px;
        line-height: 35px;
        margin-right: 4px;
        vertical-align: top;
        width: 100%;
    }

    #formEnvioCorreo {
        width: 100%;
    }

        #formEnvioCorreo.parrilla {
            width: 100%;
            border: none;
            margin: -9px auto;
            padding: 0;
        }


    #btnEnviar {
        width: 40%
    }

    .mod-reference fieldset .btn {
        width: 100%;
    }

    .mod-tabs {
        padding: 0 10px;
    }

        .mod-tabs .menu-mobile {
            display: block;
            margin-bottom: 20px;
            width: 100%;
        }

    .mod-table-info {
        overflow-x: hidden;
        overflow-y: hidden;
        width: auto;
    }

        .mod-table-info .parrilla-row-mobile {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin-top: 8px;
        }

        .mod-table-info .col-xs {
            width: 100%;
            background-color: #cbcaca47 !important;
        }

        .mod-table-info .col-s {
            width: 100%;
            background-color: #cbcaca47 !important;
        }

            .mod-table-info .col-s.cabecera-parrilla-mobile {
                width: 50%;
            }

        .mod-table-info .col-ss {
            width: 100%;
            background-color: #cbcaca47 !important;
        }

        .mod-table-info .col-m {
            width: 100%;
            background-color: #f3f3f3 !important;
        }

            .mod-table-info .col-m.cabecera-parrilla-mobile {
                width: 50%;
            }

        .mod-table-info .col-l {
            width: 100%;
            background-color: #cbcaca47 !important;
        }

        .mod-table-info .col-xl {
            width: 100%;
            background-color: #cbcaca47 !important;
        }

        .mod-table-info .col-xxl {
            width: 100%;
            background-color: #cbcaca47 !important;
        }

        .mod-table-info .thead {
            display: none;
        }

        .mod-table-info table thead {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }
    /*html div.mod-modal-info .ul-table li {
	float: none;
	width: auto;
}
html div.mod-modal-info .ul-table span {
	margin-left: 4px;
	margin-right: 4px;
}
html div.mod-modal-info .ul-table li.first strong,html div.mod-modal-info .ul-table li.first span {
	border-right: 1px solid #dddddd;
}
html div.mod-modal-info .ul-table li.last strong,html div.mod-modal-info .ul-table li.last span {
	border-left: 1px solid #dddddd;
}*/
    .mod-insurance-data {
        margin: 20px 10px;
    }

        .mod-insurance-data .ref, .mod-insurance-data .more-info {
            border-left: none;
            border-right: none;
            float: none;
            width: auto;
        }

        .mod-insurance-data .info {
            border-left: none;
            border-right: none;
            float: none;
            width: auto;
            /* cambios por precios > 999 €*/
            flex-direction: column;
            align-items: flex-start;
            text-align: start;
        }

        .mod-insurance-data .info, .mod-insurance-data .more-info {
            border-top: 1px solid #dddddd;
        }

        .mod-insurance-data .ref p.empty {
            margin-top: 0;
            text-align: left;
        }

        .mod-insurance-data .more-info {
            margin-left: 0;
        }

            .mod-insurance-data .more-info .col-3, .mod-insurance-data .more-info .sidebar, .mod-insurance-data .more-info .news-categories, .mod-insurance-data .more-info .col-4, .mod-insurance-data .more-info .col-5, .mod-insurance-data .more-info .col-8 {
                margin-bottom: 14px;
            }

        .mod-insurance-data .info .name, .mod-insurance-data .info .price, .mod-insurance-data .info a.more {
            display: block;
            float: none;
            margin-bottom: 0;
            margin-left: 15px;
            margin-right: 0;
            margin-top: 12px;
            width: 100%;
        }

        .mod-insurance-data .info .brand {
            display: block;
            float: none;
            margin-bottom: 0;
            margin-right: 0;
            width: auto;
            margin-left: 8px;
            margin-top: 0;
        }

        .mod-insurance-data .info a.more {
            margin-bottom: 12px;
        }

    .mod-options {
        margin: 0 10px 20px;
    }

        .mod-options li {
            border-bottom: 1px solid #dddddd;
            border-right: 1px solid #dddddd;
            width: 100%;
        }

    .mod-hire {
        margin: 0 10px 20px;
    }

        .mod-hire article {
            float: none;
            margin: 0 0 24px;
            width: 100%;
        }

        .mod-hire a.return {
            margin: 0 10px 10px;
            width: 100%;
        }

    .wrapper > .title-s, .row .row-title > .title-s, .news-block .row-title > .title-s, .product-slogan > .title-s, .why-contract > .title-s, .news-big > .title-s, .flexlider-examples > .title-s, .row.bg-centered p > .title-s, .bg-centered.news-block p > .title-s, .row.bg-centered .main-title > .title-s, .bg-centered.news-block .main-title > .title-s, .distro-blocks > .title-s, .contacto .row.contact-cnt .contact-data > .title-s, .contacto .contact-cnt.news-block .contact-data > .title-s, .contacto .contact-tit > .title-s, .x404 .row.row-top .cnt-404 > .title-s, .x404 .row-top.news-block .cnt-404 > .title-s {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mod-accordion {
        margin: 0 10px;
    }

        .mod-accordion .btn {
            text-align: center;
            width: 50%;
        }

        .mod-accordion .col-form-footer {
            height: 45px;
            width: 70%;
            margin: 0 auto;
        }

            .mod-accordion .col-form-footer > div {
                width: 50%;
            }

                .mod-accordion .col-form-footer > div:first-child {
                    padding: 0 0 0 8px;
                }

                    .mod-accordion .col-form-footer > div:first-child > label {
                        font-size: 14px;
                        padding: 3px 0 0 0;
                    }

                .mod-accordion .col-form-footer > div:last-child {
                    padding: 5px 8px 0 0;
                }

                    .mod-accordion .col-form-footer > div:last-child > span:last-child {
                        font-size: 23px;
                    }

                    .mod-accordion .col-form-footer > div:last-child > a {
                        width: 32px;
                        height: 32px;
                    }

    .mod-others-products {
        margin: 0 10px 20px;
    }

        .mod-others-products > ul > li, .mod-others-products > ul > li.medium, .mod-others-products > ul > li.small {
            background: white;
            float: none;
            height: auto;
        }

            .mod-others-products > ul > li .title-s, .mod-others-products > ul > li.medium .title-s, .mod-others-products > ul > li.small .title-s {
                font-size: 14px;
            }

            .mod-others-products > ul > li .btn, .mod-others-products > ul > li.medium .btn, .mod-others-products > ul > li.small .btn {
                font-size: 13px;
                width: 80%;
            }

        .mod-others-products > ul li.medium {
            width: 100%;
        }

        .mod-others-products > ul li.small {
            border-left: 1px solid #dddddd;
            border-top: none;
            width: 100%;
        }

    html.hire-insurance.bg-one-line, html.hire-insurance.bg-one-line-down {
        background: none white;
    }

    #txtRaza {
        background: #fff;
        border: 1px solid #D1D1D1;
        border-radius: 2px;
        box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
        color: #333;
        font-size: 14px;
        moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
        outline: 0;
        padding: 12px 4px;
        -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
        width: 100%;
    }

    html.funnel .link-more {
        font-size: 16px;
    }
}

/*modificacion sistemas (jesús) para el popup de info del producto*/

@media only screen and (max-width: 580px) {
    html div.mod-modal-info .ul-table li {
        float: none;
        width: auto;
    }

    html div.mod-modal-info .ul-table span {
        margin-left: 4px;
        margin-right: 4px;
    }

    html div.mod-modal-info .ul-table li.first strong, html div.mod-modal-info .ul-table li.first span {
        border-right: 1px solid #dddddd;
    }

    html div.mod-modal-info .ul-table li.last strong, html div.mod-modal-info .ul-table li.last span {
        border-left: 1px solid #dddddd;
    }

    .col-info {
        width: 100%;
        float: none;
    }

    /***************************************/
    /***************************************/
    /********VER TODOS LOS DATOS PARRILLA**********/
    /***************************************/
    /***************************************/

    .mod-reference .more-info .col-more-info {
        float: left;
        width: 100%;
    }

    .mod-accordion .col-form-footer {
        width: 98%;
    }
}

@media only screen and (max-width: 425px) {
    .mod-accordion .col-form-footer {
        height: 40px;
    }

        .mod-accordion .col-form-footer > div:first-child > label {
            font-size: 11px;
            padding: 0;
        }

        .mod-accordion .col-form-footer > div:last-child > span:last-child {
            font-size: 20px;
        }

        .mod-accordion .col-form-footer > div:last-child > a {
            width: 28px;
            height: 28px;
        }
}

@media only screen and (max-width: 380px) {
    html div.mod-modal-info h1 {
        font-weight: bold;
        font-size: 22px;
        height: 120px;
    }

    html div.mod-modal-info .heading-l {
        text-align: center;
        border-bottom: 0;
        font-size: 20px;
    }

        html div.mod-modal-info .heading-l strong {
            padding: 11px;
            border-inline-color: black;
            border-color: chartreuse;
        }

        html div.mod-modal-info .heading-l span {
            font-size: 12px;
            width: 95%;
            padding: 0;
        }

        html div.mod-modal-info .heading-l hr {
            border: 1px solid black;
            margin: 0 0 10px 5% !important;
            width: 90%;
        }

    .fancybox-item {
        background-image: url("../images/icons/png/close.png");
        background-repeat: no-repeat;
        margin: 13px 10px 0 0;
        position: absolute;
        padding: 1px 1px 1px 16px;
        right: 5px;
        top: 3px;
        height: 16px;
        width: 16px;
    }

    .fancybox-close::before {
        content: "";
        background-color: white;
        padding: 1px 2px 3px 0px;
    }

    html div.mod-modal-info .brand {
        padding-top: 0px;
        padding-right: 15px;
    }

    .mod-accordion .col-form-footer {
        width: 100%;
    }
}
/***************************************/
/***************************************/
/********POPUP MAS INFORMACIÓN**********/
/***************************************/
/***************************************/
.enlaceDocumentacion {
    float: left;
    margin-top: 15px;
}

/***************************************/
/***************************************/
/***********POPUP COMERCIALES***********/
/***************************************/
/***************************************/

#framewrapAsesor {
    width: 100%;
    max-width: 520px;
    padding-top: 30px;
    position: absolute;
    top: 105px;
    background-color: #ca3e2f;
    z-index: 10;
}

    #framewrapAsesor.plegado {
        height: 30px;
    }

    #framewrapAsesor.desplegado {
        height: 600px;
    }

    #framewrapAsesor DIV {
        margin-top: -24px;
        text-align: right;
    }

        #framewrapAsesor DIV IMG {
            margin-right: 20px;
        }

#iframeAsesor {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
/*************************************************************************************************/
/***Para el enlace "Te ayudamos" de las parrillas de precio de los productos que no dan precio****/
/*************************************************************************************************/
/*************************************************************************************************/
.teAyudamos {
    text-decoration: underline;
}
/*************************************************************************************************/
/***********para colorear el numero de persona en los funnel de salud, decesos y dental***********/
/*************************************************************************************************/
/*************************************************************************************************/
.spanEdadesFunnel {
    color: #d23933;
}

a.ayuda {
    position: relative;
    display: inline;
}

    a.ayuda span {
        padding: 0px 5px;
        position: absolute;
        border: 2px solid #E2C649;
        width: 300px;
        color: #666666;
        background: #FCF6DD repeat-x 0 0;
        height: auto;
        line-height: 15px;
        box-shadow: 0px 2px 8px 1px #666;
        text-align: center;
        visibility: hidden;
        opacity: 0;
        border-radius: 6px;
    }

a:hover.ayuda span {
    visibility: visible;
    opacity: 1;
    transition: opacity .55s ease-out;
    -moz-transition: opacity .55s ease-out;
    -webkit-transition: opacity .55s ease-out;
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}

p.lista {
    background: url("/assets/images/red_bullet.png") no-repeat scroll left 7px rgba(0,0,0,0);
    padding-left: 15px;
    text-align: justify;
}

.btnComercial {
    max-width: 960px;
}

    .btnComercial .btn {
        max-height: 50px;
        padding: 6px 10px 0 10px;
        margin: 0 auto;
        font-size: 18px;
    }

img.radio-pagos {
    height: 22px;
    cursor: pointer;
    margin-bottom: 6px;
}



/*************************************************************************************************/
/**************************Para insertar el video de youtube de Terránea**************************/
/*************************************************************************************************/
/*************************************************************************************************/

/***********************Vídeos de razas*******************************/
.videoMascotas {
    position: relative;
    padding-bottom: 56.25%;
    /*overflow: hidden;*/
}

.news-item .videoMascotas iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*********************************************************************/

/**************************fotos de la oficina en sobre-terranea*****************************/

#formulario #filaFotos {
    padding-left: 5%;
    padding-top: 4%;
}

#filaFotos .thumbnail {
    position: relative;
    z-index: 0;
}

    #filaFotos .thumbnail:hover {
        background-color: transparent;
        z-index: 50;
    }

    #filaFotos .thumbnail span img {
        border-width: 0;
        padding: 0px;
    }

    #filaFotos .thumbnail:hover span {
        visibility: visible;
        top: -300;
        left: -90px;
    }

    #filaFotos .thumbnail span {
        position: absolute;
        left: -100px;
        visibility: hidden;
        text-align: center;
        text-decoration: none;
        width: 426px;
        height: 284px;
    }

/*************************************** Vídeo youtube área clientes ***********************************************/
.videoClientes {
    padding-bottom: 55%;
}

/********************************************************************************************************************/
/*************************************** Información de Razas ***********************************************/
.razas-perros {
    background-color: white;
    padding-top: 20px;
}

.news-item p {
    text-align: justify;
}

.btnCompleto {
    width: 100%;
    text-align: center;
}


/************************************************************************************************************/
/******Boton recalcular continente en editar datos de comunidades**********/

#btnRecalcularContinente {
    border: medium none;
    background-color: #FFF;
    color: rgb(210, 58, 53);
    font-weight: bold;
    margin-top: 0.7em;
    margin-left: 0.5em;
}

@media only screen and (max-width: 580px) {
    #btnRecalcularContinente {
        padding-left: 0px;
    }
}

/*********Enlace condiciones con span*************/
.enlaceCondiciones {
    color: #ca3e2f;
    font-size: 11px;
    line-height: 1;
    text-decoration: underline;
    white-space: pre;
}

    .enlaceCondiciones:hover {
        cursor: pointer;
        color: #000;
    }
/*********fin enlace condiciones con span*********/
/***breadcrumbs sin enlace*/
.breadcrumbs span.claro {
    color: #FFF;
}
/**************************/
/***********Para el menú de móvil con enlaces en b64**********/
.responsive-nav.only-mobile li span {
    cursor: pointer;
}

.responsive-nav span:hover {
    color: #999;
}

.responsive-nav span {
    padding: 0px;
}
/******************************************************/
/*********CARGANDO EN FORMULARIO DE FURGOS***********/
.loaderFormulario {
    display: none;
    padding-left: 2em;
}
/****************************************************/
/***botón con aspecto de link en enlace del tellamamos***/
.btnLink {
    border: none;
    outline: none;
    background-color: transparent;
}

/**************************************************/
/*misma altura en las fichas del menú de la pag principal en pc*/
@media only screen and (min-width: 1024px) {

    .col-3.micro-ficha h3.title._l17, .col-3.micro-ficha p.title._l17, .col.micro-ficha h3.title._l17 {
        height: 60px;
    }

    .col-3.micro-ficha p._l13, .col.micro-ficha p._l13 {
        height: 70px;
        text-align: justify;
    }
}
/***************************************************/
/***margen en el div del video de la principal para que salga centrado debajo del menú*/
@media only screen and (min-width: 767px) {
    .margLeft {
        padding-left: 140px;
    }
}
/*.row.wide-slider.white h2._l25.row-title {
    padding-left: 125px;
}*/

/**********botones redes sociales***************/
/*comento lo de divRedes a 7-3-24, si no descoloca nada borrar
/*#divRedes {
    float: left;
    width: 25%;
    margin-top: 9%;*/
    /*padding-left:10%;*/
/*}*/

#textoRedes {
    margin-bottom: 1em;
    /*line-height: 2em;*/
    min-width: 100%;
    padding-left: 12px;
}

#icosRedes {
    /*padding-left: 45%;*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: center; /*space-between;*/
    align-items: stretch;
    align-content: space-between;
    width: 100%;
    min-height: 5em;
}

    #icosRedes .iconoRedes {
        padding: 0.5em;
        font-size: 25px;
        color: #fff;
        margin: auto;
    }

        #icosRedes .iconoRedes:hover, #icosRedes .iconoRedes:active {
            color: #ca3e2f;
        }

/*icomoon -> fuentes con logos de redes*/
/*@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?wv6tgf');
    src: url('../fonts/icomoon.eot?wv6tgf#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?wv6tgf') format('truetype'), url('../fonts/icomoon.woff?wv6tgf') format('woff'), url('../fonts/icomoon.svg?wv6tgf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    src: url('../fonts/icomoon.eot?i0hizr');
    src: url('../fonts/icomoon.eot?i0hizr#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?i0hizr') format('truetype'), url('../fonts/icomoon.woff?i0hizr') format('woff'), url('../fonts/icomoon.svg?i0hizr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[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;
}

.iconblog:before {
    content: "Blog";
    font-family: "Roboto", Arial, sans-serif;
    font-weight: bold;
}
.icon-x:before {
    content: "\e900";
}

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

.icon-instagram:before {
    content: "\ea92";
}

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

.icon-linkedin2:before {
    content: "\eaca";
}
/*.icon-google-plus:before {
    content: "\ea8b";
}

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

.icon-facebook2:before {
    content: "\ea91";
}

.icon-instagram:before {
    content: "\ea92";
}

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

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

.icon-youtube2:before {
    content: "\ea9e";
}

.icon-wordpress:before {
    content: "\eab4";
}

.icon-wikipedia:before {
    content: "\eac8";
}

.icon-linkedin:before {
    content: "\eac9";
}

.icon-linkedin2:before {
    content: "\eaca";
}
.icon-x:before {
    content: "\e900";
}*/

@media only screen and (max-width:1215px) {
    #icosRedes .iconoRedes {
        padding: 5px;
    }
}

@media only screen and (max-width:1024px) {
    #icosRedes .iconoRedes {
        padding: 2em 0.5em;
    }

    #icosRedes {
        flex-flow: row wrap;
    }
}

@media only screen and (max-width:815px) {
    #icosRedes {
        justify-content: center;
        min-height: 7.5em;
        flex-flow: row wrap;
    }
}

@media only screen and (max-width:767px) {
    #icosRedes {
        flex-flow: row nowrap;
        min-height: 2em;
        padding-left: 185px;
    }

    #textoRedes {
        padding-left: 10px;
    }
}

@media only screen and (max-width:395px) {
    #icosRedes .iconoRedes {
        font-size: 1.2em;
    }

    #icosRedes {
        padding-left: 145px;
    }

    #textoRedes {
        padding-left: 10px;
        min-width: 300%;
    }
}
/*******************************************************/
/****prueba para los desplegables del formulario en móvil*****/
@media only screen and (max-width: 767px) {
    /*Sólo para tablet y móvil: ancho del select (pero las opciones ocupan todo el ancho de la pantalla)*/
    form.formikation select[lang='desplegable'] {
        min-width: 100%;
    }
}

.liRazas {
    list-style-type: square;
}

/*****igualar altura divs en menus distributivos en tablet*****/
@media only screen and (min-width:768px) {
    .col-3.fichaMenuTablet {
        min-height: 372px;
    }

        .col-3.fichaMenuTablet ._l17 {
            min-height: 67.2px;
        }
}
/**********************************************************/

/******************página con vídeos y artículos***********/
#contenedorVideos {
    background-color: #f5f5f5;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
}

.filaVideo {
    background-color: #fff;
    display: flex;
    flex-flow: row nowrap;
    height: auto;
    margin: auto;
    max-width: 50%;
}

.celdaVideo {
    flex-flow: row wrap;
    width: 500px;
    height: 250px;
    margin: 3%;
    padding: 1em;
    flex-grow: 2;
}

.celdaCanal {
    /*display:flex;*/
    /*flex-flow: row nowrap;*/
    width: 120px;
    height: auto;
    margin: 10% 0px;
    padding: 1em;
    flex-grow: 1;
}

    .celdaCanal img {
        width: 100%;
    }

.diVideo {
    min-width: 100%;
    height: auto;
}

iframe {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 80%;
}

.celdaImagen {
    flex-flow: row wrap;
    width: 100%;
    height: 315px;
    margin: 0px;
    margin-left: 1.5%;
    padding: 1em;
}

    .celdaImagen.impar {
        margin-right: 1em;
    }

.onlyMobile {
    display: none;
}

.cuatro {
    background-color: #e5111d;
}

.t5 {
    background-color: #01a6de;
}

.telemadrid {
    background-color: #e73336;
}

.oculta {
    visibility: hidden;
}

.negro {
    background-color: #1f1f1f;
}

.lb {
    color: white;
}

.ancho {
    min-width: 5%;
    padding: 3em 0px 0px 2em;
}

.divVideosLanding {
    display: none;
    background-color: #2a2623;
    min-height: 750px;
    /*display:flex;*/
    flex-flow: column nowrap;
}

._l15.ln {
    color: black;
    font-weight: 400;
    padding-bottom: 3em;
    padding-top: 0.5em;
}

.alFondo {
    z-index: -1;
}
/*******************************************/
/*ESCRITORIO*/
@media only screen and (max-width:1600px) {
    .filaVideo {
        max-width: 60%;
    }

    .ancho {
        min-width: 6%
    }
}
/*escritorio mediano*/
@media only screen and (max-width:1366px) {
    .filaVideo {
        max-width: 70%;
    }

    .ancho {
        min-width: 7%
    }
}
/*escritorio pequeño*/
@media only screen and (max-width:1280px) {
    .filaVideo {
        max-width: 80%;
    }

    .ancho {
        min-width: 8%
    }
}
/*TABLET*/
/*tablet-landscape*/
@media only screen and (max-width:1024px) {
    .filaVideo {
        max-width: 100%;
        min-width: 100%
    }

    .ancho {
        min-width: 10%
    }

    .pc {
        display: none;
    }
}
/*tablet-portrait*/
@media only screen and (max-width:767px) {
    /*en este tamaño cambiamos tb las imágenes -> en el html*/
    .celdaCanal {
        display: none;
    }

    .row-title {
        padding-top: 0px;
    }

    .tblt {
        display: flex;
    }

    .noTblt {
        display: none;
    }

    .row.white.margLeft.mvlB {
        background-color: #2a2623;
        margin-top: 3em;
        min-height: 950px;
    }

        .row.white.margLeft.mvlB ._l25 row-title {
            padding: 1em 0px;
        }

    .video-container {
        max-height: 500px;
        margin-top: 1em;
    }

    .row.white.margLeft ._l25.row-title.mvlP {
        /*padding-top: 1em;*/
        padding: 1em 5px;
    }

    .video-container.mvl {
        min-height: 950px;
        padding-top: 0px;
    }
}
/*MÓVIL*/
/*mobile-landscape*/
@media only screen and (max-width:599px) {
    .filaVideo {
        flex-flow: column nowrap;
        padding-left: 5%;
    }

    .celdaVideo {
        width: 90%;
    }

    .celdaImagen {
        margin: 1.5em 3em 0px 0px;
        height: 290px;
    }

    .noMobile {
        display: none;
    }

    .celdaImagen.impar {
        margin-right: 1em;
    }

    .celdaImagen {
        width: auto;
    }

    .onlyMobile {
        display: inline-block;
    }

    .row.white.margLeft.mvlB {
        min-height: 850px;
    }

    .video-container.mvl {
        min-height: 850px;
    }

    ._l15.ln {
        padding-bottom: 0px;
    }

    .alFondo {
        display: none;
    }
}
/*mobile-portrait*/
@media only screen and (max-width:479px) {
    .filaVideo {
        padding-left: 1%;
    }

    .celdaImagen {
        margin: 0em 1em 0px 0px;
    }

    .row.white.margLeft.mvlB {
        min-height: 700px;
    }

    .video-container.mvl {
        min-height: 700px;
    }
}
/*************fin página de vídeos y artículos*************/

/*Inicio estilos ookies*/
/*******************cookies*****************/
/*.background-cookies {
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    background-color: #0000009e;
    z-index: 999998;
}

#aviso-cookies {
    width: 100%;
    display: none;
    max-height: 100%;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: fixed;
    bottom: 0;
    background-color: #000;
    padding-top: 40px;
    z-index: 999999;
}

.mensaje-cookies-container {
    width: 100%;
    background-color: #d4d4d4;
    box-shadow: 0 -4px #fff;
    overflow-y: auto;
    scroll-behavior: smooth;
}

    .mensaje-cookies-container .mensaje-cookies {
        width: 100%;
        max-width: 900px;
        padding: 0 20px;
        margin: 15px auto;
    }

        .mensaje-cookies-container .mensaje-cookies img {
            width: 160px;
        }

        .mensaje-cookies-container .mensaje-cookies p {
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.1px;
            color: #000;
        }

.checkbox-cookies-container {
    width: 100%;
    max-height: 0px;
    transition: max-height 300ms ease-in-out;
    overflow-y: hidden;
}

    .checkbox-cookies-container.opened {
        max-height: 1100px;
    }

    .checkbox-cookies-container .checkbox-cookie {
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #000;
        border-bottom: 2px solid #fff;
        padding: 12px 20px;
    }

        .checkbox-cookies-container .checkbox-cookie > div {
            width: 100%;
            max-width: 900px;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: normal;
        }

            .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container {
                width: min-content;
                text-align: right;
            }

                .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label {
                    position: relative;
                    display: inline-block;
                    width: 50px;
                    height: 20px;
                }

                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input {
                        opacity: 0;
                        width: 0;
                        height: 0;
                    }

                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label span {
                        position: absolute;
                        cursor: pointer;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: linear-gradient(to top, #55555559 0%, #ffffff73 100%);
                        -webkit-transition: .4s;
                        transition: .4s;
                        border-radius: 34px;
                        box-shadow: inset 0px 1px 4px #000000c9;
                    }

                        .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label span:before {
                            position: absolute;
                            content: "";
                            height: 18px;
                            width: 20px;
                            left: 2px;
                            bottom: 1px;
                            background: linear-gradient(to top, #d4d4d4 0%, #ececec 100%);
                            -webkit-transition: .4s;
                            transition: .4s;
                            border-radius: 50%;
                            box-shadow: 0px 2px 4px #000000c9;
                        }

                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:checked:disabled + span:before {
                        background: #a9a9a9;
                    }

                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:checked:disabled + span,
                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:disabled + span {
                        background: linear-gradient(to top, #ca000059 0%, #ed3e3e73 100%);
                    }

                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:checked + span {
                        background: linear-gradient(to top, #ca0000 0%, #ed3e3e 100%);
                    }

                        .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:checked + span:before {
                            -webkit-transform: translateX(25px);
                            -ms-transform: translateX(25px);
                            transform: translateX(25px);
                        }

                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:not(:checked) ~ span::after,
                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:checked ~ span::after {
                        font-size: 14px;
                        font-weight: 600;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 0.09px;
                        color: #f9f9f9;
                        position: absolute;
                        top: 26px;
                    }

                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:checked ~ span::after {
                        content: "ACTIVAS";
                        left: -4px;
                    }

                    .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:not(:checked) ~ span::after {
                        content: "INACTIVAS";
                        left: -13px;
                    }

            .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle {
                margin: 0;
                width: 90%;
            }

                .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle a {
                    display: inline-block;
                }

                    .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle a h3 {
                        font-size: 18px;
                        font-weight: 600;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 0.12px;
                        color: #d8ed3e;
                        margin: -5px 0 5px 0;
                    }

                        .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle a h3 span {
                            display: none;
                        }

                .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle p {
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.09px;
                    color: #fff;
                    margin: 0;
                }


.botones-cookies-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #000;
}

    .botones-cookies-container .botones-cookies {
        width: 100%;
        max-width: 900px;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-self: center;
        padding: 30px 0;
    }*/
#salto {
    display: none;
}

@media only screen and (max-width:767px) {
    #salto {
        display: block;
    }
        /*.mensaje-cookies-container {
        text-align: center;
        max-width: 95%;
    }

        .mensaje-cookies-container .mensaje-cookies img {
            margin: 0 auto;
        }

        .mensaje-cookies-container .mensaje-cookies p {
            font-size: 13px;
        }

        .checkbox-cookies-container .checkbox-cookie {
            padding: 15px 0;
            margin: 8px 0;
        }

        .checkbox-cookies-container .checkbox-cookie > div {
            flex-direction: column-reverse;
            align-items: center;
            justify-content: space-around;
        }

            .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container {
                display: none;
            }

                .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:not(:checked) ~ span::after,
                .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:checked ~ span::after {
                    content: "ACTIVAS";
                    top: -6px;
                    font-size: 18px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.78;
                    letter-spacing: 0.13px;
                    color: #000;
                }

                .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:checked ~ span::after {
                    content: "ACTIVAS";
                    left: 55px;
                }

                .checkbox-cookies-container .checkbox-cookie > div .slide-checkbox-container > label input:not(:checked) ~ span::after {
                    content: "INACTIVAS";
                    left: 55px;
                }

            .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle a h3 {
                display: flex;
                flex-direction: column;
                font-size: 17px;
                font-weight: bold;
                line-height: 1.6;
                letter-spacing: 0.14px;
                color: #7f7f7f;
                margin: 0;
            }

                .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle a h3 span {
                    display: block;
                }

                    .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle a h3 span img {
                        width: 15px;
                        height: 10px;
                    }

            .checkbox-cookies-container .checkbox-cookie > div .cookie-detalle p {
                display: none;
            }

            .checkbox-cookies-container .checkbox-cookie > div.opened .slide-checkbox-container {
                display: block;
                width: 100%;
                background-color: #fff;
                padding: 10px calc(5% + 20px) 6px;
                text-align: left;
            }

            .checkbox-cookies-container .checkbox-cookie > div.opened .cookie-detalle {
                margin: 0 0 16px 0;
                padding: 0 20px;
            }

                .checkbox-cookies-container .checkbox-cookie > div.opened .cookie-detalle a h3 {
                    color: #d8ed3e;
                }

                    .checkbox-cookies-container .checkbox-cookie > div.opened .cookie-detalle a h3 span {
                        display: none;
                    }

                .checkbox-cookies-container .checkbox-cookie > div.opened .cookie-detalle p {
                    display: block;
                    font-size: 13px;
                    letter-spacing: 0.1px;
                }

    .botones-cookies-container {
        background-color: #fff;
    }

        .botones-cookies-container .botones-cookies {
            flex-direction: column;
            align-items: center;
            padding: 10px 0;
            height: 170px;
        }

            .botones-cookies-container .botones-cookies .btn {
                max-width: 225px;
                max-height: 35px;
                font-size: 17px;
            }*/
    }

/***********************************************/

/* Header */
section[role=header] {
    position: relative;
    border-bottom: 4px solid #E9E9E9;
}

    section[role=header] > div {
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }

        section[role=header] > div .head-actions {
            text-align: right;
            display: flex;
            flex-direction: row;
            align-items: normal;
        }

            section[role=header] > div .head-actions .calls {
                display: flex;
                flex-direction: row;
                margin: -7px 0 0 0;
            }

                section[role=header] > div .head-actions .calls > span {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin: 5px 0 0 0;
                }

                    section[role=header] > div .head-actions .calls > span span {
                        font-size: 17px;
                        font-weight: 600;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 0.11px;
                    }

                section[role=header] > div .head-actions .calls .smartphone {
                    margin: 0px 39px 0px 5px;
                }

        section[role=header] > div #logo {
            background-image: url(../images/logo-terranea.png);
            background-repeat: no-repeat;
            background-size: 100%;
            font: 0/0 arial, sans-serif;
            height: 53px;
            width: 183px;
        }

        section[role=header] > div #menu-btn {
            display: none;
        }

.btn-area-clientes-container {
    width: auto;
}

    .btn-area-clientes-container .btn-area-clientes {
        margin: 0 0 0 0;
        padding: 0 10px 3px 10px;
        max-width: 180px;
        max-height: 52px;
        float: right;
    }

        .btn-area-clientes-container .btn-area-clientes .area-icono {
            margin: 0 10px 0 0;
        }

            .btn-area-clientes-container .btn-area-clientes .area-icono img {
                width: 17px;
                height: 25px;
            }

        .btn-area-clientes-container .btn-area-clientes .area-title {
            font-family: Kanit;
            font-size: 15px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: 0.12px;
            color: #fff;
            margin: 0 0 -4px 0;
        }

/* Menú */
#main-nav {
    border-bottom: 2px solid #000;
    border-top: 1px solid #CCC;
    box-shadow: 0 3px 0 rgb(204 204 204 / 60%);
}

    #main-nav > ul {
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        height: 77px;
    }

        #main-nav > ul li {
            position: relative;
            width: 100%;
            height: auto;
            border-right: 1px solid #CCC;
            transition: transform 10ms linear;
        }

            #main-nav > ul li:not(.opened):after {
                content: '';
                position: absolute;
                width: 100%;
                transform: scale(0, 0);
                height: 4px;
                bottom: 0;
                left: 0;
                background-color: #cb0000;
                transform-origin: bottom center;
                transition: transform 0.25s ease-out;
            }

            #main-nav > ul li.opened:after {
                content: '';
                position: absolute;
                width: 100%;
                transform: scale(1, 1);
                height: 4px;
                bottom: 0;
                left: 0;
                background-color: #cb0000;
                transform-origin: bottom center;
            }

            #main-nav > ul li:not(.opened):hover:after {
                transform: scale(1, 1);
            }

            #main-nav > ul li:active {
                transform: translateY(3px);
            }

            #main-nav > ul li a {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
            }

                #main-nav > ul li a img {
                    float: left;
                }

                    #main-nav > ul li a img.menu-ico-spd {
                        content: url("../../assets/images/icons/png/menu-spd.png");
                    }

                        #main-nav > ul li a img.menu-ico-spd.opened {
                            content: url("../../assets/images/icons/png/menu-spd-activo.png");
                        }

                    #main-nav > ul li a img.menu-ico-mascotas {
                        content: url("../../assets/images/icons/png/menu-mascotas.png");
                    }

                        #main-nav > ul li a img.menu-ico-mascotas.opened {
                            content: url("../../assets/images/icons/png/menu-mascotas-activo.png");
                        }

                    #main-nav > ul li a img.menu-ico-coches {
                        content: url("../../assets/images/icons/png/menu-coches.png");
                    }

                        #main-nav > ul li a img.menu-ico-coches.opened {
                            content: url("../../assets/images/icons/png/menu-coches-activo.png");
                        }

                    #main-nav > ul li a img.menu-ico-caballos {
                        content: url("../../assets/images/icons/png/menu-caballos.png");
                    }

                        #main-nav > ul li a img.menu-ico-caballos.opened {
                            content: url("../../assets/images/icons/png/menu-caballos-activo.png");
                        }

                    #main-nav > ul li a img.menu-ico-barcos {
                        content: url("../../assets/images/icons/png/menu-barcos.png");
                    }

                        #main-nav > ul li a img.menu-ico-barcos.opened {
                            content: url("../../assets/images/icons/png/menu-barcos-activo.png");
                        }

                #main-nav > ul li a span {
                    float: right;
                    width: 100px;
                    height: 30px;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.14;
                    letter-spacing: 0.09px;
                    color: #060606;
                }

                #main-nav > ul li a b {
                    text-transform: uppercase;
                    color: #a5a5a5;
                }

                    #main-nav > ul li a b.opened {
                        color: #cb0000;
                    }

    #main-nav li#see-all {
        width: 100%;
        text-align: center;
        text-transform: uppercase;
    }

        #main-nav li#see-all > a {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            #main-nav li#see-all > a span {
                font-weight: 600;
                line-height: normal;
                width: auto;
                margin-bottom: -7px;
            }

            #main-nav li#see-all > a img {
                width: 14px;
                height: 8px;
            }

        #main-nav li#see-all.active a {
            position: relative;
        }

            #main-nav li#see-all.active a:after {
                background: #FFF;
                border-right: 1px solid #CCC;
                border-left: 1px solid #CCC;
                bottom: -5px;
                content: ' ';
                height: 12px;
                left: 0px;
                position: absolute;
                right: 0px;
                z-index: 100;
            }

    #main-nav .submenu {
        display: none;
        left: 0;
        padding-top: 3px;
        position: absolute;
        right: 0;
        z-index: 10;
    }

        #main-nav .submenu > div {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            min-height: 325px;
            background: #FFF;
            border: 1px solid #CCC;
            box-shadow: 0 0 4px 2px rgb(180 180 180 / 50%);
            overflow: hidden;
            padding: 20px 0;
        }

            #main-nav .submenu > div > ul {
                border-left: 3px solid #CCC;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                float: left;
                padding: 0 11px;
                width: 25%;
            }

                #main-nav .submenu > div > ul:first-child {
                    border-left: 0;
                }

                #main-nav .submenu > div > ul > .submenu-heading:first-of-type {
                    padding-top: 0;
                    min-height: 145px;
                    padding-bottom: 10px;
                }

                #main-nav .submenu > div > ul > .submenu-heading:not(:first-of-type) {
                    min-height: 64px;
                }

                #main-nav .submenu > div > ul > .submenu-heading > a {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    font-size: 14px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.21;
                    letter-spacing: 0.09px;
                    color: #000;
                }

                    #main-nav .submenu > div > ul > .submenu-heading > a span:first-child {
                        align-self: center;
                    }

                    #main-nav .submenu > div > ul > .submenu-heading > a span:not(:first-child) {
                        margin-left: 5px;
                    }

                        #main-nav .submenu > div > ul > .submenu-heading > a span:not(:first-child) b {
                            color: #cb0000;
                            text-transform: uppercase;
                            text-decoration: underline;
                        }

                #main-nav .submenu > div > ul > .submenu-heading > ul {
                    margin-left: 39px;
                }

                    #main-nav .submenu > div > ul > .submenu-heading > ul > li > a {
                        position: relative;
                        color: #000;
                        font-size: 14px;
                        font-weight: 400;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 0.09px;
                    }

                        #main-nav .submenu > div > ul > .submenu-heading > ul > li > a:after {
                            content: '';
                            position: absolute;
                            width: 100%;
                            transform: scale(0, 0);
                            height: 1px;
                            bottom: 0;
                            left: 0;
                            background-color: #cb0000;
                            transform-origin: bottom center;
                            transition: transform 0.25s ease-out;
                        }

                        #main-nav .submenu > div > ul > .submenu-heading > ul > li > a:hover:after {
                            transform: scale(1, 1);
                        }

/* Footer */
section[role=footer] {
    background: #000000;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 353px;
}

    section[role=footer] > div {
        height: 70%;
    }

        section[role=footer] > div .footer-dropdown {
            float: left;
            padding: 16px 10px;
            width: 240px;
            height: 100%;
        }

            section[role=footer] > div .footer-dropdown .f-item {
                cursor: pointer;
                font-size: 14px;
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.09px;
                color: #fff;
            }

                section[role=footer] > div .footer-dropdown .f-item:active {
                    color: #505050;
                }

            section[role=footer] > div .footer-dropdown ul {
                margin: 0;
                padding: 8px 0 0 0;
            }

                section[role=footer] > div .footer-dropdown ul h3 {
                    margin-top: 3px;
                    margin-bottom: 0px;
                    font-weight: normal;
                }

                    section[role=footer] > div .footer-dropdown ul h3 a {
                        font-size: 13px;
                        color: #fff;
                    }

        section[role=footer] > div .footer-area-clientes {
            height: 0%;
        }

    section[role=footer] .other-links {
        float: left;
        width: 240px;
        height: 100%;
    }

        section[role=footer] .other-links .footer-nav {
            padding: 0 10px 0 10px;
        }

            section[role=footer] .other-links .footer-nav ul:first-child {
                height: 50%;
            }

                section[role=footer] .other-links .footer-nav ul:first-child li:first-child {
                    padding-top: 20%;
                }

            section[role=footer] .other-links .footer-nav ul:last-child {
                height: 50%;
            }

                section[role=footer] .other-links .footer-nav ul:last-child li:first-child {
                    padding-top: 24%;
                }

            section[role=footer] .other-links .footer-nav ul li {
                line-height: 22px;
            }

                section[role=footer] .other-links .footer-nav ul li a {
                    color: #fff;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.09px;
                }

    section[role=footer] .redes {
        height: 20%;
    }

    section[role=footer] .fine-print {
        height: 10%;
    }

        section[role=footer] .fine-print > ul {
            height: auto;
        }

        section[role=footer] .fine-print:after {
            clear: both;
            content: "";
            display: table;
        }

        section[role=footer] .fine-print > ul li {
            display: inline;
            padding: 0 8px 0 8px;
        }

        section[role=footer] .fine-print > ul a {
            font-size: 11px;
            line-height: 1;
            text-decoration: underline;
            white-space: pre;
        }

    /**********botones redes sociales***************/
    section[role=footer] #divRedes {
        height: 100%;
    }

        section[role=footer] #divRedes #textoRedes {
            margin-bottom: 2px;
            padding-left: 12px;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.09px;
        }

        section[role=footer] #divRedes #icosRedes {
            display: flex;
            flex-flow: row nowrap;
            justify-content: left;
            width: 100%;
            min-height: 15px;
            align-items: baseline;
        }

            section[role=footer] #divRedes #icosRedes .iconoRedes {
                padding: 5px 10px;
                font-size: 25px;
                color: #fff;
                margin: auto;
            }

                section[role=footer] #divRedes #icosRedes .iconoRedes:hover, #icosRedes .iconoRedes:active {
                    color: #ca3e2f;
                }

/*icomoon -> fuentes con logos de redes*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?wv6tgf');
    src: url('../fonts/icomoon.eot?wv6tgf#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?wv6tgf') format('truetype'), url('../fonts/icomoon.woff?wv6tgf') format('woff'), url('../fonts/icomoon.svg?wv6tgf#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;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconblog:before {
    content: "Blog";
    font-family: "Kanit", Arial, sans-serif;
    font-weight: bold;
}

.icon-google-plus:before {
    content: "\ea8b";
}

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

.icon-facebook2:before {
    content: "\ea91";
}

.icon-instagram:before {
    content: "\ea92";
}

.icon-twitter:before {
    content: "\ea96";
}

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

.icon-youtube2:before {
    content: "\ea9e";
}

.icon-wordpress:before {
    content: "\eab4";
}

.icon-wikipedia:before {
    content: "\eac8";
}

.icon-linkedin:before {
    content: "\eac9";
}

.icon-linkedin2:before {
    content: "\eaca";
}

@media only screen and (max-width: 1024px) {
    /* Header */
    section[role=header] > div .head-actions {
        margin-right: 20px;
    }

    section[role=header] > div #logo {
        margin-left: 20px;
    }

    /* Menú */
    #main-nav > ul li {
        padding: 10px 0;
    }

        #main-nav > ul li a {
            justify-content: center;
        }

            #main-nav > ul li a img {
                margin: 0 -7px 0 0;
            }

            #main-nav > ul li a span {
                text-align: center;
            }

    #main-nav li#see-all.active a:after {
        bottom: -15px;
        left: -1px;
        right: -1px;
    }

    /* Footer */
    section[role=footer] > div .footer-dropdown:first-child,
    section[role=footer] .redes,
    section[role=footer] .fine-print {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 850px) {
    /* Menú */
    #main-nav > ul li a img {
        margin: 0 -10px 0 0;
    }

    #main-nav > ul li a span {
        width: 95px;
        height: 25px;
    }

    #main-nav .submenu > div > ul > .submenu-heading > ul > li > a {
        font-size: 11px;
    }
}

@media only screen and (max-width: 767px) {
    /* Header */
    section[role=header] {
        border-bottom: 1px solid #CCC;
        margin-bottom: 0;
    }

        section[role=header] > div {
            border-bottom: solid;
            border-color: #000000;
            margin-bottom: 6px;
            padding: 18px 0 0 0;
        }

            section[role=header] > div .head-actions {
                float: none;
                height: 43px;
                width: auto;
                margin: -6px 6px 0 auto;
                min-height: auto;
            }

                section[role=header] > div .head-actions .calls > span {
                    margin: -3px 0 0 0;
                }

                    section[role=header] > div .head-actions .calls > span span:first-child {
                        margin-bottom: -6px;
                    }

            section[role=header] > div #logo {
                margin: -17px -65px 0 0;
                width: 132px;
                height: 32px;
            }

            section[role=header] > div #menu-btn {
                display: block;
                background-image: url("../images/icons/png/menu-movil.png");
                background-repeat: no-repeat;
                margin: -5px auto 8px 6px;
                width: 29px;
                height: 26px;
                background-size: 100%;
                transition: all .2s ease-out;
                -webkit-tap-highlight-color: rgba(0,0,0,0);
                -webkit-tap-highlight-color: transparent;
            }

                section[role=header] > div #menu-btn.opened {
                    background-image: url("../images/icons/png/cerrar.png");
                }

    .btn-area-clientes-container {
        width: 100%;
    }

        .btn-area-clientes-container .btn-area-clientes {
            margin: 25px auto 30px auto;
            width: 80%;
            max-width: 376px;
            height: 52px;
            float: none;
            text-transform: uppercase;
        }

            .btn-area-clientes-container .btn-area-clientes .area-title {
                font-size: 17px;
                margin: 0 0 -6px 0;
            }

    /* Menú */
    #main-nav {
        display: none;
    }

    /* Menú Móvil*/
    #main-nav-mobile {
        position: relative;
        width: 100%;
    }

        #main-nav-mobile #menu-items {
            position: fixed;
            z-index: 10;
            width: 100%;
            height: 0;
            opacity: 0;
            visibility: hidden;
            transition: height 200ms ease-in-out, visibility 400ms linear, opacity 400ms ease-in-out;
            overflow-y: auto;
            scroll-behavior: smooth;
        }

            #main-nav-mobile #menu-items.open {
                height: calc(100vh - 56px);
                opacity: 1;
                visibility: visible;
                transition: height 200ms ease-in-out, visibility 100ms ease-in-out, opacity 100ms ease-in-out;
            }

            #main-nav-mobile #menu-items:last-child {
                padding-bottom: 50px;
                background-color: #000000;
            }

            /* Item de la lista */
            #main-nav-mobile #menu-items .m-item {
                width: 100%;
                height: auto;
                display: flex;
                flex-direction: column;
                text-align: center;
                align-items: center;
                background-color: #000000;
                margin-bottom: -1px;
            }

                #main-nav-mobile #menu-items .m-item.decorado:after {
                    display: block;
                    width: 80%;
                    content: "";
                    border-bottom: 2px solid #838383;
                }

                #main-nav-mobile #menu-items .m-item.decorado.opened:after {
                    display: block;
                    width: 90%;
                    content: "";
                    border-bottom: 14px solid #cb0000;
                }

                #main-nav-mobile #menu-items .m-item .m-item-btn {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    height: 65px;
                }

                    #main-nav-mobile #menu-items .m-item .m-item-btn .m-item-title {
                        font-family: Kanit;
                        font-size: 22px;
                        font-weight: 500;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.45;
                        letter-spacing: 0.14px;
                        color: #fff;
                        margin: 15px 0 5px 0;
                    }

                /* Espacios por si no lleva botón o es doble el item */
                #main-nav-mobile #menu-items .m-item.doble .m-item-btn {
                    height: 95px;
                }

                /* Efecto boton item */
                #main-nav-mobile #menu-items .m-item .m-item-btn .m-item-title:active {
                    color: #666666;
                    transform: translateY(3px);
                }

                /* Lista dentro del item */
                #main-nav-mobile #menu-items .m-item .m-item-submenu {
                    position: relative;
                    width: 90%;
                    background-color: #363636;
                    padding: 0;
                    max-height: 0;
                    opacity: 0;
                    visibility: hidden;
                    transition: max-height 200ms ease-in-out, visibility 800ms ease-in-out, opacity 800ms ease-in-out, padding 400ms ease-in-out;
                }

                    #main-nav-mobile #menu-items .m-item .m-item-submenu.open {
                        padding: 55px 20px 8px 20px;
                        max-height: 1000px;
                        opacity: 1;
                        visibility: visible;
                        transition: max-height 200ms ease-in-out, visibility 50ms ease-in-out, opacity 50ms ease-in-out, padding 400ms ease-in-out;
                    }

                /* Si es doble subimos un poco para que el sub-listado se abra mas cerca del titulo */
                #main-nav-mobile #menu-items .m-item.doble .m-item-submenu.open {
                    margin-top: -40px;
                }

                /* Botón atrás (1 por listado dentro del item) */
                #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-close {
                    position: absolute;
                    left: -5%;
                    top: 15px;
                    opacity: 0;
                    visibility: hidden;
                    transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
                }

                #main-nav-mobile #menu-items .m-item .m-item-submenu.open .submenu-close {
                    opacity: 1;
                    visibility: visible;
                    transition: visibility 100ms ease-in-out, opacity 100ms ease-in-out;
                }

                /* Efecto boton botón atras */
                #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-close:active {
                    transform: translateY(3px);
                }

                #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-close a {
                    padding: 2px 23px;
                    border-radius: 0 6px 6px 0;
                    box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
                    background-color: #e40000;
                    height: 34px;
                }

                    #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-close a span {
                        font-family: Kanit;
                        font-size: 17px;
                        font-weight: 500;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.88;
                        letter-spacing: 0.11px;
                        color: #fff;
                    }

                /* Sub-lista de links */
                #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-item {
                    width: 100%;
                    opacity: 0;
                    max-height: 0;
                    visibility: hidden;
                    transition: max-height 200ms ease-in-out, visibility 400ms ease-in-out, opacity 400ms ease-in-out;
                }

                #main-nav-mobile #menu-items .m-item .m-item-submenu.open .submenu-item {
                    width: 100%;
                    opacity: 1;
                    max-height: 100px;
                    visibility: visible;
                    transition: max-height 200ms ease-in-out, visibility 50ms ease-in-out, opacity 50ms ease-in-out;
                }

                #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-item:after {
                    display: block;
                    content: "";
                    border-bottom: 2px solid #6d6d6d;
                    margin: 6px 0;
                    align-self: center;
                }

                #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-item:last-child:after {
                    display: block;
                    content: "";
                    margin: 0 0 20px 0;
                }

                #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-item span {
                    font-family: Kanit;
                    font-size: 18px;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.78;
                    letter-spacing: 0.12px;
                    color: #fff;
                    visibility: hidden;
                    opacity: 0;
                    transition: visibility 100ms ease-in-out, opacity 100ms ease-in-out;
                }

                #main-nav-mobile #menu-items .m-item .m-item-submenu.open .submenu-item span {
                    visibility: visible;
                    opacity: 1;
                    transition: visibility 100ms ease-in-out, opacity 100ms ease-in-out;
                }

                #main-nav-mobile #menu-items .m-item .m-item-submenu .submenu-item span:active {
                    color: #505050;
                }

                /* Footer del menú */
                #main-nav-mobile #menu-items .m-item .menu-footer {
                    display: flex;
                    flex-direction: column;
                    width: 75%;
                    margin: 35px 0;
                    align-self: center;
                }

                    #main-nav-mobile #menu-items .m-item .menu-footer .menu-footer-item {
                        width: 288px;
                        height: 44px;
                        margin: 4px 0 4px 0;
                        padding: 6px 10px 4px 10px;
                        align-self: center;
                        background-color: #520000;
                    }

                        #main-nav-mobile #menu-items .m-item .menu-footer .menu-footer-item span {
                            font-family: Kanit;
                            font-size: 18px;
                            font-weight: 500;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: 1.78;
                            letter-spacing: 0.12px;
                            text-align: center;
                            color: #fff;
                        }

    /* Footer */
    section[role=footer] {
        height: 500px;
    }

        section[role=footer] > div .footer-dropdown:first-child,
        section[role=footer] .redes,
        section[role=footer] .fine-print {
            margin-left: 0;
        }

        section[role=footer] > div {
            height: 60%;
        }

            section[role=footer] > div .footer-dropdown {
                float: none;
                width: 100%;
                padding: 12px 0 0 0;
                height: 15%;
            }

                section[role=footer] > div .footer-dropdown .f-item {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    font-size: 20px;
                    font-weight: 500;
                    letter-spacing: 0.13px;
                    color: #a0a0a0;
                }

                    section[role=footer] > div .footer-dropdown .f-item .f-item-title {
                        margin: 5px 0 5px 0;
                    }


                section[role=footer] > div .footer-dropdown ul {
                    display: none;
                }

                section[role=footer] > div .footer-dropdown.opened ul {
                    display: block;
                }

                section[role=footer] > div .footer-dropdown li {
                    background: none;
                    padding: 0 0 8px 0;
                }

            section[role=footer] > div .footer-area-clientes {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                height: 35%;
            }

        section[role=footer] .redes {
            height: 25%;
        }

        section[role=footer] .other-links {
            border-top: 1px solid #979797;
            border-bottom: 1px solid #979797;
            float: none;
            width: 100%;
            height: 35%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            text-align: center;
            text-transform: uppercase;
        }

            section[role=footer] .other-links .footer-nav {
                padding: 7px 10px 7px 10px;
            }

                section[role=footer] .other-links .footer-nav ul:first-child {
                    height: auto;
                }

                    section[role=footer] .other-links .footer-nav ul:first-child li:first-child {
                        padding-top: 0;
                    }

                section[role=footer] .other-links .footer-nav ul li a {
                    font-size: 20px;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.13px;
                    color: #ececec;
                }

        section[role=footer] .fine-print {
            border-top: none;
            clear: none;
            display: block;
            text-align: center;
            height: 15%;
        }

            section[role=footer] .fine-print li {
                padding: 5px;
                display: inline;
            }

        section[role=footer] #divRedes {
            text-align: center;
            margin: 25px 0 0 0;
        }

            section[role=footer] #divRedes #icosRedes {
                min-height: 15px;
                padding: 0;
                justify-content: center;
            }

                section[role=footer] #divRedes #icosRedes #textoRedes {
                    padding: 0;
                    min-width: 100%;
                    margin-bottom: 7px;
                    font-size: 16.8px;
                    font-weight: 500;
                    letter-spacing: 0.11px;
                }
}

@media only screen and (max-width: 375px) {
    section[role=header] > div #logo {
        margin: -4px -55px 0 0;
    }

    section[role=header] > div .head-actions {
        margin: -6px 4px 0 auto;
    }

        section[role=header] > div .head-actions .calls {
            margin: -7px 2px 0 0;
        }

        section[role=header] > div .head-actions .calls > span span {
            font-size: 14px;
        }
}

/******************************************************************************/
/* Backgrounds */
.bg-blanco {
    background-color: #fff;
}

.bg-gris {
    background-color: #ececec;
}

.bg-negro {
    background-color: #000;
}

.bg-gradient-blanco-gris {
    background: linear-gradient(to top, #fff 0%, #fff 52%, #ececec 52%, #ececec 100%);
}

.bg-gradient-blanco-gris-blanco {
    background: linear-gradient(to top, #fff 0%, #fff 20%, #ececec 20%, #ececec 60%, #fff 60%, #fff 100%);
}

/******************************************************************************/
/* Text */
p.justify {
    text-align: justify;
}

/******************************************************************************/
/* Titulos */
.titulo {
    font-size: 22px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    color: #030303;
    margin: 50px auto 20px auto;
}

    .titulo b {
        font-size: 27px;
        font-weight: 600;
        letter-spacing: 0.18px;
        color: #b40202;
    }

    .titulo.centrado {
        width: 100%;
        text-align: center;
    }

/******************************************************************************/
/* Display */
.hide {
    display: none;
}

/******************************************************************************/
/* Botones */
.btn {
    width: 100%;
    max-width: 250px;
    height: 100%;
    max-height: 44px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    align-items: center;
    text-align: center;
    padding: 6px 0 10px 0;
    border: 0;
    border-radius: 6px;
    background-image: linear-gradient(to top, #ff0101 0%, #cb0000 100%);
    box-shadow: #42232366 3px 5px 4px, #4223234d 6px 9px 13px -3px, #6f3a3a80 -4px -4px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
}

    .btn:hover {
        box-shadow: #000 5px 8px 15px -4px, #42232366 3px 5px 4px, #4223234d 6px 9px 13px -3px, #6f3a3a80 -4px -4px 0 inset;
        transform: scale(1.01);
        color: #fff;
        text-shadow: #000000c4 0px 0px 6px;
    }

    .btn:active {
        box-shadow: #000 0px 4px 8px, #42232366 3px 5px 4px, #4223234d 6px 9px 13px -3px, #6f3a3a80 -4px -4px 0 inset;
        transform: scale(.99);
        color: #fff;
        text-shadow: #000000c4 0px 0px 6px;
    }

button.btn {
    font-size: 18px;
    max-height: 42px;
    min-height: 42px;
}
/*Añadido para los botones que no funcionan (de momento) de contratar online en coto de caza y monterías*/
.btn-disabled {
    width: 100%;
    max-width: 250px;
    height: 100%;
    max-height: 44px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding: 6px 0 10px 0;
    border: 0;
    border-radius: 6px;
    background: #E5E5E5;
    box-shadow: 0 4px 0 #a19d9d;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
    cursor: auto;
}

/******************************************************************************/
/* Slider */
/* Animaciones */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-200px * 46)); /* => el numero (calc(-200px * X)) tiene que ser igual al numero de logos del slider */
    }
}

@keyframes slide-in-left {
    0% {
        visibility: hidden;
        opacity: 0;
        max-width: 0px !important;
        transform: translateX(-100vw);
    }

    10% {
        visibility: visible;
        opacity: 1;
        max-width: 1000px !important;
    }

    100% {
        visibility: visible;
        opacity: 1;
        max-width: 1000px !important;
        transform: translateX(0px);
    }
}

@keyframes slide-out-left {
    0% {
        visibility: visible;
        opacity: 1;
        max-width: 1000px !important;
        transform: translateX(0px);
    }

    90% {
        visibility: visible;
        opacity: 1;
        max-width: 1000px;
    }

    99% {
        visibility: hidden;
        opacity: 0;
        max-width: 0px !important;
    }

    100% {
        visibility: hidden;
        opacity: 0;
        max-width: 0px !important;
        transform: translateX(-100vw);
    }
}

@keyframes slide-in-ritgh {
    0% {
        visibility: hidden;
        opacity: 0;
        max-width: 0px !important;
        transform: translateX(100vw);
    }

    10% {
        visibility: visible;
        opacity: 1;
        max-width: 1000px !important;
    }

    100% {
        visibility: visible;
        opacity: 1;
        max-width: 1000px !important;
        transform: translateX(0px);
    }
}

@keyframes slide-out-ritgh {
    0% {
        visibility: visible;
        opacity: 1;
        max-width: 1000px;
        transform: translateX(0px);
    }

    90% {
        visibility: visible;
        opacity: 1;
        max-width: 1000px;
    }

    99% {
        visibility: hidden;
        opacity: 0;
        max-width: 0px !important;
    }

    100% {
        visibility: hidden;
        opacity: 0;
        max-width: 0px !important;
        transform: translateX(100vw);
    }
}

/* Flechas de dirección */
.prev-arrow {
    background: url(../images/icons/png/left-black-arrow.png) no-repeat left center;
    height: 50px;
    width: 24px;
    position: absolute;
    left: 2%;
    top: 50%;
}

.next-arrow {
    background: url(../images/icons/png/rigth-black-arrow.png) no-repeat left center;
    height: 50px;
    width: 24px;
    position: absolute;
    right: 2%;
    top: 50%;
}

.slide-index {
    position: absolute;
    width: 50px;
    left: Calc(50% - 25px);
    bottom: -34px;
    text-align: center;
    font-size: 24.4px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.16px;
}

.next-arrow:active,
.prev-arrow:active {
    transform: scale(1.2);
}

/* Sliders con flechas de dirección según tamaño */
.slider-mobile ~ .next-arrow,
.slider-mobile ~ .prev-arrow,
.slider-mobile ~ .slide-index,
.slider-tablet ~ .next-arrow,
.slider-tablet ~ .prev-arrow,
.slider-tablet ~ .slide-index {
    display: none;
}

.slider-desktop {
    position: relative;
}

    .slider-desktop .slide-item {
        position: absolute;
        visibility: hidden;
        opacity: 0;
    }

    .slider-desktop ~ .next-arrow,
    .slider-desktop ~ .prev-arrow,
    .slider-desktop ~ .slide-index {
        display: block;
    }

/* Slider fijo para los logos de cias */
#slider-cias .cias-sli-container {
    width: 100vw;
    height: 90px;
    padding: 20px 0 19px 0;
    border-bottom: 3px solid #dddddd;
    border-top: 1px solid #979797;
    box-shadow: 0 3px 0 0 rgb(204 204 204 / 60%);
    margin-bottom: 35px;
    overflow: hidden;
    position: relative;
}

    #slider-cias .cias-sli-container:before {
        content: "";
        height: 100px;
        position: absolute;
        width: 200px;
        z-index: 2;
        left: 0;
        top: 0;
    }

    #slider-cias .cias-sli-container:after {
        content: "";
        height: 100px;
        position: absolute;
        width: 200px;
        z-index: 2;
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    #slider-cias .cias-sli-container .cias-sli-track {
        animation: scroll 80s linear infinite;
        display: flex;
        width: calc(200px * 86); /* => el numero (calc(-200px * X)) tiene que ser igual al doble de logos del slider */
        scroll-behavior: smooth;
    }

        #slider-cias .cias-sli-container .cias-sli-track .sli {
            height: 100%;
            width: 200px;
        }

/******************************************************************************/
/* Breadcrumbs */
.breadcrumbs {
    font: 400 13px/120% "Kanit", Arial, sans-serif;
    height: 42px;
    padding: 12px 0 0 0;
}

    .breadcrumbs span,
    .breadcrumbs a {
        color: #FFF;
        display: inline-block;
        padding: 0 0 0 0.5em;
    }

.breadcrumbs.dark span,
.breadcrumbs.dark a {
    color: #000;
}

    .breadcrumbs.dark a:hover,
    .breadcrumbs a:hover {
        color: #ca3e2f;
    }

.breadcrumbs a:after {
    content: url("../images/icons/png/breadcrumbs-arrow-white.png");
    display: inline-block;
    margin-left: 0.8em;
}

.breadcrumbs a.ico-home-black:after {
    content: url("../images/icons/png/breadcrumbs-arrow-black.png");
    display: inline-block;
    margin-left: 0.8em;
}

.breadcrumbs.dark a:after,
.breadcrumbs a.black:after {
    content: url("../images/icons/png/breadcrumbs-arrow-black.png");
    display: inline-block;
    margin-left: 0.8em;
}

.breadcrumbs a:last-child {
    text-decoration: underline;
}

    .breadcrumbs a:last-child:after {
        content: '' !important;
    }

.breadcrumbs a.ico-home {
    background-image: url("../images/icons/png/home-white.png");
    background-repeat: no-repeat;
    padding-left: 18px;
}

.breadcrumbs.dark a.ico-home,
.breadcrumbs a.ico-home-black {
    background-image: url("../images/icons/png/home-black.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
}

/******************************************************************************/
/* Baner Te Ayudamos */
.banner-wide {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 404px;
    width: 100%;
    background: linear-gradient(to top, #d8d8d8 0%, #d8d8d8 80%, #fff 80%, #fff 100%);
    margin-top: 60px;
}

    .banner-wide > img {
        max-width: 380px;
        max-height: 297px;
        padding-right: 20px;
    }

    .banner-wide div {
        align-self: center;
        text-align: center;
        padding-left: 20px;
        margin-bottom: -35px;
    }

        .banner-wide div h5 {
            font-size: 40px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.26px;
            color: #cb0000;
            margin: 4px 0;
        }

        .banner-wide div p {
            font-size: 20px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.3;
            letter-spacing: 0.13px;
            color: #4a4a4a;
        }

/******************************************************************************/
/* Google Rating */
#producto .google-rating {
    padding: 0;
    background-color: transparent;
    width: min-content;
    margin: 0 0 0 auto;
}

    #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] a.ti-header:hover {
        transform: scale(1.01);
        box-shadow: #000 0px 4px 8px;
    }

    #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] a.ti-header:active {
        box-shadow: #000 0px 4px 8px;
        transform: scale(.99);
    }

    #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] {
        width: fit-content !important;
    }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] > .ti-widget-container > .ti-header {
            background-color: #fff !important;
            border-radius: 10px;
            padding: 10px 28px;
        }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-large-logo {
            height: 25px;
            margin-bottom: 1px !important;
        }

            #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-large-logo img {
                max-width: 78px !important;
                max-height: 39px !important;
                margin: auto !important;
            }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-stars {
            margin-top: 0px !important;
        }

            #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-stars .ti-star {
                width: 18px !important;
                height: 18px !important;
            }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-rating {
            background-color: transparent !important;
            font-size: large !important;
            color: #FFB94B !important;
        }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-text {
            font-size: smaller !important;
            text-align: center !important;
        }

#distributiva .google-rating {
    background-color: #ececec
}

.google-rating {
    padding: 20px 0px 0px 0px;
    background-color: #ffffff;
    margin: 0px auto auto auto;
    max-width: 960px;
    width: 100%;
}

    .google-rating.parrilla.google-column {
        display: block;
    }

    .google-rating.parrilla.google-row {
        display: none;
    }

    .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] a.ti-header:hover {
        background-color: transparent !important;
        border: none !important;
    }

    .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'][data-pid='86a3fa310c36734b8946794d4fa'] .ti-widget-container {
        margin-top: 0px !important;
    }

    .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-widget-container {
        margin-bottom: 0px !important;
    }

    .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-large-logo img {
        max-width: 110px !important;
        max-height: 55px !important;
        margin: auto !important;
    }

    .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-stars {
        margin-top: 6px !important;
    }

        .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-stars .ti-star {
            width: 28px !important;
            height: 28px !important;
        }

    .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-rating {
        background-color: transparent !important;
        font-size: xx-large !important;
        color: #FFB94B !important;
    }

    .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-text {
        font-size: small !important;
        text-align: center !important;
    }

    .google-rating.distributiva {
        padding: 0px;
        background-color: #f3f3f3;
        margin: 25px auto auto auto;
    }

    .google-rating.parrilla {
        padding: 0px 0px;
        background-color: #fff;
        margin: auto auto auto auto;
        max-width: 100%;
    }

        .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] > .ti-widget-container > .ti-header, .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] > .ti-widget-container > .ti-footer {
            padding: 10px !important;
        }

        .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-large-logo {
            margin-bottom: 0px !important;
            height: 20px !important;
        }

            .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-large-logo img {
                max-width: 70px !important;
                max-height: 35px !important;
            }

        .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-stars {
            margin-top: 1px !important;
        }

            .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-stars .ti-star {
                width: 16px !important;
                height: 18px !important;
            }

        .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-rating {
            background-color: transparent !important;
            font-size: large !important;
            color: #FFB94B !important;
        }

        .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-text {
            font-size: smaller !important;
            margin-top: -7px !important;
        }

@media only screen and (max-width: 1024px) {
    /******************************************************************************/
    /* Titulos */
    .titulo {
        padding: 0 0 0 30px;
    }

        .titulo.centrado {
            padding: 0 20px;
        }

    /******************************************************************************/
    /* Slider */
    /* Slider con flechas de dirección según tamaño*/
    .slider-tablet {
        position: relative;
    }

        .slider-tablet .slide-item {
            position: absolute;
            visibility: hidden;
            opacity: 0;
        }

        .slider-tablet ~ .next-arrow,
        .slider-tablet ~ .prev-arrow,
        .slider-tablet ~ .slide-index {
            display: block;
        }

    /******************************************************************************/
    /* Breadcrumbs */
    .breadcrumbs {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    /******************************************************************************/
    /* Slider */
    /* Slider con flechas de dirección según tamaño*/
    .slider-mobile {
        position: relative;
    }

        .slider-mobile .slide-item {
            position: absolute;
            visibility: hidden;
            opacity: 0;
            /*transform: translateX(-100vw);*/
        }

            .slider-mobile .slide-item.prev {
                /*visibility: hidden;
                opacity: 0;
                max-width: 0px !important;
                transform: translateX(-100vw);*/
                /*transition: transform 1000ms ease-in-out, opacity 1500ms ease-in, visibility 1500ms ease-in, max-width 1500ms ease-in;*/
            }

            .slider-mobile .slide-item.next {
                /*visibility: hidden;
                opacity: 0;
                max-width: 0px !important;
                transform: translateX(100vw);*/
                /*transition: transform 1000ms ease-in-out, opacity 1500ms ease-in, visibility 1500ms ease-in, max-width 1500ms ease-in;*/
            }

            .slider-mobile .slide-item.active {
                /*visibility: visible;
                opacity: 1;
                max-width: 1000px !important;*/
                /*transform: translateX(0px);*/
                /*transition: transform 1000ms ease-in-out, opacity 500ms linear, visibility 500ms linear, max-width 500ms linear;*/
            }

        .slider-mobile ~ .next-arrow,
        .slider-mobile ~ .prev-arrow,
        .slider-mobile ~ .slide-index {
            display: block;
        }

    /******************************************************************************/
    /* Breadcrumbs */
    .breadcrumbs {
        display: none;
    }

    /******************************************************************************/
    /* Baner Te Ayudamos */
    .banner-wide {
        flex-direction: column;
        align-items: center;
        height: 572px;
        background: linear-gradient(to top, #d8d8d8 0%, #d8d8d8 65%, #fff 65%, #fff 100%);
        margin-top: 0;
        padding: 0 10px;
    }

        .banner-wide div {
            padding-left: 0;
            margin-bottom: -20px;
        }

            .banner-wide div p {
                margin-bottom: 30px;
            }

    /******************************************************************************/
    /* Google Rating */
    #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] {
        width: 100% !important;
    }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] > .ti-widget-container > .ti-header {
            background-color: #fff !important;
            border-radius: 0;
            padding: 0;
            margin: 20px auto;
        }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-rating {
            background-color: transparent !important;
            font-size: xx-large !important;
            color: #FFB94B !important;
        }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-stars .ti-star {
            width: 28px !important;
            height: 28px !important;
        }

        #producto .google-rating .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-text {
            font-size: small !important;
            text-align: center !important;
        }

    .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center;
        justify-content: center;
    }

    .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] > .ti-widget-container > .ti-header, .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] > .ti-widget-container > .ti-footer {
        margin: 5px auto;
        padding: 10px 0px 6px 0px !important;
    }

    .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-large-logo {
        width: 84px;
        margin: -6px -5px 0px 0px !important;
    }

    .google-rating.parrilla .ti-widget[data-layout-id='56'][data-set-id='light-minimal-large'] .ti-text {
        margin: 0px 0px 1px 5px !important;
    }
}

@media only screen and (max-width: 320px) {
    /******************************************************************************/
    /* Titulos */
    .titulo {
        padding: 0 0 0 20px;
    }
}

/************************* COMPONENTES **************************/
/* Contenido */
#home,
#producto,
#distributiva {
    display: flex;
    flex-direction: column;
}

    #home .breadcrumbs-content,
    #producto .breadcrumbs-content,
    #distributiva .breadcrumbs-content {
        width: 100%;
        display: flex;
        align-items: baseline;
        order: 1;
    }

    /******************************************************************************/
    /* landing home */
    #home .content-title {
        width: 100%;
        display: flex;
        flex-direction: column;
        order: 2;
        height: auto;
        min-height: 250px;
        align-items: baseline;
        padding: 0 20px;
    }

        #home .content-title h1 {
            font-size: 30px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.19px;
            text-align: center;
            color: #fff;
            margin-bottom: 25px;
        }

        #home .content-title p {
            font-size: 20px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.13px;
            text-align: center;
            color: #fff;
        }

    #home .home-hightlight {
        display: flex;
        order: 3;
    }

        #home .home-hightlight .hightlight-tabs {
            display: flex;
            flex-direction: row;
            margin: 0 auto;
            max-width: 1200px;
            width: 100%;
            position: relative;
            padding-bottom: 35px;
        }

            #home .home-hightlight .hightlight-tabs:after {
                clear: both;
                content: "";
                display: table;
            }

            #home .home-hightlight .hightlight-tabs .tabs {
                width: 16%;
            }

                #home .home-hightlight .hightlight-tabs .tabs ul {
                    margin-right: -1px;
                    margin-top: 30px;
                    position: relative;
                    z-index: 1;
                }

                    #home .home-hightlight .hightlight-tabs .tabs ul li {
                        font-size: 12px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 0.08px;
                        color: #000;
                        text-transform: uppercase;
                    }

                        #home .home-hightlight .hightlight-tabs .tabs ul li:last-child > a {
                            border-bottom: 0;
                        }

                        #home .home-hightlight .hightlight-tabs .tabs ul li.current > a {
                            background: #fff url("../images/icons/png/arrow-red-right.png") 90% center no-repeat;
                            background: #fff;
                            border: 1px solid #ddd;
                            border-bottom-right-radius: 0;
                            border-radius: 4px;
                            border-right: 1px solid #fff;
                            border-top-right-radius: 0;
                            color: #000;
                        }

                        #home .home-hightlight .hightlight-tabs .tabs ul li a {
                            background: transparent url("../images/icons/png/arrow-grey-right.png") 90% center no-repeat;
                            border: 1px solid transparent;
                            border-bottom: 1px solid #ccc;
                            border-left: 4px solid transparent;
                            border-radius: 0;
                            color: #666;
                            display: block;
                            margin-top: -1px;
                            padding: 12px 0 12px 20px;
                        }

                            #home .home-hightlight .hightlight-tabs .tabs ul li a:hover {
                                background: #fff url("../images/icons/png/arrow-red-right.png") 90% center no-repeat;
                                border: 1px solid #ddd;
                                border-bottom-right-radius: 0;
                                border-radius: 4px;
                                border-right: 1px solid #fff;
                                border-top-right-radius: 0;
                                color: #000;
                            }

            #home .home-hightlight .hightlight-tabs .tab-contents {
                width: 100%;
                background: #fff;
                border: 1px solid #ddd;
                border-radius: 4px;
                margin-top: -35px;
                overflow: hidden;
                padding: 30px;
                position: relative;
            }

                #home .home-hightlight .hightlight-tabs .tab-contents .tab {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }

                #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
                    padding: 10px;
                    width: 16%;
                    min-height: 310px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    border: 1.5px solid #d8d8d8;
                    box-shadow: 2px 1px 0px 0px #999797, 3px 2px 6px 1px #4242428a;
                }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child {
                        width: 100%;
                    }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child:hover {
                            opacity: 0.5;
                            transform: scale(1.03);
                        }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child > img {
                            max-width: 100%;
                            height: 91px;
                            object-fit: cover;
                        }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
                            width: 100%;
                            font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: 1.14;
                            letter-spacing: 0.09px;
                            text-align: center;
                            color: #000;
                        }

                            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 b {
                                font-weight: 600;
                                color: #b40202;
                            }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child span {
                            display: block;
                            width: 100%;
                            height: 6px;
                            background-color: #d8d8d8;
                            border-radius: 0 0 5px 5px;
                        }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha > p {
                        font-size: 13px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.23;
                        letter-spacing: 0.08px;
                        text-align: center;
                        color: #000;
                    }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
                        max-width: 150px;
                        max-height: 33px;
                        font-size: 18px;
                        background-image: linear-gradient(to top, #cb0000 0%, #8e0202 100%);
                    }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn.btn-otros-seguros {
                            font-size: 15px;
                        }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn br {
                            display: none;
                        }

    #home .videos {
        display: flex;
        flex-direction: column;
        order: 4;
    }

        #home .videos .video-container,
        #home .videos .imagen-link-videos {
            width: 100%;
            max-width: 700px;
            margin: 0 auto;
        }

            #home .videos .video-container > div {
                position: relative;
                padding-bottom: 56.25%; /* 16:9 */
                height: 0;
            }

                #home .videos .video-container > div iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

            #home .videos .imagen-link-videos a {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
            }

                #home .videos .imagen-link-videos a img:nth-child(1) {
                    width: 50%;
                    padding: 0 10px 10px 0;
                }

                #home .videos .imagen-link-videos a img:nth-child(2) {
                    width: 50%;
                    padding: 0 0 10px 10px;
                }

                #home .videos .imagen-link-videos a img:nth-child(3) {
                    width: 50%;
                    padding: 10px 10px 0 0;
                }

                #home .videos .imagen-link-videos a img:nth-child(4) {
                    width: 50%;
                    padding: 10px 0 0 10px;
                }

    #home .equipo {
        display: flex;
        flex-direction: column;
        order: 5;
    }

        #home .equipo ul li > div > img {
            width: 3.6vw;
            height: auto;
        }

        #home .equipo ul li > div > div p:first-child {
            font-size: 1.6vw;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.14px;
            color: #fff;
        }

        #home .equipo ul li > div > div p:not(:first-child) {
            font-size: 1.2vw;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.09px;
            color: #ececec;
        }

    #home .banner-wide {
        display: flex;
        order: 6;
    }

/******************************************************************************/
/* landing producto */
#producto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 440px;
    box-shadow: inset #00000029 0px 20px 80px 40px, inset #00000029 0px -1px 50px 10px;

}

    #producto.coche-semanal {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/seguro-por-semanas.jpg");
    }

    #producto.coche-mensual {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/seguros-mensuales.jpg");
    }

    #producto.coche-temporal {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/coche-temporal-big.png");
    }

    #producto.matricula-extranjera-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/mat-extranjeraxdias.png");
        background-position-y: 100%;
    }

    #producto.coche-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/coche-spd-big.png");
    }

    #producto.moto-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/moto-spd-big.png");
    }

    #producto.furgoneta-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/furgoneta-spd-big.png");
    }

    #producto.furgon-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/furgon-spd-big.png");
    }

    #producto.camion-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/camion-spd-big.png");
    }

    #producto.tractora-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/tractora-spd-big.png");
    }

    #producto.remolque-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/remolque-spd-big.png");
    }

    #producto.caravana-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/caravana-spd-big.png");
    }

    #producto.camper-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/camper-spd-big.png");
    }

    #producto.autocaravana-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/autocaravana-spd-big.png");
    }

    #producto.quad-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/quad-spd-big.png");
    }

    #producto.microcar-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/microcar-spd-big.png");
    }

    #producto.mascota {
        background-image: url("../../assets/images/contents/imagenes-landings/mascotas/perro-big.png");
    }

    #producto.coche {
        background-image: url("../../assets/images/contents/imagenes-landings/coches/coche-big.png");
    }

    #producto.caballos {
        background-image: url("../../assets/images/contents/imagenes-landings/equitacion/caballos-big.png");
    }

    #producto.van {
        background-image: url("../../assets/images/contents/imagenes-landings/equitacion/van-big.png");
    }

    #producto.coche-clasico {
        background-image: url("../../assets/images/contents/imagenes-landings/clasicos/coches-clasicos-big.png");
    }

    #producto.moto-clasica {
        background-image: url("../../assets/images/contents/imagenes-landings/clasicos/motos-clasicas-big.png");
    }

    #producto.furgoneta-clasica {
        background-image: url("../../assets/images/contents/imagenes-landings/clasicos/furgonetas-clasicas-big.png");
    }

    #producto.camion-clasico {
        background-image: url("../../assets/images/contents/imagenes-landings/clasicos/camiones-y-autobuses-clasicos-big.png");
    }

    #producto.barco-a-motor {
        background-image: url("../../assets/images/contents/imagenes-landings/barcos/barcos-a-motor-big.png");
    }

    #producto.velero {
        background-image: url("../../assets/images/contents/imagenes-landings/barcos/veleros-big.png");
    }

    #producto.neumatica {
        background-image: url("../../assets/images/contents/imagenes-landings/barcos/neumaticas-big.png");
    }

    #producto.moto-de-agua {
        background-image: url("../../assets/images/contents/imagenes-landings/barcos/motos-de-agua-big.png");
    }

    #producto.furgon {
        background-image: url("../../assets/images/contents/imagenes-landings/furgonetas/furgon-big.png");
    }

    #producto.furgoneta {
        background-image: url("../../assets/images/contents/imagenes-landings/furgonetas/furgoneta-big.png");
    }

    #producto.caravana {
        background-image: url("../../assets/images/contents/imagenes-landings/caravanas/caravana-big.png");
    }

    #producto.autocaravana {
        background-image: url("../../assets/images/contents/imagenes-landings/caravanas/autocaravana-big.png");
    }

    #producto.camper {
        background-image: url("../../assets/images/contents/imagenes-landings/caravanas/camper-big.png");
    }
    #producto.camion {
        background-image: url("../../assets/images/contents/imagenes-landings/camiones/camiones-big.png");
    }

    #producto.tractora {
        background-image: url("../../assets/images/contents/imagenes-landings/camiones/tractora-big.png");
    }

    #producto.remolque {
        background-image: url("../../assets/images/contents/imagenes-landings/camiones/remolque-big.png");
    }

    #producto.salud {
        background-image: url("../../assets/images/contents/imagenes-landings/salud/salud-big.png");
    }

    #producto.vida {
        background-image: url("../../assets/images/contents/imagenes-landings/salud/vida-big.png");
    }

    #producto.dental {
        background-image: url("../../assets/images/contents/imagenes-landings/salud/dentales-big.png");
    }

    #producto.deceso {
        background-image: url("../../assets/images/contents/imagenes-landings/salud/decesos-big.png");
    }

    #producto.caza {
        background-image: url("../../assets/images/contents/imagenes-landings/caza/caza-big.png");
    }

    #producto.coto {
        background-image: url("../../assets/images/contents/imagenes-landings/caza/cotos-big.png");
    }

    #producto.monteria {
        background-image: url("../../assets/images/contents/imagenes-landings/caza/monterias-big.png");
    }

    #producto.piso {
        background-image: url("../../assets/images/contents/imagenes-landings/comunidades/edificios-big.png");
    }

    #producto.chalet {
        background-image: url("../../assets/images/contents/imagenes-landings/comunidades/chalets-big.png");
    }

    #producto.garaje {
        background-image: url("../../assets/images/contents/imagenes-landings/comunidades/garajes-big.png");
    }

    #producto.oficina {
        background-image: url("../../assets/images/contents/imagenes-landings/comunidades/oficinas-big.png");
    }

    #producto.patinete {
        background-image: url("../../assets/images/contents/imagenes-landings/patinetes/patinetes-big.png");
    }

    #producto.segway {
        background-image: url("../../assets/images/contents/imagenes-landings/patinetes/segways-big.png");
    }

    #producto.hoverboard {
        background-image: url("../../assets/images/contents/imagenes-landings/patinetes/hoverboard-big.png");
    }

    #producto.baja-laboral {
        background-image: url("../../assets/images/contents/imagenes-landings/baja-laboral/baja-laboral-big.png");
    }

    #producto.pesca {
        background-image: url("../../assets/images/contents/imagenes-landings/pesca/pesca-big.png");
    }

    #producto.mercancia {
        background-image: url("../../assets/images/contents/imagenes-landings/mercancias/mercancias-big.png");
    }

    #producto.bicicleta {
        background-image: url("../../assets/images/contents/imagenes-landings/bicicletas/bicicletas-big.png");
    }

    #producto.hogar {
        background-image: url("../../assets/images/contents/imagenes-landings/hogar/hogar-big.png");
    }

    #producto.dron {
        background-image: url("../../assets/images/contents/imagenes-landings/drones/drones-big.png");
    }

    #producto.alquiler-coche {
        background-image: url("../../assets/images/contents/imagenes-landings/alquiler/alquiler-coche-big.png");
    }

    #producto.alquiler-furgoneta {
        background-image: url("../../assets/images/contents/imagenes-landings/alquiler/alquiler-furgoneta-big.png");
    }

    #producto .content-title {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        gap: 0 30px;
        align-items: center;
        order: 2;
        z-index: 0;
        margin-top: -25px;
    }

        #producto .content-title.long-title {
            margin-bottom: 12px;
            margin-top: -15px;
        }

        #producto .content-title h1 {
            font-size: 41px;
            font-weight: 300;
            letter-spacing: 0.27px;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            color: #fff;
            text-shadow: 0 2px 0 #000;
            margin: 0;
            padding-bottom: 7px;
        }

            #producto .content-title h1 > br {
                display: none;
            }

            #producto .content-title h1 b {
                font-size: 45px;
                font-weight: bold;
                letter-spacing: 0.29px;
                text-shadow: 0 2px 0 #000;
            }

        #producto .content-title > img {
            width: 87px;
            height: 87px;
        }

        #producto .content-title .google-rating {
            display: flex;
            min-height: 79px;
        }

    #producto .btn-container {
        display: flex;
        align-self: center;
        order: 7;
        z-index: 0;
    }

        #producto .btn-container .btn {
            max-width: 400px;
            max-height: 58px;
            font-size: 36px;
            letter-spacing: 0.23px;
            padding: 4px 49px 14px 49px;
            background-image: linear-gradient(to top, #8e0202 0%, #410000 100%);
            box-shadow: #42232366 3px 5px 4px, #4223234d 6px 9px 13px -3px, #560101cc -4px -4px 0 inset, #ffffff 0px 0px 47px 2px;
        }

            #producto .btn-container .btn:hover {
                box-shadow: #42232366 3px 6px 9px 2px, #4223234d 6px 9px 13px -3px, #560101cc -4px -4px 0 inset, #ffffff 0px 0px 47px 2px;
            }

        #producto .btn-container .btn.temp {
           
            padding: 5% 1%;
            
        }

    #producto .red-line {
        display: flex;
        order: 8;
        z-index: 0;
        align-self: center;
        width: 100%;
        height: 12px;
        background-color: #b40202;
        box-shadow: 0 2px 0 #fff;
        border-radius: 5px 5px 0px 0px;
        margin-top: auto;
        margin-bottom: 2px;
    }

    #producto .subtitle-container {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        order: 9;
        z-index: 0;
        width: 100%;
        height: auto;
        min-height: 85px;
        align-self: center;
        text-align: center;
        background-color: #e1e1e1;
        box-shadow: 0 6px 0 #000000;
        padding: 0 10px 5px 10px;
        margin-bottom: 10px;
    }

        #producto .subtitle-container span:first-child {
            font-size: 30px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.19px;
            text-align: center;
            color: #000;
        }

            #producto .subtitle-container span:first-child b {
                font-weight: 600;
                color: #cb0000;
            }

        #producto .subtitle-container span:not(:first-child) {
            font-size: 16px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.09px;
            text-align: center;
            color: #000;
        }

            #producto .subtitle-container span:not(:first-child) b {
                font-weight: 600;
                color: #cb0000;
            }

/******************************************************************************/
/* landing distributiva */
#distributiva .content-title {
    width: 100%;
    display: flex;
    order: 2;
    height: 75px;
    align-items: baseline;
}

    #distributiva .content-title h1 {
        font-size: 25.8px;
        font-weight: normal;
        line-height: 1.06;
        letter-spacing: 0.03px;
        color: #fff;
    }

        #distributiva .content-title h1 > br {
            display: none;
        }

        #distributiva .content-title h1 img {
            vertical-align: middle;
            margin-left: 15px;
        }

        #distributiva .content-title h1 b {
            font-size: 29.2px;
            letter-spacing: 0.03px;
        }

#distributiva .content-sub-title {
    display: flex;
    flex-direction: column;
    order: 3;
    text-align: center;
    width: 100%;
}

    #distributiva .content-sub-title + div {
        padding-top: 0px;
    }

    #distributiva .content-sub-title div h2 {
        font-size: 30px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.19px;
        color: #000;
        margin: 27px 0 0 0;
        padding: 0 20px;
    }

    #distributiva .content-sub-title div p {
        font-size: 20px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.65;
        letter-spacing: 0.13px;
        color: #000;
        margin: 0 0 27px 0;
        padding: 0 20px;
    }

    #distributiva .content-sub-title div:first-child p b {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.16px;
        color: #e40000;
    }

    #distributiva .content-sub-title div:first-child p strong {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.16px;
    }

    #distributiva .content-sub-title div:last-child {
        margin: 10px 0 -13px 0;
    }

        #distributiva .content-sub-title div:last-child p b {
            font-size: 24px;
            font-weight: 600;
            letter-spacing: 0.16px;
            color: #520000;
        }

#distributiva .distribution-content {
    width: 100%;
    display: flex;
    order: 4;
    padding: 60px 0 15px 0;
}

#distributiva .pregunta-spd {
    display: flex;
    flex-direction: column;
    order: 5;
}

    #distributiva .pregunta-spd > p {
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 0.09px;
        text-align: center;
        margin-top: 0;
    }

        #distributiva .pregunta-spd > p a {
            cursor: pointer;
        }

/******************************************************************************/
/* Tarjetas de distribución de prodcuto */
#chip-distribution {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}


    #chip-distribution .chip {
        height: 303px;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding: 12px 10px 19px;
        margin-bottom: 0.66%;
        border: solid 1px #e1e1e1;
        background-color: #fff;
        box-shadow: #08040466 3px 2px 0px, #0603034d 6px 4px 4px 0px;
    }


        #chip-distribution .chip > a:first-child {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }


            #chip-distribution .chip > a:first-child:hover {
                opacity: 0.7;
                transform: scale(1.02);
            }


            #chip-distribution .chip > a:first-child div {
                margin: auto;
            }


        #chip-distribution .chip.ico-chip {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            background-color: #ececec;
        }

            #chip-distribution .chip.ico-chip img {
                width: 125px;
                height: 121px;
            }


            #chip-distribution .chip.ico-chip span {
                font-size: 25.8px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.44;
                letter-spacing: 0.03px;
                text-align: center;
                color: #6c6c6c;
            }

        #chip-distribution .chip.meses {
            /*display: flex;*/
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            background-color: #ececec;
        }

.chip-especial {
    display: flex;
    flex-direction: row;
    background-color: #ececec;
    width: 100%;
    justify-content: flex-start;
    height:90%;
    cursor:pointer;
}

.imagen-meses {
    width: 110px;
    margin-left:10px;
}

.nombre-meses {
    color: #cb0000;
    width:50%;
    align-self:center;
    font-size:22px;
    line-height:1.15;
    align-self:baseline;
    text-align:left;
}

.img-meses{
    width:110px;
    height:110px;
}

@media screen and (min-width: 767px) {

    .chip-especial {
        display:flex;
        flex-direction:column;
        height:inherit;
        justify-content:space-between;
    }

    .nombre-meses {
        font-size:25px;
        line-height:1.15;
        margin-bottom:5%;
        width:100%;
        text-align:center;
    }

    .imagen-meses
    {
        margin-top:10%;
        width:100%;
    }

}

/*@media screen and (min-width: 340px) {
    .chip-especial {
        display:flex;
        flex-direction:row;
    }
}*/



    #chip-distribution .btn {
        max-width: 215px;
        max-height: 40px;
        font-size: 18px;
        padding: 20px 10px;
    }

    #chip-distribution .btnn {
        max-width: 215px;
        max-height: 40px;
        font-size: 18px;
        padding: 20px 10px;
    }






    #chip-distribution.x2 .chip {
        width: 49.7%;
    }

    #chip-distribution.x2 .chip > a img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    #chip-distribution.x2.alta .chip > a img {
        height: 140px;
    }

    #chip-distribution.x3 .chip {
        width: 32.9%;
    }

    #chip-distribution.x3 .chip > a img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    #chip-distribution.x3.alta .chip > a img {
        height: 140px;
    }

    #chip-distribution.x4 .chip.doble {
        width: 49.5%;
    }

    #chip-distribution.x4 .chip {
        width: 24.5%;
    }

    #chip-distribution.x4 .chip > a img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    #chip-distribution.x4.alta .chip > a img {
        height: 140px;
    }



    #chip-distribution .chip > a div.chip-title {
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.06;
        letter-spacing: 0.12px;
        color: #000;
    }

        #chip-distribution .chip > a div.chip-title b {
            color: #b40202;
        }

     

#distributiva .google-rating {
    display: flex;
    order: 6;
    min-height: 79px;
}

/******************************************************************************/
/* Why */
#why {
    position: relative;
    width: 100%;
    height: 278px;
    display: flex;
    flex-direction: row;
    background: linear-gradient(to top, #520000 0%, #8a0000 100%);
}

    #why ul {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
    }

        #why ul li {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            #why ul li div {
                max-width: 197px;
                height: 200px;
                display: flex;
                flex-direction: column;
                align-items: end;
            }

                #why ul li div img {
                    width: 45px;
                    height: 40px;
                }

                #why ul li div .why-content-title {
                    font-size: 22px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.14px;
                    color: #fff;
                }

                #why ul li div .line {
                    width: 100%;
                    max-width: 197px;
                    height: 7px;
                    background-image: linear-gradient(118deg, #fff 48%, #d8d8d8 51%);
                    margin-bottom: 15px;
                }

                #why ul li div .why-content-text {
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.09px;
                    text-align: right;
                    color: #ececec;
                }

/******************************************************************************/
/* Faq */
#faq {
    padding-bottom: 50px;
}

    #faq .accordion {
        border: 1px solid #dddddd;
        box-shadow: 0 3px 0 0 rgb(204 204 204 / 60%);
    }

        #faq .accordion .accordion-item {
            background: url(../images/icons/png/accordion-arrow-closed.png) no-repeat 28px 21px;
            border-bottom: 1px solid #dddddd;
            overflow: hidden;
            padding: 15px 15px 0 80px;
        }

            #faq .accordion .accordion-item.active {
                background-color: #FAFAFA;
                background-image: url(../images/icons/png/accordion-arrow-open.png);
            }

            #faq .accordion .accordion-item .accordion-title {
                font-size: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.1px;
                color: #000;
                cursor: pointer;
                margin-top: 0;
            }

            #faq .accordion .accordion-item.active .accordion-title {
                color: #b40202;
            }

            #faq .accordion .accordion-item .accordion-content p {
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.09px;
                color: #8b8b8b;
                display: none;
            }

            #faq .accordion .accordion-item.active .accordion-content p {
                display: block;
            }

            #faq .accordion .accordion-item .accordion-content p.lista {
                background: url(/assets/images/red_bullet.png) no-repeat scroll left 7px rgba(0,0,0,0);
                padding-left: 15px;
                margin-left: 1em;
                text-align: justify;
            }

/******************************************************************************/
/* Faq SPD */
#faq-spd {
    background: #FFF;
}

    #faq-spd .faq-spd-controls h3 {
        padding: 24px;
        border-top-right-radius: 23px;
        border-right: 10px solid white;
    }

        #faq-spd .faq-spd-controls h3:last-child {
            padding: 15px;
            border-top-right-radius: 15px;
            border-right: none;
        }

    #faq-spd .faq-spd-controls #menuFAQSelected {
        color: black;
        font-weight: 700;
        background: #F3F3F3;
    }

    #faq-spd .faq-spd-controls .itemFaqSpd {
        float: left;
        width: 33.33%;
        cursor: pointer;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        min-height: 65px;
        margin: 0;
        border-top-left-radius: 15px;
        background: #FAFAFA;
        color: #000;
    }

    #faq-spd .faq-spd-content {
        float: left;
        text-align: center;
        width: 100%;
        background: #F3F3F3;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        #faq-spd .faq-spd-content .faq-spd-item-list {
            padding: 10px 40px 36px 40px;
        }

            #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item {
                text-align: left;
            }

            #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item-title {
                font-size: 16px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.1px;
                color: #2a2a2a;
                margin: 0;
            }

            #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item .faq-spd-item-content {
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.09px;
                color: #4a4a4a;
                margin-bottom: 15px;
            }

                #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item .faq-spd-item-content p {
                    margin: 0;
                }

/******************************************************************************/
/* Ejemplos */
#ejemplo-producto {
    position: relative;
    width: 100%;
    height: 100%;
}

    #ejemplo-producto ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        #ejemplo-producto ul li {
            width: 220px;
            height: auto;
            display: flex;
            flex-direction: column;
        }

            #ejemplo-producto ul li > small {
                font-size: 19px;
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                letter-spacing: 0.12px;
                color: #000;
            }

            #ejemplo-producto ul li > b {
                font-size: 32px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 0.97;
                letter-spacing: 0.21px;
                color: #000;
            }

            #ejemplo-producto ul li .detalle-ejemplo-producto {
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                border-radius: 7px;
                background-image: linear-gradient(151deg, #410000, #dd0303 100%);
                margin-top: 20px;
            }

                #ejemplo-producto ul li .detalle-ejemplo-producto div.x1 {
                    width: auto;
                    height: 116px;
                    margin: 50px auto 0 auto;
                }

                    #ejemplo-producto ul li .detalle-ejemplo-producto div.x1 img {
                        width: 100%;
                        height: 100%;
                        object-fit: scale-down;
                    }

                #ejemplo-producto ul li .detalle-ejemplo-producto div.x2 {
                    width: auto;
                    height: 215px;
                    margin: 10px auto 0 auto;
                }

                    #ejemplo-producto ul li .detalle-ejemplo-producto div.x2 img {
                        width: 100%;
                        height: 100%;
                        object-fit: scale-down;
                    }

                #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container > span {
                    width: 116px;
                    height: 1px;
                    border: solid 3px #fff;
                    margin: 0 auto;
                }

                #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    margin: 15px auto;
                }

                    #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto {
                        width: 200px;
                        height: 90px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        text-align: center;
                        border-radius: 5px;
                        background-image: linear-gradient(166deg, #410000 19%, #dd0303 153%, #dd0303 153%);
                        margin: 0px auto;
                    }

                        #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span {
                            font-size: 15px;
                            font-weight: 300;
                            font-stretch: normal;
                            font-style: normal;
                            letter-spacing: 0.1px;
                            text-align: center;
                            color: #fff;
                        }

                            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span > b {
                                font-size: 40px;
                                font-weight: bold;
                                letter-spacing: 0.23px;
                                line-height: 1;
                            }

                            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span > small {
                                font-size: 16px;
                                font-weight: 500;
                                line-height: 1.94;
                            }

                    #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container div.contratar {
                        width: 130px;
                        height: 22px;
                        border-radius: 3px;
                        align-self: center;
                        text-align: center;
                        margin: 0 auto 16px auto;
                    }

                        #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container div.contratar > a {
                            display: block;
                            width: 100%;
                            background-color: #fff;
                            font-size: 14px;
                            font-weight: 600;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: normal;
                            letter-spacing: 0.08px;
                            color: #b40202;
                        }

                            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container div.contratar > a:hover {
                                transform: scale(1.01);
                                box-shadow: #000 5px 8px 15px -4px;
                            }

                            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container div.contratar > a:active {
                                box-shadow: #000 0px 4px 8px;
                                transform: scale(.99);
                            }

            #ejemplo-producto ul li > a {
                width: 200px;
                height: 34px;
                border-radius: 5px;
                background-image: linear-gradient(to bottom, #410000, #dd0303 175%, #dd0303 175%);
                margin: -6px auto 0 auto;
                font-size: 17px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.82;
                letter-spacing: 0.11px;
                text-align: center;
                color: #fff;
            }

                #ejemplo-producto ul li > a:hover {
                    box-shadow: #000 5px 8px 15px -4px;
                    transform: scale(1.01);
                    color: #fff;
                    text-shadow: #000000c4 0px 0px 6px;
                }

                #ejemplo-producto ul li > a:active {
                    box-shadow: #000 0px 4px 8px;
                    transform: scale(.99);
                    color: #fff;
                    text-shadow: #000000c4 0px 0px 6px;
                }

/******************************************************************************/
/* Ejemplo SPD *****TABLA SOLO MÓVIL***** */
#ejemplo-producto-spd > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 40px;
}

    #ejemplo-producto-spd > div:last-child {
        padding-bottom: 5px;
    }

    #ejemplo-producto-spd > div .dias-container {
        display: flex;
        flex-direction: column;
        width: 28%;
        color: #000;
        background-color: #eeeeee;
        justify-content: center;
        text-align: center;
    }

    #ejemplo-producto-spd > div:nth-child(even) .dias-container {
        color: #fff;
        background-color: #cb0000;
    }

    #ejemplo-producto-spd > div .dias-container b {
        font-size: 35px;
    }

        #ejemplo-producto-spd > div .dias-container b span {
            font-size: 20px;
        }

    #ejemplo-producto-spd > div .producto-container {
        display: flex;
        flex-direction: column;
        width: 68%;
    }

        #ejemplo-producto-spd > div .producto-container .tipo-producto {
            width: 100%;
            min-height: 32px;
            height: auto;
            padding: 4px 2px 0 8px;
            background-color: #a4a4a4;
        }

            #ejemplo-producto-spd > div .producto-container .tipo-producto b {
                font-size: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.1px;
                color: white;
            }

        #ejemplo-producto-spd > div .producto-container .precio-producto {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            align-items: center;
            width: 100%;
            height: 70px;
        }

            #ejemplo-producto-spd > div .producto-container .precio-producto .precio {
                display: flex;
                flex-direction: column;
                justify-content: center;
                width: 40%;
            }

                #ejemplo-producto-spd > div .producto-container .precio-producto .precio > b {
                    font-size: 24px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.16px;
                    color: #000;
                }

            #ejemplo-producto-spd > div .producto-container .precio-producto .contratar > .btn {
                max-width: 135px;
                max-height: 29px;
                padding: 3px 20px 4px 20px;
            }

/******************************************************************************/
/* Tabla Ahorro ***Seguros de alquiler*** */
#tablaAhorro {
    display: flex;
    flex-direction: row;
}

/******************************************************************************/
/* News */
#news {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 10px 0 100px 0;
}

    #news .news-block {
        padding-top: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        #news .news-block .news-item:first-child {
            width: 100%;
            display: flex;
            flex-direction: row;
            padding: 5px 25px 15px 25px;
        }

            #news .news-block .news-item:first-child img {
                width: 100%;
                max-width: 460px;
                margin-right: 30px;
            }

            #news .news-block .news-item:first-child div {
                width: 100%;
                height: 100%;
                text-align: start;
            }

                #news .news-block .news-item:first-child div h3 {
                    font-size: 19px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 24px;
                    letter-spacing: 0.12px;
                    color: #000;
                    text-align: justify;
                }

                #news .news-block .news-item:first-child div p {
                    font-size: 15px;
                    font-weight: 300;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.1px;
                    color: #000;
                    padding-left: 15px;
                    margin-bottom: 0;
                }

                #news .news-block .news-item:first-child div a {
                    font-size: 15px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.1px;
                    color: #cb0000;
                    text-decoration: underline;
                    margin-left: 15px;
                }

        #news .news-block .news-item:not(:first-child) {
            width: 33.3%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px 20px 20px 20px;
        }

            #news .news-block .news-item:not(:first-child) img {
                width: 100%;
                max-width: 264px;
                margin-bottom: -20px;
            }

            #news .news-block .news-item:not(:first-child) div {
                width: 90%;
                height: auto;
                background-color: #fff;
                text-align: center;
            }

                #news .news-block .news-item:not(:first-child) div h3 {
                    display: block;
                    width: 100%;
                    height: auto;
                    font-size: 16px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.25;
                    letter-spacing: 0.1px;
                    color: #000;
                    text-align: center;
                    padding: 10px 15px 0 15px;
                }

                #news .news-block .news-item:not(:first-child) div p {
                    font-size: 13px;
                    font-weight: 300;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.08px;
                    color: #000;
                    text-align: justify;
                    padding: 0 10px;
                    margin-bottom: 0;
                }

                #news .news-block .news-item:not(:first-child) div a {
                    font-size: 15px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.1px;
                    color: #cb0000;
                    text-decoration: underline;
                }

/************************* DISTRIBUCIÓN **************************/
#landing-home,
#landing-producto {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

    #landing-producto #producto,
    #landing-producto #distributiva,
    #landing-producto #home {
        display: flex;
        flex-direction: column;
        order: 1;
    }

    #landing-producto #bloque-tabla-ahorro,
    #landing-producto #bloque-ejemplos {
        display: flex;
        flex-direction: column;
        order: 2;
    }

    #landing-producto #bloque-why {
        display: flex;
        flex-direction: column;
        order: 3;
    }

    #landing-producto #bloque-faq,
    #landing-producto #bloque-faq-spd {
        display: flex;
        flex-direction: column;
        order: 4;
    }

    #landing-producto #bloque-news {
        display: flex;
        flex-direction: column;
        order: 5;
    }

@media only screen and (max-width: 1024px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .hightlight-tabs .tab-contents {
        width: 100%;
    }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
            padding: 15px 10px;
            width: 32%;
            min-height: 272px;
            margin: 5px;
        }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child {
                text-align: center;
            }

                #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child > img {
                    height: 124px;
                }

                #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
                    font-size: 20px;
                }

    /* landing producto */
    #producto .content-title {
        margin-top: -10px;
    }

        #producto .content-title.long-title {
            margin-bottom: 0;
        }

        #producto .content-title h1,
        #distributiva .content-title h1 {
            padding: 0 0 0 50px;
        }

            #producto .content-title h1 img {
                vertical-align: top;
                margin-top: -40px;
            }

    #producto .google-rating {
        padding: 0 50px 0 0;
    }

    #producto .btn-container {
        padding: 0 0 0 50px;
        margin-top: 20px;
    }

    #producto .red-line {
        width: 90%;
    }

    #producto .subtitle-container {
        width: 90%
    }

    /******************************************************************************/
    /* Why */
    #why ul li div {
        align-items: center;
    }

        #why ul li div .line {
            width: 90%;
        }

        #why ul li div .why-content-text {
            text-align: center;
        }

    /******************************************************************************/
    /* Faq */
    #faq {
        padding: 10px 10px 30px 10px;
    }

    /******************************************************************************/
    /* Ejemplos */
    #ejemplo-producto ul {
        justify-content: space-evenly;
    }

        #ejemplo-producto ul li {
            width: 23%;
        }

            #ejemplo-producto ul li > b {
                font-size: 30px;
            }

            #ejemplo-producto ul li .detalle-ejemplo-producto div.x1 {
                height: 100px;
            }

            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto {
                width: 90%;
            }

                #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span {
                    font-size: 14px;
                }

            #ejemplo-producto ul li a {
                width: 90%;
            }
}

@media only screen and (max-width: 850px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .hightlight-tabs .tab-contents .tab {
        justify-content: space-evenly;
    }

    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
        padding: 20px 10px;
        width: 48%;
        min-height: 200px;
    }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child > img {
                max-width: 50%;
                height: 101px;
            }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
                min-width: 50%;
                align-self: center;
            }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child span {
                display: none;
            }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha > p {
            display: none;
        }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
            max-width: 225px;
        }

    /******************************************************************************/
    /* News */
    #news {
        padding: 0;
    }

        #news .news-block {
            background-color: #ececec;
        }

            #news .news-block .news-item:first-child {
                flex-direction: column;
            }

                #news .news-block .news-item:first-child img {
                    max-width: 100%;
                }

                #news .news-block .news-item:first-child div {
                    text-align: center;
                }

                    #news .news-block .news-item:first-child div h3 {
                        margin: 15px 0 0 0;
                    }

                    #news .news-block .news-item:first-child div p {
                        padding: 0 15px;
                    }

            #news .news-block .news-item:not(:first-child) div {
                background-color: #ececec;
            }
}

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

    
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .content-title {
        min-height: auto;
        padding: 25px 40px;
    }

        #home .content-title h1 {
            font-size: 21px;
            line-height: 1.33;
            letter-spacing: 0.14px;
        }

        #home .content-title p {
            font-size: 17px;
            line-height: 1.18;
            letter-spacing: 0.11px;
        }

    #home .home-hightlight {
        flex-direction: column;
        background-color: #fff;
    }

        #home .home-hightlight .fake-select {
            width: 85%;
            min-width: 345px;
            background: #fff url(../images/icons/png/arrow-red-bottom.png) 100% center no-repeat;
            border: 2px solid #000;
            border-left: 10px solid #e40000;
            border-radius: 5px;
            cursor: pointer;
            margin: 15px auto 15px auto;
            padding: 7px 0 7px 28px;
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.78;
            letter-spacing: 0.12px;
            text-transform: uppercase;
        }

        #home .home-hightlight .hightlight-tabs {
            max-width: none;
            padding-bottom: 0;
            position: relative;
        }

            #home .home-hightlight .hightlight-tabs .tabs {
                width: 81%;
                min-width: 345px;
                border-radius: 5px;
                cursor: pointer;
                background-color: #ececec;
                border: 0.2px solid #000;
                border-top: 0;
                display: none;
                left: 11.5%;
                position: absolute;
                top: -14.5px;
                z-index: 1;
            }

                #home .home-hightlight .hightlight-tabs .tabs > ul {
                    margin-right: 0;
                    margin-top: 0;
                }

                    #home .home-hightlight .hightlight-tabs .tabs > ul li {
                        font-size: 18px;
                        font-weight: 500;
                        line-height: 1.78;
                        letter-spacing: 0.12px;
                        color: #4a4a4a;
                        border: 0.2px solid #000;
                        border-radius: 3px;
                    }

                    #home .home-hightlight .hightlight-tabs .tabs > ul a {
                        background-image: none !important;
                        border-radius: 0 !important;
                        padding: 7px 0 7px 28px;
                    }

                #home .home-hightlight .hightlight-tabs .tabs ul li.current > a {
                    background: inherit;
                    color: inherit;
                    border: none;
                }

            #home .home-hightlight .hightlight-tabs .tab-contents {
                border: 0;
                border-radius: 0;
                margin-bottom: 17px;
                margin-top: 0;
                padding: 0;
                width: 100%;
                background-color: #d8d8d8;
            }

                #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
                    min-height: 130px;
                    height: 150px;
                    justify-content: center;
                    padding: 0 10px;
                    background-color: #fff;
                }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child {
                        height: 20%;
                        margin: 0 auto;
                        justify-content: flex-start;
                    }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child > img {
                            width: 110px;
                            height: 110px;
                        }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
                            font-size: 17px;
                            line-height: 1.23;
                            letter-spacing: 0.14px;
                            margin: 0 auto auto auto;
                            text-align-last: center;
                            align-self: auto;
                            text-align: start;
                        }

                            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 b {
                                text-decoration: underline;
                            }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
                        width: 55%;
                        max-width: 190px;
                        max-height: 40px;
                        text-transform: uppercase;
                        margin: 40px 20px 0 133px;
                        font-size: 15px;
                    }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn br {
                            display: block;
                        }

    #home .videos .video-container,
    #home .videos .imagen-link-videos {
        max-width: 95%;
        padding: 10px 0;
    }

    #home .equipo ul li > div > img {
        width: 85px;
        height: 80px;
    }

    #home .equipo ul li > div > div p:first-child {
        font-size: 29px;
    }

    #home .equipo ul li > div > div p:not(:first-child) {
        font-size: 24px;
    }

    /******************************************************************************/
    /* landing producto */
    #producto {
        height: auto;
        background-image: none !important;
        box-shadow: none;
    }

        #producto .content-title {
            order: 3;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%;
            height: auto;
            min-height: 100%;
            padding: 0;
            background-color: #ececec;
            margin-bottom: 0;
        }

            #producto .content-title h1 {
                font-size: 30px;
                letter-spacing: 0.19px;
                color: #000;
                text-shadow: none;
                margin: 20px auto 20px auto;
                padding: 0 15px;
            }

                #producto .content-title h1 > br {
                    display: block;
                }

                #producto .content-title h1 b {
                    font-size: 30px;
                    line-height: 1.13;
                    letter-spacing: 0.19px;
                    color: #cb0000;
                    text-shadow: none;
                    text-transform: uppercase;
                }

            #producto .content-title img {
                display: none;
            }

        #producto .google-rating {
            width: 100%;
            max-height: 100%;
            padding: 0;
            background-color: #fff;
        }

        #producto .head-image,
        #producto .head-image.margin-para-titulo-doble {
            order: 1;
            margin: 0 auto;
            background-color: #ececec;
            height: 250px;
        }

            #producto .head-image img {
                max-width: 100%;
                width: 425px;
                height: 232px;
                object-fit: cover;
            }

        #producto .red-line {
            display: none;
        }

        #producto .btn-container {
            order: 2;
            margin: -100px auto 35px auto;
            padding: 0;
            align-self: auto;
            justify-content: center;
        }

            #producto .btn-container .btn {
                max-width: 285px;
                min-width: auto;
                max-height: 55px;
                font-size: 20px;
                letter-spacing: 0.13px;
                padding: 11px;
                text-transform: uppercase;
                background-image: linear-gradient(to top, #ff0101 0%, #cb0000 100%);
                box-shadow: #42232366 3px 5px 4px, #4223234d 6px 9px 13px -3px, #6f3a3a80 -4px -4px 0 inset, #ffffff 0px 0px 47px 2px;
            }

        #producto .subtitle-container {
            width: 100%;
            min-height: 149px;
            padding: 20px;
        }

            #producto .subtitle-container span:not(:first-child) {
                font-size: 17px;
            }

    /******************************************************************************/
    /* landing distributiva */
    #distributiva .content-title {
        align-items: center;
        height: auto;
    }

        #distributiva .content-title h1 {
            padding: 10px;
            text-align: center;
        }

            #distributiva .content-title h1 > br {
                display: block;
            }

    #distributiva .content-sub-title div:last-child p b {
        font-size: 32px;
        line-height: 0.97;
        letter-spacing: 0.21px;
        color: #b40202;
    }

    #distributiva .content-sub-title div:last-child p,
    #distributiva .content-sub-title div:last-child p small {
        font-size: 22px;
    }

    #distributiva .pregunta-spd > p {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.88;
        letter-spacing: 0.1px;
    }

        #distributiva .pregunta-spd > p a {
            text-transform: uppercase;
            text-decoration: underline;
        }

        #distributiva .pregunta-spd > p span {
            display: none;
        }

    #distributiva .distribution-content {
        padding: 5px 0 15px 0;
    }

    /******************************************************************************/
    /* Tarjetas de distribución de prodcuto */
    #chip-distribution {
        flex-direction: row;
        justify-content: space-around;
        align-items: normal;
        padding: 10px 0;
    }

        #chip-distribution .chip {
            align-items: center;
            margin: 8px 0;
            height: 130px;
            padding: 0px 10px 2px 10px;
            justify-content: center;
        }

            #chip-distribution .chip > a:first-child {
                width: 100%;
                height: 40%;
                flex-direction: row;
                justify-content: flex-start;
                margin: 0 auto;
            }

                #chip-distribution .chip > a:first-child div {
                    margin: 0 auto auto 17px;
                    text-align-last: start;
                    align-self: auto;
                }

                #chip-distribution .chip.meses > a:first-child div {
                    margin: 1px auto auto 17px;
                    text-align-last: start;
                    align-self: auto;
                }


            #chip-distribution .chip.ico-chip {
                display: none;
            }

        #chip-distribution .btn {
            width: 55%;
            max-width: 190px;
            max-height: 32px;
            margin: 19px auto 0 124px;
        }

        /*#chip-distribution .btnn {
            width: 100%;
            max-width: 190px;
            max-height: 32px;
            margin: 19px auto 0 124px;
        }*/

        #chip-distribution.x2 .chip,
        #chip-distribution.x3 .chip,
        #chip-distribution.x4 .chip {
            width: 48%;
        }

            #chip-distribution.x2 .chip > a img,
            #chip-distribution.x3 .chip > a img,
            #chip-distribution.x4 .chip > a img,
            #chip-distribution.x2.alta .chip > a img,
            #chip-distribution.x3.alta .chip > a img,
            #chip-distribution.x4.alta .chip > a img {
                width: 110px;
                height: 110px;
                object-fit: contain;
            }

        #chip-distribution .chip > a div.chip-title b {
            text-decoration: underline;
        }

    /******************************************************************************/
    /* Why */
    #why {
        background: #fff;
    }

        #why ul {
            justify-content: center;
        }

            #why ul.dark li {
                background-color: #000;
            }

            #why ul:not(.dark) li {
                background: linear-gradient(to top, #520000 0%, #8a0000 100%);
            }

            #why ul li {
                width: 75%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                #why ul li div {
                    max-width: 100%;
                    width: 90%;
                    height: auto;
                    align-items: self-end;
                    padding: 30px 0;
                }

                    #why ul li div .why-content-title {
                        font-size: 24.4px;
                        letter-spacing: 0.16px;
                    }

                    #why ul li div .line {
                        max-width: 100%;
                        width: 100%;
                    }

                    #why ul li div .why-content-text {
                        font-size: 16px;
                        text-transform: uppercase;
                        text-align: right;
                    }

    /******************************************************************************/
    /* Faq */
    #bloque-faq .titulo {
        padding: 0 60px;
        text-align: center;
    }

    #faq .accordion .accordion-item {
        background: url(../images/icons/png/accordion-arrow-closed.png) no-repeat 10px 21px;
        padding: 15px 15px 0 33px;
    }

        #faq .accordion .accordion-item.active {
            background-color: #ececec;
        }

        #faq .accordion .accordion-item .accordion-title,
        #faq .accordion .accordion-item .accordion-content {
            font-size: 19px;
        }

    /******************************************************************************/
    /* Faq SPD */
    #faq-spd .faq-spd-controls {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #faq-spd .faq-spd-controls #menuFAQSelected,
        #faq-spd .faq-spd-controls #menuFAQSelected > span {
            color: #000;
            font-size: 27px;
            width: 90%;
        }

        #faq-spd .faq-spd-controls .itemFaqSpd {
            width: 80%;
            font-size: 18px;
            color: #000;
            background: #F3F3F3;
            border: 1px solid #000;
            border-radius: 0;
            padding: 10px;
            float: none;
        }

            #faq-spd .faq-spd-controls .itemFaqSpd > span {
                font-size: 27px;
                color: #cb0000;
            }

        #faq-spd .faq-spd-controls h3:last-child {
            padding: 10px;
            border-radius: 0;
            border-right: 1px solid #000;
        }

    #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item-title {
        font-size: 19px;
    }

    #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item .faq-spd-item-content {
        font-size: 18px;
        color: #000;
    }

    /******************************************************************************/
    /* Ejemplos */
    #ejemplo-producto.caravana ul {
        min-height: 670px;
    }

    #ejemplo-producto.mascota ul {
        min-height: 580px;
    }

    #ejemplo-producto ul {
        width: 100%;
        text-align: center;
        align-items: center;
    }

        #ejemplo-producto ul li {
            width: 100%;
            height: auto;
            align-items: center;
        }

            #ejemplo-producto ul li > small {
                font-size: 22px;
            }

            #ejemplo-producto ul li > b {
                font-size: 36px;
            }

            #ejemplo-producto ul li .detalle-ejemplo-producto {
                width: 450px;
            }

                #ejemplo-producto ul li .detalle-ejemplo-producto div.x1 {
                    width: auto;
                    height: 145px;
                }

                #ejemplo-producto ul li .detalle-ejemplo-producto div.x2 {
                    width: auto;
                    height: 225px;
                }

                #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto {
                    width: 90%;
                    height: 120px;
                }

                    #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span {
                        font-size: 20px;
                    }

                        #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span > b {
                            font-size: 40px;
                        }

                #ejemplo-producto ul li .detalle-ejemplo-producto > span {
                    width: 60%;
                    height: 10px;
                    background-color: #fff;
                    margin: -45px auto;
                }

            #ejemplo-producto ul li a {
                width: 430px;
                height: 72px;
                font-size: 27px;
                font-weight: bold;
                line-height: 1.29;
                letter-spacing: 0.16px;
                text-transform: uppercase;
                padding: 17px 0 0 0;
            }

    /******************************************************************************/
    /* Tabla Ahorro ***Seguros de alquiler*** */
    #tablaAhorro {
        display: flex;
        flex-direction: column;
    }

        #tablaAhorro > div {
            margin: 0 0 !important;
            padding: 5px 25px;
        }

    /******************************************************************************/
    /* News */
    #news .news-block {
        flex-direction: column;
        padding: 5px 35px 15px 25px;
    }

        #news .news-block .news-item:first-child {
            width: 100%;
            padding: 10px 0;
        }

            #news .news-block .news-item:first-child img {
                display: none;
            }

            #news .news-block .news-item:first-child div.active {
                border-left: 8px solid #000;
            }

            #news .news-block .news-item:first-child div {
                width: 100%;
                text-align: start;
                border-left: 8px solid #cb0000;
                background-color: #f6f6f6;
                padding: 15px 25px;
            }

                #news .news-block .news-item:first-child div h3 {
                    color: #000;
                    text-transform: uppercase;
                    margin: 0;
                }

                #news .news-block .news-item:first-child div p {
                    display: none;
                }

                #news .news-block .news-item:first-child div.active p {
                    display: block;
                    padding: 0;
                }

                #news .news-block .news-item:first-child div a {
                    display: none;
                }

                #news .news-block .news-item:first-child div.active a {
                    display: block;
                    margin: 0;
                }

        #news .news-block .news-item:not(:first-child) {
            width: 100%;
            align-items: start;
            padding: 10px 0;
        }

            #news .news-block .news-item:not(:first-child) img {
                display: none;
            }

            #news .news-block .news-item:not(:first-child) div.active {
                border-left: 8px solid #000;
            }

            #news .news-block .news-item:not(:first-child) div {
                width: 100%;
                text-align: start;
                border-left: 8px solid #cb0000;
                background-color: #f6f6f6;
                padding: 5px 25px;
            }

                #news .news-block .news-item:not(:first-child) div h3 {
                    width: 100%;
                    font-size: 19px;
                    font-weight: 600;
                    line-height: normal;
                    letter-spacing: 0.12px;
                    text-align: start;
                    padding: 0;
                    margin: 0;
                    text-transform: uppercase;
                }

                #news .news-block .news-item:not(:first-child) div p {
                    display: none;
                }

                #news .news-block .news-item:not(:first-child) div.active p {
                    display: block;
                    width: 100%;
                    font-size: 15px;
                    line-height: 1.47;
                    letter-spacing: 0.1px;
                    padding: 0;
                }

                #news .news-block .news-item:not(:first-child) div a {
                    display: none;
                }

                #news .news-block .news-item:not(:first-child) div.active a {
                    display: block;
                    margin: 0;
                }

    /************************* DISTRIBUCIÓN **************************/
    #landing-producto #bloque-why {
        order: 6;
    }

    #landing-producto #bloque-faq {
        order: 3;
    }

    #landing-producto #bloque-ejemplos {
        margin-bottom: 20px;
    }

    #landing-producto #bloque-news {
        order: 4;
    }
}

@media only screen and (max-width: 700px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
        width: 100%;
    }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha:first-child {
            border-top: none;
            margin-top: 0;
        }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
            margin: auto auto auto 15px;
            text-align-last: auto;
            font-size: 20px;
        }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 > br {
                display: none;
            }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
            width: 60%;
            max-width: 280px;
            max-height: 33px;
            margin: 48px auto 0 125px;
        }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn br {
                display: none;
            }
}

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

    #chip-distribution.x4 .chip.doble {
        width: 100%;
    }
    /************************* COMPONENTES **************************/
    /* landing distributiva */
    #chip-distribution .chip:nth-child(even) {
        background-color: #ececec;
    }

    #chip-distribution .chip {
        margin: 2px 0;
    }

        #chip-distribution .chip > a:first-child div {
            margin: 0 0 0 17px;
        }

            #chip-distribution .chip > a:first-child div > br {
                display: none;
            }

    #chip-distribution.x2 .chip,
    #chip-distribution.x3 .chip,
    #chip-distribution.x4 .chip {
        width: 100%;
    }

    #chip-distribution .btn {
        width: 60%;
        max-width: 245px;
    }

    /******************************************************************************/
    /* Ejemplo */
    #ejemplo-producto ul li .detalle-ejemplo-producto {
        width: 66%;
    }

    #ejemplo-producto ul li a {
        width: 63%;
    }
}

@media only screen and (max-width: 425px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .fake-select {
        width: 90%;
        min-width: 320px;
    }

    #home .home-hightlight .hightlight-tabs .tabs {
        width: 84%;
        min-width: 300px;
        left: 10.9%;
    }

    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 > br {
        display: block;
    }

    #home .videos .imagen-link-videos a img:nth-child(1) {
        width: 100%;
        padding: 0 0 10px 0;
    }

    #home .videos .imagen-link-videos a img:nth-child(2),
    #home .videos .imagen-link-videos a img:nth-child(3) {
        width: 100%;
        padding: 10px 0 10px 0;
    }

    #home .videos .imagen-link-videos a img:nth-child(4) {
        width: 100%;
        padding: 10px 0 0 0;
    }

    /* Landing producto */
    #chip-distribution .chip > a:first-child div > br {
        display: block;
    }

    /******************************************************************************/
    /* Ejemplo */
    #ejemplo-producto ul li .detalle-ejemplo-producto {
        width: 80%;
    }

    #ejemplo-producto ul li a {
        width: 77%;
    }
}

@media only screen and (max-width: 375px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 > br {
        display: block;
    }

    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
        width: 55%;
        max-width: 195px;
    }

    /******************************************************************************/
    /* Landing distributiva */
    #chip-distribution .chip > a:first-child div {
        margin: 0 0 0 17px;
    }

    /******************************************************************************/
    /* Ejemplos */
    #ejemplo-producto ul li a {
        font-size: 24px;
        padding: 20px 0 0 0;
    }

    /************************* DISTRIBUCIÓN **************************/
    #producto .content-title {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 320px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .fake-select {
        width: 95%;
        min-width: 300px;
    }

    #home .home-hightlight .hightlight-tabs .tabs {
        width: 80%;
        min-width: 280px;
        left: 9.9%;
    }

    /******************************************************************************/
    /* Landing distributiva */
    #chip-distribution .btn {
        width: 55%;
        max-width: 165px;
    }
}

.c2c-fancy.fancybox-opened .fancybox-skin {
    border-left: 15px solid #cb0000;
    border-right: 15px solid #cb0000;
    border-radius: 15px;
}

.fancybox-inner {
    overflow: hidden !important;
}

#frmTeLlamamos {
    clear: left;
    font: 0.8em Kanit,Helvetica,Verdana,sans-serif;
}

    #frmTeLlamamos .horarios 
    {
        display:flex;
        flex-direction:row;
        width:60%;
        justify-content:space-between;
    }

    #frmTeLlamamos .separador{
        display:none;
    }

    #frmTeLlamamos .horarios .bloqueHorario 
    {
        display:flex;
        flex-direction:column;
    }

    #frmTeLlamamos .horarios>.bloqueHorario p:first-child 
    {
        margin-top:15px;
        margin-bottom:6px;
        color: #e40000;
        font-size: 14px;
        line-height:0px;
        font-weight:bold;
    }

    #frmTeLlamamos .horarios > .bloqueHorario p:last-child {
        color: black;
        font-size: 13px;
        line-height: 0px;
    }
    
    #frmTeLlamamos.popup {
        display: block;
        max-width: 630px;
        margin: auto;
        padding: 0 20px;
    }

    #frmTeLlamamos .title-tl {
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: 0.02px;
        color: #000;
        margin-top:5%;
    }

        #frmTeLlamamos .title-tl b {
            font-size: 26px;
            font-weight: 800;
            letter-spacing: 0.03px;
            color: #cb0000;
        }

    #frmTeLlamamos.popup .title-tl {
        text-align: center;
        margin-top: 35px;
    }

    #frmTeLlamamos .tlfno {
        display: flex;
        flex-direction: row;
        /*justify-content: center;*/
        margin: 0px auto;
    }

        #frmTeLlamamos .tlfno img {
            transform: scale(0.6);
            margin-right: 10px;
        }

        #frmTeLlamamos .tlfno a {
            width: fit-content;
            font-size: 40px;
        }

    #frmTeLlamamos.popup .tlfno a {
        color: #cb0000;
        text-decoration: none;
    }

        #frmTeLlamamos.popup .tlfno a:hover {
            color: #000;
        }

    #frmTeLlamamos .datos-tl {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: 10px auto;
    }

        #frmTeLlamamos .datos-tl label {
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.79;
            letter-spacing: 0.01px;
            color: #000;
        }

        #frmTeLlamamos .datos-tl input {
            width: 284px;
            height: 41px;
            background-color: #fff;
            border: 1px solid #D1D1D1;
            border-radius: 2px;
            color: #333;
            font-size: 14px;
            box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
            -moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
            -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.1);
            outline: 0;
            padding: 10px 4px;
        }

            #frmTeLlamamos .datos-tl input.valido {
                box-shadow: #79fb1e 0 0 0px 1px;
            }

            #frmTeLlamamos .datos-tl input.invalido {
                box-shadow: #cb0000 0 0 0px 1px;
            }

    #frmTeLlamamos.popup .datos-tl {
        flex-direction: column;
        width: min-content;
    }

        #frmTeLlamamos.popup .datos-tl input {
            height: 25px;
            margin-bottom: 30px;
        }

    #frmTeLlamamos #diaTeLlamamos .flatpickr-calendar {
        margin: 20px auto auto auto;
    }

        #frmTeLlamamos #diaTeLlamamos .flatpickr-calendar .flatpickr-day.selected {
            background: #79fb1e;
            color: #000;
            border-color: #79fb1e;
        }

    #frmTeLlamamos #botonesHoras {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: 20px auto;
    }

        #frmTeLlamamos #botonesHoras a {
            width: 21%;
            background-color: #ebebeb;
            color: #cb0000;
            font-size: 17px;
            text-align: center;
            border: 1px solid #6e0000;
            padding: 3px 6px;
            margin: 10px 2%;
            border-radius: 6px;
            text-decoration: none;
        }

            #frmTeLlamamos #botonesHoras a:hover,
            #frmTeLlamamos #botonesHoras a.activo {
                transform: scale(1.05);
                box-shadow: #79fb1e 0 0 2px 2px;
            }

            #frmTeLlamamos #botonesHoras a:active {
                transform: scale(0.95);
                box-shadow: #79fb1e 0 0 6px 3px;
            }

    #frmTeLlamamos.popup #botonesHoras {
        justify-content: space-evenly;
    }

    #frmTeLlamamos .checks-tl {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: 20px auto;
    }

    #frmTeLlamamos.popup .checks-tl {
        flex-direction: column;
        align-items: center;
        font-size: 20px;
    }

    #frmTeLlamamos .btn-tl {
        text-align: center;
        margin-top: 20px;
    }

    #frmTeLlamamos .condiciones {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 13px auto;
    }

        #frmTeLlamamos .condiciones small {
            padding-top: 3px;
        }

    #frmTeLlamamos.popup .condiciones {
        align-items: flex-start;
    }

        #frmTeLlamamos.popup .condiciones a {
            color: #cb0000;
        }

            #frmTeLlamamos.popup .condiciones a:hover {
                color: #000;
            }

    #frmTeLlamamos:not(.popup) input[type=checkbox],
    #frmTeLlamamos:not(.popup) input[type=radio] {
        cursor: pointer;
        left: -9999px;
        margin: 0;
        padding: 0;
        padding-top: 1px;
        position: absolute;
    }

    #frmTeLlamamos.popup input[type=checkbox],
    #frmTeLlamamos.popup input[type=radio] {
        transform: scale(1.5);
        margin-right: 18px;
        accent-color: #cb0000;
    }

    #frmTeLlamamos label {
        color: #333;
        cursor: pointer;
        margin-bottom: 11px;
        position: relative;
        text-transform: uppercase;
    }

        #frmTeLlamamos label .query {
            background: #ca3e2f;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
            height: 15px;
            padding-left: 4px;
            padding-top: 1px;
            position: absolute;
            right: 0px;
            top: 3px;
            width: 15px;
        }

        #frmTeLlamamos label.fk-radio,
        #frmTeLlamamos label.fk-check {
            margin-bottom: 0px;
            text-transform: none;
        }

            #frmTeLlamamos label.fk-radio.checked:before,
            #frmTeLlamamos label.fk-radio:before,
            #frmTeLlamamos label.fk-check.checked:before,
            #frmTeLlamamos label.fk-check:before {
                background: url("../images/formikation-sprite.png") no-repeat -1px 0;
                content: ' ';
                display: inline-block;
                float: left;
                height: 22px;
                margin: 2px 4px 0 0;
                width: 21px;
            }

            #frmTeLlamamos label.fk-radio:before {
                background-position: 0 -22px;
            }

            #frmTeLlamamos label.fk-check:before {
                background-position: 0 0;
            }

            #frmTeLlamamos label.fk-radio.checked:before,
            #frmTeLlamamos label.fk-check.checked:before {
                background-position: -22px -22px;
            }

        #frmTeLlamamos label.check {
            padding: 13px 5px;
        }

        #frmTeLlamamos label.checked.fk-check:before {
            background-position: -23px 0;
            content: '';
        }

        #frmTeLlamamos label input[type=radio]:before,
        #frmTeLlamamos label input[type=checkbox]:before {
            background-position: -21px -20px;
        }

    #frmTeLlamamos .resumen-cita {
        display: flex;
        flex-direction: column;
    }

        #frmTeLlamamos .resumen-cita div {
            display: flex;
            flex-direction: row;
        }

            #frmTeLlamamos .resumen-cita div span:first-child {
                font-size: 22px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.17;
                letter-spacing: 0.02px;
                color: #000;
            }

            #frmTeLlamamos .resumen-cita div span:not(:first-child) {
                font-size: 22px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.17;
                letter-spacing: 0.02px;
                color: #cb0000;
                padding-left: 10px;
            }

    #frmTeLlamamos.popup .resumen-cita {
        align-items: center;
    }

    #frmTeLlamamos .btn-atras {
        min-height: 30px;
        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.13px;
        color: #520000;
        pointer-events: auto;
        cursor: pointer;
    }

        #frmTeLlamamos .btn-atras:hover {
            color: #52000094;
        }

        #frmTeLlamamos .btn-atras:active {
            font-size: 18px;
        }

    #frmTeLlamamos .pie-tl {
        font-size: 19px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.12px;
        color: #df0000;
        width: max-content;
        margin: 10px 0 0 auto;
    }

    #frmTeLlamamos.popup .pie-tl a {
        text-decoration: none;
        color: #df0000;
    }

        #frmTeLlamamos.popup .pie-tl a:hover {
            color: #000;
        }

#divConfirmacion #divTellamamosOK,
#divConfirmacion #divTellamamosKO {
    font-size: 26px;
    text-align: center;
}

#divConfirmacion .btn-tl {
    text-align: center;
    margin: 18px auto 10px auto;
}

#divConfirmacion.popup {
    max-width: 630px;
    margin: auto;
    padding: 0 20px;
    clear: left;
    font: 0.8em Kanit,Helvetica,Verdana,sans-serif;
}

    #divConfirmacion.popup #divTellamamosOK,
    #divConfirmacion.popup #divTellamamosKO {
        text-align: center;
        font-size: 26px;
        margin-top: 67px;
    }

/*.c2c-fancy .optional {
    display: none;
    margin-top: 20px;
}

.c2c-fancy .checked + .optional {
    display: block;
}

.c2c-fancy .formikation {
    overflow: hidden;
}

.c2c-head {
    font-size: 13px;
}

    .c2c-head:after {
        clear: both;
        content: "";
        display: table;
    }

    .c2c-head img {
        float: left;
        margin: -65px 15px 0 0;
    }

    .c2c-head b {
        color: #ca3e2f;
    }

    .c2c-head .txt_center {
        clear: left;
    }*/
/*POPUP TELLAMAMOS DESDE EMAIL*/
/*.c2c-head-popup {
    font-size: 13px;
}

    .c2c-head-popup:after {
        clear: both;
        content: "";
        display: table;
    }

    .c2c-head-popup img {
        float: left;
    }

    .c2c-head-popup b {
        color: #ca3e2f;
    }

    .c2c-head-popup .txt_center {
        clear: left;
    }*/
@media only screen and (max-width: 850px) {
    #frmTeLlamamos #botonesHoras {
        margin: 0 auto;
    }

        #frmTeLlamamos #botonesHoras a {
            font-size: 16px;
            padding: 3px 2px;
        }
}

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

    #frmTeLlamamos .title-tl b {
        font-size: 25px !important;
        font-weight: bold;
        letter-spacing: 0.03px;
        color: #cb0000;
    }

    #frmTeLlamamos .title-tl {
        font-size: 22.8px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: 0.02px;
        color: #000;
        margin-top: 5%;
        text-align:center
    }

    .separador {
        display: block !important;
        height:1px;
        margin-top:20px;
        width:85%;
    }

    #frmTeLlamamos .tlfno {
        justify-content: center;
    }

        #frmTeLlamamos .tlfno b {
            font-weight: 800 !important;
            color: #df0000;
        }

    #frmTeLlamamos .horarios {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items:center;
    }

    #frmTeLlamamos .horarios > .bloqueHorario p:first-child {
        
        font-size: 16.8px;
    }

    #frmTeLlamamos .horarios > .bloqueHorario p:last-child {
        font-size: 15.6px;
        text-align: center;
    }


    .c2c-fancy.fancybox-wrap.fancybox-desktop.fancybox-type-inline.c2c-fancy.fancybox-opened {
        width: 95% !important;
        left: 2.5% !important;
    }

    .c2c-fancy.fancybox-opened .fancybox-skin {
        padding: 30px 4% !important;
    }

    .c2c-fancy .fancybox-inner {
        width: 100% !important;
        overflow: auto !important;
    }

    #frmTeLlamamos .datos-tl {
        flex-direction: column;
    }

        #frmTeLlamamos .datos-tl label {
            margin-bottom: 0;
            margin-top: 12px;
        }

    #frmTeLlamamos:not(.popup) .datos-tl input {
        width: 100%;
    }

    #frmTeLlamamos .checks-tl {
        flex-direction: column;
        margin: 15px 0;
    }

        #frmTeLlamamos .checks-tl div:first-child {
            margin-bottom: 5px;
        }

        #frmTeLlamamos .checks-tl div:not(:first-child) {
            margin-top: 5px;
        }

    #frmTeLlamamos #botonesHoras a {
        width: 29%;
        font-size: 17px;
    }
}

@media only screen and (max-width: 630px) {
    #frmTeLlamamos #botonesHoras a {
        width: 45%;
    }
}

@media only screen and (max-width: 580px) {
    /*.c2c-fancy .ul-green-bullet li {
        display: none;
    }

        .c2c-fancy .ul-green-bullet li:last-child {
            display: block;
            margin-bottom: 18px;
        }*/

    #frmTeLlamamos:not(.popup) .title-tl {
        font-size: 17px;
    }

        #frmTeLlamamos:not(.popup) .title-tl b {
            font-size: 22px;
        }
}

@media only screen and (max-width: 450px) {
    #frmTeLlamamos.popup {
        padding: 0 5px;
    }

    #frmTeLlamamos #botonesHoras a {
        margin: 10px auto;
        font-size: 16px;
    }

    #frmTeLlamamos .pie-tl {
        font-size: 15px;
    }
}

@media only screen and (max-width: 425px) {
    #frmTeLlamamos .tlfno img {
        display: none;
    }

    #frmTeLlamamos .tlfno a {
        font-size: 12vw;
    }
}

@media only screen and (max-width: 375px) {
    #frmTeLlamamos.popup .datos-tl {
        margin: 80px auto 30px auto;
    }

    #frmTeLlamamos:not(.popup) #diaTeLlamamos .flatpickr-calendar {
        width: 100%;
    }

        #frmTeLlamamos:not(.popup) #diaTeLlamamos .flatpickr-calendar .flatpickr-rContainer {
            width: 100%;
        }

            #frmTeLlamamos:not(.popup) #diaTeLlamamos .flatpickr-calendar .flatpickr-rContainer .flatpickr-days {
                width: 100%;
            }

                #frmTeLlamamos:not(.popup) #diaTeLlamamos .flatpickr-calendar .flatpickr-rContainer .flatpickr-days .dayContainer {
                    width: 100%;
                    max-width: 100%;
                    min-width: 100%;
                }

    #frmTeLlamamos #botonesHoras a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 320px) {
    #frmTeLlamamos #botonesHoras a {
        width: 90%;
        font-size: 19px;
    }
}