Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

@import "compass";
@mixin dots($total) {
	@for $i from 1 through $total {
		.s#{$i} {
			@include fadeDots($total, $i);
		}
	}
}

@mixin fadeDots($total, $middle) {
	@for $i from 1 through $total {
		@if $i < $middle {	
			// @debug "#{$i} is less than #{$middle}";
			#s#{$i} {
				opacity: floor(100/($i - $middle - 1)*-1)/100;
				@include transition(opacity 800ms ease-out);

				&:hover {
					@include opacity(1);
				}
			}
		} @else if $i > $middle {
			// @debug "#{$i} is greater than #{$middle}";
			#s#{$i} {
				opacity: floor(100/($i - $middle + 1))/100;
				@include transition(opacity 800ms ease-out);

				&:hover {
					@include opacity(1);
				}
			}
		} @else {
			// @debug "#{$i} equals #{$middle}";
			#s#{$i} {
				opacity: 1;
				@include transition(opacity 800ms ease-out);
			}
		}
	}
}
nav {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 5;
	margin: -140px 0 0 -20px;
	
	#navInner {
		position: relative;
		width: 35px;
	}
	.navItem {
		position: relative;
		z-index: 2;
		display: block;

		@include border-radius(50%);
		border-radius: 20px;
		background-color: #000;
		margin: 0 auto 10px;
		width: 15px;
		height: 15px;
		cursor: pointer;
	}
	#activeItem {
		cursor: pointer;
		position: absolute;
		top: -4px;
		left: 1px;
		width: 33px;
		height: 33px;
		@include border-radius(50%);
		border: 1px solid #858585;
		z-index: 2;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	}
}

@include dots(11);

SassMeister-output.css

nav {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 5;
  margin: -140px 0 0 -20px;
}
nav #navInner {
  position: relative;
  width: 35px;
}
nav .navItem {
  position: relative;
  z-index: 2;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-radius: 20px;
  background-color: #000;
  margin: 0 auto 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
nav #activeItem {
  cursor: pointer;
  position: absolute;
  top: -4px;
  left: 1px;
  width: 33px;
  height: 33px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #858585;
  z-index: 2;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.s1 #s1 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s2 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s3 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s4 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s5 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s6 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s7 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s8 {
  opacity: 0.12;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s9 {
  opacity: 0.11;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s10 {
  opacity: 0.1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s1 #s11 {
  opacity: 0.09;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s1 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s2 #s1 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s2 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s3 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s4 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s5 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s6 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s7 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s8 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s9 {
  opacity: 0.12;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s10 {
  opacity: 0.11;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s2 #s11 {
  opacity: 0.1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s2 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s3 #s1 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s2 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s3 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s4 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s5 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s6 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s7 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s8 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s9 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s10 {
  opacity: 0.12;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s3 #s11 {
  opacity: 0.11;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s3 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s4 #s1 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s2 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s3 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s4 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s5 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s6 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s7 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s8 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s9 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s10 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s4 #s11 {
  opacity: 0.12;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s4 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s5 #s1 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s2 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s3 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s4 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s5 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s6 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s7 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s8 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s9 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s10 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s5 #s11 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s5 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s6 #s1 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s2 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s3 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s4 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s5 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s6 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s7 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s8 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s9 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s10 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s6 #s11 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s6 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s7 #s1 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s2 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s3 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s4 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s5 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s6 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s7 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s8 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s9 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s10 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s7 #s11 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s7 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s8 #s1 {
  opacity: 0.12;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s2 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s3 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s4 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s5 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s6 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s7 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s8 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s9 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s10 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s8 #s11 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s8 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s9 #s1 {
  opacity: 0.11;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s2 {
  opacity: 0.12;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s3 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s4 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s5 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s6 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s7 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s8 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s9 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s10 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s9 #s11 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s9 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s10 #s1 {
  opacity: 0.1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s2 {
  opacity: 0.11;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s3 {
  opacity: 0.12;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s4 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s5 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s6 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s7 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s8 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s9 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s10 #s10 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s11 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s10 #s11:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.s11 #s1 {
  opacity: 0.09;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s1:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s2 {
  opacity: 0.1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s3 {
  opacity: 0.11;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s3:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s4 {
  opacity: 0.12;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s4:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s5 {
  opacity: 0.14;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s5:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s6 {
  opacity: 0.16;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s6:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s7 {
  opacity: 0.2;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s7:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s8 {
  opacity: 0.25;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s8:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s9 {
  opacity: 0.33;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s9:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s10 {
  opacity: 0.5;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}
.s11 #s10:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.s11 #s11 {
  opacity: 1;
  -moz-transition: opacity 800ms ease-out;
  -o-transition: opacity 800ms ease-out;
  -webkit-transition: opacity 800ms ease-out;
  transition: opacity 800ms ease-out;
}