﻿@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
body {
  font-family: Poppins, Tahoma;
  background: white;
  color: #1f1f1f;
  font-size: 16px;
}
body main {
  overflow: hidden;
}
.navigationHolder {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  text-align: center;
  color: #f7f7f7;
  transition: color 0.4s;
}
.navigationHolder .logoHolder {
  padding: 14px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 80px;
  opacity: 1;
}
.navigationHolder .logoHolder img {
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
.navigationHolder a {
  text-decoration: none;
  color: inherit;
}
.navigationHolder .contactHolder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 80px;
  line-height: 80px;
  font-size: 20px;
}
.navigationHolder .contactHolder a:hover {
  text-decoration: underline;
}
.navigationHolder .navigation {
  display: inline-block;
  vertical-align: top;
}
.navigationHolder .navigation .navigationItem {
  display: inline-block;
  line-height: 80px;
  padding: 0 26px;
  font-size: 20px;
}
.navigationHolder .navigation .navigationItem:hover {
  text-decoration: underline;
}
.navigationHolder.dark {
  color: #c0a19b;
}
.navigationHolder.dark .logoHolder img {
  opacity: 1;
  pointer-events: all;
}
.navigationHolder.opaque {
  background: #ead8ca;
  border-bottom: 1px solid #e1cdbe;
}
.mobileNavigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  text-align: center;
  color: #f7f7f7;
  transition: color 0.4s, background 0.6s;
  text-align: left;
}
.mobileNavigation a {
  color: #f7f7f7;
}
.mobileNavigation .burgerHolder {
  display: inline-block;
  height: 100%;
  width: 80px;
}
.mobileNavigation .burgerHolder table {
  height: 100%;
  width: 100%;
}
.mobileNavigation .burgerHolder table .burger {
  text-align: center;
  font-size: 26px;
}
.mobileNavigation .burgerHolder table .burger .negative {
  opacity: 0;
}
.mobileNavigation .contactDetails {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  font-size: 28px;
  transition: color 0.6s;
}
.mobileNavigation .contactDetails table {
  height: 100%;
}
.mobileNavigation .contactDetails table a:hover {
  text-decoration: underline;
}
.mobileNavigation.open {
  background-color: #ead8ca;
  color: #c0a19b;
}
.mobileNavigation.open a {
  color: #c0a19b;
}
.mobileNavigation.opaque {
  background: #ead8ca;
  border-bottom: 1px solid #e1cdbe;
}
.mobileNavigation.dark {
  color: #c0a19b;
}
.mobileNavigation.dark a {
  color: #c0a19b;
}
.mobileNavigationMenu {
  position: fixed;
  top: calc(80px - 2px);
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ead8ca;
  color: #c0a19b;
  text-align: center;
  z-index: 999;
  max-width: 100vw;
}
.mobileNavigationMenu a {
  color: inherit;
  text-decoration: none;
}
.mobileNavigationMenu .mobileNavigationMenuItem {
  line-height: 52px;
  font-size: 24px;
}
.mobileNavigationMenu .mobileNavigationMenuItem.active {
  text-decoration: underline;
  font-size: 28px;
  font-weight: bold;
}
.homeContent .htmlAnchor {
  position: relative;
  top: -80px;
}
.homeContent .headerHolder {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: #2F2F30;
}
.homeContent .headerHolder .videoHolder {
  height: 100%;
  width: 100%;
  overflow: hidden;
  filter: blur(8px);
}
.homeContent .headerHolder .videoHolder video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.homeContent .headerHolder .headerContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  color: #f7f7f7;
}
.homeContent .headerHolder .headerContent table {
  height: 100%;
  width: 100%;
}
.homeContent .headerHolder .headerContent table .logoHolder {
  height: 120px;
  margin-bottom: 60px;
}
@media (max-width: 600px) {
  .homeContent .headerHolder .headerContent table .logoHolder {
    height: 100px;
  }
}
.homeContent .headerHolder .headerContent table .logoHolder img {
  height: 100%;
}
.homeContent .headerHolder .headerContent table .title {
  font-size: 42px;
  margin-bottom: 10px;
  width: 90%;
  max-width: 600px;
  margin: auto;
  margin-bottom: 20px;
  text-shadow: 0px 0px 2px #000000;
}
@media (max-width: 600px) {
  .homeContent .headerHolder .headerContent table .title {
    font-size: 32px;
  }
}
.homeContent .headerHolder .headerContent table .description {
  font-size: 18px;
  width: 90%;
  max-width: 800px;
  margin: auto;
  margin-bottom: 60px;
  text-shadow: 0px 0px 2px #000000;
}
@media (max-width: 600px) {
  .homeContent .headerHolder .headerContent table .description {
    font-size: 18px;
  }
}
.homeContent .headerHolder .headerContent table a {
  text-decoration: none;
  color: inherit;
}
.homeContent .headerHolder .headerContent table .button {
  display: inline-block;
  padding: 12px 28px;
  border: 1px solid white;
  font-size: 18px;
  border-radius: 4px;
  color: #f7f7f7;
  transition: transform 0.4s, background 0.4s, color 0.4s;
  user-select: none;
}
.homeContent .headerHolder .headerContent table .button:hover {
  color: #1f1f1f;
  background: #f7f7f7;
}
.homeContent .headerHolder .headerContent table .button:active {
  transition: transform 0.01s;
  transform: scale(0.9);
}
.homeContent .headerHolder .headerCover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  border-bottom: 1px solid #ebebeb;
  pointer-events: none;
}
.homeContent .infoHolder {
  margin: auto;
  width: 90%;
  max-width: 1000px;
  padding: 80px 0;
}
.homeContent .infoHolder .title {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #c0a19b;
  margin-bottom: 50px;
}
.homeContent .infoHolder .title .underline {
  height: 2px;
  width: 40px;
  background: #c0a19b;
  margin: auto;
}
.homeContent .servicesHolder {
  padding: 80px 0;
  background: #f8f5f2;
}
.homeContent .servicesHolder .servicesTitle {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #c0a19b;
  margin-bottom: 50px;
}
.homeContent .servicesHolder .servicesTitle .underline {
  height: 2px;
  width: 40px;
  background: #c0a19b;
  margin: auto;
}
.homeContent .servicesHolder .services {
  margin: auto;
  max-width: 1400px;
  text-align: center;
}
.homeContent .servicesHolder .services .service {
  display: inline-block;
  padding: 15px;
  border: 1px solid #c0a19b;
  width: 90%;
  max-width: 400px;
  background: white;
  border-radius: 4px;
  vertical-align: top;
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .homeContent .servicesHolder .services .service {
    margin-right: 15px;
  }
}
.homeContent .servicesHolder .services .service .title {
  text-align: center;
  font-size: 26px;
  color: #c0a19b;
}
.homeContent .servicesHolder .services .service:last-child {
  margin-right: 0;
}
.homeContent .clientsHolder {
  padding: 40px 0;
  background: #ead8ca;
}
.homeContent .clientsHolder .title {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #c0a19b;
  margin-bottom: 50px;
}
.homeContent .clientsHolder .title .underline {
  height: 2px;
  width: 40px;
  background: #c0a19b;
  margin: auto;
}
.homeContent .clientsHolder .clientList {
  text-align: center;
  max-width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.homeContent .clientsHolder .clientList .client {
  padding: 20px 40px;
  display: inline-block;
}
@media (max-width: 600px) {
  .homeContent .clientsHolder .clientList .client {
    display: block;
  }
}
.homeContent .clientsHolder .clientList .client img {
  height: 60px;
  opacity: 0.6;
}
.homeContent .clientsHolder .moreHolder {
  text-align: center;
  opacity: 0.6;
}
.homeContent .galleryHolder {
  position: relative;
  height: 100vh;
  width: 100%;
  margin-bottom: 20px;
}
.homeContent .galleryHolder .imageCarouselHolder {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #ead8ca;
  color: #c0a19b;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .slick-list {
  height: 100%;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .slick-list .slick-track {
  height: 100%;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .slick-dots {
  bottom: 100px;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .slick-dots button:before {
  font-size: 8px;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .slick-dots .slick-active button:before {
  color: #c0a19b;
  font-size: 14px;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .carouselItemHolder {
  height: calc(100vh - 70px);
  width: 100vw;
  overflow: hidden;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .carouselItemHolder table {
  height: 100%;
  width: 100%;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .carouselItemHolder table img {
  max-height: 100vh;
  max-width: 100vw;
  margin: auto;
}
.homeContent .galleryHolder .imageCarouselHolder .imageCarousel .carouselItemHolder table .alt {
  transform: scale(1.06);
}
.homeContent .galleryHolder .imageCarouselHolder .previousButton {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  color: inherit;
  cursor: pointer;
}
.homeContent .galleryHolder .imageCarouselHolder .previousButton table {
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 22px;
}
.homeContent .galleryHolder .imageCarouselHolder .previousButton table .icon {
  cursor: pointer;
  transform: scale(1);
  opacity: 0.8;
  transition: opacity 0.6s;
}
.homeContent .galleryHolder .imageCarouselHolder .nextButton {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 80px;
  color: inherit;
  cursor: pointer;
}
.homeContent .galleryHolder .imageCarouselHolder .nextButton table {
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 22px;
}
.homeContent .galleryHolder .imageCarouselHolder .nextButton table .icon {
  cursor: pointer;
  transform: scale(1);
  opacity: 0.8;
  transition: opacity 0.6s;
}
.homeContent .galleryHolder .imageCarouselHolder .nextButton table .icon:hover {
  opacity: 1;
  transform: scale(1.1);
}
.homeContent .galleryHolder .imageCarouselHolder .nextButton table .icon:active {
  transition: opacity 0.01s;
  opacity: 1;
  transform: scale(0.9);
}
.homeContent .galleryHolder .imageCarouselHolder .previousButton:hover .icon,
.homeContent .galleryHolder .imageCarouselHolder .nextButton:hover .icon {
  opacity: 1;
  transform: scale(1.1);
}
.homeContent .galleryHolder .imageCarouselHolder .previousButton:active .icon,
.homeContent .galleryHolder .imageCarouselHolder .nextButton:active .icon {
  transition: opacity 0.01s;
  opacity: 1;
  transform: scale(0.9);
}
.homeContent .contactSection {
  padding-top: 60px;
}
.homeContent .contactSection .title {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #c0a19b;
  margin-bottom: 50px;
}
.homeContent .contactSection .title .underline {
  height: 2px;
  width: 40px;
  background: #c0a19b;
  margin: auto;
}
.homeContent .contactSection .contactDetails {
  width: 100%;
  max-width: 90%;
  margin: auto;
  text-align: center;
  margin-bottom: 60px;
}
.homeContent .contactSection .contactDetails .detailRow {
  position: relative;
  padding: 14px 0;
  padding-left: 20px;
}
.homeContent .contactSection .contactDetails .detailRow a {
  color: #c0a19b;
  text-decoration: none;
}
.homeContent .contactSection .contactDetails .detailRow a:hover {
  text-decoration: underline;
}
.homeContent .contactSection .contactDetails .detailRow .icon {
  position: relative;
  top: 0;
  left: -10px;
  color: #c0a19b;
  font-size: 24px;
}
.homeContent .contactSection .contactForm {
  background: #f8f5f2;
  width: 100%;
  padding: 60px 0;
}
.homeContent .contactSection .contactForm .controlHolder {
  max-width: 360px;
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
}
.homeContent .contactSection .contactForm .controlHolder label {
  opacity: 0.6;
  margin-bottom: 6px;
}
.homeContent .contactSection .contactForm .controlHolder .inputHolder input {
  width: 100%;
  background: white;
  border-radius: 2px;
  border: 1px #e1e1e1 solid;
  padding: 8px 8px;
  outline: 0;
}
.homeContent .contactSection .contactForm .controlHolder .inputHolder input:focus {
  border: 1px solid #c0a19b;
}
.homeContent .contactSection .contactForm .buttonHolder {
  text-align: center;
  padding-top: 20px;
  width: 100%;
}
.homeContent .contactSection .contactForm .buttonHolder .button {
  display: inline-block;
  padding: 12px 28px;
  border: 1px solid #c0a19b;
  font-size: 18px;
  border-radius: 4px;
  color: #c0a19b;
  transition: transform 0.4s, background 0.4s, color 0.4s;
  user-select: none;
  cursor: pointer;
}
.homeContent .contactSection .contactForm .buttonHolder .button .icon {
  margin-right: 8px;
}
.homeContent .contactSection .contactForm .buttonHolder .button:hover {
  color: #f7f7f7;
  background: #c0a19b;
}
.homeContent .contactSection .contactForm .buttonHolder .button:active {
  transition: transform 0.01s;
  transform: scale(0.9);
}
.homeContent .mapSection {
  height: 600px;
}
.homeContent .mapSection iframe {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.homeContent .buttonRibbon {
  text-align: center;
  padding: 60px 0;
  background: #f8f5f2;
}
.homeContent .buttonRibbon .button {
  display: inline-block;
  padding: 12px 28px;
  border: 1px solid #c0a19b;
  font-size: 18px;
  border-radius: 4px;
  color: #c0a19b;
  transition: transform 0.4s, background 0.4s, color 0.4s;
  user-select: none;
  cursor: pointer;
}
.homeContent .buttonRibbon .button .icon {
  margin-right: 8px;
}
.homeContent .buttonRibbon .button:hover {
  color: #f7f7f7;
  background: #c0a19b;
}
.homeContent .buttonRibbon .button:active {
  transition: transform 0.01s;
  transform: scale(0.9);
}
.homeContent .buttonRibbon.light {
  background: none;
}
.homeContent .instagramSection {
  text-align: center;
  padding: 80px 0;
  padding-bottom: 0;
}
.homeContent .instagramSection .postHolder {
  display: inline-block;
  border: 1px solid #e1cdbe;
  border-radius: 3px;
  width: 90%;
  max-width: 400px;
  text-align: left;
  overflow: hidden;
  margin-right: 20px;
}
@media (max-width: 600px) {
  .homeContent .instagramSection .postHolder {
    margin-right: 0;
  }
}
.homeContent .instagramSection .postHolder .title {
  line-height: 40px;
  padding: 8px 14px;
}
.homeContent .instagramSection .postHolder .title .profileImageHolder {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  width: 40px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 8px;
  border: 1px solid #e1cdbe;
}
.homeContent .instagramSection .postHolder .title .profileImageHolder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  vertical-align: top;
}
.homeContent .instagramSection .postHolder .title .usernameHolder {
  display: inline-block;
  vertical-align: top;
}
.homeContent .instagramSection .postHolder .title .usernameHolder a {
  text-decoration: inherit;
  color: inherit;
}
.homeContent .instagramSection .postHolder .title .usernameHolder:hover {
  text-decoration: underline;
}
.homeContent .instagramSection .postHolder .image {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #e1cdbe;
  border-bottom: 1px solid #e1cdbe;
}
.homeContent .instagramSection .postHolder .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  vertical-align: top;
}
.homeContent .instagramSection .postHolder .image .hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.homeContent .instagramSection .postHolder .image .hover table {
  height: 100%;
  width: 100%;
}
.homeContent .instagramSection .postHolder .image .hover .icon {
  font-size: 20px;
  margin-bottom: 8px;
}
.homeContent .instagramSection .postHolder .image .hover .viewLabel {
  font-size: 16px;
}
.homeContent .instagramSection .postHolder .image:hover .hover {
  opacity: 1;
}
.homeContent .instagramSection .postHolder .description {
  padding: 15px;
  padding-bottom: 0;
}
.homeContent .instagramSection .postHolder .hashtags {
  padding: 15px;
}
.homeContent .instagramSection .postHolder:last-child {
  margin-right: 0;
}
footer {
  width: 100%;
  background-color: #f8f5f2;
  color: #1f1f1f;
  padding: 20px;
}
footer .footerSections {
  text-align: center;
  margin-bottom: 30px;
}
footer .footerSections a {
  color: #c0a19b;
  text-decoration: none;
}
footer .footerSections a:hover {
  text-decoration: underline;
}
footer .footerSections .title {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: bold;
  color: #c0a19b;
}
footer .footerSections .quickLinks {
  max-width: 90%;
  margin: auto;
  margin-bottom: 30px;
}
footer .footerSections .socialLinks {
  max-width: 90%;
  margin: auto;
  margin-bottom: 30px;
}
footer .footerSections .socialLinks .icon {
  margin-right: 8px;
}
footer .accredsHolder {
  padding: 60px 0;
  padding-bottom: 20px;
}
footer .accredsHolder .accredsList {
  text-align: center;
  max-width: 90%;
  margin: auto;
}
footer .accredsHolder .accredsList .accred {
  padding: 0 40px;
  display: inline-block;
  margin-bottom: 40px;
}
footer .accredsHolder .accredsList .accred img {
  height: 80px;
  opacity: 0.6;
}
footer .copyrightLabel {
  text-align: center;
  line-height: 22px;
}
footer .copyrightLabel .createdByHolder {
  padding-top: 5px;
  font-size: 13px;
}
footer .copyrightLabel .createdByHolder a {
  color: #c0a19b;
}
.policyHolder {
  width: 90%;
  margin: auto;
  max-width: 1100px;
  padding-top: calc(80px + 20px);
}