    <!DOCTYPE HTML>
<html lang="tr">
  <head>
    <title>JoomlaXE | Fotoğraf Galerisi</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="color-scheme" content="light only" />
    <meta name="description" content="JoomlaXE Fotoğraf Galerisi" />
    <meta property="og:site_name" content="JoomlaXE Fotoğraf Galerisi" />
    <meta property="og:title" content="JoomlaXE Fotoğraf Galerisi" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="JoomlaXE" />
    <meta property="og:image" content="https://www.joomlaxe.com" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="1280" />
    <meta property="og:image:height" content="800" />
    <meta property="og:url" content="https://www.joomlaxe.com" />
    <meta property="twitter:card" content="summary_large_image" />
    <link rel="canonical" href="http://www.joomlaxe.com/index.php" />
    <link href="https://fonts.googleapis.com/css2?display=swap&family=Inter:ital,wght@0,300;1,300" rel="stylesheet" type="text/css" />
    <style>
      html,
      body,
      div,
      span,
      applet,
      object,
      iframe,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p,
      blockquote,
      pre,
      a,
      abbr,
      acronym,
      address,
      big,
      cite,
      code,
      del,
      dfn,
      em,
      img,
      ins,
      kbd,
      q,
      s,
      samp,
      small,
      strike,
      strong,
      sub,
      sup,
      tt,
      var,
      b,
      u,
      i,
      center,
      dl,
      dt,
      dd,
      ol,
      ul,
      li,
      fieldset,
      form,
      label,
      legend,
      table,
      caption,
      tbody,
      tfoot,
      thead,
      tr,
      th,
      td,
      article,
      aside,
      canvas,
      details,
      embed,
      figure,
      figcaption,
      footer,
      header,
      hgroup,
      menu,
      nav,
      output,
      ruby,
      section,
      summary,
      time,
      mark,
      audio,
      video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
      }

      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      menu,
      nav,
      section {
        display: block;
      }

      body {
        line-height: 1;
      }

      ol,
      ul {
        list-style: none;
      }

      blockquote,
      q {
        quotes: none;
      }

      blockquote:before,
      blockquote:after,
      q:before,
      q:after {
        content: '';
        content: none;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      body {
        -webkit-text-size-adjust: none
      }

      mark {
        background-color: transparent;
        color: inherit
      }

      input::-moz-focus-inner {
        border: 0;
        padding: 0
      }

      input[type="text"],
      input[type="email"],
      select,
      textarea {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none
      }

      *,
      *:before,
      *:after {
        box-sizing: border-box;
      }

      body {
        line-height: 1.0;
        min-height: var(--viewport-height);
        min-width: 320px;
        overflow-x: hidden;
        word-wrap: break-word;
        background-color: #EDEDED;
      }

      :root {
        --background-height: 100vh;
        --site-language-alignment: left;
        --site-language-direction: ltr;
        --site-language-flex-alignment: flex-start;
        --site-language-indent-left: 1;
        --site-language-indent-right: 0;
        --viewport-height: 100vh;
      }

      html {
        font-size: 18pt;
      }

      u {
        text-decoration: underline;
      }

      strong {
        color: inherit;
        font-weight: bolder;
      }

      em {
        font-style: italic;
      }

      code {
        background-color: rgba(144, 144, 144, 0.25);
        border-radius: 0.25em;
        font-family: 'Lucida Console', 'Courier New', monospace;
        font-size: 0.9em;
        font-weight: normal;
        letter-spacing: 0;
        margin: 0 0.25em;
        padding: 0.25em 0.5em;
        text-indent: 0;
      }

      mark {
        background-color: rgba(144, 144, 144, 0.25);
      }

      spoiler-text {
        -webkit-text-stroke: 0;
        background-color: rgba(32, 32, 32, 0.75);
        text-shadow: none;
        text-stroke: 0;
        color: transparent;
        cursor: pointer;
        transition: color 0.1s ease-in-out;
      }

      spoiler-text.active {
        color: #FFFFFF;
        cursor: text;
      }

      s {
        text-decoration: line-through;
      }

      sub {
        font-size: smaller;
        vertical-align: sub;
      }

      sup {
        font-size: smaller;
        vertical-align: super;
      }

      a {
        color: inherit;
        text-decoration: underline;
        transition: color 0.25s ease;
      }

      a[onclick]:not([href]) {
        cursor: pointer;
      }

      deferred-script {
        display: none;
      }

      #wrapper {
        -webkit-overflow-scrolling: touch;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: var(--viewport-height);
        overflow: hidden;
        position: relative;
        z-index: 2;
      }

      #main {
        --alignment: center;
        --flex-alignment: center;
        --indent-left: 1;
        --indent-right: 1;
        --border-radius-tl: 0;
        --border-radius-tr: 0;
        --border-radius-br: 0;
        --border-radius-bl: 0;
        align-items: center;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: center;
        max-width: 100%;
        position: relative;
        text-align: var(--alignment);
        z-index: 1;
      }

      #main>.inner {
        --padding-horizontal: 3rem;
        --padding-vertical: 3rem;
        --spacing: 0.75rem;
        --width: 80rem;
        border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
        max-width: 100%;
        position: relative;
        width: var(--width);
        z-index: 1;
        padding: var(--padding-vertical) var(--padding-horizontal);
      }

      #main>.inner>* {
        margin-top: var(--spacing);
        margin-bottom: var(--spacing);
      }

      #main>.inner> :first-child {
        margin-top: 0 !important;
      }

      #main>.inner> :last-child {
        margin-bottom: 0 !important;
      }

      #main>.inner>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
        width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
      }

      #main>.inner>.full:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        margin-top: calc(var(--padding-vertical) * -1) !important;
      }

      #main>.inner>.full:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
      }

      #main>.inner>.full.screen {
        border-radius: 0 !important;
        max-width: 100vw;
        position: relative;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        right: auto;
      }

      body.is-instant #main,
      body.is-instant #main>.inner>*,
      body.is-instant #main>.inner>section>* {
        transition: none !important;
      }

      body.is-instant:after {
        display: none !important;
        transition: none !important;
      }

      @keyframes loading-spinner {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      .deferred:before {
        content: '';
        display: block;
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -2rem 0 0 -2rem;
        animation: loading-spinner 1s infinite linear;
        transition: opacity 0.25s ease;
        transition-delay: 0.5s;
        opacity: 0;
        z-index: -1;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6IHRyYW5zcGFyZW50OyBzdHJva2U6ICNmZmY7IHN0cm9rZS13aWR0aDogMS41cHg7IH08L3N0eWxlPjxkZWZzPjxjbGlwUGF0aCBpZD0iY29ybmVyIj48cG9seWdvbiBwb2ludHM9IjAsMCA0OCwwIDQ4LDQ4IDk2LDQ4IDk2LDk2IDAsOTYiIC8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2Nvcm5lcikiPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjMyIi8+PC9nPjwvc3ZnPg==');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 3rem;
      }

      .deferred.loading:before {
        opacity: 0.35;
        z-index: 0;
      }

      .container {
        position: relative;
      }

      .container>.wrapper {
        vertical-align: top;
        position: relative;
        max-width: 100%;
        border-radius: inherit;
      }

      .container>.wrapper>.inner {
        vertical-align: top;
        position: relative;
        max-width: 100%;
        border-radius: inherit;
        text-align: var(--alignment);
      }

      #main .container.full:first-child>.wrapper {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }

      #main .container.full:last-child>.wrapper {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
      }

      #main .container.full:first-child>.wrapper>.inner {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }

      #main .container.full:last-child>.wrapper>.inner {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
      }

      #container02 {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        background-color: transparent;
      }

      #container02>.wrapper>.inner {
        --gutters: 2rem;
        --padding-vertical: 2rem;
        padding: var(--padding-vertical) var(--padding-horizontal);
      }

      #container02>.wrapper {
        max-width: var(--width);
        width: 100%;
      }

      #container02.default>.wrapper>.inner>* {
        margin-bottom: var(--spacing);
        margin-top: var(--spacing);
      }

      #container02.default>.wrapper>.inner>*:first-child {
        margin-top: 0 !important;
      }

      #container02.default>.wrapper>.inner>*:last-child {
        margin-bottom: 0 !important;
      }

      #container02.columns>.wrapper>.inner {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
      }

      #container02.columns>.wrapper>.inner>* {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        text-align: var(--alignment);
        padding: 0 0 0 var(--gutters);
      }

      #container02.columns>.wrapper>.inner>*>* {
        margin-bottom: var(--spacing);
        margin-top: var(--spacing);
      }

      #container02.columns>.wrapper>.inner>*>*:first-child {
        margin-top: 0 !important;
      }

      #container02.columns>.wrapper>.inner>*>*:last-child {
        margin-bottom: 0 !important;
      }

      #container02.columns>.wrapper>.inner>*:first-child {
        margin-left: calc(var(--gutters) * -1);
      }

      #container02.default>.wrapper>.inner>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        max-width: none !important;
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
      }

      #container02.default>.wrapper>.inner>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }

      #container02.default>.wrapper>.inner>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
      }

      #container02.columns>.wrapper>.inner>div>.full {
        margin-left: calc(var(--gutters) * -0.5);
        max-width: none !important;
        width: calc(100% + var(--gutters) + 0.4725px);
      }

      #container02.columns>.wrapper>.inner>div:first-child>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
      }

      #container02.columns>.wrapper>.inner>div:last-child>.full {
        width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
      }

      #container02.columns>.wrapper>.inner>div>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
      }

      #container02.columns>.wrapper>.inner>div>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
      }

      #container02.columns>.wrapper>.inner>.full {
        align-self: stretch;
      }

      #container02.columns>.wrapper>.inner>.full:first-child {
        border-bottom-left-radius: inherit;
        border-top-left-radius: inherit;
      }

      #container02.columns>.wrapper>.inner>.full:last-child {
        border-bottom-right-radius: inherit;
        border-top-right-radius: inherit;
      }

      #container02.columns>.wrapper>.inner>.full>.full:first-child:last-child {
        border-radius: inherit;
        height: calc(100% + (var(--padding-vertical) * 2));
      }

      #container02.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
        border-radius: inherit;
        height: 100%;
        position: absolute;
        width: 100%;
      }

      #container02>.wrapper>.inner> :nth-child(1) {
        width: calc(30% + (var(--gutters) / 2));
      }

      #container02>.wrapper>.inner> :nth-child(2) {
        width: calc(70% + (var(--gutters) / 2));
      }

      #container01>.wrapper {
        display: inline-block;
        width: 75rem;
        background-color: transparent;
      }

      #container01>.wrapper>.inner {
        --gutters: 2rem;
        --padding-horizontal: 2rem;
        --padding-vertical: 2rem;
        padding: var(--padding-vertical) var(--padding-horizontal);
      }

      #container01.default>.wrapper>.inner>* {
        margin-bottom: var(--spacing);
        margin-top: var(--spacing);
      }

      #container01.default>.wrapper>.inner>*:first-child {
        margin-top: 0 !important;
      }

      #container01.default>.wrapper>.inner>*:last-child {
        margin-bottom: 0 !important;
      }

      #container01.columns>.wrapper>.inner {
        flex-wrap: wrap;
        display: flex;
        align-items: flex-start;
      }

      #container01.columns>.wrapper>.inner>* {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        text-align: var(--alignment);
        padding: 0 0 0 var(--gutters);
      }

      #container01.columns>.wrapper>.inner>*>* {
        margin-bottom: var(--spacing);
        margin-top: var(--spacing);
      }

      #container01.columns>.wrapper>.inner>*>*:first-child {
        margin-top: 0 !important;
      }

      #container01.columns>.wrapper>.inner>*>*:last-child {
        margin-bottom: 0 !important;
      }

      #container01.columns>.wrapper>.inner>*:first-child {
        margin-left: calc(var(--gutters) * -1);
      }

      #container01.default>.wrapper>.inner>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        max-width: none !important;
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
      }

      #container01.default>.wrapper>.inner>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }

      #container01.default>.wrapper>.inner>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
      }

      #container01.columns>.wrapper>.inner>div>.full {
        margin-left: calc(var(--gutters) * -0.5);
        max-width: none !important;
        width: calc(100% + var(--gutters) + 0.4725px);
      }

      #container01.columns>.wrapper>.inner>div:first-child>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
      }

      #container01.columns>.wrapper>.inner>div:last-child>.full {
        width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
      }

      #container01.columns>.wrapper>.inner>div>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
      }

      #container01.columns>.wrapper>.inner>div>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
      }

      #container01.columns>.wrapper>.inner>div:first-child,
      #container01.columns>.wrapper>.inner>div:first-child>.full:first-child {
        border-top-left-radius: inherit;
      }

      #container01.columns>.wrapper>.inner>div:last-child,
      #container01.columns>.wrapper>.inner>div:last-child>.full:first-child {
        border-top-right-radius: inherit;
      }

      #container01.columns>.wrapper>.inner>.full {
        align-self: stretch;
      }

      #container01.columns>.wrapper>.inner>.full:first-child {
        border-bottom-left-radius: inherit;
        border-top-left-radius: inherit;
      }

      #container01.columns>.wrapper>.inner>.full:last-child {
        border-bottom-right-radius: inherit;
        border-top-right-radius: inherit;
      }

      #container01.columns>.wrapper>.inner>.full>.full:first-child:last-child {
        border-radius: inherit;
        height: calc(100% + (var(--padding-vertical) * 2));
      }

      #container01.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
        border-radius: inherit;
        height: 100%;
        position: absolute;
        width: 100%;
      }

      #container01>.wrapper>.inner> :nth-child(1) {
        width: calc(33.33333% + (var(--gutters) / 3));
      }

      #container01>.wrapper>.inner> :nth-child(2) {
        width: calc(33.33333% + (var(--gutters) / 3));
      }

      #container01>.wrapper>.inner> :nth-child(3) {
        width: calc(33.33333% + (var(--gutters) / 3));
      }

      #container03 {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        background-color: transparent;
      }

      #container03>.wrapper>.inner {
        --gutters: 2rem;
        --padding-vertical: 3rem;
        padding: var(--padding-vertical) var(--padding-horizontal);
      }

      #container03>.wrapper {
        max-width: var(--width);
        width: 100%;
      }

      #container03.default>.wrapper>.inner>* {
        margin-bottom: var(--spacing);
        margin-top: var(--spacing);
      }

      #container03.default>.wrapper>.inner>*:first-child {
        margin-top: 0 !important;
      }

      #container03.default>.wrapper>.inner>*:last-child {
        margin-bottom: 0 !important;
      }

      #container03.columns>.wrapper>.inner {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
      }

      #container03.columns>.wrapper>.inner>* {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        text-align: var(--alignment);
        padding: 0 0 0 var(--gutters);
      }

      #container03.columns>.wrapper>.inner>*>* {
        margin-bottom: var(--spacing);
        margin-top: var(--spacing);
      }

      #container03.columns>.wrapper>.inner>*>*:first-child {
        margin-top: 0 !important;
      }

      #container03.columns>.wrapper>.inner>*>*:last-child {
        margin-bottom: 0 !important;
      }

      #container03.columns>.wrapper>.inner>*:first-child {
        margin-left: calc(var(--gutters) * -1);
      }

      #container03.default>.wrapper>.inner>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        max-width: none !important;
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
      }

      #container03.default>.wrapper>.inner>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }

      #container03.default>.wrapper>.inner>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
      }

      #container03.columns>.wrapper>.inner>div>.full {
        margin-left: calc(var(--gutters) * -0.5);
        max-width: none !important;
        width: calc(100% + var(--gutters) + 0.4725px);
      }

      #container03.columns>.wrapper>.inner>div:first-child>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
      }

      #container03.columns>.wrapper>.inner>div:last-child>.full {
        width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
      }

      #container03.columns>.wrapper>.inner>div>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
      }

      #container03.columns>.wrapper>.inner>div>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
      }

      #container03.columns>.wrapper>.inner>.full {
        align-self: stretch;
      }

      #container03.columns>.wrapper>.inner>.full:first-child {
        border-bottom-left-radius: inherit;
        border-top-left-radius: inherit;
      }

      #container03.columns>.wrapper>.inner>.full:last-child {
        border-bottom-right-radius: inherit;
        border-top-right-radius: inherit;
      }

      #container03.columns>.wrapper>.inner>.full>.full:first-child:last-child {
        border-radius: inherit;
        height: calc(100% + (var(--padding-vertical) * 2));
      }

      #container03.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
        border-radius: inherit;
        height: 100%;
        position: absolute;
        width: 100%;
      }

      #container03>.wrapper>.inner> :nth-child(1) {
        width: calc(50% + (var(--gutters) / 2));
      }

      #container03>.wrapper>.inner> :nth-child(2) {
        width: calc(50% + (var(--gutters) / 2));
      }

      #container04 {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        background-color: transparent;
      }

      #container04>.wrapper>.inner {
        --gutters: calc(var(--padding-horizontal) * 2);
        --padding-vertical: 1rem;
        padding: var(--padding-vertical) var(--padding-horizontal);
      }

      #container04>.wrapper {
        max-width: var(--width);
        width: 100%;
      }

      #container04.default>.wrapper>.inner>* {
        margin-bottom: var(--spacing);
        margin-top: var(--spacing);
      }

      #container04.default>.wrapper>.inner>*:first-child {
        margin-top: 0 !important;
      }

      #container04.default>.wrapper>.inner>*:last-child {
        margin-bottom: 0 !important;
      }

      #container04.columns>.wrapper>.inner {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
      }

      #container04.columns>.wrapper>.inner>* {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        text-align: var(--alignment);
        padding: 0 0 0 var(--gutters);
      }

      #container04.columns>.wrapper>.inner>*>* {
        margin-bottom: var(--spacing);
        margin-top: var(--spacing);
      }

      #container04.columns>.wrapper>.inner>*>*:first-child {
        margin-top: 0 !important;
      }

      #container04.columns>.wrapper>.inner>*>*:last-child {
        margin-bottom: 0 !important;
      }

      #container04.columns>.wrapper>.inner>*:first-child {
        margin-left: calc(var(--gutters) * -1);
      }

      #container04.default>.wrapper>.inner>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        max-width: none !important;
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
      }

      #container04.default>.wrapper>.inner>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }

      #container04.default>.wrapper>.inner>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
      }

      #container04.columns>.wrapper>.inner>div>.full {
        margin-left: calc(var(--gutters) * -0.5);
        max-width: none !important;
        width: calc(100% + var(--gutters) + 0.4725px);
      }

      #container04.columns>.wrapper>.inner>div:first-child>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
      }

      #container04.columns>.wrapper>.inner>div:last-child>.full {
        width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
      }

      #container04.columns>.wrapper>.inner>div>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
      }

      #container04.columns>.wrapper>.inner>div>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
      }

      #container04.columns>.wrapper>.inner>.full {
        align-self: stretch;
      }

      #container04.columns>.wrapper>.inner>.full:first-child {
        border-bottom-left-radius: inherit;
        border-top-left-radius: inherit;
      }

      #container04.columns>.wrapper>.inner>.full:last-child {
        border-bottom-right-radius: inherit;
        border-top-right-radius: inherit;
      }

      #container04.columns>.wrapper>.inner>.full>.full:first-child:last-child {
        border-radius: inherit;
        height: calc(100% + (var(--padding-vertical) * 2));
      }

      #container04.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
        border-radius: inherit;
        height: 100%;
        position: absolute;
        width: 100%;
      }

      #container04>.wrapper>.inner> :nth-child(1) {
        width: calc(50% + (var(--gutters) / 2));
      }

      #container04>.wrapper>.inner> :nth-child(2) {
        width: calc(50% + (var(--gutters) / 2));
      }

      h1,
      h2,
      h3,
      p {
        direction: var(--site-language-direction);
        position: relative;
      }

      h1 span.p,
      h2 span.p,
      h3 span.p,
      p span.p {
        display: block;
        position: relative;
      }

      h1 span[style],
      h2 span[style],
      h3 span[style],
      p span[style],
      h1 strong,
      h2 strong,
      h3 strong,
      p strong,
      h1 a,
      h2 a,
      h3 a,
      p a,
      h1 code,
      h2 code,
      h3 code,
      p code,
      h1 mark,
      h2 mark,
      h3 mark,
      p mark,
      h1 spoiler-text,
      h2 spoiler-text,
      h3 spoiler-text,
      p spoiler-text {
        -webkit-text-fill-color: currentcolor;
      }

      h1.style1,
      h2.style1,
      h3.style1,
      p.style1 {
        text-align: left;
        color: #000000;
        font-family: 'Inter', sans-serif;
        font-size: 1.5em;
        line-height: 1.5;
        font-weight: 300;
      }

      h1.style1 a,
      h2.style1 a,
      h3.style1 a,
      p.style1 a {
        text-decoration: underline;
      }

      h1.style1 a:hover,
      h2.style1 a:hover,
      h3.style1 a:hover,
      p.style1 a:hover {
        text-decoration: none;
      }

      h1.style1 span.p:nth-child(n + 2),
      h2.style1 span.p:nth-child(n + 2),
      h3.style1 span.p:nth-child(n + 2),
      p.style1 span.p:nth-child(n + 2) {
        margin-top: 1rem;
      }

      h1.style2,
      h2.style2,
      h3.style2,
      p.style2 {
        text-align: left;
        color: #000000;
        font-family: 'Inter', sans-serif;
        font-size: 1.5em;
        line-height: 1.5;
        font-weight: 300;
      }

      h1.style2 a,
      h2.style2 a,
      h3.style2 a,
      p.style2 a {
        text-decoration: underline;
      }

      h1.style2 a:hover,
      h2.style2 a:hover,
      h3.style2 a:hover,
      p.style2 a:hover {
        text-decoration: none;
      }

      h1.style2 span.p:nth-child(n + 2),
      h2.style2 span.p:nth-child(n + 2),
      h3.style2 span.p:nth-child(n + 2),
      p.style2 span.p:nth-child(n + 2) {
        margin-top: 1rem;
      }

      h1.style3,
      h2.style3,
      h3.style3,
      p.style3 {
        text-align: left;
        color: #000000;
        font-family: 'Inter', sans-serif;
        font-size: 1em;
        line-height: 1.5;
        font-weight: 300;
      }

      h1.style3 a,
      h2.style3 a,
      h3.style3 a,
      p.style3 a {
        text-decoration: underline;
      }

      h1.style3 a:hover,
      h2.style3 a:hover,
      h3.style3 a:hover,
      p.style3 a:hover {
        text-decoration: none;
      }

      h1.style3 span.p:nth-child(n + 2),
      h2.style3 span.p:nth-child(n + 2),
      h3.style3 span.p:nth-child(n + 2),
      p.style3 span.p:nth-child(n + 2) {
        margin-top: 1rem;
      }

      h1.style4,
      h2.style4,
      h3.style4,
      p.style4 {
        text-align: left;
        color: #000000;
        font-family: 'Inter', sans-serif;
        font-size: 0.75em;
        line-height: 1.5;
        font-weight: 300;
      }

      h1.style4 a,
      h2.style4 a,
      h3.style4 a,
      p.style4 a {
        text-decoration: underline;
      }

      h1.style4 a:hover,
      h2.style4 a:hover,
      h3.style4 a:hover,
      p.style4 a:hover {
        text-decoration: none;
      }

      h1.style4 span.p:nth-child(n + 2),
      h2.style4 span.p:nth-child(n + 2),
      h3.style4 span.p:nth-child(n + 2),
      p.style4 span.p:nth-child(n + 2) {
        margin-top: 1rem;
      }

      .links {
        display: flex;
        justify-content: var(--flex-alignment);
        letter-spacing: 0;
        line-height: 1.5;
        padding: 0;
      }

      .links li {
        position: relative;
      }

      .links li a {
        direction: var(--site-language-direction);
        display: block;
      }

      .links.style2 {
        justify-content: flex-end;
        gap: 2rem;
        flex-direction: row;
        flex-wrap: wrap;
        font-family: 'Inter', sans-serif;
        font-size: 1em;
        font-weight: 300;
      }

      .links.style2 li a {
        color: #000000;
        text-decoration: underline;
      }

      .links.style2 li a:hover {
        color: #333333;
      }

      #links01 .n01 a:hover {
        color: #333333;
      }

      #links01 .n02 a:hover {
        color: #333333;
      }

      .links.style1 {
        justify-content: flex-start;
        gap: 2rem;
        flex-direction: row;
        flex-wrap: wrap;
        font-family: 'Inter', sans-serif;
        font-size: 1em;
        font-weight: 300;
      }

      .links.style1 li a {
        color: #000000;
        text-decoration: underline;
      }

      .links.style1 li a:hover {
        color: #333333;
      }

      #links02 .n01 a:hover {
        color: #333333;
      }

      #links03 .n01 a:hover {
        color: #333333;
      }

      .image {
        display: block;
        line-height: 0;
        max-width: 100%;
        position: relative;
      }

      .image .frame {
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        vertical-align: top;
        width: 100%;
      }

      .image .frame img {
        border-radius: 0 !important;
        max-width: 100%;
        vertical-align: top;
        width: inherit;
      }

      .image.full .frame {
        display: block;
      }

      .image.full:first-child .frame {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }

      .image.full:last-child .frame {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
      }

      #image01 .frame {
        width: 35rem;
        transition: none;
      }

      #image01 img {
        -webkit-touch-callout: none;
        user-select: none;
      }

      #image01 .frame img {
        transition: none;
      }

      #image05 .frame {
        width: 35rem;
        transition: none;
      }

      #image05 .frame img {
        transition: none;
      }

      #image06 .frame {
        width: 35rem;
        transition: none;
      }

      #image06 .frame img {
        transition: none;
      }

      #image03 .frame {
        width: 35rem;
        transition: none;
      }

      #image03 .frame img {
        transition: none;
      }

      #image08 .frame {
        width: 35rem;
        transition: none;
      }

      #image08 .frame img {
        transition: none;
      }

      #image09 .frame {
        width: 35rem;
        transition: none;
      }

      #image09 .frame img {
        transition: none;
      }

      #image04 .frame {
        width: 35rem;
        transition: none;
      }

      #image04 .frame img {
        transition: none;
      }

      #image07 .frame {
        width: 35rem;
        transition: none;
      }

      #image07 .frame img {
        transition: none;
      }

      #image02 .frame {
        width: 35rem;
        transition: none;
      }

      #image02 .frame img {
        transition: none;
      }

      .icons {
        display: flex;
        flex-wrap: wrap;
        justify-content: var(--flex-alignment);
        letter-spacing: 0;
        padding: 0;
      }

      .icons li {
        position: relative;
        z-index: 1;
      }

      .icons li a {
        align-items: center;
        display: flex;
        justify-content: center;
      }

      .icons li a svg {
        display: block;
        position: relative;
      }

      .icons li a+svg {
        display: block;
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
      }

      .icons li a .label {
        display: none;
      }

      #icons01 {
        justify-content: flex-end;
        font-size: 1.25em;
        gap: 0.75rem;
      }

      #icons01 li a {
        height: 1em;
        width: 1em;
        transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
      }

      #icons01 li a svg {
        height: 100%;
        width: 100%;
        transition: fill 0.25s ease;
      }

      #icons01 a svg {
        fill: #000000;
      }

      #icons01 li a+svg {
        transition: fill 0.25s ease, stroke 0.25s ease;
      }

      @media (max-width: 1920px) {}

      @media (max-width: 1680px) {
        html {
          font-size: 13pt;
        }
      }

      @media (max-width: 1280px) {
        html {
          font-size: 13pt;
        }
      }

      @media (max-width: 1024px) {}

      @media (max-width: 980px) {
        html {
          font-size: 11pt;
        }
      }

      @media (max-width: 736px) {
        html {
          font-size: 11pt;
        }

        #main>.inner {
          --padding-horizontal: 2rem;
          --padding-vertical: 3rem;
          --spacing: 0.75rem;
        }

        #container02>.wrapper>.inner {
          --gutters: 2rem;
          --padding-vertical: 2rem;
        }

        #container02.columns>.wrapper>.inner {
          flex-direction: column !important;
          flex-wrap: nowrap !important;
        }

        #container02.columns>.wrapper>.inner>span {
          height: 0;
          margin-top: calc(var(--gutters) * -1);
          pointer-events: none;
          visibility: hidden;
        }

        #container02.columns>.wrapper>.inner>*:first-child {
          margin-left: 0 !important;
          padding-top: 0 !important;
        }

        #container02.columns>.wrapper>.inner>* {
          padding: calc(var(--gutters) * 0.5) 0 !important;
        }

        #container02.columns>.wrapper>.inner>*:last-child {
          padding-bottom: 0 !important;
        }

        #container02.columns>.wrapper>.inner>div>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container02.columns>.wrapper>.inner>div:first-of-type>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container02.columns>.wrapper>.inner>div:last-of-type>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container02.columns>.wrapper>.inner>div>.full:first-child {
          margin-top: calc(var(--gutters) * -0.5) !important;
        }

        #container02.columns>.wrapper>.inner>div>.full:last-child {
          margin-bottom: calc(var(--gutters) * -0.5) !important;
        }

        #container02.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
          margin-top: calc(var(--padding-vertical) * -1) !important;
        }

        #container02.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
          margin-bottom: calc(var(--padding-vertical) * -1) !important;
        }

        #container02.columns>.wrapper>.inner>div:first-of-type,
        #container02.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
          border-top-left-radius: inherit;
          border-top-right-radius: inherit;
        }

        #container02.columns>.wrapper>.inner>div:last-of-type,
        #container02.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
          border-bottom-left-radius: inherit;
          border-bottom-right-radius: inherit;
        }

        #container02.columns>.wrapper>.inner>div:first-of-type,
        #container02.columns>.wrapper>.inner>div:first-of-type>.full:last-child {
          border-bottom-left-radius: 0 !important;
        }

        #container02.columns>.wrapper>.inner>div:last-of-type,
        #container02.columns>.wrapper>.inner>div:last-of-type>.full:first-child {
          border-top-right-radius: 0 !important;
        }

        #container02.columns>.wrapper>.inner>.full>.full:first-child:last-child {
          height: auto;
        }

        #container02.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
          height: auto;
          position: relative;
          width: auto;
        }

        #container02>.wrapper>.inner> :nth-child(1) {
          min-height: 100% !important;
          width: 100% !important;
        }

        #container02>.wrapper>.inner> :nth-child(2) {
          min-height: 100% !important;
          width: 100% !important;
        }

        #container01>.wrapper>.inner {
          --gutters: 2rem;
          --padding-horizontal: 2rem;
          --padding-vertical: 2rem;
        }

        #container01.columns>.wrapper>.inner {
          flex-direction: column !important;
          flex-wrap: nowrap !important;
        }

        #container01.columns>.wrapper>.inner>span {
          height: 0;
          margin-top: calc(var(--gutters) * -1);
          pointer-events: none;
          visibility: hidden;
        }

        #container01.columns>.wrapper>.inner>*:first-child {
          margin-left: 0 !important;
          padding-top: 0 !important;
        }

        #container01.columns>.wrapper>.inner>* {
          padding: calc(var(--gutters) * 0.5) 0 !important;
        }

        #container01.columns>.wrapper>.inner>*:last-child {
          padding-bottom: 0 !important;
        }

        #container01.columns>.wrapper>.inner>div>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container01.columns>.wrapper>.inner>div:first-of-type>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container01.columns>.wrapper>.inner>div:last-of-type>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container01.columns>.wrapper>.inner>div>.full:first-child {
          margin-top: calc(var(--gutters) * -0.5) !important;
        }

        #container01.columns>.wrapper>.inner>div>.full:last-child {
          margin-bottom: calc(var(--gutters) * -0.5) !important;
        }

        #container01.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
          margin-top: calc(var(--padding-vertical) * -1) !important;
        }

        #container01.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
          margin-bottom: calc(var(--padding-vertical) * -1) !important;
        }

        #container01.columns>.wrapper>.inner>div:first-of-type,
        #container01.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
          border-top-left-radius: inherit;
          border-top-right-radius: inherit;
        }

        #container01.columns>.wrapper>.inner>div:last-of-type,
        #container01.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
          border-bottom-left-radius: inherit;
          border-bottom-right-radius: inherit;
        }

        #container01.columns>.wrapper>.inner>div:first-of-type,
        #container01.columns>.wrapper>.inner>div:first-of-type>.full:last-child {
          border-bottom-left-radius: 0 !important;
        }

        #container01.columns>.wrapper>.inner>div:last-of-type,
        #container01.columns>.wrapper>.inner>div:last-of-type>.full:first-child {
          border-top-right-radius: 0 !important;
        }

        #container01.columns>.wrapper>.inner>.full>.full:first-child:last-child {
          height: auto;
        }

        #container01.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
          height: auto;
          position: relative;
          width: auto;
        }

        #container01>.wrapper>.inner> :nth-child(1) {
          min-height: 100% !important;
          width: 100% !important;
        }

        #container01>.wrapper>.inner> :nth-child(2) {
          min-height: 100% !important;
          width: 100% !important;
        }

        #container01>.wrapper>.inner> :nth-child(3) {
          min-height: 100% !important;
          width: 100% !important;
        }

        #container03>.wrapper>.inner {
          --gutters: 2rem;
          --padding-vertical: 3rem;
        }

        #container03.columns>.wrapper>.inner {
          flex-direction: column !important;
          flex-wrap: nowrap !important;
        }

        #container03.columns>.wrapper>.inner>span {
          height: 0;
          margin-top: calc(var(--gutters) * -1);
          pointer-events: none;
          visibility: hidden;
        }

        #container03.columns>.wrapper>.inner>*:first-child {
          margin-left: 0 !important;
          padding-top: 0 !important;
        }

        #container03.columns>.wrapper>.inner>* {
          padding: calc(var(--gutters) * 0.5) 0 !important;
        }

        #container03.columns>.wrapper>.inner>*:last-child {
          padding-bottom: 0 !important;
        }

        #container03.columns>.wrapper>.inner>div>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container03.columns>.wrapper>.inner>div:first-of-type>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container03.columns>.wrapper>.inner>div:last-of-type>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container03.columns>.wrapper>.inner>div>.full:first-child {
          margin-top: calc(var(--gutters) * -0.5) !important;
        }

        #container03.columns>.wrapper>.inner>div>.full:last-child {
          margin-bottom: calc(var(--gutters) * -0.5) !important;
        }

        #container03.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
          margin-top: calc(var(--padding-vertical) * -1) !important;
        }

        #container03.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
          margin-bottom: calc(var(--padding-vertical) * -1) !important;
        }

        #container03.columns>.wrapper>.inner>div:first-of-type,
        #container03.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
          border-top-left-radius: inherit;
          border-top-right-radius: inherit;
        }

        #container03.columns>.wrapper>.inner>div:last-of-type,
        #container03.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
          border-bottom-left-radius: inherit;
          border-bottom-right-radius: inherit;
        }

        #container03.columns>.wrapper>.inner>div:first-of-type,
        #container03.columns>.wrapper>.inner>div:first-of-type>.full:last-child {
          border-bottom-left-radius: 0 !important;
        }

        #container03.columns>.wrapper>.inner>div:last-of-type,
        #container03.columns>.wrapper>.inner>div:last-of-type>.full:first-child {
          border-top-right-radius: 0 !important;
        }

        #container03.columns>.wrapper>.inner>.full>.full:first-child:last-child {
          height: auto;
        }

        #container03.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
          height: auto;
          position: relative;
          width: auto;
        }

        #container03>.wrapper>.inner> :nth-child(1) {
          min-height: 100% !important;
          width: 100% !important;
        }

        #container03>.wrapper>.inner> :nth-child(2) {
          min-height: 100% !important;
          width: 100% !important;
        }

        #container04>.wrapper>.inner {
          --gutters: calc(var(--padding-vertical) * 2);
          --padding-vertical: 1rem;
        }

        #container04.columns>.wrapper>.inner {
          flex-direction: column !important;
          flex-wrap: nowrap !important;
        }

        #container04.columns>.wrapper>.inner>span {
          height: 0;
          margin-top: calc(var(--gutters) * -1);
          pointer-events: none;
          visibility: hidden;
        }

        #container04.columns>.wrapper>.inner>*:first-child {
          margin-left: 0 !important;
          padding-top: 0 !important;
        }

        #container04.columns>.wrapper>.inner>* {
          padding: calc(var(--gutters) * 0.5) 0 !important;
        }

        #container04.columns>.wrapper>.inner>*:last-child {
          padding-bottom: 0 !important;
        }

        #container04.columns>.wrapper>.inner>div>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container04.columns>.wrapper>.inner>div:first-of-type>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container04.columns>.wrapper>.inner>div:last-of-type>.full {
          margin-left: calc(var(--padding-horizontal) * -1);
          width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
        }

        #container04.columns>.wrapper>.inner>div>.full:first-child {
          margin-top: calc(var(--gutters) * -0.5) !important;
        }

        #container04.columns>.wrapper>.inner>div>.full:last-child {
          margin-bottom: calc(var(--gutters) * -0.5) !important;
        }

        #container04.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
          margin-top: calc(var(--padding-vertical) * -1) !important;
        }

        #container04.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
          margin-bottom: calc(var(--padding-vertical) * -1) !important;
        }

        #container04.columns>.wrapper>.inner>div:first-of-type,
        #container04.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
          border-top-left-radius: inherit;
          border-top-right-radius: inherit;
        }

        #container04.columns>.wrapper>.inner>div:last-of-type,
        #container04.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
          border-bottom-left-radius: inherit;
          border-bottom-right-radius: inherit;
        }

        #container04.columns>.wrapper>.inner>div:first-of-type,
        #container04.columns>.wrapper>.inner>div:first-of-type>.full:last-child {
          border-bottom-left-radius: 0 !important;
        }

        #container04.columns>.wrapper>.inner>div:last-of-type,
        #container04.columns>.wrapper>.inner>div:last-of-type>.full:first-child {
          border-top-right-radius: 0 !important;
        }

        #container04.columns>.wrapper>.inner>.full>.full:first-child:last-child {
          height: auto;
        }

        #container04.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
          height: auto;
          position: relative;
          width: auto;
        }

        #container04>.wrapper>.inner> :nth-child(1) {
          min-height: 100% !important;
          width: 100% !important;
        }

        #container04>.wrapper>.inner> :nth-child(2) {
          min-height: 100% !important;
          width: 100% !important;
        }

        h1.style1,
        h2.style1,
        h3.style1,
        p.style1 {
          letter-spacing: 0rem;
          width: 100%;
          font-size: 1.5em;
          line-height: 1.5;
        }

        h1.style2,
        h2.style2,
        h3.style2,
        p.style2 {
          letter-spacing: 0rem;
          width: 100%;
          font-size: 1.5em;
          line-height: 1.5;
        }

        h1.style3,
        h2.style3,
        h3.style3,
        p.style3 {
          letter-spacing: 0rem;
          width: 100%;
          font-size: 1em;
          line-height: 1.5;
        }

        h1.style4,
        h2.style4,
        h3.style4,
        p.style4 {
          letter-spacing: 0rem;
          width: 100%;
          font-size: 0.75em;
          line-height: 1.5;
        }

        .links.style2 {
          gap: 2rem;
          font-size: 1em;
        }

        .links.style1 {
          gap: 2rem;
          font-size: 1em;
        }

        #image01 .frame {
          width: 35rem;
        }

        #image05 .frame {
          width: 35rem;
        }

        #image06 .frame {
          width: 35rem;
        }

        #image03 .frame {
          width: 35rem;
        }

        #image08 .frame {
          width: 35rem;
        }

        #image09 .frame {
          width: 35rem;
        }

        #image04 .frame {
          width: 35rem;
        }

        #image07 .frame {
          width: 35rem;
        }

        #image02 .frame {
          width: 35rem;
        }

        #icons01 {
          font-size: 1.25em;
          gap: 0.75rem;
        }
      }

      @media (max-width: 480px) {
        #main>.inner {
          --spacing: 0.65625rem;
        }
      }

      @media (max-width: 360px) {
        #main>.inner {
          --padding-horizontal: 1.5rem;
          --padding-vertical: 2.25rem;
          --spacing: 0.5625rem;
        }

        #container02>.wrapper>.inner {
          --gutters: 1.5rem;
          --padding-vertical: 1.5rem;
        }

        #container01>.wrapper>.inner {
          --gutters: 1.5rem;
          --padding-horizontal: 1.5rem;
          --padding-vertical: 1.5rem;
        }

        #container03>.wrapper>.inner {
          --gutters: 1.5rem;
          --padding-vertical: 2.25rem;
        }

        #container04>.wrapper>.inner {
          --gutters: calc(var(--padding-vertical) * 2);
          --padding-vertical: 0.75rem;
        }

        h1.style1,
        h2.style1,
        h3.style1,
        p.style1 {
          font-size: 1.5em;
        }

        h1.style2,
        h2.style2,
        h3.style2,
        p.style2 {
          font-size: 1.5em;
        }

        h1.style3,
        h2.style3,
        h3.style3,
        p.style3 {
          font-size: 1em;
        }

        h1.style4,
        h2.style4,
        h3.style4,
        p.style4 {
          font-size: 0.75em;
        }

        .links.style2 {
          gap: 1.5rem;
          font-size: 1em;
        }

        .links.style1 {
          gap: 1.5rem;
          font-size: 1em;
        }

        #icons01 {
          gap: 0.5625rem;
        }
      }
    </style>
  </head>
  <body>
    <div id="wrapper">
      <div id="main">
        <div class="inner">
          <div id="container02" class="container columns full">
            <div class="wrapper">
              <div class="inner">
                <div>
                  <h2 id="text02" class="style1">JoomlaXE</h2>
                </div>
                <div>
                  <ul id="links01" class="style2 links">
                    <li class="n01">
                      <a href="#about">Hakkımda</a>
                    </li>
                    <li class="n02">
                      <a href="/cdn-cgi/l/email-protection#096d6c676c646b66677c7a7c496e64686065276a6664">İletişim</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div id="container01" class="container columns">
            <div class="wrapper">
              <div class="inner">
			    <div>
                  <div id="image01" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/535/67a905535abb4506243849.jpg" alt="image01" />
                    </span>
                  </div>
                  <div id="image02" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/57e/67a90557ee079734461724.jpg" alt="image02" />
                    </span>
                  </div>
                  <div id="image03" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/580/67a905580022e939330110.jpg" alt="image03" />
                    </span>
                  </div>
                  </div>
				<div>
                  <div id="image04" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/582/67a905582b96f025642679.jpg" alt="image04" />
                    </span>
                  </div>
                  <div id="image05" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/583/67a9055834317387357696.jpg" alt="image05" />
                    </span>
                  </div>
                  <div id="image06" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/586/67a90558655ea563849657.jpg" alt="image06" />
                    </span>
                  </div>
                  </div>
				<div>
                  <div id="image07" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/586/67a9055867189958127343.jpg" alt="image07" />
                    </span>
                  </div>
                  <div id="image09" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/588/67a905588a535554743438.jpg" alt="image09" />
                    </span>
                  </div>
                  <div id="image08" class="image">
                    <span class="frame deferred">
                      <img src="http://www.joomlaxe.com/storage/app/uploads/public/67a/905/589/67a905589a3b1374459927.jpg" alt="image08" />
                    </span>
                  </div>
                  </div>
				</div>
            </div>
          </div>
          <div id="container03" data-scroll-id="about" data-scroll-behavior="default" data-scroll-offset="0" data-scroll-speed="3" class="container columns">
            <div class="wrapper">
              <div class="inner">
                <div>
                  <h2 id="text01" class="style2">JoomlaXE, New York City'nin kalbinde çalışan olağanüstü bir fotoğrafçıdır. JoomlaXE, hem ticari hem de editoryal müşterilere yaratıcılık ve sofistike bir tarz sunarak hizmet vermektedir. Çalışmalarında net ve zarif bir estetik anlayışını koruyarak benzersiz bir harmoni yaratmaktadır.</h2>
                </div>
                <span></span>
              </div>
            </div>
          </div>
          <div id="container04" class="container columns">
            <div class="wrapper">
              <div class="inner">
                <div>
                  <p id="text04" class="style3">JoomlaXE | Fotoğraf Galerisi</p>
                  <p id="text05" class="style4">&copy; 2025 - 2026
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
	  document.addEventListener('DOMContentLoaded', function () {
		const aboutLink = document.querySelector('a[href="#about"]');
		const aboutSection = document.querySelector('[data-scroll-id="about"]');

		if (aboutLink && aboutSection) {
		  aboutLink.addEventListener('click', function (e) {
			e.preventDefault();
			aboutSection.scrollIntoView({
			  behavior: 'smooth',
			  block: 'start'
			});
		  });
		}
	  });
	</script>
  </body>
</html>