/* ******************************************** */
/** UTILITIES: GENERAL
/* ******************************************** */

.u-main-mt{
    margin-top: var(--header);
}

/* TAP SIZE */

.u-tap-size{
    position: relative;
}

/* OVERLAY BG */

.u-overlay-bg{
    background-color: #201f1d;
    backdrop-filter: blur(8px);
}

/* LINES BG */

.u-lines-bg-1{
    background: url(../../images/static/lines-deco-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

/* CONTAINER */

.c-container__bg{
    background-color: rgb(var(--color-skyblue-rgb) / 15%);
}
.c-container__bg--contact{
    background-color: #DDD7C8;
}

.c-container__holder{
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--color-lightest);
    border-radius: 12px;
    padding: calc(var(--section-y)) calc(var(--space-x)*1.2);
}

.c-container__holder--contact {
    background-color: #b8af9870;
    border-radius: inherit;
    position: relative;
    z-index: 1;
}


/* SEO */

.u-hidden-for-seo{
    position: absolute;
    left: -9999px;
}

.u-hidden-xs{
    display: none;
}

/* SEPARATOR */

.u-separator{
    margin-top: var(--separator);
}

/* CENTER */

.u-center{
    text-align: center;
}

/* MASK */

.u-mask{
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

@media (min-width:768px){

}

/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width:980px){

    .u-hidden-xs{
        display: block;
    }

    .u-hidden-lg{
        display: none;
    }
    
    /* CONTAINER */
    
    .c-container__holder{
        max-width: 800px;
    }

}


/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {

    .c-container__holder{
        max-width: 1000px;
        padding: 65px 75px 65px;
    }
}

/* ********************** de Desktop 2 a HD ********************** */

@media (min-width: 1400px) {

    .c-container__holder{
        padding: 76px 85px 76px;
    }

}