@font-face { font-family: 'Museo'; src: url('../wf/Museo700-Regular-webfont.woff2') format('woff2'), url('../wf/Museo700-Regular-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Museo'; src: url('../wf/Museo500-Regular-webfont.woff2') format('woff2'), url('../wf/Museo500-Regular-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Museo'; src: url('../wf/Museo300-Regular-webfont.woff2') format('woff2'), url('../wf/Museo300-Regular-webfont.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'uaf'; src: url('/resources/themes/uaf/wf/uaf.woff2') format('woff2'); }
@font-face { font-family: 'tools'; src: url('/resources/themes/uaf/wf/tools.woff2') format('woff2'); }

html, body { margin: 0; padding: 0; height: 100%; }
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, menu { list-style: none; margin: 0; padding: 0; }
blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { text-decoration: none; color: #F28F1E; transition: color 0.2s ease; }
a:hover { color: #FF9E3E; }
a:focus { outline: none; }
body.kbu a:focus { outline: 1px dotted; }
img { border: none; max-width: 100%; }

body { font-family: 'Museo', sans-serif; font-weight: 400; background-color: #FFFFFF; color: #494949; font-size: 10px; text-align: center; display: flex; flex-direction: column; overflow-x: hidden; }
body > * { flex-grow: 0; flex-shrink: 0; }

body > #logo { display: block; padding: 1.5em 2em; background-color: #FFFFFF; }
body > #logo > a { display: block; height: 5em; width: 9em; position: relative; outline: none; }
body.kbu > #logo > a:focus { outline: 1px dotted #F28F1E; }
body > #logo > a:focus {  }
body > #logo > a > svg > path { fill: #F28F1E; }
body > #logo > a > svg > polygon { display: none; }
body > #logo > a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/53% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 66% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/15% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/26% 0.4em no-repeat; 
}

body > #logo > a.play:before { animation: 5s linear 0s infinite uafbspin ; }

@keyframes uafbspin {
    0% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/53% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 66% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/15% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/26% 0.4em no-repeat; 
    }
    6.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/27% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 92% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/41% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    8.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/19% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 92% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/49% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    13.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/19% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 73% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/68% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    21.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/51% 0.4em no-repeat,            
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 41% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/100% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 68% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    31.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/92% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 41% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/100% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 27% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    33.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/92% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 49% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/100% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 19% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    38.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/73% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 68% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/100% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 19% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    46.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/41% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 100% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/68% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 51% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    56.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/41% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 100% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/27% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 92% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.4em no-repeat; 
    }
    58.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/49% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 100% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/19% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 92% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/0 0.4em no-repeat; 
    }
    63.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/68% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 100% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 73% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/19% 0.4em no-repeat; 
    }
    71.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/100% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 68% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 41% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/51% 0.4em no-repeat; 
    }
    81.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/100% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 27% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 41% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/92% 0.4em no-repeat; 
    }
    83.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/100% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 19% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 49% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/92% 0.4em no-repeat; 
    }
    88.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/100% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 19% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 68% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/73% 0.4em no-repeat; 
    }
    96.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/68% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 51% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/41% 0.4em no-repeat; 
    }
    100% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/53% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 66% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/15% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/26% 0.4em no-repeat; 
    }
    
}

body > nav { padding: 3em 3em 0; position: absolute; top: 0; right: 0; color: #606060; z-index: 1000; display: flex; }
body > nav a { display: block; color: #606060; position: relative; white-space: nowrap; }
body > nav a[href*=tickets] { color: #F28F1E; }
body > nav a:hover,
body > nav a:focus { color: #F28F1E; outline: none; }
body.kbu > nav a:focus { outline: 1px dotted #F28F1E; }
body > nav > ul { display: block; width: 100%; }
body > nav > ul > li { display: inline-block; font-size: 1.6em; font-weight: 500; text-transform: lowercase; position: relative; margin: 0 0.5em; }
body > nav > ul > li > a { padding: 0 0.8em 0.3em; overflow: hidden; }
body > nav > ul > li > a:before { content: ''; background: #F28F1E; width: 0.2em; height: 100%; position: absolute; right: 0; top: -101%; transition: top 0.1s linear 0.4s; }
body > nav > ul > li > a:after { content: ''; background: #F28F1E; width: 100%; height: 0.2em; position: absolute; right: -101%; bottom: 0; transition: right 0.1s linear 0.3s; }
body > nav > ul > li:hover > a:before { top: 0; transition: top 0.1s linear 0s; }
body > nav > ul > li:focus-within > a:before { top: 0; transition: top 0.1s linear 0s; }
body > nav > ul > li:hover > a:after { right: 0; transition: right 0.1s linear 0.1s; }
body > nav > ul > li:focus-within > a:after { right: 0; transition: right 0.1s linear 0.1s; }
body > nav > ul > li > ul { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out 0s; position: absolute; top: 100%; left: 0; text-align: left; background: #FFFFFF; }
body > nav > ul > li > ul > li:nth-child(1) { padding-top: 0.3em; }
body > nav > ul > li:hover > ul { max-height: 20em; transition: max-height 0.3s ease-in 0.2s; overflow: visible; }
body > nav > ul > li:focus-within > ul { max-height: 20em; transition: max-height 0.3s ease-in 0.2s; overflow: visible; }
body > nav > ul > li > ul:before { content: ''; background: #F28F1E; width: 0.2em; height: 100%; position: absolute; left: 0; top: 0%; z-index: 1; }
body > nav > ul > li > ul > li { position: relative; background: #FFFFFF; }
body > nav > ul > li > ul > li > a { display: block; position: relative; padding: 0 0.8em 0.3em; overflow: hidden; }
body > nav > ul > li > ul > li.parent > a:before { content: ''; background: #F28F1E; height: 0.2em; position: absolute; left: -70%; width: 0; bottom: 0; transition: width 0.1s linear 0.3s, left 0s linear 0.4s; }
body > nav > ul > li > ul > li.parent:hover > a:before { width: 70%; left: 30%; transition: width 0.1s linear 0s, left 0s linear 0s; }
body > nav > ul > li > ul > li > ul { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out 0s; position: absolute; top: -0.293em; left: 100%; text-align: left; background: #FFFFFF; }
body > nav > ul > li > ul > li:nth-child(1) > ul { top: 0; }
body > nav > ul > li > ul > li:hover > ul { max-height: 20em; transition: max-height 0.3s ease-in 0.1s; }
body > nav > ul > li > ul > li:focus-within > ul { max-height: 20em; transition: max-height 0.3s ease-in 0.1s; }
body > nav > ul > li > ul > li > ul:before { content: ''; background: #F28F1E; width: 0.2em; height: calc(100% - 1.5em); position: absolute; left: 0; top: 1.5em;}
body > nav > ul > li > ul > li > ul > li { position: relative; }
body > nav > ul > li > ul > li > ul > li:nth-child(1) { padding-top: 0.3em; }
body > nav > ul > li > ul > li > ul > li > a { padding: 0 0.8em 0.3em; overflow: hidden; }
body > nav > ul > li > ul a[href*='supporting'] { white-space: normal; }

body > nav .navx { display: none; }

@media (max-width: 990px) { body > nav > ul > li { margin: 0 0.25em; } }
@media (max-width: 930px) { body > nav > ul > li { margin: 0 0.05em; } }
@media (max-width: 890px) { body > header > #logo { font-size: 0.8em; } }

body > nav .social > ul { white-space: nowrap; font-size: 1.6em; }
body > nav .social > ul > li { display: inline-block; margin-left: 0.25em; }
body > nav .social > ul > li > a { display: block; width: 1em; overflow: hidden; }
body > nav .social > ul > li > a:before { display: inline-block; width: 1em; font-family: 'uaf'; }
body > nav .social > ul > li > a[href*='facebook']:before { content: '\F230'; }
body > nav .social > ul > li > a[href*='instagram']:before { content: '\F16D'; }
body > nav .social > ul > li > a[href*='pinterest']:before { content: '\F0D2'; }
body > nav .social > ul > li > a[href*='linkedin']:before { content: '\F0E1'; }
body > nav .social > ul > li > a[href*='twitter']:before { content: '\F099'; }
body > nav .social > ul > li > a[href*='/contact']:before { content: '\F0E0'; }

@media (max-width: 870px) {
    body > nav { position: absolute; top: 8em; left: 0; height: calc(100% - 8em); max-height: 0; transition: max-height 0.5s ease; z-index: 1600; display: flex; flex-wrap: wrap; background: #FFFFFF; padding: 0; align-content: center; }
    body > nav.open { max-height: 100%; }
    body > nav:focus-within { max-height: 100%; }
    body > nav > ul { font-size: 1.5em; z-index: 1600; text-align: center; overflow: hidden; max-height: 100%; }
    body > nav > ul > li { display: block; margin-bottom: 0.3em; }
    body > nav > ul > li > a { display: block; padding: 0; }
    body > nav > ul > li > a:before { display: none; }
    body > nav > ul > li > a:after { display: none; }
    body > nav > ul > li > ul { max-height: none; overflow: visible; width: 100%; text-align: center; position: relative; left: auto; top: auto; font-size: 0.8em; }
    body > nav > ul > li > ul:before { display: none; }
    body > nav > ul > li > ul > li { display: inline-block; margin: 0 0.5em; }
    body > nav > ul > li > ul > li.parent { display: block; }
    body > nav > ul > li > ul > li > a { padding: 0; }
    body > nav > ul > li > ul > li > a:before { display: none; }
    body > nav > ul > li > ul > li > ul { max-height: none; overflow: visible; width: 100%; text-align: center; position: relative; left: auto; top: auto; font-size: 0.8em; }
    body > nav > ul > li > ul > li > ul:before { display: none; }
    body > nav > ul > li > ul > li > ul > li { display: inline-block; margin: 0 0.5em; }
    body > nav > ul > li > ul > li > ul > li > a { padding: 0; }
    body > nav > ul > li > ul > li:nth-child(1) { padding: 0; }
    body > nav > ul > li > ul > li > ul > li:nth-child(1) { padding: 0; }
    body > nav .navx { display: inline-block; cursor: pointer; position: absolute; top: -3.7em; right: 3em; width: 3em; height: 0.3em; background-color: #F28F1E; transition: background-color 0.4s ease; z-index: 2000; }
    body > nav .navx:before,
    body > nav .navx:after { content: ''; display: block; background-color: transparent; width: 3em; height: 1.5em; position: absolute; right: 0; }
    body > nav .navx:before { top: -0.8em; border-top: solid 0.3em #F28F1E; transition: transform 0.4s ease, top 0.2s ease; }
    body > nav .navx:after { bottom: -0.8em; border-bottom: solid 0.3em #F28F1E; transition: transform 0.4s ease, bottom 0.2s ease; }
    body > nav .navx:hover:before { top: -1em; }
    body > nav .navx:hover:after { bottom: -1em; }
    body > nav.open .navx:hover:before { top: 0; }
    body > nav.open .navx:hover:after { bottom: 0; }
    body > nav.open .navx:before { top: 0; -webkit-transform: rotate(45deg) translate(-0.6em,0.2em); transform: rotate(45deg) translate(-0.6em,0.2em); }
    body > nav.open .navx { background-color: transparent; }
    body > nav.open .navx:after { bottom: 0; -webkit-transform: rotate(-45deg) translate(-0.5em,-0.2em); transform: rotate(-45deg) translate(-0.5em,-0.2em); }
    body > nav .social { width: 100%; text-align: center; max-height: 0; overflow: hidden; margin-top: 1em; transition: max-height 0.1s 0s linear; }
    body > nav.open .social { max-height: 100%; transition: max-height 0.2s 0.2s linear; }
    body > nav:focus-within .social { max-height: 100%; transition: max-height 0.2s 0.2s linear; }
    body > nav .social > ul { font-size: 2em; }
}

body > .user { display: none; color: #606060; border: solid 1px; border-radius: 50%; position: absolute; top: 1.5em; right: 1em; background-color: transparent; font-size: 1.6em; padding: 0.3em; outline: none; background-position: center center; background-size: cover; z-index: 1001; text-align: center; }
body > .user:hover { color: #F28F1E; }
body.kbu > .user:focus { outline: 1px dotted; }
body > .user > span { position: absolute; font-size: 0; height: 1px; }
body > .user::before { content: '\e80c'; font-family: 'tools'; display: block; width: 1em; height: 1em; }
body > .user.photo::before { opacity: 0; }

body > #usermenu { position: absolute; top: -100%; right: 2em; transition: clip-path 0.3s linear, opacity 0s 0.3s linear, top 0s 0.3s; pointer-events: none; clip-path: inset(-4px -12px calc(100% + 4px) -4px); opacity: 0; text-align: center; z-index: 1001; }
body > #usermenu:focus-within,
body > #usermenu.active { clip-path: inset(-4px -12px -12px -4px); opacity: 1; transition: clip-path 0.3s linear, opacity 0s 0s linear, top 0s 0s linear; pointer-events: all; top: 7em; }
body > #usermenu > span { display: block; position: relative; background: #FFFFFF; padding: 1em; border: 1px solid #F28F1E; border-radius: 10px; box-shadow: rgba(0,0,0,0.3) 4px 4px 8px; }
body > #usermenu > span > h3 { font-size: 2em; font-weight: normal; margin: 0.5em 0 1em; }
body > #usermenu > span > a { font-size: 1.6em; font-weight: normal; margin: 0.5em 0; padding: 0.5em 1em; display: block; background: #F28F1E; color: #FFFFFF; }
body.kbu > #usermenu > span > a:focus { outline: 1px dotted #F28F1E; }

body > #usermenu > span > a:last-child { margin: 0; }

@media (max-width: 870px) {
    body > .user { top: 1.9em; }
    body > #usermenu { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); content: ''; display: flex; z-index: 1601; }
    body > #usermenu.active { top: 0; }
    body > #usermenu > span { margin: auto; }
}

body > .slideshow { display: block; width: 100%; min-height: calc(100% - 8em); position: relative; }
body > .slideshow > article { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
body > .slideshow > article > .bg { background-size: cover; background-position: center center; position: absolute; top: 0; width: 100%; height: 100%; }
body > .slideshow > article > .bg:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ''; transition-timing-function: ease; transition-duration: 0; }
body > .slideshow > article > .cn { position: absolute; top: 0; display: flex; margin: 2.5em; width: calc(100% - 5em); height: calc(100% - 5em); color: #FFFFFF; text-align: center; flex-wrap: wrap; align-content: center; transition-timing-function: ease; transition-duration: 0; }
body > .slideshow > article > .cn > h3 { font-size: 2.8em; font-weight: 700; width: 100%; letter-spacing: 0.1em; margin: 0; text-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.75); color: #F28F1E; }
body > .slideshow > article > .cn > h2 { font-size: 8em; line-height: 0.9em; font-weight: 500; width: 100%; margin: 0.2em 0; text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.75); }
body > .slideshow > article > .cn > p { font-size: 2em; font-weight: 500; width: 100%; margin: 0.2em; text-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.75); }
body > .slideshow > article > .cn > p > a { display: inline-block; color: #FFFFFF; padding: 0.45em 0.6em 0.45em 0.6em; position: relative; text-shadow: none; overflow: hidden; animation: btnbspin 5s linear  -4.7s infinite paused; outline: none; margin: 0.5em; }
body.kbu > .slideshow > article > .cn > p > a:focus { outline: 1px dotted #F28F1E; }

body > .slideshow > article > .cn > p > a:hover,
body > .slideshow > article > .cn > p > a:focus { animation-play-state: running; }

body > .slideshow > article:nth-of-type(1) > .cn > h3 > span { display: inline-block; font-weight: 500; }
body > .slideshow > article:nth-of-type(1) > .cn > h3 > span:before { content: '| '; }

body > .slideshow > article:nth-of-type(1) > .cn > h2 { font-size: 9em; line-height: 0.7em; max-width: 12em; margin: 0.2em auto; }
body > .slideshow > article:nth-of-type(1) > .cn > h2 > span { display: inline-block; }
body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(1) { text-transform: capitalize; }
body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(2) { font-size: 0.5em; }
body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(3) { text-transform: capitalize; }
body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(4) { font-size: 0.5em; transform: translateY(-0.6em); }
body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(5) { font-size: 0.9em; text-transform: capitalize; margin-right: -0.5em; }

@media (max-width: 1140px) { body > .slideshow > article:nth-of-type(1) > .cn > h2 { font-size: 8em; } }
@media (max-width: 1020px) { body > .slideshow > article:nth-of-type(1) > .cn > h2 { font-size: 7em; } }

@media (max-width: 900px) {
    body > .slideshow > article:nth-of-type(1) > .cn > h2 { font-size: 9em; line-height: 0.5em; margin: 0.4em auto; }
    body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(1) { display: block; margin-bottom: 0.4em; }
    body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(2) { font-size: 0.4em; transform: translateY(-0.5em); }
    body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(4) { font-size: 0.4em; transform: none; }
    body > .slideshow > article:nth-of-type(1) > .cn > h2 > span:nth-of-type(5) { font-size: 0.7em; margin-right: 0; }
}

@media (max-width: 890px) { body > .slideshow { height: calc(100% - 7em); } }


@media (max-width: 680px) {
    body > .slideshow > article:nth-of-type(1) > .cn > h3 { font-size: 2.5em; }
    body > .slideshow > article:nth-of-type(1) > .cn > h2 { font-size: 8em; }
}
@media (max-width: 610px) {
    body > .slideshow > article:nth-of-type(1) > .cn > h3 { font-size: 3.6vw; }
    body > .slideshow > article:nth-of-type(1) > .cn > h2 { font-size: 12vw; }
}

body > .slideshow > article > .cn > #mainlogo { position: relative; width: 25em; height: 15em; margin: 0 auto 1em; }
body > .slideshow > article > .cn > #mainlogo > svg { display: block; width: 100%; height: 100%; }
body > .slideshow > article > .cn > #mainlogo > svg .wordmark path { fill: #FFFFFF; }
body > .slideshow > article > .cn > #mainlogo > svg .border path,
body > .slideshow > article > .cn > #mainlogo > svg .border polygon { display: none; }
body > .slideshow > article > .cn > #mainlogo > span { display: block; position: absolute; overflow: hidden; }
body > .slideshow > article > .cn > #mainlogo > span:after { content: ''; position: absolute; background: #F28F1E; width: 100%; height: 100%; top: 0; left: 0; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(1) { width: 0.4em; height: 2em; top: 6.3em; left: 5.6em; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(2) { width: 5.4em; height: 0.4em; top: 6.3em; left: 0.6em; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(3) { width: 0.4em; height: 6.3em; top: 0.4em; left: 0.6em; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(4) { width: 10.5em; height: 0.4em; top: 0.4em; left: 0.6em; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(5) { width: 10.7em; height: 0.4em; top: 4.2em; left: 13.6em }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(6) { width: 0.4em; height: 4.1em; top: 10.4em; left: 16.1em; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(7) { width: 5.4em; height: 0.4em; top: 14.1em; left: 11.1em; }

body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(1):after { top: 100%; animation: 0.1s mlvu linear forwards 0s 1; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(2):after { left: 100%; animation: 0.3s mlhl linear forwards 0.1s 1; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(3):after { top: 100%; animation: 0.4s mlvu linear forwards 0.4s 1; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(4):after { left: -100%; animation: 0.5s mlhr linear forwards 0.8s 1; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(5):after { left: -100%; animation: 0.5s mlhr linear forwards 0.3s 1; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(6):after { top: -100%; animation: 0.3s mlvd linear forwards 0.6s 1; }
body > .slideshow > article > .cn > #mainlogo > span:nth-of-type(7):after { left: 100%; animation: 0.3s mlhl linear forwards 0.9s 1; }

body > .slideshow.a > article:not(.a):not(:focus-within) > .cn > #mainlogo > span:nth-of-type(1):after { animation: none; top: 0; }
body > .slideshow.a > article:not(.a):not(:focus-within) > .cn > #mainlogo > span:nth-of-type(2):after { animation: none; left: 0; }
body > .slideshow.a > article:not(.a):not(:focus-within) > .cn > #mainlogo > span:nth-of-type(3):after { animation: none; top: 0; }
body > .slideshow.a > article:not(.a):not(:focus-within) > .cn > #mainlogo > span:nth-of-type(4):after { animation: none; left: 0; }
body > .slideshow.a > article:not(.a):not(:focus-within) > .cn > #mainlogo > span:nth-of-type(5):after { animation: none; left: 0; }
body > .slideshow.a > article:not(.a):not(:focus-within) > .cn > #mainlogo > span:nth-of-type(6):after { animation: none; top: 0; }
body > .slideshow.a > article:not(.a):not(:focus-within) > .cn > #mainlogo > span:nth-of-type(7):after { animation: none; left: 0; }

body > .slideshow.a > article.a > .cn > #mainlogo > span:nth-of-type(1):after { animation-delay: 0.7s; }
body > .slideshow.a > article.a > .cn > #mainlogo > span:nth-of-type(2):after { animation-delay: 0.8s; }
body > .slideshow.a > article.a > .cn > #mainlogo > span:nth-of-type(3):after { animation-delay: 1.1s; }
body > .slideshow.a > article.a > .cn > #mainlogo > span:nth-of-type(4):after { animation-delay: 1.5s; }
body > .slideshow.a > article.a > .cn > #mainlogo > span:nth-of-type(5):after { animation-delay: 1s; }
body > .slideshow.a > article.a > .cn > #mainlogo > span:nth-of-type(6):after { animation-delay: 1.3s; }
body > .slideshow.a > article.a > .cn > #mainlogo > span:nth-of-type(7):after { animation-delay: 1.6s; }


@keyframes mlvu { 0% { top: 100%; } 100% { top: 0; } }
@keyframes mlvd { 0% { top: -100%; } 100% { top: 0; } }
@keyframes mlhl { 0% { left: 100%; } 100% { left: 0; } }
@keyframes mlhr { 0% { left: -100%; } 100% { left: 0; } }

body > .slideshow > article { z-index: 1; }
body > .slideshow > article.a { z-index: 20; }
body > .slideshow > article.p { z-index: 10; }
body > .slideshow:not(.a) > article:nth-of-type(1) { z-index: 20; }
body > .slideshow:not(.a) > article:nth-of-type(n+2) { z-index: 10; }
body > .slideshow:not(.a) > article:nth-of-type(1) > .bg,
body > .slideshow:not(.a) > article:nth-of-type(1) > .cn { z-index: 20; left: 0; }
body > .slideshow:not(.a) > article:nth-of-type(n+2) > .bg,
body > .slideshow:not(.a) > article:nth-of-type(n+2) > .cn { z-index: 1; left: 100%; }

body > .slideshow.a > article > .bg,
body > .slideshow.a > article > .cn { left: 100%; }
body > .slideshow.a > article.a > .bg,
body > .slideshow.a > article.a > .cn { left: 0; }
body > .slideshow.a > article.p > .bg,
body > .slideshow.a > article.p > .cn { left: -100%; }

body > .slideshow[data-transition-type=fade].a > article > .bg,
body > .slideshow[data-transition-type=fade].a > article > .cn { left: 0; opacity: 0; }
body > .slideshow[data-transition-type=fade].a > article.a > .bg,
body > .slideshow[data-transition-type=fade].a > article.a > .cn { left: 0; opacity: 1; }
body > .slideshow[data-transition-type=fade].a > article.p > .bg,
body > .slideshow[data-transition-type=fade].a > article.p > .cn { left: 0; opacity: 0; }

body > .slideshow[data-transition-type=fade] > article > .bg,
body > .slideshow[data-transition-type=fade] > article > .cn { transition-property: opacity, filter; }

body > .slideshow[data-transition-type=slide] > article > .bg,
body > .slideshow[data-transition-type=slide] > article > .cn { transition-property: left, filter; }

body > .slideshow.a > article:focus-within { z-index: 30; }
body > .slideshow.a > article:focus-within > .bg,
body > .slideshow.a > article:focus-within > .cn { left: 0; opacity: 1; transition-duration: 0ms; }

body > .slideshow .remote { display: block; position: absolute; bottom: 1em; right: 1em; z-index: 60; }
body > .slideshow .remote div { display: inline-block; background-color: #FFFFFF; width: 1em; height: 1em; border: none; border-radius: 50%; outline: none; margin: 0 0.2em; cursor: pointer; transition: all 0.3s ease; }
body > .slideshow .remote div.a { transform: scale(1.2); background-color: #F28F1E; }


.scroller { position: absolute; z-index: 40; bottom: 2em; left: 50%; width: 3em; height: 3em; transform: translateX(-50%) rotate(45deg); cursor: pointer; overflow: hidden; }
.scroller::before { content: ''; position: absolute; width: 100%; height: 0.4em; right: 0; bottom: 0; background: #F28F1E; }
.scroller::after { content: ''; position: absolute; width: 0.4em; height: 100%; right: 0; bottom: 0; background: #F28F1E; }
.scroller:hover::before { animation: shwipe 0.6s linear forwards; }
.scroller:hover::after { animation: svwipe 0.6s linear 0.3s forwards; }
@keyframes shwipe { 0% { right: 0; } 50% { right: -100%; } 50.0001% { right: 100%; } 100% { right: 0; } }
@keyframes svwipe { 0% { bottom: 0; } 50% { bottom: 100%; } 50.0001% { bottom: -100%; } 100% { bottom: 0; } }

body.uam .scroller::before { background: #73c7b4; }
body.uam .scroller::after { background: #73c7b4; }

body.home > aside.important { display: block; background: #F28F1E; text-align: center; position: absolute;  top: 8em; left: 0; width: 100%; z-index: 100; text-align: center; max-height: 20em; transition: max-height 0.3s ease; overflow: hidden; }
body.home > aside.important.dismissed { max-height: 0; }
body.home > aside.important > a { display: inline-block; color: #494949; font-weight: 500; font-size: 1.8em; padding: 0.5em 2em; }
body.home > aside.important > a > span { text-decoration: underline; }
body.home > aside.important > button { background: transparent; border: none; outline: none; cursor: pointer; position: absolute; right: 0; top: 0; height: 100%; line-height: 100%; padding: 0 1em; color: #494949; }
body.home > aside.important > button::after { font-family: 'uaf'; content: '\e801'; }


body.home > main { font-size: 1.6em; max-width: 40em; margin: 3em auto; padding: 0 1em; text-align: left;  }
body.home > main > h1 { font-size: 2.3em; margin: 0; }
body.home > main > h2 { font-size: 3.1em; margin: 0; color: #F28F1E; line-height: 1em; }
body.home > main > h3 { font-size: 1.25em; margin: 0; }

body.home > section a.flink { display: inline-block; color: inherit; padding: 0.45em 0.6em 0.45em 0.6em; position: relative; text-shadow: none; overflow: hidden; animation: btnbspin 5s linear  -4.7s infinite paused; outline: none; }
body.home > section a.flink:focus { outline: 1px dotted #F28F1E; }
body.home > section a.flink:hover,
body.home > section a.flink:focus { animation-play-state: running; }

body.home > section.feature { position: relative; padding: 6em 2em; color: #FFFFFF; text-align: center; }
body.home > section.feature > .bg { background-size: cover; background-position: center center; background-attachment: fixed; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
body.home > section.feature > .bg:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); content: ''; }
body.home > section.feature > * { position: relative; }
body.home > section.feature > h3 { font-size: 3em; margin: 0 auto; line-height: 1em; }
body.home > section.feature > h2 { font-size: 5.5em; color: #F28F1E; margin: 0.3em auto; line-height: 0.95em; }
body.home > section.feature > p { font-size: 2em; max-width: 43em; margin: 0.8em auto; }

body.home > section.uamcal { position: relative; padding: 4em 2em; background-color: #FFFFFF; text-align: center; }
body.home > section.uamcal > h2 { font-size: 4em; color: #F28F1E; margin: 0.3em auto; }
body.home > section.uamcal > p { font-size: 1.6em; }

body.home > section.partners { position: relative; padding: 4em 2em; background-color: #606060; color: #FFFFFF; text-align: center; }
body.home > section.partners > h2 { font-size: 4em; margin: 0.3em auto; }
body.home > section.partners > p { font-size: 1.6em; }
body.home > section.partners > .prlist { display: flex; justify-content: space-around; align-items: center; }
body.home > section.partners > .prlist > a { padding: 1em; }
body.home > section.partners > .prlist > a > img { max-height: 10em; max-width: 17em; width: 100%; margin: auto; object-fit: contain; }


body > header { width: 100%; min-height: calc(100% - 8em); position: relative; display: flex; color: #FFFFFF; }
body > header.nofs { min-height: auto; }
body > header > .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center center; }
body > header > .bg:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); content: ''; }
body > header > a.cat { position: absolute; top: 3em; left: 50%; transform: translateX(-50%); display: block; color: inherit; padding: 0.45em 0.6em 0.45em 0.6em; text-shadow: none; overflow: hidden; animation: btnbspin 5s linear  -4.7s infinite paused; outline: none; text-transform: lowercase; font-size: 1.4em; }
body > header > a.cat:focus { outline: 1px dotted #F28F1E; }
body > header > a.cat:hover,
body > header > a.cat:focus { animation-play-state: running; }

body > header > .cn { position: relative; margin: auto; text-align: center; padding: 8em 2em 6em; }
body > header > .cn > p { font-size: 1.4em; max-width: 60em; margin: 1em auto; }
body > header > .cn > p.rtime { color: #F28F1E; font-size: 1.2em; margin-top: -1.2em; max-width: none; }
body > header > .cn > p.rtime > time:before { content: '\e805'; display: inline-block; margin-right: 0.5em; font-family: 'uaf'; }
body > header > .cn > h1 { font-size: 5em; font-weight: 500; margin: 0; }
body > header > .cn > h2 { font-size: 3em; font-weight: 500; margin: 0; }
body > header > .cn > address { font-size: 1.6em; font-style: normal; }
body > header > .cn > address > a { color: #FFFFFF; }
body > header > .cn > address > a > span { display: inline-block; }
body > header > .cn > .photo { display: block; width: 25em; height: 25em; background-position: center center; background-size: cover; margin: 0 auto 1em; position: relative; }
body > header > .cn > .photo:before { content: ''; width: 50%; height: 65%; border-top: solid 0.5em #F28F1E; border-left: solid 0.5em #F28F1E; top: -0.5em; left: -0.5em; position: absolute; }
body > header > .cn > .photo:after { content: ''; width: 20%; height: 80%; border-bottom: solid 0.5em #F28F1E; border-right: solid 0.5em #F28F1E; bottom: -0.5em; right: -0.5em; position: absolute; }

body > header.profile { min-height: auto; display: block; }
body > header.profile > a.cat { display: inline-block; position: relative; margin: 3em 1em 2em; left: auto; top: auto; transform: none; }
body > header.profile > .bg { height: 50%; }
body > header.profile > .cn { color: #F28F1E; padding: 0 2em 2em; }
body > header.profile > .cn > h1 { color: #494949; margin-top: 0.5em; }
body > header.profile > .cn > p.creds { font-size: 1.6em; font-style: normal; margin: 0; max-width: none; }
body > header.profile > .cn > .partnerlogo { padding: 2em; background: #FFFFFF; position: relative; display: inline-block; margin: auto; width: 30em; max-width: 90%; }
body > header.profile > .cn > .partnerlogo:before { content: ''; width: 50%; height: 65%; border-top: solid 0.5em #F28F1E; border-left: solid 0.5em #F28F1E; top: -0.5em; left: -0.5em; position: absolute; }
body > header.profile > .cn > .partnerlogo:after { content: ''; width: 20%; height: 80%; border-bottom: solid 0.5em #F28F1E; border-right: solid 0.5em #F28F1E; bottom: -0.5em; right: -0.5em; position: absolute; }
body > header.profile > .cn > .partnerlogo > img { max-height: 30em; max-width: 100%; }


body > header.blist { min-height: auto; display: block; padding: 0.5em; color: #494949; width: auto; }
body > header.blist > h1 { display: inline-block; position: relative; padding: 0.3em 0.5em; font-size: 3em; text-transform: lowercase; margin: 0; }
body > header.blist > h1:before { content: ''; width: 50%; height: 65%; border-top: solid 0.12em #F28F1E; border-left: solid 0.1em #F28F1E; top: 0; left: 0; position: absolute; z-index: -1; }
body > header.blist > h1:after { content: ''; width: 20%; height: 80%; border-bottom: solid 0.12em #F28F1E; border-right: solid 0.12em #F28F1E; bottom: 0; right: 0; position: absolute; z-index: -1; }

body > header.venue > .cn > h1 { font-size: 2.5em; font-weight: 700; margin: 0.2em; }
body > header.venue > .cn > h2 { font-size: 5em; font-weight: 500; margin: 0.2em 0; }
body > header.venue > .cn > p { font-size: 1.8em; }

body > header.sustain > .cn > svg { height: 18em; max-width: 90%; }
body > header.sustain > .cn > svg path { fill: #FFFFFF; }

body > header.uam > .cn > svg { height: 18em; max-width: 90%; }
body > header.uam > .cn > svg path,
body > header.uam > .cn > svg polygon { fill: #FFFFFF; }

body > header > .cn > time { font-size: 1.6em; font-style: normal; }
body > header > .cn > .price { font-size: 1.6em; font-style: normal; margin-top: 1em; }








/*body > header.archive > .cn { position: absolute; top: 0; display: flex; margin: 2.5em; width: calc(100% - 5em); height: calc(100% - 5em); color: #FFFFFF; text-align: center; flex-wrap: wrap; align-content: center; transition-timing-function: ease; transition-duration: 0; } */
body > header.archive > .cn > h1 { font-size: 1.8em; font-weight: 500; margin-bottom: 0.5em; }

body > header.archive > .cn > h3 { font-size: 2.8em; font-weight: 700; width: 100%; letter-spacing: 0.1em; margin: 0; text-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.75); color: #F28F1E; }
body > header.archive > .cn > h2 { font-size: 8em; line-height: 0.9em; font-weight: 500; width: 100%; margin: 0.2em 0; text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.75); }
body > header.archive > .cn > p { font-size: 2em; font-weight: 500; width: 100%; margin: 0.2em; text-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.75); }
body > header.archive > .cn > p > a { display: inline-block; color: #FFFFFF; padding: 0.45em 0.6em 0.45em 0.6em; position: relative; text-shadow: none; overflow: hidden; animation: btnbspin 5s linear  -4.7s infinite paused; outline: none; }
body.kbu > header.archive > .cn > p > a:focus { outline: 1px dotted #F28F1E; }

body > header.archive > .cn > p > a:hover,
body > header.archive > .cn > p > a:focus { animation-play-state: running; }

body > header.archive > .cn > h3 > span { display: inline-block; font-weight: 500; }
body > header.archive > .cn > h3 > span:before { content: '| '; }

body > header.archive > .cn > h2 { font-size: 9em; line-height: 0.7em; max-width: 6.3em; margin: 0.2em auto; }
body > header.archive > .cn > h2 > span { display: inline-block; }
body > header.archive > .cn > h2 > span:nth-of-type(1) { font-size: 0.5em; margin-left: -0.7em; }
body > header.archive > .cn > h2 > span:nth-of-type(2) {  }
body > header.archive > .cn > h2 > span:nth-of-type(3) { font-size: 0.5em; transform: translateY(-0.7em); }
body > header.archive > .cn > h2 > span:nth-of-type(4) { margin-right: -0.35em; }
body > header.archive > .cn > h2 > span:nth-of-type(5) { font-size: 0.25em; margin-top: -1.2em; display: block; margin-right: -2em; }

body > header.archive.uaf2016 > .cn > h2 { font-size: 9em; line-height: 0.7em; max-width: none; margin: 0.2em auto; }
body > header.archive.uaf2016 > .cn > h2 > span:nth-of-type(1) { font-size: 0.4em; margin-left: 0; }
body > header.archive.uaf2016 > .cn > h2 > span:nth-of-type(2) { font-size: 0.7em; display: block; margin-top: -0.15em; }
body > header.archive.uaf2016 > .cn > h2 > span:nth-of-type(3) { font-size: 0.8em; display: block; transform: translateY(0); }

body > header.archive.uas2017 > .cn > h1 { font-size: 7em; line-height: 0.9em; max-width: none; margin: 0.2em auto; }


@media (max-width: 1140px) { body > header.archive > .cn > h2 { font-size: 8em; } }
@media (max-width: 1020px) { body > header.archive > .cn > h2 { font-size: 7em; } }

@media (max-width: 900px) {
    body > header.archive > .cn > h2 { font-size: 9em; line-height: 0.5em; margin: 0.4em auto; }
    body > header.archive > .cn > h2 > span:nth-of-type(1) { display: block; margin-bottom: 0.4em; }
    body > header.archive > .cn > h2 > span:nth-of-type(2) { font-size: 0.4em; transform: translateY(-0.5em); }
    body > header.archive > .cn > h2 > span:nth-of-type(4) { font-size: 0.4em; transform: none; }
    body > header.archive > .cn > h2 > span:nth-of-type(5) { font-size: 0.7em; margin-right: 0; }
}

@media (max-width: 680px) {
    body > header.archive > .cn > h3 { font-size: 2.5em; }
    body > header.archive > .cn > h2 { font-size: 8em; }
}
@media (max-width: 610px) {
    body > header.archive > .cn > h3 { font-size: 3.6vw; }
    body > header.archive > .cn > h2 { font-size: 12vw; }
}

body > header.archive > .cn > #mainlogo { position: relative; width: 25em; height: 15em; margin: 0 auto 1em; }
body > header.archive > .cn > #mainlogo > svg { display: block; width: 100%; height: 100%; }
body > header.archive > .cn > #mainlogo > svg .wordmark path { fill: #FFFFFF; }
body > header.archive > .cn > #mainlogo > svg .border path,
body > header.archive > .cn > #mainlogo > svg .border polygon { display: none; }
body > header.archive > .cn > #mainlogo > span { display: block; position: absolute; overflow: hidden; }
body > header.archive > .cn > #mainlogo > span:after { content: ''; position: absolute; background: #F28F1E; width: 100%; height: 100%; top: 0; left: 0; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(1) { width: 0.4em; height: 2em; top: 6.3em; left: 5.6em; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(2) { width: 5.4em; height: 0.4em; top: 6.3em; left: 0.6em; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(3) { width: 0.4em; height: 6.3em; top: 0.4em; left: 0.6em; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(4) { width: 10.5em; height: 0.4em; top: 0.4em; left: 0.6em; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(5) { width: 10.7em; height: 0.4em; top: 4.2em; left: 13.6em }
body > header.archive > .cn > #mainlogo > span:nth-of-type(6) { width: 0.4em; height: 4.1em; top: 10.4em; left: 16.1em; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(7) { width: 5.4em; height: 0.4em; top: 14.1em; left: 11.1em; }

body > header.archive > .cn > #mainlogo > span:nth-of-type(1):after { top: 100%; animation: 0.1s mlvu linear forwards 0s 1; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(2):after { left: 100%; animation: 0.3s mlhl linear forwards 0.1s 1; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(3):after { top: 100%; animation: 0.4s mlvu linear forwards 0.4s 1; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(4):after { left: -100%; animation: 0.5s mlhr linear forwards 0.8s 1; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(5):after { left: -100%; animation: 0.5s mlhr linear forwards 0.3s 1; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(6):after { top: -100%; animation: 0.3s mlvd linear forwards 0.6s 1; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(7):after { left: 100%; animation: 0.3s mlhl linear forwards 0.9s 1; }

body > header.archive > .cn > #mainlogo > span:nth-of-type(1):after { animation-delay: 0.7s; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(2):after { animation-delay: 0.8s; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(3):after { animation-delay: 1.1s; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(4):after { animation-delay: 1.5s; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(5):after { animation-delay: 1s; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(6):after { animation-delay: 1.3s; }
body > header.archive > .cn > #mainlogo > span:nth-of-type(7):after { animation-delay: 1.6s; }


body.uam > header > .cn > #mainlogo { position: relative; width: 25em; height: 15em; margin: 0 auto 1em; font-size: 1.4em; }
body.uam > header > .cn > #mainlogo > svg { display: block; width: 100%; height: 100%; }
body.uam > header > .cn > #mainlogo > svg .wordmark path { fill: #FFFFFF; }
body.uam > header > .cn > #mainlogo > svg .border path,
body.uam > header > .cn > #mainlogo > svg .border polygon { display: none; }
body.uam > header > .cn > #mainlogo > span { display: block; position: absolute; overflow: hidden; }
body.uam > header > .cn > #mainlogo > span:after { content: ''; position: absolute; background: #73c7b4; width: 100%; height: 100%; top: 0; left: 0; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(1) { width: 0.4em; height: 2em; top: 6.3em; left: 5.6em; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(2) { width: 5.4em; height: 0.4em; top: 6.3em; left: 0.6em; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(3) { width: 0.4em; height: 6.3em; top: 0.4em; left: 0.6em; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(4) { width: 10.5em; height: 0.4em; top: 0.4em; left: 0.6em; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(5) { width: 10.7em; height: 0.4em; top: 4.2em; left: 13.6em }
body.uam > header > .cn > #mainlogo > span:nth-of-type(6) { width: 0.4em; height: 4.1em; top: 10.4em; left: 16.1em; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(7) { width: 5.4em; height: 0.4em; top: 14.1em; left: 11.1em; }

body.uam > header > .cn > #mainlogo > span:nth-of-type(1):after { top: 100%; animation: 0.1s mlvu linear forwards 0s 1; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(2):after { left: 100%; animation: 0.3s mlhl linear forwards 0.1s 1; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(3):after { top: 100%; animation: 0.4s mlvu linear forwards 0.4s 1; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(4):after { left: -100%; animation: 0.5s mlhr linear forwards 0.8s 1; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(5):after { left: -100%; animation: 0.5s mlhr linear forwards 0.3s 1; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(6):after { top: -100%; animation: 0.3s mlvd linear forwards 0.6s 1; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(7):after { left: 100%; animation: 0.3s mlhl linear forwards 0.9s 1; }

body.uam > header > .cn > #mainlogo > span:nth-of-type(1):after { animation-delay: 0.7s; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(2):after { animation-delay: 0.8s; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(3):after { animation-delay: 1.1s; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(4):after { animation-delay: 1.5s; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(5):after { animation-delay: 1s; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(6):after { animation-delay: 1.3s; }
body.uam > header > .cn > #mainlogo > span:nth-of-type(7):after { animation-delay: 1.6s; }

body.uam .cn a, body.uam .copy a, body.uam main a { color: #73C7B4; }
body.uam > main form p > label.req::before, body > .copy form p > label.req::before { background-color: #73C7B4; }
body.uam > main form p > label.req::after, body > .copy form p > label.req::after { color: #73C7B4; }




body > main > p > a.map { display: block; width: 100%; padding-top: 40%; background-position: center center; background-size: auto; background-repeat: no-repeat; position: relative; }
body > main > p > a.map:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.4s ease; }
body > main > p > a.map:hover:before { opacity: 1; }
body > main > p > a.map:after { content: 'Click to view on Google Maps'; position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 0.4s ease; color: #FFFFFF; font-size: 1em; transform: translateX(-50%) translateY(-50%); }
body > main > p > a.map:hover:after { opacity: 1; }

body > main > p.intro { color: #F28F1E; font-style: italic; }
body > main > p.q { color: #F28F1E; }

body > main > img + p.caption { margin-top: 0.2em; }
body > main > p.caption { font-size: 0.6em; }


body > section.postinfo { display: inline-block; text-align: center; font-size: 1.8em; margin: 1em 1em 0; padding: 1em; position: relative; align-self: center; max-width: 40em; }
body > section.postinfo > p { margin: 0 0 1em; }
body > section.postinfo:before { content: ''; width: 50%; height: 65%; border-top: solid 0.3em #F28F1E; border-left: solid 0.3em #F28F1E; top: 0; left: 0; position: absolute; z-index: -1; }
body > section.postinfo:after { content: ''; width: 20%; height: 80%; border-bottom: solid 0.3em #F28F1E; border-right: solid 0.3em #F28F1E; bottom: 0; right: 0; position: absolute; z-index: -1; }
body > section.postinfo > .sharer { display: inline-block; margin: 0; }
body > section.postinfo > .sharer > a { display: inline-block; margin: 0 0.5em; color: inherit; }
body > section.postinfo > .sharer > a:hover,
body > section.postinfo > .sharer > a:focus { color: #F28F1E; }
body > section.postinfo > .sharer > a:before { font-family: 'uaf'; }
body > section.postinfo > .sharer > a[href*=twitter]:before { content: '\F099'; }
body > section.postinfo > .sharer > a[href*=facebook]:before { content: '\F230'; }
body > section.postinfo > .sharer > a[href*=linkedin]:before { content: '\F0E1'; }
body > section.postinfo > .sharer > a[href*=pinterest]:before { content: '\F0D2'; }
body > section.postinfo > .sharer > a > span { position: absolute; bottom: 50%; left: 50%; background: #F28F1E; color: #FFFFFF; font-size: 0.6em; white-space: nowrap; padding: 2px; pointer-events: none; opacity: 0; transition: opacity 0.3s 0s ease; z-index: 2; }
body > section.postinfo > .sharer > a:hover > span { opacity: 1; transition: opacity 0.3s 1s ease;   }

body > section.postinfo > .calsave { display: inline-block; margin: 0; }
body > section.postinfo > .calsave > a { display: inline-block; margin: 0 0.5em; color: inherit; position: relative; }
body > section.postinfo > .calsave > a.gcal { vertical-align: text-bottom; }
body > section.postinfo > .calsave > a:hover,
body > section.postinfo > .calsave > a:focus { color: #F28F1E; }
body > section.postinfo > .calsave > a::before { display: block; text-align: center; }
body > section.postinfo > .calsave > a.ics::before { font-family: 'tools'; content: '\e813 '; }
body > section.postinfo > .calsave > a.gcal::before { font-family: 'tools'; content: '\e84d '; }
body > section.postinfo > .calsave > a > span { position: absolute; bottom: 50%; left: 50%; background: #F28F1E; color: #FFFFFF; font-size: 0.6em; white-space: nowrap; padding: 2px; pointer-events: none; opacity: 0; transition: opacity 0.3s 0s ease; z-index: 2; }
body > section.postinfo > .calsave > a:hover > span { opacity: 1; transition: opacity 0.3s 1s ease;   }


body > section.postinfo img { max-width: 16em; max-height: 6em; }

body > section.postinfo p.links { margin-bottom: 0; }
body > section.postinfo p.links > a { display: inline-block; margin-right: 0.5em; overflow: hidden; }
body > section.postinfo p.links > a:before { font-family: 'uaf'; font-weight: normal; margin: 0 0.3em; width: 1em; }
body > section.postinfo p.links > a[href*=twitter]:before { content: '\f099'; }
body > section.postinfo p.links > a[href*=facebook]:before { content: '\f230'; }
body > section.postinfo p.links > a[href*=linkedin]:before { content: '\f0e1'; }
body > section.postinfo p.links > a[href*=pinterest]:before { content: '\f0d2'; }
body > section.postinfo p.links > a[href*=youtube]:before { content: '\f16a'; }
body > section.postinfo p.links > a[href*=vimeo]:before { content: '\f306'; }
body > section.postinfo p.links > a[href*=instagram]:before { content: '\f16d'; }
body > section.postinfo p.links > a[href*=snapchat]:before { content: '\f2ac'; }
body > section.postinfo p.links > a.web:before { content: '\e804'; }

body > section.prlist { display: flex; margin: 0; flex-wrap: wrap; justify-content: center; }
body > section.prlist > a { display: block; color: #494949; padding-top: 1em; position: relative; margin: 1em; flex: 0 calc(20% - 2em); }
body > section.prlist > a:before { content: ''; height: 0.4em; width: 100%; background: #F28F1E; position: absolute; top: 0; left: 0; }
body > section.prlist > a > .bg { width: 100%; padding-top: 100%; background-size: cover; background-position: center center; }
body > section.prlist > a > .logo { position: relative; width: 100%; padding-top: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; }
/*body > section.prlist > a > .logo > img { width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }*/
body > section.prlist > a > .details > h3 { color: #F28F1E; margin: 0.5em 0 0; font-size: 1.8em; }
body > section.prlist > a > .details > p { margin: 0.5em 0 0; font-size: 1.4em; }
body > section.prlist > a > .details > p > span { display: inline-block; }

/*@media (max-width: 1080px) { body > section.prlist { grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media (max-width: 800px) { body > section.prlist { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 600px) { body > section.prlist { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { body > section.prlist { grid-template-columns: 1fr; } } */

@media (max-width: 1080px) { body > section.prlist > a { flex: 0 calc(25% - 2em); } }
@media (max-width: 800px) { body > section.prlist > a { flex: 0 calc(33% - 2em); } }
@media (max-width: 600px) { body > section.prlist > a { flex: 0 calc(50% - 2em); } }
@media (max-width: 480px) { body > section.prlist > a { flex: 0 calc(100% - 2em); } }


body > section.pagelist { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2em; margin: 1em; }
body > section.pagelist > a { display: block; color: #494949; padding-top: 1em; position: relative; }
body > section.pagelist > a:before { content: ''; height: 0.4em; width: 100%; background: #F28F1E; position: absolute; top: 0; left: 0; }
body > section.pagelist > a > .bg { width: 100%; padding-top: 70%; background-size: cover; background-position: center center; }
body > section.pagelist > a > .details { text-align: left; margin: 1em 0; }
body > section.pagelist > a > .details > time { margin-bottom: 0.5em; display: block; font-size: 1.2em; }
body > section.pagelist > a > .details > h3 { color: #F28F1E; margin: 0 0 0.2em; font-size: 1.8em; font-weight: 500; line-height: 1.1em; }
body > section.pagelist > a > .details > p { margin: 0 0 0.5em; font-size: 1.4em; }
body > section.pagelist > a > .details > p > span { display: inline-block; }
body > section.pagelist > a > .details > span { color: #F28F1E; font-size: 1.2em; }

body > section.pagelist > a > .details > h3 + time { margin-bottom: 0.2em; }

body > section.pagelist > a > .details > time > span { display: inline-block; }
body > section.pagelist > a > .details > address { display: block; font-size: 1.2em; margin-bottom: 0.5em; }
body > section.pagelist > a > .details > .price { float: right; font-size: 1.2em; font-weight: 700; font-style: italic; }

@media (max-width: 1080px) { body > section.pagelist { grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media (max-width: 800px) { body > section.pagelist { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 600px) { body > section.pagelist { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { body > section.pagelist { grid-template-columns: 1fr; } }


body > main,
body > .copy { font-size: 1.6em; max-width: 40em; margin: 3em auto; padding: 0 1em; text-align: left;  }
body > section.postinfo + main,
body > section.postinfo + .copy { margin-top: 0; }

body > main > img,
body > .copy > img { max-width: 100%; }

body > main > blockquote,
body > .copy > blockquote { padding: 0 2em; margin: 2em; font-size: 1.2em; display: block; position: relative; }
body > main > blockquote:before,
body > .copy > blockquote:before { content: ''; width: 0.2em; height: 100%; background: #F28F1E; top: 0; left: 0; position: absolute; z-index: -1; }
body > main > blockquote > p,
body > .copy > blockquote > p { position: relative; margin: 0.5em; }
body > main > blockquote > p:before,
body > .copy > blockquote > p:before { content: '\201C'; position: absolute; left: -0.5em; }
body > main > blockquote > p:after,
body > .copy > blockquote > p:after { content: '\201D'; }
body > main > blockquote > footer,
body > .copy > blockquote > footer { font-size: 0.7em; font-style: italic; text-align: right; }
body > main > blockquote > footer:before,
body > .copy > blockquote > footer:before { content: '- '; }

body > main > ul,
body > .copy > ul { list-style: disc; }
body > main > ul li,
body > .copy > ul li { margin: 0.5em 0; }
body > main > ul > li ul,
body > main > ul > li ol,
body > .copy > ul > li ul,
body > .copy > ul > li ol { margin-left: 1em; }

body > main > ol,
body > .copy > ol { list-style: decimal; }
body > main > ol li,
body > .copy > ol li { margin: 0.5em 0; }
body > main > ol > li ul,
body > main > ol > li ol,
body > .copy > ol > li ul,
body > .copy > ol > li ol { margin-left: 1em; }


body > main form,
body > .copy form { display: block; background-color: #FAFAFA; border: solid 1px #AAAAAA; padding: 1em; font-size: 10px; box-sizing: border-box; position: relative; }
body > main form h3,
body > .copy form h3 { font-size: 1.6em; margin: 0.5em 0; }
body > main form p,
body > .copy form p { margin: 1em 0; line-height: normal; position: relative; }
body > main form p > label,
body > .copy form p > label { display: block; font-size: 1.4em; color: #494949; position: relative; }
body > main form p > small,
body > .copy form p > small { display: block; margin: 0.3em 0; font-size: 1.2em; }
body > main form p > label.req::after,
body > .copy form p > label.req::after { content: '*'; color: #F28F1E; }
body > main form p > label.req::before,
body > .copy form p > label.req::before { content: 'Required'; background-color: #F28F1E; color: #FFFFFF; position: absolute; left: 2em; bottom: 90%; padding: 0.2em 0.5em; opacity: 0; font-size: 0.8em; transition: opacity 0.3s 0s ease; }
body > main form p > label.req:hover::before,
body > .copy form p > label.req:hover::before { opacity: 1; transition: opacity 0.3s 1s ease; }

body > main form .group,
body > .copy form .group { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1em; }
body > main form .group > p,
body > .copy form .group > p { display: flex; flex-direction: column; justify-content: flex-end; }

body > main form button[data-toggle] { background: #EAEAEA; border: none; font-size: 1.2em; font-family: inherit; color: #494949; padding: calc(0.5em + 5px) 0.5em 0.5em; margin: 1em 0 0; display: block; width: 100%; text-align: left; cursor: pointer; border-radius: 5px 5px 0 0; position: relative; }

body > main form button[data-toggle]::before { content: ''; position: absolute; width: 10px; height: 2px; top: calc(50% + 2px); right: 1em; background-color: #494949; transform: rotate(0deg); transition: transform 0.3s ease; }
body > main form button[data-toggle]::after { content: ''; position: absolute; width: 10px; height: 2px; top: calc(50% + 2px); right: 1em; background-color: #494949; transform: rotate(90deg); transition: transform 0.3s ease; }
body > main form button[data-toggle]:hover::before { transform: rotate(90deg); }
body > main form button[data-toggle]:hover::after { transform: rotate(180deg); }
body > main form button[data-toggle].open:hover::before { transform: rotate(0deg); transition: none; }
body > main form button[data-toggle].open::after { transform: rotate(360deg); }


body > main form div[data-expand],
body > .copy form div[data-expand] { overflow: hidden; transition: max-height 0.3s ease-out; max-height: 0; background: #EAEAEA; padding: 0 1em 5px 1em; margin-bottom: 2em; border-radius: 0 0 5px 5px; }

body > main form div[data-expand].open,
body > .copy form div[data-expand].open,
body > main form div[data-expand]:focus-within,
body > .copy form div[data-expand]:focus-within { max-height: 2000px; transition: max-height 0.3s ease-in; }

body > main form p > input:not([type=submit]),
body > .copy form p > input:not([type=submit]) { display: block; font-size: 1.6em; border: solid 1px #AAAAAA; font-family: inherit; color: #494949; padding: 0.5em 1em 0.5em 0.5em; width: calc(100% - 1.5em - 2px); }

body > main form p > textarea,
body > .copy form p > textarea { display: block; font-size: 1.6em; border: solid 1px #AAAAAA; font-family: inherit; color: #494949; padding: 0.5em; width: calc(100% - 1em - 2px); height: 5em; }

body > main form p > select,
body > .copy form p > select { font-family: inherit; font-size: 1.6em; color: #494949; padding: 0.5em 3em 0.5em 0.5em; border: solid 1px #AAAAAA; width: 100%; }

body > main form p > input.price,
body > .copy form p > input.price { padding: 0.5em 1em; width: calc(100% - 2em - 2px); }

body > main form p .currency,
body > .copy form p .currency { font-size: 1.2em; font-weight: bold; display: block; position: absolute; left: 0.5em; bottom: 0.8em; }

body > main form p .currency::before,
body > .copy form p .currency::before { content: '$'; }

body > main form p .status,
body > .copy form p .status { font-family: 'uaf'; font-size: 1.4em; display: block; position: absolute; right: 0.5em; bottom: 0.85em; }

body > main form p > select ~ .status,
body > .copy form p > select ~ .status { right: 1.5em; }

body > main form p .message,
body > .copy form p .message { display: block; max-height: 0; padding: 0; margin: 0; font-size: 1.2em; }

body > main form p > input.googlelocation.touched:valid,
body > .copy form p > input.googlelocation.touched:valid,
body > main form p > input.googlelocation.touched:invalid,
body > .copy form p > input.googlelocation.touched:invalid { border-color: #AAAAAA; }

body > main form p > input.touched:invalid,
body > .copy form p > input.touched:invalid,
body > main form p > textarea.touched:invalid,
body > .copy form p > textarea.touched:invalid,
body > main form p > select.touched:invalid,
body > .copy form p > select.touched:invalid,
body > main form p > input.googlelocation.touched.invalid:valid,
body > .copy form p > input.googlelocation.touched.invalid:valid,
body > main form p > input.googlelocation.touched.invalid:invalid,
body > .copy form p > input.googlelocation.touched.invalid:invalid { border-color: #e00000; }

body > main form p > input.touched:invalid ~ .status::before,
body > .copy form p > input.touched:invalid ~ .status::before,
body > main form p > textarea.touched:invalid ~ .status::before,
body > .copy form p > textarea.touched:invalid ~ .status::before,
body > main form p > select.touched:invalid ~ .status::before,
body > .copy form p > select.touched:invalid ~ .status::before,
body > main form p > input.googlelocation.touched.invalid:valid ~ .status::before,
body > .copy form p > input.googlelocation.touched.invalid:valid ~ .status::before,
body > main form p > input.googlelocation.touched.invalid:invalid ~ .status::before,
body > .copy form p > input.googlelocation.touched.invalid:invalid ~ .status::before { color: #e00000; content: '\e801'; }

body > main form p > input.touched:valid,
body > .copy form p > input.touched:valid,
body > main form p > textarea.touched:valid,
body > .copy form p > textarea.touched:valid,
body > main form p > select.touched:valid,
body > .copy form p > select.touched:valid,
body > main form p > input.googlelocation.touched.valid:valid,
body > .copy form p > input.googlelocation.touched.valid:valid,
body > main form p > input.googlelocation.touched.valid:invalid,
body > .copy form p > input.googlelocation.touched.valid:invalid { border-color: #39a935; }

body > main form p > input.touched:valid ~ .status::before,
body > .copy form p > input.touched:valid ~ .status::before,
body > main form p > textarea.touched:valid ~ .status::before,
body > .copy form p > textarea.touched:valid ~ .status::before,
body > main form p > select.touched:valid ~ .status::before,
body > .copy form p > select.touched:valid ~ .status::before,
body > main form p > input.googlelocation.touched.valid:valid ~ .status::before,
body > .copy form p > input.googlelocation.touched.valid:valid ~ .status::before,
body > main form p > input.googlelocation.touched.valid:invalid ~ .status::before,
body > .copy form p > input.googlelocation.touched.valid:invalid ~ .status::before { color: #39a935;; content: '\e800'; }

body > main form p > input:focus,
body > .copy form p > input:focus,
body > main form p > textarea:focus,
body > .copy form p > textarea:focus,
body > main form p > select:focus,
body > .copy form p > select:focus,
body > main form p > input.touched:focus,
body > .copy form p > input.touched:focus,
body > main form p > textarea.touched:focus,
body > .copy form p > textarea.touched:focus,
body > main form p > select.touched:focus,
body > .copy form p > select.touched:focus,
body > .copy form button:focus { outline: 1px dotted #F28F1E; outline-offset: -1px; border-color: #FFFFFF; }

body.uam > main form p > input:focus,
body.uam > .copy form p > input:focus,
body.uam > main form p > textarea:focus,
body.uam > .copy form p > textarea:focus,
body.uam > main form p > select:focus,
body.uam > .copy form p > select:focus,
body.uam > main form p > input.touched:focus,
body.uam > .copy form p > input.touched:focus,
body.uam > main form p > textarea.touched:focus,
body.uam > .copy form p > textarea.touched:focus,
body.uam > main form p > select.touched:focus,
body.uam > .copy form p > select.touched:focus,
body.uam > .copy form button:focus { outline: 1px dotted #73C7B4; outline-offset: -1px; border-color: #FFFFFF; }


body > main form p > input:focus ~ .status::before,
body > .copy form p > input:focus ~ .status::before,
body > main form p > textarea:focus ~ .status::before,
body > .copy form p > textarea:focus ~ .status::before,
body > main form p > select:focus ~ .status::before,
body > .copy form p > select:focus ~ .status::before,
body > main form p > input.touched:focus ~ .status::before,
body > .copy form p > input.touched:focus ~ .status::before,
body > main form p > textarea.touched:focus ~ .status::before,
body > .copy form p > textarea.touched:focus ~ .status::before,
body > main form p > select.touched:focus ~ .status::before,
body > .copy form p > select.touched:focus ~ .status::before { content: ''; }

body > main form div.checkbox,
body > .copy form div.checkbox { display: block; font-size: 1.2em; margin: 0.5em 0; line-height: normal; position: relative; }
body > main form div.checkbox input[type=checkbox],
body > .copy form div.checkbox input[type=checkbox] { position: absolute; top: 0; left: 0; width: 1px; height: 1px; pointer-events: none; opacity: 0; }
body > main form div.checkbox label,
body > .copy form div.checkbox label { display: inline-block; padding: 0.5em 0.5em 0.5em 2em; border: solid 1px #AAAAAA; cursor: pointer; }
body > main form div.checkbox input[type=checkbox] + label::before,
body > .copy form div.checkbox input[type=checkbox] + label::before { content: '\e801'; font-family: 'uaf'; display: block; position: absolute; left: 0.8em; top: 0.7em; color: #e00000; }

body > main form div.checkbox input[type=checkbox]:checked + label::before,
body > .copy form div.checkbox input[type=checkbox]:checked + label::before { content: '\e800'; color: #39a935; }

body.kbu > main form div.checkbox input[type=checkbox]:focus + label,
body.kbu > .copy form div.checkbox input[type=checkbox]:focus + label { outline: dotted 1px #F28F1E; }


body > main form div.radio,
body > .copy form div.radio { margin: 0.5em 0; position: relative; }
body > main form div.radio input[type=radio],
body > .copy form div.radio input[type=radio] { position: absolute; top: 0; left: 0; width: 1px; height: 1px; pointer-events: none; }
body > main form div.radio label,
body > .copy form div.radio label { display: inline-block; padding: 0.5em; border: solid 1px #AAAAAA; cursor: pointer; position: relative; font-size: 1.4em; margin: 0 0.5em 0.5em 0; }

body > main form div.radio input[type=radio]:checked + label,
body > .copy form div.radio input[type=radio]:checked + label { background-color: #39A935; color: #FFFFFF; }

body.kbu > main form div.radio input[type=radio]:focus + label,
body.kbu > .copy form div.radio input[type=radio]:focus + label { outline: dotted 1px #F28F1E; }

body.uam.kbu > main form div.checkbox input[type=checkbox]:focus + label,
body.uam.kbu > .copy form div.checkbox input[type=checkbox]:focus + label { outline: dotted 1px #73C7B4; }
body.uam.kbu > main form div.radio input[type=radio]:focus + label,
body.uam.kbu > .copy form div.radio input[type=radio]:focus + label { outline: dotted 1px #73C7B4; }

body.uam > main > blockquote:before, body.uam > .copy > blockquote:before { background: #73C7B4; }

body > main form div.hidden,
body > .copy form div.hidden { display: none; }

body > main form div.submit,
body > .copy form div.submit { display: block; margin: 1em 0 0; text-align: center; }

body > main form div.submit > input[type=submit],
body > .copy form div.submit > input[type=submit] { font-size: 1.4em; border: none; background-color: #AAAAAA; color: #FFFFFF; padding: 0.5em 1em; font-family: inherit; font-weight: 500; }

body > main form div.submit > input[type=submit]:active,
body > .copy form div.submit > input[type=submit]:active { background-color: #494949; }

body > main form div.submit > input[type=submit]:focus,
body > .copy form div.submit > input[type=submit]:focus { outline: 1px dotted #F28F1E; }

body.uam > main form div.submit > input[type=submit]:focus,
body.uam > .copy form div.submit > input[type=submit]:focus { outline: 1px dotted #73C7B4; }

body > main form.sent { background-color: transparent; border-color: transparent; transition: background-color 0.3s ease, border-color 0.3s ease; }

body > main form > .innerform,
body > .copy form > .innerform { opacity: 1; transition: opacity 0.3s ease, max-height 0.3s 0.3s; }
body > main form.sent > .innerform,
body > .copy form.sent > .innerform { opacity: 0; pointer-events: none; max-height: 0; overflow: hidden; position: relative; }

body > main form > .form-message,
body > .copy form > .form-message { opacity: 0; overflow: hidden; transition: opacity 0.3s 0.3s linear; font-size: 1.6em; padding: 1em; background-color: #FAFAFA; border: solid 1px #AAAAAA; }
body > main form.sent > .form-message,
body > .copy form.sent > .form-message { opacity: 1; }

body > main form.sent.success > .form-message,
body > .copy form.sent.success > .form-message { background-color: #D2FFBD; border-color: #39a935; }

body > main form.sent.error > .form-message,
body > .copy form.sent.error > .form-message { background-color: #FFB0B0; border-color: #e00000; }


body > .copy p.links > a { display: inline-block; margin-right: 0.5em; overflow: hidden; }
body > .copy p.links > a:before { font-family: 'uaf'; font-weight: normal; margin: 0 0.3em; width: 1em; }
body > .copy p.links > a[href*=twitter]:before { content: '\f099'; }
body > .copy p.links > a[href*=facebook]:before { content: '\f230'; }
body > .copy p.links > a[href*=linkedin]:before { content: '\f0e1'; }
body > .copy p.links > a[href*=pinterest]:before { content: '\f0d2'; }
body > .copy p.links > a[href*=youtube]:before { content: '\f16a'; }
body > .copy p.links > a[href*=vimeo]:before { content: '\f306'; }
body > .copy p.links > a[href*=instagram]:before { content: '\f16d'; }
body > .copy p.links > a[href*=snapchat]:before { content: '\f2ac'; }
body > .copy p.links > a.web:before { content: '\e804'; }


body > section.program { display: flex; flex-wrap: nowrap; max-width: 1360px; margin: auto; padding-top: 3em; }
body > section.program > div { flex: 1 50%; text-align: left; padding: 0 3em; }
body > section.program > div > h3 { font-weight: 400; font-size: 1.6em; margin: 0; }
body > section.program > div > h2 { font-weight: 400; font-size: 7em; margin: 0 0 0 -0.07em; line-height: 0.9em; }
body > section.program > div > h2 > span { display: block; font-size: 0.25em; margin-top: -0.3em; margin-left: 0.2em; line-height: 1em; }
body > section.program > div > section > ul > li { padding-top: 0.4em; position: relative; margin: 1em 0; }
body > section.program > div > section > ul > li:before { content: ''; height: 0.4em; width: 100%; background: #F28F1E; position: absolute; top: 0; left: 0; }
body > section.program > div > section > ul > li > a { color: #494949; display: block; padding: 1.2em 0 3em; }
body > section.program > div > section > ul > li > a > time { font-size: 1.2em; font-weight: 400; }
body > section.program > div > section > ul > li > a > span { display: block; font-size: 1.2em; font-weight: 700; margin-top: 1em; }
body > section.program > div > section > ul > li > a > h3 { font-size: 2em; font-weight: 700; margin: 0; }
body > section.program > div > section > ul > li > a > p { font-size: 1.4em; margin: 0.5em 0; }
body > section.program > div > section > ul > li > a > ul { display: flex; flex-wrap: wrap; }
body > section.program > div > section > ul > li > a > ul > li { display: block; flex: 1 calc(50% - 4.5em); font-size: 1.4em; margin: 1em 0; padding: 0.5em 0 0.5em 4.5em; position: relative; }
body > section.program > div > section > ul > li > a > ul > li > span { display: inline-block; }
body > section.program > div > section > ul > li > a > ul > li > span:nth-of-type(1) { display: block; font-size: 1.4em; }
body > section.program > div > section > ul > li > a > ul > li > div { width: 4em; height: 4em; position: absolute; left: 0; top: 0; border-radius: 50%; background-size: cover; background-position: center center; }

@media (max-width: 980px) {
    body > section.program { flex-wrap: wrap; }
    body > section.program > div { flex: 1 100%; }
}

@media (max-width: 550px) {
    body > section.program > div > section > ul > li > a > ul > li { flex: 1 calc(100% - 4.5em); }
}

body > section.sessions { padding: 0 2em; }
body > section.sessions > ul { display: flex; flex-wrap: wrap; max-width: 108em; margin: auto; padding-top: 3em; justify-content: center; }
body > section.sessions > ul > li { padding-top: 0.4em; position: relative; margin: 1em; text-align: left; flex: 0 calc(50% - 2em); }
body > section.sessions > ul > li:before { content: ''; height: 0.4em; width: 100%; background: #F28F1E; position: absolute; top: 0; left: 0; }
body > section.sessions > ul > li > a { color: #494949; display: block; padding: 1.2em 0 3em; }
body > section.sessions > ul > li > a > time { font-size: 1.2em; font-weight: 400; }
body > section.sessions > ul > li > a > span { display: block; font-size: 1.2em; font-weight: 700; margin-top: 1em; }
body > section.sessions > ul > li > a > h3 { font-size: 2em; font-weight: 700; margin: 0; }
body > section.sessions > ul > li > a > p { font-size: 1.4em; margin: 0.5em 0; }
body > section.sessions > ul > li > a > ul { display: flex; flex-wrap: wrap; }
body > section.sessions > ul > li > a > ul > li { display: block; flex: 1 calc(50% - 4.5em); font-size: 1.4em; margin: 1em 0; padding: 0.5em 0 0.5em 4.5em; position: relative; }
body > section.sessions > ul > li > a > ul > li > span { display: inline-block; }
body > section.sessions > ul > li > a > ul > li > span:nth-of-type(1) { display: block; font-size: 1.4em; }
body > section.sessions > ul > li > a > ul > li > div { width: 4em; height: 4em; position: absolute; left: 0; top: 0; border-radius: 50%; background-size: cover; background-position: center center; }

@media (max-width: 870px) {
    body > section.sessions > ul { max-width: 64em; }
    body > section.sessions > ul > li { flex: 0 calc(100% - 2em); }
}

section.userform { width: 100%; min-height: calc(100% - 8em); position: relative; display: flex; background-image: url('/thumbs/scale/720/720/media/website/urban-indoor-garden-space.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
section.userform::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.7); }
section.userform > form { display: block; margin: auto; position: relative; padding: 2em; flex: 1 1; }

section.userform > form > .messages { position: fixed; top: 0; left: 0; height: 100%; width: 100%; font-weight: 700; background: rgba(0,0,0,0.7); align-items: center; justify-content: center; flex-direction: column; opacity: 0; transition: opacity 0.3s linear, max-height 0s 0.3s linear; cursor: auto; max-height: 0; overflow: hidden; display: flex; z-index: 10000; }
section.userform > form > .messages.active { opacity: 1; pointer-events: all; cursor: pointer; transition: opacity 0.3s linear, max-height 0s 0s linear; max-height: 100%; }
.nojs section.userform > form > .messages { position: relative; height: auto; margin-bottom: 4em; font-weight: 700; max-width: 40em; width: 100%; display: block; top: unset; left: unset; background: transparent; align-items: unset; justify-content: unset; flex-direction: unset; z-index: auto; opacity: 1; }

html:not(.nojs) section.userform > form > .messages::after { content: 'Click to dismiss'; color: #FFFFFF; display: block; margin-top: 0.5em; clip-path: inset(0 100% 0 0); transition: clip-path 0.3s 0.6s ease; }
html:not(.nojs) section.userform > form > .messages.active::after { clip-path: inset(0 0 0 0); }

section.userform > form > .messages > div { font-size: 2em; line-height: 1em; padding: 0.5em; clip-path: inset(0 100% 0 0); transition: clip-path 0.3s 0.3s ease; background: #FBBB16; color: #494949; text-align: left; margin-bottom: 0.5em; }

.nojs section.userform > form > .messages > div { float: left; min-height: 1em; }

section.userform > form > .messages > div > p { margin: 0; line-height: 1em; }
section.userform > form > .messages > div.reveal { clip-path: inset(0 0 0 0); }
section.userform > form > .messages > div.success { background: #44AF69; color: #FFFFFF; }
section.userform > form > .messages > div.error { background: #D82B2B; color: #FFFFFF; }

section.userform > form > .cn { position: relative; max-width: 60em; width: 100%; margin: auto; }
section.userform > form > .cn > .inputs { position: relative; padding: 2em; width: calc(100% - 4em); background: #EEEEEE; text-align: left; font-size: 1.4em; }
section.userform > form > .cn > .inputs h2 { margin: 0 0 0.5em 0; font-size: 1.5em; font-weight: 900; color: #F28F1E; }
section.userform > form > .cn > .inputs label { display: block; font-size: 0.8em; font-weight: 400; margin: 0; cursor: pointer; position: relative; }
section.userform > form > .cn > .inputs label.req::after { content: '*'; color: orange; }
section.userform > form > .cn > .inputs label .note { position: absolute; margin-left: 1em; }
section.userform > form > .cn > .inputs label .note::before { content: '?'; background: orange; display: inline-block; font-size: 0.8em; width: 1.3em; height: 1.3em; line-height: 1.3em; border-radius: 1.3em; text-align: center; }
section.userform > form > .cn > .inputs label .note > span { background: orange; padding: 0.2em; position: absolute; transform: translateY(calc(-100% + 0.75em)) translateX(-0.5em); pointer-events: none; opacity: 0; clip-path: inset(0 100% 0 0); transition: opacity 0s 0.3s, clip-path 0.3s 0s; white-space: nowrap; }
section.userform > form > .cn > .inputs label .note:hover > span { opacity: 1; clip-path: inset(0 0 0 0); transition: opacity 0s 1s, clip-path 0.3s 1s; }

section.userform > form > .cn > .inputs input { display: block; margin: 0.2em 0 0; padding: 0.5em; width: calc(100% - 1em); border: none; font-size: 1.2em; font-family: 'Roboto', sans-serif; color: #494949; outline: none; }
section.userform > form > .cn > .inputs input.price { padding: 0.5em 0.5em 0.5em 1em; width: calc(100% - 1.5em); }
section.userform > form > .cn > .inputs input:not([type=radio]):not([type=checkbox]) { margin-bottom: 0.5em; }
section.userform > form > .cn > .inputs textarea { display: block; margin: 0.2em 0 0.5em; padding: 0.5em; width: calc(100% - 1em); max-width: calc(100% - 1em); height: 10em; border: none; font-size: 1.2em; font-family: 'Roboto', sans-serif; color: #494949; outline: none; }

section.userform > form > .cn > .inputs #card-element { display: block; margin: 0.2em 0 0.5em; padding: 0.5em; width: calc(100% - 1em); border: none; font-size: 1.2em; font-family: 'Roboto', sans-serif; color: #494949; outline: none; background: #FFFFFF; }

section.userform > form > .cn > .inputs label.photo { width: 100%; padding-top: 40%; margin: 0 auto 1em; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; font-size: 1.4em; background-color: #FFFFFF; }

section.userform > form > .cn > .inputs label.photo > input { position: absolute; top: -150%; right: -150%;  }
section.userform > form > .cn > .inputs label.photo > span { position: absolute; top: 150%; right: 150%; }
section.userform > form > .cn > .inputs label.photo::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; display: block; content: ''; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
section.userform > form > .cn > .inputs label.photo.unset::before { position: absolute; top: 50%; bottom: unset; left: 50%; color: #CCCCCC; display: block; content: '\e819'; font-family: 'tools'; font-size: 8em; transform: translateX(-50%) translateY(-55%); width: auto; height: auto; background: unset; }
section.userform > form > .cn > .inputs label.photo::after { position: absolute; bottom: 0.5em; left: 50%; display: block; transform: translateX(-50%); color: #CCCCCC; font-family: 'tools'; content: '\e81a'; padding: 0.3em; }
body.kbu section.userform > form > .cn > .inputs label.photo:focus-within::after { border: dotted 1px; }


section.userform > form > .cn > .inputs label.logo { width: 250px; height: 250px; margin: 0 auto; border-radius: 50%; position: relative; background-size: contain; background-position: center center; background-repeat: no-repeat; overflow: hidden; font-size: 1.4em; background-color: #FFFFFF; }

section.userform > form > .cn > .inputs label.logo > input { position: absolute; top: -150%; right: -150%;  }
section.userform > form > .cn > .inputs label.logo > span { position: absolute; top: 150%; right: 150%; }
section.userform > form > .cn > .inputs label.logo::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; display: block; content: ''; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
section.userform > form > .cn > .inputs label.logo.unset::before { position: absolute; top: 50%; bottom: unset; left: 50%; color: #CCCCCC; display: block; content: '\f19c'; font-family: 'tools'; font-size: 8em; transform: translateX(-46%) translateY(-55%); width: auto; height: auto; background: unset; }
section.userform > form > .cn > .inputs label.logo::after { position: absolute; bottom: 0.5em; left: 50%; display: block; transform: translateX(-50%); color: #CCCCCC; font-family: 'tools'; content: '\e81a'; padding: 0.3em; }
body.kbu section.userform > form > .cn > .inputs label.logo:focus-within::after { border: dotted 1px; }

.nojs section.userform > form > .cn > .inputs .fancyselect { display: none; }
:not(.nojs) section.userform > form > .cn > .inputs .fancyselect + select { display: none; }

section.userform > form > .cn > .inputs .fancyselect.boxes { display: grid; grid-gap: 0.5em; grid-template-columns: 1fr 1fr; }
section.userform > form > .cn > .inputs .fancyselect.boxes div.radio { margin: 0; display: flex; }
section.userform > form > .cn > .inputs .fancyselect.boxes div.radio > input[type=radio] + label { width: 100%; }

@media(max-width: 600px) { section.userform > form > .cn > .inputs .fancyselect.boxes { grid-template-columns: 1fr; } }


section.userform > form > .cn > .inputs div.radio { display: block; margin: 1em 0; line-height: normal; position: relative; }
section.userform > form > .cn > .inputs div.radio small { display: block; }
section.userform > form > .cn > .inputs div.radio input[type=radio] { position: absolute; top: 0; left: 0; width: 1px; height: 1px; border: none; opacity: 0; }
section.userform > form > .cn > .inputs div.radio input[type=radio] + label.newonly { display: none; }
section.userform > form > .cn > .inputs div.radio > label { display: block; padding: 0.5em 0.5em 0.5em 2em; border: solid 1px #494949; cursor: pointer; font-size: 1.2em; position: relative; }
section.userform > form > .cn > .inputs div.radio input[type=radio] + label { border-color: inherit; }
section.userform > form > .cn > .inputs div.radio input[type=radio]:checked + label { border-color: #39a935; }
section.userform > form > .cn > .inputs div.radio input[type=radio] + label::after { content: '';  position: absolute; left: 0.7em; top: 0.6em; width: 0.8em; height: 0.8em; border: 2px solid; border-radius: 1em; }
section.userform > form > .cn > .inputs div.radio input[type=radio]:checked + label::after { border-color: #39a935; }
section.userform > form > .cn > .inputs div.radio input[type=radio]:checked + label::before { content: '\e805'; color: #39a935; font-family: 'tools'; position: absolute; left: 1em; top: 0.9em; width: auto; height: auto; font-size: 0.8em; }

section.userform > form > .cn > .inputs div.twocol { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1em; }
section.userform > form > .cn > .inputs div.twocol > div { position: relative; }
section.userform > form > .cn > .inputs div.twocol > div > .dollars { position: absolute; z-index: 100; transform: translateY(-2.35em) translateX(0.5em); }
section.userform > form > .cn > .inputs div#eventmap { height: 20em; margin-top: 1em; }

section.userform > form > .cn > .inputs div.plusbox { display: block; margin: 1em 0 0; line-height: normal; position: relative; }
section.userform > form > .cn > .inputs div.plusbox:first-child { margin: 0 0 0; }
section.userform > form > .cn > .inputs div.plusboxbody > form > .cn > .inputs div.plusbox small { display: block; }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox] { position: absolute; top: 0; left: 0; width: 1px; height: 1px; border: none; opacity: 0; }
section.userform > form > .cn > .inputs div.plusbox > label { display: block; padding: 0.5em 0.5em 0.5em 2em; border: solid 1px #494949; cursor: pointer; font-size: 1.2em; position: relative; }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox] + label { border-color: inherit; border-radius: 5px; }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox]:checked + label { border-color: #39a935; }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox] + label::after { content: ''; width: 14px; height: 5px; border-radius: 2px; background: #494949; top: 16px; left: 8px; position: absolute; transition: transform 0.3s ease; }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox] + label::before { content: ''; width: 14px; height: 5px; border-radius: 2px; background: #494949; top: 16px; left: 8px; position: absolute; transition: transform 0.3s ease; transform: rotate(90deg); }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox] + label:hover::after { transform: rotate(90deg); }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox] + label:hover::before { transform: rotate(180deg); }
section.userform > form > .cn > .inputs div.plusbox > .expander { max-height: 0; transition: max-height 0.3s ease-out; overflow: hidden;  }
section.userform > form > .cn > .inputs div.plusbox > .expander > :first-child { margin-top: 1em; }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox]:checked + label + .expander { max-height: 3000px; transition: max-height 0.3s ease-in; }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox]:checked + label::after { transform: rotate(180deg); }
section.userform > form > .cn > .inputs div.plusbox > input[type=checkbox]:checked + label::before { transform: rotate(180deg); }

section.userform > form > .cn > .inputs div.radio.unavailable input[type=radio] + label { border-color: #AAAAAA; color: #AAAAAA; text-decoration: line-through; background-color: #EEEEEE; cursor: not-allowed; }
section.userform > form > .cn > .inputs div.radio.unavailable input[type=radio] + label::before { color: #AAAAAA; }

section.userform > form > .cn > .inputs div.optiongroup { display: block; border: solid 1px; border-radius: 5px; padding: 1em; margin-top: 1em; }
section.userform > form > .cn > .inputs div.optiongroup > div.radio { font-size: 1em; }
section.userform > form > .cn > .inputs div.optiongroup > div.radio > label { font-size: 1.2em; margin-bottom: 1em; border-radius: 5px; }
section.userform > form > .cn > .inputs div.optiongroup > div.radio > .expander { max-height: 0; transition: max-height 0.3s ease-out; overflow: hidden; }
section.userform > form > .cn > .inputs div.optiongroup > div.radio > input:checked + label + .expander { max-height: 3000px; transition: max-height 0.3s ease-in; }

section.userform > form > .cn > .inputs div.radio input[type=radio] + label + input[type=radio] + label + .expander { clear: both; }
section.userform > form > .cn > .inputs div.radio input[type=radio] + label + input[type=radio] + label + .expander > div { max-height: 0; transition: max-height 0.3s ease-out; overflow: hidden;  }
section.userform > form > .cn > .inputs div.radio input[type=radio]#individual:checked + label + input[type=radio] + label + .expander > .individual { max-height: 3000px; transition: max-height 0.3s ease-in;  }
section.userform > form > .cn > .inputs div.radio input[type=radio] + label + input[type=radio]#organisation:checked + label + .expander > .organisation { max-height: 3000px; transition: max-height 0.3s ease-in;  }
section.userform > form > .cn > .inputs div.radio input[type=radio] + label + input[type=radio] + label + .expander > div > p { margin-bottom: 1em; }

body.kbu section.userform > form div.checkbox > input[type=checkbox]:focus + label,
body.kbu section.userform > form div.radio > input[type=radio]:focus + label { outline: dotted 1px; }

section.userform > form > .cn > button.hidden { position: absolute; top: 0; left: 0; padding: 0; margin: 0; background: transparent; outline: none; opacity: 0; pointer-events: none; }
section.userform > form > .cn > .inputs h3 { font-size: 1em; margin: 1em 0 0; padding-top: 1em; border-top: solid 1px; }
section.userform > form > .cn > .inputs p { margin: 0.5em 0; }


.kbu section.userform > form > .cn > .inputs input:focus { outline: 1px dotted; }
.kbu section.userform > form > .cn > .inputs textarea:focus { outline: 1px dotted; }

section.userform > form > .cn > .inputs input#remember { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; overflow: hidden; }
section.userform > form > .cn > .inputs label.remember { padding-left: 1.3em; position: relative; float: left; margin-bottom: 2em; }
section.userform > form > .cn > .inputs label.remember::before { content: ''; width: 1em; height: 1em; background: #FFFFFF; display: inline-block; position: absolute; left: 0; top: 0; }
section.userform > form > .cn > .inputs input:checked + label.remember::after { content: '\e805'; width: 1em; height: 1em; text-align: center; position: absolute; left: 0; top: 0; font-family: 'tools'; }
.kbu section.userform > form > .cn > .inputs input:focus + label.remember { outline: 1px dotted; }
section.userform > form > .cn > .inputs a.forgot { display: inline-block; float: right; font-size: 0.8em; color: inherit; margin-bottom: 2em; }

section.userform > form > .cn > .inputs .new { color: #FFFFFF; position: absolute; top: 100%; left: 0; font-size: 0.8em; }
section.userform > form > .cn > .inputs .new > a:hover { color: #FFFFFF; }

section.userform > form > .cn > .inputs button { display: block; clear: both; margin: 1em 0 0; white-space: nowrap; padding: 0.75em; background: #494949; color: #FFFFFF; line-height: 1em; font-weight: 900; border: none; outline: none; width: 100%; cursor: pointer; border-radius: 5px; transition: background 0.3s ease; }
section.userform > form > .cn > .inputs button:hover { background: #F28F1E; }
.kbu section.userform > form > .cn > .inputs button:focus { outline: 1px dotted #494949; }
section.userform > form > .cn > .inputs button.bad { background: #D82B2B; }
section.userform > form > .cn > .inputs button.bad:hover { background: #BD2121; }

section.userform > form > .cn > .inputs .formbutton { display: block; clear: both; margin: 1em 0 0; white-space: nowrap; padding: 0.75em; background: #494949; color: #FFFFFF; line-height: 1em; font-weight: 900; border: none; outline: none; cursor: pointer;  text-align: center; border-radius: 5px; transition: background 0.3s ease; }
section.userform > form > .cn > .inputs .formbutton:hover { background: #F28F1E; }
.kbu section.userform > form > .cn > .inputs .formbutton:focus { outline: 1px dotted #494949; }

section.userform > form > .cn > .inputs .formbutton.bad { background: #D82B2B; }
section.userform > form > .cn > .inputs .formbutton.bad:hover { background: #BD2121; }

section.userform > form > .cn > .inputs button[data-toggle] { color: #494949; background-color: #FFFFFF; text-align: left; padding: 0.5em 0 0; margin: 1em 0 0; font-size: 1.2em; font-weight: normal; border-top: solid 1px; }
section.userform > form > .cn > .inputs div[data-expand] { border-bottom: solid 1px; padding: 0.5em 0 0; max-height: 0; transition: max-height 0.4s ease-out; overflow: hidden; margin-bottom: 1em; }
section.userform > form > .cn > .inputs div[data-expand].open { max-height: 1080px; transition: max-height 0.4s ease-in; }


section.userform > form > .cn > .inputs select { font-size: 1.2em; color: #494949; font-family: 'Roboto', sans-serif; padding: 0.5em; margin: 0.2em 0 0; width: 100%; border: none; outline: none; }
.kbu section.userform > form > .cn > .inputs select:focus { outline: 1px dotted; }
section.userform > form > .cn > .inputs select#type { margin-bottom: 0.5em; }

section.userform > form > .cn > .inputs [data-expand] select { margin-bottom: 0.5em; }

section.userform > form > .cn > .inputs div.checkbox { display: block; font-size: 1.2em; margin: 1em 0; line-height: normal; position: relative; }
section.userform > form > .cn > .inputs div.checkbox small { display: block; }
section.userform > form > .cn > .inputs div.checkbox input[type=checkbox] { position: absolute; top: 0; left: 0; width: 1px; height: 1px; border: none; opacity: 0; }
section.userform > form > .cn > .inputs div.checkbox label { display: block; padding: 0.5em 0.5em 0.5em 2em; border: solid 1px #494949; cursor: pointer; font-size: 1em; }
section.userform > form > .cn > .inputs div.checkbox input[type=checkbox] + label { border-color: #e00000; }
section.userform > form > .cn > .inputs div.checkbox input[type=checkbox]:checked + label { border-color: #39a935; }
section.userform > form > .cn > .inputs div.checkbox input[type=checkbox] + label::before { content: '\e806'; font-family: 'tools'; display: block; position: absolute; left: 0.7em; top: 0.6em; color: #e00000; }
section.userform > form > .cn > .inputs div.checkbox input[type=checkbox]:checked + label::before { content: '\e805'; color: #39a935; }

section.userform > form > .cn > .inputs div.checkbox.unavailable input[type=checkbox] + label { border-color: #AAAAAA; color: #AAAAAA; text-decoration: line-through; background-color: #EEEEEE; cursor: not-allowed; }
section.userform > form > .cn > .inputs div.checkbox.unavailable input[type=checkbox] + label::before { color: #AAAAAA; }

section.userform.account { background-image: unset; min-height: unset; }
section.userform.account::before { display: none; }
section.userform.account .user { display: flex; }
section.userform.account .user > div { border: solid 1px #DDDDDD; margin: 0.5em; text-align: left; padding: 1em; }
section.userform.account .user > div > h2 { margin-top: 0; font-size: 1.8em; }
section.userform.account .user > .details { flex: 1 1; }
section.userform.account .user > .details > p { font-size: 1.4em; }

section.userform.account .user > .events { flex: 2 1; }

section.userform.account .user > .events > ul.eventlist { position: relative; display: flex; flex-wrap: wrap; }
section.userform.account .user > .events > ul.eventlist > li { display: block; background: #FFFFFF; margin: 0.5em; flex: 0 0 calc(25% - 1em - 2px); border: solid 1px #73C7B4; }
section.userform.account .user > .events > ul.eventlist > li > a { display: block; position: relative; padding-top: 1em; color: #494949; cursor: pointer; height: 100%; }
section.userform.account .user > .events > ul.eventlist > li > a:before { content: ''; height: 0.4em; width: 100%; background: #73c7b4; position: absolute; top: 0; left: 0; }

section.userform.account .user > .events > ul.eventlist > li > a > .bg { width: 100%; padding-top: 70%; background-size: cover; background-position: center center; position: relative; }

section.userform.account .user > .events > ul.eventlist > li > a > .details { padding: 1em; text-align: left; }

section.userform.account .user > .events > ul.eventlist > li > a > .details a { color: #73c7b4; font-size: 1.6em; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > time { margin-bottom: 0.5em; display: block; font-size: 1.2em; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > h3 { color: #73c7b4; margin: 0 0 0.2em; font-size: 1.8em; font-weight: 500; line-height: 1.1em; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > p { margin: 0 0 0.5em; font-size: 1.2em; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > p > span { display: inline-block; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > span { color: #73c7b4; font-size: 1.2em; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > h3 + time { margin-bottom: 0.2em; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > time > span { display: inline-block; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > address { display: block; font-size: 1.2em; margin-bottom: 0.5em; }
section.userform.account .user > .events > ul.eventlist > li > a > .details > .price { float: right; font-size: 1.2em; font-weight: 700; font-style: italic; }

section.userform.account .user > .events > ul.eventlist > li.rejected { border: solid 1px red; }
section.userform.account .user > .events > ul.eventlist > li.rejected > a:before { background: red; }
section.userform.account .user > .events > ul.eventlist > li.rejected > a > .details > h3 { color: red; }
section.userform.account .user > .events > ul.eventlist > li.rejected > a > .details > span { color: red; }
section.userform.account .user > .events > ul.eventlist > li.rejected > a > .details > p { color: red; }

section.userform.account .user > .events > ul.eventlist > li.pending { border: solid 1px #F28F1E; }
section.userform.account .user > .events > ul.eventlist > li.pending > a:before { background: #F28F1E; }
section.userform.account .user > .events > ul.eventlist > li.pending > a > .details > h3 { color: #F28F1E; }
section.userform.account .user > .events > ul.eventlist > li.pending > a > .details > span { color: #F28F1E; }
section.userform.account .user > .events > ul.eventlist > li.pending > a > .details > p { color: #F28F1E; }

section.userform.account .user > .events > ul.eventlist > li.create { border: solid 1px #494949; background: #73c7b4; }
section.userform.account .user > .events > ul.eventlist > li.create > a:before { background: #494949; }
section.userform.account .user > .events > ul.eventlist > li.create > a > .bg::before { font-family: 'tools'; content: '\e81c'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFFFFF; font-size: 8em; }
section.userform.account .user > .events > ul.eventlist > li.create > a > .details > h3 { color: #FFFFFF; }
section.userform.account .user > .events > ul.eventlist > li.create > a > .details > span { color: #FFFFFF; }
section.userform.account .user > .events > ul.eventlist > li.create > a > .details > p { color: #FFFFFF; }


@media(max-width: 1280px) {
    section.userform.account .user { display: block; }
    section.userform.account .user > .details { display: inline-block; }
    section.userform.account .user > events { display: block; }
}
@media(max-width: 860px) {
    section.userform.account .user > .events > ul.eventlist > li { flex: 0 0 calc(33% - 1em - 2px); }
}
@media(max-width: 680px) {
    section.userform.account .user > .events > ul.eventlist > li { flex: 0 0 calc(50% - 1em - 2px); }
}
@media(max-width: 500px) {
    section.userform.account .user > .events > ul.eventlist > li { flex: 0 0 calc(100% - 1em - 2px); }
}

.uamonth > #list #results > li { max-height: 0; overflow: hidden; transition: max-height 0.7s linear; max-width: 0; }
.uamonth > #list #results > li.full > div > .details > p { max-height: 60em; }
.uamonth > #list #results > li.show:not(.nonmatch) { max-height: 60em; max-width: none; }


body > footer { background-color: #F28F1E; display: flex; color: #FFFFFF; align-items: center; padding: 2em; text-align: left; margin-top: auto; flex-wrap: wrap; justify-content: flex-start; }
body > footer a { color: inherit; }
body > footer a:hover { color: #606060; }
body > footer > *:not(.sustain) { margin-right: 4em; margin-bottom: 2em; }
body > footer > #flogo { display: block; width: 15em; height: 9em; }
body > footer > #flogo > svg { width: 100%; height: 100%; }
body > footer > #flogo > svg polygon,
body > footer > #flogo > svg path { fill: #FFFFFF; }
body > footer > #flogo:hover > svg polygon,
body > footer > #flogo:hover > svg path { fill: #606060; }
body > footer > div > a { display: block; }
body > footer > div > div > ul { white-space: nowrap; font-size: 1em; }
body > footer > div > div > ul > li { display: inline-block; margin-left: 0.25em; }
body > footer > div > div > ul > li > a { display: block; width: 1em; overflow: hidden; }
body > footer > div > div > ul > li > a:before { display: inline-block; width: 1em; font-family: 'uaf'; }
body > footer > div > div > ul > li > a[href*='facebook']:before { content: '\F230'; }
body > footer > div > div > ul > li > a[href*='instagram']:before { content: '\F16D'; }
body > footer > div > div > ul > li > a[href*='pinterest']:before { content: '\F0D2'; }
body > footer > div > div > ul > li > a[href*='linkedin']:before { content: '\F0E1'; }
body > footer > div > div > ul > li > a[href*='twitter']:before { content: '\F099'; }
body > footer > div > div > ul > li > a[href*='/contact']:before { content: '\F0E0'; }

body > footer > a.sustain { display: block; position: relative; margin-left: auto; margin-bottom: 2em; }
body > footer > a.sustain > small { font-size: 1em; position: absolute; top: -1.5em; left: 0; }
body > footer > a.sustain > svg { height: 5em; }
body > footer > a.sustain > svg path { fill: #FFFFFF; transition: fill 0.2s ease; }
body > footer > a.sustain:hover > svg path { fill: #606060; }

body > footer > div.ack { flex: 0 0 100%; margin: 0; }

.tn { filter: blur(5px); transition: filter 0.7s ease; }
.tn.ld { filter: blur(0); }

.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

@keyframes btnbspin {
    0% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/53% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 66% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/15% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/26% 0.2em no-repeat; 
    }
    6.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/27% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 92% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/41% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    8.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/19% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 92% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/49% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    13.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/19% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 73% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/68% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    21.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/51% 0.2em no-repeat,            
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 41% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/100% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 68% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    31.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/92% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 41% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/100% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 27% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    33.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/92% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 49% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/100% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 19% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    38.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/73% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 68% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/100% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 19% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    46.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/41% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 100% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/68% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 51% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    56.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/41% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 100% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/27% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 92% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0 0.2em no-repeat; 
    }
    58.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/49% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 100% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/19% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 92% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/0 0.2em no-repeat; 
    }
    63.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/68% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 100% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 73% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/19% 0.2em no-repeat; 
    }
    71.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/100% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 68% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 41% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/51% 0.2em no-repeat; 
    }
    81.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/100% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 27% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 41% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/92% 0.2em no-repeat; 
    }
    83.5% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/100% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 0% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 19% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/0% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 49% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/92% 0.2em no-repeat; 
    }
    88.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/100% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 19% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/0% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 68% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/73% 0.2em no-repeat; 
    }
    96.25% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/68% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 51% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/0% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/41% 0.2em no-repeat; 
    }
    100% {
        background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/53% 0.2em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/0% 0.2em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.2em 66% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 0%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/15% 0.2em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.2em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.2em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/26% 0.2em no-repeat; 
    }
    
}

body.uamonth { display: block; overflow-x: unset; overflow: hidden; flex-direction: unset; text-align: left; }

body.uamonth > #logo { position: absolute; top: 0; left: 0; padding: 1.5em 2em; z-index: 100; background-color: transparent; }
body.uamonth > #logo > a { display: block; height: 5em; width: 9em; position: relative; outline: none; }
body.uamonth.kbu > #logo > a:focus { outline: 1px dotted #606060; }
body.uamonth > #logo > a > svg > path { fill: #606060; }
body.uamonth > #logo > a > svg > polygon { display: none; }
body.uamonth > #logo > a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/53% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 66% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/15% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/26% 0.4em no-repeat; 
}

body.uamonth > #logo > a.play:before { animation: 5s linear 0s infinite uafdarkbspin ; }


body.uamonth > nav { position: absolute; top: 8em; left: 0; height: calc(100% - 8em); max-height: 0; transition: max-height 0.5s ease; z-index: 1600; display: flex; flex-wrap: wrap; background: #FFFFFF; padding: 0; align-content: center; }
body.uamonth > nav.open { max-height: 100%; }
body.uamonth > nav:focus-within { max-height: 100%; }
body.uamonth > nav > ul { font-size: 1.5em; z-index: 1600; text-align: center; overflow: hidden; max-height: 100%; }
body.uamonth > nav > ul > li { display: block; margin-bottom: 0.3em; }
body.uamonth > nav > ul > li > a { display: block; padding: 0; }
body.uamonth > nav > ul > li > a:before { display: none; }
body.uamonth > nav > ul > li > a:after { display: none; }
body.uamonth > nav > ul > li > ul { max-height: none; overflow: visible; width: 100%; text-align: center; position: relative; left: auto; top: auto; font-size: 0.8em; }
body.uamonth > nav > ul > li > ul:before { display: none; }
body.uamonth > nav > ul > li > ul > li { display: inline-block; margin: 0 0.5em; }
body.uamonth > nav > ul > li > ul > li.parent { display: block; }
body.uamonth > nav > ul > li > ul > li > a { padding: 0; }
body.uamonth > nav > ul > li > ul > li > a:before { display: none; }
body.uamonth > nav > ul > li > ul > li > ul { max-height: none; overflow: visible; width: 100%; text-align: center; position: relative; left: auto; top: auto; font-size: 0.8em; }
body.uamonth > nav > ul > li > ul > li > ul:before { display: none; }
body.uamonth > nav > ul > li > ul > li > ul > li { display: inline-block; margin: 0 0.5em; }
body.uamonth > nav > ul > li > ul > li > ul > li > a { padding: 0; }
body.uamonth > nav > ul > li > ul > li:nth-child(1) { padding: 0; }
body.uamonth > nav > ul > li > ul > li > ul > li:nth-child(1) { padding: 0; }
body.uamonth > nav .navx { display: inline-block; cursor: pointer; position: absolute; top: -3.7em; right: 5.5em; width: 3em; height: 0.3em; background-color: #606060; transition: background-color 0.4s ease; z-index: 2000; }
body.uamonth > nav .navx:before,
body.uamonth > nav .navx:after { content: ''; display: block; background-color: transparent; width: 3em; height: 1.5em; position: absolute; right: 0; }
body.uamonth > nav .navx:before { top: -0.8em; border-top: solid 0.3em #606060; transition: transform 0.4s ease, top 0.2s ease; }
body.uamonth > nav .navx:after { bottom: -0.8em; border-bottom: solid 0.3em #606060; transition: transform 0.4s ease, bottom 0.2s ease; }
body.uamonth > nav .navx:hover:before { top: -1em; }
body.uamonth > nav .navx:hover:after { bottom: -1em; }
body.uamonth > nav.open .navx:hover:before { top: 0; }
body.uamonth > nav.open .navx:hover:after { bottom: 0; }
body.uamonth > nav.open .navx:before { top: 0; -webkit-transform: rotate(45deg) translate(-0.6em,0.2em); transform: rotate(45deg) translate(-0.6em,0.2em); }
body.uamonth > nav.open .navx { background-color: transparent; }
body.uamonth > nav.open .navx:after { bottom: 0; -webkit-transform: rotate(-45deg) translate(-0.5em,-0.2em); transform: rotate(-45deg) translate(-0.5em,-0.2em); }
body.uamonth > nav .social { width: 100%; text-align: center; max-height: 0; overflow: hidden; margin-top: 1em; transition: max-height 0.1s 0s linear; }
body.uamonth > nav.open .social { max-height: 100%; transition: max-height 0.2s 0.2s linear; }
body.uamonth > nav:focus-within .social { max-height: 100%; transition: max-height 0.2s 0.2s linear; }
body.uamonth > nav .social > ul { font-size: 2em; }

body.uamonth > .user { top: 1.9em; display: block; }
body.uamonth > .user:hover { color: #73c7b4; }
body.uamonth > #usermenu > span { border: 1px solid #73c7b4; border-radius: 10px; }
body.uamonth > #usermenu > span > a { background: #73c7b4; }
body.uamonth.kbu > #usermenu > span > a:focus { outline: 1px dotted #73c7b4; }

body.uam > .user { display: block; }
body.uam > nav { padding: 3em 6em 0; }

body.userpage > .user { display: block; }
body.userpage > nav { padding: 3em 6em 0; }


@media (max-width: 870px) {
    body.uam > .user { top: 1.9em; }
    body.uam > nav { padding: 0; }
    body.uam > nav .navx { right: 5.5em; }
    
    body.userpage > .user { top: 1.9em; }
    body.userpage > nav { padding: 0; }
    body.userpage > nav .navx { right: 5.5em; }

}

.uamonth #map { width: 100%; max-width: 100%; height: 100%; flex-grow: unset; flex-shrink: unset; }
.uamonth #map img { max-width : none; }
.uamonth #map .clustericon { border-radius: 50%; background-color: #73c7b4; top: 0; left: 0; font-weight: bold; font-size: 15px; display: flex; align-items: center; color: #FFFFFF; }

.uamonth > footer { position: fixed; bottom: 15px; right: 0; display: block; padding: 0; color: rgb(68,68,68); background: transparent; font-size: 10px; font-family: sans-serif; }
.uamonth > footer > *:not(.sustain) { margin: 0; }
.uamonth > footer > #flogo { display: none; }
.uamonth > footer > .ack { display: none; }
.uamonth > footer > .sustain { display: none; }
.uamonth > footer > div:nth-of-type(1) { display: none; }
.uamonth > footer > div > div { display: inline; padding: 0 6px; background: rgba(245,245,245,0.7); float: left; height: 14px; }
.uamonth > footer > div > div:nth-of-type(1) br { display: none; }
.uamonth > footer > div > div:nth-of-type(1)::after { content: ' Urban Agriculture Forum'; }
.uamonth > footer > div > div:nth-of-type(1) > a { display: none; }
.uamonth > footer > div > div:nth-of-type(2) { margin-left: 1px; }
.uamonth > footer > div > div:nth-of-type(3) { display: none; }

@media (max-width: 525px) {
    .uamonth > footer > div > div:nth-of-type(1) { display: none; }
    .uamonth > footer > div::before { content: 'Copyright \00A9  2020 Urban Agriculture Forum'; padding: 0 6px; background: rgba(245,245,245,0.7); float: left; height: 14px; }    
}


.uamonth .gm-style .gm-style-iw-t::after { display: none; }
.uamonth .gm-style .gm-style-iw-c { background-color: transparent; box-shadow: unset; transform: unset; padding: 0; border-radius: unset; }
.uamonth .gm-style .gm-style-iw-c > button { display: none !important; }
.uamonth .gm-style .gm-style-iw-d { overflow: auto !important; }
.uamonth .gm-style iframe + div { border: none !important; }
.uamonth .infobox { font-size: 10px; font-family: 'Museo', sans-serif; animation: uncrop 1s forwards 0.1s; clip-path: inset(0 100% 100% 0); }


@keyframes uncrop {
    0% { clip-path: inset(0 100% calc(100% - 0.4em) 0); }
    30% { clip-path: inset(0 0 calc(100% - 0.4em) 0); }
    100% { clip-path: inset(0 0 0 0); }
}

.uamonth .infobox > div { display: block; position: relative; padding-top: 1em; color: #494949; cursor: pointer; background: #FFFFFF; font-weight: 400; }
.uamonth .infobox > div:before { content: ''; height: 0.4em; width: 100%; background: #73c7b4; position: absolute; top: 0; left: 0; }

.uamonth .infobox > div > .bg { width: 100%; padding-top: 70%; background-size: cover; background-position: center center; }

.uamonth .infobox > div > .details { padding: 1em; text-align: left; }

.uamonth .infobox > div > .details > a { color: #73c7b4; font-size: 1.6em; }
.uamonth .infobox > div > .details > time { margin-bottom: 0.5em; display: block; font-size: 1.2em; }
.uamonth .infobox > div > .details > h3 { color: #73c7b4; margin: 0 0 0.2em; font-size: 1.8em; font-weight: 500; line-height: 1.1em; }
.uamonth .infobox > div > .details > p { margin: 0 0 0.5em; font-size: 1.4em; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.uamonth .infobox > div > .details > p > span { display: inline-block; }
.uamonth .infobox > div > .details > span { color: #73c7b4; font-size: 1.2em; }
.uamonth .infobox > div > .details > h3 + time { margin-bottom: 0.2em; }
.uamonth .infobox > div > .details > time > span { display: inline-block; }
.uamonth .infobox > div > .details > address { display: block; font-size: 1.2em; margin-bottom: 0.5em; }
.uamonth .infobox > div > .details > .price { float: right; font-size: 1.2em; font-weight: 700; font-style: italic; }



.uamonth .clustericon { outline: none; }
.uamonth .clustericon > div { outline: none; }


@media (max-width: 250px) { .uamonth > footer > div::before { content: 'Copyright \00A9  Sustain'; } }
@media (max-width: 220px) { .uamonth > footer > div::before { content: '\00A9  Sustain'; } }


.uamonth > #list { position: absolute; bottom: 4em; left: 2em; width: 43em; height: calc(100% - 16em); display: flex; flex-direction: column; justify-content: flex-end; pointer-events: none; padding: 1em; }
.uamonth > #list #resultscroll { max-height: calc(100% - 10em); pointer-events: all; }
.uamonth > #list.hide #results { max-height: 0; overflow: hidden; }
.uamonth > #list #results { display: flex; flex-wrap: wrap; }
.uamonth > #list #results > li { background: #FFFFFF; flex-basis: 0; margin: 0; flex-basis: calc(50% - 1em); }
.uamonth > #list #results > li.show:not(.nonmatch) { margin: 0.5em; }
.uamonth > #list #results > li > div { display: block; position: relative; padding-top: 1em; color: #494949; cursor: pointer; height: 100%; }
.uamonth > #list #results > li > div:before { content: ''; height: 0.4em; width: 100%; background: #73c7b4; position: absolute; top: 0; left: 0; }

.uamonth > #list #results > li > div > .bg { width: 100%; padding-top: 70%; background-size: cover; background-position: center center; }

.uamonth > #list #results > li > div > .details { padding: 1em; text-align: left; }

.uamonth > #list #results > li > div > .details a { color: #73c7b4; font-size: 1.6em; }
.uamonth > #list #results > li > div > .details > time { margin-bottom: 0.5em; display: block; font-size: 1.2em; }
.uamonth > #list #results > li > div > .details > h3 { color: #73c7b4; margin: 0 0 0.2em; font-size: 1.8em; font-weight: 500; line-height: 1.1em; }
.uamonth > #list #results > li > div > .details > p { margin: 0 0 0.5em; font-size: 1.2em; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.uamonth > #list #results > li > div > .details > p > span { display: inline-block; }
.uamonth > #list #results > li > div > .details > span { color: #73c7b4; font-size: 1.2em; }
.uamonth > #list #results > li > div > .details > h3 + time { margin-bottom: 0.2em; }
.uamonth > #list #results > li > div > .details > time > span { display: inline-block; }
.uamonth > #list #results > li > div > .details > address { display: block; font-size: 1.2em; margin-bottom: 0.5em; }
.uamonth > #list #results > li > div > .details > .price { float: right; font-size: 1.2em; font-weight: 700; font-style: italic; }

.uamonth > #list #results > li { max-height: 0; overflow: hidden; transition: max-height 0.7s linear; max-width: 0; }
.uamonth > #list #results > li.full > div > .details > p { max-height: 60em; }
.uamonth > #list #results > li.show:not(.nonmatch) { max-height: 60em; max-width: none; }

.uamonth #dirtools { color: #FFFFFF; font-size: 1.2em; pointer-events: all; position: relative; display: block; background: #73c7b4; padding: 0.5em; margin: 0 0.5em; }
.uamonth #dirtools > li { position: relative; cursor: pointer; margin: 0 0.5em; display: inline-block; }
.uamonth #dirtools > li > a { color: #FFFFFF; }
.uamonth #dirtools > li > a::after { content: '\e807'; margin-left: 0.2em; font-family: 'uaf'; transform: rotate(-90deg); display: inline-block; }
.uamonth #dirtools > li > a.open::after { transform: rotate(0deg); }
.uamonth #list.hide #dirtools > li#resultsdisplay { display: none; }
.uamonth #dirtools > li#resultsdisplay { float: right; }
.uamonth #dirtools > li#resultsdisplay > button#minmax { background: transparent; border: none; outline: none; color: #FFFFFF; cursor: pointer; }
.uamonth #list #dirtools > li#resultsdisplay > button#minmax:before { content: '\e801'; font-family: 'uaf'; }

.uamonth #dirtools #searchtool label { cursor: pointer; margin-right: 0.5em; }
.uamonth #dirtools #searchtool label::after { font-family: 'uaf'; content: '\e807'; margin-left: 0.4em; transform: rotate(-90deg); display: inline-block; }
.uamonth #dirtools #searchtool button { position: absolute; right: 0.5em; top: 0; color: #73c7b4; padding: 0 0 0 0.5em; background: transparent; border: none; outline: none; display: none; cursor: pointer; font-size: inherit; }
.uamonth #dirtools #searchtool.show button { display: inline-block; }
.uamonth #dirtools #searchtool button::after { font-family: 'uaf'; content: '\e801'; }
.uamonth #dirtools #searchtool > input { border: none; background: #FFFFFF; outline: none; clip-path: inset(0 100% 0 0); transition: clip-path 0.3s ease; font-size: inherit; font-family: inherit; }
.uamonth #dirtools #searchtool > input:focus { clip-path: inset(0 0 0 0); }
.uamonth #dirtools #searchtool.show > input { clip-path: inset(0 0 0 0); }


.uamonth #result_options { font-size: 1.2em; margin: 0 0.5em; }
.uamonth #result_options > ul.drop { display: flex; flex-wrap: wrap; position: relative; background: #73c7b4; max-height: 0; transition: max-height 0.3s ease; overflow: hidden; z-index: 1; color: #FFFFFF; padding: 0 2.25em 0 0.25em; }
.kbu .uamonth #result_options > ul.drop:focus-within { max-height: 500px; }
.uamonth #result_options > ul.drop.show { max-height: 500px; }
.uamonth #result_options > ul.drop > li { display: inline-block; position: relative; padding: 0; }
.uamonth #result_options > ul.drop > li > a { display: inline-block; color: #FFFFFF; padding: 0.3em 0.5em; margin: 0.25em; border: solid 1px; }
.uamonth #result_options > ul.drop > li.instr > a { border: none; cursor: default; width: 0; height: 0; overflow: hidden; margin: 0; padding: 0; }
.nojs .uamonth #result_options > ul.drop > li.instr > a { width: auto; margin: 0.25em; padding: 0.3em 0.5em; }
.uamonth #result_options > ul.drop > li input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; border: none; background: transparent; opacity: 0; }
.uamonth #result_options > ul.drop > li label { display: inline-block; color: #FFFFFF; margin: 0.25em; padding: 0.3em 0.5em; border: solid 1px; cursor: pointer; }
.uamonth #result_options > ul.drop > li input + label::after { content: '\e801'; font-family: 'uaf'; margin-left: 1em; }
.uamonth #result_options > ul.drop > li input:checked + label::after { content: '\e800'; }
.uamonth #result_options > ul.drop > li.close { position: absolute; right: 0; margin: 0; padding: 0; }
.uamonth #result_options > ul.drop > li.close > button { background: transparent; border: none; outline: none; padding: 0; width: 2em; height: 2.2em; text-align: center; cursor: pointer; color: #FFFFFF; }
.uamonth #result_options > ul.drop > li.close > button::before { content: '\e801'; font-family: 'uaf'; }

.uamonth #result_options > ul.drop > li.radin > div.radio { display: inline-block; position: relative; }
.uamonth #result_options > ul.drop > li.radin > div.radio > label::after { margin-left: 0.3em; }
.uamonth #result_options > ul.drop > li.radin input[type=date] { position: relative; top: unset; left: unset; height: auto; width: auto; background: #FFFFFF; color: #494949; opacity: 1; outline: none; }
.uamonth #result_options > ul.drop > li.radin button { border: none; border-radius: 0; background: #FFFFFF; color: #73c7b4; padding: 0.3em 0.5em; }


.uamonth #active_filters { padding: 0 0.25em; font-size: 1.2em; background: #CCCCCC; margin: 0 0.5em; }
.uamonth #active_filters > label { display: inline-block; border: 1px solid #494949; padding: 0.3em 0.5em; margin: 0.3em 0.25em; cursor: pointer; }
.uamonth #active_filters > label::after { content: '\e801'; font-family: 'uaf'; margin-left: 1em; }

.uamonth > #mainlogo { position: absolute; top: 1em; left: 50%; transform: translateX(-50%); width: 25em; height: 15em; margin: 0 auto 1em; font-size: 1em; z-index: 100; }
.uamonth > #mainlogo > svg { display: block; width: 100%; height: 100%; }
.uamonth > #mainlogo > svg .wordmark path { fill: #494949; }
.uamonth > #mainlogo > svg .border path,
.uamonth > #mainlogo > svg .border polygon { display: none; }
.uamonth > #mainlogo > span { display: block; position: absolute; overflow: hidden; }
.uamonth > #mainlogo > span:after { content: ''; position: absolute; background: #73c7b4; width: 100%; height: 100%; top: 0; left: 0; }
.uamonth > #mainlogo > span:nth-of-type(1) { width: 0.4em; height: 2em; top: 6.3em; left: 5.6em; }
.uamonth > #mainlogo > span:nth-of-type(2) { width: 5.4em; height: 0.4em; top: 6.3em; left: 0.6em; }
.uamonth > #mainlogo > span:nth-of-type(3) { width: 0.4em; height: 6.3em; top: 0.4em; left: 0.6em; }
.uamonth > #mainlogo > span:nth-of-type(4) { width: 10.5em; height: 0.4em; top: 0.4em; left: 0.6em; }
.uamonth > #mainlogo > span:nth-of-type(5) { width: 10.7em; height: 0.4em; top: 4.2em; left: 13.6em }
.uamonth > #mainlogo > span:nth-of-type(6) { width: 0.4em; height: 4.1em; top: 10.4em; left: 16.1em; }
.uamonth > #mainlogo > span:nth-of-type(7) { width: 5.4em; height: 0.4em; top: 14.1em; left: 11.1em; }

.uamonth > #mainlogo > span:nth-of-type(1):after { top: 100%; animation: 0.1s mlvu linear forwards 0s 1; }
.uamonth > #mainlogo > span:nth-of-type(2):after { left: 100%; animation: 0.3s mlhl linear forwards 0.1s 1; }
.uamonth > #mainlogo > span:nth-of-type(3):after { top: 100%; animation: 0.4s mlvu linear forwards 0.4s 1; }
.uamonth > #mainlogo > span:nth-of-type(4):after { left: -100%; animation: 0.5s mlhr linear forwards 0.8s 1; }
.uamonth > #mainlogo > span:nth-of-type(5):after { left: -100%; animation: 0.5s mlhr linear forwards 0.3s 1; }
.uamonth > #mainlogo > span:nth-of-type(6):after { top: -100%; animation: 0.3s mlvd linear forwards 0.6s 1; }
.uamonth > #mainlogo > span:nth-of-type(7):after { left: 100%; animation: 0.3s mlhl linear forwards 0.9s 1; }

.uamonth > #mainlogo > span:nth-of-type(1):after { animation-delay: 0.7s; }
.uamonth > #mainlogo > span:nth-of-type(2):after { animation-delay: 0.8s; }
.uamonth > #mainlogo > span:nth-of-type(3):after { animation-delay: 1.1s; }
.uamonth > #mainlogo > span:nth-of-type(4):after { animation-delay: 1.5s; }
.uamonth > #mainlogo > span:nth-of-type(5):after { animation-delay: 1s; }
.uamonth > #mainlogo > span:nth-of-type(6):after { animation-delay: 1.3s; }
.uamonth > #mainlogo > span:nth-of-type(7):after { animation-delay: 1.6s; }

@media(max-width: 1080px) {
    body.uamonth { overflow-y: unset; }
    .uamonth > .header { position: absolute; }
    .uamonth #map { height: 60%; }
    .uamonth #dirtools { font-size: 1.6em; }
    .uamonth #list { position: relative; bottom: auto; left: auto; width: auto; background: #DDDDDD; pointer-events: all; height: auto; }
    .uamonth #dirtools > li#resultsdisplay { display: none; }
    .uamonth > footer { bottom: auto; top: calc(60% - 29px); position: absolute; }
    .uamonth > #list.hide #results { max-height: none; overflow: unset; }
    .uamonth > #list #results > li { flex-basis: calc(25% - 1em); }
    .uamonth > #mainlogo { left: 1em; transform: none; font-size: 0.8em; }
    body.uamonth > #logo { padding: 0; font-size: 0.65em; top: 14em; left: 23em; }
    .uamonth .infobox { max-width: 200px; }
    .uamonth .infobox > div > .bg { padding-top: 50%; }
}
@media (max-width: 800px) { .uamonth > #list #results > li { flex-basis: calc(33% - 1em); } }
@media (max-width: 600px) { .uamonth > #list #results > li { flex-basis: calc(50% - 1em); } }
@media (max-width: 480px) { .uamonth > #list #results > li { flex-basis: calc(100% - 1em); } }






@keyframes uafdarkbspin {
    0% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/53% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 66% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/15% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/26% 0.4em no-repeat; 
    }
    6.5% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/27% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 92% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/41% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    8.5% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/19% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 92% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/49% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    13.25% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/19% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 73% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/68% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    21.25% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/51% 0.4em no-repeat,            
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 41% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/100% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 68% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    31.5% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/92% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 41% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/100% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 27% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    33.5% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/92% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 49% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/100% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 19% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    38.25% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/73% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 68% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/100% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 19% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    46.25% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/0% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/41% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 100% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/68% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 51% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    56.5% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/41% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 100% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/27% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 92% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0 0.4em no-repeat; 
    }
    58.5% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/49% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 100% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/19% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 92% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/0 0.4em no-repeat; 
    }
    63.25% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/68% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 100% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 73% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/19% 0.4em no-repeat; 
    }
    71.25% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/100% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 68% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 41% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/51% 0.4em no-repeat; 
    }
    81.5% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/100% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 27% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 41% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/92% 0.4em no-repeat; 
    }
    83.5% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 0%/100% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 19% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 49% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/92% 0.4em no-repeat; 
    }
    88.25% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/100% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 19% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 68% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/73% 0.4em no-repeat; 
    }
    96.25% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/68% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 51% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/0% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/41% 0.4em no-repeat; 
    }
    100% {
        background:
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/53% 0.4em no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 100%/0.4em 66% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 100% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 0% 100%/15% 0.4em no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 0%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #606060 100%, #606060 100%) 0% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #606060 100%, #606060 100%) 100% 100%/26% 0.4em no-repeat; 
    }
    
}
/* Simple Bar */
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

form label[for=paperst] { position: absolute; z-index: -1; clip-path: inset(0 100% 0 100%); color: #FAFAFA; }
form #paperst { position: absolute; z-index: -1; clip-path: inset(0 100% 0 100%); background: #FAFAFA; border-color: #FAFAFA; outline: none; }

.grecaptcha { font-size: 1.5em; font-weight: bold; display: none; }
.nojs .grecaptcha { display: block; }
.grecaptcha-badge {visibility: hidden;}

.loading { position: fixed; top: 0; left: 0; height: 100%; width: 100%; font-weight: 700; background: rgba(0,0,0,0.7); align-items: center; justify-content: center; flex-direction: column; opacity: 0; transition: opacity 0.3s linear, max-height 0s 0.3s linear; cursor: auto; max-height: 0; overflow: hidden; display: flex; z-index: 10000; }
.loading.active { opacity: 1; pointer-events: all; cursor: pointer; transition: opacity 0.3s linear, max-height 0s 0s linear; max-height: 100%; }
.loading > div { position: relative; }
.loading > div > svg { height: 10em; }
.loading > div > svg > path { fill: #FFFFFF; }
.loading > div > svg > polygon { display: none; }
.loading > div:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    animation: 5s linear 0s infinite uafbspin ;
    background:
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 0%/53% 0.4em no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 0%/0% 0.4em no-repeat,             
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 66% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 100% 100%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 0% 100%/15% 0.4em no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 100%/0.4em 100% no-repeat, 
            linear-gradient(to bottom, #F28F1E 100%, #F28F1E 100%) 0% 0%/0.4em 0% no-repeat, 
            linear-gradient(to right, #F28F1E 100%, #F28F1E 100%) 100% 100%/26% 0.4em no-repeat; 
}