html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear
}

@-webkit-keyframes fontfix {
	from {
		opacity: 1
	}

	to {
		opacity: 1
	}
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
	outline: 0
}

input,
textarea,
select {
	border: none;
	background: none;
	font-size: 100%;
	resize: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 0
}

input::-moz-placeholder {
	opacity: 1
}

textarea::-moz-placeholder {
	opacity: 1
}

input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	-webkit-appearance: none
}

html,
body {
	width: 100%;
	height: 100%
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.95em;
	font-weight: 300;
	color: #717c7d;
	background-color: #e4e4e4
}

body.t-neptune {
	color: #3E526E
}

body.t-neptune input,
body.t-neptune textarea {
	color: #3E526E
}

body.t-venus {
	color: #706992
}

body.t-earth {
	color: #55635d
}

body.t-mercury {
	color: #46495a
}

@media only screen and (max-width: 1600px) {
	body {
		background-color: transparent
	}
}

@media only screen and (max-width: 1200px) {
	body {
		font-size: 0.875em
	}
}

strong,
b {
	font-weight: 600
}

p {
	line-height: 1.8
}

h1 {
	font-size: 2.5em;
	font-weight: 300;
	padding-bottom: 1em;
	line-height: 1.3
}

h1 .o-subtitle {
	font-size: 25%;
	letter-spacing: 2.25em;
	padding-top: 1.25em
}

h1.s--clear {
	padding: 0
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 2em
	}
}

h2 {
	font-size: 1.25em;
	padding-bottom: 1em;
	line-height: 1.3
}

h2 .o-line {
	width: 70%;
	margin-top: .75em
}

.t-neptune h2 {
	color: #198553
}

a {
	color: inherit
}

blockquote {
	font-weight: 300;
	font-size: 1.75em;
	line-height: 1.4;
	position: relative;
	padding-top: 1.375em;
	background: url("images/quote-open.svg") left 0/20% 20% no-repeat, url("images/quote-close.svg") right bottom/20% 20% no-repeat
}

@media only screen and (max-width: 767px) {
	blockquote {
		font-size: 1.375em
	}
}

.u-box {
	width: 70.25em;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.u-box.s--small {
	width: 51em
}

.u-box.s--fluid {
	width: 95%
}

@media only screen and (max-width: 1200px) {
	.u-box {
		width: 90%
	}

	.u-box.s--small {
		width: 90%
	}

	.u-box.s--fluid {
		width: 90%
	}
}

.u-left {
	float: left
}

.u-right {
	float: right
}

.u-table {
	display: table;
	width: 100%;
	height: 100%
}

.u-cell {
	display: table-cell;
	vertical-align: middle
}

.u-clear:after {
	content: "";
	display: table;
	clear: both
}

.u-half {
	width: 50%;
	float: left
}

@media only screen and (max-width: 767px) {
	.u-half {
		float: none;
		width: auto
	}
}

.u-third {
	width: 33.33333%;
	float: left
}

@media only screen and (max-width: 959px) {
	.u-third {
		width: 50%
	}
}

@media only screen and (max-width: 767px) {
	.u-third {
		float: none;
		width: auto
	}
}

.u-fourth {
	width: 25%;
	float: left
}

@media only screen and (max-width: 959px) {
	.u-fourth {
		width: 50%
	}
}

@media only screen and (max-width: 767px) {
	.u-fourth {
		float: none;
		width: auto
	}
}

.u-full {
	width: 100%
}

.u-canvas {
	width: 100%;
	height: 100%
}

.u-wrap {
	padding: 1.5em
}

.u-wrap:after {
	content: "";
	display: table;
	clear: both
}

.u-wrap.u-pdb-clear {
	padding-bottom: 0
}

@media only screen and (max-width: 767px) {
	.u-wrap.is-morphus {
		padding: 0
	}
}

.u-greyscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%)
}

.u-oh {
	overflow: hidden
}

.u-white {
	color: #fff
}

.u-center {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.u-bkg__lightBlue {
	background-color: #F0F6FA
}

.u-block {
	display: block
}

.u-align__center {
	text-align: center
}

.u-super {
	vertical-align: super;
	font-size: 0.75em
}

.u-pt-s {
	padding-top: 1em
}

.u-pt-m {
	padding-top: 1.5em
}

.u-pb-m {
	padding-bottom: 1.5em
}

.u-pb-l {
	padding-bottom: 3em
}

.u-pt-l {
	padding-top: 3em
}

.u-pt-xl {
	padding-top: 4.5em
}

.u-pbt-l {
	padding: 4em 0
}

.u-mt-m {
	margin-top: 1.5em
}

.u-mt-l {
	margin-top: 3em
}

.u-mt-xl {
	margin-top: 4.5em
}

.u-30p {
	width: 30%;
	float: left
}

@media only screen and (max-width: 767px) {
	.u-30p {
		float: none;
		width: auto
	}
}

.u-40p {
	width: 40%;
	float: left
}

@media only screen and (max-width: 959px) {
	.u-40p {
		float: none;
		width: auto
	}
}

.u-60p {
	width: 60%;
	float: left
}

@media only screen and (max-width: 959px) {
	.u-60p {
		float: none;
		width: auto
	}
}

.u-70p {
	width: 70%;
	float: left
}

@media only screen and (max-width: 767px) {
	.u-70p {
		float: none;
		width: auto
	}
}

.u-relative {
	position: relative
}

.a-right {
	text-align: right
}

.a-center {
	text-align: center
}

.o-networks {
	display: inline-block;
	transition: opacity 0.5s, visibility 0.5s;
	opacity: 1;
	visibility: visible
}

.o-networks li {
	display: inline-block;
	margin-right: .1875em
}

.o-networks a {
	display: block;
	position: relative
}

.o-networks a:after {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1)
}

.o-networks a:hover:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-networks a:hover .o-icon {
	-webkit-transform: translateY(-.4375em);
	-moz-transform: translateY(-.4375em);
	-ms-transform: translateY(-.4375em);
	-o-transform: translateY(-.4375em);
	transform: translateY(-.4375em)
}

.o-networks .o-icon {
	background-color: transparent;
	-webkit-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	transition: transform 1s cubic-bezier(0, 0.5, 0, 1)
}

.o-networks.s--medium {
	font-size: 1.3em
}

.o-networks.t-light a:after {
	background-color: #04142d
}

.o-networks.u-hide {
	display: none
}

.o-networks.is-invisible {
	opacity: 0;
	visibility: hidden
}

.o-tweet {
	padding-right: 1.5em;
	background-image: url("images/twitter.svg");
	background-position: right center;
	display: block;
	background-size: 1.5em;
	background-repeat: no-repeat
}

.o-icon {
	width: 1.625em;
	height: 1.625em;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

.o-icon.s--search {
	background-image: url("images/search__white.svg")
}

.o-icon.s--web {
	background-image: url("images/web.svg")
}

.o-icon.s--website {
	background-image: url("images/web.svg")
}

.o-icon.s--play {
	background-image: url("images/play.svg")
}

.o-icon.s--facebook {
	background-image: url("images/facebook_white.svg")
}

.t-light .o-icon.s--facebook {
	background-image: url("images/facebook_color.svg")
}

.o-icon.s--refresh {
	background-image: url("images/refresh.svg")
}

.o-icon.s--close {
	background-image: url("images/close.svg")
}

.o-icon.s--twitter {
	background-image: url("images/twitter_white.svg")
}

.t-light .o-icon.s--twitter {
	background-image: url("images/twitter_color.svg")
}

.o-icon.s--instagram {
	background-image: url("images/instagram_white.svg")
}

.t-light .o-icon.s--instagram {
	background-image: url("images/instagram_color.svg")
}

.o-icon.s--youtube {
	background-image: url("images/youtube_white.svg")
}

.t-light .o-icon.s--youtube {
	background-image: url("images/youtube_color.svg")
}

.o-icon.s--soundcloud {
	background-image: url("images/soundcloud_white.svg")
}

.t-light .o-icon.s--soundcloud {
	background-image: url("images/soundcloud_color.svg")
}

.o-icon.s--whatsapp {
	background-image: url("images/whatsapp_color.svg")
}

.o-icon.s--wikipedia {
	background-image: url("images/wikipedia.svg")
}

.o-icon.s--linkedin {
	background-image: url("images/linkedin.svg")
}

.o-icon.s--snapchat {
	background-image: url("images/snapchat.svg")
}

.o-icon.s--google_plus {
	background-image: url("images/googleplus_color.svg")
}

.o-icon.s--pinterest {
	background-image: url("images/pinterest_color.svg")
}

.o-icon.s--rss {
	background-image: url("images/rss.svg")
}

.o-icon.s--mail {
	background-image: url("images/mail.svg")
}

.o-icon.s--arrow__down {
	background-image: url("images/arrow_down.html")
}

.o-icon.s--calendar {
	background-image: url("images/calendar.svg");
	background-size: 50%
}

.o-icon.s--pen {
	background-image: url("images/pen.svg");
	background-size: 50%
}

.o-icon.s--arrow-ltr {
    background-image: url("images/arrow-ltr.svg");
    filter: brightness(0) invert(1); /* Turns the arrow white */
}

.o-icon.s--doc {
	background-image: url("images/document.svg")
}

.o-menu a {
	display: block;
	padding: .5625em;
	padding-right: 0;
	font-size: 1em;
	font-weight: 300;
	color: #fff;
	position: relative
}

.o-menu a:hover,
.o-menu a.is-active {
	color: #ffe992
}

.o-menu a:hover .o-menu-item__indicator,
.o-menu a.is-active .o-menu-item__indicator {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-menu a:hover .o-menu-item__title,
.o-menu a.is-active .o-menu-item__title {
	-webkit-transform: translateX(12px);
	-moz-transform: translateX(12px);
	-ms-transform: translateX(12px);
	-o-transform: translateX(12px);
	transform: translateX(12px)
}

.o-menu a:hover .o-menu-item__bullet,
.o-menu a.is-active .o-menu-item__bullet {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-menu a:hover .o-menu-item__bullet:after,
.o-menu a.is-active .o-menu-item__bullet:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-menu a.is-active .o-menu-item__bullet {
	-webkit-transition: border-color 0.3s ease;
	-moz-transition: border-color 0.3s ease;
	-ms-transition: border-color 0.3s ease;
	-o-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
	border-color: transparent
}

.o-menu a.is-active .o-menu-item__bullet:after {
	-webkit-transform: scale(1.4, 1.4);
	-moz-transform: scale(1.4, 1.4);
	-ms-transform: scale(1.4, 1.4);
	-o-transform: scale(1.4, 1.4);
	transform: scale(1.4, 1.4);
	background-color: #ffe992
}

.o-menu-item__title {
	width: 7.5em;
	display: inline-block;
	position: relative;
	top: -3px;
	-webkit-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1)
}

.o-menu-item__indicator {
	height: 3px;
	width: 1em;
	display: inline-block;
	background-color: #ffe992;
	top: -6px;
	position: absolute;
	top: 48%;
	right: -1.25em;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1)
}

.o-menu-item__bullet {
	border: solid 2px #fff;
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 50%;
	top: 1px;
	position: relative;
	-webkit-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	transition: transform 1s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform: scale(.7, .7);
	-moz-transform: scale(.7, .7);
	-ms-transform: scale(.7, .7);
	-o-transform: scale(.7, .7);
	transform: scale(.7, .7)
}

.o-menu-item__bullet:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 70%;
	height: 70%;
	background-color: white;
	border-radius: 50%;
	-webkit-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0)
}

.o-submenu {
	display: none
}

.o-button {
	outline: none;
	display: inline-block;
	border: none;
	border-radius: 1.5em;
	padding: .75em 1.5em;
	font-size: 1em;
	cursor: pointer;
	color: inherit;
	background-color: #d7e5ef;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease
}

.o-button .o-icon {
	width: 1em;
	height: 1em;
	-webkit-transition: transform .2s ease;
	-moz-transition: transform .2s ease;
	-ms-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease
}

.t-venus .o-button {
	background-color: #d3cfe6;
	color: #198553
}

.t-jupiter .o-button {
	color: #198553 
}

.t-earth .o-button {
	background-color: #c4e8da;
	color: #016759
}

.t-mercury .o-button {
	background-color: #198553;
	color: #ffffff
}

.o-button:hover {
	background-color: #EE9C00
}

.o-button:hover .o-button__title {
	color: #fff;
	-webkit-transform: translateX(.5625em);
	-moz-transform: translateX(.5625em);
	-ms-transform: translateX(.5625em);
	-o-transform: translateX(.5625em);
	transform: translateX(.5625em)
}

.o-button:hover .o-icon {
	-webkit-transform: translateX(.75em);
	-moz-transform: translateX(.75em);
	-ms-transform: translateX(.75em);
	-o-transform: translateX(.75em);
	transform: translateX(.75em)
}

.o-button__title {
	position: relative;
	top: -1px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	display: inline-block;
	padding-right: .375em
}

form .o-button__title {
	padding-right: 0
}

.o-line {
	height: 1px;
	background-color: #d2e1ea;
	display: block
}

.o-line.s--break {
	margin: 3em 0
}

.o-line.s--hidden {
	margin: 3.5em 0;
	background-color: white
}

@media only screen and (max-width: 767px) {
	.o-line.s--hidden {
		margin: 2.5em 0
	}
}

.o-link {
	display: inline-block;
	padding: .25em 0;
	position: relative
}

.o-link .o-icon {
	width: 1em;
	height: 1em;
	position: relative;
	top: 2px;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease
}

.o-link span {
	display: inline-block;
	padding-left: .375em;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease
}

.c-page__actions .o-link {
	color: #198553
}

.c-page__info .o-link {
	padding-top: 1em;
	color: #fff17d
}

.c-page__info .o-link .o-icon {
	background-image: url("images/arrow-ltr-light.svg")
}

.o-link:hover .o-icon {
	-webkit-transform: translateX(.75em);
	-moz-transform: translateX(.75em);
	-ms-transform: translateX(.75em);
	-o-transform: translateX(.75em);
	transform: translateX(.75em)
}

.o-link:hover span {
	-webkit-transform: translateX(.375em);
	-moz-transform: translateX(.375em);
	-ms-transform: translateX(.375em);
	-o-transform: translateX(.375em);
	transform: translateX(.375em)
}

.o-tabs__nav h2 {
	display: inline-block;
	padding-right: 1em
}

.o-input {
	position: relative
}

.o-input input,
.o-input textarea {
	border-bottom: solid 1px #c7dae6;
	width: 95%;
	margin-bottom: 1.5em;
	padding: .75em 0 1.125em;
	font-weight: 300;
	position: relative
}

.o-input input:focus+span,
.o-input textarea:focus+span {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-input span {
	width: 15%;
	height: 2px;
	background-color: #198553;
	position: absolute;
	bottom: 1.5em;
	left: 0;
	-webkit-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	transition: transform 0.5s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1)
}

@media only screen and (max-width: 767px) {

	.o-input input,
	.o-input textarea {
		margin-bottom: 0
	}
}

::-webkit-input-placeholder {
	color: #3E526E
}

::-moz-placeholder {
	color: #3E526E
}

:-ms-input-placeholder {
	color: #3E526E
}

:-moz-placeholder {
	color: #3E526E
}

.o-subtitle {
	text-transform: uppercase;
	font-size: .625em;
	font-family: 'Arial';
	font-weight: bold;
	display: block;
	letter-spacing: .75em
}

.o-subtitle.s--profile {
	opacity: 0.8;
	text-transform: none;
	font-family: inherit;
	letter-spacing: normal;
	font-size: 0.875em;
	line-height: 1.5
}

.o-subtitle.o-board__title {
	height: auto
}

.o-list {
	margin-bottom: 1.5em
}

.o-list:after {
	content: "";
	display: table;
	clear: both
}

.o-list li {
	padding-bottom: .375em
}

.o-heading {
	font-size: 2.25em;
	font-weight: 600;
	padding: .5em;
	display: block;
	position: relative;
	text-transform: uppercase;
}

.t-jupiter .o-heading {
	color: #198553
}

.t-mercury .o-heading {
	color: #198553
}

.o-heading:after {
	content: "";
	background-color: #e8e8e8;
	width: 10%;
	height: 2px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 45%
}

.c-button-next .o-heading:after {
	display: none
}

@media only screen and (max-width: 767px) {
	.o-heading {
		font-size: 1.75em;
		padding: 0
	}
}

.o-subheading {
	font-size: 1.5em;
	padding-bottom: 1em;
	display: block;
	line-height: 1.4;
	font-weight: 500;
	text-transform: uppercase
}

.o-subheading.s--profile {
	font-weight: 300
}

.o-subheading .o-icon {
	font-size: 0.5em;
	position: relative;
	top: 2px
}

.t-venus .o-subheading {
	color: #198553
}

.t-earth .o-subheading {
	color: #01806f
}

.t-mercury .o-subheading {
	color: #000000
}

.t-jupiter .o-subheading {
	color: #DFA100
}

.o-select {
	display: inline-block;
	position: relative;
	color: #198553
}

.o-select select {
	display: inline-block;
	border: solid 1px;
	border-radius: 1.5em;
	padding: .5625em 3.5em .75em 1.5em;
	background-color: #fff;
	font-size: 1em;
	color: inherit;
	margin-left: .75em;
	background-image: url("images/dropdown.svg");
	background-size: 1em;
	background-repeat: no-repeat;
	background-position: 90% center
}

.t-venus .o-select {
	color: #198553
}

.t-mercury .o-select {
	color: #198553
}

.o-select__arrow {
	display: inline-block;
	position: absolute;
	top: .75em;
	right: 1.25em;
	z-index: 1
}

.o-select__arrow i {
	left: auto;
	top: auto;
	position: static;
	transform: rotate(135deg)
}

.o-bubble {
	position: absolute;
	border-radius: 50%;
	z-index: -1
}

.o-bubble.s--large {
	width: 12em;
	height: 12em
}

.o-bubble.s--medium {
	width: 3em;
	height: 3em
}

.o-bubble.s--small {
	width: 1.5em;
	height: 1.5em
}

.o-bubble.t-cool {
	background-color: #1985538a
}

.o-bubble.t-warm {
	background-color: #1985538a
}

.o-bubble.t-passion {
	background-color: #3cc2013b
}

.o-bubble.t-romance {
	background-color: #7f8d0081
}

.o-article {
	position: relative;
	margin-bottom: 2em
}

.o-article.u-full {
	float: left
}

.o-article.u-full .o-article__figure figure {
	height: 28em
}

.o-article.u-full .o-article__brief {
	width: 70%
}

.o-article.u-third .u-wrap {
	padding: 1.5em;
	padding-top: 0
}

.o-article.u-third .s--medium {
	left: 0;
	right: auto
}

.o-article.u-third .s--small {
	left: 0;
	right: auto;
	top: 25%
}

.o-article.u-third .s--xsmall {
	left: 0;
	right: auto;
	top: 35%
}

.o-article .u-wrap {
	padding: 1.5em 3.8em
}

.o-article .o-subheading {
	padding-bottom: .75em;
	-webkit-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	transition: transform .3s cubic-bezier(0, 0.5, 0, 1)
}

.o-article .s--large {
	height: 13em;
	width: 13em;
	left: -2.25em;
	top: 0
}

.o-article .s--medium {
	height: 9em;
	width: 9em;
	right: -2.25em;
	top: 30%
}

.o-article .s--small {
	height: 6em;
	width: 6em;
	left: -.75em;
	top: 50%
}

.o-article .s--xsmall {
	height: 4em;
	width: 4em;
	right: 0;
	top: 20%
}

.o-article .o-bubble {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused
}

@media only screen and (max-width: 959px) {
	.o-article .u-wrap {
		padding: 1.5em
	}
}

@media only screen and (max-width: 767px) {
	.o-article.u-full {
		float: none
	}

	.o-article.u-full .o-article__brief {
		width: auto
	}

	.o-article .u-wrap {
		padding: 0
	}

	.o-article .o-bubble {
		height: 6em !important;
		width: 6em !important;
		left: -.75em !important;
		top: 50% !important;
		right: auto !important
	}

	.o-article.u-third .u-wrap {
		padding: 0
	}
}

.o-article__link {
	display: block
}

.o-article__link:hover .o-article__figure {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.o-article__link:hover .o-article__figure:after {
	opacity: 1
}

.o-article__link:hover .o-bubble {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running
}

.o-article__link:hover .o-article__brief {
	-webkit-transform: translateY(1.5em);
	-moz-transform: translateY(1.5em);
	-ms-transform: translateY(1.5em);
	-o-transform: translateY(1.5em);
	transform: translateY(1.5em)
}

.o-article__link:hover figure:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-article__brief {
	line-height: 1.6;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-article__figure {
	display: block;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	position: relative
}

.o-article__figure figure {
	position: relative;
	height: 24.0625em;
	background-color: #e6e6e6;
	border-radius: 12px;
	margin-bottom: 1.5em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.o-article__figure figure:after {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #fff;
	top: 50%;
	left: 50%;
	width: 20%;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	position: absolute
}

.o-article__figure .u-center {
	text-align: center;
	position: absolute;
	z-index: 1;
	top: -1.25em;
	width: 100%
}

.o-article__figure .o-icon {
	height: 2.5em;
	width: 2.5em;
	background-color: #198553;
	border-radius: 50%
}

.o-article__figure:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35);
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
	z-index: -1;
	border-radius: 12px
}

.o-article__time {
	display: inline-block;
	padding: 0.5em 0.75em;
	font-size: .5625em;
	top: 4em;
	position: relative;
	color: #fff;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 0.5em
}

.t-venus .o-article__time {
	background-color: #198553
}

.t-mercury .o-article__time {
	background-color: #198553
}

.t-neptune .o-article__time {
	background-color: #198553
}

.t-jupiter .o-article__time {
	background-color: #198553 
}

.o-page__section {
	padding: 2.25em 0 4.5em;
	position: relative
}

.o-page__section:last-child {
	padding-bottom: 0
}

.o-page__section.u-pt-xl {
	padding-top: 4.5em
}

.o-page__section.u-pb-m {
	padding-bottom: 3em
}

.o-section__header {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	text-align: center;
	padding-bottom: 3em
}

.o-section__header .o-section__title {
	margin-bottom: 1.5em
}

.o-section__header p {
	margin-top: 2.5em
}

.o-section__header.s--left {
	text-align: left;
	margin: 0;
	width: 30%;
	float: left
}

@media only screen and (max-width: 767px) {
	.o-section__header {
		width: auto
	}
}

.o-section__footer {
	padding-top: 2em;
	text-align: center
}

.o-section__title {
	display: inline-block;
	margin-bottom: 4em;
	font-weight: 300;
	background-color: #0a0a0a;
	padding: 0.875em 2em;
	color: white;
	border-radius: 3em
}

.o-section__title.s--clear {
	margin-bottom: 0
}

.t-neptune .o-section__title {
	background-color: #198553
}

.t-venus .o-section__title {
	background-color: #198553
}

.t-jupiter .o-section__title {
	background-color: #198553 
}

.t-earth .o-section__title {
	background-color: #01806f
}

.t-mercury .o-section__title {
	background-color: #EE9C00
}

.o-section__tint {
	background-color: #eaeaea;
	position: absolute;
	top: 3.5em;
	height: 52%;
	z-index: -1;
	width: 100%
}

.o-section__tint.s--full {
	top: 3.75em;
	height: 95%
}

.o-section__tint.s--split {
	background-color: #ababab
}

.o-section__tint.s--split:after {
	content: "";
	position: absolute;
	width: 50%;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #929292
}

.t-neptune .o-section__tint {
	background-color: #eef4ff
}

.t-venus .o-section__tint {
	background-color: #F2F0FA
}

.t-jupiter .o-section__tint {
	background-color: #e7f5f7
}

.t-earth .o-section__tint {
	background-color: #E9F7F0
}

.t-mercury .o-section__tint {
	background-color: #ebefff
}

.o-partner {
	width: 25%;
	float: left;
	margin-bottom: 2em;
	text-align: center
}

.o-partner a.u-transparent {
	background-color: transparent
}

.o-partner .o-subheading {
	padding: .75em 0 .375em
}

.o-partner.u-third {
	width: 33.33333%
}

@media only screen and (max-width: 767px) {
	.o-partner {
		width: 50% !important;
		float: left;
		margin-bottom: 0
	}
}

.o-partner__title {
	display: table;
	width: 100%;
	height: 100%;
	font-size: 0.875em
}

.o-partner__title .u-wrap {
	padding: 1em
}

.o-partner__title h2 {
	color: #4f4f4f
}

.o-partner__logo {
	height: 100%;
	width: 100%;
	background-size: 65%;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	position: relative;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	mix-blend-mode: multiply
}

.o-partner__logo.s--profile {
	background-size: cover;
	background-color: white;
	border-radius: 50%
}

@media only screen and (max-width: 959px) {
	.o-partner__logo {
		height: auto;
		padding-bottom: 100%
	}
}

.o-partner__link {
	display: block;
	width: 14.0625em;
	height: 14.0625em;
	background-color: #e6e6e6;
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	position: relative
}

.o-partner__link .u-table {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	background-color: rgba(12, 61, 139, 0.94);
	width: 100%;
	height: 100%;
	-webkit-transition: transform .4s ease;
	-moz-transition: transform .4s ease;
	-ms-transition: transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease;
	color: #fff
}

.o-partner__link span {
	display: inline-block;
	padding: .75em .75em;
	border: solid 2px #fff;
	border-radius: 3em
}

.o-partner__link:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35)
}

.o-partner__link:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.o-partner__link:hover:after {
	opacity: 1
}

.o-partner__link:hover .u-table {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}

.o-partner__link:hover .o-partner__logo {
	filter: none
}

@media only screen and (max-width: 959px) {
	.o-partner__link {
		margin: .75em;
		width: auto;
		height: auto
	}

	.o-partner__link .u-table {
		display: none
	}
}

.o-tag {
	display: inline-block;
	font-size: 1.5em;
	color: #198553;
	padding: .375em;
	text-transform: lowercase;
	font-weight: 300;
	position: relative;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease
}

.o-tag span {
	vertical-align: super;
	font-size: 50%;
	color: #00a6d0;
	font-weight: bold
}

.o-tag:hover {
	-webkit-transform: translateY(-.375em);
	-moz-transform: translateY(-.375em);
	-ms-transform: translateY(-.375em);
	-o-transform: translateY(-.375em);
	transform: translateY(-.375em)
}

.o-tag:hover:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-tag:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	width: 90%;
	height: 3px;
	background-color: #08285c;
	-webkit-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	transition: transform .3s cubic-bezier(0, 0.5, 0, 1)
}

@media only screen and (max-width: 767px) {
	.o-tag {
		font-size: 1.2em
	}
}

.o-ticket {
	display: block
}

.o-ticket .c-cut {
	position: absolute;
	z-index: 1;
	width: 1em;
	height: 1em;
	border-radius: 50%
}

.o-ticket .c-cut.s--left {
	left: -.5em
}

.o-ticket .c-cut.s--right {
	right: -.5em
}

.o-ticket .c-cut.s--left__bottom {
	bottom: -.5em;
	left: -.5em;
	background-color: #fff
}

.o-ticket .c-cut.s--right__bottom {
	bottom: -.5em;
	right: -.5em;
	background-color: #fff
}

.o-ticket .o-subheading {
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-ticket:hover .o-ticket__figure {
	-webkit-transform: translateY(-.75em);
	-moz-transform: translateY(-.75em);
	-ms-transform: translateY(-.75em);
	-o-transform: translateY(-.75em);
	transform: translateY(-.75em)
}

.o-ticket:hover .o-ticket__figure figure:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-ticket:hover .o-subheading {
	-webkit-transform: translateY(.75em);
	-moz-transform: translateY(.75em);
	-ms-transform: translateY(.75em);
	-o-transform: translateY(.75em);
	transform: translateY(.75em)
}

.o-ticket:hover .o-ticket-meta {
	-webkit-transform: translateY(-.75em);
	-moz-transform: translateY(-.75em);
	-ms-transform: translateY(-.75em);
	-o-transform: translateY(-.75em);
	transform: translateY(-.75em)
}

.o-ticket__figure {
	display: block;
	position: relative;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-ticket__figure figure {
	background-color: #e6e6e6;
	height: 20em;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.o-ticket__figure figure:after {
	content: "";
	left: 50%;
	top: 50%;
	z-index: 1;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	height: 4px;
	background-color: #fff;
	width: 20%;
	position: absolute
}

.o-ticket__figure .c-cut {
	top: .75em;
	background-color: #f2f0fa
}

.o-ticket-meta {
	height: 4.5em;
	background-color: #198553
	padding: .75em;
	margin-bottom: 1.2em;
	position: relative;
	background-image: url("images/barcode.svg");
	background-size: 1.5em;
	background-position: 15px bottom;
	background-repeat: no-repeat;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-ticket-meta:after {
	content: "";
	display: table;
	clear: both
}

.o-ticket-meta span {
	display: block;
	text-transform: uppercase;
	font-size: 0.75em;
	font-family: 'Arial';
	padding: 1.5em 1.5em 1.5em 0;
	line-height: 1.5;
	color: #198553
}

.o-ticket-meta .o-ticket-meta__date {
	width: 40%;
	float: left
}

.o-ticket-meta .o-ticket-meta__venue {
	width: 60%;
	float: left
}

.o-ticket-meta .o-line {
	width: 30%;
	height: 2px;
	background-color: #fff;
	opacity: 0.2
}

.o-ticket-meta .c-cut {
	background-color: #fff
}

.o-ticket-meta .s--left {
	top: -.5em;
	background-color: #f2f0fa
}

.o-ticket-meta .s--right {
	top: -.5em;
	background-color: #f2f0fa
}

.o-program {
	margin-bottom: 12em;
	float: left
}

.o-program .o-button {
	margin-top: 1.5em;
	border-color: #fff
}

.o-program .o-bubble {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused
}

.o-program .o-bubble.s--medium {
	width: 2em;
	height: 2em;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	opacity: 0.1
}

.o-program .o-bubble.s--large {
	width: 6em;
	height: 6em;
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

.o-program.s--clear {
	margin-bottom: 0
}

.o-program.u-half .o-program__figure {
	float: left;
	height: 30em
}

.o-program.u-half .o-program-meta {
	width: 90%;
	right: 2em;
	top: auto;
	bottom: -3em
}

.o-program.u-half .s--medium {
	right: 10%;
	top: 5%
}

.o-program.u-half .s--large {
	right: 20%;
	top: 15%
}

.o-program.s--left .o-program__figure {
	float: left
}

.o-program.s--left .o-program-meta {
	right: 0
}

.o-program.s--left .o-program__logo {
	float: left
}

.o-program.s--left .s--medium {
	right: 20%;
	top: 5%
}

.o-program.s--left .s--large {
	top: 30%;
	right: 0
}

.o-program.s--right .s--medium {
	left: 20%
}

.o-program.s--right .s--large {
	top: 40%;
	left: 10%
}

.o-program:last-child {
	margin-bottom: 4.5em
}

.o-program.s--small .o-program__logo {
	float: left
}

@media only screen and (max-width: 959px) {
	.o-program.u-half {
		width: 100%
	}

	.o-program .o-program-meta {
		width: 55%
	}
}

@media only screen and (max-width: 767px) {
	.o-program {
		float: none;
		margin-bottom: 0
	}

	.o-program .o-program-meta {
		width: auto
	}

	.o-program.u-half .o-program-meta {
		width: auto;
		right: 0;
		bottom: 0
	}
}

.o-program__link {
	position: relative;
	display: block
}

.o-program__link:after {
	content: "";
	display: table;
	clear: both
}

.o-program__link.is-clickable:hover .o-bubble {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running
}

.o-program__link.is-clickable:hover .o-program__figure {
	-webkit-transform: scale(.95, .95);
	-moz-transform: scale(.95, .95);
	-ms-transform: scale(.95, .95);
	-o-transform: scale(.95, .95);
	transform: scale(.95, .95)
}

.o-program__link.is-clickable:hover .o-program__figure:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-program__link.is-clickable:hover .o-program-meta {
	-webkit-transform: translateY(-3em);
	-moz-transform: translateY(-3em);
	-ms-transform: translateY(-3em);
	-o-transform: translateY(-3em);
	transform: translateY(-3em)
}

.o-program__link.is-clickable:hover .o-program-excerpt__wrap {
	background-color: #212b62
}

.o-program__link.is-clickable:hover .o-program-excerpt__wrap:after {
	opacity: 1
}

.o-program__link.is-clickable:hover .o-icon {
	-webkit-transform: translateX(0em);
	-moz-transform: translateX(0em);
	-ms-transform: translateX(0em);
	-o-transform: translateX(0em);
	transform: translateX(0em)
}

.o-program__link.is-clickable:hover .o-button__title {
	-webkit-transform: translateX(0em);
	-moz-transform: translateX(0em);
	-ms-transform: translateX(0em);
	-o-transform: translateX(0em);
	transform: translateX(0em)
}

.o-program__link .o-button__title {
	color: #1f2239
}

.o-program__figure {
	width: 75%;
	background-color: #d9d9d9;
	height: 26em;
	border-radius: .5em;
	float: right;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-transition: transform .5s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .5s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .5s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .5s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .5s cubic-bezier(0.42, 0, 0, 1.46);
	position: relative
}

.o-program__figure:after {
	content: "";
	position: absolute;
	top: 20%;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	width: 20%;
	height: 4px;
	background-color: #fff;
	left: 50%;
	-webkit-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	transition: transform .3s cubic-bezier(0, 0.5, 0, 1)
}

@media only screen and (max-width: 767px) {
	.o-program__figure {
		width: 100%;
		float: none !important
	}
}

.o-program__group {
	padding: 1.5em 1.5em 0
}

.o-program__group:after {
	content: "";
	display: table;
	clear: both
}

@media only screen and (max-width: 959px) {
	.o-program__group .o-program {
		margin-bottom: 2em
	}

	.o-program__group .o-program-meta {
		bottom: 1em !important
	}
}

.o-program__logo {
	width: 9.75em;
	height: 9.75em;
	background-color: #fff;
	border-radius: 12px;
	margin-bottom: .75em;
	float: right;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center
}

@media only screen and (max-width: 767px) {
	.o-program__logo {
		position: relative;
		left: .75em;
		float: none !important;
		right: auto !important
	}
}

.o-program-meta {
	width: 42%;
	position: absolute;
	top: 3em;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-program-meta .o-subheading {
	color: #fff
}

@media only screen and (max-width: 767px) {
	.o-program-meta {
		width: auto;
		position: relative !important;
		top: -7.75em !important;
		bottom: auto !important
	}
}

.o-progam__monogram {
	font-weight: bold;
	color: black;
	font-size: 10em;
	position: absolute;
	bottom: 24px;
	right: 24px;
	opacity: 0.1;
	text-transform: lowercase
}

.o-program__excerpt {
	position: relative;
	z-index: 1;
	font-size: 0.875em
}

.o-program__excerpt .u-block {
	line-height: 1.75
}

.o-program-excerpt__wrap {
	color: white;
	padding: 1.5em;
	border-radius: 12px;
	position: relative;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	background-color: #1f2239
}

.t-mercury .is-clickable .o-program-excerpt__wrap {
	background-color: #198553
}

.t-venus .is-clickable .o-program-excerpt__wrap {
	background-color: #198553
}

.t-earth .is-clickable .o-program-excerpt__wrap {
	background-color: #01b39b
}

.o-program-excerpt__wrap:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35);
	border-radius: 12px;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
	opacity: 0
}

.o-milestone {
	width: 50%;
	float: left
}

.o-milestone p {
	padding-bottom: 1.5em
}

.o-milestone p:last-child {
	padding-bottom: 0
}

.o-milestone .o-subtitle {
	padding-bottom: .75em
}

.o-milestone .o-line {
	width: 50%;
	margin: 3.5em 0 3.5em;
	float: right;
	position: relative;
	right: -1.5em;
	background-color: #198553 
}

.o-milestone.u-right {
	float: right;
	padding-top: 8%
}

.o-milestone.u-right .o-line {
	float: left;
	right: auto;
	left: -1.5em
}

.o-milestone.u-full {
	width: 100%;
	background-color: #fff
}

.o-milestone.u-full .u-wrap {
	padding: 0 1.5em
}

.o-milestone.u-full .o-milestone__story {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%
}

.o-milestone.u-full .o-line {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-bottom: 0
}

.o-milestone.u-full .o-bubble {
	top: 5%;
	left: -5%;
	z-index: 2
}

.o-milestone .u-wrap {
	position: relative
}

.o-milestone .s--large {
	top: 0;
	width: 9em;
	height: 9em
}

.o-milestone .s--medium {
	top: 20%;
	width: 4em;
	height: 4em
}

.o-milestone.u-right .o-bubble {
	right: -5%
}

.o-milestone.u-left .o-bubble {
	left: -5%
}

@media only screen and (max-width: 767px) {
	.o-milestone {
		width: auto;
		float: none
	}

	.o-milestone.u-right {
		float: none
	}

	.o-milestone.u-full {
		width: auto
	}

	.o-milestone.u-full .o-milestone__story {
		width: auto
	}

	.o-milestone.u-full .o-bubble {
		z-index: -2
	}

	.o-milestone .o-line {
		margin: 1.5em 0 1.5em;
		float: right !important;
		right: -1em !important;
		left: auto !important
	}

	.o-milestone .u-wrap {
		padding: 1em
	}
}

.o-milestone__figure {
	position: relative;
	padding-bottom: 50%;
	width: 100%;
	background-color: #e6e6e6;
	border-radius: 12px;
	margin-bottom: 1.5em;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	filter: none;
	-webkit-filter: none
}

.o-milestone__figure:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0)
}

.o-milestone__figure .u-table {
	height: 100%
}

.o-playButton {
	position: absolute;
	left: 50%;
	top: 40%
}

.o-playButton span {
	position: relative;
	left: -50%;
	width: 6em;
	height: 6em
}

@media only screen and (max-width: 767px) {
	.o-playButton span {
		width: 3em;
		height: 3em
	}
}

.o-statistic {
	width: 25%;
	text-align: center;
	float: left;
	margin-bottom: 3em;
	color: rgb(255, 255, 255)
}

.o-statistic figure {
	height: 15em;
	width: 15em;
	border-radius: 50%;
	text-align: center;
	margin-bottom: 1.125em;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.o-statistic p {
	padding: .5625em;
	width: 70%;
	font-size: 0.95em;
	margin: 0 auto;
	line-height: 1.5;
	padding-top: 0
}

.o-statistic .o-icon {
	height: 2.625em;
	width: 2.625em;
	margin-bottom: .75em;
	background-repeat: no-repeat;
	background-size: contain
}

.o-statistic.s--medium figure {
	font-size: 0.75em
}

.o-statistic.s--small figure {
	font-size: 0.65em
}

.o-statistic .t-banana {
	background-color: #198553
}

.o-statistic .t-berry {
	background-color: #777777
}

.o-statistic .t-ivy {
	background-color: #222222
}

.o-statistic .t-mango {
	background-color: #d18800
}

@media only screen and (max-width: 959px) {
	.o-statistic {
		width: 50%
	}
}

@media only screen and (max-width: 767px) {
	.o-statistic {
		float: none;
		width: auto
	}
}

.o-statistic__figure {
	display: block;
	font-size: 6em;
	font-family: 'Six Caps', sans-serif;
	color: #ffffff
}

.o-statistic__unit {
	vertical-align: super;
	font-size: 50%
}

.o-slide {
	height: 100%;
	overflow: hidden;
	position: relative;
	display: block
}

.o-slide .o-button {
	border: solid 2px #fff;
	margin-top: 2em;
	background-color: transparent;
	color: #fff;
	line-height: 1
}

.o-slide .u-wrap {
	padding: 3em 1.5em 5em
}

@media only screen and (max-width: 767px) {
	.o-slide {
		padding-top: 8em
	}
}

.o-slide__excerpt {
	line-height: 1.6;
	display: block;
	width: 80%
}

.o-slide__excerpt p {
	font-size: 0.875em
}

@media only screen and (max-width: 767px) {
	.o-slide__excerpt {
		width: auto
	}
}

.o-globe {
	border: solid 2px #fff;
	position: absolute;
	width: 30em;
	height: 30em;
	z-index: 1;
	border-radius: 50%;
	bottom: -60%;
	left: 35%;
	opacity: 0.1;
	-webkit-transition: transform 3s ease;
	-moz-transition: transform 3s ease;
	-ms-transition: transform 3s ease;
	-o-transition: transform 3s ease;
	transition: transform 3s ease
}

.o-slide__figure {
	height: 100%
}

.o-slide__figure figure {
	height: 35em;
	width: 35em;
	border-radius: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 6em;
	z-index: 2;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #faebd7;
	-webkit-transition: transform 1s ease;
	-moz-transition: transform 1s ease;
	-ms-transition: transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease
}

.o-slide__figure .o-bubble {
	z-index: 1
}

.o-slide__figure .s--small {
	width: 2.5em;
	height: 2.5em;
	top: 20%;
	left: 50%;
	background-color: #db8f01;
	-webkit-animation: bubbleCoverSmall 20s linear infinite;
	-moz-animation: bubbleCoverSmall 20s linear infinite;
	-ms-animation: bubbleCoverSmall 20s linear infinite;
	-o-animation: bubbleCoverSmall 20s linear infinite;
	animation: bubbleCoverSmall 20s linear infinite
}

.o-slide__figure .s--medium {
	width: 4em;
	height: 4em;
	right: 50%;
	top: 30%;
	background-color: #129e007c;
	-webkit-animation: bubbleCoverMedium 50s linear infinite;
	-moz-animation: bubbleCoverMedium 50s linear infinite;
	-ms-animation: bubbleCoverMedium 50s linear infinite;
	-o-animation: bubbleCoverMedium 50s linear infinite;
	animation: bubbleCoverMedium 50s linear infinite
}

.o-slide__figure .s--large {
	width: 5em;
	height: 5em;
	bottom: 25%;
	background-color: transparent;
	border: solid 2px #fff;
	right: 20%;
	-webkit-animation: bubbleCoverLarge 80s linear infinite;
	-moz-animation: bubbleCoverLarge 80s linear infinite;
	-ms-animation: bubbleCoverLarge 80s linear infinite;
	-o-animation: bubbleCoverLarge 80s linear infinite;
	animation: bubbleCoverLarge 80s linear infinite
}

@media only screen and (max-width: 767px) {
	.o-slide__figure {
		height: auto
	}

	.o-slide__figure figure {
		width: 100%;
		height: auto;
		padding-bottom: 100%;
		position: static
	}
}

.o-slide__info {
	width: 45%;
	position: absolute;
	z-index: 3;
	bottom: 25%;
	left: 0
}

@media only screen and (max-width: 767px) {
	.o-slide__info {
		width: auto;
		position: static
	}
}

.o-globe {
	display: none
}

.o-card {
	color: white;
	margin-bottom: 1.5em;
	position: relative;
	display: block
}

.o-card.is-clickable:hover .o-card__figure {
	-webkit-transform: scale(.95, .95);
	-moz-transform: scale(.95, .95);
	-ms-transform: scale(.95, .95);
	-o-transform: scale(.95, .95);
	transform: scale(.95, .95)
}

.o-card.is-clickable:hover .o-card__figure:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.o-card.is-clickable:hover .o-card__logo {
	-webkit-transform: translateY(-3em);
	-moz-transform: translateY(-3em);
	-ms-transform: translateY(-3em);
	-o-transform: translateY(-3em);
	transform: translateY(-3em)
}

.o-card.is-clickable:hover .o-card__logo:after {
	opacity: 1
}

.o-card.is-clickable:hover .o-card__info {
	-webkit-transform: translateY(-.75em);
	-moz-transform: translateY(-.75em);
	-ms-transform: translateY(-.75em);
	-o-transform: translateY(-.75em);
	transform: translateY(-.75em)
}

.o-card.is-clickable:hover .o-icon {
	-webkit-transform: translateX(.75em);
	-moz-transform: translateX(.75em);
	-ms-transform: translateX(.75em);
	-o-transform: translateX(.75em);
	transform: translateX(.75em)
}

.o-card__title {
	color: #32408f;
	padding: 4em 1.5em;
	display: block;
	font-weight: bold
}

.o-card__figure {
	width: 75%;
	height: 22.5em;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 12px;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-card__figure:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 20%;
	height: 4px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	left: 50%;
	top: 50%;
	-webkit-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	transition: transform .4s cubic-bezier(0, 0.5, 0, 1);
	background-color: #fff
}

@media only screen and (max-width: 959px) {
	.o-card__figure {
		width: 90%
	}
}

@media only screen and (max-width: 767px) {
	.o-card__figure {
		width: auto
	}
}

.o-card__logo {
	display: block;
	width: 10em;
	height: 10em;
	position: absolute;
	bottom: 3em;
	left: -15%;
	background-color: white;
	border-radius: 12px;
	background-size: 75%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-card__logo:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.4);
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	opacity: 0;
	border-radius: 12px
}

@media only screen and (max-width: 959px) {
	.o-card__logo {
		left: -.375em
	}
}

.o-card__info {
	width: 75%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-card__info .u-block {
	padding: 1.5em 0;
	line-height: 1.8;
	font-size: 0.875em
}

@media only screen and (max-width: 959px) {
	.o-card__info {
		width: 90%
	}
}

@media only screen and (max-width: 767px) {
	.o-card__info {
		width: auto
	}
}

.o-card__monogram {
	font-weight: bold;
	color: black;
	font-size: 15em;
	position: absolute;
	bottom: -20%;
	opacity: 0.1;
	z-index: -1
}

.s--left .o-card__monogram {
	left: 0
}

.s--right .o-card__monogram {
	right: 0
}

.o-imagelink {
	display: inline-block;
	position: relative;
	width: 15em;
	height: 10em;
	background-color: #198553;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-imagelink .a-center {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 1.5em;
	z-index: 1
}

.t-jupiter .o-imagelink {
	background-color: #198553
}

.o-imagelink .o-imagelink__figure {
	display: block;
	height: 100%;
	mix-blend-mode: multiply;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/dummy/cover.jpg")
}

.o-imagelink:hover {
	-webkit-transform: translateY(-1.5em);
	-moz-transform: translateY(-1.5em);
	-ms-transform: translateY(-1.5em);
	-o-transform: translateY(-1.5em);
	transform: translateY(-1.5em)
}

.o-imagelink:hover .o-icon {
	-webkit-transform: translateX(.75em);
	-moz-transform: translateX(.75em);
	-ms-transform: translateX(.75em);
	-o-transform: translateX(.75em);
	transform: translateX(.75em)
}

.o-imagelink:hover:after {
	opacity: 1
}

.o-imagelink:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35);
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
	opacity: 0
}

@media only screen and (max-width: 1200px) {
	.o-imagelink {
		width: 45%
	}
}

.o-pagination .page-numbers {
	color: #2e4b2e
}

.o-pagination .page-numbers.current {
	color: inherit;
	font-weight: bold;
	border-bottom: solid 1px
}

.o-pagination a {
	padding: 0.5em;
	display: inline-block
}

.o-staff {
	display: block;
	position: relative
}

.o-staff figure {
	width: 12em;
	height: 16.5em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.125em;
	position: relative;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease
}

.o-staff .o-bubble {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
	z-index: -2
}

.o-staff .o-bubble.s--large {
	bottom: 20%;
	left: 15%;
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.o-staff .o-bubble.s--medium {
	top: 20%;
	left: 15%;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.o-staff .o-bubble.s--small {
	top: 40%;
	right: 10%;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.o-staff .o-subheading {
	padding-bottom: 0;
	position: relative;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease
}

.o-staff .o-subtitle {
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease
}

.o-staff.is-clickable:hover .o-bubble {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running
}

.o-staff.is-clickable:hover .o-subheading {
	-webkit-transform: translateY(.75em);
	-moz-transform: translateY(.75em);
	-ms-transform: translateY(.75em);
	-o-transform: translateY(.75em);
	transform: translateY(.75em)
}

.o-staff.is-clickable:hover .o-subtitle {
	-webkit-transform: translateY(1.5em);
	-moz-transform: translateY(1.5em);
	-ms-transform: translateY(1.5em);
	-o-transform: translateY(1.5em);
	transform: translateY(1.5em)
}

.o-staff.is-clickable:hover figure {
	-webkit-transform: translateY(-1.5em);
	-moz-transform: translateY(-1.5em);
	-ms-transform: translateY(-1.5em);
	-o-transform: translateY(-1.5em);
	transform: translateY(-1.5em)
}

@media only screen and (max-width: 767px) {
	.o-staff {
		margin: 0 auto
	}
}

.o-director {
	width: 25%;
	float: left;
	margin-bottom: 4em;
	text-align: center
}

.o-director a {
	display: block;
	position: relative;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease
}

.o-director a:hover {
	-webkit-transform: translateY(-1.5em);
	-moz-transform: translateY(-1.5em);
	-ms-transform: translateY(-1.5em);
	-o-transform: translateY(-1.5em);
	transform: translateY(-1.5em)
}

.o-director a:hover .o-director__info {
	-webkit-transform: translateY(3em);
	-moz-transform: translateY(3em);
	-ms-transform: translateY(3em);
	-o-transform: translateY(3em);
	transform: translateY(3em)
}

.o-director a:hover .o-bubble {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running
}

.o-director figure {
	width: 14.0625em;
	height: 14.0625em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	background-color: #e6e6e6;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.o-director .o-subheading {
	padding-bottom: 0;
	padding-top: 0.5em
}

.o-director .o-subtitle {
	height: auto;
	padding: .375em 0
}

.o-director .o-director__info {
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease
}

.o-director .s--medium {
	top: -10%;
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.o-director .s--small {
	bottom: 55%;
	right: 5%;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.o-director .o-bubble {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
	z-index: -2
}

.o-director.s--educators {
	width: 20%;
	font-size: 0.75em
}

@media only screen and (max-width: 959px) {
	.o-director {
		width: 50%
	}
}

@media only screen and (max-width: 767px) {
	.o-director {
		width: 100% !important;
		float: none;
		margin-bottom: 1.5em
	}
}

.o-story {
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.125em;
	padding: 2em 0 4em
}

.o-story p {
	margin-bottom: 1.5em;
	line-height: 1.7
}

.o-story h1 {
	font-size: 2.2em;
	position: relative
}

.t-neptune .o-story h1 {
	color: #198553
}

.t-venus .o-story h1 {
	color: #198553
}

.t-jupiter .o-story h1 {
	color: #198553 
}

.t-earth .o-story h1 {
	color: #01b39b
}

.t-mercury .o-story h1 {
	color: #198553
}

.o-story .o-subtitle {
	padding: 0 0 1em;
	opacity: 0.5
}

.o-story.s--wide {
	width: auto
}

.o-story__content {
	padding-top: 1.5em
}

.s--wide .o-story__content {
	padding-top: 0
}

.o-story__content img {
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 12px;
	margin-top: 2em
}

.o-story__content .wp-caption-text {
	font-family: 'Georgia', serif;
	font-style: italic;
	padding: 1em 2em 2em !important;
	font-size: 0.875em;
	opacity: 0.75
}

.o-story__content h1 {
	padding-top: 1.5em;
	color: #2e4b2e
}

.o-story__content h2 {
	font-weight: bold;
	padding-top: 1em;
	font-size: 0.85em
}

.o-story__content h3 {
	font-weight: bold;
	padding: 1em 0;
	font-size: 1.125em
}

.o-story__content blockquote {
	font-size: 1.2em;
	width: 85%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 2em 0 3em;
	font-family: 'Georgia', serif;
	font-style: italic;
	opacity: 0.7
}

.o-story__content ul {
	list-style: disc inside
}

.o-story__content ol {
	list-style: decimal inside
}

.o-story__content ol,
.o-story__content ul {
	padding-bottom: 2em;
	line-height: 1.8;
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.o-story__content li {
	padding-bottom: 1.125em
}

.o-story__content em {
	font-style: italic
}

.o-story__content .iframe-container {
	position: relative;
	padding-bottom: 56.25% !important;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	margin: 2em 0
}

.o-story__content .iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.o-story__content a {
	color: #198553
}

.o-story__content span {
	font-weight: 300 !important
}

.o-story__content .o-networks {
	width: auto;
	padding: 1.5em 0
}

@media only screen and (max-width: 767px) {
	.o-story__content blockquote {
		font-size: 1em;
		width: auto
	}

	.o-story__content .o-networks {
		padding: 0
	}
}

.o-story__header {
	padding: 2em 0 1em
}

.o-story__title h1 {
	overflow: hidden;
	cursor: pointer;
	padding-bottom: 0.25em;
	color: #2e4b2e
}

.o-story__title h1 .o-subtitle {
	font-size: 15%;
	padding-bottom: 1.5em
}

.o-story__title .o-subtitle {
	opacity: 0.75;
	font-size: 0.5em
}

.o-story__title section {
	position: absolute;
	background-color: #fff;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	cursor: pointer
}

.o-story__title ul {
	font-size: 0.7em;
	padding-top: 0em
}

.o-story__title:hover section {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.o-story__figure {
	padding-top: 3em
}

.o-story__figure img {
	max-width: 100%;
	height: auto;
	width: 100%;
	border-radius: 12px;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35)
}

.o-story__figure p {
	font-family: 'Georgia', serif;
	font-style: italic;
	padding: 2em;
	opacity: 0.9;
	text-transform: capitalize
}

.o-story__comments {
	border-top: solid 1px #e6e6e6;
	margin-top: 3em;
	padding-top: 1em;
	font-size: 0.9em;
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.o-story__comments .comment-reply-title {
	padding-bottom: 1.2em;
	font-size: 1.125em
}

.o-story__comments label {
	display: block;
	font-size: 0.875em;
	font-weight: bold;
	padding-bottom: 0.75em
}

.o-story__comments textarea,
.o-story__comments input {
	border-bottom: solid 1px #b9c2f5;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	color: #626990;
	font-weight: 300;
	padding-bottom: 0.5em
}

.o-story__comments input[type="submit"] {
	display: inline-block;
	border: none;
	border-radius: 1.5em;
	padding: .75em 1.5em .75em 1.875em;
	font-size: 1em;
	cursor: pointer;
	color: inherit;
	background-color: #d7e5ef;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	width: auto
}

.o-story__comments h2 {
	margin-bottom: 2.5em
}

.o-story__comments h4 {
	font-weight: bold;
	text-transform: capitalize
}

.o-story__comments time {
	font-size: 0.75em;
	opacity: 0.7;
	margin-bottom: 1em;
	display: block;
	padding-top: 0.5em
}

.o-story__comments img {
	display: none
}

.o-story__comments article {
	position: relative;
	margin-bottom: 3em
}

.o-story__comments article:after {
	content: "";
	width: 30%;
	background-color: #e6e6e6;
	height: 1px;
	position: absolute;
	bottom: -.75em;
	left: 0
}

.o-story__comments p {
	margin-bottom: 1em
}

.o-bio:after {
	content: "";
	display: table;
	clear: both
}

.o-bio .o-bubble {
	left: 20%;
	bottom: 0;
	top: auto
}

.o-bio__figure {
	width: 40%;
	float: left;
	text-align: center
}

.o-bio__figure figure {
	height: 22.5em;
	margin: 1.5em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: relative
}

.o-bio__figure figure.s--radial {
	width: 14.0625em;
	height: 14.0625em;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-color: #e6e6e6;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.o-bio__figure figure.s--color {
	filter: none
}

.o-bio__figure figure.s--rounded {
	border-radius: 50%;
	width: 15em;
	height: 15em;
	background-size: cover
}

.o-bio__figure .o-networks {
	margin: 1.5em
}

.is-booting .o-bio__figure {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media only screen and (max-width: 767px) {
	.o-bio__figure {
		width: auto;
		float: none
	}

	.o-bio__figure .o-networks {
		margin: 0
	}
}

.o-bio__story {
	width: 60%;
	float: left
}

.o-bio__story p {
	padding-bottom: 1.5em
}

.o-bio__story p:last-child {
	padding-bottom: 0
}

.o-bio__story h1 {
	padding-bottom: .1875em
}

.o-bio__story header {
	padding-bottom: 2em
}

.is-booting .o-bio__story {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media only screen and (max-width: 767px) {
	.o-bio__story {
		width: auto;
		float: none h1;
		float-padding-top: 0
	}
}

.o-player {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto
}

.o-player iframe,
.o-player object,
.o-player embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.o-pop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	overflow: scroll;
	display: none
}

.o-pop .u-table {
	width: 100%;
	height: 100%
}

.o-pop .u-cell {
	vertical-align: middle
}

.o-pop .u-canvas {
	width: 100%;
	height: 540px
}

@media only screen and (max-width: 767px) {
	.o-pop .u-canvas {
		height: 360px
	}
}

.o-pop .c-bubble-roof {
	position: absolute;
	z-index: 2;
	height: 100%;
	overflow: hidden;
	width: 100%
}

.o-pop:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(91, 101, 239, 0.9);
	z-index: -1;
	position: fixed
}

.is-booting .o-pop:after {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease
}

.o-pop .o-subheading {
	font-weight: 300;
	font-size: 1.25em;
	padding: 1em 0
}

.o-pop .c-programs__nav {
	padding: 0
}

.o-pop .c-programs__nav li {
	width: 33.33333%
}

.o-pop__content {
	position: relative;
	z-index: 3;
	overflow: hidden
}

.o-pop__close {
	position: absolute;
	top: -15px;
	right: -10px;
	z-index: 20
}

.o-pop__close .o-icon {
	width: 3em;
	height: 3em;
	margin: .1875em
}

.o-pop__box {
	background-color: #fff;
	width: 860px;
	margin: 1.5em auto;
	position: relative;
	box-shadow: 30px 30px 50px 0px rgba(0, 0, 0, 0.35)
}

.o-pop__box.s--narrow {
	width: 480px
}

@media only screen and (max-width: 959px) {
	.o-pop__box {
		width: 90%
	}

	.o-pop__box.s--narrow {
		width: 90%
	}
}

.is-booting .o-pop__box {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

.o-block {
	margin-bottom: 5em;
	padding-top: 2em
}

.o-block:after {
	content: "";
	display: table;
	clear: both
}

.o-block h2 {
	text-transform: uppercase;
	font-size: 2em;
	color: #198553
}

.o-block p {
	padding-bottom: 1.5em
}

.o-block p:last-child {
	padding-bottom: 0
}

.o-block span {
	font-weight: 300 !important
}

.o-block header {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	text-align: center;
	margin-bottom: 2.5em
}

.o-block header.s--clear {
	margin-bottom: 0
}

.o-block .o-bubble.s--large {
	height: 13em;
	width: 13em;
	top: 50%
}

.o-block .o-bubble.s--medium {
	height: 9em;
	width: 9em;
	top: 30%
}

.o-block .o-bubble.s--small {
	height: 6em;
	width: 6em;
	top: 0
}

.o-block.s--even .o-bubble {
	left: -4.125em
}

.o-block.s--odd .o-bubble {
	right: -4.125em
}

.o-block.s--quote {
	margin: 4em auto
}

.o-block.s--basic {
	width: 65%;
	margin-left: auto;
	margin-right: auto
}

.o-block.s--basic .u-box {
	width: auto
}

.o-block.s--statistics {
	background-color: #e8f5ff;
	padding-top: 1.5em
}

.o-block .o-statistic {
	display: inline-block;
	color: #ffffff;
	float: none
}

.o-block .o-statistic figure {
	height: 17em;
	width: 17em
}

.o-block.s--docs {
	background-color: #f4f7fa;
	padding-bottom: 2em;
	margin-top: 2em
}

.o-block.s--imagelist {
	margin-bottom: 0
}

@media only screen and (max-width: 1200px) {
	.o-block.s--odd .o-bubble {
		right: 0;
		top: -1em
	}

	.o-block.s--even .o-bubble {
		left: 0
	}
}

@media only screen and (max-width: 959px) {
	.o-block header {
		width: 90%
	}

	.o-block .o-statistic {
		width: 50%;
		float: left
	}
}

@media only screen and (max-width: 767px) {
	.o-block header {
		width: auto
	}

	.o-block h2 {
		font-size: 1.75em;
		padding-top: 1em
	}

	.o-block .o-bubble.s--large {
		height: auto;
		width: 50%;
		padding-bottom: 50%
	}

	.o-block .o-statistic {
		width: auto;
		float: none
	}
}

.o-quote {
	position: relative;
	font-size: 1.4em;
	width: 70%;
	text-align: center;
	margin: 0 auto
}

.o-quote p {
	font-family: 'Georgia', serif;
	font-style: italic;
	padding-bottom: .75em;
	color: #7c7d82;
	line-height: 1.6
}

.o-quote cite {
	font-size: 0.6em;
	border-bottom: solid 1px #e6e6e6;
	padding-bottom: 0.875em
}

.o-block__text {
	float: left;
	width: 55%;
	position: relative
}

.o-block__text .u-wrap {
	padding-top: 0
}

.s--even .o-block__text {
	float: right
}

.s--linear .o-block__text {
	float: none;
	width: auto
}

.o-block__text:after {
	content: "";
	left: 1.5em;
	bottom: 0;
	position: absolute;
	width: 20%;
	height: 1px;
	background-color: #e6e6e6
}

@media only screen and (max-width: 767px) {
	.o-block__text {
		float: none;
		width: auto
	}
}

.o-block__figure {
	float: right;
	width: 45%
}

.o-block__figure figure {
	border-radius: 12px;
	padding-bottom: 80%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative
}

.o-block__figure figure:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35);
	border-radius: 12px
}

.s--even .o-block__figure {
	float: left
}

.s--linear .o-block__figure {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	margin-bottom: 1.5em;
	float: none
}

.s--linear .o-block__figure figure {
	padding-bottom: 50%
}

@media only screen and (max-width: 767px) {
	.o-block__figure {
		float: none;
		width: auto
	}
}

.o-doc__group {
	text-align: center;
	padding-top: 2em
}

.o-doc__group:after {
	content: "";
	display: table;
	clear: both
}

.o-doc__group li {
	display: inline-block;
	margin: 0 .75em
}

.o-doc {
	display: block;
	text-align: center;
	width: 15em;
	height: 15.5em;
	position: relative;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	color: #566577
}

.o-doc .u-table {
	width: 90%;
	background-color: #e6e6e6;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s
}

.o-doc .o-icon {
	height: 1.75em;
	width: 1.75em;
	display: block;
	top: 1em;
	position: absolute;
	left: 1em
}

.o-doc .o-doc__title {
	text-align: left;
	display: block;
	line-height: 1.2;
	padding-bottom: 1em;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s
}

.o-doc .u-wrap {
	padding: 1em
}

.o-doc .o-line {
	width: 30%;
	background-color: #d1cfcf
}

.o-doc .o-bubble {
	bottom: .375em;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: levitate;
	-moz-animation-name: levitate;
	-o-animation-name: levitate;
	animation-name: levitate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused
}

.o-doc .o-bubble.s--left {
	left: -.75em;
	width: 3em;
	height: 3em;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s
}

.o-doc .o-bubble.s--right {
	right: .25em;
	width: 4em;
	height: 4em
}

.o-doc .o-doc__type {
	position: absolute;
	left: 1em;
	bottom: 1em
}

.o-doc:hover {
	-webkit-transform: translateY(-1.125em);
	-moz-transform: translateY(-1.125em);
	-ms-transform: translateY(-1.125em);
	-o-transform: translateY(-1.125em);
	transform: translateY(-1.125em);
	color: #f8f8f8
}

.o-doc:hover .u-table {
	background-color: #1095c7
}

.o-doc:hover .o-bubble {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running
}

.o-doc:hover .o-doc__type {
	color: #f8f8f8
}

.o-swiper {
	width: 85%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.o-swiper .swiper-container {
	width: 100%;
	border-radius: 12px
}

.o-swiper .o-bubble {
	top: auto !important;
	bottom: 3em
}

.o-swiper .s--left {
	left: -5%
}

.o-swiper .s--right {
	right: -5%
}

.o-swiper .swiper-button-prev {
	left: -10%;
	background-image: url("images/arrow-rtl.svg");
	width: 2em;
	background-size: contain
}

.o-swiper .swiper-button-next {
	right: -10%;
	background-image: url("images/arrow-ltr.svg");
	width: 2em;
	background-size: contain
}

@media only screen and (max-width: 767px) {
	.o-swiper .s--left {
		left: 0;
		bottom: 1em
	}

	.o-swiper .s--right {
		right: 0;
		bottom: -1em
	}
}

.o-swiper__pagination {
	text-align: center;
	padding-top: 1.5em
}

.o-swiper__pagination .swiper-pagination {
	position: static;
	display: inline-block
}

.o-swiper__pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0.35em
}

.o-swiper__figure {
	background-color: black;
	padding-bottom: 55%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.o-swiper__caption {
	position: absolute;
	bottom: 1.5em;
	z-index: 1;
	width: 100%
}

.o-swiper__caption figcaption {
	text-align: center;
	padding: 0.5em;
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	color: #fff
}

.o-imagelist {
	padding-top: 1.5em
}

.o-imagelist:after {
	content: "";
	display: table;
	clear: both
}

.o-imagelist h3 {
	font-size: 1.125em;
	padding-bottom: 1em;
	line-height: 1.3;
	color: #198553
}

.o-imagelist li {
	width: 50%;
	float: left;
	margin-bottom: 2em
}

.o-imagelist li.s--fluid {
	width: 25%
}

.o-imagelist figure {
	border-radius: 12px;
	padding-bottom: 80%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 1.5em;
	position: relative;
	background-position: center top;
	background-color: #2e4b2e
}

.o-imagelist figure:after {
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	border-radius: 12px
}

.o-imagelist .o-bubble {
	top: 0 !important;
	left: -2em
}

@media only screen and (max-width: 767px) {
	.o-imagelist li {
		width: auto !important;
		float: none
	}
}

.o-imagelistItem {
	padding: 1.5em 0;
	width: 85%;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
	.o-imagelistItem {
		width: auto
	}
}

.o-embed__content {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	border-radius: 12px
}

.o-embed__content iframe,
.o-embed__content object,
.o-embed__content embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.o-embed {
	width: 85%;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.o-embed .o-bubble {
	top: auto !important;
	bottom: 2%
}

.o-embed .s--left {
	left: -8%
}

.o-embed .s--right {
	right: -8%
}

@media only screen and (max-width: 767px) {
	.o-embed {
		width: auto
	}
}

.o-reaction {
	text-align: center;
	display: inline-block;
	margin-right: 0.75em
}

.o-reaction a {
	display: block;
	-webkit-transition: transform .25s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .25s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .25s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .25s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .25s cubic-bezier(0.42, 0, 0, 1.46)
}

.o-reaction a:hover {
	-webkit-transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.o-reaction a:hover .o-reaction__count {
	display: none
}

.o-reaction a:hover .o-reaction__add {
	display: block
}

.o-reaction a.is-unreactive,
.o-reaction a.in-history {
	opacity: 0.7;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%)
}

.o-reaction .o-icon {
	width: 3em;
	height: 3em
}

.o-reaction .s--angry {
	background-image: url("images/reactions/angry.svg")
}

.o-reaction .s--bored {
	background-image: url("images/reactions/bored.svg")
}

.o-reaction .s--happy {
	background-image: url("images/reactions/happy.svg")
}

.o-reaction .s--love {
	background-image: url("images/reactions/kissing.svg")
}

.o-reaction .s--wow {
	background-image: url("images/reactions/surprised.svg")
}

.o-reaction span {
	display: block;
	padding-top: 0.5em;
	font-weight: bold;
	font-size: 0.875em;
	color: #2e4b2e
}

.o-reaction span.o-reaction__add {
	display: none
}

.o-box {
	background-color: #F0F0F0;
	display: block;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 1.5em;
	color: #696969;
	height: 480px
}

.o-box .u-table {
	height: 100%;
	width: 100%
}

.c-page__wrap {
	width: 87.5em;
	min-height: 100%;
	margin: 1.875em auto;
	position: relative
}

.c-page__wrap:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: -500
}

@media only screen and (max-width: 1600px) {
	.c-page__wrap {
		width: auto;
		margin: 0 auto;
		min-height: 0;
		height: 100%
	}
}

.c-opportunities {
	text-align: center;
	margin-top: 4em;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/opportunities.jpg")
}

.c-opportunities .u-cell {
	background-color: rgba(0, 0, 0, 0.5)
}

.c-opportunities .o-button {
	margin-top: 3em
}

.c-opportunities p {
	font-size: 2em;
	color: white
}

.c-page__header {
	position: fixed;
	z-index: 10;
	width: 100%
}

.c-page__header:after {
	content: "";
	display: table;
	clear: both
}

.c-page__header .o-networks {
	float: right;
	padding-top: .5em
}

.is-booting .c-page__header {
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

.c-page__header.is-hidden {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

.c-logo {
	display: block;
	width: 7em;
	height: 4.5em;
	background-image: url("images/rahu_logo_vert.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
	position: relative;
	top: -12px
}

.c-logo:hover {
	opacity: 0.7
}

.c-page__menu {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10;
	background-color: #198553
}

.is-booting .c-page__menu {
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

.c-page__menu.is-hidden {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

.c-page__menu.is-active {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media only screen and (max-width: 1600px) {
	.c-page__menu {
		background-color: transparent
	}
}

@media only screen and (max-width: 767px) {
	.c-page__menu {
		top: 20%;
		visibility: hidden;
		opacity: 0
	}

	.c-page__menu.is-active {
		visibility: visible
	}
}

.c-page-cover {
	background-color: #198553 ;
	height: 48em;
	position: relative;
	overflow: hidden;
	color: #fff
}

.c-page-cover .u-table {
	position: absolute;
	top: 0;
	z-index: 1;
	left: 0;
	text-align: center
}

.is-booting .c-page-cover .u-table {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

.c-page-cover .u-cell {
	position: relative
}

.c-page-cover .s--small {
	background-color: #FDC14D;
	-webkit-animation: bubbleCoverSmall 40s linear infinite;
	-moz-animation: bubbleCoverSmall 40s linear infinite;
	-ms-animation: bubbleCoverSmall 40s linear infinite;
	-o-animation: bubbleCoverSmall 40s linear infinite;
	animation: bubbleCoverSmall 40s linear infinite
}

.c-page-cover .s--medium {
	background-color: #53BE80;
	-webkit-animation: bubbleCoverMedium 80s linear infinite;
	-moz-animation: bubbleCoverMedium 80s linear infinite;
	-ms-animation: bubbleCoverMedium 80s linear infinite;
	-o-animation: bubbleCoverMedium 80s linear infinite;
	animation: bubbleCoverMedium 80s linear infinite
}

.c-page-cover .o-bubble {
	top: 50%
}

.is-booting .c-page-cover .o-bubble__group {
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-o-animation-delay: 2.5s;
	animation-delay: 2.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease
}

.t-neptune .c-page-cover {
	background-color: #198553
}

.t-venus .c-page-cover {
	background-color: #198553
}

.t-jupiter .c-page-cover {
	background-color: #198553
}

.t-earth .c-page-cover {
	background-color: #198553
}

.t-mercury .c-page-cover {
	background-color: #198553
}

.c-page-cover.s--xshort {
	height: 10.5em
}

.c-page-cover.s--short {
	height: 16.75em
}

.c-page-cover.s--medium {
	height: 29.25em
}

.c-page-cover.s--medium .c-page-cover__image {
	background-position: center top
}

@media only screen and (max-width: 1600px) {
	.c-page-cover {
		height: 70%
	}

	.c-page-cover.s--xshort {
		height: 13%
	}

	.c-page-cover.s--short {
		height: 30%
	}

	.c-page-cover.s--medium {
		height: 45%
	}
}

.c-loader {
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	display: table;
	height: 120%;
	text-align: center;
	-webkit-transform: translate3d(0, 150%, 0);
	-moz-transform: translate3d(0, 150%, 0);
	-ms-transform: translate3d(0, 150%, 0);
	-o-transform: translate3d(0, 150%, 0);
	transform: translate3d(0, 150%, 0);
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	-ms-transition: background-color 1s ease;
	-o-transition: background-color 1s ease;
	transition: background-color 1s ease;
	background-color: #198553 
}

.c-loader span {
	display: inline-block;
	width: 152px;
	height: 152px;
	background-position: left center;
	background-image: url("images/animation/logo-white.png");
	-webkit-animation: c-loader-logo 1.3s infinite steps(24) forwards;
	-moz-animation: c-loader-logo 1.3s infinite steps(24) forwards;
	-ms-animation: c-loader-logo 1.3s infinite steps(24) forwards;
	-o-animation: c-loader-logo 1.3s infinite steps(24) forwards;
	animation: c-loader-logo 1.3s infinite steps(24) forwards;
	background-size: cover;
	-webkit-transform: scale(.4, .4);
	-moz-transform: scale(.4, .4);
	-ms-transform: scale(.4, .4);
	-o-transform: scale(.4, .4);
	transform: scale(.4, .4)
}

.c-loader span:after {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	border-radius: 50%;
	border: solid 7px white;
	top: -25%;
	left: -25%
}

.c-loader .o-bubble {
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	left: 50%
}

.c-loader .s--small {
	border: solid 2px #ffdc55;
	-webkit-animation-duration: 8s;
	-moz-animation-duration: 8s;
	-ms-animation-duration: 8s;
	-o-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-name: bubbleCoverSmall;
	-moz-animation-name: bubbleCoverSmall;
	-ms-animation-name: bubbleCoverSmall;
	-o-animation-name: bubbleCoverSmall;
	animation-name: bubbleCoverSmall;
	background-color: transparent
}

.c-loader .s--medium {
	border: solid 2px #54de8e;
	-webkit-animation-duration: 16s;
	-moz-animation-duration: 16s;
	-ms-animation-duration: 16s;
	-o-animation-duration: 16s;
	animation-duration: 16s;
	-webkit-animation-name: bubbleCoverMedium;
	-moz-animation-name: bubbleCoverMedium;
	-ms-animation-name: bubbleCoverMedium;
	-o-animation-name: bubbleCoverMedium;
	animation-name: bubbleCoverMedium;
	background-color: transparent
}

.t-neptune .c-loader {
	background-color: #198553 
}

.t-venus .c-loader {
	background-color: #198553 
}

.t-earth .c-loader {
	background-color: #198553 
}

.t-mercury .c-loader {
	background-color: #198553 
}

.c-loader.is-visible {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: slideInUp;
	-moz-animation-name: slideInUp;
	-ms-animation-name: slideInUp;
	-o-animation-name: slideInUp;
	animation-name: slideInUp;
	-webkit-animation-timing-function: cubic-bezier(.37, -0.01, .03, .99);
	-moz-animation-timing-function: cubic-bezier(.37, -0.01, .03, .99);
	-ms-animation-timing-function: cubic-bezier(.37, -0.01, .03, .99);
	-o-animation-timing-function: cubic-bezier(.37, -0.01, .03, .99);
	animation-timing-function: cubic-bezier(.37, -0.01, .03, .99)
}

.c-loader.is-visible .u-cell {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	animation-fill-mode: both
}

.c-loader.is-hidden {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: slideOutUp;
	-moz-animation-name: slideOutUp;
	-ms-animation-name: slideOutUp;
	-o-animation-name: slideOutUp;
	animation-name: slideOutUp;
	-webkit-animation-timing-function: cubic-bezier(.37, -0.01, .03, .99);
	-moz-animation-timing-function: cubic-bezier(.37, -0.01, .03, .99);
	-ms-animation-timing-function: cubic-bezier(.37, -0.01, .03, .99);
	-o-animation-timing-function: cubic-bezier(.37, -0.01, .03, .99);
	animation-timing-function: cubic-bezier(.37, -0.01, .03, .99)
}

.c-page-cover__image {
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	mix-blend-mode: multiply
}

.no-blendmodes .c-page-cover__image {
	opacity: 0.2
}

body.is-booting .c-page-cover__image {
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: .85s;
	-moz-animation-delay: .85s;
	-o-animation-delay: .85s;
	animation-delay: .85s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

html.no-blendmodes body.is-booting .c-page-cover__image {
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: slideInUp;
	-moz-animation-name: slideInUp;
	-o-animation-name: slideInUp;
	animation-name: slideInUp;
	-webkit-animation-delay: .85s;
	-moz-animation-delay: .85s;
	-o-animation-delay: .85s;
	animation-delay: .85s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

.c-page-cover__title {
	width: 340px;
	height: 182px;
	display: block;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-position: left center;
	-webkit-animation: c-page-cover__title 3s 0.1s steps(42) forwards;
	-moz-animation: c-page-cover__title 3s 0.1s steps(42) forwards;
	-ms-animation: c-page-cover__title 3s 0.1s steps(42) forwards;
	-o-animation: c-page-cover__title 3s 0.1s steps(42) forwards;
	animation: c-page-cover__title 3s 0.1s steps(42) forwards;
	top: -3em;
	position: relative
}

.c-page__title {
	overflow-x: hidden;
	width: 100%;
	top: 38.75em;
	z-index: -1;
	position: absolute
}

.c-page__title span {
	font-size: 30em;
	font-family: 'Arial';
	font-weight: bold;
	text-transform: lowercase;
	opacity: 0.05
}

@media only screen and (max-width: 1600px) {
	.c-page__title {
		top: 50%
	}
}

.is-booting .c-page__title {
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-o-animation-delay: 1.4s;
	animation-delay: 1.4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease
}

.c-page__info {
	width: 51em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #198553;
	color: #fff;
	position: relative;
	top: -10.5em;
	text-align: center;
	border-radius: 4px
}

.c-page__info .u-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	font-weight: 300;
	line-height: 1.6
}

.c-page__info a {
	display: block;
	position: relative;
	overflow: hidden
}

.c-page__info a h1 {
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	position: relative
}

.c-page__info a h1:after {
	content: "";
	position: absolute;
	width: 20%;
	height: 6px;
	background-color: #fff;
	left: 0;
	bottom: 1em;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-moz-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-ms-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	-o-transition: transform .3s cubic-bezier(0, 0.5, 0, 1);
	transition: transform .3s cubic-bezier(0, 0.5, 0, 1)
}

.c-page__info a:hover h1 {
	-webkit-transform: translateX(24px);
	-moz-transform: translateX(24px);
	-ms-transform: translateX(24px);
	-o-transform: translateX(24px);
	transform: translateX(24px)
}

.c-page__info a:hover h1:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.c-page__info a:hover:after {
	opacity: 0.3
}

.c-page__info a:after {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 400px;
	background-color: #000;
	left: 0;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.c-page__info .u-wrap {
	padding: 2em
}

.t-neptune .c-page__info {
	background-color: #198553
}

.t-venus .c-page__info {
	background-color: #198553
}

.t-jupiter .c-page__info {
	background-color: #198553 
}

.t-earth .c-page__info {
	background-color: #198553
}

.t-mercury .c-page__info {
	background-color: #198553
}

.is-booting .c-page__info {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-o-animation-delay: 1.4s;
	animation-delay: 1.4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	-o-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
	animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
}

@media only screen and (max-width: 1600px) {
	.c-page__info {
		top: -10%
	}
}

@media only screen and (max-width: 959px) {
	.c-page__info {
		width: 90%
	}
}

@media only screen and (max-width: 767px) {
	.c-page__info {
		text-align: left;
		width: auto
	}

	.c-page__info .u-wrap {
		padding: 1em
	}
}

.c-page__content {
	position: relative;
	top: -5%
}

.is-booting .c-page__content {
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-o-animation-delay: 1.6s;
	animation-delay: 1.6s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease
}

.c-page__content.s--clear {
	top: auto
}

.c-page__actions {
	margin-bottom: 2em
}

.c-page__actions:after {
	content: "";
	display: table;
	clear: both
}

.c-page__actions .o-line {
	position: relative;
	top: 1.875em;
	margin: 2em 0
}

.c-page__actions .o-line:after {
	content: "";
	position: absolute;
	height: 1.875em;
	width: 1px;
	background-color: inherit;
	top: 0;
	left: 50%
}

.c-page__actions .o-list .o-icon {
	position: absolute;
	left: 0;
	top: 30%
}

.c-page__actions .o-subtitle {
	margin-bottom: 2em
}

.c-page__actions .o-link__title {
	padding-left: 1.875em;
	line-height: 1.5
}

.c-page__actions .o-networks {
	font-size: 1.25em;
	padding-top: .75em
}

.c-button-next {
	display: block;
	background-color: #198553;
	padding: 5em 0;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.c-button-next span {
	position: relative;
	z-index: 2
}

.c-button-next figure {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	mix-blend-mode: multiply;
	left: 0;
	z-index: 1;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-moz-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-ms-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-o-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1)
}

.c-button-next .o-icon {
	background-color: #fff;
	border-radius: 50%
}

.c-button-next .o-heading {
	color: #fff !important;
	-webkit-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-moz-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-ms-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-o-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	width: 60%;
	line-height: 1.3;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.c-button-next .o-subtitle {
	-webkit-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-moz-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-ms-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	-o-transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99);
	transition: transform .65s cubic-bezier(0.27, 0, 0, 0.99)
}

.t-venus .c-button-next {
	background-color: #198553
}

.t-jupiter .c-button-next {
	background-color: #198553 
}

.t-earth .c-button-next {
	background-color: #016759
}

.t-mercury .c-button-next {
	background-color: #198553
}

.c-button-next:hover figure {
	-webkit-transform: scale3d(1.1, 1.1, 1.1) translateX(50px);
	-moz-transform: scale3d(1.1, 1.1, 1.1) translateX(50px);
	-ms-transform: scale3d(1.1, 1.1, 1.1) translateX(50px);
	-o-transform: scale3d(1.1, 1.1, 1.1) translateX(50px);
	transform: scale3d(1.1, 1.1, 1.1) translateX(50px)
}

.c-button-next:hover .o-heading {
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-ms-transform: translateX(60px);
	-o-transform: translateX(60px);
	transform: translateX(60px)
}

.c-button-next:hover .o-subtitle {
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
	transform: translateX(30px)
}

.c-page__footer {
	padding: 4em 0;
	background-color: #efefef
}

.c-page__footer h2 {
	margin-bottom: .75em
}

.c-page__footer .o-networks {
	margin-bottom: 3em
}

.c-page__footer .o-line {
	background-color: #d6d6d6
}

.t-neptune .c-page__footer {
	background-color: #e4eaf5
}

.t-venus .c-page__footer {
	background-color: #ece4f5
}

.t-jupiter .c-page__footer {
	background-color: #e0edf7
}

.t-earth .c-page__footer {
	background-color: #e4f5f0
}

.t-mercury .c-page__footer {
	background-color: #e4e4f5
}

.c-page__footer .u-box {
	width: 90%;
	padding: 0 1.5em
}

@media only screen and (max-width: 959px) {
	.c-page__footer .u-box {
		padding: 0
	}

	.c-page__footer .u-fourth {
		padding-bottom: 2em
	}
}

@media only screen and (max-width: 767px) {

	.c-contacts .u-third,
	.c-contacts .u-half {
		padding-bottom: 2em
	}

	.c-contacts .u-wrap {
		padding: 1em
	}
}

.c-partners {
	margin-bottom: 1.5em
}

.c-partners:after {
	content: "";
	display: table;
	clear: both
}

.c-partners a {
	display: block;
	margin: .75em;
	margin-left: 0
}

.c-partners figure {
	width: 90%;
	height: 6em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	mix-blend-mode: multiply;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%)
}

@media only screen and (max-width: 767px) {
	.c-partners li {
		width: 50%;
		float: left
	}
}

.c-form-newsletter:after {
	content: "";
	display: table;
	clear: both
}

.c-form-newsletter .o-button {
	float: right;
	width: 42%;
	padding: .5em 1.5em
}

.c-form-newsletter .o-input {
	float: left;
	width: 58%;
	margin-bottom: 0
}

.c-form-newsletter .o-input input {
	border: solid 2px #c4cad4;
	border-radius: 10em;
	padding: .4375em 1.125em;
	width: 78%
}

@media only screen and (max-width: 1200px) {
	.c-form-newsletter .o-button {
		width: 45%
	}

	.c-form-newsletter .o-input {
		width: 55%
	}

	.c-form-newsletter .o-input input {
		width: 70%
	}
}

.c-sitemap {
	font-size: .875em;
	padding-top: 3em;
	text-align: center;
	opacity: 0.7
}

.c-sitemap ul {
	padding: 2em 0
}

.c-sitemap li {
	display: inline-block;
	margin-left: .375em
}

.c-sitemap a {
	display: block;
	padding: 0.5em;
	position: relative
}

.c-sitemap a:after {
	content: "";
	position: absolute;
	background-color: #929292;
	width: 20%;
	height: 1px;
	bottom: 50%;
	left: -.75em
}

.c-team {
	text-align: center
}

.c-team:after {
	content: "";
	display: table;
	clear: both
}

.c-team li {
	width: 25%;
	float: left;
	margin-bottom: 3em
}

.c-team li:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 959px) {
	.c-team li {
		width: 50%
	}
}

@media only screen and (max-width: 767px) {
	.c-team {
		font-size: 0.875em
	}

	.c-team li {
		float: none;
		width: 100%;
		margin-bottom: 1.5em
	}
}

.c-program__partners {
	text-align: center
}

.c-program__partners li {
	float: none;
	display: inline-block
}

@media only screen and (max-width: 767px) {
	.c-program__partners li {
		float: left
	}
}

.c-programs__nav {
	padding: 0 1.5em 3em
}

.c-programs__nav:after {
	content: "";
	display: table;
	clear: both
}

.c-programs__nav li {
	width: 16.66667%;
	float: left
}

.c-programs__nav li.u-third {
	width: 33.33333%
}

.c-programs__nav span {
	padding: 1.5em;
	display: block;
	line-height: 1.2
}

.c-programs__nav a {
	display: block;
	background-color: #fff;
	height: 6em;
	margin: 1em;
	background-size: 65%;
	background-repeat: no-repeat;
	background-position: center;
	border: solid 1px #e8e9eb;
	border-radius: 4px;
	-webkit-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-moz-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-ms-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	-o-transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	transition: transform .4s cubic-bezier(0.42, 0, 0, 1.46);
	position: relative
}

.c-programs__nav a:after {
	border-radius: 4px;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35)
}

.c-programs__nav a:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.c-programs__nav a:hover:after {
	opacity: 1
}

.c-programs__nav.s--clear {
	padding: 0;
	margin: 0;
	list-style: none
}

.c-programs__nav.s--clear a {
	margin-left: 0
}

@media only screen and (max-width: 959px) {
	.c-programs__nav li {
		width: 25%
	}
}

@media only screen and (max-width: 767px) {
	.c-programs__nav {
		padding: 0 0 3em
	}

	.c-programs__nav li {
		width: 50% !important
	}
}

.c-milestones__line {
	width: 1px;
	height: 100%;
	background-color: #198553 ;
	position: absolute;
	left: 50%;
	z-index: -1;
	top: -5em
}

@media only screen and (max-width: 767px) {
	.c-milestones__line {
		right: 0;
		left: auto
	}
}

.c-values:after {
	content: "";
	display: table;
	clear: both
}

.c-values li {
	width: 20%;
	float: left
}

.c-values figure {
	background-color: #000;
	padding-bottom: 150%
}

.c-values .o-subheading {
	height: 4.5em;
	padding-bottom: 0;
	padding-left: .5625em
}

@media only screen and (max-width: 959px) {
	.c-splash-articles .u-wrap {
		padding: 1em
	}
}

@media only screen and (max-width: 767px) {
	.c-splash-articles .u-wrap {
		padding: 0
	}
}

.c-splash-team {
	background-color: #edeef0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 1.5em;
	color: #696969
}

.c-splash-team .o-bubble {
	z-index: 1;
	-webkit-transition: transform .4s ease;
	-moz-transition: transform .4s ease;
	-ms-transition: transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease
}

.c-splash-team .u-col {
	position: relative
}

.c-splash-team .u-60p {
	height: 100%;
	position: relative
}

.c-splash-team blockquote {
	padding-bottom: .75em
}

.c-splash-team .o-subheading {
	padding-bottom: .375em
}

.c-splash-team .o-subtitle {
	margin-bottom: 4.5em
}

.c-splash-team .u-wrap {
	position: relative;
	top: 4.5em
}

.c-splash-team .s--large {
	left: 10%;
	top: 10%;
	width: 20em;
	height: 20em
}

.c-splash-team .s--medium {
	left: 5%;
	top: 5%
}

.c-splash-team .s--small {
	right: 5%;
	bottom: 5%
}

.c-splash-team .s--profile {
	height: auto
}

@media only screen and (max-width: 767px) {
	.c-splash-team {
		width: auto
	}

	.c-splash-team .s--large {
		width: 100%;
		height: auto;
		padding-bottom: 100%;
		left: 0
	}

	.c-splash-team .u-wrap {
		position: static
	}

	.c-splash-team .u-60p {
		z-index: 2
	}
}

.c-splash-team__link {
	display: block;
	-webkit-transition: transform .4s ease;
	-moz-transition: transform .4s ease;
	-ms-transition: transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease
}

.c-splash-team__link:hover {
	-webkit-transform: translateX(.75em);
	-moz-transform: translateX(.75em);
	-ms-transform: translateX(.75em);
	-o-transform: translateX(.75em);
	transform: translateX(.75em)
}

.c-splash-team__link:hover .c-splash-team__figure {
	-webkit-transform: translateX(-1.5em);
	-moz-transform: translateX(-1.5em);
	-ms-transform: translateX(-1.5em);
	-o-transform: translateX(-1.5em);
	transform: translateX(-1.5em)
}

.c-splash-team__figure {
	position: relative;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
	-webkit-transition: transform .4s ease;
	-moz-transition: transform .4s ease;
	-ms-transition: transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease
}

@media only screen and (max-width: 959px) {
	.c-splash-team__figure {
		width: auto;
		height: 18.75em
	}
}

.c-programs-tint {
	z-index: -1;
	width: 100%;
	top: 3.75em;
	height: 95%;
	background-color: #198553;
	position: absolute
}

.c-programs-tint:after {
	content: "";
	position: absolute;
	width: 50%;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #166540;
	z-index: -1;
	-webkit-transition: transform .75s ease;
	-moz-transition: transform .75s ease;
	-ms-transition: transform .75s ease;
	-o-transition: transform .75s ease;
	transition: transform .75s ease;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}

.aos-animate .c-programs-tint:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.c-humburger {
	position: fixed;
	width: 4.5em;
	height: 4.5em;
	top: 0;
	right: 0;
	margin: .75em;
	z-index: 12;
	transition: background-color 0.5s ease, transform 0.5s ease;
	-webkit-transform: translate3d(200%, 0, 0);
	-moz-transform: translate3d(200%, 0, 0);
	-ms-transform: translate3d(200%, 0, 0);
	-o-transform: translate3d(200%, 0, 0);
	transform: translate3d(200%, 0, 0);
	border-radius: 50%;
	background-color: #198553 
}

.t-neptune .c-humburger {
	background-color: #198553
}

.t-venus .c-humburger {
	background-color: #198553
}

.t-earth .c-humburger {
	background-color: #198553
}

.t-mercury .c-humburger {
	background-color: #198553
}

.c-humburger span {
	display: block;
	background-color: #fff;
	height: 4px;
	width: 50%;
	position: absolute;
	left: 1.1em;
	-webkit-transition: transform 0.3s cubic-bezier(0.46, 0.01, 0.29, 1);
	-moz-transition: transform 0.3s cubic-bezier(0.46, 0.01, 0.29, 1);
	-ms-transition: transform 0.3s cubic-bezier(0.46, 0.01, 0.29, 1);
	-o-transition: transform 0.3s cubic-bezier(0.46, 0.01, 0.29, 1);
	transition: transform 0.3s cubic-bezier(0.46, 0.01, 0.29, 1)
}

.c-humburger .o-line__1 {
	top: 30%
}

.c-humburger .o-line__2 {
	top: 45%
}

.c-humburger .o-line__3 {
	top: 60%
}

.c-humburger:hover span {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px)
}

.c-humburger.is-visible {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.c-humburger.is-open .o-line__3 {
	opacity: 0
}

.c-humburger.is-open .o-line__1 {
	-webkit-transform: translateY(10px) rotate(45deg);
	-moz-transform: translateY(10px) rotate(45deg);
	-ms-transform: translateY(10px) rotate(45deg);
	-o-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg)
}

.c-humburger.is-open .o-line__2 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@media only screen and (max-width: 767px) {
	.c-humburger {
		font-size: 0.875em;
		top: .375em;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.c-page__overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	background: linear-gradient(45deg, rgba(214, 123, 123, 0), #198553);
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s, visibility 0.5s
}

.c-page__overlay.is-visible {
	visibility: visible;
	opacity: 1
}

@media only screen and (max-width: 959px) {
	.c-page__overlay {
		background: linear-gradient(135deg, #198553 0%, #2e4b2e 100%);
	}
}

.c-swiper {
	background-color: #e6e6e6;
	color: #fff;
	height: 48em;
	background: #1c5fe0;
	background: -webkit-linear-gradient(45deg, #1c5fe0, #41A0F2);
	background: linear-gradient(135deg, #198553 0%, #2e4b2e 100%);
}

.c-swiper .u-box {
	height: 100%;
	position: relative
}

.c-swiper .swiper-container {
	width: 100%;
	height: 100%
}

.c-swiper .swiper-wrapper {
	-webkit-transition-timing-function: cubic-bezier(.63, -.01, .15, 1);
	-moz-transition-timing-function: cubic-bezier(.63, -.01, .15, 1);
	-ms-transition-timing-function: cubic-bezier(.63, -.01, .15, 1);
	-o-transition-timing-function: cubic-bezier(.63, -.01, .15, 1);
	transition-timing-function: cubic-bezier(.63, -.01, .15, 1)
}

@media only screen and (max-width: 767px) {
	.c-swiper .swiper-wrapper {
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-ms-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear
	}
}

.c-swiper .swiper-button-prev,
.c-swiper .swiper-button-next {
	top: auto;
	bottom: 3em;
	opacity: 1
}

.c-swiper .o-bubble {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused
}

.c-swiper .swiper-pagination-bullet {
	border-radius: 0;
	height: 3px;
	width: 4.5em;
	position: relative
}

.c-swiper .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	background-color: #fff
}

.c-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	-webkit-animation: scaleInLeft 6s linear both;
	-moz-animation: scaleInLeft 6s linear both;
	-ms-animation: scaleInLeft 6s linear both;
	-o-animation: scaleInLeft 6s linear both;
	animation: scaleInLeft 6s linear both
}

.c-swiper div.swiper-pagination {
	left: 5%;
	bottom: 5%
}

.c-swiper .swiper-pagination-bullet-active {
	background-color: rgba(0, 0, 0, 0.2)
}

.c-swiper .swiper-slide-active .o-slide__figure {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease
}

.c-swiper .swiper-slide-active .o-slide__title {
    font-weight: 500;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0, 0.5, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0, 0.5, 0, 1);
	-o-animation-timing-function: cubic-bezier(0, 0.5, 0, 1);
	animation-timing-function: cubic-bezier(0, 0.5, 0, 1)
}

.c-swiper .swiper-slide-active .o-slide__excerpt {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0, 0.5, 0, 1);
	-moz-animation-timing-function: cubic-bezier(0, 0.5, 0, 1);
	-o-animation-timing-function: cubic-bezier(0, 0.5, 0, 1);
	animation-timing-function: cubic-bezier(0, 0.5, 0, 1)
}

.c-swiper .swiper-slide-active .o-bubble {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running
}

@media only screen and (max-width: 1600px) {
	.c-swiper {
		height: 85%
	}
}

@media only screen and (max-width: 767px) {
	.c-swiper {
		height: auto
	}

	.c-swiper .swiper-container {
		height: auto
	}

	.c-swiper div.swiper-pagination {
		position: static;
		padding: 2em 0
	}
}

.c-bubble-roof .s--large {
	top: -7em
}

.c-bubble-roof .s--medium {
	right: 2em;
	top: -2em;
	width: 4em;
	height: 4em
}

.c-bubble-roof .s--small {
	left: 40%;
	width: 2.5em;
	height: 2.5em;
	top: -1em;
	left: 40%
}

.c-bubble-roof .s--xlarge {
	top: -7em;
	width: 15em;
	height: 15em;
	left: 60%;
	opacity: 0.2
}

@media only screen and (max-width: 767px) {
	.c-bubble-roof .o-bubble {
		left: 0 !important;
		right: auto !important
	}
}

.c-bubble-corridor {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0.35;
	z-index: -5
}

.c-bubble-corridor .s--xmedium {
	right: -6em;
	top: 10%;
	width: 9em;
	height: 9em
}

.c-bubble-corridor .s--large {
	top: 30%;
	left: -7em;
	width: 10em;
	height: 10em
}

.c-bubble-corridor .s--medium {
	right: -5em;
	top: 50%;
	width: 8em;
	height: 8em
}

.c-bubble-corridor .s--small {
	top: 70%;
	left: -5em;
	width: 8em;
	height: 8em
}

.c-bubble-corridor .s--xlarge {
	top: 90%;
	right: -5em;
	width: 10em;
	height: 10em
}

.c-program__header {
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.c-program__header figure {
	height: 8em;
	width: 16em;
	display: inline-block;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 1.5em auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
	.c-program__header {
		width: auto
	}
}

.c-statistic {
	display: block;
	font-size: 6em;
	font-family: 'Six Caps', sans-serif;
	color: #000
}

.c-event-meta {
	padding: 1em
}

.c-event-meta ul {
	border-top: solid 1px #e6e6e6;
	text-align: center;
	font-size: 0.875em;
	margin-top: 1.5em
}

.c-event-meta ul:after {
	content: "";
	display: table;
	clear: both
}

.c-event-meta li {
	float: left;
	position: relative;
	width: 20%;
	padding-top: 0.875em
}

.c-event-meta li:after {
	content: "";
	width: 1px;
	background-color: #e6e6e6;
	height: 20px;
	right: 0;
	top: 0;
	position: absolute
}

.c-event-meta li:last-child:after {
	display: none
}

.c-event-meta h4 {
	font-family: 'Arial';
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding-bottom: 0.75em;
	font-size: 0.75em
}

.c-event-meta span {
	display: block;
	line-height: 1.6
}

.c-event-meta span.s--inline {
	display: inline-block
}

.c-event-meta a {
	color: #2e4b2e
}

@media only screen and (max-width: 767px) {
	.c-event-meta {
		padding: 0
	}

	.c-event-meta li {
		float: none;
		width: auto;
		padding-bottom: .75em
	}

	.c-event-meta li:after {
		display: none
	}
}

.c-event__poster {
	background-color: #e6e6e6;
	width: 85%;
	margin: 2em auto 5em;
	background-image: url("images/concrete-texture.png");
	background-repeat: repeat;
	border-radius: 12px
}

.c-event__poster figure {
	margin: 1em auto 3em;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative
}

.c-event__poster figure:after {
	box-shadow: 0 3em 4.5em rgba(0, 0, 0, 0.35);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.c-event__poster figure.s--portrait {
	width: 40%;
	padding-bottom: 56%
}

.c-event__poster figure.s--landscape {
	width: 70%;
	padding-bottom: 50%
}

@media only screen and (max-width: 767px) {
	.c-event__poster {
		width: auto
	}

	.c-event__poster .u-wrap {
		padding: 1em
	}

	.c-event__poster figure {
		margin-bottom: 1em
	}

	.c-event__poster figure.s--landscape {
		width: auto;
		padding-bottom: 60%
	}

	.c-event__poster figure.s--portrait {
		width: 90%;
		padding-bottom: 100%
	}
}

.c-tickets:after {
	content: "";
	display: table;
	clear: both
}

.c-tickets li {
	margin-bottom: 0
}

.c-tickets .u-wrap {
	padding-bottom: 0
}

.c-story {
	width: 55%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.125em;
	padding: 2em 0 4em
}

.c-story .u-box {
	width: auto
}

.c-story .s--basic {
	width: auto;
	text-align: left
}

@media only screen and (max-width: 1200px) {
	.c-story {
		width: 65%
	}
}

@media only screen and (max-width: 959px) {
	.c-story {
		width: 80%
	}
}

@media only screen and (max-width: 767px) {
	.c-story {
		width: 90%
	}
}

#contactForm .o-button {
	margin-top: 2em;
	float: left
}

@keyframes bubbleCoverLarge {
	from {
		transform: rotate(0deg) translateX(150px) rotate(0deg)
	}

	to {
		transform: rotate(-360deg) translateX(150px) rotate(-360deg)
	}
}

@keyframes bubbleCoverMedium {
	from {
		transform: rotate(0deg) translateX(150px) rotate(0deg)
	}

	to {
		transform: rotate(360deg) translateX(150px) rotate(-360deg)
	}
}

@keyframes bubbleCoverSmall {
	from {
		transform: rotate(360deg) translateX(150px) rotate(-360deg)
	}

	to {
		transform: rotate(0deg) translateX(150px) rotate(0deg)
	}
}

@keyframes c-loader-logo {
	100% {
		background-position: -3648px
	}
}

@keyframes c-page-cover__title {
	100% {
		background-position: -14280px
	}
}

@keyframes c-page__overlay {
	0% {
		visibility: hidden
	}

	100% {
		visibility: visible;
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}
}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes scaleInLeft {
	from {
		-webkit-transform: scale3d(0, 1, 1);
		-moz-transform: scale3d(0, 1, 1);
		-ms-transform: scale3d(0, 1, 1);
		-o-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes fadeInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		opacity: 0
	}

	to {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes fadeInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		opacity: 0
	}

	to {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes fadeInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		-o-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0
	}

	to {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		opacity: 0
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		-o-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0
	}
}

@keyframes zoomForward {
	from {
		transform: scale3d(1, 1, 1)
	}

	to {
		transform: scale3d(1.2, 1.2, 1.2)
	}
}

@keyframes levitate {

	0%,
	100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-3em)
	}
}

@keyframes levitateReverse {

	0%,
	100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(3em)
	}
}

/*# sourceMappingURL=style.css.map */