@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;
}

.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;
}

.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;
}