@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,600&display=swap');
:root {

--secondaryColor: ;
--primaryColor: ;
--headerBgColor: ;
--navBgColor: ;
--navFontColor: ;
--navBg-hover: ;
--navBg-hoverCol: ;
--mainHeaderColor: ;
--btnColor: ;
--submenuHover: ;
--submenuHoverCol: ;
--btnBg: ;
--btnHover: ;
--btnHoverColor: ;
--favCount: ;
--favColor: ;
--heart: ;
--navFontHoverColor: ;
--footerColor: ;
--fbBannerColor: ;
--fbTextColor: ;
--black: ;
--searchPlaceholder: ;
--switchSpanColor: ;
--filtersBurgerColor: ;
--filtersLabelActiveColor: ;
--propBadgeColor: ;
--footerBbColor: ;
--iconColorFill: ;
--iconBgColor: ;
--iconColor: ;
--leasingCardColor: ;
}

body {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}

header {
background: var(--headerBgColor);
}

nav {
padding: 5px 10px 10px;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}

nav .brand-logo {
max-width: 20%;
padding-right: 30px;
max-height: 80px;
display: flex;
align-items: center;
justify-content: center;
}

nav .brand-logo h1 {
margin: 0
}
nav .brand-logo h1 , nav .brand-logo h1 >a{
    line-height: 0;
}

nav .brand-logo img,
nav .brand-logo svg {
max-width: 100%;
max-height: 85px;
width: auto;
}

ul.navbar {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center
}

ul.navbar li {
position: relative
}

ul.navbar>li>a {
transition: .2s color ease-in-out;
color: var(--mainHeaderColor);
padding: 15px;
text-transform: capitalize;
font-weight: 700;
display: inline-block;
font-size: 15px;
text-decoration: none;
}

ul.navbar>li>a:hover,
ul.navbar>li.active>a {
color: var(--navFontHoverColor);
/*background: var(--navBg-hover);*/
}

ul.navbar li ul.submenu {
position: absolute;
left: 0;
top: calc(100% - 5px);
background: #fff;
list-style: none;
padding: 5px 0;
box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);
min-width: 220px;
opacity: 0;
transform: translateY(10px);
transition: 0.35s all ease-in;
z-index: -1;
visibility: hidden;
}

ul.navbar li ul.submenu a {
padding: 3px 15px;
display: block;
text-decoration: none;
font-weight: 600;
color: #000;
}

ul.navbar li ul.submenu a:hover {
color: var(--secondaryColor);
}

ul.navbar>li:hover ul.submenu {
z-index: 2;
opacity: 1;
transform: translateY(0);
visibility: visible;
}

main {
position: relative;
z-index: 1;
}

.bannerSection {
position: relative;
margin-bottom: 20px;
}

.bannerSection .bannerImage {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.bannerSection .bannerImage img {
width: 100%;
height: 100%;
object-fit: cover;
}

.bannerSection .bannerImage:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}

.bannerSection .bannerContent {
position: relative;
z-index: 1;
padding: 5rem 0;
text-align: center;
}

.bannerSection .bannerContent h2,.bannerSection .bannerContent h1 {
color: #fff;
font-size: 3rem;
font-weight: 700;
margin: 0 0 1.5rem;
}

.bannerSection .bannerContent .form-control {
width: auto;
min-width: 430px;
height: 46px;
font-size: 1.125rem;
font-weight: 600;
color: var(--secondaryColor);
margin: 3rem auto 2rem;
}

/* Partner home redesign hero - feature flagged, desktop only. Both this and
   the legacy hero are in the DOM; each viewport shows exactly one, so mobile keeps
   the existing hero untouched. The reveal rules all sit inside the min-width 992px
   block below, which is why nothing here changes the mobile layout. */
.brandedHero {
display: none;
}

/* The featured listings work the same way: the desktop copy starts hidden and is
   revealed in the same min-width 992px block, so this rule has to stay above that
   block or it would win on specificity and hide the copy on desktop too. */
.featuredDesktopOnly {
display: none;
}

@media (min-width: 992px) {
.brandedHero {
display: block;
margin-bottom: 20px;
padding: 5rem 0;
background: var(--primaryColor);
text-align: center;
}
.heroHiddenOnDesktop {
display: none;
}
.brandedHero .brandedHeroBadge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin: 0 0 1.5rem;
padding: 0.375rem 0.875rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.10);
color: #fff;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.4;
text-transform: uppercase;
}
.brandedHero .brandedHeroBadge svg {
flex-shrink: 0;
}
.brandedHero .brandedHeroTagline {
max-width: 640px;
margin: 0 auto 1rem;
color: #fff;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.brandedHero .brandedHeroSubTagline {
max-width: 640px;
margin: 0 auto;
color: rgba(255, 255, 255, 0.9);
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
}
/* White button carrying the partner's brand colour as its label, per the approved
   design. Inverting the hero's own colours keeps the CTA the highest contrast
   element on the banner whatever the partner brands. */
.brandedHero .brandedHeroCta {
display: inline-block;
margin: 2rem 0 0;
padding: 0.75rem 1.5rem;
border-radius: 8px;
background: #fff;
color: var(--primaryColor);
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
}
.brandedHero .brandedHeroCta:hover,
.brandedHero .brandedHeroCta:focus {
background: #f1f1f1;
color: var(--primaryColor);
text-decoration: none;
}
.brandedHero .brandedHeroCta:focus-visible {
outline: 3px solid #fff;
outline-offset: 2px;
}
.brandedHero .brandedHeroCta .fas {
margin-right: 0.5rem;
font-size: 0.875rem;
}
/* Swaps which copy of the featured listings is painted - the same pairing as
   brandedHero and heroHiddenOnDesktop directly above. */
.featuredDesktopOnly {
display: block;
}
.featuredHiddenOnDesktop {
display: none;
}
}

.section-padding {
padding: 10px 0;
}

.directLinks {
margin: 0 -15px;
padding: 0 20px;
width: calc(100% + 30px);
}

.directLinks .singleList {
padding: 0 20px;
}

.directLinks .singleLink {
background: #FFFFFF;
text-align: center;
border-radius: 10px;
overflow: hidden;
}

.directLinks .singleLink .linkImg {
height: 170px;
background: #dedede;
}

.directLinks .singleLink .linkImg img {
width: 100%;
height: 100%;
object-fit: cover;
}

.directLinks .singleLink .linkContent {
background: var(--primaryColor);
padding: 14px 15px;
}

.directLinks .singleLink .linkContent h2 {
margin: 0;
color: #fff;
font-size: 1.25rem;
font-weight: 600;
}

.content h2 {
color: var(--primaryColor);
font-size: 25px;
font-weight: 600;
margin: 0 0 15px;
}

.content p {
font-size: 14px;
}

/* Partner home redesign: section heading on the left, "View All Listings" on the
   right. Wrapping is what keeps narrow viewports safe - the CTA drops under the
   heading instead of squeezing it, so no extra breakpoint is needed. */
.content.featuredHeader {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
margin: 0 0 15px;
}

.content.featuredHeader h2 {
margin: 0;
}

.content.featuredHeader .featuredViewAll {
color: var(--primaryColor);
font-size: 16px;
font-weight: 600;
text-decoration: none;
}

.content.featuredHeader .featuredViewAll:hover,
.content.featuredHeader .featuredViewAll:focus {
text-decoration: underline;
}

.content.featuredHeader .featuredViewAll .fas {
margin-left: 0.5rem;
font-size: 0.875rem;
}

.stepping {
text-align: center;
padding: 10px 0;
}

.stepping .stepImg {
margin: 0 0 15px;
text-align: center;
}

.stepping .stepImg img {
max-width: 100%;
height: 100px;
padding: 10px;
}

.stepping .stepImg h3 {
font-size: 20px;
margin: 0;
color: var(--primaryColor);
}

.stepping .stepContent p {
margin: 0;
font-size: 13px;
}

a {
color: var(--primaryColor);
}

.stepping .stepContent a {
font-style: italic;
margin: 5px 0 0;
font-size: 14px;
font-weight: 600;
}

.bg-light-theme {
position: relative;
}

.bg-light-theme:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: var(--primaryColor);
opacity: 0.15;
}

.bg-light-theme .container {
position: relative;
z-index: 1;
}

.justify-content-center {
justify-content: center;
}

.bg-light-theme h4 {
font-size: 22px;
font-weight: 700;
margin: 0 0 10px;
}

.bg-light-theme p {
font-size: 22px;
}

.bg-light-theme .content p {
font-size: 14px;
}

.btn-theme {
background: var(--primaryColor);
color: #fff;
padding: 10px 30px;
}

.br-100 {
border-radius: 100px;
}

.bg-light-theme .btn {
font-weight: 700;
font-size: 18px;
margin: 20px 0 0;
}

.btn-theme:hover,
.btn-theme:focus {
background: var(--btnHover);
color: #fff;
}

footer {
background: var(--footerBbColor);
padding: 20px 0;
}

.container-fluid {
padding-left: 15px;
padding-right: 15px;
}

footer .content p {
margin: 0 0 5px;
color: #fff;
/*color: var(--navFontColor);*/
font-weight: 600;
}

footer .content p a {
color: inherit;
}

.accordion .card {
border: 0;
border-bottom: 1px solid #707070 !important;
border-radius: 0;
}

.accordion .card .card-header {
padding: 0;
background: transparent;
border: 0;
}

.accordion .card-header h4, .accordion .card-header h3 {
margin: 0;
font-weight: 400;
padding: 20px 0;
font-size: 14px;
padding-right: 50px;
position: relative;
border: 0;
}

.accordion .card .card-body {
padding: 0 0 15px;
font-size: 14px;
color: #212529;
font-weight: 400;
}

.accordion .card-header h4:after
.accordion .card-header h3:after{
content: '';
position: absolute;
right: 10px;
top: 50%;
width: 12px;
height: 12px;
border-bottom: 2px solid var(--primaryColor);
border-right: 2px solid var(--primaryColor);
transform: rotate(45deg) translateX(-100%);
transform-origin: left;
}
.bannerSection .bannerContent label {
position: absolute;
left: 0;
top: -999px;
}

.accordion .card-header h4:not(.collapsed):after,
.accordion .card-header h3:not(.collapsed):after {
transform: rotate(-135deg) translateX(155%) translateY(-76%);
transform-origin: right;
}

ul.slick-dots {
display: flex !important;
align-items: center;
width: 100%;
justify-content: center;
padding: 0;
list-style: none;
}

ul.slick-dots li {
margin: 0 3px;
}

ul.slick-dots li button {
font-size: 10px;
width: 14px;
height: 14px;
border: 0;
box-shadow: none;
border-radius: 100%;
background: #707070;
text-indent: -999px;
overflow: hidden;
}

ul.slick-dots li.slick-active button {
background: var(--primaryColor);
}

@media (min-width: 1350px) {
.container {
width: 1270px;
}
}

.campusList {
display: flex;
flex-wrap: wrap;
width: 100%;
}

.campusList .slick-list{
width: 100%
}

.campusList .slick-track{margin: 0}

.campusList .c-list {
width: calc(33.33% - 8px);
position: relative;
background: #fff;
border-radius: 4px;
overflow: hidden;
margin: 4px;
}

.mobileHeader {
display: none;
}

.campusList .imageSection {
position: relative;
}

.campusList .contactArea {
position: absolute;
top: 15px;
right: 15px;
z-index: 9;
}

.campusList .contactArea button {
border: 0;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background: #fff;
padding: 9px;
}

.d-none {
display: none!important;
}

.campusList .premiumSec {
position: absolute;
top: 0;
left: 0;
z-index: 9;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 3px 5px;
right: 0;
max-width: 70%;
}

.premiumSec.new-premium .premium-pill {
min-width: calc(50% - 6px);
text-align: center;
background: #eee;
border-radius: 100px;
margin: 3px 0;
text-transform: uppercase;
font-size: 12px;
padding: 3px 10px;
font-weight: 600;
white-space: nowrap;
}

.premiumSec.new-premium .premium-pill.featured {
background: var(--primaryColor);
color: #fff;
}

.campusList .topCampInfo {
position: absolute;
top: calc(100% - 55px);
right: 30px;
z-index: 9;
}

.campusList .topCampInfo p,
.campusList .topCampInfo button {
background: #fff;
border: 1px solid #000;
width: 50px;
height: 50px;
border-radius: 100%;
box-shadow: none;
font-size: 11px;
white-space: nowrap;
padding: 3px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}

.campusList .imageSection ul {
list-style: none;
padding: 0;
margin: 0;
}

.campusList .imageSection ul li {
width: 100%;
height: 220px;
cursor: pointer;
padding: 0;
}

.campusList .imageSection ul img {
width: 100%;
height: 100%;
object-fit: cover;
color: transparent;
}

.campusList .campusDetail {
padding: 0px 10px 0;
}

.campusList .campusDetail>.row {
margin: 0 -10px;
position: relative;
}

.campusList .campusDetail>.row>* {
padding: 0 10px;
}
.campusList .campusDetail a,
.campusList .campusDetail p {
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
font-size: 15px;
line-height: 21px;
color: #000;
}

.campusList .campusDetail p a {
color: inherit;
}

.row.desktopInfo p {
cursor: pointer;
}

.campusList .campusDetail a+span,
.campusList .campusDetail p+span {
display: block;
font-size: 11px;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.campusList .campusDetail .btn {
font-size: 14px;
line-height: 1.2;
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem 0.25rem;
font-weight: 400;
}

.btn-outline-theme {
border-color: var(--primaryColor);
background: transparent;
color: var(--primaryColor);
}
.form-control:focus,
.btn:focus{
    outline: medium solid black !important;
    outline-offset:2px !important;
}

.btn-outline-theme:hover,
.btn-outline-theme:focus {
background: var(--primaryColor);
color: #fff;
border-color: var(--primaryColor);
}

.btn {
transition: 0.25s all ease-in;
}

.walkTimeIdeal {
margin: 0 0 5px;
}

.campusList .campusDetail .walkTimeIdeal p {
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
}

.text-center {
text-align: center;
}

.col {
width: 100%;
}

.slick-arrow {
border-radius: 0;
font-size: 1.75rem;
border: 0;
z-index: 9;
background-color: rgba(0, 0, 0, .3);
position: absolute;
top: 50%;
transform: translateY(-50%);
color: var(--primaryColor);
}

.imageSection .slick-arrow {
width: 30px;
height: 30px;
color: #fff;
font-size: 20px;
}

.slick-arrow.slick-next {
right: 0;
}

.slick-arrow.slick-prev {
left: 0;
}

.directLinks .slick-arrow {
background: transparent;
}

.generalInfo {
display: none;
}

em.rent_style {
font-style: inherit !important;
}

.bannerSection .bannerContent p {
color: #fff;
}

ul.resourceList {
list-style: none;
padding: 0;
margin: 0 -1rem;
display: flex;
flex-wrap: wrap;
}

ul.resourceList li {
padding: 1rem;
max-width: 20%;
flex: 0 0 20%;
text-align: center;
}

ul.resourceList li .fas {
font-size: 24px;
margin: 0 0 20px;
}

ul.resourceList li h4 {
font-size: 20px;
font-weight: 600;
margin: 0;
}

.bg-light-theme h3 {
font-size: 30px;
font-weight: 700;
margin: 0;
}

@media(max-width: 991px) {
nav .brand-logo {
height: 70px;
}
.bannerSection .bannerContent h2 {
font-size: 2rem;
}
.campusList .c-list {
width: calc(50% - 8px);
}
.directLinks .singleLink .linkContent h2 {
font-size: 1rem;
}
.section-padding {
padding: 25px 0;
}
.content h2 {
font-size: 20px;
}
.bg-light-theme h4 {
font-size: 20px;
}
.bg-light-theme p {
font-size: 18px;
}
}

@media(max-width: 767px) {

.burger-container {
display: block;
<!-- position: absolute; -->
z-index: 99;
right: 0px;
top: calc(50% - 1.7em);
display: inline-block;
height: 4.13em;
width: 3.13em;
cursor: pointer;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.burger-container #burger {
width: 1.6em;
height: 0.5em;
position: relative;
display: block;
margin: -4px auto 0;
top: 50%;
}
.burger-container #burger .bar.topBar {
-webkit-transform: translateY(0px) rotate(0deg);
transform: translateY(0px) rotate(0deg);
}
.burger-container #burger .bar {
width: 100%;
height: 2px;
display: block;
position: relative;
background: var(--mainHeaderColor);
transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition-delay: 0s;
}
.btmBar {
top: 5px;
}
.burger-container.nav-active {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.burger-container.nav-active #burger .bar.topBar {
-webkit-transform: translateY(5px) rotate(45deg);
transform: translateY(5px) rotate(45deg);
}
.burger-container.nav-active #burger .bar {
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition-delay: 0.2s;
}
.burger-container.nav-active #burger .bar.btmBar {
top: 0;
-webkit-transform: translateY(3px) rotate(-45deg);
transform: translateY(3px) rotate(-45deg);
}
nav {
flex-wrap: wrap
}
nav .brand-logo {
width: 100%;
max-width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 10px 0;
height: 70px;
}
nav .brand-logo img,
nav .brand-logo svg {
max-width: 280px;
max-height: 35px;
}
ul.navbar {
width: 100%;
flex-wrap: wrap;
display: none;
z-index: 999;
padding: 0 0px 0 6px;
    align-items: center;
    background: var(--navBgColor);
    border-top: 1px solid #cfcfcf;
}
ul.navbar>li {
width: 100%;
text-align: center
}
ul.navbar li ul.submenu {
position: relative;
height: 0;
padding: 0;
box-shadow: none;
        font-weight: 400;
        text-align: left;
}
ul.navbar li ul.submenu a{
    font-size: 12px;
    padding-left: 30px;
}
ul.navbar>li:hover ul.submenu{
    z-index: 0;
    opacity: 0;
    transform: translateY(0);
    visibility: hidden;
    transition:none;
}
ul.submenu.show {
height: auto !important;
opacity: 1 !important;
visibility: visible !important;
position: static !important;
transition:none !important;
}
main {
padding-bottom: 15px;
}
.section-padding {
padding: 20px 0;
}
.bannerSection .bannerContent {
padding: 3rem 0;
}
.bannerSection .bannerContent h2 {
font-size: 1.75rem;
}
.bannerSection .bannerContent .form-control {
min-width: 100%;
margin: 1.5rem 0;
font-size: 0.9rem;
}
.desktopInfo {
display: none;
}
.mobileHeader {
display: block;
}
.campusList .c-list {
width: 100%;
margin: 0;
}
.generalInfo {
margin: 5px 0 0;
display: block;
}
.generalInfo>ul {
display: flex;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0 -5px;
}
.generalInfo>ul>li {
padding: 0 5px;
text-align: center;
}
.generalInfo>ul>li .strong {
font-weight: 700;
font-size: 0.8rem;
line-height: 1;
color: #333;
}
.generalInfo>ul>li p {
font-size: 12px !important;
text-transform: capitalize;
margin: 0;
color: #6d6d6d;
}
.mobileHeader p {
font-size: 1rem;
margin: 0;
line-height: 21px;
color: #000;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 600;
}
.mobileHeader p+span {
display: block;
font-size: 0.625rem;
color: #000;
}
.mobileHeader .contactArea {
position: static;
}
.detail-btns {
flex-wrap: nowrap;
}
.campusList .campusDetail .detail-btns .btn,
.campusList .campusDetail .detail-btns .btn b {
font-weight: 600;
font-size: 11px;
}
.campusList .campusDetail>.row.detail-btns {
margin: 0 -15px;
}
.campusList .campusDetail>.row.detail-btns>* {
padding: 0 5px;
}
.bg-light-theme h4 {
font-size: 18px;
}
.bg-light-theme p {
font-size: 16px;
}
.bg-light-theme .btn {
margin: 10px 0 0;
}
ul.resourceList {
justify-content: center
}
ul.resourceList li {
max-width: 33.33%;
flex: 0 0 33.33%;
}




.listing-header.mobileHeaderNavSp{
position:relative;
}
.listing-header.mobileHeaderNavSp .navbar{
    position:absolute;
    top:100%;
    left:0;
}
.listing-header.mobileHeaderNavSp ul.navbar>li>a{
    display:block;
    line-height: normal;
    padding: 7px 15px;
    max-width: 100%;
    font-size: 13px;
    color: var(--navFontColor);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:left;
}
.mobileHeaderNavSp .off-campus {
    display: none;
}

}


.singleResource a img {
height: auto;
max-height: 50px;
}

.stepping .stepImg .stepping-title {
font-size: 20px;
margin: 0;
color: var(--primaryColor);
}
.directLinks .singleLink a:hover {
text-decoration: none;
}
.pg-foot .footerNew-copyright p{text-align: left;}
.pg-foot.footer-links{background: #000;}
.pg-foot .footerNew-copyright p, .pg-foot .footerNew-copyright a{color: #fff !important;}
.footer-links {display: inline-block;width: 100%;}
.footerNew-copyright p, .header-top-menu ul, .headerNew-top, .socialNew, .socialNew ul {text-align: center}
.header-top-menu {border-bottom: 1px solid rgba(0, 0, 0, .38);display: inline-block}
.footerNew-copyright {padding: 15px 10px;}
.footerNew-copyright p {margin-bottom: 0;}
.campusDetail.home-related-listing a:hover{text-decoration:none;}
.modal-dialog {
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.theme-header .modal-header {
    background: var(--primaryColor);
    color: var(--btnColor);
    padding: 0.75rem 1rem;
}
#disclaimer .modal-header .btn-success.understand {
    background: #000;
    font-size: 14px;
    padding: 10px 5px;
    border-radius: 0;
    margin-top: -5px;
    display: block;
    width: 105px;
    color: #fff;
    border:0px;
}
#disclaimer .modal-header h5 {
    font-size: 1.5rem;
    font-weight:600;
    margin: 0 auto;
    width: 100%;
    color:var(--btnColor);
    text-align:center;
}
#disclaimer .modal-body {
    padding: 30px;
}
#disclaimer strong {
    color: inherit;
    font-size: inherit;
    font-weight: 600;
}