.dots__preloader {
    align-items: center;
    background-color: #4056F7;
    display: flex;
    height: 100svh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999;
}

.dots__preloader-dot {
    animation: 0.8s dots-tilin step-end infinite;
    -webkit-animation: 1s dots-tilin step-end infinite;
    background-color: #FA6E58;
    border-radius: 50%;
    color: #FA6E58;
    height: 35px;
    width: 35px;
}

@keyframes dots-tilin {
    50% {
        opacity: 0;
    }
}

/****************************************************************/
* {
    box-sizing: border-box !important;
}

body {
    background: #f4f4ef !important;
    margin: 0 auto;
    padding: 0;
}

.d-none {
    display: none;
}

.d-inline {
    margin-right: 10px;
}

.d-flex {
    align-items: center;
    display: flex;
}

.p-relative {
    display: inline-block !important;
    position: relative !important;
}

/*
 * Litle text for
 * contact & about 
 * */
.o-color {
    color: #FA6E58;
    font-size: .5em;
    font-weight: 100;
}

/*
 * End o-color
 * */

/** Home background slider */
.altillo-background-slider {
    height: 100svh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.altillo-background-slider__media {
    height: 100svh !important;
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
}