@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');

/* reset */
* {box-sizing: border-box;}
body {margin: 0; background-color: #fff; letter-spacing: 0.01rem;}
body > .bv-page-message {display: none;}

/* header */
.header {position: absolute; top: 0; right: 0; left: 0; background-color: #1b2e40;}
.header > div {position: relative; margin: 0 auto; max-width: 1190px;}
.header .logo {position: absolute; z-index: 10002; display: block;}
.header .logo img {display: block; width: 100%;}

@media all and (max-width: 1000px) {
    body {padding-top: 132px;}

    /* header */
    .header {height: 132px;}
    .header .logo {width: 150px; top: 25px; left: 15px;}

    /* property menu */
    .bv-fw-property-menu .bv-menu-trigger {color: #fff; font-weight: 400 !important; font-size: 15.3px !important; font-family: 'Roboto Condensed', sans-serif !important; text-transform: initial !important; letter-spacing: 0.01em;}
} 

@media all and (min-width: 1001px) {
    body {padding-top: 144px; background-size: cover; background-attachment: fixed; background-position: top center;}
    body:before {content: ''; pointer-events: none; background-color: #000000; opacity: .5;  position: fixed; top: 0; right: 0; bottom: 0; left: 0;}

    /* header */
    .header {height: 144px;}
    .header .logo {width: 190px; top: 20px; left: 40px;}

    /* title */
    .bv-framework-title h1,
    .bv-framework-title h2 {}
    .bv-framework-title * {opacity: 1 !important; color: #fff !important;}

    /* property menu */
    body .bv-fw-property-menu,
    body .bv-fw-property-menu .bv-menu {background: transparent;}
    body .bv-fw-property-menu {position: absolute; top: 47px; right: 0; left: 0;}
    body .bv-fw-property-menu .bv-menu-combined {display: flex;}
    body .bv-fw-property-menu .bv-menu.bv-main {margin-right: 25px;}
    body .bv-fw-property-menu > div {display: flex; max-width: 1140px; justify-content: flex-end; flex-wrap: nowrap;}
    body .bv-fw-property-menu .bv-menu > ul > li > a {color: #fff; font-weight: 400 !important; font-family: 'Roboto Condensed', sans-serif !important; font-size: 15.3px !important; transition: opacity .1s; letter-spacing: 0.01em;}
    body .bv-fw-property-menu .bv-menu > ul > li > a:hover {opacity: .7;}  
    body .bv-fw-property-menu .bv-menu > ul > li + li {margin-left: 25px !important;} 
    body .bv-fw-property-menu .bv-menu.bv-main>ul>li>a:before {display: none;}
    body .bv-fw-property-menu .bv-language > a {color: #fff;}

    /* sidebar */
    .bv-widget .bv-datepicker td > a:not(.bv-state-active) {background-color: rgba(51,51,51,.15) !important;}
}

@media all and (max-width: 599px) {
    html.bv-widget-noscroll-small-device .header .logo,
    html.bv-menu-noscroll .header .logo {z-index: 1 !important;}
}