@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=d9c8756a-dc00-494c-a51f-71b1702890fe);
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

.rc-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.5;
    opacity: 0.9;
    font-weight: 600;
}

@media (max-width: 767px) {
    .rc-tooltip {
        display: none;
    }
}

.rc-tooltip-hidden {
    display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
    padding-bottom: 5px;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
    padding-left: 5px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
    padding-top: 5px;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
    padding-right: 5px;
}
.rc-tooltip-inner {
    padding: 4px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #373737;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
}
.rc-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    bottom: 0px;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
    left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
    left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    left: 0px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
    top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
    top: 15%;
    margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    right: 0px;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
    top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
    top: 15%;
    margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    top: 0px;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
    left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    right: 15%;
}

.rc-tooltip-hotkey {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 4px;
    border: 1px solid rgb(240, 240, 240);
    border-radius: 4px;
    margin-left: 4px;
    height: 18px;
}

.rc-tooltip-hotkey:first-of-type {
    margin-left: 8px;
}

.rc-tooltip-hotkey.standalone:first-of-type {
    margin-left: 0px;
}

.rc-tooltip-hotkey.start-left {
    margin-left: 0px;
    margin-right: 4px;
}

.rc-tooltip-hotkey.start-left:first-of-type {
    margin-left: 0px;
}

.rc-tooltip-hotkey.start-left:last-of-type {
    margin-right: 8px;
}

@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/9251e78a-dec6-4eae-b2ef-978078607d9e.eot?#iefix');
    src: url('/static/fonts/9251e78a-dec6-4eae-b2ef-978078607d9e.eot?#iefix') format('eot'),
        url('/static/fonts/1c557856-58ec-4541-9452-7acb5ffe2c32.woff2') format('woff2'),
        url('/static/fonts/23054762-d9a8-4fcf-8306-55423802e8e4.woff') format('woff'),
        url('/static/fonts/c9033012-9826-4249-9537-be9d2f0c2652.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/0464f4f7-7f06-46c0-a29b-b28be05476b0.eot?#iefix');
    src: url('/static/fonts/0464f4f7-7f06-46c0-a29b-b28be05476b0.eot?#iefix') format('eot'),
        url('/static/fonts/5845bf45-2c4d-41ab-99a3-4828afef9e86.woff2') format('woff2'),
        url('/static/fonts/a8da8448-e8c9-4d50-a0d7-304aef79d757.woff') format('woff'),
        url('/static/fonts/d9ab3b13-ad13-4930-b776-7069fb16fbfc.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/066fbbc6-dd8d-48ca-89fb-58034872ab60.eot?#iefix');
    src: url('/static/fonts/066fbbc6-dd8d-48ca-89fb-58034872ab60.eot?#iefix') format('eot'),
        url('/static/fonts/9f6dfbe4-ae47-4f8e-b887-c99113fa09b1.woff2') format('woff2'),
        url('/static/fonts/a9d360f4-5161-43ab-8475-b46d159844f8.woff') format('woff'),
        url('/static/fonts/ddda1572-4388-4d33-98d2-8f6e68113b5b.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/1caeee47-3977-41ac-9b59-5a9339ac5f0d.eot?#iefix');
    src: url('/static/fonts/1caeee47-3977-41ac-9b59-5a9339ac5f0d.eot?#iefix') format('eot'),
        url('/static/fonts/07d5871f-58ed-4968-8aed-13cc42516e68.woff2') format('woff2'),
        url('/static/fonts/e35c2a41-cfa9-49c4-bcd7-4d8d5523b3cc.woff') format('woff'),
        url('/static/fonts/790df82d-9aae-4e1b-af10-d0ddb48c1652.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/ebf375c1-452c-47da-aaf4-cf05c127a4cd.eot?#iefix');
    src: url('/static/fonts/ebf375c1-452c-47da-aaf4-cf05c127a4cd.eot?#iefix') format('eot'),
        url('/static/fonts/46d9ac88-dbbb-4a0e-afa2-aa57045a2d12.woff2') format('woff2'),
        url('/static/fonts/b28810ec-90f0-4c3f-ac0e-f47ad568fe27.woff') format('woff'),
        url('/static/fonts/2c8bff81-d390-4ce5-8611-d4932e64d05d.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/df548ada-3c1b-4671-ab4f-8850007d448c.eot?#iefix');
    src: url('/static/fonts/df548ada-3c1b-4671-ab4f-8850007d448c.eot?#iefix') format('eot'),
        url('/static/fonts/f2a32e07-d2ff-484c-92fc-18574e0bb989.woff2') format('woff2'),
        url('/static/fonts/c1690896-6fc1-48c9-a5f8-07b6c00bcc99.woff') format('woff'),
        url('/static/fonts/f228c365-c26c-4ec1-a50a-dca7e8911bd3.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
/* Avenir 65: */
/* @font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/3cbb38b5-39f7-4266-aef2-c1d76a430661.eot?#iefix');
    src: url('/static/fonts/3cbb38b5-39f7-4266-aef2-c1d76a430661.eot?#iefix') format('eot'),
        url('/static/fonts/55b3246a-2a53-4f75-b0da-6dffde8260ad.woff2') format('woff2'),
        url('/static/fonts/0614ebff-0ec3-4726-98b3-379062bb14e7.woff') format('woff'),
        url('/static/fonts/7ce0560a-1399-4d97-bca7-75fc1ad7ca07.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/88f99195-2a19-404c-b84c-c82efde05f28.eot?#iefix');
    src: url('/static/fonts/88f99195-2a19-404c-b84c-c82efde05f28.eot?#iefix') format('eot'),
        url('/static/fonts/ab79297e-0b0a-4c2c-abfa-2705f25ec508.woff2') format('woff2'),
        url('/static/fonts/792c9d4f-3bf4-40c4-bfcb-c99670971a0c.woff') format('woff'),
        url('/static/fonts/d9d4496a-5574-4808-b7a6-8587a2c8884a.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
} */
/* Avenir 85: */
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/4a5082cd-dbf3-4cc4-903d-df495de21506.eot?#iefix');
    src: url('/static/fonts/4a5082cd-dbf3-4cc4-903d-df495de21506.eot?#iefix') format('eot'),
        url('/static/fonts/21d611aa-91cd-462c-9896-b71b85d3cca9.woff2') format('woff2'),
        url('/static/fonts/9594894d-c00f-4259-842f-d7991a3af9ee.woff') format('woff'),
        url('/static/fonts/e5f40243-1250-46a5-b1be-9cdafabc981b.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/7792dde6-a192-4803-8ebb-0a3fe840b005.eot?#iefix');
    src: url('/static/fonts/7792dde6-a192-4803-8ebb-0a3fe840b005.eot?#iefix') format('eot'),
        url('/static/fonts/0a1d61fc-6bb5-458b-8102-63f60c055aa3.woff2') format('woff2'),
        url('/static/fonts/96976087-5caa-4434-b125-9ff529b027a4.woff') format('woff'),
        url('/static/fonts/371a2a73-c1cd-413b-812e-07b7c8c65ec8.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/4a5082cd-dbf3-4cc4-903d-df495de21506.eot?#iefix');
    src: url('/static/fonts/4a5082cd-dbf3-4cc4-903d-df495de21506.eot?#iefix') format('eot'),
        url('/static/fonts/21d611aa-91cd-462c-9896-b71b85d3cca9.woff2') format('woff2'),
        url('/static/fonts/9594894d-c00f-4259-842f-d7991a3af9ee.woff') format('woff'),
        url('/static/fonts/e5f40243-1250-46a5-b1be-9cdafabc981b.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/7792dde6-a192-4803-8ebb-0a3fe840b005.eot?#iefix');
    src: url('/static/fonts/7792dde6-a192-4803-8ebb-0a3fe840b005.eot?#iefix') format('eot'),
        url('/static/fonts/0a1d61fc-6bb5-458b-8102-63f60c055aa3.woff2') format('woff2'),
        url('/static/fonts/96976087-5caa-4434-b125-9ff529b027a4.woff') format('woff'),
        url('/static/fonts/371a2a73-c1cd-413b-812e-07b7c8c65ec8.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/* Avenir 95 */
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/5b3067c0-6044-4042-9941-bea1a5354a1f.eot?#iefix');
    src: url('/static/fonts/5b3067c0-6044-4042-9941-bea1a5354a1f.eot?#iefix') format('eot'),
        url('/static/fonts/ad58244e-b79c-4260-a588-c4a890416979.woff2') format('woff2'),
        url('/static/fonts/0b167d86-9493-44ec-87e7-071d78b0dedc.woff') format('woff'),
        url('/static/fonts/b4548fbc-cd54-488b-90b4-b78ba824cdcb.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/static/fonts/03ac3bc7-2a00-42e9-a49a-0c3a11a8a702.eot?#iefix');
    src: url('/static/fonts/03ac3bc7-2a00-42e9-a49a-0c3a11a8a702.eot?#iefix') format('eot'),
        url('/static/fonts/25108cae-0ffc-442f-b99d-c038e2839fba.woff2') format('woff2'),
        url('/static/fonts/4f481f79-888a-4b5d-8f82-d3bfc19e57a0.woff') format('woff'),
        url('/static/fonts/3636a49e-601b-41e1-a95c-e3f5a4584a43.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@charset "UTF-8";

@font-face {
    font-family: 'sunsama-icons';
    src: url('/static/fonts/sunsama-icons.eot');
    src: url('/static/fonts/sunsama-icons.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/sunsama-icons.woff') format('woff'),
        url('/static/fonts/sunsama-icons.ttf') format('truetype'),
        url('/static/fonts/sunsama-icons.svg#sunsama-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
i.icon {
    font-family: 'sunsama-icons' !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-rendering: auto;
    line-height: 1;
}

.icon-asana:before {
    content: 'a';
}
.icon-jira:before {
    content: 'b';
}
.icon-todoist:before {
    content: 'c';
}
.icon-sunsama-r:before {
    content: 'd';
}
.icon-sunsama-s:before {
    content: 'e';
}

/* Global */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 14px;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    background-color: #fff;
    color: rgb(51, 51, 51);
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    /* font-size: 14px; */
    line-height: 1.42857143;
    margin: 0px;
}

@media (max-width: 767px) {
    body {
        -webkit-overflow-scrolling: touch;
    }
}

b,
strong {
    font-weight: 600;
}

/*modal override*/

body.modal-open {
    padding-right: 0 !important;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    -webkit-font-smoothing: antialiased;
    outline: none;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    background: none;
}

button:hover,
button:focus,
button:active {
    outline: none;
}

input {
    border: none;
    outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgb(180, 180, 180);
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgb(180, 180, 180);
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgb(180, 180, 180);
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgb(180, 180, 180);
}

[contenteditable='true']:empty:before,
[contenteditable='false']:before {
    content: attr(data-placeholder-text);
    color: rgb(180, 180, 180);
    cursor: text;
}

[contenteditable='false']:before {
    content: attr(data-placeholder-text);
    color: rgb(180, 180, 180);
    cursor: text;
}

textarea {
    width: 100%;
    border-radius: 0px;
    border: 1px solid rgb(220, 220, 220);
    padding: 5px 10px;
    resize: none;
}

textarea:focus {
    outline: 1px solid #e9e9e9;
}

a {
    outline: none;
    color: #2ca7ff;
    text-decoration: none;
}

a:focus,
a:hover {
    outline: none;
    color: #2ca7ff;
    text-decoration: underlinel;
}

p {
    margin: 0 0 10px;
}

img {
    vertical-align: middle;
    page-break-inside: avoid;
    max-width: 100% !important;
    border: 0;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

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

select {
    background: #fff;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer;
}

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

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

input {
    line-height: normal;
}

input[type='checkbox'],
input[type='radio'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}

input[type='search'] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

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

textarea {
    overflow: auto;
}

.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}
pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16px;
    border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
}
blockquote footer:before,
blockquote small {
    content: '\2014   \A0';
}
code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

label {
    display: inline-block;
}
input[type='search'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='radio'],
input[type='checkbox'] {
    margin: 0px 4px;
    line-height: normal;
}

.hidden {
    display: none;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

/*@media screen and (max-width:767px) {
    select:focus, select:hover,
    textarea:focus, textarea:hover,
    input:focus, input:hover,
    [contenteditable=true]:focus, [contenteditable=true]:hover {
        font-size:16px;
    }
}*/

@media (max-width: 767px) {
    .container {
        max-width: 480px;
    }
}

@media (min-width: 768px) {
    .container {
        width: 900px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}

.input-margin-override {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: inherit;
}

/* Colors */

.color-blue {
    color: #2ca7ff;
}

.color-orange {
    color: #f65e33;
}

.color-red {
    color: #f34235;
}

.color-green {
    color: rgb(72, 162, 79);
}

.color-white {
    color: rgb(210, 210, 211);
}

.color-offwhite {
    color: rgb(240, 240, 240);
}

.color-highlight {
    color: rgb(255, 255, 255);
}

.color-peach {
    color: rgb(188, 80, 81);
}

.color-purple {
    color: rgb(106, 7, 150);
}

.color-grey {
    color: rgb(51, 51, 51);
}

.color-grey-2 {
    color: rgb(90, 90, 90);
}

.color-muted {
    color: rgb(120, 120, 120);
}

.color-success,
*.color-success {
    color: #55cc81;
}

.color-caution,
*.color-caution {
    color: #fdbd5b;
}

.color-alert,
*.color-alert {
    color: #eb8063;
}

.bg-success {
    background-color: #55cc81;
}

.bg-caution {
    background-color: #fdbd5b;
}

.bg-alert {
    background-color: #eb8063;
}

.mute-1 {
    color: rgb(220, 220, 220);
}

.mute-2 {
    color: rgb(161, 161, 161);
}

.mute-3 {
    color: rgb(143, 143, 145);
}

.mute-4 {
    color: rgb(98, 98, 100);
}

.mute-5 {
    color: rgb(53, 53, 56);
}

.body-text-muted {
    color: rgb(120, 120, 120);
}

.shadow-1 {
    text-shadow: 0px 1px 1px rgba(51, 51, 51, 0.52);
}

.hover-blue:hover {
    color: #2ca7ff;
}

.hover-orange:hover {
    color: #f65e33;
}

.hover-green:hover {
    color: rgb(72, 162, 79);
}

.bg-blue {
    background-color: #1194f6;
}

.bg-green {
    background-color: rgb(72, 162, 79);
}

.bg-bright-green {
    background-color: rgb(50, 200, 50);
}

.bg-peach {
    background-color: rgb(188, 80, 81);
}

.bg-deep-red {
    background-color: rgb(153, 25, 25);
}

.bg-white {
    background-color: #fff;
}

.bg-orange {
    background-color: #eb6725;
}

.bg-offwhite {
    background-color: rgb(240, 240, 240);
}

.bg-grey-1 {
    background-color: rgb(28, 28, 31);
}

.bg-grey-2 {
    background-color: rgb(31, 31, 33);
}

.bg-grey-3 {
    background-color: rgb(40, 40, 44);
}

.bg-grey-4 {
    background-color: rgb(61, 61, 61);
}

.bg-grey-5 {
    background-color: rgb(101, 101, 104);
}

.bg-grey-6 {
    background-color: rgb(131, 131, 134);
}

.bg-grey-8 {
    background-color: rgb(201, 201, 204);
}

.bg-grey-9 {
    background-color: rgb(220, 220, 220);
}

.bg-profile-1 {
    background: #0f1b58;
    background-image: -webkit--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--webkit-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -webkit--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--moz-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -webkit--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--o-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -webkit--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--ms-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit-linear-gradient(108deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -moz--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz--webkit-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -moz--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz--moz-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -moz--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz--o-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -moz--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz--ms-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz-linear-gradient(108deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -ms--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms--webkit-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -ms--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms--moz-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -ms--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms--o-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -ms--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms--ms-linear-gradient(342deg, #e0da81, #e0a681 10%, #0f1b58 90%);
    background-image: -ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms-linear-gradient(108deg, #e0da81, #e0a681 10%, #0f1b58 90%);
}

.bg-profile-2 {
    background: #00396f;
    background-image: -webkit--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--webkit-linear-gradient(342deg, #4d5dcd 10%, #2d1245 90%);
    background-image: -webkit--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--moz-linear-gradient(342deg, #4d5dcd 10%, #2d1245 90%);
    background-image: -webkit--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--o-linear-gradient(342deg, #4d5dcd 10%, #2d1245 90%);
    background-image: -webkit--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--ms-linear-gradient(342deg, #4d5dcd 10%, #2d1245 90%);
    background-image: -webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit-linear-gradient(108deg, #4d5dcd 10%, #2d1245 90%);
    /* background-image: -moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz-linear-gradient(108deg, #e5e9bf 10%, #00396f 90%);
    background-image: -ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms-linear-gradient(108deg, #e5e9bf 10%, #00396f 90%); */
}

.bg-profile-3 {
    background: #1e1635;
    background: -webkit-linear-gradient(
        bottom right,
        #4cddff,
        #3b9aca 10%,
        #2d6ca5 20%,
        #2a5291 27%,
        #283d81 35%,
        #222654 50%,
        #1e1635 63%,
        #0c0010 93%,
        #000
    );
    background: -moz-linear-gradient(
        bottom right,
        #4cddff,
        #3b9aca 10%,
        #2d6ca5 20%,
        #2a5291 27%,
        #283d81 35%,
        #222654 50%,
        #1e1635 63%,
        #0c0010 93%,
        #000
    );
    background: -o-linear-gradient(
        bottom right,
        #4cddff,
        #3b9aca 10%,
        #2d6ca5 20%,
        #2a5291 27%,
        #283d81 35%,
        #222654 50%,
        #1e1635 63%,
        #0c0010 93%,
        #000
    );
    background: -ms-linear-gradient(
        bottom right,
        #4cddff,
        #3b9aca 10%,
        #2d6ca5 20%,
        #2a5291 27%,
        #283d81 35%,
        #222654 50%,
        #1e1635 63%,
        #0c0010 93%,
        #000
    );
    background: linear-gradient(
        to top left,
        #4cddff,
        #3b9aca 10%,
        #2d6ca5 20%,
        #2a5291 27%,
        #283d81 35%,
        #222654 50%,
        #1e1635 63%,
        #0c0010 93%,
        #000
    );
}

.bg-profile-4 {
    background: #0e153a;
    background-image: -webkit--webkit-radial-gradient(
        circle farthest-side at right bottom,
        #f8cdda,
        #1d2b64 80%,
        #0e153a
    );
    background-image: -webkit--moz-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -webkit--o-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -webkit--ms-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -webkit-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -moz--webkit-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -moz--moz-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -moz--o-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -moz--ms-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -moz-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -o-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -ms--webkit-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -ms--moz-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -ms--o-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -ms--ms-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: -ms-radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
    background-image: radial-gradient(circle farthest-side at right bottom, #f8cdda, #1d2b64 80%, #0e153a);
}

.bg-profile-5 {
    background: #00396f;
    background-image: -webkit--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--webkit-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -webkit--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--moz-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -webkit--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--o-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -webkit--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit--ms-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -webkit-linear-gradient(108deg, #e5e9bf 10%, #00396f 90%);
    background-image: -moz--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz--webkit-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -moz--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz--moz-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -moz--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz--o-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -moz--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz--ms-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -moz-linear-gradient(108deg, #e5e9bf 10%, #00396f 90%);
    background-image: -ms--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms--webkit-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -ms--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms--moz-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -ms--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms--o-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -ms--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms--ms-linear-gradient(342deg, #e5e9bf 10%, #00396f 90%);
    background-image: -ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)),
        -ms-linear-gradient(108deg, #e5e9bf 10%, #00396f 90%);
}

/* Text */
.text-0 {
    font-size: 0px;
}

.text-1 {
    font-size: 10px;
}

.text-2 {
    font-size: 12px;
}

.text-3 {
    font-size: 14px;
}

.text-4 {
    font-size: 16px;
}

.text-5 {
    font-size: 18px;
}

.text-6 {
    font-size: 20px;
}

.text-7 {
    font-size: 24px;
}

.text-8 {
    font-size: 32px;
}

.text-9 {
    font-size: 48px;
}

.text-10 {
    font-size: 60px;
}

@media (max-width: 768px) {
    .text-9 {
        font-size: 40px;
    }
}

.uppercase {
    text-transform: uppercase;
}

.pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* Headers */

.header-label {
    font-size: 12px;
    font-weight: 600;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 4px;
    margin-left: 0;
    text-transform: uppercase;
}

.body-small {
    font-size: 12px;
}

.header-information {
    color: rgb(120, 120, 120);
    font-weight: 400;
    text-transform: none;
}

.header-1 {
    font-size: 16px;
}

.header-2 {
    font-size: 20px;
}

.header-3 {
    font-size: 24px;
}

.header-4 {
    font-size: 28px;
}

.header-5 {
    font-size: 36px;
}

.header-6 {
    font-size: 41px;
}

.header-7 {
    font-size: 48px;
}

.header-1,
.header-2,
.header-3,
.header-4,
.header-5,
.header-6,
.header-7 {
    font-weight: 500;
}

@media (max-width: 768px) {
    .header-1 {
        font-size: 16px;
    }

    .header-2 {
        font-size: 18px;
    }

    .header-3 {
        font-size: 20px;
    }

    .header-4 {
        font-size: 24px;
    }

    .header-5 {
        font-size: 28px;
    }

    .header-6 {
        font-size: 32px;
    }

    .header-7 {
        font-size: 34px;
    }
}

.light {
    font-weight: 300;
}

.normal {
    font-weight: 400;
}

.medium {
    font-weight: 500;
}

.heavy {
    font-weight: 600;
}

.strong {
    font-weight: 600;
}

.italic {
    font-style: italic;
}

.strike-through {
    text-decoration: line-through;
}

/* Borders */

.border-right {
    border-right: 1px solid;
}

.border-left {
    border-left: 1px solid;
}

.border-top {
    border-top: 1px solid;
}

.border-bottom {
    border-bottom: 1px solid;
}

.border {
    border: 1px solid;
}

.border-light {
    border-color: rgb(216, 216, 216);
}

.border-light-2 {
    border-color: rgb(240, 240, 240);
}

.border-grey {
    border-color: rgb(168, 168, 168);
}

.border-dark {
    border-color: rgb(53, 53, 56);
}

.border-dark-2 {
    border-color: rgb(40, 40, 41);
}

.border-blue {
    border-color: rgb(77, 138, 231);
}

.border-green {
    border-color: rgb(72, 162, 79);
}

.no-underline,
.no-underline:focus,
.no-underline:hover {
    text-decoration: none;
}

.link-black {
    color: rgb(51, 51, 51);
}

.link-black:hover,
.link-black:focus {
    color: rgb(51, 51, 51);
    text-decoration: underline;
    outline: none;
}

.a-clean,
.a-clean:hover,
.a-clean:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
}

.link-hover {
    cursor: pointer;
}

.link-hover:hover {
    text-decoration: underline;
}

/* Misc */

#map-canvas {
    width: 100%;
    height: 160px;
    opacity: 0.9;
    border-radius: 4px;
}

/* Text inputs */

.text-input {
    padding: 0px;
    margin: 0px;
    border: 1px none transparent;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    outline: none;
    border-radius: 0px;
    border-bottom: 1px solid transparent;
}

.text-input:focus,
.text-input:hover {
    border-bottom: 1px solid rgba(103, 175, 233, 0.8);
}

.text-input.inactive {
    color: rgba(255, 255, 255, 0.9);
}

.text-input.inactive:hover {
    border-bottom: 1px solid transparent;
}

.text-input-light {
    padding: 6px 12px;
    background-color: #fff;
    color: rgb(51, 51, 51);
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0px;
}

.text-input-light:focus {
    border: 1px solid rgb(140, 180, 240);
}

.text-input-light.alert {
    border-color: #f25a43;
}

.text-input-alert {
    color: #f25a43;
    font-weight: 500;
    font-size: 12px;
    margin-top: 4px;
}

/* Alerts */
.alert-block {
    background-color: #f25a43;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0px;
    color: #fff;
}

.alert-block-light {
    color: rgb(224, 50, 52);
    font-weight: 600;
    font-size: 12px;
    margin: 5px 0px;
}

.alert-block.green {
    background-color: rgb(72, 162, 79);
}

.alert-block.red {
    background-color: rgb(162, 72, 72);
}

.alert-icon {
    display: inline-block;
    padding-right: 5px;
    vertical-align: top;
}

.alert-text {
    display: inline-block;
    max-width: 90%;
}

.alert-topnav-container {
    background-color: #f25a43;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    text-align: center;
    position: fixed;
    z-index: 2;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.alert-topnav-container.caution {
    background-color: rgb(241, 142, 57);
}

.alert-topnav-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 5px;
}

.alert-topnav-text {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}

/* Spacing */
.flex {
    display: -webkit-flex;
    display: flex;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
}

.flex-center {
    -webkit-align-items: center;
    align-items: center;
}

.flex-grow {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
}

.flex-compact {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flex-shrink {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.flex-collapse {
    -webkit-flex: 0 0 0px;
    flex: 0 0 0px;
}

.flex-column {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.pad-m {
    padding-left: 15px;
    padding-right: 15px;
}

.no-pad {
    padding-left: 0px;
    padding-right: 0px;
}

.no-pad-right {
    padding-right: 0px;
}

.no-pad-left {
    padding-left: 0px;
}

.no-margin {
    margin-left: 0px;
    margin-right: 0px;
}

.row-space-1 {
    margin-bottom: 6.25px;
}

.neg-row-space-1 {
    margin-bottom: -6.25px;
}

.row-space-top-1 {
    margin-top: 6.25px;
}

.neg-row-space-top-1 {
    margin-top: -6.25px;
}

.row-space-2 {
    margin-bottom: 12.5px;
}

.neg-row-space-2 {
    margin-bottom: -12.5px;
}

.row-space-top-2 {
    margin-top: 12.5px;
}

.neg-row-space-top-2 {
    margin-top: -12.5px;
}

.row-space-3 {
    margin-bottom: 18.75px;
}

.neg-row-space-3 {
    margin-bottom: 18.75px;
}

.row-space-top-3 {
    margin-top: 18.75px;
}

.neg-row-space-top-3 {
    margin-top: -18.75px;
}

.row-space-4 {
    margin-bottom: 25px;
}

.neg-row-space-4 {
    margin-bottom: -25px;
}

.row-space-top-4 {
    margin-top: 25px;
}

.neg-row-space-top-4 {
    margin-top: -25px;
}

.row-space-5 {
    margin-bottom: 31.25px;
}

.neg-row-space-5 {
    margin-bottom: -31.25px;
}

.row-space-top-5 {
    margin-top: 31.25px;
}

.neg-row-space-top-5 {
    margin-top: -31.25px;
}

.row-space-6 {
    margin-bottom: 37.5px;
}

.neg-row-space-6 {
    margin-bottom: -37.5px;
}

.row-space-top-6 {
    margin-top: 37.5px;
}

.neg-row-space-top-6 {
    margin-top: -37.5px;
}

.row-space-7 {
    margin-bottom: 43.75px;
}

.neg-row-space-7 {
    margin-bottom: -43.75px;
}

.row-space-top-7 {
    margin-top: 43.75px;
}

.neg-row-space-top-7 {
    margin-top: -43.75px;
}

.row-space-8 {
    margin-bottom: 50px;
}

.neg-row-space-8 {
    margin-bottom: -50px;
}

.row-space-top-8 {
    margin-top: 50px;
}

.neg-row-space-top-8 {
    margin-top: -50px;
}

.pad-space-1 {
    padding-bottom: 6.25px;
}

.pad-space-top-1 {
    padding-top: 6.25px;
}

.pad-space-2 {
    padding-bottom: 12.5px;
}

.pad-space-top-2 {
    padding-top: 12.5px;
}

.pad-space-3 {
    padding-bottom: 18.75px;
}

.pad-space-top-3 {
    padding-top: 18.75px;
}

.pad-space-4 {
    padding-bottom: 25px;
}

.pad-space-top-4 {
    padding-top: 25px;
}

.pad-space-5 {
    padding-bottom: 31.25px;
}

.pad-space-top-5 {
    padding-top: 31.25px;
}

.pad-space-6 {
    padding-bottom: 37.5px;
}

.pad-space-top-6 {
    padding-top: 37.5px;
}

.pad-space-7 {
    padding-bottom: 43.75px;
}

.pad-space-top-7 {
    padding-top: 43.75px;
}

.pad-space-8 {
    padding-bottom: 50px;
}

.pad-space-top-8 {
    padding-top: 50px;
}

.pad-1 {
    padding-left: 5px;
    padding-right: 5px;
}

.pad-2 {
    padding-left: 10px;
    padding-right: 10px;
}

.pad-3 {
    padding-left: 15px;
    padding-right: 15px;
}

.pad-3-responsive {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 767px) {
    .pad-3-responsive {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Containers */

.page-container-responsive {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.page-container-responsive:before,
.page-container-responsive:after {
    content: ' ';
    display: table;
}

.page-container-responsive:after {
    clear: both;
}

@media (min-width: 768px) {
    .page-container-responsive {
        width: 745px;
    }
}

@media (min-width: 1200px) {
    .page-container-responsive {
        width: 1045px;
    }
}

.narrow-container-responsive {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.narrow-container-responsive:before,
.narrow-container-responsive:after {
    content: ' ';
    display: table;
}

.narrow-container-responsive:after {
    clear: both;
}

@media (min-width: 768px) {
    .narrow-container-responsive {
        width: 400px;
        padding-right: 45px;
        padding-left: 45px;
        margin-top: 30px;
        box-shadow: 0px 0px 3px rgb(161, 161, 161);
    }
}

@media (max-width: 767px) {
    .narrow-container-responsive {
        width: 90%;
        padding-right: 15px;
        padding-left: 15px;
        box-shadow: 0px 0px 3px rgb(161, 161, 161);
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.modal-container {
    width: auto;
    padding: 15px 45px;
    width: 95%;
    max-width: 400px;
    margin: 60px auto;
    box-shadow: 0px 0px 3px rgb(161, 161, 161);
    background-color: rgb(255, 255, 255);
    position: relative;
}

.modal-status-container {
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    width: auto;
    margin: 60px auto;
    box-shadow: 0px 0px 3px rgb(161, 161, 161);
    position: relative;
    padding: 10px 20px;
    display: block;
    text-align: center;
    cursor: default;
}

.modal-status-container > i {
    padding-right: 5px;
}

@media (max-width: 767px) {
    .modal-container {
        margin: 30px auto;
        padding: 30px 15px;
    }
}

.modal-container-join-group {
    max-width: 600px;
    font-size: 16px;
}

.modal-overlay-mask {
    position: fixed !important;
    top: 0px !important;
    background-color: #a9abae;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.modal-overlay {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1100;
    overflow: auto;
}

.fullscreen-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #fff;
}

.white-popout-container {
    background-color: #fff;
    box-shadow: 0px 0px 3px rgb(161, 161, 161);
}

.side-pad-responsive {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .side-pad-responsive {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/*Dropdowns*/
.default-dropdown-container {
    padding: 10px 0px;
    width: 240px;
    top: 31px;
}

.default-dropdown-container-inner {
    max-height: 420px;
    overflow-y: auto;
}

.medium-dropdown-container {
    width: 240px;
}

.dropdown-action {
    padding: 4px 15px;
    cursor: pointer;
}

.dropdown-action > i {
    padding-right: 3px;
}

.dropdown-action:hover,
.dropdown-action:focus,
.dropdown-action.selected {
    background-color: rgb(245, 245, 245);
}

.dropdown-action.dark:hover,
.dropdown-action.dark:focus,
.dropdown-action.dark.selected {
    background-color: rgb(81, 81, 83);
}

.dropdown-action.disabled {
    cursor: default;
    color: rgb(180, 180, 180);
}

.dropdown-action.disabled:hover,
.dropdown-action.disabled:focus {
    background-color: rgb(255, 255, 255);
    color: rgb(180, 180, 180);
}

.dropdown-action.success,
.dropdown-action.success:hover,
.dropdown-action.success:focus {
    color: #48b04b;
    cursor: default;
}

.dropdown-action.warning {
    color: #ffd63f;
}

.dropdown-action-btn {
    font-size: 13px;
    width: 100%;
    padding: 3px;
    margin-top: 8px;
    color: #1194f6;
    border-radius: 2px;
    border: 2px solid;
    border-color: rgba(17, 148, 246, 0.8);
    font-weight: 600;
    -webkit-transition: background-color 150ms, color 150ms, border-color 150ms;
    -moz-transition: background-color 150ms, color 150ms, border-color 150ms;
    -ms-transition: background-color 150ms, color 150ms, border-color 150ms;
    -o-transition: background-color 150ms, color 150ms, border-color 150ms;
    transition: background-color 150ms, color 150ms, border-color 150ms;
}

.dropdown-action-btn:hover,
.dropdown-action-btn:focus {
    background-color: #1194f6;
    border-color: #1194f6;
    color: #fff;
}

.dropdown-action-btn.success {
    background-color: #48b04b;
    border-color: #48b04b;
    color: #fff;
}

.dropdown-action-btn.success:hover,
.dropdown-action-btn.success:focus {
    background-color: #48b04b;
    color: #fff;
    cursor: default;
}

.dropdown-bottom-alert {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    border-top: 1px solid rgb(240, 240, 240);
    margin-top: 8px;
    padding-top: 8px;
    font-size: 12px;
    margin: 4px 15px 0px;
    color: rgb(120, 120, 120);
}

.dropdown-section {
    padding-bottom: 6px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgb(240, 240, 240);
}

.dropdown-section:last-of-type {
    padding-bottom: 4px;
    margin-bottom: 0px;
    border-bottom: none;
}

.dropdown-section-label {
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.dropdown-section-item {
    display: flex;
    margin-bottom: 4px;
}

.dropdown-section-item.inactive {
    color: rgb(180, 180, 180);
}

.dropdown-section-item-symbol {
    flex: 0 0 24px;
    margin-right: 4px;
    text-align: center;
}

.dropdown-section-item-text {
    flex: 1 1 auto;
}

.dropdown-menu-icon-arrow-up {
    padding-right: 2px;
}

.dropdown-search-container {
    padding: 0px 15px;
}

.dropdown-search-input {
    width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220);
    border-radius: 0px;
    margin-bottom: 5px;
    font-size: 13px;
}

/* Backgrounds */

.bgi {
    background-position: center;
    background-size: cover;
    background-color: rgb(31, 31, 34);
    background-repeat: no-repeat;
    background-position-y: center;
}

.bgi-home {
    background-image: url('https://s3-us-west-2.amazonaws.com/assets.siftnet.com/homepagebigger.jpg');
    background-position: 0px 10px;
}

.bg-loading-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    font-size: 82px;
    top: 0px;
    left: 0px;
}

.fade-overlay {
    background-color: rgba(1, 1, 1, 0.3);
    height: 100%;
    width: 100%;
}

.fade-overlay-dark {
    background-color: rgba(1, 1, 1, 0.6);
    height: 100%;
    width: 100%;
}

.fade-overlay-light {
    background-color: rgba(255, 255, 255, 0.6);
    height: 100%;
    width: 100%;
}

/* Buttons */

.btn:focus,
.btn:active:focus {
    outline: none;
}

.bttn {
    font-size: 13px;
    padding: 5px 15px;
    font-weight: 600;
    border-radius: 4px;
    background-color: rgb(251, 251, 250);
    border: 1px solid rgb(200, 200, 200);
    color: rgb(80, 80, 80);
    text-decoration: none;
    cursor: pointer;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
}

.bttn:hover,
.bttn:focus {
    text-decoration: none;
    color: #2ca7ff;
    border-color: #2ca7ff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

.bttn + .bttn {
    margin-left: 12px;
    margin-right: 0px;
}

.bttn-right + .bttn-right {
    margin-right: 12px;
    margin-left: 0px;
}

.bttn-col,
.bttn-col + .bttn-col {
    margin-left: auto;
    margin-right: auto;
}

.bttn-pagination {
    background-color: #fff;
    padding: 5px 10px;
    border: 1px solid rgb(240, 240, 240) !important;
}

.bttn-pagination:hover,
.bttn-pagination:focus {
    box-shadow: none;
}

.bttn-blue {
    background-color: #2ca7ff;
    color: #fff;
    border: 1px solid #2ca7ff;
}

.bttn-blue:hover,
.bttn-blue:focus {
    color: #fff;
    border: 1px solid #2ca7ff;
}

.bttn-green {
    background-color: rgb(72, 162, 79);
    color: #fff;
    border: 1px solid rgb(72, 162, 79);
}

.bttn-green:hover,
.bttn-green:focus {
    color: #fff;
    border: 1px solid rgb(72, 162, 79);
}

.bttn-orange {
    background-color: rgb(255, 181, 58);
    color: #fff;
    border: 1px solid rgb(255, 181, 58);
}

.bttn-orange:hover,
.bttn-orange:focus {
    color: #fff;
    border: 1px solid rgb(255, 181, 58);
}

.bttn-red {
    background-color: #f34235;
    color: #fff;
    border: 1px solid #f34235;
}

.bttn-red:hover,
.bttn-red:focus {
    color: #fff;
    border: 1px solid #f34235;
}

.bttn-white {
    background-color: #fff;
    color: rgb(160, 160, 160);
}

.bttn.disabled {
    cursor: default;
    color: rgb(200, 200, 200);
}

.bttn.disabled:hover,
.bttn.disabled:focus {
    box-shadow: none;
    border: 1px solid rgb(200, 200, 200);
    color: rgb(200, 200, 200);
}

.bttn-group + .bttn-group {
    margin: 0px;
}

.bttn-group {
    border-radius: 0px;
}

.bttn-group:first-of-type {
    border-radius: 4px 0px 0px 4px;
}

.bttn-group:last-of-type {
    border-radius: 0px 4px 4px 0px;
}

.bttn-s {
    padding: 4px 12px;
    font-size: 11px;
}

.bttn-m {
    padding: 9px 18px;
    font-size: 14px;
}

a.bttn {
    display: inline-block;
}

.bttn.bttn-text {
    padding: 5px 10px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: inherit;
    color: inherit;
    border: none;
}

.bttn.bttn-text:hover,
.bttn.bttn-text:focus {
    color: inherit;
    border: none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

.bttn.bttn-text-border {
    padding: 5px 10px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: inherit;
    color: inherit;
    border: 2px solid;
}

.bttn.bttn-text-border:hover,
.bttn.bttn-text-border:focus {
    border: 2px solid;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

.bttn.bttn-text-blue {
    color: #2ca7ff;
}

.bttn.bttn-text-grey {
    color: rgb(180, 180, 180);
}

.bttn.bttn-text-white {
    color: rgb(255, 255, 255);
}

.bttn.bttn-toggle {
    position: relative;
    color: #fff;
    padding-right: 24px;
    padding-left: 12px;
    background-color: #80c7ff;
    border: 1px solid #4cb3ff;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.bttn.bttn-toggle.bttn-toggle-rounded {
    width: 50px;
    height: 28px;
    border-radius: 100px;
}

.bttn.bttn-toggle.off {
    padding-right: 12px;
    padding-left: 24px;
    background-color: rgb(200, 200, 200);
    border: 1px solid rgb(200, 200, 200);
}

.bttn.bttn-toggle.danger {
    padding-right: 12px;
    padding-left: 24px;
    background-color: #f25a43a6;
    border: 1px solid #f25a43a6;
}

.bttn-toggle-indicator {
    height: calc(100% - 4px);
    width: 14px;
    right: 2px;
    top: 2px;
    border-radius: 4px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.bttn-toggle-rounded .bttn-toggle-indicator {
    width: 22px;
    border-radius: 100px;
}

.bttn.bttn-toggle.off .bttn-toggle-indicator {
    right: unset;
    left: 2px;
}
.bttn.bttn-toggle.danger .bttn-toggle-indicator {
    right: unset;
    left: 2px;
}

.slct {
    font-size: 13px;
    padding: 5px 15px;
    font-weight: 600;
    border-radius: 4px;
    background-color: rgb(251, 251, 250);
    border: 1px solid rgb(200, 200, 200);
    color: rgb(80, 80, 80);
    text-decoration: none;
    cursor: pointer;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
}

.slct:hover,
.slct:focus {
    outline: none;
    text-decoration: none;
    color: #2ca7ff;
    border-color: #2ca7ff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

.slct:disabled {
    cursor: default;
    color: rgb(200, 200, 200);
}

.slct:disabled:hover,
.slct:disabled:focus {
    box-shadow: none;
    border: 1px solid rgb(200, 200, 200);
    color: rgb(200, 200, 200);
}

.slct > option {
    font-size: 13px;
    color: rgb(51, 51, 51);
}

.slct > option:disabled {
    color: rgb(120, 120, 120);
    background-color: rgb(220, 220, 220);
}

.slct-s {
    padding: 4px 12px;
    font-size: 11px;
}

.radio-bttn-label {
    font-weight: 500 !important;
}

.btn-s {
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
}

.btn-m {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 2px;
    font-weight: 600;
}

.btn-l {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 2px;
    font-weight: 600;
}

.google-btn-l {
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
}

.google-btn-m {
    padding: 5px 6px;
}

.focus-orange:hover,
.focus-orange:focus {
    border: 1px solid #c45218;
    box-shadow: 0px 0px 3px rgb(251, 151, 51);
}

.focus-blue:hover,
.focus-blue:focus {
    box-shadow: 0px 1px 3px #0962c3;
}

.focus-green:hover,
.focus-green:focus {
    border: 1px solid rgb(40, 100, 54);
    box-shadow: 0px 0px 3px rgb(40, 100, 54);
}

.focus-grey:hover,
.focus-grey:focus {
    box-shadow: 0px 1px 3px #b7b7b7;
}

.focus-default:hover,
.focus-default:focus {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.border-rounded {
    border-radius: 4px;
}

.border-circle {
    border-radius: 100px;
}

.decline-btn {
    width: 220px;
    text-align: center;
    background-color: transparent;
    color: rgb(161, 161, 161);
    border: 1px solid rgb(120, 120, 120);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.decline-btn:hover,
.decline-btn:focus {
    color: rgb(51, 51, 51);
    border: 1px solid rgb(121, 121, 121);
    box-shadow: 0px 0px 3px #b7b7b7;
}

/* Alignment/Positioning/Helpers */

.col-middle-align {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    float: none;
}

.va-container {
    display: table;
    width: 100%;
    height: 100%;
}

.va-bottom {
    vertical-align: bottom;
}

.va-middle {
    vertical-align: middle;
}

.va-top {
    vertical-align: top;
}

.va-bottom,
.va-middle,
.va-top {
    display: table-cell;
}

.relative {
    position: relative;
}

.inline-block {
    display: inline-block;
}

.width-full {
    width: 100%;
}

.hide-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hide-overflow-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Pictures */

.img-full {
    width: 100%;
    height: auto;
}

.square {
    width: 100%;
    padding-bottom: 100%;
}

.square-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.flip-x {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: 'FlipH';
}

/* Custom classes */

.home-title {
    height: 500px;
}

@media (max-width: 767px) {
    .home-title {
        height: 400px;
    }
}

.navbar-dropdown-container {
    position: absolute;
    top: 49px;
    right: 0px;
    width: 320px;
    opacity: 0.99;
    background-color: rgb(40, 40, 44);
    border: 1px solid rgb(35, 35, 35);
    border-top: 1px solid rgb(64, 64, 64);
    z-index: 1;
}

@media (max-width: 767px) {
    .navbar-dropdown-container {
        width: 100%;
        top: 47px;
    }
}

.navbar-links-container {
    left: 0px;
    width: 200px;
}

@media (max-width: 767px) {
    .navbar-links-container {
        width: 80%;
        max-width: 400px;
        min-height: 480px;
    }
}

/* Autocomplete styling */

.autocomplete-item-light {
    cursor: pointer;
    padding: 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid rgb(245, 245, 245);
    color: rgb(51, 51, 51);
}

.selected .autocomplete-item-light {
    background: rgb(230, 230, 230);
}

.autocomplete-item-dark {
    font-size: 14px;
    cursor: pointer;
    padding: 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid rgb(81, 81, 81);
    color: rgb(210, 210, 211);
    background: rgb(51, 51, 54);
}

.selected .autocomplete-item-dark {
    background: rgb(21, 21, 24);
    color: #fff;
}

.-autocomplete-container {
    position: absolute;
    background: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: 0px 2px 3px rgba(161, 161, 161, 0.5);
    min-width: 180px;
    z-index: 1000;
    font-size: 12px;
    cursor: pointer;
    color: rgb(51, 51, 51);
}

.-autocomplete-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.-autocomplete-item {
    display: block;
    padding: 0px;
    border: none;
}

.-autocomplete-item.selected {
    background: inherit;
    text-decoration: none;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.text-divider {
    display: inline-block;
    color: rgb(161, 161, 161);
    text-transform: uppercase;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.text-divider.dark {
    color: rgb(220, 220, 220);
}

.text-divider::before,
.text-divider::after {
    background-color: rgb(220, 220, 220);
    content: '';
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.text-divider.dark::before,
.text-divider.dark::after {
    background-color: rgb(161, 161, 161);
}

.text-divider::before {
    right: 1em;
    margin-left: -50%;
}

.text-divider::after {
    left: 1em;
    margin-right: -50%;
}

.text-divider-right {
    display: inline-block;
    color: rgb(161, 161, 161);
    text-transform: uppercase;
    text-align: left;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.text-divider-right.dark {
    color: rgb(220, 220, 220);
}

.text-divider-right::after {
    background-color: rgb(220, 220, 220);
    content: '';
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 90%;
    left: 1em;
    margin-right: -100%;
}

.text-divider-right.dark::after {
    background-color: rgb(161, 161, 161);
}

.loading-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
    text-align: center;
    color: #d5d5d5;
}

.error-page-container {
    text-align: center;
    align-items: center;
    justify-content: center;
}

.error-page-logo {
    position: absolute;
    top: 15px;
    left: 15px;
}

.error-page-logo > img {
    height: 24px;
}

/* google signup image */
.signup:hover {
    cursor: pointer;
}

/* TRANSITIONS  */
.fade-enter {
    opacity: 0.01;
}

.fade-enter.fade-enter-active {
    opacity: 1;
    transition: opacity 200ms ease-in;
}

.fade-exit {
    opacity: 1;
}

.fade-exit.fade-exit-active {
    opacity: 0.01;
    transition: opacity 0ms ease-in;
}

.animation--rotate {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading-animation {
    margin: 0px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.loading-animation > div {
    background-color: rgb(240, 240, 240);
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    margin: 1px;
}

.loading-animation .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.loading-animation .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.loading-animation .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loading-animation .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

/* splash community */
.splash-section-header-container {
    padding-top: 148px;
    padding-bottom: 112px;
    text-align: center;
}

.splash-purple-container {
    background-color: #b49cff;
    color: #fff;
}

.splash-section-header-title {
    font-size: 48px;
    font-weight: 600;
    padding: 0px 16px;
    text-align: center;
}

.splash-section-header-subtitle {
    font-size: 18px;
    color: #fff;
}

.splash-section-header-input-group {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.splash-section-header-input {
    background-color: #fff;
    color: rgb(51, 51, 51);
    font-size: 16px;
    border: 1px solid rgb(220, 220, 220);
    padding: 11px 10px;
    border-radius: 2px;
    margin-right: 12px;
    -webkit-flex: 0 0 250px;
    flex: 0 0 250px;
}

.splash-section-header-input:hover,
.splash-section-header-input:focus {
    border-color: #2ca7ff;
}

.splash-section-header-input.error {
    border-color: red;
}

.splash-section-header-btn {
    background-color: #7830c7;
    border-color: #7830c7;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 20px 12px;
    border-radius: 2px;
    font-weight: 600;
    -webkit-flex: 0 0 250px;
    flex: 0 0 250px;
}

.splash-section-header-btn:hover,
.splash-section-header-btn:focus {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.splash-section-header-btn.success {
    background-color: #30c78a;
    border-color: #30c78a;
    box-shadow: 0px;
    cursor: default;
}

.splash-section-header-btn.caution {
    background-color: #e4a342;
    border-color: #e4a342;
    box-shadow: 0px;
    cursor: default;
}

.splash-section-header-btn.error {
    background-color: #e44242;
    border-color: #e44242;
    box-shadow: 0px;
    cursor: default;
}

@media (max-width: 767px) {
    .splash-section-header-input-group {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .splash-section-header-input,
    .splash-section-header-btn {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0px 0px 12px;
        width: 250px;
    }
}

.splash-community-item {
    border-bottom: 2px solid rgb(240, 240, 240);
    padding: 160px 0px;
    min-height: 680px;
}

@media (max-width: 767px) {
    .splash-community-item {
        min-height: 0px;
        height: auto;
        padding: 80px 0px 0px;
    }
    .splash-community-item:last-of-type {
        height: auto;
        padding: 80px 0px 80px;
    }
}

.splash-community-img-container {
    position: absolute;
    top: 0px;
    right: -670px;
    max-width: 545px;
    box-shadow: 0px 1px 3px rgba(60, 60, 60, 0.4);
    border-radius: 4px;
    padding: 24px;
}

.splash-community-img-container.left {
    right: auto;
    left: -650px;
}

@media (max-width: 767px) {
    .splash-community-img-container,
    .splash-community-img-container.left {
        position: relative;
        margin: 48px 0px;
        top: auto;
        left: auto;
        right: auto;
        padding: 6px;
    }
}

.splash-community-img {
    width: 100%;
    max-height: none;
}

/* splash features section */
.splash-features {
    background-color: #fff;
    overflow-x: hidden;
}

.splash-feature-item {
    min-height: 1000px;
    border-bottom: 2px solid rgb(240, 240, 240);
    padding: 160px 0px;
}

.splash-feature-item.compact {
    min-height: 800px;
}

.splash-feature-item.shrunk {
    min-height: auto;
    padding: 100px 0px;
}

@media (max-width: 767px) {
    .splash-feature-item {
        min-height: 0px !important;
        height: auto;
        padding: 80px 0px 0px;
    }
    .splash-feature-item:last-of-type {
        height: auto;
        padding: 80px 0px 80px;
    }
}

.splash-feature-container {
    padding: 0px 15px;
    position: relative;
    width: 50%;
}

.splash-feature-container.right {
    margin-left: 50%;
}

.splash-feature-container.center {
    text-align: center;
    width: 80%;
    margin-left: 10%;
}

@media (max-width: 1280px) {
    .splash-feature-container {
        width: 40%;
    }

    .splash-feature-container.splash-slack-feature-container {
        width: 50%;
    }

    .splash-feature-container.right {
        width: 40%;
        margin-left: 60%;
    }

    .splash-feature-container.right.splash-slack-feature-container {
        width: 50%;
        margin-left: 50%;
    }

    .splash-feature-container.center {
        width: 80%;
        margin-left: 10%;
    }
}

@media (max-width: 767px) {
    .splash-feature-container {
        width: 100% !important;
    }

    .splash-feature-container.right {
        margin-left: auto !important;
    }

    .splash-feature-container.center {
        margin-left: auto !important;
    }
}

.splash-features .feature-item-header {
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 1.34;
}

@media (max-width: 767px) {
    .splash-features .feature-item-header {
        font-size: 32px;
    }
}

.splash-feature-item-content {
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 60px;
    font-weight: 300;
    color: rgb(126, 136, 144);
}

@media (max-width: 767px) {
    .splash-feature-item-content {
        font-size: 16px;
    }
}

.splash-feature-item-endorsement-group {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 300;
    color: rgb(126, 136, 144);
}

.splash-feature-item-endorsement-quote {
    font-style: italic;
    margin-bottom: 16px;
}

.splash-feature-item-endorser-group {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.splash-feature-item-endorser-img-container {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 12px;
}

.splash-feature-item-endorser-img {
    height: 40px;
    width: 40px;
    border-radius: 100px;
}

.splash-feature-item-endorser-label-container {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: normal;
}

.splash-feature-item-endorser-label {
    font-weight: 500;
    font-size: 14px;
}

.splash-feature-item-endorser-label-subtext {
    font-size: 14px;
}

.splash-features-img-container {
    position: absolute;
    top: -50px;
    right: -670px;
    max-width: 525px;
}

.splash-features-img-container.left {
    right: auto;
    left: -670px;
}

.splash-features-img-container.wide {
    position: absolute;
    top: -50px;
    right: -900px;
    max-width: 825px;
}

.splash-features-img-container.narrow {
    top: -30px;
    right: -100%;
    max-width: 410px;
    margin: 0px 15px;
}

.splash-features-img-container.wide.left {
    right: auto;
    left: -900px;
}

.splash-features-img-container.narrow.left {
    right: auto;
    left: -100%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .splash-features-img-container.narrow {
        max-width: 320px !important;
        margin-top: -10px !important;
    }
}

@media (max-width: 767px) {
    .splash-features-img-container {
        position: relative !important;
        margin: 60px auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }
    .splash-features-img-container.narrow {
        max-width: 410px !important;
        margin: 60px auto !important;
    }
}

.splash-features-img {
    width: 100%;
    box-shadow: 0px 1px 10px rgba(60, 60, 60, 0.4);
    border-radius: 6px;
    max-height: none;
}

.splash-slack-feature-container > .splash-features-img-container > .splash-features-img {
    box-shadow: none;
}

/* splash header */
.splash-header-container {
    background-color: #fff;
}

.splash-header-container.splash-integration-container {
    background-color: rgb(185, 142, 234);
    color: #fff;
}

.splash-header-spacer {
    height: 700px;
}

.splash-header-spacer-compact {
    height: 500px;
}

.splash-header-container .splash-header {
    padding: 0px 15px;
    text-align: center;
}

.splash-header-container .splash-integration-header {
    font-size: 64px;
    font-weight: 600;
}

.splash-header-container .splash-header-title {
    font-size: 64px;
    font-weight: 600;
    line-height: 1.2;
}

.splash-header-container .splash-header-subtitle {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
    margin-top: 12px;
}

.splash-header-container .splash-header-desc {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1400px) {
    .splash-header-spacer {
        height: 950px;
    }

    .splash-header-spacer-compact {
        height: 700px;
    }
}

@media (max-width: 767px) {
    .splash-header-spacer {
        height: 550px;
    }

    .splash-header-spacer-compact {
        height: 500px;
    }

    .splash-header-container .splash-header {
        text-align: left;
    }

    .splash-header-container .splash-integration-header {
        font-size: 42px;
        line-height: 1.2;
        margin-bottom: 32px;
    }

    .splash-header-container .splash-header-title {
        font-size: 42px;
    }

    .splash-header-container .splash-header-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.6;
    }

    .splash-header-container .splash-header-desc {
        font-size: 18px;
    }
}

.splash-signup-container {
    margin-top: 45px;
}

.splash-email-submit {
    background-color: #30c78a;
    border-color: #30c78a;
    width: 250px;
    font-size: 13px !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 20px 12px !important;
}

.splash-email-submit:hover {
    background-color: #2fcc8c;
    border-color: #2fcc8c;
}

.splash-submit-subtext {
    font-size: 12px;
    margin-top: 12px;
    opacity: 0.8;
}

/* splash container and header image sections */
.splash-section-container {
    max-width: 100%;
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 15px;
}

.splash-callout .splash-section-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* splash callout */
.splash-callout {
    padding: 120px 0;
    background-color: rgb(61, 61, 61);
    color: #fff;
}

.splash-callout-header {
    color: rgb(255, 255, 255);
    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

/* Footer  */
.splash-footer {
    background-color: rgb(61, 61, 61);
    color: #fff;
}

/* Splash Redux */
.splash-container {
    overflow-x: hidden;
}

.splash-outer-container {
    display: flex;
    justify-content: center;
}

.splash-integration-container {
    background-color: rgb(185, 142, 234);
    color: #fff;
    text-align: center;
}

.splash-inner-container {
    /* flex: 0 1 960px; */
    flex: 0 1 1120px;
    padding: 0px 24px;
}

.splash-home-header-container {
    display: flex;
    flex-wrap: wrap-reverse;
    padding: 160px 0px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1280px) {
    .splash-home-header-container {
        padding: 120px 0px;
    }
}

@media (max-width: 767px) {
    .splash-home-header-container {
        padding: 80px 0px;
    }
}

.splash-home-header-image-container {
    flex: 0 1 40%;
    margin-right: 92px;
}

@media (max-width: 767px) {
    .splash-home-header-image-container {
        flex: 0 1 auto;
        margin-right: 0px;
    }
}

.splash-home-header-image {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.splash-home-header-image-overlay {
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgb(247, 248, 250));
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

@media (max-width: 767px) {
    .splash-home-header-image-overlay {
        display: none;
    }
}

.splash-home-header-text-container {
    flex: 1 0 280px;
}

.splash-home-header-title {
    font-size: 52px;
    margin-bottom: 24px;
    line-height: 1.2;
    max-width: 460px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .splash-home-header-title {
        font-size: 48px;
    }
}

.splash-home-header-paragraph {
    font-size: 20px;
    margin-bottom: 36px;
    line-height: 1.6;
    color: rgb(81, 82, 83);
    max-width: 460px;
}

.splash-home-header-paragraph a:hover {
    text-decoration: underline;
}

.splash-home-header-action {
    margin-bottom: 48px;
}

.splash-home-header-integration-container {
    display: flex;
    margin-bottom: 24px;
}

.splash-home-header-integration-item {
    background-color: rgba(220, 220, 220, 0.4);
    flex: 0 0 auto;
    height: 36px;
    width: 36px;
    margin-right: 20px;
    padding: 8px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.splash-home-header-integration-img {
    height: 100%;
    width: 100%;
}

.bttn-splash {
    background-color: #30c78a;
    border-color: #30c78a;
    font-size: 16px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    padding: 16px 32px;
    border-radius: 2px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.bttn-splash:hover,
.bttn-splash:focus {
    background-color: #2fcc8c;
}

a.bttn-splash:hover,
a.bttn-splash:focus {
    color: #fff;
    text-decoration: none;
}

.splash-form-input {
    display: flex;
    width: 420px;
}

.text-input-splash {
    font-size: 16px;
    padding: 16px 24px;
    border-radius: 2px;
    font-weight: 600;
    background-color: #fff;
    color: rgb(51, 51, 51);
    border: 1px solid rgb(220, 220, 220);
    flex: 1 1 auto;
    display: block;
    min-width: 1px;
}

.text-input-splash-inline-form {
    border-radius: 2px 0px 0px 2px;
}

.text-input-splash:hover,
.text-input-splash:focus {
    /* border-color: initial; */
}

.text-input-splash.text-input-splash-modal {
    border: none;
    border-bottom: 1px solid rgb(220, 220, 220);
    padding: 12px 0px;
    width: 100%;
    margin-bottom: 12px;
}

.text-input-splash.alert {
    border-color: #f25a43;
}

.splash-callout .text-input-splash {
    background-color: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.splash-callout .text-input-splash::placeholder {
    color: rgb(180, 180, 180);
}

.bttn-splash-inline-form {
    border-radius: 0px 2px 2px 0px;
    box-shadow: none;
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .splash-form-input {
        width: 100%;
        flex-wrap: wrap;
    }
    .text-input-splash-inline-form {
        margin-bottom: 12px;
    }
    .bttn-splash-inline-form {
        flex: 1 1 auto;
    }
}

.splash-feature-header-container {
    display: flex;
    padding: 120px 0px;
    align-items: center;
    justify-content: center;
}

.splash-feature-header-text-container {
    flex: 1 0 400px;
}

.splash-feature-header-image-container {
    margin-right: -560px;
    flex: 0 1 auto;
    width: 1080px;
    order: 1;
    padding-left: 92px;
}

.splash-feature-header-image-container.left {
    order: 0;
    margin-right: 0px;
    margin-left: -560px;
    padding-left: 0px;
    padding-right: 92px;
}

@media (max-width: 767px) {
    .splash-feature-header-container {
        flex-wrap: wrap-reverse;
    }
    .splash-feature-header-text-container {
        flex: 1 1 100%;
    }
    .splash-feature-header-image-container,
    .splash-feature-header-image-container.left {
        order: 0;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
        flex: 1 1 auto;
        margin-top: 36px;
    }
}

.splash-integration-header-container {
    display: flex;
    padding: 200px 0px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .splash-integration-header-container {
        padding: 120px 0px;
    }
}

.splash-integration-header-text-container {
    flex: 1 1 auto;
}

.splash-integration-header-title {
    font-size: 64px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.2;
}

.splash-integration-header-paragraph {
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.4;
}

.splash-integration-header-action {
    margin-bottom: 0px;
}

.splash-section-container-redux {
    border-top: 1px solid rgb(240, 240, 240);
    padding: 160px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media (max-width: 767px) {
    .splash-section-container-redux {
        padding: 80px 0px;
    }
}

.splash-section-container-redux.start-left {
    flex-wrap: wrap-reverse;
}

.splash-section-image-container {
    flex: 0 1 50%;
    margin-left: 92px;
    text-align: center;
    position: relative;
}

.start-left .splash-section-image-container {
    margin-left: 0px;
    margin-right: 92px;
}

.splash-section-image-container.splash-section-image-overflow {
    min-height: 460px;
}

@media (max-width: 767px) {
    .splash-section-image-container {
        flex: 0 1 auto;
        margin: 0px !important;
    }
    .splash-section-image-container.splash-section-image-overflow {
        min-height: unset;
    }
}

.splash-section-image {
    width: auto;
    max-width: 100%;
    height: auto;
}

.splash-section-image-overflow .splash-section-image {
    right: -200px;
    top: -60px;
    width: 100%;
    max-width: unset !important;
    position: absolute;
}

.start-left .splash-section-image-overflow .splash-section-image {
    right: unset;
    left: 0px;
}

@media (max-width: 767px) {
    .splash-section-image-overflow .splash-section-image {
        right: unset;
        left: unset;
        top: unset;
        width: 100%;
        max-width: 100% !important;
        position: relative;
    }
}

.splash-section-text-container {
    flex: 1 0 280px;
    padding-top: 36px;
}

.splash-section-title-label {
    color: rgb(120, 120, 120);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
}

.splash-section-title {
    font-size: 40px;
    margin-bottom: 24px;
    line-height: 1.3;
    font-weight: 600;
}

.splash-section-paragraph {
    font-size: 20px;
    margin-bottom: 32px;
    line-height: 1.6;
    color: rgb(81, 82, 83);
}

.splash-section-link {
    font-size: 20px;
    margin-bottom: 48px;
    background-color: #2ca7ff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
}

.splash-section-link:hover,
.splash-section-link:focus {
    color: #fff;
    text-decoration: none;
}

.splash-section-feature-outer-container {
    min-height: 600px;
    margin: 160px 0px;
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .splash-section-feature-outer-container {
        margin: 80px 0px;
        flex-direction: column;
        min-height: unset;
    }
}

.splash-section-feature-text-outer-container {
    flex: 0 0 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.splash-section-feature-text-outer-container.right {
    order: 1;
    justify-content: flex-start;
}

@media (max-width: 767px) {
    .splash-section-feature-text-outer-container,
    .splash-section-feature-text-outer-container.right {
        order: 0;
        flex: 0 0 auto;
    }
}

.splash-section-feature-text-inner-container {
    flex: 0 1 400px;
    padding: 24px;
}

.splash-section-feature-graphic-outer-container {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    background-color: rgb(247, 248, 250);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 300px 0 0 300px;
    justify-content: flex-start;
    padding-left: 100px;
    margin-left: 100px;

    /* ALTERNATIVE VERSION */
    /* background-color: unset;
    box-shadow: unset;
    padding-left: 50px;
    margin-left: 50px; */
}

.splash-section-feature-graphic-outer-container.left {
    border-radius: 0 300px 300px 0;
    justify-content: flex-end;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 100px;
    margin-right: 100px;

    /* ALTERNATIVE VERSION */
    /* padding-right: 50px;
    margin-right: 50px; */
}

@media (max-width: 767px) {
    .splash-section-feature-graphic-outer-container,
    .splash-section-feature-graphic-outer-container.left {
        order: 1;
        flex: 0 0 auto;
        margin: 0px;
        padding: 0px;
        border-radius: 0px;
        justify-content: flex-start;
    }
}

.splash-section-feature-graphic-inner-container {
    flex: 0 0 auto;
    padding: 24px;

    /* ALTERNATIVE VERSION: */
    /* padding: 50px;
    background-color: rgb(247,248,250);
    border-radius: 40px;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,.1); */
}

.splash-section-feature-graphic {
    height: auto;
}

.splash-section-video-container {
    display: flex;
    flex-direction: column;
    padding: 24px;
    align-items: center;
}

.splash-section-video {
    width: 720px;
    max-width: 100%;
    height: 405px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

.splash-section-video-thumbnail {
    width: 720px;
    max-width: 100%;
    position: relative;
    cursor: pointer;
}

@media (max-width: 767px) {
    .splash-section-video {
        width: 300px;
        height: 169px;
    }

    .splash-section-video-thumbnail {
        width: 300px;
    }
}

.splash-kanban-header-container {
    padding: 0px 24px 24px;
    text-align: center;
}

.splash-kanban-date-nav-btn {
    font-size: 24px;
    margin-bottom: 8px;
    cursor: pointer;
}

.splash-kanban-container {
    position: relative;
    height: 780px;
    justify-content: center;
    overflow: hidden;
}

@media (max-width: 767px) {
    .splash-kanban-container {
        height: 480px;
    }
}

.splash-kanban-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: -webkit-linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0) 90%,
        rgb(247, 248, 250)
    );
    background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 90%, rgb(247, 248, 250));
    background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 90%, rgb(247, 248, 250));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 90%, rgb(247, 248, 250));
}

.splash-kanban-loading-text {
    background-color: rgb(240, 240, 240);
    color: transparent;
    border-radius: 10px;
    font-size: 10px;
    display: inline;
}

/* splash pricing */
.splash-pricing-outer-container {
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    background-color: #fff;
    padding-top: 160px;
    padding-bottom: 160px;
    border-top: 2px solid rgb(240, 240, 240);
}

.splash-pricing-container {
    flex: 0 1 1120px;
    display: flex;
    flex-direction: column;
    padding: 0px 24px;
}

.splash-pricing-header-subtext-container {
    display: flex;
    justify-content: center;
}

.splash-pricing-header-subtext-action-container {
    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.1);
    display: flex;
    border-radius: 10px;
    flex: 0 0 200px;
    position: relative;
}

.splash-pricing-header-subtext-action-container-tooltip {
    position: absolute;
    left: 100%;
    top: 4px;
    color: #a585fa;
    font-size: 14px;
    font-weight: 600;
    margin-left: 12px;
    font-style: italic;
    white-space: nowrap;
    margin-top: 3px;
}

.splash-pricing-header-subtext-action-container-tooltip.plan-2 {
    color: #30c78a;
}

.splash-pricing-header-subtext-action {
    flex: 0 0 50%;
    text-align: center;
    background-color: #fff;
    padding: 6px;
    font-size: 14px;
    color: rgb(180, 180, 180);
    font-weight: 600;
    display: block;
    cursor: pointer;
}

.splash-pricing-header-subtext-action.active {
    background-color: #a585fa;
    color: #fff;
}

.splash-pricing-header-subtext-action.active.plan-2 {
    background-color: #30c78a;
}

.splash-pricing-plan-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.splash-pricing-plan-item-container {
    -webkit-flex: 0 0 280px;
    flex: 0 0 280px;
    margin: 20px 16px;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    border-top: 3px solid;
    border-color: rgb(180, 180, 180);
}

.splash-pricing-plan-item-container.plan-1 {
    border-color: #a585fa;
}

.splash-pricing-plan-item-container.plan-2 {
    border-color: #30c78a;
}

.splash-pricing-plan-item-container.plan-3 {
    border-color: #f4c63e;
}

@media (max-width: 979px) {
    .splash-pricing-plan-item-container {
        margin: 20px !important;
    }
}

@media (max-width: 767px) {
    .splash-pricing-plan-item-container {
        margin: 24px 0px !important;
    }
}

.splash-pricing-plan-item-box {
    /* height: 280px; */
}

.splash-pricing-plan-item-label {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
}

.splash-pricing-plan-item-price {
    font-size: 36px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    line-height: 1;
}

.splash-pricing-plan-item-price > .splash-pricing-plan-item-price-symbol {
    font-size: 20px;
    font-weight: 600;
}

.splash-pricing-plan-item-price-subtext {
    font-size: 14px;
    color: rgb(120, 120, 120);
    max-width: 160px;
    margin: 20px auto 28px;
}

.splash-pricing-plan-item-label-subtext {
    font-size: 18px;
    margin-bottom: 48px;
    color: rgb(120, 120, 120);
}

.splash-pricing-plan-item-btn {
    background-color: rgb(180, 180, 180);
    font-size: 14px;
    font-weight: 600;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 76px;
    opacity: 0.95;
    border: 2px solid;
    color: #fff;
    outline: none;
}

.splash-pricing-plan-item-btn:hover {
    opacity: 1;
}

.plan-1 .splash-pricing-plan-item-btn {
    color: #a585fa;
    background-color: #fff;
    border: 2px solid #a585fa;
}

.plan-1 .splash-pricing-plan-item-btn.active {
    background-color: #a585fa;
}

.plan-2 .splash-pricing-plan-item-btn {
    color: #30c78a;
    background-color: #fff;
    border: 2px solid #30c78a;
}

.plan-2 .splash-pricing-plan-item-btn.active {
    background-color: #30c78a;
}

.plan-3 .splash-pricing-plan-item-btn {
    color: #f4c63e;
    background-color: #fff;
    border: 2px solid #f4c63e;
}

.plan-3 .splash-pricing-plan-item-btn.active {
    background-color: #f4c63e;
}

.splash-pricing-plan-item-btn.active {
    color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.splash-pricing-plan-item-btn.disabled {
    box-shadow: none;
}

.splash-pricing-plan-item-features-header {
    font-size: 14px;
    font-weight: 600;
    color: rgb(180, 180, 180);
    border-bottom: 2px solid;
    margin-bottom: 16px;
    padding-bottom: 4px;
}

.plan-1 .splash-pricing-plan-item-features-header {
    color: #a585fa;
}

.plan-2 .splash-pricing-plan-item-features-header {
    color: #30c78a;
}

.plan-3 .splash-pricing-plan-item-features-header {
    color: #f4c63e;
}

.splash-pricing-plan-item-feature {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    position: relative;
}

.splash-pricing-plan-item-feature-title {
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.splash-pricing-plan-item-feature-title-help {
    font-size: 12px;
    padding-left: 2px;
    color: #2ca7ff;
    font-weight: 600;
}

.splash-pricing-plan-item-feature-popout {
    position: absolute;
    width: 110%;
    left: -5%;
    top: 30px;
    border: 1px solid rgb(220, 220, 220);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    padding: 16px;
    font-size: 14px;
    border-radius: 2px;
    background-color: #fff;
    z-index: 1000;
    text-align: left;
}

.splash-pricing-plan-item-feature-popout::before {
    position: absolute;
    top: -6px;
    left: 46.5%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
    border-radius: 5px;
}

.splash-pricing-plan-item-feature-popout::after {
    position: absolute;
    top: -5px;
    left: 47%;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
    border-radius: 5px;
}

.splash-pricing-plan-footer-container {
    flex: 0 1 420px;
    max-width: 420px;
    cursor: pointer;
    margin: 20px;
    margin-top: 124px;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    border-bottom: 3px solid;
    border-color: #2ca7ff;
    font-size: 16px;
}

@media (max-width: 767px) {
    .splash-pricing-plan-footer-container {
        margin: 20px;
    }
}

.splash-pricing-plan-footer-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

.splash-pricing-customers-item {
    flex: 0 0 16%;
    padding: 24px;
    text-align: center;
}

.splash-pricing-customers-item.four-pack {
    flex: 0 0 20%;
}

@media (max-width: 767px) {
    .splash-pricing-customers-item {
        flex: 0 0 32%;
    }
    .splash-pricing-customers-item.four-pack {
        flex: 0 0 50%;
    }
}

.splash-pricing-customers-item-img {
    max-width: 160px !important;
    width: 100%;
    filter: grayscale(100%);
}

.splash-pricing-writeup-text-container {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    flex: 1 1 auto;
}

.splash-pricing-writeup-img-container {
    flex: 0 0 auto;
    width: 240px;
    margin-left: 100px;
    margin-top: 32px;
}

@media (max-width: 767px) {
    .splash-pricing-writeup-img-container {
        display: none;
    }
}

.splash-pricing-faq-item-container {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgb(240, 240, 240);
}

.splash-pricing-faq-item-title {
    cursor: pointer;
    font-size: 20px;
    margin-bottom: 0px;
}

.splash-pricing-faq-item-title:hover {
    color: #2ca7ff;
}

.splash-pricing-faq-item-text {
    font-size: 18px;
    margin-bottom: 32px;
    color: rgb(120, 120, 120);
}

.splash-request-access-modal-overlay-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1002;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: auto;
}

.splash-request-access-modal-container {
    flex: 0 0 auto;
    width: 480px;
    min-height: 272px;
    max-width: 90%;
    max-height: 90%;
    margin: 36px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 36px;
}

/* Nav bar */
.splash-navbar-spacer {
    height: 50px;
}

.splash-navbar {
    margin: 0px;
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    box-shadow: 0px 0px 3px rgb(240, 240, 240);
    background-color: #fff;
    border-bottom: 1px solid rgb(220, 220, 220);
    z-index: 10;
}

.splash-navbar-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
}

.splash-navbar-logo-container {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.splash-navbar-logo {
    height: 24px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .splash-navbar-logo {
        height: 20px;
    }
}

.splash-navbar-link-container {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: right;
}

.splash-navbar-link {
    color: rgb(142, 142, 142);
    font-size: 14px;
    font-weight: 600;
    padding: 15px;
    cursor: pointer;
}

.splash-navbar-link:hover,
.splash-navbar-link:focus {
    color: rgb(51, 51, 51);
    text-decoration: none;
}

.splash-navbar-link.primary {
    padding: 8px 12px;
    background-color: #30c78a;
    color: #fff;
    border-radius: 2px;
}

.splash-navbar-link.primary:hover,
.splash-navbar-link.primary:focus {
    color: #fff;
    background-color: #2fcc8c;
}

/* Splash Video */

.splash-feature-video-callout-container {
    position: relative;
    max-width: 1200px;
    margin: 0px auto;
    cursor: pointer;
}

.splash-feature-video-callout-img {
    width: 100%;
    max-width: 900px;
    height: auto;
    opacity: 0.8;
}

.splash-feature-video-callout-btn-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.splash-feature-video-callout-btn {
    background-color: #1194f6;
    color: #fff;
    display: inline-block;
    padding: 15px 36px;
    border-radius: 4px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.8);
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.splash-feature-video-callout-btn > i {
    padding-left: 8px;
}

.splash-video-overlay-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(43, 36, 42, 0.9);
    z-index: 1002;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 36px;
}

/* Video Overlay */
.splash-video-overlay-modal-container {
    height: 576px;
    width: 1023px;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid rgb(220, 220, 220);
    position: relative;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

@media (max-width: 1140px) {
    .splash-video-overlay-modal-container {
        height: 360px;
        width: 640px;
    }
}

@media (max-width: 767px) {
    .splash-video-overlay-modal-container {
        height: 169px;
        width: 300px;
    }
}

.splash-video-overlay-modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 28px;
    height: 48px;
    width: 48px;
    border-radius: 100px;
    background-color: rgba(51, 51, 51, 0.4);
    display: none;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 600;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.2);
    color: #fff;
}

.splash-video-overlay-modal-close:hover {
    background-color: #1194f6;
}

@media (max-width: 767px) {
    .splash-video-overlay-modal-close {
        display: -webkit-flex;
        display: flex;
        top: 12px;
        right: 12px;
        height: 32px;
        width: 32px;
        font-size: 24px;
    }
}

.help-guide-header-text {
    font-size: 48px;
    font-weight: 600;
}

.help-guide-header-path {
    color: rgb(120, 120, 120);
}

.help-guide-header-path > a {
    color: #1194f6;
    padding: 0px 4px;
    cursor: pointer;
}

.help-guide-header-path > a:first-of-type {
    padding-left: 0px;
}

.help-guide-header-path > a:hover {
    color: #1194f6;
    text-decoration: underline;
}

.help-guide-subheader-text {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}

.help-guide-header-intro {
    font-style: italic;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 24px;
    margin-bottom: 24px;
}

.help-body-section-container {
    padding-top: 24px;
    padding-bottom: 64px;
}

.help-body-section-header {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid rgb(240, 240, 240);
    padding-bottom: 4px;
}

.help-body-section-text {
    font-size: 16px;
    line-height: 1.8;
}

.help-body-section-text-spacer {
    margin-bottom: 20px;
}

.help-body-section-group {
    margin-bottom: 24px;
}

.help-body-section-quote {
    font-size: 20px;
    line-height: 1.8;
    color: rgb(151, 151, 151);
    font-style: italic;
    margin: 32px 0px 32px 48px;
}

.help-body-ol {
    font-size: 16px;
    counter-reset: list;
    list-style-type: none;
    padding-left: 12px;
}

.help-body-ol > li {
    text-indent: -40px;
    margin-left: 40px;
    counter-increment: list;
    margin-bottom: 12px;
}

.help-body-ol > li::before {
    background-color: #30c78a;
    width: 24px;
    text-indent: 8px;
    padding-left: 0px;
    height: 24px;
    line-height: 23px;
    border-radius: 100px;
    background-clip: padding-box;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    content: counter(list);
    margin-right: 12px;
    font-size: 14px;
}

.help-body-ol.alpha > li::before {
    content: counter(list, lower-alpha);
}

.help-body-ol > li > i {
    text-indent: 0px;
}

.help-body-icon {
    padding: 0px 4px;
}

.help-body-screenshot {
    border-radius: 4px;
    box-shadow: 0px 1px 6px rgb(200, 200, 200);
    margin-top: 0px;
    margin-bottom: 36px;
    max-width: 100%;
}

.help-body-screenshot-xs {
    width: 220px;
}

.help-body-screenshot-sm {
    width: 400px;
}

.help-body-screenshot-md {
    width: 440px;
}

.help-body-screenshot-lg {
    width: 700px;
}

.help-body-screenshot-xl {
    width: 870px;
}

.help-body-ol > .help-body-screenshot {
    margin-left: 36px;
    margin-top: 12px;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .help-body-ol > .help-body-screenshot {
        margin-left: 0px;
    }
}

.help-body-grid-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.help-body-grid-item-container {
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    margin-bottom: 24px;
    margin-top: 12px;
    padding-right: 12px;
    line-height: 1.5;
}

.splash-footer .help-body-grid-item-container {
    -webkit-flex: 0 1 25%;
    flex: 0 1 25%;
}

.help-body-grid-item-container:nth-of-type(3n) {
    padding-right: 0px;
}

@media (max-width: 767px) {
    .help-body-grid-item-container,
    .splash-footer .help-body-grid-item-container {
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        padding-right: 0px;
    }
}

.help-body-grid-item-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 4px;
}

.help-body-grid-item-text {
    font-size: 14px;
}

.help-body-grid-item-label {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 8px;
}

.help-body-grid-item-link {
    color: rgb(51, 51, 51);
    text-decoration: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 8px;
}

.help-body-grid-item-link > i {
    color: rgb(120, 120, 120);
    font-size: 14px;
    padding-right: 5px;
}

.help-body-grid-item-link:hover {
    color: #2ca7ff;
    text-decoration: none;
}

.splash-help-body-grid-item-link {
    color: rgb(255, 255, 255);
    text-decoration: none;
    display: block;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 8px;
}

.splash-help-body-grid-item-link:hover,
.splash-help-body-grid-item-link:focus {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

.help-body-section-text-lg {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 32px;
}

.help-body-tip-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 12px 24px;
    background-color: #effff8;
    border: 1px solid #30c78a;
    border-radius: 4px;
    margin-bottom: 16px;
    margin-top: 16px;
}

.help-body-tip-container:first-of-type {
    margin-top: 32px;
}

.help-body-tip-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 24px;
    margin-right: 24px;
    color: #30c78a;
}

.help-body-tip-text {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 1.45;
}

.help-body-video-container {
    height: 499px;
    width: 886px;
    position: relative;
    margin: 0px auto;
    box-shadow: 0px 2px 10px rgba(51, 51, 51, 0.5);
}

@media (max-width: 1072px) {
    .help-body-video-container {
        height: 360px;
        width: 640px;
    }
}

@media (max-width: 767px) {
    .help-body-video-container {
        height: 169px;
        width: 300px;
    }
}

.help-body-video {
    border: none;
}

.help-body-video-label {
    color: rgb(120, 120, 120);
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
}

.help-body-interview-label {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    padding-top: 8px;
}

.help-body-callout-panel-container {
    padding-top: 36px;
}

.help-body-callout-panel-label {
    text-align: center;
    border-bottom: none;
    font-size: 14px;
    color: rgb(120, 120, 120);
}

.help-body-callout-panel {
    padding: 48px 32px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    margin: 24px auto;
    border: 1px solid rgba(220, 220, 220, 1);
    border-radius: 6px;
    background-color: #fff;
}

.help-body-section-nav-container {
    -webkit-flex: 0 0 220px;
    flex: 0 0 220px;
}

.help-body-section-nav-inner-container {
    margin-top: 24px;
}

.help-body-section-nav-inner-container.fixed {
    position: fixed;
    top: 100px;
}

@media (max-width: 767px) {
    .help-body-section-content-container {
        margin-right: 0px;
    }

    .help-body-section-nav-container {
        display: none;
    }
}

.help-body-section-nav-label {
    font-size: 13px;
    font-weight: 600;
    color: rgb(120, 120, 120);
    margin-left: 12px;
    border-bottom: 2px solid rgb(240, 240, 240);
    margin-bottom: 6px;
    padding-bottom: 4px;
}

.help-body-section-nav-item {
    width: 220px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    border-radius: 2px;
    margin-bottom: 8px;
}

.help-body-section-nav-item.active {
    /*color: #fff;*/
    /*background-color: #1194F6;*/
    /*font-weight: 600;*/
}

.help-body-section-nav-item:hover {
    color: #fff;
    background-color: #1194f6;
    /*background-color: rgba(17, 148, 246, 0.6);*/
    font-weight: 600;
}

.help-directory-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 1px;
    overflow-y: auto;
}

.help-center-container {
    max-width: 920px;
    margin: 0px auto;
}

.help-header-section-outer-container {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.help-header-section-inner-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 360px;
    padding: 0px 16px;
}

.help-header-section-background {
    background-size: cover;
    background-position: center;
    min-height: 600px;
    margin-bottom: 36px;
}

@media (max-width: 1400px) {
    .help-header-section-background {
        min-height: 400px;
    }
}

.help-body-section-outer-container {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.help-body-section-inner-container {
    padding: 0px 16px;
    display: -webkit-flex;
    display: flex;
}

.help-body-section-content-container {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 720px;
    position: relative;
    margin-right: 64px;
}

.help-home-header-text {
    font-size: 48px;
    font-weight: 600;
    text-align: center;
}

.help-home-header-subtext {
    font-size: 18px;
    font-weight: 300;
}

.help-home-item-group {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: -80px;
    margin-bottom: 40px;
}

.help-home-item-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    max-width: 48%;
    width: 420px;
    padding: 36px;
    margin: 8px;
    cursor: pointer;
}

.help-home-item-container:hover {
    box-shadow: 0px 2px 10px rgb(200, 200, 200);
}

@media (max-width: 767px) {
    .help-home-item-group {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .help-home-item-container {
        max-width: none;
        width: auto;
    }

    .help-home-item-divider {
        border-left: none;
        border-bottom: 2px solid rgba(240, 240, 240, 0.4);
    }
}

.help-home-item-img {
    width: 240px;
    max-width: 80%;
    margin-bottom: 48px;
}

.help-home-item-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 8px;
}

.help-home-item-subtext {
    font-size: 16px;
    font-weight: 500;
    max-width: 220px;
}

.help-top-nav-spacer {
    -webkit-flex: 0 0 50px;
    flex: 0 0 50px;
}

.help-top-nav-outer-container {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    border-bottom: 1px solid rgb(220, 220, 220);
    box-shadow: 0px 1px 3px rgb(220, 220, 220);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 1;
}

.help-top-nav-inner-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    padding: 0px 16px;
}

.help-top-nav-left-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.help-top-nav-right-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.help-top-nav-logo {
    height: 24px;
    cursor: pointer;
    padding-right: 24px;
    border-right: 2px solid rgb(220, 220, 220);
}

.help-top-nav-link {
    font-size: 14px;
    color: rgb(71, 78, 83);
    margin: 0px 24px;
    font-weight: 600;
}

.help-top-nav-link:hover,
.help-top-nav-link:focus {
    text-decoration: underline;
    color: rgb(51, 51, 51);
}

@media (max-width: 767px) {
    .help-top-nav-logo {
        border-right: none;
    }

    .help-top-nav-link {
        display: none;
    }
}

.help-top-nav-btn {
    padding: 4px 12px;
    background-color: #30c78a;
    color: #fff;
    border-radius: 2px;
    font-weight: 600;
}

.base-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow-x: auto;
    overflow-y: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    word-break: break-word;
}

.fullscreen-container {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #efefef;
    height: 100%;
    width: 100%;
}

.fullscreen-maximized {
    height: 100%;
    width: 100%;
    display: flex;
}

.group-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    min-height: 1px;
}

.group-overlay-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(43, 36, 62, 0.3);
    z-index: 1002;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: auto;
}

.group-overlay {
    flex: 1 0 auto;
    width: 620px;
    margin: 36px;
    max-width: 100%;
    border: 1px solid rgb(220, 220, 220);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .group-overlay {
        margin: 0px;
        border: 0px;
    }
}

.group-overlay > .event-details-container {
    overflow: unset;
    position: static;
}

.group-filter-container {
    width: 240px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 240px;
    flex: 0 0 240px;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
    margin-left: 0px;
    -webkit-transition: margin-left 0.2s ease-out;
    -moz-transition: margin-left 0.2s ease-out;
    transition: margin-left 0.2s ease-out;
    overflow-y: auto;
    border-right: 1px solid rgb(220, 220, 220);
    box-shadow: inset -5px 0px 15px rgba(0, 0, 0, 0.05);
    background-color: rgb(247, 248, 250);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 767px) {
    .group-filter-container {
        margin-left: -240px;
    }
}

.group-main-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 0;
    min-width: 1px;
}

.group-disabled-container {
    background-color: rgb(251, 151, 51);
    color: #fff;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    text-align: center;
    padding: 50px 15px;
}

.group-filter-container-collapsed {
    margin-left: -240px;
    -webkit-transition: margin-left 0.2s ease-in;
    -moz-transition: margin-left 0.2s ease-in;
    transition: margin-left 0.2s ease-in;
}

.loading-sun {
    height: 128px;
    width: 128px;
    border-radius: 100px;
    background-image: linear-gradient(135deg, #f59448, #ef6250);
    opacity: 0.9;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(50% - 64px);
    left: calc(50% - 64px);
    margin-top: -48px;
    z-index: 1;
}

.loading-sun-animation-enter,
.loading-sun-animation-appear {
    opacity: 0.2;
    margin-top: 120px;
}

.loading-sun-animation-enter-active,
.loading-sun-animation-appear-active {
    opacity: 0.9;
    transition: opacity 300ms 1000ms, margin-top 1s 300ms;
    margin-top: -48px;
}

.loading-shadow {
    height: 100%;
    width: 100%;
    background-color: rgb(247, 248, 250);
    position: absolute;
    z-index: 1000;
    height: 128px;
    width: 128px;
    left: calc(50% - 64px);
    top: calc(50% - 112px);
    border-radius: 100%;
    z-index: 0;
    transform: scale(20);
    opacity: 1;
}

.loading-shadow-animation-animation-enter,
.loading-shadow-animation-appear {
    transform: scale(1);
    opacity: 0;
}

.loading-shadow-animation-enter-active,
.loading-shadow-animation-appear-active {
    transition: transform 1s 1300ms ease-out, opacity 0s 1300ms;
    transform: scale(20);
    opacity: 1;
}

.loading-horizon {
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: calc(50% + 48px);
    z-index: 2;
    opacity: 0;
}

.loading-horizon-animation-enter,
.loading-horizon-animation-appear {
    opacity: 1;
}

.loading-horizon-animation-enter-active,
.loading-horizon-animation-appear-active {
    opacity: 0;
    transition: opacity 0s 1300ms;
}

.waitlist-base-container {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    word-break: break-word;
}

.waitlist-outer-container {
    flex: 1 1 100%;
    display: flex;
    overflow-y: auto;
    justify-content: center;
}

.waitlist-content-container {
    display: flex;
    flex-direction: column;
    flex: 0 0 380px;
    max-width: 100%;
    padding: 24px 24px;
}

.waitlist-title-container {
    font-size: 36px;
    font-weight: 600;
    padding-top: 200px;
    flex: 0 0 auto;
}

.waitlist-subtitle-container {
    font-size: 24px;
    font-weight: 400;
    padding-top: 36px;
    flex: 0 0 auto;
}

.waitlist-subtitle-list-item {
    margin-bottom: 12px;
    display: flex;
}

.waitlist-subtitle-list-item-bullet {
    flex: 0 0 auto;
    margin-right: 12px;
}

.waitlist-subtitle-list-item-bullet > i {
    font-size: 18px;
}

.waitlist-subtitle-list-item-text {
    flex: 1 1 auto;
}

.waitlist-subtitle-list-item-subtext {
    font-size: 16px;
}

.waitlist-handler-pic {
    border-radius: 100px;
    height: 32px;
    width: 32px;
}

.waitlist-paragraph {
    margin-bottom: 24px;
}

.waitlist-action-container {
    flex: 0 0 auto;
    padding-top: 36px;
}

.waitlist-btn-row-container {
    display: flex;
}

.waitlist-btn-row-container .waitlist-btn {
    width: unset;
    flex: 1 1 auto;
    margin-left: 12px;
}

.waitlist-btn-row-container .waitlist-btn:first-of-type {
    margin-left: 0px;
}

@media (max-width: 767px) {
    .waitlist-btn-row-container.wrap {
        flex-direction: column;
    }
    .waitlist-btn-row-container.wrap .waitlist-btn {
        margin-bottom: 12px;
        margin-left: 0px;
    }
}

.waitlist-btn-container {
    display: -webkit-flex;
    display: flex;
}

.waitlist-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}

.waitlist-btn:hover,
.waitlist-btn:focus {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.waitlist-btn-primary {
    background-color: rgb(48, 199, 138);
    color: #fff;
}

.waitlist-btn-secondary {
    background-color: rgb(210, 210, 210);
    color: #fff;
}

.waitlist-btn-secondary:hover,
.waitlist-btn-secondary:focus {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.waitlist-btn-white {
    background-color: #fff;
    color: rgb(51, 51, 51);
    border: 1px solid rgb(220, 220, 220);
}

.waitlist-btn-white:hover,
.waitlist-btn-white:focus {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.waitlist-btn-list {
    text-align: left;
    margin-bottom: 12px;
    justify-content: left;
}

.waitlist-btn-logo {
    height: 26px;
    width: 26px;
    margin-right: 8px;
    border-radius: 4px;
    background-color: #fff;
}

.waitlist-btn > i {
    padding-left: 8px;
}