:root {
--primaryColor: ;
--headerBgColor: ;
--navBgColor: ;
--navFontColor: ;
--navBg-hover: ;
--navBg-hoverCol: ;
--mainHeaderColor: ;
--btnColor: #fff;
--submenuHover: ;
--submenuHoverCol: #111;
--btnBg: ;
--btnBgColor: ;
--btnHover: ;
--btnHoverColor: #fff;
--favCount: #111;
--favColor: #fff;
--heart: #000;
--navFontHoverColor: ;
--footerColor: #000;
--fbBannerColor: #111;
--fbTextColor: #111;
--black: #000;
--searchPlaceholder: ;
--switchSpanColor: ;
--filtersBurgerColor: ;
--filtersLabelActiveColor: ;
--propBadgeColor: #fff;
--footerBbColor: ;
--iconColorFill: ;
--iconBgColor: ;
--iconColor: #fff;
--leasingCardColor: #fff;
--landlordBannerBorderColor: #23ce60;
--coronaColor: #000;
--coronaBg: #c1c7d0;
--premiumFeatured: ;
--premiumFeaturedTextColor: #fff;
--premiumPillResponse: #3c85b5;
--brandLogoWidth:37%;
--hamburgerColor:#fff;
--neighborhoodColor:;
--headingh1h2Color:;
--headerImageMaxHeight:85px;
}




/*Header*/
.header_main_listing .navbar{flex-wrap: wrap}
.brand-side{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;background: var(--headerBgColor);padding: 5px 15px;}
.brand-side .left{display: flex;align-items: center}
.brand-side .off-campus{margin-left: 40px;}
.uni-titlebar {width: calc(100% + 30px);background: var(--primaryColor);padding: 5px 15px;margin: 0 -15px;}
.uni-titlebar p {margin: 0;font-size: 1rem;font-weight: 600;color: var(--navFontColor);}
.off-campus h1, .off-campus h2, .off-campus h3,.off-campus strong {font-size: 1.25em;text-transform: capitalize;color: var(--mainHeaderColor);font-weight: 700;white-space: nowrap;margin-bottom:0;}
.off-campus p {font-size: 1.25em;text-transform: capitalize;color: var(--mainHeaderColor);font-weight: 700;white-space: nowrap;margin-bottom:0;}
.off-campus span.label{font-size: 0.7em !important;}
.off-campus-logo{width:250px;padding:5px 0;}
.coming-soon{text-align: center;font-size: 15px;font-weight: 800;}
.rentalSearch{display: block;margin-top: 10px;margin-bottom: 5px;}
.rentalSearch img{max-width: 150px;max-height: 50px;}
.mapUpside .feedBackSec + .poweredByLogo{padding: 13px 0 5px !important;color: #fff}
.poweredByLogo{text-align: right}
.poweredByLogo span{color: var(--mainHeaderColor) !important;font-style: italic;font-size: 12px;display: block}
.poweredByLogo img{max-width: 150px;margin-top: -2px;}
.poweredByLogo a {display:flex;flex-direction:column;align-items:end;}
.poweredByLogo a:focus{ padding:1rem 0.5rem;}
.navbar-toggler{padding: 3px 8px;margin: 0;border-radius: 5px;background-color: #ededed;border: 1px solid transparent;}
.navbar-toggler .navbar-toggler-icon{background-size: 25px;}
.navbar-inverse .navbar-toggle {border: 0;}
.header_main_listing nav .navbar-brand {max-width: 360px;height: 80px;display: flex;align-items: center;}
nav .brand-logo{max-width:var(--brandLogoWidth);max-height: 80px; display: flex ; align-items: center; justify-content: center;}
.header_main_listing nav .navbar-brand img {max-width: 100%;width: auto;max-height: 85px;}
nav .brand-logo img, nav .brand-logo svg {max-width: 100%;width: 100%;max-height: var(--headerImageMaxHeight);}

.triangle-logo{position:absolute;right:0;top:0;}
.right-padding-extra{padding-right: 10rem;}

.header_main_listing .navbar {padding: 0}
.navbar-collapse{padding: 0 0px 0 6px;align-items: center;background: var(--navBgColor);border-top: 1px solid #cfcfcf;}
.navbar-collapse .navbar-nav{align-items: center}
.navbar-collapse .navbar-nav .nav-item .dropdown-menu{top: 85%;padding: 0}
.navbar-nav .nav-item .nav-link{color: var(--navFontColor) !important;font-weight: 600;line-height: 30px;font-size: 14px;padding: 10px 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:transparent;border-color:transparent !important;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: var(--navFontColor);}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link.active{color: var(--navFontHoverColor);background: var(--navBg-hover);}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item.show .nav-link{background: var(--navBg-hover);color: var(--navFontHoverColor) !important;}
.navbar-nav .nav-item .dropdown-menu .dropdown-item{color: #111;font-size: 14px;font-weight: 600;padding: 5px 10px}
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background: var(--submenuHover);color: var(--submenuHoverCol)}
.navbar-nav .nav-item.RC_fav_top .nav-link:hover{background: transparent}
.hide_login {display: none}
.bg-magni_glass {position: absolute;left: 8px;top: 50%;transform: translateY(-50%);zoom: 0.8;}
.search-header {position: relative;background-size: 30px;display: flex;border: 1px solid var(--searchPlaceholder);align-items: center;padding-left:0.7rem;}
.search-header input {font-weight: 600;border: 0;border-radius: 5px;font-size: 14px;height: 30px;background: 0 0;padding-left: 35px;width: 100%;text-overflow: ellipsis;overflow: hidden;color: #000;}
.search-header input:focus{outline: none}
.search-header input, .search-header input::placeholder{color: var(--searchPlaceholder)}
.fav .nav-link{position: relative;}
.fav{position: relative;width: 37px;height: 30px;display: flex;align-items: flex-end;justify-content: center;}
.fav .count {text-align: center;position: absolute;color: var(--favColor);border-radius: 50%;right: 2px;display: flex;align-items: center;justify-content: center;top: 2px;width: 14px;height: 14px;font-size: 77%;padding: 0;background: var(--favCount);}
.fav svg path{stroke: var(--heart)}
.header_main_listing .navbar-dark .navbar-nav .nav-link {color: #292928;text-shadow: 0 1px 0 rgba(255,255,255,.25);font-weight: 600;}
.header_main_listing .navbar-dark .navbar-nav .nav-item{line-height: 1.9;padding: 0px;}
.header_main_listing .navbar-dark .navbar-nav .nav-item.active a{color: var(--primaryColor);}
.header_main_listing .navbar-dark .navbar-nav .nav-item.active a:hover{color: #fff;}
.header_main_listing .navbar-dark .navbar-nav .nav-link:hover{background: var(--primaryColor);color: #fff;background-repeat: repeat-x;}
.btn.dropdown-toggle.btn-transparent.nav-link.br-0{color:var(--navFontColor);font-weight: 600;}

/*Filter*/
.filterHeader {padding: 4px 15px;}
.filter-title h1 {margin: 0;font-size: 15px;color: var(--black);white-space: nowrap;text-overflow: ellipsis;font-weight: 600;background-color: white;}
.filter-options {display: flex;align-items: center;justify-content: space-between;margin-top:5px;}
.filter-options .left {display: flex;flex-wrap: wrap;align-items: center;margin: 0 -10px 0}
.filter-options .left .filter {padding: 5px 7px;position: relative;margin: 0;}
.filter-options .left .filter.filterPading {padding: 5px 2px;}
.filter-options .left .filter .dropdownFilter {min-width: 5rem;box-shadow: 4px 4px 20px -8px rgba(0, 0, 0, .2);position: relative;}
.filter-options .left .filter a, .filter-options .left .filter button {padding: 5px;display: flex;align-items: flex-end;justify-content: space-between;color: #000;text-decoration: none;font-size: 0.9rem;border: 1px solid #eee;background: transparent;}
.filter-options .left .filter a {padding: 3px 4px;display: flex;align-items: flex-end;justify-content: space-between;color: var(--primaryColor);text-decoration: none;font-size: 1rem;border: 1px solid #eee;min-width: 6.75rem;}
.filter-options .left .filter .filterChange a {font-size: 12px;min-width: 4.75rem;}
.filter-options .left .filter a .fa {margin-left: auto;font-size: 80%;line-height: 1.5;width: auto;height: auto;margin-right: 0;}
.filter-options .left .filter a span {color: #000;display: flex;align-items: center;margin-right: 10px}
.filter-options .left .filter a span .sprite {margin-right: 5px}
.filter-options .filterOption {position: absolute;top: 100%;left: 0;z-index: 10;visibility: hidden;opacity: 0;transition: 0.15s opacity;background: #fff;padding: 5px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);;min-width: 100%}
.filter-options .left .filter span.left.show-listing-count {font-size: 12px;margin-top: 2px;}
.filter-options .left .filter a.active + .filterOption {opacity: 1;visibility: visible}

/**** for filter select **/
.filter-options .left .filter .filter-select {font-size: 1rem;border: 1px solid #eee;/* min-width: 7rem; */display: flex;align-items: center;padding: 2px 0;box-shadow: 4px 4px 20px -8px rgba(0, 0, 0, .2);color: var(--primaryColor);position: relative;}
.filter-options .left .filter .filter-select select {border: 0;padding: 2px 20px 2px 30px;webkit-appearance: none;appearance: none;width: 100%;font-size: 0.9rem;}
.filter-options .left .filter .filter-select .fa {font-size: 75%;line-height: 1.5;width: auto;height: auto;position: absolute;right: 4px;pointer-events: none;}
.filter-options .left .filter .filter-select select option {padding: 2px 10px;}
.filter-options .left .filter .filter-select .sprite {position: absolute;left: 4px;top: 6px;pointer-events: none;}

.filter-options .subleaseFilterLeft .filter a.active + .filterOption {opacity: 1;visibility: visible}
.filter-options .filterOption ul {list-style: none;padding: 0;margin: 0}
.filter-options .product-filter-heading {font-size: 1rem;cursor: pointer;margin: 0;white-space: nowrap;font-weight: 600;}
.filter-options .product-filter-heading .fas {color: var(--filtersBurgerColor);font-size: 1rem;}
.filterSelect {padding-left: 0rem;}
.filterSelect .custom-control-label {white-space: nowrap;padding-left: 1rem;font-size: 0.85rem;}
.filterSelect .custom-control-label::before {border-radius: 0;width: 0.75rem;height: 0.75rem;border: 2px solid #000;left: 0rem;top: 0.3rem;}
.filterSelect .custom-control-input:checked ~ .custom-control-label {color: var(--primaryColor)}
.filterSelect .custom-control-input:checked ~ .custom-control-label::before {border-color: var(--filtersLabelActiveColor);background-color: var(--filtersLabelActiveColor);}
.filterSelect .custom-control-input:checked ~ .custom-control-label::after {content: none}
.filterSelect .custom-control-input:focus ~ .custom-control-label::before {box-shadow: none}
.filterSelect .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border-color: #000;}
.moreFilters .moreFiltersBody {padding: 20px;background: #fff;}
.moreFilters .filterRow:not(:last-child) {padding-bottom: 15px;}
.moreFilters .filterRow .filterTitle p {margin: 10px 0;font-size: 1rem;display: block;color: #3a3a3a;font-weight: 600;}
.moreFilters .filterRow .filterTitle p.small{font-weight: 600;font-size: 0.85rem;display: block;color: #3a3a3a;margin: 0}
.houseType ul {list-style: none;display: flex;flex-wrap: wrap;margin: 0;padding: 0;}
.houseType ul > li {width: 33.33%;font-size: 0;border: 1px solid #e1e1e1;display: flex;align-items: center;}
.houseType .form-control {display: none;}
.houseType label {cursor: pointer;padding: 8px 10px;margin: 0;text-align: center;text-transform: capitalize;width: 100%;font-size: 11px;line-height: 14px;height: inherit;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.houseType label .sprite {display: block !important;margin: 0 auto 3px;vertical-align: middle;cursor: pointer;line-height: 31px;text-align: center;}
.houseType input[type="checkbox"]:checked + label .bg-house {background-position: -420px -90px;}
.houseType input[type="checkbox"]:checked + label .bg-apartments {background-position: -461px -10px;;}
.houseType input[type="checkbox"]:checked + label .bg-hall {background-position: -125px -406px;}
.houseType input[type="checkbox"]:checked + label {background: var(--filtersLabelActiveColor);color: #fff}
.houseType input[type="checkbox"]:checked + label .bg-smart-housing {background-position: -450px -242px;}
.houseType input[type="checkbox"]:checked + label .bg-horn-friendly {background-position: -445px -322px;}
.houseType input[type="checkbox"]:checked + label .bg-good-neighbor {background-position: -111px -436px;}
.houseType input[type="checkbox"]:checked + label .bg-preferred-tenant {background-position: -41px -436px;}

.intendedForType ul {list-style: none;display: flex;flex-wrap: wrap;margin: 0;padding: 0;}
.intendedForType ul > li {width: 33.33%;font-size: 0;border: 1px solid #e1e1e1;}
.intendedForType .form-control {display: none;}
.intendedForType label {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;padding: 8px 10px;margin: 0;text-align: center;text-transform: capitalize;width: 100%;font-size: 11px;line-height: 24px;}
.intendedForType label .sprite {display: inline-block !important;margin: 0 10px 0 0;vertical-align: middle;cursor: pointer;line-height: 31px;text-align: center;}

.intendedForType input[type="checkbox"]:checked + label .bg-undergraduate {background-position: -160px -312px;}
.intendedForType input[type="checkbox"]:checked + label .bg-graduate {background-position: -271px -10px;}
.intendedForType input[type="checkbox"]:checked + label .bg-faculty{background-position: -220px -110px;}

.intendedForType input[type="checkbox"]:checked + label {background: var(--filtersLabelActiveColor);color: #fff}
.amenitySlider ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: flex-end;}
.amenitySlider ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: flex-end;}
.amenitySlider ul li {padding: 7px 10px}
.amenitySlider .slick-slide{height: auto !important}
.amenitySlider ul input[type="checkbox"] {display: none}
.amenitySlider ul li label {font-size: 0.7rem;margin: 0;text-align: center;white-space: nowrap;}
.amenitySlider ul li label .sprite {display: block;margin: 0 auto 5px}
.amenitySlider ul input[type="checkbox"]:checked + label {color: var(--primaryColor)}
.toggleSwitch {cursor: pointer;display: flex;align-items: end;}
.toggleLabel {display: flex;align-items: center;font-size: 14px;color: #000;width: auto;margin: 0}
.toggleLabel.toggleSize {font-size: 12px;}
.toggleLabel .per {margin-right: 2px}
.toggleLabel .sprite {margin-right: 3px}
.switch input {position: absolute;opacity: 0;}
.switch {display: inline-block;font-size: 16px;height: 1.13em;width: 2em;background: #cecdcd;border-radius: 1em;margin: 0 10px;position: relative;}
.switch span {height: 12px;width: 12px;border-radius: 1em;background: var(--switchSpanColor);-webkit-transition: all 300ms;-moz-transition: all 300ms;transition: all 300ms;display: block;position: absolute;top: 3px;left: 3px;}
.switch input:checked + span {-webkit-transform: translate3d(100%, 0, 0);-moz-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);left: calc(25% - 3px)}
.moreFiltersHead {display: none}
.clearBtn button {border-radius: 0}
.clearBtn {position: relative;z-index: 99;transition: 0.15s all ease-in;}
.clearBtn.fixed{top: 155px;width: calc(50% - 17px);position: fixed}
.mac .clearBtn.fixed{width: 50%;}
.filterView {border-top: 7px solid rgb(243, 243, 243);border-bottom: 0;border-top-width: 2px;position: relative;}
.visually-hidden{position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}
.font-weight-400{font-weight: 400 !important}

/*List*/
.theme-modal .modal-header .close{position: initial;background: transparent;margin-right: 0px;}
.theme-modal .modal-header {background: var(--primaryColor);color: #fff;padding: 0.75rem 1rem;border-color:var(--primaryColor);}
.theme-modal .modal-header .modal-title {font-weight: 600;font-size: 1.6rem;}
.theme-modal .modal-body {border:3px solid var(--primaryColor);border-top:0;}
.theme-modal .modal-body .selectedInfo .form-group{margin-bottom: 0.5rem;}
.theme-modal .modal-body .selectedInfo .form-group .form-control{border:2px solid #00000080;border-radius:7px;}
.theme-modal .modal-body .selectedInfo .form-group label{font-weight: 600;color: #000000;text-transform: capitalize;}
.theme-header .modal-header {background: var(--primaryColor);color: #fff;padding: 0.75rem 1rem}
.theme-header .modal-header h5{font-weight: 600;font-size: 16px;}
.selectedInfo img {width: 100%}
.selectedInfo p {font-size: 0.85rem;margin: 0 0 5px}
.selectedInfo h4 {font-size: 1.25rem;font-weight: 600}
.selectedInfo label, .selectedInfo .form-control {font-size: 0.85rem}
.theme-header .modal-header .close {color: #fff;padding: 0;right: 0;}
.selectedInfo form {margin-top: 1rem}
.contactNum {margin: 1rem 0 0;}
.contactNum p {margin: 0;}
.contactNum.twilioLead a{color:inherit;}
a.leadText{color:inherit;font-size: 15px;line-height: 27px;}
.blur {padding: 1px 15px;filter: blur(5px);font-size: 1.25rem;margin: 0.25rem 0;display: inline-block;}
button.btn.btn-outline-success.btn-block b {font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.campusList {display: flex;flex-wrap: wrap;justify-content: space-between;background: #f3f3f3;padding: 4px 8px;}
.campusList .c-list {width: calc(50% - 4px);position: relative;background: #fff;border-radius: 4px;overflow: hidden;margin: 4px 0}
.campusList .imageSection {position: relative}
.imageSection .slick-arrow{width: 30px;height: 30px;border-radius: 0;font-size: 1.75rem;z-index: 9;background-color: rgba(0,0,0,.3);color: #fff;}
.imageSection .slick-arrow.slick-prev{left: 0}
.imageSection .slick-arrow.slick-next{right: 0}
.imageSection .slick-arrow:before{content: none}
.imageSection .slick-current{border: 0}
.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;}
.campusList .contactArea button svg.active path{fill: var(--primaryColor);stroke: var(--primaryColor);}
.campusList .premiumSec {position: absolute;top: 0;left: 0;z-index: 9;}
.campusList .premiumSec svg polygon {fill: var(--primaryColor)}
.campusList .topCampInfo {position: absolute;top: calc(100% - 40px);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;}
.slick-initialized .slick-slide>div {width: 100%;}
.campusList .imageSection ul img {width: 100%;height: 100%;object-fit: cover;color: transparent;}
.campusList .campusDetail {padding: 12px 15px 0}
.campusList .campusDetail p, .campusList .campusDetail a, .campusList .campusDetail span {cursor:pointer;text-decoration: none;color: inherit;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;font-size: 16px;line-height: 21px;color: #000;}
.campusList .campusDetail p a {text-decoration: none;color: inherit}
.campusList .campusDetail p a.readmore {color: var(--primaryColor) !important;}
.campusList .campusDetail p a:focus{outline: 0;border: 2px solid #000;line-height: 24px;}
.campusList .campusDetail div em {font-weight:600;}
.campusList .campusDetail div + span {display: block;font-size: 11px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rating-parent {display: flex;flex-wrap: wrap;align-items: center;}
.campusList .campusDetail > .row {margin: 0 -10px;position: relative}
.campusList .campusDetail > .row > * {padding: 0 10px}
.roomWarning {position: absolute !important;left: calc(50% - 10px);top: 3px;z-index: 9;}
.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}
.campusList .campusDetail .btn .sprite {margin-right: 5px}
.campusList .campusDetail .btn .bg-call_small_colored {zoom: 72%;flex: 0 0 19px;margin-bottom: -2px}
.campusList .campusDetail .btn:hover .bg-call_small_colored, .campusList .campusDetail .btn:focus .bg-call_small_colored {background-position: -421px -331px;}
.walkTimeIdeal {margin: 0 0 5px;}
.campusList .campusDetail .walkTimeIdeal p {font-size: 13px;display: flex;align-items: center;justify-content: center;}
.campusList .campusDetail .walkTimeIdeal p .sprite {margin-right: 5px;zoom: 85%;flex: 0 0 23px}
.campusList .campusDetail .walkTimeIdeal p em {margin-left: 5px;font-style: normal}
.withReview{display: flex;align-items: center;justify-content: space-between;margin: 0 0 5px;}
.withReview .walkTimeIdeal{margin: 0;width:100%;}
.withReview .walkTimeIdeal p{text-align: left;justify-content: flex-start;}
button.map-listing-rate {display: block;background: url('../../../../assets/images/stars-grey.png') 0 -16px no-repeat;width: 80px;height: 16px;background-size: cover;text-indent: -999999px;border: 0;background-position: 0 0;padding: 0;}
.withReview button.map-listing-rate {margin-left: auto}
.map-listing-rate .stars-grey {background: url('../../../../assets/images/stars.png') 0 0 no-repeat;width: 0px;height: 16px;display: block;background-size: cover;margin: 0;}
.campusHousingSec {width: 100%;background: #f3f3f3;}
.campusSearchAprSp {padding: 15px;margin: 0 -8px;text-align: center}
.campusSearchAprSp .apartment_heading {font-weight: 400;font-size: 1.5rem;margin: 0 0 15px}
.campusSearchAprSp p {font-size: 0.85rem;}
.mobileHeader, .generalInfo, .detailView {display: none}
.noRental{min-height: 400px;display: flex;align-items: center;justify-content: center;text-align: center;width: 100%}
.imageSection .slick-initialized.slick-slider>img {display: none;}

/*LandlordFilterView*/
button.featuredLandlordBtn.active {background: var(--primaryColor);color: #fff;padding-right: 20px;}
button.featuredLandlordBtn.active:after {content: '\f057';position: absolute;right: 3px;font-size: 0.85rem;color: #fff;top: 50%;transform: translateY(-50%);font-family: Font Awesome\ 5 Free;}
.lanlord-filters {border: 7px solid rgb(243, 243, 243);border-bottom: 0;border-radius: 0;background: #fff;margin: 0;width: 100%;padding: 10px 15px;}
.landlordHead {display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-direction: row;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 5px;width: 100%;}
.lanlord-filters.with-image{display: flex;align-items: center;justify-content: space-between;    padding: 5px 15px 5px 0}
.lanlord-filters.with-image .image{width: 40%;position: inherit;height: 80px;padding-left: 15px;z-index: 0;}
.lanlord-filters.with-image .image img{width: auto;max-width: 100%;height: 100%;}
<!--.lanlord-filters.with-image .image img{width: 100% !important;height: auto !important;}-->
.lanlord-filters.with-image .image img {max-width: 100% !important;max-height: 100% !important;width: auto !important;}
.with-image .landlordHead{justify-content: flex-end}
.landlordHead img{width: auto;max-width: 200px}
.fb_iframe_widget, .landlordHead {position: relative}
.sponsor {position: absolute;right: 0;bottom: -12px;font-size: 9px}
.landlordHead .titleLL {font-size: 15px;color: #000;font-weight: 600;padding: 0 10px;white-space: nowrap;text-align: center;text-overflow: ellipsis;overflow: hidden;margin: 0 0 5px;}
.with-image .landlordHead .titleLL{text-align: right;width: 100%;}
.btnLL button {background: 0 0;border: 1px solid #b5b4b4;color: #fff;padding: 3px 10px;border-radius: 4px;line-height: 20px;transition: all ease .1s;min-width: 150px;position: relative;background-color: #585858;}
.mobile-dots{display: flex;position: absolute;bottom: 15px;left: 0;right: 0;justify-content: center;z-index: 9;width: 65px;margin: 0 auto}
.mobile-dots .slider-nav > button {display: none;}

/** new special banner style start **/

.nsb.lanlord-filters.with-image .image {position: relative;max-width: 40%;flex: 0 0 40%;height: 100%;overflow: hidden}
.nsb.lanlord-filters.with-image .image .shape {position: absolute;right: -1px;top: -5px;bottom: -10px;width: 50px;z-index: 1;}
.nsb.lanlord-filters.with-image .image img {width: 100% !important;height: 100% !important;min-height: auto;max-height: 180px;object-fit: cover;}
.lanlord-filters.with-image .image .shape{display: none}
.nsb.lanlord-filters.with-image .image .shape{display: block}
.nsb.lanlord-filters.with-image .image .shape svg {transform: rotate(180deg) rotateY(190deg);width: 100%;height: 100%;}
.nsb.lanlord-filters.with-image .image .shape svg path {fill: #fff;}
.nsb.lanlord-filters.with-image .image .landlordHead {justify-content: flex-start;}
.nsb.with-image .landlordHead .titleLL {text-align: left;}
.nsb.with-image .landlordHead .titleLL img {width: 100px;}
.nsb .bannerContent {display: flex;align-items: flex-start;width: 100%;align-items: center}
.nsb.with-image .landlordHead {padding: 5px 0 10px 5px;max-width: 60%;flex: 0 0 60%;margin: 0}
.nsb .specialContent {padding-left: 15px; width:100%;max-width: 440px;margin-right: auto;}
.nsb .specialContent h3 {font-size: 20px;font-weight: 600;color: var(--primaryColor);margin: 0 0 5px}
.nsb .specialContent p {font-size: 12px;margin: 0}
.nsb .featuredLandlordBtn {white-space: nowrap;font-size: 11px;color: #000;border-color: #000;text-transform: uppercase;font-weight: 600;}
.nsb .sponsor {    bottom: -13px;    font-size: 10px;}
.nsb .btnLL {position: relative;}
.lanlord-filters.with-image.nsb {padding-top: 0;padding-bottom: 0;position: relative;height:200px;}
.nsb.lanlord-filters.with-image .image{padding: 0;z-index: 1}
section.lanlord-filters.with-image.nsb:after{position: none;position: absolute;left: 0;right: 0;bottom: 0;content: '';height: 2px;width: 100%;background: var(--landlordBannerBorderColor);z-index: 1;}
.nsb.lanlord-filters.with-image .image .shape:after {left: 1px;transform: skewX(-26deg);bottom: 10px}

/** new special banner style end **/


/*ListingFooter*/

.footer-links {background: var(--footerBbColor);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}
.footer-social-middle {margin-bottom: 1em}
.footerNew-copyright p {color: var(--footerColor);margin-bottom: 0}
.header-top-menu ul {padding: 0;margin: 0;display: table;width: 100%}
.header-top-menu ul li {display: inline-block}
.header-top-menu > ul.top {margin: 10px 0}
.header-top-menu > ul.top > li {position: relative;color: #000;margin: 5px 0}
.header-top-menu > ul.top > li > a {position: relative;padding: 0 15px;line-height: 16px;font-weight: 700;}
.header-top-menu > ul.top > li > a:hover{text-decoration: underline;}
.header-top-menu > ul.top > li:last-child > a {border-right: 0}
.header-top-menu > ul.top > li:before {content: none !important}
.header-top-menu ul li a {color: var(--footerColor);text-transform: uppercase;padding: 12px 10px;display: block;border-right: 1px solid var(--footerColor);}
.header-top-menu ul li a:hover{text-decoration: underline}
.socialNew ul li a:hover {background: #333;}
.headerNew-top {margin-bottom: 1em;display: inline-block;width: 100%}
.socialNew ul li a {color: #fff;font-size: 18px;width: 42px;height: 42px;display: flex;justify-content: center;background: #000;border-radius: 50%;line-height: 42px;align-items: center}
.socialNew ul li {padding: 0 10px;display: inline-block}
.socialNew ul {padding: 0;margin: 0}
ul.bottom li {line-height: 2px;margin-bottom: 6px;font-size: 11px}
ul.bottom li:last-child {border-right: 0}
ul.bottom {margin-bottom: 15px}
ul.bottom li a {padding: 5px 10px;font-family: inherit}

.footerNew-copyright a{color: var(--black) !important;font-weight: 600;text-decoration: underline;}

.socialNew.floride-tech ul li a {background: #ffffff;color: #5A5A5A;}
.socialNew.floride-tech ul li a:hover {background: #5A5A5A;color: #ffffff;}

/***********************MapView*****************/
.gm-style-iw {width: 300px !important;top: 15px !important;box-shadow: 0 1px 6px rgba(0, 0, 0, .6);border: 1px solid rgba(125, 146, 179, .6);border-radius: 2px}
.gm-style-iw-d {overflow: unset !important}
.gm-style .gm-style-iw-t::after {content: none}
.gm-style .gm-style-iw-c {padding: 0}
<!--.gm-style .gm-style-iw-c button{display: none !important;}-->
.iw-title {font-size: 20px;font-weight: 600;padding: 0;background-color: #48b5e9;color: #151618;margin: 0;border-radius: 2px 2px 0 0;background: rgba(255, 255, 255, .7);width: 100%;position: absolute;text-align: center;line-height: 35px;text-overflow: ellipsis;overflow: hidden}
div#map_canvas .iw-title {color: #000 !important}
.iw-content {font-size: 13px;line-height: 18px;font-weight: 400;margin-right: 0;padding: 0;max-height: 208px;overflow-y: hidden;overflow-x: hidden}
.iw-content img {float: right;margin: 0;padding: 0}
.iw-subTitle {font-size: 16px;font-weight: 700;padding: 5px 0}
.iw-bottom-gradient {position: absolute;width: 100%;bottom: 0;right: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);display: flex;align-items: center;color: #fff;justify-content: space-between;font-weight: 600;}
.iw-bottom-gradient p {margin: 0;padding: 0 0 0 4%;color: #fff;font-size: 14px;font-weight: 600;line-height: 35px;text-align: left}
.iw-bottom-gradient span {float: right;padding: 0 4% 0 0}
.iw-title, .dtl-sec .padding-default .scroll-x > div > ul:first-child > li, .pl-prop-info h3.pl-property-title, .rx-property, .slider .tooltip-inner, .titleHeadingSec a {white-space: nowrap}
.gm-err-icon, .gm-err-message, .gm-err-title, .text-center, .tooltip, .top_information {text-align: center}

<!--map View-->
.map-section {max-height: calc(100vh - 150px);height: calc(100vh - 150px);}
.pad_def {padding: 0}
.spinner {width: 150px;height: 150px;border-radius: 100%;background-color: #d8d8d8;border: 4px solid var(--primaryColor);position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%) translateZ(0);background-image: urlR /images/ map-markers . png);background-size: 300%;-webkit-animation: gridLoop 10s infinite linear;-webkit-backface-visibility: hidden;overflow: hidden;}


/***********************GuidePopup*****************/
#guidePopup img{width: 100%}
#guidePopup .modal-content{border-radius: 0;border: 0;}
#guidePopup .modal-header{text-align: center;background: var(--primaryColor);position: relative;    border-radius: 0;}
#guidePopup .modal-header h5{font-weight: 500;color: #fff;font-size: 1.5rem;margin: 0 auto;width: 100%;}
#guidePopup .modal-header .close{position: absolute;top: 0;left: calc(100% - 15px);padding: 3px 8px 4px;color: #fff;opacity: 1;font-weight: 500;font-size: 1.5rem;background: #000;border-radius: 50%;}
#guidePopup .modal-body{padding: 0}
.campusGuideBanner {width: 100%;position: relative;margin-bottom: 15px;}
.campusGuideBanner img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover}
.bannerGuideCaption{min-height: 400px;display: flex;flex-direction: column;justify-content: flex-end;position: relative;z-index: 5;padding: 2rem 0;}
.bannerGuideCaption h2 {color: #fff;font-size: 2rem;text-align: center;text-transform: capitalize;}
.bannerGuideCaption p{color: #fff;font-size: 15px;text-align: center;}
#guidePopup .nav-tabs .nav-link{color: #111;font-weight: 600;border-bottom-color: #dee2e6;}
#guidePopup .nav-tabs .nav-link.active{color: var(--primaryColor);border-bottom: 0;}
#guidePopup .tab-content{padding: 0 15px}
#guidePopup .tab-content h3{padding: 0 0 7px;color: #0d0d0d;margin: 10px 0;width: 100%;font-size: 18px;position: relative;line-height: 20px;display: inline-block}
#guidePopup .tab-content h3:after{content: "";width: 133px;height: 1px;background: var(--primaryColor);position: absolute;top: 100%;left: 0}
#guidePopup .tab-content p{margin: 0 0 10px;font-size: 14px;color: #0d0d0d;}
#guidePopup .tab-content ul li{font-size: 14px}
#guidePopup .tab-content .text-center h3:after{right: 0;margin: 0 auto}
.neighbours{padding: 20px;border: 1px solid #e1e1e1;margin: 25px 0}
#guidePopup .tab-content h5{font-size: 0.85rem}
#guidePopup table {width: 40%;text-align: center;margin: 0 auto 10px;height: auto!important;}
#guidePopup table thead tr {border-bottom: 1px solid #000;}
#guidePopup table td, #guidePopup table th {text-align: center;padding: 5px;height: 20px;border: 1px solid #ddd;font-size: 0.85rem}
#guidePopup table th {background: #eee;}
.niegbourhoodCol {padding: 10px;border: 1px solid #ddd;margin: 2em 0 0;height: calc(100% - 2rem)}
.niegbourhoodCol .nImg {margin: -10px -10px 0;height: 315px;position: relative;}
.niegbourhoodCol .nImg img{height: 100%;width: 100%;object-fit: cover;}
.niegbourhoodCol h6 {font-size: 16px;color: #000;margin: 15px 0 5px;}
.niegbourhoodCol p {max-height: 80px;overflow: hidden;}
.niegbourhoodCol a{color: var(--primaryColor)}
/***********************End of GuidePopup*****************/


/***********************start of DetailPopup*****************/
#gallerySlider{height: 430px}
#gallerySlider .slick-slider {display: flex;align-items: center;min-height: 1px;height: 100%;}
#gallerySlider .slick-slider > img{display: none}
#gallerySlider .slick-slider > div{width: 100%;height: 100%}
#gallerySlider .slick-slider .slick-list {width: 100%}
#gallerySlider .slick-slider img {height: 100%;width: 100%;object-fit: cover;}
.property-detail-container .slick-arrow.slick-prev, .property-detail-container .slick-arrow.slick-next{width: 60px;height: 60px;border-radius: 100%;background-color: rgba(0,0,0,.3);z-index: 9;font-size: 2rem;color: #fff;transform: translate(0);}
.property-detail-container .slick-arrow.slick-prev:before, .property-detail-container .slick-arrow.slick-next:before{content: none !important;}
.property-detail-container .slick-arrow.slick-prev:hover, .property-detail-container .slick-arrow.slick-next:hover, .property-detail-container .slick-arrow.slick-prev:focus, .property-detail-container .slick-arrow.slick-next:focus{background-color: rgba(0,0,0,.8);color: #fff}
.property-detail-container .slick-arrow.slick-prev{left: 10px}
.property-detail-container .slick-arrow.slick-next{right: 10px}
.property-detail-container .slick-track {height: 100%;}
#gallerySlider .slick-initialized .slick-slide{text-align: left}
##gallerySlider .slick-initialized .slick-slide div {width: 100%;height: 100%;}
#gallerySlider .slick-initialized .slick-slide .galleryWithCaption iframe {width: 100%;height: 100%;}
#gallerySlider .slick-current img {max-width: calc(100% - 2px);margin: 0}
#gallerySlider .gridView {display: flex !important;flex-wrap: wrap;height: 430px;padding: 1px 0;background: #faf9ff;}
#gallerySlider .gridView .galleryWithCaption {width: 50%;height: 50%;padding: 2px;}
#gallerySlider .gridView .galleryWithCaption img{cursor: pointer;}
#gallerySlider .gridView.halfGrid .galleryWithCaption{width: 100%;}
.galleryWithCaption .caption {position: absolute;bottom: 5px;left: 10px;right: 10px;color: #fff;background: rgba(0,0,0,0.5);font-weight: 500;z-index: 1;padding: 5px 10px;font-size: 0.9rem;}

#gallerySlider .gridView img{object-fit:cover;}
#gallerySlider .slick-slider img.portrait{max-width: 100%; width: auto;margin: 0 auto}
#gallerySlider .slick-slider img.landscape{width: 100%;}
.property-detail-container {margin-bottom: 0px;}
.galleryWithCaption {position: relative;}

.modal .property-detail-container {margin-bottom: 0px !important;}
.property-detail-container .nav-tabs {border-bottom-color: #d8d8d8;flex-wrap: nowrap;}
.property-detail-container .nav-tabs li {width: 100%;text-align: center;border-right: 2px solid #a0a0a0;background: #f7f7f7;color: #000;transition: 0.5s all ease;}
.property-detail-container .nav-tabs li:last-child{border-right: 0}
.property-detail-container .nav-tabs li a {text-decoration: none;color: inherit;display: block;line-height: 28px;border-radius: 0;border: 0;background: #ececec;font-weight: 700;font-size: 1.15rem;color: #333;}
.property-detail-container .nav-tabs li a i {display: inline-block;margin-right: 12px;font-size: 0;vertical-align: super;}
.property-detail-container .nav-tabs li a i{font-size: 1.25rem;margin: 0}
.property-detail-container .nav-tabs li a i svg {vertical-align: middle;height: 25px;}
.property-detail-container .nav-tabs li a i svg path {fill: #000}
.property-detail-container .nav-tabs li a.active {background: #fff;color: #555}
.property-detail-container.niuc .nav-tabs li a.active {background: var(--primaryColor);;color: #fff}
.property-detail-container .nav-tabs li a:hover {color: #555;background: #d8d8d8;}
.property-detail-container .nav-tabs li a.active:hover {background: #dedede}
.property-detail-container.niuc .nav-tabs li a.active:hover {background:var(--primaryColor);}
.property-detail-container .nav-tabs li a.active i svg path, .property-detail-container .nav-tabs li a:hover i svg path {fill: #fff;}
#detailPopup .modal-header {padding: 0}
#mapView{height: 400px}
#detailPopup .modal-header .close {position: absolute;left: calc(100% - 12px);background: url(../../../../assets/images/closebox.png)no-repeat;background-size: 100%;opacity: 1;width: 30px;height: 30px;z-index: 9;font-size: 0;}
#detailPopup .modal-body {padding: 0;background: #ececec}
.detailTabContent {height: 400px;display: flex;justify-content: center;align-items: center}
.detailPopupDesc {display: flex;padding: 8px 0 10px}
.detailPopupDesc .leftSide {flex: 0 0 calc(100% - 380px);max-width: calc(100% - 380px);padding: 0px 4px 0 8px;}
.detailPopupDesc .rightSide {flex: 0 0 380px;max-width: 380px;padding: 0px 8px 0 4px}
.detailPopupDesc .rightSide .popupSection{margin-bottom: 5px;}
.popupSection {background: #fff;padding: 10px 15px;border-radius: 7px;margin-bottom: 8px;text-align: left;}
.green {color: var(--primaryColor);}
h2.genTitle {font-size: 1.75rem;font-weight: 700;color: #000;margin: 0 0 5px}
h2.genTitle a {text-decoration: none;color: inherit}
h2.genTitle + p {font-size: 15px;margin: 0}
.popupSection .nav-tabs .nav-link {font-size: 18px;text-decoration: none;color: #000;font-weight: 700;padding: 5px 25px 7px;border: 0;}
.popupSection .nav-tabs{border-bottom: 1px solid #dee2e6;}
.popupSection .nav-tabs .nav-link.disabled {font-size: 1.35rem;margin-right: 5px;padding-left: 0;padding-bottom: 4px;}
.popupSection .nav-tabs .nav-link.active {background: #eee;}
.table-view {border: 1px solid #dee2e6;border-top: 0;padding: 10px 15px;}
.table-view table {width: 100%}
.table-view table th, .table-view table td {line-height: 1.75;font-size: 15px;}
.table-view table th {border-bottom: 1px solid #eee;text-transform: uppercase;padding: 5px;}
.table-view table td {padding: 5px 10px;border-bottom: 1px solid #eee;}
.popupTitle {display: flex;border-bottom: 1px solid #ccc;margin: 0 0 10px;justify-content: flex-start;align-items: center;}
.popupTitle h2 {font-size: 22px;font-weight: 700;padding-bottom: 10px;padding-top: 5px;color: #242424;margin: 0;}
.popupTitle button.map-listing-rate{margin-left: 10px}
.review{border: 1px solid #ccc;padding: 10px;}
.review .reviewTitle{display: flex;align-items: center;margin: 0 0 10px;}
.review .reviewTitle .reviewIcon{margin-right: 10px}
.review .reviewTitle .reviewIcon svg path{fill: var(--primaryColor)}
.review .reviewTable table{margin: 0;font-size: 15px}
.review .reviewTable .table thead th{border-bottom: 0}
.review .reviewTable .table tbody td{font-size: 14px}
.reviewTable .avgReview table th {font-size: 12px;min-width: 75px;padding: 0.5rem;}
.review .reviewTable .avgReview .table tbody td {font-size: 12px;}
.popupTitle.b-0 h2 {border: 0}
.popupTitle.b-0 h2 svg{width: 18px;height: 21px;margin: 0 7px;}
.popupTitle.b-0 h2 svg path{fill: var(--iconColorFill)}
.popupTitle img {margin: 0 8px}
.row-extra .popupDesc > .row + .row{margin-top: 20px}
.popupDesc {padding: 5px 15px 15px}
.hasReadMore + .btn-transparent{display: flex;align-items: center;justify-content: center}
.popupDesc.hasReadMore.active + .btn-transparent .fa-angle-down{transform: rotate(180deg)}
.hasReadMore + .btn-transparent .fa{font-size: 20px;line-height: 15px}
.listTitle h3 {font-size: 18px;margin: 0;font-weight: 700;}
.popupDesc ul {list-style: none;padding: 0;margin: 10px 0 0}
.popupDesc ul li {display: flex;padding: 3px 0;align-items: center;font-size: 15px;}
.popupDesc ul li .sprite {zoom: 70%;margin-right: 8px;margin-top: 2px;flex: 0 0 35px;}
.popupDesc p {margin: 0;}
.popupDesc h1{font-size: 1.5rem;font-weight: 700}
.popupDesc p + p {margin: 10px 0 0;}
.popupDesc > .row + .row {margin-top: 15px}
.popupDesc .reviewSLider .slick-dotted.slick-slider{margin: 0}
.popupDesc .reviewSLider .slick-initialized .slick-slide{height: auto;flex-direction: column;}
.popupDesc .reviewSLider .slick-dots{position: relative;opacity: 1;display: flex;align-items: center;justify-content: center;bottom: 0;}
.reviewSLider .slick-dots li {width: auto;height: auto;}
.reviewSLider .slick-dots li button {background: #dedede;border-radius: 100%;width: 12px;height: 12px;}
.reviewSLider .slick-dots li.slick-active button {background: var(--primaryColor);}
.popupDesc ul.scoreList li {display: flex !important;align-items: center !important;justify-content: space-between !important;padding: 7px 0 !important;margin: 0 5px !important;}
.popupDesc .reviewSLider .slick-initialized .slick-slide > div:nth-child(even) {background: #f5f5f5;}
.popupDesc ul.scoreList li p {margin: 0 !important;padding: 0 10px !important;font-size: 14px !important}
.popupDesc p.grades {color: #6c6c6c;font-style: italic;font-size: 15px;}
.popupSection .relatedTab .nav-tabs {margin: 0 -10px 15px;border: 0}
.popupSection .relatedTab .nav-tabs .nav-link {font-size: 0.9rem;padding: 3px 10px;font-weight: normal;border-radius: 0;line-height: normal}
.popupSection .relatedTab .nav-tabs .nav-item {padding: 0 5px}
.popupSection .relatedTab .nav-tabs .nav-item:not(:last-child) {border-right: 1px solid #313131;}
.popupSection .relatedTab .nav-tabs .nav-item:first-child {border-right: 0}
.popupSection .relatedTab .nav-tabs .nav-link.disabled {font-size: 0.9rem;margin-right: 0;padding-bottom: 0}
.popupSection .relatedTab .nav-tabs .nav-link.active {position: relative;z-index: 1;color: #000;}
.popupSection .relatedTab .nav-tabs .nav-link.active:after {background: var(--primaryColor);position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;bottom: 0;right: 0;opacity: 0.56;z-index: -1;}
.property-contact {display: inline-block;width: 100%;}
.property-contact > ul {list-style: none;padding: 10px 0;margin: 0;display: flex;align-items: center;justify-content: space-between;}
.contactInfo{margin-top: -40px;position: relative;z-index: 9}
.property-contact > ul > li {font-size: 14px;color: #000;border-right: 1px solid #c3c3c3;font-weight: 600;text-align: center;width: 33.33%;}
.property-contact > ul > li:last-child {border-right: 0;}
.landLordFav .btn {width: 100%;padding: 10px 15px;text-transform: capitalize;letter-spacing: 0.25px;}
.landLordFav .btn.btn-gray {display: flex;align-items: center;justify-content: center;background: #dedede;}
.landLordFav .btn.btn-gray svg{margin-right: 10px;}
.landLordFav .btn.btn-gray svg.active path{fill: var(--primaryColor)}
.btn-outline-gray {background: #fff;border-color: #aeaeae;color: #646464;}
.btn-outline-gray:hover {background: #dedede;border-color: #dedede;color: #fff;}
.landLordFav .btn + .btn {margin-top: 10px;}
.landLordFav .btn.btn-gray .sprite {margin-right: 10px;}
.rightSide .nav-pills {justify-content: space-between}
.rightSide .nav-pills .nav-item {width: 50%}
.rightSide .nav-pills .nav-item .nav-link {width: calc(100% - 10px);text-align: center;border: 1px solid var(--primaryColor);border-radius: 5px;color: var(--primaryColor);padding: 0.4rem 1rem;font-size: 18px;display: flex;align-items: center;justify-content: center;font-weight: 600;}
.rightSide .nav-pills .nav-item .nav-link .sprite{margin-right: 5px;zoom: 1.15}
.rightSide .nav-pills .nav-item .nav-link .sprite.bg-call_small_colored{zoom: 0.85}
.rightSide .nav-pills .nav-item .nav-link:hover .sprite.bg-call_small_colored{background-position: -420px -331px;}
.rightSide .nav-pills .nav-item .nav-link:hover {color: #fff;background: var(--primaryColor)}
h5#detailPopup___BV_modal_title_:first-child,h5#roommate-bio___BV_modal_title_:first-child,h5#subleasePropModal___BV_modal_title_:first-child{display: none}
.rightSide .nav-pills .show > .nav-link {background: transparent}
.rightSide .nav-pills .nav-item:first-child .nav-link, .rightSide .nav-pills .nav-link.active {background: var(--primaryColor);color: var(--btnColor);}
.rightSide .nav-pills .nav-item:nth-child(3){width: 100% !important;margin-top:5px;}
.rightSide form {margin: 15px 0 0px;}
.rightSide form label {font-size: 0.85rem;font-weight: 600;color: #000000;text-transform: capitalize;}
.rightSide form .form-control {font-size: 0.9rem;color: #010101}
.rightSide form .custom-checkbox label {display: block !important;}
.custom-control-input:checked ~ .custom-control-label:before {color: #fff;border-color: #007bff;background-color: #007bff;}
.contactNum {margin-bottom: 1rem}
.contactNum p {margin: 0}
.blur {padding: 1px 15px;filter: blur(5px);font-size: 1.25rem;margin: 0.25rem 0;display: inline-block;}
.selectedInfo img {width: 100%;max-height: 160px;object-fit: cover;}
.selectedInfo p {font-size: 0.85rem;margin: 0 0 5px}
.selectedInfo h4 {font-size: 1.25rem;}
.selectedInfo label, .selectedInfo .form-control {font-size: 0.85rem}
.selectedInfo form {margin-top: 1rem}
.contactNum {margin: 1rem 0 0;}
.contactNum p {margin: 0;}
.blur {padding: 1px 15px;filter: blur(5px);font-size: 1.25rem;margin: 0.25rem 0;display: inline-block;}
.relatedTab .campusList {
justify-content: flex-start;padding: 0;background: transparent;}
.relatedTab .campusList .c-list {width: calc(50% - 8px);margin: 4px;}
.custom-dialog .card-header {background: var(--primaryColor);color: #fff;border-bottom: 0;text-align: center;}
.property-detail .nav-tabs li a.active{color: var(--primaryColor)}
.campusDur{text-align: left;margin-top: 30px}
.campusDur h4{font-size: 1.25rem;font-weight: 600}
.campusDur ul {list-style: none;padding: 0;margin: 0}
.campusDur ul li{margin: 2px 0}
.campusDur ul li a{color: #555;font-size: 0.9rem}
.campusDur ul li a.active{color: var(--primaryColor)}
.popupDesc ul.list-inline{display: flex;flex-wrap: wrap;align-items: center;margin: 10px -15px 0}
.popupDesc ul.list-inline li{width: 33.33%;padding: 0 15px;margin: 5px 0}
.campusDur ul.scrollable{overflow: auto;max-height: 145px;}
.campusDur ul.scrollable::-webkit-scrollbar {width: 7px;}
.campusDur ul.scrollable::-webkit-scrollbar-track {background:#d8d8d8;border-radius:10px;}
.campusDur ul.scrollable::-webkit-scrollbar-thumb {background-color: var(--primaryColor);border-radius:10px;}
/***********************End of DetailPopup*****************/


.btn-outline-success {color: var(--btnBgColor) !important;border-color: var(--btnBg) !important;background: var(--white) !important;}
.btn-outline-success a {color: inherit;}
.btn-outline-success:hover, .btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle, .btn-outline-success:not(:disabled):not(.disabled):active:focus {
color: var(--btnHoverColor) !important;background-color: var(--btnBg) !important;border-color: var(--btnBg) !important;box-shadow: none
}
.btn-success, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {color: var(--btnColor) !important;background-color: var(--btnBg) !important;border-color: var(--btnBg) !important;}
.btn-success:hover, .btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle, .btn-success:not(:disabled):not(.disabled):active:focus{
color: var(--btnHoverColor) !important;background-color: var(--btnHover) !important;border-color: var(--btnHover) !important;box-shadow: none
}
.btnMre{color: var(--btnColor);background-color: var(--primaryColor);border-color: var(--primaryColor);}
.header_main_listing {height: 155px}
.header_main_listing .brand-side{height: 105px}

.detail-prop-view table tr th {font-size: 1em;}
.detail-prop-view table tr td {font-size: 0.9em;}

/***********************Start of filter Amnenity*****************/
.map_wrap > [class*="col"] {height: calc(100vh - 155px);overflow-y: auto;}
.vdp-datepicker__calendar .cell.day{font-size: 15px}
.vdp-datepicker__calendar .cell.day-header{font-size: 100% !important}
.amenitySlider {list-style: none;padding: 0;margin: 0;display: flex;align-items: flex-end;}
.amenitySlider .slick-initialized {width: 100%;padding: 0 30px}
.amenitySlider .slick-arrow {background: transparent;width: 30px;height: auto;top: 50%;color: #b3b3b3;font-size: 20px;}
.amenitySlider .slick-arrow:hover {background: transparent;color: #000}
.amenitySlider .slick-arrow.slick-next {right: 0}
.amenitySlider .slick-arrow.slick-prev {left: 0}
.amenitySlider li {padding: 7px 10px}
.amenitySlider .slick-track{display: flex;align-items: flex-end;}
.amenitySlider input[type="checkbox"] {display: none}
.amenitySlider li label {font-size: 0.7rem;margin: 0;text-align: center;white-space: nowrap;}
.amenitySlider li label .sprite {display: block;margin: 0 auto 5px}
.amenitySlider input[type="checkbox"]:checked + label {color: var(--filtersLabelActiveColor)}
.amenitySlider input[type="checkbox"]:checked + label .bg-heat {background-position: -270px -111px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-sofa {background-position: -260px -262px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-pets {background-position: -62px -112px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-parking {background-position: -65px -10px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-air_cond {background-position: -366px -110px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-air-cond {background-position: -366px -110px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-dishwasher {background-position: -370px -211px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-cats{background-position: -109px -163px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-water_dryer{background-position: -260px -312px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-trash{background-position: -56px -312px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-accesiblity{background-position: -168px -108px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-storage{background-position: -320px -60px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-internet{background-position: -270px -210px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-electric{background-position: -220px -10px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-water{background-position: -257px -308px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-free_shuttle{background-position: -110px -212px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-loundory_onsite{background-position: -159px -262px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-swinning_pool{background-position: -320px -160px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-fitness_center{background-position: -10px -212px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-roommate_matching{background-position: -169px -10px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-aircraft {background-position: -451px -181px;}


.amenitySlider input[type="checkbox"]:checked + label .bg-shuttle {background-position: -443px -403px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-food_court {background-position: -258px -452px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-computer_lab {background-position: -412px -453px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-tv {background-position: -120px -470px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-music_room {background-position: -198px -452px;}
.amenitySlider input[type="checkbox"]:checked + label .bg-sport_court {background-position: -325px -453px;}

/***********************Map Disclaimer*****************/
#disclaimer .modal-content{border-radius: 0;border: 0;}
#disclaimer .modal-header{text-align: center;background: var(--primaryColor);position: relative;    border-radius: 0;}
#disclaimer .modal-header h5{font-size: 1.5rem;margin: 0 auto;width: 100%;}
#disclaimer .modal-header .close{position: absolute;top: 0;left: calc(100% - 15px);padding: 3px 8px 4px;color: #fff;opacity: 1;font-weight: 500;font-size: 1.5rem;background: #000;border-radius: 50%;}
#disclaimer .modal-body{padding: 25px;}
.map-disclaimer{bottom: 35px;left:5px;background: rgba(97, 97, 97, .7);z-index: 2;color: #fff;font-size: 14px;font-weight: 400;position: absolute;}
#disclaimer .modal-header{background: var(--primaryColor) !important;}
.campusGuideContainer, .campusGuideSec {margin: 0;width: 100%;float: left}
.campusGuideContainer {padding: 0;background: #fff}
.campusGuideContainerFluid, .campusSearchAprSp p {padding: 0;width: 100%;}
.listViewSection {background: #f3f3f3;}

.map-legend{bottom: 35px;left: 104px;background: rgba(97, 97, 97, .7);z-index: 2;color: #fff;font-size: 14px;font-weight: 400;position: absolute;border-radius: 5px;}
/***********************End  of Map Disclaimer*****************/

/***********************start of sublease v2*****************/
.listingImageSide .gallerySection img, .listingImageSide .slick-initialized .slick-slide img {width: 100%;height: 100%;object-fit: cover;max-height: 300px;margin: auto;}
.subleasePage {background: #f3f3f3;}
.search-header {position: relative;background-size: 30px;display: flex;align-items: center;}
.search-header input {font-weight: 600;border: 0;border-radius: 5px;font-size: 14px;height: 30px;background: 0 0;padding-left: 35px;width: 100%;text-overflow: ellipsis;overflow: hidden;color: var(--searchPlaceholder);}
.search-header input:focus{outline: none}
.filter {margin: 0 10px;position: relative}
.filter .dropdownFilter {min-width: 5rem;}
.filter a {padding: 5px;display: flex;align-items: flex-end;justify-content: space-between;text-decoration: none;font-size: 13px;border: 1px solid #cfcfcf;line-height: 18px;}
.filter a span {color: #000;display: flex;align-items: center;margin-right: 10px;}
.filter a .fa {margin-left: auto;font-size: 90%;line-height: 1.5;}
.filterOption {position: absolute;top: 100%;left: 0;z-index: 9;background: #fff;padding: 5px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);min-width: 100%;overflow:hidden;}
.filterOption ul {list-style: none;padding: 0;margin: 0}
.filterSelect .custom-control-input {opacity: 0}
.filterSelect {padding-left: 0rem;}
.filterSelect .custom-control-label{white-space: nowrap;padding-left: 16px;font-size: 14px;text-align: left}
.filterSelect .custom-control-label::before {border-radius: 0;width: 0.75rem;height: 0.75rem;border: 2px solid #333;left: 0rem;top: 0.3rem;}
.filterSelect .custom-control-input:checked ~ .custom-control-label::before {border-color: var(--primaryColor);background-color: var(--primaryColor);}
.subleaseFilters {display: flex;flex-wrap: wrap;align-items: flex-end;background: #fff;justify-content: space-between;padding: 5px 10px}
.subleasesFilterSec .btn{font-weight: 600}
.subleasesFilterSec .subleaseFilterReset {flex: 0 0 100%;max-width: 100%;}
.subleasesFilterSec .subleaseFilterReset .btn {width: 100%;font-size: 15px;}
.subleaseFilters .subleaseFilterLeft {display: flex;flex-wrap: wrap;align-items: flex-end;padding: 0;justify-content: center}
.subleaseFilters .subleaseFilter {display: flex;align-items: flex-end;padding: 5px 7px;}
.subleaseFilters .subleaseFilter .filter{margin: 0}
.subleaseFilters .subleaseFilter .toggleSwitch {height: 30px}
.subleaseFilters .subleaseFilter .toggleSwitch .toggleLabel {font-weight: 600;}
.subleaseFilters .subleaseFilter .custom-select{padding: 8px 24px 8px 10px;height: 40px;background-color: #f3f3f3;color: #000;font-weight: 600;border: 0;}
.subleaseFilters .subleaseFilter .search-header {border: 0;width: 300px;}
.subleaseFilters .subleaseFilter .search-header .fa {position: absolute;left: 8px;top: 50%;transform: translateY(-50%);font-size: 15px;}
.subleaseFilters .subleaseFilter .search-header input {background: #f3f3f3;color: #000;font-size: 14px;height: 40px;border-radius: 7px;}
.subleaseFilters .subleaseFilter .search-header input::placeholder {color: #000;}
.subleaseFilters .subleaseFilter .filter > span {color: #000;font-size: 13px;}
.subleaseFilters .subleaseFilter .filter a span{font-weight: 600;}
.subleaseFilters .subleaseFilter .filter input[type="range"] {-webkit-appearance: none !important;width: 100%;height: 40px;padding: 0;background-color: #f3f3f3;border: 0;border-radius: 7px;margin: auto;transition: all 0.3s ease;}
.subleaseFilters .subleaseFilter .filter input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;height: 40px;width: 25px;border-radius: 7px;background: var(--primaryColor)}
.subleaseFilters .subleaseFilter .filter a {padding: 10px;line-height: 18px;font-size: 14px;border: 0;background: #f3f3f3;align-items: center;border-radius: 7px;min-width: 80px;}
.subleaseFilters .subleaseFilter .filter a .fa {color: #000;}
.subleaseFilters .subleaseFilterRight {display: flex;padding: 5px 0;justify-content: flex-end}
.subleaseFilters .subleaseFilterLeft .subleaseFilter:first-child {padding-left: 0;}
.subleaseFilters .subleaseFilterRight .subleaseFilter:last-child {padding-right: 0;}
.btn-grey {background: #696969 !important;border-color: #696969;color: #fff;}
.subleaseListing {padding: 10px;display: flex;flex-direction: column;}
.subleaseListing .singleListing {display: flex;flex-wrap: wrap;background: #fff;border-radius: 7px;overflow: hidden;margin: 10px 0}
.subleaseListing .singleListing .listingImageSide {flex: 0 0 25%;max-width: 25%;position: relative;}
.subleaseListing .singleListing .listingImageSide:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: var(--primaryColor);z-index: 0;opacity: 0.15;}
.subleaseListing .singleListing .listingImageSide .gallerySection{height: 100%;position: relative;z-index: 1;}
.subleaseListing .singleListing .listingImageSide .gallerySection ul{list-style: none;padding: 0;margin: 0;}
.subleaseListing .singleListing .listingDescSide {flex: 0 0 75%;max-width: 75%;padding: 10px 0px 0 15px;}
.subleaseListing .singleListing .listingDescSide .descBottomLevel {position: relative;text-align: right;padding: 10px 15px;margin-left: -15px;display: flex;align-items: center;justify-content: space-between;}
.subleaseListing .singleListing .listingDescSide .descBottomLevel:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: var(--primaryColor);z-index: 0;opacity: 0.15}
.subleaseListing .singleListing .listingDescSide .descBottomLevel * {position: relative;z-index: 1;margin: 0;}
.subleaseListing .singleListing .listingDescSide .amenities .sprite{margin-right: 10px}
.subleaseListing .singleListing .listingImageSide button.beds {position: absolute;right: 10px;bottom: 10px;font-size: 12px;width: 70px;height: 70px;border-radius: 100%;background: #fff;padding: 0;font-weight: 600;}
.subleaseListing .singleListing .listingDescSide .descTopLevel {display: flex;justify-content: space-between;align-items: flex-start;padding-right: 15px;}
.subleaseListing .singleListing .listingDescSide .descTopLevel .btn-success {min-width: 110px;font-size: 16px;font-weight: 600;}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title {max-width: 530px;}
.subleaseListing .singleListing .listingDescSide .descBottomLevel h2 {font-size: 27px;font-weight: 600;}
.listView .subleaseListing .singleListing .listingDescSide .descBottomLevel h2 {font-size: 24px}
.subleaseListing .singleListing .listingDescSide .descBottomLevel p {font-size: 13px;font-weight: 600}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title h2 {font-size: 20px;line-height: 22px;font-weight: 600;}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title p{font-size: 14px;font-weight: 600;margin: 0 0 10px;}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title .postingSec {margin: 5px -15px;display: flex;flex-wrap: wrap;font-size: 11px;}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title .postingSec span {color: #969696;padding: 0 15px;}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title > * {margin: 0;}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title h3 {font-size: 16px;font-weight: 600;}
.subleaseListing .singleListing .listingDescSide .descMidLevel {margin: 10px 0 20px;}
.subleaseListing .singleListing .listingDescSide .descMidLevel h1, .subleaseListing .singleListing .listingDescSide .descMidLevel h2,
.subleaseListing .singleListing .listingDescSide .descMidLevel h3{font-size: 18px;font-weight: 600}
.subleaseListing .singleListing .listingDescSide .descMidLevel p {margin: 0;font-size: 13px;}

.descMidLevel.active, .descMidLevel{max-height: 100vh}

@media (max-width: 1200px){
.subleaseFilters .subleaseFilterRight{justify-content: center}
}

@media(max-width: 991px){
.subleaseListing .singleListing .listingDescSide .descTopLevel .title h2{font-size: 18px;line-height: 20px;}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title h3 {font-size: 16px}
.subleaseListing .singleListing .listingDescSide .descMidLevel {margin: 10px 0}
.subleaseListing .singleListing .listingDescSide .descBottomLevel h2{font-size: 19px}
<!-- .brand-side.right-padding-extra .navbar-toggler {margin-right: 7rem;} -->
}

@media(max-width: 767px){
.subleaseListing .singleListing .listingImageSide{flex: 0 0 100%;max-width: 100%;height: 250px}
.subleaseListing .singleListing .listingDescSide{flex: 0 0 100%;max-width: 100%}
.subleaseFilters {margin-bottom: 0}
.subleasesFilterSec .subleaseFilterReset {display: none}
.subleaseListing .singleListing .listingDescSide .descTopLevel .btn-success {display: none}
.subleaseListing .singleListing .listingDescSide .descTopLevel .title h3 {font-size: 14px;}
/*.subleaseListing .singleListing .listingDescSide .descMidLevel {display: none}*/
.subleaseListing .singleListing .listingDescSide .descTopLevel {margin-bottom: 15px}
.subleaseListing .singleListing .listingDescSide .descBottomLevel {text-align: left;display: flex;align-items: center;justify-content: space-between;}
.subleaseFilters .subleaseFilter .search-header {width: 100%;}
.subleaseFilters .subleaseFilterLeft {margin: 0 -10px}
.subleaseFilters .subleaseFilterLeft .subleaseFilter:first-child {padding-left: 10px}
.subleaseFilters .subleaseFilter {padding: 5px 10px}
.subleaseListing .singleListing .listingDescSide .amenities .sprite {margin: 5px}

.descMidLevel{max-height: 0;overflow: hidden;transition: 0.2s all ease-in}
.descMidLevel.active{max-height: 100vh;}
.subleaseListing .singleListing .listingDescSide .descBottomLevel .btn{white-space: nowrap}
.subleaseListing .singleListing .listingDescSide .descBottomLevel .btn.active .fa{transform: rotate(180deg)}
.heading-flex-1 h2{
    flex: 1;
}
}

/***********************End of sublease v2*****************/



/************* start of New listing on Campus page  ***********/

.strong{font-weight: 700 !important}
.campusNew .rentPerDay h3 {margin: 0;font-size: 1.5rem;font-weight: 700 !important;}
.campusNew .subleaseListing .singleListing .listingDescSide .descMidLevel {padding-right: 15px;}
.campusNew .rentPerDay {display: flex;padding: 15px 0px 0;align-items: center;justify-content: space-between;}
.subleaseList .subleaseDetail.listCampus{justify-content: flex-start;}
.campusList .campusDetail.subleaseList .detail-btns .listCampus p{font-size: 14px}
#date-calender .modal-header .close{right: 25px;z-index: 1;top: 15px;background: var(--primaryColor);padding: 0;}
#date-calender .modal-header {padding: 15px;box-shadow: none; border: 0;}
#date-calender .modal-header .modal-title {font-size: 1.35rem;}
#date-calender .modal-body {padding: 0;}
.bg-green {background: var(--primaryColor) !important;}
.bookingRequest .bg-green {color: #fff;padding: 20px;}
.bookingRequest .bg-green h3 {font-size: 1.25rem;margin: 0;}
.bookingRequest .bg-green ul {margin: 15px 0 0;list-style: none;padding: 0;display: flex;flex-wrap: wrap;font-weight: 500;}
.bookingRequest .bg-green ul li {padding-right: 20px;}
.bookingRequest .calender-box {padding: 15px;}
.bookingRequest .calender-box .calenderSection {padding: 15px 0;}
.bookingRequest .calender-box .calenderRequest {text-align: right;}
.bookingRequest .calender-box .btn-transparent {color: #757575;font-weight: normal;}
.bookingRequest .calender-box .btn-transparent:hover, .bookingRequest .calender-box .btn-transparent:focus {color: #fff;background: #757575;}
.bookingRequest .requestForm {padding: 15px 20px;}
.bookingRequest .requestForm label {font-size: 0.8rem;font-weight: 600;}
.bookingRequest .requestComplete {padding: 20px;text-align: center;font-size: 0.9rem;}



/************* End of New listing on Campus page  ***********/



/************* start of sublease page  ***********/

.btn-90.btn{min-width: 90px}
.subleaseList .subleaseDetail {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -5px;}
.subleaseList .subleaseDetail p {font-size: 1rem;font-weight: 400;text-align: center;padding: 0 10px;}
.subleaseList .subleaseDetail p span {display: block;font-size: 80%;line-height: 1;color: #737373;}
.campusList .campusDetail.subleaseList .detail-btns p {font-weight: 400;font-size: 12px;white-space: normal;color: #333;line-height: normal;}
.campusList .campusDetail.subleaseList .detail-btns p.green{color: var(--primaryColor);}
.sublease_v1 .campusList .imageSection ul li, .sublease_v1 .campusList .imageSection ul li img {height: 200px;}
.sublease_v1 .imageSection .slick-arrow {border-radius: 100%;width: 35px;height: 35px;font-size: 1.5rem;}
.sublease_v1 .imageSection .slick-arrow.slick-next {right: 10px;}
.sublease_v1 .imageSection .slick-arrow.slick-prev {left: 10px;}
.sublease_v1 .campusList .campusDetail p {font-size: 14px;}
.subleasePropDetail .campusList .imageSection .slick-arrow {border-radius: 100%;width: 40px;height: 40px;}
.subleasePropDetail .campusList .imageSection .slick-arrow.slick-prev {left: 15px;}
.subleasePropDetail .campusList .imageSection .slick-arrow.slick-next {right: 15px;}
.campusList .campusDetail.subleaseList p {white-space: normal;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {width: calc(100% + 1.25rem);background-position: 3px 3px;background-size: auto;}
.campusList .imageSection ul li .desktopSlide .slick-slider {height: inherit;}
.campusList .imageSection ul li .desktopSlide .slick-slider .slick-list {height: 100%;}
.campusList .imageSection ul li .desktopSlide .slick-slider .slick-track {height: 100%;}
.campusList .imageSection ul li .desktopSlide .slick-slide> div {height: 100%;border-top-right-radius: 4px;border-top-left-radius: 4px;overflow: hidden;}
.mapSec template, .mapSec{display: block;width: 100%;height: 100%}
.mapSec template .mapView {width: 100%;height: 100%;}
.sublease_v1 .loadMoreBtn {padding: 15px;}
.mapSec .mapView {width: 100%;height: 100%;}
.subleasePropDetail .campusList {background: transparent;padding: 0;}
#subleasePropModal .modal-body {padding: 0 0 10px;}
.subleasePropDetail .campusList .c-list {margin: 0;width: 100%;}
.subleasePropDetail .campusList .imageSection ul li, .subleasePropDetail .campusList .imageSection ul li img {height: 350px;}
.subleasePropDetail .subleaseList .subleaseDetail p {flex: 0 0 25%;max-width: 25%;}

.subleasePropDetail .campusList .campusDetail .btn {padding: 0.75rem 1rem;}
.subleasePropDetail label {font-size: 12px;margin: 0 0 5px;font-weight: 600;}
.subleasePropDetail .collapse {padding: 10px 0 0;}
#subleasePropModal .modal-header {padding: 0;border: 0;}
#subleasePropModal .modal-header .close {right: 25px;z-index: 1;top: 15px;background: var(--primaryColor);padding: 0;}

@media(max-width: 767px){
    .subleasePropDetail .campusList .imageSection .slick-arrow {width: 30px;height: 30px;font-size: 1.25rem;}
    .subleasePropDetail .campusList .imageSection ul li, .subleasePropDetail .campusList .imageSection ul li img{height: 250px}
    .subleaseList .detail-btns {flex-wrap: wrap;}
    .sublease_v1 .imageSection .slick-arrow{width: 25px;height: 25px;font-size: 1rem}

}

/************* end of sublease page  ***********/

/***********************Start  of Roommate *****************/
.para{background: var(--primaryColor);color: #ffffff}
button.btn.btn-primary.green {border: var(--primaryColor);background: var(--primaryColor);color: #fff;}
.filterSelect label {width: 100%;font-size: 12px}
.b-0 {border: 0}
.header-dark .card-body {padding: 0}
.header-dark .card-title {background: #333;color: #fff;font-size: 1.25rem;padding: 15px 30px;font-weight: 600;}
.roommateFilter {padding-bottom: 10px}
.roommateFilter .filter {margin-bottom: 10px}
.roommateFilter .btn{margin: 5px 0}
.filter {margin: 0 10px;position: relative}
.filter .dropdownFilter {min-width: 5rem;}
.filter a {padding: 5px;display: flex;align-items: flex-end;justify-content: space-between;color: var(--primaryColor);text-decoration: none;font-size: 13px;border: 1px solid #cfcfcf;line-height: 18px;}
.filter a span {color: #000;display: flex;align-items: center;margin-right: 10px;}
.filter a .fa {margin-left: auto;font-size: 90%;line-height: 1.5;}
.filterOption {position: relative;top: 100%;left: 0;z-index: 9;transition: 0.15s opacity;background: #fff;padding: 5px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);min-width: 100%;max-height: 0;opacity: 0;}
.filter a.active + .filterOption {opacity: 1;max-height: 99vh;}
.filterOption ul {list-style: none;padding: 0;margin: 0}
.roommateTitle {text-align: center;padding-bottom: 15px}
.header-roommate{border-top: 3px solid #ffd25e;border-bottom: 1px solid #003466;}
.header-roommate .card-body{padding-left: 0;padding-right: 0}
.header-roommate .card-title{font-size: 22px;text-align: center;margin: 5px 0 20px;text-transform: uppercase;font-weight: 700}
.header-roommate .roommateContentSection{padding: 0}
.roommateTitle p {margin: 0;font-size: 14px}
.roommateTitle .btn {margin: 15px 0}
.roommateTitle .scam {color: #003466;font-weight: 600;}
.header-roommate .roommateTitle .scam {font-weight: 700;margin-top: 18px}
.roommateContentSection {padding: 0 10px}
.roommateProfile {margin: 8px 0;display: inline-block;width: 100%;box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.4);}
.roommateProfile .profileCard {display: flex;align-items: center;flex-wrap: wrap;padding: 10px 15px 15px;position: relative;background: var(--primaryColor);border-top-left-radius: 5px;border-top-right-radius: 5px;}
.roommateProfile .profileCard .profileImg {width: 170px;padding: 5px 10px;}
.roommateProfile .profileCard .profileImg img {width: 100%;height: 100%;border-radius: 100%;border: 2px solid #000;object-fit: cover; /* object-position: top; */}
.roommateProfile .profileContent {width: calc(100% - 200px)}
.roommateProfile .profileContent h3 {margin: 0;font-weight: 600;padding: 0 10px;color:#fff;}
.roommateProfile .profileContent ul.profileDetail {list-style: none;padding: 0;display: flex;flex-wrap: wrap;margin: 10px 0;width: 100%;}
.roommateProfile .profileContent ul.profileDetail li {width: 100%;font-size: 0.85rem;padding: 2px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.roommateProfile .profileContent ul.profileDetail li a {color: #000}
.roommateProfile .profileCard, .roommateProfile .profileContent ul.profileDetail li a, .roommateProfile .profileContent h3 {color: #fff;}
.roommateProfile .profileContent ul.profileDetail li .strong, .roommateProfileContent p strong {margin-right: 5px;}
strong, .strong, .bold {font-size: inherit}
.roommateProfile .profileCard .profileImg {width: 140px;padding: 0;margin-right: 20px;height: 140px;border: 2px solid #000;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.roommateProfile .profileCard .profileImg span {font-size: 65px;font-weight: 700;color:#fff;}
.roommateProfileContent {padding: 5px 20px 30px;position: relative;background: #fff;}
.roommateProfileContent .hide-content {display: none;}
.roommateProfileContent h4 {margin: 15px 0;color: #000;padding-bottom: 8px;position: relative;font-size: 20px;text-transform: uppercase;font-weight: 600;}
.roommateProfileContent h4:after {content: '';position: absolute;left: 0;bottom: 0;width: 40%;height: 3px;background: var(--primaryColor);}
.roommateProfileContent p {margin: 0;font-size: 14px;color: #000}
.roommateProfileContent p + p {margin: 10px 0 0;}
.roommateProfileSection .roommateProfile:first-child .profileCard {border-top-left-radius: 5px;border-top-right-radius: 5px}
.roommateProfileSection .roommateProfile:last-child .profileCard {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
.viewMoreLess {position: absolute;right: 0px;bottom: 0;width: 100%;height: 40px;left: 0;background: #333333;padding-top: 10px;border-top: 1px solid #dedede;display: none}
.viewMoreLess:after {width: 100%;content: 'Read More >>';position: absolute;top: 8px;right: 0;left: 0;font-weight: 700;cursor: pointer;text-align: center;color: #fff;font-size: 1rem;}
.roommateProfile.active .viewMoreLess:after {content: 'Read Less <<';}
.collapseInfo {display: flex;flex-wrap: wrap;width: 100%;margin: 0px;align-items: center;transition: 0.15s opacity ease-in}
.collapseInfo h5 {margin: 0;padding: 0;line-height: 16px;}
.collapseInfo p {margin: 0px 5px 0;line-height: 15px;font-size: 0.85rem;}
.roommateProfile.active .collapseInfo {opacity: 0}
.roommateProfile .profileContent .socialLinks {width: 50%;margin: 10px 0;}
.roommateProfile .profileContent .socialLinks a {color: #fff}
.btn-report {background: #333333;width: 100%;font-weight: bold;margin: 3px 0;color: #fff;}
.btn-report:hover{color: #fff;text-decoration: none;}
.roommateProfile .profileContent .emailBtn {width: 50%;margin: 10px 0;}
/***********************End  of Roommate *****************/

/***********************Start  of roommate New Page *****************/
.roommateListing{padding: 5px 0;background: #F8F8F8;}
.singleRoom{padding: 12px 5px;background: #fff;border-radius: 5px;box-shadow: 3px 3px 30px rgb(0,0,0,0.03);height: calc(100% - 10px);margin: 5px 0}
.singleRoommate {display: flex;align-items: center;justify-content: space-between;margin: 0px;position: relative;}
.singleRoommate .roommateBasics {display: flex;align-items: flex-start;padding: 0 5px;}
.singleRoommate .roommateBasics .avatar {flex: 0 0 55px;max-width: 55px;height: 55px;border-radius: 100%;background: #eee;overflow: hidden;border: 1px solid var(--primaryColor);}
.singleRoommate .roommateBasics .avatar img {width: 100%;height: 100%;object-fit: cover;}
.singleRoommate .roommateBasics .roommateDesc {padding-left: 15px;}
.singleRoommate .roommateBasics .roommateDesc h3 {font-size: 1rem;font-weight: 600;margin: 0 0 5px;}
.singleRoommate .roommateBasics .roommateDesc p {margin: 0;font-size: 1rem;}
.singleRoommate .roommateBasics .roommateDesc p strong {margin-right: 5px;}
.singleRoommate .roommateBasics .roommateDesc p a {color: inherit}
.singleRoommate .roommateContact {padding: 0 10px;display: flex;align-items: center;margin: 0 -5px;}
.singleRoommate .roommateContact .contactDetail {display: flex;flex-direction: column;padding: 0 10px;}
.singleRoommate .roommateContact .contactDetail .btn {margin: 5px 0;white-space: nowrap;}
.singleRoommate .roommateContact .roommateRent {padding: 0 10px;display: flex;text-align: center;}
.singleRoommate .roommateContact .roommateRent p {color: #737373;font-size: 0.9rem;padding: 0 5px;margin: 0}
.singleRoommate .roommateContact .roommateRent p span {color: #333333;display: block;font-size: 1rem;}
.singleRoom .green {font-size: 0.95rem;width: 100%;text-align: right;margin: 0;color: #333;font-weight: 600;padding: 0 15px}
.singleRoommate.roommate-bio-modal {flex-direction: column;align-items: flex-start;margin: 0;box-shadow: none;padding: 10px 10px 25px;}
.singleRoommate.roommate-bio-modal .bio-content {margin: 10px 0;padding: 0 5px;}
.singleRoommate.roommate-bio-modal .bio-content p {font-size: 0.85rem;margin: 0 0 10px;}
.singleRoommate.roommate-bio-modal .roommateContact {width: 100%;margin: 0;padding: 0;}
.singleRoommate.roommate-bio-modal .contactDetail {flex: 0 0 25%;}
.singleRoommate.roommate-bio-modal .roommateRent {flex: auto;}
.singleRoommate.roommate-bio-modal .roommateRent p {padding: 0 25px;}
.singleRoommate.roommate-bio-modal .roommateRent p br {display: none;}
#roommate-bio .modal-body {padding: 0;}
#roommate-bio .modal-header {border: 0;padding: 0;}
#roommate-bio .modal-header .close {top: 15px;right: 30px;z-index: 1;width: 20px;height: 20px;padding: 0;font-size: 17px;background: var(--primaryColor);}
.singleRoommate.roommate-bio-modal .card {border: 0;padding: 0;}
.singleRoommate.roommate-bio-modal .card .card-body {padding: 0;}
.singleRoommate.roommate-bio-modal form {padding: 15px 10px 10px;}
.singleRoommate.roommate-bio-modal .collapse {width: 100%;}
.singleRoommate.roommate-bio-modal form label {margin: 0 0 5px;font-size: 0.9rem;font-weight: 600;}
.singleRoommate.roommate-bio-modal form .form-control {border-color: #787878;}
.singleRoommate.roommate-bio-modal .roommateContact .roommateRent p span {margin: 0 0 5px;}
.roommatesTopSec {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;border-top: 2px solid #f8f8f8;padding: 5px 0 0;}
.roommatesTopSec .roommate-btns {display: flex;align-items: center;}
.roommatesTopSec .roommate-tagline {flex: 0 0 65%;padding: 0 25px;text-align: center;color: var(--primaryColor);}
.roommatesTopSec .btn-filter {border: 1px solid #dedede;border-radius: 25px;padding: 4px 15px;font-size: 13px;font-weight: 600;}
.roommatesTopSec .roommate-tagline h1 {font-size: 18px;font-weight: 700;margin: 0 0 5px;}
.roommatesTopSec .roommate-tagline h2 {font-size: 15px;font-weight: 600;margin: 0;}
.roommatesTopSec .roommate-tagline p {font-size: 14px;}
.roommate-filter-section{padding: 10px 0}
.roommate-filter-section .single-filter {padding: 8px 0;}
.roommate-filter-section .single-filter h5 {font-size: 16px;font-weight: 700;margin: 0;}
.single-filter .filter-inputs {display: flex;flex-wrap: wrap;margin: 0;}
.single-filter .filter-inputs .custom-control {padding: 3px 15px;}
.single-filter .filter-inputs .custom-control .custom-control-label {font-size: 14px;color: #3A3A3A;margin: 0;margin-left: 5px;}
.single-filter .filter-inputs .custom-control .custom-control-label:before {background: #F3F3F3;border-color: #E3E3E3;}
.custom-control-input:checked~.custom-control-label::after {width: calc(100% + 1.5rem);height: 100%;background-size: auto;background-position: 3px 3px;}
.single-filter .filter-inputs .custom-control .custom-control-input:checked ~ .custom-control-label:before {border-color: #007bff;background-color: #007bff;}
.roommate-filterSec #collapse-2{border-top: 7px solid #f4f4f4}
.roommatesTopSec .roommate-btns .btn {min-width: 100px;}
#EmailModal .form-group {margin: 0 0 20px;}
#EmailModal .form-group label {margin: 0;font-size: 1rem;font-weight: 600;}
#roommate-bio .singleRoommate.roommate-bio-modal .form-group {margin: 0 0 20px;}
.roommateListing .loadMoreBtn {margin: 20px 0;}
.roommate-filterSec .mobile-new-filter .mobile-filter-head h2{font-size: 16px}
.row.inner-pad-5 {margin-right: -5px;margin-left: -5px;}
.row.inner-pad-5 > [class^="col-"] {padding-left: 5px;padding-right: 5px;}
@media(max-width: 1300px){
    .singleRoommate .roommateContact .roommateRent p,
    .singleRoommate .roommateContact .roommateRent p span,
    .singleRoommate .roommateBasics .roommateDesc p,
    .singleRoom .green,
    .singleRoommate .roommateContact .contactDetail .btn{
        font-size: 0.7rem;
    }
}
@media(max-width: 767px){
    .singleRoommate .roommateBasics .roommateDesc h3{font-size: 0.9rem;margin: 0}
    .singleRoommate {flex-direction: column;align-items: flex-start;margin: 5px 0;}
    .singleRoommate .roommateContact {justify-content: space-between;width: 100%;margin: 10px 0 0;padding: 0}
    .singleRoommate .roommateContact .roommateRent p,
    .singleRoommate .roommateContact .roommateRent p span,
    .singleRoommate .roommateBasics .roommateDesc p,
    .singleRoom .green,
    .singleRoommate .roommateContact .contactDetail .btn {font-size: 0.75rem;}
    .singleRoommate .roommateContact .roommateRent p br{display: none}

    .roommate-filterSec {border-top: 4px solid #f8f8f8;}
    .roommate-filterSec .collapse.show {border-top: 5px solid #f8f8f8;padding: 10px 0;}
    .roommatesTopSec {margin: 0 -15px;flex-direction: column;}
    .roommatesTopSec .roommate-btns {width: 100%;justify-content: center;padding: 20px 0;background: #f8f8f8;}
    .roommatesTopSec .roommate-tagline {flex: 0 0 100%;max-width: 100%;padding: 10px 20px 5px;}
    .roommatesTopSec .roommate-tagline h1 {font-size: 14px;}
    .roommatesTopSec .roommate-tagline h2, .roommatesTopSec .roommate-tagline p {font-size: 12px;}
    .roommatesTopSec .roommate-tagline p {margin: 0;}
    .roommatesTopSec .btn-filter {border-radius: 0;width: 100%;background: var(--primaryColor);color: #fff;padding: 10px;}

}
/***********************End  of roommate New Page *****************/


/***********************Start  of favorite Page *****************/

.campusNews .map-section {    height: 450px;}
#map{width:100%;height: 100%;}
.favouritBox {border: 4px solid #ccc;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 8px;overflow: hidden;margin-bottom: 15px;cursor: pointer;display: flex;position: relative;}
.favouritBox:hover {border-color: var(--primaryColor);}
.favouritBox .campusThumb {border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 8px;}
.favouritBox .campusShortDes {margin-left: 15px;width: 100%;}
.campusShortDes .price a {color: var(--primaryColor);;text-decoration: none;font-size: 12px;}
.campusShortDes .price p {font-size: 12px;}
.rt-amount {margin: 0 20px 0 0;float: left;font-size: 12px;}
.campusShareBrn {display: flex;width: 100%;justify-content: space-between;padding-top: 10px;}
.campusShareBrn ul {padding: 0;list-style: none;font-size: 12px;margin-bottom: 5px;}
.favouritBox > .campusThumb > a > img {width: 120px;height: 100px;}
.favCard {max-width: 970px;margin: 0 auto;}
.pattern-bg {padding: 30px 0;min-height: calc(100vh - 70px);}
.campusNews {padding: 10px 15px;}
.campusNews .card-text {font-size: 0.875rem;}
.campusNews .newsList {list-style: none;padding: 0;margin: 20px 0 0;}
.campusNews .newsList li {display: flex;align-items: center;padding: 10px 0;}
.campusNews .newsList li .newsImg {height: 10rem;border: 1px solid #9c9c9c;padding: 10px;text-align: center;}
.campusNews .newsList li .newsImg img {width: 100%;height: 100%;object-fit: cover;}
.campusNews .newsList li .newsDesc h2 {color: #23ce60;}
.campusNews .newsList li .newsDesc h2 a {color: inherit;text-decoration: none;}
.campusNews .newsList li .newsDesc h2:hover {color: #18a048;}
.campusNews .newsList li .newsDesc p {font-size: 0.9rem;}
.tagline {font-size: 15px;border-bottom: 1px solid #ccc;padding: 0 0 8px;color: #000000;margin-bottom: 10px;margin-top: 0;text-transform: uppercase;}
.ShareButton {background: url(../assets/images/2.gif);background-size: 230px auto;width: 230px;display: inline-block;cursor: pointer;height: 40px;}
.shar_wrap {text-align: center;}
.favouritesContainer .btn-close{width: 15px;height: 15px;font-size: 15px;color: var(--primaryColor);background: transparent;box-shadow: none;border: 0;position: absolute;padding: 0;z-index: 9;right: 5px;top: 5px;}
.popOverlay {margin: 0;padding: 0;position: fixed;width: 100%;height: 100%;background: rgba(51, 51, 51, .98);z-index: -99;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: all ease 0.4s;}
.popOverlay.active {opacity: 1;z-index: 9999;}

/***********************End  of favorite Page *****************/


/***********************Start  of Detail Page*****************/
.sentMessage{display: none}
.sentMessage.active{display: block;color: var(--primaryColor);}
.bottomPanel{display: none}
.amenitySlider ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: flex-end;}
.amenitySlider ul li {padding: 7px 10px}
.amenitySlider ul input[type="checkbox"] {display: none}
.amenitySlider ul li label {font-size: 0.7rem;margin: 0;text-align: center;white-space: nowrap;}
.amenitySlider ul li label .sprite {display: block;margin: 0 auto 5px}
.amenitySlider ul input[type="checkbox"]:checked + label {color: var(--primaryColor);}
.btn-outline-white{border-color: #fff;color: #fff;}
.btn-outline-white:hover, .btn-outline-white.active{border-color: var(--iconColorFill);;color: var(--iconColorFill);;}
.btn-outline-white:focus{box-shadow: 0 0 0 0.2rem rgba(35, 206, 96, 0.25);}
.btn-default{border-color: var(--primaryColor);;color: #fff;background: var(--primaryColor);;}
.btn-default:hover, .btn-default:focus{border-color: var(--primaryColor);;color: #fff;background: var(--primaryColor);;}
.br-0{border-radius: 0}
h5, .h5{font-size: 14px;}
.detail-slider{position: relative}
.property-detail-container{margin-bottom: 30px;}
.property-detail-container .nav-tabs{border-bottom-color: #d8d8d8;}
.property-detail-container > .tab-pane{height: 400px}
.campusDetailPanelSec{position: absolute;left: 0;bottom: 45px;width: 100%;z-index: 10;}
.campusDetailPanelSec .container{background: #000;padding-top: 7px;padding-bottom: 7px;color: #fff;}
.headingCampus-detailSec h1{font-weight: 700;font-size: 25px;margin: 5px 0 0;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.headingCampus-detailSec .sub-heading{font-size: 18px;font-weight: 500;margin: 0;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.priceDetailSec h2{text-align: right;font-size: 1.5rem;}
.campusDetailPanelSec .nav-tabs{border-bottom: 0;}
.campusDetailPanelSec .nav-tabs > li{margin-left: 20px;}
.priceDetailSec .btn-outline-white i{display: inline-block;width: 24px;height: 24px;margin-right: 5px;}
.priceDetailSec .btn-outline-white svg{width: 100%;height: 100%;vertical-align: bottom;}
.priceDetailSec .btn-outline-white svg path{fill: #fff;}
.priceDetailSec .btn-outline-white.active svg path{fill: var(--iconColorFill);;}
.priceDetailSec .btn-outline-white:hover svg path{fill: var(--iconColorFill);}
.feature-block{margin: 0 0 20px;font-size: 0.875rem;}
.feature-block p h1, .feature-block p h2, .feature-block p h3, .feature-block p h4, .feature-block p h5, .feature-block p h6{font-size: 1.1rem; font-weight: 600}
.iconic-heading{display: flex;align-items: center;}
.iconic-heading i{display: inline-block;margin-right: 5px;}
.iconic-heading i svg{height: 1.875rem;}
.iconic-heading i svg path, .iconic-heading i svg polygon, .iconic-heading i svg rect, .iconic-heading i svg g, .iconic-heading i svg circle{fill: var(--iconBgColor);}
.feature-block > h2, h2.iconic-heading{font-size: 1.25rem;width: 100%;font-weight: 700;margin-bottom: 10px;margin-top: 10px;}
.feature-block table{font-size: 14px;width: 100%;}
.feature-block table th{background: #dedede;}
.feature-block table td, .feature-block table th{text-align: center;padding: 6px 5px;color: #333;}
.feature-block table td:first-child, .feature-block table th:first-child{text-align: left;}
.feature-block > h2:not(.iconic-heading){border-bottom: 1px dotted #D1D0D0;padding: 10px 0;font-size: 1.12rem;font-weight: 600;}
.feature-block ul {list-style: none;padding: 0;margin: 10px 0 0}
.feature-block ul li {display: flex;padding: 3px 0;align-items: center;font-size: 15px;}
.feature-block.unitDD ul li {display: block;}
.feature-block ul.scoreList li {display: flex;align-items: center;justify-content: space-between;margin: 0 -10px;}
.feature-block ul.scoreList li p {margin: 0;padding: 0 10px;}
.feature-block p.grades {color: #6c6c6c;font-style: italic;font-size: 15px;}
.feature-block .singleHead{border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: space-between}
.feature-block .singleHead h2{font-size: 22px;font-weight: 700;padding-bottom: 10px;padding-top: 5px;color: #242424;margin: 0;}
.extra-feature {border-bottom: 1px solid #b4b4b4;}
.extra-feature h2{padding: 10px 0px;cursor: pointer;position: relative;margin: 0;}
.extra-feature h2:after{content: "\2212";position: absolute;top: 8px;right: 0;font-size: 26px;padding: 0 10px;}
.extra-feature h2.collapsed:after{content: "\002b";}
.extra-list{list-style: none !important;display: flex;flex-wrap: wrap;padding: 15px !important;margin: 0 !important;}
.extra-list li{width: 33.33%;display: flex;align-items: flex-start;padding: 10px !important;font-size: 0.875rem !important;}
.extra-list li i{display: inline-block;margin-right: 5px;}
.extra-list li i svg{height: 1.25rem;vertical-align: top;}
.extra-list li i svg path{fill: #000;}
.unit-tabs .nav-tabs{flex-wrap: nowrap;}
.unit-tabs .nav-tabs .nav-link{border-top: 1px solid #ddd;border-radius: 0;border-right: 1px solid #ddd;background: rgba(241,241,241,.6);color: #333;padding: 15px 0;text-align: center;}
.unit-tabs .nav-tabs .nav-link.active{background: transparent}
.unit-tabs .nav-tabs .nav-item{width: 100%;}
.unit-tabs .tab-content{border: 1px solid #ddd;border-top: 0;}
.feature-block .unit-tabs table th{background: transparent;white-space: nowrap}
.feature-block .unit-tabs table td:first-child, .feature-block .unit-tabs table th:first-child{text-align: center;}
.feature-block .unit-tabs table td{border-top: 1px solid #ddd;}
.custom-dialog.card{width: 100%;margin: 0 0 1.5rem;}
.custom-dialog .card-header{background: var(--primaryColor);;color: #fff;border-bottom: 0;text-align: center;}
.custom-dialog .card-header h3{font-size: 1.25rem;font-weight: 600}
.custom-dialog .card-body{/*min-height: 7rem;*/display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0.75rem;}
.custom-dialog .card-body > *{width: 100%;}
.custom-dialog .card-body label{font-size: 0.8rem;font-weight: 600;margin: 0}
.custom-dialog .card-body .form-control, .custom-dialog .card-body .custom-select{font-size: 0.85rem}
.email-fields .form-group .form-control{height: 32px;font-size: 0.9rem;}
.ask-num h4{font-size: 1rem;font-weight: 600;}
.ask-num p{font-size: 0.8rem;}
.backCampus h5:last-child{margin: 0}
.backCampus h5 a{font-weight: 600}
.email-fields .form-group textarea.form-control{height: 100px;}
.email-fields .btn-block{font-size: 1.1rem;}
.email-fields .fa{margin-right: 5px;font-size: 20px;}
.email-fields label{font-size: 14px;color: #333;}
.email-fields input[type="checkbox"]{margin-top: 5px;margin-right: 5px;}
.call-number p{font-size: 0.875rem;margin-bottom: 5px;}
.call-number a{font-size: 1.5rem;display: block;font-weight: 600;}
.property-detail table{width: 100%;}
.property-detail table tr td{padding: 3px 5px;font-size: 13px;}
.property-detail table tr td:first-child{font-weight: 600;white-space: nowrap;}
.slick-initialized .slick-slide {display: flex;align-items: center;height: 100%;min-height: 1px;}
.slick-initialized .slick-slide img{height: 400px}
.detailTabContent {height: 400px;display: flex;justify-content: center;align-items: center}
.priceSecSmall h4{font-weight: 600}
.bottomPanelModal{display: none}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0);}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0);}90%{transform:translate3d(0,-4px,0);}}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.bounce {animation-name: bounce;transform-origin: center bottom;}
.delay-animation-15s {-webkit-animation-delay: .5s;animation-delay: .5s;}

.relatedProp span {color: var(--primaryColor);font-size: 14px !important;display: block;font-weight: 600;}

/***********************End  of Detail Page*****************/

/***********************Start  of Subleases *****************/
.para{background: var(--primaryColor);color: #ffffff}
.b-0{border: 0}
.table-overflow{overflow-x: auto}

.header-dark .card-body {padding: 0 0 10px}
.header-dark .card-title {background: #333;color: #fff !important;font-size: 1.25rem;padding: 15px;font-weight: 600}
.header-dark.theme-header .card-title{background: var(--primaryColor);}

.subleaseMain{padding: 0}
.subleaseMain > *:not(.result-list){padding: 0 10px}
.subleaseMain h4{font-weight: 600}
.result-list{list-style: none;margin: 0;padding: 0}
.result-list li {padding: 10px;}
.result-list li:nth-child(even){background: #f1f1f1;}
.result-list li:not(:last-child) {border-bottom: 4px solid #e5e4e4;}
.subLeaseList {margin: 10px 0;display: flex;flex-wrap: wrap;align-items: flex-start;}
.subLeaseList .leaseImg {width: 32%;padding: 0 10px}
.subLeaseList .leaseImg img {width: 100%;height: auto;margin-bottom: 10px;}
.subLeaseList .leaseImg p {color: #000;}
.subLeaseList .leaseImg .btn{font-size: 14px}
.subLeaseList .leaseRight {width: 68%;display: flex;flex-wrap: wrap;padding: 0 10px}
.subLeaseList .leaseRight .leaseDetail {display: flex;flex-wrap: wrap;width: 100%;}
.subLeaseList .leaseDetail .leaseTitle h2 {margin: 0 0 5px;color: #000;font-size: 20px;font-weight: 600}
subLeaseList .leaseDetail .leaseTitle p {margin: 0;font-size: 13px;color: #888888;}
.subLeaseList .leaseRight .leaseDetail .btn {width: 100%;font-weight: bold;margin: 3px 0;}
.subLeaseList p {margin: 10px 0;color: #000;font-size: 13px;}
.subLeaseList p strong {margin-right: 3px;}
.subleaseFilter{padding: 0 15px}
.subleaseFilter .form-control{font-size: 14px}
.subleaseFilter .btn{font-size: 14px}
.slidecontainer {width: 100%;}
.slider {-webkit-appearance: none;width: 100%;height: 25px;background: #d3d3d3;outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;}
.slider:hover {opacity: 1;}
.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 25px;height: 25px;background: var(--primaryColor);cursor: pointer;}
.slider::-moz-range-thumb {width: 25px;height: 25px;background: var(--primaryColor);cursor: pointer;}
.leaseSlider .slick-arrow{width: 30px;height: 30px;border-radius: 0;font-size: 15px;background: rgba(0,0,0,0.5);color: #fff;z-index: 2;}
.leaseSlider .slick-arrow.slick-prev{left: 0}
.leaseSlider .slick-arrow.slick-next{right: 0}
.leaseSlider .slick-initialized .slick-slide img{height: auto}
.leaseSlider .slick-arrow::before {
content: none;
}
.leaseSlider .slick-arrow:hover {
background: rgba(0,0,0,0.8);
}
/***********************End  of Subleases *****************/


/***********************Start of Pagination*****************/
.page-link {color: var(--primaryColor);}
.page-link:hover, .page-item.active .page-link{color: #fff;background-color: var(--primaryColor) !important;border-color: var(--primaryColor);}
/***********************End of Pagination*****************/


/***********************Start of Complain form*****************/
.complain-form label{font-weight: 600}
/***********************End of Complain form*****************/

/***********************Start of Quiz*****************/
ul.quizList li{min-width: auto !important}
.RCPQuiz{max-width: 100% !important;}
ul.quizList{align-items: unset !important;}
ul.quizList li{height: inherit;margin: 0 !important;padding: 10px !important;}
ul.quizList li .customCheck{height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
ul.quizList li .customCheck .directQuiz {margin: 10px 0 0;}
ul.quizList li label p.quizTitle{font-size: 18px;line-height: 21px;margin: 0 0 10px;font-weight: 600;}
ul.quizList li .customCheck .quiz-banner{display: block;position: relative;}
ul.quizList li .customCheck .quiz-banner i.fa{line-height: 250px;color: #000;font-size: 40px;position: absolute;left: 0;right: 0;text-align: center;top: 0;bottom: 25px;z-index: 1;    background: rgba(255,255,255,0.45);}
.RCPQuiz .quizLabel{background: var(--primaryColor);color: #fff;}
.RCPQuiz .quizLabel h2{padding: 15px;}
/***********************End of Quiz*****************/

/***********************Start of bullet board*****************/
.messageList .message{padding: 20px 0;border-bottom: 4px solid #E5E4E4;}
.messageList .imagSec a{display: block}
.messageList .imagSec{margin-bottom: 5px}
.messageList .imagSec .slick-arrow{width: 30px;height: 30px;border-radius: 0;font-size: 15px;background: rgba(0,0,0,0.25);color: #fff;z-index: 9;}
.messageList .imagSec .slick-arrow:before{content: none}
.messageList .imagSec .slick-arrow.slick-prev{left: 0}
.messageList .imagSec .slick-arrow.slick-next{right: 0}
.messageList .imagSec .slick-initialized .slick-slide img{height: auto}
.messageList .imagSec + p{margin: 0}
.messageList p{margin: 0;font-size: 13px;}
.messageList p strong{margin-right: 3px}
.messageList .leaseTitle h2{margin: 0 0 5px;color: #000;font-size: 20px;font-weight: 600;}
.messageList .leaseTitle p {margin: 0;font-size: 15px;color: #888888;font-size: 14px}
.messageList .leaseDetail p {font-size: 13px}
.leaseDetail p{font-size: 13px}
.dark-header .modal-header h5{font-size: 16px;font-weight: 600;}


/***********************End of bullet board*****************/


@media(min-width: 1400px){
.relatedTab .campusList .c-list{width: calc(33.33% - 8px)}
}
@media (min-width: 991px) {
#detailPopup .modal-dialog {max-width: initial !important;width: calc(100% - 150px);margin: 1.75rem auto;}
}
@media(min-width: 768px){
.search-header{width: 160px}
.header_main_listing .navbar-dark .navbar-nav .nav-link{padding: 15px;line-height: 30px}
}
@media (min-width: 767px) {
.mobile-dots{display: none}
.campusNews .newsList li .newsDesc {padding-left: 20px;}
.campusNews .newsList li .newsImg {width: 13rem;}
.campusNews .newsList li .newsDesc h2 {font-size: 1.5rem;}

}
@media(max-width: 1400px){
.navbar-nav .nav-item .nav-link{max-width: 210px;padding: 10px;font-size: 14px}
}
@media(max-width: 1300px){
.clearBtn.fixed{width: calc(50% - 12px)}
.navbar-nav .nav-item .nav-link{font-size: 13px;padding: 10px 5px;max-width: 120px;}
.mac .clearBtn.fixed{width: 50%}
.filter-options .left .filter{padding: 5px}
}
@media(max-width: 1199px){
.campusList .campusDetail .btn {font-size: 12px}
.clearBtn.fixed{width: calc(50% - 11px);}
.mac .clearBtn.fixed{width: 50%}
.lanlord-filters.with-image.nsb{height:150px;}
}
@media (min-width: 992px) and (max-width: 1200px){
.header_main_listing .navbar-dark .navbar-nav .nav-item a{font-size: 13px; padding: 10px 15px;}
.search-header{width: 140px}
}

@media(max-width: 992px){
.header_main_listing {height: 105px;}
.header_main_listing .navbar{height: 100%}
.header_main_listing .navbar .brand-side{height: 100%}
.right-padding-extra {padding-right: 15px;}
.navbar-collapse{display: flex;flex-wrap: wrap;position: absolute;left: 0;right: 0;top: 100%;z-index: 99;}
.navbar-collapse .navbar-nav{flex-direction: row}
.navbar-nav .nav-item .nav-link{padding: 10px;max-width: 180px;}
.campusList .c-list {width: calc(100% - 4px)}
.campusList .campusDetail .btn {font-size: 13px;}
.off-campus p{max-width: 230px;white-space: normal;}
.map_wrap > [class*="col"]{height: calc(100vh - 105px);}
.clearBtn.fixed{top: 105px;width: calc(50% - 9px)}
.mac .clearBtn.fixed{width: 50%}
.filter-options{align-items: flex-end;}
.filter-options .left .filter {padding: 5px;}
.filter{margin: 0 5px}
.filter-options .left .filter a{font-size: 14px;min-width: auto;}
.toggleLabel .per{display: none}
.filter-options .product-filter-heading{margin-bottom: 7px;}
.header-off-campus{display:none;}

.lanlord-filters.with-image{position: relative}
.lanlord-filters.with-image .image{position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 0;z-index: 0;width: 100%}
<!-- .lanlord-filters.with-image .image:after{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.5);content: ''} -->
.with-image .landlordHead{justify-content: center;position: relative;z-index: 9;}

@media(max-width: 1030px){
.nsb .specialContent h3{font-size: 16px}
.nsb.lanlord-filters.with-image .image .shape:after{content: none}
.nsb .featuredLandlordBtn{font-size: 9px;line-height: 16px;}
}

@media(max-width: 992px){
    .off-campus h1, .off-campus h2, .off-campus h3, .off-campus strong{display:none}
 .header-off-campus{display:block;background:var(--headerBgColor);text-align:center;font-size: 1rem;text-transform: capitalize;color: var(--mainHeaderColor);font-weight: 700;white-space: nowrap;margin-bottom: 0;}
.brand-side .off-campus, .poweredByLogo{display: none;}
.brand-side .mapUpside{display: none;}
.nsb.with-image .landlordHead .titleLL img {width:75px;}
.nsb.with-image .sponsor{color: #000}
<!-- .with-image .landlordHead{flex-direction:column-reverse;padding:0px;} -->
.specialContent h2{font-size:14px;}
.nsb .specialContent p{font-size:11px;}
.nsb.lanlord-filters.with-image .image .shape{width:35px;}
.nsb .featuredLandlordBtn{font-size:8px;}
}
@media(max-width: 767px){
.landlordHead .titleLL{font-size: 13px;margin: 0 0 5px;}
.btnLL button{font-size: 13px;line-height: 17px;border-color:000 !important;color:000 !important;}
.moreFilters {height: 90vh;}
.nsb .specialContent{text-align: flex-start;padding-bottom: 0px;padding-left:0px;}
.nsb .specialContent p {color: #000 !important}
<!-- .nsb.lanlord-filters.with-image {padding: 10px} -->
<!-- .nsb.lanlord-filters.with-image .image{display: none} -->
.nsb.lanlord-filters.with-image .image img{height: 100%}
.with-image .landlordHead {flex-direction:column;}
.nsb .specialContent{padding-left: 0;}
.nsb .specialContent p {font-size: 10px;color: #000;margin: 0}
.nsb .featuredLandlordBtn{color: #00;border-color: #000}
<!-- .nsb.with-image .sponsor{color: #000} -->
.walkTimeIdeal {display: none;}
.nsb.with-image .landlordHead .titleLL img {max-width:100px;}
.nsb .featuredLandlordBtn{font-size:9px;}
.specialContent h2{font-size:15px;}
.nsb .specialContent p{font-size:12px;}
.nsb.lanlord-filters.with-image .image .shape{width:50px;}
.nsb .bannerContent{justify-content:space-between;}
.with-image .landlordHead .bannerContent .titleLL{width:auto;}
.nsb.with-image .landlordHead{padding:5px 10px 10px 5px;}
.desktop-filter .filter-new .new-filter-title h1, .desktop-filter .filter-new .new-filter-title h2{white-space:normal;}
}
@media(max-width: 500px){
    <!-- .nsb.lanlord-filters.with-image .image,
    .nsb.with-image .landlordHead{flex:0 0 100%;max-width:100%;} -->
    <!-- .lanlord-filters.with-image.nsb{height:auto;} -->
    .lanlord-filters.with-image .image:after,
    .nsb.lanlord-filters.with-image .image .shape{display:none;}
    .nsb.with-image .landlordHead .titleLL img {max-width:80px;width:80px;}
    .nsb .specialContent h2{font-size:12px;}
    .nsb .specialContent p{font-size:10px;}
    .nsb .featuredLandlordBtn{font-size:9px;}
    
}
/***********************Start  of Detail pag*****************/
.extra-list li{width: 50%}
.bottomPanel{display: flex;justify-content: space-between;position: fixed;left: 0;right: 0;bottom: 0;z-index: 9;align-items:end}
.bottomPanel a{flex: 1 1 auto;background: var(--primaryColor);display: flex;align-items: center;justify-content: center;padding: 8px;font-size: 0.8rem;text-align: center;color: #fff;height:35px;}
.bottomPanel a i{margin-right: 5px}
.bottomPanel a:not(:last-child){border-right: 1px solid #fff}
.bottomPanelModal{display: block;position: fixed;left: 0;top: 100%;right: 0;bottom: 0;height: 100vh;overflow: auto;transition: top 0.15s;background: #fff;z-index: 99;}
.bottomPanelModal.active{top: 0;z-index:9999}
.bottomPanelModal .paneBody{padding: 15px 0}
.bottomPanelModal .paneBody label{font-size: 0.9rem;font-weight: 600;margin: 0 0 5px;}
.bottomPanelModal.active.call .forShowmojoScheduleForm{display: none}
.bottomPanelModal.active.call .forEmailLandLord{display: none}
.bottomPanelModal.active.call .forCallLandlord{display: block}
.bottomPanelModal.active.email .forShowmojoScheduleForm{display: none}
.bottomPanelModal.active.email .forCallLandlord{display: none}
.bottomPanelModal.active.email .forEmailLandLord{display: block}
.bottomPanelModal.active.schedule .forEmailLandLord{display: none}
.bottomPanelModal.active.schedule .forCallLandlord{display: none}
.bottomPanelModal.active.schedule .forShowmojoScheduleForm{display: block}
.bottomPanelModal .paneHeader{text-align: center;position: relative;border-bottom: 1px solid #ddd;padding: 10px 0;background: var(--headerBgColor);}
.bottomPanelModal .paneHeader .close{position: absolute;top: 5px;right: 10px;font-size: 2rem;color: var(--mainHeaderColor)}
.bottomPanelModal .paneHeader img{}

/***********************End  of Detail pag*****************/


}
.custom-hamburger {display: flex;flex-direction: column;justify-content: space-around;height: 17px;width: 25px;}
.custom-hamburger .bar {width: 100%;height: 1.5px;background-color: var(--hamburgerColor);border-radius: 1px;}
.custom-hamburger.custom-x {justify-content: center;position: relative;}
.custom-hamburger.custom-x .bar {position: absolute;width: 100%;}
.custom-hamburger.custom-x .bar1 {transform: rotate(45deg);}
.custom-hamburger.custom-x .bar2 {transform: rotate(-45deg);}
.navbar-toggler{background-color:transparent;}
@media(max-width: 767px){
#gallerySlider {height: 250px;}
#mapView {height: 250px;}
.campusList .campusDetail .descText p{font-size: 14px}
.detailView .unitTab table tr th, .detailView .unitTab table tr td {font-size: 13px;}
.amentiesMobile h3 {font-size: 14px;}
.feature-block table th{font-size: 13px}
.map_wrap > [class*="col"]{height: calc(100vh - 90px);}
.feature-block .unit-tabs table th {font-size: 0.9em;}
    .header_main_listing nav .navbar-brand img{max-height: 50px !important;}
.header_main_listing .navbar-dark .navbar-nav .nav-item{line-height: normal;}
.header_main_listing .navbar-dark .navbar-nav .nav-link{font-size: 0.9rem}
.mac .clearBtn{width: 100%}
.clearBtn.fixed{top: 90px;width: 100%;}
.brand-side{padding: 5px 10px;flex-wrap: nowrap;height: 100%;}
.brand-side .left{order: 1}
.brand-side .right{order: 0;width: 100%;margin-bottom: 5px;display:none;}
nav .brand-logo{max-width:220px;}
.brand-side .navbar-toggler{order: 2;z-index:997;}
.navbar-collapse{padding: 0;position: absolute;left: 0;right: 0;top: 100%;z-index: 999;}
.navbar-collapse .navbar-nav{flex-direction: column;width: 100%}
.navbar-nav .nav-item, .navbar-nav div{width:  100%;text-align: center}
.navbar-nav .dropdown{width: 100%;flex-direction: column;}
.navbar-nav .dropdown-menu{min-width: auto;max-width: 90%;margin: 0 auto;right: 0;position: relative !important;width: 100%;transform: translate3d(0px, 0px, 0px) !important;}
.navbar-nav .dropdown-item{text-overflow: ellipsis;overflow: hidden;color:var(--navFontColor)}
.navbar-nav .nav-item .nav-link{line-height: normal;padding: 7px 15px;max-width: 100%;text-align:left;background:transparent !important;}
.btn.dropdown-toggle.btn-transparent.nav-link{padding-left:15px;text-align:left;}
.navbar-nav .nav-item .dropdown-menu .dropdown-item{font-size:12px;}

<!-- .custom-hamburger {display: flex;flex-direction: column;justify-content: space-around;height: 17px;width: 25px;}
.custom-hamburger .bar {width: 100%;height: 1.5px;background-color: var(--hamburgerColor);border-radius: 1px;}
.custom-hamburger.custom-x {justify-content: center;position: relative;}
.custom-hamburger.custom-x .bar {position: absolute;width: 100%;}
.custom-hamburger.custom-x .bar1 {transform: rotate(45deg);}
.custom-hamburger.custom-x .bar2 {transform: rotate(-45deg);} -->

.navbar-light .navbar-toggler{background-color:transparent;border:none;}
.dropdown-menu{background:transparent !important;border-color:transparent;}
header .header_main_listing{height: 90px}
.header_main_listing .navbar{height: 100%}
.header_main_listing nav .navbar-brand{max-width: 230px;padding: 0;height: 50px;display: flex;align-items: center;}
.filterIcon {display: inline;text-align: center;min-width: 30px;margin-right: 15px;z-index: 99;position: relative;cursor: pointer;}
.filterIcon h3 {font-size: 23px;display: inline-block;color: var(--primaryColor);margin: 0;padding: 0;line-height: 66px;}
.filterIcon h3 i {font-size: inherit;color: inherit;}
.filter-options .left .filter a{min-width: auto}
.filterHeader {padding: 4px 10px}
.filter-options .left .filter:nth-child(2) {display: none;}
.toggleLabel .per {display: none}
.filter-options .left {margin: 5px -5px 0;justify-content: space-between;width: 100%}
.filter-options .left .filter {padding: 0 3px;margin: 0 3px;}
.filter-options .left .filter a span {font-size: 0.8rem}
.toggleSwitch {align-items: center}
.toggleLabel .sprite {margin-right: 2px;}
.toggleLabel {font-size: 0.8rem}
.switch {height: 0.9rem;width: 1.75rem;margin: 0 5px}
.switch span {height: 9px;width: 10px;top: 2px}
.filter-options .product-filter-heading {display: none}
.houseType > ul > li {width: 50%}
.intendedForType > ul > li {width: 50%}
.moreFilters {position: fixed;z-index: 99;top: 0;bottom: 0;left: 0;right: 0;height: 100vh;background: #fff}
.moreFiltersHead {display: flex;justify-content: center;align-items: center;padding: 10px;position: relative;text-align: center;border-bottom: 1px solid #ddd;}
.moreFiltersHead p {font-weight: 700;font-size: 1.25rem;margin: 0;}
.moreFiltersHead .close {position: absolute;right: 10px;top: 10px;font-size: 1.25rem;}
.moreFilters .moreFiltersBody {height: calc(100% - 57px);overflow: auto;padding: 10px;}
.filter-title h1 {font-size: 13px}
.filterBtn{position: fixed;bottom: 20px;z-index: 10;left: 50%;transform: translateX(-50%);font-size: 15px;border-radius: 100px;padding: 7px 25px;font-weight: 600}
.filterBtn .fas{margin-right: 5px}

.campusList .imageSection ul li {height: 180px}
.withReview .walkTimeIdeal p{font-size: 12px}
.desktopInfo {display: none}
.topCampInfo {display: none}
.campusList .c-list {width: calc(100% - 4px)}
.mobileHeader {min-height: 45px;position: relative;padding: 5px;display: block}
.mobileHeader .contactArea {position: static}
.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;}
.campusList .campusDetail {padding: 5px 5px 0}
.campusList .campusDetail .btn {font-size: 11px}
.campusList .campusDetail .btn .sprite {margin-right: 3px}
.generalInfo {margin: 5px 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;text-transform: capitalize;margin: 0 0 5px;color: #6d6d6d;}
.detailView {display: block}
.detailView .nav-tabs {display: flex;justify-content: space-between;border-bottom: 0;flex-wrap: nowrap;}
.mainTabs ul.nav.nav-tabs li {width: 100%;}
.detailView .nav-tabs li a {line-height: 13px;text-transform: capitalize;color: #6d6d6d;padding: 7px 5px;font-size: 12px;border: 0;border-bottom: 2px solid transparent;text-align: center;background: #d8d8d8;margin-right: 2px;}
.detailView .nav-tabs li a.active, .nav-tabs li a.active:focus, .nav-tabs li a.active:hover {border: 0;border-bottom: 2px solid var(--primaryColor);color: var(--primaryColor);}
.mainTabs ul.nav.nav-tabs li.active a {background: #fff;}
table {width: 100%;border-spacing: 0;}
table th {color: #6d6d6d;font-size: 0.85rem;text-align: center;font-family: inherit;}
table td {text-align: center;padding: 3px;color: #000;font-family: inherit;font-size: 0.8rem;}
.detailView .unitTab .nav-tabs li a {background: transparent;}
.detailView .tab-content {margin: 10px 0 5px;}
.detailView .utilitiesSlider {list-style: none;padding: 0;display: flex;align-items: flex-end;margin: 10px 0;justify-content: space-between;}
.detailView .utilitiesSlider li {margin: 0 7px;text-align: center;}
.detailView .utilitiesSlider li .figIcon {width: 50px;height: 50px;margin: 0 auto;border: 1px solid #a5a5a5;display: flex;align-items: center;border-radius: 50%;justify-content: center;}
.detailView .utilitiesSlider li .figIcon svg {width: calc(100% - 17px);vertical-align: middle;}
.detailView .utilitiesSlider li .figIcon svg path {fill: #a5a5a5;}
.detailView .utilitiesSlider li.active .figIcon {border-color: var(--primaryColor);}
.detailView .utilitiesSlider li.active .figIcon svg path {fill: var(--primaryColor);}
.detailView .utilitiesSlider li figcaption {margin-top: 5px;color: #a5a5a5;text-align: center;font-size: 13px;}
.description .lightBg {padding: 10px 10px 0;background: #e5e5e5;}
.description .descText {max-height: 107px;overflow: hidden;}
.description .descText h1 {font-size: 1rem;}
.lightBg p {font-size: 0.8rem;}
.campusList .imageSection ul li{height: 180px}
.desktopInfo{display: none}
.topCampInfo{display: none}
.campusList .c-list{width: calc(100% - 4px)}
.mobileHeader{min-height: 45px;position: relative;padding: 5px;display: block}
.mobileHeader .contactArea{position: static}
.mobileHeader h3{font-size: 1rem;margin: 0;line-height: 21px;color: #000;}
.mobileHeader h3 a {color: inherit}
.mobileHeader h3 + span {display: block;font-size: 0.625rem;color: #000;}
.campusList .campusDetail{padding: 5px 5px 0}
.campusList .campusDetail .btn{font-size: 11px;white-space: nowrap}
.campusList .campusDetail .btn .sprite{margin-right: 3px}
.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;}
.detailView{display: none;padding-top: 5px}
.detailView.active{display: block}
.detailView .nav-tabs {display: flex;justify-content: space-between;border-bottom: 0;flex-wrap: nowrap;}
.mainTabs ul.nav.nav-tabs li {width: 100%;}
.detailView .nav-tabs li a {line-height: 13px;text-transform: capitalize;color: #6d6d6d;padding: 7px 5px;font-size: 12px;border: 0;border-bottom: 2px solid transparent;text-align: center;background: #d8d8d8;margin-right: 2px;}
.detailView .nav-tabs li a.active, .nav-tabs li  a.active:focus, .nav-tabs li a.active:hover {border: 0;border-bottom: 2px solid var(--primaryColor);color: var(--primaryColor);}
.mainTabs ul.nav.nav-tabs li.active a {background: #fff;}
table {width: 100%;border-spacing: 0;}
table th {color: #6d6d6d;font-size: 0.85rem;text-align: center;font-family: inherit;}
table td {text-align: center;padding: 3px;color: #000;font-family: inherit;font-size: 0.8rem;}
.detailView .unitTab .nav-tabs li a {background: transparent;}
.detailView .tab-content {margin: 10px 0 5px;}
.detailView .utilitiesSlider {list-style: none;padding: 0;display: flex;align-items: flex-end;margin: 10px 0;justify-content: space-between;}
.detailView .utilitiesSlider li {margin: 0 7px;text-align: center;}
.detailView .utilitiesSlider li figure{margin: 0}
.detailView .utilitiesSlider li .figIcon {width: 45px;height: 45px;margin: 0 auto;border: 1px solid #a5a5a5;display: flex;align-items: center;border-radius: 50%;justify-content: center;}
.detailView .utilitiesSlider li .figIcon svg {width: calc(100% - 17px);vertical-align: middle;}
.detailView .utilitiesSlider li .figIcon svg path {fill: #a5a5a5;}
.detailView .utilitiesSlider li.active .figIcon {border-color: var(--primaryColor);}
.detailView .utilitiesSlider li.active .figIcon svg path {fill: var(--primaryColor);}
.detailView .utilitiesSlider li figcaption {margin-top: 3px;color: #a5a5a5;text-align: center;font-size: 12px;}
.description .lightBg {padding: 10px 10px 0;background: #e5e5e5;}
.description .descText {max-height: 107px;overflow: hidden;}
.description .descText h1 {font-size: 1rem;}
.lightBg p {font-size: 0.8rem;}
.campusList .campusDetail .lightBg .btn.btn-dropInfo{justify-content: center;}
.description>p{font-size: 1rem;font-weight: 600}
.amentiesMobile{margin-top: 10px}
.amentiesMobile .extra-feature {border-bottom: 0;}
.amentiesMobile>ul {padding: 0;list-style: none;padding-left: 10px;}
.amentiesMobile>ul>li {border-bottom: 1px solid #ddd;padding: 5px 0;}
.amentiesMobile>ul>li .amenityTitle {display: flex;justify-content: space-between;align-items: center;}
.amentiesMobile>ul>li .amenityTitle h4 {margin: 0;width: calc(100% - 45px);font-size: 13px;}
.amentiesMobile .pill {border-radius: 25px;padding: 3px 10px 3px 7px;font-size: 10px;background: #e5e5e5;color: #000;min-width: 35px;text-align: center;line-height: 13px;font-weight: 700;}
.amentiesMobile .pill em {font-style: inherit;}
.amentiesMobile .amenityTitle.collapsed .pill .fa-minus:before{content: "\f067";}
.amentiesMobile ul.amenityList {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;margin-top: 5px;}
.amentiesMobile ul.amenityList>li {width: 50%;text-transform: capitalize;line-height: 21px;position: relative;padding-left: 23px;margin-bottom: 7px;font-size: 0.85rem}
.amentiesMobile ul.amenityList>li .sprite {transform: scale(.6);width: 31px;height: 31px;margin-top: -3px;position: absolute;left: -5px;top: -3px;}
.commuteTiming{font-size: 1.15rem}
.detail-btn .fa{font-size: 1.15rem}
.detail-btns {flex-wrap: nowrap;}
.detail-btns > * {width: 100%;flex: unset;max-width: unset;}
.nearDestiny {margin: 5px 0 0;}
.nearDestiny .drop-down {position: relative;}
.nearDestiny .drop-down .selected{margin: 5px 0}
.nearDestiny .drop-down .selected a {background: #fff no-repeat scroll right center;display: block;padding: 1px 20px 1px 5px;border: 1px solid #ddd;border-radius: 7px;width: 100%;text-decoration: none;color: #000;position: relative;}
.nearDestiny .drop-down .selected a span {cursor: pointer;display: block;padding: 5px;}
.nearDestiny .drop-down .options ul {background: #fff none repeat scroll 0 0;display: none;list-style: none;padding: 0 0;position: relative;left: 0;top: 0;width: 100%;z-index: 9;border: 1px solid #d7d7d7;}
.nearDestiny .drop-down .options.active ul {display: block}
.nearDestiny .drop-down .options ul li {padding: 0 10px;}
.nearDestiny .drop-down .options ul li a {padding: 5px;display: block;text-decoration: none;color: #3179ac;}
.nearDestiny .drop-down .selected a:after {position: absolute;content: '\f107 ';top: 0;right: 0;font-size: 22px;bottom: 0;font-family: FontAwesome;width: 20px;}
.campusList .imageSection ul.slick-dots{bottom: 25px;display: flex;justify-content: center;align-items: center;}
.campusList .imageSection ul.slick-dots li {height: auto !important;width: auto;margin: 0 2px;}
.campusList .imageSection ul.slick-dots li button{width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0;padding: 0;}
.campusList .imageSection ul.slick-dots li.slick-active button{background: var(--primaryColor)}

.landlordHead .titleLL{font-size: 13px;margin: 0 0 5px}
.btnLL button{font-size: 13px;line-height: 17px}
.mobile-dots .slider-nav{width: 100%}
.mobile-dots .slick-slide > div{width: 9px;height: 9px;border: 0;padding: 0;background: #fefefe;border-radius: 100%;}
.mobile-dots .slick-slide.slick-current > div{background: var(--primaryColor)}
.mobile-dots .slick-slide{margin: 2px}
.mobile-dots .slick-slide button{background: transparent;border: 0;padding: 0;height: 0}
.mobile-dots .slick-dots, .desktopSlide .slick-dots{display: none !important;}
.header-top-menu > ul.top > li > a {padding: 0 10px}



/***********************Start  of sublease page *****************/

.campusList .campusDetail.subleaseList .detail-btns p{font-size: 12px}
.campusList .campusDetail.subleaseList .detail-btns p a.readmore{color: var(--primaryColor);margin-left: 5px;font-weight: 600;}
.subleasesFilter .mobile-filter-btn {position: relative;bottom: 0;padding-top: 15px;}
.subleasesFilter .custom-control-label{font-size: 1rem;}
.subleasesFilter .filter-new {padding: 0;}
.subleasesFilter .mobile-filter-btn .btn {border-radius: 4px;font-size: 14px;padding: 5px 15px;}
.house-type .custom-control label{margin: 0}
.mobile-filter-body .mobile-general-filter .title{font-weight: 600}
.mobile-filter-body .search-header input{color: #000}
.mobile-filter-body .search-header input::placeholder{color: #000}
.mobile-filter-body .filter-search .search-header .fa-search {position: absolute;left: 9px;top: 50%;transform: translateY(-50%);font-size: 0.85rem;}

/*********************** End  of sublease page *****************/

/***********************Start  of Detail*****************/
.header-dark .card-title {font-size: 1.25rem;padding: 10px 15px}
.roommateProfile .profileCard {padding: 10px 10px 21px;}
.roommateProfile .profileContent {width: 100%}
.roommateProfile .profileContent h3 {text-align: center;font-size: 1.3rem;}
.roommateProfile .profileCard .profileImg {margin: 0 auto 5px;}
.roommateProfile .profileContent .d-flex {flex-wrap: wrap}
.roommateProfile .profileContent ul.profileDetail {margin: 5px 0 0;}
.roommateProfile .profileContent .socialLinks {padding: 2px 10px;width: 100%;display: flex;margin: 0;}
.roommateProfile .profileContent .socialLinks p {margin-left: 5px;margin-bottom: 0;}
.roommateProfileContent {padding: 5px 15px 30px;}
.roommateProfileContent p + p {margin: 5px 0 0}
.roommateProfileContent h4 {margin: 10px 0;font-size: 1.125rem}
.roommateProfileContent h4:after {width: 70%}
.roommateProfile .profileContent .emailBtn {width: 100%;margin: 10px 0 0;}
.page-link{padding: 0.5rem;font-size: 11px}
/***********************End  of Detail*****************/

/***********************Start  of Detail pag*****************/
.property-detail-container .nav-tabs li a{padding: 5px;text-align: center;}
.property-detail-container .nav-tabs li a i{display: block;margin: 0;}
.property-detail-container{margin-bottom: 10px}
.extra-list li{width: 100%}
.custom-dialog .card-header{padding: 0.5rem 1rem}
.custom-dialog .card-header h4{font-size: 1.2rem}
.feature-block > h2, h2.iconic-heading{font-size: 1rem}
.property-detail-container .tab-pane {height: 250px}
.detailTabContent{height: 100%}
#gallerySlider .slick-initialized .slick-slide img{object-fit: cover;height: 100%}
.slick-arrow{width: 40px;height: 40px;font-size: 1.5rem;}
.unit-tabs .nav-tabs{flex-wrap: wrap;background: #f7f7f7}
.unit-tabs .nav-tabs .nav-item{width: 50%}
.unit-tabs .tab-content>.tab-pane{overflow: auto}
.unit-tabs .nav-tabs .nav-link.active{background: #fff}
.feature-block .unit-tabs table td{font-size: 0.8rem}
/***********************End  of Detail page*****************/

/***********************Start of Sublease*****************/
.subLeaseList .leaseDetail .leaseTitle h2 {font-size: 17px}
.subLeaseList .leaseImg .slick-initialized .slick-slide{height: auto}
.subLeaseList .leaseDetail .leaseTitle p {font-size: 13px}
.subLeaseList p {margin: 5px 0;}
.subLeaseList .leaseImg, .subLeaseList .leaseRight {width: 100%;padding: 0;}
.page-link{padding: 0.5rem;font-size: 11px}

/***********************End  of Sublease*****************/

/***********************start  of Favorite*****************/
.campusNews .newsList li {flex-wrap: wrap;}
.campusNews .newsList li .newsImg {width: 10rem;margin: 0 auto 10px;}
.campusNews .newsList li .newsDesc h2 {font-size: 1.25rem;}

/***********************end  of Favorite*****************/
ul.quizList li label p.quizTitle{font-size: 14px;line-height: 18px;}
ul.quizList li .customCheck .quiz-banner i.fa{line-height: 200px;}
ul.quizList li .customCheck .quiz-banner:after{bottom: 15px;}
}

.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}
.bannerMap{background: var(--primaryColor);padding: 10px 15px 15px;width: calc(100% - 180px);margin: 0;position: absolute;bottom: 10px;left: 110px;border-radius: 7px;}
.bannerMap h2{font-size: 22px;margin: 0;color: #fff;font-weight: 600;}
.bannerMap h2 +p{font-size: 15px;color: #fff;font-weight: 600;margin: 10px 0 0}
.bannerMap ul{list-style: none;padding: 0px;margin: 15px 0 0;display: flex;align-items: center;position: relative;width: 100%}
.bannerMap ul .slick-slider{width: 100%}
.bannerMap ul li{padding: 0 10px}
.bannerMap ul li img{max-width: 150px;max-height: 100px}
.bannerMap ul .slick-slider{padding: 0 20px}
.bannerMap .slick-arrow{border: 0;background: transparent;color: #fff;font-size: 30px;position: absolute;padding: 0;top: 50%;transform: translateY(-50%);width: auto;height: auto;}
.bannerMap .slick-arrow.slick-prev{left: 0}
.bannerMap .slick-arrow.slick-next{right: 0}

@media(max-width: 767px){
.liveFb .modal-header{padding: 0;border: 0;}
.liveFb .modal-header .close{position: absolute;right: 17px;top: 12px;color: #fff;padding: 0;z-index: 1;opacity: 1;font-size: 25px;}
.liveFb .bannerMap{position: static;border-radius: 0;width: 100%;padding: 10px 15px 10px}
.liveFb .bannerMap h2{font-size: 20px;text-align: center}
.liveFb .bannerMap p{font-size: 15px;text-align: center;margin: 0;color: #fff;font-weight: 600;line-height: 17px;}
.liveFb .bannerMap h2 +p{margin-top: 10px}
.liveFb .modal-body{padding: 0;overflow: hidden;border-radius: 6px;}
.liveFb.modal-content{background: transparent;border: 0;max-width: 90%;margin: 0 auto;}
.bannerMap ul li img{max-width: 100%;max-height: 130px;height: auto !important;margin: 0 auto;}
.bannerMap ul .slick-initialized .slick-slide{height: auto}
#guidePopup .modal-header .close{right: 10px;top: 10px;left: auto}
}

.corona {position: relative;flex: 0 0 100%;max-width: 100%;text-align: center;padding: 10px;border: 7px solid rgb(243, 243, 243);border-bottom: 0;background: var(--coronaBg)}
.corona:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: var(--primaryColor);z-index: -1;opacity: 0.25;}
.corona.niuc:after{background: #c8102e;opacity: unset;}
.corona p{font-size: 14px;color: var(--coronaColor);margin: 0 auto;max-width: 750px;}
.corona a {color: #404040;font-weight: 600;}
.corona.niuc a{color: #fff;font-weight: normal;}
.corona.niuc a:hover{text-decoration:none;}

.claimModal .modal-header .close {padding: 0;margin: 0;position: absolute;bottom: calc(100% - 15px);left: calc(100% - 12px);background: url(../../../../assets/images/closebox.png)no-repeat;background-size: 100%;opacity: 1;width: 30px;height: 30px;z-index: 9;font-size: 0;}
.claimModal .modal-header {padding: 0;border: 0;}

.map_window{background: var(--primaryColor);position: absolute;top: 20px;bottom: 20px;left: 0;right: 0;border-radius: 5px;padding: 15px;padding-top: 0;z-index: 99;width: calc(100% - 40px);margin: auto;overflow: auto;}
.map_window .window-header{display: inline-block;width: 100%}
.map_window .window-header .close{font-size: 40px;padding: 0;margin-right: -5px;color: #000;opacity: 1;font-weight: 700;}
.map_window .window-body{padding: 15px 25px;text-align: center;color: var(--fbBannerColor);}
.map_window .window-body h2{font-weight: 600;margin: 0px 0 15px;}
.map_window .window-body p{margin: 0;font-weight: 600;font-size: 16px;}
.map_window .window-body ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;list-style: none;padding: 0;margin: 15px 0 0;width: 100%}
.map_window .window-body ul .slick-slider{width: 100%}
.map_window .window-body ul .slick-initialized .slick-slide{flex-wrap: wrap}
.map_window .window-body ul .slick-initialized .slick-slide>div{text-align: left}
.map_window .window-body ul .slick-arrow.slick-prev{left: -20px;}
.map_window .window-body ul .slick-arrow.slick-next{right: -20px;}
.map_window .window-body ul li{width: 33.33%;padding: 20px 15px;}
.map_window .window-body ul li a img{margin: auto}
.map_window .window-body ul li:nth-child(3n + 1) a img{margin: 0;}
.map_window .window-body ul li:nth-child(3n) a img{margin: 0;margin-left: auto}
.map_window .window-body ul li a{display: block;}
.map_window .window-body ul li img{max-width: 100%;max-height: 100px;height: auto;/* margin-left: auto; */}
.map_window .window-body ul li span {font-size: 12px;display:block;text-align:center}
.theme-bg{background: var(--primaryColor) !important;}
.loginAccess{color: var(--fbBannerColor);padding: 15px}

//.loginAccess{color: #000;padding: 15px}
.loginAccess p {font-size: 15px;margin: 0 0 5px;}
.loginAccess h2{font-weight: 600}
.btn-white{background: #fff !important;;color: var(--btnBg) !important;}
.signinType{padding: 10px 0;margin: 0 0 20px}
span.or {margin-top: -53px;display: inline-block;position: relative;background: var(--primaryColor);padding: 0 10px;font-size: 16px;font-weight: 600}
.signinType hr{margin: 40px 0;}
.loginAccess p strong{display: block}
.loginAccess p a{text-decoration: none;color: inherit;}
#liveModal.modal{background: rgba(0,0,0,0.75);}

/******** start of list us v2******/

.formSection {padding: 50px 0}
.formSection .inputHold {margin: 0 0 30px 0;position: relative;}
.formSection .form-control, .formSection .btn-transparent-border {height: 65px;font-size: 15px;color: #717171;font-weight: 600;border-color: #939393;text-align: left}
.formSection .btn-success{height: 65px}
.formSection .btn-transparent-border:after{position: absolute;right: 15px;top: 50%}
.formSection .dropdown-menu {right: 0}
.formSection .nav-tabs {margin: 0 -20px}
.formSection .nav-tabs .nav-item{flex: 0 0 33.33%;padding: 10px 20px}
.formSection .nav-tabs .nav-link{background: transparent;border: 1px solid var(--primaryColor);color: var(--primaryColor);border-radius: 4px;padding: 15px;min-height: 80px;display: flex;justify-content: center;align-items: center;text-align: center;transition: 0.3s all;}
.formSection .nav-tabs .nav-link.active, .formSection .nav-tabs .nav-link:hover{background: var(--primaryColor);color: #fff;}
.formSection .addUnit{display: flex;padding: 5px 15px;color: #7e7e7e;align-items: center;text-decoration: none}
.formSection {padding: 50px 0}
.formSection .inputHold {margin: 0 0 30px 0;position: relative;}

@media(max-width: 767px){
.formSection .nav-tabs .nav-item{flex: 0 0 100%%;}
}

/******** end of list us v2******/


.loadMore{color: var(--iconColor);background-color: var(--iconBgColor);border-color: var(--iconBgColor);}
.loadMore:hover, .loadMore.focus, .loadMore:focus, .loadMore:not(:disabled):not(.disabled).active, .loadMore:not(:disabled):not(.disabled):active, .loadMore:not(:disabled):not(.disabled):active:focus{
color: var(--iconColor);background-color: var(--iconBgColor);border-color: var(--iconBgColor);box-shadow: none;
}
/*Detail Popup Review Section*/
.progressbarReviewSection, .progressbarReviewSection .progressContent
{display:inline-block;width:100%;position:relative}
.progressbarReviewSection .progressContent{padding:0}
.progressbarReviewSection fieldset{border:0;box-sizing:border-box;width:100%;margin:0}
.progressBar{list-style:none;margin:0 auto 10px;padding:0;display:flex;justify-content:space-around;width:80%}
.progressBar li{position:relative;width:100%;display:flex;flex-wrap:wrap}
.progressBar li:after, .progressBar li:before{position:absolute;content:'';top:35%;transform:translateY(-50%);left:0;right:calc(50% + 25px);background:var(--primaryColor);height:2px}.progressBar li button{color:var(--primaryColor);outline:0;width:50px;height:50px;background:0 0;border:2px solid var(--primaryColor);border-radius:100%!important;font-size:1.5em;margin:0 auto;position:relative}.progressBar li.current button,.progressBar li.done button{background:var(--primaryColor);color:#fff}.progressBar li.done button{font-size:1px}
.progressBar li.done button:after{content:'\f00c';position:absolute;left:0;right:0;top:0;bottom:0;font-family:FontAwesome;font-size:25px;line-height:45px}
.progressBar li p{width:100%;margin:10px 0 0}
.progressBar li.current p,.progressBar li.done p{color:var(--primaryColor)}
.progressBar li:before{left:calc(50% + 25px);right:0}
.progressBar li:first-child:after,
.progressBar li:last-child:before{content:none}
.rating-stars ul form.comments{width:100%;margin-top:15px}
.progress {
height: 20px;
margin-bottom: 0;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress .bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width .6s ease;
-moz-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease
}

.progress .bar-success, .progress-success .bar {
background: #23ce60
}

.progress .bar + .bar {
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress .bar-danger, .progress-danger .bar {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0)
}

.progress-striped .bar {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px
}
.ratingStarQue{display:flex;align-items: center;font-size: 13px;}
.ratingStarQue label{margin: 0 10px;}
ul#rating-question li p.yes-no-perc{width: 30px;margin: 0 5px;}
.ratingStarQue .progress{width:150px;display:inline-block}
.progress{height:20px;margin-bottom:0;overflow:idden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.progress .bar-success,.progress-success .bar{background:var(--primaryColor)}
.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)}
.progress .bar-danger,.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x}
.progress-striped .bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}
.reviewRatingPopup{display:flex;align-items:center;justify-content:flex-start;width:100%}
.reviewRatingPopup ul.showRating{list-style:none;display:flex;margin:0 10px;padding:0;cursor:pointer;width:150px}
.reviewRatingPopup ul.showRating li{margin:0 1px;position:relative}
.reviewRatingPopup ul.showRating>li:after{position:absolute;content:"\f005";top:-5px;left:0;right:0;font-family:FontAwesome;font-size:1.73em;color:#ccc;z-index:1}
.reviewRatingPopup ul.showRating li .fa{font-size:2.2em;color:gold}
.rating-stars ul input[type=radio]{margin:0;display:inline-block}
.progressbarReviewSection,.progressbarReviewSection .progressContent{display:inline-block;width:100%;position:relative;text-align: center;}
.progressbarReviewSection .progressContent{padding:0;max-width: 1000px;margin: 0 auto;}
.progressbarReviewSection .progressContent ul li{justify-content: space-between;padding: 5px 0;font-size: 14px;}
.progressbarReviewSection .progressContent ul li > p{max-width: calc(100% - 350px);padding-right: 20px;}
.progressbarReviewSection fieldset{border:0;box-sizing:border-box;width:100%;margin:0}
.popupDesc ul.progressBar{list-style:none;margin:0 auto 10px;padding:0;display:flex;justify-content:space-around;width:80%}
.progressBar li{position:relative;width:100%;display:flex;flex-wrap:wrap;text-align: center;}
.progressBar li:after,.progressBar li:before{position:absolute;content:'';top:35%;transform:translateY(-50%);left:0;right:calc(50% + 25px);background:var(--primaryColor);height:2px}
.progressBar li button{color:var(--primaryColor);outline:0;width:50px;height:50px;background:0 0;border:2px solid var(--primaryColor);border-radius:100%!important;font-size:1.5em;margin:0 auto;position:relative}
.progressBar li.current button,.progressBar li.done button{background:var(--primaryColor);color:#fff}
.progressBar li.done button{font-size:1px}
.progressBar li.done button:after{content:'\f00c';position:absolute;left:0;right:0;top:0;bottom:0;font-family:FontAwesome;font-size:25px;line-height:45px}
.progressBar li p{width:100%;margin:10px 0 0}
.progressBar li.current p,.progressBar li.done p{color:var(--primaryColor)}.progressBar li:before{left:calc(50% + 25px);right:0}
.progressBar li:first-child:after,.progressBar li:last-child:before{content:none}
.rating-stars ul form.comments{width:100%;margin-top:15px}
.credential{position:relative;margin:20px 0;display:inline-block;width:100%}
.credential .form-control{border:0;border-bottom:2px solid #e8e8e8;border-radius:0;box-shadow:none;position:relative;z-index:99;background:0 0;transition:.3s all ease-in}
.placeHolder{transition:.2s all ease-in-out;font-size:1em;position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center}
.form-control:focus~.placeHolder,.has-val~.placeHolder{z-index:99;top:-.6em;font-size:.8em;background:#fff}
.credential .form-control:focus{border-bottom-color:var(--primaryColor)}
fieldset textarea.form-control{resize:none;height:7em}.placeHolder span{display:inline-block}
.progressbarReviewSection .progressContent ul li form{width: 100%}
.submitReview{width:100%;padding:0 0 15px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
button.disabled{background:gray!important;border:1px gray!important}
.progressContent .pl-property-btn.submit{margin:10px auto 0}
.danger-box{margin:50px 0 20px;padding:10px;border:1px solid #eee}
.danger-box>div{color:#a94442;vertical-align:middle;margin-top:8px;display:inline-block}
.danger-box img{margin-right:10px;display:inline-block;vertical-align:top;width:32px}
a.btnBlueGreen{margin:20px 0}
li.open .dropdown-menu{display:block;left:auto;right:0;margin:0}.additional-bg{white-space:nowrap}
.commentReview a{display:inline-block;font-size:15px}.commentReview a.open~.drop{height:100%}
.commentReview .drop>ul{list-style:none;width:100%;margin:10px 0;padding:0}
.commentReview .drop>ul>li{display:flex;flex-wrap:wrap;border-bottom:1px solid #e8e8e8;margin:5px 0;padding:0 10px}
.commentReview .drop>ul>li .headerReview{display:flex;align-items:center;justify-content:flex-start}
.commentReview .drop>ul>li .headerReview span{color:#888;font-size:small;display:inline-block;margin-right:10px;font-weight: 600;}
.commentReview,.commentReviews{width:100%;margin:0}
/*End of Detail Popup Review Section*/

/*Detail Popup New Review Section*/
.popupLogin .card-body {padding: 0;}
.popupLogin .card-header {font-weight: 600;color: #000;}
.popupCredential {display: flex;flex-wrap: wrap}
.popupLogin .popupCredential label {flex: 0 0 33.33333333%;max-width: 33.33333333%;font-weight: 600;text-align: right;padding: 0 15px;}
.popupLogin .popupCredential label + * {flex: 0 0 50%;max-width: 50%;padding: 0 15px;}
.popupLogin .popupCredential .form-control {width: 100%;}
.card.popupLogin {max-width: 66.66%;}
.btn-link {color: var(--primaryColor);}
.btn-link:hover {color: #00ab3d;}
.reviewPoints p {font-size: 15px;font-weight: 600;}
.reviewPointRating .scale {display: flex;align-items: center;justify-content: space-between;margin: 0 0 15px;}
.reviewPointRating {display: flex;flex-direction: column;}
.reviewPointRating .scale span {font-size: 11px;font-weight: 600;color: #333;}
.reviewPointRating .btn-group {box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);border-radius: 10px;overflow: hidden}
.reviewPointRating .btn-group .btn {font-size: 17px;margin: 0;border: 0;border-color: #9e9e9e;}
.reviewPointRating .btn-group .btn:not(:last-child) {border-right: 1px solid #d3d3d3;}
.reviewPoints .row + .row:not(:last-child) {margin-top: 25px;}
.btn.collapsed .fa-minus:before {content: "\f067";}
.reviewPoints label{font-size: 15px;font-weight: 600;}
.reviewPoints .review.success strong, .strong {font-weight: 800;font-size: 18px;}
.reviewPoints .review.success {color: var(--primaryColor);text-align:center;}
.reviewHead. p.success {color: var(--primaryColor);text-align:center;}
.card {max-width: 970px;margin: 0 auto;}
.popupDesc ul.error li{color:#B30000;}
button.btn.btn-white.active {background: var(--primaryColor) !important;color: #fff !important;border-color: var(--primaryColor) !important;}
.popupDesc ul.ratings li {justify-content: space-between;margin: 0 -10px;}
.popupDesc ul.ratings li p {padding: 0 10px;font-weight: 600;margin: 0;}
.popupDesc ul.ratings li p, .popupDesc ul.studentQuotes li p{overflow: unset;white-space: normal;text-overflow: unset;line-height: normal}
/*End of Detail Popup New Review Section*/

/*Housing fair banner*/
.housginFairPopup{display: flex;align-items: center;justify-content: space-between;width: calc(100% - 10px);margin: 5px auto 0;background: #fff;padding: 10px 40px;text-align: center;border-radius: 5px;border: 1px solid #dedede;}
.housginFairPopup h2{font-size: 24px;margin: 0;font-weight: 700;}
.housginFairPopup ul{list-style: none;padding: 0;margin: 10px 0;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.housginFairPopup ul li{color: var(--primaryColor);font-size: 15px;position: relative;padding: 2px 10px;font-weight: 600;}
.housginFairPopup ul li:not(:last-child):after{position: absolute;content: '';width: 9px;height: 9px;border-radius: 100%;background: var(--primaryColor);right: calc(0% - 4px);top: calc(50% - 4px);}
.housginFairPopup p{font-size: 0.9rem;font-weight: 700;margin: 0;}
.housginFairPopup p small{font-size: 0.85rem;display: block;font-style: italic;color: var(--primaryColor);}
.housginFairPopup .popupRight{padding: 10px 15px;}
.housginFairPopup .popupRight img{display: block;max-width: 230px;max-height: 100px;margin: 0 auto 10px;}
/*.housginFairPopup .btn-default{border: 0;font-size: 1rem;line-height: 1.65;background: var(--primaryColor);color: #fff;display: block;margin: 0 auto;padding: 0.5rem 1rem;border-radius: 7px;min-width: 12rem;font-weight: 600;cursor: pointer;}*/
.housginFairPopup .btn-default{border: 0;font-size: 1rem;line-height: 1.65;background: var(--primaryColor);color: #fff;display: inline-block;margin: 0 auto;padding: 0.5rem 1rem;border-radius: 7px;min-width: 12rem;font-weight: 600;cursor: pointer;}
@media (max-width: 1200px) and (min-width: 992px){
.housginFairPopup{padding: 10px 15px}
.housginFairPopup h2{font-size: 1.75rem}
.housginFairPopup .popupRight img{max-width: 180px}
}
@media(max-width: 767px){
.housginFairPopup {padding: 10px;flex-wrap: wrap;flex-direction: column;}
.housginFairPopup .popupDesc{padding: 5px 0;}
.housginFairPopup .popupRight{padding: 5px 0;}
.housginFairPopup h2{font-size: 18px;}
.housginFairPopup ul{margin: 0;}
.housginFairPopup ul li{font-size: 14px}
}
/*end of Housing fair banner*/

/* Google Map Cookie Popup and Legends*/
.cookie-popup{bottom:5px;background: rgb(41 41 41);z-index: 2;padding: 10px 20px;color: #fff;font-size: 14px;font-weight: 600;position: absolute;width: 100%;opacity: 0.85;}
.cookie-popup p{margin: 0;align-items: flex-start;font-size: 12px}
.cookie-popup button.close{opacity: 1; color: #fff; border: 1px solid white; border-radius: 30px; padding-inline: 4px;}
.cookie-popup.hide{display: none}
.cookie-popup h3{font-size:1.59rem;}
.fs-1_75 {font-size: 1.75rem}

.map-distance-info{position: absolute;z-index: 1;padding: 10px;background: rgba(0, 0, 0, 0.5);color: #fff;font-weight:bold;border-radius: 5px;}
.map-distance-info.top-left {top: 3;left: 4px;}
.map-distance-info.top-right {top: 3;right: 4px;}
.map-distance-info.bottom-left {bottom:3;left: 4px;}
.map-distance-info.bottom-right {bottom: 3;right: 4px;}
.map-distance-info.bottom-border-right {bottom: 3px;right: 180px;padding:5px}
.map-distance-info .colorPallete{display: flex;align-items: center;margin: 5px 10px}
.map-distance-info.mapBusRoutes .colorPallete{margin: 0;}
.map-distance-info .colorPallete p{margin: 0;font-size: 15px;text-transform: capitalize;}
.map-distance-info.mapBusRoutes .colorPallete p{font-size: 15px;}
.map-distance-info .boxColor{width: 20px;height: 20px;margin-right: 15px;}
.map-distance-info.bottom-border-right .boxColor{width: auto;height: auto;margin-right: 0;}
.map-distance-info .boxColor.green{background: rgba(0, 128, 0, 1);}
.map-distance-info .boxColor.orange{background: #bf5700;width: 70px;height: 8px;}
.map-distance-info .boxColor.yellows{background: #22b6f1;width: 40px;height: 6px;}
section.map-distance-info.mapShuttleRoute {top: 10px;left: 125px;padding: 5px;}
.map-distance-info.mapBusRoutes{color: #000;background: #fff;max-width: 100%;border-radius: unset;top: 2px;padding: 0 5px;}
.map-distance-info.mapBusRoutes .colorPallete.labelTitle{padding:0 3px;}
.map-distance-info.mapBusRoutes .colorPallete.labelTitle{padding:0 3px;}
.map-distance-info.mapBusRoutes.width-90{max-width: 90%;}
.color_palletes {position: relative;z-index: 99;background: rgba(0, 0, 0, 0.1);border-radius: 5px;width: 114px;height: 60px;top: 2px;left: 2px;}
.color_palletes p{text-align: center;font-size: 15px;}
.color_pallete {display: flex;position: absolute;left: 5px;top: 20px;z-index: 10;}
.color_pallete span {display: block;width: 20px;height: 30px;margin: 1px 1px 1px 0;}
.color_pallete.busRoutesSpan{position: static;margin: 0;flex-wrap: wrap;}
.color_pallete.busRoutesSpan span {width: 26px;height: 9px;display: inline-block;}
.color_pallete.busRoutesSpan p {font-size:15px !important;text-transform: uppercase;padding: 2px 4px;}
.color_pallete.busRoutesSpan label{font-size:12px !important}
.color_pallete.busRoutesSpan input{height: 10px;}
.color_pallete.busRoutesSpan span{margin: 0;}

.map-distance-info.upDownStream{width: 90%;background: unset;padding:0;left:0;}
.map-distance-info.upDownStream .colorPallete{margin:2px;}
.map-distance-info.upDownStream p{padding: 10px;width: 45%;text-align: center;background: #2ea59e;}
.map-distance-info.upDownStream p.up{background: #2ea59e;}
.map-distance-info.upDownStream p.down{background: #613196;}

.map-distance-info .boxColor.red{background: url('../../../../assets/campus_assets/uwosh/images/go-shuttle.svg?v=3441722') no-repeat center;background-size: contain;}
.map-distance-info .form-group{margin-bottom: 0;margin-right: 17px;}
.map-distance-info .form-control {opacity: 1;width: auto;height: auto;display: inline-block;}
.map-distance-info .form-control + label{font-size: 13px;margin-left: 0;color: #fff;}
.map-distance-info .busRouteToggle{margin-top:8px}
/*End of Google Map Cookie Popup and Legends*/

/*Campus Neighbors Slider*/
.py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.searchBox {margin: 0 15px;position: relative;}
.searchBox .fa {position: absolute;top: 0;bottom: 0;line-height: 35px;left: 7px;}
.searchBox .form-control {padding-left: 25px;height: 35px;box-shadow: none;font-size: 13px;border-color: #e2e2e2;}
span.no-neighbor{margin: 7px 0;position: relative;color: #ff0000;font-weight: 600;}
span.no-neighbor.hide{display: none;}
.extraSlider .slick-initialized .slick-slide{height: auto;padding: 5px;}
.extraSlider .slick-initialized .slick-slide.hide{display: none;}
.extraSlider .slick-initialized.slick-slider.hide{display: none;}
.extraSlider .slick-arrow{width: 30px;height: 30px;border-radius: 0;transform: translateY(-50%);font-size: 1.5rem;z-index: 1;color: #fff}
.extraSlider .slick-arrow.slick-next {right: 4px;}
.campusNeighborsList .slick-arrow:before {content: none;}
.extraSlider .slick-arrow.slick-prev {left: 10px;}
.extraSlider .slick-arrow:hover {background: rgba(0,0,0,0.7);}
.extraSlider.slick-slider{height: auto;background: #f3f3f3;padding-top: 3px;padding-bottom: 13px;}
.extraSlider.slick-slider .slick-track{display: flex}
.extraSlider .sliderImg{position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.extraSlider .sliderImg img{width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.campusBg .nxt-prev-btn{border: 0;width: 30px;height: 30px;}
.extraSlider .sliderContent {position: relative;margin: 0 3px;cursor: pointer;}
<!-- .extraSlider .sliderDesc.selected{background: var(--primaryColor)} -->
.extraSlider .sliderDesc p{color: #fff;margin: 0;text-align: center;font-weight: bolder;font-weight: bolder;font-size: 15px;}
.extraSlider .sliderDesc .btn {width: 100%;color: #fff;background: #3b3b3b;font-size: 15px;height: 110px;font-weight: 600}
h2.campus-slider-title, h3.campus-slider-title{padding-left: 15px;margin-bottom: 0;font-family: inherit;font-weight: bolder;font-size: 15px;line-height:25px;}
/*End of Campus Neighbors Slider*/

/* Start of budget Calculator */

.withWhite.pattern-bg {padding: 30px;background: #f7f8f9;}
.whiteCard {background: #fff;padding: 15px 0;}
.budgetCalculator h2 {font-size: 30px;text-transform: capitalize;font-weight: 600;margin: 0 0 15px;}
.budgetCalculator h3 {font-size: 20px;font-weight: 600;color: var(--primaryColor);min-height: 20px;margin: 0;}
.tableContainer table {table-layout: fixed;}
.tableContainer table td label {white-space: break-spaces;}
.tableContainer {margin: 15px 0;}
.tableContainer table {width: 100%;}
.tableContainer table tr:nth-child(even) td {background: transparent;}
.tableContainer table tr td {font-size: 14px;color: #333;position: relative;white-space: nowrap;padding: 5px}
.tableContainer table tr td i, .tableContainer table tr td em {position: absolute;top: 50%;transform: translateY(-50%);left: 15px;font-style: normal;color: #333;font-size: 15px;}
.tableContainer table tfoot tr td:first-child {padding-left: 0;}
.tableContainer table tfoot tr td span {font-weight: 600;color: var(--primaryColor);}
.tableContainer table tfoot tr td {padding-top: 20px;}
.tableContainer table tr td .form-control {font-size: 14px;padding: 3px 10px;padding-left: 22px;height: auto;line-height: normal;border-color: #e9e9e9;}
.budgetTotal {position: relative;padding: 10px 15px;}
.budgetTotal:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;opacity: 0.15;}
.budgetTotal p {position: relative;z-index: 1;font-size: 20px;text-align: center;font-weight: 600;color: #333;}
.budgetTotal p strong {color: var(--primaryColor);display: block;font-weight: 700;font-size: 25px;}
.budgetTotal p:not(last-child) {margin: 0 0 15px;}
.budgetTotal p.t-income {color: #146717;}
.budgetTotal p.t-income strong {color: inherit;}
.budgetTotal p.t-expense {color: #B4190B;}
.budgetTotal p.t-expense strong {color: inherit;}
.apexcharts-tooltip-text-value:before {content: '$';display: inline-block;margin-right: 3px;}

/******* Map filter start    ****************/
.map-filters {display: flex;flex-wrap: wrap;margin-right: 10px}
.map-filter {margin: 3px;position: relative;}
.map-filter .filterHead {cursor: pointer;background: #fff;padding: 8px 8px;display: flex;align-items: center;justify-content: space-between;border-radius: 4px;min-width: 100px;}
.map-filter .filterHead span {font-size: 14px;}
.map-filter .filterOptions {display: none;position: absolute;left: 0;top: calc(100% + 5px);background: #fff;border-radius: 4px;box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);}
.map-filter .filterOptions.active{display: block}
.map-filter .filterHead .fa-angle-down {padding-left: 10px;}
.map-filter .filterHead.active .fa-angle-down{transform: rotateX(180deg);}
.map-filter .filterOptions .custom-control {padding: 0.25rem 0;border-bottom: 1px solid #dedede;width: 100%}
.map-filter .filterOptions .custom-control-label {font-size: 14px;margin: 0;white-space: nowrap;width: 100%;padding: 0 20px 0 30px;}
.map-filter .filterOptions .custom-control-label::before {width: 0.7rem;height: 0.7rem;border-radius: 0.15rem;left: 10px;}
.map-filter .filterOptions .custom-checkbox .custom-control-label::after {content: none;}
.purple .custom-control-input:checked ~ .custom-control-label:before {background: #455391;border-color: #455391;}
.blue .custom-control-input:checked ~ .custom-control-label:before {background: #641fff;border-color: #641fff;}
.maroon .custom-control-input:checked ~ .custom-control-label:before {background: #981a1a;border-color: #981a1a;}
.yellow .custom-control-input:checked ~ .custom-control-label:before {background: #ffc503;border-color: #ffc503;}
.bykeStation .custom-control-input:checked ~ .custom-control-label:before {background: #db7575;border-color: #db7575;}
.destinations .custom-control-input:checked ~ .custom-control-label:before {background: var(--primaryColor);border-color: var(--primaryColor);}
.lgreen .custom-control-input:checked ~ .custom-control-label:before {background: #33A550;border-color: #33A550;}
.lblue .custom-control-input:checked ~ .custom-control-label:before {background: #0055A7;border-color: #0055A7;}
.orange .custom-control-input:checked ~ .custom-control-label:before {background: #F26621;border-color: #F26621;}
.routeBlue.transit .custom-control-input:checked ~ .custom-control-label:before {background: #00366f;border-color: #00366f;}
.routeGreen.transit .custom-control-input:checked ~ .custom-control-label:before {background: #00b25a;border-color: #00b25a;}
.routeOrange.transit .custom-control-input:checked ~ .custom-control-label:before {background: #f79315;border-color: #f79315;}
.routePurple.transit .custom-control-input:checked ~ .custom-control-label:before {background: #912a85;border-color: #912a85;}
.routeRed.transit .custom-control-input:checked ~ .custom-control-label:before {background: #d71313;border-color: #d71313;}
.transit .custom-control-input:checked ~ .custom-control-label:before {background: var(--primaryColor);border-color: var(--primaryColor);}
.lred .custom-control-input:checked ~ .custom-control-label:before {background: #EF2425;border-color: #EF2425;}

.greyBlack .custom-control-input:checked ~ .custom-control-label:before {background: #4c721c;border-color: #4c721c;}
.orangeBlack .custom-control-input:checked ~ .custom-control-label:before {background: #ac9156;border-color: #ac9156;}
.blueBlack .custom-control-input:checked ~ .custom-control-label:before {background: #005581;border-color: #005581;}
.greenBlack .custom-control-input:checked ~ .custom-control-label:before {background: #6ac17b;border-color: #6ac17b;}
.orngBlack .custom-control-input:checked ~ .custom-control-label:before {background: #f26521;border-color: #f26521;}
.magnBlack .custom-control-input:checked ~ .custom-control-label:before {background: #7f3f98;border-color: #7f3f98;}
.redBlack .custom-control-input:checked ~ .custom-control-label:before {background: #b5141b;border-color: #b5141b;}
.redGrenBlack .custom-control-input:checked ~ .custom-control-label:before {background: #571c1f;border-color: #571c1f;}



.map-selection {position: absolute;left: 10px;top: 10px;display: flex;flex-wrap: wrap;align-items: flex-end;}
.map-selection .map-distance-info.mapBusRoutes{position: static;max-height: 400px;overflow-y: auto;}
.map-filter .filterHead .icon {width: 20px;height: 20px;display: flex;align-items: center;margin-right: 5px;}
.map-filter .filterHead .icon svg {width: 100%;}
.map-filter .filterHead .withIcon {display: flex;align-items: center;}
.map-filter .filterHead .icon svg path:not(.white) {fill: var(--primaryColor);}

/******* Map filter end    ****************/

@media(max-width: 1400px){
.tableContainer table tr td{font-size: 13px;}
}
@media(max-width: 991px){
.tableContainer table tr td{font-size: 12px;padding: 5px}
.tableContainer table tr td i, .tableContainer table tr td em{font-size: 13px;left: 20px;}
.tableContainer table tr td .form-control{font-size: 12px}
}

@media(max-width: 767px){
.withWhite.pattern-bg {padding: 15px}
.budgetCalculator h2{font-size: 22px;}
.tableContainer {margin: 0 0 10px;}
.tableContainer table tfoot tr td {padding-top: 5px;}
.budgetTotal{    margin-top: 15px;}

}

/* End of budget Calculator */

.carpool .parkingList li .listTitle {
flex: 0 0 75%;
max-width: 75%;
}
.carpool .postedOn{
display: flex;
align-itens: center;
justify-content: flex-start;
margin: 0 -5px;
}
.carpool .postedOn p{
padding: 0 5px;
}
.filter a.dropdown-item:hover{color: var(--btnHoverColor)}
.carpoolFilter {
background: #eee;
padding: 3.5rem 0;
}

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

.filtersSec {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.filtersSec .filter{padding:5px;margin: 0;display: flex;flex-wrap: wrap;justify-content: center}

.filtersSec .filter input {
background: transparent;
border: 0;
border-radius: 0;
border-bottom: 1px solid var(--primaryColor);
outline: none;
box-shadow: none;
}

.filter .vdp-datepicker {
position: relative;
}

.filter .vdp-datepicker:after {
content: "\f073";
position: absolute;
right: 5px;
top: 5px;
font-size: 18px;
font-family: Font Awesome\ 5 Free;
color: var(--primaryColor);
}
.filtersSec .filter input.hasTimepicker {
max-width: 100px;
}
.filtersSec .filter.timePicker {position: relative;max-width: 100px}
.filtersSec .filter.timePicker:after{position: absolute;content: "\f107";right: 0;top: 5px;font-family: Font Awesome\ 5 Free;color: var(--primaryColor);font-size: 16px;font-weight: 900}
.filtersSec .filter .btn{margin: 5px}

@media (min-width: 576px){
#need-help .modal-dialog{max-width: 370px !important;}
}

@media(max-width: 767px){
.carpool .postedOn {flex-wrap: wrap}
}


.wrapperParking{padding: 0px 15px;border-radius: 7px;}
.parkingTitle{display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: 2px solid #f3f3f3;padding: 0 15px;align-items: flex-end;}
.parkingTitle h1{font-size: 22px;font-weight: 600;margin: 0 0 7px;}
.parkingTitle .sorting ul{list-style: none;padding: 0;margin: 0;display: flex;}
.parkingTitle .sorting ul li{margin: 0 12px;border-bottom: 4px solid transparent}
.parkingTitle .sorting ul li button{background: transparent;border-radius: 0;outline: 0;border: 0}
.parkingTitle .sorting ul li:first-child{margin-left: 0}
.parkingTitle .sorting ul li.active{border-bottom-color: #ffbd00;}
.parkingType{display: block;flex-wrap: wrap;padding: 10px 0}
.parkingSpot{width: 20%;padding: 0 15px;margin: 10px 0}
.parkingSpot ul{list-style: none;margin: 0;padding: 0}
.parkingSpot ul li{line-height: 25px;position: relative;}
.parkingSpot ul li input[type="checkbox"], .parkingSpot ul li input[type="radio"]{position: absolute;opacity: 0;}
.parkingSpot ul li input[type="checkbox"] + label, .parkingSpot ul li input[type="radio"] + label{position: relative;cursor: pointer;padding: 0;margin: 5px 0;font-size: 11px;}
.parkingSpot ul li input[type="checkbox"] + label:before, .parkingSpot ul li input[type="radio"] + label:before{content: '';margin-right: 10px;display: inline-block;vertical-align: middle;width: 15px;height: 15px;background: #cecece;border-radius: 100%;margin-top: -4px;}
.parkingSpot ul li input[type="checkbox"]:checked + label:after, .parkingSpot ul li input[type="radio"]:checked + label:after{content: '';position: absolute;left: 0;top: 0px;width: 15px;height: 15px;background: #ffbd00;border-radius: 100%;}
.parkingSpot ul li input[type="checkbox"]:hover + label:before, .parkingSpot ul li input[type="radio"]:hover + label:before{background: rgba(255, 189, 0, 0.55);}
.parkingType .parkingSpot .btn{width: 100%;margin: 8px 0;font-weight: 600;}
.wrapperParking .parkingType label{display:inline;} 
.btn-outline{background: transparent;border: 2px solid #fdbc02 !important;color: #fdbc02 !important;font-weight: 700 !important;}
.btn-outline:hover{background: #fdbc02;color: #fff !important;}
.parkingList{width: 100%;padding: 0 15px;margin: 0 auto;}
.parkingList ul{list-style: none;padding: 0;margin: 0;}
.parkingList li {margin: 10px 0 15px;display: flex;box-shadow: 12px 14px 9px -12px rgba(173, 173, 173, 0.64);border-radius: 7px;background: #fff;}
.parkingList li .campus-img{flex: 0 0 25%;max-width: 25%;}
.parkingList li .campus-img img{width: 100%;height: 240px;object-fit: cover;}
.parkingList li .listTitle{flex: 0 0 50%;max-width: 50%;padding: 15px 10px 15px 20px;}
.parkingList li .listTitle h3{margin-top: 0}
.parkingList li .listTitle p{margin-bottom: 5px}
.parkingList li .priceParking{flex: 0 0 25%;max-width: 25%;padding: 10px 15px;border-left: 2px solid #e4e3e3;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;text-align: center;}
.parkingList li .priceParking h2{margin: 0 0 10px;font-size:20px;}
.parkingList li .priceParking p{font-size: 16px;}
.parkingList li .priceParking p strong{display: block}
.parkingList li .priceParking button{font-size: 16px;}
.parkingList li .priceParking button .fa{margin-right: 10px}
.modal-dialog{min-height: 100vh;display: flex;align-items: center}
.ml-auto{margin-left: auto;}
.modal-content{width: 100%}
.modal-header .close {margin-top: 0px;position: absolute;right: -15px;top: -10px;width: 25px;height: 25px;border-radius: 100%;background: #000;color: #fff;opacity: 1;display: flex;justify-content: center;align-items: center;}
.modal-header {position: relative;box-shadow: 0px 4px 11px -10px #000;padding: 10px 15px;}
#disclaimer .modal-header .close.understand{background: #000;font-size: 12px;padding: 6px;border-radius: 0;margin-top: -5px;display: block;width: auto;}
#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}
.modal-title{margin: 0}
#emailParking .parkingList{width: 100%;padding: 0}
#emailParking .parkingList li{box-shadow: none;margin: 0;border: 0}
#emailParking .parkingList li .listTitle{flex:auto !important;padding: 0 0 0 6px !important;max-width:100% !important;}
#emailParking .parkingList li .listTitle h3{margin: 0 0 10px;font-size: 22px}
#emailParking .parkingList li .listTitle h2{font-size: 20px;margin-top: 10px}
#emailParking .parkingList li .campus-img {flex:auto !important; align-content: center;}
#emailParking .parkingList li .campus-img img{border-radius: 0;height: auto;}
label{width: 100%;margin: 5px 0;font-size: 16px;}
input + label{width: auto}
.emailFields textarea{width: 100%;height: 120px;resize: none}
.emailFields .btn{margin: 10px}
.spotPark{padding: 0 15px}
.spotPark .parkingSpot{width: 100%}
.spotPark .parkingSpot ul{display: flex;flex-wrap: wrap}
.spotPark .parkingSpot ul li{padding: 0 20px;width: 50%;}
.spotPark .parkingSpot ul li:first-child{padding-left: 0;}
.spotPark .parkingSpot ul li:last-child{padding-right: 0;}
.d-flex{display: flex;flex-wrap: wrap}
.fileUpload{position: relative;width: 100%;height: 100%;}
.fileUpload input[type="file"]{width: 100%;height: 0;opacity: 0}
.fileUpload p{height: 110px;text-align: center;line-height: 110px;border: 1px solid #ccc;border-radius: 7px;}
.fileUpload img{width: 100%;max-height: 106px;position: absolute;top: 22px;left: 0px;right: 0px;border-radius: 7px;padding: 5px}
.spotPark input[type="checkbox"]:not(old){opacity: 1;display: inline-block}
/*.modal .modal-body button{min-width: 200px;font-size: 20px;line-height: 21px}*/
/*.modal .modal-body button .fa{margin-right: 10px;}*/
.wrapperParking a{color: var(--primaryColor)}
#emailParking .modal-header .close{padding: 0;right: -5px}

.sbpagev1 .wrapperParking {padding: 0;}
.subleasePage.sbpagev1 .fix-height {height: calc(100vh - 155px);overflow: auto;}
.mapCanvas {width: 100%;height: 100%;}
.map-section {max-height: 100%;height: 100%;}



@media(min-width: 768px) and (max-width: 991px){
.wrapperParking{padding: 0 15px 20px}
.parkingSpot{width: 30%}
.parkingList{width: 70%}
.parkingList li .campus-img{flex: 0 0 35%;max-width: 35%}
.parkingList li .listTitle{padding: 10px;}
.parkingList li .priceParking{flex: 0 0 20%;max-width: 20%;}
.parkingList li .priceParking h2{font-size: 20px}
}
@media(max-width: 767px){
.w-xs-100{width: 100%}
.w-xs-50{width: 50%}
.property-detail-container #gallerySlider{height: 250px}
.filtersSec .filter.timePicker{max-width: 100%}
.filtersSec .filter input.hasTimepicker{max-width: 100%}
.filter .vdp-datepicker{width: 100%}
.carpoolFilter{padding: 2rem 0}
.theme-header .modal-header .close{right: 9px;top: -4px;}
.wrapperParking{padding: 0 15px 20px}
.parkingSpot{width: 100%}
.parkingSpot ul{display: flex;flex-wrap: wrap;}
.parkingSpot ul li {margin: 0 15px}
.parkingSpot ul li:first-child{margin: 0 }
.parkingSpot ul li:last-child{margin-right: 0 }
.parkingSpot .btn-groups{display: flex;flex-wrap: wrap;justify-content: center}
.parkingType .parkingSpot .btn-groups .btn{min-width: 200px;width: auto;margin: 10px 15px;}
.parkingList{width: 100%;padding: 0}
.parkingList ul{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -15px}
.parkingList li {min-width: 280px;flex-wrap: wrap;padding: 0;width: 100%;box-shadow: none;border: 1px solid #ddd}
.parkingList li .campus-img{flex: 0 0 100%;max-width: 100%}
.parkingList li .campus-img img{border-bottom-left-radius: 0px;border-top-right-radius: 7px;min-height: 250px}
.parkingList li .listTitle{padding: 10px;flex: 0 0 100%;max-width: 100%;}
.parkingList li .listTitle h3{font-size: 20px}
.parkingList li .priceParking{flex: 0 0 100%;max-width: 100%;align-items: center;padding: 10px;border-left: 0;border-top: 2px solid #e4e3e3;}
.parkingList li .priceParking h2{font-size: 18px}
}
.campus-img .slick-arrow {position: absolute;top: 50%;width: 30px;height: 30px;border: 0;box-shadow: none;outline: 0;transform: translateY(-50%);z-index: 1;}
.campus-img .slick-arrow:hover {opacity: 0.7;}
.campus-img .slick-arrow.slick-next{right: 0}
.campus-img .slick-arrow.slick-prev{left: 0}
.campus-img .slick-list {height: 100%;}
.campus-img .slick-list .slick-track {height: inherit;}
.campus-img .slick-list .slick-slide div {height: 100%;}
.campus-img .campus-singleImg{border-top-left-radius: 7px;border-bottom-left-radius: 7px;width: 100%;overflow: hidden;height: 100%;display: flex !important;align-items: center;justify-content: center;}
.campus-img .campus-singleImg a {display: block;}
.campus-img .slick-list .slick-slide .campus-singleImg img {width: auto;max-width: 100%;margin: 0 auto;display: block;object-fit: cover;border-radius: 0}

.modal-open .main-left-menu{z-index:0}
.btn-groups button {margin: 3px 0;width: 100%;}
.dark-header.need-help .close {margin-top: -1rem !important;}
.quizBanner .bannerContent h1, .quizBanner .bannerContent h3{font-weight: 600;font-size: 35px}
.bannerBottomContent p{font-size: 15px}
.bannerBottomContent ul li {font-size: 15px !important;}

<!--quiz css-->
body{margin: 0;padding: 0}
.RCPQuiz{margin: 20px auto;display: block;max-width: 90%;}
.bg-green{background: #23ce60;color: #000}
.bg-green h2{padding: 15px}
.quizContent{margin: 15px 0;}
strong, .strong, .bold{color: inherit}
.quizContent .fs-1_75{color: #23ce60 !important;margin: 0;}
.quizContent p{margin: 0}
.quizContent .fs-1_75 + p{margin: 15px 0 0;color: #000;font-size: 1.2em;}
.quizContent p + p{margin: 15px 0 0}
ul.quizList{margin: 0 -15px;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start}
ul.quizList li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
margin: 10px 0.0%;
width: 33.33%;
min-width: 370px;
}
ul.quizList li label{font-size: 1.3em;color: #000 !important;opacity: 1;}
ul.quizList li label p{padding: 0 15px;margin: 0;font-size: 16px;}
ul.quizList li .customCheck{width: 100%;padding: 0 0 20px;border-radius: 0;border: 1px solid #ececec;background-color: #ececec;}
ul.quizList li .customCheck label{width: 100%;margin: 0;}
ul.quizList li .customCheck label img {width: 100%;height: 260px;margin: 0 auto 25px;object-fit: cover;}
ul.quizList li .customCheck label hr{border: 1px solid #444;margin: 20px 0;}
ul.quizList li .customCheck input[type="radio"]:focus ~ label {width: 100%;height: 100%;outline: 2px solid #000;}
.customCheck{position: relative}
.customCheck [type="radio"]:checked,
.customCheck [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.customCheck [type="radio"]:checked + label,
.customCheck [type="radio"]:not(:checked) + label{position: relative;padding-left: 0;cursor: pointer;line-height: 25px;display: inline-block;color: #666;padding-right: 0;}
.customCheck [type="radio"]:checked + label:before,.customCheck [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 10px;width: 25px;height: 25px;border: 2px solid #9c9c9c;border-radius: 100%;background: #fff;}
.customCheck [type="radio"]:checked + label:after,.customCheck [type="radio"]:not(:checked) + label:after {content: '';width: 15px;height: 15px;background: #23ce60;position: absolute;top: 15px;left: 5px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.customCheck [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.customCheck [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.questionQuiz{margin: 20px 0}
.qusTab{display: flex;background: #eee;padding: 15px;margin: 15px 0 20px;justify-content: space-between}
.qusTab > h3{width: 75%;padding-right: 20px;margin: 0;}
.qusTab .score{width: 25%}
.qusTab .score h3{margin: 0}
.qusTab .score span{margin-left: 10px}
.red{color: red;}
.questionQuiz ul.quizList{margin: 15px 0 50px}
.questionQuiz ul.quizList li{width: 100%;margin: 5px 0;padding: 10px 0}
.questionQuiz ul.quizList li .customCheck{padding: 15px;}
.questionQuiz .customCheck [type="radio"]:checked + label:before, .questionQuiz .customCheck [type="radio"]:not(:checked) + label:before{top: 0}
.questionQuiz .customCheck [type="radio"]:checked + label:after, .questionQuiz .customCheck [type="radio"]:not(:checked) + label:after{top: 5px}
ul.quizList li.correctAns .customCheck{box-shadow: -1px 2px 13px 1px #23ce60}
ul.quizList li.wrongAns .customCheck{box-shadow: -1px 2px 13px 1px #d60000}
ul.quizList li.wrongAns .custom-radio{box-shadow: -1px 2px 13px 1px #d60000}
.quizContent .fs-1_75.black{color: #000 !important;}
.quizCompleted{margin: 35px 0}
quizCompleted p{font-size: 1.5em}
quizCompleted .quizContent{margin-bottom: 40px}
.quizCompleted .quizContent .fs-1_75{margin: 15px 0}

.container{padding: 0 15px;;margin: 0 auto}
.quiz_videos video{width: 100%; margin: 5px 0 35px}
.m-0{margin: 0 !important;}
.justify-content-between{justify-content: space-between}
.videoDur{display: flex;margin-top: 0 !important;align-items: center;}
.videoDur i{font-size: 24px;margin-right: 10px}
.questionQuiz .customCheck [type="radio"]:checked + label, .questionQuiz .customCheck [type="radio"]:not(:checked) + label{padding-left: 40px;}

.quizBanner{position: relative;overflow: hidden;margin-bottom: 25px}
.quizBanner > img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;object-fit: cover;}
.quizBanner .bannerContent{padding: 14rem 4rem 11rem;position: relative;z-index: 99;text-align: center;}
.quizBanner .bannerContent h1, .quizBanner .bannerContent h3{font-size: 40px;margin: 0 0 15px;color: #fff !important;text-shadow: 4px 2px 2px #000;}
.quizBanner .bannerContent p{font-size: 19px;margin: 0 0 15px;color: #fff;}
.quizBanner:after{position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5)}
.table {border-collapse: collapse;max-width: 100%;background-color: transparent;border-width: initial;border-style: solid;border-color: initial;border-image: initial;padding: 15px;margin: 15px;}
.m-0 {margin: 0}
ul.quizList li label.startQuizZ p.quizDescrip, ul.quizList li label.startQuiz p.quizDescrip {margin-top: 5px;line-height: 15px;height: 65px;overflow: hidden;}
ul.quizList li label p.quizTitle {height: 63px;overflow: hidden;}


.warning-show label:after, .warning-show label:before{
    display: none;
}
.warning-show input{
    opacity: 0;
    display: none;
}
li.answer-is label {
    position: relative;
    padding: 16px;
    margin: 30px 0 0 0;
    display: block!important;
}
li.wrong label {
    box-shadow: -1px 2px 13px 1px #d60000;
}
li.correct label {
box-shadow: -1px 2px 13px 1px #23ce60;
}

.answer-is h3 {
    margin: 0!important;
    font-size: 16px!important;
    font-weight: 400!important;
}

.answer-is img {
    width: 20px;
    margin-right:10px;
}

li.warning .custom-control {
    padding: 0;
    width: 100%;
}

ul.warning-show li label {
    width: 100%;
    padding: 20px;
    border-radius: 0;
    border: 1px solid #ececec;
    background-color: #ececec;
}

ul.warning-show li .custom-control {
    padding: 0;
}

table{border-color: #ececec !important;}
table tr th, table tr td {padding: 5px 15px;font-size: 1em;color: #000}
table tr th {border-bottom: 1px solid #797979;font-size: 1.5rem;font-weight: 700;}
table tbody tr:nth-child(even) td {background: #ececec}
.resultPane {display: inline-block;width: 100%}
.resultPane i.fa-chevron-down {display: flex;align-items: center;justify-content: center;margin-top: 0;cursor: pointer;}
.resultPane .main-header h3 {width: calc(100% - 30px);padding: 15px 15px 15px 0;font-size: 18px;color: #000 !important;margin: 0 0 0 15px;}
.resultPane .resultTable {display: none;}
.smaller {font-size: 80%}
.seprator{margin: 0 5px;font-size: 18px}
.resultPane.active i.fa-chevron-down{transform: rotate(180deg)}

.reviewQus{margin: 35px 0 50px}
.qusAns{margin: 10px 0;padding-left: 10px;display: inline-block;width: 100%;}
.qusAns p{color: #000;margin: 0;}
.qusAns p + p{margin: 5px 0 0;}
.qusAns p span{margin-right: 7px}
.bannerBottomContent{font-size: 18px;display: flex;}
.bannerBottomContent div{padding-right: 20px}
.bannerBottomContent img{max-height: 150px}
.quizBanner > img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
}
.overlayQuizClass{position: relative}
.overlayQuizClass:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.888);
z-index: 9;
filter: blur(2px);
height: 260px;
}
.overlayQuizClass:before{
content: 'Coming Soon';
position: absolute;
color: #fff;
z-index: 99;
text-align: center;
left: 0;
right: 0;
/* top: 50%; */
/* transform: translateY(-50%); */
font-size: 3rem;
line-height: 260px;
}
#showQuizes.customCheck [type="radio"]:checked + label:before, #showQuizes .customCheck [type="radio"]:not(:checked) + label:before{content: none}
.btn.submitted{margin: 0 15px;cursor: no-drop}
.quiz_videos {margin: 25px 0 40px}
.mt-0{margin-top: 0 }
ul.quizList li label.startQuiz p + p{margin-top: 5px;line-height: 15px;}
ul.quizList li label.startQuiz p small{font-size: 80%}
.answer-is{display: flex;align-items: center;margin-bottom: 10px;}
.answer-is img{max-width: 25px;margin-right: 10px}
.answer-is h3{font-size: 16px;}

/*Properties Badge*/
.propBadge{width: 160px;position: absolute;bottom: 0;left: 0;}
.propBadge span{padding: 5px;color: var(--propBadgeColor);font-weight: 700;width: 100%;display: block;background: var(--primaryColor);opacity: 0.85;text-align: center;border-radius: 7px;}
.propBadge.is-special {bottom: unset;top: 5px;left: 5px;}
.propBadge img {
    max-height: 80px;
}
/*End of Properties Badge*/

/*Show tooltip legend*/
.propBadge .toolTipWarning{display: none;position: absolute;bottom: 0;left: 175px;width: calc(100% - 180px);background: #343434;border-radius: 4px;z-index: 99;padding: 5px;box-sizing: border-box;font-size: 10px;font-weight: 400;text-align: left;color: #fff;opacity: 0.9;}
.propBadge .toolTipWarning p{margin: 0;color: #fff;font-size: 11px;white-space: normal;line-height: normal;}
.propBadge .toolTipWarning:after {position: absolute;top: calc(100% - 50px);right: 100%;width: 10px;height: 10px;margin: 0 auto;content: '';z-index: -2;border-right: 8px solid #2f2d2d;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.propBadge:hover .toolTipWarning{display: block}
/*end Show tooltip legend*/
.warningParent{position: absolute;top: 0px;left: 0;right: 0;width: 100%;min-height: 20px;z-index: 10}
.roomWarning{cursor: pointer;}
.roomWarning .fa{color: red;font-size: 1.2em}
.roomWarning .toolTipWarning{display: none;position: absolute;bottom: calc(100% + 10px);left: 50%;transform: translateX(-50%);width: 300px;background: #343434;border-radius: 4px;z-index: 99;padding: 5px;box-sizing: border-box;margin: 0 auto;max-height: 200px;}
.roomWarning .toolTipWarning p{margin: 0;color: #fff;font-size: 12px;font-weight: 400;white-space: normal;line-height: normal;text-align: center;max-height: 180px;overflow: auto;}
.roomWarning .toolTipWarning:after {position: absolute;left: 0;right: 0;top: 100%;width: 10px;height: 10px;margin: 0 auto;content: '';z-index: -2;border-bottom: 10px solid #2f2d2d;border-right: 10px solid transparent;border-left: 10px solid transparent;transform: rotate(180deg);}
.roomWarning:hover .toolTipWarning{display: block}
.toolTipWarning p::-webkit-scrollbar {width: 5px;background: #212121;}
.toolTipWarning p::-webkit-scrollbar-track {background-color: transparent;}
.toolTipWarning p::-webkit-scrollbar-thumb {background-color: #ffffff;border-radius: 100px;}
.toolTipWarning p::-webkit-scrollbar-button {display:none}

.programFilterBadge{position: absolute;left: 0;bottom: 0;}
.programFilterBadge img{max-width: 80px;background: rgba(255,255,255,0.85)}

.smartHornFilter{position: absolute;left: 0;bottom: 0;}
.smartHornFilter img{max-width: 80px;background: rgba(255,255,255,0.85)}

@media(max-width: 991px){
ul.quizList li{width: 49.6%}
}
@media(max-width: 767px){
.roomWarning {left: unset;right: 5px;height: 30px;background: rgba(255,255,255,0.85);display: flex !important;align-items: center;justify-content: center;padding: 5px;}
.roomWarning .toolTipWarning {top: 0;right: 45px;left: unset;width: 200px;border-radius: 0;transform: translateX(0);max-height: max-content;}
.roomWarning .toolTipWarning p{font-size: 10px;max-height: 160px;}
.roomWarning .toolTipWarning:after {    left: calc(100% - 6px);transform: rotate(90deg);bottom: 0;top: 10px;}
.programFilterBadge{display: flex;justify-content: space-between;right: 0}
.smartHornFilter{display: flex;justify-content: space-between;right: 0}
/*.propBadge span{width: 155px;padding: 5px;}*/
.container{max-width: 100%;}
.RCPQuiz{max-width: 100%;margin-top: 110px}
ul.quizList{margin: 0}
ul.quizList li{width: 100%;padding: 0}
ul.quizList li .customCheck label img{height: 200px;margin: 0 auto 15px}
ul.quizList li label p{font-size: 15px}
ul.quizList li .customCheck label hr{margin: 15px 0}
ul.quizList li .customCheck label hr +  .d-flex{flex-wrap: wrap;text-align: center}
ul.quizList li .customCheck label hr +  .d-flex p{display: inline-block;width: 100%}
ul.quizList li .customCheck label p + p{margin: 10px 0 0}
.qusTab{flex-wrap: wrap}
.qusTab .score,.qusTab > h3{width: 100%;margin: 5px 0}
.qusTab .score h3,.qusTab > h3{font-size: 22px}
.bg-green h2{font-size: 25px}
.questionQuiz ul.quizList li{padding: 5px 0}
.questionQuiz ul.quizList li .customCheck{padding: 15px 5px 15px 10px}

.quizBanner .bannerContent{padding: 10em 1em 7em}
.quizBanner .bannerContent h1, .quizBanner .bannerContent h3{font-size: 30px}
.quizBanner .bannerContent p{font-size: 16px}

.bannerBottomContent{flex-wrap: wrap;justify-content: center}

/*Show tooltip legend*/
.propBadge .toolTipWarning{bottom: calc(100% + 10px);left: 0;right: 0px;width: 90%;margin: 0 auto;padding: 15px 15px 5px 5px}
.propBadge .toolTipWarning p{margin: 0;color: #fff;font-size: 11px;white-space: normal;line-height: normal;}
.propBadge .toolTipWarning:after {top: calc(100% - 5px);left: 50px;transform: rotate(-90deg);}
.propBadge .toolTipWarning span {position: absolute;width: 20px;padding: 0;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 16px;color: #fff;opacity: 1;background: transparent;right: 0px;top: 0px;z-index: 9;}
/*end Show tooltip legend*/
}
@media(min-width: 767px){
.container{max-width: 750px;}
}
@media(min-width: 991px){
.container{max-width: 970px;}
}
@media(min-width: 1199px){
.container{max-width: 1140px;}
}
@media(min-width: 1400px){
.container-large{max-width: 1340px;}
}
@media (max-width: 767px){
ul.quizList li {margin: 10px auto;}
}
div#readMoreExcerpt___BV_modal_body_ {
background: var(--primaryColor);
color:var(--fbTextColor);
}
.window-body a {
color: var(--fbTextColor);
}
div#readMoreExcerpt .modal-dialog {
max-width: 750px !important;
}
.campusList .special {
position: absolute;
left: -1px;
bottom: 0px;
z-index: 9;
display: flex;
align-items: flex-end;
right: 0;
}

.campusList .special .sprite {
flex: 0 0 67px
}

.campusList .special:hover {
background: #fff
}

.campusList .special .desc {
opacity: 0;
visibility: hidden;
transition: 0.15s opacity;
min-height: 33px;
display: flex;
align-items: center;
}

.campusList .special p {
margin: 0;
font-size: 13px;
padding: 0 80px 0 10px;
}

.campusList .special:hover .desc {
opacity: 1;
visibility: visible
}

.campusList .special {
z-index: 15
}

.campusList .special p {
padding-right: 20px
}
.special .special-icon {
flex: 0 0 67px;
max-width: 67px;
height: 34px;
}

.special .special-icon svg {
width: 100%;
height: 100%;
}

.special .special-icon svg path {
fill: var(--primaryColor);
}
.property-detail-container .tabs.Inactive ul li {
width: 50%;
}

.theme-card .card-header{background: var(--primaryColor)}
.theme-card .card-header .card-title{margin: 0;color: #fff}
.leasingPg .theme-card .card-header p{font-size: 15px;font-weight: 600;color: var(--leasingCardColor);margin: 0;position: relative;padding-right: 20px;cursor: pointer;}
.leasingPg .theme-card .card-header p.accrodian-title:after {content: "\f106";position: absolute;right: 3px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 1.25rem;font-family: "Font Awesome 5 Free";}
.leasingPg .theme-card .card-header p.accrodian-title.collapsed:after {content: "\f107";}
.leasingPg .theme-card{margin-bottom: 15px}
.leasingPg a{color: var(--primaryColor);transition: 0.25s all ease-in;text-decoration: none}
.leasingPg a:hover{color: #333}
.leasingPg .theme-card .nav a{font-weight: 600;color: #333}
.leasingPg .theme-card .nav li.active a {color: var(--primaryColor)}
.leasingPg .theme-card .nav a:hover {color: var(--primaryColor)}
.leasingPg .tab-pane h2{padding-bottom: 10px;margin-bottom: 15px;border-bottom: 1px solid var(--primaryColor);}
.parentPg h3{margin: 0;font-size: 20px}
.parentPg h4{margin: 0;font-size: 18px}
.parentPg h3 + div{margin: 15px 0}
.map-disclaimer-sec {bottom: 75px;}

.big-logo {height: 60px !important;}

/*logged in dropdown menu 2*/
.dropdown-item:focus, .dropdown-item:hover{background: var(--primaryColor);color:var(--submenuHoverCol)}

.covid-banner {
background: #b31b1b;
color: white;
margin: 0px 0px;
padding: 7px 5px;
}

.covid-banner a {
color: white;
border-color: white;
float: right;
margin-top: 5px;
}

.covid-banner a:hover {
color: white;
border-color: white;
}

button.map-listing-safety-rate {display: block;background: url('../../../../assets/images/4stars-grey.png') 0 -16px no-repeat;width: 80px;height: 19px;background-size: cover;text-indent: -999999px;border: 0;background-position: 0 0;padding: 0;}
.map-listing-safety-rate .stars-grey {background: url('../../../../assets/images/4stars.png') 0 0 no-repeat;width: 0px;height: 19px;display: block;background-size: cover;margin: 0;}
.popupTitle button.map-listing-safety-rate{margin-left: 10px}

.extraSlider .sliderDesc input[type="checkbox"] {
opacity: 0;
display: none;
}

.blog-footer{
background-image: url(../../../../blog.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.blog-footer>.fab{
height:14px
}

.roommateFilter .filterOption {position: absolute;top: 100%;left: 0;z-index: 10;visibility: hidden;opacity: 0;transition: 0.15s opacity;background: #fff;padding: 5px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);;min-width: 100%}
.roommateFilter .filter a.active + .filterOption {opacity: 1;visibility: visible}
/* Start of virtual tour modal */

.modal-100{max-width: calc(100% - 100px) !important;margin: auto !important;}
.liveFb_uwm{background: url('../../../../assets/images/hall-2.png') no-repeat center;    background-size: cover;border-radius: 10px;overflow: hidden}

.liveFb_uwm .modal-title {display: none;}
.liveFb_uwm .modal-header {border: 0;padding: 0;z-index: 1}
.liveFb_uwm .modal-header .close {right: 20px;top: 5px;background: transparent;color: #000;width: auto;height: auto;font-size: 36px;padding: 0;}
.liveFb_uwm {position: relative;}
.virtualTourHall {color: #000;text-align: center;position: relative;z-index: 1;padding: 15px;}
.virtualTourHall h1 {font-size: 35px;font-weight: 700;}
.liveFb_uwm:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(255,255,255,0.6);}
.map_wrap.liveFb_uwm:after{content: none}
.virtualTourHall p{font-size: 20px;}
.virtualTourHall > ul {margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.virtualTourHall > ul .slick-slider{flex: 0 0 100%;max-width: 100%}
.virtualTourHall > ul li {padding: 20px;perspective: 5000px;}
.virtualTourHall > ul li:hover .flipCard {transform: rotateY(180deg);}
.virtualTourHall .slick-initialized .slick-slide{flex-wrap: wrap}
.virtualTourHall .slick-initialized .slick-slide > div{flex: 0 0 100%;max-width: 100%}
.flipCard {position: relative;text-align: center;border-radius: 10px;transition: transform 0.6s;transform-style: preserve-3d;width: 100%;min-height: 320px;}
.flipCard .flipCard-img {height: 100%;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 0}
.flipCard .flipCard-img .imgPart{position: relative;height: 230px;width: 295px;}
.flipCard .flipCard-img .imgPart span {position: absolute;top: 9px;font-size: 12px;line-height: 13px;font-weight: 600;white-space: nowrap;text-overflow: ellipsis;text-transform: uppercase;overflow: hidden;left: 0;right: 0;width: calc(100% - 45px);margin: 0 auto;}
.flipCard .flipCard-img .imgPart p.withImage{position: absolute;font-size: 16px;left: 0;right: 0;top: 52px;width: calc(100% - 65px);margin: 0 auto;color: #fff;height: 60px;display: flex;align-items: center;justify-content: center;}
.flipCard .flipCard-img .imgPart p.withImage img{max-height: 100%;max-width: 100%;width: auto;margin: 0 auto;}
.flipCard .flipCard-img .imgPart p.lapText{margin: 0;font-size: 11px;font-weight: 600;color: #fff;text-transform: capitalize;position: absolute;left: 61px;bottom: 10px;width: 80px;height: 90px;display: flex;align-items: center;justify-content: center;}
.flipCard .flipCard-img img{height: 100%;width: 100%;}
.flipCard .flipCard-desc {z-index: 1;height: 100%;width: 100%;position: absolute;border-radius: 10px;color: white;background: black;padding: 15px;display: flex;align-items: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: rotateY(180deg);}
.flipCard .flipCard-desc .descContent {flex: 0 0 100%;max-width: 100%;max-height: 100%;text-align: center;overflow: auto;-webkit-appearance: none;}
.flipCard .flipCard-desc .descContent .btn{margin-top: 30px}
.flipCard .flipCard-desc h2 {font-size: 20px;font-weight: 700;}
.flipCard .flipCard-desc p {font-size: 15px;}
.flipCard .flipCard-desc h3 {font-size: 18px;font-weight: 700;}
.flipCard .flipCard-img .btn {position: absolute;z-index: 1;background: #fff;border-radius: 100px;padding: 1px 10px;color: #B30000;display: flex;align-items: center;text-transform: uppercase;font-size: 12px;font-weight: 600;box-shadow: 0 0 10px 2px rgba(0,0,0,0.6);top: 20px;transform: translateY(-50%);right: 65px;}
.flipCard .flipCard-img .btn .live {width: 8px;height: 8px;background: #f00;display: inline-block;border-radius: 100%;margin-right: 5px;}
.flipCard .flipCard-desc .descContent::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 25px;height: 25px;background: var(--primaryColor);cursor: pointer;}
.flipCard .flipCard-desc .descContent::-moz-range-thumb {width: 25px;height: 25px;background: var(--primaryColor);cursor: pointer;}
.flipCard .flipCard-desc .descContent::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #555;}
.flipCard .flipCard-desc .descContent::-webkit-scrollbar{width: 8px;background: transparent;}
.flipCard .flipCard-desc .descContent::-webkit-scrollbar-thumb{border-radius: 10px;background: #8e8e8e;}

.virtualTourHall ul.slick-dots {position: static;}
.virtualTourHall ul.slick-dots li {padding: 5px;margin: 0 2px;}
.virtualTourHall ul.slick-dots li button {border-radius: 100%;background: rgba(255,255,255,0.5);width: 15px;height: 15px;}
.virtualTourHall ul.slick-dots li.slick-active button {background: var(--primaryColor);}
.virtualTourHall ul.slick-dots li button:before {content: none;}
.boothImage .slick-arrow,
.boothList .slick-arrow {width: 50px;height: 50px;background: rgba(0,0,0,0.5);border-radius: 100%;font-size: 2rem;color: #fff;}
.boothImage .slick-arrow:before,
.boothList .slick-arrow:before {content: none;}
.boothImage .slick-arrow.slick-prev,
.boothList .slick-arrow.slick-prev {left: 0;}
.boothImage .slick-arrow.slick-next,
.boothList .slick-arrow.slick-next {right: 0;}
.boothImage .slick-dots,
.boothList .slick-dots {padding: 0;margin: 0;display: flex;justify-content: center;align-items: center;list-style: none;}
.boothImage .slick-arrow.slick-prev, .boothImage .slick-arrow.slick-next,
.boothList .slick-arrow.slick-prev, .boothList .slick-arrow.slick-next{z-index: 4;}
.boothImage .slick-arrow:hover, .boothImage .slick-arrow:focus,.boothList .slick-arrow:hover, .boothList .slick-arrow:focus {background-color: rgba(0, 0, 0, .8);color: #fff;}

@media (max-width: 1100px){
.flipCard .flipCard-img .btn{right: 10px}
}

@media (max-width: 991px){
.flipCard .flipCard-img .btn{right: 40px}
}
@media (min-width: 767px) and (max-width: 991px){
.flipCard .flipCard-img .imgPart p.lapText{width: 80px;left: 49px;}
}
@media (max-width: 767px){
.virtualTourHall h1{font-size: 25px;}
.virtualTourHall p {font-size: 15px;}
.modal-100 {max-width: calc(100% - 30px) !important;}
.virtualTourHall{padding: 15px 0}
.virtualTourHall > ul li{padding: 0}
.flipCard .flipCard-img .btn {right: 30px}
}
/* End of virtual tour modal */
.alert-ft-sz{font-size:13px !important;}

.filter-new {padding: 10px 20px;background: #fff;}
.filter-new .new-filter-title h1, .filter-new .new-filter-title h2 {margin: 0;font-size: 17px;color: var(--headingh1h2Color);white-space: nowrap;text-overflow: ellipsis;font-weight: 600;}
.filter-new .new-filter-option {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin: 5px -5px;}
.new-filter-option .filter-options-available {padding: 0 10px;margin: 0 -10px;display: flex;align-items: center;flex-wrap: wrap;}
.new-filter-option .filter-options-available .single-filter {padding: 5px;position: relative;white-space:nowrap;}

.new-filter-option .filter-options-available .search-btn-container .btn-searches {background: var(--headerBgColor);box-shadow: none;border-radius: 100px;padding: 2px 15px;border: 2px solid #E3E3E3;color: #ffffff;transition: 0.25s all;font-size: 14px;font-weight: 600;}
.new-filter-option .filter-options-available .search-btn-container .btn-searches:focus{outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}
.new-filter-option .filter-options-available .search-btn-container .btn-searches:disabled{background: var(--coronaBg);color: #3A3A3A;outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}
.new-filter-option .filter-options-available .single-filter .filter-btn {background: transparent;box-shadow: none;border-radius: 100px;padding: 2px 15px;border: 1px solid #E3E3E3;color: #3A3A3A;transition: 0.25s all;font-size: 14px;font-weight: 600;}
.new-filter-option .filter-options-available .single-filter .filter-btn:focus{outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}
.new-filter-option .filter-options-available .single-filter .filter-options-outer {background: #fff;padding: 10px;border-radius: 5px;min-width: 140px;position: absolute;top: 100%;left: 10px;z-index: 100;border: 1px solid #E4E4E4;box-shadow: 0 3px 6px rgba(0,0,0,0.16);display: none;}
.filter-options-outer .increment-filter {display: flex;align-items: center;justify-content: center;}
.filter-options-outer .increment-filter button {background: transparent;box-shadow: none;border: 1px solid #E3E3E3;border-radius: 100%;width: 25px;height: 25px;padding: 0;font-size: 12px;display: flex;justify-content: center;align-items: center;}
.filter-options-outer .increment-filter input {margin: 0 7px;width: 51px;border: 0;text-align: center;}
.new-filter-option .filter-options-available .single-filter .filter-btn:hover, .new-filter-option .filter-options-available .single-filter .filter-btn.active {background: #F3F3F3;}
.new-filter-option .filter-options-available .single-filter .toggleLabel {color: #3A3A3A; font-size: 13px; font-weight:600;}
.new-filter-option .filter-options-available .single-filter:last-child {padding-right: 0;}
.new-filter-option .filter-options-available .single-filter .filter-btn.active + .filter-options-outer{display: flex;flex-wrap:wrap;}
.price-filter .clear, .incFilter .clear, .sorting-label .clear {font-size: 11px;background: transparent;box-shadow: none;border: 0;padding: 3px;margin-top: 5px;color: var(--primaryColor);transition: 0.25s all;}
.price-filter .price-boxes {display: flex;align-items: center;margin: 0 -5px;}
.price-filter .price-boxes .price-box {padding: 0 5px;color: #3A3A3A;flex: 0 0 50%;max-width: 50%;}
.price-filter .price-boxes .price-box .form-control {min-width: 90px;width: 100%;height: calc(1.75em + .75rem + 2px);padding: .375rem;font-size: 13px;padding-bottom: 0;}
.price-filter .price-boxes .price-box .form-group {margin: 0;position: relative;}
.price-filter .price-boxes .price-box label {font-size: 11px;margin: 0;position: absolute;left: 5px;top: 0px;}
.price-filter .clear:hover, .incFilter .clear:hover {color: #000;}
.sorting-label .clear:hover {color: #fff;background: var(--primaryColor)}
.price-filter .price-slider .custom-range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 15px;height: 15px;background: #fff;border: 2px solid #23ce60;cursor: pointer;margin-top: -6px;}
.price-filter .price-slider .custom-range::-webkit-slider-runnable-track{height: 4px;}
.price-filter .price-slider .custom-range::-moz-range-thumb {width: 15px;height: 15px;background: #fff;border: 2px solid #23ce60;cursor: pointer;}
.price-filter .price-slider .custom-range {border-radius: 0;}
.price-filter .price-values {display: flex;margin: 0 -5px;align-items: center;justify-content: space-between;}
.price-filter .price-values p {padding: 0 5px 5px;margin: 0;font-size: 13px;font-weight: 600;}
.more-filter-outer {padding: 20px;background: #fff;margin-top: 5px;color: #3A3A3A;}
.more-filter-secttion h3 {font-size: 17px;font-weight: 700;margin: 0 0 10px;}
.more-filter-secttion .filterTitle h6, .date-section label {font-weight: 700;font-size: 13px;margin: 0 0 5px;}
.more-filter-secttion ul {list-style: none;padding: 0;margin: 0 -10px;display: flex;flex-wrap: wrap;}
.more-filter-secttion ul li{padding: 5px 10px}
.more-filter-secttion > * {margin-bottom: 20px;}
.more-filter-secttion .btn-group-toggle {width: 100%}
.more-filter-secttion .btn-group-toggle label.btn{text-align: center;margin: 0;padding: 5px;text-transform:capitalize;}
.house-type .custom-control {padding: 0;}
.house-type .custom-control .custom-control-input:checked + label:before {background: #F3F3F3;border-color: #e3e3e3}
.house-type .custom-control label {padding: 5px 15px;cursor: pointer;font-size: 12px;}
.house-type .custom-control label:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #E3E3E3;border-radius: 100px;width: 100%;height: 100%;z-index: 0;background: transparent;}
.house-type .custom-control label:after{top: 0;left: 0}
.house-type .custom-control label span{position: relative;z-index: 1}
.subleasesFilter .house-type .custom-control label{border-radius: 25px;}
.subleasesFilter .house-type .custom-control .custom-control-input:checked + label{background: #F3F3F3}
.subleasesFilter .house-type .custom-control label:after{content: none}
.subleasesFilter .house-type .custom-control .custom-control-input:checked + label:before{background: transparent}
.more-filter-secttion .other-amenity label {font-size: 13px;}
.more-filter-secttion .other-amenity ul li {flex: 0 0 25%;max-width: 25%;}
.mobile-filter-btn {position: fixed;left: 0;right: 0;bottom: 50px;z-index: 99;text-align: center;}
.mobile-filter-btn .btn-success {border-radius: 100px;padding: 5px 30px;font-size: 17px;}
.mobile-new-filter {position: fixed;right: calc(0% - 290px);bottom: 0;top: 0;width: 290px;background: #F2F3F4;z-index: 999;transition: 0.25s right;}
.mobile-new-filter .mobile-filter-head {display: flex;align-items: center;justify-content: space-between;padding: 5px 0;background: var(--primaryColor);color: #fff;}
.mobile-new-filter .mobile-filter-head h2 {font-weight: 600;font-size: 20px;margin: 0;flex: auto;text-align: center;}
.mobile-new-filter .mobile-filter-head .btn-success {font-size: 14px}
.mobile-filter-body {padding-bottom: 15px;height: calc(100vh - 100px);overflow: auto;}
.mobile-filter-footer {padding: 10px;}
.mobile-filter-body .filter-search {padding: 10px;}
.mobile-filter-body .filter-search .search-header {width: 100%;background: #fff;border-radius: 100px;}
.mobile-filter-body .filter-search .search-header .bg-magni_glass {left: 15px;zoom: 0.8;}
.mobile-filter-body .mobile-general-filter {background: #fff;padding: 8px 10px;margin-bottom: 5px;}
.mobile-filter-body .mobile-general-filter .btn {padding: 0;font-size: 14px;font-weight: 400;text-align: left;position: relative;color: #1F2022}
.mobile-filter-body .mobile-general-filter .btn .fa {float: right;color: #1F2022;font-size: 15px;}
.mobile-filter-body .mobile-general-filter .title {font-size: 14px;margin: 0 0 5px;color: #1F2022}
.mobile-filter-body .more-filter-secttion ul {margin: 0 -5px}
.mobile-filter-body .more-filter-secttion ul li{padding: 5px}
.mobile-filter-body .mobile-general-filter .toggleLabel {color: #1F2022;}
.mobile-filter-body .mobile-general-filter .switch {height: 1.13em;width: 2em;margin: 0 10px;}
.mobile-filter-body .mobile-general-filter .switch span {height: 12px;width: 12px;top: 3px;}
.mobile-new-filter.inner-filter{z-index: 1000;}
.mobile-new-filter.active{right: 0;}
.mobile-new-filter.active:after {content: '';position: absolute;right: 290px;top: 0;bottom: 0;z-index: 0;background: rgba(0,0,0,0.35);width: 100vw;}
.mobile-new-filter.inner-filter .mobile-filter-head {margin-bottom: 5px;}
.mobile-new-filter.inner-filter .more-filter-secttion .other-amenity ul li{flex: 0 0 100%;max-width: 100%;padding: 10px 10px;border-bottom: 1px solid #F2F3F4;}
.mobile-bottom-filter {position: fixed;left: 0;right: 0;bottom: calc(0px - 290px);width: 100%;z-index: 1001;background: #fff;height: 290px;transition: 0.25s all;}
.mobile-bottom-filter.active{bottom: 0;}
.mobile-bottom-filter.active:after {content: '';position: absolute;left: 0;right: 0;bottom: 290px;height: 100vh;background: rgb(0, 0, 0, .32);}
.mobile-bottom-filter .mobile-bottom-head {padding: 12px 10px;color: #fff;background: var(--primaryColor);text-align: center;margin-bottom: 5px;}
.mobile-bottom-filter .mobile-bottom-head p {font-size: 18px;margin: 0;font-weight: 600;}
.mobile-bottom-filter .mobile-bottom-body {max-height: calc(100% - 52px);overflow: auto;}
.price-filter ul {list-style: none;padding: 0;margin: 0;}
.price-filter ul li {text-align: center;border-bottom: 1px solid #F2F3F4;}
.price-filter ul li .form-group {margin: 0;}
.price-filter ul li label {font-size: 15px;display: block;padding: 11px;}
.price-filter ul li .custom-control {padding: 0;}
.price-filter ul li label:before {display: none;}
.price-filter ul li .custom-control-input:checked ~ label {background: var(--primaryColor);color: #fff;}
.mobile-new-filter.inner-filter.active:after{content: none}
.custom-price-range .irs--round {height: 20px;}
.custom-price-range .irs--round .irs-handle {top: 2px;width: 16px;height: 16px;border: 2px solid var(--primaryColor);box-shadow: none;}
.custom-price-range .irs--round .irs-line {height: 3px;background-color: #dee4ec;top: 9px;}
.custom-price-range .irs--round .irs-bar {height: 3px;background-color: var(--primaryColor);top: 9px;}
.custom-price-range .irs--round .irs-from, .custom-price-range .irs--round .irs-to, .custom-price-range .irs--round .irs-single {background-color: var(--primaryColor);display: none}
.custom-price-range .irs--round .irs-from:before, .custom-price-range .irs--round .irs-to:before, .custom-price-range .irs--round .irs-single:before {border-top-color: var(--primaryColor);}
.custom-price-range .irs--round .irs-min, .custom-price-range .irs--round .irs-max{display: none}
@media (min-width: 991px){
.mobile-new-filter, .mobile-bottom-filter{display: none}
}
@media (max-width: 767px){
.more-filter-outer{display: none}
.price-filter .vc-container{width: 95%;margin: 0 auto;display: block;}
}

.btn-toggle.btn-xs {
margin: 0 10px;
padding: 0;
position: relative;
border: none;
height: 18px;
width: 32px;
border-radius: 1rem;
background: #cecdcd;
}
.btn-toggle.btn-xs > .handle {
position: absolute;
top: 3px;
left: 2px;
width: 12px;
height: 12px;
border-radius: 100%;
background: var(--primaryColor);
transition: left 0.25s;
}
.btn-toggle.active > .handle {
left: 17px;
transition: left 0.25s;
}

.single-filter .btn.focus, .single-filter .btn:focus {
outline: 5px auto -webkit-focus-ring-color;
}


/***** Questionaire Page start****/
.questionaire-body {background: #F4F4F4}
section.questionaires {
padding: 3rem 0;
}

.questionaire-card {
padding: 2rem 2.5rem;
background: #fff;
border-radius: 25px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.questionaire-card .questionaire-qusestion {
padding-bottom: 2rem;
}

.questionaire-card .questionaire-qusestion p {
font-size: 24px;
color: #333;
}

.questionaire-card .questionaire-qusestion .question-number p {
color: var(--primaryColor);
font-size: 16px;
margin: 0 0 10px;
font-weight: 600;
}

.questionaire-card .questionaire-answer {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 -15px;
padding: 10px 0;
}

.questionaire-card .questionaire-answer .answer {
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 5px 15px;
}

.questionaire-card .questionaire-answer .answer .btn {
margin: 0;
font-size: 15px;
padding: 14px 15px 14px 30px;
text-align: left;
border-radius: 2px;
font-weight: 600;
}
.questionaire-card .questionaire-answer .answer.text-center .btn{text-align: center}
.questionaire-card .questionaire-qusestion .get-started p {font-size: 22px;font-weight: 600;color: var(--primaryColor);margin: 0;line-height: 1.4;}
.questionaire-card .questionaire-qusestion .for-mobile.get-started-text {display: flex;align-items: center;justify-content: center;text-align: center;padding-left: 30px;padding-right: 30px;}
.questionaire-video p {color: var(--primaryColor);font-weight: 600;font-size: 15px;}
.questionaire-video .video-segment {height: 400px;width: 100%;background: #919191;border-radius: 2px;overflow: hidden;}
.questionaire-video .video-segment > * {width: 100%;height: 100%;}
.questionaire-video a{text-transform: uppercase;}

@media(max-width: 767px){
.questionaire-card .questionaire-answer .answer {max-width: 100%;flex: 0 0 100%;}
.questionaire-card {padding: 0;background: transparent;box-shadow: none;}
.questionaire-card .questionaire-qusestion {padding: 0;box-shadow: 0 3px 6px rgba(0,0,0,0.16);background: #fff;border-radius: 30px;position: relative;}
.questionaire-card .questionaire-answer {padding-top: 50px;}
.questionaire-card .questionaire-qusestion .for-mobile{position: relative;z-index: 2;min-height: 300px;padding: 50px 15px 15px;}
.questionaire-card .questionaire-qusestion:after {content: '';position: absolute;left: 15px;right: 15px;top: calc(100% - 60px);height: 80px;box-shadow: 0 3px 6px rgba(0,0,0,0.16);background: #fff;border-radius: 30px;z-index: -1;}
}

/***** Questionaire Page end****/

.asuFooter .yellowBg {
background: #ffc627;
}

.asuFooter .grayBg {
background-color: #e5e5e5;
padding: 10px 0;
}

.asuFooter .yellowBg .bestCollegeLogo {
width: 130px;
margin-top: -1.75rem;
height: 0;
}

.asuFooter .yellowBg .bestCollegeLogo a {
display: block;
}

.asuFooter .yellowBg .bestCollegeLogo a img {
max-width: 100%;
}

.asuFooter .yellowBg > .container {
display: flex;
/* align-items: center; */
}

.asuFooter .yellowBg > .container p {
flex: auto;
text-align: right;
padding: 10px 25px;
font-size: 24px;
font-weight: 700;
color: #000;
margin: 0;
}

.asuFooter .yellowBg > .container p a {
color: inherit;
}

.asuFooter .grayBg ul.list-unstyled {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
width: calc(100% - 140px);
}

.asuFooter .grayBg ul.list-unstyled li {
padding: 5px 10px;
}

.asuFooter .grayBg ul.list-unstyled li a {
font-size: 16px;
color: #333;
font-weight: 600;
}

.asuFooter.ausGeneralFooter {
padding-top: 2rem;
}
.leasingPg .nav-tabs {
flex-direction: column;
}
@media (max-width: 767px){
.asuFooter .yellowBg > .container{flex-wrap: wrap;flex-direction: column-reverse;align-items: center;}
.asuFooter .yellowBg .bestCollegeLogo{height: auto}
.asuFooter .grayBg ul.list-unstyled{width: 100%}
}
.campusList .campusDetail .btn:focus {outline: 2px solid #000;}
.slick-arrow:focus, .slick-arrow.focus{outline: 2px solid #000;}
/* Start of virtual tour modal */

.modal-100{max-width: calc(100% - 100px) !important;margin: auto !important;}
.liveFb_uwm{background: url('../../../../assets/images/hall-2.png') no-repeat center;background-size: cover;border-radius: 10px;overflow: hidden;}

.liveFb_uwm .modal-title {display: none;}
.liveFb_uwm .modal-header {border: 0;padding: 0;z-index: 1}
.liveFb_uwm .modal-header .close {right: 20px;top: 5px;background: transparent;color: #000;width: auto;height: auto;font-size: 36px;padding: 0;}
.liveFb_uwm {position: relative;}
.virtualTourHall {color: #000;text-align: center;position: relative;z-index: 1;padding: 15px;}
.virtualTourHall h1 {font-size: 35px;font-weight: 700;}
.liveFb_uwm:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(255,255,255,0.6);}
.virtualTourHall p{font-size: 20px;}
.virtualTourHall ul.boothList {margin: 0;padding: 0;list-style: none;width: 100%}
.virtualTourHall ul.boothList .singleBooth {padding: 20px;perspective: 5000px;min-width: 25%;}

.virtualTourHall .slick-initialized .slick-slide{display: block;height: auto}
.flipCard {position: relative;text-align: center;border-radius: 10px;transition: transform 0.6s;transform-style: preserve-3d;width: 100%;min-height: 320px;}
.flipCard .flipCard-img {height: 100%;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 0}
.flipCard .flipCard-img .imgPart{position: relative;height: 230px;width: 295px;}
.flipCard .flipCard-img .imgPart span {position: absolute;top: 9px;font-size: 12px;line-height: 13px;font-weight: 600;white-space: nowrap;text-overflow: ellipsis;text-transform: uppercase;overflow: hidden;left: 0;right: 0;width: calc(100% - 45px);margin: 0 auto;}
.flipCard .flipCard-img .imgPart p.withImage{position: absolute;font-size: 16px;left: 0;right: 0;top: 52px;width: calc(100% - 65px);margin: 0 auto;color: #fff;height: 60px;display: flex;align-items: center;justify-content: center;}
.flipCard .flipCard-img .imgPart p.withImage img{max-height: 100%;max-width: 100%;width: auto;margin: 0 auto;}
.flipCard .flipCard-img .imgPart p.lapText{margin: 0;font-size: 11px;font-weight: 600;color: #fff;text-transform: capitalize;position: absolute;left: 61px;bottom: 10px;width: 80px;height: 90px;display: flex;align-items: center;justify-content: center;}
.flipCard .flipCard-img img{height: 100%;width: 100%;}
.flipCard .flipCard-desc {z-index: 1;height: 100%;width: 100%;position: absolute;border-radius: 10px;color: white;background: black;padding: 15px;display: flex;align-items: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: rotateY(180deg);}
.flipCard .flipCard-desc .descContent {flex: 0 0 100%;max-width: 100%;max-height: 100%;text-align: center;overflow: auto;-webkit-appearance: none;}
.flipCard .flipCard-desc .descContent .btn{margin-top: 30px}
.flipCard .flipCard-desc h2 {font-size: 20px;font-weight: 700;}
.flipCard .flipCard-desc p {font-size: 15px;}
.flipCard .flipCard-desc h3 {font-size: 18px;font-weight: 700;}
.flipCard .flipCard-img .btn {position: absolute;z-index: 1;background: #fff;border-radius: 100px;padding: 1px 10px;color: #B30000;display: flex;align-items: center;text-transform: uppercase;font-size: 12px;font-weight: 600;box-shadow: 0 0 10px 2px rgba(0,0,0,0.6);top: 20px;transform: translateY(-50%);right: 65px;}
.flipCard .flipCard-img .btn .live {width: 8px;height: 8px;background: #B30000;display: inline-block;border-radius: 100%;margin-right: 5px;}
.btn:focus, .btn.focus{outline: 2px solid #000}
.flipCard .flipCard-desc .descContent::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 25px;height: 25px;background: var(--primaryColor);cursor: pointer;}
.flipCard .flipCard-desc .descContent::-moz-range-thumb {width: 25px;height: 25px;background: var(--primaryColor);cursor: pointer;}
.flipCard .flipCard-desc .descContent::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #555;}
.flipCard .flipCard-desc .descContent::-webkit-scrollbar{width: 8px;background: transparent;}
.flipCard .flipCard-desc .descContent::-webkit-scrollbar-thumb{border-radius: 10px;background: #8e8e8e;}
.virtualTourHall ul.slick-dots {position: static;}
.virtualTourHall ul.slick-dots li {padding: 5px;margin: 0 2px;min-width: auto}
.virtualTourHall ul.slick-dots li button {border-radius: 100%;background: rgba(0,0,0,0.5);width: 15px;height: 15px;}
.virtualTourHall ul.slick-dots li.slick-active button {background: var(--primaryColor);}
.virtualTourHall ul.slick-dots li button:before {content: none;}

@media(max-width: 767px){
.virtualTourHall ul.slick-dots li{padding: 3px;margin: 0;min-width: auto;width: auto;height: auto;}
.virtualTourHall ul.slick-dots li button{background: #8c8b8b;width: 12px;height: 12px;}

}
/************** start with chat modal *********************/

.withChatModal .modal-body{padding: 0}
.liveFb_uwm.withChatModal{background: #fff}
.withChat .flipCard .flipCard-img .btn{box-shadow: 0 0 11px -1px rgba(0,0,0,0.6);font-size: 11px;}
.withChat {display: flex;}
.withChat .chatSidebar {flex: 0 0 100px;max-width: 100px;border-right: 1px solid #d8d8d8;}
.withChat .chatBody {flex: 0 0 calc(100% - 100px);max-width: calc(100% - 100px)}
.chatSidebar .chat-brand {width: 100%;height: 70px;padding: 15px 10px 10px;}
.chatSidebar .chat-brand a {display: block;}
.chatSidebar .chat-brand a img {width: 100%;height: 100%;}
.chatSidebar .sidemenu {margin-top: 50px;}
.chatSidebar .sidemenu ul {list-style: none;padding: 0;margin: 0;}
.chatSidebar .sidemenu ul li {padding: 20px 5px;}
.chatSidebar .sidemenu ul li a {display: block;text-align: center;text-decoration: none;color: #5a5a5a;font-weight: 600;}
.chatSidebar .sidemenu ul li a .icon {display: block;margin: 0 0 5px;font-size: 20px}
.chatSidebar .sidemenu ul li a.active, .chatSidebar .sidemenu ul li a:hover {color: var(--primaryColor);}
.chatBody .chatHeader {border-bottom: 1px solid #d8d8d8;display: flex;align-items: center;padding: 20px 30px;}
.chatBody .chatHeader h2, .chatBody .chatHeader h1 {margin: 0;font-weight: 600;font-size: 1.7rem;}
.chatBody .chatBoothBody {padding: 20px;}
.chatBoothBody .chatFilterSec form {margin: 0 0 2em;}
.chatBoothBody .chatFilterSec form .form-group {margin: 0;}
.chatBoothBody .chatFilterSec form .chatSearch {position: relative;}
.chatBoothBody .chatFilterSec form .chatSearch .btn {position: absolute;right: 0px;top: 0;padding: 8px 15px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.chatBoothBody .chatFilterSec form .chatSearch .btn .sprite {zoom: 0.7;}
.chatBoothBody .chatFilterSec form .chatSearch .form-control {padding-right: 50px;}

.boothDesc {text-align: left;}
.virtualTourHall .boothDesc p {font-size: 13px;}
.boothDesc h4 {font-weight: 600;}
.boothDesc .img-fluid {max-height: 120px;}
.boothDesc .boothImage {margin: 20px 0;background: #eee;height: 400px;border-radius: 5px;}
.boothDesc .boothImage video, .boothDesc .boothImage img {width: 100%;height: 100%;object-fit: cover;}
.boothDesc .nav-tabs {position: relative;}
.boothDesc .nav-tabs:after {content: '';position: absolute;left: 0;right: 0;bottom: -1px;width: 100%;height: 2px;background: #dedede;}
.boothDesc .nav-tabs .nav-link {padding: 10px 30px;border: 0;color: #000;font-weight: 600;padding-left: 0;border-bottom: 2px solid transparent;position: relative;z-index: 1;}
.boothDesc .nav-tabs .nav-link.active {border-color: var(--primaryColor);}
.boothDesc .nav-tabs .nav-item {margin-right: 30px;}
.boothDesc .tab-content p {font-size: 14px;}
.boothChat {margin-top: -20px;margin-bottom: -20px;height: calc(100% + 40px);border-left: 1px solid #d8d8d8;position: relative;margin-right: -20px;}
.boothChat .recieverHead p {cursor: pointer;display: flex;align-items: center;margin: 0;padding: 10px 20px;font-weight: 600;font-size: 17px;position: relative;}
.boothChat .recieverHead p span {color: #fff;background: #ccc;font-size: 11px;display: flex;align-items: center;justify-content: center;border-radius: 100px;margin-left: 8px;padding: 0px 4px;}
.boothChat .recieverHead p span.red {background: #f00;}

.boothChat .recieverHead p:after {position: absolute;content: '';left: 0;top: 0;width: 25%;border-top: 2px solid var(--primaryColor);}
.boothChat ul.recieversList {list-style: none;padding: 0;margin: 0;}
.boothChat ul.recieversList li a {text-decoration: none;padding: 15px;padding-right: 0;display: flex;align-items: center;color: #000;transition: 0.25s all;}
.boothChat .chatApper ul.recieversList li.sender a {justify-content: flex-end;flex-direction: row-reverse;text-align: right;}
.boothChat ul.recieversList li a:hover {background: #e0e6e2;}
.boothChat ul.recieversList li a .recieverImg {flex: 0 0 70px;max-width: 70px;height: 70px;border-radius: 100%;overflow: hidden;background: #f2f2f2;}
.boothChat ul.recieversList li a .recieverImg img {width: 100%;height: 100%;object-fit: contain;}
.boothChat ul.recieversList li a .recieverBody {flex: auto;padding: 0 15px;}
.boothChat ul.recieversList li a .recieverBody h5 {font-weight: 600;margin: 0;}
.boothChat ul.recieversList li a .recieverBody h5 small {color: #c7c4c4;margin-left: 5px;font-size: 75%;}
.boothChat ul.recieversList li a .recieverBody p {font-size: 12px;margin: 0;}
.apperOnChat {position: absolute;top: 0;bottom: 0;left: 120%;background: #fff;transition: 0.25s left ease-in;right: 0;}
.apperOnChat.chatApper{left: 0}
.boothChat .apperOnChat.chatApper ul.recieversList li a .recieverImg {height: 50px;flex: 0 0 50px;max-width: 50px;}
.boothChat .apperOnChat.chatApper ul.recieversList li a:hover{background: transparent}
.apperOnChat .boothChatSender {height: 85px;position: relative;border-top: 1px solid #ababab;}
.apperOnChat .boothChatSender .btn {position: absolute;top: 0;bottom: 0;right: 0;z-index: 1;padding: 0;width: 40px;font-size: 18px;font-family: 'Font Awesome 5 Free';color: #fff;}
.apperOnChat .boothChatSender .form-control {border: 0;overflow-y: auto !important;padding-right: 50px;background: var(--primaryColor);border-radius: 0;height: 100% !important;color: #fff;font-weight: 400;}
.apperOnChat .boothChatSender .form-control::placeholder {color: #fff;}
.apperOnChat.chatApper .no-chat {color: var(--primaryColor);padding: 10px 20px;}
.apperOnChat.chatApper .no-chat svg {width: 80px;margin: 0 0 25px;}
.apperOnChat.chatApper .no-chat svg path {fill: var(--primaryColor);}
.apperOnChat.chatApper .no-chat p {font-size: 1rem;font-weight: 600;margin: 0;}
.apperOnChat.chatApper .boothChatRecievers .recieversList {height: calc(100vh - 340px);overflow: auto;}
.apperOnChat.chatApper.noChat {display: flex;flex-direction: column;justify-content: space-between;}
ul.signin-type {list-style: none;padding: 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;max-width: 70%;margin: auto;}
ul.signin-type li {padding: 5px;flex: auto;}
.typing {align-items: center;display: flex;height: 17px;}
.typing .dot {animation: mercuryTypingAnimation 1.8s infinite ease-in-out;background-color: #6CAD96;border-radius: 50%;height: 7px;margin-right: 4px;vertical-align: middle;width: 7px;display: inline-block;}
.typing .dot:nth-child(1) {animation-delay: 200ms;}
.typing .dot:nth-child(2) {animation-delay: 300ms;}
.typing .dot:nth-child(3) {animation-delay: 400ms;}
.typing .dot:last-child {margin-right: 0;}

.someonetyping {display: flex;align-items: center;padding: 0 10px;position: absolute;left: 0;right: 0;bottom: 0;background: #fff;}
.someonetyping p {margin: 0;font-weight: 600;color: #656565;}
.apperOnChat.chatApper .boothChatRecievers {position: relative;}
.someonetyping .typing {margin-left: 10px;}

@keyframes mercuryTypingAnimation {
0% {
transform: translateY(0px);
background-color:#6CAD96; // rgba(20,105,69,.7);
}
28% {
transform: translateY(-7px);
background-color:#9ECAB9; //rgba(20,105,69,.4);
}
44% {
transform: translateY(0px);
background-color: #B5D9CB; //rgba(20,105,69,.2);
}
}
.sponsers h3, .sponsers h2 {font-size: 20px;font-weight: 600;margin: 0;}
.sponsers .slick-arrow {display: none !important;}
.sponsers ul {list-style: none;padding: 0;margin: 10px 0 0;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.sponsers ul li {width: auto;padding: 10px;}
.sponsers ul img {max-width: 100%;height: 250px;margin: auto;}
.sponsers .slick-initialized .slick-slide {height: auto;}

.chatFilter {position: relative;text-align: left;}
.chatFilter a{text-decoration: none;}
.chatFilter .chatResult {border: 1px solid #ced4da;border-radius: .25rem;}
.chatFilter .chatResult p {margin: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;padding: .375rem .75rem;}
.chatFilter .chatOptions {position: absolute;left: 0;top: 100%;border: 1px solid #dedede;right: 0;padding: 5px 15px;box-shadow: 0px 0px 4px rgba(0,0,0,0.1);border-radius: 0.5rem;z-index: 9;background: #fff}
.chatFilter .chatOptions .custom-checkbox .custom-control-input:checked~.custom-control-label::after {background: none;}
.chatFilter .chatOptions .custom-control-input:checked ~ .custom-control-label:before {opacity: 1;transform: rotate(35deg);}
.chatFilter .chatOptions .custom-checkbox .custom-control-label::before {opacity: 0;background: transparent;border-color: #495057;border-left: 0;border-top: 0;border-radius: 0;width: 6px;height: 12px;transition: 0.3s all;box-shadow: none;left: -1rem;}
.custom-control-input:focus~.custom-control-label::after {border: 1px solid #80bdff;width: calc(100% + 1.5rem);height: 100%;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
.chatFilter .chatOptions .custom-control-label {width: 100%;cursor: pointer;color: #495057;font-size: 1rem;}
.chatFilter .chatOptions .custom-control {padding: 2.5px 1.5rem;}

.boothList .slick-dots li button{font-size: 17px;text-indent: -9999px;}

@media(min-width: 767px){
.apperOnChat.chatApper {height: calc(100vh - 150px);}
.apperOnChat.chatApper .boothChatRecievers .recieversList {height: calc(100vh - 280px);}
.boothdy{height: calc(100vh - 190px);overflow: auto;padding: 0 15px;}
.boothdy::-webkit-scrollbar, .apperOnChat.chatApper .boothChatRecievers .recieversList::-webkit-scrollbar {width: 6px;background-color: #F5F5F5;}
.boothdy::-webkit-scrollbar-thumb, .apperOnChat.chatApper .boothChatRecievers .recieversList::-webkit-scrollbar-thumb {background-color: var(--primaryColor);}
.boothdy::-webkit-scrollbar-track, .apperOnChat.chatApper .boothChatRecievers .recieversList::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
}

@media(max-width: 767px){
.sponsers ul img{height: auto}
.liveFb_uwm.withChatModal {margin: 20px 0;}
.boothChat ul.recieversList li a{padding: 10px 15px}
.apperOnChat{position: static;left: 0}
.chatBody .chatBoothBody {padding: 10px 15px 0;height: calc(575px - 71px);}
.flipCard{min-height: 270px;}
.flipCard .flipCard-img .imgPart{height: 200px;}
.chatBody .chatHeader{padding: 0 15px;}
.chatBody .chatHeader .chat-brand {width: 65px;height: 70px;padding: 10px;padding-left: 0;border-right: 1px solid #dedede;}
.withChat {height: 640px;flex-wrap: wrap;}
.chatSidebar .sidemenu {margin: 0;}
.chatSidebar .sidemenu ul {display: flex;width: 100%;justify-content: center;}
.withChat .chatSidebar {flex: 0 0 100%;max-width: 100%;height: 60px;order: 1;border-top: 1px solid #d1d1d1;border-right: 0;}
.withChat .chatBody {order: 0;height: calc(620px - 45px);overflow: auto;flex: auto;max-width: 100%;}
.mobileHeading{margin-bottom: 10px}
.mobileHeading h2{margin: 0;font-weight: 600;font-size: 1.25rem;}
.chatSidebar .sidemenu ul li {padding: 8px 15px;}
.chatBoothBody .chatFilterSec form{margin: 0 0 10px;}
.boothDesc .boothImage{height: 250px;min-height: max-content}
.boothDesc .boothImage > * {height: 100%;}
.boothDesc .nav-tabs .nav-item {margin-right: 0;}
.boothDesc .nav-tabs .nav-link{padding: 10px;white-space: nowrap;font-size: 14px;}
.boothDesc .tab-content p {font-size: 13px;}
.slick-arrow.slick-prev{left: 0px;}
.slick-arrow.slick-next{right: 0px;}
.boothChat {margin: 0 -15px;border-left: 0;border-top: 1px solid #d8d8d8;height: calc(504px - 62px);display: flex;flex-direction: column;justify-content: space-between;}
.boothChat .recieverHead p:after {top: 100%;}
.boothChat .recieverHead p {border-bottom: 2px solid #d8d8d8;}
.boothChat ul.recieversList li a {text-align: left;}
.boothChat ul.recieversList, .apperOnChat.chatApper .boothChatRecievers .recieversList{height: calc(442px - 85px - 48px);overflow: auto;}
.apperOnChat.chatApper.noChat {height: inherit;}
.boothDesc .nav-tabs{flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;}

}

/************** end with chat modal *********************/
.flipCard .flipCard-img .imgPart span { color: #ede8e8 !important;}

@media (max-width: 1100px){
.flipCard .flipCard-img .btn{right: 10px}
}

@media (max-width: 991px){
.flipCard .flipCard-img .btn{right: 40px}
}
@media (min-width: 767px) and (max-width: 991px){
.flipCard .flipCard-img .imgPart p.lapText{width: 80px;left: 49px;}
}
@media (max-width: 767px){
.virtualTourHall h1{font-size: 25px;}
.virtualTourHall p {font-size: 15px;}
.modal-100 {max-width: calc(100% - 30px) !important;}
.virtualTourHall{padding: 15px 0}
.virtualTourHall > ul li{padding: 0}
.flipCard .flipCard-img .btn {right: 30px}
}

.theme-bg{background: var(--primaryColor) !important;}
.loginAccess{color: #ffffff;padding: 15px}
.loginAccess p {font-size: 15px;margin: 0 0 5px;}
.loginAccess h2{font-weight: 600}
.btn-white{background: #fff !important;color: var(--btnBg) !important;}
.signinType{padding: 10px 0;margin: 0 0 5px}
span.or {margin-top: -53px;display: inline-block;position: relative;background: var(--primaryColor);padding: 0 10px;font-size: 16px;font-weight: 600}
.signinType hr{margin: 40px 0;}
.loginAccess p strong{display: block}
.loginAccess p a{text-decoration: none;color: inherit;}
ul.signin-type {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
max-width: 70%;
margin: auto;
}
/* End of virtual tour modal */

.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);width: 1px;height: 1px;overflow: hidden;position: absolute;background: #fff;padding: 5px;text-decoration: none;color: #000;font-size: 14px;}
.screen-reader-text:focus{width: auto;height: auto;clip: auto;clip-path: none;z-index: 99;top: 5px;left: 5px}


.new-filter-option .filter-options-available .single-filter .filter-options-outer .custom-control {
padding: 0;
}

.new-filter-option .filter-options-available .single-filter .filter-options-outer .custom-control .custom-control-label {
padding-left: 20px;
width: 100%;
font-size: 14px;
}

.new-filter-option .filter-options-available .single-filter .filter-options-outer .custom-control .custom-control-label::before {
left: 0;
}

.new-filter-option .filter-options-available .single-filter .filter-options-outer .custom-control .custom-control-input:checked ~ .custom-control-label::before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 9px;
display: flex;
align-items: center;
justify-content: center;
}
.new-filter-option .filter-options-available .single-filter .filter-options-outer .custom-control .custom-control-label::after{
top: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-image: none !important
}
.parkingType .price-filter{width: 200px;}
.parkingType .price-filter .price-values p{padding-bottom: 0}

.nst .parkingType{padding-top: 0}
.nst .parkingSpot{margin: 0}
.nst .parkingList{padding: 0}
.nst .parkingList ul{padding: 0 15px}
.nst .parkingList li {margin: 12px 0 15px;box-shadow: none;    border-radius: 10px;overflow: hidden;}
.nst .parkingList li .campus-img img {height: 100%;}
.nst .parkingList li .listTitle p {font-size: 14px;margin-bottom: 13px;color: #333333}
.nst .parkingList li .priceParking p{font-weight: 600}
.nst .parkingList li .priceParking p strong{font-weight: 400}
.nst .parkingList li .priceParking button {min-width: 130px;min-height: 50px;font-weight: 600;}
.nst .parkingList li .priceParking button .fa{display: none}

/************* start of budget v2  **************/

.expenseCounter .tableContainer{margin: 0}
.expenseCounter {padding: 20px 15px;position: relative;}
.expenseCounter:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;opacity: 0.02;}
.expenseCounter> * {position: relative;z-index: 1;}
.expenseCounter h3 {color: var(--primaryColor);font-size: 20px;font-weight: 700;}
.breakDown h2 {font-size: 20px;font-weight: 600;}
.breakDown .breakdownChart {margin: 30px 0 50px;}
.breakDown .breakdownChart .circle {width: 250px;height: 250px;background: #dedede;border-radius: 100%;margin: 0 auto;}
@media(max-width: 767px){
    .tableContainer table tr td{text-align: left}
}
/************* end of budget v2  **************/

/************* start of testimonial on listus page  **************/

.fs-2rem{font-size: 2rem}
.listViewSection .testimonialSection {background: var(--primaryColor);padding: 30px 0;color: #fff;border-bottom: 3px solid #fff}
.testimonial {list-style: none;padding: 0;margin: 0;text-align: center;}
.testimonial .single_testimonial {padding: 0 50px;font-size: 20px;}
.testimonial .imageSec {width: 125px;height: 125px;border-radius: 100%;margin: 0 auto 20px;background: #eee;}
.testimonial .single_testimonial h4 {font-weight: 600;margin: 0 0 10px;}
.testimonial .single_testimonial p {font-size: 1rem;margin: 0;}
.testimonial .single_testimonial p strong {display: block;margin-top: 10px;}
.testimonialSection .slick-arrow {color: var(--primaryColor);font-size: 2rem;width: auto;height: auto;padding: 15px;}
.testimonialSection .slick-arrow:before {content: none;}

/************* End of testimonial on listus page  **************/

/******* start of map property view*******/
.gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece{background: transparent;}
.gm-style .gm-style-iw-c .gm-style-iw-d::-webkit-scrollbar-thumb {border: 1px solid transparent;}
.gm-style .gm-style-iw-d::-webkit-scrollbar {width: 8px;}
.gm-style-iw-d {background: #f2f2f2;overflow: auto !important}
.propertyTooltip {background: #f2f2f2;padding: 5px 10px;display: flex;flex-direction: column;}
.propertyTooltip .iw-unselectable {background: #fff;    border-radius: 7px;overflow: hidden;margin: 3px 0;padding: 0 5px 7px;}
.propertyTooltip .iw-unselectable.padFirst {margin: 20px 0 0 0 !important;}
.propertyTooltip .iw-unselectable .iw-title {white-space: nowrap;text-overflow: ellipsis;font-size: 14px;font-weight: 700;position: relative;line-height: normal;text-align: left;}
.propertyTooltip .iw-unselectable .iw-subtitle {font-size: 12px;font-weight: 400;padding: 0;margin: 0;white-space: nowrap;text-overflow: ellipsis;}
.propertyTooltip .iw-unselectable .iw-content {margin: 0 -5px 10px;}
.propertyTooltip .iw-unselectable .iw-bottom-gradient {position: relative;background: transparent;color: #000;display: flex;align-items: flex-end;justify-content: flex-end;margin-top: 10px}
.propertyTooltip .iw-unselectable .iw-bottom-gradient .bottom-detail{padding-right: 10px}
.propertyTooltip .iw-unselectable .iw-bottom-gradient .btn{font-size: 12px;margin: 0;display: none}
.propertyTooltip .iw-unselectable .iw-bottom-gradient p {color: #000;margin: 0;padding: 0;line-height: normal;font-size: 13px;}
.propertyTooltip .iw-unselectable .iw-bottom-gradient .rent {font-size: 14px;font-weight: 700;margin: 0 0 2px;}
.propertyTooltip button.close-propTooltip {display: block !important;border: 0;box-shadow: none;margin-left: auto;margin-bottom: 5px;width: 20px;height: 20px;top: -6px;right: 10px;}
.gm-style .gm-style-iw-c button {display: block !important;border: 0 !important;box-shadow: none !important;margin-left: auto !important;margin-bottom: 5px !important;top: -3px !important;right: -3px !important;}
.gm-style .gm-style-iw-c button:focus {outline: none !important;}
.propertyTooltip .iw-unselectable .iw-content img {width: 100%;height: 150px;object-fit: cover;}
.gm-fullscreen-control {top: 25px !important;bottom: auto !important;right: 5x !important;}
/******* end of map property view*******/



/*********** start of quiz section *************/
.startQuizScreen .title {font-size: 1.75rem;margin: 0 0 15px;font-weight: 700}
.quiz-bg{min-height: calc(100vh - 155px)}
.select-quiz .single-quiz {display: flex;background: #fff;flex-wrap: wrap;border-radius: 7px;overflow: hidden;margin: 10px 0 30px 0;box-shadow: 0 0 6px -1px rgba(0,0,0,0.1);}
.select-quiz .single-quiz .quiz-img {flex: 0 0 30%;max-width: 30%;background: #eee;display:flex;}
<!-- .select-quiz .single-quiz .quiz-img img, .select-quiz .single-quiz .quiz-img video {width: 100%;height: 100%;object-fit: cover;} -->
.select-quiz .single-quiz .quiz-desc {padding: 10px 45px 10px 25px;flex: 0 0 calc(100% - 30%);max-width: calc(100% - 30%);}
.select-quiz .single-quiz .quiz-desc h2 {font-size: 1.6rem;font-weight: 700;margin: 0 0 5px;}
.select-quiz .single-quiz .quiz-desc p {font-size: 1.25rem;margin: 0;}
.select-quiz .single-quiz .quiz-desc .moduleNum {font-weight: 700;font-size: 0.9rem;margin: 0 0 5px;text-transform: uppercase;}
.select-quiz .single-quiz .quiz-desc .btn {margin: 6px 0 0;min-width: 150px;padding: 12px 20px;}
.videoShow h1{opacity: 0;color: #000;position: absolute;}
.videoShow .video-indicator {display: flex;margin: 0 -5px;}
.videoShow .video-indicator .btn-video {font-size: 0;color: #000; width: calc(100% - 10px);background: #e9d0bb;margin: 0 5px;padding: 4px;position: relative;border: 0;}
.videoShow .video-indicator .btn-video.active{background: #bf5700;}

.videoShow .videoPlayer {margin: 30px 0;border-radius: 15px;overflow: hidden;height: 550px;background: #eee;}
.videoShow .videoPlayer video{width: 100%;height: 100%;object-fit: cover;}
<!-- .videoShow .video-indicator .btn-video.active:after, -->
.videoShow .video-indicator .btn-video.done:after {opacity: 1;}
.videoShow .videoAction .btn {font-size: 1rem;padding: 0.9rem 1.5rem;}
.question-part {margin: 40px 0;}
.question-part .question {color: var(--primaryColor);}
.question-part h3 {font-weight: 700;font-size: 1.5rem;margin: 0 0 20px;}
.question-part p {font-size: 1.2rem;}
.question-part .question-points ul {list-style: none;margin: 0;}
.question-part .question-points ul li {padding: 10px 0;}
.custom-radio .custom-control-input:checked~.custom-control-label::after {background-position: left 2px top 2px;background-size: 10px;}
.custom-radio .custom-control-input:checked:focus~.custom-control-label::after {background-position: left 1px top 1px;background-size: 10px;}

.show-msg span{opacity: 0;}
.goog-te-gadget-simple .goog-te-menu-value span{color: #000000!important;background: #ffffff;text-decoration: initial!important;}
.opacity-0{opacity: 0;position: absolute;}

@media(max-width: 767px){
    .startQuizScreen .title{font-size: 1.5rem}
    .select-quiz .single-quiz .quiz-img {flex: 0 0 100%;max-width: 100%;}
    .select-quiz .single-quiz .quiz-desc .btn{padding: 7px 25px;min-width: 100%;font-size: 1rem;margin: 10px 0 0 0;}
    .select-quiz .single-quiz .quiz-desc {padding: 15px;flex: 0 0 100%;max-width: 100%}
    .select-quiz .single-quiz .quiz-desc h2{font-size: 1.25rem}
    .select-quiz .single-quiz .quiz-desc p {font-size: 1rem;}
    .videoShow .videoPlayer{height: 250px}
    .question-part .question-points ul{padding: 0 }

}

/*********** end of quiz section *************/

/************* start of virtual chat new  **************/

.virtualTourHall .chatHeader p{font-size: 0.9rem;margin: 5px 0 0}
.virtualTourHall .boothDesc .not-loggedin p {font-size: 1.125rem;}
.not-loggedin form {padding: 40px 15px 30px;background: #f0f0f0;border-radius: 7px;margin: 40px 0 0;}
.not-loggedin form .form-control {height: 50px;}
.virtualTourHall .boothDesc .socials a {text-decoration: none;color: var(--primaryColor);font-size: 1.5rem;}
.virtualTourHall .boothDesc .socials a:not(:last-child) {margin-right: 10px;}
.voting-poll {text-align: left;}
.voting-poll .check-group {margin: 40px 0 0;}
.check-group .form-group {margin: 0 0 40px;}
.check-group .form-group legend {font-size: 1.125rem;font-weight: 600;margin: 0 0 10px;padding: 0;}
.check-group .btn {margin: 0;white-space: nowrap;min-width: 300px;padding: 13px 35px;font-weight: 600;font-size: 1.125rem;width: auto;border-radius: 0;background: transparent;color: var(--primaryColor);border: 0;position: relative;overflow: hidden;}
.check-group .btn-group-toggle:first-child{border-top-left-radius: 7px;border-bottom-left-radius: 7px;overflow: hidden;}
.check-group .btn-group-toggle:last-child{border-top-right-radius: 7px;border-bottom-right-radius: 7px;overflow: hidden;}
.check-group .btn-group-toggle:not(:last-child) {border-right: 2px solid var(--primaryColor);}
.check-group .btn:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: var(--primaryColor);opacity: 0.2;}
.check-group .btn.active, .check-group .btn.active.focus {background: var(--primaryColor) !important;color: #fff}
.check-group .btn.focus {background: transparent !important;color: var(--primaryColor)}
.main-room{min-height: calc(100vh - 275px);width:100%;}
@media(max-width: 767px){
    .main-room{min-height: calc(100vh - 335px);}
    .check-group .form-group {margin: 0 0 30px;}
    .check-group .form-group legend {font-size: 1rem;}
    .check-group .btn {width: 100%;white-space: normal;padding: 12px;text-align: left;font-size: 0.875rem;display: flex;align-items: center;justify-content: center;}
    .check-group .btn-group-toggle {flex-wrap: wrap;width: 100%}
    .check-group .btn-group-toggle:not(:last-child) {border-bottom: 2px solid var(--primaryColor);border-right: 0}
    .check-group .btn-group-toggle:first-child {border-top-left-radius: 7px;border-top-right-radius: 7px;border-bottom-left-radius: 0}
    .check-group .btn-group-toggle:last-child {border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;border-top-right-radius: 0}
}

/************* end of virtual chat new  **************/
 /************* start of listing pills  **************/

.campusList .premiumSec.new-premium {<!--right: 0;-->max-width: 60%;}
.premiumSec.new-premium {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 3px 5px;}
.premiumSec.new-premium .premium-pill {text-align: center;background: #eee;border-radius: 100px;margin: 3px 0;text-transform: uppercase;font-size: 0.8rem;padding: 3px 10px;font-weight: 600;white-space: nowrap;}
.premiumSec.new-premium .premium-pill.featured {background: var(--premiumFeatured);color: var(--premiumFeaturedTextColor);}
.premiumSec.new-premium .premium-pill.f_response {color: #fff;background: var(--premiumPillResponse);}
.premiumSec.new-premium .premium-pill.l_price {background: #3c85b5;color: #fff;}
.premiumSec.new-premium .premium-pill.j_added {background: #fff;color: #333;box-shadow: 0 0 12px -2px rgba(0,0,0,0.1);}
.popupSection.propName {display: flex;justify-content: space-between;align-items: flex-start;}
.propName .premiumSec.new-premium {flex-wrap: nowrap;}
.contact-detail .premiumSec.new-premium .premium-pill {flex: 0 0 100%;max-width: 100%;}
.contact-detail .premiumSec.new-premium {padding: 0;}

.propType_tab {position: relative;}
.propType_tab .premiumSec.new-premium {position: absolute;right: 10px;padding: 0;}
.propName .premiumSec.new-premium .premium-pill {flex: auto;max-width: max-content;padding: 3px 15px;margin: 3px;}
.feature-block .featureHead {display: flex;align-items: center;justify-content: space-between;}
.feature-block .featureHead .premiumSec.new-premium {flex-wrap: nowrap;}
.feature-block .featureHead h2.iconic-heading {width: auto;margin-right: 10px;}
.feature-block .featureHead .premiumSec.new-premium .premium-pill {flex: auto;max-width: max-content;padding: 3px 15px;margin: 3px;}
tr.lowest{background:#0051872e}
/************* end of listing pills  **************/

.house-type .custom-checkbox .custom-control-input:checked~.custom-control-label::after {width: 100%;background-image: none;}
.house-type .custom-control-input:focus~.custom-control-label::after {width: 100%;}

/*new landlord complaint page*/
.complain-page .card-title{font-size: 24px;font-weight: 700;}
.complain-page .complain-form .form-group {margin-bottom: 1.5rem}
.complain-page .complain-form h3,
.complain-page .complain-form label{font-size: 16px;font-weight: 700;margin: 0 0 10px;}
.complain-page .complain-form .form-control{height: 50px}
.complain-page .complain-form h3 ~ p{font-size: 13px}
.complain-page .complain-form .uploadFile{padding: 0 10px}
.complain-page .complain-form .uploadFile #supporting_document {display: none;}
.complain-page .complain-form .uploadFile label {display: inline-block;padding: 8px 30px;background: var(--primaryColor);width: auto;color: #fff;border-radius: 100px;font-size: 14px;}
.complain-page .complain-form [type="submit"]{padding: 7px 20px;min-width: 200px;color: #333;font-weight: 600;}
.error{color:#B30000;}

@media(max-width: 1550px){
    .new-filter-option .filter-options-available .single-filter .filter-btn{padding: 2px 10px;}
    .new-filter-option .filter-options-available .single-filter .filter-btn,
    .new-filter-option .filter-options-available .single-filter .custom-checkbox label {
        font-size: 13px;
    }
}

/************* start of BulletinBoard v2  **************/
.bulletinSection .bulletInTitle .search-header {width: 100%;border: 0;}
.bulletinSection .bulletInTitle .search-header input {border: 1px solid rgba(43, 76, 46, 0.05);border-radius: 5px;background: #f1f0f0;padding-top: 5px;padding-bottom: 5px;height: 35px;color: var(--primaryColor);}
.bulletinSection .bulletInTitle h1 {font-size: 1.125rem;font-weight: 700;}
.bulletinSection .bulletInTitle p {font-size: 0.875rem;}
.bulletinSection .bulletInTitle p .strong {font-size: 1rem;}
.bulletinSection .bulletInTitle h2 {font-size: 1rem;font-weight: 700;}
.bulletinSection .bulletInTitle .btn-group label {margin: 3px 0;width: auto;border-radius: 100px !important;padding: 5px 25px;line-height: 1;margin-right: 10px;}
.bulletinSection .bulletInTitle .btn-group label span {font-size: 0.85rem;font-weight: 700;text-transform: capitalize;}
.bulletinSection .bulletInTitle .btn-group label:last-child {margin-right: 0;}
.bulletinSection .bulletInTitle {border-top: 2px solid #C4C4C4;}
.bulletinSection .price-filter .price-boxes .price-box .form-control {pointer-events: unset;}
.bulletinExtraFilters {display: flex;column-count: 5;align-items: flex-start;padding: 1rem 0;margin: 0 -10px;}
.bulletinExtraFilters .bulletinSingle {padding: 0 10px;min-width: 150px;position: relative}
.bulletinExtraFilters .bulletinSingle h3 {font-size: 1rem;font-weight: 700;}
.bulletinSingle .bulletinChecks {display: flex;flex-wrap: wrap;}
.bulletinSingle .bulletinChecks .custom-control {padding-right: 15px;padding-left: 1rem;}
.bulletinSingle .bulletinChecks .custom-control label {font-size: 0.875rem;margin: 0;}
.bulletinSingle .bulletinChecks .custom-control label:before {width: 10px;height: 10px;border-radius: 2px;left:  -.86rem;top: 9px;transform: translateY(-50%);background-color: transparent;border-color: #dcdcdc;}
.bulletinSingle .bulletinChecks .custom-control a {font-size: 0.875rem;margin: 0;}
.bulletinSingle .custom-control-input:focus~.custom-control-label::after{box-shadow: none;border: 0;}
.bulletinSingle .custom-control-input:focus~.custom-control-label::before{box-shadow: none;}
.bulletinExtraFilters .bulletinSingle input[type="text"] {width: 115px;font-size: 0.875rem;}
.bulletinExtraFilters .bulletinSingle .btn-filter {background: transparent;box-shadow: none;border-radius: 100px;padding: 2px 15px;border: 1px solid #E3E3E3;color: #3A3A3A;transition: 0.25s all;font-size: 0.875rem;min-width: 90px;}
.bulletinSingle .bulletinChecks .custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: transparent;border-color: var(--primaryColor)}
.bulletinExtraFilters .bulletinSingle .filter-options-outer{background: #fff;padding: 10px;border-radius: 5px;min-width: 140px;position: absolute;top: 100%;left: 10px;z-index: 100;border: 1px solid #E4E4E4;box-shadow: 0 3px 6px rgba(0,0,0,0.16);display: none;}
.bulletinExtraFilters .bulletinSingle .btn-filter.active + .filter-options-outer{display: block}
.bulletinSingle .bulletinChecks .custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-position: 0 0;background-size: 6px;content: '\f00c';font-family: "Font Awesome 5 Free";font-weight: 700;font-size: 6px;left: -12px;top: 5px;}
.bulletinSection .main-content {padding: 17px 10px;display: flex;}
.bulletinSection .main-content .sidebar {flex: 0 0 210px;max-width: 210px;}
.bulletinSection aside .card-header {padding: 10px 15px;}
.bulletinSection aside .card-header h4 {font-size: 1rem;}
.bulletinSection aside .card-body {padding: 1.5rem 1rem;}
.bulletinSection aside .card-body .btn {text-align: left;padding-left: 0;padding-right: 15px;border: 0;position: relative;}
.bulletinSection aside .card-body .announcementText p {font-size: 0.875rem;color: #878787;}
.bulletinSection aside .card-body .btn:after {content: "\f107";font-family: "Font Awesome 5 Free";position: absolute;right: 4px;top: 50%;transform: translateY(-50%);}
.bulletinSection aside .card-body .btn:not(.collapsed):after {content: "\f106";}
.bulletinSection .main-body {flex: auto;padding-left: 10px}
.bulletinCards .bulletnCard .card-inner p.read-more{cursor: pointer;}
.bulletinCards {display: flex;flex-wrap: wrap;margin: -3px;}
.bulletinCards .bulletnCard {flex: 0 0 33.33%;max-width: 33.33%;padding: 3px;}
.bulletinCards .bulletnCard .card-inner {background: #FFFFFF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);border-radius: 5px;overflow: hidden;}
.bulletinCards .bulletnCard .card-inner p {font-size: 0.75rem;margin: 0;}
.bulletinCards .bulletnCard .card-inner .bulletinDesc {padding: 10px 5px;}
.bulletinCards .bulletnCard .card-inner .bulletinDesc h3 {font-size: 1rem;font-weight: 700;margin: 0 0 3px;}
.bulletinCards .bulletnCard .card-inner .bulletinDesc .btn {padding: 5px 40px;}
.bulletinCards .bulletnCard .card-inner .bulletinDesc .pick-drop {display: flex;}
.bulletinCards .bulletnCard .card-inner .bulletinDesc .pick-drop p {padding: 0 10px;font-size: 0.875rem;font-weight: 600;text-align: center;}
.bulletinCards .bulletnCard .card-inner .bulletinDesc .pick-drop p span {font-size: 0.75rem;display: block;font-weight: 400;}
.bulletinCards .bulletnCard .card-inner .bulletImg {position: relative;height: 220px;}
.bulletinCards .bulletnCard .card-inner .badge {position: absolute;left: 10px;top: 10px;padding: 8px 20px;border-radius: 100px;background: var(--primaryColor);color: #fff;text-transform: uppercase}
.bulletinCards .bulletnCard .card-inner .badge.sell {background: #5F5926;}
.bulletinCards .bulletnCard .card-inner .bulletImg .cardImage {height: 100%;background: #D7D7D7;text-align: center;}
.bulletinCards .bulletnCard .card-inner .bulletImg .cardImage img {height: 100%;}
.bulletEnquiry.theme-header .modal-header .close {top: 50%;right: 10px;margin: 0;transform: translateY(-50%);color: #000;background: #fff;}
.bulletEnquiry form label {font-size: 0.9rem;margin: 0;margin-bottom: 5px;font-weight: 600;}
.bulletinExtraFilters .bulletinSingle.checkboxes {min-width: 270px;}
.bulletInTitle .btn-group {display: flex;flex-wrap: wrap;}
.bulletinChecks .filterSelect .custom-control-input:checked ~ .custom-control-label::after{content: ''}
.bulletinChecks  .custom-control-label::after{left: -.74rem!important;}
.bulletinSingle .bulletinChecks .custom-checkbox .custom-control-input:checked:focus~.custom-control-label::after {background-position: 0 0;left: -13px;top: 4px;}
.bulletinDetailModal .bulletinDesc {padding: 10px 0 0;}
.bulletinDetailModal .bulletinDesc h3 {font-size: 1.25rem;font-weight: 600;}
.bulletinDetailModal .bulletinDesc p {font-size: 0.9rem;}
.bulletinDetailModal .bulletinDesc  .pick-drop {flex: auto;padding: 0 10px;display: flex;align-items: center;justify-content: center;}
.bulletinDetailModal .bulletinDesc .pick-drop p {padding: 0 10px;font-weight: 600;text-align: center;margin: 0;}
.bulletinDetailModal .bulletinDesc .pick-drop span {display: block;font-weight: 400;}
.bulletinDetailModal .cardImage {display: flex;align-items: center;justify-content: center;background: #eee;}
.bulletinDetailModal .cardImage img {max-height: 250px;}
.bulletinDetailModal .modal-header {padding: 0;border: 0;}
.bulletinDetailModal .modal-header button.close {background: transparent;color: #000;padding: 0;right: -3px;top: -3px;margin: 0;z-index: 999;}
@media (max-width: 991px){
    .bulletinCards .bulletnCard {flex: 0 0 50%;max-width: 50%;}
}
@media (max-width: 767px){
    .bulletinSection .main-content {flex-wrap: wrap}
    .bulletinSection .main-content .sidebar {flex: 0 0 100%;max-width: 100%;margin: 0 0 10px}
    .bulletinSection .main-body {flex: 100%;max-width: 100%;padding: 0}
    .bulletinCards .bulletnCard {flex: 0 0 100%;max-width: 100%;}
    .bulletinDetailModal .bulletinDesc .pick-drop{padding: 0;margin: 0 -5px}
    .bulletinDetailModal .bulletinDesc .pick-drop p {padding: 0 5px;}
}
/************* end of BulletinBoard v2  **************/

/************* start of Favourite V2  **************/
.favFilter .search-header {background: rgba(166, 166, 166, 0.05);border: 1px solid rgba(43, 76, 46, 0.05);}
.favFilter .search-header input{height: 36px;}
.btn-outline-filter {border: 1px solid #F4F6F5;border-radius: 100px;font-size: 0.875rem;padding: 2px 20px;}
.btn-outline-filter:hover {background: #F4F6F5;}

.filterOptions > .container-fluid {border-top: 10px solid #f3f3f3}
.filterOptions {max-height: 0;transition: 0.15s all ease-in;overflow: hidden}
.filterOptions.active{max-height: 99vh}


.prop-comparing {border: 10px solid #f3f3f3;padding: 15px 0;padding-left: 10px;margin: 0;background: #fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);/* border-radius: 10px; */}
.prop-compare-props {display: flex}
.prop-property {border-radius: 7px;padding: 0;flex: auto}
.prop-property .propImage {width: 100%;height: 110px;padding: 0 20px;border-radius: 5px;overflow: hidden;text-align: center;}
.prop-property .propImage img{max-height: 100%}
.prop-property .propNamePrice {padding: 10px;height: 90px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.prop-property .propNamePrice h4 {font-size: 14px;margin: 0;text-align: center;}
.prop-property .propNamePrice h4+h4 {margin: 7px 0 0;}
.prop-compare-labels h3 {font-size: 14px;font-weight: 400;text-align: center;height: 50px;position: relative;display: flex;align-items: center;justify-content: center;}
.prop-compare-labels h3:nth-child(odd){position: relative}
.prop-compare-labels h3:nth-child(odd):after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: var(--primaryColor);z-index: 0;opacity: 0.2;}
.prop-compare-labels h3 .tooltip-text {position: absolute;right: 0;left: 0;bottom: 45px;background: #ededed;text-transform: uppercase;margin: 0;padding: 10px 15px;border-radius: 4px;box-shadow: 0 0 8px -6px rgba(0, 0, 0, 0.2);text-align: center;font-size: 14px;transform: translateY(20px);z-index: -1;opacity: 0;transition: 0.5s all ease-in;}
.prop-compare-labels h3 .tooltip-text:after {content: '\f0d7';font-family: 'FontAwesome';font-size: 28px;position: absolute;top: 100%;line-height: 5px;color: #ededed;}
.prop-compare-labels h3 .fa-info-circle {margin-left: 8px;color: #23ce60;font-size: 16px;cursor: pointer;}
.prop-compare-labels h3 .fa-info-circle:hover~.tooltip-text {z-index: 1;transform: translateY(0px);opacity: 1;}
.prop-property:not(.active) h2.active {visibility: hidden;color: transparent;}
.prop-property.active {background: #23ce60;}
.prop-property h2.active {font-size: 18px;text-align: center;margin: 5px;}
.prop-property.active h2.active {color: #fff;}
.prop-property.active .propNamePrice {background: #23ce60;color: #fff;}
.prop-property.active .prop-compare-labels h3 {color: #fff;}
.propTypes .prop-compare-labels h3 {font-weight: 600;text-align: left;justify-content: flex-start;padding-left: 10px}
.prop-property.active .prop-compare-labels h3 .fa-info-circle {color: #fff}

.bulletinChecks .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {background-image: none}
.bulletinChecks .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {background-color: transparent;border-color: #dcdcdc;}

body.favChart .map_wrap > .col-md-6{flex: 0 0 100%;max-width: 100%;}
body.favChart .map_wrap > .col-md-6:nth-child(2){display: none !important}
body:not(.favChart) .favChartSection{display: none}
body.favChart .listViewSection{display: none}
@media(max-width: 991px) {
    .prop-property h2.active {font-size: 16px;}
    .prop-property .propImage {height: 70px;}
    .prop-compare-labels h3 {font-size: 13px;}
}

@media(max-width: 767px) {
    .prop-property .propImage {height: 130px;}
    .prop-property .propImage img {height: 100%;width: 100%;}
    .prop-compare-props .slick-arrow {position: absolute;z-index: 1;background: transparent;box-shadow: none;border: 0;top: 13px;font-weight: 600;display: flex !important;        align-items: center;}
    .prop-compare-props .slick-next.slick-arrow {right: 0;}
    .prop-compare-props {padding-top: 50px;}
    .prop-compare-props .slick-arrow .fa {width: 20px;height: 20px;background: #23ce60;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-weight: 600;}
}



/************* end of Favourite V2  **************/

/*sorting filter css*/
.sorting-label label {text-overflow: ellipsis;max-width: 100%;white-space: nowrap;font-size: 14px;margin: 0 auto;}
.d-no-flex > label{font-size: 14px;}
.mobile-general-filter .house-type .custom-control .custom-control-input:checked + label {color: #000;z-index: 0;}
.mobile-general-filter .house-type .custom-control .custom-control-input:checked + label:after {display: none;}
.mobile-general-filter .house-type .custom-control .custom-control-input:checked + label:before {background: #F3F3F3;border-color: #e3e3e3;z-index: -1;}
.login-box{padding: 10px 0;}
.login-box h4{margin-bottom: 20px;font-weight: bolder;text-transform: capitalize;}
.login-box .row p {font-size: 12px!important;font-weight: 400!important;margin-bottom: 10px!important;}
.login-box .row a {border-radius: 2px;padding: 8px 20px;}
@media (min-width: 576px){
.login-box-wrap .modal-dialog {
    max-width: 700 !important;
}
}

/* */
.price-input-dollar input {padding-left: 14px!important;}
.price-input-dollar .bv-no-focus-ring:after {content: '$';position: absolute;;;font-size: 12px;color: #000;inset-block: 0;align-items: center;display: flex;padding-top: 8px;left: 6px;}
.poweredByLogo span{background-color: transparent!important;}
.selected-filter{background-color: var(--primaryColor)!important;color: var(--btnColor)!important;}
.specialContent h2{font-size: 16px;}
.campusNeighborsList .sliderContent .sliderDesc .btn{display:flex;align-items:center;justify-content:center;}
.campusNeighborsList .sliderContent .sliderDesc.selected .btn{outline:4px solid var(--neighborhoodColor) !important;}
.favCount2 {left: 36px !important;top: -3px !important;}
.priceValSp{padding-right:5px;margin-right:-5px;}
.gap-2{gap:1rem;}

.noSlider {
    display: grid;
    gap: .5rem;
    grid-template-columns: 32.33% 32.33% 32.33%;
}
@media (max-width: 767px){
    .noSlider {
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 320px){
    .noSlider {
        grid-template-columns: 100% 100% 100%;
    }
}
.noSlider .sliderContent {
    height: 110px;
    width: 100%;
}
.noSlider .sliderContent .sliderImg{
    width: 100%;
    height: 100%;
}
.selectFld {
    width: 100%;
    display: block;
    padding-inline: .5rem;
    margin-block: 1rem;
}

.selectFld select {
    width: 100%!important;
}

.selectFld span.select2 {
    width: 100%!important;
}

.noSlider .sliderDesc {
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 34%);
}

.pipedriveWebForms {
    overflow: auto !important;
}

.form-control:focus,
.btn:focus{
    outline: medium solid black !important;
    outline-offset:2px !important;
}
.modal.fade.in:not(.show){
    opacity: 1;
}
.modal-backdrop.fade.in{
    display: none;
}
#sm_modal_dialog.modal-dialog{
    height:auto !important;
}
.scheduling {
    border: 3px solid var(--primaryColor);
    width: 97%;
    margin-top: 5px;
    border-radius: 5px;
}

.w-fit-content{width:fit-content !important;}

.tooltip.b-tooltip.tooltip-custom{
    opacity: 1 !important;
    background-color:var(--primaryColor);
    background:var(--primaryColor);
}
.tooltip-custom > .tooltip-inner{
    text-align:left !important;
    max-width: 450px;
}
.announcement-main-heading{background: var(--primaryColor);color: var(--btnColor);border-radius: 10px;padding:10px;text-align:center;}
.announcements-section .announcement-heading{border:2px solid #dedede;border-radius: 10px;border-left:5px solid var(--primaryColor);color: var(--primaryColor);padding:10px 20px;}
.announcements-section .announcement-heading h3{font-weight:600;}
.announcements-section .card{border:2px solid var(--primaryColor);color: var(--primaryColor);border-radius: 10px;padding:10px;margin-top:10px;display: flex ; flex-direction: column; align-items: flex-start; justify-content: center;max-width:100%;margin-bottom:1rem;}
.announcements-section .card h2{text-align:start;width:100%;font-weight:700;maring-bottom:10px;}
.announcements-section .divider{border-top: 5px solid var(--primaryColor);margin-top:3rem;}
.announcements-section .btn.btn-primary{background:var(--primaryColor) !important;min-width:100px;max-width:200px;}
@media (max-width: 768px) {
    .b-tooltip .arrow {
        display: none !important;
    }
    .tooltip-custom > .tooltip-inner{
    max-width: 250px;
}

.tooltip.b-tooltip.bs-tooltip-top.tooltip-custom{
    transform: translate3d(44px, 596px, 0px) !important;
}
}

.popupSection.description-section ul, .feature-block-description ul {
    list-style: inherit;
    padding-left:2rem;
}
.popupSection.description-section ul li, .feature-block-description ul li{
    display:list-item;
}

.popupSection .popupDesc > .card.popupLogin {
    max-width: 100%;
}

.popupSection .popupDesc > .card.popupLogin .popupCredential label + * {
    flex: 0 0 100%;
    max-width: 100%;
}

.feature-block-walk-times .detailView {
    display: block;
}

.feature-block-walk-times .commuteTiming {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.feature-block-walk-times .nearDestiny {
    margin: 5px 0 0;
}

.feature-block-walk-times .nearDestiny .drop-down {
    position: relative;
}

.feature-block-walk-times .nearDestiny .drop-down .selected {
    margin: 5px 0;
}

.feature-block-walk-times .nearDestiny .drop-down .selected a {
    background: #fff no-repeat scroll right center;
    display: block;
    padding: 1px 20px 1px 5px;
    border: 1px solid #ddd;
    border-radius: 7px;
    width: 100%;
    text-decoration: none;
    color: #000;
    position: relative;
}

.feature-block-walk-times .nearDestiny .drop-down .selected a span {
    cursor: pointer;
    display: block;
    padding: 5px;
}

.feature-block-walk-times .nearDestiny .drop-down .selected a:after {
    position: absolute;
    content: '\f107 ';
    top: 0;
    right: 0;
    font-size: 22px;
    bottom: 0;
    font-family: Font Awesome\ 5 Free;
    width: 20px;
}

.feature-block-walk-times .nearDestiny .drop-down .options ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 0 0;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    border: 1px solid #d7d7d7;
}

.feature-block-walk-times .nearDestiny .drop-down .options.active ul {
    display: block;
}

.feature-block-walk-times .nearDestiny .drop-down .options ul li {
    padding: 0 10px;
}

.feature-block-walk-times .nearDestiny .drop-down .options ul li a {
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #3179ac;
}

.feature-block-walk-times .detailView .nav-tabs {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    flex-wrap: nowrap;
}

.feature-block-walk-times .detailView .nav-tabs li {
    width: 100%;
    display: block;
}


.feature-block-walk-times .nav-link {
    display: block;
    padding: .5rem 1rem;
}



.feature-block-walk-times .nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.feature-block-walk-times .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.feature-block-walk-times .detailView .nav-tabs li a {
    line-height: 13px;
    text-transform: capitalize;
    color: #6d6d6d;
    padding: 7px 5px;
    font-size: 13px;
    font-weight: 600;
    border: 0;
    border-bottom: 2px solid transparent;
    text-align: center;
    background: #d8d8d8;
    margin-right: 2px;
}

.feature-block-walk-times .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.feature-block-walk-times .detailView .nav-tabs li a.active, .feature-block-walk-times .nav-tabs li a.active:focus, .feature-block-walk-times .nav-tabs li a.active:hover  {
    border: 0;
    border-bottom: 2px solid var(--primaryColor);
    color: var(--primaryColor);
}

.housing-fair-img{width:100%;}
.bus-stop-popup{display:grid;grid-template-columns:repeat(2, 1fr);gap:3px 10px;padding:10px;}
.bus-stop-popup p, .bus-stop-popup strong{margin:0;}
.bus-stop-popup p{color:var(--primaryColor);font-weight:500;}
/* This CSS overrides the default top container style */
.gm-style-iw-tc {
    display: none !important; /* hides the top container padding with close button */
}

/* You can also move the close button */
.gm-style .gm-style-iw-c {
    padding: 0 !important;
}

.gm-style-iw-d {
    overflow: auto !important; /* Prevent scrollbars from hiding content */
    max-height: 200px; /* optional */
}
.consent-privacy{margin-left: 1.7em;font-size: 0.85rem;font-weight: 600;}
.consent-privacy.ft-size{font-size: 1rem !important;}



.description-section {
    white-space: pre-line;
}

.feature-block-description {
    white-space: pre-line;
}
.inner-margin-0  *{
    margin:0 !important;
}