/* ----------fonts ---------------*/
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/rubik-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Rubik Light'), local('Rubik-Light'),
       url('../fonts/rubik-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v7-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rubik-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rubik'), local('Rubik-Regular'),
       url('../fonts/rubik-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v7-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rubik-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rubik Bold'), local('Rubik-Bold'),
       url('../fonts/rubik-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v7-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}

@import url("https://use.typekit.net/txs6dgb.css");

/* ----------H ---------------*/

h1{
	font-family: "carbon", arial;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: 6px;
	margin: 0;
}
.fra{
	font-size: 30px;
}

h2{
	font-weight: 300;
	font-size: 29px;
	line-height: 40px;
	letter-spacing: 2px;
	margin: 0px 0 40px 0;
	
}

h3{
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 50px 0 0 0;
}

/* ----------divs ---------------*/
body{
	color: #fff;
	background-color: #000;
	font-family: "Rubik", Arial, "sans-serif";
	font-size: 18px;
	font-weight: 400;
	line-height: 33px;
	margin: 0;
	padding: 0;
}

.container {
	position: fixed;
	height: 100%;
	width: 100%;
}


#content{
	width: 630px;
  max-width: 95%;
	margin: 5%;
	position: absolute;
	padding-bottom: 5%;
}

#intro{
	font-weight: 300;
	font-size: 29px;
	line-height: 40px;
	letter-spacing: 2px;
	margin: 140px 0 70px 0;
}

#keys{
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 60px;

}

#adr{
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

#footer{
	color: #818181;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#text{
	margin: 70px 0 80px 0;
	letter-spacing: 1px;
}


/* ----------links ---------------*/
#footer a, #footer a:visited, #footer a:active { 
	color: #818181;
	text-decoration: none;
	border-bottom: 1px solid #818181;
	padding-bottom: 2px;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;  
	-o-transition: all 0.15s linear;  
	transition: all 0.15s linear;
}

#footer a:hover{
	color:#fff;
	border-bottom: 1px solid #fff;
}



a, a:visited, a:active { 
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;  
	-o-transition: all 0.15s linear;  
	transition: all 0.15s linear;
}

a:hover{
	color:#818181;
	border-bottom: 1px solid #818181;
}


/* ----------selection color ---------------*/
::-moz-selection{ background: #ccc; color:#000; text-shadow: none; }
::selection { background:#ccc; color:#000; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #adaba6; } 
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }