@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Roboto&display=swap);
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.splide__slide--has-video{cursor:pointer}.splide__slide--has-video:hover .splide__video__play{opacity:1}.splide__slide__container--has-video{cursor:pointer;position:relative}.splide__slide__container--has-video:hover .splide__video__play{opacity:1}.splide__video{height:100%;left:0;position:absolute;top:0;width:100%}.splide__video__wrapper{background:#000;height:inherit;width:inherit}.splide__video__wrapper div,.splide__video__wrapper iframe,.splide__video__wrapper video{height:100%;width:100%}.splide__video__play{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .1s linear;width:40px}.splide__video__play:after{border-color:transparent transparent transparent #000;border-style:solid;border-width:9px 0 9px 17px;content:"";display:inline-block;margin-left:4px}
@forward '../../template/default';
.cd-nav-trigger {
  position: relative;
  z-index: 3;
  height: 47px;
  width: 47px;
  background-color: transparent;
  color: #fff;
  border-radius: 50%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: transform 0.5s;
  display: none; }
  @media (max-width: 991.98px) {
    .cd-nav-trigger {
      display: block; } }

.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #fff; }

.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.5s, width 0.5s, top 0.3s; }

.cd-nav-trigger .cd-nav-icon::before {
  transform-origin: right top;
  transform: translateY(-6px); }

.cd-nav-trigger .cd-nav-icon::after {
  transform-origin: right bottom;
  transform: translateY(6px); }

.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px; }

.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px; }

.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0; }

.cd-nav-trigger circle {
  transition: stroke-dashoffset 0.4s 0s; }

.cd-nav-trigger.open {
  transform: rotate(180deg);
  background: #000; }

.cd-nav-trigger.open .cd-nav-icon {
  background-color: #ffffff; }

.cd-nav-trigger.open .cd-nav-icon::after,
.cd-nav-trigger.open .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  transition: transform 0.5s, width 0.5s; }

.cd-nav-trigger.open .cd-nav-icon::before {
  transform: rotate(45deg); }

.cd-nav-trigger.open .cd-nav-icon::after {
  transform: rotate(-45deg); }

.no-touch .cd-nav-trigger.open:hover .cd-nav-icon::after,
.no-touch .cd-nav-trigger.open:hover .cd-nav-icon::before {
  top: 0; }

.cd-nav-trigger.open circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.4s 0.3s; }

.fw-100 {
  font-weight: 100 !important; }

.fw-300 {
  font-weight: 300 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.fw-900 {
  font-weight: 900 !important; }

.fz-15 {
  font-size: 15px !important; }

.fz-16 {
  font-size: 16px !important; }

.fz-20 {
  font-size: 20px !important; }

.fz-26 {
  font-size: 26px !important; }

.fz-28 {
  font-size: 28px !important; }

.fz-36 {
  font-size: 36px !important; }

.fz-56 {
  font-size: 56px !important; }

body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #757575;
  text-align: left;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

.img-cover {
  position: relative;
  padding-bottom: 57%; }
  .img-cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.box-shadow {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }

.fz-24 {
  font-size: 24px; }

.ff-title {
  font-family: "Playfair Display", serif; }

h1,
.h1 {
  font-family: "Playfair Display", serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.88px;
  color: #000;
  margin-bottom: 60px; }
  @media (max-width: 991.98px) {
    h1,
    .h1 {
      font-size: 50px;
      margin-bottom: 30px; } }
  @media (max-width: 767.98px) {
    h1,
    .h1 {
      font-size: 40px;
      margin-bottom: 30px; } }

h2,
.h2 {
  font-family: "Playfair Display", serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.76px;
  color: #000;
  margin-bottom: 40px; }
  @media (max-width: 991.98px) {
    h2,
    .h2 {
      font-size: 36px;
      margin-bottom: 30px; } }
  @media (max-width: 767.98px) {
    h2,
    .h2 {
      font-size: 26px;
      margin-bottom: 20px; } }

.h3,
h3 {
  font-family: "Playfair Display", serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.36px;
  color: #000; }
  @media (max-width: 991.98px) {
    .h3,
    h3 {
      font-size: 30px;
      margin-bottom: 30px; } }
  @media (max-width: 767.98px) {
    .h3,
    h3 {
      font-size: 20px;
      margin-bottom: 20px; } }

.h4,
h4 {
  font-family: "Playfair Display", serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }
  @media (max-width: 991.98px) {
    .h4,
    h4 {
      font-size: 20px; } }

p {
  margin-bottom: 20px; }

.body-1 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3; }

.body-2 {
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; }

a {
  color: #757575;
  transition: all 0.4s ease; }
  a:hover {
    text-decoration: underline;
    color: #000; }

.content h2,
.content .h2 {
  font-family: "Playfair Display", serif;
  font-size: 40px;
  color: #000; }
  @media (max-width: 991.98px) {
    .content h2,
    .content .h2 {
      font-size: 30px; } }

.mb-40 {
  margin-bottom: 40px; }

.mb-lg {
  margin-bottom: 120px; }
  @media (max-width: 767.98px) {
    .mb-lg {
      margin-bottom: 60px; } }

.padding {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 991.98px) {
    .padding {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media (max-width: 767.98px) {
    .padding {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .padding-top {
    padding-top: 120px; }
    @media (max-width: 991.98px) {
      .padding-top {
        padding-top: 70px; } }
    @media (max-width: 767.98px) {
      .padding-top {
        padding-top: 50px; } }
  .padding-bottom {
    padding-bottom: 120px; }
    @media (max-width: 991.98px) {
      .padding-bottom {
        padding-bottom: 70px; } }
    @media (max-width: 767.98px) {
      .padding-bottom {
        padding-bottom: 50px; } }
  .padding-sm {
    padding-top: 60px;
    padding-bottom: 60px; }
    .padding-sm-top {
      padding-top: 30px; }
    .padding-sm-bottom {
      padding-bottom: 30px; }
  .padding-right {
    padding-right: 130px; }

.bg-light {
  background: #f5f5f7; }

.bg-dark {
  background-color: #000 !important; }

.btn {
  border: none;
  font-family: "Playfair Display", serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  position: relative;
  padding: 14px 28px;
  border-radius: 0; }
  .btn-light {
    border: 1px solid #000; }
    .btn-light:before {
      content: '';
      position: absolute;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      display: block;
      border: 1px solid #000;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 0; }
    .btn-light span {
      position: relative;
      z-index: 2;
      color: #000; }
    .btn-light:hover {
      color: #fff;
      border-color: #000; }
      .btn-light:hover:before {
        content: '';
        position: absolute;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        display: block;
        border: 1px solid #000;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #000;
        z-index: 0; }
      .btn-light:hover span {
        color: #fff; }
  .btn-transparent {
    border: 1px solid #fff;
    background-color: transparent; }
    .btn-transparent:before {
      content: '';
      position: absolute;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      display: block;
      border: 1px solid #fff;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 0; }
    .btn-transparent span {
      position: relative;
      z-index: 2;
      color: #fff; }
    .btn-transparent:hover {
      color: #fff;
      border-color: #fff; }
      .btn-transparent:hover:before {
        content: '';
        position: absolute;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        display: block;
        border: 1px solid #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #000;
        z-index: 0; }
      .btn-transparent:hover span {
        color: #fff; }

.page {
  min-height: 70vh;
  padding-top: 50px;
  padding-bottom: 50px; }

.header {
  background: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 11;
  padding-top: 22px;
  padding-bottom: 22px; }
  @media (max-width: 991.98px) {
    .header {
      position: fixed;
      width: 100%; } }
  @media (max-width: 767.98px) {
    .header {
      padding-top: 10px;
      padding-bottom: 10px; } }
  .header-light .header-logo {
    filter: invert(1); }
  .header-light .header__log_link {
    filter: invert(1); }
    @media (max-width: 991.98px) {
      .header-light .header__log_link {
        filter: invert(0); } }
  .header-light .cd-nav-icon {
    background: #000; }
  .header.bg-dark .header-logo {
    filter: invert(0); }
  .header.bg-dark .header__log_link {
    filter: invert(0); }
  .header.bg-dark .cd-nav-icon {
    background: #fff; }

.header .container {
  height: 100%; }

.header__content {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center; }

.header-logo {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  color: #fff;
  transition: all 0.6s ease; }
  .header-logo:hover {
    color: #fff;
    opacity: 0.8;
    text-decoration: none; }

@media (max-width: 991.98px) {
  .header-nav {
    position: fixed;
    left: 0;
    top: 55px;
    width: 100vw;
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #000;
    padding: 20px 10px 0;
    transform: translateX(-100%);
    min-height: 100vh; } }

.header-nav.is-active {
  transform: translateX(0%); }

.header__log_link {
  font-family: "Playfair Display", serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  padding-left: 15px;
  color: #fff; }
  @media (max-width: 991.98px) {
    .header__log_link {
      padding-bottom: 20px; } }

.header__log_link:focus,
.header__log_link:hover {
  color: #757575; }

.header__log_link:active {
  color: #757575; }

.header__user_dropdown .dropdown-menu {
  background: transparent;
  border-color: transparent; }

.header__user_dropdown .dropdown-item {
  font-family: 'Zilla Slab', Zilla Slab, Times, serif;
  text-transform: uppercase;
  padding: 12px 0;
  width: 282px;
  font-weight: bold;
  color: #808080;
  background: #feede7;
  border: 1px solid #fdbeb4;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  text-align: center; }

.header__user_dropdown .dropdown-item:focus,
.header__user_dropdown .dropdown-item:hover {
  color: #fb8574; }

.header__user_dropdown .dropdown-item:active {
  color: #f94f36; }

.header__user_dropdown .dropdown-item + .dropdown-item {
  margin-top: 8px; }

.header__user_dropdown_btn {
  font-family: 'Zilla Slab', Zilla Slab, Times, serif;
  font-size: 1.0625rem;
  padding-right: 0;
  padding-left: 0; }

.header__user_dropdown_btn::after {
  border-top: 0.5em solid #fdbeb4;
  border-radius: 5px;
  vertical-align: middle;
  display: none; }

@media (min-width: 576px) {
  .header__user_dropdown_btn::after {
    display: inline-block; } }

.header__user_dropdown_btn .header__user_type {
  display: none; }

@media (min-width: 992px) {
  .header__user_dropdown_btn .header__user_type {
    display: inline;
    font-family: 'Inter', Inter, Arial, sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #808080; } }

.pagination {
  display: flex;
  flex-wrap: wrap; }
  .pagination a,
  .pagination span {
    display: flex;
    color: #757575;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid transparent;
    width: 35px;
    height: 35px;
    padding: 0; }
  .pagination .active a {
    border: 1px solid #757575; }

.animated-text {
  opacity: 0;
  transform: translateY(0px); }

.hero {
  padding-top: 90px;
  padding-bottom: 210px;
  background: #000; }
  @media (max-width: 1199.98px) {
    .hero {
      padding-top: 120px; } }
  @media (max-width: 767.98px) {
    .hero {
      padding-bottom: 50px; } }
  .hero p {
    margin-bottom: 30px; }
  .hero .hero-background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  .hero .hero-background-video video {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .hero .hero-background-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
  .hero .hero-background-video.with-dotted::after {
    display: none; }
  .hero .dotted {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    display: block;
    pointer-events: none;
    background: url("/images/video/gridtile.png"); }
  .hero .hero-video-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    pointer-events: none;
    max-width: 30vw; }
    .hero .hero-video-center img {
      max-width: 100%;
      max-height: 100%; }
  .hero .hero-video-footer {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    pointer-events: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    color: #fff;
    align-items: center; }
    @media (max-width: 991.98px) {
      .hero .hero-video-footer {
        display: none; } }
    .hero .hero-video-footer img {
      max-width: 100%;
      max-height: 100%; }

.tags {
  max-width: 400px;
  margin-bottom: 30px; }

.tags-row {
  margin-bottom: 12px;
  color: #000;
  justify-content: space-between;
  display: flex;
  width: 100%; }

.footer {
  padding-top: 80px; }
  .footer-link {
    color: #fff; }
    .footer-link:hover {
      color: #fff;
      opacity: 0.7; }

.socials {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 991.98px) {
    .socials {
      justify-content: start; } }

.social-item {
  width: 28px;
  height: 28px;
  display: flex;
  margin: 0 7px; }
  .social-item svg {
    width: 100%;
    height: 100%; }
  .social-item:hover {
    opacity: 0.7; }

.copyright {
  margin-top: 140px;
  padding: 12px;
  border-top: 1px solid #212121;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }
  @media (max-width: 991.98px) {
    .copyright {
      margin-top: 80px; } }
  @media (max-width: 767.98px) {
    .copyright {
      margin-top: 40px; } }

.photo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 30px; }
  @media (max-width: 767.98px) {
    .photo-grid {
      gap: 7px; } }
  .photo-grid-item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2; }
  .photo-grid-item:nth-child(2) {
    grid-area: 1 / 2 / 2 / 4; }
  .photo-grid-item:nth-child(3) {
    grid-area: 2 / 1 / 3 / 2; }
  .photo-grid-item:nth-child(4) {
    grid-area: 2 / 2 / 3 / 3; }
  .photo-grid-item:nth-child(5) {
    grid-area: 2 / 3 / 3 / 4; }
  .photo-grid-item:nth-child(6) {
    grid-area: 3 / 1 / 4 / 3; }
  .photo-grid-item:nth-child(7) {
    grid-area: 3 / 3 / 4 / 4; }

.fluid-img {
  position: relative;
  padding-bottom: 35%;
  padding-left: 0; }
  @media (max-width: 991.98px) {
    .fluid-img {
      padding-bottom: 55%; } }
  .fluid-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.fluid-content {
  padding-left: 130px;
  padding-bottom: 112px;
  padding-top: 112px;
  max-width: 700px; }
  @media (max-width: 991.98px) {
    .fluid-content {
      padding-left: 15px;
      padding-bottom: 60px;
      padding-top: 60px;
      max-width: 700px;
      padding-right: 15px;
      text-align: center; } }
  .fluid-content-center {
    text-align: center;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-left: 15px;
    justify-content: center; }
    .fluid-content-center h2 {
      max-width: 700px; }

.works-gap {
  margin-bottom: 30px; }
  @media (max-width: 767.98px) {
    .works-gap {
      margin-bottom: 15px; } }

.digital-cards {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-left: calc((100vw - 1140px) / 2);
  min-width: calc(370px * 4 + 20px * 3);
  position: relative;
  left: 0; }
  @media (max-width: 1199.98px) {
    .digital-cards {
      margin-left: calc((100vw - 960px) / 2); } }
  @media (max-width: 991.98px) {
    .digital-cards {
      margin-left: calc((100vw - 720px) / 2); } }
  @media (max-width: 767.98px) {
    .digital-cards {
      margin-left: calc((100vw - 540px) / 2); } }
  @media (max-width: 540px) {
    .digital-cards {
      margin-left: 15px; } }
  .digital-cards-wrap {
    overflow: hidden;
    padding: 30px 0;
    position: relative; }
  .digital-cards .digital-card {
    box-shadow: 2px 4px 12px #00000014;
    position: relative;
    transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
    flex-shrink: 0;
    height: 500px;
    width: 400px;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    max-width: calc(100vw - 15px); }
    @media (max-width: 991.98px) {
      .digital-cards .digital-card {
        height: 450px;
        width: 309px;
        padding: 28px; } }
    .digital-cards .digital-card:hover {
      box-shadow: 2px 4px 16px #00000029;
      transform: scale3d(1.01, 1.01, 1.01); }
    .digital-cards .digital-card-dark {
      background: #202125; }
    .digital-cards .digital-card img {
      max-width: 100%;
      max-height: 100%; }

.form-control {
  border-radius: 0; }

.type-hero-title {
  opacity: 0; }

.typed-cursor,
.typed-cursor.typed-cursor--blink {
  display: none !important; }

.type-hero-btn {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.slide-with-video {
  padding-bottom: 60%;
  position: relative; }
  .slide-with-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-ads {
  padding: 161.26% 0 0 0;
  position: relative;
  overflow: hidden; }
  @media (max-width: 991.98px) {
    .video-ads {
      margin-bottom: 30px; }
      .video-ads.video-ads-last {
        padding: 174.26% 0 0 0; } }

.vimeo-container {
  position: relative;
  cursor: pointer;
  background-color: #000;
  padding: 55% 0 0 0;
  position: relative; }

.vimeo-preview,
.vimeo-container iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  transition: all 0.3s; }

.play-button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent white; }

.vimeo-container:hover .play-button {
  background-color: #00adef; }


/*# sourceMappingURL=app.css.map*/