.index, .indexB, .indexC
{
    position: relative;
    z-index: 1;
    height: 88vh;
    background-color: #004187;
}

.indexC:before
{
    position: absolute;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 41%;
    background-repeat: no-repeat;
    background-position-y: -200px;
    background-image: url(../images/banner.jpg);
    background-size: calc(100% + 300px) calc(100% + 300px);
}

.notPadding
{
    padding: 0;
}

body, html, .pageCont
{
    overflow: hidden;
}

video
{
    position: absolute;
    z-index: -1;
    top: -100px;
    opacity: 0.6;
    width: calc(100% + 500px);
}

#i_containerSelectRoute
{
    position: relative;
    top: 5%;
}

#logo-negativo
{
    position: relative;
    left: 8%;
    max-width: 84%;
}

#socialNet
{
    display: none;
    text-align: center;
}

.scb_subMenu
{
    display: none;
}

.wrapper
{
    padding-top: 75px;
}

.backSoon{
    font-size: 3rem; 
    text-align: center; 
    color: #FFBA00;
}

.pageMaintenanceH2{
    font-size: 2.2rem; 
    color: #001341;
}

.pageMaintenanceH4{
    font-size: 1.5rem; 
    color: #001341;
}

@media screen and (max-height: 770px)
{
    video
    {
        position: absolute;
        z-index: -1;
        top: -100px;
        opacity: 0.6;
        width: calc(100%);
    }
}

@media screen and (max-width: 1200px)
{
    video
    {
        position: absolute;
        z-index: -1;
        top: -100px;
        left: -500px;
        opacity: 0.6;
        width: calc(100% + 1500px);
    }
}

@media screen and (min-width: 1500px) and (min-height: 1000px)
{
    .Container
    {
        padding-top: 9vw;
        padding-bottom: 10vw;
    }
}

@media screen and (max-width: 600px)
{
    #socialNet
    {
        position: absolute;
        display: block;
        bottom: 0;
        width: 100%;
        height: 50px;
        padding-top: 15px;
        background: rgba(0, 0, 0, 0.2);
    }

    .backSoon{
        font-size: 1.6rem; 
    }
    
    .pageMaintenanceH2{
        font-size: 1.3rem; 
    }

    .pageMaintenanceH4{
        font-size: 1.1rem;
    }
    

    #facebook, #twitter, #instagram
    {
        filter: invert(0.4) brightness(12);
    }

    video {
        display: none;
    }

    .index:before, .indexB:before
    {
        content: "";
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 41%;
        background-image: url(../images/banner.jpg);
        background-size: calc(100% + 300px) calc(100% + 300px);
        background-repeat: no-repeat;
        background-position-y: -200px;
    }

    .Container
    {
        padding-top: 12.1vw;
        margin-left: 15vw;
        margin-right: 15vw;
        padding-bottom: 12.1vw;
    }

    body, html, .pageCont
    {
        overflow: auto;
    }

    .wrapper
    {
        padding-top: 104px;
    }

    #logo-negativo
    {
        position: relative;
        left: 15%;
        max-width: 74%;
    }

    .select2-dropdown.select2-dropdown--below
    {
        left: 15px !important;
    }
}

@media screen and (max-height: 499px)
{
    #socialNet
    {
        position: absolute;
        display: block;
        bottom: 0;
        width: 100%;
        height: 50px;
        padding-top: 15px;
        background: rgba(0, 0, 0, 0.2);
    }

    #facebook, #twitter, #instagram 
    {
        filter: invert(0.4) brightness(12);
    }
}

@media screen and (max-height: 499px) and (orientation: landscape)
{
    .Container
    {
        margin-left: 21vw;
        margin-right: 21vw;
    }
}