/*
------------------------------------------------------------------------------------
COM.EZZATO.DEV
By : Andre Lorenzoni at andre@ezzato.com
------------------------------------------------------------------------------------
*/	

/*  loader  */

.loader {
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-color:#F3F4F3;
    background-size:100%;
    background-repeat:no-repeat;
    background-position:center center;
    display:table;
    vertical-align:middle;
    text-align:center;
    z-index:200;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	filter: alpha(opacity=100); 	
	-khtml-opacity: 1;      	
	-moz-opacity: 1;       		
	opacity: 1;
}

.loader-to-back {
	z-index:-1;
}

.loader-hide {
	filter: alpha(opacity=0); 	
	-khtml-opacity: 0;      	
	-moz-opacity: 0;       		
	opacity: 0;
}

.loader .loader-container {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.loader .loader-container .icon {
    position: relative;
    text-align: center;
    display: table;
    width: 127px;
    height: 127px;
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    
}

.loader:not(.loader-hide) .loader-container .icon {
    -webkit-animation:spin 1s ease-out infinite;
    -moz-animation:spin 1s ease-out infinite;
    animation:spin 1s ease-out infinite;
}

.loader .loader-container .icon:after {
	position: relative;
    display: table-cell;
    font-size: 81px;
    content: '';
    font-family: "Material Icons";
    color: #000000;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.loader .loader-container .message {
    position:relative;
    display:block;
    text-align:center;
    color:#000000;
    text-transform:uppercase;
    font-size:16px;
    padding:10px 0px;
}