/*----------------------------------------------------------------------- Variables -----------------------------------------------------------------------*/
:root
{
    /*------------------------ Dynamic Vars(updated by js) ------------------------*/
    --navbar-height: 120px;
    --subnavbar-height: 72px;
    --logo-height:calc(var(--navbar-height) + var(--subnavbar-height));/* 190px;*/
    /*------------------------ normal Vars ------------------------*/
    --tab-content-height:calc(var(--screen-height) - var(--navbar-height));
}
.rectangle-logo { --logo-height: var(--navbar-height); }

/*----------------------------------------------------------------------- Utility -----------------------------------------------------------------------*/
.BR { bottom: calc(var(--navbar-height) + 30px); right: 30px; top: auto; left: auto; }
.BL { bottom: calc(var(--navbar-height) + 30px); left: 30px; top: auto; right: auto; }
/*----------------------------------------------------------------------- Font Size -----------------------------------------------------------------------*/
.mainbody-section .menu-item .menulevel1Span, .luxury-gallery-popup .bd-product-description { font-size: var(--label-font-size); }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li span, .luxury-product-detail-container .product-request-information,
.luxury-product-detail-container .property-list-button, .unite-gallery-popup .gallery-title { font-size: var(--sub-heading-font-size); }

/*----------------------------------------------------------------------- Common -----------------------------------------------------------------------*/
html { overflow: hidden; }
body { padding-top: 0; }
video::-webkit-media-controls { display: flex; }
.tab-content-multilevel, .content-multilevel { --tab-content-height: calc(var(--screen-height) - (var(--navbar-height) + var(--subnavbar-height))); height: var(--tab-content-height); }
#popup.iframe-popup, #popup.luxury-gallery-popup,#productdetails_popup.luxury-product-detail-container, .MapControllerFullDiv, .SearchControllerFullDiv { top: 0; }

/*------------------------ Z Index ------------------------*/
.contactus-container .intl-tel-input .selected-flag { z-index: var(--zindex-1) !important; }
/*#HomeScreenSlider, */
.mainbody-section .nav-buttons-wrapper { z-index: var(--zindex-2) !important; }
#popup.product-luxury-gallery-popup { z-index: var(--zindex-4) !important; }
#popup.luxury-gallery-popup { z-index: var(--zindex-7) !important; }
.mainbody-section #homescreenTiles { z-index: var(--zindex-5) !important; }
.mainbody-section .menu-logo-wrapper { z-index: var(--zindex-6) !important; }

#screen_dimmer.screen-dimmer-gallery-popup, #screen_dimmer.screen-dimmer-product-detail, #screen_dimmer.screen-dimmer-help, #screen_dimmer.screen-dimmer-readmore { z-index: var(--zindex-7) !important; }
#popup.unite-gallery-popup, #productdetails_popup.product-detail-container, #popup.kiosk_help_popup, #popup.kiosk_readmore_popup { z-index: var(--zindex-8) !important; }

#screen_dimmer.screen-dimmer-tour-popup, #screen_dimmer.screen-dimmer-registration { z-index: var(--zindex-9) !important; }
#popup.tour-popup, .distractful-controls, #commonContactRegister { z-index: var(--zindex-10) !important; }

.ug-lightbox-container { z-index: var(--zindex-11); }
#screen_saver_div, .canvas-container, .canvas-tools { z-index: var(--zindex-12); }
#screen_dimmer.screen-dimmer-alert-popup { z-index: var(--zindex-13) !important; }
#alertPopup { z-index: var(--zindex-14); }
/*------------------------ Subsection ------------------------*/
.BD-Modal-Wrapper.open { top: 0px; }

/*------------------------ Subsection Tabs ------------------------*/
.BD-Modal-Wrapper .tabbable { display: block; }
.BD-Modal-Wrapper .tab-content { height: var(--tab-content-height); }
.BD-Modal-Wrapper .close-bottom-div { display: none; }
/*.BD-Modal-Wrapper .tabbable-mapexplorer .close-bottom-div { display: flex; }*/

.BD-Modal-Wrapper .nav-tabs-wrapper { margin-left: 350px; }
.rectangle-logo .BD-Modal-Wrapper .nav-tabs-wrapper { margin: 0; }

.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs { justify-content: center; }
.BD-Modal-Wrapper .nav-tabs-wrapper .bd-read-more-indicator { justify-content: flex-start; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li { padding: 0; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li span { padding: 15px 18px; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li:last-child span { border-right: none !important; }
.BD-Modal-Wrapper .nav-tabs-wrapper .nav-tabs li .bd-tab-uparrow-icon { display: none; }

/*------------------------ User Info ------------------------*/
.user-details-view { top: initial; padding: 15px 20px; position: relative; }

/*----------------------------------------------------------------------- Home Page -----------------------------------------------------------------------*/
.mainbody-section { background: none !important; }
.mainbody-section .container-fluid { padding: 0; }

/*------------------------ Logo ------------------------*/
.mainbody-section .menu-logo-wrapper { position: absolute; border: none; display: none; transition: all 2s; height: var(--logo-height); }
.square-logo .mainbody-section .menu-logo-wrapper { width: 256px; left: 85px; bottom: 1px; }
.rectangle-logo .mainbody-section .menu-logo-wrapper { width: 320px; left: 0px; bottom: 0px; }

/*------------------------ Tiles ------------------------*/
.mainbody-section #homescreenTiles { margin: 0; bottom: 0; left: 0; opacity: 0.6; position: absolute; height: 120px; padding: 0; overflow-x: scroll; display: none; width: 100%; transition: all 2s; }
.mainbody-section .MenuContentWrapper { position: absolute; overflow-x: scroll; overflow-y: hidden; left: 350px; height: 100%; display: flex; bottom: 0; -webkit-overflow-scrolling: touch; width: calc(100% - 350px); }
.rectangle-logo .mainbody-section .MenuContentWrapper { left: 320px; width: calc(100% - 320px); }

.mainbody-section #MenuContent { height: 100%; }
.mainbody-section #MenuLevel1 { padding: 0px; text-transform: uppercase; list-style: none; text-align: center; height: 100%; display: flex; }
.mainbody-section .menu-item { position: static !Important; float: left; text-align: center; border: 1px solid transparent; margin: 0 0 0 0px; width: 260px; display: table; }
.mainbody-section .menu-item:hover { border: 1px solid transparent; opacity: 1; }
.mainbody-section .menu-item:last-child .menulevel1Span { border-right: none !important; }
.mainbody-section .menu-item .menulevel1Span { width: 260px; padding: 0 25px; display: table-cell; vertical-align: middle; }

/*------------------------ Slider/Video ------------------------*/
#HomeScreenSlider { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; }

.mainbody-section .nav-buttons-wrapper { width: auto; padding: 0; right: 0px; top: 0; position: absolute; display: flex; flex-direction: column-reverse; }
.mainbody-section .nav-button { margin-bottom: 10px; padding: 15px 20px; }
.mainbody-section .nav-buttons-reg { margin-bottom: var(--main-margin-size); }
.mainbody-section .nav-buttons-reg .nav-button { margin: 0px; }
.mainbody-section .nav-button .bdk-navbuttons-icon { margin-bottom: 10px; }
.mainbody-section .navbar-mapexplorer { display: none !important; }
/*.mainbody-section .nav-buttons-reg .nav-button { margin: 0 }*/
.mainbody-section .nav-button:last-child { margin: 0; border: none; }
/*----------------------------------------------------------------------- tab-map -----------------------------------------------------------------------*/
.MapControllerFullDiv .MapController_Items .bdk-mapOptions, .MapControllerFullDiv .MapController_Items .bdk-mapLayers { width: 40px; }

/*------------------------ Fullscreen ------------------------*/
#homescreenTiles.fullscreen-map,
.rectangle-logo .mainbody-section .menu-logo-wrapper.fullscreen-map,
.square-logo .mainbody-section .menu-logo-wrapper.fullscreen-map { bottom: calc(0px - var(--logo-height)); }
.fullscreen-map .tab-content { height: 100%; }

/*----------------------------------------------------------------------- tab-ClusterGallery -----------------------------------------------------------------------*/
.tab-clustergallery #popup_close_container { bottom: 30px; }

/*----------------------------------------------------------------------- tab-contactform -----------------------------------------------------------------------*/
/*.tab-contactform .contactus-container-content { padding: 5% 5% 30px; }*/
/*----------------------------------------------------------------------- Landing product view -----------------------------------------------------------------------*/
#product_popup.landing-product-popup { height: var(--tab-content-height); }

/*----------------------------------------------------------------------- Popup-iframe -----------------------------------------------------------------------*/
.iframe-popup #popup_close_container { left: 20px; bottom: 20px; top: auto; right: auto; }

/*----------------------------------------------------------------------- Popup Gallery Luxury -----------------------------------------------------------------------*/
#popup.luxury-gallery-popup { height: 100%; }
.luxury-gallery-popup video { height: 85%; }
.luxury-gallery-popup .product-details { max-height: var(--BD-Modal-Wrapper-open-height); }
.luxury-gallery-popup #popup_close_container { bottom: calc(var(--navbar-height) + 20px); }

/*----------------------------------------------------------------------- Media Queries -----------------------------------------------------------------------*/
/*------------------------ Ipad Pro Landscape ------------------------*/
@media all and (width: 1366px) 
{ 
    /*----------------------------------------------------------------------- Home Page -----------------------------------------------------------------------*/ /*------------------------ Logo ------------------------*/ .mainbody-section .menu-logo-wrapper { left: 50px; }
    .fullscreen-map {display:none !important} /*In Ipad the bottom nav slides down so iPads bounce effect exposes nav bar so completely hiding it*/
    /*------------------------ Tiles ------------------------*/
    .mainbody-section #homescreenTiles { height: 80px; }
    .mainbody-section .MenuContentWrapper { left: 315px; width: calc(100% - 315px); }
    .BD-Modal-Wrapper .nav-tabs-wrapper { margin-left: 315px; }
    .mainbody-section .menu-item { width: 150px; }
    .mainbody-section .menu-item .menulevel1Span { width: 150px; }
    /*----------------------------------------------------------------------- Tab-folder -----------------------------------------------------------------------*/
    .tab-folder .overview-content { padding-top: 40px; }
    .tab-folder .bd-kiosk-tab-gallerypopup { width: 14%; }

    /*----------------------------------------------------------------------- Popup Gallery Luxury -----------------------------------------------------------------------*/
    .luxury-gallery-popup video { height: 76%; margin: 5.5% auto; }
}