/*!
Theme Name: vdtheme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vdtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

vdtheme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 56.5%;
}

@media only screen and (min-width: 48em) {
  /*768px*/
  html {
    font-size: 62.5%;
  }
}

body {
  font-family: "Nunito Sans", sans-serif;

  font-weight: 400;

  line-height: 1.7;

  color: rgb(137, 138, 140);

  box-sizing: border-box;

  font-size: 1.6rem;
}

img {
  border: 0;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: rgb(0, 131, 207);
}

button,
input,
textarea {
  border: 0;
}

button {
  cursor: pointer;
}

h3 {
  font-size: 2.2rem;
}

p {
  margin-bottom: 1.5rem;
}

strong {
  font-weight: 700;
  color: rgb(0, 131, 207);
}

.container {
  position: relative;

  width: 100%;

  max-width: 192rem;

  padding: 0 2rem;

  margin: 0 auto;

  box-sizing: border-box;
}

@media only screen and (min-width: 76.25em) {
  /*1220px*/
  .container {
    padding: 0 6rem;
  }
}

.container::after,
.row::after,
.section::after,
.slider::after,
.hero::after,
.txt-gallery::after {
  content: "";
  display: table;
  clear: both;
}

.none {
  display: none;
}

.flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
}

@media only screen and (min-width: 64em) {
  /*1024px*/
  .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: unset;
  }
}

.section {
  padding-bottom: 4rem;
}

@media only screen and (min-width: 48em) {
  /*768px*/
  .section {
    padding-bottom: 7rem;
  }
}

.title {
  text-align: center;
}

.title h2, .title h1, h1 {
	font-size: 3.2rem;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 2rem;
}

@media only screen and (min-width: 48em) {
  /*768px*/
  .title h2,
  .title h1,
  h1 {
    margin-bottom: 4rem;
  }
}

/*-----UI STYLE------*/

.ui-margin-bottom {
  margin-bottom: 4rem;
}

.ui-border-bottom {
  border-bottom: 1px solid #e9e9e9;
}

.ui-border-top {
  border-top: 1px solid #e9e9e9;
}

.ui-border-top-bottom {
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}

.ui-border-left-right {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}

.ui-border-right {
  border-right: 1px solid #e9e9e9;
}

.ui-no-padding-bottom,  .section.ui-no-padding-bottom {
  padding-bottom: 0;
}

.ui-margin-center {
  margin: 0 auto;
} /*novo*/

/*-----HEADER------*/

.current_page_item {
	-webkit-text-stroke: 0.5px #fff;
}

.header {
  position: fixed;

  z-index: 999;

  width: 100%;

  top: 0;

  background: transparent;

  transition: all.4s ease-in-out;
}
.header.scrolled{
  background-color: #fff;
}
.header .wpml-ls-statics-shortcode_actions li a{
 color: #fff;
}
.header.scrolled .wpml-ls-statics-shortcode_actions li a{
/*   color: rgb(0, 131, 207); */
	color: rgb(137, 138, 140);
 }
.header .flex {
  -webkit-box-align: center;
  align-items: center;
}

.logo {
  display: -webkit-box;
  display: flex;
}

.logo-item {
  display: inline-block;
  width: 20rem;
}

.header-line {
  display: inline-block;

  -webkit-box-flex: 2;

  flex: 2;

  height: 1px;

  background: #e9e9e9;

  margin: 0 4rem;
}

.nav-checkbox {
  display: none;
}

.nav-button {
  display: none;
}

.nav-bg {
  display: none;
}

nav,
.lang {
  list-style: none;
  font-size: 0;
}

nav li,
.lang li {
  display: inline-block;
}

nav li a,
.lang li a {
  display: block;
  text-transform: uppercase;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  font-weight: 400;
} /*novo prije je bilo display:inline-block*/

nav li a:hover,
nav li a.mslc {
/*   color: rgb(0, 131, 207); */
	-webkit-text-stroke: 0.5px #fff;
	color:#fff;
}

nav > li:first-child a {
  padding-left: 0;
}

.logo,
.navigation {
  padding: 3rem 0;
}

.navigation {
  -webkit-box-flex: 1;
  flex: 1;
}
.wpml-ls-legacy-dropdown a{
  background-color: transparent;
  border: 0;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
	color: #fff;
	background: transparent;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
  border-top: 0;
}
.wpml-ls-sub-menu .wpml-ls-item{
  background-color: rgba(255,255,255,.2);
}
header.scrolled .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
	color: #000;
  
}
.wpml-ls-legacy-dropdown{
  width: auto;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	border: .35em solid transparent;
	border-top: .5em solid;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.main-menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.menu-close{
  position: absolute;
  top: 5rem;
  right: 2rem;
  outline: none;
  line-height: 0;
  font-size: 4rem;
  font-weight: 400;
  cursor: pointer;
}
.menu-toggle{
  order: 3;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
.menu-toggle.open{
  opacity: 0;
}
.menu-toggle img{
  display: block;
  width: 2rem;
  height: auto;
  filter: brightness(0) invert(1);
  transition: all .4s ease-in-out;
}
.header.scrolled .menu-toggle img{
 /*   filter: none; */
	filter: grayscale(1);
}
nav ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .menu-toggle, .menu-close{
    display: none;
  }
}
.book-btn span {
  display: inline-block;
}

.book-btn {

  border: 1px solid rgb(0, 131, 207);
  margin-right: 1rem;
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.book-btn{

}
.header.scrolled .book-btn{
  background: rgb(0, 131, 207);
  color: #fff;
  border-color: rgb(0, 131, 207);
}
.book-btn:hover, .header.scrolled .book-btn:hover {
/*   background: transparent;
  color: rgb(0, 131, 207);
  border-color: rgb(0, 131, 207); */
	background: rgb(0, 131, 207);
    color: #fff;
    border-color: rgb(0, 131, 207);
}

nav li.menu-item-has-children,
.lang li.has-lang-sub-menu {
  position: relative;
}

nav li.menu-item-has-children::after,
.lang li.has-lang-sub-menu::after {
  content: "";

  position: absolute;

  bottom: -20%;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 1px;

  height: 3rem;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  background: #e9e9e9;
}

.sub-menu,
.lang-sub-menu {
  position: absolute;

  border: 1px solid #e9e9e9;

  min-width: auto;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  top: 120%;

  background: #fff;
}

.sub-menu {
  min-width: 25rem;
  text-align: left;
} /*novo prije je bilo text-align:center*/

nav .sub-menu li {
  display: block;
}

nav .sub-menu li:not(:last-child) a {
  border-bottom: 1px solid #e9e9e9;
}

nav li.menu-item-has-children:hover .sub-menu,
nav li.menu-item-has-children:hover::after,
.lang li.has-lang-sub-menu:hover .lang-sub-menu,
.lang li.has-lang-sub-menu:hover::after {
  opacity: 1;

  visibility: visible;
}

nav .sub-menu li a {
  text-transform: none;
}

/*-----SLIDER / HERO IMAGE------*/

.slider-item,
.hero,
.full-img {
  background-size: cover;

  height: 60vh;

  background-position: center;

  width: 100%;
  overflow: hidden;
  position: relativee;
}
.slider-item.flex,
.hero.flex,
.full-img.flex,
.top-photo.flex {
  /*novo*/
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.top-txt {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	z-index: 1;
	max-width: 60rem;
	width: 100%;
}
.top-txt h2 {
  color: #fff;
  font-size: 3rem;
  text-align: center;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
  font-weight: 700;
  line-height: 1.3;
	margin-bottom:20px
}

.hero-button {
	font-size: 18px!important;
    text-transform: uppercase;
    padding: 10px 25px;
    line-height: 28px;
	color:#fff;
	background:rgb(0, 131, 207);
	
	transition: all .3s ease-in-out;
}

.hero-button:hover {
	background:#fff;
	color:rgb(0, 131, 207)!important;
}

@media only screen and (min-width: 40em) {
  /*640px*/
  .top-txt h2 {
    font-size: 3.5rem;
  }

}
/*novo*/
.top-txt p {
  font-size: 1.8rem;
  color: #fff;
  width: 50%;
  text-align: center;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
} /*novo*/

.slider,
.hero {
  margin-bottom: 4rem;
  /* margin-top: 14.2rem; */
}

.bx-wrapper .bx-viewport {
  left: 0;
  border: 0;
  box-shadow: none;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: 5rem;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 2rem;

  height: 2rem;

  border-radius: 50%;

  background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: rgb(0, 131, 207);
}

.bx-wrapper {
  margin: 0;
}

/*-----MAIN CONTENT------*/

#main-content {
  /* margin-top: 7rem; */
} /*izmjena prije bilo 14.2rem*/

.txt-wrapper {
  max-width: 90%;

  width: 100%;

  /* margin: 0 auto;*/ /*izmjena*/

  text-align: center;
  padding: 5rem 0 2rem 0;
}

@media only screen and (min-width: 64em) {
  /*1024px*/
  .txt-wrapper {
    padding: 0;
  }
}

@media only screen and (min-width: 85.375em) {
  /*1366px*/
  .txt-wrapper {
    max-width: 55.5rem;
  }
  .section-bg .txt-wrapper {
    max-width: 95.5rem;
  }
}

.txt-wrapper p:not(:last-child) {
  margin-bottom: 2.5rem;
}

.txt-wrapper p {
  line-height: 2;
}

.item {
  width: 100%;
  position: relative;
}
.item img{
  display: block;
  width: 100%;
}
.item-flex::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -0.1rem;
	background: url('../vdtheme/images/svg/waves-top.svg') no-repeat top left;
	background-size: contain;
	width: 6rem;
	height: 6rem;
}
.item-flex::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -0.1rem;
	background: url('../vdtheme/images/svg/waves-bottom.svg') no-repeat bottom right;
	background-size: contain;
	width: 6rem;
	height: 6rem;
}
@media only screen and (min-width: 64em) {
  /*1024px*/
  .item {
    width: 50%;
  }
}

.txt {
  position: absolute;

  background: rgba(255, 255, 255, 0.87);

  padding: 2rem 3rem 2rem 2rem;

  bottom: 2.5rem;
}
.txt h3 {
  color: rgb(137, 138, 140);
  font-size: 2.4rem;
  font-weight: 400;
}

.item-flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.btn {
  display: inline-block;
	text-transform:uppercase;

  color: #fff;

  padding: 1rem 3rem;

  margin: 0 auto;

  margin-top: 1rem;
	background: transparent;
  color: rgb(0, 131, 207);
	border: 1px solid rgb(0, 131, 207);
  
  font-weight: 400;
}

.btn:hover {
  background: rgb(0, 131, 207);
  border: 1px solid rgb(0, 131, 207);
	color:#fff;
}
.top-space{
  padding-top: 7.5rem;
}
@media only screen and (min-width: 64em) {
  /*1024px*/
  .flex-order .item:first-child {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .section-wrapper
    .section:nth-child(2n + 1):not(:first-child)
    .item:first-child {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}

.full-bg {
  background: #b6afa6;
  text-align: center;
  padding: 4rem 0;
}

.book-btn-1 {
  padding: 1rem 2rem;
  text-transform: uppercase;
}

.hover-scale {
  overflow: hidden;
}

.hover-scale img {
  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;
}

.hover-scale:hover img {
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
}

/*-----FOOTER------*/

.footer {
  background: rgb(137, 138, 140);
  color: #fff;
}
.footer  a{
  color: #fff;
}
.footer p {
  margin-bottom: 0;
}

.footer ul {
  list-style: none;
}

.social li {
  display: inline-block;
}

.social li a {
  display: inline-block;
}

.footer .flex .item {
  -webkit-box-flex: 0;
  flex: 0 0 25%;
}

.footer .flex {
  padding: 5rem 0;
}

.footer h3 {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 2rem;
	margin-bottom: 2rem;
	color: #fff;
}

.social {
  display: inline-block;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.footer .flex .item::after {
  content: "";

  position: absolute;

  width: 1px;

  height: 100%;

  background: #e9e9e9;

  top: 0;

  right: 3rem;
}

.footer .flex .item:last-child::after {
  content: none;
}

.footer a:hover {
  opacity: 0.7;
}

.clear {
  border-top: 1px solid #e9e9e9;
  padding: 2rem 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}

.txt-wrapper h3 {
  margin-bottom: 1.5rem;
}

.item-logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
} /*novo*/

.more-links {
  padding: 1rem 0;
} /*novo*/

.more-links ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
} /*novo*/

.more-links ul li:first-child {
  margin-right: 4rem;
} /*novo*/

/*-----BREADCRUMBS------*/

.bread-crumbs {
  background: rgb(0, 131, 207);
  margin-bottom: 7rem;
}

.bread-crumbs ul {
  list-style: none;
  padding: 1rem 0;
}

.bread-crumbs ul li {
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  margin-right: 1rem;
}

.bread-crumbs ul li a {
  display: inline-block;
  color: #fff;
}

.bread-crumbs ul li:not(:last-child)::after {
  content: "|";
  display: inline-block;
  margin-left: 1rem;
}

.section .bread-crumbs {
  padding: 0 2rem;
}

/*-----OTHER PAGES------*/

.top-photo {
  width: 100%;

  height: 60vh; /*novo prije je bilo 40vh*/

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  /*background-attachment: fixed;*/ /*novo*/
  /* margin-top: 10.2rem; */
}

.txt-content {
  padding: 3rem 0; /*novo bilo je 7rem 35rem*/
  width: 90%; /*novo*/
  margin: 0 auto; /*novo*/
}

@media only screen and (min-width: 76.25em) {
  /*1220px*/
  .txt-content {
    padding: 7rem 0;
    width: 1024px;
  }
}

.txt-content h3 {
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

.txt-content a {
  color: rgb(0, 131, 207);
}

.txt-content ul {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}

.txt-content ul > li {
  list-style-type: none;
}

.txt-content ul > li::before {
  content: "";

  background: url(../vdtheme/images/svg/list-style.svg) no-repeat;

  /*background-size: cover;*/ /*novo*/

  width: 2rem;

  height: 2rem;

  display: inline-block;

  vertical-align: middle;

  margin-right: 1rem;

  background-position: center; /*novo*/
}

.txt-content ul ul {
  padding-left: 4rem;
}

.txt-content ul ul li::before {
  content: none;
}

.has-icons h3:not(:first-of-type) {
  /*novo*/
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 5.5rem;
}
.has-icons h3:nth-of-type(2) {
  background-image: url(../vdtheme/images/svg/wifi.svg);
} /*novo*/
.has-icons h3:nth-of-type(3) {
  background-image: url(../vdtheme/images/svg/wellness.svg);
} /*novo*/
.has-icons h3:nth-of-type(4) {
  background-image: url(../vdtheme/images/svg/bar.svg);
} /*novo*/
.has-icons h3:nth-of-type(5) {
  background-image: url(../vdtheme/images/svg/food.svg);
} /*novo*/

.txt-gallery {
  margin: 3rem 0;
} /*novo*/


@media only screen and (min-width: 40em) {
  /*640px*/
  .txt-gallery {
    margin: 7rem 0;
  } /*novo*/
}
.txt-gallery img {
	border: 1px solid #fff;
	width: 50%;
	float: left;
	height: 100px;
	object-fit: cover;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .txt-gallery img {
    height: 200px;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .txt-gallery img {
    height: 300px;
  }
}
/*novo*/

.flex-for-rooms {
  flex-wrap: wrap;
}

.flex-for-rooms .item {
  width: 50%;
  border: 3px solid #fff;
  position: relative;
  overflow: hidden;
}
.flex-for-rooms .item img{
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.flex-for-rooms .item:nth-child(-n + 3) {
  width: 100%;
}

@media only screen and (min-width: 56.25em) {
  /*900px*/
  .flex-for-rooms .item:nth-child(-n + 3) {
/*     width: 33.333%; */
	  width:50%;
  }
}

.abs-txt {
  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 100%;

  -webkit-transform-origin: left;

  transform-origin: left;

  -webkit-transition: all.3s;

  transition: all.3s;
}

.abs-txt h2 {
  color: #fff;
  font-size: 3rem;
  text-align: center;
  text-shadow: 1px 1px 0.1rem #000;
}

@media only screen and (min-width: 56.25em) {
  /*900px*/
  .abs-txt h2 {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 67.5em) {
  /*1080px*/
  .abs-txt h2 {
    font-size: 3.5rem;
  }
}
.flex-for-rooms img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
}

.flex-for-rooms a:hover .abs-txt {
  background-color: rgba(255, 255, 255, 0.4);
}

.flex-for-rooms a:hover img {
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
}

.kontakt p {
  margin-bottom: 0;
}

.kontakt .txt-content {
  padding: 7rem;
  width: auto;
}

.kontakt .item {
  text-align: center;
}

.kontakt a {
  color: rgb(0, 131, 207);
}

.flex.gallery {
  flex-wrap: wrap;
}

.gallery a {
  width: 50%;
  border: 3px solid #fff;
  overflow: hidden;
  position: relative;
}

.gallery a:nth-child(5n + 4) {
  width: 50%;
}

.gallery a:nth-child(5n + 5) {
  width: 100%;
}

@media only screen and (min-width: 37.5em) {
  /*600px*/
  .gallery a {
    width: 33.333%;
  }
  .gallery a:nth-child(5n + 5) {
    width: 50%;
  }
}

.gallery a img {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	height: 200px;
	display: block;
	object-fit: cover;
}

.overlay {
  background: rgba(255, 255, 255, 0.5);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;
}

.gallery a:hover img {
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
}

.gallery a:hover .overlay {
  opacity: 1;
}

.hide {
  display: none;
}

.zoom-gallery {
  margin-top: 7rem;
}

.txt-apartman {
  padding: 0;
}

.txt-apartman .item {
  padding: 0;
  text-align: justify;
}

@media only screen and (min-width: 50em) {
  /*800px*/
  .txt-apartman .item {
    padding: 0 5rem;
  }
}

.txt-apartman .item ul {
  padding: 0;
}

.flex-btn {
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 7rem;
}

.flex-btn a {
  margin: 0;
}

@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .gallery a img {
    height: 300px;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .gallery a img {
    height: 430px;
  }
}
/*-----COOKIES------*/

.cookie-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 2rem;
  background: #fff;
  border: 1px solid #e9e9e9;
  text-align: center;
}

.cookie-container h3 {
  text-transform: uppercase;
}

.btn-cookie {
  color: rgb(0, 131, 207);
}

.cookie-container .btn {
  padding: 2px 3rem;
}
.cky-btn-accept{
background-color: rgb(0, 131, 207) !important;
border-color: rgb(0, 131, 207) !important;
}
.cky-btn-reject{
  border-color: rgb(0, 131, 207) !important;
  color:  rgb(0, 131, 207) !important;;
}
/*-----ERROR 404------*/

.section-404 {
  text-align: center;
  padding-top: 16rem;
}

.section-404 img {
  margin-bottom: 7rem;
  opacity: 0.2;
}

/*NEW CSS 23.12.2019.*/

.top-photo {
  position: relative;
}

.bread-crumbs {
  background: rgba(0, 131, 207, 0.8);
  margin-bottom: 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.logo,
.navigation {
  padding: 2rem 0;
}

.top-photo.big-photo {
  height: 70vh;
  /* margin-top: 10.2rem; */
}

/*-----RESPONSIVE------*/

@media only screen and (max-width: 105em) {
} /*1680px*/

@media only screen and (max-width: 100em) {
} /*1600px*/

@media only screen and (max-width: 90em) {
} /*1440px*/

@media only screen and (max-width: 85.375em) {
} /*1366px*/

@media only screen and (max-width: 85em) {
} /*1360px*/

@media only screen and (max-width: 80em) {
} /*1280px*/

@media only screen and (max-width: 76.25em) {
} /*1220px*/

@media only screen and (max-width: 64em) {
} /*1024px*/

@media only screen and (max-width: 61.25em) {
} /*980px*/

@media only screen and (max-width: 56.25em) {
} /*900px*/

@media only screen and (max-width: 50em) {
} /*800px*/

@media only screen and (max-width: 47.5em) {
} /*760px*/

@media only screen and (max-width: 40em) {
} /*640px*/

@media only screen and (max-width: 38.75em) {
} /*620px*/

@media only screen and (max-width: 37.5em) {
} /*600px*/

@media only screen and (max-width: 30em) {
} /*480px*/

@media only screen and (max-width: 22.5em) {
} /*360px*/

/*NEW CSS 09.01.2019.*/

.top-photo {
  position: relative;
  height: 50vh;
}

@media only screen and (min-width: 61.25em) {
  /*980px*/
  .top-photo {
    height: 65vh;
  }
}

/* .hero {
  margin-top: 9.2rem; */
/* } */

.title h1 {
  margin: 3.5rem 0;
}

/*NEW CSS 01.10.2020.*/

/* .header .flex {
  display: none;
} */

#main-content {
  /* margin-top: 4.2rem; */
}
.main-home{
  margin-top: 0 !important;
}

#main-content.other-page {
  margin-top: 9.2rem;
}
.section-bg{
  padding: 5rem 0;
  background-color: #fbfbfb;

}
.flex-row-st-fs {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.footer .flex-row-st-fs {
  padding: 3rem 0;
}

.footer .item {
  width: 100%;
  margin-bottom: 4rem;
}

.footer .item:last-child {
  margin-bottom: 0;
}

.item-logo {
  text-align: center;
}
.logo img{
  filter: brightness(0) invert(1);
  transition: all  .4s ease-in-out;
}
.header.scrolled .logo img{
  filter: none;
}
.more-links ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
}

.more-links ul li:first-child {
  margin-right: 0rem;
}

.more-links ul li {
  width: 100%;
}

@media only screen and (min-width: 37.5em) {
  /*600px*/
  .footer .item {
    width: 50%;
    border-right: 1px solid #fff;
    padding: 0 2rem;
  }
  .footer .item:nth-child(2n) {
    border: none;
  }
  .more-links ul li {
    width: auto;
  }
  .more-links ul li:not(:last-child) {
    margin-right: 4rem;
  }
}

@media only screen and (min-width: 64em) {
  /*1024px*/
  .footer .item {
    width: 25%;
    margin: 0;
  }
  .footer .item:nth-child(2n) {
    border-right: 1px solid #fff;
  }
  .footer .item:last-child {
    border: none;
  }
}

.clear {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
}

.copy {
  width: 100%;
}

.text-r {
  padding-top: 1rem;
}

@media only screen and (min-width: 37.5em) {
  /*600px*/
  .copy {
    width: auto;
  }
  .text-r {
    padding-top: 0;
  }
}

.ui-border-right {
  border-left: 1px solid #e9e9e9;
}

.kontakt .txt-content {
  padding: 3rem 0;
}

@media only screen and (min-width: 64em) {
  /*1024px*/
  .ui-border-right {
    border-left: none;
  }
  .kontakt .txt-content {
    padding: 5rem;
  }
}

/*header new*/

.header .flex {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.logo {
  -webkit-box-flex: 1;
  flex: 1;
  width: auto;
}

.logo-item {
  display: inline-block;
  width: 18rem;
}
.logo-item img{
  display: block;
  width: 100%;
  height:auto;
}
nav > li:first-child a {
  padding-left: 2rem;
}

nav li a,
.lang li a {
  padding: 1rem 1.5rem;
}

nav {
  width: 100%;
  -webkit-box-ordinal-group: 5;
  order: 4;
}

nav li {
  width: 100%;
}

nav li a {
  display: block;

  cursor: pointer;
  padding: 1rem 2rem;

}
.header.scrolled nav li a{
  color: rgb(137, 138, 140);
}
.header.scrolled nav li a:hover, .header.scrolled nav li a.mslc {
    -webkit-text-stroke: 0.5px rgb(137, 138, 140);
}
nav li .sub-menu li a{
  color: rgb(137, 138, 140);
}
nav li .sub-menu li a:hover{
  color: rgb(0, 150, 236);
}
.book-btn {
  display: none;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.book-btn.btn-sm {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  text-align: center;
}

.book-btn.btn-sm.show-me {
  opacity: 1;
  visibility: visible;
}

.book-btn.btn-sm:hover {
  background-color: rgb(0, 150, 236);
  color: #fff;
}

.sub-menu {
  position: relative;
}

.sub-menu,
.lang-sub-menu {
  border: 1px solid #e9e9e9;
  min-width: auto;
  opacity: 1;
  visibility: visible;
  background: #fff;
  display: none;
  -webkit-transition: none;
  transition: none;
}

/* .top-photo {
  margin-top: 9.2rem;
} */

nav li.menu-item-has-children::after,
.lang li.has-lang-sub-menu::after {
  background: transparent;
}
nav{
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  padding-top: 8rem;
  width: 100%;
  overflow-y: auto;
  -webkit-transform: translate3D(100%,0,0);
  transform: translate3D(100%,0,0);
  -webkit-transition: -webkit-transform .46s cubic-bezier(.7,0,.3,1);
  transition: -webkit-transform .46s cubic-bezier(.7,0,.3,1);
  -o-transition: transform .46s cubic-bezier(.7,0,.3,1);
  transition: transform .46s cubic-bezier(.7,0,.3,1);
  transition: transform .46s cubic-bezier(.7,0,.3,1),-webkit-transform .46s cubic-bezier(.7,0,.3,1);
  padding-bottom: 5rem;
  border-left: 1px solid #e7e7e7;

}
nav.open {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.mobile-menu {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #e7e7e7;
}
.mobile-menu li a{
  display: block;
  padding: 1rem 2rem;

}
.mobile-menu li a:hover{
  color: rgb(0, 131, 207);
}
@media only screen and (min-width: 30em) {
  /*480px*/
  .book-btn {
    display: block;
  }
  .book-btn.btn-sm {
    display: none;
  }
  .logo-item {
    width: 20rem;
  }
  /* .top-photo {
    margin-top: 10.2rem; 
  }*/
  /* #main-content {
    margin-top: 10.2rem;
  } */
  nav{
    width: 32rem;
  }
}

@media only screen and (min-width: 64em) {
  /*1024px*/
  .header .flex {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  nav {
    width: auto;
    -webkit-box-ordinal-group: unset;
    order: 0;
    display: block;
  }
  nav li {
    width: auto;
  }
  nav{
    display: block;
  opacity: 1;
  visibility: visible;
  height: auto;
  min-height: auto;
  transition: none;
  width: auto;
  overflow-y: visible;
  background-color: transparent;
  transform: none;
  padding-top: 0;
  position: static;
  top: auto;
  right: auto;
  padding-bottom: 0;
  border-left: 0;
  }

  .sub-menu,
  .lang-sub-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 120%;
    background: #fff;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  nav .sub-menu li a {
    width: 20rem;
  }
  nav li.menu-item-has-children::after,
  .lang li.has-lang-sub-menu::after {
    background: #e9e9e9;
  }
  nav li a {
    padding: 1rem 1.5rem;
  }
  .mobile-menu{
    display: none;
  }
}


nav li a {
	color: #fff;
}

@media only screen and (max-width: 768px) {
	nav li a {
	color: rgb(137, 138, 140);
}
}

@media only screen and (min-width: 67.5em) {
  /*1080px*/
  nav li a,
  .lang li a {
    padding: 1rem 2rem;
  }
}


#toggle {
  display: block;
  width: 3rem;
  height: 2rem;
  background-color: transparent;
}

#toggle .toggle-flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

#toggle span {
  width: 100%;
  height: 0.2rem;
  background-color: #b6afa6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#toggle.open span {
  height: 0.3rem;
  background-color: rgb(0, 131, 207);
}

@media only screen and (min-width: 30em) {
  /*480px*/
}

@media only screen and (min-width: 64em) {
  /*1024px*/
  #toggle {
    display: none;
  }
}

.mfp-title {
  display: none;
}

.item.ui-border-left-right {
  padding: 0 0 5rem 0;
}

@media only screen and (min-width: 64em) {
  /*1024px*/
  .item.ui-border-left-right {
    padding: 0;
  }
}

/*NEW CSS 16.01.2020.*/

.hero.flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-flow: column;
	overflow: hidden;
	position: relative;
}
.slider,
.hero {
  margin-bottom: 0rem;
  overflow: hidden;
  position: relative;
}
.hero{
  margin-bottom: 0 !important;
}
.title h2,
.title h1,
h1 {
  margin-bottom: 1.5rem;
}

.full-img {
  height: 40vh;
}

.slider-item,
.hero,
.full-img {
  height: 50vh;
}



.section {
  padding-bottom: 2rem;
}

@media only screen and (min-width: 40em) {
  /*640px*/
  .slider,
  .hero {
    margin-bottom: 7rem;
  }
  .title h2,
  .title h1,
  h1 {
    margin-bottom: 4rem;
  }
  .full-img {
    height: 60vh;
  }
  .slider-item,
  .hero,
  .full-img {
    height: 60vh;
  }
  
  .section {
    padding-bottom: 7rem;
  }
  .hero{
    height: 100vh;
  }
}

/*----top footer---*/
.top-footer {
	text-align: center;
	padding-bottom:4rem;
}
.top-footer img{
  display: inline-block;
}
/* .txt-content div a, .txt-content div a span{
  text-decoration: underline;
  color: #fff;
} */
/*----animation---*/
.anim-image {
	background-size: cover;
	height: 60vh;
	background-position: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.anim {
	-webkit-animation: kenburns-top 5s ease-out infinite alternate-reverse both;
	        animation: kenburns-top 5s ease-out infinite alternate-reverse both;
}

 @-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}

@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .item-new {
    margin-left: -15rem;
    background: #fff;
    padding: 6rem 5rem;
    background: #fbfbfb;
    z-index: 3;
    position: relative;
  }
  .flex-align-center{
    align-items: center;
  }
  .item-left{
    margin-left: 0;
    margin-right: -15rem;
  }
  .items-new .item{
    order: 0 !important;
    margin-left: auto;
  
  }
  .section-wrapper .section:last-child .flex{
   flex-direction: row-reverse;
  
  }
}
@media only screen and (min-width: 90em) {
  /*1440px*/
  .item-new {
    margin-left: -25rem;
    padding: 10rem 5rem;
  }
  .item-left{
    margin-right: -25rem;
  }
}
/*---experiences---*/
.exp .container{
  max-width: 144rem;
  padding: 0 2rem;
}

.exp-wrapper{

  border-top: 1px solid #e9e9e9;
  padding-top: 5rem;
  margin-top: 5rem;
}
.exp-row{
  margin-bottom: 5rem;
}
.exp-text{
  width: 100%;
  margin-bottom: 5rem;
}
.exp-image{
  width: 100%;
  position: relative;
}
.exp-image img{
  width: 100%;
  display: block;
  height: auto;
  margin-bottom: 3rem;
}
.exp-text h3{
  margin-bottom: 4rem;
  color: rgb(137, 138, 140);
  font-weight: 500;
}

@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .exp-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10rem;
  }
  .exp-text{
    width: 50%;
    margin-bottom: 0;
  }
  .exp-image{
    width: 40%;
    position: relative;
  }
  .exp-row:nth-child(2n+2){
    flex-direction: row-reverse;
  }
}

 @media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .exp-text{
    padding-right: 10rem;
  }
  .exp-row:nth-child(2n+2) .exp-text{
    padding-right: 0;
    padding-left: 10rem;
  }
  .exp-image img:last-child{
    margin-top: -6rem;
    margin-left: -8rem;
   }
   .exp-row:nth-child(2n+2) .exp-image img:last-child{
    margin-top: -6rem;
    margin-left: 8rem;
   }
   .exp-image img{
    margin-bottom: 0;
   }
}
.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 5rem;
	color: #fff;
	z-index: 2;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: center;
	text-align: center;
	transform: translateX(-50%);
}
.scroll-down span {
	width: 24px;
	height: 24px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb05 1.5s infinite;
	animation: sdb05 1.5s infinite;
	box-sizing: border-box;
	display: block;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .scroll-down {
    bottom: 20rem;
  }
}