/* =========================================================
                        LOGOS
========================================================= */
.logo-nav{
    width: 180px;
    height: 60px;
    display: block;
}

.logo-1,
.logo-2{
    display: block;
    width: 180px;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.logo-1{
    height: 30px;
    background-image: url('/img/logoW.png');
}

.logo-1.footer{
    width: 100%;
    height: 60px;
}

.logo-2{
    background-image: url('/img/img-Logos/MoykasTitulo2.png');
}

/* =========================================================
                    CONTAIN
========================================================= */
.bg-contain-center{
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.bg-contain-right{
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.bg-contain-left{
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.bg-contain-top{
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.bg-contain-bottom{
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

/* =========================================================
                    Fixed CONTAIN
========================================================= */
.bg-fixed-contain-center{
    background-attachment: fixed;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-fixed-contain-right{
    background-attachment: fixed;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.bg-fixed-contain-left{
    background-attachment: fixed;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.bg-fixed-contain-top{
    background-attachment: fixed;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.bg-fixed-contain-bottom{
    background-attachment: fixed;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

/* =========================================================
                    COVER
========================================================= */

.bg-cover-center{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-cover-right{
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.bg-cover-left{
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

.bg-cover-top{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.bg-cover-bottom{
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}


/* =========================================================
                    Fixed COVER
========================================================= */

.bg-fixed-cover-center{
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-fixed-cover-right{
    background-attachment: fixed;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.bg-fixed-cover-left{
    background-attachment: fixed;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

.bg-fixed-cover-top{
    background-attachment: fixed;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.bg-fixed-cover-bottom{
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

/* =========================================================
                    Fixed COVER
========================================================= */
.loading{
    position: fixed;
    top: -100vh;
    left: 0;

    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100vh;

    /* transition: .2s; */

    background: #000000af;
    z-index: 10000;
}

.loading.On{
    top: 0;
}

/* =========================================================
                    MENU
========================================================= */
.space{
    width: 100%;
    height: 73px;
}
.navbar-dark{
    background-color: #232323 !important;
}

.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link{
    color: #ffffffa6;
}

.navbar-nav .nav-link.active:before {
    content: "";
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    bottom: -3px;
    height: 3px;
    background-color: #da3458;
    opacity: 1;
}