/*-----------------------------------------------------------------------------------
	Theme file    
----------------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------------

	 Global SCSS INDEX

	00. Elements
	01. Colours	
	02. Mixins
		- Full BG
		- Transition
	03. Fonts + Links
	04. Buttons
	05. Pagination
	06. Mailchimp + Modals
	07. Login Page
	08. Media Queries

-----------------------------------------------------------------------------------*/
.container {
  position: relative;
}

.cover {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 500%);
}

.grey, .gry {
  background-color: #f2f2f2;
  border-bottom: 1px solid #FFF;
}

.blue {
  background-color: #1b2b57;
  border-bottom: 1px dotted #FFFFFF;
}

@font-face {
  font-family: "metropolis.bold";
  src: url(../fonts/metropolis.bold.woff2) format("woff2");
}
@font-face {
  font-family: "metropolis.regular";
  src: url(../fonts/metropolis.regular.woff2) format("woff2");
}
@font-face {
  font-family: "metropolis.light";
  src: url(../fonts/metropolis.light.woff2) format("woff2");
}
h1 {
  font-family: "metropolis.light";
  font-size: 2em;
  line-height: 110%;
  color: #1b2b57;
  margin-bottom: 30px;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(60px);
  animation: fade-in-up 1s forwards;
}
@keyframes fade-in-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

h2 {
  font-family: "metropolis.light";
  font-size: 1.8rem;
  margin-bottom: 20px;
  line-height: 110%;
  text-transform: uppercase;
  color: #1b2b57;
  opacity: 0;
  transform: translateY(60px);
  animation: fade-in-up 1s forwards;
}
@keyframes fade-in-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

h3 {
  font-family: "metropolis.light";
  text-transform: uppercase;
  color: #1b2b57;
  font-style: normal;
  font-size: 1.2rem;
  margin-bottom: 20px;
  line-height: 110%;
}

h4 {
  font-family: "metropolis.regular";
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  line-height: 130%;
  color: #1b2b57;
}

p, li {
  font-family: "metropolis.light";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 200;
  color: #1b2b57;
}

p {
  line-height: 160%;
  margin-bottom: 20px;
}

ul {
  padding-left: 15px;
}

li {
  line-height: 160%;
  margin-bottom: 10px;
}

a {
  font-family: "metropolis.regular";
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #1b2b57;
}

a:hover {
  color: #63afb8;
}

strong {
  font-family: "metropolis.bold";
}

button {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn, #Form_ContactForm_action_doSubmitContact {
  display: inline-block;
  position: relative;
  width: fit-content;
  height: fit-content;
  border-radius: 0;
  margin: 10px 0 0 0;
  padding: 12px 10px;
  text-align: center;
  letter-spacing: 0.1rem;
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 1.5rem */
  text-transform: uppercase;
  text-decoration: none !important;
}

.link {
  color: #FFFFFF !important;
  border: 1px solid #FFFFFF;
}

.link-blu {
  border: 1px solid #1b2b57;
  color: #1b2b57;
}

.link:hover, .link-blu:hover {
  color: #FFFFFF !important;
  background-color: #63afb8;
}

.link-blu.active {
  background-color: #1b2b57;
  color: #FFFFFF;
}

.stack {
  width: 100%;
  color: #FFFFFF;
  font-size: 1.4rem;
  padding: 15px 0;
  margin: 0;
  border-top: 1px solid #FFFFFF;
  border-radius: 0;
  background: url("../images/arrow-dwn.svg") no-repeat;
  background-size: 15px auto;
  background-position: center right 10px;
}

.stack:hover, .stack:focus, .stack.active {
  color: #1b2b57;
  border-top: 1px solid #FFFFFF;
  outline: none;
  background: url("../images/arrow-dwn-ngold.svg") no-repeat;
  background-size: 15px auto;
  background-position: center right 10px;
}

button.stack:nth-child(4) {
  border-bottom: 1px solid #f2f2f2;
}

button {
  border: 0;
  box-shadow: none;
  display: block;
  position: relative;
  width: fit-content;
  background: transparent;
  letter-spacing: 0.02rem;
}

.connect, .buy {
  display: inline-block;
  margin-top: 20px;
  border-radius: 30px;
  font-family: "Suisse Bold";
  color: #FFFFFF;
  font-size: 1.125rem;
  letter-spacing: 0.02rem;
}

.connect {
  background: url("../images/instagram.svg") no-repeat;
  background-size: 28px auto;
  background-position: center right 10px;
  padding: 15px 60px 15px 25px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.connect:hover {
  background-color: #1b2b57;
  border: 1px solid #1b2b57;
  color: #403923;
  background-image: url("../images/instagram-olive.svg") no-repeat;
  background-size: 28px auto;
  background-position: center right 10px;
}

.buy {
  background: url("../images/buy.svg") no-repeat #1b2b57;
  background-size: 28px auto;
  background-position: center right 10px;
  padding: 15px 45px 15px 25px;
  color: #151515;
  border: 1px solid #151515;
}

.buy:hover {
  background-position: center right 10px;
  color: #151515;
  background-color: #FFFFFF;
  border: 1px solid #151515;
}

.pagination {
  margin-bottom: 40px;
}
.pagination .page-link, .pagination .btn {
  height: 100%;
  margin: 0 !important;
  border: 1px solid #f2f2f2 !important;
  color: #1b2b57 !important;
  padding: 10px 15px !important;
  font-family: "metropolis.regular";
  text-transform: uppercase;
  opacity: 1;
}
.pagination .active > .page-link {
  background-color: #1b2b57;
  color: #FFFFFF !important;
}

#login-page {
  background-color: #f2f2f2;
}
#login-page .container {
  text-align: center;
}
#login-page .container .pg-title {
  margin: 40px auto 0 auto;
}
#login-page .container .pg-title img {
  width: 300px;
  max-width: 300px;
}
#login-page .container #MemberLoginForm_LoginForm {
  max-width: 700px;
  margin: 0 auto;
}
#login-page .container #MemberLoginForm_LoginForm p {
  margin: 0 0 0 20px;
}
#login-page .container #MemberLoginForm_LoginForm label {
  margin: 0;
  color: #1b2b57;
  font-family: "metropolis.regular";
}
#login-page .container #MemberLoginForm_LoginForm .btn-toolbar {
  align-items: center;
}
#login-page .container #MemberLoginForm_LoginForm input {
  width: 100%;
  height: 50px;
  padding: 5px 10px;
  margin: 5px 0;
  border: 1px solid #1b2b57;
  background: transparent;
}
#login-page .container #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder {
  display: flex;
  align-items: center;
}
#login-page .container #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder label {
  margin: 0 0 0 10px;
}
#login-page .container #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder #MemberLoginForm_LoginForm_Remember {
  width: fit-content;
}
#login-page .container #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_action_doLogin {
  width: 100px;
  background-color: #1b2b57;
  text-transform: uppercase;
  color: #FFFFFF;
}
#login-page .container #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_action_doLogin:hover {
  background-color: #63afb8;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.125em;
  }
  h2 {
    font-size: 2.25em;
  }
  h3 {
    font-size: 1.875rem;
  }
  .btn {
    padding: 15px;
    font-size: 1rem;
  }
  .stack {
    font-size: 3rem;
    padding: 25px;
    background-size: 25px auto;
  }
  .pagination {
    margin-bottom: 60px;
  }
}
/*-----------------------------------------------------------------------------------

	 Template SCSS INDEX

	00. Padding
	01. Header
		- Banner
		- Navigation
	02. Banner
	03. Navigation
	05. Breadcrumbs
	06. Mailchimp + Modals
	07. Contact Form
	08. Media Queries

-----------------------------------------------------------------------------------*/
section, section.intro-section {
  padding: 50px 0;
}

.pd-btm {
  padding: 0 0 50px 0;
}

.pd-top {
  padding: 50px 0 0 0;
}

.no-pad {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.pd-20 {
  padding: 20px;
}

.header-hm, .header {
  width: 100%;
  padding: 0;
  height: 100px;
}
.header-hm .wrapper, .header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 20px 16px;
}
.header-hm .wrapper p, .header .wrapper p {
  margin: 0;
}
.header-hm .wrapper .brand, .header .wrapper .brand {
  width: 200px;
}
.header-hm .wrapper .brand img, .header .wrapper .brand img {
  width: 100%;
  height: auto;
}
.header-hm .wrapper .address, .header .wrapper .address {
  display: none;
  background-size: 20px auto;
  background-repeat: no-repeat;
  padding-left: 28px;
}
.header-hm .wrapper .open, .header-hm .wrapper .link-blu, .header .wrapper .open, .header .wrapper .link-blu {
  display: none;
}
.header-hm .wrapper .btn, .header .wrapper .btn {
  margin-top: 0;
}
.header-hm .wrapper .link, .header .wrapper .link {
  padding: 10px 8px;
}

.header-hm {
  position: absolute;
  z-index: 4;
  top: 0;
}
.header-hm p, .header-hm a {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.header-hm .link-blu {
  border: 1px solid #FFFFFF;
}
.header-hm .link-blu:hover {
  border: 1px solid #63afb8;
}
.header-hm .wrapper .address {
  background-image: url("../images/loc.svg");
}

.header {
  background-color: #FFFFFF;
}
.header p, .header a {
  font-size: 0.95rem;
  color: #1b2b57;
}
.header .wrapper {
  border-bottom: 1px solid #f2f2f2;
}
.header .wrapper .address {
  background-image: url("../images/loc-blu.svg");
}
.header .navbar-toggler {
  border: 1px solid #1b2b57;
  background-image: url("../images/nav-bar-toggle.svg");
  background-position: 50% 50%;
}
.header .navbar-toggler:hover {
  background-image: url("../images/nav-bar-toggle-wht.svg");
}

@keyframes fade-in {
  from {
    scale: 1.01;
    opacity: 0;
  }
  to {
    scale: 1;
    opacity: 1;
  }
}
.banner-hm, .banner, .image, .image-rgt .image, .image-lft .image, .featured {
  overflow: clip;
  position: relative;
  transform-style: preserve-3d;
}
.banner-hm {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding: 0;
}
.banner-hm .carousel-caption {
  max-width: 500px;
  z-index: 2;
  top: 40%;
  text-align: left;
}
.banner-hm .carousel-caption h2 {
  font-size: 1.25rem;
  color: #FFFFFF;
}
.banner-hm .image {
  width: auto;
  height: 280px;
}
.banner-hm .carousel-item img {
  height: 280px;
  width: auto;
}
.banner-hm .banner-video {
  width: 100%;
  height: 100%;
}

.banner-hm::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(360deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 300%);
}

.banner {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-top: -1px;
}
.banner img {
  width: 100%;
  height: auto;
  margin-top: -1px;
}
.banner #Video {
  width: 100%;
  height: 100%;
}

.BuildInfoPage .banner {
  height: auto;
}

.navbar-toggler {
  position: relative;
  z-index: 5;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  background-color: #FFFFFF;
  border: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-image: url("../images/nav-bar-toggle.svg");
  background-position: 50% 50%;
  background-size: 20px auto;
  background-repeat: no-repeat;
}

.navbar-toggler:hover {
  background-color: #1b2b57;
  background-image: url("../images/nav-bar-toggle-wht.svg");
}

.navbar-collapse {
  align-items: flex-start;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

#menu {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  grid-gap: 20px;
  padding: 120px 16px 50px 6px;
  background-color: rgba(27, 43, 87, 0.95);
  z-index: 4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#menu .container {
  margin-top: 20px;
  border-top: 1px dotted #556080;
}
#menu .col {
  background: transparent;
}
#menu .col button.heading {
  display: block;
  width: 100%;
  padding: 20px 10px;
  border-bottom: 1px dotted #556080;
  font-size: 1.125rem;
  line-height: 105%;
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  text-align: left;
  color: #FFFFFF;
  background-image: url("../images/arrow-dwn.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 15px auto;
  margin-right: 15px;
}
#menu .col a.heading-link {
  display: block;
  width: 100%;
  font-family: "metropolis.bold";
  font-size: 1rem;
  margin-bottom: 30px;
  text-transform: uppercase;
  line-height: 110%;
}
#menu .col button, #menu .col a {
  font-family: "metropolis.regular";
}
#menu .col button, #menu .col a {
  color: #FFFFFF;
  padding: 6px 0;
}
#menu .col a:hover {
  color: #63afb8;
}
#menu .col .list {
  padding: 20px 12px;
}

.modal-content {
  border-radius: 0;
  padding: 70px 15px 30px 15px;
}

.modal-dialog {
  position: relative;
  max-width: 1030px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
}
.modal-dialog .closebtn {
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-image: url("../images/cross-blu.svg");
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: center center;
  right: 15px;
  top: 15px;
  z-index: 999999;
  border: 1px solid #1b2b57;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-dialog .closebtn:hover {
  background-color: #1b2b57;
  border: 1px solid #1b2b57;
  color: #FFF;
  background-image: url("../images/cross-wht.svg");
  background-repeat: no-repeat;
  background-size: 20px auto;
}

#galleryModal .modal-dialog {
  max-width: 900px;
}
#galleryModal .modal-dialog .modal-content {
  border-radius: 0;
  padding: 0;
}
#galleryModal .modal-dialog .modal-content .carousel-control-prev {
  left: 0;
}
#galleryModal .modal-dialog .modal-content .carousel-control-next {
  right: 0;
}

.breadcrumbs {
  display: none;
  padding: 20px 0;
}
.breadcrumbs ul {
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0;
}
.breadcrumbs ul li {
  list-style-type: none;
  font-size: 0.75rem;
  padding: 0;
}
.breadcrumbs ul a:hover {
  color: #63afb8;
}
.breadcrumbs ul span {
  padding: 0 4px;
  margin-left: -3px;
}
.breadcrumbs a {
  color: #1b2b57;
}
.breadcrumbs a.active {
  font-family: "metropolis.bold";
}

.newsletter {
  display: flex;
  flex-flow: column wrap;
  gap: 60px;
  text-align: center;
}
.newsletter .col:first-child {
  border-bottom: 1px dotted #1b2b57;
  padding-bottom: 40px;
}
.newsletter img {
  max-width: 100%;
  height: auto;
}

footer {
  padding: 50px 0 20px 0;
}
footer .footer {
  display: flex;
  flex-flow: column wrap;
  gap: 20px;
  padding-bottom: 40px;
  text-align: center;
}
footer .footer p, footer .footer a, footer .footer h4 {
  color: #FFFFFF;
  font-size: 0.95rem;
}
footer .footer a:hover {
  color: #63afb8;
}
footer .footer h4, footer .footer h4 > a {
  font-family: "metropolis.bold" !important;
  margin-bottom: 20px;
}
footer .footer ul {
  padding-left: 0;
}
footer .footer ul li {
  list-style-type: none;
  margin-bottom: 15px;
  line-height: 90%;
}
footer .footer .col:nth-child(3), footer .footer .col:nth-child(4), footer .footer .col:nth-child(5), footer .footer .col:nth-child(6) {
  display: none;
}
footer .footer .social {
  display: flex;
  margin-top: 30px;
  justify-content: center;
}
footer .footer .social img {
  width: 40px;
  height: auto;
  margin: 0 10px 0 0;
}
footer .footer .social img:hover {
  opacity: 0.7;
}

.affiliates {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 50px 16px 0 16px;
  border-top: 1px solid #FFFFFF;
}
.affiliates h4 {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.affiliates img {
  height: auto;
}
.affiliates .col {
  flex: inherit;
  text-align: center;
  padding: 10px;
}
.affiliates .col:nth-child(2) img, .affiliates .col:nth-child(5) img {
  width: 170px;
}
.affiliates .col:nth-child(3) img, .affiliates .col:nth-child(4) img {
  width: 70px;
}
.affiliates .col:nth-child(5) img {
  padding: 0 10px;
}
.affiliates .col:nth-child(6) img {
  width: 130px;
}

.copyright {
  display: flex;
  padding: 80px 16px 0 16px;
  text-align: center;
}
.copyright p, .copyright a {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.copyright a:hover {
  color: #63afb8;
}

.recaptcha-terms {
  font-size: 0.8rem;
}

#Form_ContactForm .left, #mc-embedded-subscribe-form .left {
  float: none;
  margin: o;
  max-width: 900px;
  height: auto;
}
#Form_ContactForm label, #Form_ContactForm .indicates-required, #mc-embedded-subscribe-form label, #mc-embedded-subscribe-form .indicates-required {
  margin: 10px 0 0 0;
  font-family: "metropolis.light";
  font-size: 1.125rem;
  color: #1b2b57;
}
#Form_ContactForm input, #mc-embedded-subscribe-form input {
  width: 100%;
  height: 50px;
  padding: 10px 5px;
  border: 1px solid #1b2b57;
}
#Form_ContactForm textarea, #mc-embedded-subscribe-form textarea {
  width: 100%;
}
#Form_ContactForm .btn-toolbar, #mc-embedded-subscribe-form .btn-toolbar {
  width: 150px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#Form_ContactForm .btn-toolbar input, #mc-embedded-subscribe-form .btn-toolbar input {
  text-transform: uppercase;
  font-size: 1.125rem;
  color: #1b2b57;
  background-color: transparent;
}
#Form_ContactForm .btn-toolbar:hover input, #mc-embedded-subscribe-form .btn-toolbar:hover input {
  background-color: #1b2b57;
  color: #FFFFFF;
}

#Form_ContactForm {
  padding: 0;
  margin: -80px auto 0 auto;
}
#Form_ContactForm .left {
  margin-top: 20px;
}
#Form_ContactForm select {
  border: 1px solid #1b2b57;
  height: 50px;
  background-color: transparent;
}
#Form_ContactForm input, #Form_ContactForm textarea {
  max-width: 900px;
}

#mc-embedded-subscribe-form {
  text-align: left;
}
#mc-embedded-subscribe-form input#mc-embedded-subscribe {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-size: 1rem;
  color: #1b2b57;
  background-color: transparent;
  width: 220px;
  margin-top: 20px;
}
#mc-embedded-subscribe-form input#mc-embedded-subscribe:hover {
  background-color: #1b2b57;
  color: #FFFFFF;
}

@media (min-width: 576px) {
  .container {
    padding: 0;
  }
  .banner-hm {
    height: auto;
  }
  .banner-hm .image {
    width: 100%;
    height: fit-content;
  }
  .banner-hm .carousel-item img {
    height: auto;
    width: 100%;
  }
  footer .footer {
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 30px;
    text-align: left;
  }
  footer .footer h4 {
    height: 35px;
  }
  footer .footer .col {
    flex: inherit;
    flex-basis: calc(32.33% - 30px);
  }
  footer .footer .social {
    justify-content: left;
  }
}
@media (min-width: 768px) {
  .banner-hm {
    height: fit-content;
  }
  .banner-hm .carousel-caption h2 {
    font-size: 2rem;
  }
  .modal-content {
    border-radius: 0;
    padding: 100px;
  }
  .modal-content .closebtn {
    top: 30px;
    right: 30px;
  }
  section {
    padding: 80px 0;
  }
  section.intro-section {
    padding: 20px 0 60px 0;
  }
  .pd-btm {
    padding: 0 0 80px 0;
  }
  .pd-top {
    padding: 80px 0 0 0;
  }
  .header-hm, .header {
    height: 145px;
  }
  .header-hm .wrapper, .header .wrapper {
    padding: 30px 0 20px 0;
    gap: 25px;
  }
  .header-hm .wrapper .brand, .header .wrapper .brand {
    width: 280px;
  }
  .header-hm .wrapper .open, .header-hm .wrapper .link-blu, .header .wrapper .open, .header .wrapper .link-blu {
    display: block;
  }
  .header-hm .wrapper .open, .header .wrapper .open {
    max-width: 180px;
  }
  .header-hm .wrapper .link, .header .wrapper .link {
    padding: 15px;
  }
  .header-hm .wrapper {
    border-bottom: 1px solid #FFFFFF;
  }
  .banner-hm .image {
    height: 600px;
  }
  .breadcrumbs {
    display: block;
    padding: 40px 0 20px 0;
  }
  .list-wrapper {
    display: flex;
    max-width: 1340px;
    margin: 0 auto;
  }
  .navbar-toggler {
    width: 55px;
    height: 55px;
    box-shadow: none !important;
  }
  .navbar-toggler .navbar-toggler-icon {
    width: 1.5em;
    height: 1.5em;
  }
  .newsletter {
    display: flex;
    flex-flow: row nowrap;
    gap: 30px;
    align-items: start;
    text-align: left;
  }
  .newsletter .col {
    width: 33.333%;
  }
  .newsletter .col:first-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  footer {
    padding: 80px 0 30px 0;
  }
  .affiliates {
    padding: 50px 0 0 0;
    justify-content: space-between;
  }
  .affiliates .col {
    padding: 0;
    text-align: left;
  }
  .copyright {
    padding: 80px 0x 0 0;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-hm .wrapper .brand, .header .wrapper .brand {
    width: 300px;
  }
  .header-hm .wrapper .address, .header .wrapper .address {
    display: block;
  }
  .banner-hm .image {
    height: auto;
  }
  .banner-hm .carousel-caption h2 {
    font-size: 2.725rem;
  }
  .banner {
    height: auto;
  }
  #menu {
    padding: 160px 60px 50px 60px;
  }
  #menu .container {
    display: flex;
    border: 0;
  }
  #menu .col button.heading {
    border: 0;
    padding: 0 0 20px 0;
    background-image: none;
  }
  #menu .col .collapse {
    display: block;
  }
  #menu .col .list {
    background-color: transparent;
    padding: 0;
    margin: 0 20px 0 0;
  }
  #menu .col .list h3 {
    line-height: 0.8;
  }
  footer .footer .col {
    flex-basis: calc(24.33% - 30px);
  }
  footer .footer .col:nth-child(4) {
    display: block;
  }
  .newsletter {
    gap: 100px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  section {
    padding: 100px 0;
  }
  .pd-btm {
    padding: 0 0 100px 0;
  }
  .pd-top {
    padding: 100px 0 0 0;
  }
  footer {
    padding: 100px 0;
  }
  footer .footer {
    padding-bottom: 60px;
  }
  footer .footer .col {
    flex-basis: calc(16.33% - 30px);
  }
  footer .footer .col:nth-child(5), footer .footer .col:nth-child(3) {
    display: block;
  }
}
@media (min-width: 1400px) {
  footer {
    padding: 100px 0 30px 0;
  }
}
/*-----------------------------------------------------------------------------------

	 Template SCSS INDEX

	01. Shared Items
		- Buttons
		- Title
	02. Intro
		- Full BG
		- Transition
	03. Image-rgt/Image-lft
		- Single Image
		- Carousel
		- Video
	04. Accordion
	05. Testimonials
	06. resCarousel + Bootstrap Carousel
	07. Build Landing Pg + Build Info Page
	08. Build Land Pg
	09. Build Info Page
	10. News Page & Gallery Page
	11. Generic Content
		- Image Pair
	12. Mailchimp + Modals
	13. Media Queries

-----------------------------------------------------------------------------------*/
.buttons {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  margin: 0;
}

.intro {
  flex-flow: row nowrap;
}
.intro h3 {
  font-size: 1.25rem;
  margin: 40px 0 20px 0;
  line-height: 120%;
  max-width: 450px;
}
.intro p {
  font-size: 1.125rem;
  color: #1b2b57;
}
.intro .text:last-child {
  margin-top: 40px;
}
.intro .breadcrumbs {
  padding: 0 0 20px 0;
  margin: 0;
}

.image-rgt, .image-lft, .item {
  padding: 0 16px;
}
.image-rgt .image img, .image-lft .image img, .item .image img {
  width: 100%;
  max-width: 700px;
  height: auto;
}
.image-rgt .text, .image-lft .text, .item .text {
  max-width: 580px;
}
.image-rgt .text a, .image-lft .text a, .item .text a {
  color: #1b2b57;
  text-decoration: underline;
}
.image-rgt .text a:hover, .image-lft .text a:hover, .item .text a:hover {
  color: #63afb8;
}
.image-rgt .carousel .carousel-control-prev, .image-lft .carousel .carousel-control-prev, .item .carousel .carousel-control-prev {
  left: 5px;
}
.image-rgt .carousel .carousel-control-prev-icon, .image-rgt .carousel .carousel-control-next-icon, .image-lft .carousel .carousel-control-prev-icon, .image-lft .carousel .carousel-control-next-icon, .item .carousel .carousel-control-prev-icon, .item .carousel .carousel-control-next-icon {
  width: 40px;
  height: 40px;
}
.image-rgt .carousel .carousel-control-next, .image-lft .carousel .carousel-control-next, .item .carousel .carousel-control-next {
  right: 5px;
}

.image-rgt, .image-lft {
  align-items: center;
}
.image-rgt #myCarousel, .image-rgt .ratio, .image-lft #myCarousel, .image-lft .ratio {
  margin: 40px 0 0 0;
}

.image-rgt .image {
  margin: 40px 0 0 0;
}

.image-lft .image {
  margin: 0 0 40px 0;
}

.image-pair {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.image-pair .item {
  height: auto;
  padding: 0;
  margin-bottom: 40px;
}
.image-pair .item .image, .image-pair .item #myCarousel, .image-pair .item .ratio {
  margin: 0 0 40px 0;
}
.image-pair .item .text {
  padding: 10px 15px;
}
.image-pair .item .text img {
  display: block;
  max-width: 250px;
  width: auto;
  max-height: 100px;
  height: auto;
  margin: 40px 0 0 0;
}
.image-pair .item h2 {
  font-size: 1.725rem;
}

.title-pair {
  margin: 0 0 40px 0;
}

.ratio {
  margin-top: -2px;
}

.featured {
  background-color: #f2f2f2;
  position: relative;
  padding: 0;
}
.featured .image {
  order: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 280px;
}
.featured .text {
  order: 2;
  max-width: 500px;
  height: fit-content;
  display: block;
  padding: 60px 16px 50px 16px;
  margin: 0 auto;
}
.featured .text p {
  display: block;
}

.accordion-component {
  align-items: center;
  padding: 0 16px;
  color: #FFFFFF;
}
.accordion-component h2, .accordion-component h3, .accordion-component p, .accordion-component li {
  color: #FFFFFF;
}
.accordion-component .text {
  max-width: 500px;
}
.accordion-component .accordion {
  margin: 40px 0 0 0;
}
.accordion-component .accordion .accordion-item {
  background-color: #1b2b57;
  color: #FFFFFF;
  border-radius: 0;
}
.accordion-component .accordion .accordion-item .accordion-button {
  background: transparent;
  border-radius: 0;
  padding: 15px 20px;
  font-family: "metropolis.light";
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  line-height: 115%;
  color: #FFFFFF;
}
.accordion-component .accordion .accordion-item .accordion-button h3 {
  font-size: 1rem;
  margin: 0 20px 0 0;
}
.accordion-component .accordion .accordion-item .accordion-button:hover {
  color: #63afb8;
}
.accordion-component .accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.accordion-component .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/arrow-dwn.svg");
  background-position: 0 5px;
}
.accordion-component .accordion .accordion-item .accordion-body {
  padding: 30px;
  font-family: "metropolis.light";
  background-color: #39416b;
}

section.white .accordion-component, section.grey .accordion-component {
  color: #1b2b57;
}
section.white .accordion-component h2, section.white .accordion-component h3, section.white .accordion-component p, section.white .accordion-component li, section.grey .accordion-component h2, section.grey .accordion-component h3, section.grey .accordion-component p, section.grey .accordion-component li {
  color: #1b2b57;
}
section.white .accordion-component .accordion .accordion-item, section.grey .accordion-component .accordion .accordion-item {
  background-color: transparent;
  color: #1b2b57;
}
section.white .accordion-component .accordion .accordion-item .accordion-button, section.grey .accordion-component .accordion .accordion-item .accordion-button {
  color: #1b2b57;
  background-color: transparent;
}
section.white .accordion-component .accordion .accordion-item .accordion-button:hover, section.grey .accordion-component .accordion .accordion-item .accordion-button:hover {
  color: #63afb8;
}
section.white .accordion-component .accordion .accordion-item .accordion-button::after, section.grey .accordion-component .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/arrow-dwn-blu.svg");
  background-position: 0 5px;
}
section.white .accordion-component .accordion .accordion-item .accordion-body, section.grey .accordion-component .accordion .accordion-item .accordion-body {
  background-color: #fafafa;
}
section.white .accordion-component .buttons .link, section.grey .accordion-component .buttons .link {
  border: 1px solid #1b2b57;
  color: #1b2b57 !important;
}
section.white .accordion-component .buttons .link:hover, section.grey .accordion-component .buttons .link:hover {
  background-color: #63afb8;
  border: 1px solid #63afb8;
  color: #FFFFFF !important;
}

.testimonials h2, .testimonials p {
  text-align: center;
  white-space: break-spaces;
}
.testimonials .link-blu:hover {
  background-color: transparent;
  color: #1b2b57;
  border: 1px solid #1b2b57;
}
.testimonials .resCarousel .card {
  min-height: 680px;
}
.testimonials .resCarousel .cover {
  background-image: none;
}
.testimonials .resCarousel .leftRs, .testimonials .resCarousel .rightRs {
  top: 38%;
  position: absolute;
}
.testimonials .resCarousel .leftRs {
  left: 10px;
}
.testimonials .resCarousel .rightRs {
  right: 10px;
}

.resCarousel {
  position: relative;
  padding: 0 16px;
}
.resCarousel .leftRs, .resCarousel .rightRs {
  position: absolute;
  z-index: 10;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  background-size: 12px auto;
  border: 1px solid #eaeaea;
}
.resCarousel .leftRs:hover, .resCarousel .rightRs:hover {
  background-color: #FFF;
}
.resCarousel .leftRs {
  background-image: url("../images/arrow-left.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.resCarousel .rightRs {
  background-image: url("../images/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}

.resCarousel-inner {
  white-space: nowrap;
  padding: 20px 7% 20px 0;
  overflow-x: scroll;
}
.resCarousel-inner .item {
  display: inline-block;
  width: inherit;
  padding: 0 5px;
}
.resCarousel-inner .item a.card, .resCarousel-inner .item .card {
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
  border: 0;
}
.resCarousel-inner .item a.card .image, .resCarousel-inner .item .card .image {
  overflow: hidden;
}
.resCarousel-inner .item a.card .image img, .resCarousel-inner .item .card .image img {
  width: 100%;
  height: auto;
  transform: scale(1);
}
.resCarousel-inner .item a.card .text, .resCarousel-inner .item .card .text {
  padding: 30px;
  white-space: wrap;
}
.resCarousel-inner .item a.card .text p, .resCarousel-inner .item .card .text p {
  text-align: left !important;
}
.resCarousel-inner .item a.card .cover, .resCarousel-inner .item .card .cover {
  opacity: 0;
}
.resCarousel-inner .item a.card:hover .cover {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.resCarousel-inner .item a.card:hover img {
  transform: scale(1.1);
  transition: transform 0.5s ease-in-out;
}

.carousel img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-size: 8px auto;
}
.carousel .carousel-control-prev-icon {
  background-image: url("../images/arrow-left.svg");
}
.carousel .carousel-control-next-icon {
  background-image: url("../images/arrow-right.svg");
}
.carousel .carousel-control-prev {
  left: 10px;
  z-index: 3 !important;
}
.carousel .carousel-control-next {
  right: 10px;
  z-index: 3 !important;
}

.cover, .cover-open {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 43, 87, 0.8);
  transition: transform 0.5s ease-in-out;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.cover {
  background-image: url("../images/arrow-right-wht.svg");
  background-size: 20px auto;
}

.cover-open {
  background-image: url("../images/circle-wht.svg");
  background-size: 40px auto;
}

.features ul {
  padding: 0;
}
.features li {
  list-style-type: none;
  margin-bottom: 20px;
}
.features li img {
  width: 28px;
  height: auto;
  margin-right: 15px;
}
.features li:nth-child(5) img {
  width: auto;
  height: 28px;
  margin-right: 21px;
}

.filter {
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
  align-items: center;
  overflow-x: auto;
}
.filter h3 {
  font-size: 1.125rem;
  letter-spacing: 0.05rem;
  margin: 0 20px 0 0;
}
.filter .link-blu {
  margin: 0;
  white-space: nowrap;
}

.options .filter {
  overflow-x: unset;
}
.options .choose {
  gap: 20px;
  padding-bottom: 60px;
}
.options .choose a.col .cover {
  display: none;
}
.options .choose a.col:hover .cover {
  display: block;
}
.options .choose a.col:hover img {
  transform: scale(1.1);
}
.options .choose .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.options .choose .image img {
  width: 100%;
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}
.options .choose .text {
  padding: 20px 5px;
}
.options .choose .text h2 {
  font-size: 1.25rem !important;
  margin-bottom: 15px !important;
  padding-bottom: 0;
  border-bottom: none;
}
.options .choose .text .features ul {
  display: flex;
  align-items: center;
}
.options .choose .text .features ul li {
  margin: 0 10px 0 0;
}
.options .choose .text .features ul li img {
  margin-right: 5px;
  transform: scale(1);
}

.build-land, .build-info {
  margin: 40px 0;
}

.build-info {
  position: relative;
  height: auto;
  margin: 40px 0 0 0;
}
.build-info .breadcrumbs {
  padding: 0 0 20px 0;
}
.build-info .filter {
  margin-bottom: 20px;
  overflow-x: unset;
}
.build-info .filter .btn {
  padding: 10px;
}
.build-info .side-info {
  height: fit-content;
  margin-bottom: 40px;
}
.build-info .side-info h1 {
  font-size: 2.5rem;
}
.build-info .main-info {
  position: relative;
  height: auto;
  margin: 40px auto;
}
.build-info .main-info img {
  width: 100%;
  height: auto;
}
.build-info .main-info h3 {
  font-family: "metropolis.regular";
  font-size: 1.125rem;
}
.build-info .main-info li {
  margin-bottom: 5px;
}
.build-info .main-info .specifications {
  margin: 40px 0 0 0;
}
.build-info .main-info .specifications ul {
  padding: 0 0 0 15px;
}
.build-info .main-info .specifications p {
  line-height: 180%;
}
.build-info .main-info .specifications .col {
  margin-bottom: 40px;
}
.build-info .main-info .specifications .col:first-child ul {
  padding-left: 0;
}
.build-info .main-info .specifications .col:first-child li {
  list-style-type: none;
}
.build-info .main-info .floor-plan img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.build-info .main-info .images {
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 15px;
}
.build-info .main-info .images img {
  max-width: 450px;
  height: auto;
}

.indication {
  position: absolute;
  z-index: 5;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 0.6rem;
  width: auto;
}

.indication:hover {
  border: 1px solid #FFFFFF !important;
  color: #FFFFFF !important;
}

.explore {
  padding: 0;
}
.explore h2 {
  font-size: 1.75rem;
  padding: 0 0 40px 16px;
  border-bottom: 1px solid #1b2b57;
}
.explore .filter {
  margin-bottom: 0;
  padding: 10px 16px;
  overflow-x: auto;
}
.explore .options .choose {
  position: relative;
  padding-bottom: 0;
}
.explore .options .choose .text h2, .explore .options .choose .text ul {
  padding-left: 0;
}
.explore .options .choose .text .features li {
  font-size: 1rem;
}
.explore .options .choose .text .features li img {
  width: 25px;
}
.explore .resCarousel {
  padding: 0 0 0 16px;
}
.explore .resCarousel .leftRs {
  display: none;
  top: 20%;
  left: -10px;
}
.explore .resCarousel .rightRs {
  display: none;
  top: 20%;
  right: -30px;
}

.articles, #gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.articles .card, #gallery .card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 0;
}
.articles .card .image, #gallery .card .image {
  overflow: hidden;
}
.articles .card .image img, #gallery .card .image img {
  width: 100%;
  height: auto;
  transform: scale(1);
}
.articles .card .text, #gallery .card .text {
  padding: 30px;
  white-space: wrap;
}
.articles .card .text h4, #gallery .card .text h4 {
  font-family: "metropolis.bold";
}
.articles .card .text p, #gallery .card .text p {
  text-align: left !important;
}
.articles .card .cover, .articles .card .cover-open, #gallery .card .cover, #gallery .card .cover-open {
  display: none;
}

.articles .card:hover .cover, .articles .card:hover .cover-open, #gallery .card:hover .cover, #gallery .card:hover .cover-open {
  display: block;
}
.articles .card:hover .image img, #gallery .card:hover .image img {
  transform: scale(1.1);
  transition: transform 0.5s ease-in-out;
}

.articles {
  padding: 60px 40px;
  gap: 20px;
}
.articles a.card {
  width: 100%;
}

#e119 {
  padding-bottom: 40px;
}

.gallery {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  padding: 20px 20px 60px 20px;
}
.gallery a.card {
  flex-basis: calc(50% - 10px);
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}
.gallery a.card .cover-open {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gallery a.card:hover .cover-open {
  opacity: 1;
}

#galleryModal-1 .modal-content {
  padding: 0;
}

.buttons.center {
  width: fit-content;
  margin: 0 auto 40px auto;
  text-align: center;
}

.generic {
  display: block;
  margin: 0 auto;
}
.generic img {
  width: 50%;
}
.generic a {
  font-family: "metropolis.bold";
  text-decoration: underline;
}
.generic .image-pair {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.generic .image-pair img {
  flex-basis: calc(48% - 20px);
  width: 100%;
  height: auto;
}

.left {
  float: left;
  margin: 10px 30px 30px 0;
  max-width: 650px;
  height: auto;
}

.right {
  float: right;
  margin: 10px 0 30px 30px;
  max-width: 650px;
  height: auto;
}

@media (min-width: 576px) {
  .image-pair .item {
    flex-basis: calc(50% - 30px);
    height: auto;
    margin-bottom: 20px;
  }
  .articles a.card {
    flex-basis: calc(50% - 20px);
  }
}
@media (min-width: 768px) {
  .carousel .carousel-control-prev {
    left: 20px;
  }
  .carousel .carousel-control-next {
    right: 20px;
  }
  .testimonials .resCarousel .leftRs {
    left: -10px;
  }
  .testimonials .resCarousel .rightRs {
    right: -10px;
  }
  .intro {
    display: flex;
    gap: 40px;
  }
  .intro .text {
    flex-basis: calc(50% - 40px);
    margin-top: 0;
  }
  .intro .text h3 {
    font-size: 1.25rem;
    margin: 40px 0 20px 0;
  }
  .intro .text:last-child {
    max-width: 700px;
    margin-top: 0;
  }
  .HomePage section.intro-section {
    margin-top: 0;
    padding: 80px 0;
  }
  .image-rgt, .image-lft {
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
  }
  .image-rgt .text, .image-rgt .image, .image-lft .text, .image-lft .image {
    width: 50%;
  }
  .image-rgt .image, .image-rgt #myCarousel, .image-rgt .ratio, .image-lft .image, .image-lft #myCarousel, .image-lft .ratio {
    margin: 0;
  }
  .image-rgt .carousel .carousel-control-prev-icon, .image-rgt .carousel .carousel-control-next-icon, .image-lft .carousel .carousel-control-prev-icon, .image-lft .carousel .carousel-control-next-icon {
    width: 55px;
    height: 55px;
  }
  .image-rgt .text {
    padding-right: 40px;
  }
  .image-rgt .image {
    margin: 0;
    display: flex;
    justify-content: end;
  }
  .image-lft .text {
    padding-left: 50px;
  }
  .image-lft .image {
    margin: 0;
  }
  .image-pair {
    gap: 40px;
    padding: 0;
    justify-content: left;
  }
  .image-pair .item {
    flex-basis: calc(50% - 40px);
    padding: 0;
    margin-bottom: 40px;
  }
  .image-pair .item .image {
    margin-bottom: 20px;
  }
  .image-pair .item-3 {
    flex-basis: calc(33.333% - 40px);
  }
  .image-pair .item:nth-last-child(2), .image-pair .item:last-child {
    margin-bottom: 0 !important;
  }
  .image-pair .carousel .carousel-control-prev-icon, .image-pair .carousel .carousel-control-next-icon {
    width: 55px;
    height: 55px;
  }
  .title-pair {
    margin: 0 0 40px 0;
    padding: 0;
  }
  .featured {
    background-color: #FFFFFF;
  }
  .featured .text {
    order: 1;
    position: absolute;
    z-index: 3;
    top: 50%; /* Moves the top edge to the vertical center */
    transform: translateY(-50%);
    left: 150px;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 60px 50px 50px 50px;
  }
  .featured .image {
    order: 2;
    height: 700px;
  }
  .accordion-component {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
  }
  .accordion-component .accordion {
    margin: 0;
  }
  .accordion-component .accordion .accordion-item {
    border: none;
  }
  .accordion-component .accordion .accordion-item .accordion-button {
    padding: 20px 30px 20px 15px;
  }
  .accordion-component .accordion .accordion-item .accordion-button h3 {
    font-size: 1.25rem;
  }
  .accordion-component .text {
    width: 50%;
    max-width: 580px;
    padding-right: 60px;
  }
  .accordion-component .col {
    width: 50%;
    max-width: 650px;
  }
  .build-land .options .choose {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
  .build-land .options .choose .features ul li {
    margin: 0 20px 0 0;
  }
  .build-info .main-info .specifications {
    display: flex;
  }
  .build-info .main-info .col {
    margin-bottom: 0;
  }
  .build-info .main-info .images {
    display: grid;
  }
  .indication {
    position: absolute;
    z-index: 5;
    width: fit-content;
    transform: none;
    top: auto;
    left: auto;
    bottom: 30px;
    right: 30px;
    font-size: 0.9rem;
  }
  .testimonials {
    padding: 0 40px 0 60px;
  }
  .gallery a.card {
    flex-basis: calc(33% - 10px);
  }
  #e119 {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
    width: 55px;
    height: 55px;
    background-size: 12px auto;
  }
  .intro {
    padding: 0;
  }
  .image-rgt .text {
    padding-right: 60px;
  }
  .image-lft .text {
    padding-left: 60px;
  }
  .featured {
    position: relative;
    padding: 0;
  }
  .featured .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 700px;
  }
  .featured .text {
    max-width: 500px;
  }
  .build-land, .build-info {
    width: 100%;
    display: flex;
    gap: 80px;
    margin-top: 40px;
    padding: 0 0 0 0;
  }
  .build-land .main-info, .build-info .main-info {
    margin: 0 0 60px 0;
    width: 70%;
  }
  .build-land .side-info, .build-info .side-info {
    width: 30%;
  }
  .build-info .side-info {
    position: sticky;
    top: 0;
    z-index: 100;
    height: fit-content;
  }
  .build-info .side-info h1 {
    font-size: 2.75rem;
  }
  .filter {
    margin-bottom: 50px;
  }
  .BuildFilterPage .breadcrumbs, .BuildHolderPage .breadcrumbs {
    display: block;
    padding: 10px 0 60px 0;
  }
  .options .choose .text .features ul li {
    font-size: 0.8rem;
    margin: 0 14px 0 0;
  }
  .options .choose .text .features ul li img {
    width: 25px;
  }
  .options .resCarousel .leftRs, .options .resCarousel .rightRs {
    display: block;
  }
  .articles a.card {
    flex-basis: calc(33.333% - 20px);
  }
}
@media (min-width: 1200px) {
  .HomePage section.intro-section {
    margin-top: 0;
    padding: 100px 0;
  }
  .resCarousel-inner {
    overflow-x: hidden;
  }
  .resCarousel-inner .leftRs, .resCarousel-inner .rightRs, .resCarousel-inner .view-all {
    display: block;
  }
  .options .choose .text .features ul li {
    font-size: 1rem;
    margin: 0 18px 0 0;
  }
  .options .choose .text .features ul li img {
    width: 28px;
  }
  .gallery a.card {
    flex-basis: calc(25% - 10px);
  }
  .articles a.card {
    flex-basis: calc(25% - 20px);
  }
}
@media (min-width: 1400px) {
  .testimonials .resCarousel .card {
    min-height: 640px;
  }
  .options .choose a.col {
    max-width: 430px;
  }
  .gallery a.card {
    width: 20%;
  }
}
/*-----------------------------------------------------------------------------------
----------------------------------------------------------------------------------- */