@charset "UTF-8";

   @font-face {
font-family: 'gotham';
src: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/fonts/Gotham-Bold.otf);
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: 'gotham';
src: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/fonts/Gotham-Medium.ttf);
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'gotham';
src: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/fonts/Gotham-Light.otf);
font-weight: 200;
font-display: swap;
}  html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}   html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} article,
aside,
footer,
header,
nav,
section {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  figcaption,
figure,
main { display: block;
} figure {
margin: 1em 40px;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block;
} summary {
display: list-item;
}  canvas {
display: inline-block;
} template {
display: none;
}  [hidden] {
display: none;
}  body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
margin: 0;
padding: 0;
} li > ol,
li > ul {
margin-bottom: 0;
} table {
border-collapse: collapse;
border-spacing: 0;
} fieldset {
min-width: 0; border: 0;
}   address,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, ol, ul,
figure,
hr,
table,
fieldset {
margin-bottom: 24px;
} dd, ol, ul {
margin-left: 24px;
}  html {
font-family: "gotham", sans-serif;
font-size: 1em; line-height: 1.5; overflow-y: scroll; min-height: 100%; background-color: #FFFFFF;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: 'kern';
font-feature-settings: 'kern';
-webkit-overflow-scrolling: touch;
color: #3C3C4D;
}
::-moz-selection {
background-color: #E2E2E5;
color: #4A4A4A;
}
::selection {
background-color: #E2E2E5;
color: #4A4A4A;
}
:focus:not(:focus-visible) {
outline: none;
}  h1 {
font-size: 42px;
font-size: 2.625rem;
line-height: 1.14286;
}
h2 {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.16667;
}
h3 {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.25;
}
h4 {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.42857;
}
h5 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
}
h6 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
}  img {
max-width: 100%; font-style: italic; vertical-align: middle; } img[width],
img[height] {
max-width: none;
}  table {
width: 100%; }     .o-wrapper {
padding-right: 24px;
padding-left: 24px;
margin-right: auto;
margin-left: auto;
max-width: 960px;
}
@media (min-width: 56.25em) {
.o-wrapper {
padding-right: 48px;
padding-left: 48px;
}
} .o-wrapper--tiny {
max-width: 320px;
}
.o-wrapper--small {
max-width: 720px;
}
.o-wrapper--large {
max-width: 1200px;
}
.o-wrapper--huge {
max-width: 1420px;
}   .o-row {
padding-top: 24px;
padding-bottom: 24px;
}
@media (min-width: 56.25em) {
.o-row {
padding-top: 48px;
padding-bottom: 48px;
}
}
.o-row-tiny {
padding-top: 6px;
padding-bottom: 6px;
}
@media (min-width: 56.25em) {
.o-row-tiny {
padding-top: 12px;
padding-bottom: 12px;
}
}
.o-row-small {
padding-top: 12px;
padding-bottom: 12px;
}
@media (min-width: 56.25em) {
.o-row-small {
padding-top: 24px;
padding-bottom: 24px;
}
}
.o-row-large {
padding-top: 48px;
padding-bottom: 48px;
}
@media (min-width: 56.25em) {
.o-row-large {
padding-top: 96px;
padding-bottom: 96px;
}
}
.o-row-huge {
padding-top: 96px;
padding-bottom: 96px;
}    .o-layout {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; -webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin: -24px; } .o-layout__item {
width: 100%; padding: 24px;
} .o-layout--tiny {
margin: -6px;
}
.o-layout--tiny > .o-layout__item {
padding: 6px;
}
.o-layout--small {
margin: -12px;
}
.o-layout--small > .o-layout__item {
padding: 12px;
}
.o-layout--large {
margin: -48px;
}
.o-layout--large > .o-layout__item {
padding: 48px;
}
.o-layout--huge {
margin: -96px;
}
.o-layout--huge > .o-layout__item {
padding: 96px;
}
.o-layout--flush {
margin: 0;
}
.o-layout--flush > .o-layout__item {
padding: 0;
}  .o-layout--middle > .o-layout__item {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
} .o-layout--bottom > .o-layout__item {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}  .o-layout--center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
} .o-layout--right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
} .o-layout--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}  .o-flag {
display: table; width: 100%; border-spacing: 0; } .o-flag__img,
.o-flag__body {
display: table-cell;
vertical-align: middle; } .o-flag__img {
width: 1px; padding-right: 24px; }
.o-flag__img > img {
max-width: none; } .o-flag__body {
width: auto; }
.o-flag__body,
.o-flag__body > :last-child {
margin-bottom: 0;
} .o-flag--flush > .o-flag__img {
padding-right: 0;
padding-left: 0;
}
.o-flag--tiny > .o-flag__img {
padding-right: 6px;
}
.o-flag--tiny.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 6px;
}
.o-flag--small > .o-flag__img {
padding-right: 12px;
}
.o-flag--small.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 12px;
}
.o-flag--large > .o-flag__img {
padding-right: 48px;
}
.o-flag--large.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 48px;
}
.o-flag--huge > .o-flag__img {
padding-right: 96px;
}
.o-flag--huge.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 96px;
}  .o-flag--reverse {
direction: rtl; }
.o-flag--reverse > .o-flag__img,
.o-flag--reverse > .o-flag__body {
direction: ltr; }
.o-flag--reverse > .o-flag__img {
padding-right: 0; padding-left: 24px; }  .o-flag--top > .o-flag__img,
.o-flag--top > .o-flag__body {
vertical-align: top;
}
.o-flag--bottom > .o-flag__img,
.o-flag--bottom > .o-flag__body {
vertical-align: bottom;
}  .o-list-bare {
list-style: none;
margin-left: 0;
}
.o-list-bare__item {
margin-left: 0;
}  .o-box {
display: block; padding: 24px;
}
.o-box:after {
content: "" !important;
display: block !important;
clear: both !important;
}
.o-box > :last-child {
margin-bottom: 0;
} .o-box--flush {
padding: 0;
}
.o-box--tiny {
padding: 6px;
}
.o-box--small {
padding: 12px;
}
.o-box--large {
padding: 48px;
}
.o-box--huge {
padding: 96px;
}  .o-crop {
position: relative; display: block;
overflow: hidden; } .o-crop__content {
position: absolute;
top: 0; left: 0; max-width: none; } .o-crop__content--left-top {
left: 0;
}
.o-crop__content--left-center {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.o-crop__content--left-bottom {
top: auto;
bottom: 0;
}
.o-crop__content--right-top {
right: 0;
left: auto;
}
.o-crop__content--right-center {
top: 50%;
right: 0;
left: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.o-crop__content--right-bottom {
top: auto;
right: 0;
bottom: 0;
left: auto;
}
.o-crop__content--center-top {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.o-crop__content--center,
.o-crop__content--center-center {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.o-crop__content--center-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}  .o-crop--21\:9 {
padding-bottom: 42.85714%;
}
.o-crop--16\:9 {
padding-bottom: 56.25%;
}
.o-crop--9\:16 {
padding-bottom: 115.10791%;
}
.o-crop--4\:3 {
padding-bottom: 75%;
}
.o-crop--5\:4 {
padding-bottom: 80%;
}
.o-crop--1\:1 {
padding-bottom: 100%;
}  .o-crop--fill > .o-crop__content {
min-height: 100%;
min-width: 100%;
} .c-brand,
.c-brand > .c-brand__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 180px;
height: 104px;
position: relative;
color: #4F46D4;
font-weight: 600;
text-decoration: none;
margin-bottom: 0;
background-color: #4F46D4;
} .has-nav {
overflow: hidden;
}
.c-navigation {
margin-bottom: 0;
position: relative;
display: block;
margin-right: 36px;
}
@media (max-width: 61.865em) {
.c-navigation {
position: fixed;
z-index: 1000;
overflow: scroll;
background-color: #3f38aa;
top: 104px;
right: 0;
bottom: 0;
left: 0;
margin-right: 0;
padding: 48px 24px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
text-align: center;
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
.admin-bar .c-navigation {
top: calc(104px + 46px);
}
.c-navigation.is-visible {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
}
.c-navigation > .menu-item {
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-navigation > .menu-item:last-child {
margin-bottom: 48px;
}
@media (min-width: 61.875em) {
.c-navigation > .menu-item {
display: inline-block;
}
.c-navigation > .menu-item:last-child {
margin-bottom: 0;
}
}
.c-navigation > .menu-item + .menu-item {
margin-top: 6px;
}
@media (min-width: 61.875em) {
.c-navigation > .menu-item + .menu-item {
margin-top: 0;
margin-left: 12px;
}
}
@media (min-width: 75em) {
.c-navigation > .menu-item + .menu-item {
margin-left: 30px;
}
}
.c-navigation > .menu-item > a {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
display: block;
font-weight: 400;
padding: 24px 6px;
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
text-decoration: none;
}
.c-navigation > .menu-item > a, .c-navigation > .menu-item > a:visited {
color: #4A4A4A;
}
.c-navigation > .menu-item > a:hover, .c-navigation > .menu-item > a:focus {
color: #4F46D4;
}
.c-navigation > .menu-item > a:focus {
outline: 2px dotted #d8d8db;
}
@media (min-width: 61.875em) {
.c-navigation > .menu-item > a {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
}
@media (min-width: 75em) {
.c-navigation > .menu-item > a {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
}
}
@media (max-width: 61.865em) {
.c-navigation > .menu-item > a {
padding: 12px 6px;
}
.c-navigation > .menu-item > a, .c-navigation > .menu-item > a:visited {
color: #c7c4f1;
}
.c-navigation > .menu-item > a:hover, .c-navigation > .menu-item > a:focus {
color: #e3e1f8;
}
.c-navigation > .menu-item > a:focus {
outline: 2px dotted #d8d8db;
}
}
.c-navigation > .menu-item:last-child a {
line-height: 1;
border: 1px solid #4A4A4A;
border-radius: 4px;
padding: 12px 18px;
-webkit-transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
margin-left: 6px;
}
@media (max-width: 61.865em) {
.c-navigation > .menu-item:last-child a {
color: #4F46D4;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 4px;
padding: 18px;
margin-top: 36px;
margin-left: 0;
}
}
.c-navigation > .menu-item:last-child a:hover,
.c-navigation > .menu-item:last-child a:focus {
border-color: #726bdd;
}
@media (max-width: 61.865em) {
.c-navigation > .menu-item:last-child a:hover,
.c-navigation > .menu-item:last-child a:focus {
color: #3f38aa;
background-color: #f8f8fd;
border-color: #f8f8fd;
}
}
.c-navigation > .menu-item.current_page_item > a,
.c-navigation > .menu-item.current-page-parent > a {
color: #4F46D4;
}
@media (max-width: 61.865em) {
.c-navigation > .menu-item.current_page_item > a,
.c-navigation > .menu-item.current-page-parent > a {
color: #FFFFFF;
}
}
.c-navigation > .menu-item.current_page_item:last-child > a {
border-color: #726bdd;
}
@media (max-width: 61.865em) {
.c-navigation > .menu-item.current_page_item:last-child > a {
color: #3f38aa;
}
}
@media (min-width: 61.875em) {
.c-navigation > .menu-item-has-children > a::after {
position: relative;
content: '';
display: inline-block;
background-image: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/img/svg/subnav.svg);
width: 1em;
height: 1em;
background-size: contain;
top: .35ex;
opacity: .5;
margin-left: 6px;
margin-right: -6px;
}
.c-navigation > .menu-item-has-children > a:hover::after {
background-image: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/img/svg/subnav-active.svg);
opacity: .8;
}
}
.c-navigation .sub-menu {
list-style: none;
margin-left: 0;
position: absolute;
top: calc(100% - 1px); left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: none;
border-radius: 4px;
-webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 12px rgba(17, 17, 17, 0.2);
box-shadow: 0 0 12px rgba(17, 17, 17, 0.2);
width: 240px;
}
.c-navigation .sub-menu:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #FFFFFF;
border-width: 6px;
margin-left: -6px;
}
@media (min-width: 75em) {
.c-navigation .sub-menu {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
width: 240px;
}
}
@media (min-width: 61.875em) {
.c-navigation > .menu-item:hover > .sub-menu,
.c-navigation > .menu-item a:focus + .sub-menu,
.c-navigation .menu-item:focus-within > .sub-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 61.875em) {
.c-navigation > .menu-item:hover > .sub-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.c-navigation .sub-menu > .menu-item {
position: relative;
display: block;
width: 100%;
overflow: hidden;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.c-navigation .sub-menu > .menu-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.c-navigation .sub-menu > .menu-item:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.c-navigation .sub-menu > .menu-item + .menu-item {
border-top: 1px solid #efeff1;
}
.c-navigation .sub-menu > .menu-item > a {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
background-color: #FFFFFF;
font-weight: 300;
display: block;
padding: 12px;
-webkit-box-shadow: inset 4px 0 transparent;
box-shadow: inset 4px 0 transparent;
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
text-decoration: none;
}
.c-navigation .sub-menu > .menu-item > a, .c-navigation .sub-menu > .menu-item > a:visited {
color: #3C3C4D;
}
.c-navigation .sub-menu > .menu-item > a:hover, .c-navigation .sub-menu > .menu-item > a:focus {
color: #4F46D4;
}
.c-navigation .sub-menu > .menu-item > a:focus {
outline: 2px dotted #d8d8db;
outline-offset: -2px;
}
.c-navigation .sub-menu > .menu-item.current_page_item > a {
color: #4F46D4;
-webkit-box-shadow: inset 4px 0 #dcdaf6;
box-shadow: inset 4px 0 #dcdaf6;
font-weight: 400;
}
.c-navigation-toggle {
display: block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 2000;
border: 0;
color: #4F46D4;
background-color: transparent;
-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
margin-right: 12px;
}
.c-navigation-toggle span {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.c-navigation-toggle:focus {
outline: 0;
}
@media (min-width: 61.875em) {
.c-navigation-toggle {
display: none;
}
}
.c-hamburger {
display: block;
stroke: currentColor;
stroke-width: 6px;
stroke-linecap: round;
width: 44px;
height: 44px;
}
.c-hamburger__line {
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.c-hamburger__line:nth-child(3) {
opacity: 0;
}
[aria-expanded='true'] .c-hamburger__line:nth-child(2) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
[aria-expanded='true'] .c-hamburger__line:nth-child(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1;
}
[aria-expanded='true'] .c-hamburger__line:first-child, [aria-expanded='true'] .c-hamburger__line:last-child {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
} .c-header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 6px 12px rgba(74, 74, 74, 0.1);
box-shadow: 0 6px 12px rgba(74, 74, 74, 0.1);
z-index: 1;
} .c-footer {
background-color: #3C3C4D;
}
.c-footer__nav {
list-style: none;
margin-top: 48px;
}
.c-footer__nav .menu-item {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
display: block;
margin-bottom: 24px;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-footer__nav .menu-item > a,
.c-footer__nav .menu-item > a:visited {
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
font-weight: 400;
display: inline-block;
color: #d8d8db;
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
text-decoration: none;
outline: 1px solid transparent;
}
.c-footer__nav .menu-item > a::after {
position: relative;
content: '';
display: inline-block;
background-image: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/img/svg/caret.svg);
width: 1em;
height: 1em;
background-size: contain;
top: calc(.35ex - .5ex);
margin-bottom: -.5ex;
opacity: .8;
}
.c-footer__nav .menu-item > a:hover,
.c-footer__nav .menu-item > a:focus {
color: #FFFFFF;
}
.c-footer__nav .menu-item > a:hover::after,
.c-footer__nav .menu-item > a:focus::after {
opacity: 1;
}
.c-footer__nav .menu-item > a:focus {
outline: 2px dotted #636371;
outline-offset: 2px;
}
.c-footer__nav .menu-item:last-child > a {
margin-top: 24px;
background-color: #4F46D4;
padding: 12px;
border-radius: 4px;
color: #FFFFFF;
}
.c-footer__nav .menu-item:last-child > a::after {
display: none;
}
.c-footer__nav .menu-item:last-child > a:hover {
background-color: #726bdd;
}
.c-footer__nav .menu-item.current_page_item > a {
color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
}
.c-footer__nav .menu-item.current_page_item > a::after {
display: none;
}
.c-footer__nav .sub-menu {
display: block;
margin-left: 0;
list-style: none;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.c-footer__nav .sub-menu > .menu-item {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
margin-top: 0;
margin-bottom: 18px;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.c-footer__nav .sub-menu > .menu-item:first-child {
margin-top: 12px;
}
.c-footer__nav .sub-menu > .menu-item:last-child {
margin-bottom: 36px;
}
.c-footer__nav .sub-menu > .menu-item > a::after {
display: none;
}
.c-footer__nav .sub-menu > .menu-item:last-child > a {
background-color: transparent;
padding: 0;
border-radius: 0;
color: #d8d8db;
margin-top: 0;
}
.c-footer__nav .sub-menu > .menu-item:last-child > a:hover {
background-color: transparent;
}
.c-footer__nav .sub-menu > .menu-item > a,
.c-footer__nav .sub-menu > .menu-item > a:visited {
font-weight: 300;
color: #d8d8db;
text-shadow: -2px -2px #3C3C4D, -2px 2px #3C3C4D, 2px -2px #3C3C4D, 2px 2px #3C3C4D;
-webkit-box-shadow: inset 0 calc(-.05ex) 0 0 #3C3C4D, inset 0 calc(-.05ex - 1px) 0 0 #4F46D4;
box-shadow: inset 0 calc(-.05ex) 0 0 #3C3C4D, inset 0 calc(-.05ex - 1px) 0 0 #4F46D4;
}
.c-footer__nav .sub-menu > .menu-item > a:hover,
.c-footer__nav .sub-menu > .menu-item > a:focus {
color: #FFFFFF;
-webkit-box-shadow: inset 0 calc(-.05ex) 0 0 #3C3C4D, inset 0 calc(-.05ex - 1px) 0 0 #726bdd;
box-shadow: inset 0 calc(-.05ex) 0 0 #3C3C4D, inset 0 calc(-.05ex - 1px) 0 0 #726bdd;
}
.c-footer__nav .sub-menu > .menu-item.current_page_item > a {
color: #FFFFFF;
font-weight: 300;
}
@media (min-width: 37.5em) {
.c-footer__nav {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
}
@media (min-width: 56.25em) {
.c-footer__nav {
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
margin-top: 0;
}
}
.c-footer-social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
.c-footer-social__item {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.25;
}
.c-footer-social__item + .c-footer-social__item {
margin-left: 24px;
}
.c-footer-icons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 24px;
}
@media (min-width: 56.25em) {
.c-footer-icons {
margin-top: 48px;
}
}
.c-footer-img {
width: 60px;
display: block;
border: 1px solid #636371;
}
.c-footer-img img {
display: block;
width: 100%;
} .c-hero-title {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.3;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-hero-title span {
color: #61616F;
}
.c-hero-title .c-icon {
color: #d8d8db;
bottom: .15ex;
width: 1.2em;
height: 1.2em;
}
@media (min-width: 56.25em) {
.c-hero-title {
font-size: 42px;
font-size: 2.525rem;
line-height: 1.3;
}
}
@media (min-width: 75em) {
.c-hero-title {
font-size: 45px;
font-size: 2.7rem;
line-height: 1.3;
}
}
.c-hero-breadcrumb {
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
display: block;
padding-bottom: 12px;
margin-bottom: 24px;
border-bottom: 2px solid #efeff1;
}
@media (min-width: 56.25em) {
.c-hero-breadcrumb {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3;
}
}
.c-hero-subtitle {
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
position: relative;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 6px;
color: #cdcbf3;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-hero-subtitle a,
.c-hero-subtitle a:visited {
color: #cdcbf3;
text-decoration: underline;
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-hero-subtitle a:hover,
.c-hero-subtitle a:focus {
color: #FFFFFF;
text-decoration: underline;
}
.c-hero-subtitle a:focus {
outline: 2px dotted #636371;
}
@media (min-width: 56.25em) {
.c-hero-subtitle {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3;
}
}
.c-cta-title {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.3;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 56.25em) {
.c-cta-title {
font-size: 42px;
font-size: 2.625rem;
line-height: 1.3;
}
}
@media (min-width: 75em) {
.c-cta-title {
font-size: 54px;
font-size: 3.375rem;
line-height: 1.3;
}
}
.c-section-title {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.3;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-section-title .c-icon {
color: #d8d8db;
bottom: .15ex;
width: 1.2em;
height: 1.2em;
}
.c-card--dark .c-section-title {
color: #FFFFFF;
}
@media (min-width: 37.5em) {
.c-section-title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.3;
}
}
@media (min-width: 56.25em) {
.c-section-title {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.3;
}
}
.c-title {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-card--dark .c-title {
color: #FFFFFF;
}
@media (min-width: 56.25em) {
.c-title {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.3;
}
}
.c-title-small {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3;
margin-bottom: 6px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-title-small--icon {
color: #4F46D4;
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-card--dark .c-title-small--icon {
color: #E8E6E6;
}
.c-title-small--icon .c-icon {
bottom: .15ex;
width: 1.7rem;
height: 1.7rem;
margin-right: .3rem;
}
.c-card:hover .c-title-small--icon .c-icon {
color: #3f38aa;
}
.c-card--dark:hover .c-title-small--icon .c-icon {
color: #FFFFFF;
}
.c-lead {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
font-weight: 300;
margin-bottom: 24px;
color: #636371;
}
.c-column__right--primary .c-lead {
color: #FFFFFF;
}
.c-card--dark .c-lead,
.c-column--neutral .c-lead,
.c-column__right--secondary .c-lead {
color: #d8d8db;
}
@media (min-width: 56.25em) {
.c-lead {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.5;
margin-bottom: 36px;
}
}
@media (min-width: 75em) {
.c-lead {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.5;
}
}
.c-para {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 300;
margin-bottom: 20px;
color: #636371;
}
.c-column__right--primary .c-para,
.c-column--neutral .c-para {
color: #FFFFFF;
}
.c-card--dark .c-para {
color: #d8d8db;
}
@media (min-width: 56.25em) {
.c-para {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
margin-bottom: 20px;
}
}
.c-para-large {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 300;
margin-bottom: 24px;
color: #636371;
}
.c-column__right--primary .c-para-large,
.c-column--neutral .c-para-large {
color: #FFFFFF;
}
@media (min-width: 56.25em) {
.c-para-large {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.5;
margin-bottom: 36px;
}
}
.c-small {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 300;
}
.c-tiny {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
font-weight: 300;
color: #636371;
}
.c-post-meta {
display: block;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
color: #636371;
font-weight: 300;
margin-bottom: 24px;
}
.c-copyright {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.71429;
color: #d8d8db;
font-weight: 300;
margin-top: 24px;
padding-top: 24px;
margin-bottom: 0;
border-top: 2px solid #636371;
}
.c-hr {
margin-bottom: 48px;
margin-top: 0;
border: 0;
border-top: 2px solid #efeff1;
}
.c-list-divider {
margin-bottom: 0;
}
.c-list-divider__item + .c-list-divider__item {
margin-top: 24px;
padding-top: 24px;
border-top: 1px dotted #d8d8db;
}
.c-list-links {
margin-bottom: 0;
font-weight: 300;
width: 100%;
}
.c-list-links + .c-list-links {
margin-top: 12px;
padding-top: 12px;
border-top: 2px solid #d8d8db;
}
.c-list-links__item + .c-list-links__item {
margin-top: 6px;
padding-top: 6px;
border-top: 1px dotted #d8d8db;
}
.c-list-categories {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-list-categories li {
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
width: 100%;
position: relative;
}
.c-list-categories li + li {
margin-top: 12px;
}
.c-list-categories a {
padding: 12px;
border-radius: 4px;
border: 1px solid #efeff1;
background-color: #f2f2f4;
-webkit-transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.c-list-categories a::after {
position: relative;
content: '';
display: block;
background-image: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/img/svg/caret-secondary.svg);
width: 1em;
height: 1em;
background-size: contain;
bottom: .1ex;
opacity: .8;
margin-left: 6px;
}
.c-list-categories a,
.c-list-categories a:visited {
font-weight: 400;
color: #3C3C4D;
text-decoration: none;
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-list-categories a:hover,
.c-list-categories a:focus {
color: #636371;
text-decoration: none;
}
.c-list-categories a:hover::after,
.c-list-categories a:focus::after {
opacity: 1;
}
.c-list-categories a:focus {
outline: 2px dotted #d8d8db;
}
@media (min-width: 56.25em) {
.c-list-categories {
margin: -6px;
}
.c-list-categories li {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3;
max-width: calc(50% - 12px);
margin: 6px;
}
.c-list-categories li + li {
margin-top: 6px;
}
.c-list-categories a {
padding: 18px;
}
}
@media (min-width: 75em) {
.c-list-categories li {
max-width: calc(25% - 12px);
}
}
.c-badge {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3;
display: inline-block;
padding: 3px 6px;
color: #636371;
background-color: #efeff1;
border-radius: 4px;
}
.c-form .c-badge {
margin-left: 6px;
}
.c-badge--negative {
color: #FFFFFF;
background-color: #4A4A4A;
}
.c-badge--icon {
line-height: 1;
position: absolute;
display: table;
right: -6px;
top: -6px;
border-radius: 1.5em;
width: 1.5em;
height: 1.5em;
padding: .3em .5em;
border: 2px solid #FFFFFF;
vertical-align: middle;
text-align: center;
} .c-btn {
font-family: "gotham", sans-serif;
line-height: 1.5;
display: inline-block;
vertical-align: middle;
text-align: center;
margin: 0;
padding: 12px 24px 12px;
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
border-radius: 4px;
border: 0;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-btn, .c-btn:hover, .c-btn:focus, .c-btn:visited {
text-decoration: none;
}
.c-btn:focus {
outline: 2px dotted #d8d8db;
}
.c-btn-reset {
font: inherit;
position: relative;
color: inherit;
border: 0;
background-color: transparent;
padding: 0;
cursor: pointer;
text-decoration: none;
}
.c-btn-reset:focus {
-webkit-box-shadow: inset 0 0 0 2px #999999;
box-shadow: inset 0 0 0 2px #999999;
}
.c-btn-reset--large {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.16667;
} .c-btn--small {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.71429;
padding: 6px 12px;
}
.c-btn--large {
font-size: 18px;
font-size: 1.125rem;
line-height: 1;
padding: 12px 24px;
}
@media (min-width: 56.25em) {
.c-btn--large {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
padding: 18px 36px;
}
}
.c-btn--block {
display: block;
} .c-btn--primary {
background-color: #4F46D4;
}
.c-btn--primary, .c-btn--primary:hover, .c-btn--primary:active, .c-btn--primary:focus {
text-decoration: none; color: #FFFFFF;
}
.c-btn--primary:hover, .c-btn--primary:focus {
background-color: #726bdd;
}
.c-btn--secondary {
background-color: #3C3C4D;
}
.c-btn--secondary, .c-btn--secondary:hover, .c-btn--secondary:active, .c-btn--secondary:focus {
color: #FFFFFF;
}
.c-btn--secondary:hover, .c-btn--secondary:focus {
background-color: #30303e;
}
.c-btn--tertiary {
background-color: transparent;
}
.c-btn--tertiary, .c-btn--tertiary:hover, .c-btn--tertiary:active, .c-btn--tertiary:focus {
color: #4F46D4;
text-decoration: none;
}
.c-btn--tertiary:hover, .c-btn--tertiary:focus {
color: #3f38aa;
background-color: transparent;
}  .c-btn--ghost {
border: 2px solid currentColor;
padding: 10px 22px;
}
.c-btn--ghost, .c-btn--ghost:hover, .c-btn--ghost:active, .c-btn--ghost:focus {
background: none;
}
.c-btn--ghost.c-btn--small {
padding: 4px 10px;
}
.c-btn--ghost.c-btn--large {
padding: 22px 46px;
}
.c-btn--ghost.c-btn--primary {
color: #4F46D4;
}
.c-btn--ghost.c-btn--primary:hover, .c-btn--ghost.c-btn--primary:focus {
color: #726bdd;
}
.c-btn--ghost.c-btn--secondary {
color: #3C3C4D;
}
.c-btn--ghost.c-btn--secondary:hover, .c-btn--ghost.c-btn--secondary:focus {
color: #636371;
} .c-btn-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-btn-group .c-btn {
margin-right: 24px;
}
.c-btn-group .c-link {
margin: 24px 0;
} .c-link {
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-link, .c-link:visited {
color: #4F46D4;
text-decoration: underline;
}
.c-link:hover, .c-link:focus {
color: #3f38aa;
text-decoration: underline;
}
.c-link:focus {
outline: 2px dotted #d8d8db;
}
.c-footer .c-link:focus {
outline: 2px dotted #636371;
}
.is-active > .c-link {
color: #3f38aa;
}
.c-link--neutral, .c-link--neutral:visited {
color: #3C3C4D;
text-decoration: underline;
}
.c-link--neutral:hover, .c-link--neutral:focus {
color: #636371;
text-decoration: underline;
}
.c-link--tertiary, .c-link--tertiary:visited {
color: #cdcbf3;
text-decoration: underline;
}
.c-link--tertiary:hover, .c-link--tertiary:focus {
color: #FFFFFF;
text-decoration: underline;
}
.c-link--bare {
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-link--bare, .c-link--bare:visited, .c-link--bare:hover, .c-link--bare:focus {
text-decoration: none;
}
.c-link--back {
position: relative;
margin-left: 24px;
}
.c-link--back .c-icon {
position: absolute;
left: -24px;
bottom: -0ex;
width: 1.2rem;
height: 1.2rem;
}
.c-link--back, .c-link--back:visited {
color: #4F46D4;
text-decoration: none;
}
.c-link--back:hover, .c-link--back:focus {
color: #3f38aa;
text-decoration: none;
}
.c-link--icon-left {
position: relative;
margin-left: 30px;
}
.c-link--icon-left .c-icon {
position: absolute;
left: -30px;
bottom: -.3ex;
width: 1.4rem;
height: 1.4rem;
}
.c-link--icon-left-large {
position: relative;
margin-left: 2.3rem;
}
.c-link--icon-left-large .c-icon {
position: absolute;
left: -2.3rem;
bottom: -.6ex;
width: 1.8rem;
height: 1.8rem;
}
.c-link--icon-right {
text-decoration: underline;
padding-right: 24px;
}
.c-link--icon-right .c-icon {
display: inline-block;
width: .7em;
height: .7em;
bottom: .4ex;
left: -.2ex;
}
.c-link--icon-right-large {
padding-right: 24px;
}
.c-link--icon-right-large .c-icon {
display: inline-block;
width: 1.1em;
height: 1.1em;
bottom: .2ex;
left: -.2ex;
}
.c-link--negative, .c-link--negative:visited {
color: #d8d8db;
}
.c-link--negative:hover, .c-link--negative:focus {
color: #FFFFFF;
}
.c-link--footer {
font-weight: 300;
text-decoration: underline;
}
.c-link--footer, .c-link--footer:visited {
color: #FFFFFF;
}
.c-link--footer:hover, .c-link--footer:focus {
color: #d8d8db;
text-decoration: underline;
}
.c-link--skip {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.71429;
color: #3f38aa;
position: absolute;
top: -1000px;
left: -1000px;
height: 1px;
width: 1px;
display: block;
font-weight: 400;
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
padding: 6px;
text-align: center;
}
.c-link--skip:hover, .c-link--skip:focus, .c-link--skip:visited {
text-decoration: underline;
background-color: #FFFFFF;
}
.c-link--skip:focus {
width: 100%;
height: auto;
top: 100%;
left: 0;
outline: 2px dotted #d8d8db;
outline-offset: -2px;
} .c-icon {
display: inline-block;
width: 1em;
height: 1em;
bottom: .2ex;
position: relative;
vertical-align: middle;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.c-icon--plus {
width: .75em;
height: .75em;
bottom: 0;
}
.c-icon--plus__vert {
-webkit-transform: scaleY(100%);
-ms-transform: scaleY(100%);
transform: scaleY(100%);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
[aria-expanded="true"] .c-icon--plus__vert {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.c-icon--full {
width: 100%;
font-size: 36px;
font-size: 2.25rem;
line-height: 1.16667;
color: #726bdd;
bottom: 0;
} .c-input,
.c-textarea,
.hs-input[type='tel'],.hs-input[type='text'],.hs-input[type='email'],textarea.hs-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 4px;
font-family: inherit;
margin: 0;
width: 100%;
display: block;
outline: none;
line-height: normal;
color: #4A4A4A;
background-color: #FFFFFF;
border: 1px solid #d8d8db;
padding: 12px;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
}
.c-input:focus,
.c-textarea:focus,
.hs-input:focus {
background-color: #FFFFFF;
color: #111111;
-webkit-box-shadow: 0 0 2px #999999;
box-shadow: 0 0 2px #999999;
}
.c-input::-webkit-input-placeholder,
.c-textarea::-webkit-input-placeholder,
.hs-input::-webkit-input-placeholder {
color: #3C3C4D;
font-weight: 300;
}
.c-input::-moz-placeholder,
.c-textarea::-moz-placeholder,
.hs-input::-moz-placeholder {
color: #3C3C4D;
font-weight: 300;
}
.c-input:-ms-input-placeholder,
.c-textarea:-ms-input-placeholder,
.hs-input:-ms-input-placeholder {
color: #3C3C4D;
font-weight: 300;
}
.c-input:-moz-placeholder,
.c-textarea:-moz-placeholder,
.hs-input:-moz-placeholder {
color: #3C3C4D;
font-style: italic;
}
.c-checkbox,
.c-radio {
position: relative;
top: .5ex;
width: 24px;
display: block;
padding-right: 24px;
}
.c-input--sm {
max-width: 14em;
}
.c-input--md {
max-width: 20em;
}
.c-input--lg {
max-width: 40em;
}
.c-select {
position: relative;
display: inline-block;
color: #4A4A4A;
width: 100%;
max-width: 25em;
}
.c-select select {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
display: inline-block;
width: 100%;
margin: 0;
padding: 12px;
color: #111111;
background-color: #FFFFFF;
border: 1px solid #999999;
border-radius: 4px;
cursor: pointer;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} .c-select select:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #111111;
} .c-select:after {
position: absolute;
top: 50%;
right: 1.25rem;
display: inline-block;
content: "";
width: 0;
height: 0;
margin-top: -.2rem;
pointer-events: none;
border-top: 0.35rem solid #4A4A4A;
border-right: .35rem solid transparent;
border-bottom: .35rem solid transparent;
border-left: .35rem solid transparent;
} .c-select select:focus {
-webkit-box-shadow: 0 0 2px #4A4A4A;
box-shadow: 0 0 2px #4A4A4A;
} .c-select select:active {
color: #111111;
} .c-select select::-ms-expand {
display: none;
} @-moz-document url-prefix() { .c-select select {
text-indent: .01px;
text-overflow: '';
padding-right: 1rem;
} .c-select option {
background-color: #FFFFFF;
}
} @media screen and (min-width: 0\0) {
.c-select select {
z-index: 1;
padding: .5rem 1.5rem .5rem 1rem;
}
.c-select:after {
z-index: 2;
}
.c-select:before {
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
z-index: 2;
content: "";
display: block;
width: 1.5rem;
background-color: #999999;
}
.c-select select:hover,
.c-select select:focus,
.c-select select:active {
color: #4A4A4A;
background-color: #999999;
}
} .c-control {
position: relative;
display: inline-block;
padding-left: 1.8rem;
color: #4A4A4A;
cursor: pointer;
}
.c-control input {
position: absolute;
opacity: 0;
z-index: -1; }
.c-control-indicator {
position: absolute;
top: .25rem;
left: 0;
display: block;
width: 1.3rem;
height: 1.3rem;
line-height: 1.3rem;
font-size: 65%;
color: #999999;
text-align: center;
background-color: #E8E6E6;
background-size: 50% 50%;
background-position: center center;
background-repeat: no-repeat;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}   .c-control input:focus ~ .c-control-indicator {
-webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #cdcbf3;
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #cdcbf3;
} .c-control input:checked ~ .c-control-indicator {
color: #fff;
background-color: #cdcbf3;
} .c-control input:active ~ .c-control-indicator {
color: #fff;
background-color: #4A4A4A;
} .c-control--checkbox .c-control-indicator {
border-radius: 4px;
}
.c-control--checkbox input:checked ~ .c-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
} .c-control--radio .c-control-indicator {
border-radius: 50%;
}
.c-control--radio input:checked ~ .c-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
} .c-control-x input:checked ~ .c-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==);
}
.c-control-dash input:checked ~ .c-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
} .c-field {
position: relative;
}
.c-field + .c-field {
margin-top: 24px;
}
.c-field--check,
.c-field--radio {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-legend {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
font-weight: 600;
margin-bottom: 12px;
}
.c-label {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
display: block;
color: #4A4A4A;
margin-bottom: 6px;
}
.c-field--check .c-label {
color: #111111;
margin-bottom: 6px;
width: calc(100% - 24px);
}
.c-check-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-check-group .c-control {
margin-bottom: 0;
margin-right: 24px;
}
.c-form textarea {
resize: vertical;
}
.c-form--hbspt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 54em;
}
.c-form--hbspt .hs-form-field {
position: relative;
width: 100%;
}
.c-form--hbspt * + .hs-form-field,
.c-form--hbspt * + .hs-submit {
margin-top: 24px;
}
.c-form--hbspt .hs-form-field > label {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
display: block;
font-weight: 300;
margin-bottom: 6px;
}
.c-card--dark .c-form--hbspt {
color: #FFFFFF;
}
.c-form--hbspt .hs_error_rollup {
width: 100%;
margin-top: 24px;
}
.c-form--hbspt .no-list {
font-size: 16px;
font-size: 1rem;
line-height: 1.2;
list-style: none;
margin-left: 0;
margin-bottom: 0;
font-weight: 400;
background-color: #FFFFFF;
padding: 6px;
margin-left: 3px;
margin-right: 3px;
background-color: #d4404f;
display: block;
}
.c-form--hbspt .hs-error-msg {
color: #FFFFFF;
margin-bottom: 0;
}
.c-form--hbspt .hs-submit {
width: 100%;
}
.c-form--hbspt .hubspot-link__container {
display: none;
}
.c-form--hbspt .legal-consent-container {
font-weight: 300;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.71429;
color: rgba(60, 60, 77, 0.8);
margin-top: 0;
}
.c-card--dark .c-form--hbspt .legal-consent-container,
.c-column--primary .c-form--hbspt .legal-consent-container,
.c-column__right--primary .c-form--hbspt .legal-consent-container {
color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 56.25em) {
.c-form--hbspt .c-btn {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.42857;
}
}
.c-form--demo .hs-form-field {
width: 100%;
max-width: 100%;
}
.hs-form-checkbox{
list-style: none;
}
ul[role="checkbox"]{
margin-left:10px;
margin-bottom:0px;
}
.hs-input[type="checkbox"]{
margin-right:7px;
} .page-id-5545 .hs-form-field:nth-child(1),
.page-id-5545 .hs-form-field:nth-child(2) {
width: calc(50% - 12px);
margin-top: 0;
}
.page-id-5545 .c-form--hbspt .legal-consent-container {
margin-top: 24px;
}
.page-id-5545 .hs-form-field:nth-child(2) {
margin-left: 24px;
}
.page-id-5545 .hs-form-field:nth-child(3),
.page-id-5545 .hs-form-field:nth-child(4) {
width: 100%;
}
.c-form--newsletter {
max-width: 42em;
margin-left: auto;
margin-right: auto;
}
.c-form--newsletter label {
text-align: left;
}
.hs-form-booleancheckbox{
list-style: none;
} .c-card {
position: relative;
border-radius: 4px;
border: 1px solid #d8d8db;
background-color: #FFFFFF;
-webkit-transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
height: 100%;
}
.c-card--dark {
border: 2px solid #30303e;
background-color: #30303e;
}
.c-card--light {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
-webkit-box-shadow: 0 6px 24px rgba(17, 17, 17, 0.5);
box-shadow: 0 6px 24px rgba(17, 17, 17, 0.5);
font-weight: 400;
}
.c-card--light a {
display: block;
padding: 12px;
line-height: 1;
}
@media (min-width: 56.25em) {
.c-card--light {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.42857;
}
.c-card--light a {
padding: 18px;
}
}
.c-card--all {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #f6f6f6;
}
.c-card--alert {
border: 1px solid #efeff1;
background-color: #f6f6f6;
}
.c-card--shadow {
-webkit-box-shadow: 0 6px 24px rgba(17, 17, 17, 0.1);
box-shadow: 0 6px 24px rgba(17, 17, 17, 0.1);
}
.c-card--no-border {
border: 1px solid #efeff1;
}
.c-card--link:hover, .c-card--link:focus, .c-card--link:focus-within {
border-color: #E2E2E5;
-webkit-box-shadow: 0 0 6px rgba(17, 17, 17, 0.1);
box-shadow: 0 0 6px rgba(17, 17, 17, 0.1);
}
.c-card--link.c-card--dark:hover, .c-card--link.c-card--dark:focus, .c-card--link.c-card--dark:focus-within, .c-card--link.c-card--light:hover, .c-card--link.c-card--light:focus, .c-card--link.c-card--light:focus-within {
-webkit-box-shadow: 0 6px 12px rgba(17, 17, 17, 0.2);
box-shadow: 0 6px 12px rgba(17, 17, 17, 0.2);
}
.c-card--link.c-card--dark:hover, .c-card--link.c-card--dark:focus, .c-card--link.c-card--dark:focus-within {
border-color: #30303e;
}
.c-card--border {
border: 2px solid #efeff1;
background-color: #F5F5F6;
}
.c-card--blog {
background-color: transparent;
border: 0;
border-radius: 0;
-webkit-transition: outline 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: outline 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
outline: 12px solid transparent;
}
.c-card--blog.c-card--link:hover, .c-card--blog.c-card--link:focus, .c-card--blog.c-card--link:focus-within {
background-color: #F5F5F6;
outline: 12px solid #F5F5F6;
-webkit-box-shadow: none;
box-shadow: none;
}
.c-card,
.c-card__body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c-card__body {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.c-card__body > * {
margin-bottom: 0;
}
.c-card__body > * + * {
margin-top: 12px;
}
.c-card__body > *:last-child {
margin-top: auto;
}
.c-card__body > *:nth-last-child(2) {
margin-bottom: 24px;
}
.c-card__link::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .c-tooltip {
position: relative;
display: inline-block;
}
.c-tooltip__body {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 300; padding: 0;
color: #d8d8db;
background-color: #3c3c4d;
border-radius: 4px;
position: absolute;
z-index: 1;
display: none;
min-width: 39em;
}
.c-tooltip__body::before {
content: '';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-width: 6px;
}
.c-tooltip--right .c-tooltip__body {
top: 50%;
left: calc(100% + 12px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-tooltip--right .c-tooltip__body::before {
right: 100%;
top: 50%;
margin-top: -6px;
border-right-color: #30303e;
}
.c-tooltip--left .c-tooltip__body {
top: 50%;
right: calc(100% + 12px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-tooltip--left .c-tooltip__body::before {
left: 100%;
top: 50%;
margin-top: -6px;
border-left-color: #30303e;
}
.c-tooltip--top .c-tooltip__body {
text-align: center;
bottom: calc(100% + 12px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.c-tooltip--top .c-tooltip__body::before {
left: 50%;
top: 100%;
margin-left: -6px;
border-top-color: #30303e;
}
.c-tooltip--bottom .c-tooltip__body {
text-align: center;
top: calc(100% + 12px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.c-tooltip--bottom .c-tooltip__body::before {
left: 50%;
bottom: 100%;
margin-left: -6px;
border-bottom-color: #30303e;
}
.c-tooltip__link:hover + .c-tooltip__body,
.c-tooltip__link:focus + .c-tooltip__body {
display: block;
}
.c-tooltip__link {
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-tooltip__link:focus {
outline: 2px dotted #636371;
}
.c-image,
.c-video {
position: relative;
display: block;
width: 100%;
height: auto;
z-index: 0;
}
.c-image-fit {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.c-image--border {
-webkit-box-shadow: 0 6px 24px rgba(153, 153, 153, 0.3);
box-shadow: 0 6px 24px rgba(153, 153, 153, 0.3);
border: 2px solid #FFFFFF;
overflow: hidden;
}
.c-image--circle {
display: block;
position: relative;
padding-bottom: 100%;
overflow: hidden;
width: 100px;
border-radius: 50%;
}
.c-image--circle img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: initial;
min-width: 100%;
height: 100%;
}
@media (max-width: 800px){
.c-tooltip__body{
min-width: 12.5em;
font-size: 0.675rem;
}
} .c-hero {
position: relative;
overflow: hidden;
}
@media (min-width: 56.25em) {
.c-hero {
overflow: visible;
}
}
.c-hero--background {
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
padding-top: 48px;
padding-bottom: 48px;
color: #FFFFFF;
background-color: #3C3C4D;
}
.c-hero--background::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
background-color: rgba(60, 60, 77, 0.85);
}
@media (min-width: 56.25em) {
.c-hero--background {
padding-top: 96px;
padding-bottom: 96px;
}
}
@media (min-width: 75em) {
.c-hero--background {
padding-top: 96px;
padding-bottom: 96px;
}
}
.c-hero--background-center {
background-position: center;
}
.c-hero--plain {
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
padding-top: 48px;
color: #3C3C4D;
}
@media (min-width: 56.25em) {
.c-hero--plain {
padding-top: 96px;
}
}
@media (min-width: 75em) {
.c-hero--plain {
padding-top: 144px;
}
}
.c-hero--large {
padding-top: 48px;
padding-bottom: 48px;
}
@media (min-width: 56.25em) {
.c-hero--large {
padding-top: 96px;
padding-bottom: 96px;
}
}
@media (min-width: 75em) {
.c-hero--large {
padding-top: 144px;
padding-bottom: 144px;
}
}
.c-hero__backdrop {
position: absolute;
z-index: -1;
right: 0;
bottom: 96px;
width: 140%;
opacity: .5;
display: none;
}
.c-hero__backdrop svg {
width: 100%;
}
@media (min-width: 37.5em) {
.c-hero__backdrop {
bottom: 0;
width: 120%;
}
}
@media (min-width: 56.25em) {
.c-hero__backdrop {
bottom: auto;
top: calc(100% - 336px);
width: 100%;
display: block;
}
}
@media (min-width: 75em) {
.c-hero__backdrop {
width: 1344px;
opacity: 1;
}
}
.c-hero__backdrop-home {
position: absolute;
z-index: -2;
right: -96px;
top: 50vw;
width: 150%;
}
.c-hero__backdrop-home svg {
width: 100%;
}
@media (min-width: 37.5em) {
.c-hero__backdrop-home {
top: auto;
bottom: 0;
width: 120%;
}
}
@media (min-width: 56.25em) {
.c-hero__backdrop-home {
bottom: auto;
top: calc(100% - 336px);
right: 0;
width: 100%;
display: block;
}
}
@media (min-width: 75em) {
.c-hero__backdrop-home {
width: 1344px;
opacity: 1;
}
}
.c-hero__image {
position: absolute;
left: 45%;
top: 24px;
opacity: .15;
z-index: -1;
}
@media (min-width: 28.125em) {
.c-hero__image {
width: 80%;
left: 55%;
}
}
@media (min-width: 37.5em) {
.c-hero__image {
width: 180%;
max-width: 180%;
position: relative;
opacity: 1;
left: auto;
top: auto;
margin-left: -48px;
}
}
@media (min-width: 56.25em) {
.c-hero__image {
width: 120%;
max-width: 120%;
margin-left: -24px;
margin-top: -60px;
margin-bottom: -96px;
}
}
@media (min-width: 75em) {
.c-hero__image {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-top: -60px;
margin-bottom: -96px;
}
}
.c-column {
position: relative;
overflow: hidden;
}
.c-column .o-box {
width: 100%;
}
.c-column--border {
border-top: 2px solid #efeff1;
}
@media (min-width: 56.25em) {
.c-column--border {
border-top: 0;
}
}
@media (min-width: 56.25em) {
.c-column--height,
.c-column--height .o-layout__item {
min-height: 400px;
}
}
@media (min-width: 75em) {
.c-column--height,
.c-column--height .o-layout__item {
min-height: 600px;
}
}
.c-column--alternate:nth-child(even) .o-layout {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.c-column--alternate + .c-column--alternate .o-layout {
border-top: 2px solid #efeff1;
}
@media (min-width: 56.25em) {
.c-column--alternate:first-of-type {
padding-top: 48px;
}
.c-column--alternate:last-of-type {
padding-bottom: 48px;
}
}
.c-column--cycle:nth-child(odd) .o-layout {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.c-column--cycle + .c-column--cycle .o-layout {
border-top: 2px solid #efeff1;
}
@media (min-width: 56.25em) {
.c-column--cycle .o-layout {
border-top: 0;
}
.c-column--cycle:first-of-type {
padding-top: 48px;
}
.c-column--cycle:last-of-type {
padding-bottom: 48px;
}
}
.c-column--neutral {
color: #FFFFFF;
background-color: #3C3C4D;
}
.c-column--primary {
color: #efeff1;
background-color: #4F46D4;
}
.c-column--neutral-light {
background-color: #efeff1;
}
.c-column__left {
position: relative;
height: 100%;
padding: 36px 24px 36px 0;
margin-right: -24px;
}
.c-column--alternate:nth-child(even) .c-column__left,
.c-column--cycle:nth-child(odd) .c-column__left {
margin-right: 0;
margin-left: -24px;
padding: 48px 0 24px 24px;
}
@media (min-width: 56.25em) {
.c-column__left {
margin-right: 0;
padding: 48px 48px 48px 0;
}
.c-column--alternate:nth-child(even) .c-column__left,
.c-column--cycle:nth-child(odd) .c-column__left {
margin-left: 0;
padding: 48px 0 48px 48px;
}
}
@media (min-width: 75em) {
.c-column__left {
padding: 72px 72px 72px 0;
}
.c-column--alternate:nth-child(even) .c-column__left,
.c-column--cycle:nth-child(odd) .c-column__left {
padding: 72px 0 72px 72px;
}
}
.c-column__left--example {
padding: 24px 24px 0 0;
}
.c-column--alternate:nth-child(even) .c-column__left--example,
.c-column--cycle:nth-child(odd) .c-column__left--example {
padding: 48px 0 0 24px;
}
@media (min-width: 56.25em) {
.c-column__left--example {
padding: 48px 48px 48px 0;
}
.c-column--alternate:nth-child(even) .c-column__left--example,
.c-column--cycle:nth-child(odd) .c-column__left--example {
padding: 48px 0 48px 48px;
}
}
@media (min-width: 75em) {
.c-column__left--example {
padding: 72px 72px 72px 0;
}
.c-column--alternate:nth-child(even) .c-column__left--example,
.c-column--cycle:nth-child(odd) .c-column__left--example {
padding: 72px 0 72px 72px;
}
}
.c-column__left--stretch {
position: relative;
height: 100%;
padding: 0;
margin-right: -24px;
margin-left: -24px;
}
@media (min-width: 56.25em) {
.c-column__left--stretch {
position: absolute;
margin-right: 0;
margin-left: 0;
padding: 0;
top: 0;
left: 0;
width: 50vw;
}
.c-column__left--stretch img {
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 75em) {
.c-column__left--stretch {
padding: 0;
}
}
.c-column__left--neutral {
background-color: #efeff1;
}
.c-column__left--neutral::after {
content: '';
position: absolute;
top: 0;
right: 100%;
background-color: #efeff1;
height: 100%;
width: 100vw;
}
.c-column--alternate:nth-child(even) .c-column__left--neutral::after,
.c-column--cycle:nth-child(odd) .c-column__left--neutral::after {
right: auto;
left: 100%;
}
.c-column__left--secondary {
color: #FFFFFF;
background-color: #3C3C4D;
}
.c-column__left--secondary::after {
content: '';
position: absolute;
top: 0;
right: 100%;
background-color: #3C3C4D;
height: 100%;
width: 100vw;
}
.c-column__right {
position: relative;
padding: 36px 0 36px 24px;
margin-left: -24px;
height: 100%;
}
@media (min-width: 56.25em) {
.c-column__right {
margin-left: 0;
padding: 48px 0 48px 48px;
}
.c-column--alternate:nth-child(even) .c-column__right,
.c-column--cycle:nth-child(odd) .c-column__right {
padding: 48px 48px 48px 0;
}
}
@media (min-width: 75em) {
.c-column__right {
padding: 72px 0 72px 72px;
}
.c-column--alternate:nth-child(even) .c-column__right,
.c-column--cycle:nth-child(odd) .c-column__right {
padding: 72px 72px 72px 0;
}
}
.c-column__right--stretch {
position: relative;
height: 100%;
padding: 0;
margin-right: -24px;
margin-left: -24px;
}
@media (min-width: 56.25em) {
.c-column__right--stretch {
position: absolute;
margin-right: 0;
margin-left: 0;
padding: 0;
top: 0;
left: 50vw;
width: 50vw;
}
.c-column__right--stretch img {
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 75em) {
.c-column__right--stretch {
padding: 0;
}
}
.c-column__right--secondary {
color: #FFFFFF;
background-color: #3C3C4D;
}
.c-column__right--secondary::after {
content: '';
position: absolute;
top: 0;
left: 100%;
background-color: #3C3C4D;
height: 100%;
width: 100vw;
}
.c-column__right--primary {
color: #FFFFFF;
background-color: #4F46D4;
}
.c-column__right--primary::after {
content: '';
position: absolute;
top: 0;
left: 100%;
background-color: #4F46D4;
height: 100%;
width: 100vw;
}
.c-logo-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-logo-row img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
width: 100%;
opacity: .8;
}
@media (min-width: 37.5em) {
.c-logo-row {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (min-width: 75em) {
.c-logo-row {
margin-top: 24px;
}
}
.c-logo-row__image {
width: 25%;
padding: 12px;
}
@media (min-width: 26.25em) {
.c-logo-row__image {
padding: 24px;
}
}
@media (min-width: 37.5em) {
.c-logo-row__image {
width: 100%;
}
}
@media (min-width: 56.25em) {
.c-logo-row__image {
padding: 36px;
}
}
@media (min-width: 75em) {
.c-logo-row__image {
padding: 48px;
}
}
.c-partnerlogos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-partnerlogos img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
width: 100%;
opacity: .8;
}
@media (min-width: 75em) {
.c-partnerlogos {
margin-top: 24px;
}
}
.c-partnerlogos__frame {
width: 25%;
padding: 12px;
}
@media (min-width: 26.25em) {
.c-partnerlogos__frame {
padding: 24px;
}
}
@media (min-width: 37.5em) {
.c-partnerlogos__frame {
width: 33.333%;
}
}
.c-testimonial {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 37.5em) {
.c-testimonial {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.c-testimonial--large {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media (min-width: 37.5em) {
.c-testimonial--large {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.c-testimonial__img {
border: 2px solid #FFFFFF;
border-radius: 50%;
-webkit-box-shadow: 0 0 6px rgba(74, 74, 74, 0.2);
box-shadow: 0 0 6px rgba(74, 74, 74, 0.2);
}
.c-testimonial--large .c-testimonial__img {
margin-top: 24px;
}
.c-testimonial__body {
position: relative;
padding: 12px;
border-radius: 4px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 -3px 20px rgba(74, 74, 74, 0.15), 0 6px 6px rgba(74, 74, 74, 0.23);
box-shadow: 0 -3px 20px rgba(74, 74, 74, 0.15), 0 6px 6px rgba(74, 74, 74, 0.23);
margin-top: 18px;
text-align: center;
}
.c-testimonial__body::after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #FFFFFF;
border-width: 10px;
margin-left: -10px;
}
.c-testimonial--large .c-testimonial__body::after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #FFFFFF;
border-width: 10px;
margin-left: -10px;
}
.c-testimonial__body p {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
color: #636371;
font-weight: 300;
margin-bottom: 0;
}
.c-testimonial__body footer > p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2;
margin-top: 12px;
color: #4F46D4;
}
@media (min-width: 37.5em) {
.c-testimonial__body {
margin-top: 0;
margin-left: 18px;
-webkit-box-shadow: 0 10px 20px rgba(74, 74, 74, 0.19), 0 6px 6px rgba(74, 74, 74, 0.23);
box-shadow: 0 10px 20px rgba(74, 74, 74, 0.19), 0 6px 6px rgba(74, 74, 74, 0.23);
text-align: left;
}
.c-testimonial__body::after {
right: 100%;
top: 50%;
left: auto;
bottom: auto;
border-color: rgba(255, 255, 255, 0);
border-right-color: #FFFFFF;
margin-top: -10px;
margin-left: auto;
}
.c-testimonial--large .c-testimonial__body {
margin-left: 0;
text-align: center;
}
.c-testimonial--large .c-testimonial__body footer > p {
margin-top: 24px;
}
.c-testimonial--large .c-testimonial__body::after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #FFFFFF;
border-width: 10px;
margin-left: -10px;
margin-top: auto;
}
}
@media (min-width: 56.25em) {
.c-testimonial--large .c-testimonial__body {
padding: 24px;
}
.c-testimonial--large .c-testimonial__body p {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.5;
}
.c-testimonial--large .c-testimonial__body footer > p {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
margin-top: 24px;
}
}
.c-table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.c-table {
width: 100%;
margin-bottom: 24px;
color: #3C3C4D;
background-color: #FFFFFF;
}
.c-table th,
.c-table td {
padding: 12px;
vertical-align: top;
border-top: 1px solid #efeff1;
}
.c-table th {
text-align: center;
}
.c-table thead th {
vertical-align: bottom;
border-bottom: 2px solid #efeff1;
}
.c-table tbody + tbody {
border-top: 2px solid #efeff1;
}
.c-table--sm th,
.c-table--sm td {
padding: 6px;
}
.c-table--bordered {
border: 1px solid #efeff1;
}
.c-table--bordered th,
.c-table--bordered td {
border: 1px solid #efeff1;
}
.c-table--bordered thead th,
.c-table--bordered thead td {
border-bottom-width: 2px;
}
.c-table--borderless th,
.c-table--borderless td,
.c-table--borderless thead th,
.c-table--borderless tbody + tbody {
border: 0;
}
.c-table--striped tbody tr:nth-of-type(odd) {
background-color: #fafafb;
}
.c-table--hover tbody tr:hover {
color: #4A4A4A;
background-color: #fdfcfe;
}
.c-plan-feature {
width: 70%;
}
.c-plan-1,
.c-plan-2,
.c-plan-3 {
width: 10%;
}
.pricingfeaturespricing_bg {
-webkit-box-shadow: 0 0 17px 0 rgba(17, 17, 17, 0.15);
box-shadow: 0 0 17px 0 rgba(17, 17, 17, 0.15);
margin-bottom: 30px;
}
.pricingfeaturespricing_bg:hover {
-webkit-box-shadow: 0 0 50px 0 rgba(17, 17, 17, 0.25);
box-shadow: 0 0 50px 0 rgba(17, 17, 17, 0.25);
}
.pricingfeaturespricing_bg > h4 {
background-color: #3C3C4D;
padding: 34px 20px;
margin: 0;
font-size: 24px;
color: #FFFFFF;
text-align: center;
}
@media (max-width: 768px) {
.pricingfeaturespricing_bg > h4 {
padding: 20px;
font-size: 20px;
}
}
.pricingfeaturespricing_bg > h4 span {
font-size: 12px;
font-weight: 200;
display: block;
position: relative;
top: -10px;
}
@media (max-width: 768px) {
.pricingfeaturespricing_bg > h4 span {
top: inherit;
}
}
.pricingfeaturespricing_bg .pricingfeaturespricing_content {
padding: 30px 60px;
background-color: #FFFFFF;
text-align: center;
}
@media (max-width: 768px) {
.pricingfeaturespricing_bg .pricingfeaturespricing_content {
padding: 30px 20px;
}
}
.pricingfeaturespricing_bg .pricingfeaturespricing_content > span {
font-size: 12px;
display: block;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.pricingfeaturespricing_bg .pricingfeaturespricing_content > span {
margin-bottom: 15px;
}
}
.pricingfeaturespricing_bg .pricingfeaturespricing_content > span h5 {
font-size: 42px;
font-weight: 200;
margin: 0;
line-height: 32px;
}
.pricingfeaturespricing_bg .pricingfeaturespricing_content p {
font-size: 16px;
font-weight: 200;
margin: 0 0 40px;
}
@media (max-width: 768px) {
.pricingfeaturespricing_bg .pricingfeaturespricing_content p {
margin-bottom: 15px;
}
}
.pricingfeaturespricing_bg .pricingfeaturespricing_content .btn-outline-primary {
margin-bottom: 24px;
}
@media (max-width: 768px) {
.pricingfeaturespricing_bg .pricingfeaturespricing_content .btn-outline-primary {
margin-bottom: 10px;
}
}
.pricingfeaturespricing_bg .pricingfeaturespricing_content .buttonlink {
font-size: 12px;
font-weight: 200;
text-decoration: underline;
color: #3C3C4D;
}
.pricingfeaturespricing_bg .pricingfeaturespricing_content .buttonlink:hover {
color: #4F46D4;
}
.c-pricing-features {
position: relative;
margin-top: 24px;
color: #3C3C4D;
}
@media (min-width: 56.25em) {
.c-pricing-features {
margin-top: 48px;
}
}
.c-pricing {
-webkit-box-shadow: 0 0 17px 0 rgba(17, 17, 17, 0.15);
box-shadow: 0 0 17px 0 rgba(17, 17, 17, 0.15);
-webkit-transition: -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
margin-top: 24px;
height: 100%;
background-color: #FFFFFF;
}
.c-pricing:hover {
-webkit-box-shadow: 0 0 50px 0 rgba(17, 17, 17, 0.25);
box-shadow: 0 0 50px 0 rgba(17, 17, 17, 0.25);
}
.o-layout__item:nth-child(2) .c-pricing {
position: relative;
}
@media (min-width: 56.25em) {
.o-layout__item:nth-child(2) .c-pricing {
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.c-pricing__header {
color: #FFFFFF;
background-color: #3C3C4D;
text-align: center;
}
.o-layout__item:nth-child(2) .c-pricing__header {
background-color: #4F46D4;
}
.c-pricing__body {
background-color: #FFFFFF;
text-align: center;
}
@media (min-width: 56.25em) {
.o-layout__item:nth-child(1) .c-pricing__body {
padding-right: 48px;
padding-left: 48px;
}
.o-layout__item:nth-child(3) .c-pricing__body {
padding-left: 48px;
padding-left: 48px;
}
}
.c-pricing__title {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.3;
font-weight: 300;
}
@media (min-width: 37.5em) {
.c-pricing__title {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.3;
}
}
@media (min-width: 56.25em) {
.c-pricing__title {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.3;
}
}
.c-pricing-check {
width: 16px;
height: 16px;
display: block;
margin: 6px auto 0;
background-color: #d8d8db;
border-radius: 50%;
}
.c-pricing-check.is-active {
background-color: #4F46D4;
}
.c-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24px;
}
.c-pagination .page-numbers {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
display: none;
padding: 12px;
background-color: #F5F5F6;
border: 1px solid #FFFFFF;
-webkit-transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
text-decoration: none;
}
.c-pagination a.page-numbers, .c-pagination a.page-numbers:visited {
color: #3C3C4D;
}
.c-pagination a.page-numbers:hover, .c-pagination a.page-numbers:focus {
background-color: #E8E6E6;
}
.c-pagination a.page-numbers:focus {
outline: 2px dotted #d8d8db;
outline-offset: -2px;
}
.c-pagination .page-numbers.current {
font-weight: 400;
color: #FFFFFF;
background-color: #3C3C4D;
display: block;
}
.c-pagination .page-numbers.next {
display: block;
}
.c-pagination .page-numbers.prev {
display: block;
}
@media (min-width: 56.25em) {
.c-pagination {
margin-top: 48px;
}
.c-pagination .page-numbers {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.25;
padding: 24px;
display: block;
}
}
.c-statsbox_box {
background-color: #4F46D4;
border-radius: 4px;
padding: 48px;
}
.c-statsbox {
text-align: center;
color: #FFFFFF;
}
.c-statsbox + .c-statsbox {
margin-top: 48px;
}
.c-statsbox .counter-value {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.16667;
font-weight: 400;
}
.c-statsbox h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 300;
margin-bottom: 0;
}
@media (min-width: 56.25em) {
.c-statsbox .counter-value {
font-size: 54px;
font-size: 3.375rem;
line-height: 1.11111;
}
}
.c-animation-home {
position: relative;
top: auto;
width: 100%;
margin-left: -24px;
margin-bottom: -48px;
}
@media (min-width: 37.5em) {
.c-animation-home {
width: 180%;
max-width: 180%;
opacity: 1;
left: auto;
top: auto;
margin-left: -48px;
margin-bottom: 0;
}
}
@media (min-width: 56.25em) {
.c-animation-home {
width: 120%;
max-width: 120%;
margin-left: calc(-20% + 24px);
margin-top: -60px;
margin-bottom: -96px;
}
}
@media (min-width: 75em) {
.c-animation-home {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-top: -60px;
margin-bottom: -96px;
}
}
.c-animation-home__images {
position: absolute;
overflow: hidden;
border-radius: 14px;
top: 6%;
left: 14%;
z-index: -1;
width: 34%;
padding-bottom: 71%;
}
@media (min-width: 37.5em) {
.c-animation-home__images {
border-radius: 12px;
}
}
@media (min-width: 56.25em) {
.c-animation-home__images {
border-radius: 16px;
}
}
@media (min-width: 75em) {
.c-animation-home__images {
border-radius: 20px;
}
}
.c-animation-home__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-animation-home__overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.c-animation-home__asset {
position: absolute;
z-index: -2;
-webkit-box-shadow: 0 6px 24px rgba(153, 153, 153, 0.3);
box-shadow: 0 6px 24px rgba(153, 153, 153, 0.3);
border: 2px solid #FFFFFF;
}
.c-animation-home__asset--one {
width: 35%;
top: 0;
right: 24px;
}
@media (min-width: 56.25em) {
.c-animation-home__asset--one {
top: 10%;
right: 12%;
}
}
.c-animation-home__asset--two {
width: 30%;
top: 30%;
right: -12px;
}
@media (min-width: 56.25em) {
.c-animation-home__asset--two {
right: 0;
}
}
.c-animation-home__asset--three {
width: 33%;
top: 50%;
right: 2%;
}
@media (min-width: 56.25em) {
.c-animation-home__asset--three {
width: 23%;
top: 48%;
right: 20%;
}
}
.c-animation-tooltip-circle {
position: absolute;
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #FFFFFF;
top: calc(50% - 8px);
right: calc(100% + 12px);
z-index: 1;
-webkit-box-shadow: 0 0 12px #111111;
box-shadow: 0 0 12px #111111;
}
@media (min-width: 56.25em) {
.c-animation-tooltip-circle {
width: 20px;
height: 20px;
top: calc(50% - 10px);
border: 3px solid #FFFFFF;
}
}
.c-animation-tooltip {
position: absolute;
top: 14vw;
left: 39vw;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 3px;
background-color: #FFFFFF;
-webkit-box-shadow: -6px 3px 12px rgba(153, 153, 153, 0.3);
box-shadow: -6px 3px 12px rgba(153, 153, 153, 0.3);
border-radius: 4px;
}
.c-animation-tooltip:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 6px;
margin-top: -6px;
}
@media (min-width: 37.5em) {
.c-animation-tooltip {
top: 19%;
left: 44%;
padding: 6px;
}
.c-animation-tooltip:after {
border-width: 8px;
margin-top: -8px;
}
}
@media (min-width: 56.25em) {
.c-animation-tooltip {
top: 20%;
left: 42%;
}
}
.c-animation-tooltip__img {
width: 30px;
height: 30px;
}
@media (min-width: 56.25em) {
.c-animation-tooltip__img {
width: 40px;
height: 40px;
}
}
.c-animation-tooltip__body {
margin-left: 12px;
width: 60px;
}
.c-animation-tooltip__title {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2;
font-weight: 600;
display: block;
}
@media (min-width: 56.25em) {
.c-animation-tooltip__title {
font-size: 16px;
font-size: 1rem;
line-height: 1.2;
}
}
.c-animation-tooltip__price {
display: block;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2;
font-weight: 300;
}
@media (min-width: 56.25em) {
.c-animation-tooltip__price {
font-size: 16px;
font-size: 1rem;
line-height: 1.2;
}
}
.js-backdrop #spottOne,
.js-backdrop #spottTwo,
.js-backdrop #spottThree,
.js-backdrop #spottFour,
.js-backdrop #spottFive,
.js-backdrop #spottSix,
.js-animation-home__frame,
.js-animation-tooltip,
.js-animation-home__images,
.js-animation-home__img-one,
.js-animation-home__img-two,
.js-animation-home__img-three,
.js-animation-home__img-four,
.js-animation-home__overlay-one,
.js-animation-home__overlay-two,
.js-animation-home__overlay-three,
.js-animation-home__overlay-four,
.js-animation-home__social-one,
.js-animation-home__social-two,
.js-animation-home__social-three,
.js-animation-tooltip-circle {
opacity: 0;
}
.js-animation-home__frame {
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.js-animation-tooltip {
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
} .s-editor {
position: relative;
color: #636371;
}
.s-editor h1,
.s-editor h2,
.s-editor h3,
.s-editor h4,
.s-editor h5,
.s-editor h6 {
margin-bottom: 0;
color: #3C3C4D;
}
.s-editor h1 + *,
.s-editor h2 + *,
.s-editor h3 + *,
.s-editor h4 + *,
.s-editor h5 + *,
.s-editor h6 + * {
margin-top: 12px;
}
.s-editor p,
.s-editor ul,
.s-editor li {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0;
font-weight: 300;
}
.s-editor p:first-child {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
}
.s-editor ul {
list-style: none;
margin-left: 0;
}
.s-editor ul li {
position: relative;
display: block;
padding-left: 30px;
padding-top: 12px;
padding-bottom: 12px;
}
.s-editor ul li + li {
border-top: 1px dotted #d8d8db;
}
.s-editor ul li::before {
content: "";
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-image: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/img/svg/check.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 14.4px;
}
.s-editor p + *,
.s-editor ul + * {
margin-top: 12px;
}
.s-editor a:not(.c-btn) {
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.s-editor a:not(.c-btn), .s-editor a:not(.c-btn):visited {
color: #4F46D4;
text-decoration: underline;
}
.s-editor a:not(.c-btn):hover, .s-editor a:not(.c-btn):focus {
color: #3f38aa;
text-decoration: underline;
}
.s-editor a:not(.c-btn):focus {
outline: 2px dotted #d8d8db;
}
.s-editor img {
width: 100%;
height: auto;
-webkit-box-shadow: 0 6px 24px rgba(153, 153, 153, 0.3);
box-shadow: 0 6px 24px rgba(153, 153, 153, 0.3);
border: 2px solid #FFFFFF;
margin-top: 24px;
margin-bottom: 24px;
}
.s-editor blockquote {
margin-top: 48px;
margin-bottom: 60px;
padding-left: 24px;
-webkit-box-shadow: inset 4px 0 #dcdaf6;
box-shadow: inset 4px 0 #dcdaf6;
}
.s-editor blockquote p,
.s-editor blockquote p:first-child {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.25;
color: #4F46D4;
font-style: normal;
}
.s-editor blockquote footer p,
.s-editor blockquote footer p:first-child {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
color: #636371;
}
.s-editor blockquote:last-child {
margin-bottom: 0;
}
.c-column--neutral .s-editor,
.c-hero--background .s-editor,
.c-card--dark .s-editor {
color: #d8d8db;
}
.c-hero--background .s-editor a:not(.c-btn),
.c-column--neutral .s-editor a:not(.c-btn),
.c-card--dark .s-editor a:not(.c-btn) {
-webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-hero--background .s-editor a:not(.c-btn), .c-hero--background .s-editor a:not(.c-btn):visited,
.c-column--neutral .s-editor a:not(.c-btn),
.c-column--neutral .s-editor a:not(.c-btn):visited,
.c-card--dark .s-editor a:not(.c-btn),
.c-card--dark .s-editor a:not(.c-btn):visited {
color: #FFFFFF;
text-decoration: underline;
}
.c-hero--background .s-editor a:not(.c-btn):hover, .c-hero--background .s-editor a:not(.c-btn):focus,
.c-column--neutral .s-editor a:not(.c-btn):hover,
.c-column--neutral .s-editor a:not(.c-btn):focus,
.c-card--dark .s-editor a:not(.c-btn):hover,
.c-card--dark .s-editor a:not(.c-btn):focus {
color: rgba(255, 255, 255, 0.8);
text-decoration: underline;
}
.c-hero--background .s-editor a:not(.c-btn):focus,
.c-column--neutral .s-editor a:not(.c-btn):focus,
.c-card--dark .s-editor a:not(.c-btn):focus {
outline: 2px dotted #d8d8db;
}
@media (min-width: 56.25em) {
.s-editor p,
.s-editor ul,
.s-editor li {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
}
.s-editor p:first-child {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.5;
}
.s-editor p + *,
.s-editor ul + * {
margin-top: 24px;
}
.s-editor * + h1,
.s-editor * + h2,
.s-editor * + h3,
.s-editor * + h4,
.s-editor * + h5,
.s-editor * + h6 {
margin-top: 48px;
}
.s-editor img {
margin-top: 48px;
margin-bottom: 48px;
}
.s-editor blockquote {
margin-top: 96px;
margin-bottom: 96px;
padding-left: 48px;
}
.s-editor blockquote p,
.s-editor blockquote p:first-child {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.16667;
}
.s-editor blockquote footer p,
.s-editor blockquote footer p:first-child {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
}
.s-editor blockquote:last-child {
margin-bottom: 24px;
}
}
.s-editor--large p,
.s-editor--large p:first-child,
.s-editor--large ul {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
font-weight: 300;
}
@media (min-width: 56.25em) {
.s-editor--large p,
.s-editor--large p:first-child,
.s-editor--large ul {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.5;
}
}
@media (min-width: 75em) {
.s-editor--large p,
.s-editor--large p:first-child,
.s-editor--large ul {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.5;
}
}
.s-editor--negative {
color: #efeff1;
}
.s-editor--small {
max-width: 54em;
}
.s-editor--small p,
.s-editor--small p:first-child,
.s-editor--small ul,
.s-editor--small li {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 300;
}
.s-editor--small li {
padding-left: 24px;
}
.s-editor--small li::before {
width: 1.2rem;
height: 1.2rem;
top: 14.4px;
}
@media (min-width: 56.25em) {
.s-editor--small p,
.s-editor--small p:first-child,
.s-editor--small ul,
.s-editor--small li {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
}
.s-editor--tiny p,
.s-editor--tiny p:first-child,
.s-editor--tiny ul {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
font-weight: 300;
}
@media (min-width: 56.25em) {
.s-editor--tiny p,
.s-editor--tiny p:first-child,
.s-editor--tiny ul {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
}
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.white-popup {
position: relative;
width: auto;
max-width: 800px;
margin: 48px auto;
border-radius: 4px;
} .fade-in,
.fade-in-cta {
opacity: 0;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
overflow: hidden;
}
.fade-in.lazyloaded {
opacity: 1;
}
.fade-in-logo.lazyloaded {
opacity: .8;
}   .u-1\/1 {
width: 100% !important;
}
.u-1\/2 {
width: 50% !important;
}
.u-2\/2 {
width: 100% !important;
}
.u-1\/3 {
width: 33.33333% !important;
}
.u-2\/3 {
width: 66.66667% !important;
}
.u-3\/3 {
width: 100% !important;
}
.u-1\/4 {
width: 25% !important;
}
.u-2\/4 {
width: 50% !important;
}
.u-3\/4 {
width: 75% !important;
}
.u-4\/4 {
width: 100% !important;
}
.u-1\/5 {
width: 20% !important;
}
.u-2\/5 {
width: 40% !important;
}
.u-3\/5 {
width: 60% !important;
}
.u-4\/5 {
width: 80% !important;
}
.u-5\/5 {
width: 100% !important;
}
.u-1\/6 {
width: 16.66667% !important;
}
.u-2\/6 {
width: 33.33333% !important;
}
.u-3\/6 {
width: 50% !important;
}
.u-4\/6 {
width: 66.66667% !important;
}
.u-5\/6 {
width: 83.33333% !important;
}
.u-6\/6 {
width: 100% !important;
} @media (min-width: 37.5em) {
.u-1\/1\@small {
width: 100% !important;
}
.u-1\/2\@small {
width: 50% !important;
}
.u-2\/2\@small {
width: 100% !important;
}
.u-1\/3\@small {
width: 33.33333% !important;
}
.u-2\/3\@small {
width: 66.66667% !important;
}
.u-3\/3\@small {
width: 100% !important;
}
.u-1\/4\@small {
width: 25% !important;
}
.u-2\/4\@small {
width: 50% !important;
}
.u-3\/4\@small {
width: 75% !important;
}
.u-4\/4\@small {
width: 100% !important;
}
.u-1\/5\@small {
width: 20% !important;
}
.u-2\/5\@small {
width: 40% !important;
}
.u-3\/5\@small {
width: 60% !important;
}
.u-4\/5\@small {
width: 80% !important;
}
.u-5\/5\@small {
width: 100% !important;
}
.u-1\/6\@small {
width: 16.66667% !important;
}
.u-2\/6\@small {
width: 33.33333% !important;
}
.u-3\/6\@small {
width: 50% !important;
}
.u-4\/6\@small {
width: 66.66667% !important;
}
.u-5\/6\@small {
width: 83.33333% !important;
}
.u-6\/6\@small {
width: 100% !important;
}
}
@media (min-width: 61.875em) {
.u-1\/1\@nav {
width: 100% !important;
}
.u-1\/2\@nav {
width: 50% !important;
}
.u-2\/2\@nav {
width: 100% !important;
}
.u-1\/3\@nav {
width: 33.33333% !important;
}
.u-2\/3\@nav {
width: 66.66667% !important;
}
.u-3\/3\@nav {
width: 100% !important;
}
.u-1\/4\@nav {
width: 25% !important;
}
.u-2\/4\@nav {
width: 50% !important;
}
.u-3\/4\@nav {
width: 75% !important;
}
.u-4\/4\@nav {
width: 100% !important;
}
.u-1\/5\@nav {
width: 20% !important;
}
.u-2\/5\@nav {
width: 40% !important;
}
.u-3\/5\@nav {
width: 60% !important;
}
.u-4\/5\@nav {
width: 80% !important;
}
.u-5\/5\@nav {
width: 100% !important;
}
.u-1\/6\@nav {
width: 16.66667% !important;
}
.u-2\/6\@nav {
width: 33.33333% !important;
}
.u-3\/6\@nav {
width: 50% !important;
}
.u-4\/6\@nav {
width: 66.66667% !important;
}
.u-5\/6\@nav {
width: 83.33333% !important;
}
.u-6\/6\@nav {
width: 100% !important;
}
}
@media (min-width: 56.25em) {
.u-1\/1\@medium {
width: 100% !important;
}
.u-1\/2\@medium {
width: 50% !important;
}
.u-2\/2\@medium {
width: 100% !important;
}
.u-1\/3\@medium {
width: 33.33333% !important;
}
.u-2\/3\@medium {
width: 66.66667% !important;
}
.u-3\/3\@medium {
width: 100% !important;
}
.u-1\/4\@medium {
width: 25% !important;
}
.u-2\/4\@medium {
width: 50% !important;
}
.u-3\/4\@medium {
width: 75% !important;
}
.u-4\/4\@medium {
width: 100% !important;
}
.u-1\/5\@medium {
width: 20% !important;
}
.u-2\/5\@medium {
width: 40% !important;
}
.u-3\/5\@medium {
width: 60% !important;
}
.u-4\/5\@medium {
width: 80% !important;
}
.u-5\/5\@medium {
width: 100% !important;
}
.u-1\/6\@medium {
width: 16.66667% !important;
}
.u-2\/6\@medium {
width: 33.33333% !important;
}
.u-3\/6\@medium {
width: 50% !important;
}
.u-4\/6\@medium {
width: 66.66667% !important;
}
.u-5\/6\@medium {
width: 83.33333% !important;
}
.u-6\/6\@medium {
width: 100% !important;
}
}
@media (min-width: 75em) {
.u-1\/1\@large {
width: 100% !important;
}
.u-1\/2\@large {
width: 50% !important;
}
.u-2\/2\@large {
width: 100% !important;
}
.u-1\/3\@large {
width: 33.33333% !important;
}
.u-2\/3\@large {
width: 66.66667% !important;
}
.u-3\/3\@large {
width: 100% !important;
}
.u-1\/4\@large {
width: 25% !important;
}
.u-2\/4\@large {
width: 50% !important;
}
.u-3\/4\@large {
width: 75% !important;
}
.u-4\/4\@large {
width: 100% !important;
}
.u-1\/5\@large {
width: 20% !important;
}
.u-2\/5\@large {
width: 40% !important;
}
.u-3\/5\@large {
width: 60% !important;
}
.u-4\/5\@large {
width: 80% !important;
}
.u-5\/5\@large {
width: 100% !important;
}
.u-1\/6\@large {
width: 16.66667% !important;
}
.u-2\/6\@large {
width: 33.33333% !important;
}
.u-3\/6\@large {
width: 50% !important;
}
.u-4\/6\@large {
width: 66.66667% !important;
}
.u-5\/6\@large {
width: 83.33333% !important;
}
.u-6\/6\@large {
width: 100% !important;
}
}
@media (min-width: 88.75em) {
.u-1\/1\@huge {
width: 100% !important;
}
.u-1\/2\@huge {
width: 50% !important;
}
.u-2\/2\@huge {
width: 100% !important;
}
.u-1\/3\@huge {
width: 33.33333% !important;
}
.u-2\/3\@huge {
width: 66.66667% !important;
}
.u-3\/3\@huge {
width: 100% !important;
}
.u-1\/4\@huge {
width: 25% !important;
}
.u-2\/4\@huge {
width: 50% !important;
}
.u-3\/4\@huge {
width: 75% !important;
}
.u-4\/4\@huge {
width: 100% !important;
}
.u-1\/5\@huge {
width: 20% !important;
}
.u-2\/5\@huge {
width: 40% !important;
}
.u-3\/5\@huge {
width: 60% !important;
}
.u-4\/5\@huge {
width: 80% !important;
}
.u-5\/5\@huge {
width: 100% !important;
}
.u-1\/6\@huge {
width: 16.66667% !important;
}
.u-2\/6\@huge {
width: 33.33333% !important;
}
.u-3\/6\@huge {
width: 50% !important;
}
.u-4\/6\@huge {
width: 66.66667% !important;
}
.u-5\/6\@huge {
width: 83.33333% !important;
}
.u-6\/6\@huge {
width: 100% !important;
}
}
@media (min-width: 93.75em) {
.u-1\/1\@xhuge {
width: 100% !important;
}
.u-1\/2\@xhuge {
width: 50% !important;
}
.u-2\/2\@xhuge {
width: 100% !important;
}
.u-1\/3\@xhuge {
width: 33.33333% !important;
}
.u-2\/3\@xhuge {
width: 66.66667% !important;
}
.u-3\/3\@xhuge {
width: 100% !important;
}
.u-1\/4\@xhuge {
width: 25% !important;
}
.u-2\/4\@xhuge {
width: 50% !important;
}
.u-3\/4\@xhuge {
width: 75% !important;
}
.u-4\/4\@xhuge {
width: 100% !important;
}
.u-1\/5\@xhuge {
width: 20% !important;
}
.u-2\/5\@xhuge {
width: 40% !important;
}
.u-3\/5\@xhuge {
width: 60% !important;
}
.u-4\/5\@xhuge {
width: 80% !important;
}
.u-5\/5\@xhuge {
width: 100% !important;
}
.u-1\/6\@xhuge {
width: 16.66667% !important;
}
.u-2\/6\@xhuge {
width: 33.33333% !important;
}
.u-3\/6\@xhuge {
width: 50% !important;
}
.u-4\/6\@xhuge {
width: 66.66667% !important;
}
.u-5\/6\@xhuge {
width: 83.33333% !important;
}
.u-6\/6\@xhuge {
width: 100% !important;
}
}  .u-padding {
padding: 24px !important;
}
.u-padding-tiny {
padding: 6px !important;
}
.u-padding-small {
padding: 12px !important;
}
.u-padding-large {
padding: 48px !important;
}
.u-padding-huge {
padding: 96px !important;
}
.u-padding-none {
padding: 0 !important;
}
.u-padding-top {
padding-top: 24px !important;
}
.u-padding-top-tiny {
padding-top: 6px !important;
}
.u-padding-top-small {
padding-top: 12px !important;
}
.u-padding-top-large {
padding-top: 48px !important;
}
.u-padding-top-huge {
padding-top: 96px !important;
}
.u-padding-top-none {
padding-top: 0 !important;
}
.u-padding-right {
padding-right: 24px !important;
}
.u-padding-right-tiny {
padding-right: 6px !important;
}
.u-padding-right-small {
padding-right: 12px !important;
}
.u-padding-right-large {
padding-right: 48px !important;
}
.u-padding-right-huge {
padding-right: 96px !important;
}
.u-padding-right-none {
padding-right: 0 !important;
}
.u-padding-bottom {
padding-bottom: 24px !important;
}
.u-padding-bottom-tiny {
padding-bottom: 6px !important;
}
.u-padding-bottom-small {
padding-bottom: 12px !important;
}
.u-padding-bottom-large {
padding-bottom: 48px !important;
}
.u-padding-bottom-huge {
padding-bottom: 96px !important;
}
.u-padding-bottom-none {
padding-bottom: 0 !important;
}
.u-padding-left {
padding-left: 24px !important;
}
.u-padding-left-tiny {
padding-left: 6px !important;
}
.u-padding-left-small {
padding-left: 12px !important;
}
.u-padding-left-large {
padding-left: 48px !important;
}
.u-padding-left-huge {
padding-left: 96px !important;
}
.u-padding-left-none {
padding-left: 0 !important;
}
.u-margin {
margin: 24px !important;
}
.u-margin-tiny {
margin: 6px !important;
}
.u-margin-small {
margin: 12px !important;
}
.u-margin-large {
margin: 48px !important;
}
.u-margin-huge {
margin: 96px !important;
}
.u-margin-none {
margin: 0 !important;
}
.u-margin-top {
margin-top: 24px !important;
}
.u-margin-top-tiny {
margin-top: 6px !important;
}
.u-margin-top-small {
margin-top: 12px !important;
}
.u-margin-top-large {
margin-top: 48px !important;
}
.u-margin-top-huge {
margin-top: 96px !important;
}
.u-margin-top-none {
margin-top: 0 !important;
}
.u-margin-right {
margin-right: 24px !important;
}
.u-margin-right-tiny {
margin-right: 6px !important;
}
.u-margin-right-small {
margin-right: 12px !important;
}
.u-margin-right-large {
margin-right: 48px !important;
}
.u-margin-right-huge {
margin-right: 96px !important;
}
.u-margin-right-none {
margin-right: 0 !important;
}
.u-margin-bottom {
margin-bottom: 24px !important;
}
.u-margin-bottom-tiny {
margin-bottom: 6px !important;
}
.u-margin-bottom-small {
margin-bottom: 12px !important;
}
.u-margin-bottom-large {
margin-bottom: 48px !important;
}
.u-margin-bottom-huge {
margin-bottom: 96px !important;
}
.u-margin-bottom-none {
margin-bottom: 0 !important;
}
.u-margin-left {
margin-left: 24px !important;
}
.u-margin-left-tiny {
margin-left: 6px !important;
}
.u-margin-left-small {
margin-left: 12px !important;
}
.u-margin-left-large {
margin-left: 48px !important;
}
.u-margin-left-huge {
margin-left: 96px !important;
}
.u-margin-left-none {
margin-left: 0 !important;
}   @media (min-width: 37.5em) {
.u-padding\@small {
padding: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-padding\@nav {
padding: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-padding\@medium {
padding: 24px !important;
}
}
@media (min-width: 75em) {
.u-padding\@large {
padding: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-padding\@huge {
padding: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-padding\@xhuge {
padding: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-tiny\@small {
padding: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-tiny\@nav {
padding: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-tiny\@medium {
padding: 6px !important;
}
}
@media (min-width: 75em) {
.u-padding-tiny\@large {
padding: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-tiny\@huge {
padding: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-tiny\@xhuge {
padding: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-small\@small {
padding: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-small\@nav {
padding: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-small\@medium {
padding: 12px !important;
}
}
@media (min-width: 75em) {
.u-padding-small\@large {
padding: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-small\@huge {
padding: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-small\@xhuge {
padding: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-large\@small {
padding: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-large\@nav {
padding: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-large\@medium {
padding: 48px !important;
}
}
@media (min-width: 75em) {
.u-padding-large\@large {
padding: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-large\@huge {
padding: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-large\@xhuge {
padding: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-huge\@small {
padding: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-huge\@nav {
padding: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-huge\@medium {
padding: 96px !important;
}
}
@media (min-width: 75em) {
.u-padding-huge\@large {
padding: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-huge\@huge {
padding: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-huge\@xhuge {
padding: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-none\@small {
padding: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-padding-none\@nav {
padding: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-padding-none\@medium {
padding: 0 !important;
}
}
@media (min-width: 75em) {
.u-padding-none\@large {
padding: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-padding-none\@huge {
padding: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-padding-none\@xhuge {
padding: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-padding-top\@small {
padding-top: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-top\@nav {
padding-top: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-top\@medium {
padding-top: 24px !important;
}
}
@media (min-width: 75em) {
.u-padding-top\@large {
padding-top: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-top\@huge {
padding-top: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-top\@xhuge {
padding-top: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-top-tiny\@small {
padding-top: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-top-tiny\@nav {
padding-top: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-top-tiny\@medium {
padding-top: 6px !important;
}
}
@media (min-width: 75em) {
.u-padding-top-tiny\@large {
padding-top: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-top-tiny\@huge {
padding-top: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-top-tiny\@xhuge {
padding-top: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-top-small\@small {
padding-top: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-top-small\@nav {
padding-top: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-top-small\@medium {
padding-top: 12px !important;
}
}
@media (min-width: 75em) {
.u-padding-top-small\@large {
padding-top: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-top-small\@huge {
padding-top: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-top-small\@xhuge {
padding-top: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-top-large\@small {
padding-top: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-top-large\@nav {
padding-top: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-top-large\@medium {
padding-top: 48px !important;
}
}
@media (min-width: 75em) {
.u-padding-top-large\@large {
padding-top: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-top-large\@huge {
padding-top: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-top-large\@xhuge {
padding-top: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-top-huge\@small {
padding-top: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-top-huge\@nav {
padding-top: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-top-huge\@medium {
padding-top: 96px !important;
}
}
@media (min-width: 75em) {
.u-padding-top-huge\@large {
padding-top: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-top-huge\@huge {
padding-top: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-top-huge\@xhuge {
padding-top: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-top-none\@small {
padding-top: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-padding-top-none\@nav {
padding-top: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-padding-top-none\@medium {
padding-top: 0 !important;
}
}
@media (min-width: 75em) {
.u-padding-top-none\@large {
padding-top: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-padding-top-none\@huge {
padding-top: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-padding-top-none\@xhuge {
padding-top: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-padding-right\@small {
padding-right: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-right\@nav {
padding-right: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-right\@medium {
padding-right: 24px !important;
}
}
@media (min-width: 75em) {
.u-padding-right\@large {
padding-right: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-right\@huge {
padding-right: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-right\@xhuge {
padding-right: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-right-tiny\@small {
padding-right: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-right-tiny\@nav {
padding-right: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-right-tiny\@medium {
padding-right: 6px !important;
}
}
@media (min-width: 75em) {
.u-padding-right-tiny\@large {
padding-right: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-right-tiny\@huge {
padding-right: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-right-tiny\@xhuge {
padding-right: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-right-small\@small {
padding-right: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-right-small\@nav {
padding-right: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-right-small\@medium {
padding-right: 12px !important;
}
}
@media (min-width: 75em) {
.u-padding-right-small\@large {
padding-right: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-right-small\@huge {
padding-right: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-right-small\@xhuge {
padding-right: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-right-large\@small {
padding-right: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-right-large\@nav {
padding-right: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-right-large\@medium {
padding-right: 48px !important;
}
}
@media (min-width: 75em) {
.u-padding-right-large\@large {
padding-right: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-right-large\@huge {
padding-right: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-right-large\@xhuge {
padding-right: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-right-huge\@small {
padding-right: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-right-huge\@nav {
padding-right: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-right-huge\@medium {
padding-right: 96px !important;
}
}
@media (min-width: 75em) {
.u-padding-right-huge\@large {
padding-right: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-right-huge\@huge {
padding-right: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-right-huge\@xhuge {
padding-right: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-right-none\@small {
padding-right: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-padding-right-none\@nav {
padding-right: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-padding-right-none\@medium {
padding-right: 0 !important;
}
}
@media (min-width: 75em) {
.u-padding-right-none\@large {
padding-right: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-padding-right-none\@huge {
padding-right: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-padding-right-none\@xhuge {
padding-right: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-padding-bottom\@small {
padding-bottom: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-bottom\@nav {
padding-bottom: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-bottom\@medium {
padding-bottom: 24px !important;
}
}
@media (min-width: 75em) {
.u-padding-bottom\@large {
padding-bottom: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-bottom\@huge {
padding-bottom: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-bottom\@xhuge {
padding-bottom: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-bottom-tiny\@small {
padding-bottom: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-bottom-tiny\@nav {
padding-bottom: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-bottom-tiny\@medium {
padding-bottom: 6px !important;
}
}
@media (min-width: 75em) {
.u-padding-bottom-tiny\@large {
padding-bottom: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-bottom-tiny\@huge {
padding-bottom: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-bottom-tiny\@xhuge {
padding-bottom: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-bottom-small\@small {
padding-bottom: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-bottom-small\@nav {
padding-bottom: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-bottom-small\@medium {
padding-bottom: 12px !important;
}
}
@media (min-width: 75em) {
.u-padding-bottom-small\@large {
padding-bottom: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-bottom-small\@huge {
padding-bottom: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-bottom-small\@xhuge {
padding-bottom: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-bottom-large\@small {
padding-bottom: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-bottom-large\@nav {
padding-bottom: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-bottom-large\@medium {
padding-bottom: 48px !important;
}
}
@media (min-width: 75em) {
.u-padding-bottom-large\@large {
padding-bottom: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-bottom-large\@huge {
padding-bottom: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-bottom-large\@xhuge {
padding-bottom: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-bottom-huge\@small {
padding-bottom: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-bottom-huge\@nav {
padding-bottom: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-bottom-huge\@medium {
padding-bottom: 96px !important;
}
}
@media (min-width: 75em) {
.u-padding-bottom-huge\@large {
padding-bottom: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-bottom-huge\@huge {
padding-bottom: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-bottom-huge\@xhuge {
padding-bottom: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-bottom-none\@small {
padding-bottom: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-padding-bottom-none\@nav {
padding-bottom: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-padding-bottom-none\@medium {
padding-bottom: 0 !important;
}
}
@media (min-width: 75em) {
.u-padding-bottom-none\@large {
padding-bottom: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-padding-bottom-none\@huge {
padding-bottom: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-padding-bottom-none\@xhuge {
padding-bottom: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-padding-left\@small {
padding-left: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-left\@nav {
padding-left: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-left\@medium {
padding-left: 24px !important;
}
}
@media (min-width: 75em) {
.u-padding-left\@large {
padding-left: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-left\@huge {
padding-left: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-left\@xhuge {
padding-left: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-left-tiny\@small {
padding-left: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-left-tiny\@nav {
padding-left: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-left-tiny\@medium {
padding-left: 6px !important;
}
}
@media (min-width: 75em) {
.u-padding-left-tiny\@large {
padding-left: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-left-tiny\@huge {
padding-left: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-left-tiny\@xhuge {
padding-left: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-left-small\@small {
padding-left: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-left-small\@nav {
padding-left: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-left-small\@medium {
padding-left: 12px !important;
}
}
@media (min-width: 75em) {
.u-padding-left-small\@large {
padding-left: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-left-small\@huge {
padding-left: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-left-small\@xhuge {
padding-left: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-left-large\@small {
padding-left: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-left-large\@nav {
padding-left: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-left-large\@medium {
padding-left: 48px !important;
}
}
@media (min-width: 75em) {
.u-padding-left-large\@large {
padding-left: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-left-large\@huge {
padding-left: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-left-large\@xhuge {
padding-left: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-left-huge\@small {
padding-left: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-padding-left-huge\@nav {
padding-left: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-padding-left-huge\@medium {
padding-left: 96px !important;
}
}
@media (min-width: 75em) {
.u-padding-left-huge\@large {
padding-left: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-padding-left-huge\@huge {
padding-left: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-padding-left-huge\@xhuge {
padding-left: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-padding-left-none\@small {
padding-left: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-padding-left-none\@nav {
padding-left: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-padding-left-none\@medium {
padding-left: 0 !important;
}
}
@media (min-width: 75em) {
.u-padding-left-none\@large {
padding-left: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-padding-left-none\@huge {
padding-left: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-padding-left-none\@xhuge {
padding-left: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-margin\@small {
margin: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-margin\@nav {
margin: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-margin\@medium {
margin: 24px !important;
}
}
@media (min-width: 75em) {
.u-margin\@large {
margin: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-margin\@huge {
margin: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-margin\@xhuge {
margin: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-tiny\@small {
margin: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-tiny\@nav {
margin: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-tiny\@medium {
margin: 6px !important;
}
}
@media (min-width: 75em) {
.u-margin-tiny\@large {
margin: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-tiny\@huge {
margin: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-tiny\@xhuge {
margin: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-small\@small {
margin: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-small\@nav {
margin: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-small\@medium {
margin: 12px !important;
}
}
@media (min-width: 75em) {
.u-margin-small\@large {
margin: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-small\@huge {
margin: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-small\@xhuge {
margin: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-large\@small {
margin: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-large\@nav {
margin: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-large\@medium {
margin: 48px !important;
}
}
@media (min-width: 75em) {
.u-margin-large\@large {
margin: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-large\@huge {
margin: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-large\@xhuge {
margin: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-huge\@small {
margin: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-huge\@nav {
margin: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-huge\@medium {
margin: 96px !important;
}
}
@media (min-width: 75em) {
.u-margin-huge\@large {
margin: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-huge\@huge {
margin: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-huge\@xhuge {
margin: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-none\@small {
margin: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-margin-none\@nav {
margin: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-margin-none\@medium {
margin: 0 !important;
}
}
@media (min-width: 75em) {
.u-margin-none\@large {
margin: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-margin-none\@huge {
margin: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-margin-none\@xhuge {
margin: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-margin-top\@small {
margin-top: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-top\@nav {
margin-top: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-top\@medium {
margin-top: 24px !important;
}
}
@media (min-width: 75em) {
.u-margin-top\@large {
margin-top: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-top\@huge {
margin-top: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-top\@xhuge {
margin-top: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-top-tiny\@small {
margin-top: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-top-tiny\@nav {
margin-top: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-top-tiny\@medium {
margin-top: 6px !important;
}
}
@media (min-width: 75em) {
.u-margin-top-tiny\@large {
margin-top: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-top-tiny\@huge {
margin-top: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-top-tiny\@xhuge {
margin-top: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-top-small\@small {
margin-top: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-top-small\@nav {
margin-top: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-top-small\@medium {
margin-top: 12px !important;
}
}
@media (min-width: 75em) {
.u-margin-top-small\@large {
margin-top: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-top-small\@huge {
margin-top: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-top-small\@xhuge {
margin-top: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-top-large\@small {
margin-top: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-top-large\@nav {
margin-top: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-top-large\@medium {
margin-top: 48px !important;
}
}
@media (min-width: 75em) {
.u-margin-top-large\@large {
margin-top: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-top-large\@huge {
margin-top: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-top-large\@xhuge {
margin-top: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-top-huge\@small {
margin-top: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-top-huge\@nav {
margin-top: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-top-huge\@medium {
margin-top: 96px !important;
}
}
@media (min-width: 75em) {
.u-margin-top-huge\@large {
margin-top: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-top-huge\@huge {
margin-top: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-top-huge\@xhuge {
margin-top: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-top-none\@small {
margin-top: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-margin-top-none\@nav {
margin-top: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-margin-top-none\@medium {
margin-top: 0 !important;
}
}
@media (min-width: 75em) {
.u-margin-top-none\@large {
margin-top: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-margin-top-none\@huge {
margin-top: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-margin-top-none\@xhuge {
margin-top: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-margin-right\@small {
margin-right: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-right\@nav {
margin-right: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-right\@medium {
margin-right: 24px !important;
}
}
@media (min-width: 75em) {
.u-margin-right\@large {
margin-right: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-right\@huge {
margin-right: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-right\@xhuge {
margin-right: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-right-tiny\@small {
margin-right: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-right-tiny\@nav {
margin-right: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-right-tiny\@medium {
margin-right: 6px !important;
}
}
@media (min-width: 75em) {
.u-margin-right-tiny\@large {
margin-right: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-right-tiny\@huge {
margin-right: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-right-tiny\@xhuge {
margin-right: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-right-small\@small {
margin-right: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-right-small\@nav {
margin-right: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-right-small\@medium {
margin-right: 12px !important;
}
}
@media (min-width: 75em) {
.u-margin-right-small\@large {
margin-right: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-right-small\@huge {
margin-right: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-right-small\@xhuge {
margin-right: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-right-large\@small {
margin-right: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-right-large\@nav {
margin-right: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-right-large\@medium {
margin-right: 48px !important;
}
}
@media (min-width: 75em) {
.u-margin-right-large\@large {
margin-right: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-right-large\@huge {
margin-right: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-right-large\@xhuge {
margin-right: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-right-huge\@small {
margin-right: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-right-huge\@nav {
margin-right: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-right-huge\@medium {
margin-right: 96px !important;
}
}
@media (min-width: 75em) {
.u-margin-right-huge\@large {
margin-right: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-right-huge\@huge {
margin-right: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-right-huge\@xhuge {
margin-right: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-right-none\@small {
margin-right: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-margin-right-none\@nav {
margin-right: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-margin-right-none\@medium {
margin-right: 0 !important;
}
}
@media (min-width: 75em) {
.u-margin-right-none\@large {
margin-right: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-margin-right-none\@huge {
margin-right: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-margin-right-none\@xhuge {
margin-right: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-margin-bottom\@small {
margin-bottom: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-bottom\@nav {
margin-bottom: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-bottom\@medium {
margin-bottom: 24px !important;
}
}
@media (min-width: 75em) {
.u-margin-bottom\@large {
margin-bottom: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-bottom\@huge {
margin-bottom: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-bottom\@xhuge {
margin-bottom: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-bottom-tiny\@small {
margin-bottom: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-bottom-tiny\@nav {
margin-bottom: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-bottom-tiny\@medium {
margin-bottom: 6px !important;
}
}
@media (min-width: 75em) {
.u-margin-bottom-tiny\@large {
margin-bottom: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-bottom-tiny\@huge {
margin-bottom: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-bottom-tiny\@xhuge {
margin-bottom: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-bottom-small\@small {
margin-bottom: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-bottom-small\@nav {
margin-bottom: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-bottom-small\@medium {
margin-bottom: 12px !important;
}
}
@media (min-width: 75em) {
.u-margin-bottom-small\@large {
margin-bottom: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-bottom-small\@huge {
margin-bottom: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-bottom-small\@xhuge {
margin-bottom: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-bottom-large\@small {
margin-bottom: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-bottom-large\@nav {
margin-bottom: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-bottom-large\@medium {
margin-bottom: 48px !important;
}
}
@media (min-width: 75em) {
.u-margin-bottom-large\@large {
margin-bottom: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-bottom-large\@huge {
margin-bottom: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-bottom-large\@xhuge {
margin-bottom: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-bottom-huge\@small {
margin-bottom: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-bottom-huge\@nav {
margin-bottom: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-bottom-huge\@medium {
margin-bottom: 96px !important;
}
}
@media (min-width: 75em) {
.u-margin-bottom-huge\@large {
margin-bottom: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-bottom-huge\@huge {
margin-bottom: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-bottom-huge\@xhuge {
margin-bottom: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-bottom-none\@small {
margin-bottom: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-margin-bottom-none\@nav {
margin-bottom: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-margin-bottom-none\@medium {
margin-bottom: 0 !important;
}
}
@media (min-width: 75em) {
.u-margin-bottom-none\@large {
margin-bottom: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-margin-bottom-none\@huge {
margin-bottom: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-margin-bottom-none\@xhuge {
margin-bottom: 0 !important;
}
}
@media (min-width: 37.5em) {
.u-margin-left\@small {
margin-left: 24px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-left\@nav {
margin-left: 24px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-left\@medium {
margin-left: 24px !important;
}
}
@media (min-width: 75em) {
.u-margin-left\@large {
margin-left: 24px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-left\@huge {
margin-left: 24px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-left\@xhuge {
margin-left: 24px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-left-tiny\@small {
margin-left: 6px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-left-tiny\@nav {
margin-left: 6px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-left-tiny\@medium {
margin-left: 6px !important;
}
}
@media (min-width: 75em) {
.u-margin-left-tiny\@large {
margin-left: 6px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-left-tiny\@huge {
margin-left: 6px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-left-tiny\@xhuge {
margin-left: 6px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-left-small\@small {
margin-left: 12px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-left-small\@nav {
margin-left: 12px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-left-small\@medium {
margin-left: 12px !important;
}
}
@media (min-width: 75em) {
.u-margin-left-small\@large {
margin-left: 12px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-left-small\@huge {
margin-left: 12px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-left-small\@xhuge {
margin-left: 12px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-left-large\@small {
margin-left: 48px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-left-large\@nav {
margin-left: 48px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-left-large\@medium {
margin-left: 48px !important;
}
}
@media (min-width: 75em) {
.u-margin-left-large\@large {
margin-left: 48px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-left-large\@huge {
margin-left: 48px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-left-large\@xhuge {
margin-left: 48px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-left-huge\@small {
margin-left: 96px !important;
}
}
@media (min-width: 61.875em) {
.u-margin-left-huge\@nav {
margin-left: 96px !important;
}
}
@media (min-width: 56.25em) {
.u-margin-left-huge\@medium {
margin-left: 96px !important;
}
}
@media (min-width: 75em) {
.u-margin-left-huge\@large {
margin-left: 96px !important;
}
}
@media (min-width: 88.75em) {
.u-margin-left-huge\@huge {
margin-left: 96px !important;
}
}
@media (min-width: 93.75em) {
.u-margin-left-huge\@xhuge {
margin-left: 96px !important;
}
}
@media (min-width: 37.5em) {
.u-margin-left-none\@small {
margin-left: 0 !important;
}
}
@media (min-width: 61.875em) {
.u-margin-left-none\@nav {
margin-left: 0 !important;
}
}
@media (min-width: 56.25em) {
.u-margin-left-none\@medium {
margin-left: 0 !important;
}
}
@media (min-width: 75em) {
.u-margin-left-none\@large {
margin-left: 0 !important;
}
}
@media (min-width: 88.75em) {
.u-margin-left-none\@huge {
margin-left: 0 !important;
}
}
@media (min-width: 93.75em) {
.u-margin-left-none\@xhuge {
margin-left: 0 !important;
}
}   @media print { *,
*:before,
*:after {
background: transparent !important;
color: #000 !important; -webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} a[href^="#"]:after,
a[href^="javascript:"]: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;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}  .u-hidden-visually {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
} .u-hidden {
display: none !important;
}
.u-divider + .u-divider {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #efeff1;
}
.u-divider-small + .u-divider-small {
margin-top: 0;
padding-top: 12px;
border-top: 1px solid #efeff1;
}
.c-column--neutral-light .u-divider-small + .u-divider-small {
border-top-color: #FFFFFF;
margin-top: 12px;
padding-top: 24px;
}
.u-spacer + .u-spacer {
margin-top: 24px;
padding-top: 24px;
}
.u-spacer-small + .u-spacer-small {
margin-top: 12px;
padding-top: 12px;
}
.u-border-top {
border-top: 2px solid #efeff1;
}
.u-text-center {
text-align: center;
}
@media (min-width: 56.25em) {
.u-text-right {
text-align: right;
}
} .o-crop--video {
padding-bottom: 56.25%;
-webkit-box-shadow: 0 0 0 2px #FFFFFF, 0 6px 24px rgba(153, 153, 153, 0.3);
box-shadow: 0 0 0 2px #FFFFFF, 0 6px 24px rgba(153, 153, 153, 0.3);
margin-top: 36px;
margin-bottom: 36px;
width: 100%;
}
.o-crop--video .o-crop__content,
.o-crop--video > * {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.o-crop__content {
width: 100%;
}
.c-post-footer {
margin-top: 24px;
padding-top: 24px;
border-top: 2px solid #efeff1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-post-footer p {
display: block;
font-weight: 400;
}
@media (min-width: 56.25em) {
.c-post-footer {
margin-top: 48px;
padding-top: 48px;
}
}
.c-share {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-share > * {
margin-right: 12px;
}
.c-share .fb-share-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#bitnami-banner {
display: none;
}  .o-layout__item:first-of-type .c-pricing__header{
background-color: #73738e;
}
.c-pricing .c-para{
margin-bottom:20px;
min-height: 81px;
}
.pricinglayout .c-hero-title{
text-align: center;
margin-bottom: 20px;
}
.pricinglayout .c-hero-title>small{
display: block;
font-size: 21px;
}
.includes{
font-size: 1.4em;
margin-top: 40px;
margin-bottom: 10px; 
}
ul.checkmark{
margin-left: 0;
}
ul.checkmark>li{
position: relative;
display: block;
padding-left: 30px;
font-size: 0.9em;
padding-top: 7px;
padding-bottom: 7px;
text-align: left;
}
ul.checkmark > li:before{
content: "";
display: inline-block;
width: 1.4rem;
height: 1.4rem;
background-image: url(//spott.ai/wp-content/themes/spott-theme-2019/assets/img/svg/check.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 10px;
} .mb-auto, .my-auto {
margin-bottom: auto!important;
}
.mt-auto, .my-auto {
margin-top: auto!important;
}
.lightfontweight {
font-weight: 200 !important;
} img.clientlogo {
display: inline-block;
max-height: 30px;
}
img.clientlogo.grey{
margin: 15px 0;
}
img.clientlogo.colored {
display: none;
}
a:hover img.clientlogo.colored {
display: inline-block;
max-height: 60px;
}
a:hover img.clientlogo.grey {
display: none;
}
div.modal.maxw {
max-width: 1200px;
min-height: 75vh;
}
div.modal iframe {
width: 100%;
height: 70vh;
}
img.clientlogo.colored {
transition: max-height 2s;
}
a.nodecorationlink{
text-decoration: none;
}
.cta-bar{
background-color: #F5F5F6;
padding: 18px;
border-radius: 5px;
border: 1px solid #E2E2E5;
} .pulse {
margin:auto;
display: block;
border-radius: 50%;
cursor: pointer;
box-shadow: -3 0 0 rgba(79, 70, 212);
animation: pulse 2s infinite;
}
.pulse:hover {
animation: none;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(79, 70, 212, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(79, 70, 212, 0.5);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(79, 70, 212, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(79, 70, 212, 0.4);
box-shadow: 0 0 0 0 rgba(79, 70, 212, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(79, 70, 212, 0);
box-shadow: 0 0 0 20px rgba(79, 70, 212, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(79, 70, 212, 0);
box-shadow: 0 0 0 0 rgba(79, 70, 212, 0);
}
}
form li {
list-style-type: none;
padding: 12px 0px;
}
form li label span {
padding-left: 20px;
}
form.spottform .formrow {
margin-top: 15px;
}
form.spottform label {
font-weight: 300;
}
.ctabanner {
padding: 15px;
background-color: #352F8F;
display: none;
}
.ctabanner div {
margin: auto;
max-width: 800px;
color: white;
text-align: center;
}
.ctabanner a {
color: white;
text-decoration: unset;
font-size: 18px;
}
.countdown {
position: relative; 
color: #ffffff; 
font-size: 16px; 
font-family:gotham; 
display: block; 
width: 400px; 
margin: auto; 
text-align: center; 
background: #30303e; 
border-radius:10px; 
padding:10px; 
}
#jcountdown > span {font-size:36px; margin-left:10px; color:white;} .tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
max-width: 300px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
top: -5px;
left: 110%;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 16px;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
label.radio {
padding-left: 20px;
}.nooz-item-with-excerpt .nooz-link{margin-bottom:5px}.nooz-source{font-weight:bold;margin-bottom:0}.nooz-subheadline,.nooz-body,.nooz-boilerplate,.nooz-release__contact,.nooz-ending{margin-bottom:15px}.nooz-dateline{display:block;margin-bottom:15px}.nooz-dateline__separator{display:none}.nooz-release--combine-dateline .nooz-dateline{display:inline;margin-bottom:0}.nooz-release--combine-dateline .nooz-dateline__separator{display:inline}