@charset "utf-8";
/********************************************************
//	MBCMS v4.0
//
//	Developped by MB Creation
//	copyright 2014
//	www.mb-creation.com
//	contact@mb-creation.com
********************************************************/

.circle_1, .circle_2, .circle_3 {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.loader_3c_1 {
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	opacity:0.9;
}

.loader_3c_1 .circle_1 {
	width:90px;
	height:90px;
	border:5px solid #ff8c06;
	
	-webkit-border-radius:90px;
	-moz-border-radius:90px;
	border-radius:90px;
	
	-webkit-box-shadow:0 0 10px 0px #ff8c06;
	-moz-box-shadow:0 0 10px 0px #ff8c06;
	-o-box-shadow:0 0 10px 0px #ff8c06;
	box-shadow:0 0 10px 0px #ff8c06;
	
	-webkit-animation:circle_1 1s infinite linear;
	-moz-animation:circle_1 1s infinite linear;
	-o-animation:circle_1 1s infinite linear;
	animation:circle_1 1s infinite linear;
}
.loader_3c_1 .circle_2 {
	width:70px;
	height:70px;
	border:5px solid rgba(0, 0, 0, 0);
	border-top:5px solid #ff8c06;
	border-bottom:5px solid #ff8c06;
	position:relative;
	top:-90px;
	left:10px;
	
	-webkit-border-radius:70px;
	-moz-border-radius:70px;
	border-radius:70px;
	
	-webkit-box-shadow:0 0 10px 0px #ff8c06;
	-moz-box-shadow:0 0 10px 0px #ff8c06;
	-o-box-shadow:0 0 10px 0px #ff8c06;
	box-shadow:0 0 10px 0px #ff8c06;
	
	-webkit-animation:circle_2 1s infinite ease-in-out;
	-moz-animation:circle_2 1s infinite ease-in-out;
	-o-animation:circle_2 1s infinite ease-in-out;
	animation:circle_2 1s infinite ease-in-out;
}
.loader_3c_1 .circle_3 {
	width:60px;
	height:60px;
	background-color:#ff8c06;
	position:relative;
	top:-160px;
	left:20px;
	
	-webkit-border-radius:65px;
	-moz-border-radius:65px;
	border-radius:65px;
	
	-webkit-box-shadow:0 0 10px 0px #ff8c06;
	-moz-box-shadow:0 0 10px 0px #ff8c06;
	-o-box-shadow:0 0 10px 0px #ff8c06;
	box-shadow:0 0 10px 0px #ff8c06;
	
	-webkit-animation:circle_3 1s infinite ease-in-out;
	-moz-animation:circle_3 1s infinite ease-in-out;
	-o-animation:circle_3 1s infinite ease-in-out;
	animation:circle_3 1s infinite ease-in-out;
}

@-webkit-keyframes circle_1 {
	0% {opacity:1}
	75% {opacity:0}
	83% {opacity:1}
	91% {opacity:0}
	100% {opacity:1}
}
@-moz-keyframes circle_1 {
	0% {opacity:1}
	75% {opacity:0}
	83% {opacity:1}
	91% {opacity:0}
	100% {opacity:1}
}
@-o-keyframes circle_1 {
	0% {opacity:1}
	75% {opacity:0}
	83% {opacity:1}
	91% {opacity:0}
	100% {opacity:1}
}
@keyframes circle_1 {
	0% {opacity:1}
	75% {opacity:0}
	83% {opacity:1}
	91% {opacity:0}
	100% {opacity:1}
}
@-webkit-keyframes circle_2 {
	0% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	25% {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	75% {
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg);
	}
	100% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}
@-moz-keyframes circle_2 {
	0% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	25% {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	75% {
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg);
	}
	100% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}
@-o-keyframes circle_2 {
	0% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	25% {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	75% {
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg);
	}
	100% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}
@keyframes circle_2 {
	0% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	25% {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	75% {
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg);
	}
	100% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}

@-webkit-keyframes circle_3 {
	0% {width:0px; height:0px; top:-130px; left:50px; opacity:0}
	25% {width:20px; height:20px; top:-140px; left:40px; opacity:0.3}
	50% {width:60px; height:60px; top:-160px; left:20px; opacity:1}
	75% {width:20px; height:20px; top:-140px; left:40px; opacity:0.3}
	100% {width:0px; height:0px; top:-130px; left:50px; opacity:0}
}
@-moz-keyframes circle_3 {
	0% {width:0px; height:0px; top:-130px; left:50px; opacity:0}
	25% {width:20px; height:20px; top:-140px; left:40px; opacity:0.3}
	50% {width:60px; height:60px; top:-160px; left:20px; opacity:1}
	75% {width:20px; height:20px; top:-140px; left:40px; opacity:0.3}
	100% {width:0px; height:0px; top:-130px; left:50px; opacity:0}
}
@-o-keyframes circle_3 {
	0% {width:0px; height:0px; top:-130px; left:50px; opacity:0}
	25% {width:20px; height:20px; top:-140px; left:40px; opacity:0.3}
	50% {width:60px; height:60px; top:-160px; left:20px; opacity:1}
	75% {width:20px; height:20px; top:-140px; left:40px; opacity:0.3}
	100% {width:0px; height:0px; top:-130px; left:50px; opacity:0}
}
@keyframes circle_3 {
	0% {width:0px; height:0px; top:-130px; left:50px; opacity:0}
	25% {width:20px; height:20px; top:-140px; left:40px; opacity:0.3}
	50% {width:60px; height:60px; top:-160px; left:20px; opacity:1}
	75% {width:20px; height:20px; top:-140px; left:40px; opacity:0.3}
	100% {width:0px; height:0px; top:-130px; left:50px; opacity:0}
}




.loader_3c_2 {
	width:45px;
	margin:-25px 0 0 -25px;
	opacity:0.9;
}

.loader_3c_2 .circle_1 {
	width:45px;
	height:45px;
	border:2px solid #ff8c06;
	
	-webkit-border-radius:45px;
	-moz-border-radius:45px;
	border-radius:45px;
	
	-webkit-box-shadow:0 0 5px 0px #ff8c06;
	-moz-box-shadow:0 0 5px 0px #ff8c06;
	-o-box-shadow:0 0 5px 0px #ff8c06;
	box-shadow:0 0 5px 0px #ff8c06;
	
	-webkit-animation:circle_2_1 1s infinite linear;
	-moz-animation:circle_2_1 1s infinite linear;
	-o-animation:circle_2_1 1s infinite linear;
	animation:circle_2_1 1s infinite linear;
}
.loader_3c_2 .circle_2 {
	width:35px;
	height:35px;
	border:2px solid rgba(0, 0, 0, 0);
	border-top:2px solid #ff8c06;
	border-bottom:2px solid #ff8c06;
	position:relative;
	top:-44px;
	left:5px;
	
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	
	-webkit-box-shadow:0 0 5px 0px #ff8c06;
	-moz-box-shadow:0 0 5px 0px #ff8c06;
	-o-box-shadow:0 0 5px 0px #ff8c06;
	box-shadow:0 0 5px 0px #ff8c06;
	
	-webkit-animation:circle_2_2 1s infinite ease-in-out;
	-moz-animation:circle_2_2 1s infinite ease-in-out;
	-o-animation:circle_2_2 1s infinite ease-in-out;
	animation:circle_2_2 1s infinite ease-in-out;
}
.loader_3c_2 .circle_3 {
	width:30px;
	height:30px;
	background-color:#ff8c06;
	position:relative;
	top:-78px;
	left:9px;
	
	-webkit-border-radius:32px;
	-moz-border-radius:32px;
	border-radius:32px;
	
	-webkit-box-shadow:0 0 5px 0px #ff8c06;
	-moz-box-shadow:0 0 5px 0px #ff8c06;
	-o-box-shadow:0 0 5px 0px #ff8c06;
	box-shadow:0 0 5px 0px #ff8c06;
	
	-webkit-animation:circle_2_3 1s infinite ease-in-out;
	-moz-animation:circle_2_3 1s infinite ease-in-out;
	-o-animation:circle_2_3 1s infinite ease-in-out;
	animation:circle_2_3 1s infinite ease-in-out;
}

@-webkit-keyframes circle_2_1 {
	0% {opacity:1}
	75% {opacity:0}
	83% {opacity:1}
	91% {opacity:0}
	100% {opacity:1}
}
@-moz-keyframes circle_2_1 {
	0% {opacity:1}
	75% {opacity:0}
	83% {opacity:1}
	91% {opacity:0}
	100% {opacity:1}
}
@-o-keyframes circle_2_1 {
	0% {opacity:1}
	75% {opacity:0}
	83% {opacity:1}
	91% {opacity:0}
	100% {opacity:1}
}
@keyframes circle_2_1 {
	0% {opacity:1}
	75% {opacity:0}
	83% {opacity:1}
	91% {opacity:0}
	100% {opacity:1}
}

@-webkit-keyframes circle_2_2 {
	0% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	25% {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	75% {
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg);
	}
	100% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}
@-moz-keyframes circle_2_2 {
	0% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	25% {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	75% {
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg);
	}
	100% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}
@-o-keyframes circle_2_2 {
	0% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	25% {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	75% {
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg);
	}
	100% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}
@keyframes circle_2_2 {
	0% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	25% {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	75% {
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg);
	}
	100% {
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}

@-webkit-keyframes circle_2_3 {
	0% {width:0px; height:0px; top:-65px; left:23px; opacity:0}
	25% {width:10px; height:10px; top:-68px; left:19px; opacity:0.3}
	50% {width:30px; height:30px; top:-78px; left:9px; opacity:1}
	75% {width:10px; height:10px; top:-68px; left:19px; opacity:0.3}
	100% {width:0px; height:0px; top:-65px; left:23px; opacity:0}
}
@-moz-keyframes circle_2_3 {
	0% {width:0px; height:0px; top:-65px; left:23px; opacity:0}
	25% {width:10px; height:10px; top:-68px; left:19px; opacity:0.3}
	50% {width:30px; height:30px; top:-78px; left:9px; opacity:1}
	75% {width:10px; height:10px; top:-68px; left:19px; opacity:0.3}
	100% {width:0px; height:0px; top:-65px; left:23px; opacity:0}
}
@-o-keyframes circle_2_3 {
	0% {width:0px; height:0px; top:-65px; left:23px; opacity:0}
	25% {width:10px; height:10px; top:-68px; left:19px; opacity:0.3}
	50% {width:30px; height:30px; top:-78px; left:9px; opacity:1}
	75% {width:10px; height:10px; top:-68px; left:19px; opacity:0.3}
	100% {width:0px; height:0px; top:-65px; left:23px; opacity:0}
}
@keyframes circle_2_3 {
	0% {width:0px; height:0px; top:-65px; left:23px; opacity:0}
	25% {width:10px; height:10px; top:-68px; left:19px; opacity:0.3}
	50% {width:30px; height:30px; top:-78px; left:9px; opacity:1}
	75% {width:10px; height:10px; top:-68px; left:19px; opacity:0.3}
	100% {width:0px; height:0px; top:-65px; left:23px; opacity:0}
}
