diff --git a/css/davor-fyi.webflow.css b/css/davor-fyi.webflow.css new file mode 100644 index 0000000..c7082ff --- /dev/null +++ b/css/davor-fyi.webflow.css @@ -0,0 +1,152 @@ +.w-layout-vflex { + flex-direction: column; + align-items: flex-start; + display: flex; +} + +h1 { + margin-top: 20px; + margin-bottom: 10px; + font-size: 1.25rem; + font-weight: 400; + line-height: 1em; +} + +h2 { + margin-top: 0; + margin-bottom: .5em; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.4em; +} + +a { + color: #fff; + font-weight: 600; +} + +li { + grid-column-gap: .125em; + grid-row-gap: .125em; + font-size: 1.25rem; + line-height: 1.4em; + display: flex; +} + +.body { + height: 100vh; + color: #eee; + background-image: linear-gradient(#333, #000); + align-items: stretch; + font-family: Manrope, sans-serif; + display: flex; +} + +.main { + height: 100vh; + display: flex; +} + +.paragraph { + margin-bottom: .5em; + font-size: 1.25rem; + line-height: 1.4em; +} + +.flex-block { + flex-direction: column; + flex: 1; + justify-content: space-between; + align-self: stretch; + padding: 3rem 4rem; +} + +.listitem { + margin-bottom: .5em; + font-size: 1.25rem; + line-height: 1.4em; +} + +.footerlist { + grid-column-gap: 1em; + grid-row-gap: 1em; + flex-flow: wrap; + flex: 1; + align-self: auto; + margin-bottom: 0; + padding-left: 0; + display: flex; +} + +.flex-block-2 { + grid-column-gap: 2em; + grid-row-gap: 2em; + flex-direction: row; +} + +.heading { + margin-top: 0; + margin-bottom: .5em; + line-height: 1.4em; +} + +.list-item { + display: flex; +} + +.section { + flex-direction: column; + display: flex; +} + +@media screen and (max-width: 767px) { + .main { + padding: 2rem 3rem; + } + + .flex-block-2 { + grid-column-gap: 1em; + grid-row-gap: 1em; + flex-direction: column; + } +} + +@media screen and (max-width: 479px) { + .main { + padding: 1.5rem 2rem; + } + + .paragraph { + margin-bottom: 1em; + font-size: 1.25rem; + line-height: 1.625em; + } + + .flex-block { + padding: 2rem 2rem 2rem 1.5rem; + } + + .listitem { + margin-bottom: 1em; + font-size: 1.125rem; + line-height: 1.5em; + } + + .footerlist { + flex-direction: row; + align-self: stretch; + } + + .flex-block-2 { + grid-column-gap: .5em; + grid-row-gap: .5em; + flex-direction: column; + align-self: stretch; + } + + .footerlink { + font-size: 1rem; + } +} + + diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..411d0b2 --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,355 @@ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} +/** + * Remove default margin. + */ +body { + margin: 0; +} +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ +} +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; +} +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; +} +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; +} +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; +} +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; +} +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; +} +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; +} +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; +} +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; +} +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; +} +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; +} +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; +} +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ +} +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; +} +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; +} +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce + * specificity and defer to the .w-button selector + */ +button, +html input[type="button"], +input[type="reset"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ +} +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; +} +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; +} +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type='checkbox'], +input[type='radio'] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type='number']::-webkit-inner-spin-button, +input[type='number']::-webkit-outer-spin-button { + height: auto; +} +/** + * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input + * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed + * (similar to normalize.css >=4.0.0) + */ +input[type='search'] { + -webkit-appearance: none; + /* 1 */ +} +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ +} +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; +} +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; +} +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} diff --git a/css/webflow.css b/css/webflow.css new file mode 100644 index 0000000..28ee43b --- /dev/null +++ b/css/webflow.css @@ -0,0 +1,1814 @@ +@font-face { + font-family: 'webflow-icons'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); + font-weight: normal; + font-style: normal; +} +[class^="w-icon-"], +[class*=" w-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'webflow-icons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.w-icon-slider-right:before { + content: "\e600"; +} +.w-icon-slider-left:before { + content: "\e601"; +} +.w-icon-nav-menu:before { + content: "\e602"; +} +.w-icon-arrow-down:before, +.w-icon-dropdown-toggle:before { + content: "\e603"; +} +.w-icon-file-upload-remove:before { + content: "\e900"; +} +.w-icon-file-upload-icon:before { + content: "\e903"; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + height: 100%; +} +body { + margin: 0; + min-height: 100%; + background-color: #fff; + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #333; +} +img { + max-width: 100%; + vertical-align: middle; + display: inline-block; +} +html.w-mod-touch * { + background-attachment: scroll !important; +} +.w-block { + display: block; +} +.w-inline-block { + max-width: 100%; + display: inline-block; +} +.w-clearfix:before, +.w-clearfix:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-clearfix:after { + clear: both; +} +.w-hidden { + display: none; +} +.w-button { + display: inline-block; + padding: 9px 15px; + background-color: #3898EC; + color: white; + border: 0; + line-height: inherit; + text-decoration: none; + cursor: pointer; + border-radius: 0; +} +input.w-button { + -webkit-appearance: button; +} +html[data-w-dynpage] [data-w-cloak] { + color: transparent !important; +} +.w-webflow-badge, +.w-webflow-badge * { + position: static; + left: auto; + top: auto; + right: auto; + bottom: auto; + z-index: auto; + display: block; + visibility: visible; + overflow: visible; + overflow-x: visible; + overflow-y: visible; + box-sizing: border-box; + width: auto; + height: auto; + max-height: none; + max-width: none; + min-height: 0; + min-width: 0; + margin: 0; + padding: 0; + float: none; + clear: none; + border: 0 none transparent; + border-radius: 0; + background: none; + background-image: none; + background-position: 0% 0%; + background-size: auto auto; + background-repeat: repeat; + background-origin: padding-box; + background-clip: border-box; + background-attachment: scroll; + background-color: transparent; + box-shadow: none; + opacity: 1; + transform: none; + transition: none; + direction: ltr; + font-family: inherit; + font-weight: inherit; + color: inherit; + font-size: inherit; + line-height: inherit; + font-style: inherit; + font-variant: inherit; + text-align: inherit; + letter-spacing: inherit; + text-decoration: inherit; + text-indent: 0; + text-transform: inherit; + list-style-type: disc; + text-shadow: none; + font-smoothing: auto; + vertical-align: baseline; + cursor: inherit; + white-space: inherit; + word-break: normal; + word-spacing: normal; + word-wrap: normal; +} +.w-webflow-badge { + position: fixed !important; + display: inline-block !important; + visibility: visible !important; + z-index: 2147483647 !important; + top: auto !important; + right: 12px !important; + bottom: 12px !important; + left: auto !important; + color: #AAADB0 !important; + background-color: #fff !important; + border-radius: 3px !important; + padding: 6px 8px 6px 6px !important; + font-size: 12px !important; + opacity: 1 !important; + line-height: 14px !important; + text-decoration: none !important; + transform: none !important; + margin: 0 !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + white-space: nowrap; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); + cursor: pointer; +} +.w-webflow-badge > img { + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; + vertical-align: middle !important; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + margin-bottom: 10px; +} +h1 { + font-size: 38px; + line-height: 44px; + margin-top: 20px; +} +h2 { + font-size: 32px; + line-height: 36px; + margin-top: 20px; +} +h3 { + font-size: 24px; + line-height: 30px; + margin-top: 20px; +} +h4 { + font-size: 18px; + line-height: 24px; + margin-top: 10px; +} +h5 { + font-size: 14px; + line-height: 20px; + margin-top: 10px; +} +h6 { + font-size: 12px; + line-height: 18px; + margin-top: 10px; +} +p { + margin-top: 0; + margin-bottom: 10px; +} +blockquote { + margin: 0 0 10px 0; + padding: 10px 20px; + border-left: 5px solid #E2E2E2; + font-size: 18px; + line-height: 22px; +} +figure { + margin: 0; + margin-bottom: 10px; +} +figcaption { + margin-top: 5px; + text-align: center; +} +ul, +ol { + margin-top: 0px; + margin-bottom: 10px; + padding-left: 40px; +} +.w-list-unstyled { + padding-left: 0; + list-style: none; +} +.w-embed:before, +.w-embed:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-embed:after { + clear: both; +} +.w-video { + width: 100%; + position: relative; + padding: 0; +} +.w-video iframe, +.w-video object, +.w-video embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: none; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +button, +[type='button'], +[type='reset'] { + border: 0; + cursor: pointer; + -webkit-appearance: button; +} +.w-form { + margin: 0 0 15px; +} +.w-form-done { + display: none; + padding: 20px; + text-align: center; + background-color: #dddddd; +} +.w-form-fail { + display: none; + margin-top: 10px; + padding: 10px; + background-color: #ffdede; +} +label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} +.w-input, +.w-select { + display: block; + width: 100%; + height: 38px; + padding: 8px 12px; + margin-bottom: 10px; + font-size: 14px; + line-height: 1.42857143; + color: #333333; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; +} +.w-input:-moz-placeholder, +.w-select:-moz-placeholder { + color: #999; +} +.w-input::-moz-placeholder, +.w-select::-moz-placeholder { + color: #999; + opacity: 1; +} +.w-input::-webkit-input-placeholder, +.w-select::-webkit-input-placeholder { + color: #999; +} +.w-input:focus, +.w-select:focus { + border-color: #3898EC; + outline: 0; +} +.w-input[disabled], +.w-select[disabled], +.w-input[readonly], +.w-select[readonly], +fieldset[disabled] .w-input, +fieldset[disabled] .w-select { + cursor: not-allowed; +} +.w-input[disabled]:not(.w-input-disabled), +.w-select[disabled]:not(.w-input-disabled), +.w-input[readonly], +.w-select[readonly], +fieldset[disabled]:not(.w-input-disabled) .w-input, +fieldset[disabled]:not(.w-input-disabled) .w-select { + background-color: #eeeeee; +} +textarea.w-input, +textarea.w-select { + height: auto; +} +.w-select { + background-color: #f3f3f3; +} +.w-select[multiple] { + height: auto; +} +.w-form-label { + display: inline-block; + cursor: pointer; + font-weight: normal; + margin-bottom: 0px; +} +.w-radio { + display: block; + margin-bottom: 5px; + padding-left: 20px; +} +.w-radio:before, +.w-radio:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-radio:after { + clear: both; +} +.w-radio-input { + margin: 4px 0 0; + line-height: normal; + float: left; + margin-left: -20px; +} +.w-radio-input { + margin-top: 3px; +} +.w-file-upload { + display: block; + margin-bottom: 10px; +} +.w-file-upload-input { + width: 0.1px; + height: 0.1px; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -100; +} +.w-file-upload-default, +.w-file-upload-uploading, +.w-file-upload-success { + display: inline-block; + color: #333333; +} +.w-file-upload-error { + display: block; + margin-top: 10px; +} +.w-file-upload-default.w-hidden, +.w-file-upload-uploading.w-hidden, +.w-file-upload-error.w-hidden, +.w-file-upload-success.w-hidden { + display: none; +} +.w-file-upload-uploading-btn { + display: flex; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa; +} +.w-file-upload-file { + display: flex; + flex-grow: 1; + justify-content: space-between; + margin: 0; + padding: 8px 9px 8px 11px; + border: 1px solid #cccccc; + background-color: #fafafa; +} +.w-file-upload-file-name { + font-size: 14px; + font-weight: normal; + display: block; +} +.w-file-remove-link { + margin-top: 3px; + margin-left: 10px; + width: auto; + height: auto; + padding: 3px; + display: block; + cursor: pointer; +} +.w-icon-file-upload-remove { + margin: auto; + font-size: 10px; +} +.w-file-upload-error-msg { + display: inline-block; + color: #ea384c; + padding: 2px 0; +} +.w-file-upload-info { + display: inline-block; + line-height: 38px; + padding: 0 12px; +} +.w-file-upload-label { + display: inline-block; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa; +} +.w-icon-file-upload-icon, +.w-icon-file-upload-uploading { + display: inline-block; + margin-right: 8px; + width: 20px; +} +.w-icon-file-upload-uploading { + height: 20px; +} +.w-container { + margin-left: auto; + margin-right: auto; + max-width: 940px; +} +.w-container:before, +.w-container:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-container:after { + clear: both; +} +.w-container .w-row { + margin-left: -10px; + margin-right: -10px; +} +.w-row:before, +.w-row:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-row:after { + clear: both; +} +.w-row .w-row { + margin-left: 0; + margin-right: 0; +} +.w-col { + position: relative; + float: left; + width: 100%; + min-height: 1px; + padding-left: 10px; + padding-right: 10px; +} +.w-col .w-col { + padding-left: 0; + padding-right: 0; +} +.w-col-1 { + width: 8.33333333%; +} +.w-col-2 { + width: 16.66666667%; +} +.w-col-3 { + width: 25%; +} +.w-col-4 { + width: 33.33333333%; +} +.w-col-5 { + width: 41.66666667%; +} +.w-col-6 { + width: 50%; +} +.w-col-7 { + width: 58.33333333%; +} +.w-col-8 { + width: 66.66666667%; +} +.w-col-9 { + width: 75%; +} +.w-col-10 { + width: 83.33333333%; +} +.w-col-11 { + width: 91.66666667%; +} +.w-col-12 { + width: 100%; +} +.w-hidden-main { + display: none !important; +} +@media screen and (max-width: 991px) { + .w-container { + max-width: 728px; + } + .w-hidden-main { + display: inherit !important; + } + .w-hidden-medium { + display: none !important; + } + .w-col-medium-1 { + width: 8.33333333%; + } + .w-col-medium-2 { + width: 16.66666667%; + } + .w-col-medium-3 { + width: 25%; + } + .w-col-medium-4 { + width: 33.33333333%; + } + .w-col-medium-5 { + width: 41.66666667%; + } + .w-col-medium-6 { + width: 50%; + } + .w-col-medium-7 { + width: 58.33333333%; + } + .w-col-medium-8 { + width: 66.66666667%; + } + .w-col-medium-9 { + width: 75%; + } + .w-col-medium-10 { + width: 83.33333333%; + } + .w-col-medium-11 { + width: 91.66666667%; + } + .w-col-medium-12 { + width: 100%; + } + .w-col-stack { + width: 100%; + left: auto; + right: auto; + } +} +@media screen and (max-width: 767px) { + .w-hidden-main { + display: inherit !important; + } + .w-hidden-medium { + display: inherit !important; + } + .w-hidden-small { + display: none !important; + } + .w-row, + .w-container .w-row { + margin-left: 0; + margin-right: 0; + } + .w-col { + width: 100%; + left: auto; + right: auto; + } + .w-col-small-1 { + width: 8.33333333%; + } + .w-col-small-2 { + width: 16.66666667%; + } + .w-col-small-3 { + width: 25%; + } + .w-col-small-4 { + width: 33.33333333%; + } + .w-col-small-5 { + width: 41.66666667%; + } + .w-col-small-6 { + width: 50%; + } + .w-col-small-7 { + width: 58.33333333%; + } + .w-col-small-8 { + width: 66.66666667%; + } + .w-col-small-9 { + width: 75%; + } + .w-col-small-10 { + width: 83.33333333%; + } + .w-col-small-11 { + width: 91.66666667%; + } + .w-col-small-12 { + width: 100%; + } +} +@media screen and (max-width: 479px) { + .w-container { + max-width: none; + } + .w-hidden-main { + display: inherit !important; + } + .w-hidden-medium { + display: inherit !important; + } + .w-hidden-small { + display: inherit !important; + } + .w-hidden-tiny { + display: none !important; + } + .w-col { + width: 100%; + } + .w-col-tiny-1 { + width: 8.33333333%; + } + .w-col-tiny-2 { + width: 16.66666667%; + } + .w-col-tiny-3 { + width: 25%; + } + .w-col-tiny-4 { + width: 33.33333333%; + } + .w-col-tiny-5 { + width: 41.66666667%; + } + .w-col-tiny-6 { + width: 50%; + } + .w-col-tiny-7 { + width: 58.33333333%; + } + .w-col-tiny-8 { + width: 66.66666667%; + } + .w-col-tiny-9 { + width: 75%; + } + .w-col-tiny-10 { + width: 83.33333333%; + } + .w-col-tiny-11 { + width: 91.66666667%; + } + .w-col-tiny-12 { + width: 100%; + } +} +.w-widget { + position: relative; +} +.w-widget-map { + width: 100%; + height: 400px; +} +.w-widget-map label { + width: auto; + display: inline; +} +.w-widget-map img { + max-width: inherit; +} +.w-widget-map .gm-style-iw { + text-align: center; +} +.w-widget-map .gm-style-iw > button { + display: none !important; +} +.w-widget-twitter { + overflow: hidden; +} +.w-widget-twitter-count-shim { + display: inline-block; + vertical-align: top; + position: relative; + width: 28px; + height: 20px; + text-align: center; + background: white; + border: #758696 solid 1px; + border-radius: 3px; +} +.w-widget-twitter-count-shim * { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.w-widget-twitter-count-shim .w-widget-twitter-count-inner { + position: relative; + font-size: 15px; + line-height: 12px; + text-align: center; + color: #999; + font-family: serif; +} +.w-widget-twitter-count-shim .w-widget-twitter-count-clear { + position: relative; + display: block; +} +.w-widget-twitter-count-shim.w--large { + width: 36px; + height: 28px; +} +.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 18px; +} +.w-widget-twitter-count-shim:not(.w--vertical) { + margin-left: 5px; + margin-right: 8px; +} +.w-widget-twitter-count-shim:not(.w--vertical).w--large { + margin-left: 6px; +} +.w-widget-twitter-count-shim:not(.w--vertical):before, +.w-widget-twitter-count-shim:not(.w--vertical):after { + top: 50%; + left: 0; + border: solid transparent; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.w-widget-twitter-count-shim:not(.w--vertical):before { + border-color: rgba(117, 134, 150, 0); + border-right-color: #5d6c7b; + border-width: 4px; + margin-left: -9px; + margin-top: -4px; +} +.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { + border-width: 5px; + margin-left: -10px; + margin-top: -5px; +} +.w-widget-twitter-count-shim:not(.w--vertical):after { + border-color: rgba(255, 255, 255, 0); + border-right-color: white; + border-width: 4px; + margin-left: -8px; + margin-top: -4px; +} +.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { + border-width: 5px; + margin-left: -9px; + margin-top: -5px; +} +.w-widget-twitter-count-shim.w--vertical { + width: 61px; + height: 33px; + margin-bottom: 8px; +} +.w-widget-twitter-count-shim.w--vertical:before, +.w-widget-twitter-count-shim.w--vertical:after { + top: 100%; + left: 50%; + border: solid transparent; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.w-widget-twitter-count-shim.w--vertical:before { + border-color: rgba(117, 134, 150, 0); + border-top-color: #5d6c7b; + border-width: 5px; + margin-left: -5px; +} +.w-widget-twitter-count-shim.w--vertical:after { + border-color: rgba(255, 255, 255, 0); + border-top-color: white; + border-width: 4px; + margin-left: -4px; +} +.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 22px; +} +.w-widget-twitter-count-shim.w--vertical.w--large { + width: 76px; +} +.w-background-video { + position: relative; + overflow: hidden; + height: 500px; + color: white; +} +.w-background-video > video { + background-size: cover; + background-position: 50% 50%; + position: absolute; + margin: auto; + width: 100%; + height: 100%; + right: -100%; + bottom: -100%; + top: -100%; + left: -100%; + object-fit: cover; + z-index: -100; +} +.w-background-video > video::-webkit-media-controls-start-playback-button { + display: none !important; + -webkit-appearance: none; +} +.w-background-video--control { + position: absolute; + bottom: 1em; + right: 1em; + background-color: transparent; + padding: 0; +} +.w-background-video--control > [hidden] { + display: none !important; +} +.w-slider { + position: relative; + height: 300px; + text-align: center; + background: #dddddd; + clear: both; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); +} +.w-slider-mask { + position: relative; + display: block; + overflow: hidden; + z-index: 1; + left: 0; + right: 0; + height: 100%; + white-space: nowrap; +} +.w-slide { + position: relative; + display: inline-block; + vertical-align: top; + width: 100%; + height: 100%; + white-space: normal; + text-align: left; +} +.w-slider-nav { + position: absolute; + z-index: 2; + top: auto; + right: 0; + bottom: 0; + left: 0; + margin: auto; + padding-top: 10px; + height: 40px; + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); +} +.w-slider-nav.w-round > div { + border-radius: 100%; +} +.w-slider-nav.w-num > div { + width: auto; + height: auto; + padding: 0.2em 0.5em; + font-size: inherit; + line-height: inherit; +} +.w-slider-nav.w-shadow > div { + box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); +} +.w-slider-nav-invert { + color: #fff; +} +.w-slider-nav-invert > div { + background-color: rgba(34, 34, 34, 0.4); +} +.w-slider-nav-invert > div.w-active { + background-color: #222; +} +.w-slider-dot { + position: relative; + display: inline-block; + width: 1em; + height: 1em; + background-color: rgba(255, 255, 255, 0.4); + cursor: pointer; + margin: 0 3px 0.5em; + transition: background-color 100ms, color 100ms; +} +.w-slider-dot.w-active { + background-color: #fff; +} +.w-slider-dot:focus { + outline: none; + box-shadow: 0px 0px 0px 2px #fff; +} +.w-slider-dot:focus.w-active { + box-shadow: none; +} +.w-slider-arrow-left, +.w-slider-arrow-right { + position: absolute; + width: 80px; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + cursor: pointer; + overflow: hidden; + color: white; + font-size: 40px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.w-slider-arrow-left [class^='w-icon-'], +.w-slider-arrow-right [class^='w-icon-'], +.w-slider-arrow-left [class*=' w-icon-'], +.w-slider-arrow-right [class*=' w-icon-'] { + position: absolute; +} +.w-slider-arrow-left:focus, +.w-slider-arrow-right:focus { + outline: 0; +} +.w-slider-arrow-left { + z-index: 3; + right: auto; +} +.w-slider-arrow-right { + z-index: 4; + left: auto; +} +.w-icon-slider-left, +.w-icon-slider-right { + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + width: 1em; + height: 1em; +} +.w-slider-aria-label { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.w-slider-force-show { + display: block !important; +} +.w-dropdown { + display: inline-block; + position: relative; + text-align: left; + margin-left: auto; + margin-right: auto; + z-index: 900; +} +.w-dropdown-btn, +.w-dropdown-toggle, +.w-dropdown-link { + position: relative; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto; + white-space: nowrap; +} +.w-dropdown-toggle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-block; + cursor: pointer; + padding-right: 40px; +} +.w-dropdown-toggle:focus { + outline: 0; +} +.w-icon-dropdown-toggle { + position: absolute; + top: 0; + right: 0; + bottom: 0; + margin: auto; + margin-right: 20px; + width: 1em; + height: 1em; +} +.w-dropdown-list { + position: absolute; + background: #dddddd; + display: none; + min-width: 100%; +} +.w-dropdown-list.w--open { + display: block; +} +.w-dropdown-link { + padding: 10px 20px; + display: block; + color: #222222; +} +.w-dropdown-link.w--current { + color: #0082f3; +} +.w-dropdown-link:focus { + outline: 0; +} +@media screen and (max-width: 767px) { + .w-nav-brand { + padding-left: 10px; + } +} +/** + * ## Note + * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. + * For example percentage units do not work on descendants of elements that + * have any dimensions expressed in viewport units. It also doesn’t handle them at + * all in `calc()`. + */ +/** + * Wrapper around all lightbox elements + * + * 1. Since the lightbox can receive focus, IE also gives it an outline. + * 2. Fixes flickering on Chrome when a transition is in progress + * underneath the lightbox. + */ +.w-lightbox-backdrop { + cursor: auto; + font-style: normal; + letter-spacing: normal; + list-style: disc; + text-indent: 0; + text-shadow: none; + text-transform: none; + visibility: visible; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + color: #fff; + font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; + font-size: 17px; + line-height: 1.2; + font-weight: 300; + text-align: center; + background: rgba(0, 0, 0, 0.9); + z-index: 2000; + outline: 0; + /* 1 */ + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-transform: translate(0, 0); + /* 2 */ +} +/** + * Neat trick to bind the rubberband effect to our canvas instead of the whole + * document on iOS. It also prevents a bug that causes the document underneath to scroll. + */ +.w-lightbox-backdrop, +.w-lightbox-container { + height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.w-lightbox-content { + position: relative; + height: 100vh; + overflow: hidden; +} +.w-lightbox-view { + position: absolute; + width: 100vw; + height: 100vh; + opacity: 0; +} +.w-lightbox-view:before { + content: ""; + height: 100vh; +} +/* .w-lightbox-content */ +.w-lightbox-group, +.w-lightbox-group .w-lightbox-view, +.w-lightbox-group .w-lightbox-view:before { + height: 86vh; +} +.w-lightbox-frame, +.w-lightbox-view:before { + display: inline-block; + vertical-align: middle; +} +/* + * 1. Remove default margin set by user-agent on the
element. + */ +.w-lightbox-figure { + position: relative; + margin: 0; + /* 1 */ +} +.w-lightbox-group .w-lightbox-figure { + cursor: pointer; +} +/** + * IE adds image dimensions as width and height attributes on the IMG tag, + * but we need both width and height to be set to auto to enable scaling. + */ +.w-lightbox-img { + width: auto; + height: auto; + max-width: none; +} +/** + * 1. Reset if style is set by user on "All Images" + */ +.w-lightbox-image { + display: block; + float: none; + /* 1 */ + max-width: 100vw; + max-height: 100vh; +} +.w-lightbox-group .w-lightbox-image { + max-height: 86vh; +} +.w-lightbox-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 0.5em 1em; + background: rgba(0, 0, 0, 0.4); + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.w-lightbox-embed { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; +} +.w-lightbox-control { + position: absolute; + top: 0; + width: 4em; + background-size: 24px; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.w-lightbox-left { + display: none; + bottom: 0; + left: 0; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); +} +.w-lightbox-right { + display: none; + right: 0; + bottom: 0; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); +} +/* + * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. + * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. + * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) + */ +.w-lightbox-close { + right: 0; + height: 2.6em; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); + background-size: 18px; +} +/** + * 1. All IE versions add extra space at the bottom without this. + */ +.w-lightbox-strip { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 0 1vh; + line-height: 0; + /* 1 */ + white-space: nowrap; + overflow-x: auto; + overflow-y: hidden; +} +/* + * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` + * which doesn’t work in Safari anyway. + * 2. Chrome renders images pixelated when switching to GPU. Making sure + * the parent is also rendered on the GPU (by setting translate3d for + * example) fixes this behavior. + */ +.w-lightbox-item { + display: inline-block; + width: 10vh; + padding: 2vh 1vh; + box-sizing: content-box; + /* 1 */ + cursor: pointer; + -webkit-transform: translate3d(0, 0, 0); + /* 2 */ +} +.w-lightbox-active { + opacity: 0.3; +} +.w-lightbox-thumbnail { + position: relative; + height: 10vh; + background: #222; + overflow: hidden; +} +.w-lightbox-thumbnail-image { + position: absolute; + top: 0; + left: 0; +} +.w-lightbox-thumbnail .w-lightbox-tall { + top: 50%; + width: 100%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.w-lightbox-thumbnail .w-lightbox-wide { + left: 50%; + height: 100%; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +/* + * Spinner + * + * Absolute pixel values are used to avoid rounding errors that would cause + * the white spinning element to be misaligned with the track. + */ +.w-lightbox-spinner { + position: absolute; + top: 50%; + left: 50%; + box-sizing: border-box; + width: 40px; + height: 40px; + margin-top: -20px; + margin-left: -20px; + border: 5px solid rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-animation: spin 0.8s infinite linear; + animation: spin 0.8s infinite linear; +} +.w-lightbox-spinner:after { + content: ""; + position: absolute; + top: -4px; + right: -4px; + bottom: -4px; + left: -4px; + border: 3px solid transparent; + border-bottom-color: #fff; + border-radius: 50%; +} +/* + * Utility classes + */ +.w-lightbox-hide { + display: none; +} +.w-lightbox-noscroll { + overflow: hidden; +} +@media (min-width: 768px) { + .w-lightbox-content { + height: 96vh; + margin-top: 2vh; + } + .w-lightbox-view, + .w-lightbox-view:before { + height: 96vh; + } + /* .w-lightbox-content */ + .w-lightbox-group, + .w-lightbox-group .w-lightbox-view, + .w-lightbox-group .w-lightbox-view:before { + height: 84vh; + } + .w-lightbox-image { + max-width: 96vw; + max-height: 96vh; + } + .w-lightbox-group .w-lightbox-image { + max-width: 82.3vw; + max-height: 84vh; + } + .w-lightbox-left, + .w-lightbox-right { + display: block; + opacity: 0.5; + } + .w-lightbox-close { + opacity: 0.8; + } + .w-lightbox-control:hover { + opacity: 1; + } +} +.w-lightbox-inactive, +.w-lightbox-inactive:hover { + opacity: 0; +} +.w-richtext:before, +.w-richtext:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-richtext:after { + clear: both; +} +.w-richtext[contenteditable="true"]:before, +.w-richtext[contenteditable="true"]:after { + white-space: initial; +} +.w-richtext ol, +.w-richtext ul { + overflow: hidden; +} +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, +.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { + outline: 2px solid #2895f7; +} +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, +.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { + outline: 2px solid #2895f7; +} +.w-richtext figure.w-richtext-figure-type-video > div:after, +.w-richtext figure[data-rt-type="video"] > div:after { + content: ''; + position: absolute; + display: none; + left: 0; + top: 0; + right: 0; + bottom: 0; +} +.w-richtext figure { + position: relative; + max-width: 60%; +} +.w-richtext figure > div:before { + cursor: default!important; +} +.w-richtext figure img { + width: 100%; +} +.w-richtext figure figcaption.w-richtext-figcaption-placeholder { + opacity: 0.6; +} +.w-richtext figure div { + /* fix incorrectly sized selection border in the data manager */ + font-size: 0px; + color: transparent; +} +.w-richtext figure.w-richtext-figure-type-image, +.w-richtext figure[data-rt-type="image"] { + display: table; +} +.w-richtext figure.w-richtext-figure-type-image > div, +.w-richtext figure[data-rt-type="image"] > div { + display: inline-block; +} +.w-richtext figure.w-richtext-figure-type-image > figcaption, +.w-richtext figure[data-rt-type="image"] > figcaption { + display: table-caption; + caption-side: bottom; +} +.w-richtext figure.w-richtext-figure-type-video, +.w-richtext figure[data-rt-type="video"] { + width: 60%; + height: 0; +} +.w-richtext figure.w-richtext-figure-type-video iframe, +.w-richtext figure[data-rt-type="video"] iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.w-richtext figure.w-richtext-figure-type-video > div, +.w-richtext figure[data-rt-type="video"] > div { + width: 100%; +} +.w-richtext figure.w-richtext-align-center { + margin-right: auto; + margin-left: auto; + clear: both; +} +.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, +.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { + max-width: 100%; +} +.w-richtext figure.w-richtext-align-normal { + clear: both; +} +.w-richtext figure.w-richtext-align-fullwidth { + width: 100%; + max-width: 100%; + text-align: center; + clear: both; + display: block; + margin-right: auto; + margin-left: auto; +} +.w-richtext figure.w-richtext-align-fullwidth > div { + display: inline-block; + /* padding-bottom is used for aspect ratios in video figures + we want the div to inherit that so hover/selection borders in the designer-canvas + fit right*/ + padding-bottom: inherit; +} +.w-richtext figure.w-richtext-align-fullwidth > figcaption { + display: block; +} +.w-richtext figure.w-richtext-align-floatleft { + float: left; + margin-right: 15px; + clear: none; +} +.w-richtext figure.w-richtext-align-floatright { + float: right; + margin-left: 15px; + clear: none; +} +.w-nav { + position: relative; + background: #dddddd; + z-index: 1000; +} +.w-nav:before, +.w-nav:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-nav:after { + clear: both; +} +.w-nav-brand { + position: relative; + float: left; + text-decoration: none; + color: #333333; +} +.w-nav-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto; +} +.w-nav-link.w--current { + color: #0082f3; +} +.w-nav-menu { + position: relative; + float: right; +} +[data-nav-menu-open] { + display: block !important; + position: absolute; + top: 100%; + left: 0; + right: 0; + background: #C8C8C8; + text-align: center; + overflow: visible; + min-width: 200px; +} +.w--nav-link-open { + display: block; + position: relative; +} +.w-nav-overlay { + position: absolute; + overflow: hidden; + display: none; + top: 100%; + left: 0; + right: 0; + width: 100%; +} +.w-nav-overlay [data-nav-menu-open] { + top: 0; +} +.w-nav[data-animation="over-left"] .w-nav-overlay { + width: auto; +} +.w-nav[data-animation="over-left"] .w-nav-overlay, +.w-nav[data-animation="over-left"] [data-nav-menu-open] { + right: auto; + z-index: 1; + top: 0; +} +.w-nav[data-animation="over-right"] .w-nav-overlay { + width: auto; +} +.w-nav[data-animation="over-right"] .w-nav-overlay, +.w-nav[data-animation="over-right"] [data-nav-menu-open] { + left: auto; + z-index: 1; + top: 0; +} +.w-nav-button { + position: relative; + float: right; + padding: 18px; + font-size: 24px; + display: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.w-nav-button:focus { + outline: 0; +} +.w-nav-button.w--open { + background-color: #C8C8C8; + color: white; +} +.w-nav[data-collapse="all"] .w-nav-menu { + display: none; +} +.w-nav[data-collapse="all"] .w-nav-button { + display: block; +} +.w--nav-dropdown-open { + display: block; +} +.w--nav-dropdown-toggle-open { + display: block; +} +.w--nav-dropdown-list-open { + position: static; +} +@media screen and (max-width: 991px) { + .w-nav[data-collapse="medium"] .w-nav-menu { + display: none; + } + .w-nav[data-collapse="medium"] .w-nav-button { + display: block; + } +} +@media screen and (max-width: 767px) { + .w-nav[data-collapse="small"] .w-nav-menu { + display: none; + } + .w-nav[data-collapse="small"] .w-nav-button { + display: block; + } + .w-nav-brand { + padding-left: 10px; + } +} +@media screen and (max-width: 479px) { + .w-nav[data-collapse="tiny"] .w-nav-menu { + display: none; + } + .w-nav[data-collapse="tiny"] .w-nav-button { + display: block; + } +} +.w-tabs { + position: relative; +} +.w-tabs:before, +.w-tabs:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-tabs:after { + clear: both; +} +.w-tab-menu { + position: relative; +} +.w-tab-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + padding: 9px 30px; + text-align: left; + cursor: pointer; + color: #222222; + background-color: #dddddd; +} +.w-tab-link.w--current { + background-color: #C8C8C8; +} +.w-tab-link:focus { + outline: 0; +} +.w-tab-content { + position: relative; + display: block; + overflow: hidden; +} +.w-tab-pane { + position: relative; + display: none; +} +.w--tab-active { + display: block; +} +@media screen and (max-width: 479px) { + .w-tab-link { + display: block; + } +} +.w-ix-emptyfix:after { + content: ""; +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.w-dyn-empty { + padding: 10px; + background-color: #dddddd; +} +.w-dyn-hide { + display: none !important; +} +.w-dyn-bind-empty { + display: none !important; +} +.w-condition-invisible { + display: none !important; +} +.wf-layout-layout { + display: grid; +} diff --git a/images/arrow-up-right.svg b/images/arrow-up-right.svg new file mode 100644 index 0000000..12fbe92 --- /dev/null +++ b/images/arrow-up-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/favicon.ico b/images/favicon.ico new file mode 100644 index 0000000..f001862 Binary files /dev/null and b/images/favicon.ico differ diff --git a/images/webclip.png b/images/webclip.png new file mode 100644 index 0000000..c99fb8b Binary files /dev/null and b/images/webclip.png differ diff --git a/js/webflow.js b/js/webflow.js new file mode 100644 index 0000000..702063d --- /dev/null +++ b/js/webflow.js @@ -0,0 +1,50 @@ + +/*! + * Webflow: Front-end site library + * @license MIT + * Inline scripts may access the api using an async handler: + * var Webflow = Webflow || []; + * Webflow.push(readyFunction); + */ + +(()=>{var dt=(e,w)=>()=>(w||e((w={exports:{}}).exports,w),w.exports);var Ot=dt(()=>{window.tram=function(e){function w(t,n){var i=new J.Bare;return i.init(t,n)}function h(t){return t.replace(/[A-Z]/g,function(n){return"-"+n.toLowerCase()})}function L(t){var n=parseInt(t.slice(1),16),i=n>>16&255,r=n>>8&255,s=255&n;return[i,r,s]}function M(t,n,i){return"#"+(1<<24|t<<16|n<<8|i).toString(16).slice(1)}function g(){}function S(t,n){H("Type warning: Expected: ["+t+"] Got: ["+typeof n+"] "+n)}function _(t,n,i){H("Units do not match ["+t+"]: "+n+", "+i)}function R(t,n,i){if(n!==void 0&&(i=n),t===void 0)return i;var r=i;return ve.test(t)||!Xt.test(t)?r=parseInt(t,10):Xt.test(t)&&(r=1e3*parseFloat(t)),0>r&&(r=0),r===r?r:i}function H(t){et.debug&&window&&window.console.warn(t)}function G(t){for(var n=-1,i=t?t.length:0,r=[];++ntt&&(tt=Z.span),Z.stop(),Z.animate(we)},function(Z){"wait"in Z&&(tt=R(Z.wait,0))}),U.call(this),tt>0&&(this.timer=new Tt({duration:tt,context:this}),this.active=!0,F&&(this.timer.complete=o));var st=this,nt=!1,zt={};V(function(){ft.call(st,m,function(Z){Z.active&&(nt=!0,zt[Z.name]=Z.nextStyle)}),nt&&st.$el.css(zt)})}}}function r(m){m=R(m,0),this.active?this.queue.push({options:m}):(this.timer=new Tt({duration:m,context:this,complete:o}),this.active=!0)}function s(m){return this.active?(this.queue.push({options:m,args:arguments}),void(this.timer.complete=o)):H("No active transition timer. Use start() or wait() before then().")}function o(){if(this.timer&&this.timer.destroy(),this.active=!1,this.queue.length){var m=this.queue.shift();i.call(this,m.options,!0,m.args)}}function p(m){this.timer&&this.timer.destroy(),this.queue=[],this.active=!1;var F;typeof m=="string"?(F={},F[m]=1):F=typeof m=="object"&&m!=null?m:this.props,ft.call(this,F,j),U.call(this)}function b(m){p.call(this,m),ft.call(this,m,qt,pe)}function X(m){typeof m!="string"&&(m="block"),this.el.style.display=m}function c(){p.call(this),this.el.style.display="none"}function k(){this.el.offsetHeight}function q(){p.call(this),e.removeData(this.el,O),this.$el=this.el=null}function U(){var m,F,Y=[];this.upstream&&Y.push(this.upstream);for(m in this.props)F=this.props[m],F.active&&Y.push(F.string);Y=Y.join(","),this.style!==Y&&(this.style=Y,this.el.style[f.transition.dom]=Y)}function ft(m,F,Y){var I,tt,st,nt,zt=F!==j,Z={};for(I in m)st=m[I],I in mt?(Z.transform||(Z.transform={}),Z.transform[I]=st):(y.test(I)&&(I=h(I)),I in Pt?Z[I]=st:(nt||(nt={}),nt[I]=st));for(I in Z){if(st=Z[I],tt=this.props[I],!tt){if(!zt)continue;tt=n.call(this,I)}F.call(this,tt,st)}Y&&nt&&Y.call(this,nt)}function j(m){m.stop()}function qt(m,F){m.set(F)}function pe(m){this.$el.css(m)}function ot(m,F){t[m]=function(){return this.children?me.call(this,F,arguments):(this.el&&F.apply(this,arguments),this)}}function me(m,F){var Y,I=this.children.length;for(Y=0;I>Y;Y++)m.apply(this.children[Y],F);return this}t.init=function(m){if(this.$el=e(m),this.el=this.$el[0],this.props={},this.queue=[],this.style="",this.active=!1,et.keepInherited&&!et.fallback){var F=Dt(this.el,"transition");F&&!ht.test(F)&&(this.upstream=F)}f.backface&&et.hideBackface&&bt(this.el,f.backface.css,"hidden")},ot("add",n),ot("start",i),ot("wait",r),ot("then",s),ot("next",o),ot("stop",p),ot("set",b),ot("show",X),ot("hide",c),ot("redraw",k),ot("destroy",q)}),J=P(pt,function(t){function n(i,r){var s=e.data(i,O)||e.data(i,O,new pt.Bare);return s.el||s.init(i),r?s.start(r):s}t.init=function(i,r){var s=e(i);if(!s.length)return this;if(s.length===1)return n(s[0],r);var o=[];return s.each(function(p,b){o.push(n(b,r))}),this.children=o,this}}),x=P(function(t){function n(){var o=this.get();this.update("auto");var p=this.get();return this.update(o),p}function i(o,p,b){return p!==void 0&&(b=p),o in B?o:b}function r(o){var p=/rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(o);return(p?M(p[1],p[2],p[3]):o).replace(/#(\w)(\w)(\w)$/,"#$1$1$2$2$3$3")}var s={duration:500,ease:"ease",delay:0};t.init=function(o,p,b,X){this.$el=o,this.el=o[0];var c=p[0];b[2]&&(c=b[2]),Wt[c]&&(c=Wt[c]),this.name=c,this.type=b[1],this.duration=R(p[1],this.duration,s.duration),this.ease=i(p[2],this.ease,s.ease),this.delay=R(p[3],this.delay,s.delay),this.span=this.duration+this.delay,this.active=!1,this.nextStyle=null,this.auto=_t.test(this.name),this.unit=X.unit||this.unit||et.defaultUnit,this.angle=X.angle||this.angle||et.defaultAngle,et.fallback||X.fallback?this.animate=this.fallback:(this.animate=this.transition,this.string=this.name+vt+this.duration+"ms"+(this.ease!="ease"?vt+B[this.ease][0]:"")+(this.delay?vt+this.delay+"ms":""))},t.set=function(o){o=this.convert(o,this.type),this.update(o),this.redraw()},t.transition=function(o){this.active=!0,o=this.convert(o,this.type),this.auto&&(this.el.style[this.name]=="auto"&&(this.update(this.get()),this.redraw()),o=="auto"&&(o=n.call(this))),this.nextStyle=o},t.fallback=function(o){var p=this.el.style[this.name]||this.convert(this.get(),this.type);o=this.convert(o,this.type),this.auto&&(p=="auto"&&(p=this.convert(this.get(),this.type)),o=="auto"&&(o=n.call(this))),this.tween=new At({from:p,to:o,duration:this.duration,delay:this.delay,ease:this.ease,update:this.update,context:this})},t.get=function(){return Dt(this.el,this.name)},t.update=function(o){bt(this.el,this.name,o)},t.stop=function(){(this.active||this.nextStyle)&&(this.active=!1,this.nextStyle=null,bt(this.el,this.name,this.get()));var o=this.tween;o&&o.context&&o.destroy()},t.convert=function(o,p){if(o=="auto"&&this.auto)return o;var b,X=typeof o=="number",c=typeof o=="string";switch(p){case l:if(X)return o;if(c&&o.replace(T,"")==="")return+o;b="number(unitless)";break;case D:if(c){if(o===""&&this.original)return this.original;if(p.test(o))return o.charAt(0)=="#"&&o.length==7?o:r(o)}b="hex or rgb string";break;case z:if(X)return o+this.unit;if(c&&p.test(o))return o;b="number(px) or string(unit)";break;case $:if(X)return o+this.unit;if(c&&p.test(o))return o;b="number(px) or string(unit or %)";break;case Q:if(X)return o+this.angle;if(c&&p.test(o))return o;b="number(deg) or string(angle)";break;case it:if(X||c&&$.test(o))return o;b="number(unitless) or string(unit or %)"}return S(b,o),o},t.redraw=function(){this.el.offsetHeight}}),rt=P(x,function(t,n){t.init=function(){n.init.apply(this,arguments),this.original||(this.original=this.convert(this.get(),D))}}),Lt=P(x,function(t,n){t.init=function(){n.init.apply(this,arguments),this.animate=this.fallback},t.get=function(){return this.$el[this.name]()},t.update=function(i){this.$el[this.name](i)}}),St=P(x,function(t,n){function i(r,s){var o,p,b,X,c;for(o in r)X=mt[o],b=X[0],p=X[1]||o,c=this.convert(r[o],b),s.call(this,p,c,b)}t.init=function(){n.init.apply(this,arguments),this.current||(this.current={},mt.perspective&&et.perspective&&(this.current.perspective=et.perspective,bt(this.el,this.name,this.style(this.current)),this.redraw()))},t.set=function(r){i.call(this,r,function(s,o){this.current[s]=o}),bt(this.el,this.name,this.style(this.current)),this.redraw()},t.transition=function(r){var s=this.values(r);this.tween=new Bt({current:this.current,values:s,duration:this.duration,delay:this.delay,ease:this.ease});var o,p={};for(o in this.current)p[o]=o in s?s[o]:this.current[o];this.active=!0,this.nextStyle=this.style(p)},t.fallback=function(r){var s=this.values(r);this.tween=new Bt({current:this.current,values:s,duration:this.duration,delay:this.delay,ease:this.ease,update:this.update,context:this})},t.update=function(){bt(this.el,this.name,this.style(this.current))},t.style=function(r){var s,o="";for(s in r)o+=s+"("+r[s]+") ";return o},t.values=function(r){var s,o={};return i.call(this,r,function(p,b,X){o[p]=b,this.current[p]===void 0&&(s=0,~p.indexOf("scale")&&(s=1),this.current[p]=this.convert(s,X))}),o}}),At=P(function(t){function n(c){b.push(c)===1&&V(i)}function i(){var c,k,q,U=b.length;if(U)for(V(i),k=ct(),c=U;c--;)q=b[c],q&&q.render(k)}function r(c){var k,q=e.inArray(c,b);q>=0&&(k=b.slice(q+1),b.length=q,k.length&&(b=b.concat(k)))}function s(c){return Math.round(c*X)/X}function o(c,k,q){return M(c[0]+q*(k[0]-c[0]),c[1]+q*(k[1]-c[1]),c[2]+q*(k[2]-c[2]))}var p={ease:B.ease[1],from:0,to:1};t.init=function(c){this.duration=c.duration||0,this.delay=c.delay||0;var k=c.ease||p.ease;B[k]&&(k=B[k][1]),typeof k!="function"&&(k=p.ease),this.ease=k,this.update=c.update||g,this.complete=c.complete||g,this.context=c.context||this,this.name=c.name;var q=c.from,U=c.to;q===void 0&&(q=p.from),U===void 0&&(U=p.to),this.unit=c.unit||"",typeof q=="number"&&typeof U=="number"?(this.begin=q,this.change=U-q):this.format(U,q),this.value=this.begin+this.unit,this.start=ct(),c.autoplay!==!1&&this.play()},t.play=function(){this.active||(this.start||(this.start=ct()),this.active=!0,n(this))},t.stop=function(){this.active&&(this.active=!1,r(this))},t.render=function(c){var k,q=c-this.start;if(this.delay){if(q<=this.delay)return;q-=this.delay}if(q{var ge=window.$,ye=Ot()&&ge.tram;Ht.exports=function(){var e={};e.VERSION="1.6.0-Webflow";var w={},h=Array.prototype,L=Object.prototype,M=Function.prototype,g=h.push,S=h.slice,_=h.concat,R=L.toString,H=L.hasOwnProperty,G=h.forEach,P=h.map,B=h.reduce,C=h.reduceRight,K=h.filter,W=h.every,O=h.some,T=h.indexOf,y=h.lastIndexOf,l=Array.isArray,D=Object.keys,z=M.bind,$=e.each=e.forEach=function(a,u,v){if(a==null)return a;if(G&&a.forEach===G)a.forEach(u,v);else if(a.length===+a.length){for(var f=0,A=a.length;f/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var it=/(.)^/,ht={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},_t=/\\|'|\r|\n|\u2028|\u2029/g,vt=function(a){return"\\"+ht[a]},d=/^\s*(\w|\$)+\s*$/;return e.template=function(a,u,v){!u&&v&&(u=v),u=e.defaults({},u,e.templateSettings);var f=RegExp([(u.escape||it).source,(u.interpolate||it).source,(u.evaluate||it).source].join("|")+"|$","g"),A=0,E="__p+='";a.replace(f,function(J,x,rt,Lt,St){return E+=a.slice(A,St).replace(_t,vt),A=St+J.length,x?E+=`'+ +((__t=(`+x+`))==null?'':_.escape(__t))+ +'`:rt?E+=`'+ +((__t=(`+rt+`))==null?'':__t)+ +'`:Lt&&(E+=`'; +`+Lt+` +__p+='`),J}),E+=`'; +`;var V=u.variable;if(V){if(!d.test(V))throw new Error("variable is not a bare identifier: "+V)}else E=`with(obj||{}){ +`+E+`} +`,V="obj";E=`var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');}; +`+E+`return __p; +`;var ct;try{ct=new Function(u.variable||"obj","_",E)}catch(J){throw J.source=E,J}var pt=function(J){return ct.call(this,J,e)};return pt.source="function("+V+`){ +`+E+"}",pt},e}()});var yt=dt((Ce,jt)=>{var N={},Et={},xt=[],$t=window.Webflow||[],wt=window.jQuery,ut=wt(window),be=wt(document),lt=wt.isFunction,at=N._=Kt(),Yt=N.tram=Ot()&&wt.tram,Mt=!1,It=!1;Yt.config.hideBackface=!1;Yt.config.keepInherited=!0;N.define=function(e,w,h){Et[e]&&Ut(Et[e]);var L=Et[e]=w(wt,at,h)||{};return Gt(L),L};N.require=function(e){return Et[e]};function Gt(e){N.env()&&(lt(e.design)&&ut.on("__wf_design",e.design),lt(e.preview)&&ut.on("__wf_preview",e.preview)),lt(e.destroy)&&ut.on("__wf_destroy",e.destroy),e.ready&<(e.ready)&&Ee(e)}function Ee(e){if(Mt){e.ready();return}at.contains(xt,e.ready)||xt.push(e.ready)}function Ut(e){lt(e.design)&&ut.off("__wf_design",e.design),lt(e.preview)&&ut.off("__wf_preview",e.preview),lt(e.destroy)&&ut.off("__wf_destroy",e.destroy),e.ready&<(e.ready)&&xe(e)}function xe(e){xt=at.filter(xt,function(w){return w!==e.ready})}N.push=function(e){if(Mt){lt(e)&&e();return}$t.push(e)};N.env=function(e){var w=window.__wf_design,h=typeof w<"u";if(!e)return h;if(e==="design")return h&&w;if(e==="preview")return h&&!w;if(e==="slug")return h&&window.__wf_slug;if(e==="editor")return window.WebflowEditor;if(e==="test")return window.__wf_test;if(e==="frame")return window!==window.top};var Ft=navigator.userAgent.toLowerCase(),Zt=N.env.touch="ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,ke=N.env.chrome=/chrome/.test(Ft)&&/Google/.test(navigator.vendor)&&parseInt(Ft.match(/chrome\/(\d+)\./)[1],10),_e=N.env.ios=/(ipod|iphone|ipad)/.test(Ft);N.env.safari=/safari/.test(Ft)&&!ke&&!_e;var Rt;Zt&&be.on("touchstart mousedown",function(e){Rt=e.target});N.validClick=Zt?function(e){return e===Rt||wt.contains(e,Rt)}:function(){return!0};var Qt="resize.webflow orientationchange.webflow load.webflow",Le="scroll.webflow "+Qt;N.resize=Nt(ut,Qt);N.scroll=Nt(ut,Le);N.redraw=Nt();function Nt(e,w){var h=[],L={};return L.up=at.throttle(function(M){at.each(h,function(g){g(M)})}),e&&w&&e.on(w,L.up),L.on=function(M){typeof M=="function"&&(at.contains(h,M)||h.push(M))},L.off=function(M){if(!arguments.length){h=[];return}h=at.filter(h,function(g){return g!==M})},L}N.location=function(e){window.location=e};N.env()&&(N.location=function(){});N.ready=function(){Mt=!0,It?Ae():at.each(xt,Vt),at.each($t,Vt),N.resize.up()};function Vt(e){lt(e)&&e()}function Ae(){It=!1,at.each(Et,Gt)}var gt;N.load=function(e){gt.then(e)};function Jt(){gt&&(gt.reject(),ut.off("load",gt.resolve)),gt=new wt.Deferred,ut.on("load",gt.resolve)}N.destroy=function(e){e=e||{},It=!0,ut.triggerHandler("__wf_destroy"),e.domready!=null&&(Mt=e.domready),at.each(Et,Ut),N.resize.off(),N.scroll.off(),N.redraw.off(),xt=[],$t=[],gt.state()==="pending"&&Jt()};wt(N.ready);Jt();jt.exports=window.Webflow=N});var ne=dt((Pe,ee)=>{var te=yt();te.define("brand",ee.exports=function(e){var w={},h=document,L=e("html"),M=e("body"),g=".w-webflow-badge",S=window.location,_=/PhantomJS/i.test(navigator.userAgent),R="fullscreenchange webkitfullscreenchange mozfullscreenchange msfullscreenchange",H;w.ready=function(){var C=L.attr("data-wf-status"),K=L.attr("data-wf-domain")||"";/\.webflow\.io$/i.test(K)&&S.hostname!==K&&(C=!0),C&&!_&&(H=H||P(),B(),setTimeout(B,500),e(h).off(R,G).on(R,G))};function G(){var C=h.fullScreen||h.mozFullScreen||h.webkitIsFullScreen||h.msFullscreenElement||!!h.webkitFullscreenElement;e(H).attr("style",C?"display: none !important;":"")}function P(){var C=e('').attr("href","https://webflow.com?utm_campaign=brandjs"),K=e("").attr("src","https://d3e54v103j8qbb.cloudfront.net/img/webflow-badge-icon.f67cd735e3.svg").attr("alt","").css({marginRight:"8px",width:"16px"}),W=e("").attr("src","https://d1otoma47x30pg.cloudfront.net/img/webflow-badge-text.6faa6a38cd.svg").attr("alt","Made in Webflow");return C.append(K,W),C[0]}function B(){var C=M.children(g),K=C.length&&C.get(0)===H,W=te.env("editor");if(K){W&&C.remove();return}C.length&&C.remove(),W||M.append(H)}return w})});var re=dt((Oe,ie)=>{var qe=yt();qe.define("focus-visible",ie.exports=function(){function e(h){var L=!0,M=!1,g=null,S={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function _(l){return!!(l&&l!==document&&l.nodeName!=="HTML"&&l.nodeName!=="BODY"&&"classList"in l&&"contains"in l.classList)}function R(l){var D=l.type,z=l.tagName;return!!(z==="INPUT"&&S[D]&&!l.readOnly||z==="TEXTAREA"&&!l.readOnly||l.isContentEditable)}function H(l){l.getAttribute("data-wf-focus-visible")||l.setAttribute("data-wf-focus-visible","true")}function G(l){l.getAttribute("data-wf-focus-visible")&&l.removeAttribute("data-wf-focus-visible")}function P(l){l.metaKey||l.altKey||l.ctrlKey||(_(h.activeElement)&&H(h.activeElement),L=!0)}function B(){L=!1}function C(l){_(l.target)&&(L||R(l.target))&&H(l.target)}function K(l){_(l.target)&&l.target.hasAttribute("data-wf-focus-visible")&&(M=!0,window.clearTimeout(g),g=window.setTimeout(function(){M=!1},100),G(l.target))}function W(){document.visibilityState==="hidden"&&(M&&(L=!0),O())}function O(){document.addEventListener("mousemove",y),document.addEventListener("mousedown",y),document.addEventListener("mouseup",y),document.addEventListener("pointermove",y),document.addEventListener("pointerdown",y),document.addEventListener("pointerup",y),document.addEventListener("touchmove",y),document.addEventListener("touchstart",y),document.addEventListener("touchend",y)}function T(){document.removeEventListener("mousemove",y),document.removeEventListener("mousedown",y),document.removeEventListener("mouseup",y),document.removeEventListener("pointermove",y),document.removeEventListener("pointerdown",y),document.removeEventListener("pointerup",y),document.removeEventListener("touchmove",y),document.removeEventListener("touchstart",y),document.removeEventListener("touchend",y)}function y(l){l.target.nodeName&&l.target.nodeName.toLowerCase()==="html"||(L=!1,T())}document.addEventListener("keydown",P,!0),document.addEventListener("mousedown",B,!0),document.addEventListener("pointerdown",B,!0),document.addEventListener("touchstart",B,!0),document.addEventListener("visibilitychange",W,!0),O(),h.addEventListener("focus",C,!0),h.addEventListener("blur",K,!0)}function w(){if(typeof document<"u")try{document.querySelector(":focus-visible")}catch{e(document)}}return{ready:w}})});var ae=dt((Re,se)=>{var oe=yt();oe.define("focus",se.exports=function(){var e=[],w=!1;function h(S){w&&(S.preventDefault(),S.stopPropagation(),S.stopImmediatePropagation(),e.unshift(S))}function L(S){var _=S.target,R=_.tagName;return/^a$/i.test(R)&&_.href!=null||/^(button|textarea)$/i.test(R)&&_.disabled!==!0||/^input$/i.test(R)&&/^(button|reset|submit|radio|checkbox)$/i.test(_.type)&&!_.disabled||!/^(button|input|textarea|select|a)$/i.test(R)&&!Number.isNaN(Number.parseFloat(_.tabIndex))||/^audio$/i.test(R)||/^video$/i.test(R)&&_.controls===!0}function M(S){L(S)&&(w=!0,setTimeout(()=>{for(w=!1,S.target.focus();e.length>0;){var _=e.pop();_.target.dispatchEvent(new MouseEvent(_.type,_))}},0))}function g(){typeof document<"u"&&document.body.hasAttribute("data-wf-focus-within")&&oe.env.safari&&(document.addEventListener("mousedown",M,!0),document.addEventListener("mouseup",h,!0),document.addEventListener("click",h,!0))}return{ready:g}})});var ce=dt(($e,ue)=>{var kt=yt();kt.define("links",ue.exports=function(e,w){var h={},L=e(window),M,g=kt.env(),S=window.location,_=document.createElement("a"),R="w--current",H=/index\.(html|php)$/,G=/\/$/,P,B;h.ready=h.design=h.preview=C;function C(){M=g&&kt.env("design"),B=kt.env("slug")||S.pathname||"",kt.scroll.off(W),P=[];for(var T=document.links,y=0;y=0)){var l=e(T);if(_.hash.length>1&&_.host+_.pathname===S.host+S.pathname){if(!/^#[a-zA-Z0-9\-\_]+$/.test(_.hash))return;var D=e(_.hash);D.length&&P.push({link:l,sec:D,active:!1});return}if(!(y==="#"||y==="")){var z=_.href===S.href||y===B||H.test(y)&&G.test(B);O(l,R,z)}}}function W(){var T=L.scrollTop(),y=L.height();w.each(P,function(l){var D=l.link,z=l.sec,$=z.offset().top,Q=z.outerHeight(),it=y*.5,ht=z.is(":visible")&&$+Q-it>=T&&$+it<=T+y;l.active!==ht&&(l.active=ht,O(D,R,ht))})}function O(T,y,l){var D=T.hasClass(y);l&&D||!l&&!D||(l?T.addClass(y):T.removeClass(y))}return h})});var le=dt((Ie,fe)=>{var Ct=yt();Ct.define("scroll",fe.exports=function(e){var w={WF_CLICK_EMPTY:"click.wf-empty-link",WF_CLICK_SCROLL:"click.wf-scroll"},h=window.location,L=K()?null:window.history,M=e(window),g=e(document),S=e(document.body),_=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(d){window.setTimeout(d,15)},R=Ct.env("editor")?".w-editor-body":"body",H="header, "+R+" > .header, "+R+" > .w-nav:not([data-no-scroll])",G='a[href="#"]',P='a[href*="#"]:not(.w-tab-link):not('+G+")",B='.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}',C=document.createElement("style");C.appendChild(document.createTextNode(B));function K(){try{return!!window.frameElement}catch{return!0}}var W=/^#[a-zA-Z0-9][\w:.-]*$/;function O(d){return W.test(d.hash)&&d.host+d.pathname===h.host+h.pathname}let T=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)");function y(){return document.body.getAttribute("data-wf-scroll-motion")==="none"||T.matches}function l(d,a){var u;switch(a){case"add":u=d.attr("tabindex"),u?d.attr("data-wf-tabindex-swap",u):d.attr("tabindex","-1");break;case"remove":u=d.attr("data-wf-tabindex-swap"),u?(d.attr("tabindex",u),d.removeAttr("data-wf-tabindex-swap")):d.removeAttr("tabindex");break}d.toggleClass("wf-force-outline-none",a==="add")}function D(d){var a=d.currentTarget;if(!(Ct.env("design")||window.$.mobile&&/(?:^|\s)ui-link(?:$|\s)/.test(a.className))){var u=O(a)?a.hash:"";if(u!==""){var v=e(u);v.length&&(d&&(d.preventDefault(),d.stopPropagation()),z(u,d),window.setTimeout(function(){$(v,function(){l(v,"add"),v.get(0).focus({preventScroll:!0}),l(v,"remove")})},d?0:300))}}}function z(d){if(h.hash!==d&&L&&L.pushState&&!(Ct.env.chrome&&h.protocol==="file:")){var a=L.state&&L.state.hash;a!==d&&L.pushState({hash:d},"",d)}}function $(d,a){var u=M.scrollTop(),v=Q(d);if(u!==v){var f=it(d,u,v),A=Date.now(),E=function(){var V=Date.now()-A;window.scroll(0,ht(u,v,V,f)),V<=f?_(E):typeof a=="function"&&a()};_(E)}}function Q(d){var a=e(H),u=a.css("position")==="fixed"?a.outerHeight():0,v=d.offset().top-u;if(d.data("scroll")==="mid"){var f=M.height()-u,A=d.outerHeight();A=0&&(v=E)}),(472.143*Math.log(Math.abs(a-u)+125)-2e3)*v}function ht(d,a,u,v){return u>v?a:d+(a-d)*_t(u/v)}function _t(d){return d<.5?4*d*d*d:(d-1)*(2*d-2)*(2*d-2)+1}function vt(){var{WF_CLICK_EMPTY:d,WF_CLICK_SCROLL:a}=w;g.on(a,P,D),g.on(d,G,function(u){u.preventDefault()}),document.head.insertBefore(C,document.head.firstChild)}return{ready:vt}})});var de=dt((Ne,he)=>{var Se=yt();Se.define("touch",he.exports=function(e){var w={},h=window.getSelection;e.event.special.tap={bindType:"click",delegateType:"click"},w.init=function(g){return g=typeof g=="string"?e(g).get(0):g,g?new L(g):null};function L(g){var S=!1,_=!1,R=Math.min(Math.round(window.innerWidth*.04),40),H,G;g.addEventListener("touchstart",P,!1),g.addEventListener("touchmove",B,!1),g.addEventListener("touchend",C,!1),g.addEventListener("touchcancel",K,!1),g.addEventListener("mousedown",P,!1),g.addEventListener("mousemove",B,!1),g.addEventListener("mouseup",C,!1),g.addEventListener("mouseout",K,!1);function P(O){var T=O.touches;T&&T.length>1||(S=!0,T?(_=!0,H=T[0].clientX):H=O.clientX,G=H)}function B(O){if(S){if(_&&O.type==="mousemove"){O.preventDefault(),O.stopPropagation();return}var T=O.touches,y=T?T[0].clientX:O.clientX,l=y-G;G=y,Math.abs(l)>R&&h&&String(h())===""&&(M("swipe",O,{direction:l>0?"right":"left"}),K())}}function C(O){if(S&&(S=!1,_&&O.type==="mouseup")){O.preventDefault(),O.stopPropagation(),_=!1;return}}function K(){S=!1}function W(){g.removeEventListener("touchstart",P,!1),g.removeEventListener("touchmove",B,!1),g.removeEventListener("touchend",C,!1),g.removeEventListener("touchcancel",K,!1),g.removeEventListener("mousedown",P,!1),g.removeEventListener("mousemove",B,!1),g.removeEventListener("mouseup",C,!1),g.removeEventListener("mouseout",K,!1),g=null}this.destroy=W}function M(g,S,_){var R=e.Event(g,{originalEvent:S});e(S.target).trigger(R,_)}return w.instance=w.init(document),w})});ne();re();ae();ce();le();de();})(); +/*! + * tram.js v0.8.2-global + * Cross-browser CSS3 transitions in JavaScript + * https://github.com/bkwld/tram + * MIT License + */ +/*! + * Webflow._ (aka) Underscore.js 1.6.0 (custom build) + * _.each + * _.map + * _.find + * _.filter + * _.any + * _.contains + * _.delay + * _.defer + * _.throttle (webflow) + * _.debounce + * _.keys + * _.has + * _.now + * _.template (webflow: upgraded to 1.13.6) + * + * http://underscorejs.org + * (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors + * Underscore may be freely distributed under the MIT license. + * @license MIT + */