@charset "UTF-8";
html,
body {
  min-height: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: normal;
  line-height: 100%; /*
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none;
user-select: none;*/
  width: 100%;
  font-size: 16px;
  height: 100%;
  position: relative;
  color: #000;
  background-color: #e9e7dd;
}

body.no-scroll {
  overflow: hidden;
}

img {
  width: 100%;
  height: auto;
}

a {
  color: #000;
}

.c1280 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.p6424 {
  padding: 64px;
}

/*****/
body.home {
  overflow-y: hidden;
}

.main-wrapper {
  min-height: 100%;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  justify-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.panels-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.panel {
  width: 100%;
  min-height: 100%;
}

.panel-inner {
  width: 100%;
  min-height: 100%;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.panel-inner.pa-two-inner.paget {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  justify-items: normal;
  -ms-flex-line-pack: start;
      align-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.panel-inner.pa-two-inner.pagetc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pa-one-inner.paget {
  /*background-color: #dfd9cb;*/
}

.logo-a {
  width: 100%;
}
.logo-a a.main-logo {
  opacity: 1;
  width: 100%;
  display: block;
}
.logo-a a.main-logo svg {
  width: clamp(128px, 42vw, 256px);
  max-height: auto;
  fill: #466142;
}

.logo-a.imgov {
  width: 100%;
}

.video-holder {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 50%;
  height: 100%;
}
.video-holder video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.vlayer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #dfd9cb;
  opacity: 0.75;
}

.img-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #dfd9cb;
  opacity: 1;
  z-index: -2;
}

.po-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 50%;
  height: 100%;
  max-height: 100%;
}
.po-image .post-thumbnail {
  height: 100%;
  opacity: 0.7;
}
.po-image .post-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ho-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 50%;
  height: 100%;
  max-height: 100%;
}
.ho-image .hover-thumbnail {
  height: 100%;
}
.ho-image .hover-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hover-thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
}

.hover-thumbnail .hover-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  /* Default (fade out) süresi 0.4s */
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.hover-thumbnail .hover-image.is-visible {
  opacity: 1;
  /* Fade in süresi 0.2s */
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.pa-two-inner {
  padding: 48px;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow-y: scroll;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.35) transparent;
}

.pa-two-inner ::-webkit-scrollbar {
  width: 6px;
}

.pa-two-inner ::-webkit-scrollbar-track {
  background: transparent;
}

.pa-two-inner ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 10px;
}

.pa-two-inner ::-webkit-scrollbar-button {
  display: none;
}

.nav-holder {
  width: 100%;
}

.nav-holder.paget-nh {
  width: 50%;
  position: fixed;
  top: 0;
  right: 0;
}

.main-nav {
  width: 100%;
}
.main-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  width: 100%;
  height: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.main-nav ul li a {
  font-weight: 600;
  font-size: 18px;
  position: relative;
  padding: 6px 0;
  color: rgba(0, 0, 0, 0.6);
}
.main-nav ul li a::after {
  content: " ";
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  bottom: 0;
  width: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: background-color 0.2s, width 0.4s;
  transition: background-color 0.2s, width 0.4s;
}
.main-nav ul li a:hover {
  color: rgb(0, 0, 0);
}
.main-nav ul li a:hover::after {
  background-color: rgb(0, 0, 0);
  width: 100%;
  -webkit-transition: background-color 0.2s, width 0.4s;
  transition: background-color 0.2s, width 0.4s;
}

.main-nav.paget-ul {
  background-color: rgba(233, 231, 221, 0.5843137255);
  backdrop-filter: blur(4px);
}
.main-nav.paget-ul ul {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.footer-wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 50%;
}

.footer-inner {
  background-color: #e9e7dd;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  justify-items: end;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 32px;
  gap: 32px;
}
.footer-inner p.copyright {
  font-size: 14px;
  line-height: 130%;
  font-family: "Courier Prime", monospace;
  color: rgba(0, 0, 0, 0.6);
}
.footer-inner a {
  font-size: 14px;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
  border-radius: 32px;
  color: rgba(0, 0, 0, 0.6);
}
.footer-inner a:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
  color: rgb(0, 0, 0);
}

.content-wrapper {
  margin: 48px auto;
  min-width: 100%;
}

.content-inner {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.content-inner p {
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  line-height: 160%;
}

.pg-content {
  line-height: 160%;
}
.pg-content p {
  line-height: 160%;
  margin-bottom: 24px;
}
.pg-content ul {
  line-height: 200%;
  list-style: inside;
  margin-left: 24px;
  margin-bottom: 24px;
}
.pg-content table {
  border-color: rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}
.pg-content td {
  padding: 24px;
}
.pg-content th {
  padding: 24px;
  background-color: rgba(0, 0, 0, 0.02);
}
.pg-content img {
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.pg-content blockquote {
  padding: 24px 32px;
  background-color: #faead4;
  margin-bottom: 12px;
}
.pg-content blockquote p {
  margin-bottom: 0px;
  margin: 12px;
}
.pg-content a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #5D301B;
}

.page-main-wrapper {
  width: 100%;
}

h2.pg-title {
  font-family: "Courier Prime", monospace;
  font-size: 32px;
  line-height: 140%;
  font-weight: 300;
  margin-bottom: 32px;
}

h2.titlehide {
  display: none;
}

.page-footer-filler {
  width: 100%;
  height: 48px;
}

.contact-wrapper {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  justify-items: start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  margin-bottom: 48px;
}

.cont-item {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}
.cont-item h3 {
  font-size: 14px;
  line-height: 150%;
}
.cont-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  justify-items: start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border: none;
}
.cont-item a svg {
  max-height: 16px;
  width: auto;
}
.cont-item a.instagram-btn {
  display: block;
  width: 1em;
  height: 1em;
  font-size: 48px;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 32px;
}
.cont-item a.instagram-btn svg {
  max-height: 18px;
  width: 100%;
  fill: #000;
}

.menus-wrapper {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  margin-bottom: 48px;
}
.menus-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  justify-items: start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border: none;
  text-wrap: nowrap;
  color: rgba(0, 0, 0, 0.6);
  padding: 8px 16px;
  border-radius: 0px;
  font-size: 18px;
  font-weight: 600;
}
.menus-wrapper a:hover {
  color: rgb(0, 0, 0);
}
.menus-wrapper a svg {
  width: 100%;
  max-height: 16px;
}

.pi-cc {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*****/
/*****/
/*****/
/* --------- */
@media (max-width: 1280px) {
  /* --------- */
  /* --------- */
}
/* --------- */
@media (max-width: 1024px) {
  /* --------- */
  /* --------- */
}
/* --------- */
@media (max-width: 768px) {
  /* --------- */
  body.home {
    overflow-y: auto;
  }
  .panels-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .panel {
    width: 100%;
    min-height: auto;
  }
  .panel-inner {
    min-height: auto;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .video-holder {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 50svh;
  }
  .video-holder video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .pa-one-inner {
    min-height: 50svh;
  }
  .img-overlay {
    width: 100%;
    height: 50svh;
  }
  .po-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 50svh;
    max-height: auto;
  }
  .ho-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 50svh;
    max-height: auto;
  }
  .pa-two-inner {
    padding: 0px;
    width: 100%;
    height: auto;
    max-height: auto;
    overflow-y: initial;
    position: relative;
    padding-top: 0px;
  }
  .nav-holder.paget-nh {
    width: 100%;
    position: sticky;
    top: 0;
    right: 0;
  }
  .main-nav {
    width: 100%;
  }
  .main-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    justify-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0px;
    width: 100%;
    height: 64px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .main-nav ul li a {
    font-weight: 600;
    font-size: 16px;
    position: relative;
    padding: 6px 0;
    color: rgba(0, 0, 0, 0.6);
  }
  .main-nav ul li a::after {
    content: " ";
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    bottom: 0;
    width: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: background-color 0.2s, width 0.4s;
    transition: background-color 0.2s, width 0.4s;
  }
  .main-nav ul li a:hover {
    color: rgb(0, 0, 0);
  }
  .main-nav ul li a:hover::after {
    background-color: rgb(0, 0, 0);
    width: 100%;
    -webkit-transition: background-color 0.2s, width 0.4s;
    transition: background-color 0.2s, width 0.4s;
  }
  .content-wrapper {
    padding: 32px;
    margin: 0px auto;
  }
  .footer-wrapper {
    position: static;
    right: auto;
    bottom: auto;
    width: 100%;
  }
  .footer-inner {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px;
    gap: 24px;
  }
  .page-footer-filler {
    height: 0px;
    display: none;
  }
  .panel-inner.pa-two-inner.pagetc {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    justify-items: normal;
    -ms-flex-line-pack: start;
        align-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .menus-wrapper {
    gap: 32px;
    margin-bottom: 24px;
  }
  .pa2home .main-nav {
    width: 100%;
  }
  .pa2home .main-nav ul {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    width: 100%;
    height: auto;
    min-height: 50svh;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .pa2home .main-nav ul li a {
    font-weight: 600;
    font-size: 18px;
    position: relative;
    padding: 6px 0;
    color: rgba(0, 0, 0, 0.6);
  }
  .pa2home .main-nav ul li a::after {
    content: " ";
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    bottom: 0;
    width: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: background-color 0.2s, width 0.4s;
    transition: background-color 0.2s, width 0.4s;
  }
  .pa2home .main-nav ul li a:hover {
    color: rgb(0, 0, 0);
  }
  .pa2home .main-nav ul li a:hover::after {
    background-color: rgb(0, 0, 0);
    width: 100%;
    -webkit-transition: background-color 0.2s, width 0.4s;
    transition: background-color 0.2s, width 0.4s;
  }
  /* --------- */
  /* --------- */
}
/* --------- */
@media (max-width: 480px) {
  /* --------- */
  /* --------- */
}
/* --------- */
@media (max-width: 320px) {
  /* --------- */
  /* --------- */
}