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

/* reset */
* {box-sizing: border-box;}
body {margin: 0; background-color: #fff; font-weight: 300;}
body > .bv-page-message {display: none;}

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

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

    /* header */
    .header {height: 101px;}
    .header > div {height: 101px;}
    .header .logo {top: 13px; left: 16px; height: 75px;}

     /* property menu */
    .bv-fw-property-menu .bv-menu-trigger {font-weight: 400 !important; font-size: 16px !important; text-transform: initial !important;}
} 

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

    /* header */
    .header {height: 117px; }
    .header .logo {top: 19px; left: 16px; height: 80px;}

    /* 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: 56px; 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: 35px;}
    body .bv-fw-property-menu .bv-menu.bv-support {margin-right: 65px;}
    body .bv-fw-property-menu > div {display: flex; justify-content: flex-end; flex-wrap: nowrap; padding: 0 1.5rem; max-width: 100%;}
    body .bv-fw-property-menu .bv-menu > ul > li > a {color: #fff; font-weight: 400 !important; font-size: 19.2px !important; transition: color .2s;}
    body .bv-fw-property-menu .bv-menu > ul > li > a:hover {color: #fff;}
    body .bv-fw-property-menu .bv-menu > ul > li + li {margin-left: 35px !important;} 
    body .bv-fw-property-menu .bv-language {right: 1.5rem;}
    body .bv-fw-property-menu .bv-language > a {color: #fff;}
    body .bv-fw-property-menu .bv-menu > ul > li > a:before {display: none !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;}
}