/* @override http://www.mdfh.ch/assets/styles/styles.css */

/* @override http://www.mdfh.ch/test/assets/styles/styles.css */

@font-face {
  font-family: Jung;
  src: url('../fonts/font.php');
}
* {
  margin: 0px;
  padding: 0px;
}
html {
  height: 100%;
  -text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
body {
  font-family: Jung, Verdana, sans-serif;
	
	
  background: #fff;
  height:100%;
  margin: 0px 0px;
  background-color:#a09084;
  background-image: url('../images/bg.png');
  background-attachment:fixed;
}
a{text-decoration: none;
  border-bottom: 2px solid #FFF;
	color: #7ae3fd;
}
a:hover {
  text-decoration: none;
  border-bottom: 2px solid #FFF;
	color: #FFF;
}
a:active
a:visited {
  outline: 0px;
  color:white;
}
li {
	list-style-position:inside;
  list-style: none;
}
img {
  outline: 0;
  border: 0;
}
hr {
	border: none;
}


/******** LOGO ********/


header {
	position: fixed;
	left:289px;
	/*top:266px;*/
	top:310px;
	width: 384px;
	height: 355px;
	z-index: 5;
	width:auto;
}
header img {
	width:100%;
	height:100%;
}
figure {
	color:#82e3ff;
	position:absolute;
	font-size: 58px;
	z-index: 30;
	text-transform:uppercase;
	left:289px;
	/*top:266px;*/
	top:260px;
	width:384px;
	height:355px;
	
}
figure div {
	position: absolute;
}
.logo a {
	border-bottom: none;
}
figure .martin {
	top:22%;
	left:-1.1%;
}
figure .davidoff {
	top:9.1%;
	left:89%;
}
figure .fivaz {
	top:64%;
	left:89.4%;
}
figure .hay {
	top:87.65%;
	left:50.6%;
}



/******* MENU *******/

nav, .nav {
	text-transform: uppercase;
  overflow: hidden;
  font-size: 1.0em;
  line-height:1.2em;
}
nav li, .nav li {
  float: left;
}
nav li a.active, nav li a:hover, .nav li a.active, .nav li a:hover{
  text-decoration: none;
  border-bottom: 2px solid #a09084;
}
nav.menu, .nav.menu {
	background-color:#ffffff;
  position: fixed;
  width:1200px;
  left:0px;
  top:0px;
  z-index: 60;
	min-height:44px;
}
nav.menu, nav.menu li a, nav.menu li a:hover, .nav.menu li a, .nav.menu li a:hover {
  color: #a09084;
}
nav#main-menu ul, nav#language ul, nav#menu-mobile ul, .nav#main-menu ul, .nav#language ul, .nav#menu-mobile ul {
  margin: 14px 0px;
}
nav#main-menu ul, .nav#main-menu ul {
  margin-left: 34px;
}
nav#main-menu li, .nav#main-menu li {
  margin-right: 24px;
}
nav#language, .nav#language {
  width:300px;
  left:auto;
  left:880px;
  z-index: 180;
}
nav#language li, .nav#language li {
  margin-right: 14px;
}
nav#menu-mobile {
	display: none;
}
nav#menu-mobile li {
	margin: 4px 0px;
}
#menu-mobile ul.primary {
	position:relative;
	top:0px;
	left:47px;
	display:none;
}
#menu-mobile ul.secondary {
	margin-left:27px;
}
nav.submenu, .nav.submenu {
	position:relative;
  width:1200px;
  top:0px;
	left:0px;
	z-index:11;
	
	/*background-color:#a09084;*/
	min-height: 19px;
	
	height: 145px;
}

nav.submenu ul, .nav.submenu ul {
	position: absolute;
	bottom: 0px;
  margin:6px 0px 6px 110px;
}
nav.submenu li, .nav.submenu li {
  margin: 0px 25px 0px 0px;
}
nav.submenu li a, .nav.submenu li a {
  text-decoration: none;
  border-bottom: none;	
}

nav.submenu li a:hover, .nav.submenu li a:hover {
	padding:0px 0px;
  color: white; 
  
}
nav.submenu li a.active, nav.submenu li a:hover, .nav.submenu li a.active, .nav.submenu li a:hover {
  border-bottom: 2px solid white;
	color: white;
}

.icon-bar {
	background-color: #a09084;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  margin:3px 0px;
}
button {
  position: absolute;
  left:6px;
  top:7px;
  padding: 5px 5px 4px 5px;
  margin: 0px;
 	border: none;
 	background-color:white;
  display:none;
}

/********* HORIZONTAL NAVIGATION ***********/

.h-nav {
	background-color: #7ae3fd;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 40%;
	cursor: pointer;
	z-index: 12;
}
.leftzone {
	left: 0px;
}

.rightzone {
	right: 0px;
}
.nav-arrow {
	background-repeat:no-repeat;
	background-position: center center;
	width:100%;
	height:100%;
}
.leftarrow {
	background-image: url('../images/left-arrow.png');
}
.rightarrow {
	background-image: url('../images/right-arrow.png');
}


/******* LAYOUT *******/

#screen {
	position:absolute;
	left:0px;
	top:44px;
	right:0px;
	bottom:0px;
	max-width:1200px;
	overflow:hidden;
	background-color:#a09084;
}
#content {
	position:absolute;
	top:0px;
	width:100%;
	z-index:2;
}
section {
	position:absolute;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	height:100%;
}
.overlay {
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .6);
}
.text {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10;
	-webkit-transform: translate3d(0,0,0);
	background-color:#a09084;
	color:#82e3ff;
}
section.last .text {
	height:80%;
}
.text ul {
	margin-bottom:16px;
}
.text ul {
	display: table;
}
.text ul li {
	display: table-row;
}
.text ul li:before{ 
	content:"–"; 
	display: table-cell;
  text-align: left;
  width:1em;
}

.main .text {
	font-size: 1.5em;
	line-height: 1.2em;
}
.sub .text {
	font-size: 1.2em;
	line-height: 1.2em;
}
.main .col {
	margin-top:122px;
	margin-right: 37.5%;
	margin-bottom: 50px;
	margin-left: 108px;
}
.sub .col {
	margin-top: 152px; /*avant: 152px */
	margin-left: 108px;
	margin-bottom: 10px;
	width: 40%;
	float:left;
}
.sub .col p {
	margin-bottom: 28px;
}
.sub .col2 {
	margin-left: 20px;	
}
h1 {
	position:absolute;
	text-transform:uppercase;
  font-size: 80px;
  font-weight: bold;
  line-height:1.2em;
  color: white;
  margin: 0px 0px 12px 97px;
  padding:20px 5px 5px 5px;
  z-index:12;
	-webkit-transform: translate3d(0,0,0);
}
h2 {
  text-transform:uppercase;
  font-size: 40px;
  font-weight: bold;
  line-height:1.2em;
  color: white;
  padding: 2px 0px 12px 108px;
}
h3 {
	text-transform:uppercase;
	font-size: 20px;
	line-height:1.2em;
	padding: 8px 0px 0px;
	color: white;
}
footer {
	position:fixed;
	bottom:0px;
	width:1200px;
	/*height:20px;*/
	left:0px;
	z-index:1;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: white;
}
footer p {
	margin-left:108px;
	font-size: 0.8em;
}
footer a {
	color: black !important;
}
footer a:hover {
	color: black !important;
	border-bottom: 2px solid black;	
}
footer.img a:hover {
	border: none
}
h1.mdfh {
	display:none;
}
section.last {
	height:90%;
}

/********* CONTACT **********/

#screen {
	background-color: black;
}
section.contact div.text {
	background-color: transparent;
}
.contact p:nth-child(1) {
	margin-bottom:80px;
}
.contact p:nth-child(2) {
	margin-top:35%;
}


/********* WINDOWS HACKS **********/


figure.windows-only {
	top:264px;
}
@media all and (max-width: 1200px) {
	figure.windows-only {
		top:224px;
	}
}
@media all and (max-width: 800px), all and (max-height: 600px) {
	figure.windows-only {
		top:141px;
	}
}
@media all and (max-width: 480px), all and (max-height: 380px) {
	figure.windows-only {
		top:111px;
	}
}

figure.windows-only.firefox-only {
	top:259px;
}
@media all and (max-width: 1200px) {
	figure.windows-only.firefox-only {
		top:259px;
	}
}
@media all and (max-width: 800px), all and (max-height: 600px) {
	figure.windows-only.firefox-only {
		top:138px;
	}
}
@media all and (max-width: 480px), all and (max-height: 380px) {
	figure.windows-only.firefox-only {
		top:110px;
	}
}


/********* Javascriptless VERSION **********/

.section.basic {
	position: static;
	overflow: auto;
}
.basic-menu {
	position:absolute; 
	right:30px; 
	height:44px;
}
.basic#screen {
width:1200px;
height:auto;
height: 800px;
padding-bottom:60px;
background-color:#a09084;
}

.basic .col {
margin-top: 200px;
}



/********** MEDIA QUERIES ***********/



@media all and (max-width: 1200px) {
	nav#language {
		left:auto;
		right:25px;
		width:auto;
	}
	nav.submenu {
		width:100%;
	}
	nav.menu {
		width:100%;
	}
	
	/******** LOGO ********/
	
	header {
		left:246px;
		/*top:227px;*/
		top:271px;
		width:328px;
		height:303px;
	}
	figure {
		font-size: 50px;
		left:246px;
		top:222px;
		/*top:227px;*/
		width:328px;
		height:303px;
	}
}


@media all and (max-width: 1000px) {
	
	.h-nav {
		width: 25px;
		height: 25px;
	}
	.nav-arrow {
		background-size:75% 75%;
		
	}
	
	/******** MENU ********/
	
	nav#main-menu li, nav#menu-mobile li, nav#language li, nav.submenu {
		font-size: 0.8em;
		margin-right: 17px;
	}
	nav.submenu {
		height: 115px;
	}
	nav.submenu ul {
		margin-left: 86px;
		margin-bottom: -3px;
	}
	.sub .col {
		margin-top: 122px;
	}
	button {
		display:block;
	}
	
	/******** LAYOUT ********/
	
	h1 {
		font-size: 60px;
		margin-left: 78px;
	}
	h2 {
		text-transform:uppercase;
		font-size: 24px;
		margin-left: 34px;
	}
	h3 {
		font-size: 16px;
	}
	.text {
		font-size: 1.2em;
	}
	.sub .text {
		font-size: 1.2em;
	}
	.sub .col p {
		margin-bottom: 23px;
	}
	.main .col, .sub .col{
		margin-left:86px;
	}
	.main .col{
		width: 500px;
	}
	.sub .col {
		width: 35%;
	}
	footer {
		font-size:0.8em;
		width:100%
	}
	footer p{
		margin-left:33px;
		margin-right:17px;
	}
	
	
}


@media all and (max-width: 800px) {
	
	/******** MENU ********/
	
	
	nav#main-menu li {
		display:none;
	}
	nav#language li {
		display:block;
	}
	nav#menu-mobile ul {
		margin-top:14px;
	}
	nav#menu-mobile ul li ul{
		margin-top:4px;
		margin-bottom:4px;
	}
	nav#menu-mobile li {
		margin-top:4px;
	}
	nav#menu-mobile {
		top:0px;
		z-index:100;
		display:block;
	}
	nav#menu-mobile li {
		float:none;
	}
	
	
	nav.submenu li {
		font-size: 0.8em;
		margin-right: 12px;
	}
	
	
}

@media all and (max-width: 800px), all and (max-height: 600px) {
		
	/******** MENU ********/
	
	nav.submenu {
		height: 80px;
	}
	
	/******** LAYOUT ********/
	
	h1 {
		font-size: 35px;
		margin-top: 0px;
		padding-top: 15px;
	}
	h2 {color: #82e3ff;
		text-transform:uppercase;
		font-size: 16px;
	}
	h3 {
		font-size: 10px;
		margin-bottom: 2px;
	}
	.text {
		font-size: 0.7em;
	}
	.main .text {
		font-size: 14px;
	}
	.sub .text {
		font-size: 12px;
	}
	.sub .col p {
		margin-bottom: 15px;
	}
	.main .col {
		margin-top: 60px;
		width: 50%;
	}
	.sub .col {
		margin-top: 80px;
	}
	
	footer {
		font-size:0.6em;
	}

	/******** LOGO********/
	
	header {
		left:154px;
		/*top:142px;*/
		top:186px;
		width:205px;
		height:189px;
	}
	figure {
		font-size: 30px;
		left:154px;
		top:139px;
		/*top:142px;*/
		width:205px;
		height:189px;
	}
}

@media all and (max-width: 480px) {
	
	nav.menu, .nav.menu {
		min-height:32px;
	}
	
	nav li a.active, nav li a:hover {
		border-bottom-width: 1px;
	}
	nav#language ul {
		margin:12px 0px;
	}
	
	nav#menu-mobile ul {
		margin-top:7px;
	}
	nav#menu-mobile ul li ul {
		margin-top:0px;
		margin-bottom:0px;
	}
	nav#menu-mobile li {
		margin-top:0px;
		margin-bottom:0px;
	}
	nav.submenu {
		height: 100px;
	}
	nav.submenu ul {
		top:40px;
		margin-bottom:0px;
	}
	
	button {
		padding: 0px 5px 0px 5px;
	}
	footer {
		font-size:0.3em;
	}
	
	/******** LAYOUT ********/
	
	
}

@media all and (max-height: 380px) {
	nav.menu, .nav.menu {
		min-height:32px;
	}	
}

@media all and (max-width: 480px), all and (max-height: 380px) {
	
	/******** MENU ********/
	
	nav.menu {
		min-height:32px;
	}
	nav#main-menu, nav#language, nav#menu-mobile li {
		font-size: 0.3em;
	}
	nav.submenu {
		height: 100px;
		width: 300px;
	}
	nav.submenu ul {
		top:40px;
		margin-left: 40px;
	}
	nav.submenu li {
		/*float:none;*/
		font-size: 8px;
		margin: 0px 15px 0px 0px;
	}
	
	
	/******** LAYOUT ********/
	
	#screen {
		top:32px;
	}
	h1 {
		font-size: 28px;
		padding-top:5px;
		margin-left: 32px;
		margin-top:10px;
	}
	h2 {
		text-transform:uppercase;
		font-size: 16px;
		padding: 4px 0px 4px 47px;
	}
	h3 {
		font-size: 10px;
		padding: 3px 0px 1px 0px;
		
	}
	.text ul {
		margin-bottom:3px;
	}
	.main .text {
		font-size: 12px;
	}
	.sub .text {
		font-size: 8px;;
	}
	.sub .col p {
		margin-bottom: 10px;
	}
	.main .col {
		margin-top: 50px;
		width: 60%;
		margin-left: 38px;
	}
	
	.sub .col {
		width:40%;
		margin-top: 80px;
		margin-bottom: 5px;
		margin-left: 40px;
	}
	.sub .col2 {
		margin-bottom: 50px;
		margin-left: 10px;
	}

	footer {
		padding-top: 4px;
		padding-bottom: 4px;
	}
		
		
		
	/******** LOGO********/
	
	header {
		left:77px;
		/*top:72px;*/
		/*top:104px;*/
		top:144px;
		width:102px;
		height:95px;
	}
	figure {
		font-size: 16px;
		left:77px;
		/*top:112px;*/
		top:111px;
		width:102px;
		height:95px;
	}
}