/*<FONDO 02>*/

@-webkit-keyframes bg-scrolling-reverse {
    100% {
        background-position: -800px 0px
    }
}

@-moz-keyframes bg-scrolling-reverse {
    100% {
        background-position: -800px 0px
    }
}

@-o-keyframes bg-scrolling-reverse {
    100% {
        background-position: -800px 0px
    }
}

@keyframes bg-scrolling-reverse {
    100% {
        background-position: -800px 0px
    }
}

@-webkit-keyframes bg-scrolling {
    0% {
        background-position: -800px 0px
    }
}

@-moz-keyframes bg-scrolling {
    0% {
        background-position: -800px 0px
    }
}

@-o-keyframes bg-scrolling {
    0% {
        background-position: -800px 0px
    }
}

@keyframes bg-scrolling {
    0% {
        background-position: -800px 0px
    }
}

.text-xl {
    font-size: 4em!important;
}

.oproser {
    height: 60px;
    left: -2px;
    top: -17px;
    position: relative;
    margin: 0;
    display: inline-block;
}


/* Main styles */

.fondo03 {
    background: url("img/numeros01.gif")repeat 0 0;
    background-size: cover;
    height: 100vh;
    filter: invert(100%) blur(4px) saturate(0%);
    overflow: hidden;
}

.Bienvenido .d-flex {
    display: none!important;
}

.Bienvenido {
    opacity: 0.05!important
}

.main-login {
    background-color: rgba(255, 255, 255, 0.15)!important;
    background-size: cover;
}

.bg-light.sombreado.order-last .card {
    border-radius: 25px!important;
}

.fondo02 {
    filter: invert(0) blur(4px) brightness(0.5) saturate(0.5);
    overflow: hidden;
    height: 100vh;
    /*margin-top: 13.5rem*/
    color: #999;
    font: 400 16px/1.5 exo, ubuntu, "segoe ui", helvetica, arial, sans-serif;
    text-align: center;
    /* img size is 50x50 */
    background-color: black;
    opacity: 0.55;
    /* background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0;
          background: url("img/fondo03.jpg")repeat 0 0; */
    background-image: url('../../img/navidad03.gif');
    background-size: cover;
    -webkit-animation: bg-scrolling 10.75s infinite;
    /* Safari 4+ */
    -moz-animation: bg-scrolling 10.75s infinite;
    /* Fx 5+ */
    -o-animation: bg-scrolling 10.75s infinite;
    /* Opera 12+ */
    animation: bg-scrolling 20.75s infinite;
    /* IE 10+ */
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.fondo02::before {
    content: "";
    font-size: 8rem;
    font-weight: 100vh;
    font-style: normal;
}

.sombreado {
    -webkit-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.22);
}


/*</FONDO02>*/

.gradienteColor * {
    color: rgba(255, 255, 255, 0.95)!important;
}

input:focus {
    background-color: rgba(0, 21, 68, 1)!important;
    font-size: 1.5em;
}

body * {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

input.form-control {
    font-size: 3rem!important;
    text-align: right;
    padding-right: 45px;
    font-weight: bold;
}


/*FONDO*/

.circleXXX {
    z-index: 1;
    position: absolute;
    right: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    animation: ripple 15s infinite;
    box-shadow: 0px 0px 4px 0px white;
}

.small {
    width: 150px;
    height: 150px;
    left: 0;
    bottom: 0vh;
}

.medium {
    width: 400px;
    height: 400px;
    left: 0vw;
    bottom: 0vh;
}

.large {
    width: 600px;
    height: 600px;
    left: 0vw;
    bottom: 0vh;
}

.xlarge {
    width: 700px;
    height: 700px;
    left: 0vw;
    bottom: 0vh;
}

.xxlarge {
    width: 500px;
    height: 500px;
    left: 0vw;
    bottom: 0vh;
}

.shade1 {
    opacity: 0.2;
}

.shade2 {
    opacity: 0.3;
}

.shade3 {
    opacity: 0.4;
}

.shade4 {
    opacity: 0.5;
}

.shade5 {
    opacity: 0.6;
}

@keyframes ripple {
    0% {
        transform: scale(2.3);
    }
    50% {
        transform: scale(2.5);
    }
    100% {
        transform: scale(2.3);
    }
}