@charset "utf-8";
/* CSS Document */
.load_container {
	width: 80px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -40px;
	font-size: 0px;
}

.load_container > div {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	border-radius: 100%;
	border: solid 6px #7e7e7e;
}

.load_container > .load_r {
	left: 37px;
}
.load_container > .load_l {
	left: 3px;
}

.load_container > div > div {
	display: block;
	width: 40px;
	height: 20px;
	position: absolute;	
	left: -6px;
	overflow: hidden;
	z-index: 10;
}

.load_container > div > .load_top {
	top: -6px;
}

.load_container > div > .load_bot {
	bottom: -6px;
}

.load_container > div > .load_top > div {
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;	
	left: 1px;
	top: 1px;
	border-radius: 100%;
	border-left: solid 4px transparent;
	border-right: solid 4px transparent;
	border-bottom: solid 4px transparent;
	border-top: solid 4px #3d3d3d;
	opacity: 1;	
}

.load_container > div > .load_bot > div {
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;	
	left: 1px;
	bottom: 1px;
	border-radius: 100%;
	border-left: solid 4px transparent;
	border-right: solid 4px transparent;
	border-top: solid 4px transparent;
	border-bottom: solid 4px #3d3d3d;
	opacity: 1;	
}

.load_container > .load_l > .load_top > div {
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);		
	-o-transform: rotate(45deg);
    transform: rotate(45deg);
	-webkit-animation: rot_l 2s linear infinite;
	-moz-animation: rot_l 2s linear infinite;
	animation: rot_l 2s linear infinite;
}

@keyframes rot_l {
    0%   {		
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);		
		-o-transform: rotate(45deg);
		transform: rotate(45deg);		
	}	
	100% {		
		-ms-transform: rotate(405deg);
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);		
		-o-transform: rotate(405deg);
		transform: rotate(405deg);		
	}
}

@-webkit-keyframes rot_l {
    0%   {
		-webkit-transform: rotate(45deg);		
		transform: rotate(45deg);		
	}	
	100% {
		-webkit-transform: rotate(405deg);		
		transform: rotate(405deg);		
	}
}

@-moz-keyframes rot_l {
    0%   {		
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);		
	}	
	100% {
		-moz-transform: rotate(405deg);
		transform: rotate(405deg);		
	}
}

.load_container > .load_l > .load_bot > div {
	-ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);		
	-o-transform: rotate(-135deg);
    transform: rotate(-135deg);
	-webkit-animation: rot_lb 2s linear infinite;
	-moz-animation: rot_lb 2s linear infinite;
	animation: rot_lb 2s linear infinite;
}

@keyframes rot_lb {
    0%   {		
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);		
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);		
	}	
	100% {		
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);		
		-o-transform: rotate(225deg);
		transform: rotate(225deg);		
	}
}

@-webkit-keyframes rot_lb {
    0%   {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);		
	}	
	100% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);		
	}
}

@-moz-keyframes rot_lb {
    0%   {
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);		
	}	
	100% {
		-moz-transform: rotate(225deg);
		transform: rotate(225deg);		
	}
}

.load_container > .load_r > .load_bot > div {
	-ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);		
	-o-transform: rotate(135deg);
    transform: rotate(135deg);
	-webkit-animation: rot_r 2s linear infinite;
	-moz-animation: rot_r 2s linear infinite;
	animation: rot_r 2s linear infinite;
}

@keyframes rot_r {
    0%   {		
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);		
		-o-transform: rotate(135deg);
		transform: rotate(135deg);		
	}	
	100% {		
		-ms-transform: rotate(-225deg);
		-webkit-transform: rotate(-225deg);
		-moz-transform: rotate(-225deg);		
		-o-transform: rotate(-225deg);
		transform: rotate(-225deg);		
	}
}

@-webkit-keyframes rot_r {
    0%   {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);		
	}	
	100% {
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg);		
	}
}

@-moz-keyframes rot_r {
    0%   {
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);		
	}	
	100% {	
		-moz-transform: rotate(-225deg);
		transform: rotate(-225deg);		
	}
}

.load_container > .load_r > .load_top > div {
	-ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);		
	-o-transform: rotate(315deg);
    transform: rotate(315deg);
	-webkit-animation: rot_rb 2s linear infinite;
	-moz-animation: rot_rb 2s linear infinite;
	animation: rot_rb 2s linear infinite;
}

@keyframes rot_rb {
    0%   {		
		-ms-transform: rotate(315deg);
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);		
		-o-transform: rotate(315deg);
		transform: rotate(315deg);		
	}	
	100% {		
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);		
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);		
	}
}

@-webkit-keyframes rot_rb {
    0%   {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);		
	}	
	100% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);		
	}
}

@-moz-keyframes rot_rb {
    0%   {
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);		
	}	
	100% {	
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);		
	}
}

.load_container > .load_l > .load_bot {
	opacity: 0;
	-webkit-animation: rot_1 4s linear infinite;
	-moz-animation: rot_1 4s linear infinite;
	animation: rot_1 4s linear infinite;
}

@keyframes rot_1 {
    0%   {		
		opacity: 0;		
	}
	49%   {		
		opacity: 0;		
	}
	50%   {		
		opacity: 1;		
	}
	100% {		
		opacity: 1;		
	}
}

@-webkit-keyframes rot_1 {
    0%   {		
		opacity: 0;		
	}
	49%   {		
		opacity: 0;		
	}
	50%   {		
		opacity: 1;		
	}
	100% {		
		opacity: 1;		
	}
}

@-moz-keyframes rot_1 {
    0%   {		
		opacity: 0;		
	}
	49%   {		
		opacity: 0;		
	}
	50%   {		
		opacity: 1;		
	}
	100% {		
		opacity: 1;		
	}
}

.load_container > .load_r > .load_top {
	opacity: 0;
	-webkit-animation: rot_2 4s linear infinite;
	-moz-animation: rot_2 4s linear infinite;
	animation: rot_2 4s linear infinite;
}

@keyframes rot_2 {
    0%   {		
		opacity: 0;		
	}
	24%   {		
		opacity: 0;		
	}
	25%   {		
		opacity: 1;		
	}
	74%   {		
		opacity: 1;		
	}
	75%   {		
		opacity: 0;		
	}
	100% {		
		opacity: 0;		
	}
}

@-webkit-keyframes rot_2 {
    0%   {		
		opacity: 0;		
	}
	24%   {		
		opacity: 0;		
	}
	25%   {		
		opacity: 1;		
	}
	74%   {		
		opacity: 1;		
	}
	75%   {		
		opacity: 0;		
	}
	100% {		
		opacity: 0;		
	}
}

@-moz-keyframes rot_2 {
    0%   {		
		opacity: 0;		
	}
	24%   {		
		opacity: 0;		
	}
	25%   {		
		opacity: 1;		
	}
	74%   {		
		opacity: 1;		
	}
	75%   {		
		opacity: 0;		
	}
	100% {		
		opacity: 0;		
	}
}

.load_container > .load_l > .load_top {
	opacity: 1;
	-webkit-animation: rot_3 4s linear infinite;
	-moz-animation: rot_3 4s linear infinite;
	animation: rot_3 4s linear infinite;
}

@keyframes rot_3 {
    0%   {		
		opacity: 1;		
	}
	24%   {		
		opacity: 1;		
	}
	25%   {		
		opacity: 0;		
	}
	74%   {		
		opacity: 0;		
	}
	75%   {		
		opacity: 1;		
	}
	100% {		
		opacity: 1;		
	}
}

@-webkit-keyframes rot_3 {
    0%   {		
		opacity: 1;		
	}
	24%   {		
		opacity: 1;		
	}
	25%   {		
		opacity: 0;		
	}
	74%   {		
		opacity: 0;		
	}
	75%   {		
		opacity: 1;		
	}
	100% {		
		opacity: 1;		
	}
}

@-moz-keyframes rot_3 {
    0%   {		
		opacity: 1;		
	}
	24%   {		
		opacity: 1;		
	}
	25%   {		
		opacity: 0;		
	}
	74%   {		
		opacity: 0;		
	}
	75%   {		
		opacity: 1;		
	}
	100% {		
		opacity: 1;		
	}
}

.load_container > .load_r > .load_bot {
	opacity: 1;
	-webkit-animation: rot_4 4s linear infinite;
	-moz-animation: rot_4 4s linear infinite;
	animation: rot_4 4s linear infinite;
}

@keyframes rot_4 {
    0%   {		
		opacity: 1;		
	}
	49%   {		
		opacity: 1;		
	}
	50%   {		
		opacity: 0;		
	}	
	100% {		
		opacity: 0;		
	}
}

@-webkit-keyframes rot_4 {
    0%   {		
		opacity: 1;		
	}
	49%   {		
		opacity: 1;		
	}
	50%   {		
		opacity: 0;		
	}	
	100% {		
		opacity: 0;		
	}
}

@-moz-keyframes rot_4 {
    0%   {		
		opacity: 1;		
	}
	49%   {		
		opacity: 1;		
	}
	50%   {		
		opacity: 0;		
	}	
	100% {		
		opacity: 0;		
	}
}