html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.fullscreen, .fullscreen-fixed, .site-legacy, .site-background, .site-backdrop, .site-underlay, .site-overlay { width: 100%; height: 100%; }

.fullscreen-fixed, .site-legacy, .site-background, .site-backdrop, .site-underlay, .site-overlay { position: absolute; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }

.display-inline { display: inline !important; }

.flex, .flex-all * { display: flex; align-items: center; justify-content: center; }

.flex-bottom, .flex-bottom-all * { display: flex; align-items: flex-end; justify-content: flex-end; }

.flex-top, .flex-top-all * { display: flex; align-items: flex-start; justify-content: flex-start; }

strong, b { font-weight: 800; }

em, i { font-style: italic; }

.fullscreen, .fullscreen-fixed, .site-legacy, .site-background, .site-backdrop, .site-underlay, .site-overlay { width: 100%; height: 100%; }

.fullscreen-fixed, .site-legacy, .site-background, .site-backdrop, .site-underlay, .site-overlay { position: absolute; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }

html, body { width: 100%; height: 100% !important; margin: 0; padding: 0; }

body { font-size: 10px; background-repeat: repeat; overflow-x: hidden; }

h1 { font-size: 2.5em; }

h2 { font-size: 2em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.25em; }

h5 { font-size: 1em; }

h6 { font-size: .9em; }

video { max-width: 100%; }

img { max-width: 100%; margin: auto; }

/* Instant Responsive Images */
ol { list-style: decimal; }

.site-wrap { height: 100%; }

.site-wrap, .site-header, .site-content, .site-footer, .site-header-wrap, .site-content-wrap, .site-footer-wrap { position: relative; width: 100%; margin: auto; }

.site-header-wrap, .site-content-wrap, .site-footer-wrap { max-width: 1920px; }

.site-background, .site-backdrop, .site-underlay, .site-overlay { overflow: hidden; }

.site-background { z-index: -2147483647; }

.site-backdrop { z-index: -2147483646; }

.site-underlay { z-index: -2147483645; }

.site-overlay { z-index: 2147483647; width: 0px; height: 0px; overflow: visible; }

.site-backdrop img { max-width: none; }

.site-header, .site-header-wrap { width: 100%; z-index: 98; }

.site-header a, .site-header-wrap a { text-decoration: none; }

.xxxsite-menu { position: relative; z-index: 99; }

.xxxsite-menu ul a { text-decoration: none; }

.xxxsite-menu ul ul { display: none; }

.xxxsite-menu ul li:hover > ul { display: block; }

.xxxsite-menu:after { content: ""; clear: both; display: block; }

.site-content { position: relative; }

.site-content-wrap { background-size: cover !important; }

.site-content-wrap::after, .site-content-wrap::before { content: ""; clear: both; float: none; }

.site-content-wrap ul { list-style-type: disc; list-style-position: inside; margin-left: 1em; }

.site-content-wrap ul ul { list-style-type: circle; margin-left: 2em; }

.site-content-wrap ul ul ul { list-style-type: square; }

.site-content-wrap ul ul ul ul { list-style-type: disc; }

.site-content-wrap sup { font-size: 70%; position: relative; top: -0.5em; vertical-align: text-top; }

.site-footer { position: relative; width: 100%; text-align: center; clear: both; }

.site-footer-wrap { width: auto; }

.clear { clear: both; }

/* @NOTE: Using variable font size */
body { font-size: calc( 16px + ( 32 - 16 )
 * ( ( 100vw - 240px ) / ( 1920 - 240 ) )); }