@-o-keyframes pulsing {

    0% {

		-o-transform: scale(1.2);

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        -o-transform: scale(.1);

        opacity: 0.0;

    }

}

@keyframes pulsing {

    0% {

		transform: scale(1.2);

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        transform: scale(.1);

        opacity: 0.0;

    }

}



@-o-keyframes ipulsing {

	/* no uso */

    0% {

		-o-transform: scale(.1);

        opacity: 0.0;

    }

    50% {

        opacity: 1;

    }

    100% {

        -o-transform: scale(1.2);

        opacity: 0;

    }

}

@keyframes ipulsing {

    0% {

		transform: scale(.1);

        opacity: 0.0;

		

    }

    50% {

        opacity: 1;

    }

    99% {

        transform: scale(1.0);

        /*opacity: 0;*/

    }

}



/**

 *  Preloader

 */



.loaderOverlay {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    z-index: 1000;

    display: table;

    background: rgb(21, 20, 20);

    opacity: 0.7;

}

.loaderOverlay i {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    font-size: 45px;

    -webkit-animation: pulsing 1.2s infinite;

    -moz-animation: pulsing 1.2s infinite;

    animation: pulsing 1.2s infinite;

    color: #FF8C89;

}



.circulo {

     width: 100px;

     height: 100px;

     -moz-border-radius: 50%;

     -webkit-border-radius: 50%;

     border-radius: 50%;

     opacity:0.2;

	 background-color:#fff;

}



.overlayLoading {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    z-index: 1000;

    display: table;

	background-color: #000;

    opacity: 0.7;

}



.overlayLoading i {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    font-size: 45px;

    -webkit-animation: ipulsing 1.2s;

    -moz-animation: ipulsing 1.2s;

    animation: ipulsing 1.2s;



}