@import "bootstrap.min.css";
@import "slick.css";
@import "font-awesome.min.css";
@font-face {
  font-family: 'Berthold Akzidenz Grotesk BE';
  src: url('../fonts/AkzidenzGroteskBE-Cn.woff2') format('woff2'), url('../fonts/AkzidenzGroteskBE-Cn.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Berthold Akzidenz Grotesk BE';
  src: url('../fonts/AkzidenzGroteskBE-MdIt.woff2') format('woff2'), url('../fonts/AkzidenzGroteskBE-MdIt.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Berthold Akzidenz Grotesk BE';
  font-size: 35px;
  background: black;
  color: white;
}
img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
img.center {
  margin: auto;
  display: inherit;
}
p {
  font-size: 25px;
  margin-bottom: 30px;
}
p:last-child {
  margin-bottom: 0 !important;
}
a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
}
.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.wrapper.fixed {
  position: fixed !important;
}
.container {
  max-width: 1380px;
}
header {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 10px;
}
header .container {
  position: relative;
}
header .top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 10;
}
header .top #toggle_menu {
  position: relative;
  display: block;
  width: 30px;
  height: 24px;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
  font-size: 0;
  margin-right: 30px;
  cursor: pointer;
}
header .top #toggle_menu:before,
header .top #toggle_menu:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 4px solid white;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header .top #toggle_menu:after {
  opacity: 0;
}
header .top #site_title {
  color: white;
}
header .top #site_title a {
  color: white;
}
header #menus {
  display: none;
  position: absolute;
  top: -15px;
  left: 0;
  background: #484848;
  padding: 30px 80px;
  width: 300px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
header #menus:after {
  content: "";
  position: absolute;
  background: #484848;
  top: 0;
  right: 0;
  height: 100000px;
  width: 100000px;
}
header #menus ul {
  position: relative;
  z-index: 2;
  margin-top: 60px;
}
header #menus ul li {
  margin: 15px 0;
}
header #menus ul li a {
  color: white;
}
header.opened #toggle_menu {
  border-top: none;
  border-bottom: none;
}
header.opened #toggle_menu:before {
  transform: translateY(-50%) rotate(45deg);
}
header.opened #toggle_menu:after {
  opacity: 1;
  transform: translateY(-50%) rotate(-45deg);
}
header.opened #menus {
  display: block;
}
.content {
  margin-top: 90px;
  margin-bottom: 30px;
}
.content figure {
  margin-bottom: 30px;
}
.page-template-page-homepage #letters {
  display: grid;
  grid-template-columns: repeat(50, 1fr);
  grid-template-rows: repeat(50, 1fr);
  aspect-ratio: 1 / 1;
}
.page-template-page-homepage #letters > div {
  background-size: contain;
  background-repeat: no-repeat;
}
.page-template-page-homepage #letters > div.point {
  cursor: pointer;
}
.page-template-page-homepage #letters #letter-a {
  grid-area: 1 / 1 / 11 / 7;
  background-size: auto 90%;
  background-position: center bottom;
}
.page-template-page-homepage #letters #letter-b {
  grid-area: 1 / 7 / 11 / 12;
  background-size: 90% auto;
  background-position: center top 15%;
}
.page-template-page-homepage #letters #letter-c {
  grid-area: 1 / 12 / 11 / 19;
  background-size: auto 90%;
  background-position: center top;
}
.page-template-page-homepage #letters #letter-d {
  grid-area: 1 / 23 / 10 / 30;
  background-size: 90% auto;
  background-position: center top 40%;
}
.page-template-page-homepage #letters #letter-e {
  grid-area: 1 / 30 / 13 / 35;
}
.page-template-page-homepage #letters #letter-f {
  grid-area: 1 / 37 / 23 / 42;
}
.page-template-page-homepage #letters #letter-g {
  grid-area: 1 / 43 / 10 / 50;
}
.page-template-page-homepage #letters #letter-h {
  grid-area: 12 / 3 / 20 / 9;
}
.page-template-page-homepage #letters #letter-i {
  grid-area: 12 / 13 / 20 / 16;
}
.page-template-page-homepage #letters #letter-j {
  grid-area: 6 / 17 / 25 / 22;
}
.page-template-page-homepage #letters #letter-k {
  grid-area: 12 / 24 / 23 / 29;
}
.page-template-page-homepage #letters #letter-l {
  grid-area: 15 / 30 / 22 / 36;
}
.page-template-page-homepage #letters #letter-m {
  grid-area: 15 / 41 / 23 / 49;
}
.page-template-page-homepage #letters #letter-n {
  grid-area: 22 / 2 / 29 / 9;
}
.page-template-page-homepage #letters #letter-o {
  grid-area: 21 / 11 / 31 / 15;
}
.page-template-page-homepage #letters #letter-p {
  grid-area: 26 / 18 / 35 / 25;
}
.page-template-page-homepage #letters #letter-q {
  grid-area: 24 / 27 / 32 / 33;
}
.page-template-page-homepage #letters #letter-r {
  grid-area: 24 / 36 / 34 / 39;
}
.page-template-page-homepage #letters #letter-s {
  grid-area: 27 / 43 / 34 / 46;
}
.page-template-page-homepage #letters #letter-t {
  grid-area: 30 / 2 / 39 / 10;
}
.page-template-page-homepage #letters #letter-u {
  grid-area: 33 / 9 / 42 / 18;
}
.page-template-page-homepage #letters #letter-v {
  grid-area: 34 / 22 / 46 / 29;
}
.page-template-page-homepage #letters #letter-w {
  grid-area: 36 / 30 / 46 / 41;
}
.page-template-page-homepage #letters #letter-x {
  grid-area: 38 / 42 / 46 / 50;
}
.page-template-page-homepage #letters #letter-y {
  grid-area: 40 / 5 / 50 / 8;
}
.page-template-page-homepage #letters #letter-z {
  grid-area: 43 / 13 / 50 / 20;
}
.page-template-page-homepage #pop_grid {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  overflow-y: auto;
}
.page-template-page-homepage #pop_grid #pop_grid_desc {
  margin: 60px 0 20px 60px;
}
.page-template-page-homepage #pop_grid #pop_grid_items {
  margin-left: 60px;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .grid-item {
  width: 16.66666667%;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .grid-item img {
  width: 100%;
  height: auto;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .grid-item .item-photo {
  cursor: pointer;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-1 {
  width: 8.33333333%;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-2 {
  width: 16.66666667%;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-3 {
  width: 25%;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-4 {
  width: 33.33333333%;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-5 {
  width: 41.66666667%;
}
.page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-6 {
  width: 50%;
}
.page-template-page-homepage #pop_image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
}
.page-template-page-homepage #pop_image #pop_box {
  position: relative;
}
.page-template-page-homepage #pop_image #pop_box .pop-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 24px;
  cursor: pointer;
}
.page-template-page-homepage #pop_image #pop_box .pop-close:before,
.page-template-page-homepage #pop_image #pop_box .pop-close:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 4px solid white;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template-page-homepage #pop_image #pop_box .pop-close:before {
  transform: translateY(-50%) rotate(45deg);
}
.page-template-page-homepage #pop_image #pop_box .pop-close:after {
  transform: translateY(-50%) rotate(-45deg);
}
.page-template-page-homepage #pop_image #pop_box .pop-next,
.page-template-page-homepage #pop_image #pop_box .pop-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 24px;
  cursor: pointer;
}
.page-template-page-homepage #pop_image #pop_box .pop-next:before,
.page-template-page-homepage #pop_image #pop_box .pop-prev:before,
.page-template-page-homepage #pop_image #pop_box .pop-next:after,
.page-template-page-homepage #pop_image #pop_box .pop-prev:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 4px solid white;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template-page-homepage #pop_image #pop_box .pop-next:before,
.page-template-page-homepage #pop_image #pop_box .pop-prev:before {
  transform: translateY(-50%) rotate(45deg);
  transform-origin: 0 0;
}
.page-template-page-homepage #pop_image #pop_box .pop-next:after,
.page-template-page-homepage #pop_image #pop_box .pop-prev:after {
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: 0 1px;
}
.page-template-page-homepage #pop_image #pop_box .pop-next {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
.page-template-page-homepage #pop_image #pop_box #pop_img {
  max-height: 90vh;
  max-width: 90%;
  margin: auto;
}
.page-template-page-homepage #pop_image #pop_box #pop_img figure {
  height: 85vh;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-homepage #pop_image #pop_box #pop_img figure img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
  margin: auto;
}
.page-template-page-homepage #pop_image #pop_box #pop_img ul {
  margin-top: 10px;
  padding: 0;
  text-align: center;
}
.page-template-page-homepage #pop_image #pop_box #pop_img ul li {
  display: inline-block;
  margin: 0 10px;
}
.page-template-page-homepage #pop_image #pop_box #pop_img ul li a {
  background: rgba(255, 255, 255, 0.7);
  color: black;
  padding: 5px 20px;
  display: inline-block;
  margin-bottom: 3px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 20px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.page-template-page-homepage #pop_image #pop_box #pop_img ul li a.clicked {
  background: black;
  color: white;
  border-color: rgba(255, 255, 255, 0.3);
}
#_loading {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
}
footer {
  background: #484848;
  color: white;
  padding: 30px 0 100px;
}
@media (max-width: 767px) {
  body {
    font-size: 20px;
  }
  header .top #toggle_menu {
    transform: scale(0.6);
  }
    .page-template-page-homepage #letters {
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(91, 1fr);
    aspect-ratio: 14 / 91;
  }
  .page-template-page-homepage #letters #letter-a {
    grid-area: 1 / 1 / 9 / 5;
    background-position: center top;
  }
  .page-template-page-homepage #letters #letter-b {
    grid-area: 1 / 5 / 9 / 9;
    background-position: center top;
  }
  .page-template-page-homepage #letters #letter-c {
    grid-area: 1 / 9 / 10 / 14;
    background-position: center top;
  }
  .page-template-page-homepage #letters #letter-d {
    grid-area: 9 / 1 / 16 / 6;
  }
  .page-template-page-homepage #letters #letter-e {
    grid-area: 9 / 6 / 19 / 10;
  }
  .page-template-page-homepage #letters #letter-f {
    grid-area: 10 / 11 / 26 / 15;
  }
  .page-template-page-homepage #letters #letter-g {
    grid-area: 16 / 2 / 23 / 7;
  }
  .page-template-page-homepage #letters #letter-h {
    grid-area: 24 / 1 / 30 / 6;
  }
  .page-template-page-homepage #letters #letter-i {
    grid-area: 24 / 7 / 29 / 10;
  }
  .page-template-page-homepage #letters #letter-j {
    grid-area: 27 / 10 / 39 / 14;
  }
  .page-template-page-homepage #letters #letter-k {
    grid-area: 31 / 2 / 38 / 6;
  }
  .page-template-page-homepage #letters #letter-l {
    grid-area: 31 / 7 / 36 / 11;
  }
  .page-template-page-homepage #letters #letter-m {
    grid-area: 39 / 1 / 45 / 7;
  }
  .page-template-page-homepage #letters #letter-n {
    grid-area: 40 / 9 / 45 / 14;
  }
  .page-template-page-homepage #letters #letter-o {
    grid-area: 46 / 2 / 53 / 6;
  }
  .page-template-page-homepage #letters #letter-p {
    grid-area: 46 / 8 / 52 / 14;
  }
  .page-template-page-homepage #letters #letter-q {
    grid-area: 54 / 2 / 60 / 7;
  }
  .page-template-page-homepage #letters #letter-r {
    grid-area: 54 / 8 / 61 / 12;
  }
  .page-template-page-homepage #letters #letter-s {
    grid-area: 54 / 11 / 60 / 14;
  }
  .page-template-page-homepage #letters #letter-t {
    grid-area: 61 / 2 / 68 / 7;
  }
  .page-template-page-homepage #letters #letter-u {
    grid-area: 62 / 8 / 68 / 14;
  }
  .page-template-page-homepage #letters #letter-v {
    grid-area: 69 / 2 / 77 / 7;
  }
  .page-template-page-homepage #letters #letter-w {
    grid-area: 70 / 8 / 77 / 14;
  }
  .page-template-page-homepage #letters #letter-x {
    grid-area: 79 / 2 / 84 / 7;
  }
  .page-template-page-homepage #letters #letter-y {
    grid-area: 77 / 10 / 85 / 12;
  }
  .page-template-page-homepage #letters #letter-z {
    grid-area: 85 / 3 / 90 / 8;
  }
  .page-template-page-homepage #pop_grid #pop_grid_items .grid .grid-item {
    width: 33.33333333%;
  }
  .page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-1 {
    width: 16.66666667%;
  }
  .page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-2 {
    width: 33.33333333%;
  }
  .page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-3 {
    width: 50%;
  }
  .page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-4 {
    width: 66.66666667%;
  }
  .page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-5 {
    width: 83.33333333%;
  }
  .page-template-page-homepage #pop_grid #pop_grid_items .grid .photo-grid-6 {
    width: 100%;
  }
  .page-template-page-homepage #pop_image #pop_box .pop-close {
    transform: scale(0.7);
  }
  .page-template-page-homepage #pop_image #pop_box .pop-prev {
    transform: scale(0.7) translateY(-50%);
  }
  .page-template-page-homepage #pop_image #pop_box .pop-next {
    transform: translateY(-50%) rotate(180deg) scale(0.7);
  }
  .page-template-page-homepage #pop_image #pop_box #pop_img {
    max-height: 80vh;
  }
  .page-template-page-homepage #pop_image #pop_box #pop_img figure {
    height: 70vh;
  }
  .page-template-page-homepage #pop_image #pop_box #pop_img ul li a {
    padding: 3px 10px;
  }
}