.gear_medium {
	width: 100px;
	height: 100px;
	position: absolute; 
    background-repeat: no-repeat;
    background-position: center;
}

.gear_medium_bg {
	background-image: url('images/gear_medium2.png');
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
}

.gear_medium_text {
	text-align: center;
	line-height: 100px;
	position: absolute;
	height: 100%;
	width: 100%;
}

.gear_medium_rotate_clockwise {
	-moz-animation: 4s rotate infinite linear  ;
	-moz-transform-origin: 50% 50%; 
	-webkit-animation: 4s rotate_clockwise infinite linear  ;
	-webkit-transform-origin: 50% 50%; 
}

.gear_medium_rotate_counterclockwise {
	-moz-animation: 4s rotate infinite linear  ;
	-moz-transform-origin: 50% 50%; 
	-webkit-animation: 4s rotate_counterclockwise infinite linear  ;
	-webkit-transform-origin: 50% 50%; 
}

.gear_big {
	width: 148px;
	height: 148px;
	position: absolute; 
    background-repeat: no-repeat;
    background-position: center;
}

.gear_big_bg {
	background-image: url('images/gear_big2.png');
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
}

.gear_big_text {
	text-align: center;
	line-height: 148px;
	position: absolute;
	height: 100%;
	width: 100%;
}

.gear_big_rotate_clockwise {
	-moz-animation: 6s rotate infinite linear  ;
	-moz-transform-origin: 50% 50%; 
	-webkit-animation: 6s rotate_clockwise infinite linear  ;
	-webkit-transform-origin: 50% 50%; 
}

.gear_big_rotate_counterclockwise {
	-moz-animation: 6s rotate infinite linear  ;
	-moz-transform-origin: 50% 50%; 
	-webkit-animation: 6s rotate_counterclockwise infinite linear  ;
	-webkit-transform-origin: 50% 50%; 
}

.gear_small {
	width: 53px	;
	height: 53px;
	position: absolute; 
}

.gear_small_bg {
	background-image: url('images/gear_small2.png');
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
}

.gear_small_rotate_clockwise {
	-moz-animation: 2s rotate infinite linear  ;
	-moz-transform-origin: 50% 50%; 
	-webkit-animation: 2s rotate_clockwise infinite linear  ;
	-webkit-transform-origin: 50% 50%; 
}

.gear_small_rotate_counterclockwise {
	-moz-animation: 2s rotate infinite linear  ;
	-moz-transform-origin: 50% 50%; 
	-webkit-animation: 2s rotate_counterclockwise infinite linear  ;
	-webkit-transform-origin: 50% 50%; 
}

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

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

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

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