#loading{
	width: 100%;
	height: 100%;
	position:fixed;
	z-index: 999999999999999999;
}
	#loading #logo_loading{
		opacity: 0;
		top: 50%;
		margin-top: -24px;
	}

		#logo_icon_loading{
			width: 67px;
			height: 43px;
			top: 50%;
			left: 50%;
			margin-top: -22px;
			margin-left: -33px;
			position: fixed;
		}

	.quadrado_loading{
		width: 80px;
		opacity: 0;
		height: 80px;
		position: absolute;
		top: 50%;
		margin-top: -40px;
		left: 50%;
		border: 1px solid rgba(255,255,255, 0.3);
		margin-left: -40px;
		-ms-transform: rotate(45deg);
    	-webkit-transform: rotate(45deg);
    	transform: rotate(45deg);
 		animation-delay: 400ms;
		-webkit-animation-delay: 400ms;
		-moz-animation-delay: 400ms;
		-o-animation-delay: 400ms;
		-ms-animation-delay: 400ms;
	}

	.porcentagem_loading{
		width: 100%;
		height: 20px;
		position: absolute;
		bottom: 115px;
		margin-bottom: -10px;
		font-weight: 400;
		font-size: 16px;
		color: #FFF;
		text-align: center;
	}

		.linha_top{
			width: 0%;
			max-width: 100%;
			background: #FFF;
			height: 1px;
			position: absolute;
			top: -1px;
			left: 0px;
			animation: topFrames ease-in 1.8s;
		  	-webkit-animation: topFrames ease-in 1.8s;
		  	-moz-animation: topFrames ease-in 1.8s;
		  	-o-animation: topFrames ease-in 1.8s;
		  	-ms-animation: topFrames ease-in 1.8s;
   			animation-iteration-count: infinite;
		  	-webkit-animation-iteration-count: infinite;
		  	-moz-animation-iteration-count: infinite;
		  	-ms-animation-iteration-count: infinite;
		  	animation-delay: 2s;
		  	-webkit-animation-delay: 2s;
		  	-moz-animation-delay: 2s;
		  	-o-animation-delay: 2s;
		  	-ms-animation-delay: 2s;
		}


		.linha_right{
			width: 1px;
			background: #FFF;
			height: 0%;
			max-height: 100%;
			position: absolute;
			top: 0px;
			right: -1px;
			animation: rightFrames ease-in 1.8s;
		  	-webkit-animation: rightFrames ease-in 1.8s;
		  	-moz-animation: rightFrames ease-in 1.8s;
		  	-ms-animation: rightFrames ease-in 1.8s;
		  	animation-iteration-count: infinite;
		  	-webkit-animation-iteration-count: infinite;
		  	-moz-animation-iteration-count: infinite;
		  	-ms-animation-iteration-count: infinite;
		  	animation-delay: 2s;
		  	-webkit-animation-delay: 2s;
		  	-moz-animation-delay: 2s;
		  	-o-animation-delay: 2s;
		  	-ms-animation-delay: 2s;
		}


		.linha_bottom{
			width: 0%;
			max-width: 100%;
			background: #FFF;
			height: 1px;
			position: absolute;
			bottom: -1px;
			right: 0px;
			animation: bottomFrames ease-in 1.8s;
		  	-webkit-animation: bottomFrames ease-in 1.8s;
		  	-moz-animation: bottomFrames ease-in 1.8s;
		  	-ms-animation: bottomFrames ease-in 1.8s;
		  	animation-iteration-count: infinite;
		  	-webkit-animation-iteration-count: infinite;
		  	-moz-animation-iteration-count: infinite;
		  	-ms-animation-iteration-count: infinite;
		  	animation-delay: 2s;
		  	-webkit-animation-delay: 2s;
		  	-moz-animation-delay: 2s;
		  	-o-animation-delay: 2s;
		  	-ms-animation-delay: 2s;
		}


		.linha_left{
			width: 1px;
			background: #FFF;
			height: 0%;
			max-height: 100%;
			position: absolute;
			bottom: 0px;
			left: -1px;
			animation: leftFrames ease-in 1.8s;
		  	-webkit-animation: leftFrames ease-in 1.8s;
		  	-moz-animation: leftFrames ease-in 1.8s;
		  	-ms-animation: leftFrames ease-in 1.8s;
		  	animation-iteration-count: infinite;
		  	-webkit-animation-iteration-count: infinite;
		  	-moz-animation-iteration-count: infinite;
		  	-ms-animation-iteration-count: infinite;
		  	animation-delay: 2s;
		  	-webkit-animation-delay: 2s;
		  	-moz-animation-delay: 2s;
		  	-o-animation-delay: 2s;
		  	-ms-animation-delay: 2s;
		}



@keyframes topFrames{  0% { width: 0%; left: 0px; right: initial; }  49% { width: 100%; left: 0px; right: initial; }  50% { width: 100%; left: initial; right: 0px; } 100% { width: 0%; left: initial; right: 0px;} }
@-moz-keyframes topFrames{ 0% { width: 0%; left: 0px; right: initial; }  49% { width: 100%; left: 0px; right: initial; }  50% { width: 100%; left: initial; right: 0px; } 100% { width: 0%; left: initial; right: 0px;} }
@-webkit-keyframes topFrames {  0% { width: 0%; left: 0px; right: initial; }  49% { width: 100%; left: 0px; right: initial; }  50% { width: 100%; left: initial; right: 0px; } 100% { width: 0%; left: initial; right: 0px;} }
@-ms-keyframes topFrames {  0% { width: 0%; left: 0px; right: initial; }  49% { width: 100%; left: 0px; right: initial; }  50% { width: 100%; left: initial; right: 0px; } 100% { width: 0%; left: initial; right: 0px;} }

@keyframes rightFrames{  0% { height: 0%; top: 0px; bottom: initial; }  49% { height: 100%; top: 0px; bottom: initial; }  50% { height: 100%; top: initial; bottom: 0px; } 100% { height: 0%; top: initial; bottom: 0px;} }
@-moz-keyframes rightFrames{  0% { height: 0%; top: 0px; bottom: initial; }  49% { height: 100%; top: 0px; bottom: initial; }  50% { height: 100%; top: initial; bottom: 0px; } 100% { height: 0%; top: initial; bottom: 0px;} }
@-webkit-keyframes rightFrames {   0% { height: 0%; top: 0px; bottom: initial; }  49% { height: 100%; top: 0px; bottom: initial; }  50% { height: 100%; top: initial; bottom: 0px; } 100% { height: 0%; top: initial; bottom: 0px;} }
@-ms-keyframes rightFrames {   0% { height: 0%; top: 0px; bottom: initial; }  49% { height: 100%; top: 0px; bottom: initial; }  50% { height: 100%; top: initial; bottom: 0px; } 100% { height: 0%; top: initial; bottom: 0px;} }

@keyframes bottomFrames{  0% { width: 0%; right: 0px; left: initial; }  49% { width: 100%; right: 0px; left: initial; }  50% { width: 100%; right: initial; left: 0px; } 100% { width: 0%; right: initial; left: 0px;} }
@-moz-keyframes bottomFrames{ 0% { width: 0%; right: 0px; left: initial; }  49% { width: 100%; right: 0px; left: initial; }  50% { width: 100%; right: initial; left: 0px; } 100% { width: 0%; right: initial; left: 0px;} }
@-webkit-keyframes bottomFrames { 0% { width: 0%; right: 0px; left: initial; }  49% { width: 100%; right: 0px; left: initial; }  50% { width: 100%; right: initial; left: 0px; } 100% { width: 0%; right: initial; left: 0px;} }
@-ms-keyframes bottomFrames {  0% { width: 0%; right: 0px; left: initial; }  49% { width: 100%; right: 0px; left: initial; }  50% { width: 100%; right: initial; left: 0px; } 100% { width: 0%; right: initial; left: 0px;} }

@keyframes leftFrames{  0% { height: 0%; bottom: 0px; top: initial; }  49% { height: 100%; bottom: 0px; top: initial; }  50% { height: 100%; top: 0px; bottom: initial; } 100% { height: 0%; bottom: initial; top: 0px;} }
@-moz-keyframes leftFrames{  0% { height: 0%; bottom: 0px; top: initial; }  49% { height: 100%; bottom: 0px; top: initial; }  50% { height: 100%; top: 0px; bottom: initial; } 100% { height: 0%; bottom: initial; top: 0px;} }
@-webkit-keyframes leftFrames {   0% { height: 0%; bottom: 0px; top: initial; }  49% { height: 100%; bottom: 0px; top: initial; }  50% { height: 100%; top: 0px; bottom: initial; } 100% { height: 0%; bottom: initial; top: 0px;} }
@-ms-keyframes leftFrames {   0% { height: 0%; bottom: 0px; top: initial; }  49% { height: 100%; bottom: 0px; top: initial; }  50% { height: 100%; top: 0px; bottom: initial; } 100% { height: 0%; bottom: initial; top: 0px;} }