@charset "UTF-8";

:root {
    --yellow: #F75270;
    --red: #ed3d3e;
    --pink: #ee054d;
    --green: #36a509;
    --orange: #1e7d05;
    --dark-grey: rgba(0, 0, 0, 0.81);
    --grey: rgba(0, 0, 0, 0.51);
    --light-grey: rgba(245, 245, 245, 0.51);
    --white: rgba(255, 255, 255, 1);
    --purple: #7c3aed;

    --primary: #5d5fef;
    --primary-dark: #4338ca;
    --primary-light: #f0f0ff;
    --primary-light-2: #c7c7ff;
    --background: #ffffff;
    --surface: #fafafa;
    --border: #e5e7eb;
    --text-primary: #111827;
    --text-secondary: #374151;
    --text-muted: #4b5563;
    --secondary: #06b6d4;
    --success: #10b981;
    --warning: #d97706;
    --error: #dc2626;
    --info: #0891b2;
}

html {
    --headerWidth:16px;
    --scrollbarWidth:0px;
    --windowWidth:100vw;
    --layoutWidthMax:1080px;

    --angleNormal:-6deg;
    --angle8:-8deg;
    --angleStrong:-12deg;
    --angleNormalSin:0.106;
    --angleStrongSin:0.212;
    scroll-behavior: smooth;
}

@media (min-width:600px)
{
    html {
        --columnPaddingMedium:32px;
        --columnPaddingLarge:64px;
        --columnPaddingXLarge:64px;
        --columnCountMax:2
    }
}

@media (min-width:900px){
    html {
        --columnPaddingXLarge:112px;
        --columnCountMax:4
    }
}

@media (min-width:1112px){
    html {
        --layoutWidth:var(--layoutWidthMax);
        --headerWidth:calc((var(--windowWidth) - var(--layoutWidth))/2);
        scroll-behavior: smooth;
    }
}


meta.foundation-version {
    font-family: "/5.5.3/"
}
meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}
meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}
meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}
meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
    width: 40.0625em
}
meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.0625em)/";
    width: 64.0625em
}
meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
    width: 64.0625em
}
meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em
}
meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em
}
meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}
meta.foundation-data-attribute-namespace {
    font-family: false
}
html,
body {
    height: 100%
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -webkit-font-smoothing: antialiased;
}
html,
body {
    font-size: 100%
}
body {
    background: #fff;
    color: var(--text-primary);
    cursor: auto;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative
}
a:hover {
    cursor: pointer
}
img {
    max-width: 100%;
    height: auto
}
img {
    -ms-interpolation-mode: bicubic
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none!important
}
.left {
    float: left!important
}
.right {
    float: right!important
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}

.hide {
    display: none !important;
}
.invisible {
    visibility: hidden
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: 'Poppins Medium';
    src: url('../../../font/Poppins-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}



@font-face {
    font-family: 'Roboto Medium';
    src: url('../../../font/Roboto-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}

@font-face {
    font-family: 'GT America Standard Bold';
    src: url('../../../font/GT-America-Standard-Bold.eot'); /* IE9 Compat Modes */
    src: url('../../../font/GT-America-Standard-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../../font/GT-America-Standard-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../../font/GT-America-Standard-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../../font/GT-America-Standard-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}

@font-face {
    font-family: 'caveat';
    src: url('../../../font/caveat-bold.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}

.intro-text {
    font-family: 'caveat'!important;
    color: var(--primary-dark);
    font-size: 24px;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1rem;
    /*box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);*/
    /*background-color: var(--white);*/
    border-radius: 999px;
    width: fit-content;
    /*padding: 0px 28px;*/
}

.intro-text-2{
    font-family: 'caveat'!important;
    color: var(--primary-dark);
    font-size: 24px;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.font-family-gt {
    font-family: 'Helvetica', 'Arial' !important;
}

.black-st{
    font-family: ag_stencilag_stencil;
    background: -webkit-linear-gradient(#303030, #191919);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flex {
    display: flex;
}

.logo {
    isplay: flex;
    font-size: 38px!important;
    letter-spacing: 1px;
    line-height: 1.975rem!important;
    margin: 0!important;
    vertical-align: middle;
    margin-left: 10px!important;
    font-weight: 600;
}

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

.logolink {
    margin: 1.1rem 1rem 0rem 0rem;
}

.loadtesting {
    font-family: "Roboto Medium",-apple-system,BlinkMacSystemFont,system-ui,sans-serif !important;
    font-size: 62px;
    font-weight: 500;
}

.fa-customx{font-size:1.5em !important;}

.pricingcontainer h1 {
    margin: 4rem 4rem 2rem 0;
}

.pricingcontainer span {
    margin: 4rem 4rem 2rem 0;
}

.pricing-plans {
    margin: 4rem 0 2rem 0;
}

.pricing-plans-questions {
    margin: 6rem 0 4rem 0;
}

.pricing-plans-questions h1{
    margin: 6rem 0 4rem 0;
}

.marginLeft10 {
    margin-left: 10px;
}

.price_wrapper .cta-blue.button{
    text-transform: initial;
    padding: 1rem 3rem 1rem 3rem !important;
}

.promo-header {
    display: block;
    text-align: center;
    font-size: 18px;
    color: rgb(10, 10, 10);
    font-weight: bold;
    background: rgb(10, 10, 10);
    background-color: #FDEBDD;
    padding: 8px;
    position: sticky;
    top: 0;
    z-index: 1020;
}

::selection {
    background: var(--primary);
    color: var(--white);
}

.promo-header a{
    color: var(--primary);
}
.promo-header a:hover{
    color: var(--primary-dark);
    text-decoration: underline;
}

img {
    display: inline-block;
    vertical-align: middle
}
textarea {
    height: auto;
    min-height: 50px
}
select {
    width: 100%
}
.row {
    margin: 0 auto;
    max-width: 78.125rem;
    width: 100%
}
.row-custom2 {
    margin: 0 auto;
    max-width: 88.125rem;
    width: 100%;
    position: relative;
}
.row-custom4 {
    margin: 0 auto;
    max-width: 88.125rem;
    width: 100%;
    position: relative;
}
.row-custom3 {
    margin: 0 auto;
    max-width: 82.125rem;
    width: 100%;
    position: relative;
}
.row-custom4 {
    margin: 0 auto;
    max-width: 70.125rem;
    width: 100%;
    position: relative;
}
.row-custom5 {
    margin: 0 auto;
    max-width: 59.125rem;
    width: 100%;
    position: relative;
}
.row:before,
.row:after {
    content: " ";
    display: table
}
.row:after {
    clear: both
}
.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}
.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}
.row .row {
    margin: 0 -0.9375rem;
    max-width: none;
    width: auto
}
.row .row:before,
.row .row:after {
    content: " ";
    display: table
}
.row .row:after {
    clear: both
}

.clearfix{
    clear:both;
}
.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}
.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}
.row .row.collapse:after {
    clear: both
}
.column,
.columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left
}
.column+.column:last-child,
.columns+.column:last-child,
.column+.columns:last-child,
.columns+.columns:last-child {
    float: right
}
.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .small-1 {
        width: 8.33333%
    }
    .small-2 {
        width: 16.66667%
    }
    .small-3 {
        width: 25%
    }
    .small-4 {
        width: 33.33333%
    }
    .small-5 {
        width: 41.66667%
    }
    .small-6 {
        width: 50%
    }
    .small-7 {
        width: 58.33333%
    }
    .small-8 {
        width: 66.66667%
    }
    .small-9 {
        width: 75%
    }
    .small-10 {
        width: 83.33333%
    }
    .small-11 {
        width: 91.66667%
    }
    .small-12 {
        width: 100%
    }
    .small-offset-0 {
        margin-left: 0!important
    }
    .small-offset-1 {
        margin-left: 8.33333%!important
    }
    .small-offset-2 {
        margin-left: 16.66667%!important
    }
    .small-offset-3 {
        margin-left: 25%!important
    }
    .small-offset-4 {
        margin-left: 33.33333%!important
    }
    .small-offset-5 {
        margin-left: 41.66667%!important
    }
    .small-offset-6 {
        margin-left: 50%!important
    }
    .small-offset-7 {
        margin-left: 58.33333%!important
    }
    .small-offset-8 {
        margin-left: 66.66667%!important
    }
    .small-offset-9 {
        margin-left: 75%!important
    }
    .small-offset-10 {
        margin-left: 83.33333%!important
    }
    .small-offset-11 {
        margin-left: 91.66667%!important
    }
    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }
    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.small-uncentered,
    .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }
    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }
    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }
    .row.small-collapse>.column,
    .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.small-uncollapse>.column,
    .row.small-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
}

@media only screen and (min-width: 40.0625em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .medium-1 {
        width: 8.33333%
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-3 {
        width: 25%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-6 {
        width: 50%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-9 {
        width: 75%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-101 {
        width: 86.33333%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-0 {
        margin-left: 0!important
    }
    .medium-offset-1 {
        margin-left: 8.33333%!important
    }
    .medium-offset-2 {
        margin-left: 16.66667%!important
    }
    .medium-offset-3 {
        margin-left: 25%!important
    }
    .medium-offset-4 {
        margin-left: 33.33333%!important
    }
    .medium-offset-5 {
        margin-left: 41.66667%!important
    }
    .medium-offset-6 {
        margin-left: 50%!important
    }
    .medium-offset-7 {
        margin-left: 58.33333%!important
    }
    .medium-offset-8 {
        margin-left: 66.66667%!important
    }
    .medium-offset-9 {
        margin-left: 75%!important
    }
    .medium-offset-10 {
        margin-left: 83.33333%!important
    }
    .medium-offset-11 {
        margin-left: 91.66667%!important
    }
    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }
    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.medium-uncentered,
    .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }
    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }
    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }
    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}
@media only screen and (min-width: 64.0625em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .large-1 {
        width: 8.33333%
    }
    .large-2 {
        width: 16.66667%
    }
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-12 {
        width: 100%
    }
    .large-offset-0 {
        margin-left: 0!important
    }
    .large-offset-1 {
        margin-left: 8.33333%!important
    }
    .large-offset-2 {
        margin-left: 16.66667%!important
    }
    .large-offset-3 {
        margin-left: 25%!important
    }
    .large-offset-4 {
        margin-left: 33.33333%!important
    }
    .large-offset-5 {
        margin-left: 41.66667%!important
    }
    .large-offset-6 {
        margin-left: 50%!important
    }
    .large-offset-7 {
        margin-left: 58.33333%!important
    }
    .large-offset-8 {
        margin-left: 66.66667%!important
    }
    .large-offset-9 {
        margin-left: 75%!important
    }
    .large-offset-10 {
        margin-left: 83.33333%!important
    }
    .large-offset-11 {
        margin-left: 91.66667%!important
    }
    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }
    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none
    }
    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }
    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}
.breadcrumbs {
    border-style: solid;
    border-width: 1px;
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: .5625rem .875rem .5625rem;
    background-color: #c6c6c6;
    border-color: #b2b2b2;
    border-radius: 3px
}
button,
.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: normal;
    /*margin: 0 0 1.25rem;*/
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: var(--primary);
    border-color: #ffffff;
    color: #fff;
    transition: background-color 300ms ease-out
}
button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: var(--db-lime-bright, #D6FF7C)
}
button:hover,
button:focus,
.button:hover,
.button:focus {
    color: #fff
}
button.secondary,
.button.secondary {
    background-color: rgb(128 128 128 / 30%);
    border-color: #737373;
    color: #fff
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #282828
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #fff
}
button.success,
.button.success {
    background-color: #43ac6a;
    border-color: #3c9b5f;
    color: #fff
}
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    background-color: #3c9b5f
}
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    color: #fff
}
button.alert,
.button.alert {
    background-color: #DC143C;
    border-color: #e82f10;
    color: #fff
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    background-color: #e82f10
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    color: #fff
}
button.warning,
.button.warning {
    background-color: #F75270;
    border-color: #e87c10;
    color: #fff
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    background-color: #e87c10
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    color: #fff
}
button.info,
.button.info {
    background-color: #fff;
    border-color: #e6e6e6;
    color: #333
}
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    background-color: #e6e6e6
}
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    color: #333
}
button.large,
.button.large {
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    font-size: 1rem
}
button.small,
.button.small {
    padding: -0.125rem 1.75rem .9375rem 1.75rem;
    font-size: .8125rem
}
button.tiny,
.button.tiny {
    padding: .625rem 1.25rem .6875rem 1.25rem;
    font-size: .6875rem
}
button.supertiny,
.button.supertiny {
    padding: .25rem .5rem .25rem .5rem;
    font-size: .5875rem;
    font-weight: 400;
}
button.expand,
.button.expand {
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    padding-bottom: 1.0625rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}
button.left-align,
.button.left-align {
    text-align: left;
    text-indent: .75rem
}
button.right-align,
.button.right-align {
    text-align: right;
    padding-right: .75rem
}
button.radius,
.button.radius {
    border-radius: 8px
}
button.round,
.button.round {
    border-radius: 1000px
}
button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: var(--primary);
    border-color: #1e7d05;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #1e7d05
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    color: #fff
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: var(--primary)
}
@media only screen and (min-width: 40.0625em) {
    button,
    .button {
        display: inline-block
    }
}
@media only screen and (max-width: 60.0625em) {
    .left-off-canvas-menu {
        display: inline-block;
    }
    .mailContainer{
        display: none;
    }
}
.button-group {
    list-style: none;
    margin: 0;
    left: 0
}
.button-group:before,
.button-group:after {
    content: " ";
    display: table
}
.button-group:after {
    clear: both
}
.button-group.even-2 li {
    display: inline-block;
    margin: 0 -2px;
    width: 50%
}
.button-group.even-2 li>button,
.button-group.even-2 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-2 li:first-child button,
.button-group.even-2 li:first-child .button {
    border-left: 0
}
.button-group.even-2 li button,
.button-group.even-2 li .button {
    width: 100%
}
.button-group.even-3 li {
    display: inline-block;
    margin: 0 -2px;
    width: 33.33333%
}
.button-group.even-3 li>button,
.button-group.even-3 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-3 li:first-child button,
.button-group.even-3 li:first-child .button {
    border-left: 0
}
.button-group.even-3 li button,
.button-group.even-3 li .button {
    width: 100%
}
.button-group.even-4 li {
    display: inline-block;
    margin: 0 -2px;
    width: 25%
}
.button-group.even-4 li>button,
.button-group.even-4 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-4 li:first-child button,
.button-group.even-4 li:first-child .button {
    border-left: 0
}
.button-group.even-4 li button,
.button-group.even-4 li .button {
    width: 100%
}
.button-group.even-5 li {
    display: inline-block;
    margin: 0 -2px;
    width: 20%
}
.button-group.even-5 li>button,
.button-group.even-5 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-5 li:first-child button,
.button-group.even-5 li:first-child .button {
    border-left: 0
}
.button-group.even-5 li button,
.button-group.even-5 li .button {
    width: 100%
}
.button-group.even-6 li {
    display: inline-block;
    margin: 0 -2px;
    width: 16.66667%
}
.button-group.even-6 li>button,
.button-group.even-6 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-6 li:first-child button,
.button-group.even-6 li:first-child .button {
    border-left: 0
}
.button-group.even-6 li button,
.button-group.even-6 li .button {
    width: 100%
}
.button-group.even-7 li {
    display: inline-block;
    margin: 0 -2px;
    width: 14.28571%
}
.button-group.even-7 li>button,
.button-group.even-7 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-7 li:first-child button,
.button-group.even-7 li:first-child .button {
    border-left: 0
}
.button-group.even-7 li button,
.button-group.even-7 li .button {
    width: 100%
}
.button-group.even-8 li {
    display: inline-block;
    margin: 0 -2px;
    width: 12.5%
}
.button-group.even-8 li>button,
.button-group.even-8 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-8 li:first-child button,
.button-group.even-8 li:first-child .button {
    border-left: 0
}
.button-group.even-8 li button,
.button-group.even-8 li .button {
    width: 100%
}
.button-group>li {
    display: inline-block;
    margin: 0 -2px
}
.button-group>li>button,
.button-group>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group>li:first-child button,
.button-group>li:first-child .button {
    border-left: 0
}
.button-group.stack>li {
    display: block;
    margin: 0;
    float: none
}
.button-group.stack>li>button,
.button-group.stack>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
    border-left: 0
}
.button-group.stack>li>button,
.button-group.stack>li .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}
.button-group.stack>li>button {
    width: 100%
}
.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
    border-top: 0
}
.button-group.stack-for-small>li {
    display: inline-block;
    margin: 0 -2px
}
.button-group.stack-for-small>li>button,
.button-group.stack-for-small>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.stack-for-small>li:first-child button,
.button-group.stack-for-small>li:first-child .button {
    border-left: 0
}
@media only screen and (max-width: 40em) {
    .button-group.stack-for-small>li {
        display: block;
        margin: 0;
        width: 100%
    }
    .button-group.stack-for-small>li>button,
    .button-group.stack-for-small>li .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }
    .button-group.stack-for-small>li:first-child button,
    .button-group.stack-for-small>li:first-child .button {
        border-left: 0
    }
    .button-group.stack-for-small>li>button,
    .button-group.stack-for-small>li .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }
    .button-group.stack-for-small>li>button {
        width: 100%
    }
    .button-group.stack-for-small>li:first-child button,
    .button-group.stack-for-small>li:first-child .button {
        border-top: 0
    }
}
.button-group.radius>* {
    display: inline-block;
    margin: 0 -2px
}
.button-group.radius>*>button,
.button-group.radius>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.radius>*:first-child button,
.button-group.radius>*:first-child .button {
    border-left: 0
}
.button-group.radius>*,
.button-group.radius>*>a,
.button-group.radius>*>button,
.button-group.radius>*>.button {
    border-radius: 0
}
.button-group.radius>*:first-child,
.button-group.radius>*:first-child>a,
.button-group.radius>*:first-child>button,
.button-group.radius>*:first-child>.button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.button-group.radius>*:last-child,
.button-group.radius>*:last-child>a,
.button-group.radius>*:last-child>button,
.button-group.radius>*:last-child>.button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}
.button-group.radius.stack>* {
    display: block;
    margin: 0
}
.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
    border-left: 0
}
.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}
.button-group.radius.stack>*>button {
    width: 100%
}
.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
    border-top: 0
}
.button-group.radius.stack>*,
.button-group.radius.stack>*>a,
.button-group.radius.stack>*>button,
.button-group.radius.stack>*>.button {
    border-radius: 0
}
.button-group.radius.stack>*:first-child,
.button-group.radius.stack>*:first-child>a,
.button-group.radius.stack>*:first-child>button,
.button-group.radius.stack>*:first-child>.button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.button-group.radius.stack>*:last-child,
.button-group.radius.stack>*:last-child>a,
.button-group.radius.stack>*:last-child>button,
.button-group.radius.stack>*:last-child>.button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
@media only screen and (min-width: 40.0625em) {
    .button-group.radius.stack-for-small>* {
        display: inline-block;
        margin: 0 -2px
    }
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }
    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-left: 0
    }
    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>*>.button {
        border-radius: 0
    }
    .button-group.radius.stack-for-small>*:first-child,
    .button-group.radius.stack-for-small>*:first-child>a,
    .button-group.radius.stack-for-small>*:first-child>button,
    .button-group.radius.stack-for-small>*:first-child>.button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }
    .button-group.radius.stack-for-small>*:last-child,
    .button-group.radius.stack-for-small>*:last-child>a,
    .button-group.radius.stack-for-small>*:last-child>button,
    .button-group.radius.stack-for-small>*:last-child>.button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }
}
@media only screen and (max-width: 40em) {
    .button-group.radius.stack-for-small>* {
        display: block;
        margin: 0
    }
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }
    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-left: 0
    }
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }
    .button-group.radius.stack-for-small>*>button {
        width: 100%
    }
    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-top: 0
    }
    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>*>.button {
        border-radius: 0
    }
    .button-group.radius.stack-for-small>*:first-child,
    .button-group.radius.stack-for-small>*:first-child>a,
    .button-group.radius.stack-for-small>*:first-child>button,
    .button-group.radius.stack-for-small>*:first-child>.button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }
    .button-group.radius.stack-for-small>*:last-child,
    .button-group.radius.stack-for-small>*:last-child>a,
    .button-group.radius.stack-for-small>*:last-child>button,
    .button-group.radius.stack-for-small>*:last-child>.button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }
}
.button-group.round>* {
    display: inline-block;
    margin: 0 -2px
}
.button-group.round>*>button,
.button-group.round>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.round>*:first-child button,
.button-group.round>*:first-child .button {
    border-left: 0
}
.button-group.round>*,
.button-group.round>*>a,
.button-group.round>*>button,
.button-group.round>*>.button {
    border-radius: 0
}
.button-group.round>*:first-child,
.button-group.round>*:first-child>a,
.button-group.round>*:first-child>button,
.button-group.round>*:first-child>.button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}
.button-group.round>*:last-child,
.button-group.round>*:last-child>a,
.button-group.round>*:last-child>button,
.button-group.round>*:last-child>.button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}
.button-group.round.stack>* {
    display: block;
    margin: 0
}
.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
    border-left: 0
}
.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}
.button-group.round.stack>*>button {
    width: 100%
}
.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
    border-top: 0
}
.button-group.round.stack>*,
.button-group.round.stack>*>a,
.button-group.round.stack>*>button,
.button-group.round.stack>*>.button {
    border-radius: 0
}
.button-group.round.stack>*:first-child,
.button-group.round.stack>*:first-child>a,
.button-group.round.stack>*:first-child>button,
.button-group.round.stack>*:first-child>.button {
    -webkit-top-left-radius: 1rem;
    -webkit-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}
.button-group.round.stack>*:last-child,
.button-group.round.stack>*:last-child>a,
.button-group.round.stack>*:last-child>button,
.button-group.round.stack>*:last-child>.button {
    -webkit-bottom-left-radius: 1rem;
    -webkit-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}
.f-dropdown {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: var(--primary);
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 2px;
    max-width: 200px
}
.f-dropdown.open {
    display: block
}
.f-dropdown>*:first-child {
    margin-top: 0
}
.f-dropdown>*:last-child {
    margin-bottom: 0
}
.f-dropdown:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89
}
.f-dropdown:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #ccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88
}
.f-dropdown.right:before {
    left: auto;
    right: 10px
}
.f-dropdown.right:after {
    left: auto;
    right: 9px
}
.f-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: var(--primary);
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px
}
.f-dropdown.drop-right.open {
    display: block
}
.f-dropdown.drop-right>*:first-child {
    margin-top: 0
}
.f-dropdown.drop-right>*:last-child {
    margin-bottom: 0
}
.f-dropdown.drop-right:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 10px;
    left: -12px;
    z-index: 89
}
.f-dropdown.drop-right:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #ccc transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 9px;
    left: -14px;
    z-index: 88
}
.f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: var(--primary);
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px
}
.f-dropdown.drop-left.open {
    display: block
}
.f-dropdown.drop-left>*:first-child {
    margin-top: 0
}
.f-dropdown.drop-left>*:last-child {
    margin-bottom: 0
}
.f-dropdown.drop-left:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    position: absolute;
    top: 10px;
    right: -12px;
    left: auto;
    z-index: 89
}
.f-dropdown.drop-left:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #ccc;
    border-left-style: solid;
    position: absolute;
    top: 9px;
    right: -14px;
    left: auto;
    z-index: 88
}
.f-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: var(--primary);
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: -2px;
    max-width: 200px
}
.f-dropdown.drop-top.open {
    display: block
}
.f-dropdown.drop-top>*:first-child {
    margin-top: 0
}
.f-dropdown.drop-top>*:last-child {
    margin-bottom: 0
}
.f-dropdown.drop-top:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #fff transparent transparent transparent;
    border-top-style: solid;
    bottom: -12px;
    position: absolute;
    top: auto;
    left: 10px;
    right: auto;
    z-index: 89
}
.f-dropdown.drop-top:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #ccc transparent transparent transparent;
    border-top-style: solid;
    bottom: -14px;
    position: absolute;
    top: auto;
    left: 9px;
    right: auto;
    z-index: 88
}
.f-dropdown li {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.125rem;
    margin: 0
}
.f-dropdown li:hover,
.f-dropdown li:focus {
    background: #eee
}
.f-dropdown li a {
    display: block;
    padding: .5rem;
    color: #fff
}
.f-dropdown.content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: var(--primary);
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    padding: 1.25rem;
    width: 100%;
    z-index: 89;
    max-width: 200px
}
.f-dropdown.content.open {
    display: block
}
.f-dropdown.content>*:first-child {
    margin-top: 0
}
.f-dropdown.content>*:last-child {
    margin-bottom: 0
}
.f-dropdown.radius {
    border-radius: 3px
}
.f-dropdown.tiny {
    max-width: 200px
}
.f-dropdown.small {
    max-width: 300px
}
.f-dropdown.medium {
    max-width: 500px
}
.f-dropdown.large {
    max-width: 800px
}
.f-dropdown.mega {
    width: 100%!important;
    max-width: 100%!important
}
.f-dropdown.mega.open {
    left: 0!important
}
.dropdown.button,
button.dropdown {
    position: relative;
    padding-right: 3.5625rem
}
.dropdown.button::after,
button.dropdown::after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0
}
.dropdown.button::after,
button.dropdown::after {
    border-width: .375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem
}
.dropdown.button::after,
button.dropdown::after {
    border-color: #fff transparent transparent transparent
}
.dropdown.button.tiny,
button.dropdown.tiny {
    padding-right: 2.625rem
}
.dropdown.button.tiny:after,
button.dropdown.tiny:after {
    border-width: .375rem;
    right: 1.125rem;
    margin-top: -0.125rem
}
.dropdown.button.tiny::after,
button.dropdown.tiny::after {
    border-color: #fff transparent transparent transparent
}
.dropdown.button.small,
button.dropdown.small {
    padding-right: 3.0625rem
}
.dropdown.button.small::after,
button.dropdown.small::after {
    border-width: .4375rem;
    right: 1.3125rem;
    margin-top: -0.15625rem
}
.dropdown.button.small::after,
button.dropdown.small::after {
    border-color: #fff transparent transparent transparent
}
.dropdown.button.large,
button.dropdown.large {
    padding-right: 3.625rem
}
.dropdown.button.large::after,
button.dropdown.large::after {
    border-width: .3125rem;
    right: 1.71875rem;
    margin-top: -0.15625rem
}
.dropdown.button.large::after,
button.dropdown.large::after {
    border-color: #fff transparent transparent transparent
}
.dropdown.button.secondary:after,
button.dropdown.secondary:after {
    border-color: #333 transparent transparent transparent
}

.submit-container-button{
    padding: 20px
}

.submit-container-button  a.button{
    margin: 0;
}

.globe-icon {
    fill: var(--color-header-font-white);
    vertical-align: sub;
}

.blog-active-footer .globe-icon {
    fill: #efeeee;
    margin-right: .55rem;
    vertical-align: middle;
}

.flex-gap-6 {
    gap: 50px;
}

.flex-video {
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.5625rem;
    position: relative
}
.flex-video.widescreen {
    padding-bottom: 41.34%
}
.flex-video.widescreen2 {
    padding-bottom: 90.34%
}
.flex-video.vimeo, .upgradeModal {
    padding-top: 0;
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    text-align: center!important;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}
form {
    margin: 0 0 1rem
}
form .row .row {
    margin: 0 -0.5rem
}
form .row .row .column,
form .row .row .columns {
    padding: 0 .5rem
}
form .row .row.collapse {
    margin: 0
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}
form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: .5rem
}
label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0
}
label.right {
    float: none!important;
    text-align: right
}
label.inline {
    margin: 0 0 1rem 0;
    padding: .5625rem 0
}
label small {
    text-transform: capitalize;
    color: #676767
}
.prefix,
.postfix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .975rem;
    height: 3.8025rem;
    line-height: 2.7525rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}
.postfix.button {
    border: 0;
    /*padding-left: 0;*/
    padding-right: 0;
    /*padding-bottom: 0;*/
    /*padding-top: 0.5rem;*/
    text-align: center
}
.prefix.button {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center
}
.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}


.postfix.button.radius {
    border-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}
.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}
.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}
span.prefix,
label.prefix {
    background: #f2f2f2;
    border-right: 0;
    color: #333;
    border-color: #ccc
}
span.postfix,
label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333;
    border-color: #ccc
}

input.custom[type="url"] {
    font-size: 1.075rem;
    height: 3.3125rem;
}

input:not([type]),
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 2.2525rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear, background .15s linear;
    -moz-transition: border-color .15s linear, background .15s linear;
    -ms-transition: border-color .15s linear, background .15s linear;
    -o-transition: border-color .15s linear, background .15s linear;
    transition: border-color .15s linear, background .15s linear
}
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #bdbdbd;
    outline: 0
}
input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
    background-color: #ddd;
    cursor: default
}
input:not([type])[disabled],
input:not([type])[readonly],
fieldset[disabled] input:not([type]),
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
    background-color: #ddd;
    cursor: default
}
input:not([type]).radius,
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
    border-radius: 3px
}
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}
form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}
form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}
form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px
}
textarea[rows] {
    height: auto
}
textarea {
    max-width: 100%
}
::-webkit-input-placeholder {
    color: #BABABA
}
:-moz-placeholder {
    color: #BABABA
}
::-moz-placeholder {
    color: #BABABA
}
:-ms-input-placeholder {
    color: #BABABA
}
select {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    background-color: #fafafa;
    border-radius: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    color: rgba(0, 0, 0, 0.75);
    font-family: inherit;
    font-size: .875rem;
    line-height: normal;
    padding: .5rem;
    border-radius: 0;
    height: 2.2525rem
}
select::-ms-expand {
    display: none
}
select.radius {
    border-radius: 3px
}
select:focus {
    background-color: #f3f3f3;
    border-color: #999
}
select:disabled {
    background-color: #ddd;
    cursor: default
}
select[multiple] {
    height: auto
}
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    /*margin: 0 0 1rem 0*/
}
input[type="checkbox"]+label,
input[type="radio"]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}
input[type="file"] {
    width: 100%
}
fieldset {
    border: 1px solid #ddd;
    margin: 1.125rem 0;
    padding: 1.25rem
}
fieldset legend {
    font-weight: normal;
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 .1875rem
}
[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #DC143C;
    color: #fff
}
[data-abide] span.error,
[data-abide] small.error {
    display: none
}
span.error,
small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #DC143C;
    color: #fff
}
.error input,
.error textarea,
.error select {
    margin-bottom: 0
}
.error input[type="checkbox"],
.error input[type="radio"] {
    margin-bottom: 1rem
}
.error label,
.error label.error {
    color: #DC143C
}
.error small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #DC143C;
    color: #fff
}
.error>label>small {
    background: transparent;
    color: #676767;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize
}
.error span.error-message {
    display: block
}
input.error,
textarea.error,
select.error {
    margin-bottom: 0
}
label.error {
    color: #DC143C
}
.inline-list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 1.0625rem;
    margin-left: -1.375rem;
    margin-right: 0;
    overflow: hidden;
    padding: 0
}
.inline-list>li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem
}
.inline-list>li>* {
    display: block
}
.label {
    display: inline-block;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: .25rem .5rem .25rem;
    font-size: .6875rem;
    color: #fff
}
.label.radius {
    border-radius: 3px
}
.label.round {
    border-radius: 1000px
}
.label.alert {
    background-color: #DC143C;
    color: #fff
}
.label.warning {
    background-color: #F75270;
    color: #fff
}
.label.success {
    background-color: #43ac6a;
    color: #fff
}
.label.secondary {
    background-color: #808080;
    color: #fff
}
.label.info {
    background-color: #fff;
    color: #333
}
.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333
}
.panel>:first-child {
    margin-top: 0
}
.panel>:last-child {
    margin-bottom: 0
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p,
.panel li,
.panel dl {
    color: #333
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
    line-height: 1;
    margin-bottom: .625rem
}
.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
    line-height: 1.4
}
.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #F7CAC9;
    color: #333
}
.panel.callout>:first-child {
    margin-top: 0
}
.panel.callout>:last-child {
    margin-bottom: 0
}
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout p,
.panel.callout li,
.panel.callout dl {
    color: #333
}
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: .625rem
}
.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
    line-height: 1.4
}
.panel.callout a:not(.button) {
    color: var(--primary)
}
.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
    color: #0097dc
}
.panel.radius {
    border-radius: 3px
}

.margin-left-right {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.margin-top-bottom {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margin-top-bottom-front {
    margin: 1rem 0 0rem 0;
}

.margin-top-sub {
    margin: 20rem 0 0 0;
}

.padding-sub {
    padding: 2rem 0 0 0;
}

.padding-sub-5 {
    padding: 4rem 0 0 0;
}

.front-h2 {
    font-weight: 400;
    line-height: 1.2;
    font-size: 48px;
    color: #4f3d7c;
    margin-top: 8px;
}

.front-h2-white {
    font-weight: 400;
    line-height: 1.2;
    font-size: 48px;
    color: #ffffff;
    margin-top: 8px;
}

.white-border-right {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    /*background: rgba(255, 255, 255, 0.3);*/
}

.front-p {
    line-height: 1.78;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 1rem !important;
}

.pricing-table {
    border: solid 1px #ddd;
    margin-left: 0;
    margin-bottom: 1.25rem
}
.pricing-table * {
    list-style: none;
    line-height: 1
}
.pricing-table .title {
    background-color: #333;
    color: #eee;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    padding: .9375rem 1.25rem;
    text-align: center
}
.pricing-table .price {
    background-color: #f6f6f6;
    color: #333;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 300;
    padding: .9375rem 1.25rem;
    text-align: center
}
.pricing-table .description {
    background-color: #fff;
    border-bottom: dotted 1px #ddd;
    color: #777;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.4;
    padding: .9375rem;
    text-align: center
}
.pricing-table .bullet-item {
    background-color: #fff;
    border-bottom: dotted 1px #ddd;
    color: #333;
    font-size: .875rem;
    font-weight: 300;
    padding: .9375rem;
    text-align: center
}
.pricing-table .cta-button {
    background-color: #fff;
    padding: 1.25rem 1.25rem 0;
    text-align: center
}
.progress {
    background-color: #f6f6f6;
    border: 1px solid white;
    height: 1.5625rem;
    margin-bottom: .625rem;
    padding: .125rem
}
.progress .meter {
    background: var(--primary);
    display: block;
    height: 100%;
    float: left;
    width: 0
}
.progress .meter.secondary {
    background: #808080;
    display: block;
    height: 100%;
    float: left;
    width: 0
}
.progress .meter.success {
    background: #43ac6a;
    display: block;
    height: 100%;
    float: left;
    width: 0
}
.progress .meter.alert {
    background: #DC143C;
    display: block;
    height: 100%;
    float: left;
    width: 0
}
.progress.secondary .meter {
    background: #808080;
    display: block;
    height: 100%;
    float: left;
    width: 0
}
.progress.success .meter {
    background: #43ac6a;
    display: block;
    height: 100%;
    float: left;
    width: 0
}
.progress.alert .meter {
    background: #DC143C;
    display: block;
    height: 100%;
    float: left;
    width: 0
}
.progress.radius {
    border-radius: 3px
}
.progress.radius .meter {
    border-radius: 2px
}
.progress.round {
    border-radius: 1000px
}
.progress.round .meter {
    border-radius: 999px
}

.reveal-modal-bg {
    background: #00386c;
    bottom: 0;
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0;
    background-color: rgba(255,255,255,.65);
}

.reveal-modal {
    display: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: var(--background);
    padding: 2.66667rem;
    /*border: solid 1px #666666;*/
    border-radius: 3px;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.3);
    height: 80%;
}
@media only screen and (max-width: 40em) {
    .reveal-modal {
        min-height: 100vh
    }
}
.reveal-modal .column,
.reveal-modal .columns {
    min-width: 0
}
.reveal-modal>:first-child {
    margin-top: 0;
    text-align: center;
}
.reveal-modal>:last-child {
    margin-bottom: 0;
    height: 60%;
}
@media only screen and (min-width: 40.0625em) {
    .reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 73.125rem;
        right: 0;
        width: 60%
    }
}
@media only screen and (min-width: 40.0625em) {
    .reveal-modal {
        top: 6.25rem
    }
}
.reveal-modal.radius {
    box-shadow: none;
    border-radius: 3px
}
.reveal-modal.round {
    box-shadow: none;
    border-radius: 1000px
}
.reveal-modal.collapse {
    padding: 0;
    box-shadow: none
}
@media only screen and (min-width: 40.0625em) {
    .reveal-modal.tiny {
        left: 0;
        margin: 0 auto;
        max-width: 73.125rem;
        right: 0;
        width: 45%
    }
}
@media only screen and (min-width: 40.0625em) {
    .reveal-modal.small {
        left: 0;
        margin: 0 auto;
        max-width: 40.125rem;
        right: 0;
        width: 60%
    }
}
@media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium {
        left: 0;
        margin: 0 auto;
        max-width: 73.125rem;
        right: 0;
        width: 60%
    }
}
@media only screen and (min-width: 40.0625em) {
    .reveal-modal.large {
        left: 0;
        margin: 0 auto;
        max-width: 73.125rem;
        right: 0;
        width: 70%
    }
}
@media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
        left: 0;
        margin: 0 auto;
        max-width: 73.125rem;
        right: 0;
        width: 95%
    }
}
.reveal-modal.full {
    height: 100%;
    left: 0;
    margin-left: 0!important;
    max-width: none!important;
    min-height: 100vh;
    top: 0
}
@media only screen and (min-width: 40.0625em) {
    .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 73.125rem;
        right: 0;
        width: 100%
    }
}
.reveal-modal.toback {
    z-index: 1003
}
.reveal-modal .close-reveal-modal {
    color: #aaa;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    top: .325rem;
    right: 0.5rem;
}

.reveal-modal .close-x-btn{
    color: #aaa;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    top: .325rem;
    right: 0.5rem;
    float: right;
}

.sub-nav {
    display: block;
    margin: -0.25rem 0 1.125rem;
    overflow: hidden;
    padding-top: .25rem;
    width: auto
}
.sub-nav dt {
    text-transform: uppercase
}
.sub-nav dt,
.sub-nav dd,
.sub-nav li {
    color: #999;
    float: left;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 300;
    margin-left: 1rem;
    margin-bottom: 0
}
.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
    color: #999;
    padding: .1875rem 1rem;
    text-decoration: none
}
.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
    color: #737373
}
.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
    border-radius: 3px;
    background: var(--primary);
    color: #fff;
    cursor: default;
    font-weight: 300;
    padding: .1875rem 1rem
}
.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
    background: #0097dc
}
.orange{
    color: #F75270 !important;
}

table {
    background: #fff;
    border: solid 1px #ddd;
    margin-bottom: 1.25rem;
    table-layout: auto
}
table.testlist {
    background: #fff;
    border: solid 1px #ddd;
    margin-bottom: 1.25rem;
    table-layout: auto;
    width: 100%;
}
table caption {
    background: transparent;
    color: #222;
    font-size: 1rem;
    font-weight: bold
}
table thead {
    background: #f5f5f5
}
table thead tr th,
table thead tr td {
    color: #222;
    font-size: .875rem;
    font-weight: normal;
    padding: .5rem .625rem .625rem
}
table tfoot {
    background: #f5f5f5
}
table tfoot tr th,
table tfoot tr td {
    color: #222;
    font-size: .875rem;
    font-weight: normal;
    padding: .5rem .625rem .625rem
}
table tr th,
table tr td {
    color: #222;
    font-size: .875rem;
    padding: .5625rem .625rem;
    text-align: left
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #f9f9f9
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.125rem
}
.tabs {
    margin-bottom: 0!important;
    margin-left: 0
}
.tabs:before,
.tabs:after {
    content: " ";
    display: table
}
.tabs:after {
    clear: both
}
.tabs dd,
.tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0!important;
    position: relative
}
.tabs dd>a,
.tabs .tab-title>a {
    display: block;
    background-color: #e5e5e5;
    color: #222;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    padding: 1rem 2rem
}
.tabs dd>a:hover,
.tabs .tab-title>a:hover {
    background-color: #d7d7d7
}
.tabs dd.active>a,
.tabs .tab-title.active>a {
    background-color: #fff;
    color: #222
}
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}
.tabs.vertical dd,
.tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto
}
.tabs-content {
    margin-bottom: 1.5rem;
    width: 100%
}
.tabs-content:before,
.tabs-content:after {
    content: " ";
    display: table
}
.tabs-content:after {
    clear: both
}
.tabs-content>.content {
    display: none;
    float: left;
    padding: .9375rem 0;
    width: 100%
}
.tabs-content>.content.active {
    display: block;
    float: none
}
.tabs-content>.content.contained {
    padding: .9375rem
}
.tabs-content.vertical {
    display: block
}
.tabs-content.vertical>.content {
    padding: 0 .9375rem
}
@media only screen and (min-width: 40.0625em) {
    .tabs.vertical {
        float: left;
        margin: 0;
        margin-bottom: 1.25rem!important;
        max-width: 20%;
        width: 20%
    }
    .tabs-content.vertical {
        float: left;
        margin-left: -1px;
        max-width: 80%;
        padding-left: 1rem;
        width: 80%
    }
}
.no-js .tabs-content>.content {
    display: block;
    float: none
}
.th {
    border: solid 4px #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: all 200ms ease-out
}
.th:hover,
.th:focus {
    box-shadow: 0 0 6px 1px rgba(237, 29, 36, 0.5)
}
.th.radius {
    border-radius: 3px
}
.has-tip {
    border-bottom: dotted 1px #ccc;
    color: #999;
    cursor: help;
    font-weight: normal
}

.grey{
    color: #999;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0
}
.fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%
}
.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99
}
.fixed.expanded:not(.top-bar) .top-bar-section {
    margin-top: 6.5625rem;
    z-index: 98
}
.top-bar {
    background: transparent;
    height: 5.0625rem !important;
    line-height: 4.0625rem;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}
.top-bar ul {
    list-style: none;
    margin-bottom: 0
}
.top-bar .row {
    max-width: none
}
.top-bar form,
.top-bar input,
.top-bar select {
    margin-bottom: 0
}
.top-bar input,
.top-bar select {
    font-size: .75rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem
}
.top-bar .button,
.top-bar button {
    font-size: .75rem;
    margin-bottom: 0;
    padding-bottom: .4125rem;
    padding-top: .4125rem
}
@media only screen and (max-width: 40em) {
    .top-bar .button,
    .top-bar button {
        position: relative;
        top: -1px
    }
}
.top-bar .title-area {
    margin: 0;
    position: relative
}
.top-bar .name {
    font-size: 16px;
    height: 3.5625rem;
    margin: 0
}
.top-bar .name h1,
.top-bar .name h2,
.top-bar .name h3,
.top-bar .name h4,
.top-bar .name p,
.top-bar .name span {
    font-size: 0.9rem;
    line-height: 4.3625rem;
    margin: 0
}
.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name p a,
.top-bar .name span a {
    color: #000;
    display: block;
    font-weight: 300;
    padding: 0 1.25rem;
    width: 75%
}
.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}
.top-bar .toggle-topbar a {
    color: #000;
    display: block;
    font-size: .8125rem;
    font-weight: normal;
    height: 4.3625rem;
    line-height: 4.3625rem;
    padding: 0 1.25rem;
    position: relative;
    text-transform: uppercase
}
.top-bar .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%
}
.top-bar .toggle-topbar.menu-icon a {
    color: #fff;
    height: 34px;
    line-height: 33px;
    padding: 0 2.8125rem 0 1.25rem;
    position: relative
}
.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: 1.25rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 16px
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px;
}
.top-bar.expanded {
    background: transparent;
    height: auto
}
.top-bar.expanded .title-area {
    background: transparent
}
.top-bar.expanded .toggle-topbar a {
    color: #888
}
.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,
    .top-bar.expanded .top-bar-section .dropdown {
        clip: initial
    }
    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul {
        padding: 0
    }
}
.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out
}
.top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%
}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-top: solid 1px transparent;
    clear: both;
    height: 1px;
    width: 100%
}
.top-bar-section ul li {
    background: transparent;
    color: #333333;
}
.top-bar-section ul li>a {
    color: var(--color-header-font-dark) !important;
    display: block;
    font-family: 'GT America Standard Regular', sans-serif;
    font-size: 1rem;
    /*font-weight: bold;*/
    padding: 12px 0 12px 1.25rem;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    font-weight: 400;
}

.top-bar-section ul li>a {

}
/*.top-bar-section>ul>li>a {*/
/*    text-shadow: rgb(0 0 0 / 40%) 0px 1px 0px;*/
/*}*/

.scrolled .top-bar-section ul li>a {
    color: #151624;
    text-shadow: initial;
}

.scrolled .globe-icon {
    fill: #151624;
}

.top-bar-section ul li>a.button {
    text-decoration: none;
    -webkit-transition: background-color .08s ease-out;
    -o-transition: background-color .08s ease-out;
    transition: background-color .08s ease-out;
    line-height: 24px;
    display: inline-block;
    border-radius: 4px;
    padding: 8px 16px;
    background-color: #fff;
    border: initial;
    height: 40px;
    color: #000;
}
.top-bar-section ul li>a.strongHeader {
    text-decoration: none;
    -webkit-transition: background-color .08s ease-out;
    -o-transition: background-color .08s ease-out;
    transition: background-color .08s ease-out;
    line-height: 34px;
    display: inline-block;
    white-space: nowrap;
    flex-basis: auto;
    width: auto;
    height: 50px;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    background-color: #000000;
    background: #5252EB;
    color: #fff !important;
    fill: #fff;
    text-transform: inherit;
    font-weight: 500;
    font-size: 16px;
    border-radius: 999px !important;
    box-shadow: 0 1px 4px #0003;
    transition: all 0.2s ease;
}

.top-bar-section ul li>a.strongHeader2 {
    background: #5d5d62 !important;
    color: #fff !important;
}

.button-rounded-header {
    text-decoration: none;
    -webkit-transition: background-color .08s ease-out;
    -o-transition: background-color .08s ease-out;
    transition: background-color .08s ease-out;
    line-height: 12px;
    display: inline-block;
    white-space: nowrap;
    flex-basis: auto;
    width: auto;
    height: 44px;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    background: #5252EB;
    color: #fff !important;
    fill: #fff;
    text-transform: inherit;
    font-weight: 500;
    font-size: 16px;
    border-radius: 999px !important;
    box-shadow: 0 1px 4px #0003;
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
    background-color: #5657fc !important;
    color: #151624!important;
}
.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
    background-color: #5657fc !important;
    color: #fff
}
.top-bar-section ul li>a.button.secondary {
    background-color: #808080;
    border-color: #737373;
    color: #fff
}
.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
    background-color: #737373
}
.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
    color: #fff
}
.top-bar-section ul li>a.button.success {
    background-color: #43ac6a;
    border-color: #3c9b5f;
    color: #fff
}
.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
    background-color: #3c9b5f
}
.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
    color: #fff
}
.top-bar-section ul li>a.button.alert {
    background-color: #DC143C;
    border-color: #e82f10;
    color: #fff
}
.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
    background-color: #e82f10
}
.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
    color: #fff
}
.top-bar-section ul li>a.button.warning {
    background-color: #F75270;
    border-color: #e87c10;
    color: #fff
}
.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
    background-color: #e87c10
}
.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
    color: #fff
}

.top-bar-section ul li>a.strongHeader:hover,
.top-bar-section ul li>a.strongHeader:focus {
    background-color: #5657fc !important;
    color: #fff!important;
    border-color: #5657fc !important;

    transform: translateY(-4px) !important;
    box-shadow: 0 6px 0 #2c2c2c !important;
}



.top-bar-section ul li>a.strongHeader:active,
.top-bar-section ul li>a.strongHeader:active {
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 0 #2c2c2c !important;
}

.top-bar-section ul li>a.button.info {
    background-color: #fff;
    border-color: #e6e6e6;
    color: #333
}
.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>a.button.info:focus {
    background-color: #e6e6e6
}
.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>a.button.info:focus {
    color: #333
}
.top-bar-section ul li>button {
    font-size: 0.9rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background-color: var(--primary);
    border-color: #1e7d05;
    color: #fff
}
.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
    background-color: #1e7d05
}
.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
    color: #fff
}
.top-bar-section ul li>button.secondary {
    background-color: #808080;
    border-color: #737373;
    color: #fff
}
.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
    background-color: #737373
}
.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
    color: #fff
}
.top-bar-section ul li>button.success {
    background-color: #43ac6a;
    border-color: #3c9b5f;
    color: #fff
}
.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
    background-color: #3c9b5f
}
.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
    color: #fff
}
.top-bar-section ul li>button.alert {
    background-color: #DC143C;
    border-color: #e82f10;
    color: #fff
}
.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
    background-color: #e82f10
}
.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
    color: #fff
}
.top-bar-section ul li>button.warning {
    background-color: #F75270;
    border-color: #e87c10;
    color: #fff
}
.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
    background-color: #e87c10
}
.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
    color: #fff
}
.top-bar-section ul li>button.info {
    background-color: #fff;
    border-color: #e6e6e6;
    color: #333
}
.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
    background-color: #e6e6e6
}
.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
    color: #333
}
.top-bar-section ul li:hover:not(.has-form)>a {
    color: #fff;
    /*background: transparent*/
}
.top-bar-section ul li.active>a {
    background: var(--primary);
    color: #fff
}
.top-bar-section ul li.active>a:hover {
    background: #0097dc;
    color: #fff
}

.top-bar-section ul li>a.strongHeader:hover {
    border-color: #5657fc !important;
    box-shadow: 0 0 2px rgba(0,0,0,.1), 0 6px 6px rgba(0,0,0,.08), 0 5px 6px rgba(0,0,0,.08), 0 6px 15px rgba(0,0,0,.08);
    color: rgb(255, 255, 255);
    transform: scale(1.025) translateZ(0px);
    text-decoration: none;
    transition: transform 0.2s cubic-bezier(0.25, 1.6, 0.6, 1.4) 0s, -webkit-transform 0.2s cubic-bezier(0.25, 1.6, 0.6, 1.4) 0s;
}

.top-bar-section .has-form {
    padding: 1.25rem
}
.top-bar-section .has-dropdown {
    position: relative
}
.top-bar-section .has-dropdown>a:after {
    margin-right: 1.25rem;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0
}
.top-bar-section .has-dropdown.moved {
    position: static
}
.top-bar-section .has-dropdown.moved>.dropdown {
    position: static!important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute!important;
    width: 100%
}
.top-bar-section .has-dropdown.moved>a:after {
    display: none
}
#dropdown-width {
    width: 440px;
}
#dropdown-width-languages {
    width: 440px !important;
    padding-bottom: 25px;
}

#dropdown-width-languages a {
    color: var(--color-header-font-white-dark) !important;
}

.top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    width: 200px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 1px 6px rgba(0,0,0,.175);
}
.top-bar-section .dropdown li {
    height: auto;
    width: 100%
}
.top-bar-section .dropdown li a {
    font-weight: normal;
    padding: 8px 1.25rem
}
.top-bar-section .dropdown li a.parent-link {
    font-weight: bold
}
.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.125rem
}
.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
    color: #000;
    display: block
}
.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
    background: 0
}
.top-bar-section .dropdown li.has-form {
    padding: 8px 1.25rem
}
.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
    top: auto
}
.top-bar-section .dropdown label {
    color: #777;
    font-size: .625rem;
    font-weight: normal;
    margin-bottom: 0;
    padding: 8px 1.25rem 2px;
    text-transform: uppercase
}
.js-generated {
    display: block
}

#user-nav .btn-group:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    #user-nav .dropdown-toggle:hover .dropdown-menu, #user-nav .btn-group:hover .dropdown-menu{
        display: block !important;
    }
    #user-nav .dropdown-menu{
        margin-top: 0 !important;
    }
    #user-nav .dropdown-toggle{
        margin-bottom: 2px !important;
    }
    #user-nav .navbar .dropdown-toggle, #addContainer .nav-tabs .dropdown-toggle{
        margin-bottom: 0 !important;
    }
}

@media only screen and (min-width: 60.0625em) {
    .top-bar .title-area {
        float: left;
    }
}
@media only screen and (min-width: 10.0625em) {
    .top-bar {
        background: transparent;
        overflow: visible;
        margin: 0 16px 0 16px;
        height: 80px;
    }
    .top-bar:before,
    .top-bar:after {
        content: " ";
        display: table
    }
    .top-bar:after {
        clear: both
    }
    .top-bar .toggle-topbar {
        display: none
    }
    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
        width: auto
    }
    .top-bar input,
    .top-bar select,
    .top-bar .button,
    .top-bar button {
        font-size: .875rem;
        height: 1.75rem;
        position: relative;
        top: 1.0625rem
    }
    .top-bar .has-form>.button,
    .top-bar .has-form>button {
        font-size: .875rem;
        height: 1.75rem;
        position: relative;
        top: 2.40625rem
    }
    .top-bar.expanded {
        background: transparent
    }
    .contain-to-grid .top-bar {
        margin-bottom: 0;
        max-width: 73.125rem
    }
    .top-bar-section {
        transition: height .33s ease;
        left: 0!important
    }
    .top-bar-section ul {
        display: inline;
        height: auto!important;
        width: auto
    }
    .top-bar-section ul li {
        float: left;
        /*color: #ffffff;*/
        letter-spacing: 0.8px;
    }
    .top-bar-section ul li .js-generated {
        display: none
    }
    .top-bar-section li.hover>a:not(.button) {
        background-color: #555;
        background: transparent;
        color: var(--primary)
    }
    .top-bar-section li:not(.has-form) a:not(.button) {
        background: transparent;
        line-height: 4.4825rem;
        padding: 0.5rem 1.2rem 0 1rem;
    }

    .top-bar-section li:not(.has-form) a.changelanguagetop {
        background: transparent;
        line-height: 1.4825rem;
        margin: 1.2rem 1.2rem 1rem 0rem;
        padding: 12px 0 10px 20px !important;
    }


    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: rgb(194, 191, 191);
        background: transparent;
    }
    .top-bar-section li:not(.has-form) a.changelanguagetop:hover {
        background-color: #091c49;
    }

    .top-bar-section ul li>a:hover {
        color: var(--primary) !important;
        /*text-shadow: initial;*/
        /*text-shadow: rgb(255 255 255 / 40%) 0px 1px 0px;*/
    }

    .top-bar-section ul li>a.header-link:hover {
        color: var(--primary) !important;
        text-shadow: initial;
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        background: var(--primary);
        color: #fff;
        line-height: 4.3625rem;
        padding: 0 1.25rem
    }
    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: var(--primary);
        color: #fff
    }
    .top-bar-section .has-dropdown.moved {
        position: relative
    }
    .top-bar-section .has-dropdown.moved>.dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute!important;
        width: 1px;
        display: block
    }
    .top-bar-section .has-dropdown.hover>.dropdown,
    .top-bar-section .has-dropdown.not-click:hover>.dropdown {
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute!important;
        transition: all 0.35s ease-in-out, transform 0.35s ease-in-out 0s;
    }
    .top-bar-section .has-dropdown>a:focus+.dropdown {
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute!important
    }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
        border: 0;
        content: "\00bb";
        top: .1875rem;
        right: 5px
    }
    .top-bar-section .dropdown {
        left: 0;
        background: transparent;
        min-width: 100%;
        top: auto
    }
    .top-bar-section .dropdown li a {
        background: #fff;
        color: #1d1d1d;
        line-height: 4.3625rem;
        padding: 12px 1.25rem;
        white-space: nowrap
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        background: #fff;
        color: #1e7d05;
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }
    .top-bar-section .dropdown li label {
        background: #333;
        white-space: nowrap
    }
    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0
    }
    .top-bar-section>ul>.divider,
    .top-bar-section>ul>[role="separator"] {
        border-right: solid 1px rgba(33, 33, 33, 0);
        border-bottom: 0;
        border-top: 0;
        clear: none;
        height: 4.3625rem;
        width: 0
    }
    .top-bar-section .has-form {
        background: transparent;
        height: 4.3625rem;
        padding: 0 1.25rem
    }
    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0;
        box-shadow: 0 0 2rem rgba(0,0,0,.1);
        border-radius: 20px;
    }
    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%
    }
    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0
    }
    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%
    }
    .no-js .top-bar-section ul li:hover>a {
        background-color: #555;
        background: transparent;
        color: #1d1d1d
    }
    .no-js .top-bar-section ul li:active>a {
        background: #fff;
        color: #1d1d1d
    }
    .no-js .top-bar-section .has-dropdown:hover>.dropdown {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute!important
    }
    .no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute!important
    }
}
.text-left {
    text-align: left!important
}
.text-right {
    text-align: right!important
}
.text-center {
    text-align: center!important
}
.text-justify {
    text-align: justify!important
}
@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left!important
    }
    .small-only-text-right {
        text-align: right!important
    }
    .small-only-text-center {
        text-align: center!important
    }
    .small-only-text-justify {
        text-align: justify!important
    }
}
@media only screen {
    .small-text-left {
        text-align: left!important
    }
    .small-text-right {
        text-align: right!important
    }
    .small-text-center {
        text-align: center!important
    }
    .small-text-justify {
        text-align: justify!important
    }
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    .medium-only-text-left {
        text-align: left!important
    }
    .medium-only-text-right {
        text-align: right!important
    }
    .medium-only-text-center {
        text-align: center!important
    }
    .medium-only-text-justify {
        text-align: justify!important
    }
}
@media only screen and (min-width: 40.0625em) {
    .medium-text-left {
        text-align: left!important
    }
    .medium-text-right {
        text-align: right!important
    }
    .medium-text-center {
        text-align: center!important
    }
    .medium-text-justify {
        text-align: justify!important
    }
}
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
    .large-only-text-left {
        text-align: left!important
    }
    .large-only-text-right {
        text-align: right!important
    }
    .large-only-text-center {
        text-align: center!important
    }
    .large-only-text-justify {
        text-align: justify!important
    }
}
@media only screen and (min-width: 64.0625em) {
    .large-text-left {
        text-align: left!important
    }
    .large-text-right {
        text-align: right!important
    }
    .large-text-center {
        text-align: center!important
    }
    .large-text-justify {
        text-align: justify!important
    }
}
@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
    .xlarge-only-text-left {
        text-align: left!important
    }
    .xlarge-only-text-right {
        text-align: right!important
    }
    .xlarge-only-text-center {
        text-align: center!important
    }
    .xlarge-only-text-justify {
        text-align: justify!important
    }
}
@media only screen and (min-width: 90.0625em) {
    .xlarge-text-left {
        text-align: left!important
    }
    .xlarge-text-right {
        text-align: right!important
    }
    .xlarge-text-center {
        text-align: center!important
    }
    .xlarge-text-justify {
        text-align: justify!important
    }
}
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
    .xxlarge-only-text-left {
        text-align: left!important
    }
    .xxlarge-only-text-right {
        text-align: right!important
    }
    .xxlarge-only-text-center {
        text-align: center!important
    }
    .xxlarge-only-text-justify {
        text-align: justify!important
    }
}
@media only screen and (min-width: 120.0625em) {
    .xxlarge-text-left {
        text-align: left!important
    }
    .xxlarge-text-right {
        text-align: right!important
    }
    .xxlarge-text-center {
        text-align: center!important
    }
    .xxlarge-text-justify {
        text-align: justify!important
    }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}
a {
    color: #174204;
    line-height: inherit;
    text-decoration: none
}

a:before {
    transition: width 420ms cubic-bezier(.165,.84,.44,1);
    position: absolute;
    bottom: -2px;
    width: 0;
    border-bottom: 2px solid var(--primary);
    content: "";
}

a:hover {
    color: var(--primary);
    /*border-bottom-color: var(--primary);*/
    /*border-bottom-width: 2px;*/
}

a.see-yearly-plan, a.see-yearly-plan-business{
    text-decoration: underline;
}
a:hover,
a:focus {
    color: #4645c9
}
a img {
    border: 0
}

p {
    font-family: inherit;
    font-weight: 300;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 1.5em;
}
p.lead {
    font-size: 1.28125rem;
    line-height: 1.6
}
p.footer {
    font-size: 1.28125rem;
    line-height: 0.5;
}
p aside {
    font-size: .875rem;
    font-style: italic;
    line-height: 1.35
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    margin-bottom: .5rem;
    margin-top: .2rem;
    text-rendering: optimizeLegibility
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0
}
h1 {
    font-size: 2rem
}
h2 {
    font-size: 1.6875rem
}
h3 {
    font-size: 1.375rem
}
h4 {
    font-size: 1.125rem
}
h5 {
    font-size: 1.125rem
}
h6 {
    font-size: 1rem
}
.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 300;
    margin-top: .2rem;
    margin-bottom: .5rem
}
hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem
}
em,
i {
    font-style: italic;
    line-height: inherit
}
strong,
b {
    font-weight: normal;
    line-height: inherit
}
small {
    font-size: 60%;
    line-height: inherit
}
code {
    background-color: #d9d9d9;
    border-color: #c3c3c3;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 300;
    padding: .125rem .3125rem .0625rem
}
ul,
ol,
dl {
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.5;
    list-style-position: outside;
    margin-bottom: 1.25rem
}
ul {
    margin-left: 1.1rem
}
ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}
ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}
ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}
ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}
ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}
ol {
    margin-left: 1.4rem
}
ol li ul,
ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}
.no-bullet {
    list-style-type: none;
    margin-left: 0
}
.no-bullet li ul,
.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}
dl dt {
    margin-bottom: .3rem;
    font-weight: normal
}
dl dd {
    margin-bottom: .75rem
}
abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #000;
    cursor: help
}
abbr {
    text-transform: none
}
abbr[title] {
    border-bottom: 1px dotted #ddd
}
blockquote {
    margin: 0 0 1.25rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}
blockquote cite {
    display: block;
    font-size: .8125rem;
    color: #555
}
blockquote cite:before {
    content: "\2014 \0020"
}
blockquote cite a,
blockquote cite a:visited {
    color: #555
}
blockquote,
blockquote p {
    line-height: 1.5;
    color: #6f6f6f
}
.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #ddd;
    padding: .625rem .75rem
}
.vcard li {
    margin: 0;
    display: block
}
.vcard .fn {
    font-weight: normal;
    font-size: .9375rem
}
.vevent .summary {
    font-weight: normal
}
.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: normal;
    border: 0;
    padding: 0 .0625rem
}


.description-container {
    font-size: 16px;
    font-weight: 500;
}

@media only screen and (min-width: 40.0625em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.6rem
    }
    h1 {
        font-size: 2rem
    }
    h2 {
        font-size: 1.2rem;
        font-weight: 600;
    }
    h3 {
        font-size: 1.4875rem;
        font-weight: 400;
    }
    h4 {
        font-size: 1rem
    }
    h5 {
        font-size: 1.125rem
    }
    h6 {
        font-size: 1rem
    }
}
@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .34in
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
.off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow: hidden
}
.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left,
.off-canvas-wrap.move-bottom,
.off-canvas-wrap.move-top {
    min-height: 100%;
    -webkit-overflow-scrolling: touch
}
.inner-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    background-color: #e8e8ea;
}
.inner-wrap:before,
.inner-wrap:after {
    content: " ";
    display: table
}
.inner-wrap:after {
    clear: both
}
.tab-bar {
    -webkit-backface-visibility: hidden;
    background: var(--background);
    color: #fff;
    height: 4.55rem;
    line-height: 4.55rem;
    position: relative
}
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
    color: #fff;
    font-weight: normal;
    line-height: 4.75rem;
    margin: 0
}
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
    font-size: 1.125rem
}
.left-small {
    height: 4.75rem;
    position: absolute;
    top: 0;
    width: 4.75rem;
    border-right: solid 1px gray;
    left: 0
}
.right-small {
    height: 4.75rem;
    position: absolute;
    top: 0;
    width: 4.75rem;
    right: 0
}
.tab-bar-section {
    height: 4.75rem;
    padding: 0 .625rem;
    position: absolute;
    text-align: center;
    top: 0
}
.tab-bar-section.left {
    text-align: left
}
.tab-bar-section.right {
    text-align: right
}
.tab-bar-section.left {
    left: 0;
    right: 4.75rem
}
.tab-bar-section.right {
    left: 4.75rem;
    right: 0
}
.tab-bar-section.middle {
    left: 4.75rem;
    right: 4.75rem
}
.tab-bar .menu-icon {
    color: #000;
    display: block;
    height: 4.75rem;
    padding: 0;
    position: relative;
    text-indent: 2.1875rem;
    transform: translate3d(0, 0, 0);
    width: 4.75rem
}
.tab-bar .menu-icon span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 1.75rem;
    left: 1.4375rem;
    box-shadow: 0 0 0 2px #000, 0 9px 0 2px #000, 0 18px 0 2px #000;
    width: 1.875rem
}
.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 2px black, 0 9px 0 2px black, 0 18px 0 2px black
}
.left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: var(--primary);
    bottom: 0;
    display: none;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    top: 0
}

@media only screen and (max-width: 60.0625em) {
    .left-off-canvas-menu {
        display: inline-block;
    }
}

.left-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}
.right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: var(--primary);
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    top: 0
}
.right-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}
.top-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: var(--primary);
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate(0, -100%);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
    width: 100%;
    height: 18.75rem
}
.top-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}
.bottom-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: var(--primary);
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate(0, 100%);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: 0;
    width: 100%;
    height: 18.75rem
}
.bottom-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}
ul.off-canvas-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 1rem;
}
ul.off-canvas-list li label {
    background: var(--primary);
    border-bottom: 1px solid #fff;
    border-top: 1px solid #DC143C;
    color: #999;
    display: block;
    font-size: .75rem;
    font-weight: normal;
    margin: 0;
    padding: .3rem .9375rem;
    text-transform: uppercase
}
ul.off-canvas-list li a {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    padding: .66667rem;
    transition: background 300ms ease
}
ul.off-canvas-list li a:hover {
    background: #c51016
}
ul.off-canvas-list li a:active {
    background: #c51016
}
.left-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: var(--primary);
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease
}
.left-submenu * {
    -webkit-backface-visibility: hidden
}
.left-submenu .back>a {
    background: #444;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #DC143C;
    color: #999;
    font-weight: normal;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    margin: 0
}
.left-submenu .back>a:hover {
    background: #303030;
    border-bottom: 0;
    border-top: 1px solid #DC143C
}
.left-submenu .back>a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline
}
.left-submenu.move-right,
.left-submenu.offcanvas-overlap-right,
.left-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}
.right-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: var(--primary);
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease
}
.right-submenu * {
    -webkit-backface-visibility: hidden
}
.right-submenu .back>a {
    background: #444;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #DC143C;
    color: #999;
    font-weight: normal;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    margin: 0
}
.right-submenu .back>a:hover {
    background: #303030;
    border-bottom: 0;
    border-top: 1px solid #DC143C
}
.right-submenu .back>a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline
}
.right-submenu.move-left,
.right-submenu.offcanvas-overlap-left,
.right-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}
.top-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: var(--primary);
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate(0, -100%);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease
}
.top-submenu * {
    -webkit-backface-visibility: hidden
}
.top-submenu .back>a {
    background: #444;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #DC143C;
    color: #999;
    font-weight: normal;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    margin: 0
}
.top-submenu .back>a:hover {
    background: #303030;
    border-bottom: 0;
    border-top: 1px solid #DC143C
}
.top-submenu.move-bottom,
.top-submenu.offcanvas-overlap-bottom,
.top-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate(0, 0%);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
}
.bottom-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: var(--primary);
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate(0, 100%);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease
}
.bottom-submenu * {
    -webkit-backface-visibility: hidden
}
.bottom-submenu .back>a {
    background: #444;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #DC143C;
    color: #999;
    font-weight: normal;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    margin: 0
}
.bottom-submenu .back>a:hover {
    background: #303030;
    border-bottom: 0;
    border-top: 1px solid #DC143C
}
.bottom-submenu.move-top,
.bottom-submenu.offcanvas-overlap-top,
.bottom-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate(0, 0%);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline
}
@media only screen {
    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none!important
    }
    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute!important;
        width: 1px
    }
    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-small,
    table.show-for-small-down,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table!important
    }
    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.show-for-small-only,
    td.show-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.show-for-small,
    td.show-for-small,
    th.show-for-small-down,
    td.show-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.hide-for-medium-up,
    td.hide-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell!important
    }
}
@media only screen and (min-width: 40.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none!important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute!important;
        width: 1px
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table!important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.show-for-medium-only,
    td.show-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.show-for-medium,
    td.show-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell!important
    }
}
@media only screen and (min-width: 64.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none!important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute!important;
        width: 1px
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table!important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.show-for-large-only,
    td.show-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.show-for-large,
    td.show-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell!important
    }
}
@media only screen and (min-width: 90.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none!important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute!important;
        width: 1px
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table!important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.show-for-xlarge-only,
    td.show-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.show-for-xlarge,
    td.show-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell!important
    }
}
@media only screen and (min-width: 120.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-xlarge-only,
    .show-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none!important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-xlarge-only,
    .visible-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute!important;
        width: 1px
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-xlarge-only,
    table.show-for-xlarge-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table!important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.hide-for-xlarge-down,
    td.hide-for-xlarge-down,
    th.show-for-xxlarge-only,
    td.show-for-xxlarge-only,
    th.show-for-xxlarge-up,
    td.show-for-xxlarge-up,
    th.show-for-xxlarge,
    td.show-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell!important
    }
}
.show-for-landscape,
.hide-for-portrait {
    display: inherit!important
}
.hide-for-landscape,
.show-for-portrait {
    display: none!important
}
table.hide-for-landscape,
table.show-for-portrait {
    display: table!important
}
thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group!important
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group!important
}
tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row!important
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell!important
}
@media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
    table.show-for-landscape,
    table.hide-for-portrait {
        display: table!important
    }
    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group!important
    }
    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group!important
    }
    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row!important
    }
    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell!important
    }
}
@media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit!important
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
    table.show-for-portrait,
    table.hide-for-landscape {
        display: table!important
    }
    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group!important
    }
    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group!important
    }
    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row!important
    }
    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell!important
    }
}
.show-for-touch {
    display: none!important
}
.hide-for-touch {
    display: inherit!important
}
.touch .show-for-touch {
    display: inherit!important
}
.touch .hide-for-touch {
    display: none!important
}
table.hide-for-touch {
    display: table!important
}
.touch table.show-for-touch {
    display: table!important
}
thead.hide-for-touch {
    display: table-header-group!important
}
.touch thead.show-for-touch {
    display: table-header-group!important
}
tbody.hide-for-touch {
    display: table-row-group!important
}
.touch tbody.show-for-touch {
    display: table-row-group!important
}
tr.hide-for-touch {
    display: table-row!important
}
.touch tr.show-for-touch {
    display: table-row!important
}
td.hide-for-touch {
    display: table-cell!important
}
.touch td.show-for-touch {
    display: table-cell!important
}
th.hide-for-touch {
    display: table-cell!important
}
.touch th.show-for-touch {
    display: table-cell!important
}
.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px
}
.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px
}
.show-on-focus:focus,
.show-on-focus:active {
    position: static!important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}
.print-only,
.show-for-print {
    display: none!important
}
@media print {
    .print-only,
    .show-for-print {
        display: block!important
    }
    .hide-on-print,
    .hide-for-print {
        display: none!important
    }
    table.show-for-print {
        display: table!important
    }
    thead.show-for-print {
        display: table-header-group!important
    }
    tbody.show-for-print {
        display: table-row-group!important
    }
    tr.show-for-print {
        display: table-row!important
    }
    td.show-for-print {
        display: table-cell!important
    }
    th.show-for-print {
        display: table-cell!important
    }
}
.navigation-section {
    z-index: 9;
    /* position: fixed; */
    top: 64px;
    /* width: 100%; */
    transition: all 0.25s;
    /* border-bottom: 1px solid rgb(236, 239, 241); */
    background-color: #ffffff;
    color: var(--color-header-font-white);
    margin-top: 16px;
    margin: 16px 36px;
    border-radius: 999px;
    margin: 0 auto;
    max-width: 88.125rem;
    width: 100%;
    margin-top: 16px;
}

.navigation-section:before {
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    background-color: #fff;
    height: 104px;
    z-index: -1;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.navigation-section:before {
    height: 77px;
}

.navigation-section.scrolled {
    /*background-color: #fff;*/
    height: 80px;
    box-shadow: rgb(55 58 80 / 5%) 0px 16px 32px, rgb(55 58 80 / 5%) 0px 8px 16px, rgb(55 58 80 / 5%) 0px 4px 8px, rgb(55 58 80 / 5%) 0px 2px 4px, rgb(55 58 80 / 5%) 0px 1px 2px;
}

.navigation-section.scrolled .top-bar-section li:not(.has-form) a:not(.button):hover {
    color: #bcb4f7;
}

.top-bar__logo--link {
    display: block;
    padding-top: 6px;
    padding-bottom: 6px
}
.top-bar__logo {
    height: 40px;
    padding-top: .825rem;
    padding-bottom: .625rem
}

.solution strong {
    font-size: 18px;
    line-height: 1.4;
}

.jmeter video {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    border: 0;
    display: inline-block;
}
.testing video {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    border: 0;
    display: inline-block;
}

.load .course-video-container {
    max-width: 775px;
    min-width: 775px;
    margin: 2rem 0 2em -4rem;
}

.video-container {
    min-width: 800px;
    min-height: 400px;
}

.video-container{
    border-radius: 2px;
    box-shadow: 2px 8px 12px 0 rgba(192,198,217,.5);
    padding: 1rem;
    width: 100%;
    transform: translateY(0);
    text-align: center;
    margin-bottom: 2rem;
}

.services video {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 2px 8px 12px 0 rgba(192,198,217,.5);
    text-align: center;
}

.solution video {
    margin: 0em 0 2em 2em;
    border-radius: 3px;
    box-shadow: 2px 8px 12px 0 rgba(192,198,217,.5);
    padding: 1rem;
}
@media only screen and (min-width: 64.0625em) {
    .top-bar__logo {
        padding-top: 0;
        padding-bottom: 0
    }
}
.top-bar__seperator-left:before {
    content: '';
    /*border-left: #c4c4c4 solid .0625rem;*/
    width: .0625rem;
    height: 2.5rem;
    position: absolute;
    top: 2rem
}
.top-bar-section .has-dropdown .dropdown {
    margin-top: -5px;
    margin-left: -10vw;
    right: auto!important;
    box-sizing: border-box;
    flex-wrap: wrap;
    /*padding-bottom: 25px;*/
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    list-style: none;
    border: none;
    transition: all 0.35s ease-in-out, transform 0.35s ease-in-out 0s;
    padding: 24px !important;
    border-radius: 20px !important;
}
.top-bar-section .has-dropdown .dropdown:before {
    content: '';
    width: 0;
    height: 0;
    position: relative;
    left: 100px
}
.top-bar-section .has-dropdown .dropdown li {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 0px;
}

.list-of-services .dropdown li{
    width: auto;
}
.list-of-services .dropdown{
    min-width: 62rem !important;
}
.list-of-services-tools .dropdown{
    min-width: 55rem !important;
}

.list-of-use-cases a.header-link{
    width: 470px !important;
    padding-right: 40px !important;
}

.list-of-services-tools a.header-link{
    width: 400px !important;
}
.list-of-use-cases .dropdown{
    min-width: 60rem !important;
}

.top-bar-section .list-of-use-cases .dropdown li a {
    height: 96px !important;
}

.list-of-integrations a.header-link{
    width: 470px !important;
    padding-right: 40px !important;
}

.list-of-integrations a.header-link{
    width: 400px !important;
}
.list-of-integrations .dropdown{
    /*min-width: 60rem !important;*/
}

.top-bar-section .list-of-integrations .dropdown li a {
    height: 96px !important;
}

.top-bar-section .has-dropdown .dropdown li:last-child {
    border-bottom: 0
}
.top-bar-section .has-dropdown .dropdown li a {
    text-transform: none;
    line-height: 2.5;
    width: 200px;
    padding: 0 0 0 20px;
    height: 88px;
}

.top-bar-section .has-dropdown .services-drop.dropdown li a {
    height: 80px;

}

.top-bar-section .has-dropdown .changedrop.dropdown li a {
    text-transform: none;
    line-height: 2.5;
    width: 200px;
    padding: 5px 0 0 20px;
    height: 46px;
}
.off-canvas-wrap .has-dropdown .off-canvas-list {
    display: none
}
aside>ul.off-canvas-list>li:last-child a {
    border: 0
}
aside>ul.off-canvas-list>li ul li a {
    padding-left: 1.25rem
}
aside>ul.off-canvas-list>li a {
    font-size: .9375rem;
    padding: .3125rem .625rem;
    font-weight: bold;
    text-transform: uppercase
}
.off-canvas-wrap aside .has-dropdown {
    position: relative
}
.expand-offcanvas-menu {
    position: absolute;
    padding: 1px 10px;
    right: 0;
    top: 0;
    font-size: 22px;
    color: #fff;
    cursor: pointer
}
.expand-offcanvas-menu .fa-angle-up {
    display: none
}
.expand-offcanvas-menu.open .fa-angle-down {
    display: none
}
.expand-offcanvas-menu.open .fa-angle-up {
    display: block
}
.tab-bar {
    z-index: 99;
    position: fixed;
    top: 0px;
    width: 100%;
}
.tab-bar-section {
    left: 0;
    text-align: center
}
.logo-img {
    display: inline;
    height: 48px;
    margin: 16px 0px 10px 20px;
}
@media only screen and (min-width: 11.875em) {
    .tab-bar-section img {
        display: inline;
        height: 70px;
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 15.625em) and (max-width: 40.625em) {
    .tab-bar-section {
        left: 1rem;
        top: 1.1rem;
    }
}
@media only screen and (min-width: 40.625em) {
    .tab-bar-section {
        left: 13.5rem;
        right: 13.5rem;
        top: 1rem;
        padding: 0 0.625rem;
    }
}
.top-bar-section .has-dropdown .dropdown::before {
    z-index: -1;
    width: 23px;
    height: 22px;
    top: -10px;
    border-radius: 4px;
    text-align: right;
    margin-left: 105px;
    transform: rotate(135deg);
    content: "";
    position: absolute;
    background: #fff;
    display: none;
}

.top-bar-section .has-dropdown .dropdown.changedrop::before {
    left: 70px;
    position: relative;
}

.lang-drop::before {
    left: 80px !important;
}

.sevices-drop::before {
    left: 90px !important;
    position: relative !important;
}

.usecases-drop::before {
    left: 100px !important;
    position: relative !important;
}

.integrations-drop::before {
    left: 100px !important;
    position: relative !important;
}

.top-bar-section .selected a {
    color: var(--primary)
}
ul li.has-dropdown .dropdown {
    opacity: 0;
    transform: translate(0, -4px);
    transition: all .05s ease-in-out;
    box-shadow: rgb(0 0 0 / 24%) 0px 1px 16px;
    /*padding: 20px;*/
    background: #fff;
}

ul li.has-dropdown .dropdown li {
    padding-left: 20px;
}

ul li.has-dropdown .dropdown.changedrop li {
    padding-left: 0 !important;
}

.top-bar-section .dropdown li.bg-dark-header:not(.has-form):not(.active)>a:not(.button) {
    background-color: #f5f5fa;
}

ul li.has-dropdown .dropdown li.bg-dark-header {
    background-color: #f5f5fa;
    padding: 20px 0 20px 20px;
    border-radius: 20px;
    margin-right: 12px;
}

ul li.has-dropdown:hover>.dropdown {
    opacity: 1;
    transform: translate(0, 0);
    transition: all .35s ease-in-out
}
body:not(.home) #tpbr_topbar {
    display: none!important
}
body {
    min-height: 100vh
}
.hidden {
    display: none!important
}
.middle-box:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}
.middled {
    display: inline-block;
    vertical-align: middle
}
.bottom {
    vertical-align: bottom;
}
.middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}
@media only screen and (min-width: 40.0625em) {
    .medium-up-middle {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}
@media only screen and (min-width: 64.0625em) {
    .large-up-middle {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}
.medium-down-margin-bottom {
    margin-bottom: 2.5rem
}
@media only screen and (min-width: 64.0625em) {
    .medium-down-margin-bottom {
        margin-bottom: 0
    }
}

.btn-group.open a.addButton{
    text-decoration: underline;
    color: #0073ff;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}

.language-select-separator {
    margin: 32px 12px 22px 6px;
    border-left: 1px solid #e0e6e8;
    height: 24px;
    width: 0;
}

.changelang li {
    margin-bottom: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.changelang a {
    background-color: transparent;
    color: #796eff;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    transition: color .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

a.header-link {
    padding: 0px 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem!important;
    color: #292826!important;
    font-weight: 400!important;
    width: 470px !important;
}

a.header-link i {
    margin: 4px 0 0 10px;
    vertical-align: top;
    color: #292826;
    font-size: 22px;
}

a.header-link img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 0 12px 36px 12px;
    height: 42px;
    border-radius: 3px;
    box-shadow: rgb(9 30 66 / 25%) 0px 1px 1px, rgb(9 30 66 / 13%) 0px 0px 1px 1px;
    background-color: rgb(241, 242, 245);
    overflow: hidden;
    padding: 10px;
    width: 56px;
    height: auto;
    max-height: 56px;
    max-width: 56px;
    min-height: 56px;
    min-width: 56px;
    margin-right: 16px;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 16px;
    box-shadow: 0 14px 30px -8px rgb(12 22 44 / 24%);
}

a.header-link svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 0 12px 16px 12px;
    height: 42px;
    border-radius: 3px;
    box-shadow: rgb(9 30 66 / 25%) 0px 1px 1px, rgb(9 30 66 / 13%) 0px 0px 1px 1px;
    background-color: rgb(241, 242, 245);
    overflow: hidden;
    padding: 10px;
}

a.header-link .svg-slider-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 0 12px 30px 20px;
    height: 42px;
    border-radius: 3px;
    box-shadow: rgb(9 30 66 / 25%) 0px 1px 1px, rgb(9 30 66 / 13%) 0px 0px 1px 1px;
    background-color: rgb(241, 242, 245);
    overflow: hidden;
    padding: 10px;
}

a.header-link .svg-slider-header-emoji {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 0 12px 22px 20px;
    height: 42px;
    border-radius: 3px;
    box-shadow: rgb(9 30 66 / 25%) 0px 1px 1px, rgb(9 30 66 / 13%) 0px 0px 1px 1px;
    background-color: rgb(241, 242, 245);
    overflow: hidden;
    display: inline-block;


}

.bg-dark-header a.header-link img {
    background-color: rgb(255, 255, 255);
}

a img.flag-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 3px 20px 9px 0;
    height: 18px;
    width: 31px;
}

a img.flag-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 3px 20px 9px 0;
    height: 18px;
    width: 31px;
}
a svg.flag-icon {
    height: 18px;
    width: 31px;
}

.flag-icon {
    height: 18px;
    width: 31px;
}

/* Add this to ensure consistent rendering */
svg.flag-icon {
    overflow: visible;
}

.check-icon {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 4px 8px 6px 0;
    height: 20px;
    width: 20px;
    background-color: #fefefe;
    vertical-align: middle;
    -webkit-mask-image: url(/img/icons/svg/cil-check.svg);
    mask-image: url(/img/icons/svg/cil-check.svg);
}

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

.content-grey {
    --text-opacity: 1;
    /*padding-bottom: 28px;*/
    color: #474646;
    font-size: 16px;
    line-height: 1.6;
    white-space: normal;
    display: flex;
    align-items: center;
}

a.medium.dark:hover .check-icon{
    background-color: #5252eb;
}

.addButton img {
    margin: 0 12px 6px 0px;
    height: 18px;
}

.header-top {
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 24px;
    display: inline-block;
    margin-left: 12px;
}

.header-top:nth-of-type(1)  {
    padding-top: 16px !important;
}

p.dropdown-section-title {
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0;
    color: #272613;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 2px;
}

p.linkTextTitle {
    max-width: 835px;
    /*font-size: 1.2rem;*/
    /*line-height: 2.4rem;*/
    margin: 0;
    color: #5957fc;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    margin-bottom: 2px;
}

p.linkTextDescription {
    color: #4c4b4a;
    font-size: 0.8rem;
    line-height: 18px;
    letter-spacing: 0.2px;
    text-overflow: clip;
    word-break: break-word;
    white-space: normal;
    padding-right: 80px;
    font-weight: 500;
}

p.linkTextDescription2 {
    color: #393f48;
    font-size: 0.85rem;
    line-height: 14px;
    padding: 10px 0 0 5px;
    font-weight: 400;
    margin-top: 12px;
}

p.linkTextDescription3 {
    color: #393f48;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 0px;
    /*margin-left: 2rem;*/
}

p.linkTextDescription4 {
    color: #393f48;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-left: 0.2rem;
    margin-top: 12px;
}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    transition: all 0.025s ease-in-out 0s !important;
    border-radius: 8px !important;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.top-bar-section .top-left-header .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
    color: #262626;
    text-decoration: none;
    background-color: #371f7a;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover p.linkTextTitle {
    color: #ffffff;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover p.linkTextDescription {
    color: #ffffff;
}

h1 {
    letter-spacing: -0.02em
}

.cta {
    /*padding: .5rem;*/
    font-size: 0.9rem;
    font-weight: 500;
}

.pricing-button {
    padding: 16px 32px 16px 32px;
    text-transform: none;
}

@media only screen and (min-width: 40.0625em) {
    .cta {
        font-size: 1.2rem;
    }
}
.cta span {
    line-height: 28px;
    display: inline-block;
}
.perks i {
    margin-right: .625rem;

}
.cta i {
    margin-left: .625rem;
    font-size: 1rem;
    line-height: 1;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle
}
@media only screen and (min-width: 40.0625em) {
    .cta i {
        font-size: 1rem
    }
}
.cta.button.large {
    padding: .75rem;
    box-shadow: 0 5px 15px rgba(0,0,0,.2), 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
    border-radius: 2px;
}
.cta.button.large:hover {
    box-shadow: 0 0 2px rgba(0,0,0,.1), 0 12px 16px rgba(0,0,0,.08), 0 5px 25px rgba(0,0,0,.08), 0 18px 30px rgba(0,0,0,.08);
    }
.cta.button.tiny {
    padding: .7rem;
    box-shadow: 0 5px 15px rgba(0,0,0,.2), 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
}
.cta.button.tiny:hover {
    box-shadow: 0 0 2px rgba(0,0,0,.1), 0 12px 16px rgba(0,0,0,.08), 0 5px 25px rgba(0,0,0,.08), 0 18px 30px rgba(0,0,0,.08);
}

.button.medium {
    padding: .45rem;
    box-shadow: 0 5px 15px rgba(0,0,0,.2), 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
}
.button.medium:hover {
    box-shadow: 0 0 2px rgba(0,0,0,.1), 0 12px 16px rgba(0,0,0,.08), 0 5px 25px rgba(0,0,0,.08), 0 18px 30px rgba(0,0,0,.08);
}
.cta-red.button {
    background-color: #ed1d23;
    color: #fff
}
.cta-green.button {
    background-color: var(--db-lime-bright, #D6FF7C);
    color: #111
}
.green-light {
    color: var(--db-lime-bright, #D6FF7C) !important;
}
.red {
    color: #ed1d23 !important;
}
.cta-red.button.white-section:hover,
.cta-red.button.white-section:active,
.cta-red.button.white-section:focus {
    background-color: #000
}
.cta-red.button.grey-section:hover,
.cta-red.button.grey-section:active,
.cta-red.button.grey-section:focus {
    background-color: #000
}
.cta-red.button.black-section:hover,
.cta-red.button.black-section:active,
.cta-red.button.black-section:focus {
    background-color: #808080
}
.cta-blue.button {
    padding: .75rem;
    background-color: var(--primary);
    color: #fff
}
.cta-blue.button.white-section:hover,
.cta-blue.button.white-section:active,
.cta-blue.button.white-section:focus {
}

@media (hover: hover) {
    a.cta.button:hover {
        text-decoration: none;
        transition: transform 0.2s cubic-bezier(0.25, 1.6, 0.6, 1.4) 0s, -webkit-transform 0.2s cubic-bezier(0.25, 1.6, 0.6, 1.4) 0s;
    }

    .cta-new-col-white:hover {
        box-shadow: 0 0 2px rgba(0,0,0,.1), 0 6px 6px rgba(0,0,0,.08), 0 5px 6px rgba(0,0,0,.08), 0 6px 15px rgba(0,0,0,.08);
        color: var(--white)!important;
        transform: scale(1.015) translateZ(0px) !important;
        background-color: #4d4edb;
    }

    .cta-blue.button.grey-section:hover {
        background-color: #000
    }
    .cta-blue.button.black-section:hover {
        background-color: #808080
    }

    .cta-grey.button.black-section:hover {
        background-color: var(--primary)
    }
    .cta-grey.button.light-grey-section:hover {
        background-color: var(--primary)
    }
    .cta-black.button:hover {
        background-color: var(--primary)
    }
}


.cta-blue.button.grey-section:active,
.cta-blue.button.grey-section:focus {
    background-color: #000
}
.cta-blue.button.black-section:active,
.cta-blue.button.black-section:focus {
    background-color: #808080
}
.cta-grey.button {
    background-color: #808080;
    color: #fff
}
.cta-grey.button.black-section:active,
.cta-grey.button.black-section:focus {
    background-color: var(--primary)
}
.cta-grey.button.light-grey-section:active,
.cta-grey.button.light-grey-section:focus {
    background-color: var(--primary)
}
.cta-black.button {
    background-color: #000;
    color: #fff
}
.cta-black.button:active,
.cta-black.button:focus {
    background-color: var(--primary)
}

.cta-black-on-black.button {
    background-color: #000;
    color: #fff
}

.cta-white.button.red-section:hover,
.cta-white.button.red-section:active,
.cta-white.button.red-section:focus {
    background-color: #000
}
.cta-white.button.black-section:hover,
.cta-white.button.black-section:active,
.cta-white.button.black-section:focus {
    background-color: var(--primary)
}
.cta-red-white-border.button {
    color: #fff;
    border: 2px solid #fff;
    background-color: #ed1d23
}
.cta-red-white-border.button.red-section:hover,
.cta-red-white-border.button.red-section:active,
.cta-red-white-border.button.red-section:focus {
    background-color: #000
}
.cta-blue-white-border.button {
    color: #fff;
    border: 2px solid #fff;
    background-color: var(--primary)
}
.cta-blue-white-border.button.red-section:hover,
.cta-blue-white-border.button.red-section:active,
.cta-blue-white-border.button.red-section:focus {
    background-color: #000
}
.cta-grey-border.button {
    color: rgba(0,0,0,.6);;
    border: 1px solid #ccc;
    background-color: #ececec;
    text-shadow: none;
    padding: 4px;
}
.cta-grey-border.button:hover {
    color: #999;
    border: 1px solid #ccc;
    background-color: #dadada;
    text-shadow: none;
    padding: 4px;
}
.cta-transparent-white-border.button {
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent
}
.cta-transparent-white-border.button:hover,
.cta-transparent-white-border.button:active,
.cta-transparent-white-border.button:focus {
    background-color: var(--primary)
}
.cta-white-black-border.button {
    background-color: #fff;
    color: #000;
    /*border: 1px solid rgba(0,0,0,.18);*/
    padding: 18px 18px 16px 18px!important;
    max-width: 390px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
}
.cta-white-black-border.button i {
    color: var(--primary)
}
.cta-white-black-border.button:hover,
.cta-white-black-border.button:active,
.cta-white-black-border.button:focus {
    background-color: #fff;
}
.background-grey {
    background-color: #f6f6f6
}
article {
    margin-bottom: 2.5rem
}
.widgets {
    clear: both;
    padding-top: .625rem
}
ul {
    list-style-type: square
}
ul.square {
    list-style-type: none
}
ul.square>li {
    position: relative
}
/*ul.square>li:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: -1.0625rem;*/
/*    top: .7rem;*/
/*    transform: translateY(-50%);*/
/*    height: 5px;*/
/*    width: 5px;*/
/*    background-color: var(--primary)*/
/*}*/
.reveal-modal .close-reveal-modal {
    opacity: .8
}
.reveal-modal .close-reveal-modal:hover {
    opacity: 1
}
main>section {
    padding: 1.8rem 0
}
main>section.result {
    padding: 1.625rem 0
}
main>section.no-padding-top {
    padding-top: 0
}
.section-underline {
    border-bottom: .0625rem solid #e5e5e5
}
.no-underline {
    border-bottom: 0
}
.module-divider {
    display: block;
    border-bottom: .0625rem solid #e5e5e5;
    margin-bottom: 5rem
}
.alignleft {
    float: left;
    padding: 15px 15px 15px 0
}
.alignright {
    float: right;
    padding: 15px 0 15px 15px
}
.banner {
    background-color: var(--primary);
    background-position: left center, right center;
    background-size: auto 100%;
    background-repeat: no-repeat
}
.banner h1,
.banner p {
    color: #fff
}
.cta-bar {
    text-align: center;
    padding: 3.125rem 0;
    position: relative
}
@media only screen and (min-width: 64.0625em) {
    .cta-bar {
        min-height: 168px
    }
    .cta-bar:before {
        min-height: 168px
    }
}
.cta-bar .bg {
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.cta-bar.overlay .bg:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .55
}
.cta-bar h1 {
    color: #fff;
    line-height: 1.1;
    text-transform: uppercase;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);
    font-size: 2.125rem
}
@media only screen and (min-width: 40.0625em) {
    .cta-bar h1 {
        font-size: 2.625rem;
        line-height: 1.2
    }
}
@media only screen and (min-width: 64.0625em) {
    .cta-bar h1 {
        font-size: 2.9375rem;
        line-height: 1
    }
}
.cta-bar p {
    color: #fff;
    font-size: .875rem;
    line-height: 1.2;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);
    margin-bottom: 0;
    font-size: 1.0625rem
}
@media only screen and (min-width: 40.0625em) {
    .cta-bar p {
        font-size: 1.0625rem
    }
}
@media only screen and (min-width: 64.0625em) {
    .cta-bar p {
        font-size: 1.125rem
    }
}
.cta-bar .cta {
    margin-top: 1.25rem;
    margin-bottom: 0
}
.events .event {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem
}
.events h2 {
    margin-bottom: .125rem;
    font-size: 1.5625rem
}
.events a {
    font-weight: bold
}
.events .events--copy {
    margin: .75rem 0 1.125rem
}
.events .events--copy h2 {
    font-size: 1.5625rem
}
.heading-para h1 {
    margin-bottom: .875rem
}
.heading-para p {
    line-height: 1.3125rem
}
.hero {
    background-size: cover;
    text-align: center;
    padding: 1.125rem 0
}


:root {
    --color-header-arrow: rgba(255,255,255,0.8);;
    --color-sidebar-default-background: #0D1116;
    --color-sidebar-default-background-2: #0D1116;
    --color-sidebar-default-background-light: #3a3b3f;
    --color-background-content-light-dark: #111110;
    --color-background-content-light: #111113;
    --color-background-content-lighter: #29292d;
    --color-background-content-lighter-2: #212123;
    --color-background-content-selected: #45454b;
    --color-background-content-selected-2: #282828;
    --color-background-content: #000410;
    --color-background-frontend-dark: #05102a;
    --color-background-black: #000000;
    --color-border-color: #21262e;
    ---color-border-color-selected: #343b48;
    --color-shadow-inset: 0 0 transparent;;
    --color-header-font: rgba(255,255,255,0.8);
    --color-header-font-white: rgba(255,255,255,1);
    --color-text-default: #c9d1d9;
    --color-header-background: #161b22;
    --color-header-box-background: #10191B;
    --color-tab-border-selected: rgba(247, 45, 43, 0.9);
    --color-tab-border: rgba(247, 45, 43, 0.4);
    --color-background-green: #079b1b;

    --color-header-font: rgba(255, 255, 255, 0.8);
    --color-header-font-9: rgba(255, 255, 255, 0.95);
    --color-header-font-white: rgba(255, 255, 255, 1);
    --color-header-font-dark: rgb(10, 10, 10);
    --color-header-font-dark-2: #0d0d12;
    --color-header-font-dark-3: rgb(54, 61, 79);
    --color-text-default: #c9d1d9;
    --color-header-background: #161b22;
    --color-header-box-background: #10191B;
    --color-tab-border-selected: rgba(247, 45, 43, 0.9);
    --color-tab-border: rgba(247, 45, 43, 0.4);
    --color-background-green: #079b1b;
}

.dark-background {
    color: var(--color-header-font-white);
    position: relative;
}

@media only screen and (min-width: 64.0625em) {
    .hero {
        min-height: 194px
    }
    .hero:before {
        min-height: 194px
    }
}
.marginTop{
    margin: 10px 0;
}

.landingPage{
    text-align: center;
}

.hero h1 {
    color: #000000;
    font-weight: 700;
    font-size: 48px !important;
    line-height: 50px !important;
}
.hero h1.small {
    color: #000;
    line-height: 1.1;
    text-transform: none !important;
    /*text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);*/
    font-size: 2.125rem
}
.hero h1 .small, .title-front {
    color: #000;
    line-height: 1.1;
    text-transform: none !important;
    text-shadow: initial;
    font-size: 2.325rem;
    margin-top: 15px;
}
.hero h3.small {
    color: #000;
    line-height: 1.1;
    font-size: 2.125rem
}

.hero h3.medium {
    color: #000;
    line-height: 1;
    font-size: 2.025rem
}

h3.header-landing {
    color: #000;
    line-height: 1.33;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);
    font-size: 2.325rem;
    margin-left: 10px;
}

.hero a.medium {
    color: #231f20;
    line-height: 1.33;
    /*text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);*/
    font-size: 1.4rem;
    margin-left: 6px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
}

.hero a.medium:hover {
    color: #0c0b0b;
    padding-bottom: 4px;
    border-bottom: 4px solid #1e7d05;
    transition: width 420ms cubic-bezier(.165,.84,.44,1);
    content: "";
    width: 100%;
}

.mediumlink {
    color: #1e7d05;
    font-weight: 500;
}

.mediumdark {
    color: #1d1d1d !important;
    line-height: 2;
    font-size: 1.4rem;
    margin-left: 6px;
    /*border-bottom: 2px solid #815ef8;*/
    font-weight: 400;
}

.mediumdark:hover {
    border-bottom: 2px solid #1e7d05;
}

.hero .topheadline{
    color: #fff;
    line-height: 1;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);
    font-size: 2.125rem;
    text-align: left;
}

.hero .headline{
    color: #fff;
    line-height: 1;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);
    font-size: 2.125rem;
    text-align: left !important;
}

.navbar-cont {
    position: absolute;
    padding-top: 8px;
    left: 20px !important;
}

li.menu-item:hover img.arrow-up {
    transform: translateY(0px) rotate(
            180deg
    );
    left: 100%;
}

.drop-new {
    position: relative;
    padding: 8px;
    background-color: white;
    box-shadow: rgb(0 0 0 / 24%) 0px 1px 16px;
    border-radius: 6px;
    z-index: 2;
}

.arrow-up {
    color: #fff;
    position: relative;
    top: 28px;
    left: 100%;
    margin-left: 10px;
    transition: all 0.15s ease-in-out 0s;
}

.svg-arrow-up {
    -webkit-mask-image: url(/img/icons/svg/cil-arrow-down.svg);
    mask-image: url(/img/icons/svg/cil-arrow-down.svg);
    background-size: 100% 100%;
    height: 18px !important;
    width: 18px !important;
    margin: 0 auto;
    float: left;
    display: block;
    fill: var(--color-header-font-white);
    background-color: var(--color-header-font-white); !important;
    text-shadow: rgb(0 0 0 / 40%) 0px 1px 0px;
}

.navigation-section.scrolled .arrow-up {
    fill: var(--color-header-font-white);
    background-color: var(--color-header-font-white); !important;
}

.navigation-section.scrolled .top-bar-section .has-dropdown.not-click:hover>.dropdown {
    color: var(--primary) !important;
}

.navigation-section.scrolled .top-bar-section ul li:hover:not(.has-form)>a:not(.button) {
    color: var(--primary) !important;
}

.details-container .hero a.medium {
    color: #fff;
}

a.headlinelink{
    color: #fff;
    text-decoration: underline;
}

.load-container h3{
    color: #fff;
}

.loadingcontainer {
    min-height: 600px !important;
}

.paddingLeft{
    padding-left: 5px;
}
.paddingLeft10{
    padding-left: 10px;
}

.coursedetails{
    float: left;
    text-align: left;
}

.list {
    font-size: 16px;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li.list-item{
    padding-bottom: 10px;
}

.list .list-item.white{
    color: #fff;
    margin-bottom: 5px;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


}

.list .list-left.white {
    color: #fff;
    min-width: 100px;
    width: 100px;
    display: inline-block;
}

.list .list-right.white{
    color: #fff;
    font-weight: bold;
}

a.headlinelink:hover{
    color: #fff;
    text-decoration: none;
}

@media only screen and (min-width: 40.0625em) {
    .hero h1 {
        font-size: 2.625rem;
        line-height: 1.2
    }

    .hero.testing h1 {
        color: #212519;
        font-size: 60px;
        font-family: "Roboto Medium",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.5px;
        padding-top:25px;
        text-shadow: none;
    }
}
@media only screen and (min-width: 64.0625em) {
    .hero h1 {
        line-height: 1.1625;
        letter-spacing: -1.5px;
        text-shadow: none;
        font-size: 50px;
        font-weight: 500;
    }
    .hero h1.feature {
        line-height: 1.1625;
        letter-spacing: -1.5px;
        text-shadow: none;
        font-size: 48px;
        font-weight: 500;
    }
    .hero .quote-title-top {
        font-size: 1.3rem;
        color: #f3f3f3;
        text-transform: uppercase;
        font-family: "GT America Standard Regular",Helvetica,Arial,sans-serif;
        font-weight: 800;
        position: relative;
        -webkit-letter-spacing: -0.015em;
        -moz-letter-spacing: -0.015em;
        -ms-letter-spacing: -0.015em;
        letter-spacing: -0.015em;
        line-height: 2;
        text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px;
    }

    .hero.testing h1 {
        color: #212519;
        font-size: 90px;
        font-family: -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
        font-weight: 700;
        line-height: 1.1;

    }

    .hero h1.small {
        font-size: 2.9rem
    }
    .hero h3.small {
        font-size: 0.9rem
    }
}

.hero p {
    color: #000;
    line-height: 1.5;
    /*text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);*/
    margin-bottom: 0;
    font-size: 1.0625rem
}
.hero.testing p {
    color: #121212;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 1.3625rem;
    font-weight: 500;
    text-shadow: none;
}
@media only screen and (min-width: 40.0625em) {
    .hero p {
        font-size: 1.0625rem
    }
}
@media only screen and (min-width: 64.0625em) {
    .hero p {
        font-size: 1.295rem;
        font-weight: 400;
    }
}
.hero .cta {
    margin: 1.25rem 0 0.55rem 0;
}
.hero .cta#startSpeedTest {
    margin: initial;
}
.hero.has-image {
    padding-bottom: 0
}
@media only screen and (min-width: 64.0625em) {
    .hero.medium {
        min-height: 294px
    }
    .hero.medium:before {
        min-height: 294px
    }
}
@media only screen and (min-width: 64.0625em) {
    .hero.large {
        min-height: 550px
    }
    .hero.large:before {
        min-height: 450px
    }
}
.hero-cta-wrapper {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}
.hero-cta-wrapper>div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.hero-cta-wrapper>div a.cta {
    position: relative;
    top: 55%;
    transform: translateY(-55%);
    margin: 0;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8)
}

.hero-cta-wrapper>div a.cta:hover{
    background-color: #c0191f;
}
.forceText {
    top: inherit !important;
    transform: translateY(0%) !important;
    /*box-shadow: 5px 2px 20px rgba(0, 0, 0, 0.8) !important;*/
}
.forceTextBandwidth {
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    font-size: 1rem
}
.latest-post-from-blog__main-heading {
    margin-bottom: 1.875rem
}
.latest-posts {
    background-color: #f6f6f6
}
.latest-posts h1 {
    margin-bottom: 2.5rem
}
.latest-posts .cta {
    margin-top: 2rem;
    margin-bottom: 0
}
.latest-post {
    background-color: #fff;
    background-clip: content-box
}
.latest-post img {
    width: 100%
}
.latest-post h1 {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 2.125rem
}
.latest-post p {
    margin-bottom: 1rem
}
.latest-post a {
    font-size: 1.25rem;
    font-weight: bold
}
.latest-post__text-container {
    padding: 2rem
}
.latest-post__credit {
    margin-bottom: .875rem
}
.need-state-nav2 {
    /*background: linear-gradient(217deg, rgb(113, 11, 194), rgba(44, 1, 255,0) 70.71%),linear-gradient(127deg, rgba(107, 1, 255,1), rgba(107, 1, 255,0) 70.71%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%)*/
    background: linear-gradient(217deg, rgb(42 42 42), rgb(23 23 83 / 0%) 70.71%),linear-gradient(127deg, rgb(51 51 51), rgb(41 40 43 / 12%) 89.71%), linear-gradient(345deg, rgb(30 30 31 / 97%), rgb(37 37 40 / 0%) 70.71%);
}
.need-state-nav3 {
    background: radial-gradient(100.99% 100.73% at 0 0,rgba(0,196,204,.725916) 0,#00c4cc .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#6420ff 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#00c4cc 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6420ff 0,rgba(100,32,255,0) 100%),#7d2ae7;
}

.need-state-nav {
    background-color: #f6f6f6;
    padding: 4.125rem 0;
}
.need-state-nav h1 {
    margin-bottom: 1.5625rem;
    line-height: 44px;
}
.need-state-nav.black {
    background-color: #000
}
.need-state-nav.black h1 {
    color: #fff
}
.need-state-nav.black .f-dropdown {
    background-color: #fff
}
.need-state-nav.white {
    background-color: #fff
}
.need-state-nav.white h1 {
    color: #000
}
.need-state-nav.white .f-dropdown {
    background-color: #000
}
.need-state-nav__button {
    width: 100%;
    font-weight: normal;
    font-size: 1.1875rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    padding-top: 1.125rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 4.375rem
}
@media only screen and (min-width: 40.0625em) {
    .need-state-nav__button {
        font-size: 1.375rem
    }
}
@media only screen and (min-width: 64.0625em) {
    .need-state-nav__button {
        font-size: 1.5625rem
    }
}
@media only screen and (min-width: 40.0625em) {
    .need-state-nav__button {
        padding-left: 2rem
    }
}
@media only screen and (min-width: 64.0625em) {
    .need-state-nav__button {
        padding-left: 4rem
    }
}
.need-state-nav__button:before {
    content: "\f13a";
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 1.875rem;
    font-size: 2rem;
    font-weight: normal;
    margin: auto;
    padding-top: .875rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-left: .25rem solid #fff;
    width: 60px;
}
.need-state-nav__button.open:before {
    content: "\f139"
}
.need-state-nav__button:hover {
    background-color: #000
}
.black .need-state-nav__button {
    color: #000;
    background-color: #fff
}
.black .need-state-nav__button:before {
    color: #000;
    border-left: .25rem solid #000
}
.black .need-state-nav__button:hover {
    background-color: var(--primary)
}
.white .need-state-nav__button {
    color: #fff;
    background-color: #000
}
.white .need-state-nav__button:before {
    color: #fff;
    border-left: .25rem solid #fff
}
.white .need-state-nav__button:hover {
    background-color: var(--primary)
}
.black .need-state-nav__dropdown {
    background-color: #fff
}
.black .need-state-nav__dropdown a {
    color: #000;
    border-bottom: .0625rem solid #000
}
.black .need-state-nav__dropdown li a:before {
    color: #000
}
.black .need-state-nav__dropdown li a:hover,
.black .need-state-nav__dropdown li a:active,
.black .need-state-nav__dropdown li a:focus {
    background-color: var(--primary)
}
.white .need-state-nav__dropdown {
    background-color: #000
}
.white .need-state-nav__dropdown a {
    color: #fff;
    border-bottom: .0625rem solid #fff
}
.white .need-state-nav__dropdown li a:before {
    color: #fff
}
.white .need-state-nav__dropdown li a:hover,
.white .need-state-nav__dropdown li a:active,
.white .need-state-nav__dropdown li a:focus {
    background-color: var(--primary)
}
@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}
@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
.services {
    padding-bottom: 0
}

.photoscreenshot {
    margin: -5px 18px 30px 0px;
}

.services img {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    padding: 1rem;
    max-height: 32rem;
    width: 100%;
    transform: translateY(0);
    text-align: center;
    margin: 0em 0 2em 2em;
}

.categories-all img {
    padding: initial !important;
    width: 120% !important;
    /*max-width: 300px !important;*/
}
@media (hover: hover) {
    .categories-all .col.diagonal:hover {
        border-color: var(--color-border-color-light-2-hover);
        background-color: var(--color-header-background) !important;
        opacity: 0.9;
    }
}


.categories-all .col.diagonal:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.35), transparent);
}

.categories-all .courseurl {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.categories-all .photolink {
    display: block;
    /*max-width: 300px !important;*/
}

.margin-image-feature {
    margin: 0em 4em 2em 0em !important;
}



@media only screen and (min-width: 40.0625em) {
    .services p {
        margin-bottom: 2rem;
        font-weight: 500;
    }
    .width-90 {
        width: 90% !important;
    }
}
.services a {
    margin-bottom: 0
}
@media only screen and (min-width: 40.0625em) {
    .services a {
        bottom: 0;
        color: #000;
    }

    .content-grey a {
        color: #682BD3 !important;
        -webkit-text-decoration: none;
        text-decoration: none;
        -webkit-transition: all 100ms cubic-bezier(0.4,0,0.2,1) 0s;
        transition: all 100ms cubic-bezier(0.4,0,0.2,1) 0s;
        border-bottom: 1px solid #cbb5e2;
    }
    .content-grey a:hover {
        text-decoration: none !important;
        border-bottom-color: #7048a7;
    }

    .services a:hover {
        text-decoration: underline;
    }
    .services a.courselink:hover {
        text-decoration: none;
    }

    .col:hover .col-gradient{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 180px;
        background-image: -moz-linear-gradient(135deg, #2bad09, #25a803);
        background-image: -webkit-linear-gradient(135deg, #2bad09, #25a803);
        background-image: linear-gradient(135deg, #2bad09, #25a803);
        transform: skewY(-8deg);
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
    }

    .col:hover .col-gradient2{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 180px;
        background-image: -moz-linear-gradient(135deg, #F75270, #F75270);
        background-image: -webkit-linear-gradient(
                135deg,#F75270,#F75270);
        background-image: linear-gradient(
                135deg,#F75270,#F75270);
        transform: skewY(-8deg);
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
    }
}
.divider {
    display: block;
    border-bottom: .0625rem solid #e5e5e5;
    margin-bottom: 7rem
}
.solution {
    margin-bottom: 3rem
}
.head-main {
    color: #030303;
    letter-spacing: -1.5px;
    margin-left: 0.2em;
    margin-bottom: 0.4em;
    font-size: 2.4rem;
    line-height: 1.1;
    font-weight: 700;
}

.header-articles .head-main {
    font-size: 2.4rem;
    margin-left: 0.2em;
}

.newsletter .head-main {
    font-size: 2.4rem;
    margin-left: 0.2em;
}

.features-images-top {
    /*margin-top: 2rem;*/
    min-width: 400px;
}

.head-main-white {
    margin-bottom: 1rem;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #FFFFFF;
}
.head-main2 {
    margin-bottom: 2rem;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
}

.head-main-description {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    display: block;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 640px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.8rem;
}

.caveat-font {
    font-family: 'caveat', serif !important;
    font-size: 24px !important;
    letter-spacing: 3px;
    margin-bottom: 12px;
    font-weight: 700;
    color: var(--primary-dark);
}

.head-main-description-2 {
    font-size: 18px;
    letter-spacing: 1px;
    display: block;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 640px;
    margin-right: auto;
    margin-bottom: 36px;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5rem;
    overflow-wrap: break-word;
}

.vertical-line {
    height: 1.75rem;
    position: relative;
    top: 0.95rem;
    font-size: 24px;
    margin-left: 1rem;
    margin-right: 2rem;
}
.separator {
    /*margin: 0.3rem;*/
}

section.testimonial {
    background-color: var(--primary)
}
section.testimonial blockquote p,
section.testimonial blockquote cite {
    color: #fff
}
section.testimonial .testimonial-text-container {
    padding: 0;
    border-left: none;
    margin-bottom: 0
}
section.testimonial p {
    font-size: 2.0625rem;
    line-height: 2.375rem;
    font-style: italic
}
section.testimonial cite {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-style: normal
}
section.testimonial blockquote cite::before {
    content: ""
}


.row-footer{
    border-bottom-width: 1px;
    border-bottom-color: #343546;
    padding-top: 36.2344px!important;
    padding-right: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px;
    padding-left: 0px;
    max-width: 80rem;
    margin-top: 20px;
}

.footer-title {
    font-family: 'Muli',sans-serif;
    font-weight: 600;
    font-size: 1.4em !important;
    line-height: 1.2 !important;
    color: #ffffff!important;
    margin-bottom: 12px;
    margin-top: 16px;
}

.float-right {
    float: right;
}

.border-bottom-footer {
    border-bottom: 1px #343546 solid;
}

.padding-bottom-footer {
    padding-bottom: 28px!important;
}

footer {
    color: #fff;
    padding-top: 54px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    background-color: #191919;
    background-image: radial-gradient(circle farthest-corner at 100% 100%, #000000,transparent 96%);
}

.grey-light{
    color: #adafc4!important;
}

input[type="text"].footer__newsletter-input {
    border-radius: .1875rem
}
.footer__submit-button {
    border-radius: .1875rem;
    text-transform: uppercase;
    font-size: 1.1875rem;
    font-weight: normal
}
.footer__list-row {
    margin-bottom: 2.125rem
}
.footer__list-row>div>ul>li>a {
    line-height: 1;
    color: var(--primary);
    text-transform: uppercase;
    font-size: 0.8rem
}
.footer__list-row ul li ul {
    margin-left: 0
}
.footer__ul>li>a:hover {
    color: #fff
}
.footer__list {
    line-height: 1.34375rem
}
.footer__list li {
    list-style-type: none;
    /*margin-bottom: 10px;*/
}


.footer__list li a {
    line-height: 1.4em!important;
    font-size: 13px!important;
    color: #adafc4!important;
    font-weight: 500;
}

@media (hover: hover) {
    .footer__list li a:hover {
        text-decoration: underline;
        color: #dadbe7 !important;
    }
}


li.footer__social-icons-item {
    margin-left: .625rem
}
.footer__social-icons-item {
    font-size: 1.125rem;
    margin-top: .2rem;
    margin-bottom: .5rem;
    display: inline-block
}
.footer__social-icons-item {
    color: #fff
}
.icon-foreground {
    color: #000;
    font-size: 1.2em
}
.footer__privacy,
.footer__copyright {
    color: #fff;
    line-height: 1.6;
    font-size: .8125rem;
    display: inline-flex;
    align-items: center;
}
.footer__tagline {
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1.2
}

.logo-image {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
    opacity: 0.8;
}

.logo-image-large {
    width: 140px;
}

.logo-image-xlarge {
    width: 200px;
}

.logo-image img.logo{
    -webkit-box-shadow: initial;
    box-shadow: initial;
    padding: initial;
}

.border-bottom-footer {
    border-bottom: 1px #343546 solid;
}

.padding-bottom-footer {
    padding-bottom: 28px!important;
}

.footer-inline{
    display: inline;
}

footer form.w2llead {
    width: 100%!important
}
footer form.w2llead .sf_field_email {
    width: 100%;
    margin-bottom: 10px
}
footer form.w2llead .sf_field_email input {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 2.2525rem;
    margin: 0!important;
    padding: .5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear, background .15s linear;
    -moz-transition: border-color .15s linear, background .15s linear;
    -ms-transition: border-color .15s linear, background .15s linear;
    -o-transition: border-color .15s linear, background .15s linear;
    transition: border-color .15s linear, background .15s linear;
    border-radius: .1875rem;
    font-style: italic;
    border-radius: 3px;
    font-weight: 300
}
@media only screen and (min-width: 64.0625em) {
    footer form.w2llead .sf_field_email {
        clear: none!important;
        float: left;
        width: 66.66667%;
        margin-bottom: 0
    }

}
@media only screen and (max-width: 64.0625em) {
    #footer2{
        display: none;
    }

}
footer form.w2llead .w2lsubmit {
    width: 100%;
    padding: 0!important;
    margin-bottom: 10px
}
footer form.w2llead .w2lsubmit input {
    text-transform: uppercase;
    font-weight: 700;
    padding: 0!important
}
@media only screen and (min-width: 64.0625em) {
    footer form.w2llead .w2lsubmit {
        clear: none!important;
        float: right;
        width: 25%;
        margin-bottom: 0
    }
}


#footer2 {
    position: relative;
    clear: both;
    margin-top: 1px;
    color: #444;
    overflow: hidden;
}

#footer2 ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}


.logo-footer {
    left: 16px;
    position: absolute;
    top: -30px;
    opacity: 1;
}

.social-link {
    transition: opacity .2s, color .2s;
}

.footer-social-icons a:hover {
    opacity: .75;
}

ul.footer-social-icons {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--black);
    border: 1px solid #59557b73;
    border-radius: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    /* justify-content: flex-end; */
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 12px;
    display: flex
;
    width: 100% !important;
    max-width: fit-content;
}

ul.footer-social-icons li{
    margin-right: 10px;
}

ul.footer-social-icons li a{
    color: #fff !important;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 999px !important;
    text-transform: inherit;
}

ul.footer-social-icons li span{
    width: 24px;
    height: 24px;
}

ul.footer-social-icons li span path {
    fill: #fff;
}


.features_page_center {
    width: 425px;
    margin: 0 auto;
}

#footer2 .box-social{
    padding: 35px 0;
    text-align: center;
}
#footer2 .box-social .list-follow {
    width: 80%;
    margin: 0 auto;
}
#footer2 .box-social .list-follow li {
    height: 45px;
    line-height: 40px;
}
#footer2 .box-social .list-follow li:last-child {
    margin-right: 0;
}
#footer2 .box-social .list-follow li a {
    width: 34px;
    height: 31px;
    color: #202121;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#footer2 .box-social .list-follow li a:before {
    font-size: 32px;
    line-height: 31px;
}
#footer2 .box-social .list-follow li.facebook a{
    width: 21px;
}
#footer2 .box-social .list-follow li.googleplus a{
    width: 30px;
}
#footer2 .box-social .list-follow li.googleplus a:before{
    font-size: 28px;
}
#footer2 .box-social .list-follow li.pinterest a{
    width: 26px;
}
#footer2 .box-social .list-follow li.pinterest a:before{
    font-size: 28px;
}
#footer2 .box-social .list-follow li.youtube a{
    width: 30px;
}
#footer2 .box-social .list-follow li.youtube a:before{
    font-size: 28px;
}
#footer2 .box-social .list-follow li.rss a:before{
    font-size: 26px;
}

@media (hover: hover) {
    #footer2 .box-social .list-follow li a:hover{
        opacity: .75;
    }

}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes popin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    85% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-ms-keyframes popin {
    0% {
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    85% {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes popin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    85% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@media only screen and (min-width: 1200px) {
    .wbounce-modal .wbounce-modal-sub {
        width: 45%;
    }
    .wbounce-modal .modal-body{
        max-height: 500px;
    }
    iframe.wistia_embed{
        width: 740px !important;
        height: 502px !important;
    }
}

@media only screen and (max-width: 768px) {
    .changelang li {
        margin-bottom: 2px;
    }
    .submit-container-button {
        padding: 2px 20px;
    }
    .reveal-modal>:last-child {
        margin-bottom: 6rem;
        height: 100%;
    }
    .solution video {
        margin: initial;
    }

    .jmeter video {
        max-width: 350px;
    }
    .video-container {
        min-width: 364px;
        min-height: 200px;
    }

    .tab-bar-section {
        padding: initial;
    }
    ul.footer-social-icons {
        margin-left: 15px;
    }
    #ouibounce-modal .content-modal {
        padding: initial;
    }

    #cookie-banner p{
        line-height: 14px;
        width: initial;
    }
    .secondintro{
        display: none;
    }
    #footer2 .box-social {
        padding: 20px 0;
        background-color: #F4F4F4;
        text-align: center;
    }
    #footer2 .box-social .list-follow {
        width: 375px;
        margin: 0 auto;
    }

    .list-follow li {
        margin-right: 5px !important;
    }

}

.lflogo {
    background: url("https://d1yvlcprw8y65e.cloudfront.net/logo/logo.svg") no-repeat scroll 0 0 transparent;
    background-size: 100% 100%;
    height: 43px !important;
    width: 192px !important;
    margin: 0 auto;
    float:left;
}

.lflogo-white {
    background: url("https://d1yvlcprw8y65e.cloudfront.net/logo/logo.svg") no-repeat scroll 0 0 transparent;
    background-size: 100% 100%;
    height: 43px !important;
    width: 192px !important;
    margin: 0 auto;
    float:left;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.addButton.dropdown-toggle {
    transition: color 0.2s cubic-bezier(0.2, 0.91, 0.85, 0.96) 0s, text-decoration;
}

.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.display-flex-left {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.header-test {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 600;
    color: rgb(34, 37, 43);
}

.header-subtext {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.125px;
    font-weight: 300;
    color: rgb(109, 112, 120);
}

.images-container {
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    padding: 1rem;
    background: #fff;
}

.purple{
    background: -webkit-linear-gradient(135deg, #1e7d05, #815ef8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a.website{
    color: #fff;
    text-decoration: underline;
    font-size: 16px !important;
    margin-left: 5px;
}

a.website.darklink{
    color: var(--primary);
}

@media (hover: hover) {
    a.website:hover {
        text-decoration: underline;
    }

}

.hero a{
    color: #000;
}

.sectionnew{
    text-align: center;
}

.sectionnew .title {
    line-height: 1.2;
    font-weight: 300;
    font-size: 18px;
    min-height: 54px;
    padding: 1.2rem 1rem 0rem 1rem;
    /* margin: 0px 10px 10px 10px; */
}

.sectionnew .sub-title {
    display: inline-block;
    font-size: 26px;
    height: 40px;
    padding: 0;
    font-weight: normal;
    color: #303030;
    line-height: 47px;
    margin: -10px 0px 0px -5px;
}
.sectionnew .price {
    font-size: 22px;
    font-weight: 700;
}

.smallHeight {
    min-height: 60px!important;
    padding-top: 20px!important;
}
@media (hover: hover) {
    .col:hover{
        box-shadow: 0 3px 3px rgba(0,0,0,.25);
    }

}

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_4_of_4 {
    width: 100%;
}
.span_3_of_4 {
    width: 74.6%;
}
.span_2_of_4 {
    width: 49.2%;
}
.span_1_of_4 {
    width: 23.8%;
}
.span_1_of_5 {
    width: 18.8%;
}
a.headlinelink {
    color: #fff;
    text-decoration: underline;
}

.media {
    display: inline-block;
    position: relative;
    vertical-align: top;
    /*border: 1px solid #e8e8e8;*/
}

.media__body {
    background: rgba(3, 58, 95, 0.7);
    bottom: 0;
    color: white;
    font-size: 1em;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 3em 3em;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

@media (hover: hover) {
    .media__body:hover { opacity: 1; }

}

.media__body:after,
.media__body:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
    bottom: 1em;
    content: '';
    left: 1em;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: 0.1s 0.1s;
    transition: 0.1s 0.1s;
}

.media__body:before {
    border-bottom: none;
    border-top: none;
    left: 2em;
    right: 2em;
}

.media__body:after {
    border-left: none;
    border-right: none;
    bottom: 2em;
    top: 2em;
}

@media (hover: hover) {
    .media__body:hover:after,
    .media__body:hover:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

}

.media__body h2 { margin-top: 0; }

.media__body p { margin-bottom: 1.5em; }

a.link{
    color: #000;
    cursor: pointer;
    padding: 0 .5em;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 16px;
    text-transform: uppercase;
}
a.link2{
    color: #000;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase;
}

@media (hover: hover) {
    a.link:hover{
        text-decoration: underline;
    }

}

.main li{
    margin-top: 18px;
}

.leftmain{
    display: inline-block;
    float:left;
}
.centremain{
    margin-left: auto;
    display: inline-block;
}
.rightmain{
    margin-left: auto;
    display: inline-block;
    float:right;
    height: 1rem;
}

.rightmargin{
    margin-right: .625rem;
}



img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

img.photourl {
    max-width: 100% !important;
    max-height: 153px;
    min-height: 153px;
    min-width: 225px;
    padding: 20px;
    margin-bottom: 0;
}

img.photoscreenshot {
    max-width: 100%!important;
    max-height: 240px;
    min-width: 220px;
    min-height: 240px;
    padding: 20px;
    margin: 0;
}

.topheadlineblack{
    margin-bottom: 10px;
}

.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section .title {
    height: 34px;
    display: -webkit-box!important;
    display: -moz-box!important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:left;
}

.hero a{
    color: #000;
}

.wraptext{
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

.section .title {
    display: block;
    line-height: 19px;
    font-weight: 300;
    font-size: 16px;
    min-height: 40px;
    padding: 0;
    margin: 0px 10px 10px 10px;
    text-align: left;
}

.section .sub-title {
    display: block;
    font-size: 13px;
    height: 34px;
    padding: 0;
    font-weight: normal;
    color: #303030;
    line-height: 17px;
    margin: 10px 10px 0px 10px;
    text-align: left !important;
}

.section .price {
    font-size: 22px;
    font-weight: 700;
    text-align:left !important;
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1%;
    min-height: 245px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    background: #FFF;
}

.col.diagonal {
    max-width: 250px;
    min-width: 250px;
    border-radius: 16px;
}

.used-by .col.diagonal {
    max-width: 250px;
    min-width: 250px;
    border-radius: 16px;
}

.withimage:before {
    content: url("data:image/svg+xml; utf8, <svg.. code here</svg>");
    display:block;
    height:20px;
    width:20px;
}

.courselink {
    cursor: pointer !important;
}
@media (hover: hover) {
    .col:hover{
        box-shadow: 0 3px 3px rgba(0,0,0,.25);
    }

}

.colnew {
    display: block;
    float:left;
    margin: 0% 0 1% 1.6%;
    height: 110px;
    /*box-shadow: 0 2px 2px rgba(0,0,0,.15);*/
    background: #FFF;
    box-shadow: 3px 3px 3px 3px rgba(0,0,0,.20);
}
.colnew:nth-child(3n+1){
    margin-left: 0;
    margin-bottom: 1rem;
}

@media (hover: hover) {
    .colnew:hover{
        box-shadow: 0 3px 3px rgba(0,0,0,.25);
    }

}

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_4_of_4 {
    width: 100%;
}
.span_3_of_4 {
    width: 74.6%;
}
.span_2_of_4 {
    width: 49.2%;
}
.span_1_of_4 {
    width: 23.8%;
}
.span_1_of_5 {
    width: 18.8%;
}


.span_3_of_3 {
    width: 74.6%;
}
.span_2_of_3 {
    width: 49.2%;
}
.span_1_of_3 {
    width: 32.1%;
}

a.headlinelink {
    color: #fff;
    text-decoration: underline;
}

.checkoutlink{
    color: #fff !important;
}

.media {
    display: inline-block;
    position: relative;
    vertical-align: top;
    /*border: 1px solid #e8e8e8;*/
}

.media__body {
    background: rgba(3, 58, 95, 0.7);
    bottom: 0px;
    color: white;
    font-size: 1em;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 2em 2em;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    min-height: 134px;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
    bottom: 1em;
    content: '';
    left: 1em;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: 0.1s 0.1s;
    transition: 0.1s 0.1s;
}

.media__body:before {
    border-bottom: none;
    border-top: none;
    left: 2em;
    right: 2em;
}

.media__body:after {
    border-left: none;
    border-right: none;
    bottom: 2em;
    top: 2em;
}

.media__body:hover:after,
.media__body:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.media__body h2 { margin-top: 0; }

.media__body p { margin-bottom: 1.5em; }

.marginRight10{
    margin-right: 10px;
}

.arrowbutton {
    font-size: 1rem;
}

span.rightarrow {
    margin-left: 10px;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
}

@media (hover: hover) {
    .arrowbutton:hover span.rightarrow {
        transform: translateX(8px);
        transition: transform 0.4s ease-in 0s;
    }

    .button:hover i.fa-chevron-circle-right {
        transform: translateX(8px);
        transition: transform 0.2s ease-in 0s;
    }

}

.section-title {
    margin-bottom: 20px;
}

.cttype, .rbc-content-by-domain {
    margin-right: 20px;
}

.section-title h3 {
    display: inline;
}

.pages{
    display: inline-block;
    padding: 10px;
}

.caption {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    color: #682bd5;
}

.maxheight{
    max-height: 20rem;
}

.marginRight{
    margin-right: 10px;
}

@media only screen and (max-width: 40.0625em) {
    .hero-cta-wrapper>div{
        position: relative !important;
    }
}

.smallHeader{
    color: #FFF;
    font-size: 12px;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);
}

.svg-icon-color {
    background-color: #00aa63 !important;
}

@media only screen and (max-width: 480px) {
    .padding-sub-5 {
        padding: 5rem 0 0 0;
    }

    .postfix.button.radius {
        /*padding: 8px 22px;*/
    }

    .cd-top {
        bottom: 24px !important;
    }

    .svg-icon-color {
        background-color: #815ef8 !important;
    }

    .yearly-button{
        margin-bottom: 0px !important;
    }

    .promote .sub-title{
        line-height: 20px;
        height: auto;
    }

    .image-container{
        margin-bottom: 20px;
    }

    .promoteContainer {
        text-align: left;
    }

    .promo-details {
        padding: 20px;
        text-align: left;
    }

    .col { margin: 1%; }
    .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_1_of_5 { width: 48%; }
    .span_4_of_5 { width: 48%; }
    .span_2_of_5 { width: 24%; }

    .section .title{
        min-height: 50px;
        margin-top: 5px;
    }
    a.headlinelink {
        color: #fff;
        text-decoration: underline;
    }
    .hero .topheadline{
        padding-top: 15px;
    }
    .hero{
        padding: 1.25rem 0;
    }
    .cta.button.large{
        padding: 0.75rem 5rem 0.75rem 5rem;
    }

    .links{
        clear: both;
        text-align: inherit;
    }
    .welcome{
        min-height: 270px !important;
        max-height: 270px !important;
    }

    .hero .topheadlineblack{
        font-size: 14px !important;
    }

    a.link{
        font-size: 12px !important;
    }

    .courselist .col:nth-of-type(5n+5){
        display: none;
    }

    body.dashboard #navigation{
        display: none;
    }

    img.photourl {
        min-width: 166px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .compare{
        display: inline-block;
    }
    .photodetail{
        min-height: 143px;
    }
    .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_1_of_5 { width: 32%; }
    .span_4_of_5 { width: 64%; }
    .span_2_of_5 { width: 32%; }

    .section .title{
        min-height: 50px;
    }
    a.headlinelink {
        color: #fff;
        text-decoration: underline;
    }
    .hero .topheadline{
        padding-top: 15px;
    }
    .hero{
        padding: 1.25rem 0;
    }
    .cta.button.large{
        padding: 0.75rem 5rem 0.75rem 5rem;
    }
    .modalDetailBox, .courseDetailBox, .photodetail{
        min-height: 143px;
    }
    .need-state-nav h1{
        font-size: 16px !important;
        margin-bottom: 0.7rem;
    }
    .links{
        clear: both;
        text-align: inherit;
    }
    img.photourl {
        min-width: 166px;
    }
}




/*sticky footer*/
.item-cta-footer--down {
    height: 62px;
}
.item-cta-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 13px;
    line-height: 27px;
    background: #fff;
    z-index: 25;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.2);
}
* {
    box-sizing: border-box;
}

.item-cta-footer-content {
    height: 100%;
    max-width: 670px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.item-cta-footer__logo{
    width: 150px;
    margin: 20px 10px 10px 0px;
}

.item-cta-footer__logo a {
    font-size: 30px;
}
.item-cta-footer-content .button{
    margin: 0;
}

.item-cta-footer__copy {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin: 0 10px;
}

.item-cta-footer__copy-title {
    font-family: "Fakt",AvenirNext-Medium,"Segoe UI",sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.item-cta-footer__copy-subtitle {
    font-family: "Fakt",AvenirNext-Medium,"Segoe UI",sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-size: 13px;
    line-height: 13px;
    color: #999999;
}

@media only screen and (max-width: 60.0625em) {
    .item-cta-footer__copy, .item-cta-footer__copy-subtitle, .item-cta-footer__logo{
        display: none;
    }
    .item-cta-footer-content{
        z-index: 999;
    }
    .item-cta-footer-content a{
        max-width: 170px;
    }
    .item-cta-footer--down .cta.button.large {
        padding: 0.25rem 2rem 0.25rem 2rem;
    }

    .categories{
        display: inline-block;
        text-align: left;
    }

    .categories .list-item{
        margin-right: 0.5rem;
    }
}

.pricingHero small{
    font-size: 80%;
}

.switchContainer .switchSelector{
    margin: 0;
    width: 100%;
    border-radius: 999px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.switchContainer .switchSelector .switchButtonSelected{
    font-size: 1rem;
    font-weight: 500;
    color: #1e7d05;
    text-align: center;
    margin: 0px;
}
.switchContainer .switchSelector .switchButtonNotSelected{
    font-size: 1rem;
    font-weight: 500;
    color: rgb(93, 100, 123);
    text-align: center;
    margin: 0px;
}


.switchContainer {
    height: 5rem;
    width: 22.5rem;
    border-radius: 999px;
    background-color: rgb(247, 247, 248);
    padding: 0.5rem 0.75rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 3.5rem;
}

#hero {
    padding-top: 160px;
}

.blog-container-new {
    padding-top: 0 !important;
}

.blog-post-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

#hero.landing-page {
    padding-top: 0px;
}

#hero.pricingHero .row{
    max-width: 84.125rem ;
}

.perks strong{
    font-size: 1.5rem;
    color: #000;
    font-family: "AkkuratStd", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
}

.planDetails li{
    font-size: 1.2rem;
}

.planDetails li strong{
    font-size: 1.2rem;
}

.planDetails li {
    margin-bottom: 10px;
}

.planDetails {
    margin: 10px 0 30px -30px;
}

.load-test-scenario-overall, .load-test-scenario-overall small{
    color: #FFF;
    margin-top: 10px;
}

.load-test-scenarios{
    color: #FFF;
}

.load-test-scenario-overall{
    margin-left: -28px;
    margin-bottom: 10px;
}

.load-test-scenario{
    opacity: 0.55;
    cursor: pointer;
    padding: 5px;
    background: #FFF;
}

@media (hover: hover) {
    .load-test-scenario:hover{
        opacity: 0.75;
    }

}

.selected-scenario{
    opacity: 1 !important;
}

.share-container{
    text-align: center;
}

.pin-code {
    display: block;
    margin: 8px 0 0;
    font-weight: 700;
    font-size: 4.8rem;
    color: #333;
}

.container-consultancy {
    text-align: left !important;
}

.main-header-container{
    padding: 2rem 0 0rem 0;
}

.main-image-container{
    padding: 4rem 0 2rem 0;
}

.second-header-container{
    padding: 4rem 0 2rem 0;
}

.testContainer{
    padding: 4rem 0 4rem 0;
}

.paddingTopBottom{
    padding: -1rem 0 4rem 0;
}

.subtitle {
    font-size: 24px;
    line-height: 1.57;
    letter-spacing: -.4px;
    text-align: left !important;
    color: #fff;
}

@media (max-width: 480px) {
    .switchContainer .switchSelector{
        min-height: 18vw;
    }
    .switchContainer {
        height: initial;
        width: initial;
        padding: initial;
        border-radius: 999px;
        background-color: #f7f7f8;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-top: 3.5rem;
    }

    .main-header-container {
        padding: 1rem 0 0rem 0;
    }

    .promo-header {
        display: none;
    }

    .second-header-container {
        padding: 1rem 0 2rem 0;
    }

    .subtitle {
        font-size: 15px;
        line-height: 1.57;
        letter-spacing: 0.6px;
    }

    .consultancy .hero h1 {
        font-size: 26px;
        line-height: 2.17;
        text-align: left;
        color: #fff;
    }
}

mark {
    color: #000;
}

.text-highlight-wide {
    display: inline-block;
    padding: 13px;
    background-color: transparent;
    color: inherit;
    background-size: 200% 1.4em;
    background-position: left 100% bottom;
    background-repeat: no-repeat;
    -webkit-transition: 150ms ease-out 0ms , background-position 500ms ease-in-out 150ms;
    -moz-transition: 150ms ease-out 0ms , background-position 500ms ease-in-out 150ms;
    transition: 150ms ease-out 0ms , background-position 500ms ease-in-out 150ms;
}

.text-highlight-wide {
    background-position: left 100% bottom 0em
}

.text-highlight-wide--ready {
    background-position: left bottom
}

.text-highlight-wide--ready {
    background-position: left bottom 0em
}

@media (max-width: 480px) {
    .text-highlight-wide {
        padding: 10px;
        background-size: 200% 2em;
    }
}

.text-highlight {
    display: inline-block;
    background-color: transparent;
    color: inherit;
    background-image: linear-gradient(90deg,#DC143C 0%,#DC143C 50%,rgba(255,255,255,0) 50%);
    background-size: 200% .1em;
    background-position: left 100% bottom;
    background-repeat: no-repeat;
    -webkit-transition: 150ms ease-out 0ms , background-position 500ms ease-in-out 150ms;
    -moz-transition: 150ms ease-out 0ms , background-position 500ms ease-in-out 150ms;
    transition:  150ms ease-out 0ms , background-position 500ms ease-in-out 150ms;
}

.text-highlight {
    background-position: left 100% bottom 0em
}

.text-highlight--ready {
    background-position: left bottom
}

.text-highlight--ready {
    background-position: left bottom 0em
}

.pattern {
    position: absolute;
    left: 20%;
    top: 40%;
    right: auto;
    bottom: auto;
    width: 14%;
    max-width: 527px;
}

.img-pattern {
    width: 100%;
    max-width: 100%;
    /* border: 0; */
    vertical-align: middle;
    display: inline-block;
}

.course-play-container {
    margin: 3rem 0 3rem 0;
    position: relative;
    margin-top: 60px;
}

.course-video-container-white{
    position: relative;
    border-radius: 3px;
    box-shadow: 2px 8px 12px 0 rgba(192,198,217,.5);
    padding: 1rem;
    width: 100%;
    transform: translateY(0);
    text-align: center;
    z-index: 5;
    background: rgba( 255, 255, 255, 0.25 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    /*border-radius: 10px;*/
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.course-play-container {
    margin: 3rem 0 3rem 0;
    position: relative;
    margin-top: 60px;
}

.course-video-container,.image-container {
    position: relative;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    padding: 1rem;
    width: 100%;
    transform: translateY(0);
    text-align: center;
    z-index: 5;
    background: linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.3) 25%,rgba(246,249,250,.3) 50%,#f6f9fc 60%);
    box-shadow: inset 0 1px 1px 0 hsl(0deg 0% 100% / 15%), 0 50px 100px -25px rgb(50 50 96 / 25%), 0 30px 60px -30px rgb(0 0 0 / 20%);
}

.course-video-container-thin {
    /*height: 600px;*/
    min-width: 255px;
    width: auto;
    box-shadow: inset 0 1px 1px 0 hsla(0, 5%, 9%, 0.15), 0 50px 100px -25px rgb(50 50 96 / 25%), 0 30px 60px -30px rgb(0 0 0 / 20%);
    /* background: rgba(255,255,255,.25); */
    /* box-shadow: 0 8px 32px 0 rgb(135 31 31 / 37%); */
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    /* border: 1px solid rgba(255,255,255,.18); */
    padding: 25px 5px 0 5px;
    border-radius: 18px;
}


.img-features {
    min-width: 255px;
    max-width: 295px;
    /*height: 600px;*/
    width: auto;
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    /* border: 1px solid rgba(255,255,255,.18); */
    margin: 0 auto;
    /*box-shadow: 10px 18px 10px #a1aab3, inset -3px -3px 5px 3px #d5d9dc;*/
    /*padding: 25px 5px 0 5px;*/
    border-radius: 16px;
}

@media only screen and (min-width: 769px) {
    .img-features-2 {
        min-width: 655px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}




.img-thin {
    -webkit-border-radius: 0px;
    -webkit-box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    padding: 1rem;
    max-height: 32rem;
    margin: 0 auto !important;
    width: initial !important;
    border-radius: 4px !important;

}

.course-lighthouse {
    margin-bottom: 4rem;
    height: 30rem;
}

.course-video-container.margin-reset {
    margin: -1rem 0 2em 3rem;
}

.video-subtitle{
    text-align: center;
    margin-top: 1.5rem;
    font-weight: 800;
    font-style: normal;
    color: #ffffff;
}

.video-js {
    margin: 0 auto;
}

.veoplayer-dimensions.vjs-fluid {
    /*padding-top: 79.374456%;*/
}

.courseDetailBox {
    background: none !important;
    border: none !important;
    padding: 24px;
}

.courseDetailBoxNoBg{
    /*background: #fff;*/
    border-radius: 0px;
    border: 1px solid rgba(202, 199, 199, 0.71);
    /*padding: 20px*/
}

a.cta-new-col {
    cursor: pointer;
    font-size: 12px !important;
    color: rgba(0,0,0,.9);
    border: 1px solid rgba(0,0,0,.28);
}

.cta-new-col {
    font-size: 15px !important;
}

@media only screen and (min-width: 769px) {
    .course-video-container, .image-container {
        min-height: 21vw;
        background: rgba( 255, 255, 255, 0.25 );
        box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
        backdrop-filter: blur( 4px );
        -webkit-backdrop-filter: blur( 4px );
        /*border-radius: 10px;*/
        border: 1px solid rgba( 255, 255, 255, 0.18 );
    }

    .jmeter video {
        min-height: 18vw;
    }
}
@media only screen and (max-width: 640px) {
    .course-video-container, .image-container {
        margin: 0 auto;
        min-height: 200px;
    }

    .course-video-container.margin-reset {
        margin: 0;
        min-height: 200px;
    }
}

@media (hover: hover) {
    .solution img:hover {
        transition: all .3s ease;
        cursor: pointer;
        transform: scale(1.015);
        background: #f3f3f3!important;
    }

}

#cookie-banner {
    /*left: 0;*/
    right: 10px;
    bottom: 0;
    z-index: 1000;
    text-align: left;
    position: fixed;
    color: #B2B2BA !important;
    font-family: ff-clan-web-pro-wide,sans-serif;
    font-weight: 400;
}

#cookie-banner .footer {
    font-size: 1rem !important;
    padding: 20px 10px 10px;
    color: #FFF !important;
    line-height: 26px;
    font-weight: 100;
}

#cookie-banner a.button {
    font-size: 1rem;
    line-height: 1.375rem;
    border-radius: 63.5rem;
    padding: 0.4rem 1.25rem 0 1.25rem;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    display: inline-block;
    background: transparent;
    color: #fff;
    border: 0.0625rem solid rgba(255,255,255,0.3);
    transition: background-color .2s ease-in-out;
    height: 2.25rem;
    margin: 1rem;
}

@media (hover: hover) {
    #cookie-banner a.button:hover {
        border: 0.0625rem solid rgba(255,255,255,0.9);
    }

}

#cookie-banner .close-cookie {
    width: 140px;
}
#cookie-banner .close-cookie {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 40px;
    line-height: 14px;
    background: #09091A;
    cursor: pointer;
    text-align: center;
}

a.cookie{
    font-size: 12px;
    color: #1e7d05;
    text-transform: none;
    text-decoration: none;
    padding: 0 10px 0 5px;
}


#cookie-banner {
    /*left: 0;*/
    z-index: 1000;
    text-align: left;
    color: #000000 !important;
    font-family: ff-clan-web-pro-wide,sans-serif;
    box-sizing: border-box;
    width: 330px;
    position: fixed;
    bottom: 0px;
    margin: 0px;
    padding: 7px !important;
    opacity: 1;
    height: 130px;
    margin-bottom: 70px;

}

#cookie-banner .footer {
    font-size: 0.8rem !important;
    padding: 20px 10px 20px 10px !important;
    color: #000000 !important;
    line-height: 20px;
    font-weight: 100;
    background-color: rgb(248, 249, 249);
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 1px 2px 16px 0 rgb(0 0 0 / 11%);
}

#cookie-banner .cookie-message {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 4px 8px 6px 0;
    padding:6px 10px;
    height: 34px;
    width: 36px;
    vertical-align: middle;
    -webkit-mask-image: url(/img/cookie-banner.svg);
    mask-image: url(/img/cookie-banner.svg);
    transition: opacity .15s;
    background-color: var(--dark-grey);
}

#cookie-banner a.button {
    font-size: 1rem !important;
    line-height: 1.35rem;
    border-radius: 63.5rem;
    padding: 0.4rem 1.25rem 0 1.25rem;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    display: inline-block;
    background: transparent;
    color: #000;
    border: 0.0625rem solid rgba(11, 0, 0, 0.3);
    transition: background-color .2s ease-in-out;
    height: 2.25rem;
    margin: 1rem 0 0 0;
}

@media (hover: hover) {
    #cookie-banner a.button:hover {
        border: 0.0625rem solid rgba(29, 27, 27, 0.9);
    }

}

#cookie-banner .close-cookie {
    width: 140px;
}
#cookie-banner .close-cookie {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 40px;
    line-height: 14px;
    background: #09091A;
    cursor: pointer;
    text-align: center;
}

a.cookie{
    font-size: 12px;
    color: #1e7d05;
    text-transform: none;
    text-decoration: none;
    padding: 0 10px 0 5px;
}
.solution h2 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: -0.075rem;
    width: 100%;
    font-size: 1.8em;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 24px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1025px){
    #hero {
        padding-top: 0px;
    }

    .course-video-container, .image-container {
        margin: 0;
        min-width: inherit;
    }

    .solution h2 {
        font-size: 1.6rem;
        margin: 20px 0 20px 0;
        font-weight: 500;
        text-align: left;
    }

    .cta-white-black-border.button {
        padding: 15px !important;
    }

    .hero h3.medium, .hero a.medium {
        font-size: 1.025rem;
        color: #212519;
        text-shadow: initial;
    }

    .hero a.medium {
        border-bottom: 2px solid #212519;
    }

    .services img {
        margin: inherit;
    }

    .cta {
        font-size: 1.00625rem;
    }

    footer {
        padding-top: inherit;
    }

    .marginBottom20px {
        padding: initial;
        margin-bottom: 20px;
    }

    .footer__ul {
        margin-bottom: 20px;
    }
}


/*scroll*/


.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 65px;
    left: 10px;
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(91, 86, 252, 0.8) url(https://d2woeiihr4s5r6.cloudfront.net/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 999;
    right: 20px;
    border-radius: 30px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 9pt 0;
    box-shadow: 0 0 9pt 0;
    text-align: center;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    box-shadow: rgba(45, 35, 66, 0.4) 0px 2px 4px, rgba(45, 35, 66, 0.3) 0px 7px 13px -3px, rgba(58, 65, 111, 0.5) 0px -3px 0px inset;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px;
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #6f40f9;
    opacity: 1;
}
@media only screen and (min-width: 480px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .cd-top {
        height: 40px;
        width: 40px;
        right: 30px;
        bottom: 25px;
    }
}

.fa-fw2 {
    width: 1.285714em;
    margin-right: 0.5em;
    text-align: center;
}

.label-container {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    top: 1px;
    left: 0px;
    position: absolute;
    overflow: hidden;
}

.label-diagonal {
    text-align: center;
    position: relative;
    right: 26px;
    width: 100px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    top: 15px;
    letter-spacing: .2px;
    transform: rotate(-45deg);
    padding: 2px 0;
}

.popular {
    background-color: #09d125;
}

.on_sale {
    background-color: #eb0037;
}


.on_sale_old_price{
    text-decoration: line-through;
    font-size: large;
}

.on_sale_container {
    padding-left: 40px;
    padding-top: 10px;
    font-size: large;
}
.on_sale_new_price{
    color: #eb0037;
}

.list-items h3 {
    margin-top: 10px
}

@media (hover: hover) {
    .list-items h3.medium:hover .check-icon {
        background-color: #1e7d05 !important;
    }

}

.label-container-new {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    top: 1px;
    right: 15px;
    overflow: hidden;
}

.label-diagonal-new {
    float: right;
    text-align: center;
    position: relative;
    right: 8%;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    top: 17px;
    letter-spacing: 1.2px;
    transform: rotate(45deg);
    padding: 0px 35px;
}

.new {
    background-color: #d00404;
}

.padding-left-12 {
    padding-left:12px;
}

.top-left-header {
    margin-left: 20px !important;
}

.marginTopBottom {
    padding: 6rem 0 6rem 0;
}

.paddingTopBottomZero {
    padding: 6rem 0 4rem 0;
}

.marginTopBottomSmall {
    padding: 2rem 0 2rem 0;
}

.services.serv-bottom h3 {
    color: #fff;
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 50px;
    line-height: 60px;
}

.services.serv-bottom-dark h3 {
    color: #030303;
    letter-spacing: -1.5px;
    margin-left: 0.15em;
    margin-bottom: 0.4em;
    font-size: 3.4rem;
    line-height: 1.1;
    font-weight: 700;
}

.services .bg-green h3 {
    color: #8c3857 !important;
}

.services.serv-bottom-dark .subcopy {
    max-width: 50rem;
    margin-left: 0.15em;
    margin-bottom: 2em;
}

.services.serv-bottom-dark .subcopy2 {
    max-width: 60rem;
    margin-left: 0.15em;
    margin-bottom: 2em;
}

.services.serv-bottom h3.orange-heading {
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 70px;
    font-style: normal;
    white-space: pre-line;
    display: block;
    color: rgb(247, 110, 31) !important;
    line-height: initial;
    background: linear-gradient(
            -60deg, #ffffff, #f5f5f0 10%, #ecece3 30%, #e7e5e1 43%,#f5f5f0 58%,#dcdcdb 76%,#f5f5f0 97%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100%,100%;
    /*text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px;*/
}

.services-deserve ::selection {
    background: #fff0ff;
    color: rgb(255, 255, 255);
    -webkit-text-fill-color: indigo;
}

.services-deserve {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.header-descr {
    font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 20px !important;
    font-weight: 500;
    margin: 42px 0px;
    /*color: var(--color-header-font);*/
    color: var(--color-header-font-dark);
    line-height: 1.4;
    max-width: 530px;
}

.header-descr2 {
    font-family: "GT America Standard Regular",Helvetica,Arial,sans-serif;
    font-size: 18px !important;
    font-weight: 400;
    margin: 40px 0;
    line-height: 30px;
    color: #415466;
    letter-spacing: 0.2px;
}

.header-descr2-min {
    margin: 0 !important;
    margin-top: 2rem !important;
    margin-left: 0!important;
}

.header-descr3 {
    font-family: "GT America Standard Regular",Helvetica,Arial,sans-serif;
    font-size: 18px !important;
    font-weight: 400;
    margin: 10px 10px 20px 10px;
    line-height: 30px;
    color: #ffffff;
    letter-spacing: 0.2px;
}

@media only screen and (max-width: 768px) {
    .blog-container-new {
        padding-top: 10rem !important;
    }

    .services.serv-bottom h3.orange-heading {
        font-weight: 700;
        letter-spacing: 1.2px;
        font-size: 50px;
    }

    .course-lighthouse {
        height: 10rem !important;
    }

    .container.container-diagonal {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }

    .container {
        padding-right: initial !important;
        padding-left: initial !important;
    }

    .header-descr {
        font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        font-weight: 500;
        margin: 10px 6px;
        font-size: 16px;
        line-height: 28px;
        /*color: var(--color-header-font);*/
        color: var(--color-header-font-dark);
        padding: 12px 20px;
        display: none;
    }

    .quote-title-small {
        font-size: 32px;
        line-height: 36px;
    }

    .label-diagonal-new {
        display: none;
    }

    .list-items h3 {
        margin-top: 5px;
    }
    .label-diagonal-new {
        float: right;
        text-align: center;
        position: relative;
        right: 0%;
        /* width: 122px; */
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        top: 12px;
        /* letter-spacing: 4.2px; */
        transform: rotate(45deg);
        padding: 0px 41px;
    }

    .label-container-new {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
        top: 2px;
        right: 5px;
        overflow: hidden;
    }

    .hero h1 {
        font-weight: 600;
        margin-left: 4px;
        font-size: 24px;
        line-height: 36px;
    }

    .hero.testing h1 {
        font-size: 2.2rem;
        font-family: -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.5px;
        padding-top:25px;
        text-shadow: none;
        margin-left: initial;
    }

    .hero h1.landing {
        -webkit-background-clip: text;
        background-clip: text;
        background-size: 100%,100%;
        padding: 12px 20px;
    }


    .pricingHero h1 {
        color: #fff;
        font-size: 2.2rem;
        font-family: -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.5px;
        padding-top: 0px;
        text-shadow: none;
        margin-left: initial;
        margin: 0 auto;
    }

    .pricingHero .HeroGradient {
        --transformOriginX: 27px;
    }

    .services a {
        bottom: 0;
        color: #000;
        font-size: 14px !important;
    }

    .services a.medium {
        font-size: 1.23rem !important;
    }

    .hero.testing p {
        line-height: 1.5;
        text-shadow: none;
        margin-bottom: 6px;
        margin-top: 16px;
        font-size: 0.9rem;
        text-align: left;
    }

    h2 {
        font-size: 1.5rem;
    }
    #cookie-banner {
        width: initial;
        margin-bottom: 40px;
    }
    #cookie-banner .footer {
        padding: 15px 10px 10px 10px !important;
    }
}

p.seemore {
    font-size: 16px;
    color: rgb(99, 99, 100);
    text-align: center;
    line-height: 1.6;
    margin: 1rem 1rem;
    letter-spacing: 0.1px;
}

a.seemore {
    border-bottom: 2px solid rgb(99, 99, 100);
    color: rgb(99, 99, 100);
    letter-spacing: 0.1px;
    margin-left: 5px;
}

@media (hover: hover) {
    a.seemore:hover {
        color: var(--primary);
        border-bottom: 2px solid var(--primary);
        text-decoration: none;
    }
}

.span-white {
    color: #fff;
    line-height: 1.33;
    text-shadow: 2px 2px 10px rgb(0 0 0 / 80%);
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 20px 0 0 10px;
}

.span-dark {
    color: #030303;
    line-height: 1.33;
    /*text-shadow: 2px 2px 10px rgb(0 0 0 / 80%);*/
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 6px 0 6px 0;
}

.list-item2 {
    display: block;
    color: #030303;
    line-height: 1.33;
    /* text-shadow: 2px 2px 10px rgb(0 0 0 / 80%); */
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 6px 0 12px 20px;
    display: list-item;
}

@media only screen and (max-width: 1140px){
    .course-play-container {
        margin: 0rem 0 3rem 0;
    }

    .marginTopBottom {
        margin: 1rem 0 -1rem 0;
    }

    .paddingTopBottomZero {
        margin: 10rem 0 0rem 0;
    }

    .marginTopBottomSmall {
        margin: 1rem 0 -1rem 0;
    }
    .cta-white-black-border.button {
        font-size: 14px !important;
        margin-bottom: 20px;
    }
    .jmeter video {
        max-width: 99%;
    }

    .divider {
        display: block;
        border-bottom: initial;
        margin-bottom: 0rem;
    }

    .services {
        padding-left: 12px;
        padding-right: 12px;
    }

    .solution p {
        text-align: left;
        /*padding: 0 12px 0 24px;*/
    }

    .mobile-button-header {
        display: contents;
        font-family: "GT America Standard Regular",Helvetica,Arial,sans-serif;
        text-transform: uppercase;
        width: 100%;
        font-size: .7rem;
        padding: 7px 5px 0 7px!important;
        border-color: #000 !important;
        color: #000 !important;
        font-weight: 500;
        height: 1.75rem;
        position: relative;
        top: 1.40625rem;
        margin-bottom: 0;
    }

    .tab-bar-section img {
        display: inline;
        height: 25px;
        margin: -36px 0px 0px 0px;
    }

    .right-small {
        width: 16rem;
        text-align: right;
        margin-right: 5vw;
    }

    .top-bar__logo--link {
        padding: 12px;
        background: #00386c;
    }

    .mobile-button-header {
        margin-left: 10px;
    }

}


.span_1_of_4 {
    width: 23.8%;
}
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1%;
    min-height: 265px;
    background: #FFF;
    max-width: 300px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    color: #FFF;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    border-radius: 0px;
    height: 330px;
    z-index: 5;
    -webkit-box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%);
}

@media (hover: hover) {
    .col:hover {
        transition: .1s ease;
        -ms-transform: translateY(1px);
        -webkit-transform: translateY(1px);
        -o-transform: translateY(1px);
        -moz-transform: translateY(1px);
        transform: translateY(1px);
        box-shadow: 0 3px 10px rgba(31, 31, 31, 0.16), 0 3px 10px rgba(31, 31, 31, 0.24);
    }
}

.media {
    display: inline-block;
    position: relative;
    vertical-align: top;
    min-height: 153px;
    max-height: 160px;
}

.photolink {
    display: block;
    max-width: 256px;
    max-height: 155px;
    width: auto;
    height: auto;
    border-radius: 3px;
    margin: 0 !important;
    box-shadow: initial !important;
    -webkit-box-shadow: initial !important;
}

.media__body {
    background: rgba(3, 58, 95, 0.7);
    bottom: 10px;
    color: white;
    font-size: 1em;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0.5em 2em;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    min-height: 142px;
}


.col-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 180px;
    background-image: -moz-linear-gradient(135deg, #1e7d05, #25a803);
    background-image: -webkit-linear-gradient(135deg, #1e7d05, #25a803);
    background-image: linear-gradient(135deg, #1e7d05, #25a803);
    transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
}

.col-gradient2 {
    background-image: -moz-linear-gradient(135deg,#F75270,#DC143C);
    background-image: -webkit-linear-gradient(
            135deg,#F75270,#DC143C);
    background-image: linear-gradient(
            135deg,#F75270,#DC143C);
    transform: skewY(
            -8deg);
    -webkit-transform: skewY(
            -8deg);
    -ms-transform: skewY(-8deg);
}


.col-details-movefront {
    z-index: 0;
}

.title2 {
    height: 100%;
    display: -webkit-box!important;
    display: -moz-box!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.1;
    font-size: 18px;
    min-height: 100%;
    text-align: left;
    position: relative;
    z-index: 1;
    padding: 0.45rem 0.5rem;
    border-color: #BDBDBD;
    color: #FFFFFF;
    margin: 70px 10px -4px;
    font-weight: 600;
}

.title3 {
    height: 100%;
    display: -webkit-box!important;
    display: -moz-box!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: 300;
    font-size: 22px;
    min-height: 100%;
    text-align: left;
    position: relative;
    z-index: 1;
    padding: 0rem 0.5rem 0.45rem 0.5rem;
    border-color: #BDBDBD;
    color: #FFFFFF;
    margin: 00px 10px -4px;
    line-height: 12px;
}

.title-col {
    height: 100%;
    display: -webkit-box!important;
    display: -moz-box!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.2;
    font-weight: 700;
    font-size: 18px;
    min-height: 100%;
    text-align: left;
    position: relative;
    z-index: 1;
    padding: 0.45rem 0.5rem;
    border-color: #BDBDBD;
    color: #FFFFFF;
    margin: 50px 0 0 10px;
}

.title2:hover {
    text-decoration: none;
}

.courselink {
    cursor: pointer !important;
}

.courseurl {
    font-size: 14px;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: initial;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    font-weight: 500;
}

.templates-more .courseurl {
    font-size: 14px;
    word-break: break-word;
    overflow-wrap: anywhere;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    font-weight: 500;
    line-height: 0.7;
}

.col-bottom {
    position: absolute;
    bottom: 0.1rem;
    left: -1rem;
    width: 100%;
}

ul.options {
    padding: 10px 5px 10px 5px;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    background: transparent;
    /* margin: 10px 0 0 0; */
    text-align: left;
    list-style: none;
    /* min-height: 38px; */
}

ul.options li {
    padding: 0;
    vertical-align: baseline;
    border: 0;
    background: transparent;
    float: right;
    width: auto;
    margin: 0 0 0 12px;
    display: inline;
    font-size: 14px;
    line-height: 1;
}

.bg-grey {
    background-color: #f8f9fb;
}

.bg-grey-dark {
    background-color: #ececec;
}

.quote-description {
    font-size: 36px;
    line-height: 1.3;
    padding: 8px 24px 0 0;
    font-style: italic;
    margin: 3rem 0 1rem 0;
}

.quote-description::after {
    font-size: 80px;
    line-height: 1.15;
    letter-spacing: -0.045em;
    width: fit-content;
    background-color: rgb(254, 95, 80);
    background-image: linear-gradient(50deg, rgb(254, 95, 80), rgb(255, 150, 65) 90%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 820px;
    margin: 0px;
}

.quote-title {
    /*background-color: var(--color-header-font-white);*/
    color: var(--color-header-font-dark);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 100%,100%;
    /*-webkit-text-fill-color: transparent;*/
}

.quote-title-bold {
    font-weight: 700;
}

.quote-title-small{
    font-size: 24px;
    letter-spacing: 1.2px;
    margin-top: 26px;
    margin-bottom: 16px;
    line-height: 36px;
}

.quote-pink {
    text-rendering: optimizelegibility;
    background: linear-gradient(-60deg, #c19ef9, #845aee 10%, #7233ff 30%, #4b06aa 43%,#DC143C 58%,#DC143C 76%,#ed0080 97%);
    -webkit-background-clip: text;
    background-size: 100%,100%;
    /*-webkit-text-fill-color: transparent;*/
}

.quote-description .strong {
    color: #1c1c1c;
}


.quote .footer {
    margin: 5px 0 0;
    background: 0 0;
    border-left: 4px solid #DC143C;
    padding: 4px 0 4px 16px;
}

.quote-author {
    font-size: 16px;
    font-style: normal;
    letter-spacing: .5px;
}

.quote-author-name {
    display: block;
    font-weight: 600;
}

.caption-details {
    color: #626262 !important;
    font-family: "GT America Standard Regular",Helvetica,Arial,sans-serif;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    margin-top: 15px;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 20px;
    font-size: 16px;
    font-weight: 300;
}

@media only screen and (min-width: 1140px){
    .learn-more {
        color: rgb(99, 99, 100);
        letter-spacing: 0.1px;
        margin-left: 40px;
    }

    @media (hover: hover) {
        a.learn-more:hover {
            color: var(--primary);
            outline: 0;
            border-bottom-color: var(--primary);
            border-bottom-width: 2px;
            text-decoration: none;
        }

        .cta-white-black-border:hover .fa-chevron-circle-right {
            transform: translateX(4px);
            transition: transform 0.2s ease-in 0s;
        }

        a.learn-more:hover .rightarrow {
            transform: translateX(8px);
            transition: transform 0.4s ease-in 0s;
        }

        a.learn-more:hover::before {
            width: 20%;
        }
    }


    a.learn-more::before {
        transition: width 420ms cubic-bezier(.165,.84,.44,1);
        position: absolute;
        bottom: 19px;
        width: 0;
        border-bottom: 2px solid var(--primary);
        content: "";
    }
}
@media only screen and (max-width: 1140px){
    .title3 {
        margin: 0px 10px -4px;
    }
    .title2 {
        margin: 70px 10px -4px;
    }

    h3.header-landing {
        font-size: 1.6rem;
    }

    .quote-description {
        font-size: 24px;
        line-height: 1.3;
        padding: 0px 12px 0 12px;
        margin: 1rem 0 0 0;
    }

    .quote-description .strong {
        font-size: 28px;
        font-weight: 600;
    }

    .quote .footer {
        margin: 35px 35px;
        background: 0 0;
        border-left: 2px solid #DC143C;
        padding: 4px 0 4px 16px;
        float: left;
    }

    .quote-author {
        font-size: 16px;
        font-style: normal;
        letter-spacing: .5px;
    }

    .quote-author-name {
        display: block;
        font-weight: 600;
    }

    .caption-details {
        color: #626262 !important;
        font-family: "GT America Standard Regular",Helvetica,Arial,sans-serif;
        -webkit-transition: color .2s ease;
        transition: color .2s ease;
        margin-top: 15px;
        font-weight: 400;
        letter-spacing: .1em;
        line-height: 20px;
        font-size: 16px;
        font-weight: 300;
    }

    .col {
        max-width: 90%;
        margin: 5% 0 1% 5%;
    }

    .mobile-button-header3 {
        border-radius: 16px;
        color: #121212;
        margin-left: 5px;
        cursor: pointer;
        flex: 0 0 auto;
        font-size: 12px;
        font-weight: 600;
        height: 34px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        /*text-transform: uppercase;*/
        white-space: nowrap;
        line-height: 2px;
    }
    .mobile-button-header2 {
        margin-left: 5px;
        background: initial;
        background-image: linear-gradient(to right,#DC143C, #4a4ae2) !important;
        cursor: pointer;
        /*box-shadow: 0 0 20px rgba(0,0,0,.25);*/
        color: #fff;
        flex: 0 0 auto;
        font-size: 12px;
        font-weight: 600;
        height: 34px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        /*text-transform: uppercase;*/
        white-space: nowrap;
        line-height: 2px;
        border-radius: 999px !important;
    }

    .logo {
        font-size: initial;
    }
}


.white-button-blue-border {
    padding: .5rem !important;
    font-size: 1.0625rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    height: 3.3025rem !important;
    line-height: 2.1125rem !important;
    overflow: visible !important;
    border: 1px solid #DC143C !important;
    background-color: #FFF !important;
    color: #DC143C !important;
    cursor: pointer;
}

.header-service {
    font-weight: 700;
    font-family: 'GT America Standard Bold', 'Helvetica', 'Arial' !important;
    font-size:40px;
    margin: 2rem 0 4rem 0;
}

.header-service-desc {
    font-weight: 700;
    font-family: 'GT America Standard Bold', 'Helvetica', 'Arial' !important;
    font-size:26px;
}


@media (hover: hover) {

    .top-bar-section .dropdown li a:hover img{
        filter: drop-shadow(5px 3px 3px rgba(0,0,0,0.2));
    }

    .footer-social-icons svg:hover{
        filter: drop-shadow(5px 7px 5px rgba(0,0,0,0.5));
    }

}

.HeroGradient.Light{
    --gradientColorZero:#DC143C;
    --gradientColorOne:#FDEBDD;
    --gradientColorTwo:#F7CAC9;
    --gradientColorThree:#a960ee;
}

.HeroGradient{
    width: 150vw;
    transform: skewY(-12deg);
    height: 90vw;
    --gradientColorZero: var(--primary);
    --gradientColorOne: #db1367;
    --gradientColorTwo: #f3d7d9;
    --gradientColorThree: #a960ee;
    --gradientColorZeroTransparent:rgba(169,96,238,0);
    --gradientColorOneTransparent:rgba(255,51,61,0);
    --gradientColorTwoTransparent:rgba(144,224,255,0);
    --gradientColorThreeTransparent:rgba(255,203,87,0);
    --gradientAngle:var(--angle8);
    --offsetX:var(--headerWidth);
    --transformOriginX:-60px;
    --sectionAngleSin:var(--angleStrongSin);
    position:absolute;
    top:0;
    left:calc(var(--offsetX)*-1);
    -webkit-transform-origin:var(--transformOriginX) 100%;
    transform-origin:var(--transformOriginX) 100%;
    -webkit-transform:skewY(var(--gradientAngle));
    transform:skewY(var(--gradientAngle));
}

.HeroGradient2{
    width: 150vw;
    transform: skewY(-12deg);
    height: 4.1vw;
    --gradientColorZero: #cd71ec;
    --gradientColorOne: #dd5462;
    --gradientColorTwo: #f3d7d9;
    --gradientColorThree: #a960ee;
    --gradientColorZeroTransparent:rgba(169,96,238,0);
    --gradientColorOneTransparent:rgba(255,51,61,0);
    --gradientColorTwoTransparent:rgba(144,224,255,0);
    --gradientColorThreeTransparent:rgba(255,203,87,0);
    /*--gradientAngle:var(--angleStrong);*/
    --offsetX:var(--headerWidth);
    --transformOriginX:-60px;
    --sectionAngleSin:var(--angleStrongSin);
    position:absolute;
    top:0;
    left:calc(var(--offsetX)*-1);
    -webkit-transform-origin:var(--transformOriginX) 100%;
    transform-origin:var(--transformOriginX) 100%;
    -webkit-transform:skewY(var(--gradientAngle));
    transform:skewY(var(--gradientAngle));
}
@media (min-width:600px){
    .HeroGradient, .HeroGradient2{
        --transformOriginX:calc(var(--headerWidth)*0.7);
        height: 70vw;
    }
}

@media (min-width:600px){
    .HeroGradient, .HeroGradient2{
        --transformOriginX:calc(var(--headerWidth)*0.7);
        height: 47.4rem;
    }
    .HeroGradient.heightLandingPage{
        --transformOriginX:calc(var(--headerWidth)*0.7);
        height: 47.4rem;
    }
    .HeroGradient2.heightHeader{
        --transformOriginX:calc(var(--headerWidth)*0.7);
        height: 4.1vw;
    }
}

@media (min-width:1400px){
    .jmeter video {
        min-height: 14vw;
    }
    .HeroGradient, .HeroGradient2{
        --transformOriginX:calc(var(--headerWidth)*0.7);
        height: 52.4rem;
    }
    .HeroGradient.heightLandingPage{
        --transformOriginX:calc(var(--headerWidth)*0.7);
        height: 52.4rem;
    }
    .HeroGradient2.heightHeader{
        --transformOriginX:calc(var(--headerWidth)*0.7);
        height: 4.1vw;
    }
}

.HeroCanvas{
    position:relative;
    display:block;
    width:inherit;
    height:100%;
}

.HeroCanvas.Full{
    opacity:1;
}

.HeroCanvas.isLoaded{
    z-index:1;
    opacity:0.7;
    -webkit-transition:opacity 5.8s ease-in 50ms;
    transition:opacity 5.8s ease-in 50ms
}

.Gradient:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:
        radial-gradient(var(--gradientColorOne) 40%,var(--gradientColorTwoTransparent) 60%) -620px -180px no-repeat,
        radial-gradient(var(--gradientColorThree) 33%,var(--gradientColorThreeTransparent) 67%) -120px -24px no-repeat,
        radial-gradient(var(--gradientColorTwo) 40%,var(--gradientColorTwoTransparent) 70%) -470px 150px no-repeat,var(--gradientColorZero)
}

@media (min-width:600px)
{
    .Gradient:after{
        background:
        radial-gradient(var(--gradientColorOne) 40%,var(--gradientColorTwoTransparent) 60%) -420px -180px no-repeat,
        radial-gradient(var(--gradientColorThree) 23%,var(--gradientColorThreeTransparent) 70%) 240px -24px no-repeat,
        radial-gradient(var(--gradientColorTwo) 30%,var(--gradientColorTwoTransparent) 70%) -270px 220px no-repeat,var(--gradientColorZero)}
}

@media (min-width:600px)
{
    .Gradient:after{
        background:
        radial-gradient(var(--gradientColorThree) 25%,var(--gradientColorThreeTransparent) 65% 100%) 385px -15px,
        radial-gradient(var(--gradientColorOne) 0,var(--gradientColorOneTransparent) 60% 100%) -900px 270px,
        radial-gradient(var(--gradientColorTwo) 10%,var(--gradientColorTwoTransparent) 70% 100%) -150px 200px,
        radial-gradient(var(--gradientColorTwo) 50%,var(--gradientColorOneTransparent) 70% 100%) 500px -10px,
        radial-gradient(var(--gradientColorZero) 40%,var(--gradientColorZeroTransparent) 70% 100%) 130px -130px,
        radial-gradient(var(--gradientColorZero) 10%,var(--gradientColorZeroTransparent) 60% 100%) -420px 120px,
        radial-gradient(var(--gradientColorTwo) 15%,var(--gradientColorTwoTransparent) 50% 100%) -620px 0,
        radial-gradient(var(--gradientColorTwo) 25%,var(--gradientColorTwoTransparent) 50% 100%) 520px -250px,var(--gradientColorZero);
        background-repeat:repeat-y
    }
}

a.cta-new-col-white {
    color: #fff !important;
    cursor: pointer;
}

.marginLeft5 {
    margin-left: 5px;
}

.margin-left-0{
    margin-left: 0 !important;
}

.max-height-initial {
    max-height: initial !important;
}

.slider-container {
    /*margin-bottom: 12rem;*/
    display: block;
    /*overflow: auto;*/
    /*min-height: 1400px;*/
}

.slider-bullets .slider-container {
    min-height: initial;
}

.container-all-features {
    width: 100%;
    padding-right: 32px;
    padding-left: 32px;
    margin-right: auto;
    margin-left: auto;
}

.container-all-features2 {
    width: 100%;
    padding-right: 32px;
    padding-left: 32px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1440px) {
    .container-all-features {
        margin: 0 auto;
        max-width: 70.125rem;
        width: 100%;
        position: relative;
        display: block;
        /*overflow: auto;*/
    }
    .container-all-features2 {
        margin: 0 auto;
        max-width: 70.125rem;
        width: 100%;
        position: relative;
        display: block;
        /*overflow: auto;*/
    }
}

@media (max-width: 1440px) {
    .container-all-features {
        margin: 0 auto;
        position: relative;
        display: block;
        height: fit-content;
        /*overflow: auto;*/
    }
    .container-all-features2 {
        margin: 0 auto;
        position: relative;
        display: block;
        /*overflow: auto;*/
    }
}
.row-custom-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*align-items: center;*/
}
.row-custom-features2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*align-items: center;*/
    justify-content: space-evenly;
}

.slide-in-video {
    transform: translate3d(0px, 4.60704px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    opacity: 1;
    transform-style: preserve-3d;
    will-change: transform;
}

.feature-left {
    max-width: 400px;
}

.slider-bullets .row-custom-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.svg-slider {
    inline-size: 1.4rem;
    block-size: 1.6rem;
    flex-shrink: 0;
    margin-top: 0.2rem;
    margin-right: 0.55rem;
    height: 28px;
    font-size: 20px;
}

.svg-slider-header {
    inline-size: 2.6rem;
    block-size: 1.6rem;
    flex-shrink: 0;
    height: 28px;
    font-size: 20px;
    isplay: inline-block;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}

.svg-slider-header2 {
    inline-size: 2.6rem;
    block-size: 1.6rem;
    flex-shrink: 0;
    height: 20px;
    font-size: 20px;
    isplay: inline-block;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    color: #fff;
    fill: #fff;
}

.svg-slider-header3 {
    inline-size: 1.6rem;
    /* block-size: 1.6rem; */
    flex-shrink: 0;
    height: 22px;
    font-size: 22px;
    isplay: inline-block;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    color: var(--color-header-font-dark);
    fill: var(--color-header-font-dark);
}

.margin-left-4 {
    margin-left: 4px;
}

.svg-slider-header-emoji {
    inline-size: 2.6rem;
    block-size: 1.6rem;
    flex-shrink: 0;
    /*margin-top: 0.2rem;*/
    /*margin-right: 0.35rem;*/
    height: 28px;
    font-size: 20px;
    isplay: inline-block;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    padding: 0 0px 0 12px;
}


.features {
    padding: 54px 0 48px
}

.services-cont {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .75;
    padding: 24px 14px 12px 10px;
    -webkit-transition: background-color 200ms ease,opacity 200ms ease,-webkit-box-shadow 200ms;
    -o-transition: background-color 200ms ease,box-shadow 200ms,opacity 200ms ease;
    transition: background-color 200ms ease,box-shadow 200ms,opacity 200ms ease,-webkit-box-shadow 200ms;
    border: 1px solid #f0eff4;
    border-radius: 16px;
    border-radius: 16px;
    margin: 12px 0;
}

@media (max-width: 1024px) {
    .features-item {
        align-items: center !important;
    }
    .small-4 {
        width: 100%;
    }
    .row-custom-features2 {
        justify-content: center;
        flex-direction: column;
    }

    .services-cont {
        padding: 20px 6px 6px 12px;
        flex-wrap: wrap;
        text-align: left;
    }

    .services-cont-no-image .services-cont {
        padding: 12px 12px 0px 28px;
    }

    .container-all-features {
        width: 100%;
        /*padding-right: 1rem;*/
        /*padding-left: 1rem;*/
        margin-right: auto;
        margin-left: auto;
    }

    .services-cont-no-image .container-all-features {
        padding-top: 0rem;
        height: 1150px !important;
    }
}
@media (min-width: 1024px) {
    .services-cont {
        max-width: 390px;
        margin-left: 6px;
        padding: 28px 0 0px 28px;
        border: 1px solid #e1e1e1;
        margin-bottom: 12px;
        flex-wrap: wrap;
        border-radius: 12px;
        background-color: #fff;
        word-break: break-word;
        /*transition: background-color 0.05s ease-out 100ms*/

    }
    .services-cont-no-image .services-cont {
        padding: 14px 14px 0px 28px;
    }

    .services-cont.active .svg-slider{
        color: var(--primary) !important;
        fill: var(--primary);
    }

    .services-cont.active{
        background-color: #F7CAC9;
    }

    .services-cont.active h4{
        color: var(--primary) !important;
    }

    .services-cont.active linkTextDescription2{
        color: var(--dark-grey) !important;
    }

    .services-cont-no-image .container-all-features {
        padding-top: 3rem;
        height:740px !important;
    }

    .slider-bullets .services-cont-no-image .container-all-features {
        padding-top: 3rem;
        height: 750px !important;
    }
}

.services-cont:hover {
    opacity: 1
}

.services-cont[class*=active] {
    background-color: #eeeefa;
    border-color: #c9c9e4;
    opacity: 1;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
}

.services-border-color {
    -webkit-box-shadow: 0 5px 10px 0 rgba(103, 103, 103, 0.06);
    box-shadow: 0 5px 10px 0 rgba(81, 81, 81, 0.06);
    opacity: 1;
    border-color: var(--primary);
}

.services-cont:hover:not(.active) {
    background-color: #e0e0e0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(103, 103, 103, 0.06);
    box-shadow: 0 5px 10px 0 rgba(81, 81, 81, 0.06);
    opacity: 1;
}

.services-cont-wrapper {
    margin: 0px 0 0 -8px;
}

.features-heading {
    line-height: 1.25;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .features-heading {
        margin-bottom:55px
    }
}

.services-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.services-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin: 0px 4px 0px -10px;
    height: 28px;
}

.features-item {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    width: 100%;
    padding: 1rem;
    /*-webkit-box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);*/
    /*box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);*/
    /*border-radius: 4px*/
}

.features-items {
    /*margin-top: 32px;*/
    position: relative
}

.features-items[data-feature-active="1"] [data-feature-item="1"],.features-items[data-feature-active="2"] [data-feature-item="2"],.features-items[data-feature-active="3"] [data-feature-item="3"],.features-items[data-feature-active="4"] [data-feature-item="4"],.features-items[data-feature-active="5"] [data-feature-item="5"],.features-items[data-feature-active="6"] [data-feature-item="6"] {
    opacity: 1;
    z-index: 1
}

.features-items[data-state=untouched] [data-tooltip-item="1-1"] .features-tooltip-content,.features-tooltip:hover .features-tooltip-content {
    display: block;
    opacity: 1
}

@media (max-width: 1024px) {
    .features-items {
        margin-top:0
    }
}

@media (min-width: 1280px) {
    .features-items {
        height: 100%;
        min-height: 500px;
    }
    .features-item {
        min-height: 530px;
        /*max-height: 800px;*/
    }

    .features-item-description {
        /*min-height: 15rem;*/
    }

    .features-item-description h3 {
        font-size: 20px;
        font-weight: 500;
    }

    a.learnmore {
        font-weight: 500;
    }

}

.features-item img {
    /*margin: 1em 0 2em 1em;*/
    box-shadow: 10px 18px 10px #a1aab3, inset -3px -3px 5px 3px #d5d9dc;
}

.slider-bullets .features-item img {
    margin: 0em;
}

.features-item-description {
    text-align: left;
    margin: -1em 0px -4em 1.1em;
    min-height: 14rem;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.features-items img {
    max-height: 100%;
    max-width: 100%
}

.features-items-wrapper {
    position: relative
}

.features-placeholder {
    opacity: 0;
    visibility: hidden
}

.services-title {
    -ms-flex-item-align: center;
    align-self: center;
    color: #171717;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 6px;
    max-width: 310px;
}

.features-tooltip {
    display: none;
    left: 50%;
    position: absolute;
    top: 50%
}

a.learnmore::after {
    content: "→";
    display: inline-block;
    vertical-align: middle;
    transform: translateX(5px);
    transition: transform 0.25s ease 0s;
}

@media (hover: hover) {
    a.learnmore:hover::after {
        transform: translateX(10px);
        transition: transform 0.25s ease 0s;
    }

}

@media (min-width: 1280px) {
    .features-tooltip {
        display:block
    }
}

@media (max-width: 967px) {

    .main-button {
        font-size: 20px !important;
        /* line-height: 2.8; */
        font-weight: 500;
        /* height: 74px; */
        border-radius: 4px !important;
        border-radius: 999px !important;
    }
    .services.serv-bottom h3 {
        color: #fff;
        font-weight: 700;
        letter-spacing: 1.5px;
        font-size: 34px;
        line-height: 48px;
    }

    .header-articles .head-main {
        font-size: 1.5rem;
        margin-left: initial;
    }

    .quote-title-bold {
        font-size: 32px !important;
        line-height: 36px !important;
    }
    .quote-title-small {
        font-size: 18px !important;
        margin-top: 28px !important;
        line-height: 24px !important;
    }

    .margin-top-bottom-front {
        margin: 2rem 0 0rem 0;
    }

    .services-cont-wrapper {
        margin: 0px 0 0 0px;
    }

    .features-item {
        padding: 1rem 3rem 1rem 0rem
    }

    .services-cont-no-image .features-item {
        padding: 1rem 3rem 1rem 0rem;
        justify-content: flex-start;
        align-items: flex-start !important;
    }

    @media (hover: hover) {

        .hero a.medium:hover {
            color: #540d92;
            border-bottom: 2px solid #fff;
            transition: width 420ms cubic-bezier(.165,.84,.44,1);
            content: "";
            width: 100%;
        }
    }


    .feature-left {
        max-width: 350px;
    }
}

@media (max-width: 767px) {
    .marginTopBottom {
        padding: 2rem 0 2rem 0;
    }

    .features-item {
        /*height: 650px !important;*/
    }
}

.services-cont-no-image .features-item img {
    /*min-height: 600px;*/
    min-width: 350px;
}

@media (max-width: 1280px) {
    .on_sale_old_price {
        color: #0e0e0e;
    }

    .head-main. .head-main2 {
        margin-bottom: 1rem;
        font-size: 24px;
        line-height: 1.3;
        font-weight: 600;
        padding: 0 1rem 0 1rem;
    }

    .features-item img {
        margin: 0em 0 2em 0em;
    }

    .services-cont-no-image .features-item img {
        /*margin: 0em 0 0em 0em;*/
        width: inherit;
        max-width: 350px;
        /*min-height: 600px;*/
    }

    .features-item-description {
        text-align: left;
        margin: -1em 0px -4em 0.1em;
    }
    .features-item-description h3{
        line-height: 1.4;
        font-weight: 400;
    }

    .slider-container {
        margin-bottom: -1rem;
        display: flex;
        flex-direction: column;
        overflow: initial;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .course-play-container {
        padding-right: 2rem;
        padding-left: 2rem;
    }


    main>section {
        padding: 4.8rem 0;
    }
}

.features-tooltip[data-tooltip-item='1-1'] {
    left: 16%;
    top: 5.3%;
}

.features-tooltip[data-tooltip-item='1-2'] {
    left: 60%;
    top: 5.3%
}

.features-tooltip[data-tooltip-item='1-3'] {
    left: 18%;
    top: 17%
}

.features-tooltip[data-tooltip-item='1-4'] {
    left: 25.1%;
    top: 67%;
}

.features-tooltip[data-tooltip-item='1-5'] {
    left: 55.1%;
    top: 76%;
}

.features-tooltip[data-tooltip-item='1-6'] {
    left: 18%;
    top: 28%
}

.features-tooltip-circle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px
}

.features-tooltip-circle:before {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    background: #a300f5;
    box-shadow: inset 0 0 10px 0 #4203c1;
    transition: all ease-in-out 500ms;
    animation-delay: 200ms;
    animation: pulse-long;
    animation-iteration-count: infinite;
    animation-duration: 1500ms;
    opacity: 1;
}

.features-tooltip-circle:hover:before {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.features-tooltip-content {
    background-color: #682AD5;
    border-radius: 2px;
    /*-webkit-box-shadow: 0 6px 14px 0 rgb(104, 42, 213);*/
    /*box-shadow: 0 6px 14px 0 rgb(104, 42, 213);*/
    display: none;
    left: -50%;
    opacity: 0;
    padding: 8px 16px;
    position: relative;
    right: -50%;
    text-align: center;
    -webkit-transform: translate(18px,calc(-100% - 36px));
    -ms-transform: translate(18px,calc(-100% - 36px));
    transform: translate(18px,calc(-100% - 36px));
    width: 314px;
    z-index: 2;
    color: #fff;
}

.features-tooltip-content:after {
    background-color: #682AD5;
    bottom: -5px;
    content: '';
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-100%) rotate(45deg);
    -ms-transform: translateX(-100%) rotate(45deg);
    transform: translateX(-100%) rotate(45deg);
    width: 10px
}

@keyframes pulse-short {
    0% {
        transform: scale(1);
    }
    60% {
        transform: scale(2)
    }
    100% {
        opacity: 0;
    }
}

@keyframes pulse-long {
    0% {
        transform: scale(1)
    }
    60% {
        transform: scale(1.7)
    }
    100% {
        opacity: 0;
    }
}

.veoplayer-dimensions {
    width: 724px;
    height: 500px;
}

.video-js button {
    padding: 0.4rem 2.3rem 0.5625rem 1rem;
}

#countdown li {
    display: inline-block;
    font-size: 1em;
    list-style-type: none;
    padding: 0 1em 0 3em;
    text-transform: uppercase;
    font-family: -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    sans-serif;
}

#countdown li span {
    display: block;
    font-size: 1.5rem;
}

.divider-new {
    margin: 2rem 0 2rem 0!important;
    width: 30%;
    border-top: solid 5px #682bd5;
    height: 5px;
}

.divider-light-bottom {
    box-shadow: inset 0 -1px #e3e8ee;
}

.divider-new-margin {
    width: 25%;
    margin: 0.5rem 0 0.5rem 1rem!important;
}


.section-white-diagonal-top {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    width: 145vw;
    height: 270px;
    margin-top: -183px;
    margin-left: -5vw;
    background-color: #fff;
    -webkit-transform: rotate(
            -8deg
    );
    -ms-transform: rotate(-8deg);
    transform: rotate(
            -8deg
    );
}

.section-diagonal {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: hsla(240, 79%, 62%, 0.05);
}

.section-white-diagonal-bottom {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 145vw;
    height: 365px;
    margin-top: 0;
    margin-bottom: 23px;
    margin-left: -5vw;
    background-color: #fff;
    -webkit-transform: rotate(
            -8deg
    );
    -ms-transform: rotate(-8deg);
    transform: rotate(
            -8deg
    );
}

.container.container-diagonal {
    padding-top: 230px;
    padding-bottom: 230px;
}

.container {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 64px;
    padding-left: 64px;
}

.container.container-diagonal {
    padding-top: 232px;
    padding-bottom: 232px;
}

#feature1 .container.container-diagonal {
    padding-top: 232px;
    padding-bottom: 40px !important;
}

@media only screen and (min-width: 768px) {
    .padding-top-custom {
        padding-top: 80px;
    }
    .padding-top-custom-half {
        padding-top: 40px;
    }
}

.description-container {
    justify-content: center;
    /*align-items: center;*/
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 740px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 640px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.description-container span {
    color: #555c6c;
    margin-top: 12px;
}

@media only screen and (max-width: 768px) {
    .padding-top-custom {
        padding-top: 20px;
    }

    .padding-top-custom-half {
        padding-top: 20px;
    }

    .head-main {
        color: #030303;
        letter-spacing: -1.5px;
        margin-left: 0em;
        margin-bottom: 1.4em;
        font-size: 2.1rem;
        line-height: 1.1;
        font-weight: 700;
    }

    .section-white-diagonal-top {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: auto;
        width: 145vw;
        height: 270px;
        margin-top: -50px;
        margin-left: -5vw;
        background-color: #fff;
        -webkit-transform: rotate(
                -8deg
        );
        -ms-transform: rotate(-8deg);
        transform: rotate(
                -8deg
        );
    }

    .section-diagonal {
        position: relative;
        display: block;
        margin-top: 16px;
        margin-bottom: 0px;
        background-color: hsla(240, 79%, 62%, 0.05);
    }

    .section-diagonal-bg {
        background-color: hsla(240, 79%, 62%, 0.05);
    }

    .section-white-diagonal-bottom {
        position: absolute;
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
        width: 145vw;
        height: 365px;
        margin-top: 0;
        margin-bottom: -270px;
        margin-left: -5vw;
        background-color: #fff;
        -webkit-transform: rotate(
                -8deg
        );
        -ms-transform: rotate(-8deg);
        transform: rotate(
                -8deg
        );
    }

    .container.container-diagonal {
        padding-top: 100px;
        padding-bottom: 230px;
    }

    .container {
        max-width: 1440px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 64px;
        padding-left: 64px;
    }
}

.button-3d:active {
    box-shadow: inset 0px 3px 7px var(--primary-dark);
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.button-shine {
    -webkit-transition: box-shadow 0.15s ease,-webkit-transform 0.15s ease;
    transition: box-shadow 0.15s ease,transform 0.15s ease;
    will-change: box-shadow,transform;
    background: radial-gradient( 100% 100% at 100% 0%, var(--purple) 0%, var(--primary) 100% ) !important;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    /*border-radius: 4px !important;*/
}

.undershine {
    position: relative;
    white-space: nowrap;
    background-image: linear-gradient(120deg, var(--purple), var(--primary));
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 88%;
    transition: all .4s ease-in;
}

.rounded-50 {
    border-radius: 999px !important;
    box-shadow: 0 1px 4px #0003 !important;
}

.button-shine2 {
    -webkit-transition: box-shadow 0.15s ease,-webkit-transform 0.15s ease;
    transition: box-shadow 0.15s ease,transform 0.15s ease;
    will-change: box-shadow,transform;
    background: radial-gradient( 100% 100% at 100% 0%, var(--purple) 0%, var(--primary) 100% ) !important;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    border-radius: 4px !important;
}

.button-shine2 i {
    margin-top: 0 !important;
}

.rounded-border {
    border-radius: 999px !important;
}

.rounded-border:hover {
    box-shadow: 0 0 2px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 8%), 0 5px 6px rgb(0 0 0 / 8%), 0 6px 15px rgb(0 0 0 / 8%);
    color: rgb(255, 255, 255);
    transform: scale(1.025) translateZ(0px);
    text-decoration: none;
    transition: transform 0.2s cubic-bezier(0.25, 1.6, 0.6, 1.4) 0s, -webkit-transform 0.2s cubic-bezier(0.25, 1.6, 0.6, 1.4) 0s;
}

.main-button {
    font-size: 22px !important;
    line-height: 52px;
    /* line-height: 2.8; */
    font-weight: 500;
    /* height: 70px; */
    border-radius: 999px !important;
    border-color: rgb(203 203 255 / 63%) !important;
    border-style: solid !important;
    border-width: 4px !important;
    vertical-align: middle;
}

.main-button:hover {
    /*line-height: 2.75;*/
}

.button-grad {
    --magic-rainbow-color-apev-0: hsl(240deg, 100%, 45%);
    --magic-rainbow-color-apev-1: hsl(260deg, 100%, 55%);
    --magic-rainbow-color-apev-2: hsl(325deg, 100%, 48%);
    transition: --magic-rainbow-color-apev-0 1625ms linear 0s, --magic-rainbow-color-apev-1 1625ms linear 0s, --magic-rainbow-color-apev-2 1625ms linear 0s !important;
    background: radial-gradient( circle at top left, var(--magic-rainbow-color-apev-2), var(--magic-rainbow-color-apev-1), var(--magic-rainbow-color-apev-0) ) !important;
}


i.svg-icon-check {
    background-color: #181719;
    -webkit-mask-image: url(/img/icons/svg/cil-check-circle.svg);
    mask-image: url(/img/icons/svg/cil-check-circle.svg);
    background-size: 100% 100%;
    height: 24px !important;
    width: 24px !important;
    margin: 0 auto;
    float: left;
    display: block;
    fill: #1e7d05;
    margin-right: .625rem;
    margin-top: .625rem;
}

.header-link:hover svg {
    fill: #1e7d05 !important;
    /*background-color: #815ef8 !important;*/
}

.footer-pricing i.svg-icon-check {
    margin-top: .325rem;
    height: 16px !important;
    width: 16px !important;
}

i.svg-icon-right {
    background-color: #1e7d05;
    -webkit-mask-image: url(/img/icons/svg/cil-chevron-circle-right-alt.svg);
    mask-image: url(/img/icons/svg/cil-chevron-circle-right-alt.svg);
    background-size: 100% 100%;
    height: 18px !important;
    width: 18px !important;
    margin: 0 auto;
    fill: #ffffff;
    margin-left: .625rem;
    margin-top: -0.1rem;
}

i.svg-icon-right.margin-top {
    margin-top: 0.1rem;
}

.svg-icon-right-small {
    margin-top: .225rem;
}

.svg-icon-right-white {
    background-color: #ffffff !important;
}

.svg-icon-right-grey {
    background-color: #c5c9e0 !important;
}

.svg-icon-right-purple {
    background-color: #815ef8 !important;
}

.svg-icon-right-red {
    background-color: #b80979 !important;
}

@media only screen and (max-width: 768px) {
    .divider-new {
        margin: 1rem 0 1rem 0!important;
    }
    .margin-top-bottom-front {
        flex-direction: column;
    }

    .margin-top-bottom-front .medium-4 {
        margin-bottom: 6rem;
    }

    .logo-image {
        margin-bottom: 2rem;
    }

    .front-h2 {
        font-weight: 400;
        line-height: 1.2;
        font-size: 28px;
        color: #191945;
        margin-top: 8px;
    }

    .services-title {
        font-size: 16px;
        line-height: 28px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 374px) {
    .tab-bar-section img {
        display: inline;
        height: 34px;
        margin: -36px 0px 0px -16px;
    }
}

.w-input, .w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    vertical-align: middle;
    background-color: var(--background);
    border: 1px solid #cccccc;
}

.text-field {
    height: 60px !important;
    margin-bottom: 40px !important;
    padding-right: 38% !important;
    padding-left: 20px !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #e2e5ec !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    box-shadow: 1px 1px 20px 0 #ddd !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.text-field-dark {
    height: 60px !important;
    margin-bottom: 40px !important;
    padding-right: 38% !important;
    padding-left: 20px !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #e2e5ec !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    /*box-shadow: 1px 1px 20px 0 #ddd !important;*/
    font-size: 20px !important;
    font-weight: 400 !important;
}

.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}

.submit-button {
    position: absolute;
    top: 4px;
    right: 22px;
    width: 36%;
    height: 52px;
    min-width: 160px;
    border: 1px none #000;
    border-radius: 10px;
    background-color: #5351fb;
    background: linear-gradient(top, #5657fc, #815ef8);
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    outline: none;
    letter-spacing: 0.15px;
}

.submit-button:hover {
    background: linear-gradient(180deg, #4442e7 0%, #2626ab 100%);
}

@media only screen and (max-width: 768px) {
    .submit-button {
        width: 16%;
        min-width: 130px;
    }
}

.lang-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: -0.5em 0;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyIDBjNy4xOCAwIDEyIDQuODIgMTIgMTJzLTQuODIgMTItMTIgMTJTMCAxOS4xOCAwIDEyIDQuODIgMCAxMiAwem0tMS44NCAxLjkyYTkuNDEgOS40MSAwIDAgMC04LjMzIDguOTNsMi40OS0uMTFMNS45IDEyLjlsLTEuMTggNi42NEExMC4yNDggMTAuMjQ4IDAgMCAwIDEyIDIyLjIyYzYuMTQgMCAxMC4yMi00LjA4IDEwLjIyLTEwLjIyYTExLjY5MiAxMS42OTIgMCAwIDAtLjgtNC4yOGwtMSAuNDMtMy4zOC00LjM4LTIuODguNzd6bS4wMiAzLjQ2bDIuNzUgMS4yNWgzLjk5bDIuMTUgMy43OS0xLjU5IDIuNFYxNWgtMS40NXYxLjUzYy0uMDAyIDEuMDczLS4wNzEgMS40Ny0xLjY1IDEuNDdoLTEuMXYtNC42MWgtMS45NXYtM0g3LjY0bC0uNTYtMi4yNCAzLjEtMi43N3oiLz48L3N2Zz4=);
}

.changelanguagetop {
    margin-top: 2px;
}

.logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pink-heading {
    font-weight: 800;
    margin: 0;
    line-height: 1.25;
    position: relative;
    font-size: 2rem;
    -webkit-letter-spacing: -0.015em;
    -moz-letter-spacing: -0.015em;
    -ms-letter-spacing: -0.015em;
    letter-spacing: -0.015em;
    font-family: 'GT America Standard Bold', sans-serif;
    color: var(--primary);
    background: linear-gradient(0deg,var(--primary),#682bd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-rendering: optimizeLegibility;
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(0.8)
    }
    100% {
        transform: scaleY(1)
    }
}

.dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    perspective: 1000px;
    z-index: -1;
}
.dropdown_menu li {
    display: none;
    color: #fff;
    background-color: #34495e;
    padding: 0px 20px;
    font-size: 16px;
    opacity: 0;
}
.dropdown_menu li:hover {
    background-color: #2980b9;
}

.dropdown:hover .dropdown_menu--animated {
    display: block;
}
.dropdown_menu--animated {
    display: none;
}
.dropdown_menu--animated li {
    display: block;
    opacity: 1;
}
.dropdown_menu-6 {
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
}

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4,0,1,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,0.2,1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4,0,0.2,1)
}

.duration-100 {
    transition-duration: 100ms
}

.duration-150 {
    transition-duration: 150ms
}

.duration-200 {
    transition-duration: 200ms
}

.bg-pink {
    background-color: transparent;
    background-image: linear-gradient(
            135deg, rgba(155, 125, 221, 0.1), rgba(81, 81, 227, 0.35));
}

.bg-green {
    background-color: var(--white);
    color: #8c3857;
}

.learn-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 38px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2rem 1rem 0rem 1rem;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    border-radius: 16px;
    border-bottom-width: 4px;
    border-color: rgb(93 94 238 / 10%);
    border-left-width: 4px;
    border-right-width: 4px;
    border-style: solid;
    border-top-width: 4px;
}

.learn-header {
    margin-bottom: 16px;
}

.learn-title {
    max-width: none;
    margin-bottom: 0.2em!important;
    font-size: 1.65rem!important;
    line-height: 1.2!important;
    font-weight: 600!important;
    letter-spacing: -.02em!important;
    margin-left: initial!important;
}

.list-unstyled-learn {
    display: flex;
    padding-left: 0;
    list-style: none;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

.learn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #434343;
    text-decoration: none;
    max-width: 100%;
    font-weight: 600;
}


@media (hover: hover) {
    a.learn-link:hover {
        text-decoration: none;
        outline: 0;
    }

    a.learn-link:hover .svg-icon-new-link {
        background-color: #5151e3;
    }

}

.paragraph-learn {
    font-size: 1.2rem;
    line-height: 1.8;
    font-weight: 600;
    margin: initial;
}
.bg-green .paragraph-learn {
    color: #8c3857 !important;
}


.social-media-channels img {
    border: initial !important;
}

.svg-icon-channel-x {
    width: 22px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/x.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-channel-facebook {
    width: 26px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/facebook.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-channel-google {
    width: 26px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/google.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-channel-youtube {
    width: 26px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/youtube.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-channel-instagram {
    width: 26px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/instagram.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-channel-linkedin {
    width: 26px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/linkedin.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-channel-pinterest {
    width: 26px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/pinterest.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-channel-threads {
    width: 26px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/threads.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-channel-tiktok {
    width: 26px!important;
    height: 22px!important;
    background-image: url(/img/icons/svg/channels/tiktok.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    outline: none !important;
    display: block
}

.svg-icon-new-link {
    width: 16px!important;
    height: 16px!important;
    background-color: #ffffff;
    -webkit-mask-image: url(/img/icons/svg/cil-chevron-new-link.svg);
    mask-image: url(/img/icons/svg/cil-chevron-new-link.svg);
    background-size: 100% 100%;
    fill: #ffffff;
}

.svg-icon-new-circle-check {
    display: block;
    background-color: var(--primary);
    -webkit-mask-image: url(/img/icons/svg/cil-check-logo.svg);
    mask-image: url(/img/icons/svg/cil-check-logo.svg);
    background-size: 100% 100%;
    height: 24px !important;
    width: 24px !important;
    margin-right: 0px;
}

.svg-icon-new-embed {
    width: 24px!important;
    height: 24px!important;
    background-color: #ffffff;
    -webkit-mask-image: url(/img/icons/svg/embed.svg);
    mask-image: url(/img/icons/svg/embed.svg);
    background-size: 100% 100%;
    fill: #ffffff;
}

@media (hover: hover) {
    a.learn-link:hover .svg-icon-new-link {
        transform: translateX(8px);
        transition: transform 0.4s ease-in 0s;
    }
}

@media (max-width: 767px) {
    .paragraph-learn {
        font-size: 1.1rem;
        line-height: 1.4;
        font-weight: 600;
        margin: initial;
    }

    .services.serv-bottom-dark h3 {
        font-size: 2.4rem !important;
    }

    .learn-title {
        margin-left: initial!important;

    }

    .learn-container {
        padding: 48px 20px;
        margin: 2rem 0 4rem 0;
    }
}

.load-stats {
    padding: 3vmin 7vw;
    background: radial-gradient( 100% 100% at 100% 0%, #59bd20 0%, #1e7d05 100% );
    overflow: initial;
    display: flex;
    transition: all 0.3s cubic-bezier(0.68, 0.38, 0.21, 1.01) 0s;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
    color: rgb(255, 255, 255) !important;
    height: 18rem;
}

.bg-world-map:before {
    opacity: 0.8;
}

.bg-world-map {
    background-image: url(/img/world-map.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    min-height: 40rem;
    top: 0;
    width: 100%;

}

@media (max-width: 767px) {
    .footer__privacy .globe-icon {
        margin-right: 5px;
        vertical-align: bottom;
    }

    #mc_embed_signup {
        margin-top:2rem;
    }

    .submit-button {
        position: absolute;
        top: 36px;
    }

    .submit-button.none {
        position: absolute;
        top: 4px;
    }

    .logo-image img.logo {
        margin-left: 0 !important;
        padding-bottom: 20px;
    }

    .load-stats {
        height: initial;
        padding: 12vmin 8vw 0vmin 8vw;
        /*height: 20rem !important;*/
    }

    .white-border-right {
        border-right: initial;
    }
}

.wrapper-scroll{
    position: relative;
    height: 600px;
    margin-bottom:200px;
}

.position-rel-scroll {
    position: relative;
    margin: 0;
}

.margin-initial {
    margin: initial !important;
}

.footer-highlight {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform .3s ease-in-out,box-shadow .3s step-end;
}

.footer-highlight.visible-footer {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 0 -16px 20px rgb(14 19 24 / 4%);
    transition: transform .3s ease-in-out;
    z-index: 99;
}

.footer-detail {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 12px;
    background: #fff;
}

.footer-detail .postfix {
    font-size: .975rem;
    height: 2.8025rem;
    line-height: 1.7525rem;
}

.flex-container-wrapper {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    margin: 0px auto;
    padding-top: 24px;
    padding-bottom: 6rem;
    overflow: hidden;
    max-width: 1200px;
    padding-left: 56px;
    padding-right: 56px;
}

.flex-container-item {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.flex-left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 100px;
    padding-bottom: 111px;
    flex: 1 1 0%;
    min-width: 670px;
    text-align: left;
}

.flex-left-min {
    padding-top: 20px;
    min-height: 600px;
}

.flex-right-min {
    padding-top: 0px;
    justify-content: center !important;
}

.flex-right {
    display: flex;
    padding-top: 40px;
    padding-left: 4px;
    justify-content: flex-end;
    flex: 2 1 0%;
    /*max-width: 300px;*/
    min-width: 365px;
}

.flex-right-asana {
    display: flex;
    padding-top: 6rem !important;
    padding-left: 4px;
    justify-content: flex-end;
    flex: 2 1 0%;
    /*max-width: 300px;*/
    min-width: 365px;
}

.heading-container {
    max-width: 425px;
    font-size: 62px;
    font-weight: 500;
    line-height: 1.15;
    margin-top: 8px;
    margin-bottom: 16px;
}

.link-container-front {
    width: 400px;
    text-align: center;
}

.no-card {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}

.link-container-front-sm{
    width: 380px;
}

@media (max-width: 560px) {
    .flex-container-item {
        flex-direction: column;
    }
    .flex-right {
        padding-left: 0px;
        justify-content: center;
    }

    .flex-container-wrapper {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 2rem;
    }

    .flex-left {
        padding-top: 30px;
        min-width: initial;
        padding-bottom: 0px;
        align-items: flex-start;
        margin-top:48px;
    }

    .flex-left h1 {
        font-size: 34px;
        line-height: 40px;
    }

    .link-container-front {
        width: 340px;
    }

    .link-container-front-sm {
        width: 330px;
    }

    #hero.landing-page {
        padding-top: 0px !important;
    }
}

.phone {
    position: relative;
    flex: 1;
    border-radius: 40px;
    padding: 10px;
    height: 100%;
    max-width: 275px;
    background-color: #fff;
    box-shadow: 10px 18px 10px #a1aab3, inset -3px -3px 5px 3px #d5d9dc;
}
.phone::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 20px;
    bottom: 15px;
    background-color: #f9f9f9;
    border-radius: 40px;
}
.phone::after {
    content: "";
    position: absolute;
    height: 25px;
    width: 60%;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
    border-radius: 70px;
}

.phone2 {
    position: relative;
    flex: 1;
    border-radius: 40px;
    padding: 10px;
    height: 100%;
    min-height: 600px;
    /*max-width: 275px;*/
    background-color: #fff;
    box-shadow: 10px 18px 10px #a1aab3, inset -3px -3px 5px 3px #d5d9dc;
}


.phone2::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 20px;
    bottom: 15px;
    background-color: #fdfcfd;
    border-radius: 40px;
}
.phone2::after {
    content: "";
    position: absolute;
    height: 25px;
    width: 60%;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
    border-radius: 70px;
}

.phone3 {
    position: relative;
    flex: 1;
    border-radius: 40px;
    padding: 10px;
    height: 100%;
    min-height: 800px;
    /*max-width: 275px;*/
    /*background-color: #fff;*/
    background: linear-gradient(0deg, rgba(0,4,16,1) 0%, rgb(13 17 22) 43%, rgba(13,17,22,1) 100%) !important;
    box-shadow: 4px 9px 10px #2b2f33, inset -3px -3px 5px 3px #1b1c1e;
}
.phone3::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 20px;
    bottom: 15px;
    /*background-color: #fdfcfd;*/
    border-radius: 40px;
}
.phone3::after {
    content: "";
    position: absolute;
    height: 25px;
    width: 60%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #0a0a0a;
    border-radius: 0 0 199px 199px;
}

.phone4 {
    box-shadow: 4px 9px 10px #2b2f33, inset -3px -3px 5px 3px #727b82;
}

.page-desrc {
    max-width: 930px !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

.video-phone {
    z-index: 4;
    display: inline-block;
    /* height: 600px; */
    min-width: 255px;
    width: auto;
    /* background: rgba(255,255,255,.25); */
    /* box-shadow: 0 8px 32px 0 rgb(135 31 31 / 37%); */
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    /* border: 1px solid rgba(255,255,255,.18); */
    padding: 25px 5px 0 5px;
    border-radius: 18px;
    max-width: 255px;
}

.video-phone-2 {
    z-index: 4;
    display: inline-block;
    width: auto;
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 18px;
    max-width: 455px;
    min-height: 340px;
    box-shadow: 10px 18px 10px #161646, inset -3px -3px 5px 3px #010921;
    min-width: 350px;
}

.video-phone-2.dark {
    box-shadow: 10px 18px 10px #a1aab3, inset -3px -3px 5px 3px #d5d9dc;
}

.video-phone-2.light {
    box-shadow: 10px 18px 10px #161646, inset -3px -3px 5px 3px #010921;
}

.video-phone-3 {
    z-index: 4;
    display: inline-block;
    /* height: 600px !important; */
    min-width: 410px;
    width: auto;
    /* background: rgba(255,255,255,.25); */
    /* box-shadow: 0 8px 32px 0 rgb(135 31 31 / 37%); */
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    /* border: 1px solid rgba(255,255,255,.18); */
    margin: 25px 5px 0 5px;
    border-radius: 18px;
    max-width: 255px;
    max-height: 600px;
}

@media (max-width: 967px) {
    .video-phone-2 {
        min-height: initial;
    }

    .video-phone-3 {
        min-width: 344px;
    }

    .col.diagonal {
        max-width: 328px !important;
        min-width: 328px !important;
    }
}


@media (min-width: 600px) {
    .footer-detail {
        padding: 12px;
    }
}

hr.header {
    padding: 10px 0;
}

.head-main-description {
    padding: 0 0rem 1rem 0rem !important;
}

@media only screen and (max-width: 480px) {
    .newsletter .head-main {
        margin-bottom: 0.4em;
    }
    .head-main-description {
        padding: 0 2rem 1rem 2rem !important;
    }
    main > section {
        padding: 1.8rem 0;
    }
}


@media (hover: hover) {

    .card-symbol-menu:hover {
        opacity: 1;
        box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
        background-color: #FA1863;
    }

    .card-symbol-menu.show-settings:hover {
        opacity: 1;
        box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
        background-color: #09c20c;
    }


    .card-symbol-item:hover {
        opacity: 1;
        box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
        background-color: var(--color-background-content);
        transform: scale(1.03);
        border: 1px solid var(--color-header-font-white);
        color: white;
    }

    .new-task-button .card-symbol-item:hover {
        transform: scale(1.03);
    }

    .card-symbol-item-2:hover {
        opacity: 1;
        box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
        background-color: var(--color-background-content);
        transform: scale(1.03);
    }

    .card-symbol-item-no-text:hover {
        opacity: 1;
        color: var(--color-header-font-white);
        transform: scale(1.03);
    }

    .complete-icon:hover i {
        background-color: var(--primary);
    }

    .card-symbol-item-bg:hover {
        opacity: 1;
        box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
        background-color: var(--color-background-content);
        transform: scale(1.03);
        border: 1px solid var(--color-header-font-white);
    }

}


.loadingTab {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-spinner-svg {
    position: relative;
    display: flex;
    width: 24px !important;
    height: 24px !important;
    animation: SpinnerAnimationShow .1s ease normal,SpinnerAnimationRotation .1s linear infinite;
    transition-property: opacity,transform;
    transition-timing-function: ease;
    transform-origin: 50% 50%;
}

.spinnerContainer{
    padding: 19.1% 40%;
}

.spin-wrapper {
    /*margin-top: 10rem;*/
    padding-right: 20px;
    padding-left: 20px;
    width: 24px !important;
    height: 24px !important;
    /*color: #0a0a0a;*/
}

.spin-item {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px !important;
    height: 24px !important;
}

@keyframes SpinnerAnimationShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes SpinnerAnimationRotation {
    to {
        transform: rotate(1turn)
    }
}

.spinner-svg {
    width: 32px !important;
    height: 32px !important;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    color: #888888;
    transform-origin: 50% 50%;
    transition-timing-function: ease;
    transition-property: opacity,transform;
    animation: SpinnerAnimationShow .25s ease normal,SpinnerAnimationRotation .6s linear infinite;
}

.spinner-svg-small {
    width: 24px !important;
    height: 24px !important;
    color: #888888;
}

.spinner-svg-smaller {
    width: 18px !important;
    height: 18px !important;
    color: #888888;
}

.cta-blue .spinner-svg {
    color: #888888;
}

.spinner-svg-main {
    width: 48px;
    height: 48px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    color: #888888;
    transform-origin: 50% 50%;
    transition-timing-function: ease;
    transition-property: opacity,transform;
    animation: SpinnerAnimationShow .25s ease normal,SpinnerAnimationRotation .6s linear infinite;
}

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

.back-to-templates-wrapper {
    margin-top: 3rem;
    padding-left: 8px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 2rem;
}

.item-category {
    display: inline-flex;
}

.back-to-templates {
    color: var(--color-header-font-dark) !important;
    display: inline-flex;
    align-items: center;
    gap: 0px;
}

@-moz-keyframes bounce-5 {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    60% {
        -moz-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}
@-webkit-keyframes bounce-5 {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}
@keyframes bounce-5 {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    60% {
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}
@keyframes bounce-left {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    60% {
        -moz-transform: translateX(-3px);
        -ms-transform: translateX(-3px);
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
}

@media (hover: hover) {
    .back-to-templates:hover svg {
        -moz-animation: bounce-left 1s infinite;
        -webkit-animation: bounce-left 1s infinite;
        animation: bounce-left 1s infinite;
        animation-play-state: running;
    }
}


.back-to-templates-svg {
    display: block;
    width: 32px;
    height: 32px;
    stroke-width: 2px;
}

.fullListOfTasks {
    min-height: 200px;
}

.task-container-bottom {
    /* background: rgb(0,4,16); */
    /* background: linear-gradient(0deg, rgba(0,4,16,1) 0%, rgba(0,4,16,1) 43%, rgba(13,17,22,1) 100%); */
    /* background-color: var(--color-background-content); */
    bottom: 0;
    display: block;

    /* position: absolute; */
}

.hero.large {
    min-height: 510px;
}

.hero.has-image {
    padding-bottom: 0;
}

.flex-container-wrapper-3 {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 1rem;
    overflow: hidden;
    max-width: 1300px;
    padding-left: 56px;
    padding-right: 56px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 36px;
}

.templates-page .flex-container-wrapper-3 {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    margin: 0px auto;
    padding-top: 3rem;
    margin-bottom: -4rem;
    overflow: hidden;
    max-width: 1300px;
    padding-left: 56px;
    padding-right: 56px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 500px;
}

@keyframes animateWave {
    0% {
        transform: scale(1,0);
    }
    100% {
        transform: scale(1,1);
    }
}

.wave-container {
    position: relative;
    background-color: #e8e8ea;
    /*background: radial-gradient(94.99% 98.73% at 0 0,rgb(5 16 42) 0,#05102a .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#5657fc 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#05102a 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#5252eb 0,rgba(100,32,255,0) 82%),#041231 !important;*/
    color: #FFF;
    text-align: center;
    overflow: hidden;
    /*background: url(/img/dark-waves.svg) no-repeat center center fixed;*/
    color: var(--color-header-font-white);
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    background-attachment: fixed;
}

.wave-container > svg {
    display: block;
    transform-origin: bottom;
    animation: animateWave 1000ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.dark-background {
    color: var(--color-header-font-white);
    position: relative;
}

.dark-background-2 {
    background-color: var(--primary);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(86,87,252,1) 100%);
    color: var(--color-header-font-white);
    position: relative;
}

.hero h1 {
    color: var(--color-header-font-dark-2);
    font-weight: 700;
    font-size: 54px !important;
    line-height: 1.15em !important;
}

.header-descr-speed {
    font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 18px !important;
    font-weight: 500;
    margin: 18px 6px 22px 6px;
    color: var(--color-header-font-dark-3);
    line-height: 1.4;
    max-width: 900px;
}

.buttons-flex-row-column {
    flex-direction: row;
}

.run-test-container-top {
    max-width: 680px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.run-test-container-top-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 16px;
}

.flex-container-wrapper-2 {
    display: flex;
    width: 100%;
    margin: 0px auto;
    padding-top: 0rem;
    margin-bottom: 4rem;
    max-width: 1400px;
    padding-left: 56px;
    padding-right: 56px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-top: -5rem;
}

.focus-demo {
    display: flex;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: flex-start;
    position: relative;
    width: 100%;
}

.focus-wrapper {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.024) 0px 0.602187px 3.01094px 0px, rgba(0, 0, 0, 0.086) 0px 2.28853px 11.4427px 0px, rgba(0, 0, 0, 0.37) 0px 10px 50px 0px;
    align-items: start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    justify-content: center;
    max-width: 1300px;
    width: 100%;
    height: 775px;
    filter: drop-shadow(1px 1px 4px #585858);
}

@media only screen and (max-width: 1178px) {
.wave-container {
/*background: radial-gradient(94.99% 98.73% at 0 0,rgb(5 16 42) 0,#05102a .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%, #5253f8 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#05102a 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#5252eb 0,rgba(100,32,255,0) 82%),#041231 !important;*/
}
.flex-container-wrapper-3 {
display: flex;
flex-shrink: 0;
width: 100%;
margin: 0px auto;
padding-top: 6rem;
margin-bottom: 2rem;
overflow: hidden;
padding-left: 24px;
padding-right: 24px;
align-items: center;
flex-direction: column;
justify-content: center;
height: auto;
}

.hero h1 {
/*color: var(--color-header-font-white);*/
font-weight: 700;
font-size: 34px !important;
line-height: 40px !important;
}

.focus-wrapper {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.024) 0px 0.602187px 3.01094px 0px, rgba(0, 0, 0, 0.086) 0px 2.28853px 11.4427px 0px, rgba(0, 0, 0, 0.37) 0px 10px 50px 0px;
    align-items: start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    height: auto;
    justify-content: center;
    max-width: 1300px;
    width: 100%;
    height: 241px;
}

.flex-container-wrapper-2 {
display: flex;
width: 100%;
margin: 0px auto;
padding-top: 0rem;
margin-bottom: 4rem;
max-width: 400px;
padding-left: 24px;
padding-right: 24px;
align-items: center;
flex-direction: column;
justify-content: center;
height: 100%;
margin-top: -3rem;
}
.buttons-flex-row-column {
flex-direction: column !important;
}

.img-features-2 {
min-height: 250px;
}

.img-features {
max-width: 380px;
}
}


.text-container {
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 1;
}

.landing-icon img.landing-icon-img {
 width: 260px;
}

.landing-icon {
    display: table !important;
    position:relative;
    margin-bottom:14px;
}
.landing-icon-text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 18px;
    color: var(--color-header-font-dark-2);
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}
.landing-icon-stars {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 42px;
}
.landing-icon-stars img {
    width:14px;
    margin-left:2px;
    margin-right:2px;
}
@media (max-width:1000px) {
    div.landing-icon {
        margin:0 auto !important;
    }
}


#upgrade_modal_offer {
    max-width: 800px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    height: 63% !important;
}

.content-over {
    display: flex;
    justify-content: center;
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px;
    border-radius: 4px;
    background-color: var(--color-background-content-lighter);
    /* border: 1px solid var(--color-border-color-light-2); */
    -webkit-transition: border 150ms cubic-bezier(.25, .46, .45, .94);
    transition: border 150ms cubic-bezier(.25, .46, .45, .94);
    text-align: center;
    /* min-height: 270px; */
    background-image: url(/img/back-to-school-2.jpg);
    height: 100% !important;
    padding: 60px 16px 0 0;
    align-items: flex-start;
    color: #fff !important;
}

.offer-image-2 {
    position: relative;
    display: flex;
    min-height: 100%;

    ) !important;
    background-size: cover !important;
}

.offer-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.offer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.offer-image-2 img {*/
/*    display: block;*/
/*    color: transparent;*/
/*    object-fit: cover;*/
/*}*/

.content-box {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    margin-left: auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.upgradeModal {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #fff;
    text-align: left;
    display: flex;
    margin-left: 16px;
}

.content-left-box {
    width: 50%;
}

.close-reveal-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.5rem;
    color: #333;
    text-decoration: none;
}

.countdown-timer {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.timer-unit {
    text-align: center;
    padding: 16px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    width: 78px;
}

.timer-value {
    font-size: 2rem;
    font-weight: bold;
    display: block;
}

.timer-label {
    font-size: 0.8rem;
    color: #ebebeb;
}

.button {
    background-color: var(--db-lime-bright, #D6FF7C);
    color: #111;
    font-weight: bold;
    /*margin-top: 20px;*/
}

.button:hover {
    background-color: var(--db-lime-bright, #D6FF7C);
}

@media screen and (max-width: 640px) {
    .content-box {
        width: 100%;
        background: rgba(255, 255, 255, 0.95);
    }

    #upgrade_modal_offer {
        max-width: 800px;
         padding: 20px !important;
         border-radius: 8px;
        overflow: hidden;
        height: 12% !important;
    }

    .content-left-box {
        width: 100%;
    }
}

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

.padding-top-0 {
    padding-top: 0 !important;
}

.container-avatar {
    display: flex;
    margin-top: 1rem;
    align-items: center;
    gap: 12px;
}

.avatar-group {
    display: flex;
    margin-right: 10px;
}
.avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid white;
    margin-right: -8px;
}
.text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #363d4f;
    max-width: 208px;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .blog-post-list {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column !important;
    }

    .blog-container-new {
        padding-top: 4rem !important;
    }
}

.animate-text-fade-in {
    animation: text-fade-in .4s cubic-bezier(.33,1,.68,1) 0s forwards;
}

@keyframes text-fade-in {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.small-text-white {
    color: white !important;
}

.services-deserve {
    padding-top: 4rem;
    background: linear-gradient(99deg, rgb(147, 74, 241) 0%, rgb(87, 3, 199) 100%);
    width: 100%;
    opacity: 1;
    flex: none;
    height: auto;
    position: relative;
    padding-bottom: 8rem !important;
}

.services-deserve img {
    max-height: 20rem !important;
}


.container-deserve img {
    margin: 2em 0 2em 2em !important;
    background-color: #8f46ee !important;
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    padding: 1rem;
    border-radius: 8px !important;
    width: auto;
}

.container-deserve {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    max-width: 1048px;
    overflow: visible;
    padding: 32px 20px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.container-deserve-left {
    align-items: flex-start;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    max-width: 512px;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 1px;
    font-family: "Manrope", "Manrope Placeholder", sans-serif;
}

.container-deserve-left a {
    color: #fff !important;
    /*padding: 16px !important;*/
    max-width: 305px;
    background-color: #0c0c0c;
    font-size: 22px;
}

.container-deserve-right {
    bottom: -94px;
    flex: none;
    overflow: visible;
    position: absolute;
    right: 78px;
    top: 0px;
    width: 405px;
    z-index: 1;
}

@media only screen and (max-width: 768px) {
    .container-deserve-right {
        display: none !important;
    }
}

.services.serv-bottom h3.orange-heading {
    color: #fff;
    font-weight: 700;
    letter-spacing: -0.5px;
    font-size: 36px;
    font-style: normal;
    white-space: pre-line;
    display: block;
    line-height: initial;
    background-size: 100%, 100%;
    font-family: "Manrope", "Manrope Placeholder", sans-serif;
}

.postfix.button.radius {
    border-radius: 999px;
}

.postfix.button {
    border: 0;
    /*padding-top: 0.48rem;*/
    text-align: center;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
}

.services-deserve .cta span {
    padding: 18px 0px;
}
.cta span {
    line-height: 24px;
    display: inline-block;
    font-size: 20px;
}


@media only screen and (max-width: 768px) {
    .list-flex-column-row {
        display: flex !important;
        flex-direction: column !important;
    }

    .action-button a {
        margin-top: 24px;
        max-width: 300px;
        font-size: 20px !important;
        padding: 6px 22px !important;
    }
}

.services-clients {
    padding: initial;
}

.logo-clients-container .logo-clients {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 20px 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}

.logo-clients-container .logo-items-container {
    flex: none;
    height: auto;
    position: relative;
    width: 100%;
}

.lf-inside *,
.lf-inside :after,
.lf-inside :before {
    border: 0 solid #efefef;
    box-sizing: border-box;
}

.ov-gradient {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 96%, transparent);
}

.lf-logo-list.lf-logo-list-item.lf-logo-list-item {
    overflow-x: scroll;
    -ms-overflow-style: none;
}

.lf-logo-list.lf-logo-list-item.lf-logo-list-item {
    overflow-x: scroll;
    -ms-overflow-style: none;
}

.lf-logo-list.lf-logo-list-item.lf-logo-list-item::-webkit-scrollbar {
    display: none
}

.lf-logo-list.lf-logo-list-item .inner.lf-logo-list-item {
    display: flex;
    white-space: nowrap;
    animation-name: var(--animation);
    -webkit-animation: var(--animation);
    -moz-animation: var(--animation);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: var(--animation-direction)
}

@media (hover: hover) {
    .lf-logo-list.lf-logo-list-item:hover .inner.lf-logo-list-item {
        animation-play-state: var(--pause-on-hover)
    }
}

.lf-logo-list.lf-logo-list-item .inner.lf-logo-list-item {
    --animation-duration: 60s;
    --translate: 1278px;
    --animation: anim-translate;
    --pause-on-hover: paused;
    --pause-on-click: running;
    --animation-direction: normal;
    display: flex;
    white-space: nowrap;
    animation-name: var(--animation);
    -webkit-animation: var(--animation);
    -moz-animation: var(--animation);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: var(--animation-direction);
}

.lf-logo-image-container {
    align-items: center;
}

.lf-logo-image-container {
    display: flex;
}

.lf-logo-image-container {
    gap: 32px;
}

.lf-logo-image-container {
    margin-right: 32px;
}

.lf-logo-image {
    width: 128px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lf-logo-image-item {
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    opacity: .5;
    box-shadow: initial;
    padding: initial;
    max-height: initial;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
}

.lf-inside img {
    height: auto;
    max-width: 100%;
    vertical-align: -webkit-baseline-middle;
}

.logo-clients-container {
    background-color: #fff !important;
}


/* FAQ Styles */
.faq-container {
    max-width: 100%;
    margin: 0 auto;
}

.faq-item {
    margin-bottom: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    cursor: pointer;
    background-color: #fff;
    transition: all 0.3s ease;
}

.faq-question:hover {
    background-color: #f9f9f9;
}

.faq-question h3 {
    margin: 0;
    flex: 1;
}

.faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 300ms ease-in-out;
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
}

.faq-answer > * {
    overflow: hidden;
    padding: 0 1.5rem;
    transition: padding 300ms ease-in-out;
}

.faq-item.active .faq-answer {
    grid-template-rows: 1fr;
}

.faq-item.active .faq-answer > * {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
}

.faq-item.active .faq-question {
    background-color: #f5f5f5;
}

.heading-description-3 {
    display: flex;
    line-height: 22px;
    margin-top: 24px;
    letter-spacing: -0.2px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 600;
    color: #10102e;
    align-items: center;
    justify-content: flex-start;
}

.heading-description-4 {
    display: flex;
    line-height: 22px;
    margin-top: 16px;
    letter-spacing: -0.2px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 400;
    color: #10102e;
    align-items: center;
    justify-content: flex-start;
}


.arrow-up {
    color: #fff;
    position: relative;
    top: 28px;
    left: 100%;
    /*margin-left: 10px;*/
    transition: all 0.15s ease-in-out 0s;
}

.svg-icon-chevron-down {
    -webkit-mask-image: url(/img/icons/svg/cil-arrow-down.svg);
    mask-image: url(/img/icons/svg/cil-arrow-down.svg);
    background-size: 100% 100%;
    height: 18px !important;
    width: 18px !important;
    margin: 0 auto;
    float: left;
    display: block;
    fill: var(--primary-dark);
    background-color: var(--primary-dark); !important;
    text-shadow: rgb(0 0 0 / 40%) 0px 1px 0px;
}

.svg-icon-chevron-up {
    -webkit-mask-image: url(/img/icons/svg/cil-arrow-up.svg);
    mask-image: url(/img/icons/svg/cil-arrow-up.svg);
    background-size: 100% 100%;
    height: 18px !important;
    width: 18px !important;
    margin: 0 auto;
    float: left;
    display: block;
    fill: var(--primary-dark);
    background-color: var(--primary-dark); !important;
    text-shadow: rgb(0 0 0 / 40%) 0px 1px 0px;
}

.navigation-section.scrolled .arrow-up {
    fill: var(--color-header-font-white);
    background-color: var(--color-header-font-white);
!important;
}

@media (hover: hover) {
    .navigation-section.scrolled .top-bar-section .has-dropdown.not-click:hover>.dropdown {
        color: #5957fc !important;
    }

    .navigation-section.scrolled .top-bar-section ul li:hover:not(.has-form)>a:not(.button) {
        color: #5957fc !important;
    }
}

i.svg-icon-check-2 {
    background-color: #181719;
    -webkit-mask-image: url(/img/icons/svg/cil-check-logo.svg);
    mask-image: url(/img/icons/svg/cil-check-logo.svg);
    background-size: 100% 100%;
    height: 18px !important;
    width: 18px !important;
    /*margin: 0 auto;*/
    float: left;
    display: block;
    fill: var(--green);
    background-color: var(--green) !important;
    margin-right: .625rem;
}

i.svg-icon-check-3 {
    background-color: #181719;
    -webkit-mask-image: url(/img/icons/svg/cil-check-logo.svg);
    mask-image: url(/img/icons/svg/cil-check-logo.svg);
    background-size: 100% 100%;
    height: 32px !important;
    width: 32px !important;
    float: left;
    display: block;
    fill: var(--green);
    background-color: var(--green) !important;
}
.icon-container {
    width: 30px !important;
}


.item-panel-container {
    display: flex;
    gap:12px;
}

.item-panel {
    background: #fafafa;
    padding: 1.5rem;
    border-radius: 18px;
    overflow: hidden;
    align-self: stretch;
    border: 1px solid rgba(0, 0, 0, .1);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.number-circle {
    padding: 12px 18px;
    background: #efefef;
    border-radius: 9999px;
    border: 1px solid #cccccc;
    width: fit-content;
}

.animate-text-fade-in {
    animation: text-fade-in .4s cubic-bezier(.33,1,.68,1) 0s forwards;
}

@keyframes text-fade-in {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.features-item-description .learnmore {
    margin-top: 1rem;
    font-weight: 600;
}

.features-items img {
    max-height: 100%;
    max-width: 100%;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    width: 100%;
    text-align: center;
    margin: 1rem;
    padding: 1rem;
    border-radius: 8px;
}

.features-items-wrapper {
    position: relative
}

.features-placeholder {
    opacity: 0;
    visibility: hidden
}

.action-button {
    margin-top: 24px;
}

.footer-image-svg {
    display: inline-block;
    flex: 0 0 60px;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    transition: opacity .1s;
    margin-left: 4px;
    margin-bottom: 2px;
}

@media only screen and (max-width: 768px) {
    .item-panel-container {
        flex-direction: column;
    }

    .heading-description-4 {
        text-align: left;
    }

    .item-panel {
        text-align: left;
    }
}