/* CLEARFIX */
.clearfix:before,
.clearfix:after {
    clear:both;
    content:"";
    display:table;
}
.clearfix {
    *zoom:1;
}
.clear,.clearer {
	clear:both;
}
/* ######## */


/* BASIC SETTINGS */
*, html {
	margin:0;
	padding:0;
}
img {
	border:none;
}
body {
	background:#FFFFFF;
	line-height:0em;
	font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:300;
	color:#000;
	text-align:left;
}
.desktoponly {
	display:block;
}
.mobileonly {
	display:none;
}
/* ############## */


/* HEADER */
.language {
	position:absolute;
	top:20px;
	right:70px;
	z-index:200;
}
.logo {
	position:absolute;
	top:20px;
	left:70px;
	z-index:2;
	width:auto;
	/*padding:5px;
	background:#FFF;*/
}
span.mobile-menu {
	display:none;
}
.navigation {
	position:absolute;
	/*top:90%;*/
	top:60%;
	right:5%;
	z-index:300;
	display:inline-block;
}
	.navigation.fixed {
		position:fixed;
		top:0;
		left:0;
		z-index:30;
		text-align:right;
		bottom:auto;
		padding:20px 5% 0 5%;
		width:90%;
		background:#4E3718;
	}
/* ###### */


/* TITLE */
.maintitle {
	background:#FFF;
	padding:30px 0 20px 0;
}
/* ##### */


/* PRINT */
.print-wrap {
	background:#FFF;
}
	.print-wrap .print-content {
		width:1000px;
		margin:0 auto;
		text-align:right;
		line-height:1em;
	}
/* ##### */


/* THIRDMENU */
.thirdmenu-wrap,
.thirdmenu-bottom-wrap {
	background:#FFF;
}
.thirdmenu-wrap {
	padding-top:10px;
}
/* ######### */


/* CONTENT */
.content-wrap {
	background:#FFF;
}
	.content-wrap .element {
		/*width:1000px;
		margin:0 auto;*/
		width:100%;
		padding:3em 0 0 0;
	}
		.content-wrap .element .element {
			padding:0;
		}
/* ####### */


/* FOOTER */
.footer-wrap {
	padding-top:3%;
	background:#FFF;
}
	.footer-wrap .footer-element {
		width:1000px;
		margin:0 auto;
		padding:3% 0;
		line-height:1em;
	}
	.footer-wrap .footer-top {
		background:#4E3718;
		color:#FFF;
	}
		.footer-wrap .footer-top .footer-top-left {
			float:left;
			width:700px;
		}
		.footer-wrap .footer-top .footer-top-right {
			float:right;
			width:250px;
		}
	.footer-wrap .footer-bottom {
		background:#FFF;
	}
		.footer-wrap .footer-bottom .social-media {
			text-align:right;
			margin-bottom:10px;
		}
		.footer-wrap .footer-bottom .footer-bottom-left,
		.footer-wrap .footer-bottom .footer-bottom-right {
			/*font-size:16px;*/
		}
		.footer-wrap .footer-bottom .footer-bottom-left {
			float:left;
		}
		.footer-wrap .footer-bottom .footer-bottom-right {
			float:right;
		}
/* ###### */


/* BACK TO TOP */
#back-to-top {
	position:fixed;
	right:1%;
	bottom:1%;
	z-index:60;
	width:30px;
	height:30px;
	background:#4E3718;
	text-align:center;
	cursor:pointer;
	display:none;
}
		#back-to-top i {
			display:block;
			line-height:25px;
			color:#FFF;
			font-size:30px;
		}
/* ########### */


/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* responsive Seetings */


/* basic responsive settings for all devices */
@media only screen and (max-width: 1024px) {


/* BASIC SETTINGS */
body {
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
}
/*.desktoponly {
	display:block;
}
.mobileonly {
	display:none;
}*/
/* ############## */


/* HEADER */
.navigation {
	right:3%;
}
	.navigation.fixed {
		padding:20px 3% 0 3%;
		width:94%;
	}
/* ###### */


/* PRINT */
.print-wrap {
	display:none;
}
/* ##### */


/* FOOTER */
.footer-wrap .footer-element {
	width:900px;
}
	.footer-wrap .footer-top .footer-top-left {
		width:660px;
	}
	.footer-wrap .footer-top .footer-top-right {
		width:210px;
	}
/* ###### */


}


/* tablets portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {


/* HEADER */
.language,#language {
	right:20px;
}
.logo {
	left:20px;
}
/* ###### */


/* FOOTER */
.footer-wrap .footer-element {
	width:90%;
}
	.footer-wrap .footer-top .footer-top-left {
		width:60%;
	}
	.footer-wrap .footer-top .footer-top-right {
		width:35%;
	}
	
	.footer-wrap .footer-bottom .social-media {
		text-align:center;
	}
	.footer-wrap .footer-bottom .footer-bottom-left,
	.footer-wrap .footer-bottom .footer-bottom-right {
		float:none;
		text-align:center;
	}
	.footer-wrap .footer-bottom .footer-bottom-left {
		margin-bottom:10px;
	}
/* ###### */


}


/* smartphones portrait */
@media only screen and (max-width: 767px) {


/* HEADER */
.language,#language {
	top:10px;
	right:10px;
}
.logo {
	top:10px;
	left:10px;
	width:100px;
}
	.logo img {
		width:100%;
		height:auto;
	}
span.mobile-menu {
	display:block;
	position:absolute;
	right:10px;
	top:60px;
	z-index:80;
	color:#FFF;
	background:#4E3718;
	line-height:40px;
	padding:0 10px;
	font-size:20px;
}
.navigation {
	display:none;
	position:absolute;
	top:0;
	right:auto;
	left:0;
	width:100%;
	z-index:999;
	background:#4E3718;
}
	.navigation.fixed {
		position:absolute;
		top:0;
		left:0;
		z-index:999;
		text-align:left;
		padding:0;
		width:100%;
		background:#4E3718;
	}
/* ###### */


/* TITLE */
.maintitle {
	padding:30px 0 0 0;
}
/* ##### */


/* CONTENT */
.content-wrap .element {
	padding:1em 0 0 0;
}
/* ####### */


/* FOOTER */
.footer-wrap .footer-element {
	width:90%;
	padding:5% 0;
}
	.footer-wrap .footer-top .footer-top-left,
	.footer-wrap .footer-top .footer-top-right {
		float:none;
		width:100%;
	}
	.footer-wrap .footer-top .footer-top-right {
		margin-top:20px;
	}
	
	.footer-wrap .footer-bottom .social-media {
		text-align:center;
	}
	.footer-wrap .footer-bottom .footer-bottom-left,
	.footer-wrap .footer-bottom .footer-bottom-right {
		float:none;
		text-align:center;
	}
	.footer-wrap .footer-bottom .footer-bottom-left {
		margin-bottom:10px;
	}
/* ###### */


}


/* smartphones landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}