@charset "UTF-8";
/*! 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; }

@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"; font-size: 3rem; }

.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 !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.w--large:not(.w--vertical) { 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.w--large:not(.w--vertical):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.w--large:not(.w--vertical):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.w-active:focus { 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 <figure> 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; /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); }

.w-lightbox-right { display: none; right: 0; bottom: 0; /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */ 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; /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */ 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; }

:root { --black: #1d1f21; --dodger-blue: #0f8ad1; --white: white; --footer-gray: #4d4d4f; --dark-slate-gray: #2c2f30; --dim-gray: #5f6266; --spring-green: #0bd685; --gainsboro: #d7d9de; --dark-gray: #a5a7ad; }

.w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; }

body { color: #d7d9de; background-color: #000; padding-top: 59px; font-family: Roboto, sans-serif; font-size: 14px; line-height: 20px; }

h1 { color: #f2f4f7; text-transform: uppercase; margin: 10px 0; font-family: Roboto Condensed, sans-serif; font-size: 38px; font-weight: 400; line-height: 44px; }

h2 { color: #f2f4f7; text-transform: capitalize; margin-top: 0; margin-bottom: 12px; font-family: Roboto, sans-serif; font-size: 32px; font-weight: 400; line-height: 36px; }

h3 { text-transform: uppercase; margin: 10px 0; font-family: Roboto Condensed, sans-serif; font-size: 24px; font-weight: 400; line-height: 30px; }

h4 { text-transform: uppercase; margin: 0 0 10px; font-family: Roboto Condensed, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; }

h5 { margin: 10px 0; font-size: 14px; font-weight: 700; line-height: 20px; }

h6 { margin: 10px 0; font-size: 12px; font-weight: 700; line-height: 18px; }

p { color: #a5a7ad; margin-top: 0; margin-bottom: 15px; font-family: Roboto, sans-serif; font-size: 14px; line-height: 22px; }

.button { color: #fff; text-align: center; letter-spacing: .5px; text-transform: uppercase; text-shadow: 0 1px rgba(0, 0, 0, 0.1); background-color: #0ac278; border-radius: 2px; padding: 13px 24px; font-family: Roboto Condensed, sans-serif; font-size: 16px; font-weight: 500; text-decoration: none; transition: background-color .2s, box-shadow .2s; display: inline-block; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.11), inset 0 -34px 50px -25px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.3); }

.button:hover { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.11), inset 0 -34px 50px -25px rgba(0, 0, 0, 0), inset 0 1px rgba(255, 255, 255, 0.3); }

.button:active { background-color: #00c274; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.26), inset 0 2px 5px rgba(0, 0, 0, 0), inset 0 2px 2px 1px rgba(0, 0, 0, 0.16); }

.button.form { width: 27%; float: right; color: rgba(255, 255, 255, 0.68); background-color: #6e7278; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-right: 0; padding: 9px 10px; }

.button.form:hover { color: rgba(255, 255, 255, 0.94); background-color: #80858c; }

.button.form:active { background-color: #168c5d; }

.button.on-white { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0), inset 0 -34px 50px -25px rgba(0, 0, 0, 0.16), inset 0 1px rgba(0, 0, 0, 0); }

.button.contact { background-color: #0f8ad1; margin-bottom: 17px; padding: 18px 53px; font-size: 18px; }

.button.sign-up { padding: 18px 53px; font-size: 19px; }

.navbar { background-color: #2c2f30; position: fixed; top: 0; left: 0; right: 0; }

.nav-link { float: left; color: #fff; letter-spacing: 2px; text-transform: uppercase; padding: 20px; font-size: 11px; text-decoration: none; transition: background-color .2s; display: block; }

.nav-link:hover { color: #fff; background-color: #000; }

.nav-link.w--current { color: #fff; background-color: #3f4345; }

.nav-link.right { float: right; border: 1px solid #5f6266; border-radius: 2px; margin-top: 14px; margin-bottom: 16px; padding-top: 4px; padding-bottom: 4px; }

.logo-text { color: #fff; letter-spacing: 1px; border-bottom: 3px solid #5f6266; margin-top: 18px; padding-bottom: 3px; font-size: 21px; font-weight: 500; transition: border-color .2s; display: inline-block; }

.logo-text:hover { border-bottom-color: #4c709e; }

.logo-text.footer { color: #5f6266; }

.nav-menu { width: 88%; float: left; }

.brand-wrapper { width: 12%; }

.section { z-index: 10; background-color: var(--black); padding-top: 20px; padding-bottom: 60px; position: relative; }

.section.hero { color: #fff; text-align: center; background-image: linear-gradient(315deg, rgba(17, 201, 247, 0.59), rgba(69, 110, 196, 0.51) 49%, rgba(113, 32, 153, 0.45)), url("../images/dark-laptop.jpg"); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; background-attachment: scroll, fixed; padding-top: 108px; padding-bottom: 135px; }

.section.darkgrey { background-color: #2b2d30; }

.section.darkestgrey { background-color: #1d1f21; }

.section.press { background-color: #000; padding-top: 29px; padding-bottom: 29px; }

.section.black { background-color: #000; }

.section.sign-up { color: #ebedf2; background-color: #000; background-image: linear-gradient(312deg, rgba(136, 92, 156, 0.63) 6%, rgba(143, 90, 166, 0.8)); }

.section.white { color: #1d1f21; background-color: #fff; }

.section.content-pages { padding-top: 60px; padding-bottom: 60px; }

.section.about-image { height: 330px; background-image: url("../images/team.jpg"); background-position: 50%; background-size: cover; }

.huge-heading { color: #fff; letter-spacing: 0; text-shadow: 0 3px rgba(0, 0, 0, 0.1); margin-top: 0; margin-bottom: 28px; padding-bottom: 4px; font-family: Roboto Condensed, sans-serif; font-size: 94px; font-weight: 800; line-height: 88px; display: block; }

.subtitle { color: rgba(242, 246, 252, 0.63); text-shadow: 0 2px rgba(0, 0, 0, 0.1); margin-bottom: 40px; font-family: Roboto Slab, sans-serif; font-size: 20px; font-weight: 300; }

.subtitle.pricing { margin-bottom: 0; font-size: 18px; }

.subtitle.content-pages { margin-bottom: 0; }

.outline-button { color: rgba(255, 255, 255, 0.65); border: 2px solid rgba(255, 255, 255, 0.54); border-radius: 2px; margin-left: 15px; padding: 11px 24px; font-family: Roboto Condensed, sans-serif; font-size: 16px; font-weight: 400; text-decoration: none; transition: border-color .2s, color .5s; display: inline-block; }

.outline-button:hover { color: #fff; border-color: #fff; }

.outline-button:active { color: rgba(255, 255, 255, 0.78); background-color: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.78); }

.slide { background-color: #6e4040; }

.press-title { color: #696969; text-transform: uppercase; font-family: Roboto Slab, sans-serif; }

.press-image-wrapper { width: 16.66%; float: left; text-align: center; }

.press-image-wrapper.title { padding-top: 21px; }

.press-logo { opacity: .35; transition: opacity .2s; }

.press-logo:hover { opacity: .48; }

.footer-link { color: #909499; text-decoration: none; transition: color .2s; display: inline-block; }

.footer-link:hover { color: #d9d9d9; }

.field-left { width: 73%; float: left; color: #d7d9de; background-color: #5f6266; border-style: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; margin-bottom: 10px; }

.field-left:focus { background-color: #525559; box-shadow: 0 0 6px rgba(0, 0, 0, 0); }

.success-message { background-color: #5f6266; }

.success-message.big { padding: 41px; }

.no-spam { clear: both; color: #5f6266; margin-top: 10px; font-size: 11px; }

.social-link { opacity: .29; margin-right: 11px; transition: opacity .2s; }

.social-link:hover { opacity: .74; }

.sign-up-column { text-align: center; padding-top: 9px; }

.sign-up-title { text-shadow: 0 2px rgba(0, 0, 0, 0.1); margin-bottom: 7px; font-family: Roboto Condensed, sans-serif; }

.small-heading { margin-bottom: 6px; font-family: Roboto, sans-serif; font-weight: 600; }

.image-column { text-align: center; }

.image-crop { height: 431px; margin-bottom: -80px; overflow: hidden; }

.image-crop.ipad { height: 425px; }

.image-crop.iphone { height: 429px; }

.image-crop.hero { width: 492px; height: 130px; margin: 78px auto -135px; transition: height .5s; display: block; position: relative; }

.image-crop.hero:hover { height: 200px; }

.feature-icon-wrapper { width: 60px; height: 60px; float: left; text-align: center; border: 2px solid #5f6266; margin-right: 16px; padding-top: 13px; }

.feature-list { margin-top: 24px; }

.feature-list.no-padding { margin-top: 0; }

.feature-item { margin-top: 12px; }

.feature-icon { opacity: .81; }

.feature-text { color: #8f9196; margin-top: 6px; font-size: 12px; line-height: 15px; }

.feature-text.title { color: #d7d9de; margin-top: 11px; font-family: Roboto Condensed, sans-serif; font-size: 16px; font-weight: 400; }

.pricing-column { background-color: #2c2f30; }

.pricing-row { margin-top: 28px; margin-bottom: 19px; }

.plan-title { text-align: center; border-bottom: 3px solid rgba(218, 224, 232, 0); padding: 19px 15px; font-size: 21px; }

.plan-title.pro { background-color: rgba(215, 217, 222, 0.09); border-bottom-color: rgba(0, 0, 0, 0); }

.price { text-align: center; margin-top: 36px; margin-bottom: 13px; font-family: Roboto, sans-serif; font-size: 52px; font-weight: 300; line-height: 41px; }

.per-month { color: #6f7378; text-align: center; text-transform: uppercase; margin-bottom: 25px; font-size: 16px; }

.price-feature { text-align: center; padding: 10px 19px; font-size: 16px; }

.price-feature.deactivate { color: rgba(215, 217, 222, 0.7); text-decoration: line-through; }

.get-started-link { color: #0bd685; text-align: center; text-transform: uppercase; margin-top: 18px; margin-bottom: 18px; font-weight: 500; text-decoration: none; transition: color .2s, border-color .5s; display: inline-block; }

.get-started-link:hover { color: #fff; }

.get-started-link.pricing { padding-top: 32px; padding-bottom: 32px; display: block; }

.get-started-link.in-hero { position: absolute; bottom: 0; left: 0; right: 0; }

.get-started-link.in-hero:hover { color: #000; }

.get-started-link.simple { color: #d7d9de; border-bottom: 3px solid rgba(215, 217, 222, 0.2); margin-top: 18px; margin-bottom: 18px; }

.get-started-link.simple:hover { color: #e8eaed; border-bottom-color: rgba(215, 217, 222, 0.56); }

.support { text-align: right; }

.no-pad-section { background-color: #1d1f21; }

.padded-column { padding: 66px 32px; }

.padded-column.picture { height: 366px; background-image: url("../images/bag-and-hands-bw.jpg"); background-position: 50%; background-size: cover; }

.width-limiter { max-width: 500px; }

.question { color: #f2f4f7; margin-top: 52px; margin-bottom: 8px; font-size: 19px; font-weight: 400; }

.question.help { margin-top: 0; margin-bottom: 0; }

.need-help-row { background-color: rgba(95, 98, 102, 0.54); margin-top: 41px; padding: 29px; }

.float-left { float: left; }

.float-right { float: right; }

.contact-text { text-transform: none; font-family: Roboto, sans-serif; font-weight: 300; }

.more-questions { float: left; margin-right: 22px; }

.service-block { background-color: #2c2f30; padding: 12px; }

.number, .service-title { text-align: center; }

.field { height: 52px; color: #fff; background-color: #5f6266; border: 1px solid rgba(0, 0, 0, 0); border-radius: 2px; margin-bottom: 21px; padding-top: 13px; padding-bottom: 13px; font-size: 16px; transition: background-color .25s, box-shadow .25s; box-shadow: inset 0 0 rgba(0, 0, 0, 0); }

.field:hover { background-color: #515357; }

.field:focus { border-color: #0f8ad1; box-shadow: inset 0 0 0 2px #0f8ad1; }

.field.left { width: 49%; float: left; margin-right: 2%; }

.field.right { width: 49%; float: left; }

.testimonial-wrapper { border-radius: 3px; }

.testimonials-title { color: rgba(165, 167, 173, 0.54); text-align: left; text-transform: uppercase; margin-bottom: 11px; font-family: Roboto Condensed, sans-serif; font-size: 16px; }

.testimonial { color: #a0a2a8; margin-top: 25px; margin-bottom: 7px; font-family: Roboto Slab, sans-serif; font-size: 17px; }

.testimonials-author { color: #85878c; padding-left: 24px; font-family: Roboto Condensed, sans-serif; font-size: 16px; }

.testimonials-column { padding-left: 0; }

.testimonials-block { border-left: 1px solid #5f6266; margin-left: 16px; padding-left: 17px; }

.sign-up-form { border-right: 1px solid rgba(255, 255, 255, 0.22); padding-right: 23px; }

.grid { grid-template: "Area . Area-3" "Area-2 . ." / 1fr 1fr 1fr; }

.heading { color: var(--dodger-blue); text-align: center; text-transform: none; }

.image { text-align: center; }

.body { background-color: rgba(0, 0, 0, 0); font-family: Montserrat, sans-serif; text-decoration: none; }

.navigation-item { opacity: 1; color: #fff; letter-spacing: 1px; text-transform: uppercase; padding-top: 9px; padding-bottom: 9px; font-size: 16px; font-weight: 500; line-height: 20px; }

.navigation-item:hover { opacity: .9; color: #fbb131; }

.navigation-item:active { opacity: .8; }

.navigation-item.w--current { opacity: 1; color: #1a1b1f; font-weight: 600; }

.navigation-item.w--current:hover { opacity: .8; color: #32343a; }

.navigation-item.w--current:active { opacity: .7; color: #32343a; }

.navigation { background-color: #252525; align-items: center; padding: 30px 50px; display: flex; position: fixed; top: 0%; bottom: auto; left: 0%; right: 0%; }

.dropdown-list { background-color: rgba(0, 0, 0, 0); }

.dropdown-toggle { transition: opacity .2s; }

.navigation-wrap { flex: 1; justify-content: space-between; align-items: center; display: flex; position: relative; }

.button-5 { z-index: 1; width: 160px; height: 54px; cursor: pointer; border-radius: 14px; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }

.button-5:active { box-shadow: 0 10px 29px -6px rgba(153, 12, 174, 0.57); }

.button-5_border-color { z-index: -2; width: 100%; height: 100%; filter: contrast(130%); border-radius: 12px; justify-content: center; align-items: center; display: block; position: absolute; overflow: hidden; }

.logo-image { display: block; }

.menu { z-index: 0; justify-content: center; align-items: center; display: flex; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; }

.border_color { z-index: 1; width: 50px; height: 50px; filter: blur(16px); mix-blend-mode: normal; background-image: linear-gradient(112deg, rgba(255, 15, 51, 0.84), rgba(255, 102, 0, 0.86)); border-radius: 50%; justify-content: center; align-items: center; display: flex; position: absolute; top: -21px; left: -14px; }

.border_color.color-2 { width: 50px; height: 40px; filter: blur(16px); background-image: linear-gradient(251deg, #ff2596, #f709ff); top: -45%; left: 29%; }

.border_color.color-1 { width: 50px; height: 50px; filter: blur(16px); background-image: linear-gradient(112deg, #ff950b, rgba(255, 68, 0, 0.92)); top: -30%; left: -5%; }

.border_color.color-3 { width: 50px; height: 40px; filter: blur(16px); background-image: linear-gradient(251deg, #fab300, #fff200); top: -41%; left: 8%; }

.navigation-items { flex: none; justify-content: center; align-items: center; display: flex; }

.button-5-gradient { z-index: 4; width: 97%; height: 93%; opacity: 1; filter: contrast(140%); background-image: linear-gradient(255deg, rgba(116, 35, 255, 0.5), rgba(186, 92, 226, 0.51)); border-radius: 12px; justify-content: center; align-items: center; transition: all .4s ease-in-out; display: flex; position: absolute; top: 4.5%; left: 1.5%; }

.button-5-gradient:hover { filter: contrast(110%); background-image: linear-gradient(255deg, rgba(94, 35, 255, 0.42), rgba(156, 65, 244, 0.42) 53%, rgba(191, 91, 234, 0.42)); }

.button-5-gradient:active { filter: contrast(160%); background-image: linear-gradient(255deg, rgba(94, 35, 255, 0.59), rgba(156, 65, 244, 0.61) 53%, rgba(191, 91, 234, 0.56)); }

.logo-link { z-index: 1; }

.logo-link:hover { opacity: .8; }

.logo-link:active { opacity: .7; }

.label-4 { z-index: 5; color: #fff; position: relative; }

.hero { width: 100%; height: 350px; max-width: none; min-width: 100%; background-color: #fbb131; background-image: linear-gradient(45deg, #008bb0, #ffda4b); margin-top: 48px; }

.hero-wrapper { background-color: rgba(0, 0, 0, 0); border: 0 rgba(255, 255, 255, 0.33); border-radius: 24px; justify-content: space-between; align-items: flex-start; margin-top: 0; padding: 60px 20px; display: flex; }

.hero-split { max-width: none; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 20px; display: flex; }

.hero-split.jelly { /* width: 700px; height: 400px; */ max-width: none; object-fit: contain; /* background-image: url('../images/Dynamic-DNS-Jelly.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'); background-position: 0 0, 50%; background-repeat: no-repeat, no-repeat; background-size: contain, auto; */ align-items: center; margin-left: 0; }

.hero-split.checklist { background-color: #ececec; border: 1px solid #cacaca; border-radius: 12px; margin-top: 70px; margin-right: 60px; }

.margin-bottom-24px { color: #fff; align-self: center; margin-top: 0; margin-bottom: 20px; line-height: 1.4em; text-decoration: none; }

.checklist { padding: 10px 10px 10px 20px; font-family: Montserrat, sans-serif; }

.heading-2 { color: #fff; text-transform: none; align-self: center; margin-top: 140px; margin-bottom: 0; font-family: Montserrat, sans-serif; font-size: 2.5em; line-height: 1.2em; }

.button-background { width: 158px; height: auto; background-color: #252525; border-radius: 14px; align-self: center; padding-left: 0; }

.cell-content { width: 100%; /* height: 100%; */ border: 1px rgba(255, 255, 255, 0.33); border-radius: 0; flex-direction: column; justify-content: space-between; padding: 0; display: flex; position: relative; overflow: hidden; }

.b-section { background-color: #ececec; }

.hero-heading { text-transform: none; font-family: Montserrat, sans-serif; }

.div-block { width: 60%; margin-top: 20px; margin-left: 40px; padding-top: 60px; }

.paragraph { color: var(--white); font-family: Montserrat, sans-serif; }

.navbar-logo-left-container { z-index: 5; width: 1030px; max-width: 100%; background-color: rgba(0, 0, 0, 0); margin-left: auto; margin-right: auto; padding: 15px 20px; }

.navbar-logo-left-container.shadow-three { width: 100%; max-width: 1140px; margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; }

.container { width: 100%; max-width: 940px; -webkit-text-stroke-color: #4d4d4f; margin-left: auto; margin-right: auto; }

.navbar-wrapper { justify-content: space-between; align-items: center; display: flex; }

.nav-menu-two { justify-content: space-between; align-items: center; margin-bottom: 0; display: flex; }

.nav-link-2 { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 5px; padding: 5px 10px; font-size: 14px; line-height: 20px; text-decoration: none; }

.nav-link-2:hover { color: rgba(26, 27, 31, 0.75); }

.nav-link-2:focus-visible { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; }

.nav-link-2[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; }

.nav-dropdown { margin-left: 5px; margin-right: 5px; }

.nav-dropdown-toggle { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; }

.nav-dropdown-toggle:hover { color: rgba(26, 27, 31, 0.75); }

.nav-dropdown-toggle:focus-visible { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; }

.nav-dropdown-toggle[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; }

.nav-dropdown-icon { margin-right: 10px; }

.nav-dropdown-list { background-color: #fff; border-radius: 12px; }

.nav-dropdown-list.w--open { padding-top: 10px; padding-bottom: 10px; }

.nav-dropdown-link { padding-top: 5px; padding-bottom: 5px; font-size: 14px; }

.nav-dropdown-link:focus-visible { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; }

.nav-dropdown-link[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; }

.nav-divider { width: 1px; height: 22px; background-color: #e4ebf3; margin-left: 15px; margin-right: 15px; }

.nav-link-accent { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; }

.nav-link-accent:hover { color: rgba(26, 27, 31, 0.75); }

.button-primary { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; }

.button-primary:hover { color: #fff; background-color: #32343a; }

.button-primary:active { background-color: #43464d; }

.footer-dark { background-color: var(--footer-gray); color: var(--black); border-bottom: 1px #e4ebf3; padding: 50px 30px; position: relative; }

.footer-wrapper { max-width: 900px; justify-content: space-between; align-items: flex-start; margin-left: auto; margin-right: auto; display: flex; }

.footer-content { grid-column-gap: 70px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: auto auto 1fr; grid-auto-columns: 1fr; display: grid; }

.footer-block { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; }

.title-small { color: var(--white); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 12px; font-size: 14px; font-weight: 700; line-height: 16px; }

.footer-link-2 { color: #aeb0b3; margin-top: 8px; margin-bottom: 6px; font-size: 14px; line-height: 16px; text-decoration: none; }

.footer-link-2:hover { color: #fbb131; }

.footer-social-block { justify-content: flex-start; align-items: center; margin-top: 12px; margin-left: -12px; display: flex; }

.footer-social-link { margin-left: 12px; }

.footer-divider { width: 100%; height: 1px; background-color: #e4ebf3; margin-top: 70px; margin-bottom: 15px; }

.footer-copyright-center { text-align: left; font-size: 14px; line-height: 16px; }

.team-slider { -webkit-text-stroke-color: var(--dark-slate-gray); background-color: #f5f7fa; border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; }

.centered-heading { text-align: center; margin-bottom: 16px; }

.centered-subheading { max-width: 530px; text-align: center; margin-left: auto; margin-right: auto; }

.team-slider-wrapper { height: auto; background-color: rgba(0, 0, 0, 0); margin-top: 50px; }

.team-slide-wrapper { width: 30%; margin-right: 5%; }

.team-block { background-color: #fff; padding-bottom: 24px; }

.team-member-image-two { margin-bottom: 18px; }

.team-block-info { flex-direction: column; align-items: flex-start; padding-left: 24px; padding-right: 24px; display: flex; }

.team-member-name-two { margin-bottom: 12px; font-weight: 600; }

.team-member-text { margin-bottom: 20px; }

.text-link-arrow { color: #1a1b1f; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 20px; text-decoration: none; display: flex; }

.arrow-embed { margin-left: 2px; display: flex; }

.team-slider-arrow { display: none; }

.team-slider-nav { margin-top: 24px; font-size: 10px; position: static; bottom: -60px; }

.features-metrics { background-color: var(--dark-slate-gray); color: #32c1e8; border-bottom: 1px #e4ebf3; position: relative; padding: 60px 30px; }

.features-wrapper { justify-content: space-around; align-items: center; display: flex; }

.features-block { text-align: center; flex-direction: column; justify-content: flex-start; align-items: center; display: flex; }

@media screen and (max-width: 992px) { .features-block { flex-basis: 25%; } }

.features-title { color: #32c1e8; margin-bottom: 8px; }

@media screen and (min-width: 992px) { .features-title { font-size: 30px; font-weight: 400; line-height: 36px; } }

.features-title-small { font-size: 24px; line-height: 32px; }

.text-block, .text-block-2 { color: #32c1e8; }

.image-2 { width: 2rem; height: 2rem; background-color: rgba(0, 0, 0, 0); margin-bottom: 20px; }

@media screen and (min-width: 992px) { .image-2 { width: 5rem; height: 5rem; } }

.div-block-2 { background-color: var(--black); padding: 20px 30px; }

.image-3, .image-4 { width: 2rem; height: 2rem; margin-bottom: 20px; }

@media screen and (min-width: 992px) { .image-3, .image-4 { width: 5rem; height: 5rem; } }

@media screen and (min-width: 1440px) { .button-5 { transform: scale(1.15); } .label-4 { z-index: 5; } }

@media screen and (min-width: 1920px) { .button-5 { transform: scale(1.4); } }

@media screen and (max-width: 991px) { .button { background-color: #0bd685; } .nav-link { max-width: 100%; float: none; padding-left: 25px; padding-right: 25px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } .nav-link.right { width: 100%; float: left; border-style: none; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 20px; padding-bottom: 20px; } .nav-menu { width: 100%; background-color: #000; box-shadow: 0 7px 12px rgba(0, 0, 0, 0.28); } .menu-button { color: #fff; } .menu-button:hover, .menu-button.w--open { background-color: #000; } .section.hero { padding-top: 78px; padding-bottom: 104px; } .huge-heading { margin-bottom: 12px; font-size: 71px; line-height: 66px; } .subtitle { font-size: 19px; line-height: 25px; } .press-image-wrapper { padding-left: 8px; padding-right: 8px; } .press-image-wrapper.title { padding-top: 12px; } .small-heading { font-size: 34px; } .image-crop { height: 451px; margin-bottom: -80px; } .image-crop.ipad { height: 449px; margin-bottom: -80px; } .image-crop.iphone { height: 489px; margin-bottom: -80px; } .image-crop.hero { height: 250px; transition: none; } .image-crop.hero:hover { height: 250px; } .price-feature { padding-top: 5px; padding-bottom: 5px; } .get-started-link.pricing { padding-top: 26px; padding-bottom: 26px; } .padded-column.picture { height: 436px; } .menu-button-2 { padding: 0; } .menu-button-2.w--open { background-color: rgba(0, 0, 0, 0); } .icon { color: #fff; -webkit-text-stroke-color: white; margin-right: 40px; } .navigation-item { color: #000; text-align: center; padding: 15px 30px; transition: background-color .4s, opacity .4s, color .4s; } .navigation-item:hover { background-color: #f7f8f9; } .navigation-item:active { background-color: #eef0f3; } .navigation { padding: 25px 30px; } .navigation-wrap { background-color: rgba(0, 0, 0, 0); } .button-5 { width: 6em; height: 2.5em; } .menu { justify-content: flex-start; margin-left: 30px; position: static; } .navigation-items { background-color: #fff; justify-content: flex-start; } .logo-link.w--current { flex: 1; } .hero { width: auto; /* height: 325px; */ max-width: none; min-width: 0; /* margin-top: 35px; */ padding-left: 0; position: relative; top: 0%; bottom: auto; left: 0%; right: auto; overflow: visible; } .hero-wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-start; /* margin-top: 80px; */ margin-bottom: 0; padding: 0; } .hero-split { max-width: 100%; /* margin-bottom: 40px; */ } .hero-split.jelly { width: 100%; /* margin-top: auto; */ } .hero-split.checklist { flex-direction: column; align-self: center; align-items: center; /* margin-top: 20px; */ } .button-background { width: 6em; } .cell-content { min-height: 250px; flex-wrap: wrap; } .menu-button-3 { padding: 0; } .menu-button-3.w--open { background-color: rgba(0, 0, 0, 0); } .container { max-width: 728px; } .nav-menu-wrapper { background-color: rgba(0, 0, 0, 0); } .nav-menu-two { background-color: #fff; border-radius: 50px; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top: 10px; padding: 20px; display: flex; box-shadow: 0 8px 50px rgba(0, 0, 0, 0.05); } .nav-link-2 { padding-left: 5px; padding-right: 5px; } .nav-dropdown-list.shadow-three.w--open { position: absolute; } .menu-button-4 { padding: 12px; } .menu-button-4.w--open { color: #fff; background-color: #a6b1bf; } .footer-content { grid-column-gap: 60px; } .team-slide-wrapper { width: 47%; margin-right: 6%; } .features-wrapper { justify-content: space-between; } }

@media screen and (max-width: 767px) { body { padding-top: 0; } .navbar { padding-left: 20px; padding-right: 20px; position: relative; } .section { padding: 40px 20px; } .section.hero { padding-top: 74px; padding-bottom: 74px; } .section.press { text-align: center; padding-top: 18px; padding-bottom: 18px; } .section.sign-up { text-align: center; } .section.about-image { height: 280px; } .huge-heading { font-size: 50px; line-height: 48px; } .subtitle.pricing { margin-bottom: 16px; } .press-title { display: block; } .press-image-wrapper { width: 33%; } .press-image-wrapper.title { width: 100%; padding-top: 5px; } .small-heading { margin-top: 0; margin-bottom: 8px; font-size: 32px; font-weight: 400; line-height: 34px; } .image-crop { text-align: center; border-bottom: 3px solid #5f6266; margin-bottom: 36px; } .image-crop.ipad { margin-bottom: 36px; } .image-crop.iphone { height: 389px; border-bottom-style: none; margin-bottom: -40px; } .image-crop.hero { width: auto; } .feature-list { margin-bottom: 20px; } .pricing-column { margin-left: 33px; margin-right: 33px; } .pricing-row { margin-top: 9px; } .get-started-link { margin-left: auto; margin-right: auto; display: block; } .get-started-link.simple { display: inline-block; } .support { text-align: center; } .all-devices-image { width: 50%; } .padded-column { padding: 41px 30px; } .padded-column.picture { height: 246px; } .question { margin-top: 32px; } .contact-text { clear: left; } .service-block { margin-bottom: 19px; padding-left: 40px; padding-right: 40px; } .field.left { width: 49%; margin-right: 3%; } .field.right { width: 48%; } .testimonials-column { border: 2px solid rgba(95, 98, 102, 0.79); padding: 16px 22px 22px; } .sign-up-form { border-right-style: none; padding-right: 0; } .center { text-align: center; } .title { padding-left: 10px; padding-right: 10px; } .footer-column { margin-bottom: 33px; } .navigation { padding: 20px 30px; } .logo-link { padding-left: 0; } .hero-wrapper { margin-top: 0; margin-bottom: 0; margin-right: 0; padding: 0; } .hero-split.jelly { width: 100%; object-fit: scale-down; background-image: url("../images/Dynamic-DNS-Jelly.svg"); background-size: contain; align-self: center; margin-left: auto; margin-right: auto; } .cell-content { padding-top: 0; padding-bottom: 0; } .navbar-logo-left-container { max-width: 100%; } .navbar-brand { padding-left: 0; } .nav-menu-two { border-radius: 20px; flex-direction: column; padding-bottom: 30px; } .nav-link-2 { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .nav-dropdown { flex-direction: column; align-items: center; display: flex; } .nav-dropdown-toggle { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-list.shadow-three { box-shadow: 0 8px 50px rgba(0, 0, 0, 0.05); } .nav-dropdown-list.shadow-three.w--open { position: relative; } .nav-dropdown-list.shadow-three.mobile-shadow-hide { box-shadow: none; } .nav-divider { width: 200px; height: 1px; max-width: 100%; margin-top: 10px; margin-bottom: 10px; } .nav-link-accent { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .mobile-margin-top-10 { margin-top: 10px; } .footer-dark { padding-left: 15px; padding-right: 15px; } .footer-wrapper { flex-direction: column; align-items: center; } .footer-content { grid-template-columns: 1fr; margin-top: 40px; } .footer-block { align-items: center; } .footer-link-2:hover { color: rgba(26, 27, 31, 0.75); } .footer-social-block { margin-top: 20px; margin-left: -20px; } .footer-social-link { margin-left: 20px; } .footer-divider { margin-top: 60px; } .team-slider, .features-metrics { padding: 60px 15px; } .features-wrapper { flex-wrap: wrap; margin-bottom: -40px; } .features-block { width: 50%; margin-bottom: 40px; } }

@media screen and (max-width: 479px) { .button { margin-bottom: 14px; display: block; } .navbar, .section { padding-left: 10px; padding-right: 10px; } .section.hero { padding: 54px 20px; } .subtitle { margin-bottom: 29px; } .outline-button { width: 100%; margin-left: 0; display: block; } .press-image-wrapper { width: 100%; height: 47px; } .small-heading { font-size: 21px; line-height: 26px; } .image-crop { height: 270px; } .image-crop.iphone { height: 325px; } .pricing-column { margin-left: 0; margin-right: 0; } .all-devices-image { width: 70%; } .padded-column { padding-left: 20px; padding-right: 20px; } .padded-column.picture { height: 226px; } .field.left { width: 100%; margin-right: 0%; } .field.right { width: 100%; } .ipad-image { padding-left: 14px; padding-right: 14px; } .iphone-image { padding-left: 25px; padding-right: 25px; } .grid { grid-template-columns: minmax(200px, 1fr) 1fr 1fr; } .menu-button-2, .menu-button-2.w--open { flex: none; } .icon { margin-right: 20px; } .navigation { padding-left: 20px; padding-right: 20px; } .menu { margin-left: 15px; } .hero { height: 320px; overflow: hidden; } .hero-wrapper { margin-bottom: 0; padding-top: 20px; padding-bottom: 0; } .hero-split.jelly { width: 100%; height: 250px; background-size: contain; align-items: center; margin-left: 0; margin-right: 0; } .hero-split.checklist { max-width: none; margin: 0 auto; } .margin-bottom-24px { font-size: 15px; } .heading-2 { margin-top: 80px; font-size: 1.5em; } .hero-heading { font-size: 22px; line-height: 1.2em; } .div-block { width: 80%; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: block; } .menu-button-3, .menu-button-3.w--open { flex: none; } .container { max-width: none; } .nav-menu-two { flex-direction: column; } .centered-heading { margin-bottom: 24px; } .team-slide-wrapper { width: 100%; margin-right: 0%; } }

#w-node-_5cf1da5c-8157-2f90-adc9-319c4da34d18-df8eee7a { grid-area: Area-2; }

#w-node-e147fe67-22ca-828c-506a-94a0e1565744-df8eee7a { grid-area: Area; justify-self: center; }

#w-node-d6e40622-2f29-1e59-4f8a-2e88c7c7720e-df8eee7a, #w-node-_0ad857c7-4b20-2b1c-539d-0bdc7c3d5847-df8eee7a { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: center; }

#w-node-_14ff4f80-b2a6-1d14-478c-ac806052f411-df8eee7a, #w-node-e205e253-aabf-cb44-5832-1228f3dc0c3d-df8eee7a, #w-node-_49f373c8-5c25-458d-4096-f47c3ad964ea-55b4e5a2, #w-node-_49f373c8-5c25-458d-4096-f47c3ad964f3-55b4e5a2, #w-node-_49f373c8-5c25-458d-4096-f47c3ad964fe-55b4e5a2 { grid-area: span 1 / span 1 / span 1 / span 1; }

body.definitions #site #site-content { min-height: calc(100vh - 114px); }

@media screen and (max-width: 767px) { body.definitions #site #site-content .content { padding-top: 0 !important; } body.definitions #site #site-content .content .toc-and-defs.w-layout-grid { grid-template-columns: 40% 1fr !important; } body.definitions #site #site-content .content .toc-and-defs.w-layout-grid .toc .toc-list { right: 60%; padding-left: 0.5em; } body.definitions #site #site-content .content .toc-and-defs.w-layout-grid .toc .toc-list li { margin-bottom: 0.5em; line-height: 1.2; font-size: 12px; } body.definitions #site #site-content .content .toc-and-defs.w-layout-grid .definitions { flex-grow: 1; flex-shrink: 1; overflow: auto; padding-right: 0.5em; } body.definitions #site #site-content .content .toc-and-defs.w-layout-grid .definitions dl dt h2 { padding-top: 0 !important; } }

body.definitions .toc-and-defs .toc { overflow: hidden; }

body.definitions .toc-and-defs .toc .toc-list { position: fixed; list-style: none; margin: 0; padding: 0; line-height: 1.2; }

body.definitions .toc-and-defs .toc .toc-list a { text-decoration: none; font-weight: 500; font-size: 110%; }

body.definitions .toc-and-defs .definitions dl { margin: 0; padding: 0; }

body.definitions .toc-and-defs .definitions dl > dt > h1, body.definitions .toc-and-defs .definitions dl > dt > h2, body.definitions .toc-and-defs .definitions dl > dt > h3, body.definitions .toc-and-defs .definitions dl > dt > h4, body.definitions .toc-and-defs .definitions dl > dt > h5, body.definitions .toc-and-defs .definitions dl > dt > h6 { margin-bottom: 0.25em; padding-top: 114px; }

body.definitions .toc-and-defs .definitions dl > dd { font-size: 110%; line-height: 1.5em; margin: 0 0 2em; }

body.definitions .toc-and-defs .definitions dl > dd * { font: inherit; }

body.definitions .toc-and-defs .definitions dl > dd ul, body.definitions .toc-and-defs .definitions dl > dd ol { margin: 0 0 1em 0; padding: 0 0 0 1em; }

html body.body.gradient #site:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-image: linear-gradient(to left top, #0592B1 0%, #2EB8B1 50%); }

html body.body.gradient #site > * { position: relative; z-index: 2; color: white; }

html body.body.gradient #site #site-content { color: white; }

html body.body.gradient #site #site-content * { color: inherit; }

html body.body.gradient #site #site-content h1, html body.body.gradient #site #site-content h2, html body.body.gradient #site #site-content h3, html body.body.gradient #site #site-content h4, html body.body.gradient #site #site-content h5, html body.body.gradient #site #site-content h6 { color: inherit; }

body.about .floating-jelly { display: block; }

@media screen and (max-width: 400px) { html { font-size: 12px; } }

html body { padding: 0; }

html body #site #section-1.section.section-hero .banner { background-position: center center !important; }

html body[class*="index.markdown"] #section-1.section.section-hero .banner { background-image: url("/assets/images/banners/home.svg") !important; }

html body[class*="_dns/"] #section-1.section.section-hero .banner { background-image: url("/assets/images/banners/dns.svg") !important; }

html body[class*="_domains/"] #section-1.section.section-hero .banner { background-image: url("/assets/images/banners/domains.svg") !important; }

html body[class*="_ssl/"] #section-1.section.section-hero .banner { background-image: url("/assets/images/banners/ssl.svg") !important; }

html body[class*="_hosting/"] #section-1.section.section-hero .banner { background-image: url("/assets/images/banners/hosting.svg") !important; }

html body[class*="_hosting-web/"] #section-1.section.section-hero .banner { background-image: url("/assets/images/banners/hosting-2.svg") !important; }

html body[class*="_hosting-vps/"] #section-1.section.section-hero .banner { background-image: url("/assets/images/banners/hosting-3.svg") !important; }

html body[class*="_resources/"] #section-1.section.section-hero .banner { background-image: url("/assets/images/banners/domains.svg") !important; }

html body .footer-link.w--current, html body .footer-link.w--current:hover, html body .navigation-item.w--current, html body .navigation-item.w--current:hover { color: #fcb232; }

html body .footer-link.active, html body .footer-link:hover, html body .navigation-item.active, html body .navigation-item:hover { color: #fcb232; }

html body .floating-jelly { position: fixed; top: calc(114px + 48px); right: auto; bottom: auto; left: 0; width: 42%; max-width: 42vw; display: none; }

html body #site .section.section-banner { padding: 0; }

html body #site .blurb.section { padding-top: 1rem; padding-bottom: 1rem; }

html body #site .blurb.section .section-header h1, html body #site .blurb.section .section-header h2, html body #site .blurb.section .section-header h3, html body #site .blurb.section .section-header h4, html body #site .blurb.section .section-header h5, html body #site .blurb.section .section-header h6 { font-weight: inherit; }

html body #site .blurb.section .section-header h1 > strong, html body #site .blurb.section .section-header h2 > strong, html body #site .blurb.section .section-header h3 > strong, html body #site .blurb.section .section-header h4 > strong, html body #site .blurb.section .section-header h5 > strong, html body #site .blurb.section .section-header h6 > strong { font-weight: 500; }

html body #site button.btn-link { padding: 0; border-radius: 14px; }

html body #site .btn-link { text-decoration: none; }

html body #site .btn-link .label { text-decoration: inherit; }

html body #site .btn-link .btn { transform: scale(1); text-decoration: none; }

html body #site .btn-link.yellow .btn { padding: 0.5rem 1rem; }

html body #site .btn-link.yellow .btn .label { color: black; }

html body #site .btn-link.yellow .button-background { display: inline-block; background-color: #fcb232; }

html body #site .btn-link.yellow .btn, html body #site .btn-link.yellow .button-background { width: auto !important; height: auto !important; }

html body #site .card { border: 1px gray solid; background-color: #efefef; border-radius: 1rem; padding: 2rem 1rem; }

html body #site .card.selected { background-color: #cccccc; }

html body #site .card .card-title { color: #005581; }

html body #site .domain-search * { color: black; }

@media screen and (min-width: 991px) { html body #site .domain-search .cols { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; } }

html body #site .domain-search .title .heading { text-align: left; color: #008bb0; margin: 0; }

@media screen and (max-width: 767px) { html body #site .domain-search .title .heading { font-size: 2em; } }

html body #site .domain-search .form form { display: flex; flex-direction: row; margin: 0; padding: 0; }

html body #site .domain-search .form form input, html body #site .domain-search .form form button { height: 32px; }

html body #site .domain-search .form form .input-wrapper { flex-grow: 1; padding-right: 1rem; }

html body #site .domain-search .form form .input-wrapper input { display: block; width: 100%; border: 0; border-radius: 4px; padding: 0 1rem; }

html body #site .domain-search .form form .button-wrapper button { background-color: #fcb232; border-radius: 22px; padding: 0 2rem; }

html body #site .section.section-banner, html body #site .section.section-hero { padding: 0; }

@media screen and (max-width: 767px) { html body #site .section.section-banner:not(#section-1) .banner, html body #site .section.section-hero:not(#section-1) .banner { background-image: url("/assets/images/banners/blue-orange-2.svg") !important; background-position: left center !important; } }

html body #site .hero { background-color: transparent; background-size: cover; position: relative; overflow: hidden; margin-top: 0; height: auto; }

@media screen and (max-width: 767px) { html body #site .hero { min-height: 20vh; } html body #site .hero svg { display: none; } html body #site .hero .content-wrapper { min-height: 20vh; position: static !important; height: auto !important; transform: translate(0, 0) !important; } html body #site .hero .content-wrapper .div-block { position: static !important; height: auto !important; padding: 1em; } }

html body #site .hero svg { position: relative; z-index: 0; width: 100%; height: auto; }

html body #site .hero .content-wrapper { position: absolute; top: 0; right: auto; bottom: 0; left: 50%; width: 100%; transform: translate(-50%, 0); display: flex; flex-direction: column; justify-content: center; }

@media screen and (min-width: 1024px) { html body #site .hero .content-wrapper { max-width: 1024px; } }

@media screen and (min-width: 1280px) { html body #site .hero .content-wrapper { max-width: 1280px; } }

html body #site .hero .div-block { position: static; top: 0; left: 0; z-index: 10; padding: 1em; margin: 10px; margin-bottom: 0; margin-right: 0; width: 90%; }

@media screen and (min-width: 600px) { html body #site .hero .div-block { width: 60%; } }

@media screen and (min-width: 992px) { html body #site .hero .div-block { margin: 16px; margin-bottom: 0; margin-right: 0; width: 60%; } }

@media screen and (min-width: 1025px) { html body #site .hero .div-block { margin: 24px; margin-bottom: 0; margin-right: 0; width: 60%; } }

@media screen and (min-width: 1289px) { html body #site .hero .div-block { margin: 48px; margin-right: 0; width: 50%; } }

html body #site .hero .div.block, html body #site .hero.right .div-block { visibility: visible; }

html body #site .hero.right .div-block { right: 0; left: auto; margin-left: auto; margin-right: 10px; width: 100%; }

@media screen and (min-width: 768px) { html body #site .hero.right .div-block { width: 60%; } }

@media screen and (min-width: 992px) { html body #site .hero.right .div-block { margin-right: 16px; width: 60%; } }

@media screen and (min-width: 1025px) { html body #site .hero.right .div-block { margin-right: 24px; width: 60%; } }

@media screen and (min-width: 1280px) { html body #site .hero.right .div-block { margin-right: 48px; width: 50%; } }

html body #site .hero .hero-heading { line-height: 1.2em; color: white; margin-bottom: 0.5em; font-weight: 700; text-transform: none; font-family: Montserrat, sans-serif; font-weight: 700; font-size: 2rem; }

@media screen and (min-width: 768px) { html body #site .hero .hero-heading { font-size: 2rem; } }

@media screen and (min-width: 992px) { html body #site .hero .hero-heading { font-size: 2.25rem; } }

@media screen and (min-width: 1280px) { html body #site .hero .hero-heading { font-size: 3.5rem; } }

html body #site .hero .hero-heading + .intro { margin-top: 0.5em; }

@media screen and (min-width: 992px) { html body #site .hero .hero-heading + .intro { margin-top: 1rem; } }

@media screen and (min-width: 1025px) { html body #site .hero .hero-heading + .intro { margin-top: 1.25rem; } }

@media screen and (min-width: 1280px) { html body #site .hero .hero-heading + .intro { margin-top: 2rem; } }

html body #site .hero .subtitle { font-size: 1.25rem; font-weight: normal; line-height: 1.42em; }

html body #site .hero .intro { font-size: 1rem; font-weight: 500; line-height: 1.42em; }

html body #site .product.a-section { width: 100%; max-width: 1024px; margin: 0 auto; }

html body #site .product .hero-split.jelly { position: relative !important; }

html body #site .product .jelly { overflow: visible; background-image: none; }

@keyframes wiggleBlob1 { 0% { transform: scale(1) translate(0, 0); }
  25% { transform: scale(0.95) translate(1px, -1px); }
  50% { transform: scale(1) translate(0, 0); }
  75% { transform: scale(0.98) translate(1px, 0); }
  100% { transform: scale(1) translate(0, 0); } }

@keyframes wiggleBlob2 { 0% { transform: scale(1) translate(0, 0); }
  22% { transform: scale(0.98) translate(-1px, 1px); }
  54% { transform: scale(1) translate(0, 0); }
  71% { transform: scale(0.96) translate(1px, 1px); }
  100% { transform: scale(1) translate(0, 0); } }

html body #site .product .jelly .blob { width: 100%; height: 100%; overflow: visible; }

html body #site .product .jelly .blob svg { display: block; width: auto; max-width: 100%; height: 100%; max-height: 400px; margin: 0 auto; }

html body #site .product .jelly .blob svg.animate:hover > g:nth-child(odd), html body #site .product .jelly .blob svg:hover g.animate > g:nth-child(odd) { animation: wiggleBlob1 15s ease infinite; }

html body #site .product .jelly .blob svg.animate:hover > g:nth-child(even), html body #site .product .jelly .blob svg:hover g.animate > g:nth-child(even) { animation: wiggleBlob2 15s ease infinite; }

html body #site .product .jelly .jelly-content { color: white; position: absolute; top: 0; bottom: 0; min-width: 20rem; width: 60%; max-width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch; pointer-events: none; font-size: 1rem; }

@media screen and (max-width: 767px) { html body #site .product .jelly .jelly-content { width: 85%; text-align: center; } html body #site .product .jelly .jelly-content br { font-size: 0; line-height: 0.25; } }

html body #site .product .jelly .jelly-content h1, html body #site .product .jelly .jelly-content h2, html body #site .product .jelly .jelly-content h3, html body #site .product .jelly .jelly-content h4, html body #site .product .jelly .jelly-content h5, html body #site .product .jelly .jelly-content h6 { margin-bottom: 0; pointer-events: none; }

html body #site .product .jelly .jelly-content .product-header { margin-bottom: 0; pointer-events: none; font-weight: 700; font-size: 150%; }

html body #site .product .jelly .jelly-content .product-tagline { font-size: 125%; }

html body #site .product .checklist { margin-right: 0; margin-left: 0; position: relative; z-index: 1; }

html body #site .product .checklist .product-description { width: 100%; }

html body #site .product .product-description { color: black; }

html body #site .product .product-description > * { color: inherit; }

html body #site .product .product-description > ul { padding-left: 1em; }

html body #site .product .hero-wrapper { padding-top: 20px; padding-bottom: 20px; }

html body #site .product .jelly-content { color: white !important; }

html body #site .product .jelly-content > * { color: inherit; }

@media (max-width: 991px) { html body #site .product .cell-content { display: block; } html body #site .product .cell-content .hero-wrapper { display: block; } html body #site .product .cell-content .hero-wrapper .jelly { margin-bottom: 2rem; } html body #site .product .cell-content .hero-wrapper .checklist { min-width: 300px; width: 75%; margin: 0 auto; } }

@media (min-width: 992px) { html body #site .product .hero-wrapper .jelly { order: 1; width: 60%; text-align: left; } html body #site .product .hero-wrapper .checklist { order: 10; width: 40%; } html body #site .product:nth-child(even) .hero-wrapper .jelly { order: 10; text-align: right; } html body #site .product:nth-child(even) .hero-wrapper .checklist { order: 1; } }

html body #site .select-product { display: flex; height: 25.5rem; flex-direction: column; justify-content: start; align-items: stretch; overflow: hidden; }

html body #site .select-product > * { flex-grow: 0; flex-shrink: 0; }

html body #site .select-product .product-header { color: black; }

html body #site .select-product .product-description { flex-grow: 1; flex-shrink: 1; overflow: auto; }

html body #site .select-product .blob-label { line-height: 1em; }

html body #site .select-product .blob-label > small { font-size: 0.8rem; }

@media screen and (max-width: 767px) { html body #site .sections > *:not(.hero):not(.banner):not(.section-hero):not(.section-banner) { padding: 1rem; } }

html body #site .section { background: transparent; }

html body #site .section .section-header { font-weight: 300; }

html body #site .section .section-intro { font-size: 125%; font-weight: 300; margin-bottom: 1em; }

html body #site .section .section-intro > strong { font-weight: 500; }

html body #site .section.extra-light, html body #site .section.light { background-color: #e8edf9; color: black; }

html body #site .section.extra-light .section-header, html body #site .section.extra-light .section-intro, html body #site .section.light .section-header, html body #site .section.light .section-intro { color: #5d0983; }

html body #site .section.extra-light .section-intro, html body #site .section.light .section-intro { font-size: 125%; margin-bottom: 2em; }

html body #site .section.extra-light { background-color: #f8fafd; }

html body #site .section.white .section-header, html body #site .section.white .section-intro { color: #005581; }

html body #site .section.white:nth-child(even) .grid-item dt, html body #site .section.white:nth-child(even) .section-header, html body #site .section.white:nth-child(even) .section-intro { color: #5d0983; }

html body #site .section.white:nth-child(even) .grid-item:nth-child(1n) .item-blob { background-image: url("/assets/images/jelly/blue-sm.svg"); }

html body #site .section.white:nth-child(even) .grid-item:nth-child(2n) .item-blob { background-image: url("/assets/images/jelly/green-sm.svg"); }

html body #site .section.white:nth-child(even) .grid-item:nth-child(3n) .item-blob { background-image: url("/assets/images/jelly/orange-sm.svg"); }

html body #site .testimonials * { color: black; }

html body #site .testimonials .testimonial { background-image: url("/assets/images/quote.svg"); background-position: left top; background-repeat: no-repeat; background-size: 5rem auto; padding-left: 7rem; font: inherit; }

html body #site .testimonials .testimonial blockquote { margin-left: 0; padding: 0; border: 0; font: inherit; font-size: 150%; line-height: 1.25em; }

@media screen and (max-width: 767px) { html body #site .testimonials .testimonial blockquote { font-size: 112%; } }

html body #site .testimonials .testimonial footer { text-align: right; }

html body #site .testimonials .testimonial footer cite { font: inherit; font-size: 125%; font-style: normal; }

@media screen and (min-width: 768px) { html body #site .grid-items { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } }

@media screen and (max-width: 767px) { html body #site .grid-items .grid-item { display: block; width: 100%; } }

html body #site .grid-items .grid-item:nth-child(1n) .item-blob { background-image: url("/assets/images/jelly/teal-sm.svg"); }

html body #site .grid-items .grid-item:nth-child(2n) .item-blob { background-image: url("/assets/images/jelly/pink-sm.svg"); }

html body #site .grid-items .grid-item:nth-child(3n) .item-blob { background-image: url("/assets/images/jelly/purple-sm.svg"); }

html body #site .grid-items .grid-item:nth-child(4n) .item-blob { background-image: url("/assets/images/jelly/blue-sm.svg"); }

html body #site .grid-items .grid-item:nth-child(5n) .item-blob { background-image: url("/assets/images/jelly/green-sm.svg"); }

html body #site .grid-items .grid-item:nth-child(6n) .item-blob { background-image: url("/assets/images/jelly/orange-sm.svg"); }

html body #site .grid-items .grid-item dl dt { color: #005581; font-size: 125%; font-weight: 500; text-align: center; }

html body #site .grid-items .grid-item dl dd { margin: 0; text-align: center; }

@media screen and (min-width: 1024px) { html body #site .grid-items .grid-item dl dt, html body #site .grid-items .grid-item dl dd { text-align: left !important; } }

@keyframes wiggle1 { 0% { transform: scale(1) translate(0, 0); }
  25% { transform: scale(1.03) translate(1px, -1px); }
  50% { transform: scale(1) translate(0, 0); }
  75% { transform: scale(1.02) translate(-1px, 0); }
  100% { transform: scale(1) translate(0, 0); } }

@keyframes wiggle2 { 0% { transform: scale(1) translate(0, 0); }
  25% { transform: scale(1.02) translate(-1px, -1px); }
  50% { transform: scale(1) translate(0, 0); }
  75% { transform: scale(1.01) translate(1px, 0); }
  100% { transform: scale(1) translate(0, 0); } }

html body #site svg.animate > g, html body #site svg g.animate > g { transform: scale(1) translate(0, 0); transition-property: all; transition-duration: 1s; }

html body #site svg.animate:hover > g:nth-child(odd), html body #site svg:hover g.animate > g:nth-child(odd) { animation: wiggle1 15s ease infinite; }

html body #site svg.animate:hover > g:nth-child(even), html body #site svg:hover g.animate > g:nth-child(even) { animation: wiggle2 15s ease infinite; }

html body #site .grid-items .grid-item .item-blob { height: 73px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: url("/assets/images/jelly/blue-sm.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-bottom: 1em; }

html body #site .grid-items .grid-item .item-blob .blob-label { color: white; text-align: center; position: relative; z-index: 10; margin: 0; text-transform: none; }

html body #site .grid-items .grid-item .item-blob.blue { background-image: url("/assets/images/jelly/blue-sm.svg") !important; }

html body #site .grid-items .grid-item .item-blob.green { background-image: url("/assets/images/jelly/green-sm.svg") !important; }

html body #site .grid-items .grid-item .item-blob.orange { background-image: url("/assets/images/jelly/orange-sm.svg") !important; }

html body #site .grid-items .grid-item .item-blob.pink { background-image: url("/assets/images/jelly/pink-sm.svg") !important; }

html body #site .grid-items .grid-item .item-blob.purple { background-image: url("/assets/images/jelly/purple-sm.svg") !important; }

html body #site .grid-items .grid-item .item-blob.teal { background-image: url("/assets/images/jelly/teal-sm.svg") !important; }

html body #site .grid-items .grid-item .item-blob > img { width: auto; height: 33%; }

@media screen and (min-width: 992px) { html body #site { display: flex; flex-direction: column; justify-content: start; align-items: stretch; height: 100%; overflow: hidden; } }

html body #site #site-header { position: relative; z-index: 100; }

@media screen and (max-width: 991px) { html body #site #site-header { height: 114px !important; } html body #site #site-header .logo-image.big { display: none; } }

@media screen and (min-width: 992px) { html body #site #site-header { height: auto; } html body #site #site-header .logo-image.small { display: none; } html body #site #site-header .logo-image.big { display: initial; } html body #site #site-header .navigation.w-nav { position: static; } }

@media screen and (min-width: 992px) { html body #site #scroll-content { flex-grow: 1; flex-shrink: 1; overflow: auto; } }

html body #site #site-content { position: relative; }

html body #site #site-content .text-purple { color: #5d0983 !important; }

html body #site #site-content .text-blue { color: #005581 !important; }

html body #site #site-content.page .content { padding: 48px 0; overflow: visible; z-index: 0; }

@media screen and (max-width: 767px) { html body #site #site-content.right .content { width: auto; margin-left: auto; } }

html body #site .margin-bottom { margin-bottom: 1.5rem; }

html body #site p { margin-bottom: 1em; }

html body #site h1, html body #site h2, html body #site h3, html body #site h4, html body #site h5, html body #site h6 { margin: 0 0 1em 0; color: inherit; text-transform: none; }

html body #site .text-center { text-align: center; }

/*# sourceMappingURL=styles.css.map */