.u-loader {
	background: #000000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.u-loader img {
	width: 150px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	z-index: 999999;-webkit-animation: fadein 1.5s;
       -moz-animation: fadein 1.5s;
        -ms-animation: fadein 1.5s;
         -o-animation: fadein 1.5s;
            animation: fadein 1.5s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.u-grayscale {
    background: black;
}

.u-loader-input{
    padding: 8px;
    width: 100%;
    box-shadow: 0px 0px 20px 2px #0000002e !important;
    border: 0px;
}

.button-primary {
    padding: 5px 20px !important;
    border-radius: 8px;
    background: #309860;
    border: 0px;
}

@media (max-width:480px)  { 
.u-loader img {
	width: 150px;
	height: auto;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.u-loader img {
	width: 150px;
	height: auto;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.u-loader img {
	width: 150px;
	height: auto;
}
}