* {
  scrollbar-width: thin;
  scrollbar-color: #F4F4F4 #000000;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
  width: 3px;
}

*::-webkit-scrollbar-track {
  background: #000000;
}

*::-webkit-scrollbar-thumb {
  background-color: #F4F4F4;
  border-radius: 20px;
}

@font-face {
  font-family: "Bold_Font";
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  src: url("/wp-content/themes/twentytwentyone-child/fonts/PFGrandGothikWide-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Regular_Font";
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  src: url("/wp-content/themes/twentytwentyone-child/fonts/PFGrandGothikWide-Regular.otf") format("opentype");
}
@font-face {
  font-family: "sofar";
  src: url("/wp-content/themes/twentytwentyone-child/fonts/sofar.eot?orbsmp");
  src: url("/wp-content/themes/twentytwentyone-child/fonts/sofar.eot?orbsmp#iefix") format("embedded-opentype"), url("/wp-content/themes/twentytwentyone-child/fonts/sofar.ttf?orbsmp") format("truetype"), url("/wp-content/themes/twentytwentyone-child/fonts/sofar.woff?orbsmp") format("woff"), url("/wp-content/themes/twentytwentyone-child/fonts/sofar.svg?orbsmp#sofar") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=sofar-], [class*=" sofar-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "sofar" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sofar-bath_amenities:before {
  content: "\e989";
}

.sofar-mini_fridge:before {
  content: "\e98a";
}

.sofar-safety_box:before {
  content: "\e98b";
}

.sofar-tour2:before {
  content: "\e988";
}

.sofar-ferry_boat:before {
  content: "\e984";
}

.sofar-flight:before {
  content: "\e985";
}

.sofar-rental:before {
  content: "\e986";
}

.sofar-taxi:before {
  content: "\e987";
}

.sofar-parking:before {
  content: "\e981";
}

.sofar-reception:before {
  content: "\e982";
}

.sofar-room_service:before {
  content: "\e983";
}

.sofar-single_bed:before {
  content: "\e980";
}

.sofar-car_door:before {
  content: "\e97d";
}

.sofar-gas_pump2:before {
  content: "\e97e";
}

.sofar-gears:before {
  content: "\e97f";
}

.sofar-activity:before {
  content: "\e978";
}

.sofar-air_condition:before {
  content: "\e979";
}

.sofar-area:before {
  content: "\e97a";
}

.sofar-atv:before {
  content: "\e97b";
}

.sofar-bath_tube:before {
  content: "\e97c";
}

.sofar-dishwasher:before {
  content: "\e998";
}

.sofar-double_bed:before {
  content: "\e999";
}

.sofar-hair_dryer:before {
  content: "\e99a";
}

.sofar-heater:before {
  content: "\e99b";
}

.sofar-kitchen:before {
  content: "\e99c";
}

.sofar-motorboat:before {
  content: "\e99d";
}

.sofar-no_smoking:before {
  content: "\e99e";
}

.sofar-pets_allowed:before {
  content: "\e9a0";
}

.sofar-pool:before {
  content: "\e9a1";
}

.sofar-refrigerator:before {
  content: "\e9a2";
}

.sofar-scooter:before {
  content: "\e9a3";
}

.sofar-tour:before {
  content: "\e9a4";
}

.sofar-tv:before {
  content: "\e9a5";
}

.sofar-villa:before {
  content: "\e9a6";
}

.sofar-washer_dryer:before {
  content: "\e9a7";
}

.sofar-wheelchair:before {
  content: "\e9a8";
}

.sofar-wifi:before {
  content: "\e9a9";
}

.sofar-yacht:before {
  content: "\e9aa";
}

.sofar-heart:before {
  content: "\e977";
}

.sofar-star:before {
  content: "\e974";
}

.sofar-ticket:before {
  content: "\e975";
}

.sofar-wrench:before {
  content: "\e976";
}

.sofar-car:before {
  content: "\e96d";
}

.sofar-car_doors:before {
  content: "\e96e";
}

.sofar-car_side:before {
  content: "\e96f";
}

.sofar-cog:before {
  content: "\e970";
}

.sofar-gas_pump:before {
  content: "\e971";
}

.sofar-road:before {
  content: "\e972";
}

.sofar-suitcase:before {
  content: "\e973";
}

.sofar-life_ring:before {
  content: "\e96b";
}

.sofar-tachometer:before {
  content: "\e96c";
}

.sofar-arrow2:before {
  content: "\e968";
}

.sofar-spiti:before {
  content: "\e969";
}

.sofar-zante_bullets:before {
  content: "\e96a";
}

.sofar-bookmark:before {
  content: "\e95e";
}

.sofar-calendar:before {
  content: "\e95f";
}

.sofar-diamond:before {
  content: "\e960";
}

.sofar-guests3:before {
  content: "\e961";
}

.sofar-location:before {
  content: "\e962";
}

.sofar-location_add:before {
  content: "\e963";
}

.sofar-map_pin_2:before {
  content: "\e964";
}

.sofar-person:before {
  content: "\e965";
}

.sofar-time:before {
  content: "\e966";
}

.sofar-timelapse:before {
  content: "\e967";
}

.sofar-list:before {
  content: "\e953";
}

.sofar-date:before {
  content: "\e952";
}

.sofar-clock:before {
  content: "\e94e";
}

.sofar-comfort2:before {
  content: "\e94f";
}

.sofar-craftsmanship2:before {
  content: "\e950";
}

.sofar-efficient2:before {
  content: "\e954";
}

.sofar-flexible2:before {
  content: "\e955";
}

.sofar-guests2:before {
  content: "\e956";
}

.sofar-innovative2:before {
  content: "\e957";
}

.sofar-lighting2:before {
  content: "\e958";
}

.sofar-modularity2:before {
  content: "\e959";
}

.sofar-sensory2:before {
  content: "\e95a";
}

.sofar-sustainability2:before {
  content: "\e95b";
}

.sofar-timelessness2:before {
  content: "\e95c";
}

.sofar-vip:before {
  content: "\e95d";
}

.sofar-pen_ruler:before {
  content: "\e94d";
}

.sofar-complex:before {
  content: "\e949";
}

.sofar-creativity:before {
  content: "\e94a";
}

.sofar-home:before {
  content: "\e94b";
}

.sofar-home_design:before {
  content: "\e94c";
}

.sofar-pensil_ruler:before {
  content: "\e951";
}

.sofar-info_letter:before {
  content: "\e947";
}

.sofar-youtube_empty:before {
  content: "\e948";
}

.sofar-tiktok:before {
  content: "\e946";
}

.sofar-flickr:before {
  content: "\e943";
}

.sofar-link:before {
  content: "\e944";
}

.sofar-twitter_new:before {
  content: "\e945";
}

.sofar-guests_empty:before {
  content: "\e92b";
}

.sofar-arrow_thin:before {
  content: "\e92c";
}

.sofar-exclusivity2:before {
  content: "\e92d";
}

.sofar-info:before {
  content: "\e92e";
}

.sofar-360:before {
  content: "\e92f";
}

.sofar-comfort:before {
  content: "\e930";
}

.sofar-community:before {
  content: "\e931";
}

.sofar-contemporary:before {
  content: "\e932";
}

.sofar-craftsmanship:before {
  content: "\e933";
}

.sofar-dismountable:before {
  content: "\e934";
}

.sofar-efficient:before {
  content: "\e935";
}

.sofar-exclusivity:before {
  content: "\e936";
}

.sofar-flexible:before {
  content: "\e937";
}

.sofar-innovative:before {
  content: "\e938";
}

.sofar-interchangeable:before {
  content: "\e939";
}

.sofar-landscape:before {
  content: "\e93a";
}

.sofar-lighting:before {
  content: "\e93b";
}

.sofar-modularity:before {
  content: "\e93c";
}

.sofar-personalization:before {
  content: "\e93d";
}

.sofar-prefabricated:before {
  content: "\e93e";
}

.sofar-sensory:before {
  content: "\e93f";
}

.sofar-sustainability:before {
  content: "\e940";
}

.sofar-timelessness:before {
  content: "\e941";
}

.sofar-transportable:before {
  content: "\e942";
}

.sofar-mobile:before {
  content: "\e90a";
}

.sofar-phone:before {
  content: "\e92a";
}

.sofar-pharmacy:before {
  content: "\e929";
}

.sofar-accounting:before {
  content: "\e91d";
}

.sofar-business:before {
  content: "\e927";
}

.sofar-municipal:before {
  content: "\e928";
}

.sofar-linkedin:before {
  content: "\e91e";
}

.sofar-accommodation:before {
  content: "\e91f";
}

.sofar-cart:before {
  content: "\e920";
}

.sofar-chemistry:before {
  content: "\e921";
}

.sofar-clothes:before {
  content: "\e922";
}

.sofar-distribution:before {
  content: "\e923";
}

.sofar-freelancer:before {
  content: "\e924";
}

.sofar-hotel:before {
  content: "\e925";
}

.sofar-plate:before {
  content: "\e926";
}

.sofar-map_pin:before {
  content: "\e91c";
}

.sofar-pinterest:before {
  content: "\e91a";
}

.sofar-twitter:before {
  content: "\e91b";
}

.sofar-laptop:before {
  content: "\e915";
}

.sofar-network:before {
  content: "\e916";
}

.sofar-shield:before {
  content: "\e917";
}

.sofar-strike:before {
  content: "\e918";
}

.sofar-tools:before {
  content: "\e919";
}

.sofar-arrow:before {
  content: "\e90d";
}

.sofar-euro:before {
  content: "\e90e";
}

.sofar-food:before {
  content: "\e90f";
}

.sofar-kartela:before {
  content: "\e910";
}

.sofar-program:before {
  content: "\e911";
}

.sofar-video:before {
  content: "\e912";
}

.sofar-fb:before {
  content: "\e913";
}

.sofar-youtube:before {
  content: "\e914";
}

.sofar-airport:before {
  content: "\e900";
}

.sofar-beach-access:before {
  content: "\e901";
}

.sofar-bed:before {
  content: "\e902";
}

.sofar-city:before {
  content: "\e903";
}

.sofar-cube:before {
  content: "\e904";
}

.sofar-facebook:before {
  content: "\e905";
}

.sofar-guests:before {
  content: "\e906";
}

.sofar-image:before {
  content: "\e907";
}

.sofar-instagram:before {
  content: "\e908";
}

.sofar-mail:before {
  content: "\e909";
}

.sofar-shuttle-bus:before {
  content: "\e90b";
}

.sofar-tripadvisor:before {
  content: "\e90c";
}

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

*::-moz-selection {
  background: #000000;
  background-color: rgba(0, 0, 0, 0.99);
  color: #F4F4F4;
}

*::selection {
  background: #000000;
  background-color: rgba(0, 0, 0, 0.99);
  color: #F4F4F4;
}

BODY {
  margin: 0px;
  font-size: 30px;
  font-family: "Regular_Font";
  line-height: 45px;
  background: #F4F4F4;
}
BODY.open_menu {
  overflow: hidden;
}

H1, H2, H3, H4, H5, H6 {
  margin-top: 0px;
  font-weight: normal;
}

UL {
  list-style-type: none;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

P {
  margin-top: 0px;
}

IMG {
  width: 100%;
  height: auto;
  display: block;
}

STRONG {
  font-weight: normal;
  font-family: "Bold_Font";
}

A {
  text-decoration: none;
  transition: all 0.5s ease;
  cursor: pointer;
}

#loader {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 4;
  pointer-events: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #000000;
  color: #F4F4F4;
  font-family: "Bold_Font";
  font-size: 75px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 575px) {
  #loader {
    font-size: 50px;
  }
}
#loader.open {
  opacity: 1;
  pointer-events: all;
}

#site_title {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  font-size: 15.6vw;
  line-height: 12.6vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: difference;
  opacity: 0;
  transition: all 0.5s ease;
}
#site_title.home {
  color: #F4F4F4;
  opacity: 1;
}
#site_title.home.reveal {
  opacity: 0;
}

.site_inner {
  position: relative;
}
.site_inner SPAN {
  display: block;
  line-height: 1.5;
  font-size: 33px;
  position: absolute;
  left: 24px;
}

HEADER {
  position: fixed;
  width: 100%;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 25px;
  padding: 40px;
  mix-blend-mode: difference;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1199px) {
  HEADER {
    padding: 40px 15px;
  }
}
HEADER .site_title A {
  color: #F4F4F4;
}
HEADER .menu-item A {
  color: #F4F4F4;
}
HEADER .menu-item A:hover {
  color: #F4F4F4;
}
HEADER.reveal {
  opacity: 1;
}
HEADER#home {
  background: none;
  mix-blend-mode: difference;
  opacity: 0;
}
HEADER#home .site_title A {
  color: #F4F4F4;
}
HEADER#home .menu-item A {
  color: #F4F4F4;
}
HEADER#home.reveal {
  opacity: 1;
}
HEADER#maintenance {
  display: none;
}

.maintenance.menu_wrap, .maintenance.site_title, .maintenance#site_title {
  display: none;
}

.site_title {
  font-size: 40px;
  line-height: 60px;
  font-family: "Bold_Font";
  transition: all 0.5s ease;
  margin-right: auto;
}
.site_title A {
  color: #000000;
}

.menu_btn {
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: 40px;
  height: 20px;
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 990px) {
  .menu_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

.line {
  width: 40px;
  height: 3px;
  background: #F4F4F4;
  position: absolute;
  border-radius: 1px;
  transition: all 0.5s ease;
}

.line_top {
  top: 0px;
}

.line_bottom {
  bottom: 0px;
}

.menu_btn.open_menu .line {
  margin: 8px 0px;
}
.menu_btn.open_menu .line_top {
  transform: rotate(45deg);
}
.menu_btn.open_menu .line_middle {
  opacity: 0;
}
.menu_btn.open_menu .line_bottom {
  transform: rotate(-45deg);
}

.menu_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 990px) {
  .menu_wrap {
    position: fixed;
    top: -100%;
    left: 0px;
    width: 100%;
    height: 100vh;
    text-transform: uppercase;
    padding: 175px 15px 50px 15px;
    background: #F4F4F4;
    text-align: center;
    overflow: auto;
    z-index: 2;
    transition: all 0.5s ease;
  }
  .menu_wrap.open_menu {
    top: 0px;
  }
}

.menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 990px) {
  .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}

.menu-item A {
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
}
.menu-item A:hover {
  color: #000000;
}
.menu-item.current-menu-item A {
  font-family: "Bold_Font";
}

.contact_btn {
  color: #F4F4F4;
  font-size: 18px;
}
@media screen and (max-width: 990px) {
  .contact_btn {
    color: #000000;
  }
}

.contact_form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 70px;
}
.contact_form P {
  width: 100%;
}
.contact_form LABEL {
  display: block;
  margin-bottom: 30px;
}
.contact_form TEXTAREA,
.contact_form INPUT {
  border: 1px solid #000000;
  border-radius: 5px;
  font-family: "Regular_Font";
  text-transform: uppercase;
  width: 100%;
  padding: 15px;
  font-size: 20px;
}
.contact_form TEXTAREA::-moz-placeholder, .contact_form INPUT::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.contact_form TEXTAREA::placeholder,
.contact_form INPUT::placeholder {
  color: #000000;
  opacity: 1;
}
.contact_form TEXTAREA:focus,
.contact_form INPUT:focus {
  outline: none;
}
.contact_form TEXTAREA.wpcf7-submit,
.contact_form INPUT.wpcf7-submit {
  background: #000000;
  color: #F4F4F4;
  cursor: pointer;
}

.social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.social IMG {
  width: auto;
  height: 60px;
}

FOOTER {
  font-size: 20px;
  text-transform: uppercase;
  padding: 30px 0px;
}
FOOTER.home {
  display: none;
}
FOOTER > DIV {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
FOOTER A {
  color: #000000;
}
FOOTER .separator {
  width: 2px;
  height: 30px;
  background: #000000;
  padding: 0px;
}

.mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
}
.content {
  max-width: 1199px;
  width: 100%;
  margin: auto;
}

.pages {
  padding: 150px 15px;
}
.pages.posts, .pages.maintenance, .pages.home {
  padding: 0px;
}
.pages.posts .content {
  padding-top: 140px;
  max-width: 1440px;
  width: 100%;
  margin: auto;
}
.pages.contact .content {
  max-width: 990px;
  width: 100%;
  margin: auto;
}

.arrow_down {
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  bottom: 0px;
  width: 100%;
  mix-blend-mode: difference;
  font-size: 100px;
  line-height: 100px;
  font-family: "Bold_Font";
  color: #F4F4F4;
  pointer-events: none;
  z-index: 2;
}

.services_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.services_image {
  flex: 0 0 450px;
  max-width: 450px;
  width: 100%;
}

.services_text {
  flex: 1;
}

.sidekick_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 70px;
}

.sidekick {
  flex: 1 0 calc(33.333333% - 20px);
  max-width: calc(33.333333% - 20px);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .sidekick {
    flex: 100%;
    max-width: 100%;
  }
}

.title {
  font-size: 40px;
  text-transform: uppercase;
  font-family: "Bold_Font";
}

.about_description {
  max-width: 1199px;
  width: 100%;
  margin: auto;
  padding: 0px 0px 100px 0px;
  text-align: center;
}

.about_wrap {
  max-width: 1440px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.about_item {
  flex: 1 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.about_image {
  flex: 0 0 150px;
  max-width: 150px;
  width: 100%;
}

.pagetitle {
  text-align: center;
  font-size: 40px;
  margin-bottom: 100px;
  text-transform: uppercase;
  font-family: "Bold_Font";
}

.page_description {
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .page_description,
  .pagetitle {
    padding: 0px 15px;
  }
}

.project .project_image {
  margin-bottom: 0px;
}

.project_image {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 100px;
  height: 100vh;
  overflow: hidden;
}
.project_image IMG {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.text_overlay {
  position: absolute;
  padding: 15px;
  text-align: center;
  mix-blend-mode: difference;
  color: #F4F4F4;
  max-width: 1199px;
  width: 100%;
  margin: auto;
}

.project_description {
  text-align: center;
}

.video_wrap {
  width: 100%;
}

.plyr {
  width: 100%;
}