@font-face {
  font-family: 'D Sari';
  font-style: normal;
  font-weight: normal;

  src: url('../fonts/Latinotype---DSari.eot');
  src: url('../fonts/Latinotype---DSari.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Latinotype---DSari.woff2') format('woff2'),
  url('../fonts/Latinotype---DSari.woff') format('woff'),
  url('../fonts/Latinotype---DSari.ttf') format('truetype'),
  url('../fonts/Latinotype---DSari.svg#D Sari') format('svg');
}


@font-face {
  font-family: 'D Sari';
  font-style: normal;
  font-weight: bold;

  src: url('../fonts/Latinotype---DSariBold.eot');
  src: url('../fonts/Latinotype---DSariBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Latinotype---DSariBold.woff2') format('woff2'),
  url('../fonts/Latinotype---DSariBold.woff') format('woff'),
  url('../fonts/Latinotype---DSariBold.ttf') format('truetype'),
  url('../fonts/Latinotype---DSariBold.svg#D Sari') format('svg');
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'D Sari', sans-serif;
  color: #443829;
}

.headline-main {
  color: #fff;
}

.language-switch {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
}

.language-switch__item {
  color: #fff;
  text-decoration: none;
}

.language-switch__item:hover {
  color: #dc3545;
  text-decoration: none;
}

h1,
h2,
h3,
strong {
  font-weight: bold;
}

.cut {
  max-width: 100%;

/*height: 100vh;*/
  min-height: 100vh;
  background-image: url('../images/bg-cover_01.jpg');
  background-repeat: no-repeat;

/*background-attachment: fixed;*/
  background-size: cover;
}


.map-responsive {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-brown {
  color: #fff;
  background-color: #4b3e2e;
}

.human-heart {
  /*margin: 5em;*/
  animation: 3.3s infinite beatHeart;
}

@keyframes beatHeart {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.1);
  }

  40% {
    transform: scale(1);
  }

  60% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}


.modal-dialog {
  margin: 0 auto;
}

.modal-body {
  padding: 0;
}

.modal-body iframe {
  margin-top: -50px;
}
