/****************************************************************************/
/* Personalización */
/****************************************************************************/

@font-face {
    font-family: 'Segoe UI Light';
    src: url('../fonts/segoeuil-webfont.eot');
    src: url('../fonts/segoeuil-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeuil-webfont.woff2') format('woff2'), url('../fonts/segoeuil-webfont.woff') format('woff'), url('../fonts/segoeuil-webfont.ttf') format('truetype'), url('../fonts/segoeui-webfont.svg#segoe_uilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

:root {
    --color-primary-default: #416a88;
    --color-primary-hover: #3a5b73;
    --color-primary-focus: #3a5b73;
    --color-primary-pressed: #4d7a99;
    --color-primary-disabled: #e0e0e0;
    --color-secondary-default: #4d7a99;
    --color-secondary-hover: #3a5b73;
    --color-secondary-focus: #3a5b73;
    --color-secondary-pressed: #4d7a99;
    --color-secondary-disabled: #e0e0e0;
    --color-primary-translucent: #4d7a99cc;
    --color-light-gray: #f0f0f0;
    --color-medium-gray: #646464;
    --color-dark-gray: #484848;
    --color-white: #ffffff;
    --color-black: #202020;
    --color-transparent: transparent;

    --color-medium-gray-traslucent: #969696cc;
    --color-white-traslucent: #ffffffcc;
    --color-danger: #e74c3c;

    --color-menu-item: #4d7a99;
    --color-menu-item-hover: #3a5b73;
    --color-menu-item-translucent: #e0e0e022;
    --color-menu-background: transparent;
}


.padcol-text {
    padding: 10px 50px;
}

.padcol-text h3 {
    font-weight: bold;
}

body {
    font-family: 'Nunito Sans', 'Segoe UI Light', 'Open Sans', sans-serif;
}


/****************************************************************************/
/* Bloque de cabecera de página principal */
/****************************************************************************/

.section-header-index {
    background-image: url(../img/bg-conservas-cortizo-es-inicio-cabecera-header-02.jpg);
}

.section-header-conservas {
    background-image: url(../img/bg-conservas-cortizo-es-conservas-cabecera-header-02.jpg);
}

.section-header-contacto {
    background-image: url(../img/bg-conservas-cortizo-es-contacto-cabecera-header-02.jpg);
}

.section-common {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    display: block;
    height: 800px;
    padding: 0 !important;
    margin: 0px 0px;
}


/****************************************************************************/
/* Parallax */
/****************************************************************************/

.parallax {
    height: 700px;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}

    .parallax h2 {
        font-size: 36px;
        line-height: 52px;
        margin-top: 40px;
        font-weight: bold;
    }

    .parallax h3 {
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 20px;
    }

    .parallax p {
        font-size: 20px;
    }

.parallax-band {
    padding: 20px 50px 40px 50px;
    margin-top: 250px;
    background-color: rgba(255, 255, 255, 0.85);
    color: #323232;
    margin-left: 10%;
    width: 80%;
}

.parallax-band-mini-left {
    padding: 20px 50px 40px 50px;
    margin-top: 200px;
    background-color: rgba(255, 255, 255, 0.85);
    color: #323232;
    margin-left: 10%;
    width: 30%;
}

.parallax-band-mini-right {
    padding: 20px 50px 40px 50px;
    margin-top: 200px;
    background-color: rgba(255, 255, 255, 0.85);
    color: #323232;
    margin-left: 61%;
    width: 30%;
}

@media (max-width: 768px) {
    .parallax {
        background-repeat: unset;
        background-size: unset;
    }

        .parallax h2 {
            font-size: 32px;
            line-height: 36px;
        }

        .parallax h3 {
            font-size: 24px;
            line-height: 26px;
        }

        .parallax p {
            font-size: 18px;
            line-height: 20px;
        }

    .parallax-band-mini-left {
        width: 80%;
    }

    .parallax-band-mini-right {
        margin-left: 10%;
        width: 80%;
    }
}

.parallax-11 {
    background-image: url("../img/conservas-cortizo-parallax-11.jpg");
}

.parallax-12 {
    background-image: url("../img/conservas-cortizo-parallax-12.jpg");
}

@media (min-width: 992px) and (max-width: 1200px) {
}


/****************************************************************************/
/* Bloque de galería 'gallery-staff-03' */
/****************************************************************************/

.gallery-staff-03 h2 {
    font-weight: bold;
    margin-top: 60px;
}

.gallery-staff-03 h3 {
    font-size: 18px;
}


.gallery-staff-03-item-overlay p {
    font-size: 28px;
    font-weight: bold;
}

.gallery-staff-03-item-overlay p.left {
    padding-right: 10px;
}

.gallery-staff-03-item-overlay p a {
    font-size: 22px;
    font-weight: normal;
}


/****************************************************************************/
/* Incisos cortos 'short-moreinfo-02' */
/****************************************************************************/

.short-moreinfo-02-love p {
    font-size: 36px;
    border: none;
}

.short-moreinfo-02-love h2 {
    margin-top: 0;
}

.short-moreinfo-02-love a {
}

.features-icon-02-padresum span {
    color: var(--color-primary-hover);
}



/****************************************************************************/
/* Bloque de información 'info-textimage-24' */
/****************************************************************************/

.info-textimage-24-text-overlay {
    height: 400px;
}

    .info-textimage-24-text-overlay p {
        font-size: 18px;
    }

.info-textimage-24-text-overlay-right p {
    font-size: 18px;
}

.info-textimage-24-block img {
    height: 900px;
}

.info-textimage-24-button {
    background: var(--color-primary-hover);
    color: var(--color-white);
    font-size: 18px;
    border: none;
    width: 300px;
    height: 60px;
}

.info-textimage-24-text-overlay-right {
    height: unset;
}

@media (max-width: 768px) {
    .info-textimage-24-text-overlay p {
        font-size: 16px;
    }

    .info-textimage-24-text-overlay-right p {
        font-size: 16px;
    }
    .info-textimage-24-button {
        margin-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .info-textimage-24-text-overlay p {
        font-size: 15px;
    }

    .info-textimage-24-text-overlay-right p {
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .info-textimage-24-text-overlay p {
        font-size: 14px;
    }

    .info-textimage-24-text-overlay-right p {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .info-textimage-24-text-overlay {
        width: 40%;
    }
}


/****************************************************************************/
/* Personalizaciones */
/****************************************************************************/

.bullet-mark i {
    display: block;
    text-align: right;
    font-size: 26px;
    color: var(--color-primary-default);
}

.bullet-mark h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
}

.bullet-mark p {
    font-size: 20px;
}

.bullet-mark hr {
    font-size: 20px;
    border-color: var(--color-primary-default);
    margin-bottom: 40px;
}


/****************************************************************************/
/* Bloque de información 'info-textimage-11' */
/****************************************************************************/

.info-textimage-11 h2 {
    font-weight: bold;
}

.info-textimage-11 h3 {
    font-weight: bold;
}


/****************************************************************************/
/* Bloque de contacto 'contact-form-01' */
/****************************************************************************/

.contact-find-01 h2 {
    font-size: 28px;
    line-height: 30px;
}