@import url(//cloud.webtype.com/css/40d4cf61-ac71-4623-97ed-b79f10380bdb.css);@import url(https://use.typekit.net/dim2bup.css);@import url(//hello.myfonts.net/count/39cead);/*!
Theme Name: Chee Startup
Theme URI: https://github.com/cheestudio/startup
Description: Custom Wordpress Theme Framework
Author: Chee Studio
Author URI: https://cheewebdevelopment.com/
Version: 3.11
*/
.btn { position: relative; display: inline-block; padding: 0; border: none; border-radius: 0 1.5625rem 1.5625rem 1.5625rem; background: none; font-size: 1rem; font-weight: 500; font-family: "neo-sans", sans-serif; letter-spacing: 0.7px; text-align: center; text-decoration: none !important; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; vertical-align: top; white-space: nowrap; color: #fff; }

.btn .btn__content { position: relative; display: block; border: 2px solid; height: 2.75rem; line-height: 2.5rem; overflow: hidden; padding: 0 2.25rem; border-radius: 0 1.5625rem 1.5625rem 1.5625rem; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); background-color: #2c8814; border-color: #2c8814; }

.btn .btn__arrow::before { height: 3px; width: 1rem; background-color: transparent; background-color: #9ca4a7; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }

.btn .btn__arrow::after { right: 0; width: rem(10); height: rem(10); border-top: solid 3px transparent; border-right: solid 3px transparent; border-top-color: #38484e; border-right-color: #38484e; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }

.btn:hover { outline: 0; text-decoration: none; opacity: 1; }

.btn:hover .btn__content { background-color: #38484e; border-color: #38484e; }

.btn:hover .btn__txt { color: #f2ce1b; -webkit-transition: none; transition: none; }

.btn:hover .btn__arrow::before { background-color: #f2ce1b; }

.btn:hover .btn__arrow::after { border-top-color: #f2ce1b; border-right-color: #f2ce1b; }

.btn.module-hover-root:hover .btn__arrow:not(.arrow--no-extend)::before { width: rem(25); }

.btn:focus { outline: 0; text-decoration: none; }

.btn:disabled { cursor: not-allowed; opacity: 0.65; pointer-events: none; }

.btn:active { outline: 0; background-image: none; }

.btn::before { opacity: 0; content: ""; }

a.btn.btn--disabled, button.btn.btn--disabled, fieldset[disabled] a.btn { pointer-events: none; }

.btn--loading { position: relative; }

.btn--loading::before { display: block; position: absolute; content: "\E97B"; left: rem(10); top: 0; color: inherit; font-size: rem(20); font-family: "perc-icons"; line-height: 2; z-index: 1; opacity: 1; -webkit-animation: loadingSpinner 0.66s infinite linear; animation: loadingSpinner 0.66s infinite linear; }

.btn--loading .btn__content { padding-left: rem(38); }

.btn--loading.btn--xs::before { font-size: rem(18); line-height: rem(30); }

.btn--loading.btn--xl::before { top: 7%; }

.btn--text-alt { font-weight: 700; font-family: "neo-sans", sans-serif; line-height: normal; letter-spacing: normal; text-transform: none; }

.btn__text { z-index: 10; position: relative; }

.btn__text.btn__text-rm-z-index { z-index: 0; }

.btn__qty { background-color: #f4f5f5; border-color: #9ca4a7; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 30%; flex-basis: 30%; cursor: pointer; }

.btn__qty.minus { border-right: unset; }

.btn__qty.plus { border-left: unset; }

.btn__icon { z-index: 10; position: relative; top: 1px; display: inline-block; margin-left: 4px; text-align: center; vertical-align: baseline; }

.btn--block { display: block; width: 100%; }

.btn--cloak { font-family: "neo-sans", sans-serif; font-size: inherit; font-weight: 500; text-transform: none; }

.btn--cloak .btn__content { height: auto; line-height: inherit; }

.btn--secondary, .btn--outline, .btn--white, .btn--red { color: #38484e; }

.btn--secondary .btn__content, .btn--outline .btn__content, .btn--white .btn__content, .btn--red .btn__content { background-color: #fff; border: solid 2px; border-color: #38484e; line-height: rem(38); }

.btn--secondary .btn__text, .btn--outline .btn__text, .btn--white .btn__text, .btn--red .btn__text { color: #38484e; }

.btn--secondary .btn__arrow::before, .btn--outline .btn__arrow::before, .btn--white .btn__arrow::before, .btn--red .btn__arrow::before { background-color: #38484e; }

.btn--secondary .btn__arrow::after, .btn--outline .btn__arrow::after, .btn--white .btn__arrow::after, .btn--red .btn__arrow::after { border-top-color: #38484e; border-right-color: #38484e; }

.btn--secondary:hover, .btn--secondary:active, .btn--outline:hover, .btn--outline:active, .btn--white:hover, .btn--white:active, .btn--red:hover, .btn--red:active { color: #fff; }

.btn--secondary:hover .btn__content, .btn--secondary:active .btn__content, .btn--outline:hover .btn__content, .btn--outline:active .btn__content, .btn--white:hover .btn__content, .btn--white:active .btn__content, .btn--red:hover .btn__content, .btn--red:active .btn__content { color: #fff; background-color: #38484e; border: solid 2px; border-color: #38484e; }

.btn--secondary:hover .btn__text, .btn--secondary:active .btn__text, .btn--outline:hover .btn__text, .btn--outline:active .btn__text, .btn--white:hover .btn__text, .btn--white:active .btn__text, .btn--red:hover .btn__text, .btn--red:active .btn__text { color: #fff; }

.btn--secondary:hover .btn__arrow::before, .btn--secondary:hover .btn__arrow .arrow:not(.arrow--no-extend), .btn--secondary:active .btn__arrow::before, .btn--secondary:active .btn__arrow .arrow:not(.arrow--no-extend), .btn--outline:hover .btn__arrow::before, .btn--outline:hover .btn__arrow .arrow:not(.arrow--no-extend), .btn--outline:active .btn__arrow::before, .btn--outline:active .btn__arrow .arrow:not(.arrow--no-extend), .btn--white:hover .btn__arrow::before, .btn--white:hover .btn__arrow .arrow:not(.arrow--no-extend), .btn--white:active .btn__arrow::before, .btn--white:active .btn__arrow .arrow:not(.arrow--no-extend), .btn--red:hover .btn__arrow::before, .btn--red:hover .btn__arrow .arrow:not(.arrow--no-extend), .btn--red:active .btn__arrow::before, .btn--red:active .btn__arrow .arrow:not(.arrow--no-extend) { background-color: #fff; width: rem(15); }

.btn--secondary:hover .btn__arrow::after, .btn--secondary:active .btn__arrow::after, .btn--outline:hover .btn__arrow::after, .btn--outline:active .btn__arrow::after, .btn--white:hover .btn__arrow::after, .btn--white:active .btn__arrow::after, .btn--red:hover .btn__arrow::after, .btn--red:active .btn__arrow::after { border-top-color: #fff; border-right-color: #fff; }

.btn--green:not(.btn--link) { color: #fff; border-radius: 1.5625rem 1.5625rem 1.5625rem 0; }

.btn--green:not(.btn--link) .btn__content { border: 2px solid; border-color: #2c8814; background-color: #2c8814; border-radius: 1.5625rem 1.5625rem 1.5625rem 0; }

.btn--green:not(.btn--link) .btn__text { color: #fff; }

.btn--green:not(.btn--link):hover .btn__content { background-color: transparent; border-color: #2c8814; }

.btn--green:not(.btn--link):hover .btn__text { color: #2c8814; }

.btn--gray-darkest { color: #fff; }

.btn--gray-darkest .btn__content { background-color: #38484e; border: solid 2px; border-color: #38484e; line-height: rem(38); }

.btn--gray-darkest .btn__text { color: #fff; }

.btn--gray-darkest .btn__arrow::before { background-color: #fff; }

.btn--gray-darkest .btn__arrow::after { border-top-color: #fff; border-right-color: #fff; }

.btn--gray-darkest:hover, .btn--gray-darkest:active { color: #38484e; }

.btn--gray-darkest:hover .btn__content, .btn--gray-darkest:active .btn__content { color: #38484e; background-color: #fff; border-color: #38484e; }

.btn--gray-darkest:hover .btn__text, .btn--gray-darkest:active .btn__text { color: #38484e; }

.btn--gray-darkest:hover .btn__arrow::before, .btn--gray-darkest:hover .btn__arrow.arrow:not(.arrow--no-extend), .btn--gray-darkest:active .btn__arrow::before, .btn--gray-darkest:active .btn__arrow.arrow:not(.arrow--no-extend) { background-color: #38484e; width: rem(15); }

.btn--gray-darkest:hover .btn__arrow::after, .btn--gray-darkest:active .btn__arrow::after { border-top-color: #38484e; border-right-color: #38484e; }

.btn--link .btn__content { border: none; padding-left: 0; background-color: transparent; }

.btn--link .btn__caret::before { position: relative; top: 2px; }

.btn--link:hover { color: #1e6eae; }

.btn--link:hover .btn__content { border: none; color: #1e6eae; background-color: transparent; }

.btn--link.btn--red:hover .btn__text, .btn--link.btn--outline:hover .btn__text { color: #38484e; }

.btn--link.btn--teal .btn__content { color: #008485; }

.btn--link.btn--teal:hover .btn__content { color: #005152; }

.btn--link.btn--green .btn__content { color: #2c8814; }

.btn--link.btn--green:hover .btn__content { color: #1e5c0d; }

.btn--link.btn--blue .btn__content { color: #1e6eae; }

.btn--link.btn--blue:hover .btn__content { color: #1e5c0d; }

.btn--link.btn--has-arrow .btn__arrow::before { background-color: #38484e; }

.btn--link.btn--has-arrow .btn__arrow::after { border-top-color: #38484e; border-right-color: #38484e; }

.btn--link.btn--has-arrow.btn--red .btn__arrow::before, .btn--link.btn--has-arrow.btn--outline .btn__arrow::before { background-color: #38484e; }

.btn--link.btn--has-arrow.btn--red .btn__arrow::after, .btn--link.btn--has-arrow.btn--outline .btn__arrow::after { border-top-color: #38484e; border-right-color: #38484e; }

.btn--link.btn--has-arrow.btn--teal .btn__arrow::before { background-color: #008485; }

.btn--link.btn--has-arrow.btn--teal .btn__arrow::after { border-top-color: #008485; border-right-color: #008485; }

.btn--link.btn--has-arrow.btn--blue .btn__arrow::before { background-color: #1e6eae; }

.btn--link.btn--has-arrow.btn--blue .btn__arrow::after { border-top-color: #1e6eae; border-right-color: #1e6eae; }

.btn--link.btn--has-arrow.btn--green .btn__arrow::before { background-color: #2c8814; }

.btn--link.btn--has-arrow.btn--green .btn__arrow::after { border-top-color: #2c8814; border-right-color: #2c8814; }

.btn--xs, .form__input-group--xs .btn { font-size: rem(13); }

.btn--xs .btn__content, .form__input-group--xs .btn .btn__content { height: rem(30); line-height: rem(26); }

.btn--sm, .form__input-group--sm .btn { font-size: rem(14); }

.btn--sm .btn__content, .form__input-group--sm .btn .btn__content { height: rem(36); line-height: rem(32); }

/* md is default
.btn--md,
.form__input-group--md .btn {
} */
.btn--lg, .form__input-group--lg .btn { font-size: rem(18); }

.btn--lg .btn__content, .form__input-group--lg .btn .btn__content { height: rem(46); line-height: rem(42); }

.btn--xl, .form__input-group--xl .btn { font-size: rem(18); }

.btn--xl .btn__content, .form__input-group--xl .btn .btn__content { height: rem(50); line-height: rem(46); }

.btn--xxl, .form__input-group--xxl .btn { font-size: rem(30); }

.btn--xxl .btn__content, .form__input-group--xxl .btn .btn__content { height: rem(54); line-height: rem(50); }

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

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

blockquote, q { quotes: none; }

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

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

/* Containers
========================================================= */
.container { max-width: 1130px; margin: 0 auto; padding: 0 15px; }

/* Fonts
========================================================= */
/* Color VARs
========================================================= */
/* BG Image
========================================================= */
/* Global Row Padding
========================================================= */
/* Global Transition ( 400, all, ease-in-out )
========================================================= */
/* Font Awesome 5 ( needs content specified )
========================================================= */
/* Button ( color, background, border )
========================================================= */
button, .button, input[type="submit"] { cursor: pointer; display: inline-block; padding: 10px 40px; text-align: center; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: baseline; -webkit-appearance: none; font-size: 20px; border: none; }

/* Core Global Styles
========================================================= */
*, * * { -webkit-box-sizing: border-box; box-sizing: border-box; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; outline: 0; }

::-moz-selection { background: #0060ab; color: white; }

::selection { background: #0060ab; color: white; }

::-moz-selection { background: #0060ab; color: white; }

a { text-decoration: none; }

a:focus { outline: 0; }

a:active, a:hover { outline: 0; }

a[href^="tel"] { color: inherit; text-decoration: none; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: normal; font-family: "Geogrotesque-SmBd"; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-bottom: 1px solid #ccc; margin: 25px 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 80%; }

sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 10px 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; }

svg:not(:root) { overflow: hidden; }

figure, form { margin: 0; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; border: none; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"] { cursor: pointer; *overflow: visible; }

input[type="reset"], input[type="submit"] { cursor: pointer; *overflow: visible; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

/* Buttons
========================================================= */
button, .button, input[type="submit"] { background-color: #cc2647; color: white; text-transform: uppercase; position: relative; overflow: hidden; font-family: "neo-sans", sans-serif; }

button:before, .button:before, input[type="submit"]:before { z-index: 0; position: absolute; content: ""; top: 0; left: -20px; right: 0; bottom: 0; width: 200%; -webkit-transform: skewX(-26deg) translate(-100%); transform: skewX(-26deg) translate(-100%); -webkit-transition: all 0.66s; transition: all 0.66s; background-color: #004aea; }

button .btn__content, .button .btn__content, input[type="submit"] .btn__content { display: block; overflow: hidden; position: relative; }

button:hover, .button:hover, input[type="submit"]:hover { color: #fff; }

button:hover:before, .button:hover:before, input[type="submit"]:hover:before { -webkit-transform: skewX(-26deg) translate(-10%); transform: skewX(-26deg) translate(-10%); }

.button::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

.button:focus, button:focus { outline: 0; }

.button[disabled], button[disabled] { border: 0; background-image: none; opacity: 0.4; cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; }

/* Tables
========================================================= */
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #cbcbcb; }

table caption { color: black; font: italic 85% / 1 arial, sans-serif; padding: 1em 0; text-align: center; }

table td, table th { border-left: 1px solid #cbcbcb; border-width: 0 0 0 1px; font-size: inherit; margin: 0; overflow: visible; padding: 6px 12px; }

table td:first-child, table th:first-child { border-left-width: 0; }

table thead { background: #e0e0e0; color: black; text-align: left; vertical-align: bottom; }

table td { background-color: transparent; }

.table-bordered td { border-bottom: 1px solid #cbcbcb; }

.table-bordered tbody > tr:last-child td { border-bottom-width: 0; }

.table-horizontal tbody > tr:last-child td { border-bottom-width: 0; }

.table-horizontal td, .table-horizontal th { border-width: 0 0 1px; border-bottom: 1px solid #cbcbcb; }

.table-horizontal tbody > tr:last-child td { border-bottom-width: 0; }

/* Responsive Images
========================================================= */
img { max-width: 100%; height: auto; }

/* Responsive Video Embeds
========================================================= */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* WordPress
========================================================= */
.aligncenter { margin: 15px auto; display: block; }

.alignleft { float: left; margin: 0 15px 15px 0; }

@media (max-width: 767px) { .alignleft { float: none; margin: 15px auto; display: block; } }

.alignright { float: right; margin: 0 0 15px 15px; }

@media (max-width: 767px) { .alignright { float: none; margin: 15px auto; display: block; } }

.wp-caption { background: #fff; border: 1px solid #ccc; padding: 5px; text-align: center; }

@media (max-width: 1024px) { .wp-caption { width: auto !important; } }

.wp-caption p { font-size: 11px; margin: 10px 0; font-style: italic; }

.post-nav { overflow: hidden; margin: 0 0 25px 0; float: none; }

.post-nav .pager { padding: 0; display: block; }

.post-nav .pager li a { padding: 0 5px; }

.post-nav .pager li.previous { float: left; }

.post-nav .pager li.next { float: right; }

.page-404 { text-align: center; }

/* Fonts
========================================================= */
/* @import must be at top of file, otherwise CSS will not work */
@font-face { font-family: "DecimaNovaPro-Bold"; src: url("/assets/fonts/39CEAD_0_0.eot"); src: url("/assets/fonts/39CEAD_0_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/39CEAD_0_0.woff2") format("woff2"), url("/assets/fonts/39CEAD_0_0.woff") format("woff"), url("/assets/fonts/39CEAD_0_0.ttf") format("truetype"); }

@font-face { font-family: "DecimaNovaPro-Heavy"; src: url("/assets/fonts/39CEAD_1_0.eot"); src: url("/assets/fonts/39CEAD_1_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/39CEAD_1_0.woff2") format("woff2"), url("/assets/fonts/39CEAD_1_0.woff") format("woff"), url("/assets/fonts/39CEAD_1_0.ttf") format("truetype"); }

@font-face { font-family: "Geogrotesque-Md"; src: url("/assets/fonts/39CEAD_2_0.eot"); src: url("/assets/fonts/39CEAD_2_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/39CEAD_2_0.woff2") format("woff2"), url("/assets/fonts/39CEAD_2_0.woff") format("woff"), url("/assets/fonts/39CEAD_2_0.ttf") format("truetype"); }

@font-face { font-family: "Geogrotesque-Rg"; src: url("/assets/fonts/39CEAD_3_0.eot"); src: url("/assets/fonts/39CEAD_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/39CEAD_3_0.woff2") format("woff2"), url("/assets/fonts/39CEAD_3_0.woff") format("woff"), url("/assets/fonts/39CEAD_3_0.ttf") format("truetype"); }

@font-face { font-family: "Geogrotesque-RgIt"; src: url("/assets/fonts/39CEAD_4_0.eot"); src: url("/assets/fonts/39CEAD_4_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/39CEAD_4_0.woff2") format("woff2"), url("/assets/fonts/39CEAD_4_0.woff") format("woff"), url("/assets/fonts/39CEAD_4_0.ttf") format("truetype"); }

@font-face { font-family: "Geogrotesque-SmBd"; src: url("/assets/fonts/39CEAD_5_0.eot"); src: url("/assets/fonts/39CEAD_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/39CEAD_5_0.woff2") format("woff2"), url("/assets/fonts/39CEAD_5_0.woff") format("woff"), url("/assets/fonts/39CEAD_5_0.ttf") format("truetype"); }

/* Headings
========================================================= */
h1, h2, h3, h4, h5, h6 { line-height: normal; margin: 0 0 20px 0; font-family: "neo-sans", sans-serif; }

h1 { font-size: 45px; line-height: 55px; }

h2 { font-size: 40px; line-height: 50px; }

h3 { font-size: 32px; line-height: 36px; }

h4 { font-size: 30px; line-height: 30px; font-weight: 900; }

h5 { font-size: 25px; line-height: 25px; }

h6 { font-size: 15px; line-height: 15px; text-transform: uppercase; }

/* Body
========================================================= */
body { font-family: "neo-sans", sans-serif; color: #0060ab; }

main p, main li { font-size: 20px; line-height: 1.375; }

em { font-style: italic; }

a, a[href^="tel"] { color: inherit; }

a:hover, a[href^="tel"]:hover { color: #cc2647; }

p { margin-bottom: 20px; }

@media (max-width: 767px) { br { display: none; } }

/* Reusable Flex Classes (to save flexbox prefix bloat)
========================================================= */
.flex:not(.hidden) { display: -webkit-box; display: -ms-flexbox; display: flex; }

.jcsb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.jcfs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.aic { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.aifs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

/** Allows you to use retina images at various pixel densities. Examples: @include retina(/images/mypic.jpg, 2); @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent); @param  {Value}  $path               The path to the file name minus extension. @param  {Number} $cap:    2          The highest pixel density level images exist for. @param  {Value}  $size:   auto auto  The intended width of the rendered image. @param  {Value}  $extras: null       Any other `background` values to be added. */
/* Global Styles
========================================================= */
@-webkit-keyframes forklift { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes forklift { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@-webkit-keyframes forkliftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); } }

@keyframes forkliftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); } }

@-webkit-keyframes idle { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-1px); transform: translateY(-1px); }
  0% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes idle { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-1px); transform: translateY(-1px); }
  0% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes wheels { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  0% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes wheels { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  0% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes boxlift { 0% { -webkit-transform: translateY(175px); transform: translateY(175px); }
  50% { -webkit-transform: translateY(-100px); transform: translateY(-100px); }
  100% { -webkit-transform: translateY(175px); transform: translateY(175px); } }

@keyframes boxlift { 0% { -webkit-transform: translateY(175px); transform: translateY(175px); }
  50% { -webkit-transform: translateY(-100px); transform: translateY(-100px); }
  100% { -webkit-transform: translateY(175px); transform: translateY(175px); } }

@-webkit-keyframes slideIn { 0% { -webkit-transform: translateX(20px); transform: translateX(20px);
    opacity: 0.5; }
  100% { -webkit-transform: translate(0); transform: translate(0);
    opacity: 1; } }

@keyframes slideIn { 0% { -webkit-transform: translateX(20px); transform: translateX(20px);
    opacity: 0.5; }
  100% { -webkit-transform: translate(0); transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes slideOut { 0% { -webkit-transform: translate(0); transform: translate(0);
    opacity: 1; }
  100% { -webkit-transform: translateX(-20px); transform: translateX(-20px);
    opacity: 0.5; } }

@keyframes slideOut { 0% { -webkit-transform: translate(0); transform: translate(0);
    opacity: 1; }
  100% { -webkit-transform: translateX(-20px); transform: translateX(-20px);
    opacity: 0.5; } }

.slideOut { -webkit-animation-name: slideOut; animation-name: slideOut; -webkit-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.tooltipster-fall, .tooltipster-grow.tooltipster-show { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-base { display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: none; position: absolute; }

.tooltipster-box { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.tooltipster-content { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto; }

.tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; }

.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; }

.tooltipster-fade.tooltipster-show { opacity: 1; }

.tooltipster-grow { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall { -webkit-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial { top: 0 !important; }

.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; }

.tooltipster-slide { -webkit-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial { left: -40px !important; }

.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; }

@-webkit-keyframes tooltipster-fading { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes tooltipster-fading { 0% { opacity: 0; }
  100% { opacity: 1; } }

.tooltipster-update-fade { -webkit-animation: tooltipster-fading .4s; animation: tooltipster-fading .4s; }

@-webkit-keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }

@keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }

.tooltipster-update-rotate { -webkit-animation: tooltipster-rotating .6s; animation: tooltipster-rotating .6s; }

@-webkit-keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

.tooltipster-update-scale { -webkit-animation: tooltipster-scaling .6s; animation: tooltipster-scaling .6s; }

.tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid #000; border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; }

.tooltipster-sidetip .tooltipster-content { color: #fff; line-height: 18px; padding: 6px 14px; }

.tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: 0; width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; top: 0; width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; top: 0; width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; }

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; }

.tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0; top: 3px; display: none; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0; top: -3px; }

.tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #ececec; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #000; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #000; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #000; }

.tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; }

.tooltip { font-family: 'DecimaNova-Bold'; font-style: normal; position: relative; display: inline-block; width: 10px; height: 10px; line-height: 12px; text-align: center; background: #808185; color: #fff; border-radius: 50%; top: -1px; margin-left: 5px; text-transform: lowercase; font-size: 8px; cursor: pointer; }

.tooltip:hover { background: #002f87; }

.tooltipster-sidetip .tooltipster-box { background: #EFEFEF; border: 1px solid #DADADA; border-radius: 0px; }

.tooltipster-sidetip .tooltipster-box .tooltipster-content { color: #333; padding: 10px 10px 7px; }

.tooltipster-sidetip .tooltipster-box .tooltipster-content p, .tooltipster-sidetip .tooltipster-box .tooltipster-content .modal__inner__content form .legal-consent-container .hs-richtext, .modal__inner__content form .legal-consent-container .tooltipster-sidetip .tooltipster-box .tooltipster-content .hs-richtext { margin: 0; font-size: 13px; }

.tooltipster-sidetip .tooltipster-box .tooltipster-content p strong, .tooltipster-sidetip .tooltipster-box .tooltipster-content .modal__inner__content form .legal-consent-container .hs-richtext strong, .modal__inner__content form .legal-consent-container .tooltipster-sidetip .tooltipster-box .tooltipster-content .hs-richtext strong { font-family: 'DecimaNova-Bold'; font-style: normal; display: block; margin-bottom: 2px; }

.tooltipster-sidetip .tooltipster-arrow { bottom: -1px !important; width: 50px; }

.tooltipster-sidetip .tooltipster-arrow-background { border-top-color: #EFEFEF !important; top: -2px !important; }

.tooltipster-sidetip .tooltipster-arrow-border { border-top-color: #DADADA !important; }

.tooltip_templates { display: none; }

#quiz-intro { max-width: 100%; background: url("/assets/img/58793_ForkliftTriviaChallenge_OpeningClosing.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10; overflow: hidden; padding: 30px 70px 50px 70px; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { #quiz-intro { padding-left: 20px; padding-right: 20px; } }

#quiz-intro:after { content: ""; position: absolute; top: 0; left: 0; background: #0060ab; opacity: 0.8; width: 100%; height: 100%; z-index: 0; }

#quiz-intro .quiz-section--content { position: relative; z-index: 10; text-align: center; }

@media (max-width: 767px) { #quiz-intro .quiz-section--content { min-height: 400px; } }

#quiz-intro .quiz-section--content * { color: #fff; }

#quiz-intro .quiz-section--content p { font-family: "neo-sans", sans-serif; }

#quiz-intro .quiz-intro-footer { width: 100%; }

#quiz-intro .quiz-intro-footer button { margin: 0 auto; }

.forklift-intro h1, .forklift-intro h6, .forklift-intro p { color: #fff; }

.forklift-intro h1 { margin-bottom: 0; }

.forklift-intro--headers { margin-bottom: 25px; }

.forklift-intro--headers h1 { margin-bottom: 5px; line-height: 1; }

.forklift-intro--headers h6 { font-size: 20px; line-height: 23px; }

.forklift-intro--animation { position: relative; margin-top: 25px; }

.forklift-intro--animation:before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: #2c8814; width: 100px; height: 6px; margin: 0 auto; }

#forklift-svg { width: 350px; height: 350px; margin-top: 25px; margin-left: auto; margin-right: auto; -webkit-transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

@media (max-width: 767px) { #forklift-svg { width: 280px; height: 100%; } }

#forklift-svg .box-wrap { -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

#forklift-svg .box { -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform: translateY(175px); transform: translateY(175px); }

#forklift-svg.roll { -webkit-animation: forklift 3s ease-in-out 0s 1 forwards; animation: forklift 3s ease-in-out 0s 1 forwards; }

#forklift-svg.idle .chassis { -webkit-animation: idle 100ms ease-in-out 0s infinite forwards; animation: idle 100ms ease-in-out 0s infinite forwards; }

#forklift-svg.idle .box { -webkit-animation: boxlift 10s ease-in-out 0s infinite forwards; animation: boxlift 10s ease-in-out 0s infinite forwards; }

#forklift-svg.rollOut { -webkit-animation: forkliftOut 3s ease-in-out 0s 1 forwards; animation: forkliftOut 3s ease-in-out 0s 1 forwards; }

#forklift-svg.rollOut .wheel { -webkit-animation: wheels 50ms ease-in-out 0s infinite forwards; animation: wheels 50ms ease-in-out 0s infinite forwards; }

#forklift-animation-copy { max-width: 440px; margin: 0 auto; top: 40px; left: 0; right: 0; position: absolute; opacity: 0; -webkit-transform: translateY(2px) scale(0.99); transform: translateY(2px) scale(0.99); visibility: hidden; }

#forklift-animation-copy.fadeIn { -webkit-transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1); opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); visibility: visible; }

@media (max-width: 767px) { #forklift-animation-copy p { font-size: 17px; line-height: 21px; } }

#intro-button, #start-game-button { opacity: 0; -webkit-transform: translateY(2px) scale(0.99); transform: translateY(2px) scale(0.99); visibility: hidden; }

#intro-button.fadeIn, #start-game-button.fadeIn { -webkit-transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1); opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); visibility: visible; }

#intro-button-tradeshow { opacity: 0; -webkit-transform: translateY(2px) scale(0.99); transform: translateY(2px) scale(0.99); visibility: hidden; }

#intro-button-tradeshow.fadeIn { opacity: 1; visibility: visible; }

/* Main App Layout
========================================================= */
main { position: relative; z-index: 10; }

#main-wrap { max-width: 100%; position: relative; z-index: 10; overflow: hidden; }

#quiz-content { background-color: #fff; padding: 50px 70px; min-height: 700px; position: relative; overflow-x: hidden; }

@media (max-width: 600px) { #quiz-content { padding-top: 110px; } }

@media (max-width: 767px) { #quiz-content { padding-left: 20px; padding-right: 20px; } }

.secret-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.secret-buttons .start-over-button-container { min-height: 49px; }

.mobile-header { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; background-color: #0060ab; padding: 15px; z-index: 100; }

.mobile-header--logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mobile-header--logo span { font-size: 24px; line-height: 1; color: #fff; border-left: 1px solid #8f8f8f; padding-left: 15px; margin-left: 10px; font-family: "neo-sans", sans-serif; }

@media (max-width: 480px) { .mobile-header--logo span { max-width: 80px; font-size: 16px; } }

.mobile-header--link { display: -webkit-box; display: -ms-flexbox; display: flex; }

.mobile-header--link .button { font-size: 16px; padding: 14px 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mobile-header--link .button svg { width: 20px; height: 15px; margin-right: 10px; position: relative; top: -2px; }

.mobile-header--link .button span { position: relative; z-index: 10; }

@media (max-width: 600px) { .mobile-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.quiz-section { position: absolute; width: 100%; z-index: 1; }

.quiz-overview { margin-bottom: 20px; }

.quiz-overview label { font-size: 14px; text-transform: uppercase; margin-bottom: 10px; display: block; font-family: "neo-sans", sans-serif; }

.quiz-overview--category { -webkit-box-flex: 0; -ms-flex: 0 1 48%; flex: 0 1 48%; }

@media (max-width: 480px) { .quiz-overview--category { -ms-flex-preferred-size: 150px; flex-basis: 150px; } }

@media (max-width: 320px) { .quiz-overview--category { -ms-flex-preferred-size: 100px; flex-basis: 100px; } }

.quiz-overview--question, .quiz-overview--score { -webkit-box-flex: 0; -ms-flex: 0 1 23%; flex: 0 1 23%; }

@media (max-width: 767px) { .quiz-overview--question, .quiz-overview--score { -ms-flex-preferred-size: 80px; flex-basis: 80px; } }

.quiz-overview--score { position: relative; }

.quiz-overview--score:hover span { opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; visibility: visible !important; }

.quiz-overview--score label { display: -webkit-box; display: -ms-flexbox; display: flex; }

.quiz-overview--score .score-tooltip { font-size: 11px; line-height: 0; color: #fff; width: 14px; height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #0060ab; margin-left: 5px; cursor: help; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); }

.quiz-overview--score .score-tooltip:hover { background-color: #cc2647; }

.quiz-overview--score input[disabled] { color: #0060ab; }

.quiz-overview input { width: 100%; }

.progress-data-input { background-color: #ced2d3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 42px; text-align: center; font-family: "neo-sans", sans-serif; font-weight: 900; font-size: 20px; }

.quiz-categories--loop, .quiz-points--loop { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

/* Categories and Points */
.quiz-selection-entry { background-color: #2b7bbb; padding: 30px; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 125px; position: relative; }

@media (max-width: 767px) { .quiz-selection-entry { padding: 0; } }

.quiz-selection-entry:after { content: ""; position: absolute; top: 0; left: 0; background: rgba(43, 123, 187, 0.7); width: 100%; height: 100%; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); z-index: 0; }

@media (max-width: 767px) { .quiz-selection-entry { min-height: 40vw; } }

.quiz-selection-entry:hover:after { background: rgba(0, 96, 171, 0.7); }

.quiz-selection-entry--title { position: relative; font-family: "neo-sans", sans-serif; text-transform: uppercase; font-size: 30px; color: #fff; z-index: 10; }

@media (max-width: 767px) { .quiz-selection-entry--title { font-size: 27px; } }

.quiz-selection-entry.disabled:before { content: ""; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); z-index: 0; }

.quiz-selection-entry.disabled:after { background: rgba(43, 123, 187, 0.2); }

.category-entry { -webkit-box-flex: 0; -ms-flex: 0 1 32%; flex: 0 1 32%; display: block; text-align: center; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 1025px) { .category-entry { max-width: 32%; } }

@media (max-width: 767px) { .category-entry { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

.point-value-entry { -webkit-box-flex: 0; -ms-flex: 0 1 22%; flex: 0 1 22%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 150px; margin-bottom: 10px; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media (min-width: 1025px) { .point-value-entry { max-width: 22%; } }

@media (max-width: 767px) { .point-value-entry { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

.point-value-entry--title { position: relative; color: #fff; font-size: 80px; font-family: "neo-sans", sans-serif; z-index: 10; }

@media (max-width: 767px) { .point-value-entry--title { font-size: 75px; } }

.question-layout { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.question-layout--image { margin-right: 30px; position: relative; }

.question-layout--image img { display: block; }

@media (max-width: 800px) { .question-layout--image { margin-right: 0; height: 150px; overflow: hidden; margin-bottom: 25px; }
  .question-layout--image img { width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.question-layout--image__points { position: absolute; bottom: 10px; right: 10px; font-family: "neo-sans", sans-serif; color: #fff; font-size: 45px; z-index: 1; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.8); }

.question-layout--questions { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (max-width: 800px) { .question-layout.flex { display: block; } }

/* Footer/Continue Buttons */
.quiz-intro-footer { text-align: center; }

.question-interactivity-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 190px; margin-right: 0; margin-top: 0; margin-left: auto; -webkit-box-flex: 0; -ms-flex: 0 1 410px; flex: 0 1 410px; }

@media (min-width: 768px) { .question-interactivity-container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

@media (max-width: 767px) { .question-interactivity-container { margin-left: auto; margin-right: auto; } }

.question-interactivity-container button { margin-bottom: 10px; }

.question-interactivity-container button.noAnswersSelected { opacity: 0.5; cursor: not-allowed; }

.question-interactivity-container button.noAnswersSelected:hover ~ #continue-button-popup { display: block !important; }

#continue-button-popup { font-size: 14px; font-style: italic; font-weight: 500; color: #cc2647; margin-bottom: 20px; }

#back-button { font-size: 17px; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); font-weight: 600; font-family: "neo-sans", sans-serif; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #2b7bbb; }

#back-button svg { -webkit-box-flex: 0; -ms-flex: 0 1 15px; flex: 0 1 15px; margin-right: 5px; }

#back-button svg polygon { -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); }

#back-button:hover { color: #cc2647; }

#back-button:hover svg polygon { fill: #cc2647; }

/* Questions */
.question-section--title { margin-bottom: 25px; color: #0060ab; line-height: 1.375; font-size: 18px; }

@media (max-width: 767px) { .question-section--title.arrow { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .question-section--title.arrow:before { margin-top: 5px; } }

.question-entry--answer { margin-top: 25px; }

@media (max-width: 800px) { .question-entry--answer { text-align: center; } }

@media (min-width: 910px) { #answer-results { min-height: 50px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } }

#answer-multi-points { -webkit-box-flex: 0; -ms-flex: 0 1 200px; flex: 0 1 200px; }

@media (max-width: 910px) { #answer-multi-points { margin: 20px 0; } }

.question-choice { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 5px; text-align: center; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); color: #fff !important; font-family: "neo-sans", sans-serif; font-size: 16px; font-weight: 500; }

.question-choice--letter, .question-choice--checkbox { padding: 10px 20px; font-size: 35.7px; -webkit-box-flex: 0; -ms-flex: 0 1 60px; flex: 0 1 60px; font-family: "neo-sans", sans-serif; background-color: #2b7bbb; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); margin-right: 5px; }

.question-choice--letter { -webkit-transition: background 90ms cubic-bezier(0.075, 0.82, 0.165, 1), font 100ms ease-out; transition: background 90ms cubic-bezier(0.075, 0.82, 0.165, 1), font 100ms ease-out; }

.question-choice i { display: block; background: url("/assets/img/icon-correct.svg") no-repeat; background-size: contain; background-position: center; width: 25px; height: 25px; margin: 0 auto; opacity: 0; -webkit-transform: translate(-2px, 5px) scale(0.85) rotate(5deg); transform: translate(-2px, 5px) scale(0.85) rotate(5deg); -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.question-choice--checkbox { background-color: #fff; padding: 0; height: 60px; border: 5px solid #2b7bbb; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.question-choice--content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; background-color: #2b7bbb; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); }

.question-choice:hover .question-choice--content, .question-choice:hover .question-choice--letter, .question-choice.selected .question-choice--content, .question-choice.selected .question-choice--letter { background-color: #0060ab; color: #fff; }

.question-choice:hover .question-choice--checkbox { border-color: #0060ab; }

.question-choice.selected .question-choice--checkbox { background-color: #0060ab; border-color: #0060ab; }

.question-choice.selected .question-choice--checkbox i { opacity: 1; -webkit-transform: translate(0) scale(1) rotate(0); transform: translate(0) scale(1) rotate(0); }

.question-choice.selected .question-choice--letter { font-size: 45px; }

.question-choice.answered { cursor: default; }

.question-choice.answered .question-choice--letter { padding: 15px 10px; }

.question-choice.answered .question-choice--content { background-color: #ced2d3; color: #0060ab; }

.question-choice.answered.correct i { background-image: url("/assets/img/icon-correct.svg"); opacity: 1; -webkit-transform: translate(0) scale(1) rotate(0); transform: translate(0) scale(1) rotate(0); }

.question-choice.answered.correct .question-choice--checkbox, .question-choice.answered.correct .question-choice--letter { background-color: #2b7bbb; border-color: #2b7bbb; }

.question-choice.answered.incorrect i { background-image: url("/assets/img/icon-incorrect.svg"); opacity: 1; -webkit-transform: translate(0) scale(1) rotate(0); transform: translate(0) scale(1) rotate(0); }

.question-choice.answered.incorrect .question-choice--checkbox, .question-choice.answered.incorrect .question-choice--letter { background-color: #cc2647; border-color: #cc2647; }

.answer-byline { margin-bottom: 20px; font-size: 14px; }

.answer-byline strong { font-family: "neo-sans", sans-serif; font-weight: 400; }

.question-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); font-size: 18px; font-weight: 500; margin-bottom: 5px; }

.question-result--status-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 5px solid #fff; -webkit-box-flex: 0; -ms-flex: 0 1 71px; flex: 0 1 71px; padding: 20px; }

.question-result--status-icon i { display: block; width: 20px; height: 30px; border: solid #fff; border-width: 0 8px 8px 0; -webkit-transform: rotate(25deg); transform: rotate(25deg); }

.question-result--status-copy { background-color: #ced2d3; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.question-result--correct .question-result--status-icon { background-color: #0060ab; }

.question-result--incorrect .question-result--status-icon { background-color: #cc2647; }

.question-result--incorrect .question-result--status-icon i { opacity: 0; }

/* Answers */
.answer-details { font-size: 14px; line-height: 1.375; font-weight: 500; }

#answer-multi-points { font-size: 28px; font-family: "neo-sans", sans-serif; }

#answer-multi-points span { color: #cc2647; }

/* Total Tally/Outro */
.quiz-engage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.quiz-engage .share-score { margin-left: 25px; }

.quiz-engage .share-score i { font-size: 50px; }

.quiz-engage .share-score--icons { margin-top: 30px; }

.quiz-engage .share-score--icons a { color: #2b7bbb; }

.quiz-engage .share-score--icons a:hover { color: #cc2647; }

.quiz-engage .share-score--icons a:not(:last-child) { margin-right: 25px; }

.quiz-engage .final-score, .quiz-engage .share-score { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; }

#quiz-results { left: 0; right: 0; padding: 0 50px; }

@media (max-width: 767px) { #quiz-results { padding-left: 20px; padding-right: 20px; } }

.quiz-results--center--left-col, .quiz-results--left-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 50px; }

.quiz-results--center--right-col, .quiz-results--right-col { -webkit-box-flex: 0; -ms-flex: 0 1 55%; flex: 0 1 55%; }

.quiz-results--center--center-col, .quiz-results--center-col { margin: 0 auto; text-align: center; }

.quiz-results--center--center-col .quiz-engage, .quiz-results--center-col .quiz-engage { display: inline; }

@media (max-width: 767px) { .quiz-results--center .quiz-section--content, .quiz-results .quiz-section--content { display: block; } }

.quiz-results--center--outro-copy, .quiz-results--outro-copy { line-height: 1.375; }

.quiz-results--center { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.quiz-results--center .quiz-section--content { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.final-score { margin-bottom: 50px; }

.final-score--value { background-color: #2b7bbb; color: #fff; padding: 10px 10px 3px 10px; display: inline-block; font-family: "neo-sans", sans-serif; font-size: 58px; line-height: 58px; }

div[id^="hbspt-form-"] ul { padding: 0; margin: 0; list-style: none; }

div[id^="hbspt-form-"] li { position: relative; }

div[id^="hbspt-form-"] label { font-size: 0.9rem; font-family: "DecimaNovaPro-Bold"; color: #0060ab; margin-bottom: 7px; display: block; }

div[id^="hbspt-form-"] .hs-form-field { margin-bottom: 20px; }

div[id^="hbspt-form-"] .hs-fieldtype-select .input { position: relative; }

div[id^="hbspt-form-"] .hs-fieldtype-select .input:after { z-index: 10; position: absolute; content: ""; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; font-size: 24px; font-family: perc-icons; text-align: center; color: #fff; background: url("/assets/img/caret-down.svg") center no-repeat #004aea; background-size: 13px; pointer-events: none; }

div[id^="hbspt-form-"] input[type="text"], div[id^="hbspt-form-"] input[type="email"], div[id^="hbspt-form-"] select { z-index: 10; position: relative; display: block; width: 100%; height: 40px; padding: 0 15px; color: #333; font-size: 1rem; font-weight: 400; font-family: inherit; line-height: 40px; border: 1px solid #979797; border-radius: 0; background-clip: padding-box; background-image: none; background-color: #fff; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-box-shadow: 0 0 0 #d1d0d0; box-shadow: 0 0 0 #d1d0d0; }

div[id^="hbspt-form-"] input[type="text"]:hover, div[id^="hbspt-form-"] input[type="email"]:hover, div[id^="hbspt-form-"] select:hover { -webkit-box-shadow: 10px 10px 0 #d1d0d0; box-shadow: 10px 10px 0 #d1d0d0; }

div[id^="hbspt-form-"] input[type="text"]:focus, div[id^="hbspt-form-"] input[type="email"]:focus, div[id^="hbspt-form-"] select:focus { color: #333; outline: 0; -webkit-box-shadow: 1px 1px 0px white, 10px 10px 0 #2b7bbb; box-shadow: 1px 1px 0px white, 10px 10px 0 #2b7bbb; }

div[id^="hbspt-form-"] .hs-richtext { display: none; }

div[id^="hbspt-form-"] .hs-form-booleancheckbox-display p { margin-left: 0 !important; }

div[id^="hbspt-form-"] .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 35px !important; line-height: 20px; }

div[id^="hbspt-form-"] .hbspt-form .hs-form .inputs-list .hs-form-booleancheckbox-display, div[id^="hbspt-form-"] .hbspt-form .hs-form .inputs-list .hs-form-checkbox-display, div[id^="hbspt-form-"] .hbspt-form .hs-form .inputs-list .hs-form-radio-display, div[id^="hbspt-form-"] .order-product__checkbox { position: relative; display: block; margin-top: 8px; padding-left: 43px; font-size: 1.125rem; font-family: "neo-sans", sans-serif; font-weight: 400; line-height: 1.25; cursor: pointer; }

div[id^="hbspt-form-"] .hs-form-booleancheckbox-display { margin-bottom: 30px; }

div[id^="hbspt-form-"] .hs-form-booleancheckbox-display p { display: block; margin-top: 0; margin-left: 15px; line-height: 20px; }

div[id^="hbspt-form-"] input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 0; left: 0; width: 24px !important; height: 24px !important; margin-top: 0; margin-left: 0; outline: none; cursor: pointer; border: 1px solid #979797; background-color: #fff; -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); }

div[id^="hbspt-form-"] input[type="checkbox"]:after { z-index: 2; position: absolute; display: block; content: ""; background-image: url("/assets/img/icon-correct.svg"); background-repeat: no-repeat; background-size: 60%; background-position: center; top: -1px; left: -1px; width: 24px; height: 24px; line-height: 24px; font-size: 22px; color: #fff; text-align: center; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); }

div[id^="hbspt-form-"] input[type="checkbox"]:checked:after, div[id^="hbspt-form-"] .cart-product__checkbox input[type="checkbox"]:checked:after, div[id^="hbspt-form-"] .facetwp-checkbox input[type="checkbox"]:checked:after, div[id^="hbspt-form-"] .form__checkbox input[type="checkbox"]:checked:after, div[id^="hbspt-form-"] .hbspt-form .hs-form .inputs-list .hs-form-booleancheckbox-display input[type="checkbox"]:checked:after, div[id^="hbspt-form-"] .hbspt-form .hs-form .inputs-list .hs-form-checkbox-display input[type="checkbox"]:checked:after, div[id^="hbspt-form-"] .order-product__checkbox input[type="checkbox"]:checked:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); background-color: #2b7bbb; }

div[id^="hbspt-form-"] ul.hs-error-msgs { list-style: none; }

div[id^="hbspt-form-"] .hs-error-msg { color: #cc2647; font-size: 14px; margin: 25px 0; }

div[id^="hbspt-form-"] .hs-button { -webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1); }

div[id^="hbspt-form-"] .hs-button:hover { background-color: #2b7bbb; }

/* Text Elements and Page Components
========================================================= */
/* Misc. Text and Page Components
========================================================= */
.hidden { display: none; }

.disabled { background-color: #F9F9F8; cursor: not-allowed; }

.arrow { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.arrow:before { content: ''; display: block; top: 0; left: 0; width: 0; height: 0; border-style: solid; margin-right: 10px; }

.arrow--right:before { border-width: 8px 0 8px 16px; }

.arrow--right__blue:before { border-color: transparent transparent transparent #2b7bbb; }

.arrow--right__red:before { border-color: transparent transparent transparent #cc2647; }

.triangle { width: 0; height: 0; z-index: 99; position: absolute; }

.start-over:hover { color: white; }

.skip-quiz { display: none; cursor: pointer; text-align: right; display: block; padding: 0px 70px; }

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