@font-face {
    font-family: 'montserrathairline';
    src: url('http://gerttzafa.com/fonts/mont/montserrat-hairline-webfont.eot');
    src: url('http://gerttzafa.com/fonts/mont/montserrat-hairline-webfont.eot#iefix') format('embedded-opentype'),
         url('http://gerttzafa.com/fonts/mont/montserrat-hairline-webfont.woff2') format('woff2'),
         url('http://gerttzafa.com/fonts/mont/montserrat-hairline-webfont.woff') format('woff'),
         url('http://gerttzafa.com/fonts/mont/montserrat-hairline-webfont.ttf') format('truetype'),
         url('http://gerttzafa.com/fonts/mont/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'montserratultra_light';
    src: url('http://gerttzafa.com/fonts/montmontserrat-ultralight-webfont.eot');
    src: url('http://gerttzafa.com/fonts/montmontserrat-ultralight-webfont.eot#iefix') format('embedded-opentype'),
         url('http://gerttzafa.com/fonts/montmontserrat-ultralight-webfont.woff2') format('woff2'),
         url('http://gerttzafa.com/fonts/montmontserrat-ultralight-webfont.woff') format('woff'),
         url('http://gerttzafa.com/fonts/montmontserrat-ultralight-webfont.ttf') format('truetype'),
         url('http://gerttzafa.com/fonts/montmontserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


body {	

	margin:0 auto;
	padding:0;
    font-family: 'montserrathairline',"Helvetica Neue", Arial, Helvetica;
    color: #fff;
    -webkit-font-smoothing: antialiased;
	background: #110f1a; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transition: fade 0.2s ease-out;
	-webkit-transition: fade 0.2s ease-out;
 }


a{
	transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}


.container{
 -webkit-animation: fadeIn 0.7s 0.3s both ease;
  -moz-animation: fadeIn 0.7s 0.3s both ease;
  -ms-animation: fadeIn 0.7s 0.3s both ease;
  -o-animation: fadeIn 0.7s 0.3s both ease;
  animation: fadeIn 0.7s 0.3s both ease;
  background: none;
  margin: -150px -400px;
  text-align: center;
  position: fixed;
  min-width: 800px;
  left: 50%;
  top: 50%;
	color: #fff; /* text color */
    font-family: 'montserrathairline',"Helvetica Neue", Arial, Helvetica;
font-size: 70px;
text-indent: inherit;

letter-spacing: 10px;
}




.sign{
	margin: 0 auto 60px;
	width: 20px;
	height: 24px;
	background: transparent url(images/logo.svg) no-repeat top center;
}
.on{
text-transform: uppercase;
		background: transparent;
	color: #f0f0f4; /* text color */
font-size:14px;
font-variant: upercasse;
font-weight: 300;
	font-variant: normal;
	letter-spacing: 5px;
	    font-family: 'montserrathairline',"Helvetica Neue", Arial, Helvetica;
}

.on-bold{
	font-family: 'montserrathairline',"Helvetica Neue", Arial, Helvetica;
	font-weight: 600;
			background: transparent;
	color: #b7b6bd; /* text color */
}

.links{
	text-transform: uppercase;
	margin-top: 140px;
	background: none;
	list-style: none;
	left: 187px;
	position: absolute;
}

.links li{
	padding-left: 10px;
	margin-left: 10px;
	float: left;
	vertical-align: middle;
	background: transparent;
	color: #565263; /* text color */
  font-family: "Helvetica Neue", Arial, Helvetica;
font-size: 11px;
letter-spacing: 2px;
font-weight: 400;
text-shadow: 0 1px 0px rgba(0,0,0,.1); /* drop shadow */
	
}

.links li:first-child{
	padding: 0;
}

.links li :hover{
color: #fff;
text-decoration: none;
}

.links li a{
	color: #c0bccf; /* text color */
	top: 0;
}


/*====================================*\
  Animation
\*====================================*/

@-webkit-keyframes fadeIn {
  from { opacity: 0; top: 51%; }
  to { opacity: 1; top: 50%;  }
}

@-moz-keyframes fadeIn {
  from { opacity: 0; top: 51%; }
  to { opacity: 1; top: 50%;  }
}


@-o-keyframes fadeIn {
   from { opacity: 0; top: 51%; }
  to { opacity: 1; top: 50%;  }
}

@keyframes fadeIn {
  from { opacity: 0; top: 51%; }
  to { opacity: 1; top: 50%;  }
}