:root {
  --blue: #2072b8;
  --blue-2: #0263b6;
  --blue-3: #145d9b;
  --blue-4: #02559b;
  --blue-6: #1e9aff;
  --grey: #605b56;
}

@font-face {
  font-family: glacial;
  src: url(/fonts/GlacialIndifference-Regular.otf);
  font-weight: normal;
}
@font-face {
  font-family: glacial;
  src: url(/fonts/GlacialIndifference-Bold.otf);
  font-weight: 700;
}
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,400i,500,600,700,800,900");

body {
  font-family: glacial;
  background-color: #f2f7fb;
  text-wrap: pretty !important;
}

.plex-main-navbar {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: white;
}
@media (max-width: 992px) {
  .plex-main-navbar .container {
    padding-left: 22px;
    padding-right: 22px;
  }
}
@media (min-width: 992px) {
  .plex-main-navbar .dropdown-menu {
    padding: 14px 0;
  }
  .plex-main-navbar .dropdown-item {
    padding: 4px 22px;
  }
}

.four-box-grid > div {
  height: 240px;
}

.rounded-circle {
  width: 228px;
}

.sub-head-line:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  background-color: rgba(192, 215, 235, 1);
  height: 1px;
  margin-top: -1px;
}
.sub-head-line .sub-head {
  background-color: #f2f7fb;
  color: var(--blue);
}

/* main logo */
.main-logo > img {
  display: block;
  max-width: 240px;
  padding: 16px 0;
}
@media (max-width: 992px) {
  .main-logo > img {
    max-width: 170px;
    padding: 11px 0;
  }
}

.btn-primary {
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-radius: 4px;
  padding: 14px 26px;
  background-color: var(--blue);
}
.text-blue {
  color: var(--blue);
}

.blue-bg {
  background-color: var(--blue);
}

.blue-2-bg {
  background-color: var(--blue-2);
}
.blue-3-bg {
  background-color: var(--blue-3);
}
.blue-4-bg {
  background-color: var(--blue-4);
}
.blue-6-bg {
  background-color: var(--blue-6);
}

/* home page */
.bg-house-img {
  background: url("/images/map.jpg") center center no-repeat;
  background-size: cover;
}

.premium-link {
  transition: all 0.25s ease;
}

.premium-link:hover {
  color: var(--blue) !important;
}

.premium-link .arrow {
  transition: all 0.25s ease;
}

.premium-link:hover .arrow {
  transform: translateX(6px);
  opacity: 1;
  color: var(--blue);
}

/* home.aspx */
.gallery-thumb {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.gallery-item:hover .gallery-thumb {
  transform: scale(1.03);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.features-scroll-area {
  max-height: 40vh;
  overflow: auto;
}

.features-scroll-area li:last-of-type {
  border-bottom: none !important;
}
