/* ==========================================================================
   Splash Screen
   ========================================================================== */

.page-wrap.fixed {
  position: fixed;
}

#splash-screen {
  position: fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  background:url(/assets/images/splash/splash-bg.jpg) no-repeat 50% 50%;
  background-attachment: fixed;
  z-index: 999;
}

#splash-screen a {
  color: #FAC437;
  text-decoration: underline;
  font-weight: bold;
}

.content-wrapper {
  position: absolute;
  top:50%;
  left:50%;
  width:1180px;
  height:600px;
  margin:-330px 0 0 -590px;
  transition:top 2s .3s ease;
}

.content-wrapper.slide-up {
  top:-700px;
}

.coat-of-arms {
  float:left;
  width: 434px;
  height:465px;
  background:url(/assets/images/splash/coat-of-arms.png) no-repeat;
}

.intro-text {
  color:#fff;
  width:730px;
  margin:0 auto;
}
.welcome {
  font-size: 36px;
  font-weight: bold;
  color:#fff;
  text-transform: uppercase;
  margin:30px 0 20px 0;
}
.welcome span {
  font-size: 24px;
  font-style: oblique;
  text-transform: none;
  display: inline-block;
  position: relative;
  top:-4px;
  margin:0 10px;
}
.intro-text h2 {
  font-size: 48px;
  margin:0 0 20px 0;
}
.intro-text p {
  font-size: 21px;
  line-height: 32px;
}
.intro-text .logo-big {
  position: relative;
  left:-30px;
}

.scroll-down {
  position: absolute;
  width:320px;
  bottom:0;
  left:50%;
  margin-left: -160px;
}
.scroll-down p {
  color:#fff;
  font-size: 24px;
  line-height: 24px;
  margin:0 0 0 50px;
}
.mouse {
  float: left;
  width:32px;
  height: 48px;
  background:url(/assets/images/splash/mouse-bg.png) no-repeat;
  position: relative;
}
.mouse-scroll {
  position: absolute;
  left:50%;
  top:10px;
  margin-left: -4px;
  width:8px;
  height:12px;
  background:url(/assets/images/splash/mouse-scroll.png) no-repeat;
  animation: mouse-scrolling 1s ease-in-out infinite;
  -webkit-animation: mouse-scrolling 1s ease-in-out infinite;
  -moz-animation: mouse-scrolling 1s ease-in-out infinite;
}

@keyframes mouse-scrolling
{
  0% {top:10px;}
  50% {top:15px;}
  100% {top:10px;}
}
@-webkit-keyframes mouse-scrolling
{
  0% {top:10px;}
  50% {top:15px;}
  100% {top:10px;}
}
@-moz-keyframes mouse-scrolling
{
  0% {top:10px;}
  50% {top:15px;}
  100% {top:10px;}
}