//Colors

@color1: #596c7c; //slate
@color2: #d1d8de; //bluish gray
@color3: #e9edf0; //bluish gray
@color4: #f7f9fa; //lighter bluish gray

//Measurements

@eventWidth: 1600px;
@countEvent: 39;
@periodLenth: 200px;

//Mixins

.border-radius(@radius) {
  	-webkit-border-radius: @radius;
		-moz-border-radius: @radius;
		-o-border-radius: @radius;
		border-radius: @radius;
}

.box-shadow (@shadow1, @shadow2: transparent 0 0 0, @shadow3: transparent 0 0 0, @shadow4: transparent 0 0 0, @shadow5: transparent 0 0 0, @shadow6: transparent 0 0 0) {
		-webkit-box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
		-moz-box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
		box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
}

.2-color-gradient (@colorStart, @colorEnd, @position1: 0%, @position2: 100%, @angle: 90deg, @oldangle1: left top, @oldangle2: right bottom, @iegradtype: 0) {
		background-color: @colorStart; /* Old browsers */
		background-image: -moz-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*FF3.6+ */
		background-image: -webkit-gradient(@angle, @oldangle1, @oldangle2, color-stop(@position1, @colorStart), color-stop(@position2, @colorEnd)); /*Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*IE10+ */
		background-image: linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /* W3C */
		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colorEnd}', endColorstr='@{colorStart}', GradientType='@{iegradtype}' )"; /* IE6-9 */
}

.opacity (@opacity, @ieopacity) {
		opacity: @opacity;
		filter: "alpha(opacity=@{ieopacity})";
  		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{ieopacity})";
}

.transition (@transition) {
		-webkit-transition: @transition;
		-moz-transition: @transition;
		-ms-transition: @transition;
		-o-transition: @transition;
}

.transform (@transform) {
		-webkit-transform: @transform;
		-moz-transform: @transform;
		-ms-transform: @transform;
		-o-transform: @transform;
}

.transform-origin (@originx, @originy) {
		-webkit-transform-origin: @originx @originy;
		-moz-transform-origin: @originx @originy;
		-ms-transform-origin: @originx @originy;
		-o-transform-origin: @originx @originy;
}

//CSS

* {
		margin: 0;
		padding: 0;
		list-style: none;
		-webkit-font-smoothing: antialiased;
}

p {
  	color: @color1;
		//font-family: helvetica, arial, san-serif;
		font-size: 0.875em;
		font-weight: normal;
		text-shadow: 0 1px #ffffff;
}

#history {
  	display: block;
  	position: relative;
		//margin: 50px auto;
  	text-align: center;
}




#timeline_track { 
		display: block;
		position: relative;
  	margin: 0 auto;
		width: 6px;
		height: @countEvent* @periodLenth;
		background-color: @color3;
//LESS Mixins
		.border-radius (3px);
		.box-shadow (0 2px 2px rgba(0,0,0,0.25) inset);
}

#historic_event_1, #historic_event_2, #historic_event_3, #historic_event_4, #historic_event_5, #historic_event_6, #historic_event_7, #historic_event_8, #historic_event_9, #historic_event_10,
#historic_event_11, #historic_event_12, #historic_event_13, #historic_event_14, #historic_event_15, #historic_event_16, #historic_event_17, #historic_event_18, #historic_event_19, #historic_event_20,
#historic_event_21, #historic_event_22, #historic_event_23, #historic_event_24, #historic_event_25, #historic_event_26, #historic_event_27, #historic_event_28, #historic_event_29, #historic_event_30, 
#historic_event_31, #historic_event_32, #historic_event_33, #historic_event_34, #historic_event_35, #historic_event_36, #historic_event_37, #historic_event_38, #historic_event_39
{
		display: table;
		position: absolute;
        width: @eventWidth;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		width: 100%;
        overflow-y: auto;
        _overflow: auto;
//LESS Mixins
		.opacity (.50, 50);
		.transition (opacity 600ms ease);
}

#historic_event_1:hover, #historic_event_1.current,
#historic_event_2:hover, #historic_event_2.current, 
#historic_event_3:hover, #historic_event_3.current,
#historic_event_4:hover, #historic_event_4.current, 
#historic_event_5:hover, #historic_event_5.current,
#historic_event_6:hover, #historic_event_6.current,
#historic_event_7:hover, #historic_event_7.current,
#historic_event_8.hover, #historic_event_8.current, 
#historic_event_9:hover, #historic_event_9.current, 
#historic_event_10:hover, #historic_event_10.current,
#historic_event_11:hover, #historic_event_11.current,
#historic_event_12:hover, #historic_event_12.current,
#historic_event_13:hover, #historic_event_13.current, 
#historic_event_14:hover, #historic_event_14.current,
#historic_event_15:hover, #historic_event_15.current,
#historic_event_16:hover, #historic_event_16.current, 
#historic_event_17:hover, #historic_event_17.current, 
#historic_event_18:hover, #historic_event_18.current,
#historic_event_19:hover, #historic_event_19.current,
#historic_event_20:hover, #historic_event_20.current,
#historic_event_21:hover, #historic_event_21.current, 
#historic_event_22:hover, #historic_event_22.current,
#historic_event_23:hover, #historic_event_23.current,
#historic_event_24:hover, #historic_event_24.current,
#historic_event_25:hover, #historic_event_25.current, 
#historic_event_26:hover, #historic_event_26.current, 
#historic_event_27:hover, #historic_event_27.current, 
#historic_event_28:hover, #historic_event_28.current, 
#historic_event_29:hover, #historic_event_29.current, 
#historic_event_30:hover, #historic_event_30.current, 
#historic_event_31:hover, #historic_event_31:current, 
#historic_event_32.hover, #historic_event_32.current,
#historic_event_33.hover, #historic_event_33.current,
#historic_event_34.hover, #historic_event_34.current,
#historic_event_35.hover, #historic_event_35.current,
#historic_event_36.hover, #historic_event_36.current,
#historic_event_37.hover, #historic_event_37.current,
#historic_event_38.hover, #historic_event_38.current,
#historic_event_39.hover, #historic_event_39.current

{
//LESS Mixins
		.opacity (1.0, 100);
}

#historic_event_39 {
	top:@periodLenth* @countEvent - @periodLenth*38.5-20;
}

#historic_event_38 {
	top:@periodLenth* @countEvent - @periodLenth*37.5-20;
}

#historic_event_37 {
	top:@periodLenth* @countEvent - @periodLenth*36.5-20;
}

#historic_event_36 {
	top:@periodLenth* @countEvent - @periodLenth*35.5-20;
}

#historic_event_35 {
	top:@periodLenth* @countEvent - @periodLenth*34.5-20;
}

#historic_event_34 {
	top:@periodLenth* @countEvent - @periodLenth*33.5-20;
}

#historic_event_33 {
	top:@periodLenth* @countEvent - @periodLenth*32.5-20;
}

#historic_event_32 {
	top:@periodLenth* @countEvent - @periodLenth*31.5-20;
}

#historic_event_31 {
	top:@periodLenth* @countEvent - @periodLenth*30.5-20;
}

#historic_event_30 {
	top:@periodLenth* @countEvent - @periodLenth*29.5-20;
}
#historic_event_29 {
	top:@periodLenth* @countEvent - @periodLenth*28.5-20;
}
#historic_event_28 {
	top:@periodLenth* @countEvent - @periodLenth*27.5-20;
}
#historic_event_27 {
	top:@periodLenth* @countEvent - @periodLenth*26.5-20;
}
#historic_event_26 {
	top:@periodLenth* @countEvent - @periodLenth*25.5-20;
}
#historic_event_25 {
	top:@periodLenth* @countEvent - @periodLenth*24.5-20;
}
#historic_event_24 {
	top:@periodLenth* @countEvent - @periodLenth*23.5-30;
}
#historic_event_23 {
	top:@periodLenth* @countEvent - @periodLenth*22.5-75;
}
#historic_event_22 {
	top:@periodLenth* @countEvent - @periodLenth*21.5-50;
}
#historic_event_21 {
	top:@periodLenth* @countEvent - @periodLenth*20.5-50;
}
#historic_event_20 {
	top:@periodLenth* @countEvent - @periodLenth*19.5-50;
}
#historic_event_19 {
	top:@periodLenth* @countEvent - @periodLenth*18.5-30;
}
#historic_event_18 {
	top:@periodLenth* @countEvent - @periodLenth*17.5-50;
}
#historic_event_17 {
	top:@periodLenth* @countEvent - @periodLenth*16.5-30;
}
#historic_event_16 {
	top:@periodLenth* @countEvent - @periodLenth*15.5-50;
}
#historic_event_15 {
	top:@periodLenth* @countEvent - @periodLenth*14.5-30;
}
#historic_event_14 {
	top:@periodLenth* @countEvent - @periodLenth*13.5-50;
}
#historic_event_13 {
	top:@periodLenth* @countEvent - @periodLenth*12.5-30;
}
#historic_event_12 {
	top:@periodLenth* @countEvent - @periodLenth*11.5-50;
}
#historic_event_11 {
	top:@periodLenth* @countEvent - @periodLenth*10.5-80;
}
#historic_event_10 {
	top:@periodLenth* @countEvent - @periodLenth*9.5-50;
}
#historic_event_9 {
	top:@periodLenth* @countEvent - @periodLenth*8.5-30;
}
#historic_event_8 {
	top:@periodLenth* @countEvent - @periodLenth*7.5-30;
}
#historic_event_7 {
	top:@periodLenth* @countEvent - @periodLenth*6.5-30;
}
#historic_event_6 {
	top:@periodLenth* @countEvent - @periodLenth*5.5-50;
}
#historic_event_5 {
	top:@periodLenth* @countEvent - @periodLenth*4.5-30;
}
#historic_event_4 {
	top:@periodLenth* @countEvent - @periodLenth*3.5-50;
}
#historic_event_3 {
	top:@periodLenth* @countEvent - @periodLenth*2.5-30;
}
#historic_event_2 {
	top:@periodLenth* @countEvent - @periodLenth*1.5-50;
}
#historic_event_1 {
	top:@periodLenth* @countEvent - @periodLenth*0.5-30;
}
.historic_year {
	display: table-cell;
	vertical-align: middle;
  	width: 45%;
  	text-align: center;
}

#historic_text_1, #historic_text_2, #historic_text_3, #historic_text_4, #historic_text_5, #historic_text_6, #historic_text_7, #historic_text_8, #historic_text_9, #historic_text_10, 
#historic_text_11, #historic_text_12, #historic_text_13, #historic_text_14, #historic_text_15, #historic_text_16, #historic_text_17, #historic_text_18, #historic_text_19, #historic_text_20, 
#historic_text_21, #historic_text_22, #historic_text_23, #historic_text_24, #historic_text_25, #historic_text_26, #historic_text_27, #historic_text_28, #historic_text_29, #historic_text_30, 
#historic_text_31, #historic_text_32, #historic_text_33, #historic_text_34, #historic_text_35, #historic_text_36, #historic_text_37, #historic_text_38, #historic_text_39
{
	display: table-cell;
	vertical-align: middle;
  	width: 45%;
}

.historic_dot_wrapper {
	display: table-cell;
	vertical-align: middle;
  	width: 10%;
  	text-align: center;
}

.historic_dot {
    display: block;
    position: relative;
	width: 14px;
	height: 14px;
    margin: 0 auto;
	background-color: @color3;
	cursor: pointer;
	z-index: 100;
//LESS Mixins
		.border-radius (100%);
		.box-shadow (0 0 0 1px @color2 inset, 0 2px 0 #ffffff inset, 0 2px 0 @color2);
}

#historic_event_1:hover #historic_dot_1, 
#historic_event_2:hover #historic_dot_2, 
#historic_event_3:hover #historic_dot_3, 
#historic_event_4:hover #historic_dot_4, 
#historic_event_5:hover #historic_dot_5, 
#historic_event_6:hover #historic_dot_6, 
#historic_event_7:hover #historic_dot_7, 
#historic_event_8:hover #historic_dot_8, 
#historic_event_9:hover #historic_dot_9, 
#historic_event_10:hover #historic_dot_10, 
#historic_event_11:hover #historic_dot_11, 
#historic_event_12:hover #historic_dot_12, 
#historic_event_13:hover #historic_dot_13, 
#historic_event_14:hover #historic_dot_14, 
#historic_event_15:hover #historic_dot_15, 
#historic_event_16:hover #historic_dot_16, 
#historic_event_17:hover #historic_dot_17, 
#historic_event_18:hover #historic_dot_18,
#historic_event_19:hover #historic_dot_19, 
#historic_event_20:hover #historic_dot_20, 
#historic_event_21:hover #historic_dot_21, 
#historic_event_22:hover #historic_dot_22,
#historic_event_23:hover #historic_dot_23,
#historic_event_24:hover #historic_dot_24, 
#historic_event_25:hover #historic_dot_25, 
#historic_event_26:hover #historic_dot_26,
#historic_event_27:hover #historic_dot_27,
#historic_event_28:hover #historic_dot_28,
#historic_event_29:hover #historic_dot_29,
#historic_event_30:hover #historic_dot_30,
#historic_event_31:hover #historic_dot_31,
#historic_event_32:hover #historic_dot_32,
#historic_event_33:hover #historic_dot_33,
#historic_event_34:hover #historic_dot_34,
#historic_event_35:hover #historic_dot_35,
#historic_event_36:hover #historic_dot_36,
#historic_event_37:hover #historic_dot_37,
#historic_event_38:hover #historic_dot_38,
#historic_event_39:hover #historic_dot_39

{
//LESS Mixin
		.transform (scale(1.15) translate3d(0,0,0));
}

#historic_dot_1, #historic_dot_2, #historic_dot_3, #historic_dot_4, #historic_dot_5, #historic_dot_6, #historic_dot_7, #historic_dot_8, #historic_dot_9, #historic_dot_10, 
#historic_dot_11, #historic_dot_12, #historic_dot_13, #historic_dot_14, #historic_dot_15, #historic_dot_16, #historic_dot_17, #historic_dot_18, #historic_dot_19, #historic_dot_20, 
#historic_dot_21, #historic_dot_22, #historic_dot_23, #historic_dot_24, #historic_dot_25, #historic_dot_26, #historic_dot_27, #historic_dot_28, #historic_dot_29, #historic_dot_30,
#historic_dot_31, #historic_dot_32, #historic_dot_33, #historic_dot_34, #historic_dot_35, #historic_dot_36, #historic_dot_37, #historic_dot_38, #historic_dot_39
{
		display: block;
		position: relative;
  	margin: 0 auto;
  	left: 0px;
}

#history_clock {
		display: block;
		position: absolute;
		top: 900px;
		left: 50%;
  	margin-left: -17px;
		width: 34px;
		height: 34px;
		background-color: @color4;
		z-index: 200;
//LESS Mixins
		.border-radius (100%);
		.box-shadow (0 0 0 1px @color2 inset, 0 2px 0 #ffffff inset, 0 2px 0 @color2);
		.transition (top 1s cubic-bezier(0.645, 0.045, 0.355, 1.000));
}


#clockface {
		display: block;
		position: relative;
		top: 4px;
		left: 4px;
		width: 26px;
		height: 27px;
//LESS Mixins
		.border-radius (100%);
		.2-color-gradient (@color1, darken(@color1, 13%), 25%, 75%);
		.box-shadow (0 0 0 1px @color2, 0 0 20px rgba(0,0,0,0.25) inset);
}


#history_clock.animate39 {
		top:@periodLenth* @countEvent - @periodLenth*39.5;   
}

#history_clock.animate38 {
		top:@periodLenth* @countEvent - @periodLenth*38.5;   
}

#history_clock.animate37 {
		top:@periodLenth* @countEvent - @periodLenth*37.5;   
}

#history_clock.animate36 {
		top:@periodLenth* @countEvent - @periodLenth*36.5;   
}

#history_clock.animate35 {
		top:@periodLenth* @countEvent - @periodLenth*35.5;   
}

#history_clock.animate34 {
		top:@periodLenth* @countEvent - @periodLenth*34.5;   
}

#history_clock.animate33 {
		top:@periodLenth* @countEvent - @periodLenth*33.5;   
}
#history_clock.animate32 {
		top:@periodLenth* @countEvent - @periodLenth*32.5;    
}

#history_clock.animate31 {
		top:@periodLenth* @countEvent - @periodLenth*31.5;    
}
#history_clock.animate30 {
		top:@periodLenth* @countEvent - @periodLenth*30.5;    
}
#history_clock.animate29 {
		top:@periodLenth* @countEvent - @periodLenth*29.5;    
}
#history_clock.animate28 {
		top:@periodLenth* @countEvent - @periodLenth*28.5;    
}
#history_clock.animate27 {
		top:@periodLenth* @countEvent - @periodLenth*27.5;
}
#history_clock.animate26{
		top:@periodLenth* @countEvent - @periodLenth*26.5;    
}
#history_clock.animate25 {
		top:@periodLenth* @countEvent - @periodLenth*25.5;
}

#history_clock.animate24 {
		top:@periodLenth* @countEvent - @periodLenth*24.5;
}
#history_clock.animate23 {
		top:@periodLenth* @countEvent - @periodLenth*23.5;
}
#history_clock.animate22 {
		top:@periodLenth* @countEvent - @periodLenth*22.5;
}

#history_clock.animate21 {
		top:@periodLenth* @countEvent - @periodLenth*21.5;
}

#history_clock.animate20 {
		top:@periodLenth* @countEvent - @periodLenth*20.5;    
}
#history_clock.animate19 {
		top:@periodLenth* @countEvent - @periodLenth*19.5;    
}
#history_clock.animate18 {
		top:@periodLenth* @countEvent - @periodLenth*18.5;    
}
#history_clock.animate17 {
		top:@periodLenth* @countEvent - @periodLenth*17.5;
}
#history_clock.animate16{
		top:@periodLenth* @countEvent - @periodLenth*16.5;    
}
#history_clock.animate15 {
		top:@periodLenth* @countEvent - @periodLenth*15.5;
}
#history_clock.animate14 {
		top:@periodLenth* @countEvent - @periodLenth*14.5;
}
#history_clock.animate13 {
		top:@periodLenth* @countEvent - @periodLenth*13.5;
}
#history_clock.animate12 {
		top:@periodLenth* @countEvent - @periodLenth*12.5;
}

#history_clock.animate11 {
		top:@periodLenth* @countEvent - @periodLenth*11.5;
}
#history_clock.animate10 {
		top:@periodLenth* @countEvent - @periodLenth*10.5;    
}
#history_clock.animate9 {
		top:@periodLenth* @countEvent - @periodLenth*9.5;    
}
#history_clock.animate8 {
		top:@periodLenth* @countEvent - @periodLenth*8.5;    
}
#history_clock.animate7 {
		top:@periodLenth* @countEvent - @periodLenth*7.5;
}
#history_clock.animate6{
		top:@periodLenth* @countEvent - @periodLenth*6.5;    
}
#history_clock.animate5 {
		top:@periodLenth* @countEvent - @periodLenth*5.5;
}

#history_clock.animate4 {
		top:@periodLenth* @countEvent - @periodLenth*4.5;
}
#history_clock.animate3 {
		top:@periodLenth* @countEvent - @periodLenth*3.5;
}
#history_clock.animate2 {
		top:@periodLenth* @countEvent - @periodLenth*2.5;
}

#history_clock.animate1 {
		top:@periodLenth* @countEvent - @periodLenth*1.5;
}


#clockglare {
		display: block;
		position: absolute;
		top: 2px;
		left: 5px;
		width: 16px;
		height: 8px;
//LESS Mixins
		.border-radius (100%);
		.2-color-gradient (rgba(255,255,255,0), rgba(255,255,255,.40), 0%, 100%);
}

#clockarm_1, #clockarm_2 {
//LESS Mixins
		.transition (all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000));
}

#clockarm_1 {
		display: block;
		position: absolute;
		top: 4px;
		left: 12px;
		width: 2px;
		height: 10px;
		background-color: #ffffff;
		z-index: 10;
//LESS Mixins
		.border-radius (1px);
		.box-shadow (0 0 1px rgba(0,0,0,0.75));
		.transform-origin (50%, 10px);
}

#clockarm_2 {
		display: block;
		position: absolute;
		top: 6px;
		left: 12px;
		width: 2px;
		height: 9px;
		background-color: #ffffff;
		z-index: 20;
//LESS Mixins
		.border-radius (1px);
		.box-shadow (0 0 1px rgba(0,0,0,0.75));
		.transform (rotate(0.25turn) translate3d(0,0,0));
		.transform-origin (50%, 8px);
}

#history_clock.animate1 #clockarm_1 {.transform (rotate(02.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate1 #clockarm_2 {.transform (rotate(02.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate2 #clockarm_1 {.transform (rotate(04.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate2 #clockarm_2 {.transform (rotate(04.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate3 #clockarm_1 {.transform (rotate(07.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate3 #clockarm_2 {.transform (rotate(07.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate4 #clockarm_1 {.transform (rotate(08.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate4 #clockarm_2 {.transform (rotate(08.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate5 #clockarm_1 {.transform (rotate(10.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate5 #clockarm_2 {.transform (rotate(10.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate6 #clockarm_1 {.transform (rotate(11.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate6 #clockarm_2 {.transform (rotate(11.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate7 #clockarm_1 {.transform (rotate(13.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate7 #clockarm_2 {.transform (rotate(13.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate8 #clockarm_1 {.transform (rotate(14.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate8 #clockarm_2 {.transform (rotate(14.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate9 #clockarm_1 {.transform (rotate(17.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate9 #clockarm_2 {.transform (rotate(17.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate10 #clockarm_1 {.transform (rotate(19.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate10 #clockarm_2 {.transform (rotate(19.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate11 #clockarm_1 {.transform (rotate(20.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate11 #clockarm_2 {.transform (rotate(20.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate12 #clockarm_1 {.transform (rotate(24.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate12 #clockarm_2 {.transform (rotate(24.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate13 #clockarm_1 {.transform (rotate(27.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate13 #clockarm_2 {.transform (rotate(27.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate14 #clockarm_1 {.transform (rotate(28.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate14 #clockarm_2 {.transform (rotate(28.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate15 #clockarm_1 {.transform (rotate(30.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate15 #clockarm_2 {.transform (rotate(30.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate16 #clockarm_1 {.transform (rotate(31.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate16 #clockarm_2 {.transform (rotate(31.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate17 #clockarm_1 {.transform (rotate(33.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate17 #clockarm_2 {.transform (rotate(33.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate18 #clockarm_1 {.transform (rotate(34.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate18 #clockarm_2 {.transform (rotate(34.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate19 #clockarm_1 {.transform (rotate(37.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate19 #clockarm_2 {.transform (rotate(37.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate20 #clockarm_1 {.transform (rotate(39.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate20 #clockarm_2 {.transform (rotate(39.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}


#history_clock.animate21 #clockarm_1 {.transform (rotate(42.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate21 #clockarm_2 {.transform (rotate(42.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate22 #clockarm_1 {.transform (rotate(44.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate22 #clockarm_2 {.transform (rotate(44.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate23 #clockarm_1 {.transform (rotate(47.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate23 #clockarm_2 {.transform (rotate(47.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate24 #clockarm_1 {.transform (rotate(48.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate24 #clockarm_2 {.transform (rotate(48.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate25 #clockarm_1 {.transform (rotate(50.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate25 #clockarm_2 {.transform (rotate(50.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate26 #clockarm_1 {.transform (rotate(51.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate26 #clockarm_2 {.transform (rotate(51.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate27 #clockarm_1 {.transform (rotate(53.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate27 #clockarm_2 {.transform (rotate(53.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate28 #clockarm_1 {.transform (rotate(54.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate28 #clockarm_2 {.transform (rotate(54.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate29 #clockarm_1 {.transform (rotate(57.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate29 #clockarm_2 {.transform (rotate(57.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate30 #clockarm_1 {.transform (rotate(59.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate30 #clockarm_2 {.transform (rotate(59.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate31 #clockarm_1 {.transform (rotate(40.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate31 #clockarm_2 {.transform (rotate(40.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate32 #clockarm_1 {.transform (rotate(30.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate32 #clockarm_2 {.transform (rotate(30.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate33 #clockarm_1 {.transform (rotate(45.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate33 #clockarm_2 {.transform (rotate(45.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate34 #clockarm_1 {.transform (rotate(10.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate34 #clockarm_2 {.transform (rotate(10.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate35 #clockarm_1 {.transform (rotate(15.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate35 #clockarm_2 {.transform (rotate(15.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate36 #clockarm_1 {.transform (rotate(16.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate36 #clockarm_2 {.transform (rotate(16.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate37 #clockarm_1 {.transform (rotate(18.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate37 #clockarm_2 {.transform (rotate(18.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}

#history_clock.animate38 #clockarm_1 {.transform (rotate(20.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate38 #clockarm_2 {.transform (rotate(20.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}


#history_clock.animate39 #clockarm_1 {.transform (rotate(22.25turn) translate3d(0,0,0));	.transform-origin (50%, 10px);}
#history_clock.animate39 #clockarm_2 {.transform (rotate(22.85turn) translate3d(0,0,0));	.transform-origin (50%, 8px);}