/* ----------------------------------------------------------------
    Custom CSS

    Add all your Custom Styled CSS here for New Styles or
    Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/*Scrollbar*/
/*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #6c6d70; 
}

::-webkit-scrollbar-thumb {
    background: #886e4b; 
}

::-webkit-scrollbar-thumb:hover {
    background: #886e4b; 
}*/

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

body { background-color: #111111; }
#content { background-color: #111111; }


.content-wrap { padding: 20px 0; }

.theme-color { background: #886e4b; color: #fff; }


.full-header #logo { padding-right: 0; border-right: none; }
.dark .menu-link { color: #999999; }
.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link { color: #ffffff; }

#logo { margin: 0 auto !important; }
.header-misc { margin-left: 0; }
.header-misc-icon > a { font-size: 1.5rem; color: #886e4b !important;  }
.side-push-panel #side-panel-trigger-close a { 
    display: block;
    position: absolute;
    z-index: 12;
    top: 0;
    left: auto;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #444;
    text-align: center;
    background-color: rgba(0,0,0,0.1);
    border-radius: 0 0 0 2px;
}

.nav-tree li a { 
    font-family: 'maaxregular', sans-serif; 
    color: #886e4b;
    font-size: 14px;
    font-weight: normal;
    padding:  16px 0;
    text-align: right;
 }

.nav-tree li a:hover, .nav-tree li a.active { color: #333; }

#page-title { padding: 1rem 0 !important; }


.slider-caption h2 { font-weight: 500; font-size: 36px; }

/*.tab-nav li a { padding: 0 20px; font-weight: normal; font-size: 14px; height: auto; }
.tabs-bb .tab-nav li.ui-tabs-active a, .tabs-bb .tab-nav li a.active { color: #886e4b; font-weight: normal; border-bottom: #886e4b 1px solid; }*/

.toggle-header, .accordion-header { color: #886e4b; }
.accordion-content { font-size: 14px; line-height: 18px; }
.accordion-content h5, .table h5 { font-size: 20px; color: #886e4b; }
.accordion-content p, .tab-content .table { margin-bottom: 15px; font-size: 16px; line-height: 18px; }
.accordion-content .table { margin-bottom: 0;}
.table td a { text-decoration: underline !important; }

.tab-content .table th, .tab-content .table td { border-top: none; padding: 0.5rem; }

.fancybox-slide--image { padding: 0 !important; }
/*.fancybox-toolbar { visibility: visible !important;}
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { opacity: 1; }*/
/*.fancybox-bg { background-color: rgba(241, 241, 241, 1.0); }*/
/*.fancybox-is-open .fancybox-bg { opacity: 1 !important; }*/
.fancy-button-compare { width: auto; padding-left: 15px; }
.fancy-button-compare i { margin-right: 5px; }
.fancybox-container.compare-left { width: 50% !important; }
.fancybox-container.compare-right { left: auto; right: 0 !important; width: 50% !important; }
.fancybox-caption { display: none; }

.owl-carousel .owl-item img { height: 775px; width: auto; margin: 0 auto; }
.owl-carousel .owl-dots { margin-bottom: 10px; }
.owl-carousel .owl-dots .owl-dot { margin-top: 0px; bottom: 10px; }

.iframe-compare {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    border: none;
    display: block;
}

.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }

.unit-b1 { background-color: #d6e1dc !important; }
.unit-b2 { background-color: #c9dee8 !important; }
.unit-lc { background-color: #efeff0 !important; }
.unit-b4 { background-color: #eae0ce !important; }
.unit-a { background-color: #e8d9d7 !important; }
.basement { background-color: #dcddde !important; }
/*.unit-a1 a, .unit-b3 a, .unit-b4 a, .unit-b5 a, .unit-c1 a, .unit-ph a { color: #fff !important; }*/
.list-group-item { border: none; }

.list-group-item.active { background-color: #d5c2ac !important; border-color: #d5c2ac !important; }

.floor-plan { padding: 0 10px; }
.floor-plan tr td { padding: 6px 0; color: #666; }
.floor-plan tr td a { color: #666; padding: 0 20px; font-size: 14px; line-height: 22px; width: 100%; text-decoration: none !important; }
.floor-plan tr td a:hover, .floor-plan tr td a:active { color: #000 !important; }
.floor-plan tr .unit-header { background-color: #fff; border-color: transparent; color: #333; font-weight: bold; font-size: 16px; padding: 8px 0; }
.floor-plan tr.unit-sub-header th { border-left: transparent; border-right: transparent; padding: 6px 0; }
.floor-plan h4, .floor-plan p { margin-bottom: 0; }
.floor-plan h4 { font-weight: bold; line-height: 1 !important; font-size: 14px; margin-bottom: 1px !important; }
.floor-plan p {line-height: 1.0 !important; }
.floor-plan .level-txt {
    margin-top: 20px;
    margin-bottom: -80px;
    margin-left: 6px;
    transform-origin: 0 0;
    transform: rotate(270deg);
}

.drop-select { position: absolute; display: block; float: right; top: 20px; right: 20px; z-index: 999999; }
.drop-select .dropdown-menu p { font-family: 'maaxbold', sans-serif; color: #886e4b; font-weight: normal; margin: 0 0 10px 20px; font-size: 16px; }
.drop-select .dropdown-item { font-size: 14px; }    

#map-section {
    width: 100%;
    max-width: 100%;
}


/* Editor */
.editor-window {
    display: none;
    margin: 0 auto;
    width: 460px;
}

.editor-body {
    background: #272822;
    color: #cfcfc2;
    padding: 14px;
    font-size: 12px;
}

/* Map */
.map-container {
    margin: 0 auto;
}

/* Icons */
.icon {
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 60px;
}

.dark .fbox-bg.fbox-center .fbox-icon { background-color: transparent; }
.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img { color: #999; }
.fbox-content h3 { font-size: 24px; }
.fbox-content h3 span.subtitle { font-size: 14px; }


@media (min-width: 1920px) {

}

@media (min-width: 1024px) {


}

@media (max-width: 1024px) {

}

@media (max-width: 991.98px) {
    
}

@media (max-width: 575.98px) {
    .floor-plan tr .unit-header  { font-size: 11px; }
    .table-bordered > tbody > tr > td, .floor-plan tr td a { font-size: 11px; padding: 6px 0; }

    #mapplic, .mapplic-container {
        height: 80vh !important;
        min-height: auto;
    }
}