@import url('base.css');

/**{
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }*/   /* CUANDO SE CAMBIO A ESCALA DE GRIS LA PAGINA*/

/* - Overwrite Extend W3CSS --------------- */

/* Overwrite Utility Classes */


/* Overwrite Containers Classes */


/* Overwrite Lazy Image */


/* Certs Records */
.w3-cert-records .w3-record-item .w3-card img {
    height: 5rem;
}

/* Overwrite Track 'n Records (Carouselable) */

/* Banner Legend  */


/* Overwrite Wall Shortcuts */


/* Overwrite Timeline */


/* Overwrite Lists */


/* Overwrite Blocks */


/* Overwrite Categories Blocks */
/*.w3-categories-blocks .w3-block-inner > .w3-block h4 { min-height: 3rem; }*/

/* Overwrite Details */


/* Overwrite Navigation Classes */


/* Overwrite Ribbon */


/* Overwrite w3 Form  + Inputs */



/* Overwrite Filter Form */


/* Overwrite Plugins */


/* Overwrite Banner Info */
@media only screen and (min-width: 601px) {
    #section-banner .w3-banner-info {
        text-align: left;
    }
}


/* - Overwrite Main -------------------------- */

/* Overwrite Header */



/* Overwrite DropNav */


/* Overwrite Main Slideshow */
@media only screen and (min-width: 993px) {
    #main-slideshow .w3-carousel-prev,
    #main-slideshow .w3-carousel-next {
        width: 3rem;
        height: 3rem;
        font-size: 1.3rem;
        line-height: 3rem;
    }
}


/* Overwrite Main */


/* Overwrite Section Video Home */
#section-video .w3-legend span {
    font-size: 1.6rem;
    line-height: 1.2rem;
    border-right: 0;
}

@media only screen and (min-width:601px) {
    #section-video .w3-legend span {
        font-size: 2rem;
        line-height: 1.5rem;
        padding-right: 4rem;
    }
}


/* Overwrite Section Categories */
#section-categories .w3-carousel {
    max-width: 300px;
    margin: auto;
}

#section-categories .w3-block-item .w3-image-wrapper {
    padding-bottom: 50%;
    background-position: left top;
}

    #section-categories .w3-block-item .w3-image-wrapper img {
        object-position: left top;
    }

@media only screen and (min-width: 601px) {
    #section-categories .w3-carousel {
        max-width: 600px;
    }

    #section-categories {
        padding: 3.5rem 0;
    }
}

@media only screen and (min-width: 993px) {
    #section-categories .w3-carousel {
        max-width: 1200px;
    }

    #section-categories {
        padding: 5rem 0;
    }
}


/* Overwrite Section Shortcuts */

/* Overwrite Section Records */
#section-environment .w3-trackn-records .w3-record-item .w3-block {
    padding: 0.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.w3-policies-blocks .w3-legend,
.w3-reports-blocks .w3-legend {
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    min-height: 2rem;
    max-height: 3rem;
    padding: 0.5rem;
    overflow: hidden;
    background-color: rgba(255,255,255,1);
    transition: all 300ms ease-out;
}

@media only screen and (min-width: 601px) {
    .w3-table td img {
        width: auto;
    }
}

.w3-projectshortcut-blocks .w3-legend span {
    font-size: 1rem;
}
/* Overwrite Footer */

/* 
----------------------------------------------------------
---- Custom for Holding ----------------------------------
----------------------------------------------------------
*/

.w3-unlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .w3-unlist li {
        margin-bottom: 5px;
    }

#section-commited {
}

    #section-commited .w3-image-wrapper {
        padding-bottom: 50%;
    }

        #section-commited .w3-image-wrapper.w3-shiny:after {
            opacity: 0.3;
        }

    #section-commited article {
        padding: 1.5rem 1rem;
    }

        #section-commited article .w3-button {
            background-color: #FFF;
            border-color: #FFF;
            font-size: 1rem;
            line-height: 1rem;
            position: relative;
            padding: 0.6rem 2.5rem 0.6rem 1rem;
        }

            #section-commited article .w3-button:after {
                content: '\bb';
                font-size: 2.2rem;
                line-height: 2.2rem;
                width: 2.5rem;
                padding-right: 1rem;
                text-align: right;
                display: inline-block;
                position: absolute;
                top: -0.2rem;
                right: 0;
            }

#section-rectangular {
}

    #section-rectangular .w3-image-rectangular {
        padding-bottom: 5%;
    }

        #section-rectangular .w3-image-rectangular.w3-shiny:after {
            opacity: 0.3;
            position: static;
        }

@media only screen and (max-width:600px) {
    .w3-padding-left {
        padding-left: 0 !important;
    }

    .w3-padding-right {
        padding-right: 0 !important;
    }

    #section-rectangular .w3-image-rectangular {
        padding-bottom: 0%;
    }
}

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

@media only screen and (min-width:993px) {
    #section-commited article {
        padding: 3rem 2rem;
    }

    #section-commited .w3-image-wrapper {
        padding-bottom: 37%;
    }
}

/*@media only screen and (min-width:993px) {
    #section-rectangular .w3-image-wrapper { padding-bottom: 5%; }
}*/




#section-sustainability {
}


@media only screen and (max-width:600px) {
    #section-sustainability .w3-image-wrapper {
        padding-bottom: 40%;
    }

    #section-sustainability .w3-display-topleft.w3-full-size {
        position: static;
        height: auto;
    }

    #section-sustainability article {
        text-align: center;
    }

        #section-sustainability article h2,
        #section-sustainability article .w3-button {
            color: #F00;
        }
}

@media only screen and (min-width:601px) {
    #section-sustainability .w3-image-wrapper {
        padding-bottom: 50%;
    }

    #section-sustainability article {
        color: #FFF;
        text-align: right;
        padding-right: 1rem;
    }
}

@media only screen and (min-width:993px) {
    #section-sustainability .w3-image-wrapper {
        padding-bottom: 45%;
    }

    #section-sustainability article {
        padding-left: 1rem;
        padding-right: 0;
    }
}


#section-experience {
}

    #section-experience .w3-image-wrapper img {
        object-position: right center;
        object-position: right 1.5rem center;
    }

.no-objectfit #section-experience .w3-image-wrapper img {
    background-size: contain;
    background-position: right center;
    background-position: right 1.5rem center;
}

@media only screen and (max-width:600px) {
    #section-experience .w3-image-wrapper {
        padding-bottom: 60%;
    }

        #section-experience .w3-image-wrapper img {
            object-position: center center;
        }

    .no-objectfit #section-experience .w3-image-wrapper img {
        background-position: center center;
    }

    #section-experience .w3-display-topleft.w3-full-size {
        position: static;
        height: auto;
    }

    #section-experience article {
        text-align: center;
    }
}

@media only screen and (min-width:601px) {
    #section-experience .w3-image-wrapper {
        padding-bottom: 98%;
    }
}

@media only screen and (min-width:993px) {
    #section-experience .w3-image-wrapper {
        padding-bottom: 72%;
    }

    #section-experience article {
        padding-left: 5rem;
    }
}

@media only screen and (min-width:601px) {
    .w3-table#contact-table td img {
        width: 60%;
    }

    .w3-table#awards-table td img {
        width: auto;
        height: 4rem;
        margin: auto;
    }
}

/* Commitment Blocks */
.w3-commitment-blocks {
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
}

    .w3-commitment-blocks > * {
        font-size: 1rem;
        letter-spacing: normal;
        word-spacing: normal;
    }

* + .w3-commitment-blocks {
    margin-top: 1rem;
}

.w3-commitment-blocks .w3-block-item {
    padding: 0.8rem 0;
}

.w3-commitment-blocks .w3-block-inner {
    position: relative;
}

.w3-commitment-blocks .w3-image-wrapper {
    padding-bottom: 50%;
}

.w3-commitment-blocks .w3-legend {
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    min-height: 2rem;
    max-height: 3rem;
    padding: 0.5rem;
    overflow: hidden;
    background-color: rgba(255,255,255,0.7);
    transition: all 300ms ease-out;
}

    .w3-commitment-blocks .w3-legend span {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        font-size: 1rem;
        color: #FF5A00;
        line-height: 1rem;
        padding: 0;
        max-height: 2rem;
        display: block;
        overflow: hidden;
        text-align: center;
        background-color: transparent;
        text-transform: uppercase;
        font-weight: bold;
        transition: top 300ms ease-out;
    }

.w3-commitment-blocks .w3-block-inner > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.w3-commitment-blocks .w3-block-inner:hover .w3-legend {
    max-height: 100%;
    height: 100%;
    background-color: rgba(255,90,0,0.7);
}

    .w3-commitment-blocks .w3-block-inner:hover .w3-legend span {
        color: #FFF;
        top: 40%;
        max-height: 100%;
    }

.csstransforms .w3-commitment-blocks .w3-block-inner:hover .w3-legend span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width:600px) {
    .w3-commitment-blocks .w3-block-item {
        margin: auto;
        max-width: 360px;
    }
}

@media only screen and (min-width:601px) {
    .w3-commitment-blocks .w3-block-item {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
    }

    .w3-commitment-blocks .w3-block-item {
        padding-left: 0.8rem;
    }
}

.w3-commitment-blocks .w3-image-wrapper {
    padding-bottom: 70%;
}

/*#section-main .w3-image-wrapper { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 90%; display: block; }*/

.contact-table-item .w3-check4next + table {
    display: none;
}

.contact-table-item .w3-check4next:checked + table {
    display: block;
}

.w3-shortcut-content h6 span {
    display: inline-block;
    vertical-align: top;
    background-color: #FF5A00;
    text-shadow: none;
    padding: 0.3rem 1rem;
    font-weight: 600;
}

.w3-testimonials-blocks > .w3-block-item .w3-video-wrapper {
    padding-bottom: 45%;
}

    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper img {
        object-position: center 25%;
    }

@media only screen and (min-width:601px) {
    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper {
        display: inline-block;
        vertical-align: middle;
    }

    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper {
        width: 32%;
        padding-bottom: 34%;
    }
}

@media only screen and (min-width:768px) {
    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper {
        padding-bottom: 26%;
    }
}

@media only screen and (min-width:993px) {
    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper {
        padding-bottom: 24%;
    }
}

.wrap {
    text-align: left;
    width: 1024px;
    margin: 0px auto;
}

.bloque-director {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-bottom: 50px;
    width: 500px; /*Aqui juegas con la medida de acuerdo al ancho de tu contenedor*/
    text-align: left;
}

    .bloque-director img {
        max-width: 70%;
        border-bottom: 0.2rem solid #FF5A00;
    }

    .bloque-director h5 {
        color: #FF5A00 !important;
    }

@media screen and (max-width: 768px) {
    .wrap {
        width: auto;
    }

    .bloque-director {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 50px;
        width: auto; /*Aqui juegas con la medida de acuerdo al ancho de tu contenedor*/
    }
}

body.loading:after{
	content:'';
	width:100%;
	height:100%;
	position:fixed;
	background:#2a2a2c;
	opacity:.95;
	top:0px;
	left:0px;
	z-index:9999;
}
body.loading:before{
	content:'';
	width:45px;
	height:45px;
	position:fixed;
	left:50%;
	margin-left:-22px;
	top:300px;
	z-index:99999;
}


/* BLOCK GRID */
.umb-block-grid__layout-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--column-gap, 0);
    column-gap: var(--umb-block-grid--column-gap, 0);
    row-gap: var(--umb-block-grid--row-gap, 0);
}

.umb-block-grid__layout-item {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--item-row-span, 1);
}


.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);
    column-gap: var(--umb-block-grid--areas-column-gap, 0);
    row-gap: var(--umb-block-grid--areas-row-gap, 0);
}

.umb-block-grid__area {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--area-grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1);
}

@media (min-width:768px) {
    .umb-block-grid__layout-item {
        grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
    }

    .umb-block-grid__area {
        grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
    }
}