/**/
/* fonts */
/**/

@import url("//hello.myfonts.net/count/2b1fa5");
@font-face {font-family: 'CenturyGothicStd-Italic';src: url('../fonts/2B1FA5_0_0.eot');src: url('../fonts/2B1FA5_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B1FA5_0_0.woff') format('woff'),url('../fonts/2B1FA5_0_0.ttf') format('truetype');}
@font-face {font-family: 'CenturyGothicStd-BoldItalic';src: url('../fonts/2B1FA5_1_0.eot');src: url('../fonts/2B1FA5_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B1FA5_1_0.woff') format('woff'),url('../fonts/2B1FA5_1_0.ttf') format('truetype');}
@font-face {font-family: 'CenturyGothicStd-Bold';src: url('../fonts/2B1FA5_2_0.eot');src: url('../fonts/2B1FA5_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B1FA5_2_0.woff') format('woff'),url('../fonts/2B1FA5_2_0.ttf') format('truetype');}
@font-face {font-family: 'CenturyGothicStd';src: url('../fonts/2B1FA5_3_0.eot');src: url('../fonts/2B1FA5_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B1FA5_3_0.woff') format('woff'),url('../fonts/2B1FA5_3_0.ttf') format('truetype');}
/*@import url(http://fonts.googleapis.com/css?family=Varela+Round);*/

/**/
/* reset */
/**/
html, body, iframe, header, footer, main, aside, nav, section, article, div,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, hr, blockquote, pre,
a, address, del, em, i, strong, sub, sup, figure, figcaption, img,
form, fieldset, legend, label, input, select, textarea, button,
table, thead, tbody, tfoot, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	background: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html, body, iframe, header, footer, main, aside, nav, section, article, div,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, hr, blockqoute, pre, figure, figcaption,
form, fieldset, legend, label, input, select, textarea, button {
	display: block;
}
html, body {
	-webkit-text-size-adjust: none;
}
dl, dt, dd, ul, ol, li {
	list-style: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
a, button {
	cursor: pointer;
}
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}


/**/
/* defaults */
/**/
html, body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: 'CenturyGothicStd','Comfortaa', arial;
	line-height: 1;
}
a {
	text-decoration: none;
	color: rgb(133, 187, 31);
	transition: color 0.5s;
}
a:hover {
	color: rgb(79, 176, 209);
}


/**/
/* intro */
/**/
.intro {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: rgb(79, 176, 209);
}
.intro .sep {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 60px;
	margin: -50px 0 0 -83px;
	background: rgb(133, 187, 31);
	transition: transform 1s 0.5s;
	-webkit-transition: margin 0.5s 0.5s, -webkit-transform 1s 0.5s;
}
.intro .skip {
	position: absolute;
	right: 100px;
	bottom: 20px;
	font-size: 20px;
	color: rgb(79, 176, 209);
	transition: opacity 1s;
}
.intro .skip:hover {
	color: rgb(133, 187, 31);
}
.intro .logo {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 60px;
	margin-top: -50px;
	font-size: 50px;
	line-height: 60px;
	transition: opacity 1s;
}
.intro .logo .left {
	position: absolute;
	top: 0;
	left: -80px;
	width: 50%;
	padding-right: 25px;
	box-sizing: border-box;
	text-align: right;
}
.intro .logo .right {
	position: absolute;
	top: 0;
	right: 80px;
	width: 50%;
	padding-left: 25px;
	box-sizing: border-box;
}
.intro .logo .right-1 {
	transition: opacity 0.2s 1s;
}
.intro .logo .right-alt {
	opacity: 0;
}
.intro .logo .start {
	position: absolute;
	left: 51%;
	top:  100%;
	width: 150px;
	margin: 20px 0 0 -100px;
	font-size: 25px;
	line-height: 30px;
	text-align: center;
	transition: opacity 1s;
}
.intro .wrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity 1s;
}
.intro .bar {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 8%;
	background: rgba(79, 176, 209, 0.25);
	opacity: 0;
}
.intro .bar-1 {
	left: 0;
}
.intro .bar-2 {
	left: 10%;
}
.intro .bar-3 {
	right: 0;
}
.intro .bar-2 {
	right: 10%;
}
.intro .switcher {
	position: absolute;
	top: 0;
	left: 80%;
	width: 4px;
	height: 100%;
	margin-left: -2px;
	background: rgb(79, 176, 209);
	opacity: 0;
}
.intro .split {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	transition: opacity 1s 1.5s;
}
.intro .split .table {
	display: table;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
.intro .split .cell {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: 100%;
	padding-left: 30px;
	border-left: 4px solid rgb(133, 187, 31);
	font-size: 40px;
	color: rgb(79, 176, 209);
	transition: width 0.7s, background 0.7s, color 0.7s;
}
.intro .split .cell:first-child {
	border-right: 4px solid rgb(133, 187, 31);
	border-left: 0;
	padding: 0 30px 0 0;
	text-align: right;
}
.intro .split .cell span {
	position: relative;
	display: inline-block;
}
.intro .split .cell small {
	position: absolute;
	bottom: 0;
	left: 100%;
	margin-left: 10px;
	font-size: 18px;
	line-height: 28px;
	white-space: nowrap;
	color: rgb(122, 122, 122);
	opacity: 0;
	transition: opacity 1s;
}
.intro .split .cell:first-child small {
	right: 100%;
	left: auto;
	margin-right: 10px;
}
.intro .split .cell .lg {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 25px;
	opacity: 0;
	transition: opacity 1s;
}
.intro .split .cell .lg i {
	color: rgb(133, 187, 31);
}
.intro .split .cell:first-child .lg {
	right: auto;
	left: 20px;
}
.intro .split .cell .cp {
	position: absolute;
	bottom: 20px;
	left: 100%;
	margin-left: -20px;
	font-size: 10px;
	line-height: 20px;
	white-space: nowrap;
	color: #BDBCBC;
	opacity: 0;
	transition: opacity 1s;
	transform: rotate(-90deg);
	transform-origin: 0 100%;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 0 100%;
}
.intro .split .cell:first-child .cp {
	left: 0;
	margin-left: 40px;
}
.intro .split .table:hover .cell {
	width: 18%;
	background: rgba(233, 233, 233, 1);
	color: rgb(122, 122, 122);
}
.intro .split .table:hover .cell:hover {
	width: 72%;
	background: #fff;
	color: rgb(79, 176, 209);
}
.intro .split .table:hover .cell:hover .lg,
.intro .split .table:hover .cell:hover .cp,
.intro .split .table:hover .cell:hover small {
	opacity: 1;
}
.intro .copyrights {
	position: absolute;
	left: 100%;
	bottom: 20px;
	margin-left: -20px;
	font-size: 10px;
	line-height: 20px;
	white-space: nowrap;
	color: #BDBCBC;
	transform: rotate(-90deg);
	transform-origin: 0 100%;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 0 100%;
}


/**/
/* intro started */
/**/
.intro.started .logo .start {
	pointer-events: none;
	opacity: 0;
}
.intro.started .bar-1 {
	animation: animation-bar-1 14s;
	animation-delay: 1s;
	-webkit-animation: animation-bar-1 14s;
	-webkit-animation-delay: 1s;
}
.intro.started .bar-2 {
	animation: animation-bar-2 14s;
	animation-delay: 1s;
	-webkit-animation: animation-bar-2 14s;
	-webkit-animation-delay: 1s;
}
.intro.started .bar-3 {
	animation: animation-bar-3 14s;
	animation-delay: 1s;
	-webkit-animation: animation-bar-3 14s;
	-webkit-animation-delay: 1s;
}
.intro.started .bar-4 {
	animation: animation-bar-4 14s;
	animation-delay: 1s;
	-webkit-animation: animation-bar-4 14s;
	-webkit-animation-delay: 1s;
}
.intro.started .switcher {
	animation: animation-switcher 14s;
	animation-delay: 1s;
	-webkit-animation: animation-switcher 14s;
	-webkit-animation-delay: 1s;
}
.intro.started .logo .right {
	opacity: 0;
	animation-delay: 1s;
	animation-duration: 14s;
	-webkit-animation-delay: 1s;
	-webkit-animation-duration: 14s;
}
.intro.started .logo .right-2 {
	animation-name: animation-right-2;
	-webkit-animation-name: animation-right-2;
}
.intro.started .logo .right-3 {
	animation-name: animation-right-3;
	-webkit-animation-name: animation-right-3;
}
.intro.started .logo .right-4 {
	animation-name: animation-right-4;
	-webkit-animation-name: animation-right-4;
}
.intro.started .logo .right-5 {
	animation-name: animation-right-5;
	-webkit-animation-name: animation-right-5;
}
.intro.started .logo .right-6 {
	animation-name: animation-right-6;
	-webkit-animation-name: animation-right-6;
}
.intro.started .logo .right-7 {
	animation-name: animation-right-7;
	-webkit-animation-name: animation-right-7;
}
.intro.started .logo .right-8 {
	animation-name: animation-right-8;
	-webkit-animation-name: animation-right-8;
}
.intro.started .logo .right-9 {
	animation-name: animation-right-9;
	-webkit-animation-name: animation-right-9;
}
.intro.started .logo .right-10 {
	animation-name: animation-right-10;
	-webkit-animation-name: animation-right-10;
}
.intro.started .logo .right-11 {
	animation-name: animation-right-11;
	-webkit-animation-name: animation-right-11;
}
.intro.started .logo .right-12 {
	animation-name: animation-right-12;
	-webkit-animation-name: animation-right-12;
}
.intro.started .logo .right-13 {
	animation-name: animation-right-13;
	-webkit-animation-name: animation-right-13;
}
.intro.started .logo .right-14 {
	animation-name: animation-right-14;
	-webkit-animation-name: animation-right-14;
}
.intro.started .logo .right-15 {
	opacity: 1;
	animation-name: animation-right-15;
	-webkit-animation-name: animation-right-15;
}


/**/
/* intro finished */
/**/
.intro.finished .sep {
	margin-left: -3px;
	transform: scale(1,20);
	-webkit-transform: scale(1,20);
}
.intro.finished .skip,
.intro.finished .logo,
.intro.finished .wrap {
	opacity: 0;
}
.intro.finished .split {
	visibility: visible;
	opacity: 1;
}


/**/
/* intro mobile */
/**/
.intro-mobile {
	position: relative;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: rgb(79, 176, 209);
}
.intro-mobile .logo {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -34px;
	font-size: 34px;
	text-align: center;
	transition: opacity 1s;
}
.intro-mobile .logo span {
	color: rgb(133, 187, 31);
}
.intro-mobile .logo .start {
	margin-top: 20px;
	font-size: 20px;
}
.intro-mobile .split {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	transition: opacity 1s 1s;
}
.intro-mobile .split:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 4px;
	margin-top: -2px;
	background: rgb(133, 187, 31);
}
.intro-mobile .split .cell {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%;
	font-size: 30px;
	text-align: center;
	color: rgb(79, 176, 209);
	transition: background 0.7s, color 0.7s;
}
.intro-mobile .split .cell:first-child {
	top: 0;
}
.intro-mobile .split .cell span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -30px;
}
.intro-mobile .split .cell small {
	display: block;
	margin-top: 10px;
	color: rgb(122, 122, 122);
	font-size: 14px;
	opacity: 0;
	transition: opacity 1s;
}
.intro-mobile .split:hover .cell, .intro-mobile .split.hover .cell {
	background: rgba(233, 233, 233, 1);
	color: rgb(122, 122, 122);
}
.intro-mobile .split:hover .cell:hover, .intro-mobile .split .cell.hover {
	background: none;
	color: rgb(79, 176, 209);
}
.intro-mobile .split:hover .cell:hover small, .intro-mobile .split .cell.hover small {
	opacity: 1;
}
.intro-mobile .copyrights {
	position: absolute;
	right: 0;
	bottom: 8px;
	left: 0;
	font-size: 8px;
	text-align: center;
	white-space: nowrap;
	color: rgb(122, 122, 122);
	pointer-events: none;
}
.intro-mobile.started .logo {
	pointer-events: none;
	opacity: 0;
}
.intro-mobile.started .split {
	visibility: visible;
	opacity: 1;
}
@media screen and (max-width: 999px) { /* pad */
	.intro {
		display: none;
	}
	.intro-mobile {
		display: block;
	}
}


/**/
/* keyframes */
/**/
@keyframes animation-switcher {
	0% {left: 80%; opacity: 0}
	7.14% {left: 30%; opacity: 1}
	14.28% {left: 80%}
	21.42% {left: 30%}
	28.57% {left: 80%}
	35.71% {left: 30%}
	42.85% {left: 80%}
	50% {left: 30%}
	57.15% {left: 80%}
	64.29% {left: 30%}
	71.43% {left: 80%}
	78.57% {left: 30%}
	85.71% {left: 80%}
	92.85% {left: 30%; opacity: 1}
	100% {left: 80%; opacity: 0}
}
@-webkit-keyframes animation-switcher {
	0% {left: 80%; opacity: 0}
	7.14% {left: 30%; opacity: 1}
	14.28% {left: 80%}
	21.42% {left: 30%}
	28.57% {left: 80%}
	35.71% {left: 30%}
	42.85% {left: 80%}
	50% {left: 30%}
	57.15% {left: 80%}
	64.29% {left: 30%}
	71.43% {left: 80%}
	78.57% {left: 30%}
	85.71% {left: 80%}
	92.85% {left: 30%; opacity: 1}
	100% {left: 80%; opacity: 0}
}

@keyframes animation-bar-1 {
	0% {left: 0%; width: 8%; opacity: 0}
	7.14% {opacity: 1}
	50% {width: 6%}
	92.85% {left: 16%; width: 14%; opacity: 1}
	100% {left: 0%; width: 0%; opacity: 0}
}
@-webkit-keyframes animation-bar-1 {
	0% {left: 0%; width: 8%; opacity: 0}
	7.14% {opacity: 1}
	50% {width: 6%}
	92.85% {left: 16%; width: 14%; opacity: 1}
	100% {left: 0%; width: 0%; opacity: 0}
}

@keyframes animation-bar-2 {
	0% {left: 10%; width: 8%; opacity: 0}
	7.14% {opacity: 1}
	50% {left: 12%; width: 10%}
	92.85% {left: 4%; width: 14%; opacity: 1}
	100% {left: 0%; width: 0%; opacity: 0}
}
@-webkit-keyframes animation-bar-2 {
	0% {left: 10%; width: 8%; opacity: 0}
	7.14% {opacity: 1}
	50% {left: 12%; width: 10%}
	92.85% {left: 4%; width: 14%; opacity: 1}
	100% {left: 0%; width: 0%; opacity: 0}
}

@keyframes animation-bar-3 {
	0% {right: 0%; width: 8%; opacity: 0}
	7.14% {opacity: 1}
	50% {width: 14%}
	92.85% {right: 12%; width: 6%; opacity: 1}
	100% {right: 0%; width: 0%; opacity: 0}
}
@-webkit-keyframes animation-bar-3 {
	0% {right: 0%; width: 8%; opacity: 0}
	7.14% {opacity: 1}
	50% {width: 14%}
	92.85% {right: 12%; width: 6%; opacity: 1}
	100% {right: 0%; width: 0%; opacity: 0}
}

@keyframes animation-bar-4 {
	0% {right: 10%; width: 8%; opacity: 0}
	7.14% {opacity: 1}
	50% {right: 12%; width: 10%}
	92.85% {right: 4%; width: 14%; opacity: 1}
	100% {right: 0%; width: 0%; opacity: 0}
}
@-webkit-keyframes animation-bar-4 {
	0% {right: 10%; width: 8%; opacity: 0}
	7.14% {opacity: 1}
	50% {right: 12%; width: 10%}
	92.85% {right: 4%; width: 4%; opacity: 1}
	100% {right: 0%; width: 0%; opacity: 0}
}

@keyframes animation-right-2 {
	0% {opacity: 0}
	7.14% {opacity: 1}
	9.28% {opacity: 0}
	14.28% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-2 {
	0% {opacity: 0}
	7.14% {opacity: 1}
	9.28% {opacity: 0}
	14.28% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-3 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 1}
	16.42% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-3 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 1}
	16.42% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}


@keyframes animation-right-4 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 1}
	23.57% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-4 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 1}
	23.57% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}


@keyframes animation-right-5 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 1}
	30.71% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-5 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 1}
	30.71% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-6 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 1}
	37.85% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-6 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 1}
	37.85% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-7 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 1}
	45% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-7 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 1}
	45% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-8 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 1}
	52.15% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-8 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 1}
	52.15% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-9 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 1}
	59.29% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-9 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 1}
	59.29% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-10 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 1}
	66.43% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-10 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 1}
	66.43% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-11 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 1}
	73.57% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-11 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 1}
	73.57% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-12 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 1}
	80.71% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-12 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 1}
	80.71% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-13 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 1}
	87.85% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-13 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 1}
	87.85% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-14 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 1}
	95% {opacity: 0}
	100% {opacity: 0}
}
@-webkit-keyframes animation-right-14 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 1}
	95% {opacity: 0}
	100% {opacity: 0}
}

@keyframes animation-right-15 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes animation-right-15 {
	0% {opacity: 0}
	7.14% {opacity: 0}
	14.28% {opacity: 0}
	21.42% {opacity: 0}
	28.57% {opacity: 0}
	35.71% {opacity: 0}
	42.85% {opacity: 0}
	50% {opacity: 0}
	57.15% {opacity: 0}
	64.29% {opacity: 0}
	71.43% {opacity: 0}
	78.57% {opacity: 0}
	85.71% {opacity: 0}
	92.85% {opacity: 0}
	100% {opacity: 1}
}

.mg-1 {
	margin-bottom: -8px;
}

/**
  New edits - 06/01/15
 */

.intro .logo .left {
  padding-right: 15px;
}

.intro .logo .right {
  padding-left: 6px;
}

.intro .sep {
  height: 66px;
}

.intro .logo .start {
  margin-left: -83px;
}

.intro .logo .right-alt:not(.right-15) {
  right: 72px;
  top: 7px;
}

.os-windows .intro .logo .right-alt:not(.right-15) {
	top: 3px;
}

.intro .split .table:hover .cell,
.intro-mobile .split:hover .cell, .intro-mobile .split.hover .cell {
  color: #BDBCBC;
}

.intro .split .table:hover .cell {
  width: 28%;
}

.intro-mobile .logo span {
  font-size: 0;
  width: 2px;
  height: 35px;
  background: rgb(133, 187, 31);
  display: inline-block;
  vertical-align: middle;
  margin-left: -1px;
  margin-right: -5px;
}