.splash-screen {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	max-height: 2500px;
	background: url('../images/back.jpg') #0F385A no-repeat center;
	background-size: cover;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	-webkit-transition: 0.7s ease;
	        transition: 0.7s ease;
}
.splash-screen._collapsed {
	max-height: 0 !important;
	opacity: 0.99;
	pointer-events: none;
}

.s-splash-top {
	height: 100%;
	overflow: hidden;
	background: url('../images/tiles_p-4.png') repeat;
}

.s-splash-top > .wrapper {
	position: relative;
	font-size: 0;
	height: 100%;
	text-align: center;
}

.s-splash-top > .wrapper:before {
	content: ' ';
	display: inline-block;
	height: 100%;
	vertical-align: middle; 
}

.splash-text {
	color: #fff;
	font-size: 56px;
	width: 90%;
	text-align: center;
	line-height: 150%;
	font-family: 'Avenir Light', sans-serif;
	margin: 0 auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 284px;
	-webkit-animation: head1 3.8s forwards linear;
	        animation: head1 3.8s forwards linear;
	will-change: transform;
}

.splash-text-spot {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -128px;
	margin-top: -128px;
	z-index: 1000;
	opacity: 0;
}

.splash-text-spot.sts-1 {
	-webkit-animation: spot1 4s forwards ease .5s;
	        animation: spot1 4s forwards ease .5s;
}

.splash-text-spot.sts-2 {
	-webkit-animation: spot2 3.2s forwards ease;
	        animation: spot2 3.2s forwards ease;
}

.s-splash-bottom {
	height: 310px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.splash-logo {
	width: 212px;
	height: auto;
	margin:  50px auto 0;
	display: block;
	position: relative;
	z-index: 10;}


.splash-skip {
	font-size: 72px;
	color: #919597;
	display: inline-block;
	background-color: #fff;
	cursor: pointer;
	-webkit-transition: 0.1s ease;
	        transition: 0.1s ease;
	position: relative;
	top: 20px;
}

.splash-screen._complete .splash-skip {
	-webkit-animation: pulse 1s ease infinite 0.5s;
	        animation: pulse 1s ease infinite 0.5s;
	-webkit-transform: none;
			-ms-transform: none;
	    transform: none;
}

.splash-skip:hover {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}
.splash-skip:active {
	-webkit-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	        transform: scale(0.9);
}


@media screen and (max-height: 800px) {
	.s-splash-bottom {
		height: 220px;
	}
	.splash-logo {
		width: 150px;
		margin-top: 30px;
		margin-bottom: -10px;
	}
	.splash-skip {
		top: 10px;
		font-size: 64px;
	}
}

@media screen and (max-width: 1024px) {
	.splash-text {
		font-size: 38px;
		line-height: 140%;
		width: 80%;
	}
	.s-splash-bottom {
		height: 260px;
	}
	.splash-logo {
		width: 180px;
		margin-top: 35px;
	}
	.splash-skip {
		top: 5px;
		font-size: 64px;
	}
}

@-webkit-keyframes spot1 {
  0% { -webkit-transform: translate(20px, 0px) scale(1); transform: translate(20px, 0px) scale(1); opacity: 0; }
  15% { -webkit-transform: translate(-20px, -150px) scale(4); transform: translate(-20px, -150px) scale(4); opacity: 0.9; }
  40% { -webkit-transform: translate(70px, -40px) scale(3); transform: translate(70px, -40px) scale(3); opacity: 0.8; }
  100% { -webkit-transform: translate(120px, -110px) scale(1); transform: translate(120px, -110px) scale(1); opacity: 0; }
}

@keyframes spot1 {
  0% { -webkit-transform: translate(20px, 0px) scale(1); transform: translate(20px, 0px) scale(1); opacity: 0; }
  15% { -webkit-transform: translate(-20px, -150px) scale(4); transform: translate(-20px, -150px) scale(4); opacity: 0.9; }
  40% { -webkit-transform: translate(70px, -40px) scale(3); transform: translate(70px, -40px) scale(3); opacity: 0.8; }
  100% { -webkit-transform: translate(120px, -110px) scale(1); transform: translate(120px, -110px) scale(1); opacity: 0; }
}

@-webkit-keyframes spot2 {
  0% { -webkit-transform: translate(-70px, 170px) scale(1); transform: translate(-70px, 170px) scale(1); opacity: 0; }
  40% { -webkit-transform: translate(50px, -190px) scale(3); transform: translate(50px, -190px) scale(3); opacity: 1; }
  60% { -webkit-transform: translate(-50px, -100px) scale(4); transform: translate(-50px, -100px) scale(4); opacity: 0.9; }
  100% { -webkit-transform: translate(70px, -255px) scale(5.5); transform: translate(70px, -255px) scale(5.5); opacity: 0; }
}

@keyframes spot2 {
  0% { -webkit-transform: translate(-70px, 170px) scale(1); transform: translate(-70px, 170px) scale(1); opacity: 0; }
  40% { -webkit-transform: translate(50px, -190px) scale(3); transform: translate(50px, -190px) scale(3); opacity: 1; }
  60% { -webkit-transform: translate(-50px, -100px) scale(4); transform: translate(-50px, -100px) scale(4); opacity: 0.9; }
  100% { -webkit-transform: translate(70px, -255px) scale(5.5); transform: translate(70px, -255px) scale(5.5); opacity: 0; }
}


@-webkit-keyframes head1 {
  0% { -webkit-transform: scale(0.97); transform: scale(0.97); opacity: 0; -webkit-filter: blur(15px); -moz-filter: blur(15px); filter: blur(15px); }
  20% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.1;  -webkit-filter: blur(5px); -moz-filter: blur(3px); filter: blur(3px); }
  40% { opacity: 0.5; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); }
  100% {-webkit-transform: scale(1);transform: scale(1); opacity: 1; }
}


@keyframes head1 {
  0% { -webkit-transform: scale(0.97); transform: scale(0.97); opacity: 0; -webkit-filter: blur(15px); -moz-filter: blur(15px); filter: blur(15px); }
  20% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.1;  -webkit-filter: blur(5px); -moz-filter: blur(3px); filter: blur(3px); }
  40% { opacity: 0.5; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); }
  100% {-webkit-transform: scale(1);transform: scale(1); opacity: 1; }
}

@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(1); transform: scale(1) }
  50% { -webkit-transform: scale(1.2) translate(0, 5%); transform: scale(1.2) translate(0, 5%); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes pulse {
  0% { -webkit-transform: scale(1); transform: scale(1) }
  50% { -webkit-transform: scale(1.2) translate(0, 5%); transform: scale(1.2) translate(0, 5%); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}