/*----------------------------------------------------------------------- Imports -----------------------------------------------------------------------*/
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600";
@import "https://fonts.googleapis.com/css?family=Oswald:400,300";

/*----------------------------------------------------------------------- Variables -----------------------------------------------------------------------*/
:root
{
    /*------------------------ Dynamic Vars(updated by js) ------------------------*/
    --screen-height: 1080px;
    --screen-width: 1920px;
    --navbar-height: 106px;
    --subnavbar-height: 84px;
    --popup-close-container-width:30px;
    --popup-bottom-close-container-width:92px;
    --clear-fields-container-width:0px;
    --map-draggable-height:100px;
    --map-draggable-width:200px;
    --product-list-opener-width:20px;
    --property-grid-view-with-summary-max-height:49%;
    --floorplan-list-view-summary-height:0px;
    /*------------------------ normal Vars ------------------------*/
    --home-screen-content-height: 100%;
    --BD-Modal-Wrapper-open-height: calc(var(--screen-height) - var(--navbar-height));
    --tab-content-height:calc(var(--screen-height) - (var(--navbar-height) + var(--subnavbar-height)));
    --property-search-width:calc(100% / 6);
    --map-search-width:350px;
    
    /*------------------------ Font Size ------------------------*/
    --root-font-size: 16px;
    --home-screen-tile-font-size: 2.75rem;
    --res-page-title-font-size: 3.5rem;
    --res-page-copy-font-size: 2.25rem;
    --contactus-tile-title-font-size: 3.75rem;
    --heading-font-size: 2.25rem;
    --sub-heading-font-size: 1.75rem;
    --sub-heading-1-font-size: 1.5rem;
    --sub-heading-2-font-size: 1.25rem;
    --label-font-size: 1.5rem;
    --button-font-size: 1.25rem;
    --form-input-font-size: 1.5rem;
    --copy-text-font-size: 1.60rem;
    --prop-attrs-heading-font-size: 1.25rem;
    --prop-attrs-label-font-size: 1rem;
    --prop-filters-font-size: 1.25rem;
    --map-items-font-size: 1.15rem;
    --overview-heading-font-size: 2.25rem;
    --overview-copy-font-size: 1.60rem;
    --luxury-prod-heading:2.75rem;
    --disclaimer-font-size:.75rem;

    /*------------------------ Margins ------------------------*/
    --main-margin-size:15px;
    --sub-margin-size:5px;

    /*------------------------ Radius ------------------------*/
    --radius-size:5px;

    /*------------------------ Z-Index ------------------------*/
    --zindex-1:1001;
    --zindex-2:1002;
    --zindex-3:1003;
    --zindex-4:1004;
    --zindex-5:1005;
    --zindex-6:1006;
    --zindex-7:1007;
    --zindex-8:1008;
    --zindex-9:1009;
    --zindex-10:1010;
    --zindex-11:1011;
    --zindex-12:1012;
    --zindex-13:1013;
    --zindex-14:1014;
    --zindex-15:1015;
    --zindex-16:1016;
}
/*----------------------------------------------------------------------- Reset -----------------------------------------------------------------------*/
a, a:hover, a:focus, a:active, a.active { outline: 0 none; }
ul, ol { margin: 0; padding: 0; }
li { list-style: outside none none; }
a:hover { text-decoration: none; }
h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; line-height: 100%; }
/*----------------------------------------------------------------------- Utility -----------------------------------------------------------------------*/
.blurbg { -webkit-filter: blur(4px); filter: blur(4px); overflow: hidden; }
.redstar, .error { color: red; }
.top-shadow { position: relative; top: 10px; left: 0; width: 100%; height: 5px; z-index: 999; -webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1); }
.imp-hidden { display: none !important; }
.attr-separator { padding: 0 5px; }
.attr-separator-comma{ padding: 0 5px 0 0; }
.attr-separator-fullspace { flex: 1; padding: 0; }

.attr-separator-bullet { padding: 0 10px; }

.TR { top: 30px; right: 30px; bottom: auto; left: auto; }
.TL { top: 30px; left: 30px; bottom: auto; right: auto; }
.BR { bottom: 30px; right: 30px; top: auto; left: auto; }
.BL { bottom: 30px; left: 30px; top: auto; right: auto; }
.center { display: flex; align-items: center; justify-content: center; position: initial; }
.vr-line { height: 40px; width: 1px; background-color: #000; margin: 15px 0; }
/*----------------------------------------------------------------------- Overrode -----------------------------------------------------------------------*/
.distractfulParallaxPlaceholder .distractful-controls.left, .distractfulParallaxPlaceholder .distractful-controls.right { background-color: rgba(255, 255, 255, 0.5); background-size: 90px 120px; }
.distractful-controls.right:hover { box-shadow: none !important; }
.distractful-item { background: url(../images/loading.svg) center no-repeat; background-size: 500px !important; height: 100%; width: 100%; }
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 48px !important; margin-left: 0; transition: background-color 100ms ease-out; }
.intl-tel-input { position: relative; display: block !important; }

/*------------------------ Jquery Slider ------------------------*/
.ui-slider { border: none !important; background: #EFEFEF; height: 20px; }
.ui-slider .ui-widget-header { background: #BBBBBB url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x; }
.ui-slider .ui-slider-handle { border-radius: 20px; width: 40px; height: 40px; border: none; top: -10px; }
.ui-slider .ui-state-hover { background-color: #004276; }

/*------------------------ Toggle Checkbox ------------------------*/
.switch input[type="checkbox"] + .slider .slider-on, .switch input[type="checkbox"] + .slider .slider-off { display: none; }
.switch input[type="checkbox"]:checked + .slider span.slider-on { display: block; position: absolute; margin-top: 1px; left: 10px; }
.switch input[type="checkbox"]:not(:checked) + .slider span.slider-off { display: block; position: absolute; margin-top: 1px; right: 10px; }

.switch { position: relative; display: inline-block; width: 100px; height: 40px; margin: 0; }
.switch input { display: none; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; display: flex; align-items: center; }
.slider:before { position: absolute; content: ""; height: 30px; width: 30px; left: 5px; bottom: 5px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .slider:before { -webkit-transform: translateX(44px); -ms-transform: translateX(44px); transform: translateX(44px); }

.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.slider round .onButton { left: 10px; top: 8px; position: absolute; display: none; }
.slider round .offButton { /* display: none; */ right: 10px; top: 8px; position: absolute; }

/*------------------------ Hide Google Maps LOGO and external links at the bottom ------------------------*/
.infoBox > img { margin: -15px -340px !important; }

a[href^="http://maps.google.com/maps"] { display: none !important }
a[href^="https://maps.google.com/maps"] { display: none !important }
.gmnoprint a, .gmnoprint span, .gm-style-cc { display: none; }
.gm-style .gm-fullscreen-control, .gm-fullscreen-control { display: none !important; }
.gm-style-iw.gm-style-iw-c {display:none !important} /* Hiding Label info windows */

/*------------------------ Jquery date range control ------------------------*/
/*.date-picker-wrapper { transition: all 0.5s; }*/
.date-picker-wrapper .drp_top-bar {
    padding: 10px 10px 10px 0;
}
.date-picker-wrapper .month-wrapper, .date-picker-wrapper .month-wrapper table { width: auto !important; }
.date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th { padding: 5px; }

.jssor-arrow-left,
.jssor-arrow-right { width: 30px; height: 50px; -webkit-mask: url(../../content/images/icons/icon-kiosk-back.svg) no-repeat; mask: url(../../content/images/icons/icon-kiosk-back.svg) no-repeat; background-color: #666666; background-image: none !important; position: absolute; bottom: 80px; }

.jssor-arrow-right { transform: rotate(180deg); }

.tab-propertytourview .tour-gallery-content .jssor-arrow-left { left: 15px !important; }
.tab-propertytourview .tour-gallery-content .jssor-arrow-right { right: 15px !important; }

/*----------------------------------------------------------------------- SVG Icons -----------------------------------------------------------------------*/
.bdk-svgs { background-color: red; -webkit-mask-position-x: center; -webkit-mask-position-y: top; width: 40px; height: 30px; margin: auto; }
.bdk-mapOptions { -webkit-mask: url(../images/icons/filters.svg) no-repeat; mask: url(../images/icons/filters.svg) no-repeat; }
.bdk-mapLayers { -webkit-mask: url(../images/icons/layers.svg) no-repeat; mask: url(../images/icons/layers.svg) no-repeat;}
.bdk-mapAnnotate { -webkit-mask: url(../images/icons/annotate.svg) no-repeat; mask: url(../images/icons/annotate.svg) no-repeat; }
.bdk-mapReset { -webkit-mask: url(../images/icons/map-reset.svg) no-repeat; mask: url(../images/icons/map-reset.svg) no-repeat; }
.bdk-mapLegend { -webkit-mask: url(../images/icons/map-legend.svg) no-repeat; mask: url(../images/icons/map-legend.svg) no-repeat; }
.bdk-mapFullScreen { -webkit-mask: url(../images/icons/full-screen.svg) no-repeat; mask: url(../images/icons/full-screen.svg) no-repeat;}
.bdk-mapListView { -webkit-mask: url(../images/icons/list-view.svg) no-repeat; mask: url(../images/icons/list-view.svg) no-repeat; height: 40px;}
.bdk-mapPrint { -webkit-mask: url(../images/icons/print.svg) no-repeat; mask: url(../images/icons/print.svg) no-repeat; height: 40px;}
.bdk-mapControllerDrag, .bdk-mapInfowindowDrag { -webkit-mask: url(../images/icons/map-ctrl-grab.svg) no-repeat; mask: url(../images/icons/map-ctrl-grab.svg) no-repeat; width: auto;}
.bdk-annotateDraw { -webkit-mask: url(../images/icons/annotate.svg) no-repeat; mask: url(../images/icons/annotate.svg) no-repeat; width: 50px; height: 50px; display: block; }
.bdk-annotateErase { -webkit-mask: url(../images/icons/erase.svg) no-repeat; mask: url(../images/icons/erase.svg) no-repeat; width: 50px; height: 50px;}
.bdk-annotateMove { -webkit-mask: url(../images/icons/move.svg) no-repeat; mask: url(../images/icons/move.svg) no-repeat; width: 50px; height: 50px; display: block; }
.bdk-annotateClear { -webkit-mask: url(../images/icons/clear.svg) no-repeat; mask: url(../images/icons/clear.svg) no-repeat; width: 50px; height: 50px; display: block; }
.bdk-reset { -webkit-mask: url(../images/icons/reset.svg) no-repeat; mask: url(../images/icons/reset.svg) no-repeat; }
.bdk-filter-arrow-right { -webkit-mask: url(../images/icons/arrow-right.svg) no-repeat; mask: url(../images/icons/arrow-right.svg) no-repeat; }
.bdk-filter-arrow-left { -webkit-mask: url(../images/icons/arrow-left.svg) no-repeat; mask: url(../images/icons/arrow-left.svg) no-repeat; }
.bdk-exitMapFullScreen { -webkit-mask: url(../images/icons/exit-full-screen.svg) no-repeat; mask: url(../images/icons/exit-full-screen.svg) no-repeat; width: 30px;}
.bdk-colorlogo { -webkit-mask: url(../images/icons/logo-bd-kiosk-splash.svg) no-repeat; mask: url(../images/icons/logo-bd-kiosk-splash.svg) no-repeat; }
.bdk-StandardLogo { -webkit-mask: url(../images/icons/logo-bd-kiosk-color-splash.svg) no-repeat; mask: url(../images/icons/logo-bd-kiosk-color-splash.svg) no-repeat; }
.bdk-interactive { -webkit-mask: url(../images/icons/icon-kiosk-ss-touch.svg) no-repeat; mask: url(../images/icons/icon-kiosk-ss-touch.svg) no-repeat; background-color: #FFF; position: absolute; width: 300px; height: 300px; }
.bdk-pause { -webkit-mask: url(../images/icons/icon-kiosk-gallery-pause.svg) no-repeat; mask: url(../images/icons/icon-kiosk-gallery-pause.svg) no-repeat; }
.bdk-play { -webkit-mask: url(../images/icons/icon-kiosk-gallery-play.svg) no-repeat; mask: url(../images/icons/icon-kiosk-gallery-play.svg) no-repeat; }
.bdk-upArrow { -webkit-mask: url(../images/icons/icon-subnav-selected.svg) no-repeat; mask: url(../images/icons/icon-subnav-selected.svg) no-repeat; }
.bdk-back { -webkit-mask: url(../images/icons/icon-kiosk-back.svg) no-repeat; mask: url(../images/icons/icon-kiosk-back.svg) no-repeat; }
.bdk-back-arrow { -webkit-mask: url(../images/icons/arrow-back.svg) no-repeat; mask: url(../images/icons/arrow-back.svg) no-repeat; }
.bdk-close { -webkit-mask: url(../images/icons/icon-kiosk-close.svg) no-repeat; mask: url(../images/icons/icon-kiosk-close.svg) no-repeat; }
.bdk-gallery { -webkit-mask: url(../images/icons/icon-kiosk-gallery.svg) no-repeat; mask: url(../images/icons/icon-kiosk-gallery.svg) no-repeat; }
.bdk-navbuttons-icon { width: 40px; height: 40px; margin: 0px auto; -webkit-mask: url(../images/icons/icon-kiosk-register-round.svg) no-repeat; mask: url(../images/icons/icon-kiosk-register-round.svg) no-repeat; }
.bdk-updates { width: 40px; height: 40px; margin-left: 36px; -webkit-mask: url(../images/icons/icon-kiosk-updates.svg) no-repeat; mask: url(../images/icons/icon-kiosk-updates.svg) no-repeat; }
.bdk-map { width: 40px; height: 40px; margin: 0px auto; -webkit-mask: url(../images/icons/icon-kiosk-map.svg) no-repeat; mask: url(../images/icons/icon-kiosk-map.svg) no-repeat; }
.bdk-favorite { -webkit-mask: url(../images/icons/icon-kiosk-favorite.svg) no-repeat; mask: url(../images/icons/icon-kiosk-favorite.svg) no-repeat; }
.bdk-menu { width: 50px; height: 35px; -webkit-mask: url(../images/icons/icon-kiosk-menu.svg) no-repeat; }
.canvas-trigger, .map-canvas-trigger { -webkit-mask: url(../images/icons/icon-kiosk-drawing-off.svg) no-repeat; mask: url(../images/icons/icon-kiosk-drawing-off.svg) no-repeat; float: none; margin: 0px; width: 40px; height: 40px; display: block; clear: both; }
.canvas-trigger-active, .map-canvas-trigger-active { -webkit-mask: url(../images/icons/icon-kiosk-drawing-on.svg) no-repeat; mask: url(../images/icons/icon-kiosk-drawing-on.svg) no-repeat; }
.contact-icon { -webkit-mask: url(../images/icons/contact-icon.svg) no-repeat; mask: url(../images/icons/contact-icon.svg) no-repeat; }
.contact-address-icon { -webkit-mask: url(../images/icons/contact-address-icon.svg) no-repeat; mask: url(../images/icons/contact-address-icon.svg) no-repeat; }
.signout-icon { -webkit-mask: url(../images/icons/signout-icon.svg) no-repeat; mask: url(../images/icons/signout-icon.svg) no-repeat; }
.email-sent-icon { -webkit-mask: url(../images/icons/email-sent-icon.svg) no-repeat; mask: url(../images/icons/email-sent-icon.svg) no-repeat; }
.bdk-fav-saved { -webkit-mask: url(../images/icons/icon-kiosk-favorite-saved.svg) no-repeat; mask: url(../images/icons/icon-kiosk-favorite-saved.svg) no-repeat; }
.bdk-calendar { -webkit-mask: url(../images/icons/calendar.svg) no-repeat; mask: url(../images/icons/calendar.svg) no-repeat; }
.user-round-icon { -webkit-mask: url(../images/icons/user-round-icon.svg) no-repeat; mask: url(../images/icons/user-round-icon.svg) no-repeat; -webkit-mask-size: cover; }

/*----------------------------------------------------------------------- Font Family -----------------------------------------------------------------------*/
html, body,
.ug-tile .ug-textpanel-title,
.ug-lightbox .ug-textpanel-title, .ug-lightbox .ug-textpanel-description,
.ug-lightbox-container .ug-textpanel-title, .ug-lightbox-container .ug-textpanel-description,
.ug-theme-default .ug-textpanel-description,
.tab-folder button[class*="btn"],
#alertPopup .bd-alertPopup-title,
.MapControllerFullDiv .summary-title,
.MapControllerFullDiv .btn-summary-link,
.product-detail-container .bd-product-title,
.luxury-gallery-popup .bd-product-title,
.contactus-container .reg-title, .contactus-container .reg_header_1, .contactus-container .reg_header_2,
.contactus-container textarea, .contactus-container .reg_input input[type="text"], .contactus-container .CaptionCont,
.registration-option-popup,
#jq-keyboard button.jqk-btn,
.tour-map-popup .product-details,
.tour-map-popup button,
.tour-map-popup .product-title, button, a,
.date-picker-wrapper { font-family: var(--app-font) !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--app-font) !important; }
p { font-family: var(--paragraph-font) !important; }

.tab-folder .overview-header p, .tab-clustergallery .cluster-header p, .tab-responsivepage .title, .luxury-gallery-popup .bd-product-title { font-family: var(--paragraph-heading-font) !important; }
.tab-responsivepage .description, .luxury-gallery-popup .bd-product-description { font-family: var(--paragraph-font); }

/*----------------------------------------------------------------------- Font Size -----------------------------------------------------------------------*/
html, body, .unite-gallery-popup .ug-theme-default .ug-textpanel-description { font-size: var(--root-font-size); font-weight: normal; }

.attr-separator-bullet { font-size: 0.75rem; }
.PropertyGridViewWithSummary .product-attr-wrapper ul li::before, .FloorPlanListView .product-attr-wrapper ul li::before { font: normal normal normal 12px/1 FontAwesome; font-size: 0.7rem; }

.mainbody-section .menu-item span p, .navbar .navbar-nav > li > span,
.luxury-gallery-popup .bd-product-title, .tab-propertytourview .media-button { font-size: var(--home-screen-tile-font-size); line-height: 100%; font-weight: normal; }
.luxury-product-detail-container .bd-luxRealEstate-product-title,
.tab-luxrealestate .bd-properties-product-title { font-size: var(--luxury-prod-heading); line-height: 100%; font-weight: normal; }
.contactus-container #luxuryContactForm .reg_header_2, .landing-product-view .product-title,
.landing-product-detail-view .product-title { font-size: var(--contactus-tile-title-font-size); line-height: 100%; font-weight: normal; }

.tab-folder .overview-header p, .tab-clustergallery .cluster-header p { font-size: var(--overview-heading-font-size); line-height: 100%; font-weight: normal; }
.tab-folder .overview-description p, .tab-clustergallery .cluster-description p,
.tour-map-popup .description p { font-size: var(--overview-copy-font-size); line-height: calc(100% + 10px); font-weight: 300; letter-spacing: 2px; }

.navbar .navbar-brand, #PopupExplorerContent h1, .kiosk_help_popup h2,
.contactus-container #luxuryContactForm .reg_header_1,
.PropertyGridViewWithSummary .panel-title .fa{ font-size: var(--heading-font-size); line-height: 100%; font-weight: normal; }

.SearchControllerFullDiv .SearchController_Pallette_Header_Title, .MapControllerFullDiv .MapController_Pallette_Header_Title,
.MapControllerFullDiv .summary-title, .product_info_popup .bd-product-title, .back-bottom-close p, #popup_close_container p, #alertPopup .bd-alertPopup-title,
.close-bottom-div p, .BD-Modal-Wrapper .nav-tabs-wrapper, .tab-propertytourview, .tab-propertytourview .links-wrapper,
.tour-map-popup .product-title, .tab-bdfloorplan .img-lbl-wrapper,
.tab-FloorPlanListView .sub-product-title, .attr-separator-pipe,
.PropertyGridViewWithSummary .panel-title, .advance-filter-popup .title { font-size: var(--sub-heading-font-size); line-height: 100%; font-weight: normal; }

.ug-lightbox-container .ug-textpanel-title, .contactus-container .reg-title, .contactus-container .reg_header_1 { font-size: var(--sub-heading-1-font-size); line-height: 100%; font-weight: normal; }
.contactus-container .reg_error, .contactus-container .signin-link-container, .contactus-container .reg-sub-header,
.gallery-title, .product_info_popup .bd-product-description p, .product_info_popup .bd-product-buttons { font-size: var(--sub-heading-2-font-size); line-height: 100%; font-weight: normal; }

.registration-option-popup .desc-text { font-size: var(--sub-heading-1-font-size); line-height: 100%; font-weight: normal; }

.tab-realestate .properties_header_label, .tab-realestate .noProducts, .tab-realestate .return-button .icon, #productdetails_popup .ug-theme-default .ug-textpanel-description,
.contactus-container .reg_clear_fields, .annotate-wrapper .annotate-label, .ug-lightbox-container .ug-lightbox-numbers, .ug-lightbox-container .ug-bottom-textpanel-description,
.product-detail-container .attr-value,
.product-detail-container .attr-name,
.product-detail-container .multi-select-values,
.PropertyGridViewWithSummary .product-detail-tour-links,
.product-detail-container button, .product-detail-container .bd-product-description p,
.tab-folder .bd-kiosk-tab-gallerypopup-text p,
.tab-luxrealestate .product-list span, .unite-gallery-popup .ug-tile .ug-textpanel-title,
#planSection .planIcon div, .bdfloorplan-tile #navigationArea label,
.bdfloorplan-tile #searchArea label, #navigationArea span, #liNav, #designEditorArea, #imageGallery > div > div > div { font-size: var(--label-font-size); line-height: 100%; font-weight: normal; }

#loaderscreen h3, .tab-fadinggrid, .tab-gallerygridview,
.tab-viewgalleries, .tab-clustergallery, .filtered-view .filter-text,
.tab-luxrealestate .bd-luxRealEstate-product-description p,
.luxury-product-detail-container .bd-luxRealEstate-product-title-span,
.luxury-product-detail-container .bd-luxRealEstate-product-description p,
.kiosk_readmore_popup .popup-content,
.tab-folder button[class*="btn"],
.landing-product-view, .landing-product-detail-view { font-size: var(--label-font-size); line-height: 100%; font-weight: normal; }

.contactus-container button, .tab-realestate .search_button, .MapControllerFullDiv .search_button, .tab-FloorPlanListView .search_button,
.annotate-wrapper .btn, .read-more-wrapper, .MapControllerFullDiv .btn-summary-link,
.luxury-product-detail-container .product-request-information, .luxury-product-detail-container .property-list-button,
.tour-map-popup button, .registration-option-container .actions-container button,
.kiosk_readmore_popup button, .bdfloorplan-tile #searchArea #changeButton,
.registration-option-container .skip-link, #alertPopup button,
.options-iframe-registration-popup .popup-close-text, .SearchControllerFullDiv .search_button, .pdf-viewer-container button { font-size: var(--button-font-size); line-height: 100%; font-weight: normal; }

.contactus-container textarea, .contactus-container .reg_input input[type="text"], .contactus-container .CaptionCont, #sideNavSectionId #serachTextBox, .SumoSelect > .optWrapper > .options > li label { font-size: var(--form-input-font-size); line-height: 100%; font-weight: normal; }

.SearchControllerFullDiv .bd-prod-filter-label, .SearchControllerFullDiv .me-select label,
.MapControllerExitFullScreen, .MapControllerFullDiv, .MapControllerFullDiv .bd-prod-filter-label,
.luxury-product-detail-container, .SearchControllerFullDiv input, .MapControllerFullDiv input,
.date-picker-wrapper, .date-picker-wrapper .month-wrapper table .day,
.advance-filter-popup .bd-prod-filter-label, .advance-filter-popup .me-select label, 
.SearchControllerFullDiv .filters-container .bed-button, 
.SearchControllerFullDiv .filters-container .bath-button{ font-size: var(--prop-filters-font-size); line-height: 100%; font-weight: normal; }

.bd-product-description p,#alertPopup #bd-alertPopup_body, .tab-fadinggrid .grid-description, .luxury-gallery-popup .bd-product-description,
.contactus-container .reg_message{ font-size: var(--copy-text-font-size); line-height: calc(100% + 10px); font-weight: normal; }

.tab-realestate .product-label label, .tab-FloorPlanListView .product-label, .bdk-navbuttons-text,
.user-details-view,
.PropertyGridViewWithSummary .product-summary th .attr-name,
.PropertyGridViewWithSummary .product-label,
.FloorPlanListView .product-summary .product-label .attr-value, .tab-realestate .thumb-banner { font-size: var(--prop-attrs-heading-font-size); line-height: 100%; font-weight: normal; }

.tab-realestate .product-label-details label,
.tab-FloorPlanListView .product-label-details label,
.PropertyGridViewWithSummary .product-summary-list .attr-name,
.PropertyGridViewWithSummary .product-summary-list .attr-text,
.PropertyGridViewWithSummary .product-summary-list .attr-value,
.PropertyGridViewWithSummary .product-summary td .attr-value,
.FloorPlanListView .product-summary .attr-text,
.FloorPlanListView .product-summary .attr-value { font-size: var(--prop-attrs-label-font-size); line-height: 100%; font-weight: normal; }

.MapControllerFullDiv .MapController_Items .item-text,
.luxury-product-detail-container .bd-luxRealEstate-product-custom-values { font-size: var(--map-items-font-size); }

.tab-bdfloorplan .img-lbl-wrapper { font-size: var(--sub-heading-font-size) !important; }

.tab-responsivepage .title { font-size: var(--res-page-title-font-size); }
.tab-responsivepage .description { font-size: var(--res-page-copy-font-size); padding: 0px 50px;}
.tab-responsivepage .btn-action { font-size: var(--res-page-copy-font-size); }

.landing-product-detail-view .disclaimer { font-size: var(--disclaimer-font-size); line-height: calc(100% + 10px); font-weight: normal; }

.floorplan-product-popup .bd-properties-product-title { font-size: var(--res-page-title-font-size); }
.floorplan-product-popup .properties-product-summary { font-size: var(--res-page-copy-font-size); line-height: calc(100% + 10px); }

.MapControllerFullDiv .switch, .MapControllerFullDiv .layer-text label, .tab-fadinggrid .grid-title,
.contactus-container .reg_group .reg_label label, .tab-bdfloorplan .img-lbl-wrapper .img-dim,
.PropertyGridViewWithSummary .multi-select-values b,
.PropertyGridViewWithSummary .product-detail-tour-links b,
.PropertyGridViewWithSummary .product-attr-list .attr-value,
.FloorPlanListView .attr-container .attr-value,
.FloorPlanListView .product-detail .multi-select-values b,
.landing-product-detail-view label { font-weight: normal; }

#PopupExplorerContent h1, .MapControllerFullDiv .draw-tool-text-wrapper, .contactus-container .reg-sub-header,
.contactus-container #luxuryContactForm .reg-sub-header, .product-detail-container .bd-product-description p,
.tab-luxrealestate .bd-luxRealEstate-product-description p,
.luxury-product-detail-container .bd-luxRealEstate-product-description p,
.luxury-product-detail-container .bd-luxRealEstate-product-custom-values,
.kiosk_readmore_popup .popup-content,
.luxury-product-detail-container .product-request-information, .luxury-product-detail-container .property-list-button,
.product-detail-container .multi-select-values, .product-detail-container product-detail-tour-links,
.tab-propertytourview .product-list li span, .landing-product-view .product-description p,
.tab-realestate .product-label label, .registration-option-container .desc-text { line-height: calc(100% + 10px); }

.product-detail-container .attr-value,
.PropertyGridViewWithSummary .product-summary-list .attr-value,
.PropertyGridViewWithSummary .product-attr-list .attr-name,
.FloorPlanListView .product-label .attr-value,
.FloorPlanListView .product-attr-title .attr-name { font-weight: bold; line-height: calc(100% + 5px); }

.tab-realestate .product-label label, .contactus-container .reg-title,
.contactus-container .reg_header_1,
.PropertyGridViewWithSummary .panel-title,
.FloorPlanListView .product-summary .product-label .attr-value,
.FloorPlanListView .product-summary .attr-text,
.FloorPlanListView .product-summary .attr-value,
.FloorPlanListView .associated-products .attr-container-listprice .attr-value, .kiosk-checkin .or-text, .tab-realestate .thumb-banner { font-weight: bold; }
.BD-Modal-Wrapper .nav-tabs-wrapper, .close-bottom-div p { font-weight: 300; }

#jq-keyboard button.jqk-btn, .product-detail-container .bd-product-title { font-size: var(--sub-heading-font-size) !important; font-weight: bold !important; }
.tab-folder button[class*="btn"] { font-weight: 700; line-height: 36px; }
.contactus-container .signin-link-container, .tab-propertytourview .media-button, .tab-bdfloorplan .img-lbl-wrapper .img-lbl { font-weight: bold; }

#loaderscreen.user-signin h3 { font-size: var(--sub-heading-2-font-size); line-height: calc(100% + 5px); font-weight: normal; }
/*----------------------------------------------------------------------- Common -----------------------------------------------------------------------*/
html { height: 100% !important; min-height: 100% !important; overflow: auto; }
body, .mainbody-section{ background-color: #EEEEEE; }
body { -webkit-touch-callout: none; -webkit-user-select: none; font-family: "Open Sans",sans-serif; outline: 0 none; padding-top: var(--navbar-height); height: 100%; }

video::-webkit-media-controls { display: none; }
::-webkit-scrollbar { width: 1px; height: 1px; }

#popup_close { width: 30px; height: 30px; }
#popup_close_container p,.back-bottom-close p, .annotate-wrapper .annotate-label, .ug-lightbox-container .ug-lightbox-numbers { color: #fff; text-align: left; margin: 0; }
.back-close .bdk-back, .back-bottom-close .bdk-back { float: left; padding-left: var(--main-margin-size); width: 25px; height: 30px; }

/*------------------------ opacity ------------------------*/
/*------------------------ Z Index ------------------------*/
.SearchControllerFullDiv .SearchController_Pallette_MainDiv, .MapControllerFullDiv .MapControllerDraggableDiv,
.MapControllerExitFullScreen, .MapControllerFullDiv .filtered-view, .MapControllerFullDiv .summary-popup-box,
.MapControllerFullDiv .legend-popup-box,
.MapControllerFullDiv .mapInfowindow-draghandler, .tab-clustergallery #popup_close_container, #commonContactRegister .reg_clear_fields_div,
.user-details-view, .tab-propertytourview .product-list, .tab-propertytourview .product-list-opener,
.date-picker-wrapper { z-index: var(--zindex-1) !important; }

.navbar, #screen_dimmer, .luxury-product-detail-container #popup_close_container,
.contactus-container .SumoSelect .optWrapper.open, #product_popup.floorplan-product-popup { z-index: var(--zindex-2); }
#popup, #productdetails_popup, #commonContactRegister, #product_popup, #popup_misc1 { z-index: var(--zindex-3); }
.canvas-container, .canvas-tools { z-index: var(--zindex-6); }

#screen_dimmer.screen-dimmer-readmore, #screen_dimmer.screen-dimmer-tour-popup, #screen_dimmer.screen-dimmer-gallery-popup, #screen_dimmer.screen-dimmer-registration { z-index: var(--zindex-3); }
#popup.kiosk_readmore_popup, #popup.tour-popup, #popup.unite-gallery-popup, #popup.product-luxury-gallery-popup, #popup.luxury-gallery-popup, .distractful-controls { z-index: var(--zindex-4); }

#screen_saver_div, .ug-lightbox-container { z-index: var(--zindex-5); }
#screen_dimmer.screen-dimmer-alert-popup { z-index: var(--zindex-6); }
#popup.options-iframe-registration-popup { z-index: var(--zindex-6); }
#loaderscreen { z-index: var(--zindex-7); }
#alertPopup, #loading_with_background { z-index: var(--zindex-8); }
/*------------------------ Popups & Dimmer------------------------*/
#screen_dimmer, .canvas-container, #popup, #productdetails_popup, #screen_saver_div, #commonContactRegister, #product_popup, #popup_misc1 { width: 100%; height: 100%; position: absolute !important; top: 0; left: 0; opacity: 1; display: block; background-color: transparent !important; }
#popup, #productdetails_popup, .canvas-container, #screen_saver_div, #commonContactRegister, #product_popup, #popup_misc1 { display: none; opacity: 1; color: #fff; }

/*------------------------ Image ------------------------*/
.mainbody-section img, .tab-folder .overviewImage, .tab-folder .bd-kiosk-tab-gallerypopup-img img,
.tab-fadinggrid .grid-image, .tab-gallerygridview img, .tab-realestate .product-media-imgdiv > img, #ProductdetailGallery .ug-thumb-wrapper img,
.details_popup img, .luxury-product-detail-container img, .col-md-4 .mpGalleryItem img, .tab-viewgalleries img,
.tab-clustergallery .clusterImage, .kiosk_help_popup img, .gallery_details_popup img, .tab-luxrealestate img,
.luxury-gallery-popup img, .product_info_popup .product-image img, .tour-map-popup .product-image img,
.tab-propertytourview .media-content .slides img, .PropertyGridViewWithSummary .gallery-container .slides img,
.MapControllerFullDiv .legend-popup-box img, .landing-product-view .product-image-container img,
.floorplan-product-popup img { width: 100%; height: 100%; object-fit: cover; }

/*------------------------ Subsection ------------------------*/
.BD-Modal-Wrapper.open { visibility: visible; height: var(--BD-Modal-Wrapper-open-height); top: var(--navbar-height); transition: all 2s; position: absolute; width: 100%; }
.BD-Modal-Wrapper .modal-content-container { height: 100%; }
.BD-Modal-Wrapper .modal-content { height: 100%; border-radius: 0px; overflow: hidden; border: 0px; }
.BD-Modal-Wrapper .container { width: 100%; padding: 0; position: absolute; height: 100%; }
.BD-Modal-Wrapper .BD-Modal-Content{ height: 100%; }

.BD-Modal-Wrapper.closed { visibility: hidden; }
.BD-Modal-Wrapper .close-modal { bottom: 0px; left: 0px; top: auto; right: auto; height: auto; width: auto; }

/*------------------------ Subsection Tabs ------------------------*/
.BD-Modal-Wrapper .tabbable, .BD-Modal-Wrapper .tab-pane, .BD-Modal-Wrapper .tab-pane > .row{ height: 100%; }
.BD-Modal-Wrapper .tab-pane > .row { margin: 0; }
.BD-Modal-Wrapper .tabbable { display: flex; flex-direction: column; }
.BD-Modal-Wrapper .tab-content { flex: 1; overflow: auto; }

.BD-Modal-Wrapper .tab-realestate, .BD-Modal-Wrapper .tab-propertytourview, .BD-Modal-Wrapper .tab-luxrealestate, .BD-Modal-Wrapper .tab-bdfloorplan,
.BD-Modal-Wrapper .tab-fadinggrid, .BD-Modal-Wrapper .tab-iframe, .BD-Modal-Wrapper .tab-gallerygridview,
.BD-Modal-Wrapper .tab-viewgalleries, .BD-Modal-Wrapper .tab-popupexplorer { height: var(--tab-content-height); }

.BD-Modal-Wrapper .close-bottom-div { width: 100%; display: flex; align-items: center; transition: all 2s; position: absolute; bottom: 0; }
.BD-Modal-Wrapper .close-bottom-div .bd-read-more-start-indicator, .BD-Modal-Wrapper .close-bottom-div .bd-read-more-end-indicator { width: 40px; height: 50px; }

.BD-Modal-Wrapper #closebt-container { display: flex; align-items: center; justify-content: center; left: 0; height: 100%; padding: 26px 25px; overflow: hidden; float: left; }
.BD-Modal-Wrapper #closebt-container .back-close p{margin:0;padding:0;}
.BD-Modal-Wrapper .backButtonDisabled { margin-left: 1%; width: 98%; }

.BD-Modal-Wrapper .nav-tabs-wrapper { flex: 1; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; display: flex; align-items: center; }
.BD-Modal-Wrapper .nav-tabs { border: 0px; display: flex; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; text-align: center; width: auto; flex: 1; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li span { position: relative; display: block; padding: 26px 18px; margin: 0; border: none; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li .bd-tab-uparrow-icon { height: 0px; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li.active span { border-top-color: #004276; border-width: 5px 0px 0px 0px; border-radius: 0px; border-bottom-color: #fff; border-right-color: #fff; border-left-color: #fff; background-color: transparent; background-repeat: no-repeat; background-position: center 100%; background-size: 20px; border: none; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li.active .bd-tab-uparrow-icon { height: 11px; width: 100%; text-align: center; position: absolute; bottom: -4px; -webkit-mask-position: 50%; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li.empty-text { height: 0; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li.empty-text span { padding: 0; margin: 0; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li.empty-text .bd-tab-uparrow-icon { width: 0px; height: 0px; }

.tab-iframe .iframe-tile, .tab-bdfloorplan .bdfloorplan-tile, .tab-propertytourview .tour-content-wrapper { height: 100%; }
.tab-popupexplorer iframe, .tab-iframe iframe, .iframe-popup iframe { border: 0; height: 100%; width: 100%; }

/*------------------------ Map & Product ------------------------*/
.filtered-view { position: relative; border-radius: 10px; display: flex; justify-content: center; padding: 10px 20px; }
.filtered-view .filter-text { align-self: center; text-transform: uppercase; }

.SearchControllerFullDiv .search_close, .MapControllerFullDiv .search_close { width: 20px; height: 20px; }
.SearchControllerFullDiv .search_reset, .MapControllerFullDiv .search_reset { width: 25px; height: 20px; }
.SearchControllerFullDiv .search_back, .MapControllerFullDiv .search_back { width: 20px; height: 20px; }
.SearchControllerFullDiv .bdk-calendar, .MapControllerFullDiv .bdk-calendar { width: 30px; height: 30px; position: absolute; left: 10px; }

.SearchControllerFullDiv .bd-prod-filter-control-div .reset-wrapper,
.MapControllerFullDiv .bd-prod-filter-control-div .reset-wrapper,
.SearchControllerFullDiv .bd-prod-filter-main-div-custom-date .reset-wrapper,
.MapControllerFullDiv .bd-prod-filter-main-div-custom-date .reset-wrapper { position: absolute; right: 0px; padding: 5px 10px; }

.SearchControllerFullDiv .bd-prod-filter-control-div .bdk-reset,
.MapControllerFullDiv .bd-prod-filter-control-div .bdk-reset,
.SearchControllerFullDiv .bd-prod-filter-main-div-custom-date .bdk-reset,
.MapControllerFullDiv .bd-prod-filter-main-div-custom-date .bdk-reset { width: 20px; height: 20px; -webkit-mask: url(../images/icons/icon-kiosk-close.svg) no-repeat; }

.SearchControllerFullDiv .filters-container, .MapControllerFullDiv .filters-container { height: 100%; width: 100%; }

.SearchControllerFullDiv .bd-prod-filter-main-div, .MapControllerFullDiv .bd-prod-filter-main-div { padding: var(--main-margin-size); }
.SearchControllerFullDiv .bd-prod-filter-label-div, .MapControllerFullDiv .bd-prod-filter-label-div { padding: 0; }
.SearchControllerFullDiv .bd-prod-filter-label, .MapControllerFullDiv .bd-prod-filter-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; display: flex; align-items: center; margin: 0; width: 100%; justify-content: center; }
.SearchControllerFullDiv .bd-prod-filter-main-div-other .bd-prod-filter-label, .MapControllerFullDiv .bd-prod-filter-main-div-other .bd-prod-filter-label { padding-left: 20px; }

.SearchControllerFullDiv .filter-left-arrow, .MapControllerFullDiv .filter-left-arrow { position: relative; width: 20px; height: 20px; }
.SearchControllerFullDiv .bd-prod-filter-label span:last-child, .MapControllerFullDiv .bd-prod-filter-label span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 0; display: inline-block; }

.SearchControllerFullDiv .bd-prod-filter-control-div, .MapControllerFullDiv .bd-prod-filter-control-div { padding: 0; }
.SearchControllerFullDiv .ctrldiv, .MapControllerFullDiv .ctrldiv { padding: 0; margin: 15px 0; }

.SearchControllerFullDiv .bd-prod-filter-main-div-list-date .ctrldiv,
.MapControllerFullDiv .bd-prod-filter-main-div-list-date .ctrldiv,
.SearchControllerFullDiv .bd-prod-filter-main-div-custom-date .ctrldiv,
.MapControllerFullDiv .bd-prod-filter-main-div-custom-date .ctrldiv { margin: 15px 0 4px; }

.SearchControllerFullDiv .filter-slider, .MapControllerFullDiv .filter-slider { width: calc(100% - 40px); margin: 0 10px; }

.SearchControllerFullDiv .bd-prod-filter-main-div-list-date .filter-slider-range,
.MapControllerFullDiv .bd-prod-filter-main-div-list-date .filter-slider-range,
.SearchControllerFullDiv .bd-prod-filter-main-div-custom-date .filter-slider-range,
.MapControllerFullDiv .bd-prod-filter-main-div-custom-date .filter-slider-range { width: 100%; margin: 0; display: flex; align-items: center; justify-content: center; }

.SearchControllerFullDiv input,
.SearchControllerFullDiv input:focus,
.MapControllerFullDiv input,
.MapControllerFullDiv input:focus { padding: var(--main-margin-size) 5px; width: 100%; border-radius: var(--radius-size); outline-offset: 0; flex: 1; text-align: center; outline: none !important; }

.SearchControllerFullDiv .filter-slider-range, .MapControllerFullDiv .filter-slider-range { width: calc(100% - 40px); margin: 0 10px; }
.SearchControllerFullDiv .rangeLabel, .MapControllerFullDiv .rangeLabel { padding-top: 0px; text-align: center; width: 100%; }

.SearchControllerFullDiv .me-select li, .MapControllerFullDiv .me-select li { text-align: left; position: relative; padding: var(--main-margin-size); display: flex; align-items: center; }
.SearchControllerFullDiv .me-select input[type="checkbox"], .MapControllerFullDiv .me-select input[type="checkbox"] { opacity: 0; -webkit-appearance: none; display: inline-block; vertical-align: middle; }

.SearchControllerFullDiv .me-select input[type="checkbox"],
.SearchControllerFullDiv .me-select label::before,
.SearchControllerFullDiv .me-select input[type="checkbox"]:checked + label::after,
.MapControllerFullDiv .me-select input[type="checkbox"],
.MapControllerFullDiv .me-select label::before,
.MapControllerFullDiv .me-select input[type="checkbox"]:checked + label::after { width: 26px; height: 26px; top: 50%; left: var(--main-margin-size); margin-top: -13px; position: absolute; cursor: pointer; -ms-transform: translateX(26px); border-radius: 50%; }

.SearchControllerFullDiv .me-select label,
.MapControllerFullDiv .me-select label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; margin-bottom: 0; width: calc(100% - 40px); margin-left: 40px; }

.SearchControllerFullDiv .me-select label::before,
.MapControllerFullDiv .me-select label::before { content: ''; border: 2px solid rgba(0,0,0,0.3); }

.SearchControllerFullDiv .me-select input[type="checkbox"]:checked + label::after,
.MapControllerFullDiv .me-select input[type="checkbox"]:checked + label::after { content: ''; text-align: center;}

.SearchControllerFullDiv .bd-prod-filter-main-div:last-child,
.SearchControllerFullDiv .me-select li:last-child,
.MapControllerFullDiv .bd-prod-filter-main-div:last-child,
.MapControllerFullDiv .me-select li:last-child { border-bottom: 0px !important; }

.tab-realestate .search_button, .MapControllerFullDiv .search_button, .tab-FloorPlanListView .search_button, .SearchControllerFullDiv .search_button { min-width: 175px; border-radius: var(--radius-size); margin: 0px; margin-right: var(--main-margin-size); flex-shrink: 0; padding: 0 20px; height: 40px; justify-content: center; align-items: center; border: none; }

/*------------------------ Product Detail & Popup Gallery ------------------------*/

.unite-gallery-popup .gallery_details_popup, .product-detail-container .details_popup { width: 80%; margin: 30px 10% 20px; height: calc(100% - 50px); }
.unite-gallery-popup .container, .product-detail-container .container { padding: 0px; height: 100%; width: 100%; display: flex; flex-direction: column; }

.unite-gallery-popup .gallery-header, .product-detail-container .product-detail-header { margin: 0 0 var(--main-margin-size) 0; display: flex; align-items: center; padding: 0; }
.unite-gallery-popup .gallery-title, .product-detail-container .bd-product-title { text-align: center; margin: 0; margin-left: var(--popup-close-container-width); flex: 1; }

.unite-gallery-popup .gallery-content, .product-detail-container .product-detail-content { display: flex; overflow: auto; flex: 1; padding: 0; }
.unite-gallery-popup #interactiveGallery, .product-detail-container #ProductdetailGallery { width: 100% !important; height: 100% !important; }

.unite-gallery-popup .ug-thumb-overlay, .product-detail-container .ug-thumb-overlay { width: 100% !important; height: 100% !important; }
.product-detail-container .ug-thumb-wrapper img { left: 0px !important; top: 0px !important; }
/*.unite-gallery-popup .ug-thumb-wrapper img*/
.unite-gallery-popup .ug-bullets, .product-detail-container .ug-bullets { top: 97% !important; }
.unite-gallery-popup .ug-textpanel-textwrapper, .product-detail-container .ug-textpanel-textwrapper { display: flex; align-items: center; }
.unite-gallery-popup .ug-textpanel-description, .product-detail-container .ug-textpanel-description { position: relative !important; top: 0 !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.unite-gallery-popup .gallery-footer, .product-detail-container .product-detail-footer { margin: 30px 0 0 0; display: flex; justify-content: flex-start; }

/*------------------------ Registration ------------------------*/
.contactus-container .bd-read-more-start-indicator, .contactus-container .bd-read-more-end-indicator { margin: 0; -webkit-mask: url(../images/icons/arrow-up-scroll.svg) no-repeat; }
.contactus-container .bd-read-more-end-indicator { -webkit-mask: url(../images/icons/arrow-down-scroll.svg) no-repeat; margin-top: auto; margin-bottom: var(--main-margin-size); }

.contactus-container .wrapper { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.contactus-container .contact-form { background-color: #fff; height: 100%; flex-direction: column; width: 100%; display: flex; align-items: center; overflow: hidden; }
.contactus-container .reg_clear { clear: both; height: 16px; }
.contactus-container .reg_error { display: flex; padding: 10px 0; width: 50%; margin-bottom: var(--main-margin-size); align-items: center; visibility: hidden; }
.contactus-container .error-text { text-align: center; flex: 1; }

.contactus-container .contact-details { padding: 0 20px; float: left; text-align: center; width: 80%; }
.contactus-container .reg_header { padding: 0; margin: 0 0 var(--main-margin-size) 0; display: flex; align-items: center; }
.contactus-container .reg-title { text-align: center; margin: 0; flex: 1; }
.contactus-container .reg-sub-header { margin: 0 0 var(--main-margin-size) 0; text-align: center; }

.contactus-container .contactus-container-content { padding: 30px 0 0; width: 100%; float: left; height: 100%; }

.contactus-container .contact-form-body, .contactus-container .contact-form-footer { height: 52%; }
.contactus-container .contact-form-body { display: flex; height: calc(100% - 40px); opacity: 0; justify-content: center; }
.contactus-container .contact-form-body-scroll { min-height: 50%; overflow: auto; padding: 0; display: block; }
.contactus-container .reg_message { text-align: center; margin: 0 0 var(--main-margin-size) 0; }
.contactus-container .contact-form-body-scroll-holder { padding: 0px 0px 0 50px; display: flex; flex-direction: column; height: 32%; }

.contactus-container .reg_body { flex: 1; padding: 0; width: 100%; margin: 0; }
.contactus-container.layout-col1 .contact-form-body-scroll { width: 25%; }
.contactus-container.layout-col2 .contact-form-body-scroll { width: 50%; }
.contactus-container.layout-col3 .contact-form-body-scroll { width: 75%; }
.contactus-container.layout-col4 .contact-form-body-scroll { width: calc(95% - 50px); }

.contactus-container .contact-signin-form .contact-form-body-scroll { width: 25%; }

.contactus-container .reg_group { float: left; margin: 0 15px; }
.contactus-container.layout-col1 .reg_group { width: calc(100% - 30px); }
.contactus-container.layout-col2 .reg_group { width: calc(50% - 30px); }
.contactus-container.layout-col3 .reg_group { width: calc(33.33% - 30px); }
.contactus-container.layout-col4 .reg_group { width: calc(25% - 30px); }

.contactus-container .contact-signin-form .reg_group { clear: both; margin-bottom: 15px; width: calc(100% - 30px); }
.contactus-container .reg_group .reg_label label { text-transform: uppercase; }

.contactus-container .reg_group_textarea { width: calc(100% - 30px) !important; }
.contactus-container .SumoSelect { width: 100%; }
.contactus-container .SumoSelect:focus { border: 1px solid #4d91ff; }
.contactus-container .SumoSelect > .CaptionCont { height: 70px; margin: 0; padding: 0px; background-color: #f8f8f8 !important; border: 1px solid #d7d7d7; display: flex; align-items: center; }
.contactus-container .SumoSelect > .CaptionCont > span { padding: 10px 15px; padding-right: 30px; }
.contactus-container .SumoSelect > .CaptionCont > span.placeholder { padding: 10px 15px; font-style: normal; }
.contactus-container .SumoSelect.open .optWrapper { top: 75px; }
.contactus-container .SumoSelect > .optWrapper > .options li.opt { padding: 10px; }
.contactus-container .SumoSelect > .optWrapper > .options > li label { margin: 0; padding: 0; }
.contactus-container .SumoSelect > .optWrapper > .options li.group > label { padding: 10px; }
.contactus-container .SumoSelect > .optWrapper > .options li ul li.opt { padding-left: 30px; }

.contactus-container .iti-flag { background-image: url(../images/flags.png); }
.contactus-container select, .contactus-container input[type="text"] { font-size: var(--form-input-font-size); border: 1px solid #d7d7d7; border-radius: var(--radius-size); box-shadow: none; height: 70px; background-color: #f8f8f8; width: 100%; padding: 10px 15px; }
.contactus-container textarea { width: 100%; height: 80px; border: 1px solid #d7d7d7; border-radius: var(--radius-size); background-color: #f8f8f8; padding: 10px 15px; }

.contactus-container .reg_footer, .contactus-container .reg_action_buttons { display: flex; align-items: center; justify-content: center; }
.contactus-container .reg_footer { height: 80%; clear: both; }

.contactus-container .reg_action_buttons { margin-top: 0; padding: var(--main-margin-size) 0; background-color: #fff; }
.contactus-container .reg_action_buttons_wrapper { width: calc(50% + 30px); }
.contactus-container .signin-link-container { flex: 1; text-align: center; align-items: center; justify-content: center; display: flex; }
.contactus-container .user-round-icon { display: inline-block; margin: 0; width: 40px; height: 40px; margin-right: 10px; }
.contactus-container .contact-form .contact-details .signin-link-container button { min-height: 0; margin: 0 0 0 50px; float: none; width: auto; }

.contactus-container .contact-form .reg_action_buttons button,
.contactus-container .contact-form .contact-details button,
.registration-option-container .actions-container button,
.pdf-viewer-container button { border-radius: var(--radius-size); border: 0; color: #ffffff; padding: 10px 20px; min-height: 70px; width: calc(50% - 30px); float: left; margin: 0 15px; }
.contactus-container .reg_clear_fields { text-decoration: underline; text-underline-position: under; cursor: pointer; text-transform: uppercase; }

.contactus-container .contact-form-footer { transition: all 2s; background-color: #fff; bottom: 0; position: relative; }
.contactus-container .contact-form-footer.contact-form-footer-slide { bottom: 65%; }

.contactus-container #keyboard-container #jq-keyboard { border-bottom: none; position: relative; right: 0% !important; bottom: 0% !important; box-shadow: none !important; width: 100%; padding: 0; }
.contactus-container #jq-keyboard .btn-row { margin-bottom: 10px; height: auto; display: flex; align-items: center; justify-content: center; }
.contactus-container #jq-keyboard .btn-row:last-child { margin-bottom: 0px; }
.contactus-container #jq-keyboard button.jqk-btn { width: auto; height: auto; margin: 0 5px; min-width: 80px; min-height: 70px; padding: 0; }
.contactus-container #jq-keyboard button.jqk-btn.special { width: 120px !important; background-position: 32px 16px !important; background-size: 50px 32px; }
.contactus-container #jq-keyboard button.jqk-btn.special.space { width: 500px !important; }
.contactus-container #jq-keyboard button.jqk-btn.special.shift { height: 70px; }
.contactus-container #jq-keyboard button.jqk-btn.special.tab { width: 100px !important; }
.contactus-container #jq-keyboard button.jqk-btn.selected { height: auto; }
.contactus-container #jq-keyboard button.jqk-btn.clicked { height: auto; top: auto; border-bottom: 3px solid #CCC; }

/*------------------------ User Info ------------------------*/
.user-details-view { position: absolute; right: 0; top: var(--navbar-height); padding: 5px 15px; text-align: center; }

/*----------------------------------------------------------------------- Common Components -----------------------------------------------------------------------*/
/*------------------------ CSS3 Preloaders ------------------------*/
#loaderscreen { height: 100%; width: 100%; opacity: 0.8; position: absolute; display: none; top: 0; left: 0; align-items: center; justify-content: center; text-align: center; }
.preloader5 { padding: 35px; }
.preloader5 span { vertical-align: middle; border-radius: 100%; background: #000000; display: inline-block; width: 20px; height: 20px; margin: 3px 2px; -webkit-animation: preloader5 0.8s linear infinite alternate; animation: preloader5 0.8s linear infinite alternate; }
.preloader5 span:nth-child(1) { -webkit-animation-delay: -0.8; animation-delay: -0.8s; }
.preloader5 span:nth-child(2) { -webkit-animation-delay: -0.53333s; animation-delay: -0.53333s; }
.preloader5 span:nth-child(3) { -webkit-animation-delay: -0.26666s; animation-delay: -0.26666s; }
.preloader5 h3 { margin: var(--main-margin-size) 0 0;}

@keyframes preloader5 { from { transform: scale(0, 0); }  to { transform: scale(1, 1); }}
@-webkit-keyframes preloader5 {  from { -webkit-transform: scale(0, 0); }  to { -webkit-transform: scale(1, 1); }}

#loaderscreen.user-signin .preloader5 { border-radius: 10px; }
/*------------------------ Read more feature ------------------------*/
.bd-read-more-parent-expanded { height: calc(99% - 65px) }
.bd-read-more-text { height: calc(100% - 55px) !important; overflow-y: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
.bd-read-more-parent-expanded .bd-read-more-text { overflow-y: auto; }
.bd-read-more-link-container { display: flex; width: 100%; position: absolute; align-items: center; }
.bd-read-more-link-border { border-top: 1px solid #fff; flex: 1; }
.bd-read-more-link { border: 1px solid #fff; padding: 10px; color: #fff; }
.bd-read-more-link .lbl-read-more { display: none; }
.bd-read-more-link .lbl-more { display: block; }

/*------------------------ More content indicator feature ------------------------*/
.bd-read-more-indicator-parent { }
.bd-read-more-start-indicator, .bd-read-more-end-indicator { -webkit-mask: url(../images/icons/arrow-left.svg) no-repeat; width: 25px; height: 40px; margin: 0 var(--main-margin-size); }
.bd-read-more-end-indicator { -webkit-mask: url(../images/icons/arrow-right.svg) no-repeat; float: right; }

/*------------------------ Close button ------------------------*/
#popup_close_container { cursor: pointer; padding: 5px; position: absolute; left: calc(100% + (10% - 20px)); }
#popup_bottom_close_container, #popup_bottom_close_container_fullscreen { cursor: pointer; position: absolute; left: 30px; bottom: 30px; }
.back-close, .back-bottom-close { height: auto; padding: 0; width: auto; margin-left: 0; display: flex; align-items: center; }

/*------------------------ Drawing ------------------------*/
.canvas-tools { position: absolute; bottom: 3%; right: 0; cursor: pointer; border-radius: var(--radius-size); padding: var(--main-margin-size) 30px; flex-direction: column; align-items: center; border-top-right-radius: 0; border-bottom-right-radius: 0; }

/*------------------------ touch To Explore ------------------------*/

/*----------------------------------------------------------------------- Loading Page -----------------------------------------------------------------------*/

#loading_with_background { position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center; background-color: #fff; }
#loading_with_background .alignCenter { display: flex; flex-direction: column; margin: 0 !important; align-items: center; height: 100%; justify-content: center; }
#loading_with_background .loading_splash_img { max-width: 35%; max-height: 35%; padding: 15px; background-repeat: no-repeat !important; }
#loading_with_background #progressBar { margin: 2% auto 0 auto; width: 400px; height: 22px; border: 1px solid #7c7c7c; background-color: #a1a1a1; margin-bottom: 10px; }
#loading_with_background .progress-text { height: 100%; color: #fff; text-align: right; width: 0; background-color: #737373; }
#loading_with_background .loading_splash_h2 { position: absolute; left: 0; width: 100%; bottom: 1%; color: #444; }
/*----------------------------------------------------------------------- Screensaver -----------------------------------------------------------------------*/

/*----------------------------------------------------------------------- Home Page -----------------------------------------------------------------------*/

.navbar { min-height: 70px; padding: 0; margin: 0px; transition: top 2s; background-color: #ffffff; display: flex; justify-content: space-between; flex-direction: column; }
.navbar.open { height: 100%; opacity: 0.95; }
.navbar .navbar-header { display: flex; align-items: center; margin-top: 0px; float: none; padding: 5px 0; width: 100%; }

.nav-buttons-wrapper .nav-button.type-iframe .bdk-svgs { -webkit-mask: url(../images/icons/icon-external-link.svg) no-repeat; mask: url(../images/icons/icon-external-link.svg) no-repeat; }
.nav-buttons-wrapper .nav-button.type-disclaimer .bdk-svgs { -webkit-mask: url(../images/icons/icon-disclamer.svg) no-repeat; mask: url(../images/icons/icon-disclamer.svg) no-repeat; }
.nav-buttons-wrapper .nav-button.type-tab .bdk-svgs { -webkit-mask: url(../images/icons/icon-internal-link.svg) no-repeat; mask: url(../images/icons/icon-internal-link.svg) no-repeat; }
.nav-buttons-wrapper .nav-button.type-registration .bdk-svgs { -webkit-mask: url(../images/icons/icon-kiosk-register-round.svg) no-repeat; mask: url(../images/icons/icon-kiosk-register-round.svg) no-repeat; }
.nav-buttons-wrapper .nav-button.type-logout .bdk-svgs { -webkit-mask: url(../images/icons/signout-icon.svg) no-repeat; mask: url(../images/icons/signout-icon.svg) no-repeat; }
.nav-buttons-wrapper .nav-button.type-mapexplorer .bdk-svgs { -webkit-mask: url(../images/icons/icon-kiosk-map.svg) no-repeat; mask: url(../images/icons/icon-kiosk-map.svg) no-repeat; }
.nav-buttons-wrapper .nav-button.type-redirect .bdk-svgs { -webkit-mask: url(../images/icons/icon-external-link.svg) no-repeat; mask: url(../images/icons/icon-external-link.svg) no-repeat; }
/*------------------------ Hamburger Menu ------------------------*/
.navbar .main-menu-wrapper { display: flex; }
.navbar .navbar-toggle { display: block; float: left; margin: 0; border: none; padding: 10px; }
.navbar .navbar-brand { width: auto; height: auto; padding: 10px; flex: 1; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.navbar .navbar-collapse.collapse { display: none !important; }
.navbar .navbar-collapse.in, .navbar-collapse.collapsing { max-height: var(--screen-height); }
.navbar .navbar-collapse.in { height: calc(var(--screen-height) - var(--navbar-height)) !important; display: block !important; overflow: scroll !important; }

.navbar .navbar-nav { float: none; display: table; margin: 0 auto; height: calc(var(--screen-height) - var(--navbar-height)); padding: var(--main-margin-size) 0; }
.navbar .navbar-nav > li { float: none; margin: var(--main-margin-size) 0; }
.navbar .navbar-nav > li > span { padding: var(--main-margin-size) 0; }
.navbar .menuimg { margin-right: var(--main-margin-size); object-fit: cover; max-width: 200px; }

/*------------------------ Logo ------------------------*/
.navbar .menu-logo { max-height: 95px; margin: 0 auto; cursor: pointer; }

/*------------------------ Navigation Buttons ------------------------*/
.navbar .nav-buttons-wrapper { overflow-x: scroll; padding: 0; margin: 0 10px 0 0; display: flex; justify-content: flex-end; }
.navbar .nav-buttons { display: flex; max-width: 100%; width: fit-content; overflow-x: auto; margin: 0 5px 0 0; align-items: center; /*justify-content: flex-end; flex: 1;*/ }
.navbar .nav-buttons-reg { flex: none; margin:0;}
.navbar .nav-button { width: auto; padding: 0 10px; cursor: pointer; }
.navbar .bdk-navbuttons-text { color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: 5px; }

/*------------------------ Tiles ------------------------*/
.mainbody-section, .mainbody-section .container-fluid, .mainbody-section .home-screen-tiles { height: var(--home-screen-content-height); }
.mainbody-section .home-screen-tiles { padding: 10px 0 0 10px; overflow-y: auto; }
.mainbody-section div[class*='tile-height'] { padding: 0 10px 10px 0; }

.mainbody-section .tile-height-1 { height: var(--home-screen-content-height) !important; }
.mainbody-section .tile-height-2 { height: calc(var(--home-screen-content-height) / 2) !important; }
.mainbody-section .tile-height-3 { height: calc(var(--home-screen-content-height) / 3) !important; }
.mainbody-section .tile-height-4 { height: calc(var(--home-screen-content-height) / 4) !important; }
.mainbody-section .tile-height-5 { height: calc(var(--home-screen-content-height) / 5) !important; }
.mainbody-section .tile-height-6 { height: calc(var(--home-screen-content-height) / 6) !important; }
.mainbody-section .tile-height-7 { height: calc(var(--home-screen-content-height) / 7) !important; }
.mainbody-section .tile-height-8 { height: calc(var(--home-screen-content-height) / 8) !important; }
.mainbody-section .tile-height-9 { height: calc(var(--home-screen-content-height) / 9) !important; }
.mainbody-section .tile-height-10 { height: calc(var(--home-screen-content-height) / 10) !important; }

.mainbody-section .tile-height-q { height: calc(var(--home-screen-content-height) / 4) !important; }
.mainbody-section .tile-height-t { height: calc(var(--home-screen-content-height) / 3) !important; }
.mainbody-section .tile-height-h { height: calc(var(--home-screen-content-height) / 2) !important; }
.mainbody-section .tile-height-tt { height: calc((var(--home-screen-content-height) / 3) * 2) !important; }
.mainbody-section .tile-height-tq { height: calc((var(--home-screen-content-height) / 4) * 3) !important; }
.mainbody-section .tile-height-f, .tile-height-fs { height: var(--home-screen-content-height) !important; }

.mainbody-section .menu-item { height: 100%; border: 5px solid transparent; color: #fff; transition: all 0.3s ease 0s; }
.mainbody-section img { background: #fff none repeat scroll 0 0;}
.mainbody-section .menu-item:hover { border: 5px solid #fff; opacity: 0.7; cursor: pointer; }
.mainbody-section .menu-item span { color: #fff; display: block; transition: all 0.3s ease 0s; height: 100%; position: relative; background-size: cover; background-position: center; }
.mainbody-section .menu-item span p { position: absolute; margin: 0; }
.mainbody-section .menu-item span i { padding-bottom: 20px; }
.mainbody-section .menu-item:hover span { text-decoration: none; }
/*----------------------------------------------------------------------- Tab-mapexplorer -----------------------------------------------------------------------*/
.tab-mapexplorer .kiosk-map-content, .tab-mapexplorer .map-div { height: 100% }

/*----------------------------------------------------------------------- Tab-popupexplorer -----------------------------------------------------------------------*/
.tab-popupexplorer.active { background: url(../images/loading.svg) center no-repeat; background-size: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.PopupExplorerContent.active { background: none; padding: 30px; }
/*----------------------------------------------------------------------- Tab-iframe -----------------------------------------------------------------------*/
.tab-iframe .iframe-tile { background: url(../images/loading.svg) center no-repeat; background-size: 500px; }
/*----------------------------------------------------------------------- Tab-folder -----------------------------------------------------------------------*/
.tab-folder .overview-image-container { height: 100%; padding: 0; }
.tab-folder .overviewImage { width: 100%;height: auto !important; object-fit: cover; }

/*ToDo remove height for bd-kiosk-tab-description and other places where var(--tab-content-height) is used*/
.tab-folder .bd-kiosk-tab-description { position: absolute; background: -webkit-linear-gradient(left, rgba(0,66,117,0) 0%,rgba(0,66,117,1) 100%); height: var(--tab-content-height); right: 0; padding: 0; }
.tab-folder .overview-content { padding-left: 150px; padding-right: 20px; padding-top: 50px; height: 100%; display: flex; flex-direction: column; }
.tab-folder .overview-header { padding: 0px 0px 30px 0px; }
.tab-folder .overview-header p{margin:0;}
.tab-folder .overview-description { overflow-y: auto; transition: height 2s; flex: 1; margin-bottom: 20px; }
.tab-folder .bd-read-more-parent { height: calc(90% - 50px); flex: none; margin-bottom: 0; }

.tab-folder button[class*="btn"] { margin: 10px 0 10px 0; display: block; border: none; padding: 15px 12px; min-width: 210px; border-radius: var(--radius-size); outline: none; }

.tab-folder .bd-kiosk-tab-gallerypopup { display: flex; flex-direction: column; position: absolute; background-color: #fff; width: 10%; height: 28%; padding: 0px; bottom: calc(50% - 14%); cursor: pointer; border-bottom-right-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 0px 4px 0px #333; }
.tab-folder .bd-kiosk-tab-gallerypopup-img { flex: 1; }
.tab-folder .bd-kiosk-tab-gallerypopup-img img { border-top-right-radius: var(--radius-size); }
.tab-folder .bd-kiosk-tab-gallerypopup-text { display: flex; align-items: center; justify-content: center; padding: 10px; }
.tab-folder .bd-kiosk-tab-gallerypopup-text p { margin: 0px; padding: 0px; }
.tab-folder .bd-tab-gallery-icon { margin: 0; margin-right: var(--main-margin-size); }

.tab-folder .bd-read-more-parent-expanded { height: calc(97% - 50px) }
/*----------------------------------------------------------------------- Tab-fadinggrid -----------------------------------------------------------------------*/
.tab-fadinggrid .fadinggrid-tab-container, .tab-fadinggrid .grid-template-content { height: 100%; width: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; }
.tab-fadinggrid .row { height: 100%; padding: 0px; margin: 0px; overflow-x: hidden; }
.tab-fadinggrid .grid-box-container { padding: 0px; height: 50%; }
.tab-fadinggrid .grid-box-description { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px; }
.tab-fadinggrid .grid-box-image { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(52,51,52,0.7); }
.tab-fadinggrid .grid-image {cursor: pointer; opacity: 0.5; }
.tab-fadinggrid .grid-icon { width: 40px; height: 40px; }
.tab-fadinggrid .grid-title { margin: 0; position: absolute; top: 50%; width: 80%; text-align: center; left: 10%; }
.tab-fadinggrid .grid-description { display: inline-block; margin-top: 15px; text-align: center; }

/*----------------------------------------------------------------------- Tab-gallerygridview -----------------------------------------------------------------------*/
.tab-gallerygridview .gallery-grid-tiles-container { overflow-y: scroll; height: 100%; display: block; -webkit-overflow-scrolling: touch; padding: var(--main-margin-size) 0 0 var(--main-margin-size); }
.tab-gallerygridview .gallery-grid-tile { width: 33.33%; padding: 0; padding-right: var(--main-margin-size); height: calc(50% - var(--main-margin-size)); margin-bottom: var(--main-margin-size); }
.tab-gallerygridview .tile-title { position: absolute; width: calc(100% - var(--main-margin-size)); bottom: 0px; opacity: 0.9; background-color: rgba(0,0,0,0.50); padding: var(--main-margin-size) 0; text-align: center; }
.tab-gallerygridview .tile-title:hover { background-color: rgba(0,0,0,0.75); }
.tab-gallerygridview label { margin: 0px; font-weight: normal; }

/*----------------------------------------------------------------------- Tab-bdfloorplan -----------------------------------------------------------------------*/
.tab-bdfloorplan #sideNavSectionId { display: flex; flex-direction: column; }
.tab-bdfloorplan #planSection { flex: 1; }

.tab-bdfloorplan #navigationArea label, .tab-bdfloorplan #searchArea label { display: inline; vertical-align: text-bottom; }
.tab-bdfloorplan #searchArea #changeButton { margin-top: 8px; border-radius: var(--radius-size) !important; width: auto !important; }
.tab-bdfloorplan .canvas-container { position: relative !important; display: block; }

.tab-bdfloorplan .fp-icon-plan, .tab-bdfloorplan .fp-icon-right-arrow { height: 20px; width: 20px; padding: 10px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; margin-top: 10px; display: inline-block; cursor: pointer; margin-bottom: 2px; }

.tab-bdfloorplan .fp-icon-plan { -webkit-mask-image: url(../Images/Assets-Prepped/floorplan-icon.svg); mask-image: url(../Images/Assets-Prepped/floorplan-icon.svg); margin-right: 10px; }
.tab-bdfloorplan .fp-icon-right-arrow { -webkit-mask-image: url(../Images/Assets-Prepped/arrow-right.svg); mask-image: url(../Images/Assets-Prepped/arrow-right.svg); margin-right: 10px; margin-top: 0; margin-bottom: 0px; width: 10px; height: 12px; display: inline-block; padding: 5px; }

.tab-bdfloorplan #imageGallery { -webkit-overflow-scrolling: touch; height: 88% !important; }
.tab-bdfloorplan #imageGallery > .row { height: auto; padding: 0; margin: 0; margin-bottom: 10px; display: flex; align-items: center; }
.tab-bdfloorplan .img-lbl-wrapper { background: #fff; color: #333; display: block; border: 1px solid #000; height: auto !important; margin-top: 10px !important; padding: 15px; }
.tab-bdfloorplan .img-lbl-wrapper .img-lbl { display: block; margin-bottom: 10px; }
/*----------------------------------------------------------------------- tab-realestate Normal -----------------------------------------------------------------------*/
.tab-realestate .bd-read-more-start-indicator { margin-left: 0; }
.tab-realestate .bd-read-more-end-indicator { margin-right: 0; }
.tab-realestate .filtered-view, .tab-realestate .return-button { margin-left: var(--main-margin-size); }

.tab-realestate.active { display: flex !important; flex-direction: column; }
.tab-realestate .product_list_header { padding: var(--main-margin-size); transition: margin-left 2s, width 2s; display: flex; align-items: center; }
.tab-realestate .refine-search-button-wrapper { margin-right: var(--main-margin-size); width: auto; display: flex; float: left; align-items: center }
.tab-realestate .refine-search-button-wrapper .search_button { display: block; margin: 0px; }
.tab-realestate .properties_header_label, .tab-realestate .noProducts { margin-right: var(--main-margin-size); }
.tab-realestate .properties_header_label { margin-bottom: 0px; }

.tab-realestate .filter-buttons-wrapper { display: flex; margin: 0; width: auto; overflow-x: scroll; flex: 1; }
.tab-realestate .filter-buttons { display: flex; max-width: 100%; width: auto; }
.tab-realestate .search_button { display: none; }
.tab-realestate .search_button span { margin-right: 10px; padding: 0; padding-right: 10px; }
.tab-realestate .search_button_visible { display: flex; }
.tab-realestate .return-button .icon, .tab-realestate .return-button .text { margin-right: var(--main-margin-size); padding: 0; border: none; }
.tab-realestate .return-button .text { margin: 0; }

.tab-realestate .SearchFilterHeaderLeft, .tab-realestate .SearchFilterOpenLeft { margin-left: var(--property-search-width); width: calc(100% - var(--property-search-width)); }
.tab-realestate .SearchFilterHeaderRight, .tab-realestate .SearchFilterOpen { margin-right: var(--property-search-width); width: calc(100% - var(--property-search-width)); }

.tab-realestate .SearchFilterOpen .product-item-wrapper, .tab-realestate .SearchFilterOpenLeft .product-item-wrapper { width: calc(100% / 5); }
/*------------------------ Product Thumbs ------------------------*/
.tab-realestate .product_adtype { flex: 1; overflow: auto; padding-left: var(--main-margin-size); transition: all 2s; /*padding-top: var(--main-margin-size); margin-top: var(--main-margin-size);*/ }
.tab-realestate .product_adtype-fade { opacity: 0; }
.tab-realestate .product-item-wrapper { width: var(--property-search-width); padding: 0; padding-right: var(--main-margin-size); height: calc(48% - var(--main-margin-size)); margin-bottom: var(--main-margin-size); }
.tab-realestate .product-container { display: flex; flex-direction: column; height: 100%; cursor: pointer; border-radius: var(--radius-size); padding: 0; }
.tab-realestate .thumb-banner { display: block; position: absolute; top: 0px; left: 0; padding: 15px; border-radius: var(--radius-size); }
.tab-realestate .product-media-imgdiv { padding: 0; border-radius: var(--radius-size); height: 60%; }
.tab-realestate .product-media-imgdiv > img { border-radius: var(--radius-size) var(--radius-size) 0 0; }

.tab-realestate .product-details-div { text-align: center; margin: 0; overflow-x: hidden; overflow-y: scroll; height: calc(45% - (var(--main-margin-size) * 2)); padding: var(--main-margin-size) var(--main-margin-size) 0; display: flex; flex-direction: column; }
.tab-realestate .product-logo { margin: 0 0 5px; }
.tab-realestate .product-logo img { object-fit: cover; height: 40px; }

.tab-realestate .product-label, .tab-realestate .product-label-details { display: flex; align-items: center; }
.tab-realestate .product-label { margin: 0 0 var(--sub-margin-size); }
.tab-realestate .product-label-details { margin: var(--sub-margin-size) 0; }
.tab-realestate .product-label-details label, .tab-realestate .product-label label { width: 100%; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; justify-content: center; align-items: center; }
.tab-realestate .product-label label { display: inline-block; }
/*BrightDoorToDo : Need to add text-overflow: ellipsis on product-label & product-label-details*/
/*.tab-realestate .product-label-details .attr-container, .tab-realestate .product-label .attr-container { width: 100%; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/

/*------------------------ Filters ------------------------*/
.SearchControllerFullDiv { position: absolute; width: 0%; height: var(--tab-content-height); top: var(--navbar-height); display: block; overflow: hidden; }
.SearchControllerFullDiv-open { width: 100%; }

.SearchControllerFullDiv .SearchControllerLeft { left: 0em; }

.SearchControllerFullDiv .SearchController_Pallette_MainDiv { width: var(--property-search-width); height: 100%; position: absolute; display: flex; flex-direction: column; }
.SearchControllerFullDiv .SearchController_Pallette_MainDivLeft { left: calc(0px - var(--property-search-width)); transition: left 2s; }
.SearchControllerFullDiv .SearchController_Pallette_MainDivRight { right: calc(0px - var(--property-search-width)); transition: right 2s; }
.SearchControllerFullDiv .SearchController_Pallette_MainDiv.SearchControllerLeft { left: 0px; }
.SearchControllerFullDiv .SearchController_Pallette_MainDiv.SearchControllerRight { right: 0px; }

.SearchControllerFullDiv .SearchController_Pallette_Header { padding: var(--main-margin-size); display: flex; align-items: center; }
.SearchControllerFullDiv .SearchController_Pallette_Header_Reset { cursor: pointer; }
.SearchControllerFullDiv .SearchController_Pallette_Header_Title { text-align: center; padding: 0 var(--main-margin-size); flex: 1; }
.SearchControllerFullDiv .SearchController_Pallette_Header_Close { cursor: pointer; }
.SearchControllerFullDiv .SearchController_Pallette_Header_Back { cursor: pointer; }

.SearchControllerFullDiv .SearchController_Pallette { overflow: scroll; flex: 1; }
.SearchControllerFullDiv .SearchController_Sub_Pallette { height: 100%; padding: 0; }

/*------------------------ Product Detail ------------------------*/
.product-detail-container .details_popup { margin: 70px 8% 0px; height: calc(100% - 70px); width: 84%; }
.product-detail-container #popup_close_container { display: none; }
.product-detail-container .gallery-container { overflow: auto; padding: 0px; }
.product-detail-container .bd-product-preview-details { padding: 0; padding-left: 30px; overflow: auto; margin-bottom: var(--main-margin-size); }
.product-detail-container .ug-thumb-wrapper img { width: 100% !important; }
.product-detail-container .attr-container { display: flex; align-items: flex-start; margin-bottom: 10px; }
.product-detail-container .attr-container:last-child { margin: 0px; }
.product-detail-container .attr-name { text-align: right; margin: 0; margin-right: var(--main-margin-size); width: calc(40% - var(--main-margin-size)); word-break: break-word; }
.product-detail-container .attr-value { margin: 0; margin-left: var(--main-margin-size); word-wrap: break-word; width: calc(60% - var(--main-margin-size)); }
.product-detail-container .multi-select-values, .product-detail-container .product-detail-tour-links { width: calc(60% - var(--main-margin-size)); margin: 0; margin-left: var(--main-margin-size); }
.product-detail-container .multi-select-values li { list-style: disc; margin: 2px 0; margin-left: 20px; }
.product-detail-container .multi-select-values li:first-child { margin-top: 0 }
.product-detail-container .multi-select-values li:last-child { margin-bottom: 0 }
.product-detail-container .product-detail-tour-links li { text-decoration: underline; margin: 10px 0; }
.product-detail-container .product-detail-tour-links li:first-child { margin-top: 0 }
.product-detail-container .product-detail-tour-links li:last-child { margin-bottom: 0 }

.product-detail-container .bd-product-description { margin-top: var(--main-margin-size); padding-top: var(--main-margin-size); }

.product-detail-container .product-detail-footer { justify-content: center; margin: 0; padding: 30px 50px; margin-left: -10%; margin-right: -10%; border-top: 2px solid rgba(0,0,0,0.3); }
.product-detail-amenity-container .product-detail-content { flex-direction: column-reverse; align-items: center; }
.product-detail-amenity-container .gallery-container-amenity { flex: 1; }
.product-detail-amenity-container .product-detail-footer { justify-content: flex-start; }
.product-detail-container #popup_bottom_close_container { position: relative; left: 0; bottom: 0px; }

.product-detail-container .bd-product-inquiry { display: flex; align-items: center; margin: 0 auto; }
.product-detail-container button { border-radius: 10px; border: 0; color: #ffffff; padding: 10px 20px; height: 50px; }
#productdetails_popup button.no-border { border: 0 !important; outline: none; padding: 10px 5px; opacity: 0.5; }
#productdetails_popup .bdk-fav-saved { opacity: 0.5; }
/*------------------------ Product Detail Gallery Vertical------------------------*/
/*
.product-detail-container #ProductdetailGallery { display: flex; flex-direction: row-reverse; align-items: center; }
.product-detail-container #ProductdetailGallery .ug-gallery-wrapper .ug-thumbs-grid {position:relative; }
.product-detail-container .ug-thumbs-grid { position: relative !important; }
.product-detail-container .ug-bullets { position: relative !important; top: initial !important; left: initial !important; }
.product-detail-container .ug-gallery-wrapper .ug-thumbs-grid-inner { display: flex; flex-direction: row-reverse; position: relative !important; width: 100% !important; height: 100% !important; left: auto !important; flex-wrap: wrap; overflow: scroll; }
.product-detail-container .ug-gallery-wrapper .ug-thumb-wrapper.ug-tile { position: relative !important; left: initial !important; top: initial !important; margin-right: 5px !important; margin-bottom: 5px !important; }
*/

/*----------------------------------------------------------------------- tab-PropertyGridViewWithSummary -----------------------------------------------------------------------*/

/*------------------------ Product Thumbs ------------------------*/
.tab-PropertyGridViewWithSummary .product-media-imgdiv { height: 55%; }
.tab-PropertyGridViewWithSummary .product-details-div { height: calc(30% - var(--main-margin-size)); }
.tab-PropertyGridViewWithSummary .product-summary-div { text-align: center; margin: 0; padding: var(--main-margin-size); margin-top: var(--main-margin-size); display: flex; align-items: center; justify-content: center; border-bottom-left-radius: var(--radius-size); border-bottom-right-radius: var(--radius-size); }
.tab-PropertyGridViewWithSummary .product-summary-div .product-label,
.tab-PropertyGridViewWithSummary .product-summary-div .product-label label{ margin: 0; }
.tab-PropertyGridViewWithSummary .product-summary-div .product-summary-label { margin: 0 var(--main-margin-size) 0 0; }
.tab-PropertyGridViewWithSummary .product-summary-div .product-summary-count { padding: 7px 15px; border-radius: 10px; }
/*------------------------ Product Detail ------------------------*/
.PropertyGridViewWithSummary .product-summary-container { --prop-attrs-heading-font-size: 1.25rem; --prop-attrs-label-font-size: 1.75rem; }
.PropertyGridViewWithSummary .product-summary-list { --prop-attrs-heading-font-size: 1.75rem; --prop-attrs-label-font-size: 1.5rem; flex: 1; overflow: auto; }

#screen_dimmer.screen-dimmer-gridviewwithsummary-product-detail { -webkit-filter: blur(4px); filter: blur(4px); backdrop-filter: blur(4px); }
#productdetails_popup.PropertyGridViewWithSummary { width: 95%; height: 100%; margin: 0 2.5%; }
.PropertyGridViewWithSummary .gridviewwithsummary-product-detail-view { width: 100%; height: 100%; }
.PropertyGridViewWithSummary .container { padding: 0px; height: 100%; width: 100%; display: flex; flex-direction: row; }

.PropertyGridViewWithSummary .product-summary-container { flex: 1; width: 50%; display: flex; flex-direction: column; }

.PropertyGridViewWithSummary .product-summary { padding: 0 40px ; }
.PropertyGridViewWithSummary .product-summary .table { margin: 0; }

.PropertyGridViewWithSummary .product-summary .table > thead > tr > th,
.PropertyGridViewWithSummary .product-summary .table > tbody > tr > td { border: none; padding: 8px; }

.PropertyGridViewWithSummary .product-summary .table > thead > tr > th { padding-bottom: 0; }
.PropertyGridViewWithSummary .product-summary .table > tbody > tr > td { padding-top: 5px; }

.PropertyGridViewWithSummary .product-summary label { margin: 0; }

.PropertyGridViewWithSummary .product-summary .attr-name,
.PropertyGridViewWithSummary .product-summary .attr-value { text-align: left; margin: 0; width: auto; }

.PropertyGridViewWithSummary #ProductdetailGallery { width: calc(100% - 60px) !important; flex: 1; margin: var(--main-margin-size) 30px; }
.PropertyGridViewWithSummary .gallery-container { width: 100%; height: 100%; display: flex !important; align-items: center; justify-content: center; }
.PropertyGridViewWithSummary .tour-gallery-content > div { top: initial !important; left: initial !important; }

.PropertyGridViewWithSummary .gallery-container .slides { cursor: move; position: absolute; overflow: hidden; width: 100%; height: 90%; }
.PropertyGridViewWithSummary .gallery-container .slides div[debug-id*="slide-"] { width: 100% !important; height: 100% !important; top: initial !important; display: flex; align-items: center; }
.PropertyGridViewWithSummary .gallery-container .slides img { object-fit: fill; height: auto; }
.PropertyGridViewWithSummary .gallery-container .jssorb03 { position: relative; align-self: flex-end; margin-bottom: 10px; width: auto !important; height: auto !important }
.PropertyGridViewWithSummary .gallery-container .jssorb03 div { width: 25px; height: 25px;cursor: pointer; -webkit-mask: url(../images/icons/circle-icon.svg); position: relative !important; float: left; left: initial !important; margin: 5px; }
.PropertyGridViewWithSummary .gallery-container .numbertemplate { display: none; }
.PropertyGridViewWithSummary .product-detail-footer { margin: 0; padding: 0; border: none; justify-content: flex-start; }
.PropertyGridViewWithSummary #popup_close_container { display: block; position: relative; left: initial; width: auto; float: left; padding: 25px; }

.PropertyGridViewWithSummary .associated-product-summary-container { width: 50%; flex: 1; display: flex; flex-direction: column; height: 100%; }
.PropertyGridViewWithSummary .product-details, .PropertyGridViewWithSummary .panel-group { height: 100%; }
.PropertyGridViewWithSummary .panel-group { display: flex; flex-direction: column; }
/*.PropertyGridViewWithSummary .panel-group .panel + .panel { margin-top: 0px; }*/
.PropertyGridViewWithSummary .product-details .panel { max-height: var(--property-grid-view-with-summary-max-height); display: flex; flex-direction: column; border-bottom: none; }
.PropertyGridViewWithSummary .panel-heading { border: none; padding: 0; }
.PropertyGridViewWithSummary .panel-title { padding: 20px 50px; display: flex; align-items: center; justify-content: space-between; }
.PropertyGridViewWithSummary .panel-title-icon { padding: 2px 20px; border-radius: var(--radius-size); }
.PropertyGridViewWithSummary .panel-title.collapsed .fa-angle-up:before { content: "\f107"; }

.PropertyGridViewWithSummary .panel-body { padding: 0; }

.PropertyGridViewWithSummary .product-summary-list .product-details-div { padding: 15px 50px; margin: 0; display: flex; flex-direction: column; }
.PropertyGridViewWithSummary .product-summary-list .product-details-div:last-child { border: none; }

.PropertyGridViewWithSummary .product-summary-list .product-label,
.PropertyGridViewWithSummary .product-summary-list .product-label-details { display: flex; align-items: center; margin: 7px 0; }
.PropertyGridViewWithSummary .product-summary-list .product-label-details { margin: 5px 0; }

.PropertyGridViewWithSummary .product-summary-list .product-label .attr-name,
.PropertyGridViewWithSummary .product-summary-list .product-label .attr-text,
.PropertyGridViewWithSummary .product-summary-list .product-label .attr-value { margin: 0; }

.PropertyGridViewWithSummary .product-summary-list .attr-container { margin: 0; align-items: center; }

.PropertyGridViewWithSummary .product-summary-list .attr-name,
.PropertyGridViewWithSummary .product-summary-list .attr-text,
.PropertyGridViewWithSummary .product-summary-list .attr-value { text-align: left; margin: 0 5px; width: auto; }

.PropertyGridViewWithSummary .product-summary-list .attr-container-listprice .attr-name,
.PropertyGridViewWithSummary .product-summary-list .attr-container-listprice .attr-text,
.PropertyGridViewWithSummary .product-summary-list .attr-container-listprice .attr-value { margin: 0; }

.PropertyGridViewWithSummary .product-attr-list { overflow: auto; }
.PropertyGridViewWithSummary .product-attr-wrapper { padding: 30px 50px; margin: 0px; }
.PropertyGridViewWithSummary .product-attr-title { padding-bottom: 5px; }
.PropertyGridViewWithSummary .product-attr-list .attr-container { border: none !important; margin-top: var(--main-margin-size); padding-top: var(--main-margin-size); }
.PropertyGridViewWithSummary .product-attr-list .attr-name { text-align: left; margin: 0; width: 100%; }
.PropertyGridViewWithSummary .product-attr-list .attr-value { margin: 0; }
.PropertyGridViewWithSummary .product-attr-list .multi-select-values { margin: 0; }
.PropertyGridViewWithSummary .product-detail-tour-links { width: 100%; margin: 0; }
.PropertyGridViewWithSummary .product-attr-wrapper ul,
.PropertyGridViewWithSummary .product-attr-wrapper li { list-style: none; }
.PropertyGridViewWithSummary .product-attr-wrapper li { margin-left: 25px; display: flex; align-items: center; }
.PropertyGridViewWithSummary .product-attr-wrapper ul li::before { content: "\f111"; display: inline-block; width: 2em; margin-left: -2em; }

/*----------------------------------------------------------------------- tab-PropertyListView -----------------------------------------------------------------------*/
.tab-PropertyListView { --prop-attrs-heading-font-size: 1.5rem; --prop-attrs-label-font-size: 1.5rem; }
.tab-PropertyListView .product_adtype { padding: var(--main-margin-size); }
.tab-PropertyListView .table > thead > tr > th { padding: var(--main-margin-size); padding-top: 0; margin: 0; vertical-align: middle; border: none; }
.tab-PropertyListView .table > tbody > tr > td { padding: var(--main-margin-size); margin: 0; vertical-align: middle; border: none; }
.tab-PropertyListView .product-details-div { text-align: left; margin: 0; padding: 0; height: auto; overflow: auto; display: table-row-group; }
.tab-PropertyListView .product-label, .tab-PropertyListView .product-label-details { display: table-row; margin: 0; }

.tab-PropertyListView .sort-icon { display: none; }
.tab-PropertyListView .sort-icon { margin-left: var(--main-margin-size); height: 20px; width: 22px; -webkit-mask: url(../images/icons/arrow-down-new.svg) no-repeat; }
.tab-PropertyListView .sorted-asc .sort-icon { -webkit-mask: url(../images/icons/arrow-down-new.svg) no-repeat; }
.tab-PropertyListView .sorted-desc .sort-icon { -webkit-mask: url(../images/icons/arrow-down-new.svg) no-repeat; }

/*----------------------------------------------------------------------- tab-propertytourview -----------------------------------------------------------------------*/
.tab-propertytourview.active { display: flex !important; flex-direction: column; }
.tab-propertytourview .tour-content-wrapper { padding: 0px; display: flex; flex: 1; align-items: center; }
.tab-propertytourview .tour-selector-right { flex-direction: row-reverse; }
/*.product-list-wrapper { position: absolute; z-index: 1; height: var(--tab-content-height); display: flex; width: calc(30% + var(--main-margin-size)); align-items: center; margin: 0; margin-left: calc(0px - (30% - 62px));  margin: 0; right: 0; margin-right: calc(0px - (30% - 62px)); flex-direction: row-reverse; }*/
.tab-propertytourview .product-list { margin: 0; margin-left: -25%; width: calc(25% + var(--main-margin-size)); padding: var(--main-margin-size); overflow: auto; align-self: stretch; transition: all 2s; opacity: 0.9; }
.tab-propertytourview .tour-selector-right .product-list { margin: 0; margin-right: -25%; }
.tab-propertytourview .product-list.open { margin: 0; }

.tab-propertytourview .product-list li { margin: 10px 0; }

.tab-propertytourview .product-list-opener { padding: var(--main-margin-size); }
.tab-propertytourview .product-list-opener .openSliderArrow { margin: 0 0 var(--main-margin-size); }
.tab-propertytourview .product-list-opener .openSliderText { -webkit-transform: rotate(180deg); -webkit-writing-mode: vertical-rl; margin: 0; }

.tab-propertytourview .media-content { margin: 0; padding: var(--main-margin-size); width: 75%; height: var(--tab-content-height); position: absolute; left: 0; background: url(../images/loading.svg) center no-repeat; background-size: 500px; }
.tab-propertytourview .tour-gallery-content { width: 100%; height: 100%; }
.tab-propertytourview .tour-gallery-content > div { top: initial !important; left: initial !important; }

.tab-propertytourview .media-content .slides { cursor: move; position: absolute; overflow: hidden; width: 100%; height: 100%; }
.tab-propertytourview .media-content .slides div[debug-id*="slide-"] { width: 100% !important; height: 100% !important; top: initial !important; }
.tab-propertytourview .media-content .slides img { object-fit: cover; }
.tab-propertytourview .media-content .jssorb03 { position: absolute; left: var(--main-margin-size) !important; bottom: 16px; left: 6px; }
.tab-propertytourview .media-content .jssorb03 div { width: 21px; height: 21px; text-align: center; background: url(../images/jssor_slider_buttons.png); overflow: hidden; cursor: pointer; background-position: -5px -4px; }
.tab-propertytourview .media-content .jssorb03 .av { background-position: -35px -4px; }
.tab-propertytourview .media-content .numbertemplate { display: none; }
.tab-propertytourview .media-buttons-wrapper { margin: 0; margin: 0 var(--main-margin-size); top: var(--main-margin-size); display: flex; flex-direction: column; width: calc(25% - (var(--main-margin-size) * 2)); right: 0; position: absolute; height: calc( var(--tab-content-height) - (var(--main-margin-size)*2)); overflow: auto; }
.tab-propertytourview .media-button { margin: 0; margin: var(--main-margin-size) 0; flex: 1; display: flex; flex-direction: column; align-items: stretch; text-align: center; }
.tab-propertytourview .media-button:first-child { margin-top: 0; }
.tab-propertytourview .media-button:last-child { margin-bottom: 0; }
.tab-propertytourview .media-button .links-wrapper { overflow-y: auto; padding: 0; padding-top: 50px; text-align: center; }
.tab-propertytourview .media-button-image .links-wrapper, .tab-propertytourview .media-button .links-wrapper-empty { display: none; }
.tab-propertytourview .media-button .links li { margin: 0; margin: var(--main-margin-size) 0 0; }
.tab-propertytourview .media-button .links li:first-child { margin: 0; }
/*----------------------------------------------------------------------- tab-luxrealestate -----------------------------------------------------------------------*/
.tab-luxrealestate { }

.BD-Modal-Wrapper .tab-luxrealestate .container { position: relative; background-color: #FFF !important; }
.tab-luxrealestate #luxRealEstatePropertyDetailsTemplate, .tab-luxrealestate .discoverPropertyDetailsImg, .tab-luxrealestate .properties-product-image { height: 100%; padding: 0px; }
.tab-luxrealestate .discoverPropertyDetailsImg { width: 65%; }
.tab-luxrealestate .luxRealEstate-product-details-container { padding: 0; width: calc(35% - 60px); height: calc(100% - 70px); margin: 50px 30px 20px; display: flex; flex-direction: column; overflow: auto; }

.tab-luxrealestate .luxRealEstate-product-details { display: flex; margin-bottom: 40px; align-items: flex-end; flex-wrap: wrap; }
.tab-luxrealestate .bd-properties-product-title { margin: 0px var(--main-margin-size) 0 0; flex: 1; }
.tab-luxrealestate .virtual-tour-icon { width: 60px; height: 60px; }
.tab-luxrealestate .bd-luxRealEstate-product-description { margin-bottom: 30px; }
.tab-luxrealestate #lux-type-product-list { flex: 1; }

.tab-luxrealestate .product-list li { margin-bottom: var(--main-margin-size); }

.tab-luxrealestate #luxRealEstateProductDetailsTemplate, .tab-luxrealestate .luxRealEstate-distractful-content { height: 100%; width: 100%; }
.tab-luxrealestate .luxRealEstate-distractful-content { height: var(--tab-content-height); position: absolute; }

.tab-luxrealestate #luxRealEstateProductDetailsTemplate .distractful-content { height: 100%; }
/*----------------------------------------------------------------------- luxury product detail view -----------------------------------------------------------------------*/
.luxury-product-detail-container .bd-read-more-link-container { position: relative; }
#productdetails_popup.luxury-product-detail-container { background-color: #FFF !important; height: var(--tab-content-height); top: var(--navbar-height); }

.luxury-product-detail-container .luxury-product-detail-view, .luxury-product-detail-container .container { height: 100%; width: 100%; padding: 0; }
.luxury-product-detail-container #popup_close_container { position: absolute; bottom: 20px; left: 20px; }
.luxury-product-detail-container .luxRealEstatePropertyDetailsImg { height: 100%; padding: 0; width: 58%; }
.luxury-product-detail-container .properties-product-image { height: 100%; }
/*.luxury-product-detail-container .properties-product-image img { object-fit: contain; }*/
.luxury-product-detail-container .luxRealEstate-product-details-container { padding: 0; width: calc(42% - 60px); height: calc(100% - 40px); margin: 20px 30px 20px; display: flex; flex-direction: column; overflow: auto; }
.luxury-product-detail-container .luxRealEstate-product-details-attrs-container { overflow: scroll; margin-bottom: var(--main-margin-size); }
.luxury-product-detail-container .luxRealEstate-product-details-attrs { margin-bottom: var(--main-margin-size); }
.luxury-product-detail-container .luxRealEstate-product-details { margin: 0 0 15px 0; clear: both; }
.luxury-product-detail-container .bd-luxRealEstate-product-title { padding-right: 10px; padding-left: 0px; }

.luxury-product-detail-container .product-logo { margin-bottom: 15px; display: inline-block; float: left; clear: left; margin-right: 15px }
.luxury-product-detail-container .product-logo img{ height: 80px; object-fit: contain; width: auto; }
.luxury-product-detail-container .bd-luxRealEstate-product-custom-values { word-wrap: break-word; margin-bottom: 15px; display: block; float: left; clear: right; max-width: calc(100% - 160px); }
.luxury-product-detail-container .bd-luxRealEstate-product-description { margin-bottom: var(--main-margin-size); height: auto; clear: both; min-height: 150px; max-height: 200px; }

.luxury-product-detail-container .bd-luxRealEstate-product-description p.bd-read-more-text { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.luxury-product-detail-container .bd-luxRealEstate-product-highlights { clear: both; }
.luxury-product-detail-container .bd-luxRealEstate-product-highlights ul { display: flex; flex-wrap: wrap; }
.luxury-product-detail-container .bd-luxRealEstate-product-highlights li { text-overflow: ellipsis; white-space: nowrap; list-style-position: inside; list-style-type: disc; margin: 0 var(--main-margin-size) var(--main-margin-size) 0; }

.luxury-product-detail-container .product-action-buttons { display: flex; align-items: center; }
.luxury-product-detail-container .product-request-information, .luxury-product-detail-container .property-list-button { margin: 0; text-align: center; padding: 15px 20px; flex: 1; }
.luxury-product-detail-container .product-request-information, .luxury-product-detail-container .virtual-tour { margin-left: var(--main-margin-size); }
.luxury-product-detail-container .virtual-tour-icon { width: 60px; height: 60px; }

.luxury-product-detail-container .product-gallery { margin-left: -20px; max-height: 380px; margin-bottom: var(--main-margin-size); }
.luxury-product-detail-container .mpGalleryItem { margin-bottom: var(--main-margin-size); float: left; margin-left: 20px; height: 170px; width: calc(33.33% - 20px) }
.luxury-product-detail-container .mpGalleryItem > img { border: 1px solid #cfcfcf; }
.luxury-product-detail-container .mpGalleryItem .video-play-button { width: 60px; left: calc(50% - 30px); position: relative; height: 40px; background-color: #fff; top: -105px; }
/*----------------------------------------------------------------------- tab-FloorPlanListView -----------------------------------------------------------------------*/

/*------------------------ Product Thumbs ------------------------*/
.tab-FloorPlanListView { --prop-attrs-heading-font-size: 1.5rem; --prop-attrs-label-font-size: 1.5rem; }
.tab-FloorPlanListView .container { padding: 40px; }
.tab-FloorPlanListView .discoverPropertyDetailsImg { padding-top: 20px; width: calc(50% - var(--main-margin-size)); margin: 0; margin-right: var(--main-margin-size); display: flex; flex-direction: column; }
.tab-FloorPlanListView .properties-product-image { height: auto; flex: 1; }
.tab-FloorPlanListView .properties-product-image img { height: 100%; object-fit: contain; }
.tab-FloorPlanListView .properties-product-summary, .tab-FloorPlanListView .properties-buttons-container { margin: 0; margin-top: 30px; text-align: center; }
.tab-FloorPlanListView .bd-properties-product-title { margin: 0; margin-bottom: var(--main-margin-size); }
.tab-FloorPlanListView .search_button { display: none; width: 250px; padding: 30px 20px; margin: 0 auto; }
.tab-FloorPlanListView .search_button span { margin-right: 5px; padding: 0; padding-right: 5px; }
.tab-FloorPlanListView .search_button_visible { display: flex; }

.tab-FloorPlanListView .luxRealEstate-product-details-container { padding-top: 20px; width: calc(50% - var(--main-margin-size)); margin: 0; margin-left: var(--main-margin-size); height: 100%; }

.tab-FloorPlanListView .table > thead > tr > th { padding: 20px; margin: 0; vertical-align: middle; border: none; }
.tab-FloorPlanListView .table > tbody > tr > td { padding: 20px; margin: 0; vertical-align: middle; border: none; }
.tab-FloorPlanListView .product-label-details label, .tab-FloorPlanListView .product-label label { margin: 0; }
.tab-FloorPlanListView .attr-container-associatedproductscount { padding: 7px 35px; border-radius: 10px; }

/*------------------------ Product Detail ------------------------*/
#productdetails_popup.FloorPlanListView { width: 95%; height: 100%; }
.FloorPlanListView { margin: 0 14.3%; max-width: 1366px; }
.FloorPlanListView .container { padding: 20px; }
.FloorPlanListView .product-summary-container { --prop-attrs-heading-font-size: 1.75rem; --prop-attrs-label-font-size: 1.25rem; }

#screen_dimmer.screen-dimmer-FloorPlanListView { -webkit-filter: blur(4px); filter: blur(4px); backdrop-filter: blur(4px); }
.FloorPlanListView .FloorPlanListView-product-detail-view { width: 100%; height: 100%; }
.FloorPlanListView .container { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 20px 40px; }

.FloorPlanListView .attr-name, .FloorPlanListView .attr-value { text-align: left; margin: 0; width: 100%; }

.FloorPlanListView .product-summary-container { display: flex; width: 100%; flex-direction: row; align-items: center; margin-bottom: 20px; }
.FloorPlanListView .product-summary { flex: 1; padding: 0; }
.FloorPlanListView .product-label { display: flex; align-items: center; }

.FloorPlanListView .product-summary .attr-container { margin-bottom: 15px; }
.FloorPlanListView .product-summary .attr-text,
.FloorPlanListView .product-summary .attr-value { text-align: left; margin: 0; width: auto; }

.FloorPlanListView #popup_close_container { display: block; position: relative; left: initial; width: auto; float: left; margin-right: 0px; margin-top: 0px; padding: 0px; max-height: 30px; }
.FloorPlanListView #popup_close { width: 20px; height: 20px; }

.FloorPlanListView .product-info-container { flex: 1; display: flex; justify-content: space-between; overflow: auto; margin-bottom: 20px; }

.FloorPlanListView .product-detail-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; width: calc(40% - 20px); flex-direction: column; }
.FloorPlanListView .gallery-container { width: calc(60% - 20px); height: 100%; text-align: center; }
.FloorPlanListView .gallery-container img { object-fit: fill; max-width: 100%; }
.FloorPlanListView .ug-gallery-wrapper .ug-theme-panel { display: none; }

.FloorPlanListView .product-detail { display: flex; align-items: start; flex-direction: column; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; flex: 1; }
.FloorPlanListView .product-detail .product-attr-wrapper { width: 100%; display: flex; justify-content: space-between; padding: 0 20px; }
.FloorPlanListView .product-detail .product-attr-wrapper .attr-name { padding-bottom: 10px; }
.FloorPlanListView .product-detail-container .bd-product-description { padding: 0; }
.FloorPlanListView .product-detail .attr-container .attr-value { }

.FloorPlanListView .product-attr-wrapper ul,
.FloorPlanListView .product-attr-wrapper li { list-style: none; }
.FloorPlanListView .product-detail .product-attr-wrapper li { margin-left: 10px; display: inline-flex; align-items: center; margin-right: 10px; width: calc(50% - 30px); }
.FloorPlanListView .product-detail .product-attr-wrapper ul li::before { content: "\f111"; display: inline-block; width: 2em; margin-left: -2em; }

.FloorPlanListView .associated-product-summary-container { display: flex; align-items: center; flex-direction: column; overflow: auto; margin-bottom: 20px; width: 100%; }
.FloorPlanListView .associated-products { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: auto; margin-bottom: 10px; padding: 0px; }

.FloorPlanListView .associated-products-1col .rd-product { width: 100%; }
.FloorPlanListView .associated-products-2cols .rd-product { width: calc(50% - 20px); }

.FloorPlanListView .associated-products .rd-product { display: flex; cursor: pointer; align-items: baseline; border-radius: 10px; padding: 15px; flex-direction: column; margin: 5px 5px 25px; width: 100%; }

.FloorPlanListView .associated-products .rd-product .attr-container { margin-bottom: 0px; }

.FloorPlanListView .product-footer-container { display: flex; width: 100%; }
/*----------------------------------------------------------------------- tab-map -----------------------------------------------------------------------*/
.tab-map .kiosk-map-content, .tab-map .map-div { height: 100% }
.MapControllerFullDiv { position: absolute; width: 100%; transition: all 2s; display: flex; height: var(--tab-content-height); top: var(--navbar-height); }
.MapControllerFullDiv .MapControllerDraggableDiv { position: absolute; height: var(--map-draggable-height) !important; width: var(--map-draggable-width) !important; top: 15%; }

.MapControllerFullDiv .mapController-right { right: calc(var(--main-margin-size) * 2); }
.MapControllerFullDiv .mapController-left { left: calc(var(--main-margin-size) * 2); }
.MapControllerFullDiv .filtered-view { align-self: flex-end; margin: 0 auto; margin-bottom: 30px; }

/*------------------------ Options ------------------------*/
.MapControllerFullDiv .MapControllerMainDiv { border-radius: var(--radius-size); position: absolute; }
.MapControllerFullDiv .MapControllerDrag { cursor: pointer; padding: 5px; border-top-left-radius: var(--radius-size); border-top-right-radius: var(--radius-size); }
.MapControllerFullDiv .bdk-mapControllerDrag { width: auto; height: 20px; -webkit-mask-repeat-x: inherit; -webkit-mask-size: 81px; -webkit-mask-position: bottom; }

.MapControllerFullDiv .MapController_Items { cursor: pointer; text-align: center; padding: 10px 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 118px; }
.MapControllerFullDiv .MapController_Items:last-child { border-bottom: 0px !important; border-bottom-left-radius: var(--radius-size); border-bottom-right-radius: var(--radius-size); }
.MapControllerFullDiv .MapController_Items .bdk-svgs { margin: 0; width: 30px; }
.MapControllerFullDiv .MapController_Items .bdk-mapReset, .MapControllerFullDiv .MapController_Items .bdk-mapLegend { width: 40px; }
.MapControllerFullDiv .MapController_Items .item-text { margin: 10px 0 0; }

/*------------------------ Pallete ------------------------*/
.MapControllerFullDiv .MapControllerLeft { left: 7em; }
.MapControllerFullDiv .MapControllerRight { right: 7em; }
.MapControllerFullDiv .MapController_Pallette_MainDiv { height: 680px; width: var(--map-search-width); border-radius: var(--radius-size); display: flex; flex-direction: column; position: absolute; }
.MapControllerFullDiv .MapController_Pallette_Header { display: flex; padding: var(--main-margin-size); align-items: center; justify-content: center; }
.MapControllerFullDiv .MapController_Pallette_Header_Reset { cursor: pointer; }
.MapControllerFullDiv .MapController_Pallette_Header_Title { text-align: center; padding: 0 var(--main-margin-size); flex: 1; }
.MapControllerFullDiv .MapController_Pallette_Header_Close { cursor: pointer; }
.MapControllerFullDiv .MapController_Pallette_Header_Back { cursor: pointer;}
.MapControllerFullDiv .MapController_Pallette { padding: 0; flex: 1; overflow: auto; margin-bottom: var(--main-margin-size); }
.MapControllerFullDiv .filters-container { display: flex; flex-direction: column;  }
.MapControllerFullDiv .filter-attrs { overflow: auto; flex: 1; }
.MapControllerFullDiv .filter-button { display: flex; align-items: center; justify-content: center; padding: var(--main-margin-size); padding-bottom: 0; }
.MapControllerFullDiv .search_button { margin: 0; }
/*------------------------ Sub Pallete ------------------------*/
.MapControllerFullDiv .MapController_Sub_Pallette { height: 100%; padding: 0; width: 100%; }

/*------------------------ Filters ------------------------*/
.MapControllerFullDiv .bd-prod-filter-main-div:last-child { border-bottom: 0px !important; }
.MapControllerFullDiv .filter-slider { width: calc(100% - 35px); margin: 0 15px; }
.MapControllerFullDiv .filter-slider-range { width: calc(100% - 35px); margin: 0 15px 0 15px; }

/*------------------------ Layers ------------------------*/
.MapControllerFullDiv .kioskmap-shape-filter-maindiv, .MapControllerFullDiv .kioskmap-overlay-filter-maindiv { padding: 0; }
.MapControllerFullDiv .bd-layers-main-div { height: auto; margin: 0; padding: var(--main-margin-size); display: flex; align-items: center; }
.MapControllerFullDiv .bd-layers-main-div:last-child { border-bottom: 0px !important; }
.MapControllerFullDiv .layer-control, .MapControllerFullDiv .layer-text { display: flex; align-items: center; padding: 0; width: auto; }
.MapControllerFullDiv .layer-control { margin-right: var(--main-margin-size); }
.MapControllerFullDiv .layer-text { overflow: auto; }
.MapControllerFullDiv .layer-text label { float: left; margin: 0; text-align: left; text-overflow: ellipsis; overflow: hidden; }
.MapControllerFullDiv input:checked + .slider:before { left: 20px; }

/*------------------------ Annotate ------------------------*/
.MapControllerFullDiv .map-control-tool-hightlighted { border-radius: var(--radius-size); }
.MapControllerFullDiv .map-draw-tools li { display: flex; align-items: center; padding: var(--main-margin-size); }
.MapControllerFullDiv .map-draw-tools li:last-child { border-bottom: 0px !important; }
.MapControllerFullDiv .draw-tool-icon-wrapper { padding: 20px; margin-right: 20px; width: auto; }
.MapControllerFullDiv .draw-tool-text-wrapper { padding: 0; flex: 1; }
/*------------------------ Fullscreen ------------------------*/
.navbar.fullscreen-map-hide { min-height: 100px; height: auto; top: calc(0px - var(--navbar-height)); }
.MapControllerFullDiv.fullscreen-map { top: 0; height: 100%; }
.BD-Modal-Wrapper.fullscreen-map { top: 0; height: 100%; }
.fullscreen-map .close-bottom-div { margin-bottom: calc(0px - var(--subnavbar-height)); }
.MapControllerExitFullScreen { position: absolute; bottom: 3%; padding: 10px; border-radius: var(--radius-size); right: 2%; width: 100px; text-align: center; }
.MapControllerExitFullScreen .item-text { margin: 10px 0 0; }

/*------------------------ Summary Info Popup ------------------------*/
.MapControllerFullDiv .summary-popup-box { position: absolute; width: 350px; max-height: 400px; top: 104px; display: flex; flex-direction: column-reverse; }
.MapControllerFullDiv .mapInfowindow-draghandler { cursor: pointer; width: 100%; padding: 5px; border-radius: var(--radius-size); border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.MapControllerFullDiv .bdk-mapInfowindowDrag { width: auto; height: 20px; -webkit-mask-repeat-x: inherit; -webkit-mask-size: 81px; -webkit-mask-position: bottom; }

.MapControllerFullDiv .summary_info_popup { flex: 1; }
.MapControllerFullDiv .summary-container { padding: 20px; display: flex; flex-direction: column; }
.MapControllerFullDiv .summary-title { margin: 0px 0 var(--main-margin-size) 0; text-align: center; }
.MapControllerFullDiv .summary-list { margin: 0px 0 var(--main-margin-size) 0; overflow-y: auto; flex: 1; -webkit-overflow-scrolling: touch; }
.MapControllerFullDiv .summary-item { margin-bottom: var(--main-margin-size); display: flex; align-items: center; }
.MapControllerFullDiv .summary-item:last-child { margin-bottom: 0;}
.MapControllerFullDiv .summary-color { height: 20px; width: 30px; float: left; margin-right: var(--main-margin-size); }
.MapControllerFullDiv .summary-buttons { text-align: center }
.MapControllerFullDiv .btn-summary-link { width: 100%; }

/*------------------------ Map Legend ------------------------*/
.MapControllerFullDiv .legend-popup-box { position: absolute; top: 15%; display: flex; flex-direction: column; opacity: 0; }
.MapControllerFullDiv .legend-right { right: 25px; }
.MapControllerFullDiv .legend-left { left: 25px; }

.MapControllerFullDiv .legend-portrait { width: 400px; height: 630px; }
.MapControllerFullDiv .legend-landscape { width: 480px; height: 350px; }

.MapControllerFullDiv .legend-header { display: flex; align-items: center; justify-content: space-between; padding: 0px 10px; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.MapControllerFullDiv .legend-draghandler { cursor: pointer; width: 25%; padding: 5px 5px 5px 0; border-radius: var(--radius-size); border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.MapControllerFullDiv .bdk-mapInfowindowDrag { width: auto; height: 20px; -webkit-mask-repeat-x: inherit; -webkit-mask-size: 81px; -webkit-mask-position: bottom; }
.MapControllerFullDiv .legend-title { width: 50%; text-align: center; }
.MapControllerFullDiv .legend-close-container { width: 25%; }
.MapControllerFullDiv .legend-popup-box .bdk-close { width: 15px; height: 15px; float: right; }
.MapControllerFullDiv .legend-image-container { flex: 1; overflow: hidden; }
.MapControllerFullDiv .legend-portrait .legend-image-container img { object-fit: contain; height: 100%; }
.MapControllerFullDiv .legend-landscape .legend-image-container img { object-fit: contain; width: 100%; }
/*------------------------ Custom Zoom & Pan Controls ------------------------*/
.zoomControlDiv { top: 60% !important; }
.zoomControlWrapper { text-align: center; width: 32px; height: 64px; }
.zoomOutButton { width: 50px; height: 50px; top: 55px; right: 60px; position: absolute; background-color: #D3D3D3; }
.zoomInButton { width: 50px; height: 50px !important; top: 0px; right: 60px; position: absolute; background-color: #D3D3D3; }

.panControlDiv { top: 80% !important; }
.panControlWrapper { text-align: center; width: 32px; height: 64px; }
.panTopButton { width: 50px; height: 50px !important; top: -50px; right: 90px; position: absolute; background-color: #D3D3D3; }
.panRightButton { width: 50px; height: 50px; top: 0px; right: 30px; position: absolute; background-color: #D3D3D3; }
.panBottomButton { width: 50px; height: 50px; top: 55px; right: 90px; position: absolute; background-color: #D3D3D3; }
.panLeftButton { width: 50px; height: 50px; top: 0px; right: 150px; position: absolute; background-color: #D3D3D3; }

/*------------------------ Map Tour ------------------------*/
.tour-map-popup #popup_close_container { top: 20px; left: initial; right: 20px; }
.tour-map-popup .tour-map-content { position: absolute; width: 50%; height: 50%; top: 25%; left: 25%; display: flex; padding: var(--main-margin-size); }

.tour-map-popup .product-image { flex: 1; margin: 0; margin-right: var(--main-margin-size); }

.tour-map-popup .product-details { flex: 1; display: flex; flex-direction: column; overflow-y: auto; }
.tour-map-popup .product-title { text-align: center; margin: 0; }
.tour-map-popup .description { margin-top: var(--main-margin-size); flex: 1; }
.tour-map-popup .description p { -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; margin: 0; }
.tour-map-popup .buttons-wrapper { margin: 0; margin-top: var(--main-margin-size); display: flex; align-items: center; justify-content: center; flex-direction: column; }
.tour-map-popup button { flex: 1; width: 100%; padding: var(--main-margin-size); margin-bottom: var(--main-margin-size); border: 0; }
.tour-map-popup button:last-child { margin: 0; }

/*------------------------ Map Product Info Popup ------------------------*/
.product_info_popup { position: absolute; width: 450px; height: 600px; }
.product_info_popup .marker-arrow { display: none; }
.product_info_popup .container { width: 100%; height: 100%; padding: 30px; }
.product_info_popup .col-md-12 { padding: 0px; display: flex; flex-direction: column; height: 100%; }

.product_info_popup .bd-product-description { padding: 0px; margin: 0px 0 15px 0; overflow-y: scroll; flex: 1; }
.product_info_popup .bd-product-title { text-align: left; margin: 0px; }
.product_info_popup .bd-product-description p { margin: 15px 0 0; }
.product_info_popup .product-details-div { height: auto; text-align: center; margin-top: 15px; }
.product_info_popup .product-details-div .product-label-details label { }

.product_info_popup .product-image { min-height: 300px; }

.product_info_popup .bd-product-buttons { margin-top: 15px; }
.product_info_popup .bd-product-buttons span { float: right; background: #fff; border: none; margin: 0px; text-transform: uppercase; text-decoration: underline; }
.product_info_popup #popup_close_container { left: auto; right: -15px; top: -20px; }
/*----------------------------------------------------------------------- tab-viewgalleries -----------------------------------------------------------------------*/
.tab-viewgalleries .view-galleries-tile { padding: 0px; cursor: pointer; height: 50%; }
.tab-viewgalleries .view-galleries-tile:hover .galleries-title { opacity: 0.9; }
.tab-viewgalleries .galleries-image { height: 100%; }
.tab-viewgalleries .galleries-title { position: absolute; width: 100%; bottom: 0; text-align: center; opacity: 0.9; padding: 20px 0; }
.tab-viewgalleries label { margin: 0; font-weight: normal; }
/*----------------------------------------------------------------------- tab-ClusterGallery -----------------------------------------------------------------------*/
.tab-clustergallery .cluster-template-content, .tab-clustergallery .cluster-tile-template-content { height: 100%; padding: 0; }
.tab-clustergallery #popup_close_container { right: auto; position: absolute; top: auto; left: 30px; bottom: calc(var(--subnavbar-height) + 30px); }
.tab-clustergallery .cluster-distractful-content { height: var(--tab-content-height); position: absolute; }

.tab-clustergallery .row { height: 100%; margin: 0; padding: 0; }
.tab-clustergallery .distractful-content { height: 100%; }
.tab-clustergallery .cluster-image-container { padding: 0; height: 100%; }
.tab-clustergallery .clusterImage { /*height: auto;*/ }
.tab-clustergallery label { margin: 0; }

.tab-clustergallery .bd-kiosk-cluster-description { position: absolute; height: var(--tab-content-height); padding: 0; }
.tab-clustergallery .cluster-content { top: 5%; position: absolute; height: auto; background: #fff; padding: 20px; width: 80%; left: 10%; display: flex; flex-direction: column; max-height: 90%; }
.tab-clustergallery .cluster-header { padding: 0px 0px var(--main-margin-size) 0px; }
.tab-clustergallery .cluster-header p, .tab-clustergallery .cluster-description p { margin: 0; }
.tab-clustergallery .cluster-description { overflow-y: auto; -webkit-overflow-scrolling: touch; margin: 0px 0px var(--main-margin-size) 0px; flex: 1; }

.tab-clustergallery .cluster-link-container { position: relative; height: auto; width: 100%; text-align: center; }
.tab-clustergallery .cluster-link { margin: 0; padding: 0; text-decoration: underline; }

/*------------------------ cluster-tile-template-content ------------------------*/
.tab-clustergallery .col-md-RecGrid { width: 25%; height: 33.33%; float: left; text-shadow: 1px 1px 2px #565658, 0 0 1em #565658, 0 0 0.2em #565658; }
.tab-clustergallery .RecGrid-Container { height: 100%; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; background-position: center center !important; background-size: cover !important; }
.tab-clustergallery .cluster-title, .tab-clustergallery .cluster-city { height: auto; padding: 0; text-align: center; }
.tab-clustergallery .cluster-city { padding: 10px 0 20px; }

/*----------------------------------------------------------------------- tab-contactform -----------------------------------------------------------------------*/
#BD-ContactForm-Wrapper { overflow: hidden; }
.tab-contactform.active { display: flex; background-color: #fff; flex-direction: column; align-items: center; overflow: hidden; }
.tab-contactform .reg-title .reg_header_2 { display: none; }
.tab-contactform .contact-form-body-scroll-holder { height: 30%; }
.tab-contactform .contact-form-footer.contact-form-footer-slide { bottom: 67%; }

/*----------------------------------------------------------------------- Tab-ResponsivePage -----------------------------------------------------------------------*/
.tab-responsivepage .container { height: var(--screen-height); position: relative; }

/*------------------------ responsive-container ------------------------*/
.tab-responsivepage .image-container { display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; width: 50%; height: 100%; float: left; background-size: cover; }
.tab-responsivepage .text-container { padding: 40px; display: flex; flex-direction: column; text-align: center; padding-top: 200px; height: 100%; background-size: cover; }
.tab-responsivepage .text-container .title { margin-bottom: 20px; line-height: 1em; }
.tab-responsivepage .text-container .overview-description { flex: none; }
.tab-responsivepage .text-container .btn-action { display: block; padding: 15px 30px; min-width: 210px; border-radius: var(--radius-size); outline: none; margin: 30px auto 0; }
/*------------------------ T2 ------------------------*/
.tab-responsivepage .t2-container .thumbs-container { width: 50%; position: absolute; background-repeat: no-repeat; background-size: contain; height: 380px; }
/*------------------------ T3 ------------------------*/
.tab-responsivepage .t3-container .image-container { width: 63%; }
.tab-responsivepage .t3-container .text-container { justify-content: flex-end; width: 37%; }

/*----------------------------------------------------------------------- Landing product view -----------------------------------------------------------------------*/
#product_popup.landing-product-popup { height: 100%; }
.landing-product-view { --property-search-width: calc(100% / 3); }
.landing-product-view { width: 100%; height: 100%; display: flex; }
.landing-product-view #popup_close_container { position: absolute; bottom: 20px; left: 20px; }
.landing-product-view .product-image-container { height: 100%; padding: 0; width: 50%; }
.landing-product-view .product-details-container { width: 50%; height: 100%; /*padding: 30px 50px; */padding: 50px 50px 0 50px; display: flex; align-items: center; flex-direction: column; overflow: auto; justify-content: center; }
.landing-product-view .product-details { margin-bottom: 36px; text-align: center; /*padding: 0 80px; */ padding:0;}
.landing-product-view .product-title { margin-bottom: 20px; }
.landing-product-view .associated-products { overflow: auto; width: 100%; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; }
.landing-product-view .product-item-wrapper { float: left; height:325px; /*height: calc(50% - var(--main-margin-size));*/ width: calc(var(--property-search-width) - var(--main-margin-size)); padding: 0; }
.landing-product-view .product-media-imgdiv { display: flex; align-items: center; }
.landing-product-view .product-item-wrapper img { object-fit: contain; height: auto; }

#productdetails_popup.landing-product-detail-popup { height: var(--tab-content-height); }
.landing-product-detail-view { width: 100%; height: 100%; display: flex; flex-direction: column; }
.landing-product-detail-view .product-details-container { margin-bottom: 20px; text-align: center; padding: 30px 80px; }
.landing-product-detail-view .product-image-container { flex: 1; }
.landing-product-detail-view .product-image-container img { width: 100%; height: 75%; object-fit: contain; }
.landing-product-detail-view #popup_close_container { left: calc(86% + (10% - 20px)); top: 30px; }
.landing-product-detail-view .product-detail-footer { justify-content: center; margin: 0; flex: 1; display: flex; position: absolute; bottom: 0; width: 100%; flex-direction: column; }
.landing-product-detail-view .disclaimer { padding: 15px 80px; width: 100%; text-align: center; }
/*----------------------------------------------------------------------- Floor Plan Popup -----------------------------------------------------------------------*/
.floorplan-product-popup { }
.floorplan-product-popup .container { width: 100%; height: 100%; padding: 0; }
.floorplan-product-popup .discoverPropertyDetailsImg { height: 100%; padding: 100px 50px; margin: 0; width: 50%; }
.floorplan-product-popup .properties-product-image { max-height: 85%; }
.floorplan-product-popup img { object-fit: cover; }
.floorplan-product-popup #popup_close_container { left: 60px; bottom: 30px; }
.floorplan-product-popup .luxRealEstate-product-details-container { padding: 100px; margin: 0; width: 50%; }
.floorplan-product-popup #lux-type-product-list { height: 100%; overflow: auto; }
.floorplan-product-popup #lux-type-product-list th { position: sticky; top: 0; }
/*----------------------------------------------------------------------- Popup-iframe -----------------------------------------------------------------------*/
#popup.iframe-popup { height: var(--tab-content-height); top: var(--navbar-height); background-color: #fff !important; }
.iframe-popup .iframe-tile { height: 100%; width: 100%; overflow: scroll; background: url(../images/loading.svg) center no-repeat; background-size: 500px; }
.iframe-popup #popup_close_container { right: 30px; position: absolute; top: 20px; left: auto; }

#popup.options-iframe-registration-popup { flex-direction: column; height: calc(100% - 65px); top: 110% !important; transition: all 1s; }
#popup.options-iframe-registration-popup.show-popup { top: 60px !important; }
#popup.options-iframe-registration-popup #popup_close_container { bottom: initial; position: relative; left: initial; margin: -25px 0 15px; right: 15px; align-self: flex-end; display: flex; border-radius: 15px; padding: 0; z-index: 1; }
.options-iframe-registration-popup .popup-close-text { padding: 10px; margin-right: 10px; }
.options-iframe-registration-popup #popup_close { margin-right: 10px; width: 20px; height: 20px; }
.options-iframe-registration-popup .top-shadow { top: 0; box-shadow: 0px -5px 7px rgb(0 0 0 / 10%); -webkit-box-shadow: 0px -5px 7px rgb(0 0 0 / 10%); z-index: 0; }

/*----------------------------------------------------------------------- Popup Alert -----------------------------------------------------------------------*/
#alertPopup { position: absolute; height: 100%; width: 100%; top: 0; left: 0; align-items: center; justify-content: center; background-color: transparent; display: none; flex-direction: column; }
#alertPopup #popup_close_container { position: relative; left: auto; }
#alertPopup .details_alertPopup { border-radius: 10px; padding: var(--main-margin-size); max-width: 50%; min-width: 25%; }

#alertPopup .alertPopup_container { width: 100%; padding: 0; display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center; }
#alertPopup .alertPopup_header { margin: 0 0 var(--main-margin-size) 0; display: flex; align-items: center; width: 100%; }
#alertPopup .bd-alertPopup-title { margin: 0; text-align: center; margin-left: var(--popup-close-container-width); flex: 1; }

#alertPopup.adminPortalAlert .alertPopup_body { margin: 20px 0; }
#alertPopup .alertPopup_body { padding: 0; }
#alertPopup #bd-alertPopup_body { text-align: center; margin: 0; margin-top: var(--main-margin-size); }
#alertPopup .btn-success { margin-right: var(--main-margin-size); }
#alertPopup .end-session, #alertPopup .reload-app { margin-right: var(--main-margin-size); }

#alertPopup .alertPopup_footer { text-align: center; }
#alertPopup.adminPortalAlert .alertPopup_footer { display: none; }
#alertPopup .alertPopupCloseBtnDiv { width: 100%; text-align: center; margin-top: var(--main-margin-size); min-width: 150px; }
#alertPopup #alertPopup_close_btn { border-radius: 5px; padding: 5px 15px; border-color: transparent; }

/*----------------------------------------------------------------------- Popup Alert Modal-----------------------------------------------------------------------*/
#alertPopup.alert-modal .details_alertPopup, #alertPopup.alert-modal .logout-cancel-wrapper { width: 500px; height: 350px; }
#alertPopup.alert-modal { padding: 40px; }

.alert-modal .bdk-svgs { width: 75px; height: 60px; }
#alertPopup.alert-modal #alertPopup_close_btn, #alertPopup.alert-modal .bd-alertPopup-title, #alertPopup.alert-modal .alertPopup_header { display: none; }
#alertPopup.alert-modal .logout-cancel-wrapper { margin-top: var(--main-margin-size); }
.alert-modal .logout-cancel { width: 100%; border-radius: var(--radius-size); border: 0; padding: 10px 20px; min-height: 70px; }
#alertPopup.alert-modal .details_alertPopup { border-radius: 5px; }
/*----------------------------------------------------------------------- Popup Section help -----------------------------------------------------------------------*/
#popup.kiosk_help_popup { top: 5%; left: 5%; width: 90%; height: 90%; flex-direction: column; }
.kiosk_help_popup #popup_close_container { position: relative; left: auto; }
.kiosk_help_popup .popup-header { margin: 0 0 var(--main-margin-size) 0; display: flex; align-items: center; }
.kiosk_help_popup .help-title { text-align: center; margin-left: var(--popup-close-container-width); flex: 1; }
.kiosk_help_popup h2 { margin: 0px; }

.kiosk_help_popup .popup-content { flex: 1; overflow: scroll; }
.kiosk_help_popup iframe { width: 100%; height: 100%; border:0px;}
/*----------------------------------------------------------------------- Popup Unite Gallery -----------------------------------------------------------------------*/

/*------------------------ Unite Gallery Tiles ------------------------*/
.ug-gallery-wrapper .ug-textpanel-bg {background-color: #FFF !important; opacity: 1 !important; }
.ug-theme-default .ug-textpanel-title, .ug-theme-default .ug-textpanel-description {font-size: 1.75rem !important; }
.ug-thumbs-strip{ left: 0px !important;}

.ug-theme-tilesfixed .ug-tile { border: none !important; box-shadow: none !important; }
.ug-theme-tilesfixed .ug-tile .ug-textpanel, .ug-theme-tilesfixed .ug-tile .ug-textpanel .ug-textpanel-bg { width: 100% !important; }
.ug-theme-tilesfixed .ug-textpanel .ug-textpanel-textwrapper .ug-textpanel-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center !important; width: 100% !important; }

/*------------------------ Unite Gallery Default Theme ------------------------*/
.unite-gallery-popup .gallery-header { margin: 0 0 30px 0; }
.unite-gallery-popup .ug-default-button-hidepanel .ug-default-button-hidepanel-bg { opacity: 0.1 !important; }

/*------------------------ Unite Gallery Full Screen ------------------------*/
.ug-lightbox-container { width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; }
.ug-lightbox-container .ug-lightbox-overlay { height: 100%; }

.ug-lightbox .ug-lightbox-top-panel, .ug-lightbox-container .ug-lightbox-top-panel { width: 80% !important; margin: 0% 10% 0 10% !important; top: 4% !important; height: auto !important; }
.ug-lightbox-container .ug-lightbox-numbers, .ug-lightbox-container .ug-lightbox-top-panel-overlay { display: none !important; }
.ug-lightbox-container .ug-textpanel { display: inline-block !important; height: auto !important; }
.ug-lightbox-container .ug-textpanel-textwrapper { overflow: hidden; display: flex; align-items: center; width: 100% !important; left: 0 !important; position: relative !important; height: auto !important; }
.ug-lightbox-container .ug-textpanel-title { margin-left: var(--popup-close-container-width) !important; text-align: center !important; flex: 1; width: calc(100% - (var(--popup-close-container-width) * 2)) !important; position: relative !important; top: 0 !important; }
.ug-lightbox-container .ug-lightbox-top-panel .ug-textpanel-description { display: none; }
.ug-lightbox .ug-lightbox-top-panel-overlay, .ug-lightbox-container .ug-lightbox-top-panel-overlay { opacity: 0.2 !important; }

.ug-lightbox .ug-lightbox-numbers, .ug-lightbox .ug-lightbox-top-panel-overlay,
.ug-lightbox .ug-textpanel-textwrapper { width: 100% !important; left: 0 !important; margin-top: 0px !important; height: 34px !important; }

.ug-lightbox .ug-lightbox-button-close, .ug-lightbox-container .ug-lightbox-button-close { position: fixed !important; top: 20px !important; right: 20px !important; width: 30px; height: 30px; -webkit-mask: url(../images/icons/icon-kiosk-close.svg) no-repeat !important; background-image: none !important; left: auto !important; }

.ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox .ug-lightbox-arrow-right,
.ug-lightbox-container .ug-lightbox-arrow-left, .ug-lightbox-container .ug-lightbox-arrow-right { width: 50px !important; height: 50px !important; background-image: none !important; -webkit-mask: url(../images/icons/arrow-left.svg) no-repeat; mask: url(../images/icons/arrow-left.svg) no-repeat; }

.ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox-container .ug-lightbox-arrow-left { left: 2% !important }
.ug-lightbox .ug-lightbox-arrow-right, .ug-lightbox-container .ug-lightbox-arrow-right { background-image: none !important; left: 97% !important; -webkit-mask: url(../images/icons/arrow-right.svg) no-repeat; mask: url(../images/icons/arrow-right.svg) no-repeat; }

.ug-lightbox .ug-slider-preloader,
.ug-lightbox-container .ug-slider-preloader { left: calc(50% - 15px) !important; top: calc(50% - 15px) !important; background-image: url(../images/loader-white1.gif); background-image: url(../images/loader-white1.gif) !important; background-color: #ffffff !important; width: 30px !important; height: 30px !important; border: 2px solid #ffffff !important; border-radius: var(--radius-size) !important; }
.ug-lightbox .ug-button-videoplay, .ug-lightbox-container .ug-button-videoplay { left: 47% !important; top: 46% !important; }
.ug-theme-default .ug-button-videoplay { left: calc(50% - 43px) !important; top: calc(50% - 33px) !important; }

.ug-lightbox .ug-videoplayer .ug-videoplayer-wrapper, .ug-lightbox .ug-videoplayer,
.ug-lightbox-container .ug-videoplayer .ug-videoplayer-wrapper, .ug-lightbox-container .ug-videoplayer { background-image: url(../images/loader-white1.gif) !important; background-position: 49.5% 50% !important; }

.ug-lightbox .ug-lightbox-bottom-panel, .ug-lightbox-container .ug-lightbox-bottom-panel { width: 80% !important; margin: 0% 10% 0 10% !important; top: 94% !important; position: absolute; text-align: center; }
.ug-lightbox-container .ug-bottom-textpanel-description { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*----------------------------------------------------------------------- Popup Gallery Luxury -----------------------------------------------------------------------*/
#popup.luxury-gallery-popup { height: var(--tab-content-height); top: var(--navbar-height); }
.luxury-gallery-popup video::-webkit-media-controls { display: flex; }
.luxury-gallery-popup .distractful-content { height: 100%; width: 100%; }
.luxury-gallery-popup .product-image, .luxury-gallery-popup .product-video { height: 100%; width: 100%; }
.luxury-gallery-popup img { display: block; background-size: 100% 100%; }
.luxury-gallery-popup video { width: auto; height: 100%; display: block; background-size: 100% 100%; margin: 0 auto; }

.luxury-gallery-popup .product-details { display: flex; flex-direction: column; position: absolute; background: #fff; padding: 30px; opacity: 0.9; width: 30%; max-height: 100%; }
.luxury-gallery-popup .bd-product-title { text-align: left; margin: 0px; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0 20px; }
.luxury-gallery-popup .bd-product-description { overflow: auto; flex: 1; text-align: center; }
.luxury-gallery-popup #popup_close_container { cursor: pointer; position: absolute; bottom: 20px; left: 20px; }

/*----------------------------------------------------------------------- Popup Tour -----------------------------------------------------------------------*/
.tour-popup { }
.tour-popup-single { left: 0 !important; width: 100% !important; height: 100% !important; }
#popup .tour-iframe { top: 8%; position: absolute; left: 7.5%; width: 85%; height: 84%; border: 0; }
.tour-popup #popup_close_container { position: fixed; right: 20px; top: 20px; left: auto; }
/*----------------------------------------------------------------------- Popup Registration -----------------------------------------------------------------------*/
#commonContactRegister { background-color: #fff !important; }
#commonContactRegister #popup_close_container { position: relative; left: auto; }
#commonContactRegister #keyboard-container { background-color: #fff; width: 70%; padding: var(--main-margin-size); padding-top: 0; margin: 0 auto; }

/*----------------------------------------------------------------------- Popup Registration Option -----------------------------------------------------------------------*/
#popup_misc1 .registration-option-container { width: 100%; height: 100%; padding: 100px 28%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.registration-option-container img { object-fit: contain; max-width: 100%; max-height: 100%; }

.registration-option-container .client-logo { display: flex; align-items: center; justify-content: center; width: 570px; height: 140px; }
.registration-option-container .desc-text { display: block; text-align: center; }
.registration-option-container .actions-container { width: 615px; text-align: center; padding: 20px 40px; border-radius: 10px; }
.registration-option-container .actions-container button { border-radius: var(--radius-size); border: 0; padding: 10px 20px; min-height: 70px; width: 100%; float: left; margin: 0 0 20px 0; }
.registration-option-container .actions-container button:last-child { margin: 0; }

.registration-option-main-screen .actions-container { border-radius: 10px; padding: 20px 60px 35px; margin-bottom:-60px; min-width: 450px; width: auto; }
.registration-option-main-screen .actions-container-desc-text { margin-top: -35px; background-color: #fff; margin-bottom: 30px; }

.registration-option-container .registration-options { display: flex; align-items: center; justify-content: center; }
.registration-option-container .registration-option { display: flex; align-items: center; flex-direction: column; justify-content: center;}
.registration-option-container .or-text { margin: 0 20px 25px; }

.registration-option-container .option-image { margin-bottom: 10px; display: flex; align-items: center; justify-content: center; width: 230px; height: 230px; border-radius: 10px; padding: 5px;  }
.registration-option-container .frame-image { flex-direction: column; cursor: pointer; }
.registration-option-container .frame-image .frame-icon { width: 50px; height: 50px; -webkit-mask: url(../images/icons/icon-kiosk-register-round.svg) no-repeat; margin-bottom: 10px; }
.registration-option-container .scanner-image img { width: 220px; height: 220px; }

.registration-option-container .help-images { display: flex; align-items: center; justify-content: center; width: 1000px; }
.registration-option-container .help-image-container { margin-right: 100px; display: flex; align-items: center; flex-direction: column; justify-content: center; flex: 1; }
.registration-option-container .help-image-container:last-child { margin: 0; }
.registration-option-container .help-image { margin-bottom: 30px; width: 390px; height: 290px; }
.registration-option-container .help-images .phone-image { -webkit-mask: url(../images/help-scan-phone.svg) no-repeat; }
.registration-option-container .help-images .ipad-image { background: url(../images/help-scan-ipad-directions.png) center no-repeat; background-size: contain; }

.registration-option-container .help-ipad-image-container .desc-text { display: block; }
.registration-option-container .bullet-point { width: 32px; height: 32px; display: inline-block; margin: 0px 5px -8px; border-radius: 50%; }
.registration-option-container .bullet-point-1 { background: url(../images/help-scan-bullet-1.png) center no-repeat; background-size: 32px 32px; }
.registration-option-container .bullet-point-2 { background: url(../images/help-scan-bullet-2.png) center no-repeat; background-size: 32px 32px; }

.registration-option-retry-scan-screen .help-images { margin: 0; }

.registration-option-retry-scan-screen .help-images .phone-image { margin: 0; flex: inherit; width: 280px; height: 360px; -webkit-mask: url(../images/help-scan-phone-no-arrow.svg) no-repeat; }

.registration-option-manual-signin .signin-form { width: 450px; }
.registration-option-manual-signin .reg_group { margin: 0; width: 100%; }
.registration-option-manual-signin .skip-link { text-decoration: underline; text-underline-position: under; cursor: pointer; }
.registration-option-help-screen .canvas-holder { width: 1000px; margin-left: 100px; margin-right: 100px; display: flex; flex-direction: row; justify-content: space-between; }
.registration-option-help-screen .canvas-holder img { border: 1px solid red; }
.registration-option-help-screen .canvas-holder canvas { border: 1px solid blue; }

/*----------------------------------------------------------------------- Popup Read More -----------------------------------------------------------------------*/
#popup.kiosk_readmore_popup { top: 5%; left: 20%; width: 60%; height: 90%; flex-direction: column; align-items: center; justify-content: center; }
.kiosk_readmore_popup .popup-content { overflow: scroll; justify-content: center; display: flex; }
.kiosk_readmore_popup .popup-footer { margin-top: var(--main-margin-size); display: flex; justify-content: center; }
.kiosk_readmore_popup #popup_close { min-width: 175px; border-radius: var(--radius-size); padding: 0 20px; height: 40px; border: none; text-align: center; width: auto; }

.kiosk_readmore_popup .bd-read-more-text { display: initial; height: auto !important; overflow: auto; -webkit-box-orient: initial; margin: 0; }
.kiosk_readmore_popup .bd-read-more-link-container {display:none; }

/*----------------------------------------------------------------------- App Integrations -----------------------------------------------------------------------*/
.FloorPlanListView .actions-container { width: 100%; display: flex; justify-content: space-between; margin-top: 20px; }
.FloorPlanListView .button-container { margin: 0 var(--main-margin-size); }

/*----------------------------------------------------------------------- Checkin -----------------------------------------------------------------------*/
.kiosk-checkin { padding: 50px 0; background: none !important; }
.kiosk-checkin #popup_misc1 { display: block; position: relative !important; }
.kiosk-checkin #popup_misc1 .registration-option-container { padding: 0; justify-content: flex-start; }
.kiosk-checkin .client-logo { margin-bottom: 20px; width: 320px; height: 120px; mask-size: 100% 100% !important; }
.kiosk-checkin .scanner-form { display: flex; flex-direction: row; overflow: auto; }
.kiosk-checkin .scanner-container { display: flex; flex-direction: column; align-items: center; }
.kiosk-checkin #my-qr-reader { padding: 20px !important; border-radius: 8px; width: 335px; height: 250px; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 20px; }
.kiosk-checkin #my-qr-reader img[alt="Info icon"] { display: none; }
.kiosk-checkin #my-qr-reader #html5-qrcode-anchor-scan-type-change { display: none !important; }
.kiosk-checkin #my-qr-reader video { width: 100% !important; border-radius: 0.25em; }
.kiosk-checkin .actions-container { padding: 0; width: 100%; }

.kiosk-checkin #contact_register_fields { display: flex; flex-direction: column; }

.kiosk-checkin #contact_register_fields .actions-container { margin-top: 20px; }
.kiosk-checkin .contactus-container .reg_group { margin: 0; }

/*----------------------------------------------------------------------- Model Pass -----------------------------------------------------------------------*/
#alertPopup.model-pass .alertPopup_body { margin: 0; }
#alertPopup.model-pass .bd-alertPopup-title { margin-left: 0; }
#alertPopup.model-pass .alertPopup_footer { display: none; }

.pdf-viewer-container { display: flex; background-color: #fff !important; overflow: auto; align-items: center; flex-direction: column; }
.pdf-viewer-container #pdf-viewer { width: 100%; overflow: auto; margin-top: 10px; }
.pdf-viewer-container .btns-container { width: 600px; }
.pdf-viewer-container canvas { position: initial; }

/*----------------------------------------------------------------------- Media Queries -----------------------------------------------------------------------*/

@media print {
    .pdf-viewer-container { height: auto; overflow: visible; }
    .pdf-viewer-container canvas { page-break-after: always; }
}

@media screen and (max-width: 992px) 
{
    .kiosk-checkin .scanner-form { flex-direction: column; }
    .kiosk-checkin .scanner-container { margin-bottom: 20px; }
}
/*------------------------ Ipad Pro Common changes Vertical,Luxury & Common theme ------------------------*/
@media all and (width: 1366px) , all and (width: 1024px)
{
    /*----------------------------------------------------------------------- Variables -----------------------------------------------------------------------*/
    :root
    {
        /*------------------------ normal Vars ------------------------*/
        --map-search-width: 250px;
        /*------------------------ Font Size ------------------------*/ 
        --root-font-size: 12px; 
        --contactus-tile-title-font-size: 3.5rem;
        /*------------------------ Margins ------------------------*/
        --main-margin-size:10px;
    }

    /*----------------------------------------------------------------------- Overrode -----------------------------------------------------------------------*/
    .distractfulParallaxPlaceholder .distractful-controls.left, .distractfulParallaxPlaceholder .distractful-controls.right { width: 120px; height: 200px; }

    /*------------------------ Toggle Checkbox ------------------------*/
    .switch { width: 75px; height: 30px; }
    .slider:before { height: 20px; width: 20px; }

    /*----------------------------------------------------------------------- SVG Icons -----------------------------------------------------------------------*/
    .bdk-menu { width: 35px; height: 25px; }
    .MapControllerFullDiv .MapController_Items .bdk-annotateDraw, .MapControllerFullDiv .MapController_Items .bdk-annotateMove,
    .MapControllerFullDiv .MapController_Items .bdk-annotateClear { width: 40px; height: 40px; }
    .MapControllerFullDiv .MapController_Items .bdk-mapOptions, .MapControllerFullDiv .MapController_Items .bdk-mapLayers,
    .MapControllerFullDiv .MapController_Items .bdk-mapAnnotate, .MapControllerFullDiv .MapController_Items .bdk-mapReset,
    .MapControllerFullDiv .MapController_Items .bdk-mapLegend, .MapControllerFullDiv .MapController_Items .bdk-mapFullScreen { width: 30px; height: 25px; }

    /*----------------------------------------------------------------------- Common -----------------------------------------------------------------------*/
    #popup_close, .ug-lightbox .ug-lightbox-button-close, .ug-lightbox-container .ug-lightbox-button-close { width: 20px; height: 20px; }

    /*------------------------ Map & Product ------------------------*/
    .SearchControllerFullDiv .bd-prod-filter-main-div, .MapControllerFullDiv .bd-prod-filter-main-div { padding: 10px var(--main-margin-size); }
    .SearchControllerFullDiv .filter-left-arrow, .MapControllerFullDiv .filter-left-arrow { width: 15px; height: 15px; }
    .SearchControllerFullDiv .me-select li, .MapControllerFullDiv .me-select li { padding: 10px var(--main-margin-size); }

    .SearchControllerFullDiv .me-select input[type="checkbox"],
    .SearchControllerFullDiv .me-select label::before,
    .SearchControllerFullDiv .me-select input[type="checkbox"]:checked + label::after,
    .MapControllerFullDiv .me-select input[type="checkbox"],
    .MapControllerFullDiv .me-select label::before,
    .MapControllerFullDiv .me-select input[type="checkbox"]:checked + label::after { width: 20px; height: 20px; margin-top: -10px; }

    /*------------------------ Registration ------------------------*/
    .contactus-container .reg_action_buttons { padding-top: 20px; flex-direction: column-reverse; }
    .contactus-container .reg_clear_fields_div { position: relative; right: initial; bottom: initial; margin-bottom: 15px; }
    .contactus-container #keyboard-container { display: none !important; }

    /*----------------------------------------------------------------------- Tab-folder -----------------------------------------------------------------------*/
    .tab-folder .overview-content { padding-left: 50px; padding-top: 20px; }
    .tab-folder .bd-kiosk-tab-gallerypopup { width: 13%; }

    /*----------------------------------------------------------------------- luxury product detail view -----------------------------------------------------------------------*/
    .luxury-product-detail-container .luxRealEstate-product-details-container { width: calc(42% - 40px); margin: 20px; height: calc(100% - 40px); }
    .luxury-product-detail-container .product-logo img { height: 60px; }
    .luxury-product-detail-container .virtual-tour-icon { width: 45px; height: 45px; }
    .luxury-product-detail-container .product-gallery { max-height: 220px; }
    .luxury-product-detail-container .mpGalleryItem { margin-bottom: 10px; margin-left: 10px; height: 100px; width: calc(33.33% - 10px);; }
    .luxury-product-detail-container .mpGalleryItem .video-play-button { width: 40px; left: calc(50% - 20px); height: 30px; top: -65px; }
    
    /*----------------------------------------------------------------------- tab-map -----------------------------------------------------------------------*/
    /*------------------------ Options ------------------------*/
    .MapControllerFullDiv .MapController_Items { width: 85px; }
    .MapControllerFullDiv .MapController_Items .item-text { margin: 5px 0 0; }

    /*------------------------ Pallete ------------------------*/
    .MapControllerFullDiv .MapController_Pallette_MainDiv { height: 450px; }
    .MapControllerFullDiv .MapController_Pallette_Header { padding: 8px var(--main-margin-size); }

    /*------------------------ Filters ------------------------*/
    .MapControllerFullDiv .filter-slider,.MapControllerFullDiv .filter-slider-range { width: calc(100% - 50px); }

    /*------------------------ Layers ------------------------*/
    .MapControllerFullDiv input:checked + .slider:before { left: 5px; height: 20px; width: 20px; }

    /*------------------------ Annotate ------------------------*/
    .MapControllerFullDiv .draw-tool-icon-wrapper { padding: 10px; margin-right: 10px }

    /*------------------------ Fullscreen ------------------------*/
    .MapControllerExitFullScreen { width: 80px; }

    /*------------------------ Map Product Info Popup ------------------------*/
    .product_info_popup { width: 300px; height: 400px; }
    .product_info_popup .container { padding: 20px; }
    .product_info_popup .product-image { height: 190px; min-height: 190px; }

    /*----------------------------------------------------------------------- Landing product view -----------------------------------------------------------------------*/
    .landing-product-view .product-item-wrapper { height: 225px; }
    .landing-product-view { --property-search-width: calc(90% / 3); }
    /*----------------------------------------------------------------------- Popup Unite Gallery -----------------------------------------------------------------------*/

    /*------------------------ Unite Gallery Default Theme ------------------------*/
    .unite-gallery-popup .ug-default-button-hidepanel .ug-default-button-hidepanel-bg { opacity: 0.4 !important; }
    
    /*------------------------ Unite Gallery Full Screen ------------------------*/
    .ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox .ug-lightbox-arrow-right,
    .ug-lightbox-container .ug-lightbox-arrow-left, .ug-lightbox-container .ug-lightbox-arrow-right { width: 30px !important; height: 30px !important; }

    /*----------------------------------------------------------------------- Popup Registration Option -----------------------------------------------------------------------*/
    #popup_misc1 .registration-option-container { padding: 100px 15%; }
    .registration-option-container { --sub-heading-1-font-size: 2rem; --button-font-size: 1.75rem; }
    .registration-option-container .reg_group .reg_label label { font-size: var(--label-font-size); }
    #alertPopup { --button-font-size: 1.75rem; }

    /*----------------------------------------------------------------------- Popup-iframe -----------------------------------------------------------------------*/
    .options-iframe-registration-popup #popup_close { width: 12px; height: 12px; }

}

/*------------------------ Ipad Pro Landscape Luxury & Common ------------------------*/
@media all and (width: 1366px)
{
    /*----------------------------------------------------------------------- Variables -----------------------------------------------------------------------*/
    :root
    {
        /*------------------------ normal Vars ------------------------*/
        --property-search-width:calc(100% / 5);
    }

    /*----------------------------------------------------------------------- Font Size -----------------------------------------------------------------------*/
    .contactus-container #luxuryContactForm .reg_header_1, .tab-viewgalleries { font-size: var(--heading-font-size) !important; }

    /*----------------------------------------------------------------------- Common -----------------------------------------------------------------------*/

    /*------------------------ Subsection Tabs ------------------------*/
    .BD-Modal-Wrapper #closebt-container { padding: 16px 25px;}
    .BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li span { padding: 16px 18px; }
    .BD-Modal-Wrapper .close-bottom-div .bd-read-more-start-indicator, .BD-Modal-Wrapper .close-bottom-div .bd-read-more-end-indicator { width: 30px; height: 40px; }
    .tab-folder .overviewImage { height : 100% !important; width: inherit !important;} /* To avoid White space at the bottom for iPads*/

    /*------------------------ Product Detail & Popup Gallery ------------------------*/
    .product-detail-container .details_popup { width: 95%; margin: 30px 2.5% 0px; height: calc(100% - 30px); }
    .product-detail-container #popup_close_container { left: calc(100% + (2.5% - 40px)); }
    .unite-gallery-popup #popup_bottom_close_container { left: 20px; bottom: 10px; }

    /*------------------------ Registration ------------------------*/
    .contactus-container .contact-form { max-height: 100%; }
    .contactus-container .contact-form-body-scroll-holder { height: 70%; }
    .contactus-container .SumoSelect > .CaptionCont, .contactus-container select, .contactus-container input[type="text"] { height: 50px; }
    .contactus-container .contact-form-footer.contact-form-footer-slide { bottom: 26%; }
    .contactus-container .contact-form button { height: 70px; }
    .contactus-container .contact-form .contact-details .signin-link-container button { height: auto;}
    .contactus-container .SumoSelect.open .optWrapper { top: 40px; }
    /*----------------------------------------------------------------------- Home Page -----------------------------------------------------------------------*/
    .navbar .menu-logo { max-height: 65px; }
    
    /*----------------------------------------------------------------------- tab-realestate Normal -----------------------------------------------------------------------*/
    .tab-realestate .SearchFilterOpen .product-item-wrapper, .tab-realestate .SearchFilterOpenLeft .product-item-wrapper { width: calc(100% / 4); }
    
    /*------------------------ Product Thumbs ------------------------*/
    .tab-realestate .product-item-wrapper { width: var(--property-search-width); }

    /*------------------------ Product Detail ------------------------*/    
    .product-detail-container .bd-product-preview-details { padding-left: 20px; }
    .product-detail-container .product-detail-footer { padding: 20px 20px; margin-left: -3%; margin-right: -3%; }
    .product-detail-container button { height: auto; }

    /*----------------------------------------------------------------------- tab-PropertyGridViewWithSummary -----------------------------------------------------------------------*/
    .PropertyGridViewWithSummary .product-detail-footer { padding: 0; margin: 0; }
    .PropertyGridViewWithSummary #popup_close_container { left: initial; }

    /*----------------------------------------------------------------------- tab-FloorPlanListView -----------------------------------------------------------------------*/
    #productdetails_popup.FloorPlanListView { margin: 0px 2.3%; }
    .FloorPlanListView #popup_close_container { left: initial; padding: 15px; max-height: 50px; }
    /*----------------------------------------------------------------------- tab-contactform -----------------------------------------------------------------------*/
    .tab-contactform .contact-form-body-scroll-holder { height: 70%; }
    .tab-contactform .contact-form-footer.contact-form-footer-slide { bottom: 28%; }
    /*----------------------------------------------------------------------- Popup Gallery Luxury -----------------------------------------------------------------------*/
    .luxury-gallery-popup video { height: 92%; margin: 2% auto; }
    
}

/*------------------------ 4K (3840 X 2160) ------------------------*/
@media only screen and (width : 3840px)
{
    /*----------------------------------------------------------------------- Variables -----------------------------------------------------------------------*/
    :root
    {
        --map-search-width:700px;
        --map-draggable-width:350px;
        /*------------------------ Font Size ------------------------*/
        --root-font-size: 26px;
        /*------------------------ Margins ------------------------*/
        --main-margin-size:25px;
        --sub-margin-size:10px;
    }
    /*------------------------ Jquery Slider ------------------------*/
    .ui-slider { height: 40px; }
    .ui-slider .ui-slider-handle { border-radius: 30px; width: 60px; height: 60px; }

    /*----------------------------------------------------------------------- SVG Icons -----------------------------------------------------------------------*/
    .bdk-navbuttons-icon { width: 60px; height: 60px; }
    .canvas-trigger, .map-canvas-trigger { width: 60px; height: 60px; }
    
    /*----------------------------------------------------------------------- Font Size -----------------------------------------------------------------------*/
    .unite-gallery-popup .ug-theme-default .ug-textpanel-description, .MapControllerFullDiv,
    .MapControllerFullDiv .bd-prod-filter-label, .MapControllerExitFullScreen { font-size: var(--label-font-size); }

    /*----------------------------------------------------------------------- Common -----------------------------------------------------------------------*/
    .back-bottom-close .bdk-back, .back-close .bdk-back, #popup_close { width: 40px; height: 50px; }
    
    /*------------------------ Subsection Tabs ------------------------*/
    .BD-Modal-Content .close-bottom-div .bd-read-more-start-indicator, .BD-Modal-Content .close-bottom-div .bd-read-more-end-indicator { width: 40px; height: 60px; }
    .BD-Modal-Wrapper #closebt-container { padding: 50px 30px; }
    .BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li span { padding: 50px 30px; }
    /*------------------------ Map & Product ------------------------*/
    .filtered-view { padding: 20px 30px; }
    .SearchControllerFullDiv .search_close, .MapControllerFullDiv .search_close { width: 40px; height: 40px; }
    .SearchControllerFullDiv .search_reset, .MapControllerFullDiv .search_reset { width: 40px; height: 40px; }
    .SearchControllerFullDiv .search_back, .MapControllerFullDiv .search_back { width: 40px; height: 40px; }
    .SearchControllerFullDiv .filter-left-arrow, .MapControllerFullDiv .filter-left-arrow { width: 40px; height: 40px; }
    .SearchControllerFullDiv .bd-prod-filter-main-div, .MapControllerFullDiv .bd-prod-filter-main-div { padding: 20px 30px; }

    .SearchControllerFullDiv .filter-slider, .MapControllerFullDiv .filter-slider { width: calc(100% - 55px); margin: 0 15px; }
    .SearchControllerFullDiv .filter-slider-range, .MapControllerFullDiv .filter-slider-range { width: calc(100% - 60px); margin: 0 15px 0 15px; }

    .tab-realestate .search_button, .MapControllerFullDiv .search_button { height: 80px; }
    .SearchControllerFullDiv .me-select input[type="checkbox"],
    .SearchControllerFullDiv .me-select label::before,
    .SearchControllerFullDiv .me-select input[type="checkbox"]:checked + label::after,
    .MapControllerFullDiv .me-select input[type="checkbox"],
    .MapControllerFullDiv .me-select label::before,
    .MapControllerFullDiv .me-select input[type="checkbox"]:checked + label::after { left: 30px; }

    .SearchControllerFullDiv .me-select label, .MapControllerFullDiv .me-select label { width: calc(100% - 60px); margin-left: 60px; }

    /*------------------------ Product Detail & Popup Gallery ------------------------*/
    .unite-gallery-popup .ug-bullets, .product-detail-container .ug-bullets { top: 98.5% !important; }

    /*------------------------ Registration ------------------------*/
    .contactus-container .contact-form-body-scroll-holder { height: 65%; padding: 0px 0px 0 40px; }
    .contactus-container input[type="text"], .contactus-container .SumoSelect > .CaptionCont { height: 70px; }
    .contactus-container .CaptionCont > span { padding: 20px 15px; }
    .contactus-container #register_submit { padding: 18px 20px; }
    .contactus-container .contact-form-footer.contact-form-footer-slide { bottom: 34%; }
    #commonContactRegister #keyboard-container { padding: var(--main-margin-size) 30px; }

    .contactus-container #jq-keyboard button.jqk-btn { min-width: 100px; min-height: 100px; }
    .contactus-container #jq-keyboard button.jqk-btn.special.backspace,
    .contactus-container #jq-keyboard button.jqk-btn.special.tab,
    .contactus-container #jq-keyboard button.jqk-btn.special.capslock,
    .contactus-container #jq-keyboard button.jqk-btn.special.enter,
    .contactus-container #jq-keyboard button.jqk-btn.special.shift { width: 140px !important; background-position: 35px 20px !important; background-size: 70px 40px; height: 90px; }
    
    /*----------------------------------------------------------------------- Common Components -----------------------------------------------------------------------*/
    /*------------------------ Close button ------------------------*/
    #popup_close_container { top:10px; }
    /*------------------------ Read more feature ------------------------*/
    .bd-read-more-start-indicator, .bd-read-more-end-indicator { width: 50px; height: 70px; }

    /*----------------------------------------------------------------------- Loading Page -----------------------------------------------------------------------*/
    #loading_with_background #progressBar { margin: 2% auto; width: 400px; height: 40px; margin-bottom: 10px; }

    /*----------------------------------------------------------------------- Home Page -----------------------------------------------------------------------*/
    .navbar .navbar-header { padding: 10px 0; }
    /*------------------------ Hamburger Menu ------------------------*/
    .navbar .menuimg { max-width: 300px; }
    /*------------------------ Logo ------------------------*/
    .navbar .menu-logo { height: 150px; max-height: 150px; }

    /*----------------------------------------------------------------------- Tab-folder -----------------------------------------------------------------------*/
    .tab-folder button[class*="btn"] { padding: 30px 12px; }

    /*----------------------------------------------------------------------- tab-realestate Normal -----------------------------------------------------------------------*/
    .tab-realestate .search_button, .tab-realestate .refine-search-button-wrapper .search_button { height: 70px; }

    .tab-realestate .product-logo img { height: 75px; }
    /*------------------------ Product Detail ------------------------*/
    .product-detail-container .bd-fav-icon { width: 40px; height: 40px; }
    .product-detail-container button { height: 90px; }
    #productdetails_popup .bdk-fav-saved { width: 60px; height: 60px; }
    /*----------------------------------------------------------------------- tab-luxrealestate -----------------------------------------------------------------------*/
    .tab-luxrealestate .virtual-tour-icon { width: 100px; height: 100px; }
    /*----------------------------------------------------------------------- luxury product detail view -----------------------------------------------------------------------*/
    .luxury-product-detail-container .luxRealEstate-product-details-container { height: calc(100% - 60px); margin: 30px 30px 30px; }
    .luxury-product-detail-container .product-logo img { height: 100px; }
    .luxury-product-detail-container .bd-luxRealEstate-product-description { min-height: 300px; max-height: 600px; }
    .luxury-product-detail-container .bd-luxRealEstate-product-description p.bd-read-more-text { -webkit-line-clamp: 10; }
    .luxury-product-detail-container .product-gallery { max-height: 575px; }
    .luxury-product-detail-container .mpGalleryItem { height: 265px; }
    .luxury-product-detail-container .product-request-information, .luxury-product-detail-container .property-list-button { padding: 25px 30px; }
    .luxury-product-detail-container .virtual-tour-icon { width: 100px; height: 100px; }
    .luxury-product-detail-container .mpGalleryItem .video-play-button { width: 100px; left: calc(50% - 50px); height: 60px; top: -130px; }
    .luxury-product-detail-container #popup_close_container { top: initial; }
    /*----------------------------------------------------------------------- tab-map -----------------------------------------------------------------------*/
    .MapControllerFullDiv .MapControllerDrag { width: 100%; height: 60px; padding: 15px; }
    .MapControllerFullDiv .bdk-mapControllerDrag { -webkit-mask-size: 100%; height: 100%; }
    
    .MapControllerFullDiv .MapController_Items, .MapControllerExitFullScreen { width: 200px; padding: 15px; }

    .MapControllerFullDiv .MapController_Items .bdk-svgs, .MapControllerExitFullScreen .bdk-svgs { width: 70px; height: 60px; }
    .MapControllerFullDiv .map-draw-tools .bdk-svgs { width: 60px; height: 60px; }
    .MapControllerFullDiv .MapController_Pallette_MainDiv { height: 1000px; }

    .MapControllerFullDiv .map-draw-tools li { padding: 30px; }

    .MapControllerFullDiv .switch { width: 160px; height: 60px; }
    .MapControllerFullDiv .slider:before { height: 50px; width: 50px; left: 10px; bottom: 5px; }
    .MapControllerFullDiv .MapController_Sub_Pallette input:checked + .slider:before { left: 60px; }
    /*----------------------------------------------------------------------- tab-contactform -----------------------------------------------------------------------*/
    .tab-contactform .contact-form-body-scroll-holder { height: 62%; }
    .tab-contactform .contact-form-body { height: calc(100% - 52px); }
    .tab-contactform .contact-form-footer { height: 36%; }
    .tab-contactform .contact-form-footer.contact-form-footer-slide { bottom: 36%; }
    .tab-contactform #jq-keyboard button.jqk-btn { min-width: 100px; }

    /*----------------------------------------------------------------------- Popup Alert -----------------------------------------------------------------------*/
    
    /*----------------------------------------------------------------------- Popup Alert Modal-----------------------------------------------------------------------*/
    #alertPopup.alert-modal .details_alertPopup, #alertPopup.alert-modal .logout-cancel-wrapper { width: 500px; height: 600px; }
    .alert-modal .bdk-svgs { width: 120px; height: 90px; }
    /*----------------------------------------------------------------------- Popup Unite Gallery -----------------------------------------------------------------------*/
    /*------------------------ Unite Gallery Full Screen ------------------------*/
    .ug-lightbox .ug-lightbox-button-close, .ug-lightbox-container .ug-lightbox-button-close { width: 40px; height: 40px; }
    .ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox .ug-lightbox-arrow-right,
    .ug-lightbox-container .ug-lightbox-arrow-left, .ug-lightbox-container .ug-lightbox-arrow-right { width: 90px !important; height: 90px !important;  }
    /*----------------------------------------------------------------------- Popup Gallery Luxury -----------------------------------------------------------------------*/
    .luxury-gallery-popup #popup_close_container { top: initial; }
    /*----------------------------------------------------------------------- Popup Registration -----------------------------------------------------------------------*/
    #commonContactRegister .reg_action_buttons_wrapper { width: calc(35% + 30px); }
}
/*------------------------ IE Edge 12+ ------------------------*/
/*01.Talisker Kiosk Issue(DSHL-547) Need to move to their custom css*/
@supports (-ms-ime-align:auto) or (-ms-accelerator:auto) {
    .bdk-mapReset { background: url(../images/icons/map-reset.svg) no-repeat; }
    .bdk-mapOptions { background: url(../images/icons/filters.svg) no-repeat; }

    .CustomWebsiteCSS .MapControllerFullDiv .search_reset { background: url(../images/icons/reset.svg) no-repeat; }
    .CustomWebsiteCSS .MapControllerFullDiv .search_close, .CustomWebsiteCSS .bdk-close { background: url(../images/icons/icon-kiosk-close.svg) no-repeat; }
    .CustomWebsiteCSS .MapControllerFullDiv .search_back { background: url(../images/icons/arrow-left.svg) no-repeat }
    .CustomWebsiteCSS .MapControllerFullDiv .filter-left-arrow { background: url(../images/icons/arrow-left.svg) no-repeat; }

    .MapControllerFullDiv .bdk-mapControllerDrag { background: url(../images/icons/map-ctrl-grab.svg) no-repeat; height: 20px !important; width: 100%; background-size: 100% 100%; }

    .CustomWebsiteCSS .MapControllerFullDiv .MapController_Items .bdk-mapOptions,
    .CustomWebsiteCSS .MapControllerFullDiv .MapController_Items .bdk-mapReset,
    .CustomWebsiteCSS .MapControllerFullDiv .MapController_Items .bdk-mapLegend { height: 30px !important; width: 30px !important; background-size: 20px 20px; background-position-x: 5px; background-position-y: 5px; }
    .CustomWebsiteCSS .MapControllerFullDiv .filter-left-arrow, .CustomWebsiteCSS .MapControllerFullDiv .search_back, .CustomWebsiteCSS .MapControllerFullDiv .search_reset, .CustomWebsiteCSS .MapControllerFullDiv .search_close { height: 20px !important; width: 20px !important; background-size: 10px 10px; background-position-x: 5px; background-position-y: 5px; }
}