/* custom font */
@font-face {
    font-family: stolzl-book;
    src: url(../font/stolzl_bold.otf);
}

@font-face {
    font-family: stolzl-bold;
    src: url(../font/stolzl_bold.otf);
}

@font-face {
    font-family: stolzl-light;
    src: url(../font/stolzl_light.otf);
}

@font-face {
    font-family: stolzl-medium;
    src: url(../font/stolzl_medium.otf);
}

@font-face {
    font-family: stolzl-regular;
    src: url(../font/stolzl_regular.otf);
}

@font-face {
    font-family: stolzl-thin;
    src: url(../font/stolzl_thin.otf) format('opentype');
}

/* root colour */

:root {
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-pickled-bluewood: #354459;
    --color-pickled-bluewood-rgb: rgb(53, 68, 89);
    --color-spring-wood: #F8F4EC;
    --color-spring-wood-rgb: rgb(248, 244, 236);
    --color-text: #444444;
}



header {
    min-height: 108px;
    background: var(--color-white);
    z-index: 6667;
    position: relative;

    /* set animation */
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header.sticky {
    position: fixed;
    min-height: 80px;
    width: 100%;
    background: var(--color-white);
    top: 0px;
    padding: 0;
    z-index: 99997;
    border-bottom: solid 1px #F1F1F1;
}

header.sticky .logo img {
    max-width: 400px;
    width: 100%;
    /* margin: 22px 0 0 0; */
}

header.sticky .nav {
    margin: 16px 0 0 0;
}

header.sticky .wtf-menu ul.submenu {
    padding-top: 24px;
}

@media (max-width: 776px){
    header.sticky .logo img {
        max-width: 200px;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .logo img {
        max-width: 200px;
    }
    
}





.header2 {

    min-height: 98px;
    background: var(--color-white);
    z-index: 6667;
    position: relative;
    /* set animation */
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header2.sticky {
    position: fixed;
    min-height: 76px;
    width: 100%;
    background: var(--color-white);
    top: 0px;
    padding: 0;
    z-index: 99997;
    border-bottom: none;
}

.header2.sticky .logo {
    margin: 0 0 0 0;
}

.header2.sticky .logo img {
    width: 170px;
    margin: 22px 0 0 0;
}

.header2.sticky .nav {
    margin: 0 0 0 0;
}

.header2.sticky .wtf-menu ul.submenu {
    padding-top: 0;
    margin-top: -22px;
}

.header2.sticky .nav li.item-select {
    padding: 28px 0;
}

.header2.sticky .nav li:hover {
    background: #464C5B;
    border-radius: 0;
    padding: 28px 0;
}

.header2.sticky .nav li {
    padding: 28px 0;
}
















#page header.sticky a {

    top: 14px;
    z-index: 99998;
    left: -40px;

}

#page .header {
    position: fixed;
    z-index: 99998;
}

#page header.sticky {
    min-height: 75px;
    border-bottom: none;
}