html,
body {width: 100%; height: 100%; margin: 0;}

body {background-color: #eee; color: #333; font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 0;}



.header {position: fixed; left:  0; top: 0; right: 0; height: 60px; background-color:#ddd;   display:block; z-index:99999;}

nav {text-align:center; width: auto; position:relative; height:auto;  }

nav ul {text-align: right; display:block; float:right;  margin:0;  height: 60px; line-height:60px;}

nav ul li {display:block; float:left; padding:0; margin:0;  margin-right:10px; height: 60px; line-height:60px;}

nav ul li a {color:#333; display:block; padding: 0 5px; line-height: 60px; 
text-decoration:none; margin:0;		 font-size:14px; font-weight:700; text-transform:uppercase;

transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;}

nav ul li a:hover {color: #328b36;}

nav ul li.lang ul {  margin:0; padding:0; display:block; margin-left:8px;}

nav ul li.lang ul li { width:50px; height:60px; margin:0; padding:10px; padding-left:0; box-sizing:border-box;}
nav ul li.lang ul li:last-child {padding-right:0; width:40px;}

nav ul li.lang ul li a { background-color: #fff; padding:0; width:40px; height:40px; text-align:center; line-height:40px; color:#333;
border-radius:50%; font-weight:400;}

nav ul li.lang ul li a:hover { background-color: #eee;}

nav ul li.lang ul li a.active { background-color: #328b36; color:#fff; font-weight:700;}

.logo {width: auto; height:60px; color:#666;  display:block; margin:0;  z-index:999; position:absolute; top:0; left:20px; padding:0; line-height:60px; text-decoration:none; font-size:20px; font-weight:700;}

.button2 {display: none; position:absolute; right:0; top:0; font-size:30px;  width:60px; height:60px;  background-color:#328b36;
margin:0; box-sizing:border-box; overflow:hidden; z-index:9999999999999;}

.button2 a {text-decoration:none;  background-color:#328b36; display:block; overflow:hidden;}

.btn-open:after {color:#333; content:" ";width:56px; height:56px; margin:2px; background: url(../images/menu.png) no-repeat; display:block; 
transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;}

.btn-open:hover:after {color:#34B484;}

.btn-close:after {color:#333; content:" ";width:56px; height:56px; margin:2px; background: url(../images/close.png); display:block; 
transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;}

.btn-close:hover:after {color: #34B484;}

.overlay {display:none; position:fixed; top:0; height:100%; width:100%; background:#ddd; overflow:auto; z-index:99; visibility:hidden; padding:0;}

.wrap {color:#e9e9e9;  width:100%; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box; }

.wrap ul.wrap-nav {padding:0; margin:0; width:100%; display:block; overflow:hidden; box-sizing:border-box;}

.wrap ul.wrap-nav li {display:block; width:100%;  padding:0; margin:0; overflow:hidden; box-sizing:border-box;}

.wrap ul.wrap-nav li a {display:block; padding:0; margin:0; text-decoration:none; font-size:32px; font-weight:700; line-height:64px; box-sizing:border-box; text-align:center; text-transform:uppercase;  color:#333;}

.wrap ul.wrap-nav li a:hover {color:#328b36;}

.wrap ul.wrap-nav li.langu { text-align:center; margin-top:100px;}

.wrap ul.wrap-nav li.langu ul {  margin:0 auto; padding:0; width:auto; display: table; overflow:hidden;}

.wrap ul.wrap-nav li.langu ul li { display:block; width: 70px; height:70px; float:left; margin-right:20px;}
.wrap ul.wrap-nav li.langu ul li:last-child { margin-right:0;}

.wrap ul.wrap-nav li.langu ul li a {display:block; width: 70px; height:70px; background-color: #fff; float:left; margin-right:0; line-height:70px; border-radius:50%; font-weight:400;}

.wrap ul.wrap-nav li.langu ul li a:hover { background-color: #eee;}

.wrap ul.wrap-nav li.langu ul li a.active { background-color: #328b36; color:#fff; font-weight:700;}

@media screen and (max-width:1000px) {
.overlay {display: none; visibility: visible;  }

.button2 {display: block; }

nav ul li { display:none;}
}



.fullscreen-header {position:relative; width: 100%; height: calc(100% - 60px); margin-top:60px; background-image: url(../images/intro.jpg);
background-size: cover; background-position: center center, center center; color: #fff;}

.header-content {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1000px; max-width: 100%;}



h1 {color: #fff; font-size: 72px;font-weight: 700; line-height: 72px; margin:0; text-align: left;}

a.link { color:#000; text-decoration:underline;}
a.link:hover { color:#666; text-decoration:underline;}

@media all and (max-width: 1000px) {h1 {font-size: 56px;  margin:40px;}}
@media all and (max-width: 667px) {h1 {font-size: 32px; margin:40px; }}

h2 {color: #000; font-size:32px; font-weight: 600; margin-top: 30px; padding-top:20px;border-top:1px solid #FFF; display:block;}

h2.ttt {padding-top:0px; border-top: 0;}

h3 {color: #222; font-size:20px;}

@media all and (max-width: 1000px) {
h2 {margin:40px;  margin-top:40px;margin-bottom:20px;	font-size:24px;}

h3 { margin-left:40px;}
}



p {font-weight: 400; line-height: 24px; display:block;}

@media all and (max-width: 1000px) {p { margin:40px; margin-bottom:20px; margin-top:20px;}}



#map-section {width: 1000px; max-width: 100%; }

#content {width: 1000px; max-width: 100%; margin:20px auto; margin-top:60px;}

@media all and (max-width: 1000px) {
#content {width: 1000px; max-width: 100%; margin:20px auto; margin-top:40px;}
}



.map-container {margin: 0 auto; background-color:#fff;}

section {padding: 0px;}

.wrapper {width: 100%;  margin-top:30px; padding: 0; background: none; display: table; height:100%;}

.col-1 { display:table-cell; width:50%;  padding:0; padding-right:15px; height:100%;}

.col-2 { display:table-cell; width:50%;  padding:0; padding-left:15px; height:100%;}

.col-1 .obal, .col-2 .obal { margin:0px;   box-sizing:border-box; padding:0; height:100%; display:block; overflow:hidden; position:relative;} 

.col-1 .obal h2, .col-2 .obal h2 { border:0; padding:0; margin-top:0;} 

@media only screen and (max-width: 768px) {
.col-1, .col-2 {width:100%; display:block; margin:0;}

.col-1, .col-2  { padding:0;}

.col-2  { margin-top:30px; margin-bottom:10px;}

.col-1 { margin:0px;} 

.col-2 .obal { margin:0px; margin-top:30px;} 	
}



.popup-gallery {display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); grid-auto-rows: 1fr; grid-gap: 20px;}

.popup-gallery a {max-width: 100%;}

.popup-gallery a img {height: auto; width: 100%;}

@media only screen and (max-width: 1000px) {.popup-gallery { margin-left:40px; margin-right:40px;}}



footer {color: #333; font-weight: 400; margin-top: 30px; padding-top:20px; border-top:1px solid #FFF; display:block; font-size:12px; color:#666;}

@media all and (max-width: 1000px) {footer {margin:40px;  margin-top:30px;margin-bottom:0px;}}