.plan--wrapper{
  display: flex;
  flex-wrap:wrap;
}
.main-wrapper{
  display: flex;
  flex-wrap:wrap;
}

.loader { display: none;}
.loading .loader { display: block;}
.loading .pagination{display:none;}

.loader {text-align: center;}
.lds-spinner {
  color: #000;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  transform: scale(0.5);
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #000;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.residential-gallery-main { padding: 60px 0 100px; background: linear-gradient(180deg, #F4F7FC 0%, #FFFFFF 100%); }
.filter--section { width: 23.2%; }
.content--section { width: calc(100% - 23.2% - 28px); margin-left: auto; }
.plan--wrapper .plan {width: 31.13%;margin-right: 3.305%;margin-bottom: 20px;position: relative;padding-bottom: 21%;overflow: hidden;border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
.plan--wrapper .plan:nth-child(3n){margin-right:0px}
.plan__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.plan__image a{width:100%;height:100%;display:inline-block;}
.plan__image_wrapper { background-color: #E6E9EE; padding-bottom: 68%; background-size: cover; background-position: center; background-repeat: no-repeat; border-top-left-radius: 20px; }
.plan__style { background: var(--color-midnight); color: #fff; text-align: center; font-size: 16px; line-height: 20px; padding: 4px 10px; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; }
h4.plan__name { margin-bottom: 8px; }
.plan__details { font-size: 18px; line-height: 22px; color: var(--color-rollingstone); font-weight: 700; font-family: var(--font-stack-1); margin-bottom: 20px; }
a.plan__link { text-decoration: none; font-weight: 700; color: var(--color-thunderbird); font-size: 16px; line-height: 26px; display: inline-block; }
a.plan__link:hover { color: var(--link-color-1); }

.filter--section h4 { font-size: 20px; padding-bottom: 6px; line-height: 22px; border-bottom: 1px solid #7D8086; margin-bottom: 16px; position: relative; padding-right: 20px; }
.filter--section h4:after { content: '\f068'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; font-size: 15px; position: absolute; right: 0; }
.filter--section h4.active:after { content: '\f067'; }
.filter-group__item:not(:last-child){margin-bottom:8px;}
.filter-group__item label { position: relative; font-size: 16px; line-height: 26px; display: inline-block; }
.filter-group__item label input { margin: 0 !important; -webkit-appearance: none; width: 14px; height: 14px; border: 2px solid; margin-right: 8px !important; }
.filter-group__item label input:checked { background-image: url('https://fs.hubspotusercontent00.net/hubfs/46354/check-solid.svg'); background-repeat: no-repeat; background-position: center; background-size: 8px; }

.pagination{text-align:center;}
.pagination button{
  color:var(--link-color-1);
  text-decoration:underline;
  background:transparent;
  margin:0 auto;
  border:0px;
  font-size:16px;line-height:1.2;
  font-weight: 600;
  margin-top:30px;
}
.pagination button:hover{
  color:var(--link-hover-color-1);
}
.no__data { font-size: 18px; font-weight: 700; }

.group:not(:last-child){
  margin-bottom:40px;
}.slick-lightbox {
  background: rgba(0,0,0,0.7) !important;
  z-index: 99999999999 !important;
}
.slick-lightbox-slick-item-inner{max-width:633px !important;margin:0 auto !important;width:100%}
img.slick-lightbox-slick-img {
  width: 100%;
  max-width:100%;
  max-height: 500px !important;
  object-fit: cover;
}
.slick-lightbox-slick-caption {
  width: 100%;
  text-align: left;
  display: inline-block;
  background: #001534;
  margin-top: 0 !important;
  font-size: 22px;
  padding: 20px;
  line-height: 26px;
  font-weight: 700;
}
button.slick-lightbox-close:before {
  content: '\f00d' !important;
  font-family: 'FontAwesome' !important;
  color: #fff !important;
  font-size: 30px !important;
}
button.slick-next.slick-arrow:before {
  content: '\f054' !important;
  font-family: 'FontAwesome' !important;
  color: #fff !important;
  font-size: 30px !important;
  opacity: 1 !important;
  right: 15px !important;
  position: relative !important;
}
button.slick-prev.slick-arrow{z-index:5 !important;}
button.slick-prev.slick-arrow:before {
  content: '\f053' !important;
  font-family: 'FontAwesome' !important;
  color: #fff !important;
  font-size: 30px !important;
  opacity: 1 !important;
  left: 15px !important;
  position: relative !important;
}
.floor-plan-header { display: inline-block; width: 100%; text-align: center; margin-bottom: 20px; }
button.resetFilter {
  margin-bottom: 30px;
}

@media(max-width:900px){
  .plan--wrapper .plan { width: 48%; margin-right: 4%; margin-bottom: 20px;padding-bottom:30%; }
  .plan--wrapper .plan:nth-child(3n){margin-right:4%;}
  .plan--wrapper .plan:nth-child(2n){margin-right:0;}
  .slick-lightbox-slick-item-inner{max-width:90% !important;}
}
@media(max-width:767px){
  .residential-gallery-main{padding:50px 0;}
  .filter--section { width: 100%; }
  .content--section { width: 100%; margin-left: auto; margin-top: 40px; }
  .slick-lightbox{padding:0 40px;}
  button.slick-next.slick-arrow:before{right:0px !important;}
  button.slick-prev.slick-arrow:before{left:0px !important;}
  .slick-lightbox-slick-item-inner { max-width: auto !important; margin: 0 auto !important; width: 100%; padding: 0 30px; }
}
@media(max-width:480px){
  .plan--wrapper .plan { width: 100%; margin-right: 0px !important;margin-bottom:20px;padding-bottom:55%; }
  .plan__details{margin-bottom:10px;}
  .plan--wrapper .plan:last-child{margin-bottom:0px;}
}