html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 300px;
}
*,
:before,
:after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}
* {
    margin: 0;
    padding: 0;
}
:focus:not(:focus-visible) {
    outline: none;
}

body,
input,
select,
textarea,
button {    
    font-size: 1rem;
    font-display: swap;
}
p img {
    width: auto;
    height: auto;
    max-width: 100%;
}
body {
    /* background: var(--color-bg-primary); */
    padding: 0;
    margin: 0;
    /* color: var(--color-text-primary); */
}
.bg-light {
    background: var(--color-bg-white);
}
h4 {
    font-size: 14px;
    color: var(--color-text-primary);
    font-weight: bold;
}

h1,
h2,
h3,
h4 {
    margin: 1em 0;
    text-rendering: optimizelegibility;
}
h1 {
    font-size: 25px;
    color: var(--color-text-primary);
    font-weight: normal;
}
h2 {
    font-size: 18px;
    color: var(--color-text-primary);
    font-weight: bold;
}
h3 {
    font-size: 15px;
    color: var(--color-text-primary);
    font-weight: bold;
}
h4 {
    color: var(--color-text-primary);
    font-weight: bold;
}
h5 {
    color: var(--color-text-primary);
}
p {
    line-height: 1.6em;
    margin: 1em 0;
}
p.intro {
    font-size: 17px;
    font-style: italic;
}
hr,
.hr {
    height: 1px;
    color: var(--color-border);
    background-color: var(--color-border);
    border-width: 0;
    margin: 0 0 3px;
}
caption {
    display: none;
}
table th {
    text-align: left;
    color: var(--color-text-light);
    padding: 0.5em;
}
table td {
    padding: 0.5em 1em 0.5em 0.25em;
}

.light { opacity: 0.5; }

.hr {
    margin: 2em 0;
}
.title:not(:last-child),
.subtitle:not(:last-child) {
    margin-bottom: 1.5rem;
}
.subtitle {
    font-size: 1.25rem;
    font-weight: 400;
}
.title:not(.is-spaced) + .subtitle {
    margin-top: -1.5rem;
}
.is-size-1 {
    font-size: 40px;
}
.is-size-2 {
    font-size: 21px;
}
.bordered {
    border: 1px solid var(--color-border);
}
@media (max-width: 677px) {
    .bordered {
        max-width: 100vw;
        height: auto !important;
    }
}
.blank-bg {
    background-color: var(--color-bg-white);
}
.grid {
    display: -ms-grid;
    display: grid;
    /* Removed conflicting grid-template-columns to allow Tailwind classes to work */
}
.grid-thirds {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33% 33% 33%;
    grid-template-columns: repeat(3, 33%);
}
.fw-normal {
    font-weight: normal;
}
.mb0 {
    margin-bottom: 0;
}
.mb60 {
    margin-bottom: 60px;
}
.mt0 {
    margin-top: 0;
}
.mt20 {
    margin-top: 20px;
}
.center {
    text-align: center;
}
.case-study {
    float: right;
    margin: 0 0 0 20px;
}
.hand {
    cursor: pointer!important;
}
.first {
    margin-left: 0;
}
.last {
    margin-right: 0;
}
.unicorn {
    display: none;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.input-monospace {
    font-family: var(--font-family-brand);
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
}
.alignCenter {
    text-align: center;
}
.card > :first-child {
    margin-top: 0;
}
.card > :last-child {
    margin-bottom: 0;
}
.card {
    background-color: var(--color-bg-white);
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 3px rgba(17,17,17,0.1),0 0 0 1px rgba(17,17,17,0.1);
            box-shadow: 0 2px 3px rgba(17,17,17,0.1),0 0 0 1px rgba(17,17,17,0.1);
    display: block;
    padding: 20px;
    border: 1px solid var(--color-border);
    border-radius: 3px;
}
.controls {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.cre-bennies-mod-mb {
    margin-bottom: 0;
}
.cre-bennies-mod {
    margin-top: 0;
    font-size: 18px;
}
.cre-chunk {
    margin-bottom: 50px;
}
.cre-crunch-mod h3 {
    font-weight: normal;
    font-size: 23px;
}
.cre-crunch-mod {
    margin-top: 35px;
    margin-bottom: 0;
}
.cre-cta-mod-abw {
    padding-top: 50px;
}
.cre-cta-mod-bi {
    padding-top: 20px;
}
.cre-video-mod {
    padding-top: 0;
    border-right: 0;
    padding-right: 0;
}
.crunch h3 {
    margin-bottom: 0.125em;
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}
.crunch p {
    margin-top: 0;
}
.crunch-logos .trusted .trustee img {
    max-width: 100px;
}
.crunch-logos-head h3 {
    color: inherit;
}
.crunch-logos-head {
    text-align: center;
    margin: 20px 0 40px;
}
.crunch-logos > div:first-child {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    border-right: 1px solid #BBBBBB;
    background-color: transparent;
    padding-top: 30px;
    padding-right: 20px;
}
.crunch-logos > div:last-child {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    padding-left: 23px;
}
.crunch-params input[type=text] {
    padding: 0.375em 0.5em!important;
}
.crunch-params label {
    display: inline-block;
    width: 139px;
}
.crunch-params > div:nth-child(2) {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.crunch-params > div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}
.crunch > div:first-child {
    -ms-flex-preferred-size: 81px;
    flex-basis: 81px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.crunch > div:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.crunch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.demos-links-30d div {
    margin-bottom: 11px;
}
.ext-ratings img {
    margin: 1em;
}
.ext-ratings > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ext-ratings {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    margin: 18px 0;
}
.feature-columns .feature-items li {
    margin-left: 20px;
}
.feature-columns .feature-items {
       -moz-column-count: 3;
    -webkit-column-count: 3;
            column-count: 3;
       -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
            column-gap: 20px;
    font-size: 16px;
    line-height: 15em;
}
.feature-columns :first-child {
    margin-top: 0;
    padding-top: 0;
}
.g-bennies.index-bennies h3:first-child {
    text-align: center;
    margin-top: 0;
}
.g-bennies.index-bennies ul {
    margin-bottom: 0;
    margin-left: 0;
}
.g-bennies.index-bennies.first-bennies {
    margin-bottom: 20px;
}
.g-bennies.index-bennies {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.celebrating {
    background-color: #2F2F2F;
}
.celebrating-wrap {
    position: relative;
}
.celebrating .container {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 1em 1.8em;
    border-bottom: 1px solid #4A4A4A;
    font-size: 16px;
    color: #FFFFFF;
}
@media (max-width:1000px) {
    .celebrating .container {
        display: block;
    }
}
.celebrating-heading {
    font-size: 21px;
    font-weight: 500;
}
.celebrating-msg {
    margin-right: auto;
    line-height: 1.9em;
    padding-right: 25px;
}
.celebrating-more:hover {
    text-decoration: underline;
}
.celebrating-more {
    color: #2FBBBB!important;
}
.celebrating-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin-top: 20px;
}
.celebrating-btn {
    display: block;
    padding: 0.4em 0.8em;
    font-size: 0.9em;
    border-width: 2px;
    text-align: center;
    white-space: nowrap;
}
.celebrating-btn:not(:last-child) {
    margin-right: 10px;
}
.celebrating-start:hover {
    background-color: #B85335;
    text-decoration: none;
}
.celebrating-start {
    background-color: #D87355;
    border-radius: 3px;
    color: #FFFFFF!important;
    min-width: 140px;
    cursor: pointer;
}
.celebrating-tour:hover {
    background-color: #5E8C2E;
    text-decoration: none;
}
.celebrating-tour {
    background-color: #669933;
    border-radius: 3px;
    color: #FFFFFF!important;
    min-width: 140px;
    cursor: pointer;
}
.celebrating-right {
    margin-top: 10px;
}
.celebrating-close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 32px;
}
.celebrating-close a {
    color: #FFFFFF!important;
}
.celebrating-close a:hover {
    text-decoration: none;
    cursor: pointer;
}
.halfs > div > a > img {
    padding: 3px;
    border: 1px solid #CCCCCC;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.halfs > div > p {
    font-size: 17px;
}
.halfs > div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.heading {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: normal;
    margin: 0 0 40px;
    text-shadow: 3px 2px 8px #000000;
}
.index-or {
    font-size: 28px;
}
.index-sub-ctas a {
    color: #FFFFFF;
    display: block;
    line-height: 24px;
}
.index-sub-ctas {
    display: inline-block;
    float: none;
    font-size: 16px;
    height: 47px;
    margin-left: 12px;
    text-align: left;
}
.sug-error {
    background: #990000;
    color: #FFFFFF;
}
.sug-label {
    font-size: 10px;
    display: inline-block;
    padding: 2px 3px;
    border-radius: 4px;
    border: 0;
}
.sug-success {
    background: green;
    color: #FFFFFF;
}
.tour-img-p10 {
    padding: 10px;
}
.tour-wide-img {
    width: 100%;
    max-width: 90%;
    height: auto;
    -webkit-box-shadow: 0 8px 24px rgba(149,157,165,0.2);
            box-shadow: 0 8px 24px rgba(149,157,165,0.2);
}

img[srcset] {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering:   -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering:         optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}
ul,
ol {
    /* nothing */
}
ul {
    list-style-type: square;
}
ol {
    margin-left: 20px;
}
ul li,
ol li {
    margin-bottom: 5px;
}
.ml40 {
    margin-left: 40px;
}
.mr5 {
    margin-right: 5px!important;
}
.mr10 {
    margin-right: 10px!important;
}
.mr20 {
    margin-right: 20px!important;
}
.mb5 {
    margin-bottom: 5px!important;
}
.mr40 {
    margin-right: 40px;
}
.mt40 {
    margin-top: 40px;
}
.mb40 {
    margin-bottom: 40px;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.flex-fourth {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.flex-half {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.flex > .flex-half:not(:last-of-type) {
    padding-right: 20px;
}
.flex-third {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.flex-button-cell {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 0.75em;
}
.flex-shrink {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important;
}
.flex-noshrink {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important;
}
.flex-grow {
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
}
.flex-nogrow {
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important;
}
.flex-col {
    /* display: block; */
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    /* padding: 0.75rem 0; */
    /* Add flex-direction for Tailwind compatibility */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-no {
    -webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
}
.flex-valign-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-align-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.flex-align-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.flex-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex-row-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.flex-column-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
}

#all {
    background: #FFFFFF;
}
.wide-column {
    padding: 31px 20px 0;
    width: 100%;
}
header .content,
#content,
.subnavigation .wrapper {
    width: 1150px;
    margin: 0 auto;
}
#content,
.subnavigation .wrapper,
#footer .wrapper,
.outer-content,
.container {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
#content {
    padding-bottom: 40px;
}
#content ul,
#content ol {
    line-height: 1.6em;
}
.content-block-pic {
    text-align: center;
}
.content-block-text-wide {
    padding-left: 20px;
}
.content-block-text > :first-child,
.content-block-wide-col > :first-child {
    margin-top: 0!important;
    padding-top: 0!important;
}
.content-block-text > :last-child,
.content-block-wide-col > :last-child {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}
.content-block-text {
    padding-top: 31px;
}
.content-block:not(:first-child) {
    padding-top: 3em;
    border-top: 1px solid #DDDDDD;
}
.content-block {
    margin-top: 5em;
}
.features-more-info h7 {
    font-size: 21px;
}
.features-more-info ul {
    list-style-type: "→"
}
.features-more-info ul li {
    text-indent: .5em;
}
#all {
    background: #FFFFFF;
}
#page {
    width: 1150px;
    margin: 0 auto 2em;
}
#content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 40px;
}
#left {
    float: left;
    margin: 0 -370px 0 0;
}
#left .boundsright {
    margin-right: 370px;
}
#left .boundswidth {
    width: 600px;
}
#left .bounds {
    padding: 20px 20px 0;
}
#right {
    float: right;
    width: 370px;
}
#right .bounds {
    padding: 20px 20px 0;
    text-align: left;
}
.wide {
    clear: both;
    margin: 31px 20px 0;
}
.wide-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 31px 20px 0;
}
.wide-column > h1 {
    margin: 0;
}
.left-column {
    width: 65%;
    padding: 7px 20px 20px;
}
.right-column {
    width: 35%;
    padding: 20px;
}
.unpadded-column {
    padding: 0!important;
}

header {
    width: 100%;
    padding: 0;
    border-bottom: 3px solid transparent;
}
header .container {
    position: relative;
    padding-left: 20px;
}
header .compact-toggle {
    display: none;
    margin-top: 25px;
}
header .compact-toggle div {
    color: #FFFFFF;
    padding: 0.3em 0.5em;
    border-radius: 3px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
header .compact-toggle div:hover {
    border-radius: 3px;
    text-decoration: none;
}
header .compact-toggle div.open {
    background-color: silver;
}
.header-navless {
    border-bottom-color: #5A5A5A;
}
.subnavigation {
    background: #5A5A5A;
}
.subnavigation .wrapper {
    padding-left: 20px;
}
.subnavigation ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}
.subnavigation ul li {
    margin: 0;
    padding: 0;
}
.subnavigation a {
    display: block;
    line-height: 44px;
    padding: 0 10px;
    -webkit-transition: color 0.2s,background-color 0.2s;
            transition: color 0.2s,background-color 0.2s;
    white-space: nowrap;
}
.subnavigation li:last-child {
    padding-right: 0;
}
.subnavigation a:hover {
    color: #39C4C8;
    text-decoration: none;
}
.subnavigation ul li:first-child:before {
    background: 0 0;
}
.subnavigation ul li a {
    color: #FFFFFF;
    font-size: 14px;
}
.subnavigation ul li.TabOn a {
    background-color: var(--color-primary);
    color: var(--color-text-light);
}
.subnavigation.third {
    background: #AAAAAA;
}
.subnavigation.third ul li.TabOn a {
    background-color: #888888!important;
}
.subnavigation.third a:hover {
    color: #E8ECEF;
}
nav .nav-items,
nav .nav-item {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0;
    position: relative;
}
nav .nav-item-link {
    text-decoration: none;
    display: block;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: color 0.2s;
            transition: color 0.2s;
}
nav .nav-item-link:hover {
    text-decoration: none;
    color: #000000;
}
nav .nav-main .nav-item-link {
    color: var(--color-text-secondary);
    font-size: 16px;
}
nav .nav-item:hover .nav-item-link,
nav .nav-main .nav-item-link:hover {
    color: #000000;
}
nav .nav-utility {
    position: absolute;
    right: 6px;
    top: -25px;
}
nav .nav-utility .nav-item-link {
    padding: 9px 5px;
    font-size: 0.9rem;
    color: #7D7D7D;
    cursor: pointer;
}
nav .nav-utility .nav-item-link:hover {
    color: #000000;
}
nav .nav-utility .nav-item-link.selected {
    color: #000000;
    border-bottom: 3px solid var(--color-primary);
}
nav .nav-main {
    margin: 18px 0 0;
}
nav .nav-main .nav-item-link {
    padding: 12px 10px;
    font-weight: 500;
}
nav .nav-item-content a {
    width: 100%;
    display: block;
}
nav .nav-item-content .nav-items {
    margin: 0;
}
nav .nav-item-content .nav-item {
    margin: 0;
    padding: 0.6em 1em;
    min-width: 168px;
    display: block;
}
nav .nav-start {
    margin-left: 10px;
    display: none;
}
nav .nav-start .nav-item-link {
    cursor: pointer;
    background: #669933;
    padding: 0.4em 1em;
    display: inline-block;
    margin-bottom: 0.3em;
    color: #FFFFFF;
    font-size: 13px;
    border: 0;
    border-radius: 3px;
}
nav .nav-start .nav-item-link:hover {
    background: #5E8C2E;
    color: #FFFFFF;
    text-decoration: none;
}


@media (max-width:1024px) {
    #header .container {
        padding-right: 20px;
    }

    nav .nav-utility {
        right: 26px;
    }
}

@media (max-width:720px) {
    header .compact-toggle {
        float: right;
        display: block;
    }

    header nav {
        float: none;
    }

    #header .container {
        padding-right: 0;
        padding-left: 0;
    }

    .header-logo {
        margin-left: 20px;
    }

    .compact-toggle {
        margin-right: 20px;
    }

    nav .nav-utility {
        display: none;
    }

    nav .nav-main {
        display: none;
    }

    nav.open .nav-main,
    nav.open .nav-utility,
    nav.open .nav-items .nav-home,
    nav.open .nav-items .nav-blog,
    nav.open .nav-items .nav-help {
        display: block;
    }

    nav.open {
        background: #FFFFFF;
        float: none;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 999;
        display: table;
        border-bottom: 3px solid #666666;
    }

    nav.open .nav-items {
        position: static;
        margin: 0;
    }

    nav.open .nav-item {
        display: block;
        position: relative;
    }

    nav.open .nav-item {
        border-top: 1px solid #CCCCCC;
        margin-bottom: 0;
    }

    nav.open .nav-item.nav-home {
        border-top: 0;
    }

    nav.open .nav-utility {
        display: table-footer-group;
    }

    nav.open .nav-item-content {
        display: none;
    }

    nav.open .nav-item-content .nav-items {
        width: 100%;
    }

    nav.open .nav-item-content .nav-item {
        padding: 8px 5px 8px 15px;
    }

    nav.open .nav-item-content .nav-item a {
        display: block;
        font-size: 13.5px;
    }

    nav.open .nav-item.nav-item-open .nav-item-content {
        display: block;
    }

    nav.open .nav-content-bridge {
        display: block;
        position: absolute;
        right: 21px;
        top: 0;
        color: gray;
        width: 60px;
        height: 44px;
    }

    nav.open .nav-content-bridge:before {
        content: '\e80c';
        display: table-cell;
        width: 60px;
        height: 40px;
        font-family: fontello;
        font-size: 22px;
        line-height: 45px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
    }

    nav.open .nav-content-bridge.open:before {
        content: '\e80d';
    }

    nav.open .nav-utility .nav-item-link {
        font-size: 15px;
    }

    .content-block-text > :first-child,
    .content-block-wide-col > h2 {
        margin-top: 1em!important;
    }
}


@media (min-width:550px) {
    /* nav .nav-main .nav-item-link{border-bottom:3px solid transparent;} */

    nav .nav-main .nav-item.selected > a {
        color: #000000;
    }
    nav .nav-main .nav-item.selected:before {
        content: '';
        bottom: 0;
        height: 3px;
        background: var(--color-primary);
        width: 100%;
        position: absolute;
    }

    nav .nav-content-bridge {
        display: none;
    }

    nav .nav-item-content {
        display: none;
        position: absolute;
        padding: 0.3em 0;
        text-transform: none;
        font-weight: 400;
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
                box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        background-color: #FFFFFF;
        border-radius: 4px;
        z-index: 998;
    }

    nav .nav-item-content .nav-item {
        font-size: 15px;
    }

    nav .nav-item:hover .nav-content-bridge {
        display: block;
    }

    nav .nav-item:hover .nav-item-content,
    nav .nav-item-content-touch {
        display: block;
    }

    nav .nav-item-content .nav-item a:hover {
        color: #1A4F71;
    }
}


#verified {
    display: inline-block;
    width: 330px;
    margin: 0 0 10px;
    overflow: auto;
    text-align: center;
}
#verified .last {
    margin-right: 0;
}
.verified {
    display: inline-block;
    margin-right: 10px;
}
.pcidss_90 {
    background-position: -184px -430px;
    width: 82px;
    height: 90px;
    margin-right: 0;
}
.pcidss_70 {
    background-position: -184px -660px;
    width: 64px;
    height: 70px;
    margin-right: 0;
}
.optionHilite {
    font-weight: bold;
    background: #F3F3F3;
}
#calc {
    width: 278px;
    margin: 20px auto;
}
.a-text span {
    display: none;
}
a:not(.button) {
    text-decoration: none;
    /* color: var(--color-primary); */
}
p a[href]:not(.button), .entry-content li a, .tour-part li a {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #a6a09b;
    text-underline-offset: 3px;
}
p a[href]:not(.button):hover, .entry-content li a:hover, .tour-part li a:hover {
    color: var(--color-primary-hover);
    text-decoration-color: #d6d3d1;
}
a:hover,
a:active {
    color: #009689;
}
.right-column a:not([button]):not(.btn-primary):hover, .entry-header p a:not(.btn-primary):hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
a.img:hover,
a.img:active,
a.img:focus {
    border-bottom-width: 0;
}
.right-column a:not([button]) {
    text-decoration: none !important;
}
.entry-header p a {
    text-decoration: none !important;
}
a.noborder,
a.noborder:hover {
    border-width: 0;
}
::-webkit-input-placeholder {
    color: var(--color-text-muted);
    opacity: 1;
}
:-moz-placeholder {
    color: var(--color-text-muted);
    opacity: 1;
}
::-moz-placeholder {
    color: var(--color-text-muted);
    opacity: 1;
    font-weight: normal;
}
:-ms-input-placeholder {
    color: var(--color-text-muted)!important;
    opacity: 1;
}
hr,
.hr {
    height: 1px;
    color: #BBBBBB;
    background-color: #BBBBBB;
    border-width: 0;
    margin: 2em 0;
}

td.formName,
td.formNameError {
    width: 200px;
    padding: 0 15px 0 17px;
    vertical-align: middle;
}
td.formNameError {
    color: var(--color-error);
    background: url(/i/icons/excla.gif) right no-repeat;
    font-weight: bold;
}
td.formValueError .formInputText,
td.formValueError .formInputSelect {
    background-color: var(--color-error-bg);
}
td.formNameRequired {
    background: url(/i/icons/excla.gif) right no-repeat;
}
.formInputText {
    width: 275px;
}
legend {
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
}
fieldset {
    border: 0;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}
fieldset table {
    margin-bottom: 9px;
}

div.date-select {
    position: relative;
    display: inline-block;
}
div.date-select:after {
    font-family: fontello;
    content: '\e80a';
    position: absolute;
    right: 8px;
    color: var(--color-text-secondary);
}
input[type=text].date-select {
    padding-right: 27px;
    width: 10em;
}
.button,
.submit,
input[type=email]:not(.input),
input[type=text],
input[type=password]:not(.input),
select:not(.base-select),
textarea:not(.textarea) {
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text, #1f2937);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 0.375rem;
    background-color: #FFFFFF;
    transition: border-color 0.2s, box-shadow 0.2s;
}
input[readonly] {
    background-color: #f5f5f4 !important;
}
.button:focus:not(.input),
.submit:focus:not(.input),
textarea:focus:not(.textarea),
input[type=email]:not(.input):focus,
input[type=text]:not(.input):focus,
input[type=password]:not(.input):focus {
    border-color: #14b8a6;
    outline: none;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
}
.button.button-inverted {
    background: #FFFFFF;
    border: 1px solid #669933;
    color: #333333;
}
input[type=checkbox]:not(.input) {
    line-height: normal;
    cursor: pointer;
}
select:focus:not(.base-select),
input[type=checkbox]:not(.input):focus {
    outline: #333333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.button,
.submit,
input.submit {
    cursor: pointer;
    background: #00a692;
    padding: 0.55rem 1rem;
    display: inline-block;
    margin-bottom: 0.3em;
    color: #FFFFFF;
    font-size: 13px;
    border: 1px solid transparent;
}
@media (max-width: 768px) {
    .button,
    .submit,
    input.submit {
        background-color: #3F6124;
    }
}
input:not(.input)::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.button:hover,
.submit:hover,
input.submit:hover {
    background: #0f766e;
    text-decoration: none;
}
input:not(.input):-moz-placeholder,
textarea:not(.textarea):-moz-placeholder {
    color: #999999;
}
input:not(.input):-ms-input-placeholder,
textarea:not(.textarea):-ms-input-placeholder {
    color: #999999;
}
input.submit.b-submit {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 1em;
    margin-bottom: 0.3em;
    padding: 0.3em 1em;
    font-size: 13px;
}
input.cancel {
    color: #666666;
    text-shadow: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0;
    background-color: #EEEEEE;
    background-image: none;
}
button.cancel:hover,
input.cancel:hover {
    background-color: #E4E4E4;
    -webkit-transition: none;
            transition: none;
    text-shadow: none;
    color: #666666;
}

.reviews-page .review {
    clear: both;
    padding-top: 29px;
    margin: 0 99px;
}
.reviews-page .review .rating i {
    font-size: 33px;
    color: #2EA0A0;
}
.reviews-page .review blockquote {
    position: relative;
    font-size: 24px;
    line-height: 33px;
    z-index: 1;
    margin-top: 17px;
    padding-right: 67px;
}
.reviews-page .review blockquote footer {
    margin-top: 2em;
    font-size: 13px;
    line-height: 19px;
    color: #777777;
    float: right;
    width: 33%;
    margin-right: -67px;
}
.reviews-page .review blockquote footer:first-line {
    font-size: 18px;
    line-height: 27px;
}
.reviews-page .review blockquote:after {
    content: '\201D';
    position: absolute;
    top: 0.3em;
    right: 0;
    font-size: 7em;
    font-family: var(--font-family-brand);
    color: #DDDDDD;
    z-index: -1;
}

.reviews-home .review {
    clear: both;
    padding-top: 29px;
    margin: 0 7px;
}
.reviews-home .review .rating i {
    font-size: 27px;
    color: #2EA0A0;
}
.reviews-home .review blockquote {
    position: relative;
    font-size: 19px;
    line-height: 27px;
    z-index: 1;
    margin-top: 17px;
    padding-right: 37px;
}
.reviews-home .review blockquote footer {
    margin-top: 2em;
    font-size: 13px;
    line-height: 19px;
    color: #777777;
}
.reviews-home .review blockquote footer:first-line {
    font-size: 18px;
    line-height: 27px;
}
.reviews-home .review blockquote:after {
    content: '\201D';
    position: absolute;
    top: 0.3em;
    right: 11px;
    font-size: 6em;
    font-family: var(--font-family-brand);
    color: #DDDDDD;
    z-index: -1;
}

.dnames {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 7px 0 3px;
}
.dnames > div:not(:first-child):not(:last-child) {
    padding: 0 4px;
}
.dnames .colDot {
    -ms-flex-preferred-size: 6px;
    flex-basis: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-align: center;
}
.dnames .colSubDomain {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dnames .colDomain {
    -ms-flex-preferred-size: 178px;
    flex-basis: 178px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.loader-img {
    display: inline-block;
    width: calc(1rem);
    height: calc(1rem);
    border-radius: 50%;
    border: 3px solid silver;
    border-top-color: #000000;
    -webkit-animation: 1s linear infinite mod-spin;
            animation: 1s linear infinite mod-spin;
    -webkit-transform-origin: calc(1rem / 2);
            transform-origin: calc(1rem / 2);
    vertical-align: text-top;
    -webkit-transform-origin: center;
            transform-origin: center;
}
.sso-signin-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sso-signin-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666 !important;
    width: 100%;
    height: 42px;
    border-radius: 0.4rem;
    border: 1px solid #E0E6ED;
    white-space: nowrap;
    gap: 10px;
    cursor: pointer;
    min-width: auto;
    margin-bottom: .75rem;
}
.sso-signin-button:hover {
    background-color: #f0f0f0;
    border-color: #d0d0d0;
}
.sso-signin-button img {
    margin-right: .25rem;
    width: 16px;
    height: 16px;
}
.sso-signup-or {
    position: relative;
    margin: 1rem 0;
}
.sso-signup-or:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 0;
    border-bottom: 1px solid #EEEEEE;
    content: ' ';
}
.sso-signup-or span {
    position: relative;
    background-color: #FFFFFF;
    z-index: 1;
    display: inline-block;
    padding: 0 0.5rem;
}
.next-setup {
    border-top: 1px solid #CCCCCC;
    padding-top: 1em;
}
#section-google-next {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in,height 0.2s ease-in;
            transition: opacity 0.2s ease-in,height 0.2s ease-in;
}
#section-google-next.closed {
    opacity: 0;
    height: 0;
}
#section-account {
    pointer-events: none;
    opacity: 0;
    height: 0;
}
#section-account.open {
    pointer-events: auto;
    height: auto;
}
.account-animated {
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.account-fadein {
    -webkit-animation-name: account-fadein;
            animation-name: account-fadein;
}
.integration-features .all-feature {
    display: block;
}
.integration-feat-icon {
    height: 65px;
    width: 65px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
        flex: 0 0 65px;
    text-align: center;
}
.integration-feat-icon img {
    margin-top: 19px;
    height: 65px;
}
.std-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.std-feature {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33%;
        flex: 1 0 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    min-width: 320px;
}
.std-feat-icon {
    height: 65px;
    width: 65px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
        flex: 0 0 65px;
    text-align: center;
}
.std-feat-icon img {
    margin-top: 19px;
    height: 65px;
    max-width: 65px;
}
.std-feat-desc {
    margin: 19px 37px 0 17px;
}
.std-feat-head {
    font-weight: 500;
    font-size: 21px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #444433;
}
.std-feat-text {
    font-size: 17px;
    opacity: 0.7;
}
.question-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.question-item {
    margin-top: 19px;
    margin-bottom: 50px;
}
.question-question {
    font-size: 19px;
    font-weight: 500;
}
.question-answer {
    font-size: 17px;
    opacity: 0.7;
}
.pricing-block h2 {
    color: #888888;
}
.pricing-unlimiteds img {
    max-width: 100%;
    height: auto;
}
.all-features {
    display: -ms-grid;
    display:     grid;
    grid-template-columns: repeat(auto-fit,minmax(540px,2fr));
}
.all-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    min-width: 320px;
    max-width: 90vw;
}
.all-feat-icon {
    height: 65px;
    width: 65px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
        flex: 0 0 65px;
    text-align: center;
}
.all-feat-icon img {
    margin-top: 19px;
    height: 65px;
    max-width: 65px;
}
.all-feat-desc {
    margin: 19px 37px 0 17px;
}
.all-feat-head {
    font-weight: 500;
    font-size: 21px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #444433;
}
.all-feat-text {
    font-size: 17px;
    opacity: 0.7;
}
.all-features-contents ul li {
    margin: 0 0 15px;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
} 
.all-features-list h3,
.all-features-list h3 a {
    color: #333333;
    font-size: 24px;
    font-weight: normal;
}
.tour-part h2,
.tour-part h2 a {
    color: #333333;
}
.all-features-list h3 a:hover,
.tour-part h2 a:hover {
    text-decoration: none;
}

.signup-steps {
    margin-bottom: 13px;
}
.signup-steps li {
    font-size: 13px;
}

.progressbar {
    margin-bottom: 20px;
}
.progressbar > ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    counter-reset: step;
}
.progressbar li {
    list-style-type: none;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
        flex: 1 1 33%;
    text-transform: uppercase;
    font-size: 14px;
    color: #BBBBBB;
    text-align: center;
}
.progressbar .step-line {
    position: relative;
    height: 25px;
    margin-bottom: 0.5rem;
}
.progressbar .step-line:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 0;
    border-bottom: 1px solid #C4D231;
    content: ' ';
}
.progressbar .step-number:before {
    position: absolute;
    left: calc(50% - 13px);
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-size: 13px;
    border: 1px solid #C4D231;
    content: counter(step);
    counter-increment: step;
    border-radius: 50%;
    background-color: #FFFFFF;
    color: #222222;
}
.progressbar li:first-child .step-line:before {
    left: 50%;
}
.progressbar li:last-child .step-line:before {
    right: 50%;
}
.progressbar .active {
    color: #666666;
}
.progressbar .active .step-number:before {
    background-color: #C4D231;
    color: #FFFFFF;
}

.switch-outer {
    margin: 25px 0;
    text-align: center;
}

.switch-wrapper {
    position: relative;
    display: inline-flex;
    padding: 4px;
    border: 1px solid lightgrey;
    border-radius: 30px;
    background: #fff;
}

.switch-wrapper [type="radio"] {
    position: absolute;
    left: -9999px;
}

.switch-wrapper label {
    font-size: 16px;
    z-index: 1;
    min-width: 100px;
    line-height: 32px;
    cursor: pointer;
    border-radius: 30px;
    transition: color 0.25s ease-in-out;
}

.switch-wrapper label:hover {
    opacity: 0.7;
}

.switch-wrapper .highlighter {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 4px);
    height: calc(100% - 8px);
    border-radius: 30px;
    background: #2EA0A0;
    transition: transform 0.25s ease-in-out;
}

.switch-wrapper [type="radio"]:checked.plans-popular ~ label[for="plans-popular"], 
.switch-wrapper [type="radio"]:checked.plans-all ~ label[for="plans-all"] {
    color: #fff;
}

.switch-wrapper [type="radio"]:checked.plans-popular ~ label[for="plans-popular"]:hover, 
.switch-wrapper [type="radio"]:checked.plans-all ~ label[for="plans-all"]:hover {
    opacity: 0.7;
}

.switch-wrapper [type="radio"]:checked.plans-all + label[for="plans-popular"] ~ .highlighter {
    transform: translateX(100%);
}

.pricing-grid {
    width: 100%;
    background: #E8ECEF;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 200px;
}
.pricing-grid h2 {
    font-weight: normal;
}
.plan-switch .plan-card {
    border: 1px solid #CCCCCC;    
}
.plan-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    justify-content: center;
}

.plan-cards.plan-cards-popular .plan-all {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
}

.plan-cards.plan-cards-all .plan-all {
    display: block;
}

.plan-params {
    position: relative;
    /* overflow: hidden; */
    margin: 10px 10px 20px 10px;
}

.plan-box {
    position: relative;
}

.plan-cards:not(.plan-cards-popular) .plan-popular .plan-card:before,
.plan-switch:not(.plan-cards-popular) .plan-popular .plan-card:before {
    content: 'POPULAR';
    position: absolute;
    top: -10px;
    right: -10px;
    background: #3e3e3e;
    color: #FFFFFF;
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 10px;
    z-index: 1;
}

.plan-switch:not(.plan-cards-popular) .plan-popular .plan-card:before {
    right: 7px;
}

.plan-card {
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 5px;
    border: 1px solid transparent;
    min-width: 205px;
    max-width: calc(100vw - 60px);
}
.plan-card:hover,
.plan-single .plan-card {
    border: 1px solid #CCCCCC;
}

/* .plan-cards .plan-card:hover {
    margin-top: -10px;
    transition: margin-top 0.125s ease-in-out;
} */

.plan-name {
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 17px 10px 13px;
}
.plan-name-low {
    border-bottom: 5px solid #C4D331;
}
.plan-name-med {
    border-bottom: 5px solid #39C4C8;
}
.plan-name-hi {
    border-bottom: 5px solid #E13559;
}
.plan-btn {
    cursor: pointer;
    padding: 3.8px 1rem;
    display: inline-block;
    color: #FFFFFF!important;
    border: 0;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
}
.plan-btn:hover {
    text-decoration: none;
}
.plan-btn-low {
    background-color: #C4D331;
}
.plan-btn-low:hover {
    background-color: #8E9920;
}
.plan-btn-med {
    background-color: #39C4C8;
}
.plan-btn-med:hover {
    background-color: #2EA0A0;
}
.plan-btn-hi {
    background-color: #E13559;
}
.plan-btn-hi:hover {
    background-color: #BC2B51;
}
.plan-rest-price {
    padding: 20px 10px 25px;
    border-bottom: 1px solid #F1F1F1;
}
.plan-rest-features {
    padding: 27px 10px 25px;
    border-bottom: 1px solid #F1F1F1;
}
.plan-rest-try {
    padding: 25px 10px;
    border-bottom: 0 solid #F1F1F1;
}
.plan-price {
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 5px;
}
.plan-price .unit {
    opacity: 0.4;
    font-size: 22px;
}
.plan-price .currency {
    font-weight: 700;
}
.plan-projects {
    font-weight: 500;
    margin-bottom: 12px;
}
.plan-price-item:not(:last-child) {
    margin-bottom: 9px;
}
.plan-includes {
    line-height: 110%;
    color: #929292;
    margin: 0;
}
.plan-features {
    margin: 0;
    list-style-type: none;
    font-size: 15px;
}
.plan-features .plan-feature:not(:last-child) {
    margin: 0 0 15px;
}
.plan-features .plan-feature:last-child {
    margin: 0;
}
.plan-switch {
    overflow: hidden;
    padding: 20px;
}
.plan-switch-move {
    width: 35px;
    height: 100px;
    position: absolute;
    top: 45%;
    cursor: pointer;
    border-radius: 3px;
}
.plan-switch-move.move-left {
    left: 0;
    margin-left: -10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAhCAYAAADZPosTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNpi+v//PwOFmAeI24GYDcSn1DB+ID72HwK2gAylxDAhID7zHxV4kGuYKBCfRzLoDxAnkOtlCSC+imZYLEyeVMOkgfgGmmFRyGpIMUwOiO8hGfYTiEPQ1RFrmCIQP0QzzA+bWmIMUwfiJ0iGfQPFJi71hAzTAuLnaIY54dNDimGfgdiGkI9wSRgA8Ss0wyyJCW9sgsZA/BbJsA/EGobNQEuoATDwFmoBAzkGZgDxVyTDXkG9zkCOgVlA/A/JsOfQSGEgx0BQqfEXLTt5kFsK0cSFNAlDmsQyTdIhTXIKTfIyTUobmpSHNCmxaVKn0KTWo0m9TJOWA03aNjRpfWFtHwIEGAAvYzdmgVVp2QAAAABJRU5ErkJggg==) center no-repeat #444444;
}
.plan-switch-move.move-right {
    right: 0;
    margin-right: -10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAhCAYAAADZPosTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP1JREFUeNrM1k8HAkEcxvE5dYqIiIhO0Sk6RadOnTp1iuiY3khvqNfQKTpFp4hYlmVJEdX0jGb4NafV7zm0fA9dPrvt7Pwx1lqDSmiFyv73zwVsbT/XBlW04Mh+X1tU1YCuOXoIdIdqGtA1i9A9qmtA1zRCD6ihAV0TdBfoETU1oGscoSfU0oBh9G8CPaO2BnQNIzRBHQ3oGqBLUbTo6PUjNEVdDRjQXKAZ6mlA44FMoLm/0c+g8X81FegVLTSg8YOSCPSFlhowfKdymj7dKvUXT0h9h9RRpn6H1JlCncvU1Ya6HlJXbOqeQt31qPsy9eRAP9vQT1/U8+FbgAEAmZs3ZJ+G36AAAAAASUVORK5CYII=) center no-repeat #444444;
}
.plan-switch-move:hover {
    background-color: #6A6A6A!important;
    border-color: #424242;
}
.plan-switch .plan-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
.plan-switch-modal {
    background-color: transparent;
}
.plan-switch .plan-card:hover {
    border: 1px solid #434343;
}

@media (max-width:738px) {

    .pricing-block {
        padding: 20px;
    }

    .pricing-grid {
        padding-bottom: 163px;
    }

    .pricing-block h1 {
        font-size: 27px;
    }

    .pricing-block h2 {
        font-size: 19px;
    }

    .pricing-unlimiteds {
        margin-top: -150px;
    }

    .std-feat-head {
        font-size: 19px;
    }

    .std-feat-text {
        font-size: 16px;
    }

    .question-block {
        padding: 0;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }
}


@media (max-width:549px) {
    .plan-cards {
        display: block;
    }

    .plan-switch-modal {
        width: 100%;
    }

    .plan-switch .plan-card {
        width: calc(100vw - 50px);
        max-width: 250px;
        margin-right: 10px;
    }

    .plan-scrollers {
        display: none;
    }
}


@media (max-width:450px) {
    .question-block {
        -ms-flex-preferred-size: 100%!important;
        flex-basis: 100%!important;
    }
}


.account-creation {
    width: 650px;
    margin: 0 auto;
}
.info-block {
    padding: 9px;
    margin: 1em 0;
}
.info-block h3 {
    color: #444433;
}
.info-block h4 {
    font-weight: normal;
    font-size: 15px;
}
.integration-feat-desc {
    margin: 19px 37px 0 0;
}

.question-block {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
}

@media (max-width:1100px) {
    .question-block {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}


#questions {
    display: inline-block;
}
#questions .qcol {
    float: left;
    width: 33%;
    padding-left: 20px;
}
#questions .qcol:first-child {
    padding-left: 5px;
}

.dom-list {
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    -webkit-box-shadow: 0 1px 2px rgba(10,10,10,0.1);
            box-shadow: 0 1px 2px rgba(10,10,10,0.1);
    background-color: #E8ECEF;
    margin-bottom: 10px;
}
.dom-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
}
.dom-loading-error {
    color: #990000;
}
.dom-list .dom-item:first-child {
    padding-top: 7px;
}
.dom-list .dom-item:last-child {
    padding-bottom: 7px;
}
.dom-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-family-brand);
    font-size: 17px;
    cursor: pointer;
}
.dom-item-icon {
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    margin-left: 10px;
    margin-right: 10px;
    color: gray;
    opacity: 0;
}
.dom-item.selected {
    font-weight: 700;
}
.dom-item.selected .dom-item-icon {
    opacity: 1;
}
.dom-item:hover > div,
.dom-item.selected > div {
    color: #000000;
}
.dom-item > div {
    padding: 7px 0;
}
div#domain_automatic_start {
    color: #444433;
}
div#domain_automatic_help {
    display: none;
}
ul#domain_automatic {
    margin: 0;
}
ul#domain_automatic li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#domain_automatic li a {
    font-weight: normal;
    display: block;
    padding: 5px 7px;
    margin: 0 0 1px;
    font-size: 13px;
    background-color: #F5F5F5;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}
ul#domain_automatic li a i {
    float: right;
}
ul#domain_automatic li a:not(.selected):hover {
    color: #000000;
}
ul#domain_automatic a.selected {
    font-weight: bold;
    color: #669933;
}

.new-signup-head h1 {
    font-size: 30px;
    margin: 0 0 0.125em;
}
.new-signup-head h2 {
    font-size: 17px;
    margin: 0 0 2em;
}
.gr .col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.gr .col-desc {
    -ms-flex-preferred-size: 330px;
    flex-basis: 330px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.gr .col-plan {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: center;
}
.gr .lbl-cur {
    position: relative;
    top: -17px;
    left: -2px;
}
.gr .lbl-price {
    font-size: 40px;
    font-weight: bold;
}
.gr .lbl-mo {
    color: silver;
}
.gr .gr-plan-btn-cell {
    padding-top: 10px;
    padding-bottom: 30px;
}
.gr .gr-plan-btn {
    font-size: 15px;
    color: #FFFFFF;
}
.gr .gr-plan-btn-basic,
.gr .gr-plan-btn-lite {
    background-color: #C4D331;
}
.gr .gr-plan-btn-basic:hover,
.gr .gr-plan-btn-lite:hover {
    background-color: #8E9920;
}
.gr .gr-plan-btn-professional,
.gr .gr-plan-btn-topshelf {
    background-color: #39C4C8;
}
.gr .gr-plan-btn-professional:hover,
.gr .gr-plan-btn-topshelf:hover {
    background-color: #2EA0A0;
}
.gr .gr-plan-btn-notsobasic {
    background-color: #39C4C8;
}
.gr .gr-plan-btn-notsobasic:hover {
    background-color: #2EA0A0;
}
.gr .gr-plan-btn-premium {
    background-color: #39C4C8;
}
.gr .gr-plan-btn-premium:hover {
    background-color: #2EA0A0;
}
.gr .gr-plan-btn-unlimited {
    background-color: #E13559;
}
.gr .gr-plan-btn-unlimited:hover {
    background-color: #BC2B51;
}
.gr .gr-row-text {
    padding: 10px;
}
.gr .gr-row-text .col {
    padding-top: 10px;
    padding-bottom: 10px;
}
.gr .gr-row-text:not(:last-child) {
    border-bottom: 1px solid #DDDDDD;
}
.gr .gr-line-plan-basic,
.gr .gr-line-plan-lite {
    border-bottom: 5px solid #C4D331;
}
.gr .gr-line-plan-professional,
.gr .gr-line-plan-topshelf,
.gr .gr-line-plan-notsobasic,
.gr .gr-line-plan-premium {
    border-bottom: 5px solid #39C4C8;
}
.gr .gr-line-plan-unlimited {
    border-bottom: 5px solid #E13559;
}
.grid-desktop .gr-plan-name {
    font-size: 18px;
    color: #999999;
    height: 53px;
}
.grid-desktop .gr-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.grid-desktop .gr-sep {
    background-color: #E8ECEF;
    font-weight: bold;
    padding: 18px 10px;
}
.grid-mobile .gr-plan {
    padding-bottom: 1em;
    margin-bottom: 2em;
    border-radius: 3px;
    background-color: transparent;
}
.grid-mobile .gr-plan:not(:last-child) {
    border-bottom: 1px solid #DDDDDD;
}
.grid-mobile .gr-plan-name {
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.grid-mobile .gr-sep {
    text-transform: uppercase;
    margin: 0.75em 0;
    color: #A8A8A8;
    font-weight: bold;
}
.grid-mobile .gr-plan-attr {
    margin-bottom: 3px;
}
.button.button-low {
    background: #C4D331;
}
.button.button-low:hover {
    background: #8E9920;
}
.button.button-med {
    background: #39C4C8;
}
.button.button-med:hover {
    background: #2EA0A0;
}
.button.button-high {
    background: #E13559;
}
.button.button-high:hover {
    background: #BC2B51;
}

#new-window-content .stext[type=text] {
    width: 100%;
    background-color: #000000;
    border: 0;
    font-size: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 1em;
    color: #FFFFFF;
}
#new-window-content .sbutton {
    background: url(/i/layout/lb-search.png) no-repeat;
    width: 52px;
    height: 48px;
    border: 0;
    position: absolute;
    right: 11px;
    top: 7px;
    cursor: pointer;
}

#sxsw p {
    line-height: 1.6em;
}
#sxsw h3 {
    color: #339900;
    clear: left;
    font-size: 15px;
    margin-top: 1.5em;
    border-bottom: 1px solid #BBBBAA;
    padding-bottom: 0.3em;
}
#sxsw .padding {
    padding: 20px;
}
#sxsw blockquote {
    font-size: 15px;
    border-width: 0;
    font-weight: bold;
    color: #666666;
    text-indent: -0.5em;
    padding-top: 10px;
    padding-left: 20px;
    border-left: 5px solid #DDDDDD;
}
#mprice {
    display: none;
}
#mprice .price {
    font-size: 17px;
}

.og-wrapper {
    overflow: auto;
    max-width: calc(100vw - 50px);
}
.og-pricing {
    width: 100%;
    margin-bottom: 10px;
    border-spacing: 1px;
    border-collapse: separate;
    border-color: #FFFFFF;
    min-width: 650px;
    border: 0;
}
.og-pricing th {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
}
.og-pricing td {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
}
.og-pricing .price {
    font-size: 17px;
}
.og-pricing .bull {
    font-size: 19px!important;
    line-height: 11px;
    font-weight: bold;
    color: #666655;
}
.og-pricing .feature {
    text-align: left;
    padding-left: 3px;
    white-space: nowrap;
}
.og-pricing .choose {
    padding: 0;
}
.og-pricing .th1 {
    background: #4EC0C0;
}
.og-pricing .th2,
.og-pricing .th3,
.og-pricing .th4 {
    background: #8E9920;
}
.og-pricing .th5,
.og-pricing .th6,
.og-pricing .th7 {
    background: #39C4C8;
}
.og-pricing .th8 {
    background: #E13559;
}

.og-pricing:hover .even {
    background-color: #F5F5F5;
}
.og-pricing .even {
    background-color: #E8ECEF;
}
.og-pricing .odd {
    background-color: #FFFFFF;
}
.og-pricing .even.active,
.og-pricing .odd.active,
.og-pricing td.active {
    background-color: rgba(238,238,170,0.6);
}

.cta-form,
.try {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 78px;
    line-height: 21px;
    background-color: #D87355;
    padding: 5px 0;
    text-decoration: none;
    border-radius: 3px;
    color: #FFFFFF!important;
}
.cta-form:hover,
.try:hover {
    text-decoration: none;
    background-color: #B85335!important;
}
.cta-form {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
    border: 0;
    cursor: pointer;
}

.pricing-alt {
    padding-top: 33px;
}
.pricing-alt .og-pricing {
    width: 70%!important;
    float: right;
}
.pricing_etc {
    border-top: 1px dotted #999988;
}

#signup h1 {
    margin-bottom: 0.5em;
}
#trust {
    position: relative;
    margin-left: 0;
}
#trust a {
    margin-left: 10px;
}
.clear {
    clear: both;
}
a.tooltip,
a.tooltip:hover {
    text-decoration: none;
    border-bottom: 0;
}
.tooltipText,
.screenshotText {
    position: absolute;
    white-space: normal;
    width: 220px;
    display: none;
    text-align: left;
    line-height: 150%;
    clear: left;
    font-weight: normal;
    padding: 11px 13px 11px 6px;
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-size: 13px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 6px 0 hsla(0,0%,0%,0.2);
            box-shadow: 0 2px 6px 0 hsla(0,0%,0%,0.2);
}
.tooltipText p:first-child,
.screenshotText p:first-child {
    margin-top: 0;
}
.tooltipText p:last-child,
.screenshotText p:last-child {
    margin-bottom: 0;
}
.screenshotText {
    clear: left;
    width: 500px;
}
#pricing .screenshotText td {
    text-align: left;
    vertical-align: top;
}
#pricing .screenshotText td:nth-child(2) {
    padding-left: 7px;
}

div#pricing-quote {
    margin: 47px auto 0;
    width: 533px;
}
div#pricing-quote blockquote {
    font-weight: bold;
    font-size: 15px;
    padding: 0;
    margin: 0;
    padding-bottom: 9px;
    white-space: nowrap;
}
div#pricing-quote .happy-logo {
    margin-left: 231px;
}
table#pricing tr th.popular {
    font-size: 1px;
    line-height: 1px;
    background: -ms-linear-gradient(top,#8C8A73 0,#EEEEDD 100%);
}
table#pricing tr th.popular {
    font-size: 1px;
    line-height: 1px;
    background: -ms-linear-gradient(top,#8C8A73 0,#E8ECEF 100%);
}
.pophair {
    width: 3px;
}
table#pricing tr td.choose {
    padding: 5px 0;
}

.row-col-hiliter {
    overflow: hidden;
}
.row-col-hiliter tr:hover {
    background-color: #FFFFAA;
}
.row-col-hiliter td,
.row-col-hiliter th {
    position: relative;
}
.row-col-hiliter td:hover::after,
.row-col-hiliter th:hover::after {
    content: '';
    position: absolute;
    background-color: #FFFFAA;
    left: 0;
    top: -5000px;
    height: 10000px;
    width: 100%;
    z-index: -1;
}

.screenshotText .bordered {
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.69);
            box-shadow: 0 0 1px rgba(0,0,0,0.69);
}
.rightfade {
    min-height: 450px;
    height: auto!important;
    height: 450px;
}
#thirtydays {
    padding: 13px 0;
    text-align: center;
}
#thirtydays a {
    display: block;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 500;
    background: #D87355;
    padding: 14px 23px;
    width: 281px;
    height: auto;
    color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
}
#thirtydays a:hover {
    text-decoration: none;
    background-color: #B85335!important;
}
#thirtydaysfaq {
    float: right;
    margin-left: 20px;
}
.demos-links-30d {
    font-weight: bold;
    line-height: 21px;
    text-align: left;
}
.links220 {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}
#button-signup {
    float: right;
}
#pelago span {
    display: none;
}
#pelago span,
#button-signup span {
    display: none;
}
#button-signup-outer,
#button-signup {
    display: block;
    width: 155px;
    height: 47px;
    margin: 0;
}
#button-signup-outer {
    float: left;
    margin-bottom: 5px;
    background: url(/i/buttons/alt_signup_on.png) no-repeat;
}
#button-signup:link {
    z-index: 1000;
    background: url(/i/buttons/alt_signup.png) no-repeat;
}
#button-signup:hover {
    background: url(/i/buttons/alt_signup_on.png) no-repeat;
}
#pelago {
    float: right;
    width: 98px;
    height: 45px;
    background-position: -192px -134px;
}
.features-included {
    border-top: 1px dotted #999988;
    margin-top: 11px;
}
.features-included .features-heading {
    padding-bottom: 4px;
    padding-top: 11px;
    text-align: center;
}
.features-included .feature-item-heading {
    background-color: #E8ECEF;
    margin: 0 11px 0 0;
    padding: 4px 0 6px 6px;
    font-weight: 500;
}
.features-included .feature-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.features-included .feature-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.feature-item-items {
    list-style-type: square;
    padding-left: 0.5em;
}
div.homepageIcon {
    float: left;
    text-align: center;
    padding: 10px;
}
div.tourIconLeft {
    float: left;
    text-align: center;
    margin: 0 15px 15px 0;
}
div.tourIconRight {
    float: right;
    text-align: center;
    margin: 0 0 15px 15px;
}
div.homepageHalf {
    float: left;
    padding: 10px;
    width: 242px;
}
div.featuresBenefits {
    clear: both;
    background-color: #E8ECEF;
    padding: 10px;
    margin-bottom: 15px;
}
p.comment {
    font-size: 0.9em;
    font-style: italic;
    color: #666666;
    text-align: left;
    display: block;
    margin: 0 12px 10px 18px;
}
p.comment {
    font-size: 0.9em;
    font-style: italic;
    color: #666666;
    text-align: left;
    text-align: left;
    display: block;
    margin: 0 12px 10px 18px;
}
.go9media {
    background-position: -42px -250px;
    width: 100px;
    height: 24px;
}
.orbelink {
    background-position: -42px -470px;
    width: 100px;
    height: 22px;
}
.pixolut {
    background-position: -42px -514px;
    width: 100px;
    height: 21px;
}
.caseStudyIconRight {
    width: 280px;
    float: right;
    text-align: center;
    padding: 10px;
}
.headline {
    padding: 20px;
}
.headline h1 {
    margin-top: 0;
}
div#headline_c {
    padding-bottom: 0;
    padding-top: 0;
    padding-top: 7px;
}
div#headline_c h1 {
    padding-top: 22px;
}
div#headline_c h2 {
    padding: 0;
    font-weight: normal;
    font-size: 1.2em;
    padding-right: 60px;
}
.landing {
    padding-bottom: 10px;
}
.landing h1 {
    margin: 1em 0 0.2em;
}
.landing h2 {
    margin: 0 0 15px;
    font-weight: normal;
    line-height: 19px;
}
.landing #view-links {
    margin-bottom: 0;
}
div#mini-wrap {
    float: right;
    margin-top: 15px;
    padding: 0;
    width: 250px;
    height: 300px;
    background: url(/i/layout/intervals.png) no-repeat;
    background-position: 90px 90px;
    margin-left: 25px;
}
div#mini-box {
    padding: 0;
    margin: 9px 0 0;
    background: #FFFFFF;
    position: absolute;
    width: 250px;
}
div#mini-box p {
    margin-bottom: 0;
}
em#mini-caption {
    font-size: 13px;
}
#mini-image {
    border: 1px solid #DBDBDB;
    background: url(/i/home/fade/sprite.png) no-repeat;
    width: 250px;
    height: 250px;
    display: inline-block;
}
.mini-addtime {
    background-position: 0 0!important;
}
.mini-home {
    background-position: 0 -250px!important;
}
.mini-milestones {
    background-position: 0 -500px!important;
}
.mini-personalization {
    background-position: 0 -750px!important;
}
.mini-reports {
    background-position: 0 -1000px!important;
}
.mini-tasks {
    background-position: 0 -1250px!important;
}
.mini-weeklytime {
    background-position: 0 -1500px!important;
}
#view-links {
    font-weight: bold;
    clear: both;
    border: 1px dotted #AAAAA7;
    padding: 5px 10px;
    margin: 15px 0 30px;
    overflow: auto;
}
#view-links a {
    float: left;
    width: 37%;
}
#view-links .first {
    padding-left: 23px;
    margin-left: 23px;
}
#view-links .last {
    width: auto;
}
.index-integrations {
    padding-top: 0;
    padding-bottom: 0;
}
.index-integrations h2 {
    text-align: center;
    font-size: 18px;
}
.index-integrations h3 {
    text-align: center;
    margin: 2em 0 1em;
    font-weight: normal;
}
.index-integrations .integs > div img {
    max-width: 100%;
}
.index-integrations .integs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.index-integrations .integs > div {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    padding: 10px 40px;
    text-align: center;
}
.index-integrations .integs > div {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    padding: 0 40px;
    text-align: center;
}
.cta2 {
    padding: 15px;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.cta2 .cta-col {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.cta2 h2 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0 15px;
}
.cta2 h3 {
    font-size: 15px;
    font-weight: normal;
    margin-top: 3px;
    padding: 0 15px;
}
.cta2 a {
    margin-left: -34px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    padding: 12px 50px;
    border-radius: 3px;
    background: #D87355;
}
.cta-r a {
    margin-left: 0;
    padding: 12px 25px;
    font-size: 15px;
}
.cta2 a:hover {
    background-color: #B85335;
    text-decoration: none;
}
.index-cta2 {
    margin-left: auto;
    margin-right: auto;
}
.index-cta2 .cta2 {
    padding-top: 0;
}
.index-cta2 .cta2 h2 {
    margin-top: 0;
}
.fb-v2 {
    background-color: #E8ECEF;
    padding: 55px 25px 25px;
    margin-bottom: 15px;
}
.fb-v2 .half {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.fb-v2 .first-half .fb-item {
    padding-right: 55px;
}
.fb-v2 h2 {
    margin-top: 0;
    margin-bottom: 1.5em;
}
.fb-v2 h3 {
    color: #666666;
    margin: 0;
    padding: 0;
}
.fb-v2 .fb-item {
    vertical-align: top;
    padding-left: 66px;
    margin-bottom: 45px;
    position: relative;
}
.fb-i {
    position: absolute;
    left: 0;
}
.fb-v2 .fb-item a {
    text-decoration: none;
    color: #666666;
}
.fb-v2 .fb-item a:hover {
    text-decoration: none;
}
.trusted .trustee img {
    width: 150px;
    opacity: 1;
    opacity: 1;
}
.trusted .trustee.trustee-smaller img {
    width: 118px;
}
.trusted .trustee.trustee-smaller {
    height: 99px;
}
.trusted .trustee img[src*=hyundai] {
    width: auto;
    height: 35px;
}
.trusted .trustee img[src*=warner] {
    width: auto;
    height: 35px;
}
.trusted .trustee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    height: 130px;
}
.trusted-headings h2 {
    margin-top: 0;
    font-size: 18px;
}
.trusted-headings h3 {
    color: #666666;
    font-weight: 500;
}
.trusted-headings {
    text-align: center;
}
.trusted {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1em 0;
}
.link-ctas a {
    color: #FFFFFF!important;
    line-height: 49px;
}
.link-ctas {
    color: silver;
}
.login .control-footer {
    text-align: right;
}
.login .control-group {
    margin-bottom: 25px;
}
.login .cta2 h2 {
    margin: 0;
}
.login .cta2 {
    padding: 0;
}
.login .field + label.has-error,
.login .field:focus + label,
.login .field:valid + label {
    top: -13px;
    color: #666666;
    font-size: 12px;
}
.login .field + label:not(.has-error) {
    top: 10px;
    left: 0;
}
.login .field + label {
    position: absolute;
    -webkit-transition: top 125ms,color 125ms;
            transition: top 125ms,color 125ms;
    color: #666666;
    left: 0;
    will-change: top,color;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
}
.login .field:invalid + label {
    top: -13px;
    color: red;
    font-size: 12px;
}
.login .field:valid {
    border-bottom: 2px solid #6688CC;
}
.login .field {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    border: 0;
    border-bottom: 2px solid silver;
    background-color: transparent;
}
.login section:nth-child(1) {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-right: 100px;
}
.login section:nth-child(2) {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.login-manual .login-dot-wrap {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    text-align: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-weight: bold;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.login-manual .login-dot:before {
    content: '.';
}
.login-manual > div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 10px;
}
.login-manual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px 0;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 400px;
}

.sprites {
    background-image: url(/i/layout/all/sprite_6.webp);
    background-repeat: no-repeat;
    display: inline-block;
}
.banner-abw {
    background-image: url(/i/t/adroll-hero-image-next.webp);
}
.banner-bi {
    background-image: url(/i/t/adroll-hero-image-empowerment.webp);
}
.banner-majestic {
    background: url(/i/home/majestic-office.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 20%;
    background-color: #000000;
}
.banner-ttt {
    background-image: url(/i/t/adroll-hero-image-centralization.webp);
}
.sta-hero-laptop-outer {
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0.65)),to(rgba(0,0,0,0.85))),url(/i/home/meeting.webp);
    background: linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.85)),url(/i/home/meeting.webp);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat;
    background-position: center,center 31%;
}
.banner-abw {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: #030C0B;
}
.banner-bi {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -65px 62%;
    background-color: #2B9293;
}
.banner-bulbs .heading {
    font-size: 42px;
}
.banner-bulbs {
    padding: 90px 20px 40px;
    background-position: 96% -50px;
    background-size: contain;
    background-color: #333333;
    background-repeat: no-repeat;
    background-image: url(/i/home/intervals-brain-bulbs-comparison.svg);
}
.banner-caption {
    padding: 5px 0;
    text-align: center;
    width: 313px;
    color: #FFFFFF;
    font-size: 14px;
}
.banner-col .subheading {
    font-size: 23px;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 9px;
    text-shadow: 3px 2px 8px #000000;
}
.banner-col:first-child {
    -ms-flex-preferred-size: 313px;
    flex-basis: 313px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.banner-col:last-child {
    padding-left: 30px;
}
.banner-cre .btn-cre .button:hover {
    background-color: #C22E4D;
}
.banner-cre .btn-cre .button {
    background-color: #E03558;
    color: #FFFFFF;
    position: absolute;
    top: -12px;
    left: 175px;
    font-size: 17px;
}
.banner-cre .btn-cre {
    width: 473px;
    text-align: center;
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
}
.banner-cre .container {
    display: table;
    min-height: 400px;
}
.banner-cre .content-cre {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
}
.banner-cre .head-cre {
    font-size: 30px;
    padding-left: 27px;
}
.banner-cre .line-cre {
    margin: 3px 0;
    background-color: #232930;
    color: #FFFFFF;
    display: inline-block;
    padding: 2px 9px 7px 18px;
}
.banner-cre .text-cre {
    background-color: rgba(31,41,48,0.75);
    width: 473px;
    font-weight: lighter;
    font-size: 19px;
    padding: 7px 9px 13px 18px;
}
.banner-cre {
    margin-bottom: 5em;
}
.banner-cta:hover {
    text-decoration: none;
    background-color: #B85335;
}
.banner-cta {
    background-color: #D87355;
    padding: 14px 23px;
    font-weight: 500;
    color: #FFFFFF!important;
    border-radius: 3px;
    display: inline-block;
    margin-right: 18px;
    font-size: 16px;
}
.banner-home {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 18%;
    background-color: #2B9595;
}
.banner-majestic {
    padding: 90px 20px 40px;
}
.banner-screenshots img {
    position: absolute;
    left: 0;
    top: 0;
}
.banner-screenshots {
    width: 313px;
    height: 292px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.banner-ttt {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 53%;
    background-color: #237879;
}
.banner-video img {
    cursor: pointer;
    border-radius: 3px;
    max-width: 100%;
    height: auto;
}
.banner-video span {
    display: inline-block;
    position: relative;
}
.banner-video:hover .banner-screenshots:before {
    content: 'View screenshots';
    position: absolute;
    top: 137px;
    left: 0;
    background: rgba(0,145,160,0.72);
    line-height: 33px;
    z-index: 10;
    width: 100%;
    color: #FFFFFF;
    pointer-events: none;
}
.banner-video {
    width: 100%;
    height: auto;
}


@media (min-width:985px) {
    .acct {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width:769px) {
    .act-column {
        margin-left: auto;
        margin-right: auto;
        -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
        min-width: 458px;
    }
    .acct .act-column:last-child {
        margin-top: -50px;
        max-width: 500px;
    }
}

@media (max-width:768px) {
    .act-column {
        padding-bottom: 30px;
    }
    .login-manual .login-dot-wrap {
        display: none;
    }
}

@media (min-width:400px) {
    .act-field-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .act-field-row .label {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
        min-width: 100px;
        margin-bottom: 0;
        line-height: 25px;
    }
    .act-field-row .control {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.acct .cta2 a {
    margin-left: 0;
}
.acct {
    margin-top: 20px;
}
.act-column {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 20px;
}
.act-field-row .control input[type=text],
.act-field-row .control input[type=email] {
    width: 100%;
    line-height: 25px;
    padding-left: 8px;
}
.act-field-row .control {
    position: relative;
}
.act-field-row .label {
    display: block;
    margin-bottom: 10px;
}
.act-field-row:not(:last-child) {
    margin-bottom: 10px;
}
.act-title {
    margin-bottom: 15px;
    text-align: left;
}
.alt-line-bottom {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 1em;
    padding-bottom: 3em;
}
.alt-line-top {
    border-top: 1px solid #DDDDDD;
    margin-top: 3em;
    padding-top: 3em;
}
.alt-logos div {
    margin-bottom: 7px;
    text-align: center;
}
.alt-logos {
    margin-left: 57px;
    margin-right: 39px;
}
.alt-part .alt-logo-img {
    max-width: 300px;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.alt-part .alt-logo {
    text-align: center;
}
.alt-part blockquote {
    border-width: 0;
    margin: 0;
    padding-top: 0;
    font-weight: bold;
    color: #666666;
    text-indent: -0.5em;
}
.alt-part h2,
.alt-quotes h2 {
    font-size: 28px;
    text-align: center;
}
.alt-part h3 {
    font-size: 18px;
}
.alt-part.alt-logo-last {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
}
.alt-part > div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.alt-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 60px 0;
    padding-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #BBBBBB;
}
.alt-quotes div.happy blockquote strong {
    font-weight: normal;
}
.alt-quotes div.happy blockquote {
    line-height: 33px;
    font-size: 125%;
}
.alt-quotes div.happy cite span {
    display: block;
}
.alt-quotes > div {
    margin-top: 20px;
}
.alt-quotes {
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    padding-top: 10px;
    padding-bottom: 10px;
}
.alternating-part .part-info:first-child {
    text-align: center;
}
.alternating-part {
    border-top: 1px solid #DDDDDD;
    margin: 3em 0 0;
    padding: 3em 0 0;
}
.alternatings img {
    max-width: 100%;
}
.alternatings {
    margin-bottom: 40px;
}


@media (min-width:930px) {
    .alt-part > div:first-child {
        margin-right: 31px;
    }

    .alt-part {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    }

    .alt-part.alt-logo-last {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    }

    .alt-quotes > div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    }

    .alt-part h2,
    .alt-quotes h2 {
        text-align: left;
    }
}



.logos-part .alt-logo {
    -ms-flex-preferred-size: 33%!important;
    flex-basis: 33%!important;
    margin-right: 0!important;
    margin-left: 0!important;
    min-height: 260px;
}
.logos-part .same-row-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    height: 79px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.logos-part p {
    text-align: left;
    margin: 1em 0 0;
}
.logos-part {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 60px;
}



.page-login .acct {
    margin-top: 0;
    position: relative;
}
.page-login .button {
    width: 100%;
}
.page-login .cta2 {
    padding: 0;
}
.page-login .input {
    width: 100%;
}
.page-login-desktop {
    min-height: 560px;
    max-width: 1000px;
}
.page-login-mobile {
    min-height: 100vh;
}
.page-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.signedup-box .signedup-cell {
    padding: 9px;
    text-align: center;
}
.signedup-box .start-link {
    font-size: 17px;
}
.signedup-box .start {
    font-size: 1.125rem;
    margin-bottom: 0;
    color: #FFFFFF;
}
.signedup-box {
    font-size: 14px;
    text-align: center;
}
.sourced-from p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 11px;
}
.sourced-from {
    background-color: #FFFFFF;
    text-align: center;
    padding: 10px 0;
}
h2.sta-lets-h2.sta-index {
    font-size: 23px;
    color: #CCC8C8;
}
h2.sta-lets-h2 {
    color: #FFFFFF;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 9px;
    font-size: 23px;
}
h3.sta-lets-h3 {
    color: #333333;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 9px;
    font-size: 27px;
    padding: 0 20px;
}
.sta-cols h2 {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 0;
    padding-top: 27px;
}
.sta-cols p {
    margin: 0.5em 0 1em;
    font-size: 15px;
}
.sta-cols > div img {
    max-width: 100%;
}
.sta-cols > div > :first-child {
    margin-top: 0;
}
.sta-cols > div {
    padding: 20px;
}
.sta-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sta-content * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.sta-content img {
    border-radius: 3px;
}
.sta-form .control-group.error .controls:not(.domain-controls):before {
    content: 'Required';
    display: block;
    position: absolute;
    right: 0;
    font-size: 10px;
    padding: 2px 3px;
    border-radius: 4px;
    border: 0;
    background: #990000;
    color: #FFFFFF;
}
.sta-form .control-group.error:not(.domain-group) input[type] {
    padding-right: 60px;
}
.sta-form .control-group {
    margin-top: 20px;
    margin-bottom: 8px;
}
.sta-form .cta-form {
    display: block;
    width: 100%;
    text-align: center;
}
.sta-form .domain-controls > div {
    display: table-cell;
}
.sta-form .domain-controls {
    display: table;
    width: 100%;
}
.sta-form .dot {
    color: #FFFFFF;
    display: inline-block;
    width: 7px;
}
.sta-form .field + label.has-error,
.sta-form .field:focus + label,
.sta-form .field:valid + label {
    top: -13px;
    color: #CCCCCC;
    font-size: 10px;
}
.sta-form .field + label:not(.has-error) {
    top: 3px;
    left: 0;
}
.sta-form .field + label {
    position: absolute;
    color: #CCCCCC;
    left: 0;
}
.sta-form .field-select {
    background-color: transparent;
    -webkit-appearance: none;
    padding-left: 2px;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    border: 0;
    color: #FFFFFF;
}
.sta-form .field:-ms-input-placeholder {
    color: #FFFFFF;
}
.sta-form .field::-moz-placeholder {
    color: #FFFFFF;
}
.sta-form .field::-webkit-input-placeholder {
    color: #FFFFFF;
}
.sta-form .field:not(select) {
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    outline: 0;
}
.sta-form .field {
    -webkit-appearance: none;
    padding-left: 0;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    border: 0!important;
    background-color: transparent!important;
}
.sta-form .terms a {
    color: #BBBBBB;
    text-decoration: underline;
}
.sta-form .terms {
    font-size: 11px;
    color: #BBBBBB;
}
.sta-form h2 {
    color: #DDDDDD;
    margin: 0 0 0.8em;
    font-weight: normal;
    font-size: 18px;
}
.sta-form label {
    font-size: 13px;
}
.sta-form option {
    color: initial;
}
.sta-form {
    display: inline-block;
    border-radius: 4px;
    padding: 20px;
    color: #FFFFFF;
}
.sta-hero-container-index .ctas {
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sta-hero-container-index {
    margin-bottom: 0;
}
.sta-hero-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    margin-bottom: 3em;
}
.sta-lets-h1 {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: normal;
    margin: 0;
}
.sta-lets.sta-lets-index .ctas {
    color: silver;
}
.sta-lets.sta-lets-index {
    min-height: 550px;
}
.sta-lets > div:first-child {
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
}
.sta-lets > div {
    display: table-cell;
    vertical-align: middle;
}
.sta-lets {
    padding: 20px 0;
    display: table;
}
#sta-dom-result {
    position: absolute;
    top: -15px;
    right: 0;
}
.lf-dom .company {
    font-weight: bold;
}
.lf-dom .domain {
    font-size: 11px;
    color: #757575;
}
.lf-dom div span {
    display: block;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lf-dom div:last-child {
    vertical-align: middle;
}
.lf-dom-open,
.lf-login {
    background: rgba(179,179,179,0.15);
}
.lf-dom.lf-dom-open,
.lf-dom:hover {
    text-decoration: none;
    background-color: #EEEEEE;
}
.lf-dom:not(:last-child):not(.lf-dom-open) {
    border-bottom: 1px solid #BBBBBB;
}
.lf-dom > div:last-child {
    width: 25px;
}
.lf-dom > div {
    padding: 0 12px;
    display: table-cell;
}
.lf-doms {
    max-height: 390px;
    overflow: auto;
    max-width: 100%;
    margin-bottom: 20px;
}
.lf-dom {
    display: table;
    padding: 10px 0;
    color: #333333;
    cursor: pointer;
    width: 100%;
}
.lf-forgot {
    position: absolute;
    right: 11px;
    top: 6px;
}
.lf-login-table input[type=text],
.lf-login-table input[type=password] {
    width: 100%;
    height: 30px;
    padding: 0 10px;
}
.lf-login-table {
    padding-top: 20px;
}
.lf-login {
    background-color: #F4F4F4;
    padding: 0 10px 10px;
    border-bottom: 1px solid #BBBBBB;
}
.lf-results .lf-dom.lf-dom-open {
    border-bottom: 0;
}
.hero-bulb .hero-content-cta .button:hover {
    background-color: #B85335;
}
.hero-bulb .hero-content-cta .button {
    background-color: #D87355;
    font-size: 20px;
    padding-left: 60px;
    padding-right: 60px;
}
.hero-bulb .hero-content-cta {
    position: relative;
}
.hero-bulb .hero-heading,
.hero-bulb .hero-subheading {
    color: #FFFFFF;
}
.hero-bulb {
    border-top: 3px solid #5A5A5A;
    background-color: #0091A0;
}
.hero-teamwork .and {
    background: url(/i/underline.svg) bottom no-repeat;
    background-size: contain;
    background-position: 3px bottom;
    padding-bottom: 3px;
}
.hero-teamwork .hero-content-cta .button:hover {
    background-color: #B85335;
}
.hero-teamwork .hero-content-cta .button {
    background-color: #D87355;
    font-size: 20px;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 29px;
}

.hero-teamwork .hero-content-cta {
    position: relative;
}
.hero-teamwork .hero-content {
    overflow: hidden;
}
.hero-teamwork .hero-heading {
    color: #57494E;
    text-align: center;
}
.hero-teamwork .hero-subheading {
    padding-right: 0;
    margin-top: 19px;
    margin-bottom: 49px;
    text-align: center;
}
.hero-teamwork {
    border-top: 3px solid #5A5A5A;
    background-color: #E8ECEF;
}


@media (max-width:1100px) {
    .hero-teamwork .hero-content-col {
        text-align: center;
    }

    .hero-teamwork .hero-content-col img {
        max-width: 85vw;
        height: auto;
        margin-top: 30px;
        margin-bottom: -11px;
    }

    .hero-teamwork .hero-heading {
        margin-bottom: 0;
    }

    .hero-teamwork .hero-heading,
    .hero-teamwork .hero-subheading {
        padding-left: 20px;
        padding-right: 20px;
    }
}


#s-hero {
    position: relative;
    height: 415px;
    background: url(/i/home/hero-intervals-time-task-project-tracking.jpg) center bottom no-repeat #5B5340;
    background-size: cover;
}
#s-hero .s-filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
}
#s-hero .s-content {
    display: table;
    width: 1150px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
#s-hero .s-text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}
#s-hero .s-text-wb {
    padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 10px;
}
#s-hero .s-title {
    font-family: var(--font-family-brand);
    font-size: 33px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    padding-bottom: 0.2em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
#s-hero .s-subtitle {
    font-family: var(--font-family-brand);
    font-size: 23px;
    font-weight: normal;
    font-weight: 300;
    color: #FFFFFF;
    margin: 0;
    padding-bottom: 1em;
    line-height: 36px;
    max-width: 25em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
#s-hero .s-video {
    margin-left: 25px;
    color: #FFFFFF;
    white-space: nowrap;
    line-height: 45px;
    margin-top: 52px;
}
#s-hero .s-video-icon {
    display: inline-block;
    width: 22px;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 11px;
    text-align: center;
    padding-left: 2px;
    margin-right: 0.5em;
    line-height: 22px;
    font-style: normal;
}
#s-hero .s-video-icon:before {
    content: '\25BA';
    color: #444433;
}
.s-customers {
    display: table;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 61px;
    background: rgba(0,0,0,0.5);
    white-space: nowrap;
}
.s-customers * {
    font-size: 0;
}
.s-customers-bound {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 1150px;
    height: 100%;
    margin: 0 auto;
}
.index-hr {
    height: 3em;
    position: relative;
}
.index-hr {
    height: 70px;
    position: relative;
}
.index-hr:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    background: #DDDDDD;
}
.youtube-container {
    position: relative;
    cursor: pointer;
    background: center center/cover no-repeat #FFFFFF;
    padding-bottom: 56.25%;
    height: 0;
    clear: both;
    text-align: center;
}
.youtube-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.youtube-container img {
    max-width: 100%;
    height: auto;
}
.playable:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 1;
}
.playable:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url(/i/videos/play.png) no-repeat;
    z-index: 1;
    pointer-events: none;
}
#r-hero {
    background-image: url(/i/r/agency-time-tracking.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 465px;
    position: relative;
    background-size: cover;
}
#r-hero .r-text {
    position: absolute;
    left: -1px;
    top: 37px;
    width: 436px;
    height: 274px;
    padding: 44px 38px 0 23px;
}
#r-hero .r-title {
    margin: 0;
    color: #FF6600;
    font-size: 33px;
    font-weight: bold;
}
#r-hero .r-subtitle {
    margin: 19px 0 0;
    color: #666666;
    font-size: 23px;
    font-weight: normal;
    line-height: 37px;
}
#r-hero.bg-office .r-title {
    color: #FFFFFF;
}
#r-hero.bg-office .r-subtitle {
    color: #D0C9BF;
}
#r-hero.bg-lounge .r-text {
    background: rgba(255,255,255,0.8);
}
#r-summary {
    padding: 33px 23px 21px;
}
#r-summary .r-head {
    margin-top: 0;
    font-size: 20px;
}
#r-summary .r-sum-col {
    display: table-cell;
    vertical-align: top;
}
#r-summary .r-sum-col p {
    font-size: 15px;
}
#r-summary .r-sum-col:first-child {
    padding-right: 47px;
}
#r-summary .r-sum-col:last-child {
    width: 39%;
}
#r-cameo {
    display: table;
    max-width: 319px;
    min-width: 296px;
}
#r-cameo .profile {
    display: table-cell;
    vertical-align: top;
    width: 67px;
    padding-right: 17px;
}
#r-cameo .profile img {
    border-radius: 44px;
}
#r-cameo .text {
    display: table-cell;
    vertical-align: top;
}
#r-cameo blockquote {
    line-height: 1.6em;
    font-size: 18px;
    text-indent: -0.5em;
    margin: 0;
    font-family: var(--font-family-brand);
}
#r-cameo p {
    margin: 7px 0;
}
.hero-caption-index {
    color: #FFFFFF;
    font-size: 15px;
    background: 0 0;
}
#g-scta img {
    width: 19px;
    height: 19px;
    opacity: 0.5;
    vertical-align: text-bottom;
}
#g-scta,
.g-scta-lm a {
    display: inline-block;
    color: #CCCCCC;
    font-size: 16px;
    cursor: pointer;
}
#g-hero #hero-two-tale {
    display: inline-block;
}
#g-hero #hero-two-minute {
    display: none;
}
div#g-cameo div blockquote {
    line-height: 140%;
    font-size: 18px;
    text-indent: -0.5em;
    margin: 7px 37px 0 0;
}
div#g-cameo div img {
    float: left;
    margin-right: 17px;
    margin-bottom: 67px;
}
div#g-cameo div p {
    margin: 7px 0;
}
div#g-cameo > div {
    float: left;
    width: 50%;
}
div#g-cameo {
    padding: 43px 23px 27px;
    display: inline-block;
    width: 100%;
}
div#g-pricing h3:not(.plan-name) {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 10px;
}
div#g-pricing h4:not(.plan-price) {
    color: #333333;
    font-size: 15px;
    margin: 0 0 20px;
    font-weight: normal;
    line-height: 19px;
}
div#g-pricing {
    padding: 0 23px 21px;
    border-bottom: 1px solid #BBBBBB;
}
div#g-hero h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 150%;
    width: 375px;
    margin: 17px 0 23px;
}
div#g-hero .hero-img,
.hero-img-index {
    display: inline-block;
    position: relative;
    width: 49%;
    vertical-align: bottom;
    font-size: 0;
    max-width: 460px;
}
.hero-img-index {
    width: 100%;
    max-width: 100%;
}
div#g-hero .video-img,
.video-img-index {
    width: 100%;
    height: auto;
    cursor: pointer;
    position: relative;
}
div#g-hero .video-img img,
.video-img-index img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
div#g-hero .hero-caption,
.hero-caption-index {
    display: inline-block;
    width: 460px;
    max-width: 460px;
    padding: 5px 0;
    text-align: center;
    color: #DDDDDD;
    background: #333322;
}
div#g-hero {
    display: inline-block;
    background: url(/i/g/time-tasks-reports-background.png) center no-repeat;
    width: 100%;
    height: 305px;
    color: #FFFFFF;
    position: relative;
}
div#g-hero h1,
div#g-hero h2 {
    color: #FFFFFF;
}
div#g-hero h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 56px 0 0;
    width: 400px;
}
div#g-hero h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.6em;
    width: 375px;
    margin: 17px 0 23px;
}
div#g-hero .hero-text {
    display: inline-block;
    width: 49.5%;
    height: 100%;
    padding-left: 23px;
}
div#g-hero .hero-img {
    display: inline-block;
    position: relative;
    width: 49%;
    vertical-align: bottom;
    font-size: 0;
}
div#g-hero .video-img {
    width: 460px;
    height: auto;
    cursor: pointer;
}
div#g-hero .video-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
div#g-hero .hero-caption {
    display: inline-block;
    width: 460px;
    font-size: 15px;
    padding: 5px 0;
    text-align: center;
    color: #DDDDDD;
    background: #333322;
}
#r-try {
    background-color: #E8ECEF;
    margin-top: 0;
    padding: 23px;
    width: 100%;
}
#r-try h3 {
    font-size: 15px;
    line-height: 1.6em;
    font-weight: normal;
    color: #444444;
    margin: 0;
    padding: 0;
}
#r-try .r-try-col {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}
#r-try .cta-subdued {
    margin-right: 30px;
}
#r-try .r-try-col:last-child {
    text-align: right;
}
#r-try a {
    display: inline-block;
}

.c-logos {
    text-align: center;
    margin: 0;
    padding: 0;
}
.c-logos span {
    display: none;
}
.c-logos-bw {
    display: table;
    margin: 0 auto;
    padding: 0;
    opacity: 0.7;
}
.c-logos-bw li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 5px 10px;
}
.c-logos-bw img {
    display: inline-block;
    width: auto;
    max-width: 65%;
}
.c-logos li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
    background-image: url(/i/customer-logos/sprite.png);
    background-repeat: no-repeat;
    width: 152px;
    height: 50px;
}

#r-trust .c-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
#r-trust li,
.sta-trust .c-logos li {
            filter: url('data:image/svg+xml;utf8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'><filter%20id=\'grayscale\'><feColorMatrix%20type=\'matrix\'%20values=\'0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200\'/></filter></svg>#grayscale');
            filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-backface-visibility: hidden;
}
#r-trust {
    margin-top: 0;
    padding: 41px 23px 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#r-trust h3 {
    font-size: 15px;
    line-height: 1.6em;
    font-weight: normal;
    color: #444444;
    width: 440px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    width: 280px;
    display: inline-block;
    vertical-align: top;
}
#r-trust .c-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
#r-trust .r-arrow {
    position: relative;
    margin-top: 13px;
    padding-right: 49px;
    font-size: 15px;
    font-weight: bold;
}
#r-trust .r-arrow:before {
    content: '\203A';
    position: absolute;
    right: 0;
    top: -7px;
    font-size: 129px;
    line-height: 46px;
    font-weight: bold;
    color: #BAB8B5;
}
.index-trust {
    display: table;
    width: 100%;
}
.index-trust > div {
    display: table-cell;
}
.index-cameos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.index-cameos > div {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.index-cameos > div > div:first-child {
    margin-right: 17px;
}
.index-cameos .profile img {
    border-radius: 3px;
    border: 1px solid #BBBBBB;
}
.index-cameos .quote {
    line-height: 140%;
    font-size: 18px;
    margin: 7px 37px 0 0;
    text-indent: -0.5em;
}
.index-cameos .quote:before {
    content: '“';
}
.index-cameos .quote:after {
    content: '”';
}
.index-cameos p {
    margin: 7px 0;
}
.index-cameo-logo {
    height: 50px;
}
.index-cameo-lw img {
    height: 43px;
}
.index-calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.index-calc > div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.index-calc > div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.index-calc > div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.index-calc > div:last-child div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.index-calc > div:last-child img {
    max-width: 120px;
    max-height: 120px;
    margin: 1em;
}
.index-calc > div:last-child img {
    max-width: 120px;
    max-height: 120px;
    height: auto;
    margin: 1em;
}
#r-grid {
    padding: 17px 23px 47px;
    text-align: center;
}
#r-grid a {
    color: #DD6600;
}
#r-grid .r-price {
    color: #000000;
    border-bottom: 2px solid #B2B2B2;
    padding-bottom: 8px;
    font-size: 19px;
}
#r-grid .r-plan {
    display: inline-block;
    text-align: center;
    width: 19%;
    min-width: 176px;
}
#r-grid h2.r-grid-title {
    font-size: 29px;
    margin-bottom: 0;
}
.r-checklist {
    margin-left: 0;
    font-size: 15px;
    list-style-type: none;
    list-style-position: inside;
}
.r-checklist li {
    margin-bottom: 9px;
    margin-left: 20px;
}
.r-checklist li:before {
    content: '\2713';
    margin-right: 0.3em;
    color: #669933;
    font-weight: bold;
    margin-left: -1.25em;
}
#g-video {
    margin-top: 67px;
    padding: 0 23px;
    display: table;
    width: 100%;
}
#g-video.r-video {
    margin-top: 11px;
}
#g-video div:first-child {
    display: table-cell;
    vertical-align: top;
}
#g-video div h3 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    max-width: 300px;
    display: block;
}
#g-video div p {
    display: block;
    margin-top: 7px;
    max-width: 300px;
}
#g-video div.video-img {
    display: table-cell;
    text-align: right;
    position: relative;
    width: 558px;
}
#g-video img {
    max-width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDCC;
    cursor: pointer;
    margin-bottom: -3px;
}
div#g-calculator {
    padding: 27px 23px;
    background-color: #E8ECEF;
}
div#g-poplinks {
    padding: 27px 23px 21px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #BBBBBB;
    display: inline-block;
    width: 100%;
}
div#g-poplinks.r-poplinks {
    border: 0;
    padding-top: 11px;
}
.pop-lg-icon {
    width: 40px;
    margin-right: 7px;
    vertical-align: middle;
}
.pop-lg-videos {
    background-position: -408px -454px;
    height: 45px;
    margin-top: -4px;
}
.pop-lg-tour {
    background-position: -408px -499px;
    height: 50px;
}
.pop-lg-screenshots {
    background-position: -408px -412px;
    height: 42px;
}
.seesay-icon {
    width: 66px;
    float: left;
}
.seesay-clock {
    background-position: -269px -419px;
    height: 67px;
}
.seesay-clip {
    background-position: -336px -410px;
    height: 76px;
}
.seesay-pie {
    background-position: -269px -498px;
    height: 67px;
}
.calc-icon {
    margin-top: 5px;
    width: 67px;
    height: 84px;
    background-position: -336px -491px;
    float: left;
}
.nbi {
    background: url(/i/layout/new-badges.png) no-repeat;
    display: inline-block;
    width: 70px;
    height: 90px;
}
.nb_bbb {
    background-position: -70px 0;
}
.nb_pci {
    background-position: -140px 0;
}
ul#links {
    margin: 0;
    padding-top: 27px;
    list-style-type: none;
    float: left;
}
ul#links li {
    line-height: 30px;
    margin-right: 23px;
    display: inline-block;
}
ul#links li a {
    color: #333333;
}

ul#trust {
    list-style-type: none;
    float: right;
    font-size: 0;
}
ul#trust li {
    display: inline-block;
    font-size: 0;
}
ul#trust li {
    margin-right: 17px;
    display: inline-block;
    font-size: 0;
}
ul#trust.tight-trust li,
ul#trust li:last-child {
    margin-right: 0;
}
ul#trust a {
    margin-left: 0;
}
div.case-legacy h2 {
    font-weight: normal;
}
div.case-legacy h4 {
    margin-top: 3em;
}
div.case-legacy blockquote {
    line-height: 1.6em;
    border-left: 3px solid #CCCCCC;
    padding-left: 9px;
    font-style: italic;
    font-weight: 500;
}
div.case h4 {
    margin-bottom: 0;
}
span.quote {
    color: #DDDDDD;
    font-family: Garamond,Georgia,Times New Roman,Times,serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 0;
    vertical-align: bottom;
    margin-left: 0;
    margin-right: 9px;
}
div.case-studies-single {
    padding-top: 20px;
}
div.case-studies-hero img {
    margin: 0 0 13px;
}
div.case-studies h1 {
    margin-bottom: 0;
}
div.case-studies h2 {
    margin-top: 24px;
    font-size: 18px;
    line-height: 27px;
    color: #333333;
    font-weight: normal;
}
div.case-studies h3 {
    color: #333333;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
}
div.case-studies-logo {
    float: right;
    margin: 2em 1em 1em 2em;
}
div.case-studies blockquote {
    width: 40%;
    float: right;
    border-left: 1px solid #999999;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    padding: 29px 0 31px 23px;
    margin: 0 0 11px 7px;
    background-image: url(/i/case-studies/quote.png);
    background-repeat: no-repeat;
}
ul.case-studies-links {
    margin: 27px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
ul.case-studies-links li {
    padding-right: 21px;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    list-style-type: none;
    margin-bottom: 39px;
}
ul.case-studies-links li div {
    height: 59px;
    height: auto;
}
ul.case-studies-links li h3 {
    color: #333333;
    margin-bottom: 0;
    font-weight: bold;
}
ul.case-studies-links li p {
    line-height: 21px;
}
ul.case-studies-links li p a {
    font-weight: bold;
    margin-top: 0.6em;
    display: block;
}
ul.case-studies-links.case-studies-index li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-bottom: 2em;
}
ul.case-studies-links.case-studies-index li p {
    margin-top: 11px;
}
ul.case-studies-links.case-studies-index li p q {
    font-style: italic;
    line-height: 1.5em;
    quotes: '' '';
}
ul.case-studies-links.case-studies-index li p q:before {
    content: '\201C';
    margin-left: -6px;
}
ul.case-studies-links.case-studies-index li p q:after {
    content: '\201D';
}
ul.case-studies-links.case-studies-index li h3 + p {
    margin-top: 0;
    line-height: 155%;
}
div.case-studies-snapshot h3 {
    font-size: 15px;
    margin-top: 37px;
}
div.case-studies-snapshot ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
div.case-studies-snapshot blockquote {
    font-size: 15px;
    line-height: 25px;
    background-image: url(/i/case-studies/squote.png);
    background-repeat: no-repeat;
    margin-left: -21px;
    padding-left: 21px;
}
div.case-studies-squares {
    margin-top: 17px;
}
div.case-studies-squares a {
    display: inline-block;
    margin: 0 3px 3px 0;
}
div.case-studies-snapshot.case-studies-index p {
    line-height: 1.75em;
}
div.case-studies-snapshot.case-studies-index ul,
.case-studies-more-about ul {
    list-style-type: disc;
    margin-left: 15px;
}
ul.case-studies-links.case-studies-index span {
    background: url(/i/happy/profile/sprite6.png) no-repeat;
    width: 41px;
    height: 41px;
    display: inline-block;
}
#tour-experience div.page-heading-wrapper h1 {
    margin-top: 0;
}
#tour-experience div.page-heading-wrapper h2 {
    margin-top: 0;
    font-size: 16px!important;
    padding-top: 0;
}
.page-heading-wrapper {
    display: table;
    width: 100%;
}
.page-heading-wrapper > div {
    display: table-cell;
    vertical-align: top;
}
.page-heading-wrapper > div:last-child {
    width: 281px;
}
.solutions-intro {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    padding: 19px;
    padding-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
.solutions-text {
    min-height: 130px;
}
.solutions-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -19px;
}
.solutions-intro {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    padding: 19px;
    padding-bottom: 2em;
}
.solutions-section {
    border-top: 1px solid #DDDDDD;
    margin-top: 1.5em;
}
.sol-img {
    height: 75px;
    display: block;
    margin: auto;
    overflow: hidden;
}
.sol-img img {
    width: auto!important;
    height: 75px!important;
}

#api code,
#api pre,
#api tt {
    font-family: 'Geist Mono',Consolas,'Liberation Mono',Menlo,Courier,monospace;
}
#api code,
#api pre {
    background-color: #EEEEEE;
    padding: 11px 23px 15px 7px;
    border: 1px solid #DDDDDD;
    display: block;
    margin: 0 0 11px;
}
#api .inline-code {
    display: inline-block;
    padding: 0 0.5em;
    margin: 0;
    font-size: 14px;
    border-radius: 3px;
    line-height: 20px;
}
#api .highlight {
    background-color: #fef9c2;
    padding: 11px 23px 15px 7px;
    /* border: 1px solid #DFD994; */
    display: block;
    margin: 19px 0;
}
#api table {
    border-collapse: collapse;
    width: 100%;
}
#api table td,
#api th {
    border: 1px solid #DDDDDD;
    color: #555555;
}
#api table thead th {
    background-color: #DDDDDD;
}
#api table.codes tr td:first-child {
    font-weight: bold;
    text-align: center;
}

#tour-experience.solutions-home-box {
    padding: 0 23px;
}
#tour-experience.solutions-home-box h2:first-child {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
}
#tour-experience div.solutions-intro h2 {
    font-size: 21px;
    margin: 0.5em 0;
    font-weight: 500;
}
#tour-experience div.solutions-intro h2 a,
#tour-experience div.solutions-intro h2 a:visited {
    color: #333333;
}
#tour-experience div.solutions-intro p {
    margin: 0.5em 0 0;
}
#tour-experience div.solutions-intro p.solutions-learn-more {
    margin: 0;
}
#tour-experience div.solutions-intro div {
    height: 87px;
}
#tour-experience div.solutions-intro div img {
    margin-top: 2em;
}
div.solutions-cta #thirtydays a {
    padding: 9px;
    width: 220px;
}
div.solutions-cta {
    text-align: center;
    float: right;
    margin: 0;
}
div.solutions-cta img {
    margin-bottom: 11px;
    border: 0!important;
}
div.solutions-column .cta2 {
    margin-top: 29px;
    border-top: 1px solid #CCCCCC;
}
#tour-experience .cta2 h2 {
    margin-top: 0;
    padding-top: 1em;
}
#tour-experience div.page-heading-wrapper h1 {
    margin-bottom: 0;
}
div.solutions-column h1 {
    font-size: 25px;
    color: #444433;
}
div.solutions-column h2 {
    font-size: 21px!important;
    color: #555555;
    padding-top: 1.5em;
    font-weight: normal;
}
div.solutions-column img {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 100%;
    height: auto;
}
div.solutions-column .tourIconLeft img {
    width: 360px;
    max-width: 100%;
}
div.solutions-column p,
div.solutions-column ul li {
    font-size: 16px!important;
}
div.solutions-column h2:first-of-type {
    margin-top: 2em;
}
div.solutions-column div.tour-part ul {
       -moz-column-count: 3;
    -webkit-column-count: 3;
            column-count: 3;
       -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
            column-gap: 20px;
    list-style-position: outside;
}
div.solutions-column div.tour-part li {
    margin-left: 20px;
    list-style-position: initial;
}
.ext-review-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.ext-review-logos > div {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
}
.ext-review-logos img {
    margin: 20px 0;
    max-height: 150px;
    max-width: 150px;
}
.ext-reviews {
    padding: 0 20px;
}
.qbo-referral .left-column {
    width: 550px;
}
.qbo-referral .right-column {
    width: 410px;
    padding-top: 100px;
}
.qbo-referral .wide-column {
    padding-top: 0;
}
.summary {
    font-style: italic;
    margin-bottom: 1em;
}
.searchresults {
    margin: 2em 0 2em 23px;
}
.searchresults li {
    margin-bottom: 9px;
}
.searchresults li a.main {
    color: #2980B9;
    font-weight: bold;
}
.searchresults li a.url {
    color: #666666;
    font-weight: bold;
    word-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
}
.searchresults .highlight {
    background-color: #FFFBBE;
}
.searchpadding {
    padding: 20px;
    text-align: left;
}
#tour-experience div.tour-part {
    clear: both;
    border-top: 1px solid #DDDDDD;
    display: inline-block;
    margin: 3em 0 0;
    padding: 3em 0 0;
    width: 100%;
}
#tour-experience div.tour-part ul,
#tour-experience div.tour-part ol {
    list-style-position: outside;
}
#tour-experience div.tour-part li {
    font-size: 15px;
    line-height: 1.5em;
}
#tour-experience div.tour-part p {
    font-size: 15px;
}
#tour-experience div.tour-part h2 {
    font-size: 18px;
    margin-top: 0;
}
#tour-experience div.tour-part.tour-topped {
    margin-top: 2.5em;
    padding-top: 2.5em;
}
#tour-experience div.tour-part.tour-topped h2 {
    padding-top: 0;
}
#tour-experience .tour-img {
    -webkit-box-shadow: 0 0 1px #A9A9A9,0 3px 5px rgba(0,0,0,0.1);
            box-shadow: 0 0 1px #A9A9A9,0 3px 5px rgba(0,0,0,0.1);
    max-width: 97%;
}
#tour-experience .tour-more {
    clear: both;
}
#tour-experience .tour-more > p {
    margin-top: 0;
}
#tour-experience .tour-more > h2 {
    margin-bottom: 1em;
}
#tour-experience .tour-more-link {
    font-weight: bold;
}
#tour-experience .tour-video {
    width: 200px;
}
#tour-experience .video-overlay {
    text-align: right;
    margin-top: -50px;
    margin-right: 15px;
    line-height: 110%;
    margin-bottom: 3em;
    padding-right: 40px;
}
#tour-experience .video-overlay strong {
    font-size: 13px;
    color: #333333;
    display: inline-block;
    margin-top: 10px;
}
#tour-experience .video-overlay span {
    font-size: 11px;
    color: #9B9B9B;
}
#tour-experience #tour-timedemo {
    width: 350px;
    margin: 0 0 15px 15px;
    float: right;
}
#tour-experience div.tourIconLeft {
    margin: 0 41px 15px 0;
}
#tour-experience div.tourIconRight {
    margin: 0 0 15px 41px;
}
#tour-experience h1 {
    margin-top: 0;
}
#tour-experience h2 {
    margin-top: 24px;
    margin-bottom: 0;
}
.tourNavLinks {
    display: table;
    width: 100%;
}
.tourNavLinks > div {
    display: table-cell;
    width: 50%;
    margin: 10px 0;
}
.tourNavLinks div:last-child {
    text-align: right;
}
div.tourLinkPrevious,
div.csLinkPrevious {
    float: left;
}
div.tourLinkNext,
div.csLinkNext {
    float: right;
}
div.csLinkPrevious,
div.csLinkNext {
    margin-top: 2em;
}
.messageError {
    border: 1px solid silver;
    border-left: 3px solid #990000;
    margin: 10px 0;
    padding: 10px;
}
.messageSuccess {
    color: green;
}
.content-sitemap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.content-sitemap > div {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
}
.float-left {
    float: left;
}
.float-none {
    float: none;
    display: block;
}
ul.totals {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.bio-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.bio-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0 21px 31px 0;
}
#one {
    margin-top: 40px;
}
div.why h3 {
    margin: 2em 0 0.75em;
    padding: 0 0 0.5em;
    font-size: 15px;
    color: #333333;
    border-bottom: 1px solid #CCCCBB;
}
.fq {
    border-top: 1px solid #BBBBBB;
}
.fq .h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}
a[class=fq-q] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    cursor: pointer;
    padding: 1em 0;
    color: #333333;
    text-decoration: none;
}
.fq-q .fq-t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.fq-q .i {
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    font-size: 18px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.fq-q .icon-up-open {
    color: #EE5500;
}
.fq-q:hover,
.fq-q:active {
    text-decoration: none;
    color: #666666;
}
.fq-q:hover .i {
    color: #FF6600;
}
.fq > div > div p:first-child {
    margin-top: 0;
}
div.happy {
    margin-top: 27px;
    margin-bottom: 39px;
    display: inline-block;
}
div.happy blockquote {
    line-height: 21px;
    margin-right: 47px;
    clear: left;
    margin-bottom: 0.75em;
    position: relative;
    padding-left: 20px;
}
div.happy blockquote:before {
    content: '“';
    position: absolute;
    left: -4px;
    top: 12px;
    font-size: 50px;
    font-family: Georgia,serif;
    color: silver;
}
div.happy blockquote:after {
    content: '”';
    font-size: 49px;
    font-family: Georgia,serif;
    color: silver;
    line-height: 0;
    margin-bottom: -21px;
    display: inline-block;
    -webkit-transform: translateY(27px);
            transform: translateY(27px);
}
div.happy blockquote span {
    font-weight: normal;
}
.happy-logo {
    float: left;
    text-align: center;
    width: 121px;
    min-height: 43px;
}
.happy-profile {
    float: left;
    border: 1px solid silver;
    margin: 0 5px;
    display: block;
    background: url(/i/happy/profile/sprite6.png) no-repeat;
    width: 40px;
    height: 49px;
    border-radius: 4px;
}
div.happy p {
    float: left;
    width: 351px;
}
div#right div.happy p {
    width: 181px;
}
div#right div.happy {
    border-top: 1px dotted #999988;
    padding-top: 11px;
    border-bottom: 1px dotted #999988;
    padding-bottom: 11px;
    margin-bottom: 11px;
}
div.happy ul {
    margin: 0;
    padding: 0;
}
div.happy ul li {
    margin: 0;
    padding: 0;
    margin-left: 25px;
    padding-left: 0.2em;
    text-indent: 0;
}
div.happy .reviewed {
    display: none;
}
div.happy cite {
    display: inline-block;
    width: 100%;
    padding-left: 9px;
}
div.happy .block {
    display: block;
}

#adam_weston {
    background-position: 0 0;
}
#adamlandrum {
    background-position: 0 -49px;
}
#aimee {
    background-position: 0 -98px;
}
#beverly_brown_dees {
    background-position: 0 -147px;
}
#bobruffolo {
    background-position: 0 -196px;
}
#clark_becker {
    background-position: 0 -245px;
}
#dave_hime {
    background-position: 0 -294px;
}
#david_robinson {
    background-position: 0 -343px;
}
#emily_kim {
    background-position: 0 -392px;
}
#erik_ford {
    background-position: 0 -441px;
}
#ivana_misci {
    background-position: 0 -490px;
}
#jeffday {
    background-position: 0 -539px;
}
#joe_cincotta {
    background-position: 0 -588px;
}

#leo_roque {
    background-position: 0 -637px;
}
#lisa_thayer {
    background-position: 0 -686px;
}
#marc_pitre {
    background-position: 0 -735px;
}
#mattdandurand {
    background-position: 0 -784px;
}
#pam_blackman {
    background-position: 0 -833px;
}
#paula_tade {
    background-position: 0 -882px;
}
#profile-imbue {
    background-position: 0 -931px;
}
#rotger_wesener {
    background-position: 0 -980px;
}
#sandra_warren {
    background-position: 0 -1029px;
}
#sebastian {
    background-position: 0 -1078px;
}
#sokolenko_boris {
    background-position: 0 -1127px;
}
#trena_stubbs {
    background-position: 0 -1176px;
}
#trent_lewis {
    background-position: 0 -1225px;
}
#kara_obrien {
    background-position: 0 -1274px;
}
#casey_christensen {
    background-position: 0 -1323px;
}
#bill_grey {
    background-position: 0 -1372px;
}
#lukas_linemayr {
    background-position: 0 -1413px;
}
#casey_holloway {
    background-position: 0 -1472px;
}
#paul_smit {
    background-position: 0 -1521px;
}
#christine_shaw {
    background-position: 0 -1570px;
}

a#g-cta-1:active {
    text-decoration: none;
    background: #DF5001;
}
a#g-cta-1 {
    display: inline-block;
    float: left;
    margin-right: 18px;
    font-size: 16px;
}
a#g-cta-2 {
    display: inline-block;
    padding: 14px 9px;
    color: #FFFFFF;
    font-size: 16px;
}
.cta-default {
    background-color: #D87355;
    padding: 14px 23px;
    font-weight: 500;
    color: #FFFFFF!important;
    border-radius: 3px;
}
.cta-default:hover {
    text-decoration: none;
    background: #B85335;
}
.cta-subdued {
    background-color: #999988;
}
.cta-subdued:hover {
    background-color: #838375;
}
.cta-r {
    display: table;
    width: 100%;
}
div.pinstripe {
    font-size: 0;
    line-height: 0;
    height: 4px;
    background-color: #6688CC;
}
#new-window-mask {
    opacity: 0.3;
    position: fixed;
    background: #000000;
    width: 100%;
    height: 100%;
    z-index: 999;
}
#new-window-container {
    position: fixed;
    z-index: 1000;
    left: 50%;
    border-radius: 3px;
}
.flex-win-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
#new-window-content {
    background: #FFFFFF;
    padding: 25px;
    -webkit-box-shadow: 0 4px 16px rgba(122,122,122,0.3);
            box-shadow: 0 4px 16px rgba(122,122,122,0.3);
    border-radius: 3px;
}
#new-window-close {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    padding: 0 7px 3px;
    text-decoration: none;
    background-color: #000000;
    color: #BBBBBB;
}
#new-window-close:hover {
    background-color: #BBBBBB;
    color: #000000;
}
#new-window-close.search-close {
    position: absolute;
    top: -30px;
    color: #FFFFFF;
    font-size: 22px;
    right: -6px;
    cursor: pointer;
    background: 0 0;
}
#new-window-caption {
    padding-top: 8px;
}
#new-window-prev {
    left: 0;
    border-radius: 0 3px 3px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAhCAYAAADZPosTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNpi+v//PwOFmAeI24GYDcSn1DB+ID72HwK2gAylxDAhID7zHxV4kGuYKBCfRzLoDxAnkOtlCSC+imZYLEyeVMOkgfgGmmFRyGpIMUwOiO8hGfYTiEPQ1RFrmCIQP0QzzA+bWmIMUwfiJ0iGfQPFJi71hAzTAuLnaIY54dNDimGfgdiGkI9wSRgA8Ss0wyyJCW9sgsZA/BbJsA/EGobNQEuoATDwFmoBAzkGZgDxVyTDXkG9zkCOgVlA/A/JsOfQSGEgx0BQqfEXLTt5kFsK0cSFNAlDmsQyTdIhTXIKTfIyTUobmpSHNCmxaVKn0KTWo0m9TJOWA03aNjRpfWFtHwIEGAAvYzdmgVVp2QAAAABJRU5ErkJggg==) center no-repeat #000000;
}
#new-window-next {
    right: 0;
    border-radius: 3px 0 0 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAhCAYAAADZPosTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP1JREFUeNrM1k8HAkEcxvE5dYqIiIhO0Sk6RadOnTp1iuiY3khvqNfQKTpFp4hYlmVJEdX0jGb4NafV7zm0fA9dPrvt7Pwx1lqDSmiFyv73zwVsbT/XBlW04Mh+X1tU1YCuOXoIdIdqGtA1i9A9qmtA1zRCD6ihAV0TdBfoETU1oGscoSfU0oBh9G8CPaO2BnQNIzRBHQ3oGqBLUbTo6PUjNEVdDRjQXKAZ6mlA44FMoLm/0c+g8X81FegVLTSg8YOSCPSFlhowfKdymj7dKvUXT0h9h9RRpn6H1JlCncvU1Ya6HlJXbOqeQt31qPsy9eRAP9vQT1/U8+FbgAEAmZs3ZJ+G36AAAAAASUVORK5CYII=) center no-repeat #000000;
}
.new-window-pn {
    width: 35px;
    height: 100px;
    position: absolute;
    border-width: 1px;
    border-color: #141414;
    display: inline-block;
    top: 45%;
    cursor: pointer;
}
.new-window-pn:hover {
    background-color: #BBBBBB!important;
    border-color: #141414;
}
.new-window-pn:active {
    background-color: #CCCCCC!important;
    border-color: #141414;
}
@media (min-width:1024px) {
    .search-container {
        width: 450px;
        position: relative;
    }
}
@media (max-width:767px) {
    .search-container {
        width: 80vw;
        position: relative;
    }
}
.videos {
    padding: 1em 0;
    border-top: 1px solid #6687CB;
}
.video-category-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.video-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.video-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    width: 340px;
}
.video-thumb {
    -ms-flex-preferred-size: 145px;
    flex-basis: 145px;
    padding-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.video-desc {
    -ms-flex-preferred-size: 160px;
    flex-basis: 160px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.column-left {
    float: left;
    width: 600px;
}
.column-right {
    float: left;
    width: 370px;
}
.cs h2 {
    font-size: 16px;
}
.cs {
    padding-top: 1px;
    margin-bottom: 13px;
}
.cs ul.case-studies-links.case-studies-index li {
    display: inline-block;
    width: 23%;
    float: none;
    margin-bottom: 0;
    vertical-align: top;
}
.fbfull {
    clear: both;
    margin: 20px 20px 0;
}
.fourth {
    width: 23%;
    float: left;
    margin-right: 15px;
}
q {
    display: block;
    min-height: 80px;
}
.cta {
    border-radius: 5px;
}
#home-logos {
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #AAAAA7;
}
#sidebar-logos li {
    width: 49%;
}
.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
}
.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
}
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    width: 260px;
    padding: 8px;
    color: #333333;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-bottom-color: #BBBBBB;
}
.pika-single.is-hidden {
    display: none;
}
.pika-single.is-bound {
    position: absolute;
    -webkit-box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5);
            box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5);
}
.pika-title {
    position: relative;
    text-align: center;
}
.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    background-color: #FFFFFF;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}
.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    opacity: 0.5;
}
.pika-today {
    position: absolute;
    top: 8px;
    right: 20px;
    background: 0 0;
    border: 0;
    font-size: 10px;
}
.pika-today:hover {
    text-decoration: underline;
    cursor: pointer;
}
.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: 0.2;
}
.pika-select {
    display: inline-block;
}
.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}
.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}
.pika-table th {
    color: #999999;
    font-size: 13px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}
.pika-time {
    width: 50%;
    margin: 0 auto;
}
.pika-time tbody {
    text-align: center;
}
.pika-time-sep {
    width: 10px;
}
.pika-button {
    cursor: pointer;
    display: block;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666666;
    font-size: 13px;
    line-height: 15px;
    text-align: right;
    background: #F5F5F5;
}
.is-outside .pika-button {
    background: #FFFFFF;
    color: #999999;
}
.is-outside .pika-button:hover {
    color: #FFFFFF;
}
.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999999;
    opacity: 0.3;
}
.is-today .pika-button {
    background: #FFFFFF;
    -webkit-box-shadow: inset 0 0 3px #000000;
            box-shadow: inset 0 0 3px #000000;
    font-weight: bold;
}
.is-highlight .pika-button {
    color: #FFFFFF;
    font-weight: bold;
    background: green;
    -webkit-box-shadow: inset 0 1px 3px #6CB997;
            box-shadow: inset 0 1px 3px #6CB997;
    border-radius: 3px;
}
.is-selected .pika-button {
    color: #FFFFFF;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 3px #D3D3D3;
            box-shadow: inset 0 1px 3px #D3D3D3;
    border-radius: 3px;
}
.pika-button:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 3px;
}
.pika-button:hover,
.is-selected .pika-button,
.is-today:hover .pika-button {
    color: #FFFFFF;
    background: #444444;
}
li.nr-message,
li.nr-message:hover {
    background: #C9C7C5;
    color: #2C2C2C;
}
#windowBackground {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    background-color: #000000;
    width: 100%;
    height: 100%;
}
#windowMsg {
    display: none;
    color: #009900;
    padding: 12px 0;
}
.windowMsgError {
    background-color: #ED6C63;
    color: #FFFFFF;
    border-radius: 3px;
}
.windowMsgSuccess {
    background-color: #7EAC4E;
    color: #FFFFFF;
    border-radius: 3px;
}
#windowBar {
    background-color: #6688CC;
    height: 17px;
    padding: 0.25em;
    text-align: right;
}
#windowBar a {
    border: 1px solid #6688CC;
    color: #DDDDDD;
    float: right;
    font-size: 0.75em;
    font-weight: 700;
    padding: 0 0.25em;
    text-transform: uppercase;
}
#windowBar a:hover {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
}
#windowMsgContainer div {
    padding: 12px 0 12px 6px;
}
#windowContainer {
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #999999;
}
#windowContainer h1 {
    font-size: 25px;
    line-height: 27px;
    margin-top: 0;
    margin-bottom: 10px;
}
#windowBar,
#scratchpadBar {
    background-color: #6688CC;
    text-align: right;
    padding: 0.25em;
}
#windowBar a,
#scratchpadBar a {
    font-weight: 700;
    color: #DDDDDD;
    text-transform: uppercase;
    font-size: 0.75em;
    display: inline-block;
    padding: 0 0.25em;
    border: 1px solid #DDDDDD;
}
#windowBar a:hover,
#scratchpadBar a:hover {
    text-decoration: none;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.windowThinker {
    text-align: right;
    padding: 15px 15px 0 0;
    position: absolute;
    right: 25px;
}
.windowCloser {
    text-align: right;
    padding: 15px 15px 0 0;
    position: absolute;
    right: 0;
    font-size: 1.3em;
    color: #999999;
}
.windowCloser:hover {
    color: #0073AA;
    cursor: pointer;
}
#timerounderpos {
    display: inline-block;
    margin: 0.3em 0 0 0.5em;
}
#addtimeBackground {
    position: absolute;
    display: table;
    top: 0;
    left: 0;
    background-color: #000000;
}
#addtimeMsg {
    display: none;
    color: green;
    padding: 12px 0;
}
#addtimeMsgError {
    display: none;
    color: red;
    padding: 12px 0;
}
#centerTable {
    padding: 15px 20px 10px;
}
#centerTable select {
    width: 100%;
}
#centerTablePadding {
    padding: 20px 0;
}
table.stretch {
    width: 100%;
    clear: right;
}
table.fields {
    width: 100%;
    padding: 7px 0 0;
}
table.fields tr {
    background-color: inherit;
}
table.fields td {
    padding: 2px 2px 3px 0;
    line-height: 23px;
}
table.fields th {
    padding: 2px 0 3px;
    width: 13em;
}
table.fields td input.date {
    width: 8em;
}
table.fields td p {
    padding-left: 9px;
    font-style: italic;
    color: #666666;
}
.form-demo,
.form-demo input,
.form-demo select {
    font-size: 14px !important;
}
.timer-demo {
    margin-top: 20px;
    border-top: 1px solid #BBBBBB;
    min-height: 100px;
}
.timer-demo span[class*=icon] {
    font-family: fontello;
    font-size: 21px;
    width: 20px;
    cursor: pointer;
    color: #BBBBBB;
}
.timer-demo span[class*=icon]:hover {
    color: #666666;
}
.sw-s {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    pointer-events: none;
}
.sw-c {
    position: absolute;
    stroke-dasharray: 15.08,15.08;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    stroke: #555555;
    stroke-width: 4.5;
    -webkit-animation: 4s linear infinite sw-a-spin;
            animation: 4s linear infinite sw-a-spin;
}
.sw-st {
    stroke: #555555;
    stroke-width: 4;
}
.sw-co {
    position: absolute;
    top: 8px;
    font-size: 0.1px;
}
.sw-co:before {
    content: '.';
}
.wait-timer {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #BBBBBB;
    border-top-color: #999999;
    -webkit-animation: 1s linear infinite mod-spin;
            animation: 1s linear infinite mod-spin;
    display: inline-block;
    vertical-align: inherit;
    -webkit-transform-origin: 8.5px 8.5px 8.5px;
            transform-origin: 8.5px 8.5px 8.5px;
    margin-left: 0;
    margin-top: -5px;
}
.wait {
    display: inline-block;
    border-radius: 50%;
    border: 0.25rem solid #BBBBBB;
    border-top-color: #666666;
    -webkit-animation: 1s linear infinite mod-spin;
            animation: 1s linear infinite mod-spin;
    background: 0 0;
    width: 22px;
    height: 22px;
    -webkit-transform-origin: 11px 11px 11px;
            transform-origin: 11px 11px 11px;
}
.rtimer {
    width: 100%;
}
.rtimer-on {
    background-color: #E0F5C2;
}
.rtimer .cell-square {
    width: 29px;
    position: relative;
}
.rtimer td {
    font-size: 15px;
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 0;
    white-space: nowrap;
}
.rtimer td:first-child {
    padding-left: 5px;
}
.rtimer td.cell-timer a {
    color: #666666;
}
.rtimer tr:hover td.cell-timer a {
    color: #0073AA;
}
.rtimer td.cell-apply {
    width: 55px;
}
.rtimer .cellNote {
    position: relative;
    padding-left: 0;
}
.rtimer .cellNote .iconsTimerNote {
    top: 10px;
    left: 4px;
    position: absolute;
}
.rtimer input[type=text] {
    color: #666666;
    line-height: 17px;
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-left: 23px;
}
.rtimer input[type=text]:hover {
    background: rgba(0,0,0,0.05);
    outline: 0;
}
.iconTick {
    pointer-events: none;
}
.iconTick:before {
    content: '\e807';
}
.iconStop:before {
    content: '\f28c';
}
.iconStart:before {
    content: '\e808';
}
.iconClear:before {
    content: '\e809';
}
.iconsTimerNote {
    font-size: 15px!important;
    pointer-events: none;
}
.iconsTimerNote:before {
    content: '\f24a';
}
.iconSpinner {
    border-radius: 50%;
    border: 0.25rem solid #BBBBBB;
    border-top-color: #666666;
    -webkit-animation: 1s linear infinite mod-spin;
            animation: 1s linear infinite mod-spin;
    background: 0;
    width: 22px;
    height: 22px;
    -webkit-transform-origin: 11px 11px 11px;
            transform-origin: 11px 11px 11px;
}
.time-rounder {
    margin-left: 0.5em;
    outline: 0;
}
tr:hover .iconStart:hover {
    color: #5E8C2E;
}
.tbutton-apply {
    color: #FFFFFF;
    background-color: #C9C9C9;
    font-size: 11px;
    margin-top: 1px;
    width: 47px;
}
.tbutton {
    cursor: pointer;
    display: block;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 18px;
    border: 0;
    border-radius: 3px;
    background-color: #999999;
}
.tbutton-apply:hover {
    background-color: #5E8C2E!important;
}
.alignRight {
    text-align: right;
}
.iconsTooltip {
    width: 17px;
    height: 17px;
    background-position: -2px -713px;
    cursor: default;
    outline: 0;
    margin-top: -2px;
}
.iconsTooltip:hover {
    background-position: -19px -713px;
}
.author_jreeve {
    width: 100px;
    height: 100px;
    background-position: -473px -635px;
}
.author_mpayne {
    width: 100px;
    height: 100px;
    background-position: -373px -635px;
}
.iconHelp {
    width: 47px;
    height: 47px;
    margin-right: 9px;
    background-position: -523px -577px;
    float: left;
}
.iconRSS {
    width: 80px;
    height: 15px;
    background-position: -293px -720px;
    vertical-align: text-bottom;
}
div.tIcon {
    float: left;
    margin-right: 0;
    text-align: center;
}
div.tText {
    padding: 2px 2px 0 0;
    font-size: 0.9em;
    white-space: nowrap;
}
.apmq .happy {
    margin-top: 0;
    margin-bottom: 11px;
    width: 32%;
    display: inline-block;
    vertical-align: top;
}
.apmq .happy blockquote {
    min-height: 100px;
}
#customers h1 {
    margin-bottom: 0;
}
.pop-icon {
    width: 31px;
    height: 31px;
    margin-right: 7px;
    vertical-align: middle;
    margin-top: -8px;
}
.pop-screenshots {
    background-position: -306px -137px;
}
.pop-tour {
    background-position: -339px -137px;
}
.pop-videos {
    background-position: -371px -137px;
}
#experience {
    margin-top: 39px;
    background: 0 0;
    padding: 0 10px 10px;
    line-height: 23px;
    font-size: 16px;
    font-weight: bold;
}
#marks {
    display: block;
    margin-bottom: 4px;
    color: gray;
}
#bookmarks {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 22px;
}
#bookmarks li {
    float: left;
    margin-right: 4px;
}
#bookmarks a,
#bookmarks a:visited {
    border-bottom: 0;
}
.Notice {
    background: url(/forum/themes/intervals/styles/default/notice.gif) 1px 11px no-repeat #FFFECC;
    border: 1px solid #FAEBB1;
    padding: 8px 8px 8px 30px;
    margin-bottom: 20px;
    line-height: 150%;
}
#Session {
    position: absolute;
    right: 28px;
    color: #5D709F;
    padding: 1em;
    top: 0;
}
#Session a {
    color: #5D709F;
    text-decoration: none;
}
#bHeader {
    position: relative;
    padding: 31px 0 0 25px;
}
#bHeader h1 {
    display: block;
    margin-top: 0;
}
#Panel ul ul,
#Panel ul p,
#Panel select {
    margin: 0 4px;
}
#Panel {
    width: 201px;
    margin-top: 20px;
    margin-left: 18px;
    float: left;
    display: inline;
}
#Panel * {
    margin: 0;
    padding: 0;
    list-style: none;
}
#Panel h2 {
    color: #000000;
    margin: 10px 0 3px;
    padding: 0;
    text-indent: 4px;
    width: 180px;
}
#Panel ul ul,
#Panel select {
    margin: 0 4px;
}
#Panel ul {
    color: #335EB7;
}
#Panel ul ul {
    color: red;
}
#Panel select {
    width: 167px;
    margin-top: 3px;
}
#Panel ul ul li {
    width: 173px;
    margin-bottom: 3px;
    overflow: hidden;
}
#Panel ul ul li a {
    display: block;
    width: 100%;
    color: #335EB7;
    text-decoration: none;
}
#Forum-Categories {
    margin-left: 4px;
}
#Forum-Categories .selected {
    font-weight: bold;
}
#Forum-Categories a {
    margin-bottom: 7px;
}
#Content {
    margin: 0 18px 0 235px;
}
.ContentInfo {
    text-align: left;
}
.ContentInfo.Top {
    white-space: nowrap;
    overflow: hidden;
}
#DiscussionsPage #Content {
    padding-top: 20px;
}
#DiscussionsPage .Bottom {
    margin: -6px 0 8px;
}
.ContentInfo * {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.ContentInfo h1 {
    color: #339900;
    font-size: 16px;
}
html > body .ContentInfo h1 {
    width: 80%!important;
}
#DiscussionsPage .ContentInfo h1 {
    float: none;
    text-align: left;
}
.ContentInfo a {
    color: #BBBBBB;
    text-decoration: none;
}
.PageInfo {
    color: #BBBBBB;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    padding: 0 1px;
    margin: 5px 0;
    line-height: 23px;
    font-weight: bold;
}
.PageInfo p {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}
.PageList {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #BBBBBB;
}
.PageList li {
    display: inline;
}
.PageList a,
.PageList li a {
    text-decoration: none;
    color: #3354AA!important;
    border-left: 10px solid #FFFFFF;
}
#Discussions {
    margin-top: -5px!important;
    float: left;
    width: 100%;
}
#Discussions,
#Discussions * {
    margin: 0;
    padding: 0;
    list-style: none;
}
#Discussions li ul {
    background-color: #F5F9FF;
    border-bottom: 1px solid #FFFFFF;
    padding: 7px 6px;
    color: #777777;
}
#Discussions li li {
    height: auto;
    border: 0;
}
#Discussions ul span,
#Discussions ul span a,
#Discussions ul a {
    color: #AAAAAA;
    text-decoration: none;
}
#Discussions ul a {
    color: #777777;
}
.Discussion {
    background: #FFFF00;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}
.DiscussionType {
    float: left;
    margin-right: 5px!important;
    color: #AAAAAA;
    font-weight: bold;
    line-height: 20px;
}
.DiscussionType span {
    display: none;
}
.DiscussionType * {
    float: left;
}
.DiscussionTopic {
    line-height: 20px;
    overflow: hidden;
}
.DiscussionTopic span {
    display: none;
}
.DiscussionTopic a {
    color: #0881AD!important;
    font-weight: bold;
}
.DiscussionCategory,
.DiscussionStarted,
.DiscussionComments,
.DiscussionLastComment,
.DiscussionActive {
    width: auto;
    display: inline;
    margin-right: 10px!important;
}
.NewComments {
    background-color: #F5F9FF!important;
}
#Body {
    height: 1%;
    padding-bottom: 2em;
}
html > body #Content .ContentInfo.Bottom .PageInfo {
    border-top: 1px solid #FFFFFF;
}
#Body,
#bHeader {
    width: 1150px;
    margin: 0 auto;
}
.body-gdpr {
    padding-bottom: 65px;
}
.body-login {
    padding-bottom: 0;
}
.blog-global-block {
    margin-bottom: 20px;
}
.blog-sidebar-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.blog-sidebar-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-right: 0;
    margin: 3px 0;
}
.entry-content p {
    font-size: 15px;
    line-height: 1.6em;
}
div.entry-content h2 {
    font-size: 22px;
    color: #444433;
    font-weight: 500;
    line-height: 140%;
    margin: 1.5em 0;
}
div.entry-content h3 {
    font-size: 19px;
    color: #444433;
    font-weight: 500;
    line-height: 140%;
    margin: 1.5em 0;
}
.ek-blog small {
    font-size: 0.9em;
    line-height: 1.5em;
    color: #777777;
}
.ek-blog .pull-quote {
    color: #4C4C4C;
    border-left: 0;
    font-family: Georgia,Cambria,'Times New Roman',Times,serif;
    font-weight: 400;
    font-style: italic;
    line-height: 1.48;
    letter-spacing: -0.014em;
    padding-left: 0;
}
.ek-blog .pull-quote p {
    font-size: 24px;
}
.entry,
.entrytext,
.entry p,
.entrytext p,
.entry-content p,
.entry-summary p,
.entry ul,
.entrytext ul,
.entry-content ul,
.entry ol,
.entrytext ol,
.entry-content ol {
    font-size: 16px;
    line-height: 1.6em;
}
.entry h4,
.entrytext h4,
.entry-content h4 {
    font-size: 15px;
}
.narrowcolumn .entry,
.widecolumn .entry {
    line-height: 1.4em;
}
.alt {
    background-color: #F8F8F8;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.description {
    font-size: 1.2em;
    text-align: center;
}
.entry p a:visited {
    color: #B85B5A;
}
.commentlist,
.commentlist li {
    padding: 0;
    margin: 0;
}
.commentlist li {
    font-weight: normal;
}
.commentlist cite,
.commentlist cite a {
    font-weight: bold;
    font-style: normal;
}
#sidebar {
    padding: 7px 20px 20px;
}
#wp-calendar #prev a {
    font-size: 9pt;
    padding-left: 10px;
    text-align: left;
}
#wp-calendar a {
    text-decoration: none;
    display: block;
}
#wp-calendar caption {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    text-align: center;
    width: 100%;
}
#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}
.assistive-text,
.site .screen-reader-text {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
    background: #FFFFFF;
    border: 2px solid #333333;
    border-radius: 3px;
    clip: auto!important;
    color: #000000;
    display: block;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100000;
}
.widecolumn {
    line-height: 1.6em;
    padding: 10px 0 20px;
    margin: 5px 0 0 150px;
}
.post {
    margin: 0;
    text-align: left;
    clear: both;
}
.widecolumn .post {
    margin: 0;
}
.narrowcolumn .postmetadata {
    padding-top: 5px;
}
.widecolumn .postmetadata {
    margin: 30px 0;
}
.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0;
}
.widecolumn .attachment {
    text-align: center;
    margin: 5px 0;
}
.postmetadata {
    clear: left;
}
.description {
    text-align: center;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sidebar li.global {
    float: left;
    width: 155px;
    overflow: hidden;
}
#searchform {
    clear: both;
    margin-bottom: 20px;
    padding-left: 10px;
}
#sidebar #searchform #s {
    width: 235px;
    font-size: 13px;
    padding: 5px;
}
#sidebar #searchsubmit {
    font-size: 13px;
}
.entry form {
    text-align: center;
}
#respond code {
    background-color: transparent;
    border: 0;
    display: inline-block;
    padding: 0;
}
#commentform textarea {
    width: 100%;
    padding: 2px;
    max-width: 100%;
}
.alt {
    margin: 0;
    padding: 10px;
}
.commentlist {
    padding: 0;
    text-align: left;
}
.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
}
.commentlist p {
    font-weight: normal;
    line-height: 1.4rem;
    text-transform: none;
    margin: 10px 5px 10px 0;
}
#commentform p {
    margin: 5px 0;
}
.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}
.commentmetadata {
    font-weight: normal;
    margin: 0;
    display: block;
}
#sidebar form {
    margin: 0;
}
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}
#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}
#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}
#wp-calendar td.pad:hover {
    background-color: #FFFFFF;
}
.ek-blog small {
    font-size: 0.9em;
    line-height: 1.5em;
}
.ek-blog small,
#sidebar ul ul li,
#sidebar ul ol li,
.nocomments,
.postmetadata,
.ek-blog strike {
    color: #777777;
}
.ek-blog code,
.preformatted {
    background-color: #EEEEEE;
    padding: 9px 13px 11px 11px;
    display: block;
    margin: 9px 0 0;
    font-family: SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    white-space: pre;
    overflow-x: auto;
}
.ek-blog a,
.ek-blog h2 a:hover,
.ek-blog h3 a:hover {
    text-decoration: none;
}
.ek-blog h3.comments {
    padding: 0;
}
.ek-blog p img,
.ek-blog figure img {
    padding: 0;
    max-width: 100%;
    height: auto;
}
.ek-blog .alignright {
    float: right;
}
.ek-blog .alignleft {
    float: left;
}
.ek-blog select {
    width: 130px;
}
.ek-blog acronym,
.ek-blog abbr,
.ek-blog span.caps {
    font-size: 0.9em;
    letter-spacing: 0.07em;
    cursor: help;
}
.ek-blog acronym,
.ek-blog abbr {
    border-bottom: 1px dashed #999999;
}
.ek-blog blockquote {
    margin: 20px 20px 0;
    border-left: 3px solid #6384C6;
    padding-left: 15px;
}
.ek-blog blockquote p:first-child,
.ek-blog blockquote p:last-child:not(:last-child) {
    margin-top: 0;
    margin-bottom: 0;
}
.ek-blog blockquote cite {
    margin: 5px 0 0;
    display: block;
    text-align: right;
}

.site-content .ek-blog a img {
    border: none;
    max-width: 100%;
    height: auto;
}
.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    width: 90%;
}
#primary #bcontent {
    overflow: visible;
}
.wp-caption-text {
    font-style: italic;
    margin-top: 0;
}
.entry-header h1 {
    margin-bottom: 0;
    font-weight: 500;
}
.entry-header h1 a:hover,
.entry-header h2 a:hover {
    color: #1E9090;
}
.entry-header .entry-list {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 0;
}
.entry-header h1 a,
.entry-header h2 a,
div.post h2 a {
    color: #444433;
    text-decoration: none;
}
div.post h3 {
    color: #338800;
    clear: left;
    font-size: 15px;
    margin-top: 1.5em;
    border-bottom: 1px solid #BBBBAA;
}
div.post h3 a,
div.post h3 a:visited {
    color: #339900;
}
div.post h3 a:hover {
    color: #246C00;
    border-right: 4px solid #339900;
    padding-right: 4px;
}
div.entry-content h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 140%;
    margin: 1.5em 0;
}
div.entry-content h3 {
    font-size: 19px;
    font-weight: 500;
    line-height: 140%;
    margin: 1.5em 0;
}
.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
#tagcloud li,
#relatedtags li {
    display: inline;
}
.t1 {
    font-size: 10px;
}
.t2 {
    font-size: 13px;
}
.t3 {
    font-size: 15px;
}
.t4 {
    font-size: 16px;
}
.t5 {
    font-size: 18px;
}
.t6 {
    font-size: 20px;
}
.wp-caption {
    max-width: 96%!important;
    width: auto!important;
}
.wp-caption img {
    max-width: 100%;
    height: auto!important;
}
.blog-sidebar {
    padding-top: 48px;
}
.blog-sidebar-chunk {
    padding: 27px 0 13px 11px;
}
.blog-sidebar-chunk h2 {
    margin-bottom: 0;
}
.blog-sidebar-chunk p {
    margin-top: 0;
}
.blog-sidebar-chunk.try-intervals-free {
    border-bottom: 3px solid #FFFFFF;
}

img[data-action="zoom"] {
    cursor: zoom-in;
  }
  .zoom-img,
  .zoom-img-wrap {
    position: relative;
    z-index: 666;
    transition: all 300ms;
  }
  img.zoom-img {
    cursor: zoom-out;
  }
  .zoom-overlay {
    cursor: zoom-out;
    z-index: 420;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: "alpha(opacity=0)";
    opacity: 0;
    transition:      opacity 300ms;
  }
  .zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1;
  }
  

div#try-intervals-free div#thirtydays a {
    margin: 0;
}
div#try-intervals-forum {
    padding: 10px 4px;
    background-color: #EEEEEE;
    margin-bottom: 19px;
}
div#try-intervals-forum li p {
    color: #333333!important;
    margin-top: 9px;
    margin-bottom: 15px;
}
div#try-intervals-forum #thirtydays a {
    width: 94%;
    font-size: 13px;
    padding: 7px 0;
}
div.blog-about div.bio h5 {
    padding-top: 2em;
    font-size: 15px;
    padding-top: 2em;
}
/* div.blog-about div.bio p a {
    color: #994400;
} */
.commentlist .user,
.commentlist .user-data {
    overflow: auto;
}
.comment-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.comment-author cite,
.comment-author span {
    margin-left: 10px;
}
.comment-awaiting-moderation {
    display: block;
}
div.blog-about div.photo {
    display: table-cell;
    width: 125px;
    vertical-align: top;
    text-align: center;
    padding-top: 11px;
}
div.blog-about div.bio {
    display: table-cell;
    width: 250px;
    padding: 0 13px 0 0;
    vertical-align: top;
}
div.blog-about div.bio p {
    padding-top: 0.5em;
}
/* div.blog-about div.bio p a,
div#about div.bio p a:visited {
    color: #994400;
} */
.article-list {
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 3em;
}
.nav-previous {
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
}
.nav-next {
    display: inline-block;
    width: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hs-cta-img {
    max-width: 100%;
    height: auto;
}
.animated {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

#footer .wrapper {
    padding: 20px;
}
#footer {
    background-color: #ffffff;
    /* color: #000000; */
    /* border-top: 1px solid #cccccc; */
}
#footer ul {
    list-style-type: none;
}
#footer .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#footer .block {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    min-width: 186px;
}
#footer .block-list {
    list-style-type: none;
    margin-left: 0;
}
#footer .block-list > li:first-child {
    font-weight: bold;
}
#footer .blocks > div:last-child {
    margin-right: 0;
}
#footer form fieldset {
    border-width: 0;
}
#footer a {
    /* color: var(--color-text-primary); */
}
#footer .sblock {
    float: right;
    width: 200px;
    text-align: right;
}
#footer .social {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0;
}
#footer .social li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#footer .social li a {
    display: inline-block;
    height: 32px;
    width: 32px;
    margin-right: 4px;
    color: #9B8E9A;
    font-size: 25px;
}
#footer .sbutton {
    padding: 3px 1em;
    vertical-align: middle;
}
.subfooter .subitem {
    margin-top: 20px;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.sublogos .subreviews {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.subreviews img {
    margin-right: 10px;
}
.sublogos .subpelago {
    -webkit-box-flex: 0;
    -ms-flex: 0;
        flex: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5px);
                transform: translateY(5px);
    }100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5px);
                transform: translateY(5px);
    }100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes sw-a-spin {
    0% {
        stroke-dashoffset: 0;
    }100% {
        stroke-dashoffset: 30.16px;
    }
}
@keyframes sw-a-spin {
    0% {
        stroke-dashoffset: 0;
    }100% {
        stroke-dashoffset: 30.16px;
    }
}
@-webkit-keyframes mod-spin {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes mod-spin {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes account-fadein {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5px);
                transform: translateY(5px);
    }100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes account-fadein {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5px);
                transform: translateY(5px);
    }100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}

div#ez-toc-container {
    width: 45%;
    padding: 0 0 0 5%;
    float: right;
    border: 0;
    background-color: transparent;
}

div#ez-toc-container p {
    margin: 0;
}

div#ez-toc-container ul {
    list-style-type: circle;
    margin: 10px 0 10px 15px;
    overflow: visible;
}

div#ez-toc-container ul li {
    list-style-type: circle;
    margin-bottom: 5px;
    overflow: visible;
}

div#ez-toc-container ul li a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #39B4B8;

}

div#ez-toc-container ul li a:hover {
    color: #199498;
}

@media (min-width: 1024px) {
  #mobile-menu-toggle {
    display: none !important;
  }
}

.solution-link-arrow {
  display: inline-flex;
  align-items: center;
  color: var(--color-primary, #199498);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  transition: color 0.2s, text-decoration 0.2s;
}
.solution-link-arrow:hover,
.solution-link-arrow:focus {
  color: var(--color-primary-dark, #136e6e);
  text-decoration: underline;
}

.signup-comment-field {
    position: absolute;
    top: -1250px;
}