/**
* Global Reset of all HTML Elements
*
* Resetting all of our HTML Elements ensures a smoother
* visual transition between browsers. If you don't believe me,
* try temporarily commenting out this block of code, then go
* and look at Mozilla versus Safari, both good browsers with
* a good implementation of CSS. The thing is, all browser CSS
* defaults are different and at the end of the day if visual
* consistency is what we're shooting for, then we need to
* make sure we're resetting all spacing elements.
*
*/
html,
body {
border: 0;
font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
line-height: 1.5;
margin: 0;
padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
border: 0;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
border: 0;
font-size: 100%;
vertical-align: baseline;
margin: 0;
padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
display: block;
}
table {
border-collapse: separate;
border-spacing: 0;
}
table caption,
table th,
table td {
text-align: left;
vertical-align: middle;
}
a img {
border: 0;
}
:focus {
outline: 0;
}
.fc-dark-primary {
color: #111526;
}
.fill-dark-primary {
fill: #111526;
}
.fc-dark-hover {
color: #04050a;
}
.fill-dark-hover {
fill: #04050a;
}
.fc-light-primary {
color: #7A8AA3;
}
.fill-light-primary {
fill: #7A8AA3;
}
.fc-light-hover {
color: #5c6b84;
}
.fill-light-hover {
fill: #5c6b84;
}
.fc-invert-primary {
color: #ffffff;
}
.fill-invert-primary {
fill: #ffffff;
}
.fc-invert-secondary {
color: #9DAEC4;
}
.fill-invert-secondary {
fill: #9DAEC4;
}
.fc-link-primary {
color: #0080CE;
}
.fill-link-primary {
fill: #0080CE;
}
.fc-link-hover {
color: #0067a5;
}
.fill-link-hover {
fill: #0067a5;
}
.fc-warning-primary {
color: #F0BB42;
}
.fill-warning-primary {
fill: #F0BB42;
}
.fc-warning-hover {
color: #edad1c;
}
.fill-warning-hover {
fill: #edad1c;
}
.fc-danger-primary {
color: #D7526A;
}
.fill-danger-primary {
fill: #D7526A;
}
.fc-danger-hover {
color: #cf314d;
}
.fill-danger-hover {
fill: #cf314d;
}
.fc-highlight-primary {
color: #00CC8D;
}
.fill-highlight-primary {
fill: #00CC8D;
}
.fc-highlight-hover {
color: #00a371;
}
.fill-highlight-hover {
fill: #00a371;
}
.ff-sans {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.ff-mono {
font-family: "SFMono-Regular", Consolas, "Liberation Mono", "Ubuntu Mono", Menlo, Courier, monospace;
}
.fs-xxxl {
font-size: 36px;
}
.fs-xxl {
font-size: 30px;
}
.fs-xl {
font-size: 24px;
}
.fs-lg {
font-size: 18px;
}
.fs-md {
font-size: 16px;
}
.fs-sm {
font-size: 14px;
}
.fs-xs {
font-size: 12.5px;
}
.fs-xxs {
font-size: 10px;
}
.fw-bold {
font-weight: 800;
}
.fw-medium {
font-weight: 500;
}
.fw-regular {
font-weight: 400;
}
.fw-light {
font-weight: 200;
}
.lh-expanded {
line-height: 1.6;
}
.lh-base {
line-height: 1.4;
}
.lh-condensed {
line-height: 1.2;
}
.p-zero {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.m-zero {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.pt-zero {
padding-top: 0;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.mt-zero {
margin-top: 0;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.pr-zero {
padding-top: null;
padding-right: 0;
padding-bottom: null;
padding-left: null;
}
.mr-zero {
margin-top: null;
margin-right: 0;
margin-bottom: null;
margin-left: null;
}
.pb-zero {
padding-top: null;
padding-right: null;
padding-bottom: 0;
padding-left: null;
}
.mb-zero {
margin-top: null;
margin-right: null;
margin-bottom: 0;
margin-left: null;
}
.pl-zero {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 0;
}
.ml-zero {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 0;
}
.p-xs {
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
}
.m-xs {
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;
}
.pt-xs {
padding-top: 4px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.mt-xs {
margin-top: 4px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.pr-xs {
padding-top: null;
padding-right: 4px;
padding-bottom: null;
padding-left: null;
}
.mr-xs {
margin-top: null;
margin-right: 4px;
margin-bottom: null;
margin-left: null;
}
.pb-xs {
padding-top: null;
padding-right: null;
padding-bottom: 4px;
padding-left: null;
}
.mb-xs {
margin-top: null;
margin-right: null;
margin-bottom: 4px;
margin-left: null;
}
.pl-xs {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 4px;
}
.ml-xs {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 4px;
}
.p-sm {
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
.m-sm {
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 8px;
}
.pt-sm {
padding-top: 8px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.mt-sm {
margin-top: 8px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.pr-sm {
padding-top: null;
padding-right: 8px;
padding-bottom: null;
padding-left: null;
}
.mr-sm {
margin-top: null;
margin-right: 8px;
margin-bottom: null;
margin-left: null;
}
.pb-sm {
padding-top: null;
padding-right: null;
padding-bottom: 8px;
padding-left: null;
}
.mb-sm {
margin-top: null;
margin-right: null;
margin-bottom: 8px;
margin-left: null;
}
.pl-sm {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 8px;
}
.ml-sm {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 8px;
}
.p-md {
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
}
.m-md {
margin-top: 12px;
margin-right: 12px;
margin-bottom: 12px;
margin-left: 12px;
}
.pt-md {
padding-top: 12px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.mt-md {
margin-top: 12px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.pr-md {
padding-top: null;
padding-right: 12px;
padding-bottom: null;
padding-left: null;
}
.mr-md {
margin-top: null;
margin-right: 12px;
margin-bottom: null;
margin-left: null;
}
.pb-md {
padding-top: null;
padding-right: null;
padding-bottom: 12px;
padding-left: null;
}
.mb-md {
margin-top: null;
margin-right: null;
margin-bottom: 12px;
margin-left: null;
}
.pl-md {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 12px;
}
.ml-md {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 12px;
}
.p-lg {
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.m-lg {
margin-top: 16px;
margin-right: 16px;
margin-bottom: 16px;
margin-left: 16px;
}
.pt-lg {
padding-top: 16px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.mt-lg {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.pr-lg {
padding-top: null;
padding-right: 16px;
padding-bottom: null;
padding-left: null;
}
.mr-lg {
margin-top: null;
margin-right: 16px;
margin-bottom: null;
margin-left: null;
}
.pb-lg {
padding-top: null;
padding-right: null;
padding-bottom: 16px;
padding-left: null;
}
.mb-lg {
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.pl-lg {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 16px;
}
.ml-lg {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 16px;
}
.p-xl {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
}
.m-xl {
margin-top: 24px;
margin-right: 24px;
margin-bottom: 24px;
margin-left: 24px;
}
.pt-xl {
padding-top: 24px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.mt-xl {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.pr-xl {
padding-top: null;
padding-right: 24px;
padding-bottom: null;
padding-left: null;
}
.mr-xl {
margin-top: null;
margin-right: 24px;
margin-bottom: null;
margin-left: null;
}
.pb-xl {
padding-top: null;
padding-right: null;
padding-bottom: 24px;
padding-left: null;
}
.mb-xl {
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
}
.pl-xl {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 24px;
}
.ml-xl {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 24px;
}
.p-xxl {
padding-top: 32px;
padding-right: 32px;
padding-bottom: 32px;
padding-left: 32px;
}
.m-xxl {
margin-top: 32px;
margin-right: 32px;
margin-bottom: 32px;
margin-left: 32px;
}
.pt-xxl {
padding-top: 32px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.mt-xxl {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.pr-xxl {
padding-top: null;
padding-right: 32px;
padding-bottom: null;
padding-left: null;
}
.mr-xxl {
margin-top: null;
margin-right: 32px;
margin-bottom: null;
margin-left: null;
}
.pb-xxl {
padding-top: null;
padding-right: null;
padding-bottom: 32px;
padding-left: null;
}
.mb-xxl {
margin-top: null;
margin-right: null;
margin-bottom: 32px;
margin-left: null;
}
.pl-xxl {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 32px;
}
.ml-xxl {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 32px;
}
.p-xxxl {
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
}
.m-xxxl {
margin-top: 48px;
margin-right: 48px;
margin-bottom: 48px;
margin-left: 48px;
}
.pt-xxxl {
padding-top: 48px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.mt-xxxl {
margin-top: 48px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.pr-xxxl {
padding-top: null;
padding-right: 48px;
padding-bottom: null;
padding-left: null;
}
.mr-xxxl {
margin-top: null;
margin-right: 48px;
margin-bottom: null;
margin-left: null;
}
.pb-xxxl {
padding-top: null;
padding-right: null;
padding-bottom: 48px;
padding-left: null;
}
.mb-xxxl {
margin-top: null;
margin-right: null;
margin-bottom: 48px;
margin-left: null;
}
.pl-xxxl {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 48px;
}
.ml-xxxl {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 48px;
}
.z-index-base {
z-index: 100;
}
.z-index-popovers {
z-index: 200;
}
.z-index-nav {
z-index: 300;
}
.z-index-subnav {
z-index: 400;
}
.z-index-toolbars {
z-index: 500;
}
.z-index-tooltips {
z-index: 600;
}
.z-index-modal-overlay {
z-index: 700;
}
.z-index-modals {
z-index: 800;
}
.z-index-dragging {
z-index: 900;
}
.bg-light-primary {
background-color: #ffffff;
}
.bg-light-hover {
background-color: #f7f9fd;
}
.bg-medium-primary {
background-color: #EDF1F7;
}
.bg-medium-hover {
background-color: #dfe6f1;
}
.bg-dark-primary {
background-color: #D8E0EB;
}
.bg-dark-hover {
background-color: #cbd5e4;
}
.bg-invert-dark {
background-color: #111526;
}
.bg-invert-light {
background-color: #20293D;
}
*,
*:before,
*:after {
border-style: solid;
border-width: 0;
}
.b-color-light {
border-color: #EDF1F7;
}
.b-color-dark {
border-color: #D8E0EB;
}
.b-color-darker {
border-color: #9DAEC4;
}
.b-none {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-style: solid;
}
.bt-none {
border-top: 0;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
}
.br-none {
border-top: null;
border-right: 0;
border-bottom: null;
border-left: null;
border-style: solid;
}
.bb-none {
border-top: null;
border-right: null;
border-bottom: 0;
border-left: null;
border-style: solid;
}
.bl-none {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 0;
border-style: solid;
}
.b-light-none {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-style: solid;
border-color: #EDF1F7;
}
.b-dark-none {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-style: solid;
border-color: #D8E0EB;
}
.b-darker-none {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-style: solid;
border-color: #9DAEC4;
}
.bt-light-none {
border-top: 0;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.bt-dark-none {
border-top: 0;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.bt-darker-none {
border-top: 0;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.br-light-none {
border-top: null;
border-right: 0;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.br-dark-none {
border-top: null;
border-right: 0;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.br-darker-none {
border-top: null;
border-right: 0;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.bb-light-none {
border-top: null;
border-right: null;
border-bottom: 0;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.bb-dark-none {
border-top: null;
border-right: null;
border-bottom: 0;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.bb-darker-none {
border-top: null;
border-right: null;
border-bottom: 0;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.bl-light-none {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 0;
border-style: solid;
border-color: #EDF1F7;
}
.bl-dark-none {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 0;
border-style: solid;
border-color: #D8E0EB;
}
.bl-darker-none {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 0;
border-style: solid;
border-color: #9DAEC4;
}
.b-thin {
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
}
.bt-thin {
border-top: 1px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
}
.br-thin {
border-top: null;
border-right: 1px;
border-bottom: null;
border-left: null;
border-style: solid;
}
.bb-thin {
border-top: null;
border-right: null;
border-bottom: 1px;
border-left: null;
border-style: solid;
}
.bl-thin {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 1px;
border-style: solid;
}
.b-light-thin {
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #EDF1F7;
}
.b-dark-thin {
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #D8E0EB;
}
.b-darker-thin {
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #9DAEC4;
}
.bt-light-thin {
border-top: 1px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.bt-dark-thin {
border-top: 1px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.bt-darker-thin {
border-top: 1px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.br-light-thin {
border-top: null;
border-right: 1px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.br-dark-thin {
border-top: null;
border-right: 1px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.br-darker-thin {
border-top: null;
border-right: 1px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.bb-light-thin {
border-top: null;
border-right: null;
border-bottom: 1px;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.bb-dark-thin {
border-top: null;
border-right: null;
border-bottom: 1px;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.bb-darker-thin {
border-top: null;
border-right: null;
border-bottom: 1px;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.bl-light-thin {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 1px;
border-style: solid;
border-color: #EDF1F7;
}
.bl-dark-thin {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 1px;
border-style: solid;
border-color: #D8E0EB;
}
.bl-darker-thin {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 1px;
border-style: solid;
border-color: #9DAEC4;
}
.b-medium {
border-top: 2px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-style: solid;
}
.bt-medium {
border-top: 2px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
}
.br-medium {
border-top: null;
border-right: 2px;
border-bottom: null;
border-left: null;
border-style: solid;
}
.bb-medium {
border-top: null;
border-right: null;
border-bottom: 2px;
border-left: null;
border-style: solid;
}
.bl-medium {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 2px;
border-style: solid;
}
.b-light-medium {
border-top: 2px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-style: solid;
border-color: #EDF1F7;
}
.b-dark-medium {
border-top: 2px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-style: solid;
border-color: #D8E0EB;
}
.b-darker-medium {
border-top: 2px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-style: solid;
border-color: #9DAEC4;
}
.bt-light-medium {
border-top: 2px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.bt-dark-medium {
border-top: 2px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.bt-darker-medium {
border-top: 2px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.br-light-medium {
border-top: null;
border-right: 2px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.br-dark-medium {
border-top: null;
border-right: 2px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.br-darker-medium {
border-top: null;
border-right: 2px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.bb-light-medium {
border-top: null;
border-right: null;
border-bottom: 2px;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.bb-dark-medium {
border-top: null;
border-right: null;
border-bottom: 2px;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.bb-darker-medium {
border-top: null;
border-right: null;
border-bottom: 2px;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.bl-light-medium {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 2px;
border-style: solid;
border-color: #EDF1F7;
}
.bl-dark-medium {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 2px;
border-style: solid;
border-color: #D8E0EB;
}
.bl-darker-medium {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 2px;
border-style: solid;
border-color: #9DAEC4;
}
.b-thick {
border-top: 4px;
border-right: 4px;
border-bottom: 4px;
border-left: 4px;
border-style: solid;
}
.bt-thick {
border-top: 4px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
}
.br-thick {
border-top: null;
border-right: 4px;
border-bottom: null;
border-left: null;
border-style: solid;
}
.bb-thick {
border-top: null;
border-right: null;
border-bottom: 4px;
border-left: null;
border-style: solid;
}
.bl-thick {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 4px;
border-style: solid;
}
.b-light-thick {
border-top: 4px;
border-right: 4px;
border-bottom: 4px;
border-left: 4px;
border-style: solid;
border-color: #EDF1F7;
}
.b-dark-thick {
border-top: 4px;
border-right: 4px;
border-bottom: 4px;
border-left: 4px;
border-style: solid;
border-color: #D8E0EB;
}
.b-darker-thick {
border-top: 4px;
border-right: 4px;
border-bottom: 4px;
border-left: 4px;
border-style: solid;
border-color: #9DAEC4;
}
.bt-light-thick {
border-top: 4px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.bt-dark-thick {
border-top: 4px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.bt-darker-thick {
border-top: 4px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.br-light-thick {
border-top: null;
border-right: 4px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.br-dark-thick {
border-top: null;
border-right: 4px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.br-darker-thick {
border-top: null;
border-right: 4px;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.bb-light-thick {
border-top: null;
border-right: null;
border-bottom: 4px;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
}
.bb-dark-thick {
border-top: null;
border-right: null;
border-bottom: 4px;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
}
.bb-darker-thick {
border-top: null;
border-right: null;
border-bottom: 4px;
border-left: null;
border-style: solid;
border-color: #9DAEC4;
}
.bl-light-thick {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 4px;
border-style: solid;
border-color: #EDF1F7;
}
.bl-dark-thick {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 4px;
border-style: solid;
border-color: #D8E0EB;
}
.bl-darker-thick {
border-top: null;
border-right: null;
border-bottom: null;
border-left: 4px;
border-style: solid;
border-color: #9DAEC4;
}
.radius-sm {
border-radius: 2px;
}
.radius-md {
border-radius: 4px;
}
.radius-lg {
border-radius: 8px;
}
.box-shadow-sm {
-webkit-box-shadow: 0px 4px 8px -4px rgba(17, 21, 38, 0.15);
box-shadow: 0px 4px 8px -4px rgba(17, 21, 38, 0.15);
}
.box-shadow-lg {
-webkit-box-shadow: 0px 16px 16px -8px rgba(17, 21, 38, 0.15);
box-shadow: 0px 16px 16px -8px rgba(17, 21, 38, 0.15);
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.container {
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
min-width: 970px;
max-width: 970px;
}
@media (min-width:1200px) {
.container {
max-width: 1170px;
}
}
.container--full-width {
min-width: 100%;
}
.container--double-bar {
padding-top: 120px;
}
.inset-container {
background-color: #D8E0EB;
padding: 16px;
margin-bottom: 32px;
}
.inset-container--top {
padding-top: 64px;
}
.grid {
margin: 0 -16px;
}
.grid .right {
float: right;
}
.grid:after {
content: "";
display: table;
clear: both;
}
.grid [class*=' col-'],
.grid [class^='col-'] {
padding: 0 16px;
position: relative;
float: left;
width: 100%;
}
.grid--flush [class*=' col-'],
.grid--flush [class^='col-'] {
padding: 0;
}
.grid--nested {
margin: 0;
}
.grid .col-1 {
width: 100%;
}
.grid .col-2-3 {
width: 66.66%;
}
.grid .col-1-3 {
width: 33.33%;
}
.grid .col-1-2,
.grid .col-2-4 {
width: 50%;
}
.grid .col-1-4 {
width: 25%;
}
.grid .col-3-4 {
width: 75%;
}
.grid .col-5-6 {
width: 83.325%;
}
.grid .col-1-6 {
width: 16.665%;
}
.grid .col-1-8 {
width: 12.5%;
}
.grid .offset-1-2 {
margin: 0 0 0 50%;
}
.grid .offset-1-2-right {
margin: 0 50% 0 0;
}
.grid .offset-1-3 {
margin: 0 0 0 33.33%;
}
.grid .offset-1-3-right {
margin: 0 33.33% 0 0;
}
.grid .offset-3-8 {
margin: 0 0 0 37.5%;
}
.grid .offset-3-8-right {
margin: 0 37.5% 0 0;
}
.grid .offset-1-4 {
margin: 0 0 0 25%;
}
.grid .offset-1-4-right {
margin: 0 25% 0 0;
}
.grid .offset-1-5 {
margin: 0 0 0 20%;
}
.grid .offset-1-5-right {
margin: 0 20% 0 0;
}
.grid .offset-1-5 {
margin: 0 0 0 20%;
}
.grid .offset-1-5-right {
margin: 0 20% 0 0;
}
.grid .offset-1-6 {
margin: 0 0 0 16.6%;
}
.grid .offset-1-6-right {
margin: 0 16.6% 0 0;
}
.grid .offset-1-8 {
margin: 0 0 0 12.5%;
}
.grid .offset-1-8-right {
margin: 0 12.5% 0 0;
}
.grid .offset-1-12 {
margin: 0 0 0 8.3%;
}
.grid .offset-1-12-right {
margin: 0 8.3% 0 0;
}
.grid.divider-bottom {
padding-bottom: 32px;
margin-bottom: 16px;
position: relative;
}
.grid.divider-bottom:before {
border-color: #EDF1F7;
border-width: 1px 0 0 0;
content: "";
display: block;
position: absolute;
bottom: 0px;
left: 16px;
right: 16px;
}
.grid.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid.flex.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.grid.flex > [class*='col-'] {
float: none;
}
.tile-array {
margin: -8px;
}
.tile-array--flexed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.hidden {
display: none;
}
[data-vue-visible=true] {
display: block;
}
.i-am-human {
position: absolute;
z-index: -1;
left: -999999999px;
}
@media (max-width:768px) {
.narrow-in-small-only {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
.bg-blue-green-gradient {
background-image: -webkit-gradient(linear, left top, left bottom, from(#14ccb0), to(#14ccb0));
background-image: linear-gradient(#14ccb0, #14ccb0);
}
* {
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
}
.content-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 0 12px;
}
@media (min-width:1400px) {
.content-container {
padding: 0;
}
}
.transition {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
html {
font-weight: 400;
}
ul {
list-style: none;
}
a {
color: inherit;
text-decoration: none;
}
.text-link {
color: #0080CE;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.text-link:hover {
color: #0067a5;
}
.heading--xxl {
font-size: 24px;
}
@media (min-width:768px) {
.heading--xxl {
font-size: 30px;
}
}
.text--xl {
font-size: 18px;
}
@media (min-width:768px) {
.text--xl {
font-size: 24px;
}
}
.richText a {
color: #0080CE;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.richText a:hover {
color: #0067a5;
}
.richText ul {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
list-style: disc;
margin-left: 2rem;
}
.richText ol {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
margin-left: 2rem;
}
.richText h2 {
font-size: 24px;
font-weight: 500;
}
.richText h3 {
font-size: 30px;
font-weight: 500;
}
.richText strong {
font-weight: 500;
}
.richText p + p {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.richText figure {
margin-top: 16px;
margin-bottom: null;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.richText img {
max-width: 100%;
}
.richText ul + h2,
.richText ul + h3,
.richText p + h2,
.richText p + h3 {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.richText h2 + p,
.richText h3 + p {
margin-top: 0;
}
.cards--column .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cards--column .card.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cards--column .card > [class*='col-'] {
float: none;
}
.cards--column .card + .card {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.cards--column .card__figure {
width: 30%;
}
.cards--column .card__content {
width: 70%;
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 16px;
}
@media (min-width:768px) {
.cards--row3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cards--row3.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cards--row3 > [class*='col-'] {
float: none;
}
}
.cards--row3 .card {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
@media (min-width:768px) {
.cards--row3 .card {
margin-left: 1.5rem;
width: calc(33.333% - 1.25rem);
}
}
.cards--row3 .card:nth-of-type(3n + 1) {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 0;
}
@media (min-width:768px) {
.cards--row3 .card:nth-of-type(3n + 1) {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 0;
}
}
.cards--row3 .card__figure {
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.cards--row4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cards--row4.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cards--row4 > [class*='col-'] {
float: none;
}
@media (max-width:768px) {
.cards--row4 {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
.cards--row4 .card {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
@media (min-width:768px) {
.cards--row4 .card {
width: calc(25% - 1rem);
}
}
.cards--row4 .card__figure {
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.card {
background-color: white;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 96, 156, 0.1);
box-shadow: 0 4px 8px 0 rgba(0, 96, 156, 0.1);
display: block;
border-radius: 4px;
}
.card--shadowless {
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 96, 156, 0.1);
box-shadow: 0 1px 1px 0 rgba(0, 96, 156, 0.1);
}
.card--borderless {
padding: 0;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-style: solid;
}
.card--withLink {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media (min-width:992px) {
.card--withLink:hover {
-webkit-box-shadow: 0 8px 12px 0 rgba(0, 96, 156, 0.1);
box-shadow: 0 8px 12px 0 rgba(0, 96, 156, 0.1);
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.card__heading {
margin-top: null;
margin-right: null;
margin-bottom: 12px;
margin-left: null;
font-weight: 500;
}
.card__content {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
}
.card__text {
color: #5c6b84;
}
.card__figure__img {
display: block;
width: 100%;
border-radius: 8px 8px 0 0;
}
.card__meta {
margin-top: null;
margin-right: null;
margin-bottom: 8px;
margin-left: null;
}
.card__meta__element {
font-size: 12.5px;
color: #7A8AA3;
}
.card--integrations,
.card--integration {
margin-top: null;
margin-right: null;
margin-bottom: 32px;
margin-left: null;
text-align: center;
width: calc(50% - 0.75em);
margin-left: 1.25em;
}
.card--integrations:nth-of-type(2n + 1),
.card--integration:nth-of-type(2n + 1) {
margin-left: 0;
}
@media (min-width:768px) {
.card--integrations,
.card--integration {
width: calc(25% - 1em);
}
.card--integrations:nth-of-type(2n + 1),
.card--integration:nth-of-type(2n + 1) {
margin-left: 1.25em;
}
.card--integrations:nth-of-type(4n + 1),
.card--integration:nth-of-type(4n + 1) {
margin-left: 0;
}
}
.card--integrations .card__content,
.card--integration .card__content {
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
}
.card--integrations .card__heading,
.card--integration .card__heading {
color: #7A8AA3;
}
.code code {
font-size: 14px;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-top: null;
padding-bottom: 24px;
padding-top: 24px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
button {
background-color: none;
}
.button {
-webkit-appearance: none;
font-size: 16px;
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-top: null;
padding-bottom: 12px;
padding-top: 12px;
padding-right: null;
padding-bottom: null;
padding-left: null;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 30px;
color: white;
cursor: pointer;
display: table;
font-weight: 500;
margin-left: auto;
margin-right: auto;
}
@media (min-width:768px) {
.button {
display: inline-block;
}
}
.button:hover {
background-color: rgba(255, 255, 255, 0.4);
}
.button .icon {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 4px;
height: 16px;
vertical-align: text-top;
width: 16px;
}
.button .icon--video {
position: relative;
top: -1px;
vertical-align: middle;
fill: white;
}
.button + .button {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
@media (min-width:768px) {
.button + .button {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 16px;
margin-top: 0;
}
}
.button--solid-white {
-webkit-appearance: none;
font-size: 16px;
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-top: null;
padding-bottom: 12px;
padding-top: 12px;
padding-right: null;
padding-bottom: null;
padding-left: null;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 30px;
color: white;
cursor: pointer;
display: table;
font-weight: 500;
margin-left: auto;
margin-right: auto;
background-color: white;
color: #0080CE;
}
@media (min-width:768px) {
.button--solid-white {
display: inline-block;
}
}
.button--solid-white:hover {
background-color: rgba(255, 255, 255, 0.4);
}
.button--solid-white .icon {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 4px;
height: 16px;
vertical-align: text-top;
width: 16px;
}
.button--solid-white .icon--video {
position: relative;
top: -1px;
vertical-align: middle;
fill: white;
}
.button--solid-white:hover {
background-color: #cff4ff;
}
.button--solid-white .icon {
fill: #0080CE;
}
.button--lightblue {
-webkit-appearance: none;
font-size: 16px;
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-top: null;
padding-bottom: 12px;
padding-top: 12px;
padding-right: null;
padding-bottom: null;
padding-left: null;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 30px;
color: white;
cursor: pointer;
display: table;
font-weight: 500;
margin-left: auto;
margin-right: auto;
background-color: rgba(7, 175, 226, 0.2);
color: #0080CE;
}
@media (min-width:768px) {
.button--lightblue {
display: inline-block;
}
}
.button--lightblue:hover {
background-color: rgba(255, 255, 255, 0.4);
}
.button--lightblue .icon {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 4px;
height: 16px;
vertical-align: text-top;
width: 16px;
}
.button--lightblue .icon--video {
position: relative;
top: -1px;
vertical-align: middle;
fill: white;
}
.button--lightblue:hover {
background-color: rgba(7, 175, 226, 0.3);
}
.button--lightblue .icon {
fill: #0080CE;
}
.button--green {
-webkit-appearance: none;
font-size: 16px;
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-top: null;
padding-bottom: 12px;
padding-top: 12px;
padding-right: null;
padding-bottom: null;
padding-left: null;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 30px;
cursor: pointer;
display: table;
font-weight: 500;
margin-left: auto;
margin-right: auto;
background-color: #15ccb1;
color: white;
}
@media (min-width:768px) {
.button--green {
display: inline-block;
}
}
.button--green:hover {
background-color: rgba(255, 255, 255, 0.4);
}
.button--green .icon {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 4px;
height: 16px;
vertical-align: text-top;
width: 16px;
}
.button--green .icon--video {
position: relative;
top: -1px;
vertical-align: middle;
fill: white;
}
.button--green:hover {
background-color: #05bba0;
}
.button--green .icon {
fill: white;
}
.button--small {
font-size: 14px;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
padding-top: null;
padding-bottom: 8px;
padding-top: 8px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.button--block {
display: block;
}
.icon {
width: 2rem;
height: 2rem;
}
@media (min-width:992px) {
img[data-image-size=small] {
display: none;
}
}
img[data-image-size=large] {
display: none;
}
@media (min-width:992px) {
img[data-image-size=large] {
display: block;
}
}
.form__input {
-webkit-appearance: none;
font-size: 16px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
border-radius: 2px;
width: 100%;
}
.form__input::-webkit-input-placeholder {
color: #9DAEC4;
}
.form__input:-moz-placeholder {
color: #9DAEC4;
}
.form__input::-moz-placeholder {
color: #9DAEC4;
}
.form__input:-ms-input-placeholder {
color: #9DAEC4;
}
.form__input--select {
color: #9DAEC4;
background-color: white;
height: 3em;
position: relative;
}
.eventCta {
color: #ffffff;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
border-radius: 8px;
background-color: #425475;
}
.eventCta .form__header__text {
color: #9DAEC4;
}
.eventCta__heading {
width: 100%;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
font-size: 24px;
}
.feed .entry {
border-top: null;
border-right: null;
border-bottom: 2px;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: null;
padding-right: null;
padding-bottom: 32px;
padding-left: null;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.feed .entry.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.feed .entry > [class*='col-'] {
float: none;
}
.feed .entry:last-of-type {
border-color: transparent;
}
.feed .entry + .entry {
padding-top: 32px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.feed .entry__figure {
width: 168px;
}
.feed .entry__figure__img {
background-color: #EDF1F7;
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
display: block;
width: 100%;
}
@media (min-width:768px) {
.feed .entry__figure__img {
margin-top: 0;
}
}
@media (min-width:768px) {
.feed .entry__content {
width: calc(100% - 168px);
}
}
@media (min-width:768px) {
.feed .entry__figure + .entry__content {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 32px;
}
}
.feed .entry__summary {
color: #7A8AA3;
}
.feed .entry__heading {
font-weight: 400;
margin-top: null;
margin-right: null;
margin-bottom: 8px;
margin-left: null;
}
.feed .entry__heading:hover {
color: #0080CE;
}
.feed .tags__item {
background-color: #EDF1F7;
color: #7A8AA3;
font-weight: 500;
margin-top: null;
margin-right: 4px;
margin-bottom: null;
margin-left: null;
}
.feed .entry--blogPost .entry__figure__img {
border-radius: 50%;
width: auto;
}
.feed .form__spinner {
margin-top: 12px;
margin-right: null;
margin-bottom: null;
margin-left: null;
display: block;
margin-left: auto;
margin-right: auto;
}
.feed .form__spinner div {
background-color: #cbd5e4;
}
.feed__helperText {
color: #9DAEC4;
margin-top: 48px;
margin-right: null;
margin-bottom: null;
margin-left: null;
text-align: center;
}
.filters {
color: #7A8AA3;
text-align: left;
}
.filters__item {
margin-top: 8px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.filters__item .icon {
width: 16px;
height: 16px;
vertical-align: text-top;
margin-right: 4px;
position: relative;
top: 1px;
}
.filters__item .icon--checked {
display: none;
}
.filters__item .filter__item__label {
cursor: pointer;
}
.filters__item input[type=checkbox] {
display: none;
}
.filters__item input:checked ~ .filter__item__label .icon--checked {
display: inline-block;
}
.filters__item input:checked ~ .filter__item__label .icon--unchecked {
display: none;
}
.footer {
color: #7A8AA3;
background-color: #20293D;
padding-bottom: 40px;
padding-top: 80px;
text-align: center;
}
.footer .social_links__item__link__icon {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
fill: #7A8AA3;
}
.footer .social_links__item__link__icon:hover {
fill: #ffffff;
}
.footer-content {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 0 12px;
}
@media (min-width:1400px) {
.footer-content {
padding: 0;
}
}
.footer__logo {
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
fill: white;
width: 100px;
}
.footer__blurb {
margin-bottom: 80px;
}
.footer__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 60px;
}
.footer__nav.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__nav > [class*='col-'] {
float: none;
}
.footer__nav__column {
margin-top: null;
margin-right: null;
margin-bottom: 32px;
margin-left: null;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: left;
width: 50%;
}
@media (min-width:768px) {
.footer__nav__column {
width: 30%;
}
}
@media (min-width:992px) {
.footer__nav__column {
width: auto;
}
}
.footer__nav__column__heading {
color: #ffffff;
font-size: 18px;
font-size: 14px;
}
.footer__nav__column__heading--link {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.footer__nav__column__heading--link:hover {
text-decoration: underline;
}
.footer__social-links {
margin-top: null;
margin-right: null;
margin-bottom: 48px;
margin-left: null;
}
.footer__companyAddress {
font-size: 14px;
margin-bottom: 60px;
}
.footer__legal-links__item {
font-size: 14px;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.footer__nav__item {
margin-top: 8px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.footer__nav__item__link {
font-size: 14px;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.footer__nav__item__link:hover {
color: #ffffff;
}
.footer__nav__item__link--mainLink {
color: #ffffff;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.footer__nav__item__link--mainLink:hover {
text-decoration: underline;
}
.footer__legal-links__item__link {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.footer__legal-links__item__link:hover {
color: #ffffff;
}
.form {
width: 100%;
}
@media (min-width:768px) {
.form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form__row.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form__row > [class*='col-'] {
float: none;
}
}
.form__row .g-recaptcha {
margin: auto;
}
.form__row + .form__row {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.form__row--multipleInput .form__input + .form__input {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
@media (min-width:768px) {
.form__row--multipleInput .form__input {
width: calc(50% - 0.75em);
}
.form__row--multipleInput .form__input + .form__input {
margin-left: 1.5em;
margin-top: 0;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
}
.form__row--buttons {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-row--header {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form__row--select select {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCwgMCwgMjQsIDI0Ij4KICA8ZyBpZD0iQmFja2dyb3VuZCI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCIvPgogIDwvZz4KICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICA8cGF0aCBkPSJNMCwyIEwyNCwyIEwxMiwyMiB6IiBmaWxsPSIjRDhFMEVCIi8+CiAgPC9nPgo8L3N2Zz4K);
background-position: right 8px center;
background-repeat: no-repeat;
background-size: 16px 16px;
}
.form__row.form__row--message {
margin: 0;
text-align: center;
}
.form__footerText {
color: #7A8AA3;
font-size: 12.5px;
margin-left: auto;
margin-right: auto;
max-width: 300px;
text-align: center;
}
.form__footerText a {
color: #0080CE;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.form__footerText a:hover {
color: #0067a5;
}
.form__footerText ul {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
list-style: disc;
margin-left: 2rem;
}
.form__footerText ol {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
margin-left: 2rem;
}
.form__footerText h2 {
font-size: 24px;
font-weight: 500;
}
.form__footerText h3 {
font-size: 30px;
font-weight: 500;
}
.form__footerText strong {
font-weight: 500;
}
.form__footerText p + p {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.form__footerText figure {
margin-top: 16px;
margin-bottom: null;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.form__footerText img {
max-width: 100%;
}
.form__footerText ul + h2,
.form__footerText ul + h3,
.form__footerText p + h2,
.form__footerText p + h3 {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.form__footerText h2 + p,
.form__footerText h3 + p {
margin-top: 0;
}
.form__messages--success {
color: #ffffff;
padding-top: 32px;
padding-right: null;
padding-bottom: null;
padding-left: null;
display: none;
margin-left: auto;
margin-right: auto;
}
.form__messages--success a {
color: #0080CE;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.form__messages--success a:hover {
color: #0067a5;
}
.form__messages--success ul {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
list-style: disc;
margin-left: 2rem;
}
.form__messages--success ol {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
margin-left: 2rem;
}
.form__messages--success h2 {
font-size: 24px;
font-weight: 500;
}
.form__messages--success h3 {
font-size: 30px;
font-weight: 500;
}
.form__messages--success strong {
font-weight: 500;
}
.form__messages--success p + p {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.form__messages--success figure {
margin-top: 16px;
margin-bottom: null;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.form__messages--success img {
max-width: 100%;
}
.form__messages--success ul + h2,
.form__messages--success ul + h3,
.form__messages--success p + h2,
.form__messages--success p + h3 {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.form__messages--success h2 + p,
.form__messages--success h3 + p {
margin-top: 0;
}
.form__spinner {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
display: none;
height: 64px;
margin-left: auto;
margin-right: auto;
position: relative;
width: 64px;
}
.form__spinner div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #fff;
-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.form__spinner div:nth-child(1) {
left: 6px;
-webkit-animation: form__spinner1 0.6s infinite;
animation: form__spinner1 0.6s infinite;
}
.form__spinner div:nth-child(2) {
left: 6px;
-webkit-animation: form__spinner2 0.6s infinite;
animation: form__spinner2 0.6s infinite;
}
.form__spinner div:nth-child(3) {
left: 26px;
-webkit-animation: form__spinner2 0.6s infinite;
animation: form__spinner2 0.6s infinite;
}
.form__spinner div:nth-child(4) {
left: 45px;
-webkit-animation: form__spinner3 0.6s infinite;
animation: form__spinner3 0.6s infinite;
}
@-webkit-keyframes form__spinner1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes form__spinner1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes form__spinner3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes form__spinner3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes form__spinner2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(19px, 0);
transform: translate(19px, 0);
}
}
@keyframes form__spinner2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(19px, 0);
transform: translate(19px, 0);
}
}
.form--newsletter .form__input {
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
border-radius: 4px;
height: 48px;
-webkit-transition: all 200ms;
transition: all 200ms;
width: 100%;
}
.form--newsletter .form__input:focus {
-webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
-webkit-transition: all 200ms;
transition: all 200ms;
}
@media (min-width:768px) {
.form--newsletter .form__input {
margin-bottom: 0;
width: calc(33.33% - 1rem);
}
}
.form--contact {
text-align: center;
}
.form--contact p {
width: 100%;
}
.form--contact .form__input {
border-top: 2px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-style: solid;
border-color: #D8E0EB;
}
.form--contact .form__messages--success {
color: #5c6b84;
margin-left: auto;
margin-right: auto;
max-width: 530px;
}
.form--contact .form__spinner div {
background-color: #cbd5e4;
}
.form--rhForm {
color: #ffffff;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
border-radius: 8px;
background-color: #425475;
}
.form--rhForm .form__header__heading {
width: 100%;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
font-size: 24px;
}
.form--rhForm .form__header__text {
color: #9DAEC4;
}
.form--requestDemo .form__input,
.form--requestYourData .form__input,
.form--event .form__input {
border-top: 2px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-style: solid;
border-color: #D8E0EB;
}
.form--requestDemo .form__messages--success,
.form--requestYourData .form__messages--success,
.form--event .form__messages--success {
color: #5c6b84;
}
.form--requestDemo .form__spinner div,
.form--requestYourData .form__spinner div,
.form--event .form__spinner div {
background-color: #cbd5e4;
}
.blueNav .header {
background-image: radial-gradient(circle at 99% 1%, #07d4e3, #07afe2 53%, #0779e3);
}
.header {
padding-top: null;
padding-bottom: 12px;
padding-top: 12px;
padding-right: null;
padding-bottom: null;
padding-left: null;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 0;
width: 100%;
z-index: 20;
}
.header-content {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 0 12px;
}
@media (min-width:1400px) {
.header-content {
padding: 0;
}
}
@media (min-width:992px) {
.header-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-content.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-content > [class*='col-'] {
float: none;
}
}
.header__logo {
fill: white;
position: relative;
top: 4px;
width: 100%;
}
.header__mainLinks-group {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__mainLinks-group.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__mainLinks-group > [class*='col-'] {
float: none;
}
.header__secondaryLinks-group {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header__secondaryLinks-group.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__secondaryLinks-group > [class*='col-'] {
float: none;
}
.header__home-link {
width: 60px;
}
.header__mainLinks {
display: none;
}
@media (min-width:992px) {
.header__mainLinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header__mainLinks.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__mainLinks > [class*='col-'] {
float: none;
}
}
.header__mainLinks__item {
position: relative;
}
@media (min-width:992px) {
.header__mainLinks__item {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 16px;
}
}
@media (min-width:1200px) {
.header__mainLinks__item {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 32px;
}
.header__mainLinks__item:hover .header__submenu {
left: 0;
}
.header__mainLinks__item::after {
content: '';
height: 10px;
position: absolute;
width: 100%;
}
}
.header__mainLinks__item__link,
.header__mainLinks__item__label {
display: block;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
@media (min-width:768px) {
.header__mainLinks__item__link,
.header__mainLinks__item__label {
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
}
}
@media (min-width:992px) {
.header__mainLinks__item__link,
.header__mainLinks__item__label {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
cursor: pointer;
padding: 0;
}
.header__mainLinks__item__link:hover,
.header__mainLinks__item__label:hover {
color: white;
}
}
.header__mainLinks__item__link .icon,
.header__mainLinks__item__label .icon {
display: none;
}
@media (min-width:992px) {
.header__mainLinks__item__link--active {
color: white;
}
}
.header__mainLinks__item__text {
color: inherit;
font-weight: 500;
}
.header__submenu {
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 16px;
color: #7A8AA3;
}
@media (min-width:992px) {
.header__submenu {
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #EDF1F7;
background-color: #ffffff;
color: #7A8AA3;
font-size: 14px;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
border-radius: 4px;
left: -999999px;
position: absolute;
top: 35px;
width: auto;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 96, 156, 0.1);
box-shadow: 0 4px 8px 0 rgba(0, 96, 156, 0.1);
}
.header__submenu::before {
background-color: #ffffff;
content: '';
height: 10px;
left: 25px;
position: absolute;
top: -5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
}
.header__submenu:hover {
left: 0;
}
}
@media (min-width:992px) {
.header__submenu--horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 660px;
}
.header__submenu--horizontal.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__submenu--horizontal > [class*='col-'] {
float: none;
}
}
@media (min-width:992px) {
.header__submenu--horizontal .header__submenu__item {
width: 310px;
}
.header__submenu--horizontal .header__submenu__item:nth-last-child(2) {
margin-bottom: 0;
}
}
.header__submenu__item {
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
white-space: nowrap;
}
.header__submenu__item:last-of-type {
margin-bottom: 0;
}
.header__submenu__item:hover .header__submenu__item__heading {
color: #0080CE;
}
.header__submenu__item__heading {
color: #111526;
font-weight: 500;
}
.header__submenu__item__text {
padding-top: null;
padding-right: 16px;
padding-bottom: null;
padding-left: null;
white-space: normal;
width: 100%;
min-width: 300px;
}
.header__secondaryLinks {
display: none;
}
@media (min-width:992px) {
.header__secondaryLinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
.header__secondaryLinks.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__secondaryLinks > [class*='col-'] {
float: none;
}
}
.header__secondaryLinks__item {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 4px;
}
@media (min-width:1200px) {
.header__secondaryLinks__item {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 16px;
}
}
.header__secondaryLinks__item .icon {
display: block;
fill: white;
height: 24px;
margin-left: 0;
width: 24px;
}
.header__secondaryLinks__item .searchButton {
padding: 6px;
}
.header__secondaryLinks__item__text {
color: inherit;
}
body.mobileNavOpened {
height: 100%;
overflow: hidden;
}
@media (max-width:992px) {
body.mobileNavOpened .header__logo {
fill: #07afe2;
}
body.mobileNavOpened .header__home-link {
position: relative;
z-index: 101;
width: 60px;
}
body.mobileNavOpened .header__mobileNavButton--close {
display: block;
}
body.mobileNavOpened .header__mainLinks {
display: block;
position: fixed;
top: 0;
left: 0;
background-color: #ffffff;
color: #5c6b84;
width: 100%;
height: 100%;
padding-top: 5rem;
z-index: 100;
}
body.mobileNavOpened .header__mainLinks__item {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 4px;
}
body.mobileNavOpened .header__mainLinks__item__link,
body.mobileNavOpened .header__mainLinks__item__label {
border-top: null;
border-right: null;
border-bottom: 1px;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
position: relative;
}
body.mobileNavOpened .header__mainLinks__item__link .icon,
body.mobileNavOpened .header__mainLinks__item__label .icon {
display: block;
fill: #5c6b84;
height: 20px;
position: absolute;
right: 20px;
top: calc(50% - 8px);
width: 20px;
}
body.mobileNavOpened .header__mainLinks__item__link--active {
font-weight: 400;
}
body.mobileNavOpened .header__mainLinks__item__link--last {
border-bottom: 0;
}
body.mobileNavOpened .header__mainLinks__item--openChildren .header__submenu {
display: block;
}
body.mobileNavOpened .header__mainLinks__item--openChildren .header__mainLinks__item__link .icon,
body.mobileNavOpened .header__mainLinks__item--openChildren .header__mainLinks__item__label .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
body.mobileNavOpened .header__submenu {
padding: 0;
display: none;
}
body.mobileNavOpened .header__submenu__item {
margin: 0;
}
body.mobileNavOpened .header__submenu__item__text {
display: none;
}
body.mobileNavOpened .header__submenu__item__link {
display: block;
border-top: null;
border-right: null;
border-bottom: 1px;
border-left: null;
border-style: solid;
border-color: #D8E0EB;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
}
.header__mobileNavButton {
background-color: transparent;
}
@media (min-width:992px) {
.header__mobileNavButton {
display: none;
}
}
.header__mobileNavButton .icon {
height: 20px;
width: 20px;
fill: white;
}
.header__mobileNavButton--close {
display: none;
position: relative;
z-index: 101;
}
.header__mobileNavButton--close .icon {
fill: #5c6b84;
}
@media (min-width:992px) {
.header__mainLinks__item--mobile {
display: none;
}
}
.header__mainLinks__item--mobile--first {
margin-top: 100px;
}
.header__transparentOverlay {
display: none;
}
.header__mobileSearch {
display: none;
background-color: #20293D;
}
body.mobileSearch .header__transparentOverlay {
display: block;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
body.mobileSearch .header__mobileSearch {
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
display: block;
left: 0;
position: fixed;
top: 0;
width: 100%;
height: 50px;
z-index: 102;
}
body.mobileSearch .header__mobileSearch .icon {
height: 20px;
width: 20px;
fill: #5c6b84;
position: absolute;
top: 14px;
z-index: 103;
}
body.mobileSearch .header__mobileSearch .icon--close {
height: 12px;
width: 12px;
top: 20px;
right: 14px;
}
body.mobileSearch .header__mobileSearch__input {
-webkit-appearance: none;
font-size: 16px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
border-radius: 2px;
width: 100%;
font-size: 14px;
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 32px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #9DAEC4;
border-radius: 18px;
width: 0;
width: calc(100% - 8px);
position: absolute;
left: 4px;
top: 4px;
}
body.mobileSearch .header__mobileSearch__input::-webkit-input-placeholder {
color: #9DAEC4;
}
body.mobileSearch .header__mobileSearch__input:-moz-placeholder {
color: #9DAEC4;
}
body.mobileSearch .header__mobileSearch__input::-moz-placeholder {
color: #9DAEC4;
}
body.mobileSearch .header__mobileSearch__input:-ms-input-placeholder {
color: #9DAEC4;
}
.searchBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchBar.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchBar > [class*='col-'] {
float: none;
}
.searchBar--opened {
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.searchBar--opened .searchButton {
position: absolute;
top: 2px;
left: 0;
z-index: 1;
}
.searchBar--opened .searchButton .icon {
fill: #07afe2;
}
.searchBar--opened .searchInput {
display: block;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.searchInput {
-webkit-appearance: none;
font-size: 16px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
border-radius: 2px;
width: 100%;
font-size: 14px;
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 32px;
border-radius: 18px;
display: none;
width: 0;
}
.searchInput::-webkit-input-placeholder {
color: #9DAEC4;
}
.searchInput:-moz-placeholder {
color: #9DAEC4;
}
.searchInput::-moz-placeholder {
color: #9DAEC4;
}
.searchInput:-ms-input-placeholder {
color: #9DAEC4;
}
.modal {
background-color: #111526;
display: none;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 200;
}
body.openedModal {
overflow: hidden;
}
.modal--video .modal__frame__content {
max-width: 1000px;
}
.modal--opened {
display: block;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.modal__frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal__frame.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal__frame > [class*='col-'] {
float: none;
}
@media (min-width:992px) {
.modal__frame {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
margin-top: 0;
}
}
.modal__frame__content {
background-color: #ffffff;
border-radius: 8px;
padding-top: 32px;
padding-right: 32px;
padding-bottom: 32px;
padding-left: 32px;
position: relative;
z-index: 2;
width: calc(100% - 2rem);
max-width: 700px;
}
.modal__frame__content__closeButton {
position: absolute;
top: 12px;
right: 6px;
}
.modal__frame__content__closeButton .icon {
height: 14px;
width: 14px;
fill: #7A8AA3;
}
.modal__heading {
font-size: 24px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
text-align: center;
}
.modal__text {
color: #7A8AA3;
margin-top: null;
margin-bottom: 32px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
text-align: center;
max-width: 30rem;
margin-left: auto;
margin-right: auto;
}
.contentBlock + .contentBlock {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.contentBlock--richText a {
color: #0080CE;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.contentBlock--richText a:hover {
color: #0067a5;
}
.contentBlock--richText ul {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
list-style: disc;
margin-left: 2rem;
}
.contentBlock--richText ol {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
margin-left: 2rem;
}
.contentBlock--richText h2 {
font-size: 24px;
font-weight: 500;
}
.contentBlock--richText h3 {
font-size: 30px;
font-weight: 500;
}
.contentBlock--richText strong {
font-weight: 500;
}
.contentBlock--richText p + p {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.contentBlock--richText figure {
margin-top: 16px;
margin-bottom: null;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.contentBlock--richText img {
max-width: 100%;
}
.contentBlock--richText ul + h2,
.contentBlock--richText ul + h3,
.contentBlock--richText p + h2,
.contentBlock--richText p + h3 {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.contentBlock--richText h2 + p,
.contentBlock--richText h3 + p {
margin-top: 0;
}
.contentBlock__figure__image {
display: block;
max-width: 100%;
width: auto;
}
.contentBlock__quote {
border-top: null;
border-bottom: 4px;
border-top: 4px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
color: #7A8AA3;
font-size: 30px;
margin-top: null;
margin-bottom: 32px;
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
padding-bottom: 32px;
padding-left: 16px;
padding-top: null;
padding-right: 16px;
padding-top: 32px;
padding-right: null;
padding-bottom: null;
padding-left: null;
display: block;
text-align: center;
}
.pageHeader {
margin-top: null;
margin-right: null;
margin-bottom: 48px;
margin-left: null;
}
.grecaptcha-badge {
right: -300px !important;
}
.section {
padding-bottom: 40px;
padding-top: 40px;
position: relative;
}
@media (min-width:768px) {
.section {
padding-bottom: 60px;
padding-top: 60px;
}
}
.section::before {
height: 100%;
left: 0;
opacity: 0.85;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.section__bgImage {
background-position: center center;
background-size: 50%;
height: 100%;
left: 0;
opacity: 0.09;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.section--bgColor-BlueGradient::before {
background-image: radial-gradient(ellipse at 99% 1%, #24e6f5, #0798e2 53%, hsl(219, 100%, 30%));
content: '';
}
.section--bgColor-Blue::before {
background-color: #425475;
content: '';
}
.section--bgColor-Green::before {
background-color: #00c1a4;
content: '';
}
.section--bgColor-Green .section__bgImage {
opacity: 0.06;
}
.section--bgColor-White {
background-color: white;
}
.section--bgColor-White .section__bgImage {
opacity: 0.065;
}
.section--bgColor-OffWhite {
background-color: #FBFCFE;
}
.section--bgColor-OffWhite .section__bgImage {
opacity: 0.045;
}
.section--beforeTabbedContent {
padding-bottom: 80px !important;
}
@media (min-width:768px) {
.section--beforeTabbedContent {
padding-bottom: 140px !important;
}
}
.section--afterExpertForm {
padding-top: 140px;
}
.section__content {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 0 12px;
position: relative;
z-index: 10;
}
@media (min-width:1400px) {
.section__content {
padding: 0;
}
}
.section__content--narrow {
margin-left: auto;
margin-right: auto;
max-width: 700px;
}
.section__content--widest {
max-width: none;
}
.section__heading {
font-size: 24px;
font-weight: 500;
}
@media (min-width:768px) {
.section__heading {
font-size: 30px;
}
}
.pageColumns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 0 12px;
position: relative;
z-index: 10;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pageColumns.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pageColumns > [class*='col-'] {
float: none;
}
@media (min-width:1400px) {
.pageColumns {
padding: 0;
}
}
.pageColumns__mainContent {
padding-top: null;
padding-bottom: 48px;
padding-top: 48px;
padding-right: null;
padding-bottom: null;
padding-left: null;
width: 100%;
}
@media (max-width:768px) {
.pageColumns__mainContent {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width:768px) {
.pageColumns__mainContent {
padding-top: null;
padding-right: 24px;
padding-bottom: null;
padding-left: null;
width: calc(100% - 33.33% + 1em);
}
}
@media (min-width:1200px) {
.pageColumns__mainContent {
padding-right: 120px;
}
}
.pageColumns__sidebar {
padding-top: null;
padding-bottom: 48px;
padding-top: 48px;
padding-right: null;
padding-bottom: null;
padding-left: null;
width: 100%;
}
@media (max-width:768px) {
.pageColumns__sidebar {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width:768px) {
.pageColumns__sidebar {
width: calc(33.33% - 1em);
}
}
.contactInfo {
color: #7A8AA3;
margin-top: null;
margin-right: null;
margin-bottom: 48px;
margin-left: null;
text-align: center;
}
.contactInfo a {
color: #0080CE;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.contactInfo a:hover {
color: #0067a5;
}
.contactInfo ul {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
list-style: disc;
margin-left: 2rem;
}
.contactInfo ol {
margin-top: null;
margin-bottom: 16px;
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
margin-left: 2rem;
}
.contactInfo h2 {
font-size: 24px;
font-weight: 500;
}
.contactInfo h3 {
font-size: 30px;
font-weight: 500;
}
.contactInfo strong {
font-weight: 500;
}
.contactInfo p + p {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.contactInfo figure {
margin-top: 16px;
margin-bottom: null;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.contactInfo img {
max-width: 100%;
}
.contactInfo ul + h2,
.contactInfo ul + h3,
.contactInfo p + h2,
.contactInfo p + h3 {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.contactInfo h2 + p,
.contactInfo h3 + p {
margin-top: 0;
}
.contactInfo strong {
color: #111526;
}
.featuredVideoSection {
text-align: center;
}
@media (min-width:1200px) {
.featuredVideoSection {
padding-top: 100px;
}
}
.featuredVideoSection .card {
text-align: left;
}
.featuredVideoSection .relatedEntries {
margin-top: 4px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.featuredVideoSection .relatedEntries .buttons {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
@media (min-width:768px) {
.featuredVideoSection .relatedEntries .buttons {
margin-top: 8px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
}
@media (max-width:768px) {
.featuredVideoSection .section__content {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
.featuredVideoSection .button {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
@media (min-width:768px) {
.featuredVideoSection .button {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
}
.featuredContent {
position: relative;
}
.featuredContent__image {
display: block;
width: 100%;
}
.featuredContent__content {
margin-top: 16px;
margin-bottom: null;
margin-top: null;
margin-right: null;
margin-bottom: 48px;
margin-left: null;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
color: #ffffff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column;
flex-flow: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.featuredContent__content.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.featuredContent__content > [class*='col-'] {
float: none;
}
@media (min-width:768px) {
.featuredContent__content {
left: 0;
position: absolute;
top: 0;
}
}
.featuredContent__content__heading {
font-size: 24px;
font-weight: 500;
width: 100%;
}
@media (min-width:768px) {
.featuredContent__content__heading {
font-size: 30px;
}
}
.heroFeaturedEntriesSection {
padding-top: 140px;
text-align: left;
}
.heroFeaturedEntriesSection .section__backUrl {
font-size: 14px;
font-weight: 500;
color: #0080CE;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
margin-top: null;
margin-right: null;
margin-bottom: 48px;
margin-left: null;
display: block;
}
.heroFeaturedEntriesSection .section__backUrl:hover {
color: #0067a5;
}
.heroFeaturedEntriesSection .section__heading {
font-weight: 500;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.heroFeaturedEntriesSection .section__text {
color: #7A8AA3;
font-size: 24px;
}
.heroFeaturedEntriesSection .cards {
margin-top: 12px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.heroSection {
padding-bottom: 60px;
padding-top: 100px;
text-align: center;
}
@media (min-width:768px) {
.heroSection {
padding-bottom: 100px;
padding-top: 140px;
}
}
.heroSection .section__heading {
margin-top: null;
margin-right: null;
margin-bottom: 32px;
margin-left: null;
color: white;
}
.heroSection .section__text {
font-size: 18px;
color: white;
margin-left: auto;
margin-right: auto;
max-width: 37em;
}
@media (min-width:768px) {
.heroSection .section__text {
font-size: 24px;
}
}
.heroSection .section__buttons {
margin-top: 60px;
}
.integrationGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 10px;
}
.integrationGroup.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.integrationGroup > [class*='col-'] {
float: none;
}
.integrationGroup + .integrationGroup {
border-top: 2px;
border-right: null;
border-bottom: null;
border-left: null;
border-style: solid;
border-color: #EDF1F7;
padding-top: 40px;
}
.integrationGroup__copy {
width: 100%;
}
@media (min-width:1200px) {
.integrationGroup__copy {
padding-top: null;
padding-right: 32px;
padding-bottom: null;
padding-left: null;
width: 280px;
}
}
.integrationGroup__copy__heading {
font-weight: 400;
margin-top: null;
margin-right: null;
margin-bottom: 4px;
margin-left: null;
}
.integrationGroup__copy__text {
color: #7A8AA3;
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
}
@media (min-width:1200px) {
.integrationGroup__copy__text {
margin-bottom: 0;
}
}
.integrationGroup__cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.integrationGroup__cards.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.integrationGroup__cards > [class*='col-'] {
float: none;
}
@media (min-width:1200px) {
.integrationGroup__cards {
width: calc(100% - 280px);
}
}
.person {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.person.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.person > [class*='col-'] {
float: none;
}
.person + .person {
margin-top: 48px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.person__figure {
width: 150px;
}
.person__figure__img {
border-radius: 50%;
display: block;
width: 100%;
}
.person__content {
font-size: 18px;
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 32px;
width: calc(100% - 150px);
}
.person__content__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: null;
margin-right: null;
margin-bottom: 4px;
margin-left: null;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.person__content__header.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.person__content__header > [class*='col-'] {
float: none;
}
.person__content__header .social_links__item__link__icon {
fill: #07afe2;
}
.person__content__header .socialLinks {
text-align: right;
}
.person__content__header .socialLinks__item {
margin-top: null;
margin-right: null;
margin-bottom: null;
margin-left: 4px;
display: inline-block;
}
.person__content__header__heading {
font-weight: 400;
}
.person__content__text {
color: #7A8AA3;
}
.logosSection {
text-align: center;
}
@media (min-width:1200px) {
.logosSection {
padding-bottom: 100px;
}
}
.logosSection .section__heading {
color: #7A8AA3;
font-size: 16px;
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
}
.logosList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: 700px;
}
.logosList.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logosList > [class*='col-'] {
float: none;
}
@media (min-width:1200px) {
.logosList {
max-width: none;
}
}
.logosList__item {
width: 150px;
}
@media (min-width:768px) {
.logosList__item {
width: 170px;
}
}
@media (min-width:992px) {
.logosList__item {
width: 140px;
}
}
@media (min-width:1400px) {
.logosList__item {
width: 150px;
}
}
.logosList__item__img {
display: block;
margin: auto;
width: 75%;
}
.lyticsRecommendedContentSection {
background-color: #FBFCFE;
}
@media (max-width:768px) {
.lyticsRecommendedContentSection .section__content {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
.lyticsRecommendedContentSection .section__heading {
text-align: left;
font-size: 18px;
color: #7A8AA3;
margin-top: null;
margin-right: null;
margin-bottom: 32px;
margin-left: null;
}
.lyticsRecommendedContentSection .buttons {
text-align: center;
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.newsletterSection {
text-align: center;
}
@media (max-width:768px) {
.newsletterSection .section__content {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
.newsletterSection .section__heading {
font-size: 24px;
margin-top: null;
margin-right: null;
margin-bottom: 12px;
margin-left: null;
color: white;
margin-left: auto;
margin-right: auto;
max-width: 20rem;
}
@media (min-width:768px) {
.newsletterSection .section__heading {
max-width: none;
}
}
.newsletterSection .section__text {
font-size: 18px;
color: white;
}
.newsletterSection .form {
margin-top: 32px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.notFoundSection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
color: #7A8AA3;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 75vh;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.notFoundSection.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.notFoundSection > [class*='col-'] {
float: none;
}
.notFoundSection .section__text h1 {
margin-top: null;
margin-right: null;
margin-bottom: 32px;
margin-left: null;
color: #edad1c;
font-size: 36px;
}
.notFoundSection .section__text {
margin-top: null;
margin-right: null;
margin-bottom: 48px;
margin-left: null;
}
.notFoundSection .section__footer {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.promoSection + .promoSection {
padding-top: 0;
}
.promo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
@media (max-width:768px) {
.promo {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width:768px) {
.promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.promo.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.promo > [class*='col-'] {
float: none;
}
}
@media (min-width:768px) {
.promo--leftMedia .promo__content {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 48px;
text-align: left;
}
}
@media (min-width:768px) {
.promo--rightMedia .promo__content {
padding-top: null;
padding-right: 48px;
padding-bottom: null;
padding-left: null;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: left;
}
}
@media (min-width:768px) {
.promo--rightMedia .promo__figure {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 24px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.promo--topMedia .promo__figure {
width: 100%;
}
.promo--topMedia .promo__figure__img {
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.promo--topMedia .promo__content {
width: 100%;
max-width: 800px;
}
.promo--topMedia .promo__figure + .promo__content {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
@media (min-width:768px) {
.promo__figure,
.promo__content {
width: 50%;
}
}
.promo__heading {
font-size: 18px;
font-weight: 400;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.promo__buttons {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.promo__figure__img {
display: block;
width: 100%;
}
.promo__text {
color: #7A8AA3;
}
.relatedEntriesSection {
background-color: #FBFCFE;
}
@media (max-width:768px) {
.relatedEntriesSection .section__content {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
.relatedEntriesSection .section__heading {
text-align: left;
font-size: 18px;
color: #7A8AA3;
margin-top: null;
margin-right: null;
margin-bottom: 32px;
margin-left: null;
}
.relatedEntriesSection .buttons {
text-align: center;
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.requestDemoSection {
background-color: #00c1a4;
}
@media (min-width:1200px) {
.requestDemoSection {
background-color: transparent;
height: 0;
padding: 0;
position: relative;
z-index: 20;
}
}
.requestDemoSection .section__content {
text-align: center;
}
@media (min-width:1200px) {
.requestDemoSection .section__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.requestDemoSection .section__content.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.requestDemoSection .section__content > [class*='col-'] {
float: none;
}
}
.requestDemoSection .section__text {
font-size: 24px;
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
color: white;
}
@media (min-width:1200px) {
.requestDemoSection .section__text {
margin-top: null;
margin-right: 16px;
margin-bottom: null;
margin-left: null;
margin-bottom: 0;
}
}
.requestDemoSection__container {
background-color: #00c1a4;
}
@media (min-width:1200px) {
.requestDemoSection__container {
border-radius: 8px;
bottom: 0;
height: 5.5em;
left: 0;
margin: auto;
max-width: 1000px;
position: absolute;
right: 0;
top: 0;
width: 80%;
}
}
.promoSection + .requestDemoSection {
margin-top: 60px;
}
.requestYourDataSection {
padding-top: 0;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
.requestYourDataSection .section__heading {
font-size: 24px;
}
.requestYourDataSection .section__text {
margin-top: null;
margin-right: null;
margin-bottom: 32px;
margin-left: null;
}
.upcomingEventsSection .buttons {
text-align: center;
margin-top: 48px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.sidebarBlock {
text-align: center;
}
.sidebarBlock .button {
display: block;
}
.sidebarBlock + .sidebarBlock {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.sidebarCard {
border-top: 2px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-style: solid;
border-color: #EDF1F7;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
border-radius: 8px;
}
.sidebarBlock__superHeading {
color: #7A8AA3;
font-size: 12.5px;
font-weight: 400;
margin-top: null;
margin-right: null;
margin-bottom: 8px;
margin-left: null;
}
.sidebarBlock__heading {
font-size: 24px;
font-weight: 400;
line-height: 1.2;
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
}
.sidebarBlock__heading--italic {
color: #7A8AA3;
font-size: 18px;
font-weight: 200;
font-style: italic;
margin-top: -16px;
}
.sidebarBlock__figure__img {
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
display: block;
width: 100%;
}
.sidebarBlock__figure__img--round {
border-radius: 50%;
height: 130px;
margin-left: auto;
margin-right: auto;
width: 130px;
}
.sidebarBlock__text {
font-size: 14px;
font-weight: 400;
}
.sidebarBlock__heading--small {
font-size: 14px;
font-weight: 400;
}
.sidebarBlock--tags {
font-size: 14px;
text-align: left;
}
.sidebarBlock--tags .sidebarBlock__text {
color: #7A8AA3;
margin-top: null;
margin-right: null;
margin-bottom: 8px;
margin-left: null;
}
.sidebarBlock--tags .tags__item {
font-size: 14px;
margin-top: null;
margin-right: null;
margin-bottom: 4px;
margin-left: null;
}
.sidebarBlock--filters {
text-align: left;
}
.sidebarBlock--filters .sidebarBlock__heading {
font-size: 16px;
margin-top: null;
margin-right: null;
margin-bottom: 12px;
margin-left: null;
}
.social-links__item {
display: inline-block;
margin: 0 12px;
}
.social_links__item__link__icon {
fill: white;
}
.tabbedContent {
position: relative;
}
.tabbedContent__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: -45px;
width: 100%;
}
.tabbedContent__tabs.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tabbedContent__tabs > [class*='col-'] {
float: none;
}
.tabbedContent__tabs__tab {
color: #ffffff;
font-weight: 400;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-top: null;
padding-bottom: 12px;
padding-top: 12px;
padding-right: null;
padding-bottom: null;
padding-left: null;
margin-right: null;
margin-left: 4px;
margin-top: null;
margin-right: 4px;
margin-bottom: null;
margin-left: null;
border-radius: 4px;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
cursor: pointer;
}
@media (max-width:992px) {
.tabbedContent__tabs__tab {
display: none;
}
}
@media (min-width:1200px) {
.tabbedContent__tabs__tab {
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-top: null;
padding-bottom: 12px;
padding-top: 12px;
padding-right: null;
padding-bottom: null;
padding-left: null;
}
}
.tabbedContent__tabs__tab:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.tabbedContent__tabs__tab--active {
background-color: #ffffff;
color: #0080CE;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media (max-width:992px) {
.tabbedContent__tabs__tab--active {
display: block;
}
}
.tabbedContent__tabs__tab--active:hover {
background-color: #ffffff;
}
.tabbedContent__panels__panel {
display: none;
}
.tabbedContent__panels__panel--active {
display: block;
}
.tabbedContent__tabs__arrows {
left: 0;
position: absolute;
width: 100%;
}
@media (min-width:992px) {
.tabbedContent__tabs__arrows {
display: none;
}
}
.tabbedContent__tabs__arrows__button {
background-color: rgba(255, 255, 255, 0.995);
border-radius: 50%;
padding: 6px;
padding-left: 8px;
padding-right: 7px;
position: absolute;
right: 20px;
top: -15px;
}
.tabbedContent__tabs__arrows__button .icon {
height: 14px;
position: relative;
top: 2px;
width: 14px;
fill: #7A8AA3;
}
.tabbedContent__tabs__arrows__button--prev {
left: 20px;
right: auto;
}
.tabbedContent__tabs__arrows__button--prev .icon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
position: relative;
left: -2px;
}
.tabbedContent.section--bgColor-OffWhite .tabbedContent__tabs__tab--active {
background-color: #FBFCFE;
}
.tabbedContent.section--bgColor-OffWhite .tabbedContent__tabs__tab--active:hover {
background-color: #FBFCFE;
}
.tags {
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
.tags__item {
background-color: #20293D;
color: #ffffff;
font-size: 10px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: null;
padding-left: 8px;
padding-top: null;
padding-right: 8px;
padding-bottom: null;
padding-left: null;
display: inline-block;
}
.tags__item--gray {
background-color: #EDF1F7;
color: #7A8AA3;
}
.lp-profile {
color: #111526;
}
.lp-profileSection__content {
margin-left: auto;
margin-right: auto;
max-width: 400px;
padding: 0 12px;
position: relative;
z-index: 1;
}
@media (min-width:768px) {
.lp-profileSection__content {
max-width: 600px;
}
}
@media (min-width:992px) {
.lp-profileSection__content {
max-width: 1200px;
}
}
@media (min-width:1200px) {
.lp-profileSection__content {
padding: 0;
}
}
.lp-profileSection {
padding-bottom: 60px;
padding-top: 60px;
position: relative;
}
.lp-profileSection::before {
height: 100%;
left: 0;
opacity: 0.85;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.lp-profileSection--hero {
background-color: #111526;
color: #ffffff;
padding-top: 120px;
text-align: center;
}
@media (min-width:992px) {
.lp-profileSection--hero {
padding-top: 160px;
}
}
.lp-profileSection__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lp-profileSection__content.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lp-profileSection__content > [class*='col-'] {
float: none;
}
.lp-profileSection__content__copy__heading {
font-weight: 800;
margin-top: null;
margin-right: null;
margin-bottom: 48px;
margin-left: null;
font-size: 30px;
}
@media (min-width:1200px) {
.lp-profileSection__content__copy__heading {
font-size: 36px;
}
}
.lp-profileSection__content__copy__text {
font-size: 16px;
margin-left: auto;
margin-right: auto;
max-width: 600px;
}
.lp-panels {
width: 100%;
}
@media (min-width:992px) {
.lp-panels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lp-panels.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lp-panels > [class*='col-'] {
float: none;
}
}
@media (min-width:992px) {
.lp-panels__group--narrow {
width: 300px;
}
}
@media (min-width:992px) {
.lp-panels__group--wide {
padding-top: null;
padding-right: null;
padding-bottom: null;
padding-left: 24px;
width: calc(100% - 300px);
}
}
.lp-panel {
border-top: 2px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-style: solid;
border-color: #EDF1F7;
font-size: 14px;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
border-radius: 4px;
}
.lp-panel + .lp-panel {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.lp-panel__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lp-panel__header.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lp-panel__header > [class*='col-'] {
float: none;
}
.lp-panel__header .p-icon {
cursor: pointer;
}
.lp-panel__header__heading__text {
font-size: 16px;
font-weight: 500;
}
.lp-panel__header__link {
color: #0080CE;
font-size: 14px;
font-weight: 400;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.lp-panel__header__link:hover {
color: #0067a5;
}
.lp-panel--personal {
color: #7A8AA3;
font-size: 16px;
border: 0;
text-align: left;
}
.lp-panel--personal .lp-panel__figure__image {
margin-left: auto;
margin-right: auto;
}
.lp-panel--personal .lp-panel__heading {
color: #111526;
font-size: 24px;
font-weight: 800;
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
}
.lp-panel--scores {
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
}
@media (min-width:1200px) {
.lp-panel--scores {
margin-bottom: 0;
}
}
.lp-percentageBar + .lp-percentageBar {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
.lp-percentageBar__label {
font-weight: 400;
}
.lp-percentageBar__graph {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lp-percentageBar__graph.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lp-percentageBar__graph > [class*='col-'] {
float: none;
}
.lp-percentageBar__graph__bar {
background-color: #EDF1F7;
border-radius: 8px;
height: 12px;
overflow: hidden;
position: relative;
width: calc(100% - 40px);
}
.lp-percentageBar__graph__bar__fill {
background-color: #0080CE;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.lp-percentageBar__graph__percentage {
text-align: right;
width: 40px;
}
.lp-percentageBar__graph__percentage__text {
color: #7A8AA3;
}
.lp-percentageBar__graph__percentage__text::after {
content: '%';
display: inline-block;
margin-left: -3px;
}
.lp-panel__list {
text-align: left;
}
@media (min-width:768px) {
.lp-panel__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.lp-panel__list.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lp-panel__list > [class*='col-'] {
float: none;
}
}
.lp-panel__list__item {
margin-top: null;
margin-right: null;
margin-bottom: 16px;
margin-left: null;
}
@media (min-width:768px) {
.lp-panel__list__item {
width: 50%;
padding-top: null;
padding-right: 16px;
padding-bottom: null;
padding-left: null;
}
}
@media (min-width:992px) {
.lp-panel__list__item {
width: 33.333%;
}
}
.lp-panel__list__item .p-icon {
vertical-align: middle;
}
.lp-panel__list__item__text {
font-weight: 400;
}
.lp-profileSection--recommendations {
background-color: #EDF1F7;
}
.lp-profileSection__heading {
color: #7A8AA3;
font-size: 16px;
margin-top: null;
margin-right: null;
margin-bottom: 24px;
margin-left: null;
padding-top: 48px;
padding-right: null;
padding-bottom: null;
padding-left: null;
width: 100%;
}
.lp-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.lp-cards.center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lp-cards > [class*='col-'] {
float: none;
}
.lp-card {
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #EDF1F7;
background-color: #ffffff;
border-radius: 4px;
-webkit-box-shadow: 0px 4px 8px -4px rgba(17, 21, 38, 0.15);
box-shadow: 0px 4px 8px -4px rgba(17, 21, 38, 0.15);
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
@media (min-width:992px) {
.lp-card {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
width: calc(33.33% - 1em);
max-width: none;
margin-left: 0;
margin-right: 0;
}
.lp-card:hover {
-webkit-box-shadow: 0px 16px 16px -8px rgba(17, 21, 38, 0.15);
box-shadow: 0px 16px 16px -8px rgba(17, 21, 38, 0.15);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.lp-card .content-rec {
width: 100%;
}
.lp-card .content-rec-image {
display: block;
max-width: none;
width: 100%;
}
.lp-card .content-rec-description {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
font-size: 14px;
font-weight: 200;
width: 100%;
}
.lp-card .content-rec-title {
color: #111526;
font-weight: 400;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.lp-card .content-rec-title:hover {
color: #0067a5;
}
.lp-card + .lp-card {
margin-top: 24px;
margin-right: null;
margin-bottom: null;
margin-left: null;
}
@media (min-width:992px) {
.lp-card + .lp-card {
margin-top: 0;
}
}
.p-icon {
display: inline-block;
fill: #9DAEC4;
height: 24px;
vertical-align: bottom;
width: 24px;
}
.p-headshot {
width: 160px;
height: 160px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
display: block;
}
.transition {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.tooltip--link {
margin-top: 16px;
margin-right: null;
margin-bottom: null;
margin-left: null;
color: #9DAEC4;
display: block;
}
.tooltip--link:hover {
text-decoration: underline;
}
.tooltipster-sidetip .tooltipster-content {
padding: 20px !important;
}
.tooltipster-box {
background-color: #20293D !important;
border: none !important;
}
.tooltipster-arrow-background {
border-right-color: #20293D !important;
}
.tooltipster-arrow-border {
border-right-color: #20293D !important;
}
.tooltipster-content {
font-size: 14px !important;
font-weight: 200;
line-height: 1.3em !important;
}
.breakpoint-tracker {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 2em;
background-color: red;
color: white;
z-index: 10000;
}
.breakpoint-tracker:before {
content: 'default';
position: absolute;
left: 1em;
top: 0.25em;
}
@media (min-width:768px) {
.breakpoint-tracker {
background-color: black;
}
.breakpoint-tracker:before {
content: '@small-min';
}
}
@media (min-width:992px) {
.breakpoint-tracker {
background-color: blue;
}
.breakpoint-tracker:before {
content: '@medium-min';
}
}
@media (min-width:1200px) {
.breakpoint-tracker {
background-color: orange;
}
.breakpoint-tracker:before {
content: '@large-min';
}
}