@charset "UTF-8";
/*  container_loading  */
.container_loading{position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background-color:rgba(255,255,255,.7); z-index:9999}
.container_loading .loader_wrap{position:absolute; left:50%; top:50%; width:144px; height:119px; margin-left:-6px; margin-top:-64.5px}
.container_loading .loader_ty{position:relative; width:144px; height:144px; background:rgba(255,255,255,0) url("../images/loader.png") 50% 50% no-repeat; border-radius:50%}

.container_loading .loader_dot{position:relative; width:144px; height:18px; margin-top:5px; text-align:center; font-size:0; box-sizing:border-box}
.container_loading .loader_dot > div:nth-child(1)
{
	-webkit-animation-delay: -200ms;
	-moz-animation-delay: -200ms;
	-o-animation-delay: -200ms;
	animation-delay: -200ms;
}
.container_loading .loader_dot > div:nth-child(2)
{
	-webkit-animation-delay: -100ms;
	-moz-animation-delay: -100ms;
	-o-animation-delay: -100ms;
	animation-delay: -100ms;
}
.container_loading .loader_dot > div:nth-child(3)
{
	-webkit-animation-delay: 0ms;
	-moz-animation-delay: 0ms;
	-o-animation-delay: 0ms;
	animation-delay: 0ms;
}
.container_loading .loader_dot > div{display:inline-block; width:10px; height:10px; margin:4px; background:#4b73a0; border-radius:100%;
	-webkit-animation: loader_dot 1.2s ease infinite;
	-moz-animation: loader_dot 1.2s ease infinite;
	-o-animation: loader_dot 1.2s ease infinite;
	animation: loader_dot 1.2s ease infinite;
}
@-webkit-keyframes loader_dot{0%, 60%, 100% {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);} 30% {opacity:.1; -webkit-transform:scale(.01); -moz-transform:scale(.01); -o-transform:scale(.01); transform:scale(.01)}}
@-moz-keyframes loader_dot{0%, 60%, 100% {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);} 30% {opacity:.1; -webkit-transform:scale(.01); -moz-transform:scale(.01); -o-transform:scale(.01); transform:scale(.01)}}
@-o-keyframes loader_dot{0%, 60%, 100% {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);} 30% {opacity:.1; -webkit-transform:scale(.01); -moz-transform:scale(.01); -o-transform:scale(.01); transform:scale(.01)}}
@keyframes loader_dot{0%, 60%, 100% {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);} 30% {opacity:.1; -webkit-transform:scale(.01); -moz-transform:scale(.01); -o-transform:scale(.01); transform:scale(.01)}}

.container_loading.screen .loader_wrap{margin-left:-72px}

/* container_loading respon */
@media all and (max-width:1690px)
{
	.container_loading.screen,
	.container_loading.login{width:100%}
}