* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-shadow: border-box;
}
html {
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
body {
	font: 18px/30px 'Roboto', Arial, sans-serif;
	font-weight: 300;
	color: #8d8d8d;
	background: #fff;
}

body.fixed{overflow:hidden;}
* {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#colorbox *, #cboxOverlay {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
a {
	color: #000;
}
a:hover, a:focus {
	text-decoration: none;
	color: #807969;
}
a:focus{text-decoration:none !important;}
.branding:hover, .branding:focus{text-decoration:none !important;color: #807969; outline:none !important}
img {
	border: none;
	max-width: 100%;
}
ul {
	list-style-type: none;
}
table {
	border-spacing: 0px;
	border-collapse: separate;
}
.clear {
	float: none;
	clear: both;
}
blockquote {
	font-size: 30px;
}

.closed{display:none;width:100%;-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;}
#mehr{width:100%;}
iframe{
    pointer-events: none;
}
.colorbox:hover{opacity:.3}
/* --------------------------- navi ---------------------------- */

nav {
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 200;
	background: #fff;
	padding: 20px 0 10px;
	border-bottom: solid 1px #e5e5e5;
}
.home nav {
	border: none;
}
.branding {
	font-size: 24px;
	text-transform: uppercase;
	color: #000;
	font-family: 'Montserrat', sans-serif;
}
.branding:hover {
	text-decoration: none;
	color: #807969
}
nav .toggle-navi {
	display: none;
}
nav  ul{margin:10px 0 0 0;}
nav li {
	float: left;
	padding: 0 11px 0;
	position: relative;
}
nav li a {
	color: #000;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	float: left;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	border-bottom: solid 1px #fff;
}
nav li a i {
	display: none !important;
}
nav li a:focus {
	background: none !important;
	outline: none !important;
	text-decoration: none;
	color: #000;
}
nav li a:hover, nav li:hover a, nav li.active a {
	text-decoration: none;
	color: #807969;
}
nav li ul.dropdown-menu {
	box-shadow: none !important;
	border: none !important;
	padding: 10px 0px 20px;
	top: 100%;
	margin: 0px;
	width: 230px;
	left: 0px;
}
nav li:hover ul {
	display: block;
}
nav li ul li {
	padding: 0 15px;
	display: block;
	width: 100%;
}
nav li ul li a {
	color: #807969 !important;
	font-size: 12px !important;
	margin: 5px 0 0;
	padding: 7px 15px 3px 5px !important;
	border: none !important;
	display: block;
	width: 100%;
}
nav li ul li a:hover, nav li ul li.active a {
	color: #000 !important;
	background: none !important;
}
/* -------------------------- header --------------------------- */

header {
	height: 90px;
	background-size: cover;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
header.index {
	height: 80vh;
	background-size: cover;
}
header .container {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-23%);
	z-index: 2;
	z-index: 2;
}
.col-branding small {
	font-size: 11.1px;
	width: 100%;
	display: block;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	position: relative;
	margin:0 0 0 1px;
	top: -10px;
}
header bloquote {
	font-size: 40px;
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 2px #999;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	line-height: normal;
}
header p {
	font-size: 24px;
	color: #fff;
	margin: 0 0 60px 0;
	text-shadow: 1px 1px 1px #333;
	position: relative;
}
header a {
	padding: 20px 40px;
	background: #807969;
	font-size: 18px;
	font-weight: 300;
	display: inline-block;
	color: #fff;
}
header a:hover {
	background: #000 !important;
	color: #fff !important;
	text-decoration: none !important;
}
.slideshow {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 90px;
	z-index: 1;
	background: none !important;
}
.slideshow .slider {
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-repeat:no-repeat !important;
	background-color:#ebe2db;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.cycle-pager{position:absolute; right:20px; top:30%; z-index:100000;}
.cycle-pager span {
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	border: solid 1px #807969;
	width: 7px;
	height: 7px;
	display: block;
	margin: 15px 0;
	text-indent:-4000px;
	-webkit-border-radius: 300px !important;
	-moz-border-radius: 300px !important;
	border-radius: 300px !important;
	background: #807969;
	color: #807969;
	outline: none;
	cursor:pointer;
}
.cycle-pager span.cycle-pager-active {
	background: none;
}
/* ------------------------ section ----------------------------- */

section {
	background: #fff;
	position: relative;
	z-index: 2;
	padding-top: 30px;
}


section .table {
	margin: 0 0 20px 0 !important;
}
section .table tr {
	border-top: dotted 1px #8d8d8d !important;
	border-bottom: dotted 1px #8d8d8d !important;
	padding: 25px 0 !important;
}
section .table td {
	border: none !important;
	padding: 0px !important;
	width: 20%;
}
section .table td.border {
	border-top: dotted 1px #8d8d8d !important;
	padding: 25px 0 !important;
	width: 80%;
}
section .table img {
	width: 70%;
	height: auto;
}
section .gold {
	color: #807969;
}
section h1 {
	font-size: 48px;
	font-weight: 300;
	text-align: center;
	color: #807969;
}
section h2 {
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	color: #8d8d8d;
	margin: 0 0 70px 0;
}
section p {
	margin: 0 0 30px 0;
}
section .image-link a:hover {
	color: #807969;
	text-decoration: none;
}
section .devider-container p {
	border-bottom: dotted 1px #8d8d8d;
	padding-bottom: 30px;
}
.david-kiermeir {
	width: 143px;
	height: 143px;
	-webkit-border-radius: 300px !important;
	-moz-border-radius: 300px !important;
	position: relative;
	z-index: 2;
	border-radius: 300px !important;
	overflow: hidden;
	border: solid 9px #fff;
	margin: 0 auto 0;
}
.david-kiermeir-container {
	position: relative;
}
.david-kiermeir-container:after {
	content: '';
	border-bottom: solid 1px #ccc;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0px;
	top: 50%;
	z-index: 1
}
.accordion{margin:0 0 50px;}
.accordion .accordion-content {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	display: none;
	padding: 40px 0px 0;
}
.accordion h3 {
	border-bottom: dotted 1px #8d8d8d;
	padding: 20px 30px 20px 0 !important;
	font-size: 24px;
	font-weight: 300;
	color: #8d8d8d;
	margin: 0px;
	cursor: pointer;
	position: relative;
}
.accordion h3:after {
	content: '+';
	position: absolute;
	right: 0px;
	top: 50%;
	margin: -14px 0 0 0;
}
.accordion h3.ui-state-active:after {
	display: none;
}
.accordion h3:before {
	content: '-';
	position: absolute;
	right: 0px;
	top: 50%;
	margin: -14px 0 0 0;
	display: none;
}
.accordion h3.ui-state-active:before {
	display: block;
}
.accordion h3:hover, .accordion h3.ui-state-active {
	color: #000;
	box-shadow: none !important
}
.ui-state-focus {
	outline: none;
}
.ui-accordion-header {
	outline: none;
}
.accordion .accordion-content img {
	margin: 0 0 30px 0;
}
.praxis .col {
	margin: 0 0 30px;
}
a.mehr {
	padding: 10px 50px;
	background: #807969;
	font-size: 18px;
	font-weight: 300;
	display: inline-block;
	color: #fff;
	margin: 0 0 20px 0;
}
a.mehr:hover, a.mehr.active {
	color: #fff;
	text-decoration: none;
	background: #000;
}
/* ------------------------- cycle -------------------------------- */ 

.cycle-slideshow {
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0px 0 50px 0;
}
.slideshow-replace{margin:0 0 50px 0;}
.cycle-slideshow .slide {
	position: relative;
	overflow: hidden;
	padding: 250px 0;
	background: #f2f1f0;
	width: 100%;
	height: 800px;
	z-index:1;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.cycle-slideshow .slide img {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: auto !important;
	max-width: none;
	z-index: 1;
}
.cycle-slideshow .slide .container {
	position: relative;
	z-index: 2;
	padding: 0 0 0 30%;
}
.cycle-slideshow .slide .container h3 {
	font-weight: 300;
	font-size: 50px;
	text-transform: uppercase;
}
.cycle-slideshow .slide .container a {
	padding: 10px 50px;
	background: #807969;
	font-size: 18px;
	font-weight: 300;
	display: inline-block;
	color: #fff;
}
.cycle-slideshow .slide .container a:hover {
	color: #fff;
	text-decoration: none;
	background: #000;
}
#per-slide-template {
	position: absolute;
	right: 20px;
	top: 35%;
	z-index: 2;
	width: 7px;
}
#per-slide-template a {
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	border: solid 1px #807969;
	width: 7px;
	height: 7px;
	display: block;
	margin: 15px 0;
	-webkit-border-radius: 300px !important;
	-moz-border-radius: 300px !important;
	border-radius: 300px !important;
	background: #807969;
	color: #807969;
	outline: none;
}
#per-slide-template a.cycle-pager-active {
	background: none;
}
#per-slide-template a.cycle-pager-active span {
	opacity: 1;
	visibility: visible;
}
#per-slide-template a:hover {
	color: #000;
}
#per-slide-template a span {
	position: absolute;
	right: 20px;
	top: -12px;
	display: block;
	width: 240px;
	text-align: right;
	opacity: 0;
	visibility: visible
}
#per-slide-template a:hover span {
	opacity: 1;
	visibility: visible;
}
.filter {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}
hr {
	margin: 0 0 80px 0;
}
hr.smaller{ margin:0 0 20px 0;}
/* ------------------------- footer ------------------------------- */
.logos{border-top: solid 1px #e5e5e5; float:none; clear:both; padding: 40px 0 0 0; overflow:hidden;}
.logos a:hover{opacity:.5}

.footer-content {
	padding: 40px 0 100px 80px;
}
footer .h3, .h3 {
	position: relative;
	color: #807969;
	font-weight: 300;
	font-size: 24px;
	padding: 0 0 0 120px;
	display: inline-block
}
footer .h3:before, .h3:before {
	content: '';
	border-bottom: solid 1px #807969;
	position: absolute;
	left: 0px;
	top: 50%;
	display: inline-block;
	width: 70px;
	height: 1px;
}
footer a:hover {
	text-decoration: none;
}
/* ------------------------- contact form ------------------------- */

#contactForm input, #contactForm select, #contactForm textarea {
	border: solid 1px #bfbcb4;
	padding: 15px 15px;
	margin: 0 0 30px 0;
	width: 100%;
	background: none;
	text-transform: uppercase;
	font-weight:300;
	font: 14px/30px 'Roboto', Arial, sans-serif;
}
#contactForm .col-md-6 {
	padding: 1px;
}
#contactForm label.error {
	display: none !important;
}
#contactForm input.error, #contactForm textarea.error {
	background: #f2f2f2;
	border: solid 1px #807969;
	outline: none;
}
#contactForm textarea {
	height: 212px;
	margin: 0 0 30px 0;
}
#contactForm .submit {
	background: #807969;
	text-align: left;
	width: 30%;
	margin-left: 35% !important;
	color: #fff;
	border: none;
	text-align: center;
	margin-bottom: 100px;
}
#contactForm .submit:hover {
	background: #000;
}
.footer-bottom {
	border-top: solid 1px #e5e5e5;
	padding: 15px 30px;
	float:none;
	clear:both;
	font-weight: 300;
	font-size: 14px; 
	color: #807969;
	text-align: center;
	margin:40px 0 0 0;
}
.footer-bottom strong {
	text-transform: uppercase;
}
.footer-bottom em {
	color: #cacaca;
	font-style: normal;
}
.footer-bottom p br{display:none;}
@media (max-width:1200px) {
	a.mehr{font-size:14px; padding:10px;}
	header{height:180px;}
}
@media (min-width:991px) and (max-width:1170px) {
nav {
	padding: 35px 10px 25px;
}
nav .container{width:100%; padding:0px !important;}
nav .col-branding{width:100%; text-align:center;}
nav .col-sm-8{width:100% !important;}
nav .navi{float:none; clear:both; text-align:center; width:100%;}
nav .navi li{float:none; clear:both; display:inline-block}
nav li {  
	padding: 0 11px;
}
.cycle-slideshow .slide .container h3 {
	font-size: 24px;
}
.slide.cycle-slide {
	font-size: 14px;
	line-height: 19px;
}
.cycle-slideshow .slide .container a {
	padding: 10px 20px;
}
}
 @media (max-width:991px) {
	 header{height:180px;}
header.index {
	height: 500px;
	background-size: cover;
	padding: 0 20px;
}
header h1 {
	font-size: 26px;
}
header h2 {
	font-size: 14px;
}
.branding {
	font-size: 18px;
	color: #fff !important
}
header a {
	padding: 10px 20px;
	font-size: 14px;
}
nav.fixed .branding img {
	margin: 0px !important;
}
.col-branding small {
	display: none;
}
nav {
	background: #807969;
	padding: 14px 0;
	height: 60px;
}
nav .container {
	width: 100%;
	padding: 0px;
}
nav .container .col-sm-6 { 
	padding-left: 0px;
	padding-right: 0px;
}
nav .container .col-xs-10 {
	padding-left: 30px;
	padding-right: 30px;
}
nav .container a.branding img {
	top: 0px !important;
}
nav .toggle-navi {
	color: #fff !important;
	font-size: 22px;
	float: right;
	display: block;
	text-decoration: none;
	outline: none;
	margin: 0 25px 0 0;
}
nav .container .col-xs-3 {
	float: right;
	min-width: 180px;
}
nav .container .col-xs-9 {
	float: left;
	max-width: 140px;
}
nav ul {
	position: fixed;
	width: 100%;
	background: #807969;
	top: 50px;
	right: -1500px;
	overflow-y: scroll !important;
	height:91vh;
	background:#807969;	
}
nav ul.animated {
	right: 0px !important;
}
nav ul li {
	width: 100%;
	padding: 0px;
	margin: 0px !important;
}
nav ul li a {
	margin: 0px;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	padding-left: 35px !important;
	padding-right: 33px !important;
	width: 100%;
	border-bottom: solid 1px #fff !important;
	padding: 10px 15px;
	color: #fff;
}
nav ul li.active a {
	background: #fff;
	color: #807969;
}
nav ul li a i {
	float: right;
	padding: 10px 0 0 0;
	display: block !important;
}
nav ul li ul.dropdown-menu {
	position: relative;
	width: 100%;
	display: none;
	top: 0px !important;
	margin: 0px;
	background: #fff;
	padding: 0px;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	height:auto;
}
nav ul li.hover ul.dropdown-menu {
	display: block;
	padding:6px 0;
}
nav ul li ul.dropdown-menu li {
	padding: 4px 0px;
}
nav ul li ul.dropdown-menu li a {
	padding: 10px 15px 10px 35px !important;
	margin: 0px;
}
.cycle-slideshow .slide {
	padding: 100px 0 0 0;
	height: 500px;
}
#per-slide-template {
	left:0px;
	bottom:20px;
	width:100%;
	top:auto; 
	text-align:center;
}
#per-slide-template a{display:inline-block; margin:0 10px; overflow:hidden; width:8px; height:8px;}
.cycle-pager span{width:8px; height:8px; margin:0 10px;}
.footer-bottom {
	padding: 0 15px;
}
.footer-bottom strong, .footer-bottom em {
	width: 100%;
	display: block;
	overflow: hidden;
}
}
 @media (max-width:802px) {
/*section .container{ padding:0 10px;} */

.cycle-slideshow .slide .container div {
	background: rgba(0,0,0,.4);
	padding: 15px;
	color: #fff;
}


.cycle-slideshow .slide .container h3 {
	font-size: 25px;
}
}
 @media (max-width:768px) {
nav .col-branding {
	padding-left: 30px !important;
}
.cycle-slideshow {
	margin: -20px 0 0 0;
}
.cycle-slideshow .slide {
	height: auto;
}
.cycle-slideshow .slide .container div {
	text-align: center;
}
footer {
	padding: 0px;
}
#contactForm input, #contactForm select, #contactForm textarea {
	margin: 0 0 10px;
}
.footer-bottom {
	padding: 20px 0 0 0px;
}
.footer-bottom * {
	font-size: 14px/24px;
	color: #807969 !important;
}
.footer-bottom em {
	margin: -30px 0 0 0;
}
nav ul li a {
	padding: 5px 30px !important;
}
nav ul li ul.dropdown-menu li a {
	padding: 5px 15px 5px 30px !important;
}
nav ul li a:hover {
	color: #000;
}
section.mobile-center {
	text-align: center;
}
section {
	margin: 0px;
}
section h1 {
	margin-top: 0px
}
section .table td, section .table td.border {
	width: 100% !important;
	display: block;
	text-align: center;
	border-top: none !important;
}
.table td.border {
	border-bottom: 1px dotted #8d8d8d !important
}
.table td p {
	margin: 0px;
}
.david-kiermeir-container {
	margin: 0 0 30px 0;
}
footer {
	padding-top: 30px;
}
a.mehr{font-size:16px; padding:10px; display:block; text-align:center;}
hr{margin-bottom:30px;}
.cycle-pager{top:75%; left:0; width:100%;}
.cycle-pager span{display:inline-block; margin:0 15px;}
.logos{padding: 10px 0 0 0;}
#contactForm .submit{margin-bottom:40px;}
}
 @media (max-width:670px) {
.cycle-slideshow .slide .container {
	padding: 0px;
	margin: 0 30px;
}
.cycle-slideshow .slide {
	padding: 90px 0;
}
.footer-content {
	padding: 0 12px 30px;
}
section h2 {
	margin: 0 0 40px 0;
}
#contactForm .submit{margin-bottom:15px;}
.footer-bottom{margin-top:10px;}
.footer-bottom p br{display:block;}
}
 @media (max-width:480px) {
header {
	height: 80px;
}
.index header {
	padding: 70px 0 20px 0 !important;
}
header .container {
	top: 35%;
}
header h1 {
	font-size: 20px;
	margin: 0 0 20px 0;
}
header h2 {
	font-size: 16px;
	margin: 0 0 15px 0;
}
header bloquote {
	font-size: 30px;
}
header a {
	padding: 5px 10px;
	font-size: 12px;
}
nav a.branding {
	font-size: 15px;
}
header .container {
	margin: 50px auto;
}
header .container .row {
	padding: 0 5px !important;
}
header .container .row p {
	margin: 0 0 20px;
	font-size: 20px;
}
#contactForm .submit {
	width: 100%;
	margin: 0 0 20px !important;
}
section h1 {
	font-size: 30px;
}
section h2 {
	font-size: 20px;
}
footer .h3{padding:0 0 0 90px; font-size:18px;}
}