html, body, #root, #wrap, #container{
	width: 100%;
	height: 100%;
	margin: 0px;
}

body.lock{
	overflow: hidden;
}

.header{
	display: flex;
	align-items: center;
	/*transition: opacity .3s ease;*/
	position: fixed;
	z-index: 99;
	width: calc(100% - 12vw);
	margin: 6vmin;

}
.header__logo{
	flex: 1;
}
.header__logo img{
	height: 40px;
	display: block;
}
.header__nav{

}
.header__nav img{
	width: 30px;
	height: 30px;
	display: block;
}
.view__nav{
	display: none;
	pointer-events: all;
	align-items: flex-start;
	z-index: 98;
	width: 100vw;
	height: 100%;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.95);
	overflow-x: hidden;
	overflow-y: scroll;
	transition: backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;
}
.view__nav__on{
	display: block;
}
.view__nav__content{
	padding: calc(29vmin + 9vmax) 6vmin 18%;
}
.view__nav__item{
	width: 100%;
	flex-direction: column;
	display: flex;
}
.view__nav__item ul{
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-right: 0;
	/*font-size: 12vw;*/
	/*line-height: 1.3em;*/
	width: 100%;
}
.view__nav__item__small ul{
	font-size: 6vw;
}
.view__nav__item ul li{
	/*padding-top: 30px;*/
	overflow: hidden;
}
.view__nav__item__small ul li{
	border-bottom: 2px solid black;
	padding-top: 80px;
}
.view__nav__item ul li a{
	display: block;
	position: relative;
	color: black;
	font-weight: bold;
}
.view__nav__item ul li a.active{
	color: rgba(0,0,0,.4);
}
.view__nav__item ul li a em{
	max-height: 1.3em;
	display: inline-block;
	overflow: hidden;
	padding-right: 5px;
	transition: transform .5s cubic-bezier(.165,.84,.44,1);
}
.view__nav__item ul li a span{
	font-weight:normal;
	font-size: 20px;
	color: white;
	vertical-align: text-bottom;
	text-shadow:
			-1px -1px 0 #4f4d57,
			1px -1px 0 #4f4d57,
			-1px 1px 0 #4f4d57,
			1px 1px 0 #4f4d57;
}
.view__nav__item ul li a.active span{
	text-shadow:
			-1px -1px 0 rgba(0,0,0,.4),
			1px -1px 0 rgba(0,0,0,.4),
			-1px 1px 0 rgba(0,0,0,.4),
			1px 1px 0 rgba(0,0,0,.4);
}
.copyright{
	padding: 12vmin 6vmin 6vmin;
	margin: 0;
	overflow: hidden;
}
.copyright img{
	display: block;
	width: 100%;
}
.iframe__details{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	transform: translateY(100%);
	background-color: hsla(0,0%,39.2%,.95);
	width: 100%;
	height: 100%;
}
.iframe__details__on{
	transform: translateY(0);
	transition: transform .8s cubic-bezier(.77,0,.175,1) .4s;
}
.iframe__details__hide{
	transform: translateY(100%);
	transition: transform .8s cubic-bezier(.77,0,.175,1);
}
.iframe__details__wrap{
	width: 100%;
	height: 100%;
}
.iframe__details__iframe{
	width: 100%;
	height: 100%;
	display: block;
	z-index: 10;
}
.iframe__details__btn{
	position: fixed;
	opacity: 1;
	pointer-events: all;
	width: 34px;
	height: 34px;
	z-index: 900;
	right: 6vmin;
	top: 6vmin;
}
.iframe__details__btn img{
	width: 34px;
	height: 34px;
}
.experience-contents{
	width: 100vw;
	height: 100%;
	min-height: 101vh!important;
	position: relative;
	z-index: auto;
	-webkit-overflow-scrolling: touch;
	padding-top: 140px;
}
.experience__grid{
	padding: 0 6vmin;
	margin: 0;
	overflow: hidden;
}
.experience__list{
	width: 100%!important;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	height: auto!important;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	position: relative;
}
.experience__item{
	flex-grow: 0;
	overflow: hidden;
	vertical-align: top;
	margin: 0;
	/*width: 100%;*/
	height: 71vw;
	position: relative;
	left: 0;
	top: 0;
	border: 2px solid white;
	display: inline-block;
	opacity: 1;
}
.experience__item:nth-child(2n -1){
	border-left: none;
}
.experience__item:nth-child(2n){
	border-right: none;
}
.experience__item a.item__link{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}
.experience__item a.item__link .item__frame{
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: transform .25s cubic-bezier(.215,.61,.355,1);
	z-index: 10;
}
.experience__item:hover .item__frame {
    transform: scale(.9)!important;
}
.experience__item a.item__link .item__frame .item__dimd{
	position: absolute;
	top: -1%;
	left: -1%;
	width: 102%;
	height: 102%;
	background-color: #ddd;
	z-index: 20;
}
.experience__item a.item__link .item__frame .item__visual{
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: transform .25s cubic-bezier(.215,.61,.355,1);
	position: relative;
}
.experience__item:hover .item__visual {
    transform: scale(1.2)!important;
}
.experience__item.visible .item__visual{
	visibility: visible!important;
}
.experience__item a.item__link .item__frame .item__visual .image-box{
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
	transition: opacity .2s ease;
	box-sizing: border-box;
}
.experience__item a.item__link .item__frame .item__visual .image-box img{
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	object-fit: cover;
	vertical-align: top;
}

.temp_content{

}
.temp_content .width__fix{
	width: 100%;
	display: block;
}

.swiper-container {
	width: 100%;
	/*height: 100%;*/
	/*height: 200px;*/
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img {
	width: 100%;
}






































/*


@-webkit-keyframes swing {
	0% {
		opacity: 0
	}

	0% {
		transform: rotate3d(1,1,1,5deg);
		margin-top: -13%
	}

	20% {
		transform: rotate3d(1,1,1,-15deg)
	}

	40% {
		opacity: 1;
		transform: rotate3d(1,1,1,5deg)
	}

	60% {
		transform: rotate3d(1,1,1,-2deg)
	}

	80% {
		transform: rotate3d(1,1,1,1deg)
	}

	to {
		transform: unset;
		margin-top: unset
	}
}

@keyframes swing {
	0% {
		opacity: 0
	}

	0% {
		transform: rotate3d(1,1,1,5deg);
		margin-top: -13%
	}

	20% {
		transform: rotate3d(1,1,1,-15deg)
	}

	40% {
		opacity: 1;
		transform: rotate3d(1,1,1,5deg)
	}

	60% {
		transform: rotate3d(1,1,1,-2deg)
	}

	80% {
		transform: rotate3d(1,1,1,1deg)
	}

	to {
		transform: unset;
		margin-top: unset
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes popIn {
	0% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: scale(.7)
	}

	25% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: scale(1.1)
	}

	to {
		transform: scale(1)
	}
}

@keyframes popIn {
	0% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: scale(.7)
	}

	25% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: scale(1.1)
	}

	to {
		transform: scale(1)
	}
}

@-webkit-keyframes popOut {
	0% {
		transform: scale(1)
	}

	25% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		opacity: 1
	}

	70% {
		opacity: 0
	}

	to {
		transform: scale(.5);
		opacity: 0
	}
}

@keyframes popOut {
	0% {
		transform: scale(1)
	}

	25% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		opacity: 1
	}

	70% {
		opacity: 0
	}

	to {
		transform: scale(.5);
		opacity: 0
	}
}

@-webkit-keyframes slideInLeft {
	0% {
		transform: translate3d(-101%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInLeft {
	0% {
		transform: translate3d(-101%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInRight {
	0% {
		transform: translate3d(101%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInRight {
	0% {
		transform: translate3d(101%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInUp {
	0% {
		transform: translate3d(0,-101%,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInUp {
	0% {
		transform: translate3d(0,-101%,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInDown {
	0% {
		transform: translate3d(0,101%,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInDown {
	0% {
		transform: translate3d(0,101%,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideOutLeft {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(-100%,0,0)
	}
}

@keyframes slideOutLeft {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(-100%,0,0)
	}
}

@-webkit-keyframes slideOutUp {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0,-101%,0)
	}
}

@keyframes slideOutUp {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0,-101%,0)
	}
}

@-webkit-keyframes slideOutDown {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0,101%,0)
	}
}

@keyframes slideOutDown {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0,101%,0)
	}
}

@-webkit-keyframes slideOutRight {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(100%,0,0)
	}
}

@keyframes slideOutRight {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(100%,0,0)
	}
}

@-webkit-keyframes slideInLeftHalf {
	0% {
		transform: translate3d(-50%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInLeftHalf {
	0% {
		transform: translate3d(-50%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInLeft40 {
	0% {
		transform: translateX(-40%)
	}

	to {
		transform: unset
	}
}

@keyframes slideInLeft40 {
	0% {
		transform: translateX(-40%)
	}

	to {
		transform: unset
	}
}

@-webkit-keyframes slideInLeft10 {
	0% {
		transform: translateX(-10%)
	}

	to {
		transform: unset
	}
}

@keyframes slideInLeft10 {
	0% {
		transform: translateX(-10%)
	}

	to {
		transform: unset
	}
}

@-webkit-keyframes slideInRightHalf {
	0% {
		transform: translate3d(50%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInRightHalf {
	0% {
		transform: translate3d(50%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInRight40 {
	0% {
		transform: translate3d(40%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInRight40 {
	0% {
		transform: translate3d(40%,0,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInTopLeft {
	0% {
		transform: translate3d(-101%,-101%,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInTopLeft {
	0% {
		transform: translate3d(-101%,-101%,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInUpHalf {
	0% {
		transform: translateY(-50%)
	}

	to {
		transform: unset
	}
}

@keyframes slideInUpHalf {
	0% {
		transform: translateY(-50%)
	}

	to {
		transform: unset
	}
}

@-webkit-keyframes slideInDownHalf {
	0% {
		transform: translate3d(0,50%,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInDownHalf {
	0% {
		transform: translate3d(0,50%,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideOutRightHalf {
	to {
		transform: translateX(30%)
	}
}

@keyframes slideOutRightHalf {
	to {
		transform: translateX(30%)
	}
}

@-webkit-keyframes slideOutRight100vw {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(100vw)
	}
}

@keyframes slideOutRight100vw {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(100vw)
	}
}

@-webkit-keyframes slideOutBottomLeft {
	0% {
		transform: translate(0)
	}

	to {
		transform: translate(-101%,200%)
	}
}

@keyframes slideOutBottomLeft {
	0% {
		transform: translate(0)
	}

	to {
		transform: translate(-101%,200%)
	}
}

@-webkit-keyframes slideOutLeftHalf {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(-50%,0,0)
	}
}

@keyframes slideOutLeftHalf {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(-50%,0,0)
	}
}

@-webkit-keyframes slideOutDownHalf {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0,50%,0)
	}
}

@keyframes slideOutDownHalf {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0,50%,0)
	}
}

@-webkit-keyframes rotateIn5deg {
	0% {
		transform: rotate(30deg)
	}

	to {
		transform: unset
	}
}

@keyframes rotateIn5deg {
	0% {
		transform: rotate(30deg)
	}

	to {
		transform: unset
	}
}

@-webkit-keyframes rotateIn-5deg {
	0% {
		transform: rotate(-5deg)
	}

	0% {
		transform: rotate(-30deg)
	}

	to {
		transform: unset
	}
}

@keyframes rotateIn-5deg {
	0% {
		transform: rotate(-5deg)
	}

	0% {
		transform: rotate(-30deg)
	}

	to {
		transform: unset
	}
}

@-webkit-keyframes rotateOut5deg {
	to {
		transform: rotate(5deg)
	}
}

@keyframes rotateOut5deg {
	to {
		transform: rotate(5deg)
	}
}

@-webkit-keyframes rotateOut-5deg {
	to {
		transform: rotate(-5deg)
	}
}

@keyframes rotateOut-5deg {
	to {
		transform: rotate(-5deg)
	}
}

@-webkit-keyframes backgroundWhite {
	to {
		background-color: #fff
	}
}

@keyframes backgroundWhite {
	to {
		background-color: #fff
	}
}

@-webkit-keyframes contactHeaderAppear {
	0% {
		transform: translate(-100%,-50%);
		line-height: 2.5em
	}

	50% {
		transform: unset
	}

	to {
		line-height: 1em
	}
}

@keyframes contactHeaderAppear {
	0% {
		transform: translate(-100%,-50%);
		line-height: 2.5em
	}

	50% {
		transform: unset
	}

	to {
		line-height: 1em
	}
}

@-webkit-keyframes blurFadeIn {
	0% {
		-webkit-filter: blur(200px);
		filter: blur(200px)
	}

	to {
		-webkit-filter: unset;
		filter: unset
	}
}

@keyframes blurFadeIn {
	0% {
		-webkit-filter: blur(200px);
		filter: blur(200px)
	}

	to {
		-webkit-filter: unset;
		filter: unset
	}
}

@-webkit-keyframes test {
	0% {
		transform: translateY(-100%)
	}

	to {
		transform: translateY(-15%)
	}
}

@keyframes test {
	0% {
		transform: translateY(-100%)
	}

	to {
		transform: translateY(-15%)
	}
}

@-webkit-keyframes prismText {
	0% {
		text-shadow: -8px -8px 0 rgba(255,0,0,.3),8px -8px 0 rgba(0,255,0,.2),0 8px 0 rgba(0,0,255,.3)
	}

	33% {
		text-shadow: 0 8px 0 rgba(255,0,0,.3),-8px -8px 0 rgba(0,255,0,.2),8px -8px 0 rgba(0,0,255,.3)
	}

	66% {
		text-shadow: 8px -8px 0 rgba(255,0,0,.3),0 8px 0 rgba(0,255,0,.2),-8px -8px 0 rgba(0,0,255,.3)
	}

	to {
		text-shadow: -8px -8px 0 rgba(255,0,0,.3),8px -8px 0 rgba(0,255,0,.2),0 8px 0 rgba(0,0,255,.3)
	}
}

@keyframes prismText {
	0% {
		text-shadow: -8px -8px 0 rgba(255,0,0,.3),8px -8px 0 rgba(0,255,0,.2),0 8px 0 rgba(0,0,255,.3)
	}

	33% {
		text-shadow: 0 8px 0 rgba(255,0,0,.3),-8px -8px 0 rgba(0,255,0,.2),8px -8px 0 rgba(0,0,255,.3)
	}

	66% {
		text-shadow: 8px -8px 0 rgba(255,0,0,.3),0 8px 0 rgba(0,255,0,.2),-8px -8px 0 rgba(0,0,255,.3)
	}

	to {
		text-shadow: -8px -8px 0 rgba(255,0,0,.3),8px -8px 0 rgba(0,255,0,.2),0 8px 0 rgba(0,0,255,.3)
	}
}

@-webkit-keyframes heartBeatText {
	0% {
		letter-spacing: .5em
	}

	to {
		letter-spacing: 0
	}
}

@keyframes heartBeatText {
	0% {
		letter-spacing: .5em
	}

	to {
		letter-spacing: 0
	}
}

@-webkit-keyframes hiringAppearCardLight {
	0% {
		-webkit-filter: contrast(160%) brightness(300%);
		filter: contrast(160%) brightness(300%)
	}

	to {
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%)
	}
}

@keyframes hiringAppearCardLight {
	0% {
		-webkit-filter: contrast(160%) brightness(300%);
		filter: contrast(160%) brightness(300%)
	}

	to {
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%)
	}
}

@-webkit-keyframes hiringDisappearCardLight {
	0% {
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%)
	}

	40% {
		-webkit-filter: contrast(130%) brightness(200%);
		filter: contrast(130%) brightness(200%)
	}

	to {
		-webkit-filter: contrast(0) brightness(300%);
		filter: contrast(0) brightness(300%)
	}
}

@keyframes hiringDisappearCardLight {
	0% {
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%)
	}

	40% {
		-webkit-filter: contrast(130%) brightness(200%);
		filter: contrast(130%) brightness(200%)
	}

	to {
		-webkit-filter: contrast(0) brightness(300%);
		filter: contrast(0) brightness(300%)
	}
}

@-webkit-keyframes hiringAppearCardDark {
	0% {
		-webkit-filter: contrast(0) brightness(0);
		filter: contrast(0) brightness(0)
	}

	50% {
		-webkit-filter: contrast(115%) brightness(130%);
		filter: contrast(115%) brightness(130%)
	}

	to {
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%)
	}
}

@keyframes hiringAppearCardDark {
	0% {
		-webkit-filter: contrast(0) brightness(0);
		filter: contrast(0) brightness(0)
	}

	50% {
		-webkit-filter: contrast(115%) brightness(130%);
		filter: contrast(115%) brightness(130%)
	}

	to {
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%)
	}
}

@-webkit-keyframes hiringDisappearCardDark {
	0% {
		opacity: 1;
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%)
	}

	40% {
		-webkit-filter: contrast(100%) brightness(150%);
		filter: contrast(100%) brightness(150%)
	}

	to {
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%);
		opacity: 0
	}
}

@keyframes hiringDisappearCardDark {
	0% {
		opacity: 1;
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%)
	}

	40% {
		-webkit-filter: contrast(100%) brightness(150%);
		filter: contrast(100%) brightness(150%)
	}

	to {
		-webkit-filter: contrast(100%) brightness(100%);
		filter: contrast(100%) brightness(100%);
		opacity: 0
	}
}

@-webkit-keyframes slideInDownBounce {
	0% {
		transition-timing-function: cubic-bezier(.95,.05,.795,.035);
		transform: translateY(-100%)
	}

	54% {
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(10%)
	}

	69% {
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(-5%)
	}

	84% {
		transition-timing-function: cubic-bezier(.55,.055,.675,.19);
		transform: translateY(1.5%)
	}

	92% {
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(-.5%)
	}

	to {
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(0)
	}
}

@keyframes slideInDownBounce {
	0% {
		transition-timing-function: cubic-bezier(.95,.05,.795,.035);
		transform: translateY(-100%)
	}

	54% {
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(10%)
	}

	69% {
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(-5%)
	}

	84% {
		transition-timing-function: cubic-bezier(.55,.055,.675,.19);
		transform: translateY(1.5%)
	}

	92% {
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(-.5%)
	}

	to {
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(0)
	}
}

@-webkit-keyframes splashSpin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(180deg)
	}
}

@keyframes splashSpin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(180deg)
	}
}

@-webkit-keyframes rotate360 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes rotate360 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes exitDown {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		transform: translateY(calc(2.2vh + 2.2vw));
		opacity: 0
	}
}

@keyframes exitDown {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		transform: translateY(calc(2.2vh + 2.2vw));
		opacity: 0
	}
}

@-webkit-keyframes exitLeft {
	0% {
		transform: translateX(0);
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		transform: translateX(calc(-2.2vw - 2.2vh));
		opacity: 0
	}
}

@keyframes exitLeft {
	0% {
		transform: translateX(0);
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		transform: translateX(calc(-2.2vw - 2.2vh));
		opacity: 0
	}
}

@-webkit-keyframes exitRight {
	0% {
		transform: translateX(0);
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		transform: translateX(calc(2.2vw + 2.2vh));
		opacity: 0
	}
}

@keyframes exitRight {
	0% {
		transform: translateX(0);
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		transform: translateX(calc(2.2vw + 2.2vh));
		opacity: 0
	}
}

@-webkit-keyframes badgeSlideIn {
	0% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		opacity: 0;
		transform: translateY(40%)
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(-10%)
	}

	to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes badgeSlideIn {
	0% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		opacity: 0;
		transform: translateY(40%)
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateY(-10%)
	}

	to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes badgeSlideOut {
	0% {
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease;
		-webkit-animation-delay: 0;
		animation-delay: 0;
		opacity: 1
	}

	to {
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease;
		opacity: 0;
		transform: translateY(40%)
	}
}

@keyframes badgeSlideOut {
	0% {
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease;
		-webkit-animation-delay: 0;
		animation-delay: 0;
		opacity: 1
	}

	to {
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease;
		opacity: 0;
		transform: translateY(40%)
	}
}

@-webkit-keyframes colorFlash {
	0% {
		color: #16a085;
		background-color: #16a085
	}

	7% {
		color: #1abc9c;
		background-color: #1abc9c
	}

	15% {
		color: #27ae60;
		background-color: #27ae60
	}

	22% {
		color: #2ecc71;
		background-color: #2ecc71
	}

	30% {
		color: #f1c40f;
		background-color: #f1c40f
	}

	32% {
		color: #f39c12;
		background-color: #f39c12
	}

	40% {
		color: #e67e22;
		background-color: #e67e22
	}

	47% {
		color: #d35400;
		background-color: #d35400
	}

	52% {
		color: #e74c3c;
		background-color: #e74c3c
	}

	59% {
		color: #c0392b;
		background-color: #c0392b
	}

	74% {
		color: #8e44ad;
		background-color: #8e44ad
	}

	85% {
		color: #9b59b6;
		background-color: #9b59b6
	}

	93% {
		color: #3498db;
		background-color: #3498db
	}
}

@keyframes colorFlash {
	0% {
		color: #16a085;
		background-color: #16a085
	}

	7% {
		color: #1abc9c;
		background-color: #1abc9c
	}

	15% {
		color: #27ae60;
		background-color: #27ae60
	}

	22% {
		color: #2ecc71;
		background-color: #2ecc71
	}

	30% {
		color: #f1c40f;
		background-color: #f1c40f
	}

	32% {
		color: #f39c12;
		background-color: #f39c12
	}

	40% {
		color: #e67e22;
		background-color: #e67e22
	}

	47% {
		color: #d35400;
		background-color: #d35400
	}

	52% {
		color: #e74c3c;
		background-color: #e74c3c
	}

	59% {
		color: #c0392b;
		background-color: #c0392b
	}

	74% {
		color: #8e44ad;
		background-color: #8e44ad
	}

	85% {
		color: #9b59b6;
		background-color: #9b59b6
	}

	93% {
		color: #3498db;
		background-color: #3498db
	}
}

@-webkit-keyframes rotateCircle {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes rotateCircle {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes borderRadiusTest {
	0% {
		border-radius: 20px 15px 10px 5px
	}

	25% {
		border-radius: 15px 10px 5px 20px
	}

	50% {
		border-radius: 10px 5px 20px 15px
	}

	75% {
		border-radius: 5px 20px 15px 10px
	}

	to {
		border-radius: 20px 15px 10px 5px
	}
}

@keyframes borderRadiusTest {
	0% {
		border-radius: 20px 15px 10px 5px
	}

	25% {
		border-radius: 15px 10px 5px 20px
	}

	50% {
		border-radius: 10px 5px 20px 15px
	}

	75% {
		border-radius: 5px 20px 15px 10px
	}

	to {
		border-radius: 20px 15px 10px 5px
	}
}

@-webkit-keyframes arrowButtonTopHover {
	0% {
		transform: translateY(0) rotate(-45deg)
	}

	40% {
		transform: translateY(40%) rotate(-45deg) skew(10deg,10deg);
		transform: translateY(30%) rotate(-45deg)
	}

	60% {
		transform: translateY(-10%) rotate(-45deg) skew(-20deg,-20deg);
		transform: translateY(-30%) rotate(-45deg)
	}

	to {
		transform: translateY(0) rotate(-45deg)
	}
}

@keyframes arrowButtonTopHover {
	0% {
		transform: translateY(0) rotate(-45deg)
	}

	40% {
		transform: translateY(40%) rotate(-45deg) skew(10deg,10deg);
		transform: translateY(30%) rotate(-45deg)
	}

	60% {
		transform: translateY(-10%) rotate(-45deg) skew(-20deg,-20deg);
		transform: translateY(-30%) rotate(-45deg)
	}

	to {
		transform: translateY(0) rotate(-45deg)
	}
}

@-webkit-keyframes arrowButtonTopHoverLeftWing {
	0% {
		transform: rotate(0)
	}

	35% {
		transform: rotate(10deg)
	}

	60% {
		transform: rotate(-20deg)
	}

	to {
		transform: rotate(0)
	}
}

@keyframes arrowButtonTopHoverLeftWing {
	0% {
		transform: rotate(0)
	}

	35% {
		transform: rotate(10deg)
	}

	60% {
		transform: rotate(-20deg)
	}

	to {
		transform: rotate(0)
	}
}

@-webkit-keyframes arrowButtonTopHoverRightWing {
	0% {
		transform: rotate(0)
	}

	35% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(20deg)
	}

	to {
		transform: rotate(0)
	}
}

@keyframes arrowButtonTopHoverRightWing {
	0% {
		transform: rotate(0)
	}

	35% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(20deg)
	}

	to {
		transform: rotate(0)
	}
}

@-webkit-keyframes glitchSkew {
	20% {
		transform: skew(80deg);
		opacity: .7
	}

	40% {
		transform: skew(-120deg);
		opacity: .3
	}

	60% {
		transform: skew(0)
	}

	80% {
		transform: skew(5turn)
	}
}

@keyframes glitchSkew {
	20% {
		transform: skew(80deg);
		opacity: .7
	}

	40% {
		transform: skew(-120deg);
		opacity: .3
	}

	60% {
		transform: skew(0)
	}

	80% {
		transform: skew(5turn)
	}
}

@-webkit-keyframes fullDrawStroke {
	to {
		stroke-dashoffset: 0
	}
}

@keyframes fullDrawStroke {
	to {
		stroke-dashoffset: 0
	}
}*/