@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Raleway:500,700);
/* CSS Document */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}


body {
	font-size: 2vh;
	color: rgba(255,255,255,1);
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	background: url(../images/background.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
	overflow: hidden;
	height: 100%;
}

strong {
	font-weight: 700;
}

.wrapper {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.wrapper:before{
	content: '';
	display: block;
	width: 50vw;
	height: 10vh;
	position: absolute;
	left: 50vw;
	top: 0;
	z-index: 2;
	background: -moz-linear-gradient(top, rgba(197,193,171,1) 10%, rgba(197,193,171,0) 100%);
	background: -webkit-linear-gradient(top, rgba(197,193,1712,1) 10%, rgba(197,193,171,0) 100%);
	background: linear-gradient(to bottom, rgba(197,193,171,1) 10%, rgba(197,193,171,0) 100%);
}

.wrapper:after{
	content: '';
	display: block;
	width: 50vw;
	height: 10vh;
	position: absolute;
	left: 50vw;
	top: 90vh;
	z-index: 2;
	background: -moz-linear-gradient(top, rgba(197,193,171,0) 0%, rgba(197,193,171,1) 90%);
	background: -webkit-linear-gradient(top, rgba(197,193,171,0) 0%, rgba(197,193,171,1) 90%);
	background: linear-gradient(to bottom, rgba(197,193,171,0) 0%, rgba(197,193,171,1) 90%);
}

.left {
	float: left;
	overflow: hidden;
	width: 50vw;
	height: 100vh;
	text-align: right;
	position: relative;
	-webkit-box-shadow: inset -30px 0px 30px -10px rgba(0,0,0,0.25);
	-moz-box-shadow: inset -30px 0px 30px -10px rgba(0,0,0,0.25);
	box-shadow: inset -30px 0px 30px -10px rgba(0,0,0,0.25);
}

.right {
	float: left;
	overflow: hidden;
	width: 50vw;
	text-align: left;
	position: relative;
}

.right .content {
	overflow: auto;
	height: 100vh;
}

.left .pos {
	width: 50vw;
	position: absolute;
 	top: 50%;
  	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.left .pos .inner {
	margin: 3vw 3vw 3vw 0;
}

.right .pos .inner {
	padding: 3vw;
	font-size: 2vh;
	color: rgba(50,50,50,1);
}

.right .pos .inner h1 {
	font-size: 5vh;
}

.right .pos .inner h2 {
	font-size: 5vh;
}

.right .pos .inner h3 {
	font-size: 5vh;
}

.big {
	color: rgba(255,255,255,0.5);
	font-size: 3.5vh;
	margin: 0 0 0 10vh;
	font-weight: 500;
}

.medium {
	color: rgba(255,255,255,0.5);
	font-size: 2vh;
	margin: 0 0 0 10vh;
	font-weight: 500;
}

.medium:before {
	content:"\a";
	line-height: 100%;
	white-space: pre;
}

.image {
	display: inline-block;
	margin: 3vh 0 3vh 0;
	width: 12.5vw;
	padding: 12.5vw 0 0 0;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	border: 0.25vh solid rgba(224,190,117,1);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
  filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.25));
  -webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.25));
  -moz-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.25));
}


.nav{
	margin: 0;
	padding: 0;
}

.nav li{
	display: block;
}

.nav a:link, .nav a:visited, .nav a:active {
	font-size: 2.5vh;
	display: block;
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	line-height: 150%;
	border-bottom: 0.25vh solid transparent;
	transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
}

.nav a:hover, .nav a:focus, .nav .current-menu-item a {
	font-weight: 700;
	color: rgba(255,255,255,1);
	border-bottom: 0.25vh solid rgba(224,190,117,1);
}

.current-menu-item a:after {
	content: '';
	position: absolute;
	left: 50vw;
	border-right: 3vh solid transparent;
	border-bottom: 3vh solid transparent;
	border-top: 3vh solid rgba(242,242,208,1);
	clear: both;
	transform:  rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	z-index: 999;
}

.kontakt {
	color: rgba(255,255,255,1);
	font-weight: 500;
	font-size: 2vh;
	margin: 3vh 0 0 10vh;
}

.kontakt span {
	display: block;
	color: rgba(224,190,117,1);
}

.kontakt a:link, .kontakt a:visited, .kontakt a:active, .kontakt a:hover, .kontakt a:focus {
	color: rgba(224,190,117,1);
	text-decoration: underline;
}

.wpcf7 {
	overflow: hidden;
}

.wpcf7 input, .wpcf7 textarea {
	line-height: 3vh;
	font-size: 1.5vh;
	margin-bottom: .5vh;
	width: 40vh;
	padding: 0 5px;
	font-weight: normal;
	box-sizing: border-box;
	border: 1px solid #000;
}

.wpcf7 textarea {
	padding: 5px;
	line-height: 2vh;
	font-size: 1.5vh;
}

.wpcf7 input[type="submit"]{
	background: rgba(50,50,50,1);
	border: 0 none;
	cursor: pointer;
	font-size: 2vh;
	padding: 5px 10px;
	color: #fff;
	width: 20vh;
}

#map_container {
	min-height: 400px;
	margin-bottom: 50px;
}

#nav-icon {
	display: none;
}

@media (max-width: 800px) {
	body, .wrapper {
		overflow: hidden;
		height: auto;
		width: auto;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}

	body {
		left: 0;
		position: relative;
		background-position-x: 100%;
		background-size: 200% 200%;
	}

	.wrapper:before, .wrapper:after {
		display: none;
	}

	.left, .right {
		float: none;
		height: auto;
		width: 100%;
		overflow: visible;
		position: static;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	.right .content {
		height: 76vh;
	}

	.left {
		box-shadow: 1px 0 15px rgba(0, 0, 0, 1)
	}

	.left .pos {
		position: static;
		top: 0;
		width: 100%;
		margin: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		overflow: visible;
	}

	.left .pos .inner {
		margin:0;
		padding:2vw;
		box-shadow: 1px 1px #000;
	}

	.left .image {
		position: absolute;
		top: 0;
		left: 10px;
		width: 70px;
		padding: 70px 0 0 0;
		margin-top: 10px;
	}

	.left .big, .left .medium, .left .kontakt {
		width: auto;
		margin-left: 100px;
		text-align: left;
	}

	.left .medium:before{
		display: none;
	}

	.left .big {
		font-size: 3vh;
		color: #484744;
	}

	.left .big br{
		display: none;
	}

	.left .medium {
		color: #484744;
	}

	.right {
		margin-top: 1vh;
	}

	.current-menu-item a:after {
		display: none;
	}

	.nav {
		width: 300px;
		top: 0;
		z-index: 5;
		padding: 0;
		box-sizing: border-box;
		overflow: hidden;
		max-height: 0;
		transition: .5s ease-in-out;
		margin: 10px 0 10px 10px;
	}

	body.openRightNav .nav {
		max-height: 300px;
	}

	.nav a:link, .nav a:visited, .nav a:active,
	.nav 	.current-menu-item a {
		color: #484744;
	}

	.left .kontakt {
		margin-right:10px;
		margin-top: 5px;
		margin-left: 10px;
		text-align: center;
	}

	.kontakt span {
		display: inline-block;
		margin-right:20px;
		color:#484744;
	}

	.kontakt span:last-child {
		margin-right: 0;
	}

	.kontakt a:link {
		color:#484744;
	}

	#nav-icon {
		width: 30px;
		height: 20px;
		position: absolute;
		top: 10px;
		right: 10px;
		display: block;
		margin: 50px auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#nav-icon span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #000;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon span:nth-child(2) {
		top: 8px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon span:nth-child(3) {
		top: 16px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -3px;
		left: 8px;
	}

	#nav-icon.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#nav-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 39px;
		left: 8px;
	}

	.nav a{
		text-align: left;
	}

	.right .main_title {
		margin: 20px 0;
	}

	.right .pos .inner h2 {
		margin-top:0;
	}
}

@media (max-width: 500px) {
	.left .kontakt {
		text-align: left;
	}

	.left .kontakt * {
		display: block;
	}
}