/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*****************************************/ /* FONTS */ /*****************************************/ @font-face { font-family: 'Montserrat-Light'; src: url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.eot'); src: url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.woff2') format('woff2'), url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.woff') format('woff'), url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat-Light'; src: url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.eot'); src: url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.woff2') format('woff2'), url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.woff') format('woff'), url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.eot'); src: url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.woff2') format('woff2'), url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.woff') format('woff'), url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.eot'); src: url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.woff2') format('woff2'), url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.woff') format('woff'), url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Montserrat-SemiBold'; src: url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.eot'); src: url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.woff') format('woff'), url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat-SemiBold'; src: url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.eot'); src: url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.woff2') format('woff2'), url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.woff') format('woff'), url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat-ExtraBold'; src: url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.eot'); src: url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.woff') format('woff'), url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat-ExtraBold'; src: url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.eot'); src: url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.woff2') format('woff2'), url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.woff') format('woff'), url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.ttf') format('truetype'); font-weight: 800; font-style: italic; } /* HEADINGS */ h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat-SemiBold', sans-serif !important;} /* PARAGRAPHS AND LISTS */ p, li, ol, blockquote {font-family: 'Montserrat-Light', sans-serif !important;} strong {font-family: 'Montserrat-ExtraBold', sans-serif !important;} /*BLOG HEADINGS */ h1.blog-post__title, .blog-post h2, .blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6 {font-family: 'Montserrat-SemiBold', sans-serif !important;} /* BLOG PARAGRAPHS AND LISTS */ #comments-listing .comment-body p, .blog-post p, .blog-post span, .blog-post li, .blog-post ol {font-family: 'Montserrat-Light', sans-serif !important;} /* CALLS TO ACTION */ .cta-primary, .cta-primary:active, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary, .hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary {font-family: 'Montserrat', sans-serif !important;} .cta-secondary, .cta-secondary:active, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary, .hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary {font-family: 'Montserrat', sans-serif !important;} .cta-tertiary, .cta-tertiary:active, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary, .hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary {font-family: 'Montserrat', sans-serif !important;} /* FORM ELEMENTS */ .hs-button, .button--primary {font-family: 'Montserrat', sans-serif !important;} .submit-alt .hs-button, .submit-alt .button--primary {font-family: 'Montserrat', sans-serif !important;} /* INPUT TEXT FIELD */ form, .submitted-message, select, .hs-input {font-family: 'Montserrat-Light', sans-serif !important;} /* FORM LABEL */ .hs-fieldtype-checkbox > label, .hs-form label {font-family: 'Montserrat', sans-serif !important;} /* CHECKBOX AND RADIO BUTTONS */ .hs_radio_buttons .hs-form-radio label, .hs_single_checkbox label, .hs-form label.hs-form-radio-display span, .hs-fieldtype-checkbox .hs-form-checkbox label, .hs-form-booleancheckbox label {font-family: 'Montserrat', sans-serif !important;} /* HELP TEXT */ .hs-form legend {font-family: 'Montserrat-Light', sans-serif !important;} /* GDPR TEXT */ .legal-consent-container, .legal-consent-container p {font-family: 'Montserrat-Light', sans-serif !important;} /* ERROR MESSAGE */ .hs-error-msgs label {font-family: 'Montserrat-Light', sans-serif !important;} /* HEADER */ .hhs-lang-switch .lang_list_class li a, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {font-family: 'Montserrat-Light', sans-serif !important;} /* FOOTER */ .hhs-foot-rss h5, .hhs-foot-nav-col h5 {font-family: 'Montserrat-SemiBold', sans-serif !important;} .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {font-family: 'Montserrat-Light', sans-serif !important;} /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } } *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } a:hover { text-decoration: none; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; height: auto; max-width: 100%; vertical-align: bottom; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Accesibility ========================================================================== */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .dnd-section > .row-fluid { /*max-width: 1140px; margin-left: auto; margin-right: auto;*/ } .dnd-section .widget-type-cell { padding-left: 0px; padding-right: 0px; } @media (min-width: 768px) { .dnd_area-module-1-vertical-alignment { display: block !important; } } @media (max-width: 767px) { .dnd-section .widget-type-cell { padding-left: 0px; padding-right: 0px; } } body { } p { margin-top: 0; margin-bottom: 1rem; } /* Anchor Links */ a { text-decoration: none; } a:hover, a:focus { text-decoration: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; hyphens: manual; } strong { font-weight: 700; } code { vertical-align: bottom; } ul, ol { margin-top: 1.5rem; margin-bottom: 1.5rem; } ul li, ol li { line-height: 1.5rem; } ul ul, ol ul, ul ol, ol ol { margin-top: 0; margin-bottom: 0; } blockquote { line-height: 1.5rem; margin-top: 1.5rem; margin-bottom: 1.5rem; padding-left: 15px; } /* Horizontal Rules */ hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } /* TODO */ small { } /* TODO */ mark { } sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } :focus { outline: auto; outline-color: green; } .disable-focus-styles :focus { outline: none; } @media (max-width: 767px) { html { font-size: 18.0px } } @media (max-width: 480px) { html { font-size: 14.399999999999999px } } form { max-width: 1000px; /*margin: 0 auto;*/ } .hs-form label { display: block; float: none; width: auto; text-align: left; padding-top: 0; margin-bottom: 4px; } .hs-input { display: inline-block; width: 100%; font-weight: normal; line-height: 22px; box-sizing: border-box; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .hs-input[type=checkbox], .hs-input[type=radio] { cursor: pointer; width: auto; height: auto; padding: 0; margin: 3px 5px 3px 0px; line-height: normal; border: none; } .hs-input[type=file] { background-color: #fff; padding: initial; border: initial; line-height: initial; box-shadow: none; } .hs-input input, .hs-input textarea { transition: border 0.2s linear; } /* MATERIAL CHECKBOXES */ .hs-form .mdl-switch.is-checked .mdl-switch__thumb, .hs-form .mdl-switch.is-checked .mdl-switch__track, .hs-form .mdl-checkbox__ripple-container .mdl-ripple { background: #001330; } .hs-form .mdl-checkbox.is-checked .mdl-checkbox__box-outline { border-color: #001330; } .hs-form .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background: rgb( 0, 19, 48) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K") } .hs-form .mdl-radio__inner-circle, .hs-form.mdl-radio__ripple-container .mdl-ripple, .hs-form .mdl-radio__ripple-container .mdl-ripple { background: #001330; } .hs-form .mdl-radio.is-checked .mdl-radio__outer-circle { border-color: #001330; } .hs_radio_buttons .inputs-list label > span { vertical-align: text-top !important; } textarea.hs-input { height: auto; } select, select.hs-input { background-image: url("https://507386.fs1.hubspotusercontent-na1.net/hubfs/507386/CLEAN-images/gfx/dropdown-arrow.png"); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand, select.hs-input::-ms-expand { display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */ } select[multiple], select[multiple].hs-input { height: inherit; } .hs-error-msgs { border: 1px solid; } .hs-error-msgs label { display: block; margin-bottom: 0; margin-top: 0; } .hs-error-msgs li { color: #da0101 !important; margin-bottom: 0px; } /* Force single column fields to full width inside of fieldsets */ fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) { width: 100% !important; } .actions { padding: 0; } .inputs-list { margin: 0 0 5px; width: 100%; padding-left: 0; } .inputs-list > li { display: block; padding: 0; width: 100%; padding-top: 0; } .inputs-list label { display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; font-weight: normal; } .inputs-list:first-child { display: inline-block; } .inputs-list > li + li { padding-top: 2px; } .inputs-list label > input, .inputs-list label > span { vertical-align: middle; } ul.no-list { list-style: none; } .field { margin-bottom: 18px; } .hs-field-desc { margin: 0px 0px 6px; font-size: 14px; } .hs-form-required { color: red; } .hs-richtext { margin-bottom: 3px; line-height: 1.2; } .hs-richtext hr { text-align: left; margin-left: 0; width: 91%; } .grecaptcha-badge { margin: 0 auto; } .email-correction, .email-validation { padding-top: 3px; font-size: 12px; } .email-correction a, .email-validation a { cursor: pointer; } @media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) { .email-correction form .form-columns-2 .hs-form-field, .email-correction form .form-columns-3 .hs-form-field, .email-validation form .form-columns-2 .hs-form-field, .email-validation form .form-columns-3 .hs-form-field { float: none; width: 100%; } .email-correction form .form-columns-2 .hs-form-field .hs-input, .email-correction form .form-columns-3 .hs-form-field .hs-input, .email-validation form .form-columns-2 .hs-form-field .hs-input, .email-validation form .form-columns-3 .hs-form-field .hs-input { width: 90%; } .email-correction form .form-columns-2 .hs-form-field input[type=checkbox], .email-correction form .form-columns-2 .hs-form-field input[type=radio], .email-correction form .form-columns-3 .hs-form-field input[type=checkbox], .email-correction form .form-columns-3 .hs-form-field input[type=radio], .email-validation form .form-columns-2 .hs-form-field input[type=checkbox], .email-validation form .form-columns-2 .hs-form-field input[type=radio], .email-validation form .form-columns-3 .hs-form-field input[type=checkbox], .email-validation form .form-columns-3 .hs-form-field input[type=radio] { width: 24px; } } .hs-button, .hs-form-field input[type=text], .hs-form-field input[type=email], .hs-form-field input[type=phone], .hs-form-field input[type=number], .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field textarea { -webkit-appearance: none; -moz-appearance: none; } .hs-default-font-element, .hs-main-font-element { font-family: Montserrat; } .hs-menu-wrapper ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .hs-menu-item a { display: block; padding: 0.5rem 1rem; color: rgba(0, 0, 0, 0.5); text-decoration: none; } .hs-menu-item:hover a, .hs-menu-item:focus a { text-decoration: none; color: rgba(0, 0, 0, 0.7); } .hs-menu-item.active a { color: rgba(0, 0, 0, 0.9); } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { white-space: normal !important; } /* TODO: Find a better place for this */ .content-wrapper { max-width: 1140px; padding: 0 20px; margin: 0 auto; } .container-wide { max-width: 1300px; margin: 0 auto; padding: 0 15px; } .blog-header__inner { margin: 0 auto; padding: 180px 0 90px 0; } .blog-header__title { text-align: left; margin-top: 1.1rem !important; } .blog-header__subtitle { margin: 1rem 0 2rem; } .blog-header__form { margin: 0 1rem; } .blog-header-standard { position: relative; } .blog-header-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .blog-header-standard .container, .blog-header-standard .container-slim { z-index: 2; position: relative; } @media screen and (min-width: 768px) { .blog-header__form { margin: 0 auto; } } .blog-index { display: flex; flex-wrap: wrap; padding: 3.3rem 0; } .blog-index:after { content: ""; flex: auto; } .blog-index__tag-header { flex: 1 0 100%; padding: 1rem; } .blog-index__tag-subtitle { font-size: 1.16rem; line-height: 1.1; } .blog-index__tag-heading { padding-bottom: 1rem; border-bottom: 1px solid rgba(0,0,0, 0.2); } .blog-index__post { flex: 0 0 100%; padding: 1rem; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .blog-index__post:hover { transform: scale(1.02); } .blog-index__post--large { margin-bottom: 1rem; padding: 0px; } .blog-index__post--large .blog-index__post-content { padding: 1rem; } .hhs-blog-card-inner { padding: 0px; height: 100%; } .hhs-blog-card-inner .blog-index__post-content { padding: 20px; } .blog-index__post--large h2 a:hover, .blog-index__post--small h2 a:hover { text-decoration: none; } .blog-index__post-content--small { min-height: 210px; } @media screen and (min-width: 768px) { .blog-index__post { flex: 0 0 calc(100%/2); } } @media screen and (min-width: 1000px) { .blog-index__post { flex: 0 0 calc(100%/3); } } @media screen and (min-width: 768px) { .blog-index__post--large { flex: 1 0 100%; display: flex; justify-items: space-between; } } @media (max-width: 575px) { .blog-header__title, .blog-header__subtitle { text-align: center; } } .blog-index__post-image { display: block; background-size: cover; background-repeat: no-repeat; padding-bottom: 63%; background-image: url('../images/gfx/featured-img-temp.jpg'); } .blog-index__post--small .blog-index__post-image { margin-bottom: 15px; } @media screen and (min-width: 768px) { .blog-index__post-image--large { flex: 1 1 100%; padding-bottom: 0; } .blog-index__post-content--large { flex: 1 1 100%; padding-left: 2rem; } .blog-index__post-image--large { flex: 1 1 48%; } .blog-index__post-content--large { flex: 1 1 48%; padding-left: 2rem; } } .blog-index__post-content h2 { margin: .5rem 0; } .blog-index__post-content--small h2 { font-size: 1.25rem; } .blog-index__post-content p { font-family: Montserrat; } .blog-index__post-content a { color: #494a52; } .blog-index__post img { max-width: 100%; height: auto; } .blog-pagination { display: flex; justify-content: center; align-items: center; text-align: center; font-family: Montserrat; margin: 0 auto 3.3rem; width: 100%; clear: both; } .blog-pagination__link { display: inline-flex; padding: .25rem .4rem; margin: 0 .1rem; text-decoration: none; border: 2px solid transparent; line-height: 1; border-radius: 7px; } .blog-pagination__link--active { border: 2px solid #001330; } .blog-pagination__link:hover, .blog-pagination__link:focus { text-decoration: none; } .blog-pagination__prev-link, .blog-pagination__next-link { display: inline-flex; align-items: center; } .blog-pagination__prev-link { text-align: right; margin-right: .25rem; } .blog-pagination__next-link { text-align: left; margin-left: .25rem; } .blog-pagination__prev-link--disabled, .blog-pagination__next-link--disabled { color: #B0C1D4; pointer-events: none; cursor: default; } .blog-pagination__prev-link svg, .blog-pagination__next-link svg { fill: #444444; margin: 0 5px; } .blog-pagination__prev-link--disabled svg, .blog-pagination__next-link--disabled svg { fill: rgba(68, 68, 68, 0.5); } .blog-pagination__number-link:hover, .blog-pagination__number-link:focus { border: 2px solid #001330; background-color: #001330; color: #ffffff; } .blog-header__author-avatar { height: 150px; width: 150px; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; box-shadow: 0 0 12px 0 rgba(0,0,0,0.15); margin: 0 auto 1.5rem; } .blog-header__author-social-links a { display: inline-block; position: relative; background-color: #000; border-radius: 50%; width: 40px; height: 40px; margin: 0 5px; } .blog-header__author-social-links a:hover { background-color: #001330; } .blog-header__author-social-links svg { fill: #fff; height: 15px; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .blog-post { margin: 0 auto; padding: 0 0 3.3rem 0; } .blog-post h1 { font-size: 1.6rem; } .blog-post__meta{ margin: 1rem 0; } .blog-post__meta p { font-size: 0.9em; } .blog-post__meta a { text-decoration: none; } .blog-post__tag-link { font-size: .6rem; text-transform: uppercase; padding: 5px 10px; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; font-weight: bold; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; margin: 0 5px 5px 0; display: inline-block; } .blog-post__tag-link:hover { text-decoration: none; transform: scale(1.02); } .blog-recent-posts { margin-top: 3rem; padding: 2rem 0; } .blog-recent-posts h4 { text-align: center; width: 100%; margin-bottom: 25px; } .blog-recent-posts__list { display: flex; } .blog-recent-posts__post { display: block; flex: 0 0 100%; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .blog-recent-posts__post:hover { transform: scale(1.02); } .blog-recent-posts__post h3 { padding: 1rem 1rem 0.5rem; } .blog-recent-posts__post p { padding: 0 1rem 1rem 1rem; } @media screen and (min-width: 768px) { .blog-recent-posts__post { flex: 0 0 calc(100%/2); } } @media screen and (max-width: 768px) { .blog-recent-posts__list { display: block; } } @media screen and (min-width: 1000px) { .blog-recent-posts__post { flex: 0 0 calc(100%/3.2); margin: 10px; } } .blog-recent-posts__post:hover { text-decoration: none; } .blog-recent-posts__image { background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 63%; } .blog-recent-posts__title { margin: 1rem 0 .5rem; font-size: 1.25rem; } .blog-comments { max-width: 680px; margin: 0 auto; } .blog-comments form { max-width: 100%; } .blog-comments .hs-submit { text-align: center; } .comment.depth-0 { border-top: 0px !important; } .blog-comments .hs-form-booleancheckbox label { line-height: 1.6em !important; } .blog-comments .comment-reply-to { border: 0 none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } .blog-comments .comment-reply-to:hover { transform: scale(1); } .hs-blog-social-share { padding: 10px 0 0 0; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); height: auto; width: 100%; height: auto !important; } /*** FILTER OPTION ***/ .filter__header { padding: 16px; padding: 1rem; margin-bottom: 16px; } select.post__category-selector { height: auto !important; padding-right: 25px; } @media screen and (min-width: 768px) { .filter__header { padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter__header .column--8 { -webkit-box-flex: 2; -ms-flex: 2 300px; flex: 2 300px; } .filter__header .column--4 { /*-webkit-box-flex: .5; -ms-flex: .5 300px; flex: .5 300px;*/ margin-right: 20px; } } /*** END ***/ @media (max-width: 768px) { .blog-post__tags { margin-bottom: 25px; } } .error-page-con { padding: 20rem 0; text-align: center; position: relative; } .error-page:before { content: attr(data-error); position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Montserrat; font-size: 40vw; font-weight: bold; z-index: 0; } .error-inner { position: relative; z-index: 2; } .error-page h4 { margin-bottom: 25px; } @media screen and (min-width: 1100px) { .error-page:before { font-size: 20rem; } } .error-page_heading { margin-bottom: 1rem; } .systems-page { padding: 3rem 0px; } .systems-page .success { display: inline-block; margin: 2rem 0; min-width: 650px; background-color: #CDE3CC; border: 1.5px solid #4F7D24; border-radius: 6px; font-size: .75rem; color: #4F7D24; padding: .1rem .75rem; } /*** SUBSCRIPTION PREFS ***/ .sub-pre-header { padding: 7rem 0 5rem; position: relative; } .sub-pre-header .container { position: relative; z-index: 2; } .sub-pre-header h1, .sub-pre-header p { text-align: center; } .sub-pref-full { padding: 1rem 0; } .sub-pref-full form { max-width: 100%; } #hs_cos_wrapper_subscriptions_confirmation h2, .sub-pref-full form h2 { font-size: 28px; } .sub-pref-full form .checkbox-row span span { font-weight: bold; } .sub-pref-full form .item-inner p { font-size: 0.8em; padding-left: 20px; } #email-prefs-form .page-header { margin-bottom: 25px; } .sub-pref-full h1 { display: none; } .sub-pref-full h3 { font-size: 22px; } .head-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.5); } #hs_cos_wrapper_password_prompt_ form { max-width: 400px; margin: 0 auto; text-align: center; } /*** SEARCH RESULTS ***/ .hs-search-results { margin-top: 2rem; } ul.hs-search-results__listing li { margin-bottom: 2rem; } .hs-search-results__title { font-family: Montserrat; text-decoration: none; margin-bottom: 0.25rem; font-size: 28px; } .hs-search-results__title:hover { text-decoration: none; } .hs-search-results__description { padding-top: .5rem; } .hs-search-highlight { font-weight: bold; } .hs-search-results__pagination a { color: #494a52; } .results-pre-header { padding: 7rem 0 5rem; position: relative; } .results-pre-header .container { position: relative; z-index: 2; } .results-pre-header h1, .results-pre-header h5 { text-align: center; } .hs-search-results__listing li { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.1); } .hs-search__no-results { border: 1px solid rgba(0,0,0,0.1); padding: 200px 60px; text-align: center; } .hs-search__no-results p:first-child { font-weight: bold; font-size: 18px; } @import compass/utilities /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* CSS to SUPPORT THE CLEAN TEMPLATE SERIES --------- * ANY QUESTIONS... FIND ME AT HUBSPOTHERO.COM ------ * DON'T FORGET. YOU ROCK! */ /* ========================================================================== CUSTOM DEMICON STYLES ========================================================================== */ .demicon-hero a { color: white !important; border-bottom: 1px solid white; font-weight: bolder; } .demicon-hero a:hover { border-bottom: 0; } /* ========================================================================== HERE IS WHERE YOU CAN EDIT THE BACKGROUND COLOR OF THE BODY OF THE WEBSITE ========================================================================== */ /* BODY BACKGROUND */ /* WHITE - Recommended to keep white or light shades of gray..*/ /* LIGHT BACKGROUND ACCENT COLOR */ /* LIGHT GRAY - Recommended to use very subtle darker shade than the body background..*/ /* ========================================================================== Additional Color Variables ========================================================================== */ /* Standard Colors */ /* */ /* ========================================================================== HERE IS WHERE IS WHERE YOU SET THE MAX WIDTH OF THE PAGE'S CONTENT ========================================================================== */ /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /* ========================================================================== Macros ========================================================================== */ /* Transition */ /* Animation Delay */ /* Box Shadow */ /* Background Size */ /* Border Radius */ /* User Select */ /* Opacity*/ /* ========================================================================== Base ========================================================================== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html {position: relative;} html, body { min-height: 100%; margin: 0; padding: 0; } body { background-color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #ccc; background-color: #ccc; height: 1px; border: none; } .container-fluid .row-fluid .page-center { float: none; max-width: 1140px; margin: 0 auto; min-height: 0; } a { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-decoration: none; } .anchor { display: block; position: relative; top:-150px; visibility:hidden; } /* Highlighted Text */ ::-moz-selection { text-shadow: none; color: #fff; background: #444; } ::selection { text-shadow: none; color: #fff; background: #444; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* ========================================================================== Typography ========================================================================== */ strong {font-weight: 800;} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { hyphens: manual; margin: 10px 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0px; } .demicon-insights-hero p { color: #fff; } /* Lists */ ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } /* Quotes */ blockquote { font-style: italic; margin-left: 0px; margin-right: 0px; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .small {font-size: 14px;} .xsmall {font-size: 12px;} /* ========================================================================== Structure ========================================================================== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .footer-container-wrapper { position: relative; z-index: 1; } /* ========================================================================== NEW CLEAN 6 ROW STYLES ========================================================================== */ .container-slim { max-width: 880px !important; padding-right: 15px; padding-left: 15px; margin-right: auto !important; margin-left: auto !important; display: block !important; float: none !important; } .container-fluid.no-gutters{ padding-right: 0px; padding-left: 0px; } /* ========================================================================== Header ========================================================================== */ .hhs-alt-nav .hhs-header-logo .logo-standard { display: block !important; } .header-container-wrapper { width: 100%; z-index: 9999; } .header-container { /*padding: 20px 0; background: #fff;*/ z-index: 9999; position: relative; } .header-cta{ margin-top: 9px; margin-left: 0; text-align: right !important; } /* Logo styling */ .header-container .hs_cos_wrapper_type_logo a img { -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; width: auto !important; margin-top: 0px; } .hhs-header.sticky-menu.active { padding: 5px 0px !important; } @media (max-width: 768px){ .sticky-menu .widget-type-cta { display: none; } .sticky-menu .widget-type-logo img { margin: 0; } .sticky-menu .page-center { padding: 0 10px !important; } } @media (max-width: 1080px) { .header-container .page-center { padding: 0px !important; } } /* ========================================================================== CSS USED BY CUSTOM MODULES ========================================================================== */ #return-to-top svg { margin: 15px 0 0 17px; } .hhs-full-hero-vh {height: 100vh !important;} @media (max-width: 575px){ .hhs-full-hero-vh {height: auto !important;} } .hhs-full-hero-vh .hhs-center-hero {padding: 100px 0 !important;} .hhs-form-con-1 { margin-top: 25px; } .hhs-form-con .hubspot-link__container.sproket, .hhs-form-con-1 .hubspot-link__container.sproket { padding-bottom: 0px !important; } .hhs-gallery-image, .hhs-bg-image { background-position: top left; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-position: center; background-size: cover; min-height: 1px; width: 100%; } .hhs-gallery-image-con, .hhs-bg-image-con { display: -webkit-box; display: -webkit-flex; display: flex; background-position: center; background-size: cover; min-height: 1px; } /*** PARALLAX 1.5.0 ***/ .parallax { background-size: 100% auto; background-repeat: no-repeat; } .hhs-text-content {margin: 0 auto;} .hhs-rich-text-in { clear: both; } .hhs-image-grid img {margin-bottom: 25px;} .hhs-team-social-con i { font-size: 18px; padding: 5px; } .hhs-pricing-option { text-align: center; } .hhs-package-desc p { line-height: 2.5em; } .hhs-container-fluid.hhs-package-highlight { -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2); box-shadow: 0 0 20px 2px rgba(0,0,0,0.2); padding: 40px 0 75px !important; margin-top: -50px !important; position: relative; } .hhs-package-highlight .hhs-highlight-hat { text-align: center; display: block; position: absolute; top: 0; left:0; width: 100%; background-color: #000; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #fff; padding: 10px 0; } /*** HHS JOB LISTING PAGE STYLE ***/ .hhs-job-listing-table ul { clear: both; padding-left: 0; } .hhs-job-listing-table li { list-style-type: none; border-top: 1px solid #ddd; padding: 10px 0px; display: flex; } .hhs-job-listing-table li:nth-child(odd) { background-color: #f9f9f9; } .hhs-clearfix:before, .hhs-clearfix:after, .hhs-container:before, .hhs-container:after, .hhs-container-fluid:before, .hhs-container-fluid:after { content: " "; display: table; } .hhs-clearfix:after, .hhs-container:after, .hhs-container-fluid:after { clear: both; } @keyframes scrollDown { 0% { opacity: 0; transform: translate(-50%, 0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, 22px); } } /* ========================================================================== DEVICE VISIBILITY CLASSES ========================================================================== */ .hide-desktop {display: none;} .show-desktop {display: block;} @media (max-width: 834px) { .hide-desktop {display: block !important;} .show-tablet {display: block !important;} .hide-tablet {display: none !important;} } @media (max-width: 575px) { .hide-mobile {display: none !important;} .show-mobile {display: block !important;} } /* Modular & Reusable Components ========================================================================== */ /* Page Title Background */ .title-background{ background: #f5f5f5; } .title-background h1, .title-background h2{ margin-bottom: 0px; } /* Blog Subscribe Module */ .subscribe-form { background: #f5f5f5; } .subscribe-form .widget-type-blog_subscribe input[type="email"] { max-width: 400px; /*height: 38px;*/ width: 100%; margin: 0; } .subscribe-form .hs_email { display: inline-block; width: 300px; margin-right: 5px; vertical-align: top; } .subscribe-form .hs_submit { display: inline-block; } .subscribe-form .hs-button.primary { border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin: 0; } .subscribe-form .hs-button.primary:hover { background: #fff; border-style: solid; border-width: 2px; } /* Hide blog subscribe label */ .widget-type-blog_subscribe label { /* display: none !important;*/ } .widget-type-blog_subscribe .hs-error-msgs { display: none; } .hs_error_rollup {display: none;} .hs-error-msgs { background-color: #f8cccc; border: 1px solid #da0101; } .hs-error-msgs label { color: #da0101 !important; display: block; padding: 10px; margin-bottom: 0; font-size: 12px; font-weight: normal; } .hs-error-msgs li { color: #da0101 !important; margin-bottom: 0px; } /* Rich Editor Checkmark Lists */ .hs_cos_wrapper_type_rich_text ul { padding-left: 40px; } .hs_cos_wrapper_type_rich_text ul li { } .hs_cos_wrapper_type_rich_text ul li:before { display: none; } .prev-arrow { display: block; width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #ffffff transparent transparent; } .next-arrow { display: block; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #ffffff; } .post-jump .next-arrow, .post-jump .prev-arrow { margin: 60px 0 0 12px; } .person-info { text-align: center; } .quote-box .title { display: block; color: #b3b3b3; margin-bottom: 0; font-weight: normal; font-size: 13px; } .quote-box .fa{ font-size: 18px; position: absolute; right: 30px; bottom: 30px; } .quote-name-title { font-size: 11px; } .img-rounded { border-radius: 6px; } .testimonial-avatar { margin: 10px auto 25px auto; } .testimonial-avatar img { margin: 0 auto; display: block; } .star-rating { margin: 0 auto; display: table; } .img-2x img { width: 40% !important; } /* Modular Selectors ========================================================================== */ /* Delays */ .delayp1 { -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-transition-delay: .1s; transition-delay: .1s; } .delayp2 { -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; } .delayp3 { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-transition-delay: .3s; transition-delay: .3s; } .delayp4 { -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-transition-delay: .4s; transition-delay: .4s; } .delayp5 { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-transition-delay: .5s; transition-delay: .5s; } .delayp6 { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-transition-delay: .6s; transition-delay: .6s; } .delayp7 { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-transition-delay: .7s; transition-delay: .7s; } .delayp8 { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-transition-delay: .8s; transition-delay: .8s; } .delayp9 { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-transition-delay: .9s; transition-delay: .9s; } .delay1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } .delay2s { -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; } /* ========================================================================== Footer ========================================================================== */ .hhs-contact-con i {float: left; margin-right: 10px;} .hhs-contact-con span {float: left;display: block;line-height: normal;} .hhs-contact-con p {clear:both; margin-bottom: 10px; display: inline-block;} .hhs-footer .horz-rule { border-color: rgba(0,0,0,0.3) !important; clear: both; } .horz-rule { display: block; border-bottom: 1px solid #ddd; visibility: visible !important; } /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /* ========================================================================== Custom Menu Primary ========================================================================== */ .hhs-header { position: absolute; top: 0; left: 0; display: inline-table !important; width: 100%; } .hhs-header-full { padding: 0 20px; } .hhs-header-logo img.logo-color, .no-hero .hhs-header-logo.hhs-header-trans img.logo-color{ display: block; } .hhs-header-logo img.logo-white, .no-hero .hhs-header-logo.hhs-header-trans img.logo-white, .hhs-header-logo.hhs-header-trans img.logo-color, .hhs-header-logo.hhs-header-trans img.for-sticky, .hhs-header-logo img.for-sticky{ display: none; } .hhs-header-logo.hhs-header-trans img.logo-white { display: block; } .sticky-menu .hhs-header-logo img.for-sticky, .sticky-menu .hhs-header-logo.hhs-header-trans img.for-sticky { display: block; } .sticky-menu .hhs-header-logo.hhs-header-trans img.for-main, .sticky-menu .hhs-header-logo img.for-main, .sticky-menu .hhs-header-logo.hhs-header-trans img.logo-white { display: none; } .hhs-header-menu { float: right !important; } .hhs-header-cta { float: right; margin-left: 15px; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-item a { padding: 10px 10px; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2 a { padding: 5px 5px 5px 10px; } @media (max-width: 768px) { .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-item a, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2 a { padding: 0px 0px 0px 10px; } } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a span { padding: 10px 0; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-size: 18px; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { max-width: none; overflow: visible; text-transform: uppercase; font-weight: bold; font-size: 11px; text-align: right; padding: 0px 0px 0 20px; } /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ float: right; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ padding: 10px 15px; position: relative; display: block; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{ left: 15px!important; /*background: #fff;*/ padding: 10px 0px; -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); min-width: 150px; } .custom-menu-primary .hs-menu-wrapper > ul > li > ul:before { content: "\f0d8"; display: inline-block; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -10px; left: 0; width: 100%; padding-left: 10px; } @media (max-width: 1024px) { .custom-menu-primary .hs-menu-wrapper > ul > li > ul:before { display: none !important; } } .transparent-nav .custom-menu-primary .hs-menu-wrapper > ul ul li a { color:#444; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { z-index: 1000 !important; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100% !important; } /**** MEGA MENU STYLE ***/ /* ADL was here */ /* On desktop */ @media screen and (min-width: 768px) { [class^=mega-drop].loaded { position: relative; /* Make span element relative */ display: inline-block; /* Make span element block */ padding: 0 !important; /* remove padding */ } /* add after element so you can bridge the gap between the link and the mega menu */ [class^=mega-drop].loaded:hover::after { content: ""; /* fake bridge */ display: block; /* make it hoverable */ position: absolute; top:0; /* place at bottom of link */ width: 100%; height: 100px; /* magic number */ left: -36px; /*border: 1px solid red; */ } [class^=mega-drop].loaded:hover::before { content: ""; /* fake bridge */ display: block; /* make it hoverable */ position: absolute; top: 0; /* place at bottom of link */ width: 100%; height: 100px; /* magic number */ right: -36px; /*border: 1px solid red; */ } } .mega-menu { left: 0; position: fixed; width: 100%; padding:15px; z-index: 10000; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1); } /* ADL WAS HERE */ .mega-menu { opacity: 0; /* hide it initially */ pointer-events: none; /* cant accidently click it when you dont want to */ transition: all .8s ease-in-out; /* animate the opacity */ } .mega-menu.active { opacity: 1; /* show it when active */ visibility: visible; pointer-events: inherit; /* make it clickable again */ } /* END ADL WAS HERE */ .mega-menu.mega-scrolled { top: 55px; } .side-bar-nav { height:680px; overflow-y: scroll; } .side-bar-nav .hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper, .mega-menu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: auto; top: auto; visibility: visible; opacity: 1; position: static; } .mega-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0px; } .mega-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li a, .mega-menu .widget-type-post_listing ul li a{ padding: 2px 0px !important; width: auto !important; white-space: normal; text-indent: inherit; } .mega-menu .key-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li:first-child a { padding: 0px 0px !important; width: auto !important; } .mega-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-2 > a { font-size: .9em; padding-left: 5px; } .custom-menu-primary .mega-menu .hs-menu-wrapper>ul, .custom-menu-primary .mega-menu .hs-menu-wrapper>ul ul, .custom-menu-primary .mega-menu .widget-type-post_listing ul, .custom-menu-primary .mega-menu .widget-type-post_listing ul ul{ -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .custom-menu-primary .hs-menu-wrapper > ul ul .custom-menu-primary .mega-menu .key-menu .hs-menu-wrapper>ul, .custom-menu-primary .mega-menu .key-menu .hs-menu-wrapper>ul ul { padding: 0px; } .custom-menu-primary .mega-menu .hs-menu-wrapper>ul ul { min-width: 170px !important; } .custom-menu-primary .hs-menu-wrapper .mega-menu > ul > li, .custom-menu-primary .mega-menu .hs-menu-wrapper>ul>li, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu .hs-menu-flow-vertical ul li a, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu .widget-type-post_listing ul li a{ text-transform: none !important; font-weight: normal !important; display: block; clear: both; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu .key-menu.hs-menu-flow-vertical ul li:first-child a { line-height: 1em; } .custom-menu-primary .mega-menu .hs-menu-wrapper > ul > li, .custom-menu-primary .hs-menu-wrapper .mega-menu > ul > li { margin-left: 0px !important; } .custom-menu-primary .mega-menu .hs-menu-wrapper>ul ul { padding: 0px 0 10px 10px !important; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu>ul li a { font-weight: normal !important; } .custom-menu-primary .hs-menu-wrapper .mega-menu ul>li>ul:before, .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu ul li.hs-item-has-children>a:after { display: none !important; } .custom-menu-primary .mega-menu .hs-menu-wrapper > ul li a:hover { background-color: transparent !important; } .custom-menu-primary .mega-menu .hs-menu-wrapper > ul { float: none !important; } @keyframes fadeIn { from { opacity: 0; transform: translate3d(0, -5%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @media (max-width: 768px){ .mega-menu.active { display: none !important; opacity: 0; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a span { padding: 0px !important; } } /* LANGUAGE SWITCHER */ .hhs-lang-switch { float: right; } .hhs-lang-switch .lang_switcher_class { padding: 7px 10px; margin-top: 5px; } .hhs-lang-switch .globe_class { background-image: none !important; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; } .hhs-lang-switch .globe_class:before { content: "\f0ac"; } .hhs-lang-switch .globe_class { height: 30px; } .hhs-lang-switch .lang_list_class { font-weight: bold; text-align: left; border: none; top: 35px; left: 50px; padding-top: 0px !important; -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); min-width: 100px; width: max-content; } .hhs-lang-switch .lang_list_class:before { border: none; width: 10px; } .hhs-lang-switch .lang_list_class:after { border: 5px solid transparent; left: 25px; top: -10px; } @media (max-width: 575px){ .hhs-lang-switch { display: block !important; } .hhs-lang-switch .lang_list_class:after { left: 15px; } } .hhs-lang-switch .lang_list_class li:first-child, .hhs-lang-switch .lang_list_class li{ border: none !important; } .hhs-lang-switch .lang_list_class li:first-child { padding-top: 10px; } .hhs-lang-switch .lang_list_class li:last-child { padding-bottom: 10px; } .hhs-lang-switch .lang_list_class li { padding: 0px; margin-bottom: 0px; } .hhs-lang-switch .lang_list_class li a { padding: 6px 20px 6px 20px; display: block; } /* Override max width on menu links */ .hhs-pillar-menu .hs-menu-wrapper > ul li a, .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; text-decoration: none !important; padding-right: 30px; white-space: nowrap !important; /*padding-left: 15px;*/ } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { margin-bottom: 0px; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { margin-bottom: 0px; } /* Carret after Menu items with dropdown */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after { content: "\f107"; display: inline-block; font-family: "Font Awesome 5 Free" !important; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2.hs-item-has-children > a:after { content: "\f105"; float: none; font-family: "Font Awesome 5 Free" !important; line-height: 24px; position: absolute; right: 10px; top: 5px } .hhs-footer .hs-menu-item.active { background-color: transparent !important; } /* Show menu and remove background color on desktop after toggling mobile menu */ @media screen and (min-width:1025px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; background: transparent !important; } } /* Force header to trigger mobile layout on iPads */ @media (max-width: 1024px){ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after { display: none; } .header-container-wrapper .container-fluid .row-fluid [class*="span"] { display: block; float: none !important; width: auto !important; margin-left: 0 !important; } .header-container-wrapper .container-fluid .mega-menu {display: none !important;} } .row-fluid [class*="span"] { min-height: auto !important; } @media (min-width: 1280px) { .row-fluid [class*="span"] { min-height: 0 !important; } } .row-fluid { min-height: 0px !important; } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ .mobile-trigger, .child-trigger{ display: none !important; /* Hide button on Desktop */ } @media (max-width: 1024px){ .custom-menu-primary .hs-menu-wrapper > ul ul{ padding: 0px !important; } .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ /*display: block; float: none;*/ position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: -webkit-box !important; /* ADL */ display: -ms-flexbox !important; /* ADL */ display: flex !important; /* Hide button on Desktop */ /* ADL */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border: 0; /* ADL */ border-left: 1px solid rgba(0, 0, 0, .10); background: transparent; /* ADL */ } .hhs-header-trans .child-trigger{ border-left: 1px solid rgba(255, 255, 255, .10); } .child-trigger:hover{ text-decoration: none; } /* Child Toggle Button Icon & Animations ========================================================================== */ .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 13px; /* Icon line width */ height: 1px; /* Icon line height */ background-color: #ccc; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ /*top: 10px;*/ /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ width: 100%; /* Full screen width */ padding: 0 0 0 0; z-index: 8888; } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul { background: #fff; } .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ /* } */ .custom-menu-primary.hhs-header-trans .hs-menu-wrapper > ul li a{ padding: 0 10px; } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color:#111111; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#000000; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul{ border: 0px; padding: 10px 0; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{ display: none; } /* Level 3 and Higher Menu List Styles */ .hhs-header-full { padding-left:0; padding-right: 0; } } @media (max-width: 768px) { .hhs {padding: 0 !important} .hhs-header { padding: 10px 0px !important; } .hhs-nav {padding-top: 0px;} .hhs-logo-header {padding-left: 0px; } .hhs-header-hat { padding: 0; } .hhs-header-hat .hs-menu-wrapper * { width: auto !important; } .testimonial-avatar { text-align: center; margin-top: 10px; } .quote-name, .quote-name-title { text-align: center; } .quote-name-title { margin-bottom: 30px; } .hhs-text-content { /*padding: 0px 10% !important; */ max-width: 100% !important; } .hhs-container-fluid.hhs-package-highlight { margin: -50px 0 30px !important; } .body-container-wrapper .hhs-col-12.pricing-table {padding: 50px 0 !important;} } .fb_iframe_widget span, .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item span.IN-widget { vertical-align: top !important; } @media (max-width: 575px){ .hhs-header {top: 0px !important;} .hhs-center-hero {max-width: 100% !important;} .hhs-container-fluid.hhs-package-highlight { margin: 25px 0 !important; } } /**** TOGGLE CSS for Pricing Pages ***/ .hhs-toggle-price .wrapper{ position: relative; width: 100%; margin-bottom: 25px; } .toggler-label-left { position: absolute; left: 0px; text-align: right; width: 45%; } .toggler-label-right { position: absolute; right: 0px; text-align: right; width: 45%; top: 7px; text-align: left; } /* checkbox */ .wrapper { position: relative; display: flex; width: 120px; margin: 0 auto; align-items: center; justify-content: space-around; } @media (max-width: 767px) { .wrapper { width: 250px; } } .wrapper .toggler { display: inline-block; width: 67px; text-align: center; } .wrapper .toggler *, .wrapper .toggler *:before { transition: 0.15s ease-in-out all; } .wrapper .toggler:before, .wrapper .toggler:after { margin: 0px -15px; width: 100%; top: 50%; transform: translateY(-50%); position: absolute; } .wrapper .toggler:before { text-align: right; content: attr(span-prev); left: -100%; } .wrapper .toggler:after { text-align: left; content: attr(span-next); right: -100%; } .wrapper .toggler .tgl, .wrapper .toggler .tgl:active { position: absolute; visibility: hidden; height: 0; width: 0; } .wrapper .toggler .checkbox-label:before:hover { cursor: pointer; } .wrapper .toggler .toggle:checked + .checkbox-label:before { left: calc(100% - 50px); } .wrap { transition: 0.2s opacity; } .price2 { display: none; } .price1 { display: block; } /***** TOGGLE DESIGN ****/ .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; } .tgl + .tgl-btn { outline: 0; display: block; /*width: 4.25em;*/ height: 2em; position: relative; cursor: pointer; user-select: none; margin: 0 auto; } .tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .tgl + .tgl-btn:after { left: 0; } .tgl + .tgl-btn:before { display: none; } .tgl:checked + .tgl-btn:after { left: 50%; } .tgl-ios + .tgl-btn { background: transparent; border-radius: 2em; padding: 2px; transition: all 0.4s ease; } .tgl-ios + .tgl-btn:after { border-radius: 2em; transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08); } .tgl-ios + .tgl-btn:hover:after { will-change: padding; } .tgl-ios + .tgl-btn:active { box-shadow: inset 0 0 0 2em #e8eae9; } .tgl-ios + .tgl-btn:active:after { padding-right: 0.8em; } .tgl-ios:checked + .tgl-btn { background: transparent; } .tgl-ios:checked + .tgl-btn:active { box-shadow: none; } .tgl-ios:checked + .tgl-btn:active:after { margin-left: -0.8em; } @media (max-width: 992px) { .toggler-label-right, .toggler-label-left { width: 43%; } } @media (max-width: 768px) { .toggler-label-right, .toggler-label-left { width: 40%; } } @media (max-width: 575px) { .wrapper .toggler:after { right: 20px } .wrapper .toggler:before { left: 10px; } .toggler-label-right, .toggler-label-left { width: 32%; } .toggler-label-right { top: auto; } } @media (max-width: 575px) { .highlight-pack.hhs-price-inner { margin-top: 0px; } } /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ #hs-pwd-widget-password { margin-bottom: 15px; height: auto !important; margin-top: 0px !important; } /* ========================================================================== Blog ========================================================================== */ .social-sharing-wrapper { clear: both; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; padding: 15px 0; } .comment-date { font-size: 0.8em; display: block !important; } .comment-body { padding: 10px 0; } /*** RESPONSIVE VIDEO IN BLOG ****/ .hs-embed-wrapper, .hs-responsive-embed-wrapper, .hs-responsive-embed { position: relative; height: 0; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; max-width: none !important; max-height: none !important; } .hs-responsive-embed-target-iframe, .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 56.25%; } /* ========================================================================== Forms ========================================================================== */ .form-title { margin-bottom: 30px; } .legal-consent-container { margin: 5px 0 15px; } .legal-consent-container .hs-dependent-field { margin-bottom: 20px; } /**** CUSTOM SUBMIT BUTTON ININE WITH INPUT FIELD *****/ .cta-input-inline { position: relative; } .cta-input-inline *, .cta-input-inline form *:after, .cta-input-inline form *:before{ box-sizing:border-box; } .cta-input-inline form > div:first-child{ display:inline-block; width:100%; } .cta-input-inline .hs_email, .cta-input-inline .hs_email input{ width:100%; display:inline-block; } .cta-input-inline .hs_submit{ position: absolute; top: 24px; right: 0px; } .cta-input-inline .submit-alt .hs-button.primary, .cta-input-inline .hs-button.primary { padding-top: 14px; padding-bottom: 13px; margin-right: -2px; } body .cta-input-inline input[type="email"] { margin-bottom: 0px; } .hubspot-link__icon { margin-bottom: 4px !important; } .hs_submit .actions { margin-top: 0em; } /* All Global Forms ========================================================================== */ /* Labels */ body label { margin-bottom: 5px; font-weight: 700; } body .hs-form-field > label {} body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus { outline: 0; box-shadow: none; } /* Separate Styles for Multiple Line Inputs */ body textarea { min-height: 200px; } /* Separate Styles for Drop Downs */ body select { height: 44px; -webkit-appearance: none; background: #ffffff url("https://507386.fs1.hubspotusercontent-na1.net/hubfs/507386/CLEAN-images/gfx/select-drop-down-arrows.png") no-repeat right center; background-size: 14px 33px; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } .hs-form fieldset.form-columns-1 input[type="checkbox"], .hs-form fieldset.form-columns-1 input[type="radio"] { width: auto !important } .form-simple label { display: none !important; } /* Form Module ========================================================================== */ /* Form Field */ .hs_cos_wrapper_type_form .hs-form-field {position: relative;margin-bottom: 15px;} /* Labels */ .hs_cos_wrapper_type_form label {line-height: 20px;} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select { padding: 8px 8px 9px; } /* Blog Comment Form ========================================================================== */ #comment-form label span { vertical-align: middle; } /* Inputs */ #comment-form input[type="text"] { display: inline-block; } #comment-form input[type="checkbox"] {margin-right: 10px;} /* Blog Subscription Form ========================================================================== */ /* Inputs */ #hs_form_target_blog_subscription input[type="email"], .widget-type-blog_subscribe input[type="email"]{ /*width: 70%;*/ float: left; margin-top: 2px; text-align: left !important; margin-bottom: 15px; /*height: 36px;*/ } #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } /* HUBSPOT SEARCH FORM ========================================================================== */ .hhs-search-modal.modal { max-width: 100%; z-index: 100000; } .hs-search-field__suggestions { background-color: #fff; max-height: 200px; overflow: scroll; text-align: left !important; } .hs-search-field--open .hs-search-field__suggestions { border-color: transparent; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); } .hs-search-field__suggestions li a { padding: 5px 10px; color: #000; } .hs-search-field__suggestions li a:hover .hs-search-highlight { color: #ffffff; } #results-for { background-color: #f4f4f4; padding: 5px 10px; } /* HUBSPOT SEARCH FORM IN MODAL ========================================================================== */ .hhs-search-modal { position: relative; } .hhs-pop {overflow: visible !important;} .hhs-pop.hhs-modal.hhs-search-modal { padding: 25px 25px !important; } .hhs-search-modal .hs-search-field__input { box-sizing: border-box; width: 100%; font-size: 32px !important; border: none; } .hhs-search-modal .hs-search-field__input { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .hhs-search-modal button { position: absolute; top: 0; right: 0; height: 100%; width: 20%; color: #fff; background-color: #cc3333; display: block; border: none; font-size: 24px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .hhs-search-modal button i { color: #fff; padding: 0 40px; } .hhs-search-modal .hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; } .hhs-search-modal .hs-search-field--open .hs-search-field__suggestions { border: 1px solid #000; } .hhs-search-modal .hs-search-field__suggestions li { display: block; margin: 0; padding: 0; } .hhs-search-modal .hs-search-field__suggestions #results-for { font-weight: bold; } .hhs-search-modal .hs-search-field__suggestions a, .hhs-search-modal .hs-search-field__suggestions #results-for { display: block; } .hhs-search-modal .hs-search-field__suggestions a:hover, .hhs-search-modal .hs-search-field__suggestions a:focus { background-color: rgba(0,0,0, .1); outline: none; } .blocker { z-index: 10000; } @media (max-width: 575px) { .search-results h1 { text-align: left !important; } .search-results .padding40tb { padding: 0px; } } /**** CLEAN MODAL OVERIDES ******/ .hhs-pop .hhs-pop-the-form { padding: 50px 0; } .blocker {z-index:100000 !important;} .hhs-pop.hhs-modal { background-color: #fff !important; padding: 60px 0px 60px; max-width: 800px !important; z-index: 1000000; position: relative; } .hhs-pop.hhs-modal .hhs-pform .hs-form-required { display: none !important; } .hhs-pop.hhs-modal .hs-form { margin-top: 0; } @media (min-width: 768px) { .hhs-pop .vert-align { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .hhs-pop .vert-align.rev-order { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } } .hhs-pop .hhs-page-center { max-width: 1000px; margin: 0 auto !important; float: none !important; } .hhs-pop a.hhs-cta-button, .hhs-pop a.hhs-cta-button:link, .hhs-pop a.hhs-cta-button:active, .hhs-pop a.hhs-cta-button:visited, .hhs-pop a.hhs-cta_button, .hhs-pop a.hhs-cta_button:link, .hhs-pop a.hhs-cta_button:active, .hhs-pop a.hhs-cta_button:visited { color: #fff; text-decoration: none; } .modal { -webkit-border-radius: 3px !important; border-radius: 3px !important; } /*****************************************/ /* FORMS */ /*****************************************/ .hhs-pop .hhs-pform input, .hhs-pop .hhs-pform select, .hhs-pop .hhs-pform textarea { -webkit-appearance: none; color: #555; padding: 10px; background-color: #f5f5f5; border: 1px solid #aaaaaa; } .hhs-pop .hhs-pform .hs-button.primary { background-color: #ffaf03; color: #fff; text-align: center; padding: 15px 12px; min-width: 93.5% !important; } @media (max-width: 767px) { .hhs-pop .hhs-pform .hs-button.primary { min-width: 100% !important; } } .hhs-pop .hhs-pform .hs-button.primary:hover { background-color: rgba(255, 175, 3, .7); } /* ========================= */ /* FORM */ /* ========================= */ .hhs-pop .hhs-pform .hs-button.primary { padding: 10px; font-size: 24px; background: transparent; color: #ffaf03; border: 3px solid #ffaf03; margin-top:10px; min-width:100%; max-width: 100%; white-space: normal; display: block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .hhs-pop .hhs-pform .hs-button.primary:hover { background: #ffaf03; color: #fff; } .hhs-pop .hhs-pform .hs-form { margin-top:45px; } .hhs-pop .hhs-pform ul.inputs-list { -webkit-padding-start: 0; } .hhs-pop .hhs-pform .hs-form-radio { list-style-type:none; } .hhs-pop .hhs-pform .hs-form-booleancheckbox { list-style-type:none; } .hhs-pop .hhs-pform .hs-form fieldset { max-width: none !important; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .input { margin-right: 0!important; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .input { margin-right: 8px; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .hs-form-field:last-child .input { margin-right: 0; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .input { margin-right: 12px; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .hs-form-field:last-child .input { margin-right: 0; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .hs-input { width: 100%!important; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 input[type=checkbox], .hhs-pop .hs-form fieldset.form-columns-1 input[type=radio] { width:auto!important; } .hhs-pop .hhs-pform .hs-form-field .hs_email { display:inline-block; } body .hhs-pop .hhs-pform input[type="text"]:focus, body .hhs-pop .hhs-pform input[type="password"]:focus, body .hhs-pop .hhs-pform input[type="datetime"]:focus, body .hhs-pop .hhs-pform input[type="datetime-local"]:focus, body .hhs-pop .hhs-pform input[type="date"]:focus, body .hhs-pop .hhs-pform input[type="month"]:focus, body .hhs-pop .hhs-pform input[type="time"]:focus, body .hhs-pop .hhs-pform input[type="week"]:focus, body .hhs-pop .hhs-pform input[type="number"]:focus, body .hhs-pop .hhs-pform input[type="email"]:focus, body .hhs-pop .hhs-pform input[type="url"]:focus, body .hhs-pop .hhs-pform input[type="search"]:focus, body .hhs-pop .hhs-pform input[type="tel"]:focus, body .hhs-pop .hhs-pform input[type="color"]:focus, body .hhs-pop .hhs-pform input[type="file"]:focus, body .hhs-pop .hhs-pform textarea:focus, body .hhs-pop .hhs-pform select:focus {} body .hhs-pop .hhs-pform label { font-size: 16px; letter-spacing: 0.5px; line-height: 20px; } .hhs-pop .hhs-pform ul.inputs-list li { list-style: none; } .hs-fieldtype-checkbox > label { margin-bottom: 15px; display: block; } .hs-fieldtype-radio > label { margin-bottom: 15px; display: block; } body .hhs-pop .hhs-pform input[type="checkbox"] { -webkit-appearance: checkbox; box-sizing: border-box; } body .hhs-pop .hhs-pform input[type="radio"] { -webkit-appearance: radio; box-sizing: border-box; } body .hhs-pop .hhs-pform input[type="radio"], body .hhs-pop .hhs-pform input[type="checkbox"] { background-color: initial; cursor: default; margin: 3px 0.5ex; padding: initial; border: initial; } .hhs.hhs-modal.modal .hs-richtext { height: auto !important; width: 300px !important; } .hhs.hhs-modal.modal .hs-richtext img { height: auto !important; width: 300px !important; } .hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto; margin-right: 10px; } .hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input { width: auto; margin-right: 10px; } .hhs-pop .hhs-pform form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; height: auto; } .submitted-message p { font-weight: bold; font-size: 22px; } @media (max-width: 575px) { .hhs-pop.hhs-modal { padding: 50px 0px; } } /* Multi Column Form ========================================================================== */ /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form fieldset { max-width: none; margin-bottom: 0px; } body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100% !important; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* Form Error Selectors ========================================================================== */ .hsformerror{ font-size: 12px!important; border: 0 !important; color: #FFF!important; background-image: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; z-index: 99999 !important;*/ } /* ========================================================================== Buttons ========================================================================== */ /* Blog Comment Button ========================================================================== */ /* Blog comment "reply to" section */ .comment-reply-to{ background: transparent!important; padding-left: 0px!important; } .comment-reply-to:before{ content: "\f3e5"; display: inline-block; font-family: "Font Awesome 5 Free"; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 7px; font-size: 15px; vertical-align: top; } /* Blog Subscription Button ========================================================================== */ /* CTA Buttons ========================================================================== */ .cta-sml { font-size: 9px !important; padding: 10px 20px 9px 20px !important; } /* ========================================================================== Custom Style ========================================================================== */ .body-container.container-fluid { padding-right: 0 !important; padding-left: 0 !important } .float-hack { display: block; clear: both; } /* Screen sizes smaller than site maxWidth (.page-center) ========================================================================== */ @media (max-width: 1140px) { .container-fluid .row-fluid .page-center { padding: 20px; } .container-fluid .footer-copyright .row-fluid .page-center { padding: 0 10px; } } /* Landscape tablet and smaller devices ========================================================================== */ @media (max-width: 768px) { .header-container-wrapper{ position: relative; } .header-container{ padding: 0; } .header-container .hs_cos_wrapper_type_logo a img { max-width: 120px; max-height: 35px !important; margin: 0px 0 0px 10px; } .row-fluid [class*="span"].header-cta{ position: absolute; right: 70px; top: 8px; } /* General */ .body-container-wrapper { padding-top: 0; } .sidebar.right, .main-content, .blog-sidebar { margin: 25px 0; } .hhs-team-member-con { margin-top: 50px !important; } .social-tagline { text-align: center; margin-bottom: 15px; } /* Blog */ #comment-form { margin-bottom: 25px; } .logo-white { float:left !important; } .logo-white img { float: left; } .widget-type-logo { position: absolute; top: 17px; } .left-col-detail { float: left; width: 100%; } .left-col-detail i.fa { display: contents; } .left-col-detail #sticker-sticky-wrapper #sticker { position: static !important; } .hhs-form-con { max-width: 100% !important; } .ourLogos-section{ padding: 0 !important; } .hhs-gallery-card { margin-bottom: 50px !important; } .hhs-text-content {padding: 0px !important;} .hhs-form-con-1 {max-width: 100% !important;} } @media (max-width: 768px){ .header-container-wrapper .container-fluid .row-fluid .mega-menu, .custom-menu-primary .mega-menu { display: none; opacity: 0; visibility: hidden; } } /* Landscape phones and smaller devices ========================================================================== */ @media (max-width: 575px) { .body-container-wrapper { padding-top: 0px; } .cta-center-mobile { text-align: center; } .cta-input-inline .hs_submit { float: none; width: auto; } .cta-input-inline form > div:first-child { width: 100%; } .post-item h2 { text-align: left; } .hhs-search-modal .hs-search-field__input { font-size: 18px !important; margin-bottom: 0px; } .hhs-pop.hhs-modal.hhs-search-modal{ padding: 10px !important; } .hhs-search-modal button { font-size: 16px; } .hhs-search-modal button i{ padding: 0 20px !important; } .hhs-video-con {max-width:100% !important;} .hhs-footer {padding: 30px 0px !important;} .scrolling-testimonials .quote-con { font-size: 21px !important; } .hhs-form-con { max-width: 100% !important; } } img {height: auto !important;} .hide { display: none !important; } /* Fix testimonials on smaller widths */ @media (max-width: 767px) { .testimonial-avatar, .person-info { float: none !important; max-width: 100% !important; } } .hubspot-link__container { top: 7px !important; padding-bottom: 0px !important; } /*** BOOTSTRAP GRID ADDITIONS ***/ @media (max-width: 575px) { .order-1-mobile {order: 1;} .order-2-mobile {order: 2;} .order-3-mobile {order: 3;} .order-4-mobile {order: 4;} .order-5-mobile {order: 5;} .order-6-mobile {order: 6;} } @media (max-width: 768px) { .page-center { max-width: 720px !important; } } /*** OVERRIDES ***/ .hubspot-link__container.sproket .hubspot-link__icon {margin-top: -4px !important;} .header-container.container-fluid { padding-right: 0px; padding-left: 0px; } .row { margin-right: 0px !important; margin-left: 0px !important; } .hubspot-link__container.sproket { display: none !important; opacity: 0 !important; visibility: hidden !important; } div#preload { display: none; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #666; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #666; } .hhs-pop .hhs-pop-the-form { padding: 50px 0; } .blocker {z-index:100000 !important;} .hhs-pop.hhs-modal { z-index: 1000000; position: relative; } .hhs-pop.hhs-modal .hhs-pform .hs-form-required { display: none !important; } .hhs-pop.hhs-modal .hs-form { margin-top: 0; } @media (min-width: 768px) { .hhs-pop .vert-align { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .hhs-pop .vert-align.rev-order { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } } .hhs-pop .hhs-page-center { max-width: 1000px; margin: 0 auto !important; float: none !important; } .hhs-pop a.hhs-cta-button, .hhs-pop a.hhs-cta-button:link, .hhs-pop a.hhs-cta-button:active, .hhs-pop a.hhs-cta-button:visited, .hhs-pop a.hhs-cta_button, .hhs-pop a.hhs-cta_button:link, .hhs-pop a.hhs-cta_button:active, .hhs-pop a.hhs-cta_button:visited { color: #fff; text-decoration: none; } /*****************************************/ /* FORMS */ /*****************************************/ .hhs-pop .hhs-pform input, .hhs-pop .hhs-pform select, .hhs-pop .hhs-pform textarea { -webkit-appearance: none; color: #555; padding: 10px; background-color: #f5f5f5; border: 1px solid #aaaaaa; } .hhs-pop .hhs-pform .hs-button.primary { background-color: #ffaf03; color: #fff; text-align: center; padding: 15px 12px; min-width: 93.5% !important; } @media (max-width: 767px) { .hhs-pop .hhs-pform .hs-button.primary { min-width: 100% !important; } } .hhs-pop .hhs-pform .hs-button.primary:hover { background-color: rgba(255, 175, 3, .7); } /* ========================= */ /* FORM */ /* ========================= */ .hhs-pop .hhs-pform .hs-button.primary { padding: 10px; background: transparent; color: #ffaf03; border: 3px solid #ffaf03; margin-top:10px; min-width:100%; max-width: 100%; white-space: normal; display: block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .hhs-pop .hhs-pform .hs-button.primary:hover { background: #ffaf03; color: #fff; } .hhs-pop .hhs-pform .hs-form { margin-top:45px; } .hhs-pop .hhs-pform ul.inputs-list { -webkit-padding-start: 0; } .hhs-pop .hhs-pform .hs-form-radio { list-style-type:none; } .hhs-pop .hhs-pform .hs-form-booleancheckbox { list-style-type:none; } .hhs-pop .hhs-pform .hs-form fieldset { max-width: none !important; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .input { margin-right: 0!important; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .input { margin-right: 8px; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .hs-form-field:last-child .input { margin-right: 0; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .input { margin-right: 12px; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .hs-form-field:last-child .input { margin-right: 0; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .hs-input { width: 100%!important; } .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 input[type=checkbox], .hhs-pop .hs-form fieldset.form-columns-1 input[type=radio] { width:auto!important; } .hhs-pop .hhs-pform .hs-form-field .hs_email { display:inline-block; } .hhs-pop .hhs-pform ul.inputs-list li { list-style: none; } body .hhs-pop .hhs-pform input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box; } body .hhs-pop .hhs-pform input[type="radio" i] { -webkit-appearance: radio; box-sizing: border-box; } body .hhs-pop .hhs-pform input[type="radio" i], body .hhs-pop .hhs-pform input[type="checkbox" i] { background-color: initial; cursor: default; margin: 3px 0.5ex; padding: initial; border: initial; } .hhs.hhs-modal.modal .hs-richtext { } .hhs.hhs-modal.modal .hs-richtext { height: auto !important; width: 300px !important; } .hhs.hhs-modal.modal .hs-richtext img { height: auto !important; width: 300px !important; } .hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto; margin-right: 10px; } .hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="checkbox" i].hs-input { width: auto; margin-right: 10px; } .hhs-pop .hhs-pform form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; height: auto; } .submitted-message p { font-weight: bold; font-size: 22px; } @media (max-width: 575px) { .hhs-pop.hhs-modal { padding: 50px 0px; } } /** 3RD PART CSS INCLUDES **/ /*! * Bootstrap Grid v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } /*# sourceMappingURL=bootstrap-grid.css.map */ #js-rotating {display: none;} #js-rotating.morphext, .morphext > .animated { display: inline-block; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}} /*! Flickity v2.0.5 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} /** * material-design-lite - Material Design Components in CSS, JS and HTML * @version v1.3.0 * @license Apache-2.0 * @copyright 2015 Google, Inc. * @link https://github.com/google/material-design-lite */ @charset "UTF-8"; .mdl-ripple { background: #000; border-radius: 50%; height: 50px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; overflow: hidden } .mdl-ripple.is-animating { transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1); transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1) } .mdl-ripple.is-visible { opacity: .3 } .mdl-animation--default, .mdl-animation--fast-out-slow-in { transition-timing-function: cubic-bezier(.4, 0, .2, 1) } .mdl-animation--linear-out-slow-in { transition-timing-function: cubic-bezier(0, 0, .2, 1) } .mdl-animation--fast-out-linear-in { transition-timing-function: cubic-bezier(.4, 0, 1, 1) } .mdl-checkbox { position: relative; z-index: 1; vertical-align: middle; display: inline-block; box-sizing: border-box; width: 100%; height: 24px; margin: 0; padding: 0 } .mdl-checkbox.is-upgraded { padding-left: 24px } .mdl-checkbox__input { line-height: 24px } .mdl-checkbox.is-upgraded .mdl-checkbox__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none } .mdl-checkbox__box-outline { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; overflow: hidden; border: 2px solid rgba(0, 0, 0, .54); border-radius: 2px; z-index: 2 } .mdl-checkbox.is-checked .mdl-checkbox__box-outline { border: 2px solid rgb(63, 81, 181) } fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline { border: 2px solid rgba(0, 0, 0, .26); cursor: auto } .mdl-checkbox__focus-helper { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: transparent } .mdl-checkbox.is-focused .mdl-checkbox__focus-helper { box-shadow: 0 0 0 8px rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, .1) } .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper { box-shadow: 0 0 0 8px rgba(63, 81, 181, .26); background-color: rgba(63, 81, 181, .26) } .mdl-checkbox__tick-outline { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg=="); mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg=="); background: 0 0; transition-duration: .28s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-property: background } .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background: rgb(63, 81, 181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K") } fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline { background: rgba(0, 0, 0, .26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K") } .mdl-checkbox__label { position: relative; cursor: pointer; margin: 0 } fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label { color: rgba(0, 0, 0, .26); cursor: auto } .mdl-checkbox__ripple-container { position: absolute; z-index: 2; top: -6px; left: -10px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000) } .mdl-checkbox__ripple-container .mdl-ripple { background: rgb(63, 81, 181) } fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container { cursor: auto } fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple { background: 0 0 } .mdl-radio { position: relative; font-size: 16px; line-height: 24px; display: inline-block; vertical-align: middle; box-sizing: border-box; height: 24px; margin: 0; padding-left: 0 } .mdl-radio.is-upgraded { padding-left: 24px } .mdl-radio__button { line-height: 24px } .mdl-radio.is-upgraded .mdl-radio__button { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none } .mdl-radio__outer-circle { position: absolute; top: 4px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; border: 2px solid rgba(0, 0, 0, .54); border-radius: 50%; z-index: 2 } .mdl-radio.is-checked .mdl-radio__outer-circle { border: 2px solid rgb(63, 81, 181) } .mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle { border: 2px solid rgba(0, 0, 0, .26); cursor: auto } .mdl-radio__inner-circle { position: absolute; z-index: 1; margin: 0; top: 8px; left: 4px; box-sizing: border-box; width: 8px; height: 8px; cursor: pointer; transition-duration: .28s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform: scale(0, 0); transform: scale(0, 0); border-radius: 50%; background: rgb(63, 81, 181) } .mdl-radio.is-checked .mdl-radio__inner-circle { -webkit-transform: scale(1, 1); transform: scale(1, 1) } fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle { background: rgba(0, 0, 0, .26); cursor: auto } .mdl-radio.is-focused .mdl-radio__inner-circle { box-shadow: 0 0 0 10px rgba(0, 0, 0, .1) } .mdl-radio__label { cursor: pointer } fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label { color: rgba(0, 0, 0, .26); cursor: auto } .mdl-radio__ripple-container { position: absolute; z-index: 2; top: -9px; left: -13px; box-sizing: border-box; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000) } .mdl-radio__ripple-container .mdl-ripple { background: rgb(63, 81, 181) } fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container { cursor: auto } fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple { background: 0 0 } .mdl-switch { position: relative; z-index: 1; vertical-align: middle; display: inline-block; box-sizing: border-box; width: 100%; height: 24px; margin: 0; padding: 0; overflow: visible; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mdl-switch.is-upgraded { padding-left: 28px } .mdl-switch__input { line-height: 24px } .mdl-switch.is-upgraded .mdl-switch__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none } .mdl-switch__track { background: rgba(0, 0, 0, .26); position: absolute; left: 0; top: 5px; height: 14px; width: 36px; border-radius: 14px; cursor: pointer } .mdl-switch.is-checked .mdl-switch__track { background: rgba(63, 81, 181, .5) } .mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track { background: rgba(0, 0, 0, .12); cursor: auto } .mdl-switch__thumb { background: #fafafa; position: absolute; left: 0; top: 2px; height: 20px; width: 20px; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); transition-duration: .28s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-property: left } .mdl-switch.is-checked .mdl-switch__thumb { background: rgb(63, 81, 181); left: 16px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12) } .mdl-switch__thumb fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__thumb { background: #bdbdbd; cursor: auto } .mdl-switch__focus-helper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-4px, -4px); transform: translate(-4px, -4px); display: inline-block; box-sizing: border-box; width: 8px; height: 8px; border-radius: 50%; background-color: transparent } .mdl-switch.is-focused .mdl-switch__focus-helper { box-shadow: 0 0 0 20px rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, .1) } .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper { box-shadow: 0 0 0 20px rgba(63, 81, 181, .26); background-color: rgba(63, 81, 181, .26) } .mdl-switch__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; left: 24px } .mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label { color: #bdbdbd; cursor: auto } .mdl-switch__ripple-container { position: absolute; z-index: 2; top: -12px; left: -14px; box-sizing: border-box; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); transition-duration: .4s; transition-timing-function: step-end; transition-property: left } .mdl-switch__ripple-container .mdl-ripple { background: rgb(63, 81, 181) } .mdl-switch__ripple-container fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__ripple-container { cursor: auto } fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple, .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple { background: 0 0 } .mdl-switch.is-checked .mdl-switch__ripple-container { left: 2px } @-webkit-keyframes border-expand { 0% { opacity: 0; width: 0 } 100% { opacity: 1; width: 100% } } @keyframes border-expand { 0% { opacity: 0; width: 0 } 100% { opacity: 1; width: 100% } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 50% { -webkit-transform: scale(.99); transform: scale(.99) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } } @keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 50% { -webkit-transform: scale(.99); transform: scale(.99) } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } } .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} /*** FONT AWESOME MINIMAL ***/ .fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } /*** ICONS USED IN CLEAN TEMPLATES ***/ .fa-chevron-up:before { content: "\f077" } .fa-quote-right:before { content: "\f10e" } .fa-check:before { content: "\f00c" } .fa-search:before { content: "\f002" } .fa-times:before { content: "\f00d" } .fa-angle-double-down:before { content: "\f103" } .fa-reply:before { content: "\f3e5"; } .fa-angle-double-up:before { content: "\f102" } .fa-paper-plane:before { content: "\f1d8" } .fa-facebook-f:before { content: "\f39e" } .fa-twitter:before { content: "\f099" } .fa-instagram:before { content: "\f16d" } .fa-linkedin-in:before { content: "\f0e1" } .fa-youtube:before { content: "\f167" } .fa-medium-m:before { content: "\f3c7" } .fa-question-circle:before { content: "\f059" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-brands-400.woff2") format("woff2"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-brands-400.woff") format("woff"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-brands-400.ttf") format("truetype"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-brands-400.svg") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-regular-400.woff2") format("woff2"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-regular-400.woff") format("woff"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-regular-400.ttf") format("truetype"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-solid-900.woff2") format("woff2"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-solid-900.woff") format("woff"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-solid-900.ttf") format("truetype"), url("//6046722.fs1.hubspotusercontent-na1.net/hubfs/6046722/raw_assets/public/21%20-%20demicon%20theme%20/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } .fa, .far, .fas { font-family: "Font Awesome 5 Free" } .dnd-section > .row-fluid { } .dnd-section { padding-bottom: 0px; padding-top: 0px; } .body-container__homepage .dnd-section:nth-child(odd) { background-color: #001330; } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-slim { max-width: 880px !important; } html { font-size: 18px; } body { font-size: 18px; font-family: Montserrat; font-size: 18px; font-weight: 300; } p { color: #444444; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 300; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.3em; } @media(max-width: 767px) { p { font-size: 16px; } } li { color: #444444; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 300; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.2em; } @media(max-width: 767px) { li { font-size: 16px; } } blockquote, blockquote p{ color: #444444; font-family: Montserrat; font-size: 22px; font-style: normal; font-weight: 500; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.2em; border-left: 4px solid rgba(0, 102, 255, 100); padding-left: 25px; } @media(max-width: 767px) { li { font-size: 14px; } } a { color: #0066FF; } a:hover, a:focus { color: #001330; } a:active { color: #0066FF; } h1 { color: #222222; font-family: Montserrat; font-size: 50px; font-style: normal; font-weight: 600; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.1em; } @media(max-width: 767px) { h1 { font-size: 40px; } } h2 { color: #222222; font-family: Montserrat; font-size: 44px; font-style: normal; font-weight: 600; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.1em; } @media(max-width: 767px) { h2 { font-size: 30px; } } h3 { color: #222222; font-family: Montserrat; font-size: 35px; font-style: normal; font-weight: 600; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.1em; } @media(max-width: 767px) { h3 { font-size: 24px; } } h4 { color: #222222; font-family: Montserrat; font-size: 28px; font-style: normal; font-weight: 600; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.1em; } @media(max-width: 767px) { h4 { font-size: 22px; } } h5 { color: #222222; font-family: Montserrat; font-size: 22px; font-style: normal; font-weight: 600; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.1em; } h6 { color: #222222; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 600; text-decoration: none; text-transform: unset; letter-spacing: 0px; line-height: 1.1em; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: unset; letter-spacing: 0px; } .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: unset; letter-spacing: 0px; } .hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 14.4px !important; } .hhs-divider { border-bottom: 2px solid #0066FF; width: 100px; margin: 0 0 50px 0; } .hhs-icon-con svg { fill: #0066FF; width: 42px; height: 42px; } body i { color: #0066FF; } .submit-alt .hs-button, .hs-button, .button--primary, .cta-primary, .cta-secondary, .cta-tertiary { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; vertical-align: middle; display: inline-block; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .hs-button:hover, .button--primary:hover, .hs-button:active, .button--primary:active, .hs-button:focus, .button--primary:focus, .cta-primary:hover, .cta-secondary:hover, .cta-tertiary:hover, .cta-primary:active, .cta-secondary:active, .cta-tertiary:active, .cta-primary:focus, .cta-secondary:focus, .cta-tertiary:focus { text-decoration: none; } button { font-family: Montserrat; } .cta-primary, .cta-primary:active { color: #ffffff !important; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 15px 25px; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(204, 51, 51, 1.0); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } .cta-primary:hover, .cta-primary:focus { color: #ffffff !important; background-color: rgba(204, 51, 51, 0.8); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .cta-secondary, .cta-secondary:active { color: #ffffff !important; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 15px 25px; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(0, 19, 48, 1.0); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } .cta-secondary:hover, .cta-secondary:focus { color: #FFFFFF !important; background-color: rgba(0, 19, 48, 0.8); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .cta-tertiary, .cta-tertiary.active{ color: #ffffff !important; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 15px 25px; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(0, 102, 255, 1.0); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } .cta-tertiary:hover, .cta-tertiary.focus { color: #ffffff !important; background-color: rgba(0, 102, 255, 0.8); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .hs-button, .button--primary { color: #ffffff !important; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 15px 25px; -webkit-border-radius: 50px; border-radius: 50px; border: none; background-color: rgba(0, 102, 255, 1.0); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } .hs-button:hover, .hs-button:focus, .button--primary:hover, .button--primary:focus { color: #ffffff !important; background-color: rgba(0, 102, 255, 0.8); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .submit-alt .hs-button, .submit-alt .button--primary { color: #ffffff !important; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 15px 25px; -webkit-border-radius: 3px; border-radius: 3px; border: none; background-color: transparent; border: 1px solid rgba(0, 102, 255, 1.0); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } .submit-alt .hs-button:hover, .submit-alt .hs-button:focus, .submit-alt .button--primary:hover, .submit-alt .button--primary:focus { color: #ffffff !important; background-color: transparent; border: 1px solid rgba(0, 102, 255, 1.0); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } select, .hs-input { background-color: rgba(255, 255, 255, 1.0); border: 1px solid rgba(230, 230, 230, 1.0); -webkit-border-radius: 5px; border-radius: 5px; color: #444444; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; padding: 12px 8px; } ::-webkit-input-placeholder { /* Chrome */ color: #E6E6E6; transition: opacity 250ms ease-in-out; } :focus::-webkit-input-placeholder { opacity: 0.5; } :-ms-input-placeholder { /* IE 10+ */ color: #E6E6E6; transition: opacity 250ms ease-in-out; } :focus:-ms-input-placeholder { opacity: 0.5; } ::-moz-placeholder { /* Firefox 19+ */ color: #E6E6E6; opacity: 1; transition: opacity 250ms ease-in-out; } :focus::-moz-placeholder { opacity: 0.5; } :-moz-placeholder { /* Firefox 4 - 18 */ color: #E6E6E6; opacity: 1; transition: opacity 250ms ease-in-out; } :focus:-moz-placeholder { opacity: 0.5; } .hs-input:focus { outline: none; border-color: rgba(0, 102, 255, 1.0); } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 12px 8px; } select.post__category-selector { background-color: rgba(0,0,0,0.3); border-color: rgba(255,255,255,0.3); color: #ccc; } .hs-fieldtype-checkbox > label, .hs-form label { color: #444444; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; } .hs_radio_buttons .hs-form-radio label, .hs_single_checkbox label, .hs-fieldtype-checkbox .hs-form-checkbox label, .hs-form-booleancheckbox label { color: #444444; font-family: Montserrat; font-size: 13px; font-style: normal; font-weight: normal; letter-spacing: 0px; text-transform: unset; line-height: 1.2em; } .hs-form legend { color: #999999; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: normal; } .legal-consent-container, .legal-consent-container p{ color: #999999; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: normal; } input.hs-input.error, div.field.error input, div.field.error textarea, div.field.error .chzn-choices, textarea.hs-input.error, select.hs-input.error { border-color: #da0101; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom: 0; } input.hs-input.error:focus, div.field.error input:focus, div.field.error textarea:focus, div.field.error .chzn-choices:focus, textarea.hs-input.error:focus, select.hs-input.error:focus { border-color: #da0101; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom: 0; } .hs-error-msgs { border-color: #da0101; background-color: rgba(218, 1, 1, 0.2 ); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-size: 1px; } .hs-error-msgs label { color: #da0101; font-family: Montserrat; font-size: 13px; font-style: normal; font-weight: normal; text-transform: unset; letter-spacing: 0px; padding: 10px; } form, .submitted-message { font-family: ; } form input, form select, select, form textarea { border-color: rgba(230, 230, 230, 1.0); color: ; } form input:focus, form select:focus, select:focus, form textarea:focus { border-color: rgba(0, 102, 255, 1.0); } .fn-date-picker .pika-table thead th { color: rgba(34, 34, 34, 0.0); } .hs-input:-moz-placeholder, .hs-input::-webkit-input-placeholder, .hs-field-desc, .hs-dateinput:before, .hs-richtext { color: ; } .hs-default-font-element, .hs-main-font-element { font-family: ; } .fn-date-picker td.is-today .pika-button { color: #0066FF; } .fn-date-picker td.is-selected .pika-button { background: #0066FF; } .fn-date-picker td .pika-button:hover { background-color: #001330 !important; } .hhs-pop.hhs-modal { background-color: rgba(248, 248, 248, 1.0); max-width: 800px; -webkit-border-radius: 15px; border-radius: 15px; padding: 75px 0 75px; } .blocker { background-color: rgba(0, 19, 48, 0.8); } .header__container { /*max-width: px;*/ } body .navigation-primary a, .header__logo .logo-company-name, .header__language-switcher-label-current, .header__language-switcher .lang_list_class li a { /* SET COLOR */ } body .navigation-primary a:hover, body .navigation-primary a:focus, .header__language-switcher-label-current:hover, .header__language-switcher-label-current:focus, .header__language-switcher .lang_list_class li:hover a, .header__language-switcher .lang_list_class li a:focus { /* SET COLOR */ } body .navigation-primary a:active, body .header__language-switcher-label-current:active, body .header__language-switcher .lang_list_class li a:active { /* SET COLOR */ } body .navigation-primary .submenu.level-1 > li > a.active-item:after { /* SET BACKGROUND COLOR */ } body .submenu.level-2, body .header__language-switcher .lang_list_class { /* SET BACKGROUND COLOR */ /* SET BORDER COLOR */ } body .submenu.level-2 .menu-item .menu-link:hover, body .submenu.level-2 .menu-item .menu-link:focus, body .header__language-switcher .lang_list_class li:hover { /* SET BACKGROUND COLOR */ } .header__language-switcher-label-current, .header__language-switcher .lang_list_class li a { /* SET FONT FAMILY */ } .header__language-switcher-label-current:after { /* SET BORDER TOP COLOR */ } @media(max-width: 767px) { .header__navigation { /* SET BACKGROUND COLOR */ } .header__navigation-toggle svg, .menu-arrow svg { /* SET FILL COLOR */ } } .footer { /* SET BACKGROUND COLOR */ } .blog-content-body { background-color: rgba(242, 245, 248, 1.0); } .blog-header-standard { background-color: rgba(68, 68, 68, 1.0); } .blog-header-overlay {background-color: rgba(0, 0, 0, 0.5);} .blog-header__title { font-size: 62px; color: rgba(255, 255, 255, 1.0); } p.blog-header__subtitle, h4.blog-header__subtitle { color: rgba(255, 255, 255, 1.0); } @media (max-width: 575px) { .blog-header__title { font-size: 38px; text-align: center; } } .blog-header-standard .hs-form label { color: rgba(255, 255, 255, 1.0); } .blog-header-standard .blog-header__form h1, .blog-header-standard .blog-header__form h2, .blog-header-standard .blog-header__form h3, .blog-header-standard .blog-header__form h4, .blog-header-standard .blog-header__form h5, .blog-header-standard .blog-header__form h6, .blog-header-standard .blog-header__form p, .blog-header-standard .blog-header__form li, .blog-header-standard .blog-header__form span { color: rgba(255, 255, 255, 1.0); } /*** SET POST GRID CARD STYLE ***/ .blog-recent-posts__post, .hhs-blog-card-inner, .blog-index__post--large { background-color: rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); } .blog-index__post--large { margin-top: -130px; position: relative; z-index: 2; } .blog-header__inner { padding-bottom: 6.5rem; } .post-header .blog-header__inner { padding-bottom: 2.5rem !important; } .blog-index__post--large h2, .blog-index__post--large h2 a, .blog-index__post--small h2, .blog-index__post--small h2 a, .blog-recent-posts__title, .blog-index__tag-heading { color: rgba(34, 34, 34, 1.0); } .blog-index__post--large h2 a:hover, .blog-index__post--small h2 a:hover { color: rgba(0, 19, 48, 1.0); } .blog-recent-posts__post p, .blog-index__post--large p, .blog-index__post--small p, .blog-index__tag-subtitle { color: rgba(68, 68, 68, 1.0); } .blog-post__date { /* SET BORDER COLOR */ } .blog-tag-filter__menu-link, .blog-post__tag-link, .blog-card__tag-link, .blog-post__author-name, .blog-card__title a { /* SET COLOR */ } .blog-card__tag-link:hover, .blog-card__title a:hover, .blog-tag-filter__menu-link:hover, .blog-post__tag-link:hover, .blog-post__author-name:hover, .blog-card__tag-link:focus, .blog-card__title a:focus, .blog-tag-filter__menu-link:focus, .blog-post__tag-link:focus, .blog-post__author-name:focus { /* SET COLOR */ } .blog-card__tag-link:active, .blog-card__title a:active, .blog-tag-filter__menu-link:active, .blog-post__tag-link:active, .blog-post__author-name:active { color: ; } .blog-tag-filter__menu-link--active-item:after { background-color: #0066FF; } .blog-pagination__link { color: #444444; } .blog-pagination__link--active:after, .blog-pagination__prev-link:after, .blog-pagination__next-link:after { background-color: #0066FF; } /*** POST PAGE STYLE ***/ .post-page-full { background-color: rgba(255, 255, 255, 1.0); } .container-slim.content-area-width { max-width: 800px !important; } .blog-post__title { color: #000000; font-size: 62px; } @media (max-width: 575px) { .blog-post__title { color: #000000; font-size: 38px; } } .blog-post__author { background-color: #001330; } .meta-author, .meta-author a { color: rgba(0, 0, 0, 1.0); } h6.reading-minutes { color: rgba(0, 0, 0, 1.0); } .blog-post__tag-link, .blog-post__tag-link:hover { color: rgba(255, 255, 255, 1.0); background-color: rgba(0, 0, 0, 1.0); } .blog-post__body p, .blog-post__body li, .blog-post__body span{ font-size: 20px; color: rgba(0, 0, 0, 1.0); line-height: 1.5em; } #comments-listing .comment-body p { color: rgba(0, 0, 0, 1.0); } #comments-listing .comment-date { color: rgba(0, 0, 0, 0.6) !important; } #comments-listing .comment-from h4 { color: rgba(0, 0, 0, 1.0); } .blog-comments .hs-form .hs-field-desc, .blog-comments .hs-form .legal-consent-container p { color: rgba(0, 0, 0, 1.0); } .blog-post__body h1, .blog-post__body h2, .blog-post__body h3, .blog-post__body h4, .blog-post__body h5, .blog-post__body h6, .blog-comments .hs-form label, .blog-recent-posts h4 { color: rgba(0, 0, 0, 1.0); } #comments-listing .comment-reply-to { color: rgba(0, 102, 255, 1.0); } .blog-post__timestamp { color: rgba(0, 0, 0, 1.0); } #comments-listing .comment-reply-to:hover, #comments-listing .comment-reply-to:focus { color: rgba(0, 19, 48, 1.0); } #comments-listing .comment-reply-to:active { color: rgba(0, 102, 255, 1.0); } .error-page-full { background-color: rgba(255, 255, 255, 1.0); } .error-page h1, .error-page h4, .error-page p { color: rgba(34, 34, 34, 1.0); } .error-page:before { color: rgba(34, 34, 34, 0.05); } .sub-pre-header{ background: transparent url("https://507386.fs1.hubspotusercontent-na1.net/hubfs/507386/CLEAN-images/heros/sub-prefs-bg.jpg") no-repeat center center; background-size: cover; } .sub-pre-header h1, .sub-pre-header p { color: rgba(255, 255, 255, 1.0); } .sub-pref-full { background-color: rgba(255, 255, 255, 1.0); } .sub-pref-full #email-prefs-form h2, .sub-pref-full #email-prefs-form h3, .sub-pref-full #email-prefs-form .page-header, .sub-pref-full #email-prefs-form p, .sub-pref-full #email-prefs-form span { color: rgba(34, 34, 34, 1.0); } .results-pre-header { background-color: rgba(242, 245, 248, 1.0); } .results-pre-header h1, .results-pre-header h4 { color: rgba(34, 34, 34, 1.0); } .results-full { background-color: rgba(255, 255, 255, 1.0); } .results-full .hs-search-results__title, .results-full .hs-search-results__description { color: rgba(34, 34, 34, 1.0); } .results-full .hs-search-results__title:hover { color: #001330; } body .icon svg, { fill: #0066FF; } body .tns-nav button.tns-nav-active { background-color: #0066FF; } body .tns-nav button:hover, body .tns-nav button:focus { background-color: #0066FF; } body .social-links__icon { background-color: #0066FF; } body .social-links__icon:hover svg, body .social-links__icon:focus svg { fill: #0066FF; } body .social-links__icon:active svg { fill: #0066FF; } body .team-member__description { background-color: #001330; } @media(max-width: 980px){ .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { word-break: break-word !important; white-space: break-spaces !important; line-height: 1.6; } } .hhs-search-modal button { background-color: #cc3333; } .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0px; } .hs-button[value="Jetzt Downloaden"], .hs-button[value="Download now"], .button--primary[value="Jetzt Downloaden"] { margin-top:30px; background-color:#cc3232; } .hs-button[value="Jetzt Downloaden"]:hover, .hs-button[value="Download now"]:hover { background-color:#D8605E; } .mdl-checkbox__box-outline { left: -20px; } .mdl-checkbox.is-upgraded { padding-left: 0px; padding-top:2px; }