@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: futu;
 src: url("futura.eot") /* EOT file for IE */
}
@font-face {
 font-family: futu;
 src: url("futura.ttf") /* TTF file for CSS3 browsers */
}	

html, body {height: 100%;}

body {
 	margin: 0;
	font-family:futu, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #555;
}

a:link, a:visited {
	color: #aaa;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #c83895;
	text-decoration: none;
}

a.current {color:  #c83895;}

h1 {
	font-size: 3.8em;
	line-height: 1em;
	font-weight: 700;
	color: #333;
}

h2 {
	font-size: 2em;
	line-height: 1em;
	font-weight: 400;
	color: #444;
}

.text-white {color: #eee}

nav {
	margin: 0 0 0 0;
}
.logo { float:left;     margin-top: -38px;}
.navigation {
	list-style: none;
	text-align: center;
	margin: 0;
}
.navigation li{
	display: inline-block;
	padding: 0 25px 0 0;
	float: left;
    margin-top: 33px;
	font-size:90%;
}
.navigation li.last{ margin-left:10%;
}

.slide{
	width:100%;
	position: relative;
	padding: 100px 0;
	text-align: center;
}
#slide1 {
 height: 100%;
 background-image:url('../back_00.jpg');
	/*background-color:#fff;*/
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#slide2 {
 	height: 100%;
	background-image:url('../back_00.jpg');
	/*background-color:#fff;*/
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#slide3 {
 	height: auto;
	background-image:url('../back_00.jpg');
	/*background-color:#fff;*/
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	vertical-align:top;
}

#slide4 {
 	height: 100%;
	background-image:url('../back_00.jpg');
	/*background-color:#fff;*/
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#slide5, #slide6 {
	/*background:url(../white_back.png) repeat;*/
	/* box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6), 0 -18px 14px -14px rgba(0,0,0,0.6);*/
	z-index: 10;
}

@media screen and (max-width: 992px) {
 #slide-container, #multiple-slide-container {
  visibility: visible !important  ;
  position: absolute !important  ;
  overflow: hidden;
  margin: 0px auto;
    margin-top: 0px;
  width: 100%;
  max-width: 960px;
  height: 521px;
}
.foreground .element.title, .foreground-triple .element.title {

  font-size: 34px!important  ;
  top: 180px!important  ;
  
}
.foreground .element.subtitle {
  font-size: 26px!important  ;
  top: 200px!important  ;
  width:300px;


}
}