@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: 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: .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

@media print {
    .wa-container {
        padding: 0
    }

    .row {
        padding: 50px 0 0
    }

    header, footer, .wa-spacer-docSide, .author-img, .contributors, .feedback-fancy.wa-section-feedback-vote.wa-feedback-vote {
        display: none !important
    }

    .wa-conditionalDisplay {
        display: none;
        margin: 0 0 0 50px
    }

        .wa-conditionalDisplay #need-help-light {
            padding: 0
        }

    .wa-note {
        border: 0
    }
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.row {
    max-width: 1310px;
    margin-left: auto;
    margin-right: auto
}

    .row::before, .row::after {
        content: " ";
        display: table
    }

    .row::after {
        clear: both
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row .row {
        max-width: none;
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }

        .row .row.collapse {
            margin-left: 0;
            margin-right: 0
        }

    .row.expanded {
        max-width: none
    }

        .row.expanded .row {
            margin-left: auto;
            margin-right: auto
        }

.column, .columns {
    width: 100%;
    float: left;
    padding-left: .9375rem;
    padding-right: .9375rem
}

    .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
        float: right
    }

    .column.end:last-child:last-child, .end.columns:last-child:last-child {
        float: left
    }

    .column.row.row, .row.row.columns {
        float: none
    }

.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width:20em) {
    .xsmall-1 {
        width: 8.33333333%
    }

    .xsmall-push-1 {
        position: relative;
        left: 8.33333333%
    }

    .xsmall-pull-1 {
        position: relative;
        left: -8.33333333%
    }

    .xsmall-offset-0 {
        margin-left: 0
    }

    .xsmall-2 {
        width: 16.66666667%
    }

    .xsmall-push-2 {
        position: relative;
        left: 16.66666667%
    }

    .xsmall-pull-2 {
        position: relative;
        left: -16.66666667%
    }

    .xsmall-offset-1 {
        margin-left: 8.33333333%
    }

    .xsmall-3 {
        width: 25%
    }

    .xsmall-push-3 {
        position: relative;
        left: 25%
    }

    .xsmall-pull-3 {
        position: relative;
        left: -25%
    }

    .xsmall-offset-2 {
        margin-left: 16.66666667%
    }

    .xsmall-4 {
        width: 33.33333333%
    }

    .xsmall-push-4 {
        position: relative;
        left: 33.33333333%
    }

    .xsmall-pull-4 {
        position: relative;
        left: -33.33333333%
    }

    .xsmall-offset-3 {
        margin-left: 25%
    }

    .xsmall-5 {
        width: 41.66666667%
    }

    .xsmall-push-5 {
        position: relative;
        left: 41.66666667%
    }

    .xsmall-pull-5 {
        position: relative;
        left: -41.66666667%
    }

    .xsmall-offset-4 {
        margin-left: 33.33333333%
    }

    .xsmall-6 {
        width: 50%
    }

    .xsmall-push-6 {
        position: relative;
        left: 50%
    }

    .xsmall-pull-6 {
        position: relative;
        left: -50%
    }

    .xsmall-offset-5 {
        margin-left: 41.66666667%
    }

    .xsmall-7 {
        width: 58.33333333%
    }

    .xsmall-push-7 {
        position: relative;
        left: 58.33333333%
    }

    .xsmall-pull-7 {
        position: relative;
        left: -58.33333333%
    }

    .xsmall-offset-6 {
        margin-left: 50%
    }

    .xsmall-8 {
        width: 66.66666667%
    }

    .xsmall-push-8 {
        position: relative;
        left: 66.66666667%
    }

    .xsmall-pull-8 {
        position: relative;
        left: -66.66666667%
    }

    .xsmall-offset-7 {
        margin-left: 58.33333333%
    }

    .xsmall-9 {
        width: 75%
    }

    .xsmall-push-9 {
        position: relative;
        left: 75%
    }

    .xsmall-pull-9 {
        position: relative;
        left: -75%
    }

    .xsmall-offset-8 {
        margin-left: 66.66666667%
    }

    .xsmall-10 {
        width: 83.33333333%
    }

    .xsmall-push-10 {
        position: relative;
        left: 83.33333333%
    }

    .xsmall-pull-10 {
        position: relative;
        left: -83.33333333%
    }

    .xsmall-offset-9 {
        margin-left: 75%
    }

    .xsmall-11 {
        width: 91.66666667%
    }

    .xsmall-push-11 {
        position: relative;
        left: 91.66666667%
    }

    .xsmall-pull-11 {
        position: relative;
        left: -91.66666667%
    }

    .xsmall-offset-10 {
        margin-left: 83.33333333%
    }

    .xsmall-12 {
        width: 100%
    }

    .xsmall-offset-11 {
        margin-left: 91.66666667%
    }

    .xsmall-up-1 > .column, .xsmall-up-1 > .columns {
        width: 100%;
        float: left
    }

        .xsmall-up-1 > .column:nth-of-type(n), .xsmall-up-1 > .columns:nth-of-type(n) {
            clear: none
        }

        .xsmall-up-1 > .column:nth-of-type(n+1), .xsmall-up-1 > .columns:nth-of-type(n+1) {
            clear: both
        }

        .xsmall-up-1 > .column:last-child, .xsmall-up-1 > .columns:last-child {
            float: left
        }

    .xsmall-up-2 > .column, .xsmall-up-2 > .columns {
        width: 50%;
        float: left
    }

        .xsmall-up-2 > .column:nth-of-type(n), .xsmall-up-2 > .columns:nth-of-type(n) {
            clear: none
        }

        .xsmall-up-2 > .column:nth-of-type(2n+1), .xsmall-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .xsmall-up-2 > .column:last-child, .xsmall-up-2 > .columns:last-child {
            float: left
        }

    .xsmall-up-3 > .column, .xsmall-up-3 > .columns {
        width: 33.33333333%;
        float: left
    }

        .xsmall-up-3 > .column:nth-of-type(n), .xsmall-up-3 > .columns:nth-of-type(n) {
            clear: none
        }

        .xsmall-up-3 > .column:nth-of-type(3n+1), .xsmall-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .xsmall-up-3 > .column:last-child, .xsmall-up-3 > .columns:last-child {
            float: left
        }

    .xsmall-up-4 > .column, .xsmall-up-4 > .columns {
        width: 25%;
        float: left
    }

        .xsmall-up-4 > .column:nth-of-type(n), .xsmall-up-4 > .columns:nth-of-type(n) {
            clear: none
        }

        .xsmall-up-4 > .column:nth-of-type(4n+1), .xsmall-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .xsmall-up-4 > .column:last-child, .xsmall-up-4 > .columns:last-child {
            float: left
        }

    .xsmall-up-5 > .column, .xsmall-up-5 > .columns {
        width: 20%;
        float: left
    }

        .xsmall-up-5 > .column:nth-of-type(n), .xsmall-up-5 > .columns:nth-of-type(n) {
            clear: none
        }

        .xsmall-up-5 > .column:nth-of-type(5n+1), .xsmall-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .xsmall-up-5 > .column:last-child, .xsmall-up-5 > .columns:last-child {
            float: left
        }

    .xsmall-up-6 > .column, .xsmall-up-6 > .columns {
        width: 16.66666667%;
        float: left
    }

        .xsmall-up-6 > .column:nth-of-type(n), .xsmall-up-6 > .columns:nth-of-type(n) {
            clear: none
        }

        .xsmall-up-6 > .column:nth-of-type(6n+1), .xsmall-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .xsmall-up-6 > .column:last-child, .xsmall-up-6 > .columns:last-child {
            float: left
        }

    .xsmall-up-7 > .column, .xsmall-up-7 > .columns {
        width: 14.28571429%;
        float: left
    }

        .xsmall-up-7 > .column:nth-of-type(n), .xsmall-up-7 > .columns:nth-of-type(n) {
            clear: none
        }

        .xsmall-up-7 > .column:nth-of-type(7n+1), .xsmall-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .xsmall-up-7 > .column:last-child, .xsmall-up-7 > .columns:last-child {
            float: left
        }

    .xsmall-up-8 > .column, .xsmall-up-8 > .columns {
        width: 12.5%;
        float: left
    }

        .xsmall-up-8 > .column:nth-of-type(n), .xsmall-up-8 > .columns:nth-of-type(n) {
            clear: none
        }

        .xsmall-up-8 > .column:nth-of-type(8n+1), .xsmall-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .xsmall-up-8 > .column:last-child, .xsmall-up-8 > .columns:last-child {
            float: left
        }

    .xsmall-collapse > .column, .xsmall-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .xsmall-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .xsmall-uncollapse > .column, .xsmall-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .xsmall-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .xsmall-uncentered, .xsmall-push-0, .xsmall-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width:33.75em) {
    .small-1 {
        width: 8.33333333%
    }

    .small-push-1 {
        position: relative;
        left: 8.33333333%
    }

    .small-pull-1 {
        position: relative;
        left: -8.33333333%
    }

    .small-offset-0 {
        margin-left: 0
    }

    .small-2 {
        width: 16.66666667%
    }

    .small-push-2 {
        position: relative;
        left: 16.66666667%
    }

    .small-pull-2 {
        position: relative;
        left: -16.66666667%
    }

    .small-offset-1 {
        margin-left: 8.33333333%
    }

    .small-3 {
        width: 25%
    }

    .small-push-3 {
        position: relative;
        left: 25%
    }

    .small-pull-3 {
        position: relative;
        left: -25%
    }

    .small-offset-2 {
        margin-left: 16.66666667%
    }

    .small-4 {
        width: 33.33333333%
    }

    .small-push-4 {
        position: relative;
        left: 33.33333333%
    }

    .small-pull-4 {
        position: relative;
        left: -33.33333333%
    }

    .small-offset-3 {
        margin-left: 25%
    }

    .small-5 {
        width: 41.66666667%
    }

    .small-push-5 {
        position: relative;
        left: 41.66666667%
    }

    .small-pull-5 {
        position: relative;
        left: -41.66666667%
    }

    .small-offset-4 {
        margin-left: 33.33333333%
    }

    .small-6 {
        width: 50%
    }

    .small-push-6 {
        position: relative;
        left: 50%
    }

    .small-pull-6 {
        position: relative;
        left: -50%
    }

    .small-offset-5 {
        margin-left: 41.66666667%
    }

    .small-7 {
        width: 58.33333333%
    }

    .small-push-7 {
        position: relative;
        left: 58.33333333%
    }

    .small-pull-7 {
        position: relative;
        left: -58.33333333%
    }

    .small-offset-6 {
        margin-left: 50%
    }

    .small-8 {
        width: 66.66666667%
    }

    .small-push-8 {
        position: relative;
        left: 66.66666667%
    }

    .small-pull-8 {
        position: relative;
        left: -66.66666667%
    }

    .small-offset-7 {
        margin-left: 58.33333333%
    }

    .small-9 {
        width: 75%
    }

    .small-push-9 {
        position: relative;
        left: 75%
    }

    .small-pull-9 {
        position: relative;
        left: -75%
    }

    .small-offset-8 {
        margin-left: 66.66666667%
    }

    .small-10 {
        width: 83.33333333%
    }

    .small-push-10 {
        position: relative;
        left: 83.33333333%
    }

    .small-pull-10 {
        position: relative;
        left: -83.33333333%
    }

    .small-offset-9 {
        margin-left: 75%
    }

    .small-11 {
        width: 91.66666667%
    }

    .small-push-11 {
        position: relative;
        left: 91.66666667%
    }

    .small-pull-11 {
        position: relative;
        left: -91.66666667%
    }

    .small-offset-10 {
        margin-left: 83.33333333%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-11 {
        margin-left: 91.66666667%
    }

    .small-up-1 > .column, .small-up-1 > .columns {
        width: 100%;
        float: left
    }

        .small-up-1 > .column:nth-of-type(n), .small-up-1 > .columns:nth-of-type(n) {
            clear: none
        }

        .small-up-1 > .column:nth-of-type(n+1), .small-up-1 > .columns:nth-of-type(n+1) {
            clear: both
        }

        .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
            float: left
        }

    .small-up-2 > .column, .small-up-2 > .columns {
        width: 50%;
        float: left
    }

        .small-up-2 > .column:nth-of-type(n), .small-up-2 > .columns:nth-of-type(n) {
            clear: none
        }

        .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
            float: left
        }

    .small-up-3 > .column, .small-up-3 > .columns {
        width: 33.33333333%;
        float: left
    }

        .small-up-3 > .column:nth-of-type(n), .small-up-3 > .columns:nth-of-type(n) {
            clear: none
        }

        .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
            float: left
        }

    .small-up-4 > .column, .small-up-4 > .columns {
        width: 25%;
        float: left
    }

        .small-up-4 > .column:nth-of-type(n), .small-up-4 > .columns:nth-of-type(n) {
            clear: none
        }

        .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
            float: left
        }

    .small-up-5 > .column, .small-up-5 > .columns {
        width: 20%;
        float: left
    }

        .small-up-5 > .column:nth-of-type(n), .small-up-5 > .columns:nth-of-type(n) {
            clear: none
        }

        .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
            float: left
        }

    .small-up-6 > .column, .small-up-6 > .columns {
        width: 16.66666667%;
        float: left
    }

        .small-up-6 > .column:nth-of-type(n), .small-up-6 > .columns:nth-of-type(n) {
            clear: none
        }

        .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
            float: left
        }

    .small-up-7 > .column, .small-up-7 > .columns {
        width: 14.28571429%;
        float: left
    }

        .small-up-7 > .column:nth-of-type(n), .small-up-7 > .columns:nth-of-type(n) {
            clear: none
        }

        .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
            float: left
        }

    .small-up-8 > .column, .small-up-8 > .columns {
        width: 12.5%;
        float: left
    }

        .small-up-8 > .column:nth-of-type(n), .small-up-8 > .columns:nth-of-type(n) {
            clear: none
        }

        .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
            float: left
        }

    .small-collapse > .column, .small-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .small-uncollapse > .column, .small-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .small-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .small-uncentered, .small-push-0, .small-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width:48em) {
    .medium-1 {
        width: 8.33333333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.66666667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66666667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66666667%
    }

    .medium-offset-1 {
        margin-left: 8.33333333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66666667%
    }

    .medium-4 {
        width: 33.33333333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66666667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66666667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66666667%
    }

    .medium-offset-4 {
        margin-left: 33.33333333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66666667%
    }

    .medium-7 {
        width: 58.33333333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66666667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66666667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66666667%
    }

    .medium-offset-7 {
        margin-left: 58.33333333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66666667%
    }

    .medium-10 {
        width: 83.33333333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66666667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66666667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66666667%
    }

    .medium-offset-10 {
        margin-left: 83.33333333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66666667%
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        width: 100%;
        float: left
    }

        .medium-up-1 > .column:nth-of-type(n), .medium-up-1 > .columns:nth-of-type(n) {
            clear: none
        }

        .medium-up-1 > .column:nth-of-type(n+1), .medium-up-1 > .columns:nth-of-type(n+1) {
            clear: both
        }

        .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
            float: left
        }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        width: 50%;
        float: left
    }

        .medium-up-2 > .column:nth-of-type(n), .medium-up-2 > .columns:nth-of-type(n) {
            clear: none
        }

        .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
            float: left
        }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        width: 33.33333333%;
        float: left
    }

        .medium-up-3 > .column:nth-of-type(n), .medium-up-3 > .columns:nth-of-type(n) {
            clear: none
        }

        .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
            float: left
        }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        width: 25%;
        float: left
    }

        .medium-up-4 > .column:nth-of-type(n), .medium-up-4 > .columns:nth-of-type(n) {
            clear: none
        }

        .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
            float: left
        }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        width: 20%;
        float: left
    }

        .medium-up-5 > .column:nth-of-type(n), .medium-up-5 > .columns:nth-of-type(n) {
            clear: none
        }

        .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
            float: left
        }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        width: 16.66666667%;
        float: left
    }

        .medium-up-6 > .column:nth-of-type(n), .medium-up-6 > .columns:nth-of-type(n) {
            clear: none
        }

        .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
            float: left
        }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        width: 14.28571429%;
        float: left
    }

        .medium-up-7 > .column:nth-of-type(n), .medium-up-7 > .columns:nth-of-type(n) {
            clear: none
        }

        .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
            float: left
        }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        width: 12.5%;
        float: left
    }

        .medium-up-8 > .column:nth-of-type(n), .medium-up-8 > .columns:nth-of-type(n) {
            clear: none
        }

        .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
            float: left
        }

    .medium-collapse > .column, .medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .medium-uncentered, .medium-push-0, .medium-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width:60em) {
    .large-1 {
        width: 8.33333333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.66666667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66666667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66666667%
    }

    .large-offset-1 {
        margin-left: 8.33333333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66666667%
    }

    .large-4 {
        width: 33.33333333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66666667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66666667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66666667%
    }

    .large-offset-4 {
        margin-left: 33.33333333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66666667%
    }

    .large-7 {
        width: 58.33333333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66666667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66666667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66666667%
    }

    .large-offset-7 {
        margin-left: 58.33333333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66666667%
    }

    .large-10 {
        width: 83.33333333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66666667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66666667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66666667%
    }

    .large-offset-10 {
        margin-left: 83.33333333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66666667%
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        width: 100%;
        float: left
    }

        .large-up-1 > .column:nth-of-type(n), .large-up-1 > .columns:nth-of-type(n) {
            clear: none
        }

        .large-up-1 > .column:nth-of-type(n+1), .large-up-1 > .columns:nth-of-type(n+1) {
            clear: both
        }

        .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
            float: left
        }

    .large-up-2 > .column, .large-up-2 > .columns {
        width: 50%;
        float: left
    }

        .large-up-2 > .column:nth-of-type(n), .large-up-2 > .columns:nth-of-type(n) {
            clear: none
        }

        .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
            float: left
        }

    .large-up-3 > .column, .large-up-3 > .columns {
        width: 33.33333333%;
        float: left
    }

        .large-up-3 > .column:nth-of-type(n), .large-up-3 > .columns:nth-of-type(n) {
            clear: none
        }

        .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
            float: left
        }

    .large-up-4 > .column, .large-up-4 > .columns {
        width: 25%;
        float: left
    }

        .large-up-4 > .column:nth-of-type(n), .large-up-4 > .columns:nth-of-type(n) {
            clear: none
        }

        .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
            float: left
        }

    .large-up-5 > .column, .large-up-5 > .columns {
        width: 20%;
        float: left
    }

        .large-up-5 > .column:nth-of-type(n), .large-up-5 > .columns:nth-of-type(n) {
            clear: none
        }

        .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
            float: left
        }

    .large-up-6 > .column, .large-up-6 > .columns {
        width: 16.66666667%;
        float: left
    }

        .large-up-6 > .column:nth-of-type(n), .large-up-6 > .columns:nth-of-type(n) {
            clear: none
        }

        .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
            float: left
        }

    .large-up-7 > .column, .large-up-7 > .columns {
        width: 14.28571429%;
        float: left
    }

        .large-up-7 > .column:nth-of-type(n), .large-up-7 > .columns:nth-of-type(n) {
            clear: none
        }

        .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
            float: left
        }

    .large-up-8 > .column, .large-up-8 > .columns {
        width: 12.5%;
        float: left
    }

        .large-up-8 > .column:nth-of-type(n), .large-up-8 > .columns:nth-of-type(n) {
            clear: none
        }

        .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
            float: left
        }

    .large-collapse > .column, .large-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .large-uncentered, .large-push-0, .large-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width:20em) {
    .xsmall-text-left {
        text-align: left
    }

    .xsmall-text-right {
        text-align: right
    }

    .xsmall-text-center {
        text-align: center
    }

    .xsmall-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:33.75em) {
    .small-text-left {
        text-align: left
    }

    .small-text-right {
        text-align: right
    }

    .small-text-center {
        text-align: center
    }

    .small-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:48em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:60em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (min-width:20em) {
    .hide-for-xsmall {
        display: none !important
    }
}

@media screen and (max-width:19.9375em) {
    .show-for-xsmall {
        display: none !important
    }
}

@media screen and (min-width:20em) and (max-width:33.6875em) {
    .hide-for-xsmall-only {
        display: none !important
    }
}

@media screen and (max-width:19.9375em),screen and (min-width:33.75em) {
    .show-for-xsmall-only {
        display: none !important
    }
}

@media screen and (min-width:33.75em) {
    .hide-for-small {
        display: none !important
    }
}

@media screen and (max-width:33.6875em) {
    .show-for-small {
        display: none !important
    }
}

@media screen and (min-width:33.75em) and (max-width:47.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:33.6875em),screen and (min-width:48em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (min-width:48em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:47.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:48em) and (max-width:59.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:47.9375em),screen and (min-width:60em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media screen and (min-width:60em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:59.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:60em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:59.9375em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

.show-for-landscape, .hide-for-portrait {
    display: block !important
}

@media screen and (orientation:landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation:portrait) {
    .show-for-landscape, .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.nowrap {
    white-space: nowrap
}

html {
    box-sizing: border-box
}

*, :before, :after {
    box-sizing: inherit
}

.container {
    overflow: hidden;
    width: 100%
}

.section {
    display: block;
    padding: 60px 0;
    width: 100%
}

    .section.section-size0 {
        padding: 0
    }

    .section.section-size1 {
        padding: 12px 0
    }

    .section.section-size2 {
        padding: 24px 0
    }

    .section.section-size3 {
        padding: 36px 0
    }

    .section.section-size4 {
        padding: 48px 0
    }

    .section.section-size5 {
        padding: 60px 0
    }

    .section.section-size6 {
        padding: 72px 0
    }

    .section.section-size7 {
        padding: 84px 0
    }

    .section.section-size8 {
        padding: 96px 0
    }

    .section.section-bottom-size0 {
        padding-bottom: 0
    }

.column + .column {
    margin-top: 10%
}

.column > :last-child {
    margin-bottom: 0
}

.column > :first-child {
    margin-top: 0
}

.column--step-circle {
    position: relative
}

    .column--step-circle:before {
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 5px rgba(0,0,0,.14);
        color: #747479;
        content: attr(data-num);
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        height: 48px;
        line-height: 48px;
        margin-bottom: 24px;
        text-align: center;
        width: 48px
    }

.row + .row {
    margin-top: 10%
}

    .row + .row.row-divided {
        border-top: 1px solid #eaebec;
        padding-top: 10%
    }

@media only screen and (min-width:20em) {
    .column[class*=xsmall-] + .column[class*=xsmall-] {
        margin-top: 0
    }

    [class*=xsmall-up-] > .column {
        margin-top: 5%
    }
}

@media only screen and (min-width:33.75em) {
    .column + .column {
        margin-top: 5%
    }

    [class*=small-up-] > .column {
        margin-top: 5%
    }

    .column[class*=small-] + .column[class*=small-] {
        margin-top: 0
    }

    .row + .row {
        margin-top: 48px
    }

        .row + .row.row-divided {
            margin-top: 24px;
            padding-top: 24px
        }

    .row.row-size0 {
        margin-top: 0
    }

    .row + .row.row-size0.row-divided {
        margin-top: 0;
        padding-top: 0
    }

    .row.row-size1 {
        margin-top: 12px
    }

    .row + .row.row-size1.row-divided {
        margin-top: 6px;
        padding-top: 6px
    }

    .row.row-size2 {
        margin-top: 24px
    }

    .row + .row.row-size2.row-divided {
        margin-top: 12px;
        padding-top: 12px
    }

    .row.row-size3 {
        margin-top: 36px
    }

    .row + .row.row-size3.row-divided {
        margin-top: 18px;
        padding-top: 18px
    }

    .row.row-size4 {
        margin-top: 48px
    }

    .row + .row.row-size4.row-divided {
        margin-top: 24px;
        padding-top: 24px
    }

    .row.row-size5 {
        margin-top: 60px
    }

    .row + .row.row-size5.row-divided {
        margin-top: 30px;
        padding-top: 30px
    }

    .row.row-size6 {
        margin-top: 72px
    }

    .row + .row.row-size6.row-divided {
        margin-top: 36px;
        padding-top: 36px
    }

    .row.row-size7 {
        margin-top: 84px
    }

    .row + .row.row-size7.row-divided {
        margin-top: 42px;
        padding-top: 42px
    }

    .row.row-size8 {
        margin-top: 96px
    }

    .row + .row.row-size8.row-divided {
        margin-top: 48px;
        padding-top: 48px
    }

    .row.row-size9 {
        margin-top: 108px
    }

    .row + .row.row-size9.row-divided {
        margin-top: 54px;
        padding-top: 54px
    }

    .row.row-size10 {
        margin-top: 120px
    }

    .row + .row.row-size10.row-divided {
        margin-top: 60px;
        padding-top: 60px
    }

    .row.row-size11 {
        margin-top: 132px
    }

    .row + .row.row-size11.row-divided {
        margin-top: 66px;
        padding-top: 66px
    }

    .row.row-size12 {
        margin-top: 144px
    }

    .row + .row.row-size12.row-divided {
        margin-top: 72px;
        padding-top: 72px
    }

    .row.row--middled-small {
        align-items: center;
        display: flex
    }
}

@media only screen and (min-width:48em) {
    .column[class*=medium-] + .column[class*=medium-] {
        margin-top: 0
    }

    [class*=medium-up-] > .column {
        margin-top: 5%
    }

    .row.row--centered {
        left: 50%;
        position: absolute;
        top: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 100%
    }

    .row.row--middled-medium {
        align-items: center;
        display: flex
    }

    .column--step-circle:before {
        left: 50%;
        margin-bottom: 0;
        position: absolute;
        transform: translate(-50%,-100%)
    }
}

@media only screen and (min-width:60em) {
    .column[class*=large-] + .column[class*=large-] {
        margin-top: 0
    }

    [class*=large-up-] > .column {
        margin-top: 5%
    }

    .row.row--middled-large {
        align-items: center;
        display: flex
    }
}

@font-face {
    font-family: 'SegoeUI';
    src: url(https://azurecomcdn.azureedge.net/cvt-63c12051016796d92bcf4bc20b4881057475e6dfa4937c29c9e16054814ab47d/fonts/segoe-ui/variable/SegoeUI-Roman-VF_web.woff2) format('woff2');
    font-weight: 300 700;
    font-display: swap
}

@font-face {
    font-family: 'SegoeUI';
    src: url(https://azurecomcdn.azureedge.net/cvt-e172a02b68f977a57a1690507df809db1e43130f0161961709a36dbd70b4d25f/fonts/segoe-ui/italic/latest.woff2) format('woff2');
    font-style: italic;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: 'BAPIMDL2';
    src: url(https://azurecomcdn.azureedge.net/cvt-aa06087a39fae1017fc357f80fdb205b83d06b703469a18441ce51fc0265fe37/fonts/bapimdl2/normal/latest.woff2) format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

html {
    overflow-y: scroll
}

body {
    background-color: #1a1a1f;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

a:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

pre, code {
    font-family: Consolas,'Courier New',monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    background-color: #f4f5f6;
    color: #c7254e;
    padding: 3px
}

pre {
    border: 1px solid #747479;
    overflow: auto;
    padding: 10px
}

    pre code {
        border: 0;
        padding: 0
    }

sup {
    line-height: 0;
    font-size: 65%;
    top: -.5em;
    position: relative;
    vertical-align: baseline
}

svg {
    fill: inherit;
    max-width: 100%;
    pointer-events: none
}

    svg * {
        pointer-events: auto
    }

img, video {
    height: auto;
    max-width: 100%
}

iframe {
    max-width: 100%
}

input[type=submit] {
    cursor: pointer
}

.hide-text {
    position: absolute;
    top: auto;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.section {
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #4c4c51;
    overflow: hidden;
    position: relative
}

    .section .text-super, .section h1, .section .text-heading1, .section h2, .section .text-heading2 {
        color: #1a1a1f
    }

    .section h3, .section .text-heading3, .section h4, .section .text-heading4, .section h5, .section .text-heading5, .section h6, .section .text-heading6 {
        color: #2e2e33
    }

    .section a {
        color: #0062ad
    }

        .section a:hover {
            color: #002847
        }

    .section.section--divided:before {
        border-top: 1px solid #eaebec;
        content: '';
        display: block;
        height: 0;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 95%;
        width: calc(100% - 1.875rem);
        max-width: 1280px
    }

    .section.section--image-offset {
        padding: 24px 0 24px 0
    }

        .section.section--image-offset .section__offset-image {
            transform: translateY(48px);
            border-radius: 6px
        }

@media only screen and (min-width:48em) {
    .section.section--image-offset {
        padding: 0
    }
}

.section.section--banner {
    color: #fff;
    padding: 12px 0;
    text-align: center
}

    .section.section--banner .arrow-link {
        color: #fff
    }

        .section.section--banner .arrow-link:hover, .section.section--banner .arrow-link:focus {
            color: #fff;
            text-decoration: underline
        }

        .section.section--banner .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%23ffffff'/%3E%3C/svg%3E")
        }

    .section.section--banner .icon {
        height: 24px;
        margin-right: 12px;
        width: 24px
    }

.section.section--banner-information {
    background-color: #0078d4
}

.section.section--banner-warning {
    background-color: #a51419
}

.section.section--background-contained {
    background-position: top center;
    background-size: 1440px auto;
    min-height: 400px
}

.section.section--overflow-visible {
    overflow: visible
}

.section.section--background-picture picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.section.section--background-picture img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.section.section--background-picture .hero-basic-v2__content {
    position: relative
}

@media (min-width:48em) {
    @supports (width:min(1px,2px)) {
        .section.section--background-fade:before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(min(580px,50vw - 140px));
            bottom: 0;
            width: 140px;
            background-image: linear-gradient(to right,transparent 10%,#fff)
        }
    }
}

.section--color00 {
    color: #f8f9fa;
    background-color: #000
}

    .section--color00 .arrow-link {
        color: #50e6ff
    }

        .section--color00 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%2350E6FF'/%3E%3C/svg%3E")
        }

        .section--color00 .arrow-link:hover {
            color: #b6f5ff
        }

    .section--color00 .breadcrumbs {
        color: inherit
    }

        .section--color00 .breadcrumbs .breadcrumbs__item .breadcrumbs__link, .section--color00 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
            color: #f8f9fa
        }

            .section--color00 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:before {
                background-color: #f4f5f6
            }

    .section--color00 ol.checklist--default > li:before, .section--color00 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .section--color00.section--divided:before {
        border-top: 1px solid #4c4c51
    }

    .section--color00 .faq {
        background-color: transparent
    }

        .section--color00 .faq .faq__item {
            color: #fff
        }

            .section--color00 .faq .faq__item p {
                color: #e6e6e6
            }

        .section--color00 .faq .faq__answer, .section--color00 .faq .faq__question {
            background-color: transparent
        }

            .section--color00 .faq .faq__question:after {
                -webkit-text-stroke: 1px #fff
            }

            .section--color00 .faq .faq__question:hover {
                color: #50e6ff
            }

                .section--color00 .faq .faq__question:hover:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

            .section--color00 .faq .faq__question.faq__load-more-button {
                color: #50e6ff
            }

                .section--color00 .faq .faq__question.faq__load-more-button:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

    .section--color00 .text-super, .section--color00 h1, .section--color00 .text-heading1, .section--color00 h2, .section--color00 .text-heading2 {
        color: #f4f5f6
    }

    .section--color00 h3, .section--color00 .text-heading3, .section--color00 h4, .section--color00 .text-heading4, .section--color00 h5, .section--color00 .text-heading5, .section--color00 h6, .section--color00 .text-heading6 {
        color: #cccdce
    }

    .section--color00 a {
        color: #50e6ff
    }

        .section--color00 a:hover {
            color: #b6f5ff
        }

    .section--color00 ol.list--square > li:before, .section--color00 ul.list--square > li:before, .section--color00 ol.list--square > li > ul > li:before, .section--color00 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

    .section--color00 input[type=radio]:focus + label {
        outline: 2px solid #747479
    }

    .section--color00 input[type=radio]:hover:not(:checked) + label {
        color: #eaebec
    }

    .section--color00 input[type=radio] + label:before {
        color: #eaebec
    }

    .section--color00 input[type=radio]:disabled + label:before {
        color: #cccdce
    }

    .section--color00 input[type=radio]:disabled + label {
        color: #b8b9ba
    }

    .section--color00 svg {
        fill: #50e6ff
    }

    .section--color00 .tabs--customer .tabs--customer__link.active, .section--color00 .tabs--customer .tabs--customer__link:active, .section--color00 .tabs--customer .tabs--customer__link:focus {
        background-color: transparent;
        border-bottom-color: #50e6ff
    }

    .section--color00 .tabs--customer .tabs--customer__link.active, .section--color00 .tabs--customer .tabs--customer__link:hover {
        background-color: rgba(255,255,255,.12)
    }

    .section--color00 .tabs--customer .tabs--customer__link img {
        filter: contrast(0)
    }

    .section--color00 .tabs-content p {
        color: #fff
    }

    .section--color00 .tabs-content a {
        color: #50e6ff
    }

    .section--color00 .tabs--customer__item__content {
        background-color: #4c4c51 !important
    }

    .section--color00 .tabs--vertical .tabs--vertical__toggle {
        background-color: transparent;
        border-bottom: 1px solid #747479;
        color: #fff
    }

@media only screen and (min-width:48em) {
    .section--color00 .tabs--vertical .tabs--vertical__link {
        color: #b8b9ba
    }

        .section--color00 .tabs--vertical .tabs--vertical__link.active, .section--color00 .tabs--vertical .tabs--vertical__link:active, .section--color00 .tabs--vertical .tabs--vertical__link:focus {
            border-left-color: #50e6ff;
            color: #50e6ff
        }

            .section--color00 .tabs--vertical .tabs--vertical__link.active:hover, .section--color00 .tabs--vertical .tabs--vertical__link:active:hover, .section--color00 .tabs--vertical .tabs--vertical__link:focus:hover {
                border-left-color: #50e6ff;
                color: #50e6ff
            }

        .section--color00 .tabs--vertical .tabs--vertical__link:hover {
            border-left-color: #50e6ff;
            color: #50e6ff
        }
}

@media only screen and (max-width:48em) {
    .section--color00 .tabs--vertical .tabs--vertical__toggled {
        background-color: transparent
    }
}

.section--color00.section--background-fade:before {
    background-image: linear-gradient(to right,transparent 10%,#000)
}

.section--color01 {
    background-color: #fff
}

    .section--color01.section--background-fade:before {
        background-image: linear-gradient(to right,transparent 10%,#fff)
    }

.section--color04 {
    color: #f8f9fa;
    background-color: #0062ad
}

    .section--color04 .arrow-link {
        color: #50e6ff
    }

        .section--color04 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%2350E6FF'/%3E%3C/svg%3E")
        }

        .section--color04 .arrow-link:hover {
            color: #b6f5ff
        }

    .section--color04 .breadcrumbs {
        color: inherit
    }

        .section--color04 .breadcrumbs .breadcrumbs__item .breadcrumbs__link, .section--color04 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
            color: #f8f9fa
        }

            .section--color04 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:before {
                background-color: #f4f5f6
            }

    .section--color04 ol.checklist--default > li:before, .section--color04 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .section--color04.section--divided:before {
        border-top: 1px solid #4c4c51
    }

    .section--color04 .faq {
        background-color: transparent
    }

        .section--color04 .faq .faq__item {
            color: #fff
        }

            .section--color04 .faq .faq__item p {
                color: #e6e6e6
            }

        .section--color04 .faq .faq__answer, .section--color04 .faq .faq__question {
            background-color: transparent
        }

            .section--color04 .faq .faq__question:after {
                -webkit-text-stroke: 1px #fff
            }

            .section--color04 .faq .faq__question:hover {
                color: #50e6ff
            }

                .section--color04 .faq .faq__question:hover:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

            .section--color04 .faq .faq__question.faq__load-more-button {
                color: #50e6ff
            }

                .section--color04 .faq .faq__question.faq__load-more-button:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

    .section--color04 .text-super, .section--color04 h1, .section--color04 .text-heading1, .section--color04 h2, .section--color04 .text-heading2 {
        color: #f4f5f6
    }

    .section--color04 h3, .section--color04 .text-heading3, .section--color04 h4, .section--color04 .text-heading4, .section--color04 h5, .section--color04 .text-heading5, .section--color04 h6, .section--color04 .text-heading6 {
        color: #cccdce
    }

    .section--color04 a {
        color: #50e6ff
    }

        .section--color04 a:hover {
            color: #b6f5ff
        }

    .section--color04 ol.list--square > li:before, .section--color04 ul.list--square > li:before, .section--color04 ol.list--square > li > ul > li:before, .section--color04 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

    .section--color04 input[type=radio]:focus + label {
        outline: 2px solid #747479
    }

    .section--color04 input[type=radio]:hover:not(:checked) + label {
        color: #eaebec
    }

    .section--color04 input[type=radio] + label:before {
        color: #eaebec
    }

    .section--color04 input[type=radio]:disabled + label:before {
        color: #cccdce
    }

    .section--color04 input[type=radio]:disabled + label {
        color: #b8b9ba
    }

    .section--color04 svg {
        fill: #50e6ff
    }

    .section--color04 .tabs--customer .tabs--customer__link.active, .section--color04 .tabs--customer .tabs--customer__link:active, .section--color04 .tabs--customer .tabs--customer__link:focus {
        background-color: transparent;
        border-bottom-color: #50e6ff
    }

    .section--color04 .tabs--customer .tabs--customer__link.active, .section--color04 .tabs--customer .tabs--customer__link:hover {
        background-color: rgba(255,255,255,.12)
    }

    .section--color04 .tabs--customer .tabs--customer__link img {
        filter: contrast(0)
    }

    .section--color04 .tabs-content p {
        color: #fff
    }

    .section--color04 .tabs-content a {
        color: #50e6ff
    }

    .section--color04 .tabs--customer__item__content {
        background-color: #4c4c51 !important
    }

    .section--color04 .tabs--vertical .tabs--vertical__toggle {
        background-color: transparent;
        border-bottom: 1px solid #747479;
        color: #fff
    }

@media only screen and (min-width:48em) {
    .section--color04 .tabs--vertical .tabs--vertical__link {
        color: #b8b9ba
    }

        .section--color04 .tabs--vertical .tabs--vertical__link.active, .section--color04 .tabs--vertical .tabs--vertical__link:active, .section--color04 .tabs--vertical .tabs--vertical__link:focus {
            border-left-color: #50e6ff;
            color: #50e6ff
        }

            .section--color04 .tabs--vertical .tabs--vertical__link.active:hover, .section--color04 .tabs--vertical .tabs--vertical__link:active:hover, .section--color04 .tabs--vertical .tabs--vertical__link:focus:hover {
                border-left-color: #50e6ff;
                color: #50e6ff
            }

        .section--color04 .tabs--vertical .tabs--vertical__link:hover {
            border-left-color: #50e6ff;
            color: #50e6ff
        }
}

@media only screen and (max-width:48em) {
    .section--color04 .tabs--vertical .tabs--vertical__toggled {
        background-color: transparent
    }
}

.section--color04.section--background-fade:before {
    background-image: linear-gradient(to right,transparent 10%,#0062ad)
}

.section--color05 {
    color: #f8f9fa;
    background-color: #243a5e
}

    .section--color05 .arrow-link {
        color: #50e6ff
    }

        .section--color05 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%2350E6FF'/%3E%3C/svg%3E")
        }

        .section--color05 .arrow-link:hover {
            color: #b6f5ff
        }

    .section--color05 .breadcrumbs {
        color: inherit
    }

        .section--color05 .breadcrumbs .breadcrumbs__item .breadcrumbs__link, .section--color05 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
            color: #f8f9fa
        }

            .section--color05 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:before {
                background-color: #f4f5f6
            }

    .section--color05 ol.checklist--default > li:before, .section--color05 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .section--color05.section--divided:before {
        border-top: 1px solid #4c4c51
    }

    .section--color05 .faq {
        background-color: transparent
    }

        .section--color05 .faq .faq__item {
            color: #fff
        }

            .section--color05 .faq .faq__item p {
                color: #e6e6e6
            }

        .section--color05 .faq .faq__answer, .section--color05 .faq .faq__question {
            background-color: transparent
        }

            .section--color05 .faq .faq__question:after {
                -webkit-text-stroke: 1px #fff
            }

            .section--color05 .faq .faq__question:hover {
                color: #50e6ff
            }

                .section--color05 .faq .faq__question:hover:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

            .section--color05 .faq .faq__question.faq__load-more-button {
                color: #50e6ff
            }

                .section--color05 .faq .faq__question.faq__load-more-button:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

    .section--color05 .text-super, .section--color05 h1, .section--color05 .text-heading1, .section--color05 h2, .section--color05 .text-heading2 {
        color: #f4f5f6
    }

    .section--color05 h3, .section--color05 .text-heading3, .section--color05 h4, .section--color05 .text-heading4, .section--color05 h5, .section--color05 .text-heading5, .section--color05 h6, .section--color05 .text-heading6 {
        color: #cccdce
    }

    .section--color05 a {
        color: #50e6ff
    }

        .section--color05 a:hover {
            color: #b6f5ff
        }

    .section--color05 ol.list--square > li:before, .section--color05 ul.list--square > li:before, .section--color05 ol.list--square > li > ul > li:before, .section--color05 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

    .section--color05 input[type=radio]:focus + label {
        outline: 2px solid #747479
    }

    .section--color05 input[type=radio]:hover:not(:checked) + label {
        color: #eaebec
    }

    .section--color05 input[type=radio] + label:before {
        color: #eaebec
    }

    .section--color05 input[type=radio]:disabled + label:before {
        color: #cccdce
    }

    .section--color05 input[type=radio]:disabled + label {
        color: #b8b9ba
    }

    .section--color05 svg {
        fill: #50e6ff
    }

    .section--color05 .tabs--customer .tabs--customer__link.active, .section--color05 .tabs--customer .tabs--customer__link:active, .section--color05 .tabs--customer .tabs--customer__link:focus {
        background-color: transparent;
        border-bottom-color: #50e6ff
    }

    .section--color05 .tabs--customer .tabs--customer__link.active, .section--color05 .tabs--customer .tabs--customer__link:hover {
        background-color: rgba(255,255,255,.12)
    }

    .section--color05 .tabs--customer .tabs--customer__link img {
        filter: contrast(0)
    }

    .section--color05 .tabs-content p {
        color: #fff
    }

    .section--color05 .tabs-content a {
        color: #50e6ff
    }

    .section--color05 .tabs--customer__item__content {
        background-color: #4c4c51 !important
    }

    .section--color05 .tabs--vertical .tabs--vertical__toggle {
        background-color: transparent;
        border-bottom: 1px solid #747479;
        color: #fff
    }

@media only screen and (min-width:48em) {
    .section--color05 .tabs--vertical .tabs--vertical__link {
        color: #b8b9ba
    }

        .section--color05 .tabs--vertical .tabs--vertical__link.active, .section--color05 .tabs--vertical .tabs--vertical__link:active, .section--color05 .tabs--vertical .tabs--vertical__link:focus {
            border-left-color: #50e6ff;
            color: #50e6ff
        }

            .section--color05 .tabs--vertical .tabs--vertical__link.active:hover, .section--color05 .tabs--vertical .tabs--vertical__link:active:hover, .section--color05 .tabs--vertical .tabs--vertical__link:focus:hover {
                border-left-color: #50e6ff;
                color: #50e6ff
            }

        .section--color05 .tabs--vertical .tabs--vertical__link:hover {
            border-left-color: #50e6ff;
            color: #50e6ff
        }
}

@media only screen and (max-width:48em) {
    .section--color05 .tabs--vertical .tabs--vertical__toggled {
        background-color: transparent
    }
}

.section--color05.section--background-fade:before {
    background-image: linear-gradient(to right,transparent 10%,#243a5e)
}

.section--color06 {
    color: #f8f9fa;
    background-color: #121d2f
}

    .section--color06 .arrow-link {
        color: #50e6ff
    }

        .section--color06 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%2350E6FF'/%3E%3C/svg%3E")
        }

        .section--color06 .arrow-link:hover {
            color: #b6f5ff
        }

    .section--color06 .breadcrumbs {
        color: inherit
    }

        .section--color06 .breadcrumbs .breadcrumbs__item .breadcrumbs__link, .section--color06 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
            color: #f8f9fa
        }

            .section--color06 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:before {
                background-color: #f4f5f6
            }

    .section--color06 ol.checklist--default > li:before, .section--color06 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .section--color06.section--divided:before {
        border-top: 1px solid #4c4c51
    }

    .section--color06 .faq {
        background-color: transparent
    }

        .section--color06 .faq .faq__item {
            color: #fff
        }

            .section--color06 .faq .faq__item p {
                color: #e6e6e6
            }

        .section--color06 .faq .faq__answer, .section--color06 .faq .faq__question {
            background-color: transparent
        }

            .section--color06 .faq .faq__question:after {
                -webkit-text-stroke: 1px #fff
            }

            .section--color06 .faq .faq__question:hover {
                color: #50e6ff
            }

                .section--color06 .faq .faq__question:hover:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

            .section--color06 .faq .faq__question.faq__load-more-button {
                color: #50e6ff
            }

                .section--color06 .faq .faq__question.faq__load-more-button:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

    .section--color06 .text-super, .section--color06 h1, .section--color06 .text-heading1, .section--color06 h2, .section--color06 .text-heading2 {
        color: #f4f5f6
    }

    .section--color06 h3, .section--color06 .text-heading3, .section--color06 h4, .section--color06 .text-heading4, .section--color06 h5, .section--color06 .text-heading5, .section--color06 h6, .section--color06 .text-heading6 {
        color: #cccdce
    }

    .section--color06 a {
        color: #50e6ff
    }

        .section--color06 a:hover {
            color: #b6f5ff
        }

    .section--color06 ol.list--square > li:before, .section--color06 ul.list--square > li:before, .section--color06 ol.list--square > li > ul > li:before, .section--color06 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

    .section--color06 input[type=radio]:focus + label {
        outline: 2px solid #747479
    }

    .section--color06 input[type=radio]:hover:not(:checked) + label {
        color: #eaebec
    }

    .section--color06 input[type=radio] + label:before {
        color: #eaebec
    }

    .section--color06 input[type=radio]:disabled + label:before {
        color: #cccdce
    }

    .section--color06 input[type=radio]:disabled + label {
        color: #b8b9ba
    }

    .section--color06 svg {
        fill: #50e6ff
    }

    .section--color06 .tabs--customer .tabs--customer__link.active, .section--color06 .tabs--customer .tabs--customer__link:active, .section--color06 .tabs--customer .tabs--customer__link:focus {
        background-color: transparent;
        border-bottom-color: #50e6ff
    }

    .section--color06 .tabs--customer .tabs--customer__link.active, .section--color06 .tabs--customer .tabs--customer__link:hover {
        background-color: rgba(255,255,255,.12)
    }

    .section--color06 .tabs--customer .tabs--customer__link img {
        filter: contrast(0)
    }

    .section--color06 .tabs-content p {
        color: #fff
    }

    .section--color06 .tabs-content a {
        color: #50e6ff
    }

    .section--color06 .tabs--customer__item__content {
        background-color: #4c4c51 !important
    }

    .section--color06 .tabs--vertical .tabs--vertical__toggle {
        background-color: transparent;
        border-bottom: 1px solid #747479;
        color: #fff
    }

@media only screen and (min-width:48em) {
    .section--color06 .tabs--vertical .tabs--vertical__link {
        color: #b8b9ba
    }

        .section--color06 .tabs--vertical .tabs--vertical__link.active, .section--color06 .tabs--vertical .tabs--vertical__link:active, .section--color06 .tabs--vertical .tabs--vertical__link:focus {
            border-left-color: #50e6ff;
            color: #50e6ff
        }

            .section--color06 .tabs--vertical .tabs--vertical__link.active:hover, .section--color06 .tabs--vertical .tabs--vertical__link:active:hover, .section--color06 .tabs--vertical .tabs--vertical__link:focus:hover {
                border-left-color: #50e6ff;
                color: #50e6ff
            }

        .section--color06 .tabs--vertical .tabs--vertical__link:hover {
            border-left-color: #50e6ff;
            color: #50e6ff
        }
}

@media only screen and (max-width:48em) {
    .section--color06 .tabs--vertical .tabs--vertical__toggled {
        background-color: transparent
    }
}

.section--color06.section--background-fade:before {
    background-image: linear-gradient(to right,transparent 10%,#121d2f)
}

.section--gray10 {
    background-color: #f8f9fa
}

    .section--gray10.section--background-fade:before {
        background-image: linear-gradient(to right,transparent 10%,#f8f9fa)
    }

.section--gray20 {
    background-color: #f4f5f6
}

    .section--gray20.section--background-fade:before {
        background-image: linear-gradient(to right,transparent 10%,#f4f5f6)
    }

.section--gray80 {
    color: #f8f9fa;
    background-color: #2e2e33
}

    .section--gray80 .arrow-link {
        color: #50e6ff
    }

        .section--gray80 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%2350E6FF'/%3E%3C/svg%3E")
        }

        .section--gray80 .arrow-link:hover {
            color: #b6f5ff
        }

    .section--gray80 .breadcrumbs {
        color: inherit
    }

        .section--gray80 .breadcrumbs .breadcrumbs__item .breadcrumbs__link, .section--gray80 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
            color: #f8f9fa
        }

            .section--gray80 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:before {
                background-color: #f4f5f6
            }

    .section--gray80 ol.checklist--default > li:before, .section--gray80 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .section--gray80.section--divided:before {
        border-top: 1px solid #4c4c51
    }

    .section--gray80 .faq {
        background-color: transparent
    }

        .section--gray80 .faq .faq__item {
            color: #fff
        }

            .section--gray80 .faq .faq__item p {
                color: #e6e6e6
            }

        .section--gray80 .faq .faq__answer, .section--gray80 .faq .faq__question {
            background-color: transparent
        }

            .section--gray80 .faq .faq__question:after {
                -webkit-text-stroke: 1px #fff
            }

            .section--gray80 .faq .faq__question:hover {
                color: #50e6ff
            }

                .section--gray80 .faq .faq__question:hover:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

            .section--gray80 .faq .faq__question.faq__load-more-button {
                color: #50e6ff
            }

                .section--gray80 .faq .faq__question.faq__load-more-button:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

    .section--gray80 .text-super, .section--gray80 h1, .section--gray80 .text-heading1, .section--gray80 h2, .section--gray80 .text-heading2 {
        color: #f4f5f6
    }

    .section--gray80 h3, .section--gray80 .text-heading3, .section--gray80 h4, .section--gray80 .text-heading4, .section--gray80 h5, .section--gray80 .text-heading5, .section--gray80 h6, .section--gray80 .text-heading6 {
        color: #cccdce
    }

    .section--gray80 a {
        color: #50e6ff
    }

        .section--gray80 a:hover {
            color: #b6f5ff
        }

    .section--gray80 ol.list--square > li:before, .section--gray80 ul.list--square > li:before, .section--gray80 ol.list--square > li > ul > li:before, .section--gray80 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

    .section--gray80 input[type=radio]:focus + label {
        outline: 2px solid #747479
    }

    .section--gray80 input[type=radio]:hover:not(:checked) + label {
        color: #eaebec
    }

    .section--gray80 input[type=radio] + label:before {
        color: #eaebec
    }

    .section--gray80 input[type=radio]:disabled + label:before {
        color: #cccdce
    }

    .section--gray80 input[type=radio]:disabled + label {
        color: #b8b9ba
    }

    .section--gray80 svg {
        fill: #50e6ff
    }

    .section--gray80 .tabs--customer .tabs--customer__link.active, .section--gray80 .tabs--customer .tabs--customer__link:active, .section--gray80 .tabs--customer .tabs--customer__link:focus {
        background-color: transparent;
        border-bottom-color: #50e6ff
    }

    .section--gray80 .tabs--customer .tabs--customer__link.active, .section--gray80 .tabs--customer .tabs--customer__link:hover {
        background-color: rgba(255,255,255,.12)
    }

    .section--gray80 .tabs--customer .tabs--customer__link img {
        filter: contrast(0)
    }

    .section--gray80 .tabs-content p {
        color: #fff
    }

    .section--gray80 .tabs-content a {
        color: #50e6ff
    }

    .section--gray80 .tabs--customer__item__content {
        background-color: #4c4c51 !important
    }

    .section--gray80 .tabs--vertical .tabs--vertical__toggle {
        background-color: transparent;
        border-bottom: 1px solid #747479;
        color: #fff
    }

@media only screen and (min-width:48em) {
    .section--gray80 .tabs--vertical .tabs--vertical__link {
        color: #b8b9ba
    }

        .section--gray80 .tabs--vertical .tabs--vertical__link.active, .section--gray80 .tabs--vertical .tabs--vertical__link:active, .section--gray80 .tabs--vertical .tabs--vertical__link:focus {
            border-left-color: #50e6ff;
            color: #50e6ff
        }

            .section--gray80 .tabs--vertical .tabs--vertical__link.active:hover, .section--gray80 .tabs--vertical .tabs--vertical__link:active:hover, .section--gray80 .tabs--vertical .tabs--vertical__link:focus:hover {
                border-left-color: #50e6ff;
                color: #50e6ff
            }

        .section--gray80 .tabs--vertical .tabs--vertical__link:hover {
            border-left-color: #50e6ff;
            color: #50e6ff
        }
}

@media only screen and (max-width:48em) {
    .section--gray80 .tabs--vertical .tabs--vertical__toggled {
        background-color: transparent
    }
}

.section--gray80.section--background-fade:before {
    background-image: linear-gradient(to right,transparent 10%,#2e2e33)
}

.section--gray90 {
    color: #f8f9fa;
    background-color: #242429
}

    .section--gray90 .arrow-link {
        color: #50e6ff
    }

        .section--gray90 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%2350E6FF'/%3E%3C/svg%3E")
        }

        .section--gray90 .arrow-link:hover {
            color: #b6f5ff
        }

    .section--gray90 .breadcrumbs {
        color: inherit
    }

        .section--gray90 .breadcrumbs .breadcrumbs__item .breadcrumbs__link, .section--gray90 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
            color: #f8f9fa
        }

            .section--gray90 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:before {
                background-color: #f4f5f6
            }

    .section--gray90 ol.checklist--default > li:before, .section--gray90 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .section--gray90.section--divided:before {
        border-top: 1px solid #4c4c51
    }

    .section--gray90 .faq {
        background-color: transparent
    }

        .section--gray90 .faq .faq__item {
            color: #fff
        }

            .section--gray90 .faq .faq__item p {
                color: #e6e6e6
            }

        .section--gray90 .faq .faq__answer, .section--gray90 .faq .faq__question {
            background-color: transparent
        }

            .section--gray90 .faq .faq__question:after {
                -webkit-text-stroke: 1px #fff
            }

            .section--gray90 .faq .faq__question:hover {
                color: #50e6ff
            }

                .section--gray90 .faq .faq__question:hover:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

            .section--gray90 .faq .faq__question.faq__load-more-button {
                color: #50e6ff
            }

                .section--gray90 .faq .faq__question.faq__load-more-button:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

    .section--gray90 .text-super, .section--gray90 h1, .section--gray90 .text-heading1, .section--gray90 h2, .section--gray90 .text-heading2 {
        color: #f4f5f6
    }

    .section--gray90 h3, .section--gray90 .text-heading3, .section--gray90 h4, .section--gray90 .text-heading4, .section--gray90 h5, .section--gray90 .text-heading5, .section--gray90 h6, .section--gray90 .text-heading6 {
        color: #cccdce
    }

    .section--gray90 a {
        color: #50e6ff
    }

        .section--gray90 a:hover {
            color: #b6f5ff
        }

    .section--gray90 ol.list--square > li:before, .section--gray90 ul.list--square > li:before, .section--gray90 ol.list--square > li > ul > li:before, .section--gray90 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

    .section--gray90 input[type=radio]:focus + label {
        outline: 2px solid #747479
    }

    .section--gray90 input[type=radio]:hover:not(:checked) + label {
        color: #eaebec
    }

    .section--gray90 input[type=radio] + label:before {
        color: #eaebec
    }

    .section--gray90 input[type=radio]:disabled + label:before {
        color: #cccdce
    }

    .section--gray90 input[type=radio]:disabled + label {
        color: #b8b9ba
    }

    .section--gray90 svg {
        fill: #50e6ff
    }

    .section--gray90 .tabs--customer .tabs--customer__link.active, .section--gray90 .tabs--customer .tabs--customer__link:active, .section--gray90 .tabs--customer .tabs--customer__link:focus {
        background-color: transparent;
        border-bottom-color: #50e6ff
    }

    .section--gray90 .tabs--customer .tabs--customer__link.active, .section--gray90 .tabs--customer .tabs--customer__link:hover {
        background-color: rgba(255,255,255,.12)
    }

    .section--gray90 .tabs--customer .tabs--customer__link img {
        filter: contrast(0)
    }

    .section--gray90 .tabs-content p {
        color: #fff
    }

    .section--gray90 .tabs-content a {
        color: #50e6ff
    }

    .section--gray90 .tabs--customer__item__content {
        background-color: #4c4c51 !important
    }

    .section--gray90 .tabs--vertical .tabs--vertical__toggle {
        background-color: transparent;
        border-bottom: 1px solid #747479;
        color: #fff
    }

@media only screen and (min-width:48em) {
    .section--gray90 .tabs--vertical .tabs--vertical__link {
        color: #b8b9ba
    }

        .section--gray90 .tabs--vertical .tabs--vertical__link.active, .section--gray90 .tabs--vertical .tabs--vertical__link:active, .section--gray90 .tabs--vertical .tabs--vertical__link:focus {
            border-left-color: #50e6ff;
            color: #50e6ff
        }

            .section--gray90 .tabs--vertical .tabs--vertical__link.active:hover, .section--gray90 .tabs--vertical .tabs--vertical__link:active:hover, .section--gray90 .tabs--vertical .tabs--vertical__link:focus:hover {
                border-left-color: #50e6ff;
                color: #50e6ff
            }

        .section--gray90 .tabs--vertical .tabs--vertical__link:hover {
            border-left-color: #50e6ff;
            color: #50e6ff
        }
}

@media only screen and (max-width:48em) {
    .section--gray90 .tabs--vertical .tabs--vertical__toggled {
        background-color: transparent
    }
}

.section--gray90.section--background-fade:before {
    background-image: linear-gradient(to right,transparent 10%,#242429)
}

.section--gray100 {
    color: #f8f9fa;
    background-color: #1a1a1f
}

    .section--gray100 .arrow-link {
        color: #50e6ff
    }

        .section--gray100 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%2350E6FF'/%3E%3C/svg%3E")
        }

        .section--gray100 .arrow-link:hover {
            color: #b6f5ff
        }

    .section--gray100 .breadcrumbs {
        color: inherit
    }

        .section--gray100 .breadcrumbs .breadcrumbs__item .breadcrumbs__link, .section--gray100 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
            color: #f8f9fa
        }

            .section--gray100 .breadcrumbs .breadcrumbs__item .breadcrumbs__link:before {
                background-color: #f4f5f6
            }

    .section--gray100 ol.checklist--default > li:before, .section--gray100 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .section--gray100.section--divided:before {
        border-top: 1px solid #4c4c51
    }

    .section--gray100 .faq {
        background-color: transparent
    }

        .section--gray100 .faq .faq__item {
            color: #fff
        }

            .section--gray100 .faq .faq__item p {
                color: #e6e6e6
            }

        .section--gray100 .faq .faq__answer, .section--gray100 .faq .faq__question {
            background-color: transparent
        }

            .section--gray100 .faq .faq__question:after {
                -webkit-text-stroke: 1px #fff
            }

            .section--gray100 .faq .faq__question:hover {
                color: #50e6ff
            }

                .section--gray100 .faq .faq__question:hover:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

            .section--gray100 .faq .faq__question.faq__load-more-button {
                color: #50e6ff
            }

                .section--gray100 .faq .faq__question.faq__load-more-button:after {
                    -webkit-text-stroke: 1px #50e6ff
                }

    .section--gray100 .text-super, .section--gray100 h1, .section--gray100 .text-heading1, .section--gray100 h2, .section--gray100 .text-heading2 {
        color: #f4f5f6
    }

    .section--gray100 h3, .section--gray100 .text-heading3, .section--gray100 h4, .section--gray100 .text-heading4, .section--gray100 h5, .section--gray100 .text-heading5, .section--gray100 h6, .section--gray100 .text-heading6 {
        color: #cccdce
    }

    .section--gray100 a {
        color: #50e6ff
    }

        .section--gray100 a:hover {
            color: #b6f5ff
        }

    .section--gray100 ol.list--square > li:before, .section--gray100 ul.list--square > li:before, .section--gray100 ol.list--square > li > ul > li:before, .section--gray100 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

    .section--gray100 input[type=radio]:focus + label {
        outline: 2px solid #747479
    }

    .section--gray100 input[type=radio]:hover:not(:checked) + label {
        color: #eaebec
    }

    .section--gray100 input[type=radio] + label:before {
        color: #eaebec
    }

    .section--gray100 input[type=radio]:disabled + label:before {
        color: #cccdce
    }

    .section--gray100 input[type=radio]:disabled + label {
        color: #b8b9ba
    }

    .section--gray100 svg {
        fill: #50e6ff
    }

    .section--gray100 .tabs--customer .tabs--customer__link.active, .section--gray100 .tabs--customer .tabs--customer__link:active, .section--gray100 .tabs--customer .tabs--customer__link:focus {
        background-color: transparent;
        border-bottom-color: #50e6ff
    }

    .section--gray100 .tabs--customer .tabs--customer__link.active, .section--gray100 .tabs--customer .tabs--customer__link:hover {
        background-color: rgba(255,255,255,.12)
    }

    .section--gray100 .tabs--customer .tabs--customer__link img {
        filter: contrast(0)
    }

    .section--gray100 .tabs-content p {
        color: #fff
    }

    .section--gray100 .tabs-content a {
        color: #50e6ff
    }

    .section--gray100 .tabs--customer__item__content {
        background-color: #4c4c51 !important
    }

    .section--gray100 .tabs--vertical .tabs--vertical__toggle {
        background-color: transparent;
        border-bottom: 1px solid #747479;
        color: #fff
    }

@media only screen and (min-width:48em) {
    .section--gray100 .tabs--vertical .tabs--vertical__link {
        color: #b8b9ba
    }

        .section--gray100 .tabs--vertical .tabs--vertical__link.active, .section--gray100 .tabs--vertical .tabs--vertical__link:active, .section--gray100 .tabs--vertical .tabs--vertical__link:focus {
            border-left-color: #50e6ff;
            color: #50e6ff
        }

            .section--gray100 .tabs--vertical .tabs--vertical__link.active:hover, .section--gray100 .tabs--vertical .tabs--vertical__link:active:hover, .section--gray100 .tabs--vertical .tabs--vertical__link:focus:hover {
                border-left-color: #50e6ff;
                color: #50e6ff
            }

        .section--gray100 .tabs--vertical .tabs--vertical__link:hover {
            border-left-color: #50e6ff;
            color: #50e6ff
        }
}

@media only screen and (max-width:48em) {
    .section--gray100 .tabs--vertical .tabs--vertical__toggled {
        background-color: transparent
    }
}

.section--gray100.section--background-fade:before {
    background-image: linear-gradient(to right,transparent 10%,#1a1a1f)
}

.shadow-size1 {
    box-shadow: 0 2px 5px rgba(0,0,0,.14)
}

.shadow-size2 {
    box-shadow: 0 5px 10px rgba(0,0,0,.14)
}

.shadow-size3 {
    box-shadow: 0 10px 20px rgba(0,0,0,.14)
}

.shadow-size4 {
    box-shadow: 0 13px 30px rgba(0,0,0,.14)
}

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #4c4c51;
    font-family: 'Segoe UI',SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif
}

a {
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    text-decoration: none
}

    a:hover {
        text-decoration: underline
    }

p {
    margin: 12px 0
}

    p a {
        text-decoration: underline
    }

        p a:hover {
            text-decoration: underline
        }

.text-default {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 9px
}

h1, .text-heading1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 12px
}

h2, .text-heading2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 12px
}

h3, .text-heading3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 9px;
    position: relative
}

h4, .text-heading4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 9px
}

h5, .text-heading5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 9px
}

h6, .text-heading6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 9px
}

.text-super {
    font-size: 54px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 12px
}

.text-body1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 12px
}

.text-body2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 9px
}

.text-body3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 9px
}

.text-body4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 9px
}

.text-body5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 9px
}

.text-body6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #747479;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 9px
}

blockquote {
    margin: 0;
    font-size: 20px
}

cite {
    font-size: 14px;
    font-weight: 600;
    font-style: normal
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

ul, ol {
    list-style-position: outside;
    margin-bottom: 14px;
    margin-top: 12px;
    margin-left: 0
}

    ul ul, ol ul, ul ol, ol ol {
        margin: 0;
        padding-bottom: 0
    }

    ul li, ol li {
        font-size: inherit;
        margin-bottom: 12px
    }

        ul li a, ol li a {
            text-decoration: underline
        }

            ul li a:hover, ol li a:hover {
                text-decoration: underline
            }

        ul li:last-child, ol li:last-child {
            margin-bottom: 0
        }

ul {
    list-style-type: disc;
    padding-left: 17px
}

ol {
    list-style-type: decimal;
    padding-left: 27px
}

    ol ol {
        list-style-type: lower-alpha
    }

        ol ol ol {
            list-style-type: lower-roman
        }

b, strong, .text-bold {
    font-weight: 700
}

.text-semibold {
    font-weight: 600
}

.text-normal {
    font-weight: 400
}

.text-semilight {
    font-weight: 350
}

.text-light {
    font-weight: 300
}

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 1px
}

.text-break-all {
    word-break: break-all
}

.text--color00 {
    color: #000 !important
}

.text--color01 {
    color: #fff !important
}

.text--color02 {
    color: #50e6ff !important
}

.text--color03 {
    color: #0078d4 !important
}

.text--color04 {
    color: #0062ad !important
}

.text--color05 {
    color: #243a5e !important
}

.text--color06 {
    color: #121d2f !important
}

.text--color07 {
    color: #89c402 !important
}

.text--color08 {
    color: #a51419 !important
}

.text--color09 {
    color: #128912 !important
}

.text--color10 {
    color: #ff934f !important
}

.text--gray10 {
    color: #f8f9fa !important
}

.text--gray20 {
    color: #f4f5f6 !important
}

.text--gray30 {
    color: #eaebec !important
}

.text--gray40 {
    color: #cccdce !important
}

.text--gray50 {
    color: #b8b9ba !important
}

.text--gray60 {
    color: #747479 !important
}

.text--gray70 {
    color: #4c4c51 !important
}

.text--gray80 {
    color: #2e2e33 !important
}

.text--gray90 {
    color: #242429 !important
}

.text--gray100 {
    color: #1a1a1f !important
}

.sticky {
    position: fixed;
    z-index: 10000
}

.block {
    display: block !important
}

.flex {
    display: flex
}

.center-items {
    align-items: center;
    display: flex;
    flex-direction: column
}

    .center-items :not(:last-child) {
        margin-bottom: 24px
    }

.display-none {
    display: none
}

.eyebrow:before {
    background-color: #2e2e33;
    content: '';
    display: block;
    height: 4px;
    margin-bottom: 12px;
    width: 36px
}

.margin-top-0 {
    margin-top: 0 !important
}

.hero-split p {
    font-size: 20px
}

.hero-split .hero-split__ctas {
    margin-top: 24px
}

.equalize-ctas {
    row-gap: 48px !important
}

    .equalize-ctas > * {
        display: flex !important;
        flex-direction: column
    }

.equalize-ctas__content {
    margin-bottom: 24px
}

.equalize-ctas__cta {
    margin-top: auto !important;
    align-self: flex-start
}

.image-circle, .image-square {
    aspect-ratio: 1;
    object-fit: cover
}

.image-circle {
    border-radius: 50%
}

@media only screen and (min-width:48em) {
    .center-items {
        flex-direction: row;
        justify-content: center
    }

        .center-items > :not(:last-child) {
            margin-right: 36px;
            margin-bottom: 0
        }
}

@media only screen and (min-width:60em) {
    .hero-split {
        align-items: center;
        display: grid;
        grid-auto-columns: fit-content(30%) 2px 1fr;
        grid-auto-rows: auto 2px auto;
        grid-gap: 36px;
        grid-template-areas: 'h1 divider content';
        margin: 8vh auto
    }

        .hero-split .hero-split__content {
            margin: 12px 0
        }

        .hero-split:after {
            content: '';
            grid-area: divider;
            height: 100%;
            width: 100%;
            background-color: #4c4c51
        }

        .hero-split h1 {
            margin-bottom: 0
        }
}

.eyebrow--color00:before {
    background-color: #000
}

.eyebrow--color01:before {
    background-color: #fff
}

.eyebrow--color02:before {
    background-color: #50e6ff
}

.eyebrow--color03:before {
    background-color: #0078d4
}

.eyebrow--color04:before {
    background-color: #0062ad
}

.eyebrow--color05:before {
    background-color: #243a5e
}

.eyebrow--color06:before {
    background-color: #121d2f
}

.eyebrow--color07:before {
    background-color: #89c402
}

.eyebrow--color08:before {
    background-color: #a51419
}

.eyebrow--color09:before {
    background-color: #128912
}

.eyebrow--color10:before {
    background-color: #ff934f
}

.eyebrow--gray10:before {
    background-color: #f8f9fa
}

.eyebrow--gray20:before {
    background-color: #f4f5f6
}

.eyebrow--gray30:before {
    background-color: #eaebec
}

.eyebrow--gray40:before {
    background-color: #cccdce
}

.eyebrow--gray50:before {
    background-color: #b8b9ba
}

.eyebrow--gray60:before {
    background-color: #747479
}

.eyebrow--gray70:before {
    background-color: #4c4c51
}

.eyebrow--gray80:before {
    background-color: #2e2e33
}

.eyebrow--gray90:before {
    background-color: #242429
}

.eyebrow--gray100:before {
    background-color: #1a1a1f
}

@media (-ms-high-contrast:active),(forced-colors:active) {
    .high--contrast-light-image {
        background-color: #1a1a1f;
        forced-color-adjust: none
    }

    .high--contrast-dark-image {
        background-color: #fff;
        forced-color-adjust: none
    }
}

.breadcrumbs {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #2e2e33
}

    .breadcrumbs:after {
        clear: both;
        content: '';
        display: table
    }

    .breadcrumbs .breadcrumbs__item {
        float: left;
        margin-bottom: 0
    }

        .breadcrumbs .breadcrumbs__item .breadcrumbs__link {
            color: inherit;
            position: relative;
            text-decoration: none
        }

            .breadcrumbs .breadcrumbs__item .breadcrumbs__link:before {
                -webkit-transition: top .2s ease-out;
                transition: top .2s ease-out;
                background-color: #747479;
                content: '';
                height: 1px;
                left: 0;
                margin: 0 auto;
                position: absolute;
                top: 100%;
                width: 100%
            }

            .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
                color: inherit
            }

                .breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover:before {
                    -webkit-transition: top .2s ease-out;
                    transition: top .2s ease-out;
                    top: 19px
                }

        .breadcrumbs .breadcrumbs__item + .breadcrumbs__item {
            margin-left: 24px;
            position: relative
        }

            .breadcrumbs .breadcrumbs__item + .breadcrumbs__item:before {
                -o-transform: translate(-50%,-1px);
                -webkit-transform: translate(-50%,-1px);
                transform: translate(-50%,-1px);
                content: '/';
                left: -12px;
                position: absolute
            }

button {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    text-align: left
}

    button:focus {
        outline: 2px solid currentColor;
        outline-offset: 2px
    }

.button {
    transition: color .2s ease-in-out;
    background-color: #0078d4;
    border: 1px solid transparent;
    border-radius: 0;
    color: #f8f9fa;
    display: block;
    fill: #f8f9fa;
    font-size: 24px;
    font-weight: 350;
    padding: 5px 20px 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom
}

    .button:hover {
        background-color: #005ba1
    }

    .button .icon {
        margin-top: -5px;
        height: 20px;
        width: 20px
    }

.button--reset {
    background: 0 0;
    padding: 0;
    font-size: inherit;
    font-weight: 600;
    color: #0078d4;
    width: auto !important;
    display: inline-block !important
}

    .button--reset:hover {
        background: 0 0;
        color: #243a5e !important
    }

    .button--reset:focus {
        outline-offset: .25em
    }

button.button, [type=submit], [type=button] {
    width: 100%
}

    button[disabled], [type=submit][disabled], [type=button][disabled], button[disabled]:hover, [type=submit][disabled]:hover, [type=button][disabled]:hover {
        color: #fff;
        background-color: #747479;
        cursor: not-allowed
    }

.button-store {
    background-color: #1a1a1f;
    position: relative;
    color: #fff;
    font-weight: 300;
    padding: 1px 20px 2px 50px;
    text-align: left;
    display: inline-block
}

    .button-store .top, .button-store .bottom {
        display: block
    }

    .button-store .top {
        font-size: 12px
    }

    .button-store .bottom {
        font-size: 16px;
        margin-top: -5px
    }

    .button-store .icon {
        margin-top: 0;
        height: 30px;
        width: 30px;
        position: absolute;
        left: 10px;
        top: 50%;
        -o-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

    .button-store:hover {
        background-color: #1a1a1f;
        text-decoration: none
    }

@media only screen and (min-width:33.75em) {
    button.button, [type=submit], [type=button] {
        width: auto
    }

    .button {
        display: inline-block
    }

        .button.button-block {
            display: block;
            padding-left: 4px;
            padding-right: 4px;
            width: 100%
        }

        .button.button-tiny {
            font-size: 16px;
            padding: 3px 10px 4px
        }

        .button.button-little {
            font-size: 16px;
            padding: 6px 12px 7px
        }

        .button.button-small {
            font-size: 20px;
            padding: 5px 15px 8px
        }

        .button.button-large {
            font-size: 36px;
            padding: 8px 25px 11px
        }
}

.button.button--add {
    background-color: #0078d4;
    border-radius: 4px;
    display: inline-block;
    height: 36px;
    margin: 0;
    outline: 0;
    padding: 12px;
    position: relative;
    vertical-align: middle;
    width: 36px
}

    .button.button--add:before, .button.button--add:after {
        background-color: #fff;
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .button.button--add:before, .button.button--add:after {
        background-color: ButtonText
    }
}

.button.button--add:before {
    margin: 9px auto;
    width: 2px
}

.button.button--add:after {
    height: 2px;
    margin: auto 9px
}

.button.button--add:focus {
    outline: 1px solid #fff;
    outline-offset: -4px
}

.button.button--add:hover {
    background-color: #006abb
}

.button.button--add[disabled], .button.button--add[disabled]:hover {
    color: #fff;
    background-color: #747479;
    border: 1px solid #747479
}

.button.button--ghost {
    background-color: transparent;
    border: 1px solid #0078d4;
    border-radius: 4px;
    color: #0062ad;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    width: 100%;
    transition-property: background-color
}

    .button.button--ghost:hover {
        background-color: #0078d4;
        color: #fff
    }

        .button.button--ghost:hover svg {
            fill: #fff
        }

    .button.button--ghost:focus {
        background-color: #0078d4;
        color: #fff;
        outline: 1px solid #fff;
        outline-offset: -4px
    }

    .button.button--ghost:hover, .button.button--ghost:focus {
        text-decoration: underline
    }

    .button.button--ghost svg {
        fill: #0062ad
    }

    .button.button--ghost[disabled], .button.button--ghost[disabled]:focus, .button.button--ghost[disabled]:hover {
        background-color: transparent;
        color: #4c4c51;
        border: 1px solid #4c4c51
    }

@media only screen and (min-width:33.75em) {
    .button.button--ghost {
        width: auto
    }
}

.section--color00 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--color00 .button.button--ghost svg {
        fill: #fff
    }

    .section--color00 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--color00 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--color03 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--color03 .button.button--ghost svg {
        fill: #fff
    }

    .section--color03 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--color03 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--color04 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--color04 .button.button--ghost svg {
        fill: #fff
    }

    .section--color04 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--color04 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--color05 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--color05 .button.button--ghost svg {
        fill: #fff
    }

    .section--color05 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--color05 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--color06 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--color06 .button.button--ghost svg {
        fill: #fff
    }

    .section--color06 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--color06 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--color07 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--color07 .button.button--ghost svg {
        fill: #fff
    }

    .section--color07 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--color07 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--color08 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--color08 .button.button--ghost svg {
        fill: #fff
    }

    .section--color08 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--color08 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--color09 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--color09 .button.button--ghost svg {
        fill: #fff
    }

    .section--color09 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--color09 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--gray60 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--gray60 .button.button--ghost svg {
        fill: #fff
    }

    .section--gray60 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--gray60 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--gray70 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--gray70 .button.button--ghost svg {
        fill: #fff
    }

    .section--gray70 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--gray70 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--gray80 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--gray80 .button.button--ghost svg {
        fill: #fff
    }

    .section--gray80 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--gray80 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--gray90 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--gray90 .button.button--ghost svg {
        fill: #fff
    }

    .section--gray90 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--gray90 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.section--gray100 .button.button--ghost {
    border: 1px solid #fff;
    color: #fff
}

    .section--gray100 .button.button--ghost svg {
        fill: #fff
    }

    .section--gray100 .button.button--ghost:hover {
        background-color: #0078d4
    }

        .section--gray100 .button.button--ghost:hover svg {
            fill: #0078d4
        }

.button.button--icon:after {
    display: none !important
}

.button.button--icon .icon {
    font-size: 16px;
    height: 16px;
    line-height: .9;
    margin: -3px 6px 0;
    width: 16px
}

.button.button--icon.button--primary01 .icon {
    margin-top: -2px
}

.button.button--icon.button--reset .icon {
    margin: 0;
    font-size: .8em;
    transform: translateY(.1em)
}

.button.button--free-account {
    background-color: #89c402;
    border: 1px solid #6f9e02;
    border-radius: 4px;
    color: #1a1a1f;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    width: 100%
}

    .button.button--free-account:hover {
        background-color: #9bdd02
    }

    .button.button--free-account:focus {
        outline: 1px solid #1a1a1f;
        outline-offset: -4px
    }

    .button.button--free-account:hover, .button.button--free-account:focus {
        text-decoration: underline;
        color: #1a1a1f
    }

@media only screen and (min-width:33.75em) {
    .button.button--free-account {
        width: auto
    }
}

.button.button--primary01 {
    background-color: #0078d4;
    border: 1px solid #0078d4;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    width: 100%
}

    .button.button--primary01:hover {
        background-color: #006abb
    }

    .button.button--primary01:focus {
        outline: 1px solid #fff;
        outline-offset: -4px
    }

    .button.button--primary01:hover, .button.button--primary01:focus {
        color: #fff;
        text-decoration: underline
    }

    .button.button--primary01[disabled], .button.button--primary01[disabled]:hover {
        color: #fff;
        background-color: #747479;
        border: 1px solid #747479;
        text-decoration: none
    }

@media only screen and (min-width:33.75em) {
    .button.button--primary01 {
        width: auto
    }
}

.button.button--primary02 {
    background-color: #50e6ff;
    border: 1px solid #50e6ff;
    color: #1a1a1f;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    width: 100%
}

    .button.button--primary02:hover {
        background-color: #6aeaff
    }

    .button.button--primary02:focus {
        outline: 1px solid #1a1a1f;
        outline-offset: -4px
    }

    .button.button--primary02:hover, .button.button--primary02:focus {
        text-decoration: underline;
        color: #1a1a1f
    }

    .button.button--primary02[disabled], .button.button--primary02[disabled]:hover {
        color: #fff;
        background-color: #747479;
        border: 1px solid #747479;
        text-decoration: none
    }

@media only screen and (min-width:33.75em) {
    .button.button--primary02 {
        width: auto
    }
}

.button.button--rounded-top {
    background-color: #0078d4;
    border: 1px solid #0078d4;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    min-height: 40px;
    padding: 10px 18px;
    width: auto;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0 -5px 10px rgba(0,0,0,.14)
}

    .button.button--rounded-top[disabled], .button.button--rounded-top[disabled]:hover {
        color: #fff;
        background-color: #747479;
        border: 1px solid #747479
    }

.button.button--video {
    background-color: #0078d4;
    border: 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 16px 12px 48px;
    position: relative;
    width: auto
}

    .button.button--video:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        background-color: #50e6ff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px
    }

    .button.button--video:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #0078d4;
        top: 50%;
        transform: translateY(-50%);
        left: 26px
    }

    .button.button--video:hover {
        background-color: #006abb;
        color: #fff
    }

    .button.button--video:focus {
        outline: 1px solid #fff;
        outline-offset: -4px
    }

    .button.button--video:focus, .button.button--video:hover {
        text-decoration: underline
    }

.button.button--video-play {
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 50%;
    box-shadow: rgba(0,0,0,.14) 0 13px 30px;
    height: 72px;
    position: relative;
    width: 72px
}

    .button.button--video-play:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-right: 13px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 19px solid #0078d4;
        top: 50%;
        transform: translateY(-50%);
        left: 27px
    }

    .button.button--video-play:hover, .button.button--video-play:focus {
        border: 2px solid #0078d4
    }

    .button.button--video-play:focus {
        outline: 0
    }

.card {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #fff;
    display: block;
    padding: 12px
}

    .card > :last-child {
        margin-bottom: 0
    }

    .card > :first-child {
        margin-top: 0
    }

a.card:hover {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-size0 {
    padding: 0
}

.card-size2 {
    padding: 24px
}

.card-size3 {
    padding: 36px
}

.card-size4 {
    padding: 48px
}

.card-size5 {
    padding: 60px
}

.card-size6 {
    padding: 72px
}

.card--color00 {
    background-color: #000;
    color: #f8f9fa
}

    .card--color00 .text-super, .card--color00 h1, .card--color00 .text-heading1, .card--color00 h2, .card--color00 .text-heading2 {
        color: #f8f9fa
    }

    .card--color00 h3, .card--color00 .text-heading3, .card--color00 h4, .card--color00 .text-heading4, .card--color00 h5, .card--color00 .text-heading5, .card--color00 h6, .card--color00 .text-heading6 {
        color: #f8f9fa
    }

    .card--color00 ol.checklist--default > li:before, .card--color00 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--color00 ol.list--square > li:before, .card--color00 ul.list--square > li:before, .card--color00 ol.list--square > li > ul > li:before, .card--color00 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--color00 {
    color: #50e6ff
}

    a.card--color00:hover, a.card--color00:focus {
        background-color: #000;
        color: #50e6ff
    }

.card--color00 a {
    color: #50e6ff
}

    .card--color00 a:hover, .card--color00 a:focus {
        color: #50e6ff
    }

.card-border-top-color00 {
    border-top: 1px solid #000
}

.card--bordered-color00 {
    border: 1px solid #000
}

.card--color01 {
    background-color: #fff
}

a.card--color01 {
    color: #0062ad
}

    a.card--color01:hover, a.card--color01:focus {
        background-color: #e6e6e6;
        background-color: #fff;
        color: #0062ad
    }

.card--color01 a {
    color: #0062ad
}

    .card--color01 a:hover, .card--color01 a:focus {
        color: #0062ad
    }

.card-border-top-color01 {
    border-top: 1px solid #fff
}

.card--bordered-color01 {
    border: 1px solid #fff
}

.card--color02 {
    background-color: #50e6ff
}

a.card--color02 {
    color: #0062ad
}

    a.card--color02:hover, a.card--color02:focus {
        background-color: #83edff;
        color: #0062ad
    }

.card--color02 a {
    color: #0062ad
}

    .card--color02 a:hover, .card--color02 a:focus {
        color: #0062ad
    }

.card-border-top-color02 {
    border-top: 1px solid #50e6ff
}

.card--bordered-color02 {
    border: 1px solid #50e6ff
}

.card--color03 {
    background-color: #0078d4;
    color: #f8f9fa
}

    .card--color03 .text-super, .card--color03 h1, .card--color03 .text-heading1, .card--color03 h2, .card--color03 .text-heading2 {
        color: #f8f9fa
    }

    .card--color03 h3, .card--color03 .text-heading3, .card--color03 h4, .card--color03 .text-heading4, .card--color03 h5, .card--color03 .text-heading5, .card--color03 h6, .card--color03 .text-heading6 {
        color: #f8f9fa
    }

    .card--color03 ol.checklist--default > li:before, .card--color03 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--color03 ol.list--square > li:before, .card--color03 ul.list--square > li:before, .card--color03 ol.list--square > li > ul > li:before, .card--color03 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--color03 {
    color: #50e6ff
}

    a.card--color03:hover, a.card--color03:focus {
        background-color: #005ba1;
        color: #50e6ff
    }

.card--color03 a {
    color: #50e6ff
}

    .card--color03 a:hover, .card--color03 a:focus {
        color: #50e6ff
    }

.card-border-top-color03 {
    border-top: 1px solid #0078d4
}

.card--bordered-color03 {
    border: 1px solid #0078d4
}

.card--color04 {
    background-color: #0062ad;
    color: #f8f9fa
}

    .card--color04 .text-super, .card--color04 h1, .card--color04 .text-heading1, .card--color04 h2, .card--color04 .text-heading2 {
        color: #f8f9fa
    }

    .card--color04 h3, .card--color04 .text-heading3, .card--color04 h4, .card--color04 .text-heading4, .card--color04 h5, .card--color04 .text-heading5, .card--color04 h6, .card--color04 .text-heading6 {
        color: #f8f9fa
    }

    .card--color04 ol.checklist--default > li:before, .card--color04 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--color04 ol.list--square > li:before, .card--color04 ul.list--square > li:before, .card--color04 ol.list--square > li > ul > li:before, .card--color04 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--color04 {
    color: #50e6ff
}

    a.card--color04:hover, a.card--color04:focus {
        background-color: #00457a;
        color: #50e6ff
    }

.card--color04 a {
    color: #50e6ff
}

    .card--color04 a:hover, .card--color04 a:focus {
        color: #50e6ff
    }

.card-border-top-color04 {
    border-top: 1px solid #0062ad
}

.card--bordered-color04 {
    border: 1px solid #0062ad
}

.card--color05 {
    background-color: #243a5e;
    color: #f8f9fa
}

    .card--color05 .text-super, .card--color05 h1, .card--color05 .text-heading1, .card--color05 h2, .card--color05 .text-heading2 {
        color: #f8f9fa
    }

    .card--color05 h3, .card--color05 .text-heading3, .card--color05 h4, .card--color05 .text-heading4, .card--color05 h5, .card--color05 .text-heading5, .card--color05 h6, .card--color05 .text-heading6 {
        color: #f8f9fa
    }

    .card--color05 ol.checklist--default > li:before, .card--color05 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--color05 ol.list--square > li:before, .card--color05 ul.list--square > li:before, .card--color05 ol.list--square > li > ul > li:before, .card--color05 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--color05 {
    color: #50e6ff
}

    a.card--color05:hover, a.card--color05:focus {
        background-color: #162339;
        color: #50e6ff
    }

.card--color05 a {
    color: #50e6ff
}

    .card--color05 a:hover, .card--color05 a:focus {
        color: #50e6ff
    }

.card-border-top-color05 {
    border-top: 1px solid #243a5e
}

.card--bordered-color05 {
    border: 1px solid #243a5e
}

.card--color06 {
    background-color: #121d2f;
    color: #f8f9fa
}

    .card--color06 .text-super, .card--color06 h1, .card--color06 .text-heading1, .card--color06 h2, .card--color06 .text-heading2 {
        color: #f8f9fa
    }

    .card--color06 h3, .card--color06 .text-heading3, .card--color06 h4, .card--color06 .text-heading4, .card--color06 h5, .card--color06 .text-heading5, .card--color06 h6, .card--color06 .text-heading6 {
        color: #f8f9fa
    }

    .card--color06 ol.checklist--default > li:before, .card--color06 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--color06 ol.list--square > li:before, .card--color06 ul.list--square > li:before, .card--color06 ol.list--square > li > ul > li:before, .card--color06 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--color06 {
    color: #50e6ff
}

    a.card--color06:hover, a.card--color06:focus {
        background-color: #04060a;
        color: #50e6ff
    }

.card--color06 a {
    color: #50e6ff
}

    .card--color06 a:hover, .card--color06 a:focus {
        color: #50e6ff
    }

.card-border-top-color06 {
    border-top: 1px solid #121d2f
}

.card--bordered-color06 {
    border: 1px solid #121d2f
}

.card--color07 {
    background-color: #89c402;
    color: #f8f9fa
}

    .card--color07 .text-super, .card--color07 h1, .card--color07 .text-heading1, .card--color07 h2, .card--color07 .text-heading2 {
        color: #f8f9fa
    }

    .card--color07 h3, .card--color07 .text-heading3, .card--color07 h4, .card--color07 .text-heading4, .card--color07 h5, .card--color07 .text-heading5, .card--color07 h6, .card--color07 .text-heading6 {
        color: #f8f9fa
    }

    .card--color07 ol.checklist--default > li:before, .card--color07 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--color07 ol.list--square > li:before, .card--color07 ul.list--square > li:before, .card--color07 ol.list--square > li > ul > li:before, .card--color07 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--color07 {
    color: #50e6ff
}

    a.card--color07:hover, a.card--color07:focus {
        background-color: #669201;
        color: #50e6ff
    }

.card--color07 a {
    color: #50e6ff
}

    .card--color07 a:hover, .card--color07 a:focus {
        color: #50e6ff
    }

.card-border-top-color07 {
    border-top: 1px solid #89c402
}

.card--bordered-color07 {
    border: 1px solid #89c402
}

.card--color08 {
    background-color: #a51419;
    color: #f8f9fa
}

    .card--color08 .text-super, .card--color08 h1, .card--color08 .text-heading1, .card--color08 h2, .card--color08 .text-heading2 {
        color: #f8f9fa
    }

    .card--color08 h3, .card--color08 .text-heading3, .card--color08 h4, .card--color08 .text-heading4, .card--color08 h5, .card--color08 .text-heading5, .card--color08 h6, .card--color08 .text-heading6 {
        color: #f8f9fa
    }

    .card--color08 ol.checklist--default > li:before, .card--color08 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--color08 ol.list--square > li:before, .card--color08 ul.list--square > li:before, .card--color08 ol.list--square > li > ul > li:before, .card--color08 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--color08 {
    color: #50e6ff
}

    a.card--color08:hover, a.card--color08:focus {
        background-color: #780e12;
        color: #50e6ff
    }

.card--color08 a {
    color: #50e6ff
}

    .card--color08 a:hover, .card--color08 a:focus {
        color: #50e6ff
    }

.card-border-top-color08 {
    border-top: 1px solid #a51419
}

.card--bordered-color08 {
    border: 1px solid #a51419
}

.card--color09 {
    background-color: #128912;
    color: #f8f9fa
}

    .card--color09 .text-super, .card--color09 h1, .card--color09 .text-heading1, .card--color09 h2, .card--color09 .text-heading2 {
        color: #f8f9fa
    }

    .card--color09 h3, .card--color09 .text-heading3, .card--color09 h4, .card--color09 .text-heading4, .card--color09 h5, .card--color09 .text-heading5, .card--color09 h6, .card--color09 .text-heading6 {
        color: #f8f9fa
    }

    .card--color09 ol.checklist--default > li:before, .card--color09 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--color09 ol.list--square > li:before, .card--color09 ul.list--square > li:before, .card--color09 ol.list--square > li > ul > li:before, .card--color09 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--color09 {
    color: #50e6ff
}

    a.card--color09:hover, a.card--color09:focus {
        background-color: #0c5c0c;
        color: #50e6ff
    }

.card--color09 a {
    color: #50e6ff
}

    .card--color09 a:hover, .card--color09 a:focus {
        color: #50e6ff
    }

.card-border-top-color09 {
    border-top: 1px solid #128912
}

.card--bordered-color09 {
    border: 1px solid #128912
}

.card--color10 {
    background-color: #ff934f
}

a.card--color10 {
    color: #0062ad
}

    a.card--color10:hover, a.card--color10:focus {
        background-color: #ffb282;
        color: #0062ad
    }

.card--color10 a {
    color: #0062ad
}

    .card--color10 a:hover, .card--color10 a:focus {
        color: #0062ad
    }

.card-border-top-color10 {
    border-top: 1px solid #ff934f
}

.card--bordered-color10 {
    border: 1px solid #ff934f
}

.card--gray10 {
    background-color: #f8f9fa
}

a.card--gray10 {
    color: #0062ad
}

    a.card--gray10:hover, a.card--gray10:focus {
        background-color: #fff;
        color: #0062ad
    }

.card--gray10 a {
    color: #0062ad
}

    .card--gray10 a:hover, .card--gray10 a:focus {
        color: #0062ad
    }

.card-border-top-gray10 {
    border-top: 1px solid #f8f9fa
}

.card--bordered-gray10 {
    border: 1px solid #f8f9fa
}

.card--gray20 {
    background-color: #f4f5f6
}

a.card--gray20 {
    color: #0062ad
}

    a.card--gray20:hover, a.card--gray20:focus {
        background-color: #fff;
        color: #0062ad
    }

.card--gray20 a {
    color: #0062ad
}

    .card--gray20 a:hover, .card--gray20 a:focus {
        color: #0062ad
    }

.card-border-top-gray20 {
    border-top: 1px solid #f4f5f6
}

.card--bordered-gray20 {
    border: 1px solid #f4f5f6
}

.card--gray30 {
    background-color: #eaebec
}

a.card--gray30 {
    color: #0062ad
}

    a.card--gray30:hover, a.card--gray30:focus {
        background-color: #fff;
        color: #0062ad
    }

.card--gray30 a {
    color: #0062ad
}

    .card--gray30 a:hover, .card--gray30 a:focus {
        color: #0062ad
    }

.card-border-top-gray30 {
    border-top: 1px solid #eaebec
}

.card--bordered-gray30 {
    border: 1px solid #eaebec
}

.card--gray40 {
    background-color: #cccdce
}

a.card--gray40 {
    color: #0062ad
}

    a.card--gray40:hover, a.card--gray40:focus {
        background-color: #e6e7e7;
        color: #0062ad
    }

.card--gray40 a {
    color: #0062ad
}

    .card--gray40 a:hover, .card--gray40 a:focus {
        color: #0062ad
    }

.card-border-top-gray40 {
    border-top: 1px solid #cccdce
}

.card--bordered-gray40 {
    border: 1px solid #cccdce
}

.card--gray50 {
    background-color: #b8b9ba
}

a.card--gray50 {
    color: #0062ad
}

    a.card--gray50:hover, a.card--gray50:focus {
        background-color: #d2d3d3;
        color: #0062ad
    }

.card--gray50 a {
    color: #0062ad
}

    .card--gray50 a:hover, .card--gray50 a:focus {
        color: #0062ad
    }

.card-border-top-gray50 {
    border-top: 1px solid #b8b9ba
}

.card--bordered-gray50 {
    border: 1px solid #b8b9ba
}

.card--gray60 {
    background-color: #747479;
    color: #f8f9fa
}

    .card--gray60 .text-super, .card--gray60 h1, .card--gray60 .text-heading1, .card--gray60 h2, .card--gray60 .text-heading2 {
        color: #f8f9fa
    }

    .card--gray60 h3, .card--gray60 .text-heading3, .card--gray60 h4, .card--gray60 .text-heading4, .card--gray60 h5, .card--gray60 .text-heading5, .card--gray60 h6, .card--gray60 .text-heading6 {
        color: #f8f9fa
    }

    .card--gray60 ol.checklist--default > li:before, .card--gray60 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--gray60 ol.list--square > li:before, .card--gray60 ul.list--square > li:before, .card--gray60 ol.list--square > li > ul > li:before, .card--gray60 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--gray60 {
    color: #50e6ff
}

    a.card--gray60:hover, a.card--gray60:focus {
        background-color: #5b5b5f;
        color: #50e6ff
    }

.card--gray60 a {
    color: #50e6ff
}

    .card--gray60 a:hover, .card--gray60 a:focus {
        color: #50e6ff
    }

.card-border-top-gray60 {
    border-top: 1px solid #747479
}

.card--bordered-gray60 {
    border: 1px solid #747479
}

.card--gray70 {
    background-color: #4c4c51;
    color: #f8f9fa
}

    .card--gray70 .text-super, .card--gray70 h1, .card--gray70 .text-heading1, .card--gray70 h2, .card--gray70 .text-heading2 {
        color: #f8f9fa
    }

    .card--gray70 h3, .card--gray70 .text-heading3, .card--gray70 h4, .card--gray70 .text-heading4, .card--gray70 h5, .card--gray70 .text-heading5, .card--gray70 h6, .card--gray70 .text-heading6 {
        color: #f8f9fa
    }

    .card--gray70 ol.checklist--default > li:before, .card--gray70 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--gray70 ol.list--square > li:before, .card--gray70 ul.list--square > li:before, .card--gray70 ol.list--square > li > ul > li:before, .card--gray70 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--gray70 {
    color: #50e6ff
}

    a.card--gray70:hover, a.card--gray70:focus {
        background-color: #333337;
        color: #50e6ff
    }

.card--gray70 a {
    color: #50e6ff
}

    .card--gray70 a:hover, .card--gray70 a:focus {
        color: #50e6ff
    }

.card-border-top-gray70 {
    border-top: 1px solid #4c4c51
}

.card--bordered-gray70 {
    border: 1px solid #4c4c51
}

.card--gray80 {
    background-color: #2e2e33;
    color: #f8f9fa
}

    .card--gray80 .text-super, .card--gray80 h1, .card--gray80 .text-heading1, .card--gray80 h2, .card--gray80 .text-heading2 {
        color: #f8f9fa
    }

    .card--gray80 h3, .card--gray80 .text-heading3, .card--gray80 h4, .card--gray80 .text-heading4, .card--gray80 h5, .card--gray80 .text-heading5, .card--gray80 h6, .card--gray80 .text-heading6 {
        color: #f8f9fa
    }

    .card--gray80 ol.checklist--default > li:before, .card--gray80 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--gray80 ol.list--square > li:before, .card--gray80 ul.list--square > li:before, .card--gray80 ol.list--square > li > ul > li:before, .card--gray80 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--gray80 {
    color: #50e6ff
}

    a.card--gray80:hover, a.card--gray80:focus {
        background-color: #161618;
        color: #50e6ff
    }

.card--gray80 a {
    color: #50e6ff
}

    .card--gray80 a:hover, .card--gray80 a:focus {
        color: #50e6ff
    }

.card-border-top-gray80 {
    border-top: 1px solid #2e2e33
}

.card--bordered-gray80 {
    border: 1px solid #2e2e33
}

.card--gray90 {
    background-color: #242429;
    color: #f8f9fa
}

    .card--gray90 .text-super, .card--gray90 h1, .card--gray90 .text-heading1, .card--gray90 h2, .card--gray90 .text-heading2 {
        color: #f8f9fa
    }

    .card--gray90 h3, .card--gray90 .text-heading3, .card--gray90 h4, .card--gray90 .text-heading4, .card--gray90 h5, .card--gray90 .text-heading5, .card--gray90 h6, .card--gray90 .text-heading6 {
        color: #f8f9fa
    }

    .card--gray90 ol.checklist--default > li:before, .card--gray90 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--gray90 ol.list--square > li:before, .card--gray90 ul.list--square > li:before, .card--gray90 ol.list--square > li > ul > li:before, .card--gray90 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--gray90 {
    color: #50e6ff
}

    a.card--gray90:hover, a.card--gray90:focus {
        background-color: #0c0c0e;
        color: #50e6ff
    }

.card--gray90 a {
    color: #50e6ff
}

    .card--gray90 a:hover, .card--gray90 a:focus {
        color: #50e6ff
    }

.card-border-top-gray90 {
    border-top: 1px solid #242429
}

.card--bordered-gray90 {
    border: 1px solid #242429
}

.card--gray100 {
    background-color: #1a1a1f;
    color: #f8f9fa
}

    .card--gray100 .text-super, .card--gray100 h1, .card--gray100 .text-heading1, .card--gray100 h2, .card--gray100 .text-heading2 {
        color: #f8f9fa
    }

    .card--gray100 h3, .card--gray100 .text-heading3, .card--gray100 h4, .card--gray100 .text-heading4, .card--gray100 h5, .card--gray100 .text-heading5, .card--gray100 h6, .card--gray100 .text-heading6 {
        color: #f8f9fa
    }

    .card--gray100 ol.checklist--default > li:before, .card--gray100 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card--gray100 ol.list--square > li:before, .card--gray100 ul.list--square > li:before, .card--gray100 ol.list--square > li > ul > li:before, .card--gray100 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

a.card--gray100 {
    color: #50e6ff
}

    a.card--gray100:hover, a.card--gray100:focus {
        background-color: #030303;
        color: #50e6ff
    }

.card--gray100 a {
    color: #50e6ff
}

    .card--gray100 a:hover, .card--gray100 a:focus {
        color: #50e6ff
    }

.card-border-top-gray100 {
    border-top: 1px solid #1a1a1f
}

.card--bordered-gray100 {
    border: 1px solid #1a1a1f
}

.card-icon {
    padding: 24px 24px 24px 95px;
    position: relative
}

    .card-icon .top, .card-icon .bottom {
        display: block
    }

    .card-icon .icon {
        -o-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        left: 24px;
        position: absolute;
        top: 50%
    }

.card-icon-large {
    height: auto;
    padding: 24px
}

    .card-icon-large .top {
        margin: 12px 0
    }

    .card-icon-large .button {
        margin-top: 36px
    }

    .card-icon-large .icon {
        -o-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        position: static;
        height: 90px;
        width: 77px
    }

.cards--flex {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

    .cards--flex .cards--flex__item {
        display: flex;
        margin-bottom: 24px;
        padding-bottom: 12px;
        width: 100%
    }

        .cards--flex .cards--flex__item .card {
            display: flex;
            flex-direction: column;
            width: 100%
        }

        .cards--flex .cards--flex__item .cards--flex__content {
            display: flex;
            flex: 1 1 auto;
            flex-direction: column
        }

        .cards--flex .cards--flex__item .cards--flex__heading {
            flex: 1 1 auto
        }

.card__heading {
    color: #4c4c51;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-transform: uppercase
}

.card__author {
    align-items: center;
    color: #2e2e33;
    display: flex;
    font-size: 14px;
    margin-top: 24px
}

    .card__author > img {
        border-radius: 24px;
        height: 48px;
        margin-right: 12px;
        max-width: 48px;
        min-width: 48px;
        width: 48px
    }

.card__content {
    color: #2e2e33
}

@media only screen and (min-width:48em) {
    .card-icon {
        padding: 75px 24px 24px
    }

        .card-icon .icon {
            top: 40px
        }

    .card-icon-large {
        padding: 24px
    }

    .cards--flex .cards--flex__item {
        padding-right: 30px;
        width: 33.333%
    }

        .cards--flex .cards--flex__item:nth-child(1):nth-last-child(3), .cards--flex .cards--flex__item:nth-child(2):nth-last-child(2), .cards--flex .cards--flex__item:nth-child(3):nth-last-child(1) {
            padding-right: 30px;
            width: 33.333%
        }

        .cards--flex .cards--flex__item:nth-child(1):nth-last-child(4), .cards--flex .cards--flex__item:nth-child(2):nth-last-child(3), .cards--flex .cards--flex__item:nth-child(3):nth-last-child(2), .cards--flex .cards--flex__item:nth-child(4):nth-last-child(1) {
            padding-right: 30px;
            width: 25%
        }
}

@media only screen and (min-width:60em) {
    .cards--flex .cards--flex__item {
        margin: 0
    }

    .card-icon {
        padding: 24px 24px 24px 95px
    }

        .card-icon .icon {
            top: 50%
        }

    .card-icon-large {
        padding: 24px
    }
}

.card-image {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,.14);
    color: #4c4c51;
    display: flex;
    flex-direction: column
}

    .card-image .card-image__content {
        padding: 12px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: 12px
    }

        .card-image .card-image__content > * + * {
            margin: 12px 0
        }

@supports (gap:12px) {
    .card-image .card-image__content > * {
        margin: 0
    }
}

.card-image .card-image__image {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px 6px 0 0;
    height: 0;
    padding-bottom: 50%;
    width: 100%;
    position: relative
}

    .card-image .card-image__image picture, .card-image .card-image__image img {
        border-radius: inherit
    }

    .card-image .card-image__image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.card-image .card-image__superscript {
    color: #4c4c51;
    font-size: 12px;
    font-weight: 600
}

.card-image .card-image__link {
    text-decoration: underline
}

    .card-image .card-image__link:hover {
        text-decoration: underline
    }

.card-image .card-image__ctas {
    margin-top: auto
}

    .card-image .card-image__ctas > :last-child {
        margin-bottom: 0
    }

.card-image:hover {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 5px 10px rgba(0,0,0,.14)
}

.card-image:focus {
    outline: 2px solid #0062ad
}

    .card-image:focus .card-image__link, .card-image:hover .card-image__link {
        text-decoration: underline
    }

.card--announcement {
    background-color: #243a5e;
    box-shadow: 0 0 2px rgba(0,0,0,.16),0 5px 10px rgba(0,0,0,.14);
    display: block;
    padding: 24px 60px 24px 36px;
    position: relative;
    text-align: center
}

    .card--announcement .card--announcement__text {
        color: #50e6ff;
        font-size: 16px;
        font-weight: 600;
        padding-right: 36px
    }

    .card--announcement:before {
        background: #50e6ff;
        background-image: linear-gradient(to bottom,#50e6ff,#00ccf9,#00b1f2,#0095e6,#0078d4);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 6px
    }

    .card--announcement:after {
        content: '\e76c';
        font-family: 'BAPIMDL2';
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        color: #50e6ff;
        font-size: 16px;
        font-weight: 600;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%)
    }

    .card--announcement:focus {
        outline: 1px solid #fff;
        outline-offset: -4px
    }

    .card--announcement:focus, .card--announcement:hover {
        background-color: #080c14;
        text-decoration: none
    }

        .card--announcement:focus:after, .card--announcement:hover:after {
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            right: 18px
        }

.card.card--hover:hover, .card.card--hover:focus {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 2px 5px rgba(0,0,0,.14);
    text-decoration: none
}

.card.card--media {
    box-shadow: 0 5px 10px rgba(0,0,0,.14);
    padding: 0;
    position: relative
}

    .card.card--media .card--media__media {
        display: flex
    }

        .card.card--media .card--media__media button, .card.card--media .card--media__media img {
            width: 100%
        }

    .card.card--media .card--media__content {
        padding: 24px
    }

@media only screen and (min-width:60em) {
    .card.card--media {
        display: flex
    }

        .card.card--media .card--media__media {
            width: 66.66%
        }

        .card.card--media .card--media__content {
            height: 100%;
            overflow-y: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 33.33%
        }
}

.card.card--offer {
    border: 1px solid #cccdce;
    margin-bottom: 12px !important;
    margin-top: 12px !important;
    padding: 0 0 24px 0;
    position: relative
}

    .card.card--offer .card--offer__hero {
        background-color: #f4f5f6;
        padding: 12px 12px
    }

        .card.card--offer .card--offer__hero :first-child {
            margin-top: 0
        }

        .card.card--offer .card--offer__hero :last-child {
            margin-bottom: 0
        }

    .card.card--offer .card--offer__content {
        padding: 24px 12px
    }

    .card.card--offer .card--offer__footer {
        padding: 0 12px
    }

.card.card--shadow {
    box-shadow: 0 2px 5px rgba(0,0,0,.14);
    color: #4c4c51 !important;
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

    .card.card--shadow .card--shadow__date, .card.card--shadow .card--shadow__subheading {
        color: #4c4c51
    }

    .card.card--shadow .card--shadow__date {
        font-size: 12px
    }

    .card.card--shadow .card--shadow__heading {
        font-size: 16px;
        margin-top: 0
    }

    .card.card--shadow .card--shadow__subheading {
        font-size: 14px;
        height: 48px
    }

    .card.card--shadow:hover {
        box-shadow: 0 5px 10px rgba(0,0,0,.14);
        text-decoration: none
    }

        .card.card--shadow:hover .card--shadow__heading {
            color: #0078d4 !important
        }

.card.card--stat {
    border-left: 2px solid rgba(255,255,255,.1)
}

    .card.card--stat:hover {
        text-decoration: none
    }

.card--transform {
    box-shadow: 0 10px 20px rgba(0,0,0,.14);
    min-height: 400px;
    position: relative;
    transition: all .5s ease-in-out !important;
    border: 1px solid transparent
}

    .card--transform .card--transform__content {
        bottom: 0;
        left: 0;
        padding: 0 24px 12px 24px;
        position: absolute;
        right: 0;
        transition: transform .8s cubic-bezier(.165,.84,.44,1)
    }

    .card--transform .card--transform__heading {
        font-size: 24px;
        font-weight: 600
    }

    .card--transform .card--transform__icon {
        height: 120px;
        left: 50%;
        position: absolute;
        top: 30%;
        transform: translate(-50%,-30%);
        width: 120px
    }

    .card--transform:hover {
        box-shadow: 0 13px 30px rgba(0,0,0,.14);
        transform: translateY(-12px)
    }

        .card--transform:hover .card--transform__content {
            transform: translateY(-12px)
        }

@media only screen and (min-width:48em) {
    .card--transform .card--transform__icon {
        top: 10%;
        transform: translate(-50%,-10%)
    }
}

.card.card--update {
    background-color: #f4f5f6;
    padding: 24px;
    border: 1px solid transparent
}

    .card.card--update .card__img {
        display: block;
        width: 100%
    }

    .card.card--update .card__author {
        margin-top: 12px
    }

    .card.card--update .card__link {
        color: #1a1a1f;
        display: inline-block;
        font-size: 20px;
        line-height: 1.4;
        margin: 12px 0 0;
        text-decoration: underline
    }

    .card.card--update:hover, .card.card--update:focus {
        background-color: #1a1a1f;
        text-decoration: none
    }

        .card.card--update:hover .card__link, .card.card--update:focus .card__link {
            color: #50e6ff
        }

        .card.card--update:hover .card__author, .card.card--update:focus .card__author, .card.card--update:hover .card__content, .card.card--update:focus .card__content, .card.card--update:hover .card__heading, .card.card--update:focus .card__heading {
            color: #cccdce
        }

.card-v2 {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,.14);
    color: #4c4c51;
    padding: 24px;
    position: relative;
    border: 1px solid transparent
}

    .card-v2 .card-v2__superscript {
        color: #4c4c51;
        font-size: 12px;
        font-weight: 600;
        margin: 0
    }

    .card-v2 .card-v2__logo {
        display: flex
    }

    .card-v2 .card-v2__text-block {
        color: #1a1a1f
    }

        .card-v2 .card-v2__text-block .text-super, .card-v2 .card-v2__text-block h1, .card-v2 .card-v2__text-block .text-heading1, .card-v2 .card-v2__text-block h2, .card-v2 .card-v2__text-block .text-heading2 {
            color: #1a1a1f
        }

        .card-v2 .card-v2__text-block h3, .card-v2 .card-v2__text-block .text-heading3, .card-v2 .card-v2__text-block h4, .card-v2 .card-v2__text-block .text-heading4, .card-v2 .card-v2__text-block h5, .card-v2 .card-v2__text-block .text-heading5, .card-v2 .card-v2__text-block h6, .card-v2 .card-v2__text-block .text-heading6 {
            color: #1a1a1f
        }

        .card-v2 .card-v2__text-block > :last-child {
            margin-bottom: 0
        }

    .card-v2 .arrow-link, .card-v2 .card-v2__link {
        color: #0062ad
    }

        .card-v2 .arrow-link:hover, .card-v2 .card-v2__link:hover, .card-v2 .arrow-link:focus, .card-v2 .card-v2__link:focus {
            color: #002847
        }

        .card-v2 .arrow-link:after, .card-v2 .card-v2__link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%230062ad'/%3E%3C/svg%3E")
        }

    .card-v2 .card-v2__link {
        text-decoration: none
    }

        .card-v2 .card-v2__link:hover {
            text-decoration: underline
        }

    .card-v2 .card-v2__ctas {
        margin-top: 24px
    }

        .card-v2 .card-v2__ctas > :last-child {
            margin-bottom: 0
        }

    .card-v2 .card-v2__logo, .card-v2 .card-v2__text-block, .card-v2 .card-v2__ctas {
        margin-top: 24px
    }

    .card-v2 > :first-child {
        margin-top: 0
    }

.card-v2--flat {
    box-shadow: none
}

.card-v2--padded {
    padding: 48px;
    padding-right: clamp(24px,7vw,48px);
    padding-left: clamp(24px,7vw,48px)
}

.card-v2--overlay .card-v2__ctas a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: .1em;
    text-decoration-color: #b8b9ba
}

    .card-v2--overlay .card-v2__ctas a:hover {
        text-decoration: none
    }

.card-v2--color04 {
    background-color: #0062ad;
    color: #f8f9fa
}

    .card-v2--color04 .card-v2__superscript {
        color: #f8f9fa
    }

    .card-v2--color04 .card-v2__text-block {
        color: #f8f9fa
    }

        .card-v2--color04 .card-v2__text-block .text-super, .card-v2--color04 .card-v2__text-block h1, .card-v2--color04 .card-v2__text-block .text-heading1, .card-v2--color04 .card-v2__text-block h2, .card-v2--color04 .card-v2__text-block .text-heading2 {
            color: #f4f5f6
        }

        .card-v2--color04 .card-v2__text-block h3, .card-v2--color04 .card-v2__text-block .text-heading3, .card-v2--color04 .card-v2__text-block h4, .card-v2--color04 .card-v2__text-block .text-heading4, .card-v2--color04 .card-v2__text-block h5, .card-v2--color04 .card-v2__text-block .text-heading5, .card-v2--color04 .card-v2__text-block h6, .card-v2--color04 .card-v2__text-block .text-heading6 {
            color: #f4f5f6
        }

    .card-v2--color04 .card-v2__link {
        color: #f8f9fa
    }

        .card-v2--color04 .card-v2__link:hover, .card-v2--color04 .card-v2__link:focus {
            color: #f8f9fa
        }

    .card-v2--color04 .arrow-link {
        color: #f8f9fa
    }

        .card-v2--color04 .arrow-link:hover, .card-v2--color04 .arrow-link:focus {
            color: #f8f9fa
        }

        .card-v2--color04 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%23ffffff'/%3E%3C/svg%3E")
        }

    .card-v2--color04 ol.checklist--default > li:before, .card-v2--color04 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card-v2--color04 ol.list--square > li:before, .card-v2--color04 ul.list--square > li:before, .card-v2--color04 ol.list--square > li > ul > li:before, .card-v2--color04 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

.card-v2--color05 {
    background-color: #243a5e;
    color: #f8f9fa
}

    .card-v2--color05 .card-v2__superscript {
        color: #f8f9fa
    }

    .card-v2--color05 .card-v2__text-block {
        color: #f8f9fa
    }

        .card-v2--color05 .card-v2__text-block .text-super, .card-v2--color05 .card-v2__text-block h1, .card-v2--color05 .card-v2__text-block .text-heading1, .card-v2--color05 .card-v2__text-block h2, .card-v2--color05 .card-v2__text-block .text-heading2 {
            color: #f4f5f6
        }

        .card-v2--color05 .card-v2__text-block h3, .card-v2--color05 .card-v2__text-block .text-heading3, .card-v2--color05 .card-v2__text-block h4, .card-v2--color05 .card-v2__text-block .text-heading4, .card-v2--color05 .card-v2__text-block h5, .card-v2--color05 .card-v2__text-block .text-heading5, .card-v2--color05 .card-v2__text-block h6, .card-v2--color05 .card-v2__text-block .text-heading6 {
            color: #f4f5f6
        }

    .card-v2--color05 .card-v2__link {
        color: #f8f9fa
    }

        .card-v2--color05 .card-v2__link:hover, .card-v2--color05 .card-v2__link:focus {
            color: #f8f9fa
        }

    .card-v2--color05 .arrow-link {
        color: #f8f9fa
    }

        .card-v2--color05 .arrow-link:hover, .card-v2--color05 .arrow-link:focus {
            color: #f8f9fa
        }

        .card-v2--color05 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%23ffffff'/%3E%3C/svg%3E")
        }

    .card-v2--color05 ol.checklist--default > li:before, .card-v2--color05 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card-v2--color05 ol.list--square > li:before, .card-v2--color05 ul.list--square > li:before, .card-v2--color05 ol.list--square > li > ul > li:before, .card-v2--color05 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

.card-v2--gray20 {
    background-color: #f4f5f6
}

.card-v2--gray80 {
    background-color: #2e2e33;
    color: #f8f9fa
}

    .card-v2--gray80 .card-v2__superscript {
        color: #f8f9fa
    }

    .card-v2--gray80 .card-v2__text-block {
        color: #f8f9fa
    }

        .card-v2--gray80 .card-v2__text-block .text-super, .card-v2--gray80 .card-v2__text-block h1, .card-v2--gray80 .card-v2__text-block .text-heading1, .card-v2--gray80 .card-v2__text-block h2, .card-v2--gray80 .card-v2__text-block .text-heading2 {
            color: #f4f5f6
        }

        .card-v2--gray80 .card-v2__text-block h3, .card-v2--gray80 .card-v2__text-block .text-heading3, .card-v2--gray80 .card-v2__text-block h4, .card-v2--gray80 .card-v2__text-block .text-heading4, .card-v2--gray80 .card-v2__text-block h5, .card-v2--gray80 .card-v2__text-block .text-heading5, .card-v2--gray80 .card-v2__text-block h6, .card-v2--gray80 .card-v2__text-block .text-heading6 {
            color: #f4f5f6
        }

    .card-v2--gray80 .card-v2__link {
        color: #f8f9fa
    }

        .card-v2--gray80 .card-v2__link:hover, .card-v2--gray80 .card-v2__link:focus {
            color: #f8f9fa
        }

    .card-v2--gray80 .arrow-link {
        color: #f8f9fa
    }

        .card-v2--gray80 .arrow-link:hover, .card-v2--gray80 .arrow-link:focus {
            color: #f8f9fa
        }

        .card-v2--gray80 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%23ffffff'/%3E%3C/svg%3E")
        }

    .card-v2--gray80 ol.checklist--default > li:before, .card-v2--gray80 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card-v2--gray80 ol.list--square > li:before, .card-v2--gray80 ul.list--square > li:before, .card-v2--gray80 ol.list--square > li > ul > li:before, .card-v2--gray80 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

.card-v2--gray90 {
    background-color: #242429;
    color: #f8f9fa
}

    .card-v2--gray90 .card-v2__superscript {
        color: #f8f9fa
    }

    .card-v2--gray90 .card-v2__text-block {
        color: #f8f9fa
    }

        .card-v2--gray90 .card-v2__text-block .text-super, .card-v2--gray90 .card-v2__text-block h1, .card-v2--gray90 .card-v2__text-block .text-heading1, .card-v2--gray90 .card-v2__text-block h2, .card-v2--gray90 .card-v2__text-block .text-heading2 {
            color: #f4f5f6
        }

        .card-v2--gray90 .card-v2__text-block h3, .card-v2--gray90 .card-v2__text-block .text-heading3, .card-v2--gray90 .card-v2__text-block h4, .card-v2--gray90 .card-v2__text-block .text-heading4, .card-v2--gray90 .card-v2__text-block h5, .card-v2--gray90 .card-v2__text-block .text-heading5, .card-v2--gray90 .card-v2__text-block h6, .card-v2--gray90 .card-v2__text-block .text-heading6 {
            color: #f4f5f6
        }

    .card-v2--gray90 .card-v2__link {
        color: #f8f9fa
    }

        .card-v2--gray90 .card-v2__link:hover, .card-v2--gray90 .card-v2__link:focus {
            color: #f8f9fa
        }

    .card-v2--gray90 .arrow-link {
        color: #f8f9fa
    }

        .card-v2--gray90 .arrow-link:hover, .card-v2--gray90 .arrow-link:focus {
            color: #f8f9fa
        }

        .card-v2--gray90 .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%23ffffff'/%3E%3C/svg%3E")
        }

    .card-v2--gray90 ol.checklist--default > li:before, .card-v2--gray90 ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card-v2--gray90 ol.list--square > li:before, .card-v2--gray90 ul.list--square > li:before, .card-v2--gray90 ol.list--square > li > ul > li:before, .card-v2--gray90 ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

.card-v2--overlay {
    background-color: rgba(26,26,31,.94);
    color: #f8f9fa
}

    .card-v2--overlay .card-v2__superscript {
        color: #f8f9fa
    }

    .card-v2--overlay .card-v2__text-block {
        color: #f8f9fa
    }

        .card-v2--overlay .card-v2__text-block .text-super, .card-v2--overlay .card-v2__text-block h1, .card-v2--overlay .card-v2__text-block .text-heading1, .card-v2--overlay .card-v2__text-block h2, .card-v2--overlay .card-v2__text-block .text-heading2 {
            color: #f4f5f6
        }

        .card-v2--overlay .card-v2__text-block h3, .card-v2--overlay .card-v2__text-block .text-heading3, .card-v2--overlay .card-v2__text-block h4, .card-v2--overlay .card-v2__text-block .text-heading4, .card-v2--overlay .card-v2__text-block h5, .card-v2--overlay .card-v2__text-block .text-heading5, .card-v2--overlay .card-v2__text-block h6, .card-v2--overlay .card-v2__text-block .text-heading6 {
            color: #f4f5f6
        }

    .card-v2--overlay .card-v2__link {
        color: #f8f9fa
    }

        .card-v2--overlay .card-v2__link:hover, .card-v2--overlay .card-v2__link:focus {
            color: #f8f9fa
        }

    .card-v2--overlay .arrow-link {
        color: #f8f9fa
    }

        .card-v2--overlay .arrow-link:hover, .card-v2--overlay .arrow-link:focus {
            color: #f8f9fa
        }

        .card-v2--overlay .arrow-link:after {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%23ffffff'/%3E%3C/svg%3E")
        }

    .card-v2--overlay ol.checklist--default > li:before, .card-v2--overlay ul.checklist--default > li:before {
        border-color: #50e6ff
    }

    .card-v2--overlay ol.list--square > li:before, .card-v2--overlay ul.list--square > li:before, .card-v2--overlay ol.list--square > li > ul > li:before, .card-v2--overlay ul.list--square > li > ul > li:before {
        background: #50e6ff
    }

@media only screen and (max-width:47.9375em) {
    .card-v2--action {
        align-items: center;
        display: flex;
        padding: 24px 24px 24px 80px;
        position: relative
    }

        .card-v2--action .card-v2__logo {
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 6px 0 0 6px;
            bottom: 0;
            left: 0;
            position: absolute;
            top: 0;
            width: 68px
        }

        .card-v2--action .card-v2__icon {
            left: 50%;
            top: 50%;
            -o-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            height: 36px;
            min-width: 36px;
            position: absolute;
            width: 36px
        }

        .card-v2--action .card-v2__text-block {
            margin-top: 0
        }

        .card-v2--action .card-v2__heading {
            margin-bottom: 0;
            width: 100%
        }

        .card-v2--action .card-v2__description {
            display: none
        }
}

.card-v2--discover {
    align-items: center;
    display: flex;
    padding: 24px 24px 24px 80px;
    position: relative
}

    .card-v2--discover .card-v2__logo {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 6px 0 0 6px;
        bottom: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 68px
    }

    .card-v2--discover .card-v2__icon {
        left: 50%;
        top: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: 36px;
        min-width: 36px;
        position: absolute;
        width: 36px
    }

    .card-v2--discover .card-v2__text-block {
        margin-top: 0
    }

    .card-v2--discover .card-v2__heading {
        margin-bottom: 0;
        width: 100%
    }

    .card-v2--discover .card-v2__description {
        display: none
    }

.card-v2.card-v2--discover .card-v2__logo picture, .card-v2.card-v2--discover .card-v2__logo img {
    border-radius: inherit;
    width: 100%
}

.card-v2.card-v2--discover .card-v2__logo img {
    object-fit: contain;
    height: 100%
}

@media only screen and (min-width:48em) {
    .card-v2.card-v2--discover {
        padding: 24px 24px 24px 156px
    }

        .card-v2.card-v2--discover .card-v2__logo {
            width: 156px
        }

        .card-v2.card-v2--discover .card-v2__logo--color03 {
            background-color: #0078d4
        }

        .card-v2.card-v2--discover .card-v2__logo--gray100 {
            background-color: #1a1a1f
        }

        .card-v2.card-v2--discover .card-v2__icon {
            height: 60px;
            min-width: 60px;
            width: 60px
        }

        .card-v2.card-v2--discover .card-v2__description {
            display: block
        }

        .card-v2.card-v2--discover .card-v2__content {
            padding-left: 12px
        }
}

.card-v2--hover:hover {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 5px 10px rgba(0,0,0,.14)
}

.card-v2--hover:focus {
    outline: 2px solid #0062ad
}

    .card-v2--hover:focus .card-v2__link, .card-v2--hover:hover .card-v2__link {
        text-decoration: underline
    }

.card-v2.card-v2--latest-large {
    padding: 0
}

    .card-v2.card-v2--latest-large .card-v2__content {
        max-height: 100%;
        overflow: hidden;
        padding: 12px
    }

    .card-v2.card-v2--latest-large .card-v2__image {
        border-radius: 6px 6px 0 0;
        height: 0;
        padding-bottom: 50%;
        width: 100%;
        position: relative
    }

        .card-v2.card-v2--latest-large .card-v2__image img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .card-v2.card-v2--latest-large .card-v2__image img, .card-v2.card-v2--latest-large .card-v2__image picture {
            border-radius: inherit
        }

    .card-v2.card-v2--latest-large .card-v2__heading {
        margin: 0;
        letter-spacing: 0
    }

    .card-v2.card-v2--latest-large .card-v2__link {
        color: #2e2e33;
        text-decoration: none
    }

    .card-v2.card-v2--latest-large:hover .card-v2__link, .card-v2.card-v2--latest-large:focus .card-v2__link {
        color: #2e2e33;
        text-decoration: underline
    }

    .card-v2.card-v2--latest-large:focus {
        outline: 2px solid #fff;
        outline-offset: -4px
    }

@media only screen and (min-width:48em) {
    .card-v2.card-v2--latest-large {
        display: grid;
        grid-template-areas: 'bg'
    }

        .card-v2.card-v2--latest-large .card-v2__content {
            padding: 24px;
            grid-area: bg;
            align-self: end;
            z-index: 1
        }

        .card-v2.card-v2--latest-large .card-v2__image {
            grid-area: bg;
            height: auto;
            border-radius: 6px
        }

            .card-v2.card-v2--latest-large .card-v2__image.card-v2__image-overlay {
                filter: saturate(1.25) brightness(.75)
            }

            .card-v2.card-v2--latest-large .card-v2__image img {
                object-fit: cover;
                object-position: 0 0;
                width: 100%;
                height: 100%
            }

        .card-v2.card-v2--latest-large .card-v2__heading {
            display: none
        }

        .card-v2.card-v2--latest-large .card-v2__description {
            font-size: 18px;
            font-weight: 600;
            margin: 0
        }

        .card-v2.card-v2--latest-large .card-v2__link {
            color: #fff
        }

        .card-v2.card-v2--latest-large:hover .card-v2__link, .card-v2.card-v2--latest-large:focus .card-v2__link {
            color: #fff
        }
}

@media only screen and (min-width:60em) {
    .card-v2.card-v2--latest-large .card-v2__description {
        font-size: 24px
    }
}

.card-v2.card-v2--product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    text-align: center
}

    .card-v2.card-v2--product .card-v2__icon {
        align-self: center;
        height: 36px;
        min-width: 36px;
        width: 36px
    }

    .card-v2.card-v2--product .card-v2__description {
        color: #4c4c51;
        font-size: 14px;
        margin: 12px 0
    }

    .card-v2.card-v2--product .card-v2__heading {
        margin-bottom: 0
    }

    .card-v2.card-v2--product .card-v2__link {
        color: #0062ad
    }

@media only screen and (min-width:33.75em) {
    .card-v2.card-v2--product {
        padding: 24px
    }

        .card-v2.card-v2--product .card-v2__description {
            font-size: 16px;
            margin: 24px 0
        }
}

.card-v2--text-center {
    text-align: center
}

    .card-v2--text-center .card-v2__ctas {
        display: flex
    }

    .card-v2--text-center .card-v2__logo, .card-v2--text-center .card-v2__ctas {
        justify-content: center
    }

.note {
    background-color: #f4f5f6;
    border-left: 5px solid #89c402;
    color: #4c4c51;
    display: block;
    margin: 12px 0;
    padding: 12px 24px
}

    .note.note-warning {
        border-left-color: #a51419
    }

    .note .icon {
        display: none
    }

@media only screen and (min-width:48em) {
    .note {
        border-left-width: 60px;
        padding: 12px 36px;
        position: relative
    }

        .note .icon {
            -o-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            display: block;
            height: 32px;
            left: -30px;
            position: absolute;
            top: 50%;
            width: 32px
        }
}

.product-placement {
    text-align: center;
    padding: 6px 0;
    width: auto
}

    .product-placement a {
        display: block;
        padding: 1px
    }

    .product-placement .img-container {
        border: 1px solid #eaebec;
        display: block;
        height: 116px;
        margin: 0 auto 12px;
        position: relative
    }

        .product-placement .img-container img {
            left: 50%;
            position: absolute;
            top: 50%;
            -o-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            max-height: 100%;
            max-width: 100%
        }

        .product-placement .img-container svg {
            object-fit: contain;
            height: 100%
        }

    .product-placement .title {
        display: block;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 5px;
        max-height: 40px;
        overflow: hidden;
        width: auto
    }

    .product-placement .subtitle {
        display: block;
        font-size: 11px;
        height: 1.5em;
        line-height: 1.5
    }

    .product-placement .tag {
        color: #1a1a1f;
        display: block;
        font-size: 11px
    }

    .product-placement:hover .img-container {
        border: 1px solid #2e2e33;
        opacity: .5
    }

    .product-placement.product-placement-same-size {
        padding: 10px;
        width: 135px
    }

        .product-placement.product-placement-same-size .img-container {
            border: 0;
            background-color: #fff;
            padding: 12px;
            text-align: center
        }

            .product-placement.product-placement-same-size .img-container img {
                max-width: 70%
            }

                .product-placement.product-placement-same-size .img-container img.full-width {
                    max-width: 100%;
                    width: 116px
                }

        .product-placement.product-placement-same-size .title {
            color: #1a1a1f;
            font-weight: 400;
            height: 36px;
            line-height: 1.35;
            margin: 14px 0;
            overflow: visible
        }

        .product-placement.product-placement-same-size:hover, .product-placement.product-placement-same-size.active {
            background-color: #eaebec
        }

@media only screen and (min-width:33.75em) {
    .product-placement {
        text-align: left;
        width: 116px
    }
}

.carousel--cards {
    background-color: #f4f5f6;
    overflow: hidden;
    padding: 0 12px 48px
}

    .carousel--cards .card-image__image, .carousel--cards .card-image__content {
        user-select: none
    }

.carousel--cards__content {
    padding: 24px 12px 12px
}

.carousel--cards__controls.carousel--cards--mobile {
    display: block;
    position: relative
}

.carousel--cards__controls.carousel--cards--desktop {
    display: none
}

.carousel--cards__dots {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: 36px
}

    .carousel--cards__dots button {
        background-color: transparent;
        display: inline-block;
        height: 48px;
        margin: 0;
        padding: 0;
        width: 48px
    }

        .carousel--cards__dots button:before {
            background-color: #2e2e33;
            border: 1px solid transparent;
            border-radius: 50%;
            content: '';
            display: block;
            height: 8px;
            margin: 0 0 0 20px;
            width: 8px
        }

        .carousel--cards__dots button.active:before {
            background-color: #0062ad;
            border: 3px solid transparent
        }

.carousel--cards__arrows button {
    display: block;
    height: 48px;
    position: absolute;
    text-align: center;
    width: 48px
}

.carousel--cards__button-right {
    right: 0
}

    .carousel--cards__button-right:after {
        content: '\e76c';
        font-family: 'BAPIMDL2'
    }

.carousel--cards__button-left {
    left: 0
}

    .carousel--cards__button-left:after {
        content: '\e76b';
        font-family: 'BAPIMDL2'
    }

.carousel--cards__pagination-container {
    overflow: hidden
}

.carousel--cards__cards {
    display: grid;
    left: 0;
    padding-bottom: 12px;
    position: relative
}

    .carousel--cards__cards .card-image {
        display: none;
        margin: 0 12px;
        width: calc(100% - 12px)
    }

        .carousel--cards__cards .card-image:first-child {
            display: flex
        }

        .carousel--cards__cards .card-image:last-child {
            margin-right: 0
        }

        .carousel--cards__cards .card-image.show {
            display: flex
        }

@media only screen and (min-width:48em) {
    .carousel--cards {
        padding-bottom: 24px
    }

    .carousel--cards__controls.carousel--cards--mobile .carousel--cards__arrows {
        position: relative;
        top: 12px
    }

    .carousel--cards__controls.carousel--cards--mobile .carousel--cards__dots {
        top: 12px
    }

    .carousel--cards__dots {
        top: 0
    }

    .carousel--cards__button-right, .carousel--cards__button-left {
        z-index: 1
    }

    .carousel--cards__pagination-container {
        overflow: visible
    }

    .carousel--cards__cards .card-image {
        margin-left: 0;
        max-width: 325px
    }
}

@media only screen and (min-width:60em) {
    .carousel--cards {
        align-items: center;
        display: flex;
        padding-bottom: 0
    }

    .carousel--cards__content {
        display: inline-block;
        margin-right: 12px;
        padding-right: 50px;
        position: relative;
        width: 33%
    }

    .carousel--cards__controls.carousel--cards--mobile {
        display: none
    }

    .carousel--cards__controls.carousel--cards--desktop {
        display: block
    }

        .carousel--cards__controls.carousel--cards--desktop .carousel--cards__arrows {
            display: block;
            position: absolute;
            right: 0;
            top: calc(50% - 72px);
            width: 48px
        }

            .carousel--cards__controls.carousel--cards--desktop .carousel--cards__arrows button {
                position: relative
            }

    .carousel--cards__dots {
        margin-left: -16px;
        text-align: left
    }

    .carousel--cards__button-right {
        margin-bottom: 36px
    }

    .carousel--cards__pagination-container {
        display: inline-block;
        margin: 24px 0 14px;
        overflow: hidden;
        width: calc(66% - 12px)
    }

    .carousel--cards__cards {
        padding-bottom: 10px
    }
}

@media screen and (prefers-reduced-motion:no-preference) {
    .carousel--cards__cards.transition {
        -webkit-transition: left .5s ease-out;
        transition: left .5s ease-out
    }
}

.owl-carousel.carousel--centered .owl-prev, .owl-carousel.carousel--centered .owl-next {
    display: none
}

.owl-carousel.carousel--centered:hover .owl-next, .owl-carousel.carousel--centered:hover .owl-prev {
    bottom: auto;
    display: inline-block;
    position: absolute;
    top: calc(50% - 36px);
    width: 36px
}

    .owl-carousel.carousel--centered:hover .owl-next button, .owl-carousel.carousel--centered:hover .owl-prev button {
        display: inline-block;
        background: #f4f5f6;
        border: 0;
        color: #000;
        font-size: 60px;
        font-weight: 300;
        height: 72px;
        line-height: 0;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 36px
    }

        .owl-carousel.carousel--centered:hover .owl-next button > div, .owl-carousel.carousel--centered:hover .owl-prev button > div {
            display: block
        }

            .owl-carousel.carousel--centered:hover .owl-next button > div:after, .owl-carousel.carousel--centered:hover .owl-prev button > div:after {
                -o-transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                font-size: 26px;
                height: 24px;
                left: 50%;
                line-height: 1;
                position: absolute;
                top: 50%;
                width: 24px
            }

.owl-carousel.carousel--centered:hover .owl-prev {
    left: 7px
}

    .owl-carousel.carousel--centered:hover .owl-prev button > div:after {
        content: '\e76b';
        font-family: 'BAPIMDL2'
    }

.owl-carousel.carousel--centered:hover .owl-next {
    right: 7px
}

    .owl-carousel.carousel--centered:hover .owl-next button > div:after {
        content: '\e76c';
        font-family: 'BAPIMDL2'
    }

.carousel--centered_image {
    display: inline-block !important;
    width: initial !important
}

.carousel--centered_dots {
    margin: 0 auto;
    text-align: center
}

    .carousel--centered_dots .owl-dot {
        background: #2e2e33;
        border: 1px solid #b8b9ba;
        border-radius: 8px;
        height: 8px;
        margin: 0 8px 0 0;
        width: 8px
    }

        .carousel--centered_dots .owl-dot.active, .carousel--centered_dots .owl-dot:active {
            background: #0078d4;
            border-color: #0078d4
        }

@media (forced-colors:active) {
    .carousel--centered_dots .owl-dot.active, .carousel--centered_dots .owl-dot:active {
        background: CanvasText
    }
}

.carousel--centered_dots .owl-dot:focus {
    outline: 2px solid #000;
    outline-offset: 2px
}

.carousel--centered_dots .owl-dot:last-child {
    margin-right: 0
}

.carousel--centered_dots .owl-dot .number {
    display: none
}

.carousel--centered_dots.disabled {
    display: none
}

.carousel--customers {
    text-align: center
}

    .carousel--customers .carousel--customers__content {
        text-align: left
    }

    .carousel--customers .owl-prev, .carousel--customers .owl-next {
        position: absolute;
        top: 1%
    }

        .carousel--customers .owl-prev button, .carousel--customers .owl-next button {
            background-color: transparent;
            border: 0;
            bottom: 0;
            color: #0078d4;
            font-size: 72px;
            font-weight: 300;
            height: 72px;
            line-height: 0;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 48px
        }

            .carousel--customers .owl-prev button > div, .carousel--customers .owl-next button > div {
                display: block
            }

                .carousel--customers .owl-prev button > div:after, .carousel--customers .owl-next button > div:after {
                    -o-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    color: #0078d4;
                    font-size: 26px;
                    height: 30px;
                    left: 50%;
                    line-height: 1;
                    position: absolute;
                    top: 50%;
                    width: 24px
                }

            .carousel--customers .owl-prev button:active, .carousel--customers .owl-next button:active {
                outline: 0
            }

            .carousel--customers .owl-prev button:hover, .carousel--customers .owl-next button:hover {
                background-color: #f4f5f6
            }

    .carousel--customers .owl-prev {
        left: 7px
    }

        .carousel--customers .owl-prev button > div:after {
            content: '\e76b';
            font-family: 'BAPIMDL2'
        }

    .carousel--customers .owl-next {
        right: 7px
    }

        .carousel--customers .owl-next button > div:after {
            content: '\e76c';
            font-family: 'BAPIMDL2'
        }

.owl-carousel .owl-item .carousel--customers__image {
    display: inline-block;
    width: auto;
    width: initial
}

.carousel--customers__dots {
    margin: 0 auto;
    text-align: center
}

    .carousel--customers__dots .owl-dot {
        background: #2e2e33;
        border: 1px solid #b8b9ba;
        border-radius: 8px;
        height: 8px;
        margin: 0 8px 0 0;
        width: 8px
    }

        .carousel--customers__dots .owl-dot.active, .carousel--customers__dots .owl-dot:active {
            background: #0078d4;
            border-color: #0078d4
        }

        .carousel--customers__dots .owl-dot:focus {
            outline: 2px solid #000;
            outline-offset: 2px
        }

        .carousel--customers__dots .owl-dot:last-child {
            margin-right: 0
        }

        .carousel--customers__dots .owl-dot .number {
            display: none
        }

    .carousel--customers__dots.disabled {
        display: none
    }

.carousel--flip-order {
    display: flex;
    flex-direction: column
}

    .carousel--flip-order > :first-child {
        order: 1
    }

.checkbox {
    padding: 5px;
    margin: .5em
}

    .checkbox .checkbox__label {
        display: inline-block;
        font-size: 14px;
        line-height: 1.45;
        padding-left: 28px;
        position: relative
    }

        .checkbox .checkbox__label.checkbox__label--icon {
            padding-left: 70px
        }

    .checkbox .checkbox__option {
        align-items: center;
        display: flex;
        margin: 16px 0
    }

    .checkbox ul {
        list-style: none;
        padding-left: 24px
    }

    .checkbox input[type=checkbox] {
        opacity: 0;
        position: absolute;
        z-index: 1;
        width: 20px;
        height: 20px;
        cursor: pointer
    }

        .checkbox input[type=checkbox]:focus + label {
            outline: 2px solid #747479;
            outline-offset: 2px
        }

        .checkbox input[type=checkbox]:checked + label .checkmark {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M24.2793 0H0.279297V24H24.2793V0Z' fill='%230078D4'/%3E%3Cpath d='M20.3411 7.94423L19.3701 6.9733C19.3348 6.93794 19.2801 6.93794 19.2447 6.9733L9.27822 16.9398L5.36878 13.0336C5.33342 12.9982 5.27876 12.9982 5.2434 13.0336L4.20816 14.0688C4.1728 14.1042 4.1728 14.1588 4.20816 14.1942L9.14962 19.1357C9.18499 19.171 9.23964 19.171 9.27501 19.1357L20.3411 8.06962C20.3764 8.03425 20.3764 7.9796 20.3411 7.94423Z' fill='%23FAFAFB'/%3E%3C/svg%3E");
            background-position: center;
            border: 0
        }

        .checkbox input[type=checkbox]:indeterminate + label .checkmark {
            border: 0;
            background-color: #0078d4;
            display: grid;
            place-content: center
        }

            .checkbox input[type=checkbox]:indeterminate + label .checkmark:before {
                content: '';
                height: 2px;
                width: 12px;
                background-color: #fff
            }

        .checkbox input[type=checkbox] + label .checkmark {
            border: 1.5px solid #4c4c51;
            height: 20px;
            width: 20px;
            position: absolute;
            left: 0
        }

        .checkbox input[type=checkbox]:disabled:checked + label .checkmark {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M24.2793 0H0.279297V24H24.2793V0Z' fill='%23b8b9ba'/%3E%3Cpath d='M20.3411 7.94423L19.3701 6.9733C19.3348 6.93794 19.2801 6.93794 19.2447 6.9733L9.27822 16.9398L5.36878 13.0336C5.33342 12.9982 5.27876 12.9982 5.2434 13.0336L4.20816 14.0688C4.1728 14.1042 4.1728 14.1588 4.20816 14.1942L9.14962 19.1357C9.18499 19.171 9.23964 19.171 9.27501 19.1357L20.3411 8.06962C20.3764 8.03425 20.3764 7.9796 20.3411 7.94423Z' fill='%23FAFAFB'/%3E%3C/svg%3E")
        }

        .checkbox input[type=checkbox]:disabled, .checkbox input[type=checkbox]:disabled + label {
            cursor: not-allowed
        }

            .checkbox input[type=checkbox]:disabled + label {
                color: #747479
            }

                .checkbox input[type=checkbox]:disabled + label .checkmark {
                    border-color: #b8b9ba
                }

    .checkbox .checkbox__icon {
        height: 24px;
        left: 34px;
        position: absolute;
        top: 0;
        width: 24px
    }

.dropdown--default {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1a1a1f;
    line-height: 1.2;
    font-size: 14px;
    padding: 5px;
    height: 36px;
    width: 100%;
    border: 1px solid #747479
}

    .dropdown--default:active {
        box-shadow: 0 2px 5px rgba(0,0,0,.14)
    }

    .dropdown--default:disabled {
        cursor: not-allowed;
        background-color: #eaebec;
        color: #747479;
        border: 1px solid #cccdce
    }

.label--default {
    display: block;
    font-size: 12px;
    margin-bottom: 4px
}

.radio-button {
    padding: 5px;
    margin: .5em
}

    .radio-button .radio-button__label {
        display: inline-block;
        font-size: 14px;
        line-height: 1.45;
        padding-left: 28px;
        position: relative
    }

    .radio-button .radio-button__option {
        margin: 16px 0
    }

    .radio-button input[type=radio] {
        position: absolute;
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px
    }

        .radio-button input[type=radio]:focus + label {
            outline: 2px solid #747479;
            outline-offset: 2px
        }

        .radio-button input[type=radio]:hover:not(:checked) + label {
            color: #747479;
            transition: all .3s ease-out
        }

        .radio-button input[type=radio]:checked + label:before {
            content: '\eccb';
            font-family: 'BAPIMDL2';
            color: #0078d4
        }

        .radio-button input[type=radio] + label:before {
            content: '\ecca';
            font-family: 'BAPIMDL2';
            display: block;
            font-size: 20px;
            color: #747479;
            height: 20px;
            left: 0;
            line-height: 1;
            position: absolute;
            top: 0;
            width: 20px
        }

        .radio-button input[type=radio]:disabled + label:before {
            color: #b8b9ba
        }

        .radio-button input[type=radio]:disabled + label {
            color: #747479;
            cursor: not-allowed
        }

.search--basic {
    position: relative
}

.search--basic__input {
    background-color: #fff;
    border: 1px solid #747479;
    color: #2e2e33;
    font-size: 14px;
    height: 48px;
    padding: 12px 48px 12px 16px;
    width: 100%
}

input[type=search].search--basic__input {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.search--basic__input:focus {
    outline: 2px solid #747479;
    outline-offset: 2px
}

.search--basic__input::placeholder {
    color: #747479
}

.search--basic__button {
    height: 24px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 12px;
    width: 24px;
    background: #fff
}

    .search--basic__button:after {
        color: #747479
    }

    .search--basic__button:not(.search--basic__button--clear):after {
        content: '\e721';
        font-family: 'BAPIMDL2'
    }

.search--basic__button--clear {
    right: 48px;
    font-size: 14px;
    top: 13px;
    pointer-events: none
}

.search--basic__button--clear--visible {
    pointer-events: all
}

    .search--basic__button--clear--visible:after {
        content: '\e894';
        font-family: 'BAPIMDL2'
    }

.search--basic__button:hover:after {
    color: #0078d4
}

.slider {
    margin: 0 auto
}

    .slider input[type=range] {
        background-color: transparent;
        width: 100%;
        display: block;
        padding: 0;
        height: 36px
    }

.status-indicator {
    margin-top: 12px;
    margin-bottom: 12px
}

.status-indicator__container {
    display: inline-block;
    margin-right: 7px
}

    .status-indicator__container .status-indicator__bar, .status-indicator__container:before, .status-indicator__container:after {
        display: inline-block;
        height: 12px;
        width: 7px;
        background-color: #cccdce
    }

@media screen and (-ms-high-contrast:active) {
    .status-indicator__container .status-indicator__bar, .status-indicator__container:before, .status-indicator__container:after {
        background-image: repeating-linear-gradient(45deg,CanvasText,CanvasText 1px,Canvas 1px,Canvas 4px);
        outline: 1px solid CanvasText;
        forced-color-adjust: none
    }
}

.status-indicator__container:before, .status-indicator__container:after {
    content: ''
}

.status-indicator__label {
    font-size: 12px;
    font-weight: 600
}

.status-indicator--available .status-indicator__container .status-indicator__bar, .status-indicator--available .status-indicator__container:before, .status-indicator--available .status-indicator__container:after {
    background-color: #0078d4
}

@media (-ms-high-contrast:active),(forced-colors:active) {
    .status-indicator--available .status-indicator__container .status-indicator__bar, .status-indicator--available .status-indicator__container:before, .status-indicator--available .status-indicator__container:after {
        background: CanvasText;
        forced-color-adjust: none
    }
}

.status-indicator--preview .status-indicator__container .status-indicator__bar, .status-indicator--preview .status-indicator__container:before {
    background-color: #50e6ff
}

@media (-ms-high-contrast:active),(forced-colors:active) {
    .status-indicator--preview .status-indicator__container .status-indicator__bar, .status-indicator--preview .status-indicator__container:before {
        background: CanvasText;
        forced-color-adjust: none
    }
}

.status-indicator--development .status-indicator__container:before {
    background-color: #243a5e
}

@media (-ms-high-contrast:active),(forced-colors:active) {
    .status-indicator--development .status-indicator__container:before {
        background: CanvasText;
        forced-color-adjust: none
    }
}

.switch {
    height: 50px;
    position: relative
}

    .switch .switch__label {
        font-size: 14px !important;
        margin-top: 30px;
        position: relative;
        width: fit-content
    }

    .switch span {
        display: inline-block
    }

        .switch span.switch__label-right {
            margin: 0 0 0 62px
        }

        .switch span.switch__label-left {
            margin: 0 4px 0 0
        }

    .switch .switch__container {
        position: absolute;
        display: inline-block;
        margin-left: 12px
    }

    .switch .switch__slide {
        background-color: #eaebec;
        border-radius: 8px;
        height: 16px;
        position: absolute;
        top: 3px;
        transition: all linear 200ms;
        width: 30px;
        border: 1px solid transparent
    }

        .switch .switch__slide.active {
            background-color: #a1d6ff
        }

    .switch .button-container {
        left: -5px;
        position: absolute;
        transition: all linear 200ms
    }

        .switch .button-container button {
            background-color: #0078d4;
            border: 8px solid #fff;
            border-radius: 50%;
            box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1);
            height: 22px;
            position: absolute;
            top: 0;
            transition: all linear 200ms;
            width: 22px;
            z-index: 1
        }

            .switch .button-container button.disabled {
                background-color: #fff;
                border-color: #747479
            }

            .switch .button-container button:focus + .switch__focus {
                transform: scale(1.5)
            }

            .switch .button-container button:after {
                background-color: #fff;
                border-radius: 3px;
                content: '';
                display: block;
                height: 6px;
                left: 50%;
                opacity: 0;
                position: absolute;
                top: 50%;
                transition: all linear 100ms;
                width: 6px;
                -o-transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

        .switch .button-container .switch__focus {
            background-color: rgba(0,120,212,.1);
            border-radius: 50%;
            display: block;
            height: 22px;
            position: absolute;
            top: 0;
            transition: all linear 100ms;
            width: 22px;
            z-index: 0
        }

        .switch .button-container.active {
            left: 15px
        }

            .switch .button-container.active button {
                border-color: transparent
            }

                .switch .button-container.active button:after {
                    opacity: 1
                }

.switched {
    display: none
}

    .switched.switched-on {
        display: block
    }

.progress-selector-tool {
    padding: 24px 12px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.14)
}

@media only screen and (min-width:48em) {
    .progress-selector-tool {
        padding: 36px
    }
}

.progress-selector-tool__step {
    display: none
}

    .progress-selector-tool__step.active {
        display: block
    }

    .progress-selector-tool__step:focus {
        outline: 0
    }

.progress-selector-tool__content {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:48em) {
    .progress-selector-tool__content {
        flex-direction: row
    }
}

.progress-selector-tool__main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%
}

    .progress-selector-tool__main legend {
        width: 100%
    }

.progress-selector-tool__header {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

    .progress-selector-tool__header + .progress-selector-tool__content .progress-selector-tool__question {
        margin-top: 0
    }

.progress-selector-tool__header--has-background {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12px
}

    .progress-selector-tool__header--has-background .progress-selector-tool__header-title {
        color: #fff;
        font-size: 36px
    }

.progress-selector-tool__header > :first-child {
    margin-right: 24px;
    max-width: 15vw
}

.progress-selector-tool__header-icon {
    height: 24px;
    width: 24px;
    margin-left: 12px
}

@media only screen and (min-width:48em) {
    .progress-selector-tool__header-icon {
        height: 36px;
        width: 36px
    }
}

.progress-selector-tool__header-title {
    margin: 0
}

    .progress-selector-tool__header-title small {
        display: block;
        font-size: 16px
    }

    .progress-selector-tool__header-title:not([class*=heading]) {
        font-size: clamp(24px,7vw,36px)
    }

.progress-selector-tool__progress {
    position: relative
}

.progress-selector-tool__progress-bar {
    width: 100%;
    height: 4px;
    background-color: #cccdce
}

.progress-selector-tool__progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #0062ad
}

.progress-selector-tool__question, .progress-selector-tool__image {
    margin-top: 36px
}

.progress-selector-tool__navigation {
    margin-top: auto;
    padding-top: 24px
}

    .progress-selector-tool__navigation ul li + li {
        margin-left: 24px
    }

.progress-selector-tool__navigation--has-back {
    margin-left: 6px
}

.progress-selector-tool__navigation--restart {
    background-color: #f4f5f6;
    margin-top: 36px;
    padding: 6px;
    text-align: center;
    font-size: 14px
}

.progress-selector-tool__inputs {
    margin: 0 0 0 18px;
    padding: 0
}

    .progress-selector-tool__inputs .radio-button__option, .progress-selector-tool__inputs .checkbox__option {
        margin-bottom: 0
    }

        .progress-selector-tool__inputs .radio-button__option label, .progress-selector-tool__inputs .checkbox__option label {
            font-size: 16px;
            padding-left: 36px
        }

            .progress-selector-tool__inputs .radio-button__option label:before, .progress-selector-tool__inputs .checkbox__option label:before {
                font-size: 24px !important
            }

.progress-selector-tool__validation {
    display: block
}

    .progress-selector-tool__validation:not(:empty) {
        margin-top: 12px
    }

.progress-selector-tool__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 33%
}

@media only screen and (min-width:48em) {
    .progress-selector-tool__image {
        min-width: 180px;
        min-height: 250px;
        padding: 0;
        margin-right: 24px;
        margin-bottom: 0
    }
}

.progress-selector-tool--numbered legend {
    display: flex;
    font-weight: 400;
    line-height: 1.5
}

    .progress-selector-tool--numbered legend > span:first-child {
        margin-right: .25em;
        min-width: 24px;
        text-align: right
    }

.progress-selector-tool__additional-links {
    margin-top: 36px
}

    .progress-selector-tool__additional-links ul.resource-icon-list {
        margin-top: 24px
    }

.step-through .step-through__slide-control:after {
    clear: both;
    content: '';
    display: table
}

.step-through .step-through__slide-control .step-through__step-content {
    padding: 0
}

.step-through .step-through__slide-control .step-through__step-count {
    right: 12px;
    top: 12px;
    position: absolute;
    width: 110px
}

.step-through .step-through__slide-control .step-through__circle-step {
    border: 2px solid transparent;
    float: left;
    position: relative;
    padding: 12px 72px 12px 36px;
    width: 100%
}

    .step-through .step-through__slide-control .step-through__circle-step:before {
        content: '';
        background-color: #fff;
        border: 2px solid #0078d4;
        border-radius: 50%;
        height: 24px;
        left: 16px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 24px
    }

    .step-through .step-through__slide-control .step-through__circle-step.active {
        background-color: #fff;
        border-color: #0078d4
    }

        .step-through .step-through__slide-control .step-through__circle-step.active:before {
            background-color: #0078d4;
            border: 2px solid #fff
        }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .step-through .step-through__slide-control .step-through__circle-step.active:before {
        background: ButtonText;
        forced-color-adjust: none
    }
}

.step-through .step-through__slide.active {
    display: block !important
}

.step-through .step-through__step {
    display: none
}

    .step-through .step-through__step a {
        color: #50e6ff
    }

    .step-through .step-through__step.active {
        display: block !important
    }

    .step-through .step-through__step .step-through__step-image {
        display: block
    }

    .step-through .step-through__step .card {
        padding-bottom: 70px;
        position: relative;
        margin-bottom: 24px
    }

    .step-through .step-through__step .step-through__step-control {
        bottom: 12px;
        left: 24px;
        position: absolute;
        right: 24px
    }

        .step-through .step-through__step .step-through__step-control .step-through__prev-step, .step-through .step-through__step .step-through__step-control .step-through__next-step {
            height: 40px;
            padding: 12px;
            position: relative;
            width: 30px
        }

            .step-through .step-through__step .step-through__step-control .step-through__prev-step:before, .step-through .step-through__step .step-through__step-control .step-through__next-step:before {
                left: 50%;
                position: absolute;
                top: 50%;
                -o-transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .step-through .step-through__step .step-through__step-control .step-through__prev-step[disabled], .step-through .step-through__step .step-through__step-control .step-through__next-step[disabled] {
                color: #747479;
                background-color: transparent
            }

            .step-through .step-through__step .step-through__step-control .step-through__prev-step:before {
                content: '\e76b';
                font-family: 'BAPIMDL2'
            }

            .step-through .step-through__step .step-through__step-control .step-through__next-step:before {
                content: '\e76c';
                font-family: 'BAPIMDL2'
            }

        .step-through .step-through__step .step-through__step-control .step-through__step-label {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            vertical-align: top
        }

@media only screen and (min-width:48em) {
    .step-through .step-through__slide-control {
        position: relative
    }

        .step-through .step-through__slide-control:after {
            content: '';
            border: 1px solid #eaebec;
            position: absolute;
            top: 20px;
            width: 100%;
            z-index: 5
        }

        .step-through .step-through__slide-control .step-through__step-content {
            display: none
        }

        .step-through .step-through__slide-control .step-through__circle-step {
            background-color: transparent;
            border-radius: 50%;
            border: 2px solid transparent;
            display: inline-block;
            height: 36px;
            margin: 4px;
            width: 36px;
            z-index: 6;
            float: none;
            padding: 0
        }

            .step-through .step-through__slide-control .step-through__circle-step:before {
                left: 50%;
                height: 36px;
                width: 36px
            }

            .step-through .step-through__slide-control .step-through__circle-step.active:before {
                height: 24px;
                width: 24px
            }

    .step-through .step-through__step .card {
        height: 300px;
        padding-top: 100px;
        padding-bottom: 12px;
        overflow: auto
    }

    .step-through .step-through__step .step-through__step-control {
        top: 24px;
        bottom: auto;
        margin: 0 -24px
    }
}

@media only screen and (min-width:60em) {
    .step-through .step-through__step .step-through__step-image {
        max-height: 500px
    }

    .step-through .step-through__step .card {
        height: 500px;
        padding-top: 100px;
        overflow: auto
    }

    .step-through .oneStep.card {
        padding-top: 24px
    }

        .step-through .oneStep.card .step-through__step-control {
            display: none !important
        }
}

.customer-logo-group {
    list-style: none;
    text-align: center;
    padding: 0
}

    .customer-logo-group li {
        display: inline-block;
        margin: 12px 18px;
        min-width: 90%;
        vertical-align: middle
    }

        .customer-logo-group li:last-child {
            margin-bottom: 12px
        }

@media only screen and (min-width:33.75em) {
    .customer-logo-group li {
        min-width: 0
    }
}

@media (-ms-high-contrast:active),(forced-colors:active) {
    .customer-logo-group img {
        background: #fff
    }
}

.device-wrapper {
    border-radius: 12px;
    background-color: #000;
    padding: 3%;
    box-shadow: 0 10px 20px rgba(0,0,0,.14)
}

.icon {
    display: inline-block;
    height: 48px;
    line-height: 0;
    vertical-align: middle;
    width: 48px
}

    .icon svg {
        height: 100%;
        pointer-events: none;
        width: 100%
    }

        .icon svg * {
            pointer-events: none
        }

.icon--color00 svg {
    fill: #000
}

.icon--color01 svg {
    fill: #fff
}

.icon--color02 svg {
    fill: #50e6ff
}

.icon--color03 svg {
    fill: #0078d4
}

.icon--color04 svg {
    fill: #0062ad
}

.icon--color05 svg {
    fill: #243a5e
}

.icon--color06 svg {
    fill: #121d2f
}

.icon--color07 svg {
    fill: #89c402
}

.icon--color08 svg {
    fill: #a51419
}

.icon--color09 svg {
    fill: #128912
}

.icon--color10 svg {
    fill: #ff934f
}

.icon--gray10 svg {
    fill: #f8f9fa
}

.icon--gray20 svg {
    fill: #f4f5f6
}

.icon--gray30 svg {
    fill: #eaebec
}

.icon--gray40 svg {
    fill: #cccdce
}

.icon--gray50 svg {
    fill: #b8b9ba
}

.icon--gray60 svg {
    fill: #747479
}

.icon--gray70 svg {
    fill: #4c4c51
}

.icon--gray80 svg {
    fill: #2e2e33
}

.icon--gray90 svg {
    fill: #242429
}

.icon--gray100 svg {
    fill: #1a1a1f
}

.icon-size1 {
    height: 12px;
    width: 12px
}

.icon-size2 {
    height: 24px;
    width: 24px
}

.icon-size3 {
    height: 36px;
    width: 36px
}

.icon-size4 {
    height: 48px;
    width: 48px
}

.icon-size5 {
    height: 60px;
    width: 60px
}

.icon-size6 {
    height: 72px;
    width: 72px
}

.icon-size7 {
    height: 84px;
    width: 84px
}

.icon-size8 {
    height: 96px;
    width: 96px
}

.icon-size9 {
    height: 108px;
    width: 108px
}

.icon-size10 {
    height: 120px;
    width: 120px
}

.icon-size11 {
    height: 132px;
    width: 132px
}

.icon-size12 {
    height: 144px;
    width: 144px
}

.icon-size13 {
    height: 156px;
    width: 156px
}

.icon-size14 {
    height: 168px;
    width: 168px
}

.icon-size15 {
    height: 180px;
    width: 180px
}

.icon-size16 {
    height: 192px;
    width: 192px
}

@media (-ms-high-contrast:black-on-white),(forced-colors:active) and (prefers-color-scheme:light) {
    .icon svg {
        fill: #000 !important
    }
}

@media (-ms-high-contrast:white-on-black),(forced-colors:active) and (prefers-color-scheme:dark) {
    .icon svg {
        fill: #fff !important
    }
}

.icon--glyph-accept:before {
    content: '\e8fb';
    font-family: 'BAPIMDL2'
}

.icon--glyph-add:before {
    content: '\e710';
    font-family: 'BAPIMDL2'
}

.icon--glyph-backward:before {
    content: '\e72b';
    font-family: 'BAPIMDL2'
}

.icon--glyph-calendar:before {
    content: '\e787';
    font-family: 'BAPIMDL2'
}

.icon--glyph-cancel:before {
    content: '\e711';
    font-family: 'BAPIMDL2'
}

.icon--glyph-chevron-down:before {
    content: '\e70d';
    font-family: 'BAPIMDL2'
}

.icon--glyph-chevron-down-small:before {
    content: '\e96e';
    font-family: 'BAPIMDL2'
}

.icon--glyph-chevron-left:before {
    content: '\e76b';
    font-family: 'BAPIMDL2'
}

.icon--glyph-chevron-left-small:before {
    content: '\e96f';
    font-family: 'BAPIMDL2'
}

.icon--glyph-chevron-right:before {
    content: '\e76c';
    font-family: 'BAPIMDL2'
}

.icon--glyph-chevron-right-small:before {
    content: '\e970';
    font-family: 'BAPIMDL2'
}

.icon--glyph-chevron-up:before {
    content: '\e70e';
    font-family: 'BAPIMDL2'
}

.icon--glyph-chevron-up-small:before {
    content: '\e96d';
    font-family: 'BAPIMDL2'
}

.icon--glyph-clear:before {
    content: '\e894';
    font-family: 'BAPIMDL2'
}

.icon--glyph-down:before {
    content: '\e74b';
    font-family: 'BAPIMDL2'
}

.icon--glyph-download:before {
    content: '\e896';
    font-family: 'BAPIMDL2'
}

.icon--glyph-favorite-star:before {
    content: '\e734';
    font-family: 'BAPIMDL2'
}

.icon--glyph-favorite-star-fill:before {
    content: '\e735';
    font-family: 'BAPIMDL2'
}

.icon--glyph-forward:before {
    content: '\e72a';
    font-family: 'BAPIMDL2'
}

.icon--glyph-home:before {
    content: '\e80f';
    font-family: 'BAPIMDL2'
}

.icon--glyph-mini-expand:before {
    content: '\e93a';
    font-family: 'BAPIMDL2'
}

.icon--glyph-pause:before {
    content: '\e769';
    font-family: 'BAPIMDL2'
}

.icon--glyph-play:before {
    content: '\e768';
    font-family: 'BAPIMDL2'
}

.icon--glyph-right-arrow-key-time0:before {
    content: '\ebe7';
    font-family: 'BAPIMDL2'
}

.icon--glyph-search:before {
    content: '\e721';
    font-family: 'BAPIMDL2'
}

.icon--glyph-sort-down:before {
    content: '\ee69';
    font-family: 'BAPIMDL2'
}

.icon--glyph-refresh:before {
    content: '\e72c';
    font-family: 'BAPIMDL2'
}

.faq {
    background-color: #fff;
    color: #2e2e33;
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

    .faq .faq__item {
        margin: 0
    }

.faq__question {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    transition-property: color;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #cccdce;
    font-weight: 600;
    margin: 0;
    padding: 24px 60px 24px 24px;
    text-align: left;
    width: 100%
}

    .faq__question:focus {
        outline-offset: -2px
    }

    .faq__question:after {
        content: '\e70d';
        font-family: 'BAPIMDL2';
        -webkit-transition: all .25s 0s;
        transition: all .25s 0s;
        float: right;
        font-size: 13px;
        margin-top: 0;
        position: relative;
        left: 36px;
        -webkit-text-stroke: 1px currentColor
    }

    .faq__question.active:after {
        content: '\e70d';
        font-family: 'BAPIMDL2';
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .faq__question:hover {
        color: #0078d4
    }

        .faq__question:hover:after {
            -webkit-text-stroke: 1px #0078d4
        }

    .faq__question.faq__load-more-button {
        color: #0078d4
    }

        .faq__question.faq__load-more-button:after {
            content: '\e710';
            font-family: 'BAPIMDL2';
            font-size: 11px;
            -webkit-text-stroke: 1px #0078d4
        }

.faq__answer {
    background-color: #f4f5f6;
    display: none;
    line-height: 1.75;
    margin: 0;
    padding: 24px
}

    .faq__answer :first-child {
        margin-top: 0
    }

    .faq__answer :last-child {
        margin-bottom: 0
    }

.faq__number {
    padding-right: 30px
}

@media only screen and (min-width:33.75em) {
    .faq__question:after {
        margin-top: 2px
    }

    .faq--default__answer {
        padding: 24px 60px 24px 24px
    }
}

input[type=email], input[type=number], input[type=tel], input[type=text], select, textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #747479;
    color: #4c4c51;
    display: block;
    line-height: 1.2;
    padding: 5px;
    width: 100%
}

    input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
        outline: 2px solid #747479;
        outline-offset: 2px
    }

    input[type=email]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=text]:disabled, select:disabled, textarea:disabled {
        cursor: not-allowed
    }

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    height: 70px
}

label {
    cursor: pointer;
    display: inline;
    vertical-align: text-bottom
}

    label a {
        text-decoration: underline
    }

        label a:hover {
            text-decoration: underline
        }

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row + .form-row {
    margin-top: 12px
}

.form-element {
    display: block;
    position: relative
}

.character-count {
    color: #f8f9fa;
    float: right;
    font-size: 11px
}

    .character-count.error {
        color: #a51419
    }

.form-inline {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30ch,1fr));
    grid-gap: 24px;
    align-items: end;
    width: 100%;
    max-width: 80ch
}

.form-inline__field {
    margin-bottom: 24px
}

    .form-inline__field input, .form-inline__field select {
        padding-top: 11px;
        padding-bottom: 11px
    }

    .form-inline__field select {
        height: 43px
    }

@supports (grid-gap:1px) {
    .form-inline__field {
        margin-bottom: 0
    }
}

.form-inline button {
    justify-self: start
}

.cssgrid {
    display: -ms-grid;
    display: grid;
    column-gap: 30px;
    row-gap: 24px;
    margin: 0;
    padding: 0
}

    .cssgrid.cssgrid--no-gap {
        column-gap: 0;
        row-gap: 0
    }

@supports (grid-template-columns:1fr) {
    .cssgrid.cssgrid--mobile-2col {
        grid-template-columns: 1fr 1fr
    }

    @media only screen and (max-width:48em) {
        .cssgrid.cssgrid--mobile-2col {
            gap: var(--cssgrid-gap, 18px)
        }
    }

    @media only screen and (max-width:33.75em) {
        .cssgrid.cssgrid--xs-1col {
            --cssgrid-gap: 24px;
            grid-template-columns: unset
        }
    }
}

@media only screen and (min-width:60em) {
    .cssgrid.cssgrid--1x2 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media only screen and (min-width:60em) {
    .cssgrid.cssgrid--1x3 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media only screen and (min-width:60em) {
    .cssgrid.cssgrid--1x4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media only screen and (min-width:48em) {
    .cssgrid.cssgrid--2x2 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-auto-flow: column;
        grid-auto-rows: 1fr
    }
}

@media only screen and (min-width:48em) {
    .cssgrid.cssgrid--2x3 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-auto-rows: 1fr
    }
}

@media only screen and (min-width:48em) {
    .cssgrid.cssgrid--2x4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-auto-rows: 1fr
    }
}

@media only screen and (min-width:48em) {
    .cssgrid.cssgrid--easy {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }

        .cssgrid.cssgrid--easy > :nth-child(1) {
            grid-row: 1/span 2
        }
}

.news-container {
    overflow-x: scroll;
    padding: 12px 6px 36px
}

.cssgrid.cssgrid--news {
    grid-template-columns: 75vw 75vw 75vw 75vw 75vw 75vw
}

@media only screen and (min-width:33.75em) {
    .cssgrid.cssgrid--news {
        grid-template-columns: 35vw 35vw 35vw 35vw 35vw 35vw
    }
}

@media only screen and (min-width:48em) {
    .news-container {
        overflow-x: visible;
        padding: 0
    }

    .cssgrid.cssgrid--news {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }
}

@media only screen and (min-width:60em) {
    .cssgrid.cssgrid--news {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

        .cssgrid.cssgrid--news .cssgrid--news__story1 {
            grid-column: 3/span 2
        }

        .cssgrid.cssgrid--news .cssgrid--news__story2 {
            grid-column: 2/span 2
        }
}

.masonry-grid {
    column-fill: balance;
    column-gap: 15px;
    columns: 1;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 100%
}

.masonry-grid__brick {
    break-inside: avoid;
    display: block;
    margin-bottom: 15px;
    page-break-inside: avoid;
    width: 100%;
    padding: 0
}

@media only screen and (min-width:33.75em) {
    .masonry-grid {
        columns: 2
    }
}

@media only screen and (min-width:48em) {
    .masonry-grid {
        columns: 3
    }
}

.split-image {
    display: flex;
    flex-direction: column
}

    .split-image .split-image__content {
        background-color: inherit;
        padding: 36px
    }

    .split-image .split-image__image {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 30vh
    }

@media only screen and (min-width:48em) {
    .split-image {
        flex-direction: row
    }

        .split-image .split-image__content {
            padding: 48px;
            width: 50%
        }

        .split-image .split-image__image {
            height: auto;
            width: 50%
        }
}

@media only screen and (min-width:60em) {
    .split-image .split-image__content {
        padding: 60px
    }
}

.anchor-link {
    color: inherit;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    text-decoration: none
}

    .anchor-link:before {
        content: '\ee69';
        font-family: 'BAPIMDL2';
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        display: inline-block;
        font-size: 1.2em;
        line-height: 1.5em;
        margin-right: .5em;
        left: 0;
        position: absolute
    }

    .anchor-link:hover {
        color: inherit;
        text-decoration: none
    }

        .anchor-link:hover:before {
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            margin-top: 4px
        }

.arrow-link {
    color: #0062ad;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding-right: 1em;
    position: relative;
    text-decoration: none
}

    .arrow-link:after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%230062ad'/%3E%3C/svg%3E");
        content: '';
        height: 12px;
        width: 12px;
        display: inline-flex;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-left: .2em;
        transition: all .2s ease-in-out;
        position: absolute;
        bottom: 3px
    }

    .arrow-link:hover {
        color: #002847;
        text-decoration: underline
    }

        .arrow-link:hover:after {
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            margin-left: .4em
        }

    .arrow-link:focus {
        text-decoration: underline
    }

    .arrow-link.text--color02:after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%2350E6FF'/%3E%3C/svg%3E")
    }

    .arrow-link.text--color04:after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%230062ad'/%3E%3C/svg%3E")
    }

.back-link {
    color: inherit;
    display: inline-block;
    position: relative;
    padding-left: 30px;
    text-decoration: none
}

    .back-link:before {
        content: '\ee69';
        font-family: 'BAPIMDL2';
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        transform: rotate(90deg) translate(0,5px);
        display: inline-block;
        line-height: 1.6em;
        left: 12px;
        position: absolute
    }

    .back-link:hover {
        text-decoration: none
    }

        .back-link:hover:before {
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            transform: rotate(90deg) translate(0,5px);
            left: 8px
        }

h1 .back-link, .text-heading1 .back-link, h1.back-link, .text-heading1.back-link {
    padding-left: 50px
}

    h1 .back-link:before, .text-heading1 .back-link:before, h1.back-link:before, .text-heading1.back-link:before {
        line-height: 1.4em
    }

h2 .back-link, .text-heading2 .back-link, .text-body1 .back-link, h2.back-link, .text-heading2.back-link, .text-body1.back-link {
    padding-left: 40px
}

    h2 .back-link:before, .text-heading2 .back-link:before, .text-body1 .back-link:before, h2.back-link:before, .text-heading2.back-link:before, .text-body1.back-link:before {
        line-height: 1.4em
    }

h3 .back-link, .text-heading3 .back-link, .text-body2 .back-link, h3.back-link, .text-heading3.back-link, .text-body2.back-link {
    padding-left: 34px
}

    h3 .back-link:before, .text-heading3 .back-link:before, .text-body2 .back-link:before, h3.back-link:before, .text-heading3.back-link:before, .text-body2.back-link:before {
        line-height: 1.5em
    }

h4 .back-link, .text-heading4 .back-link, .text-body3 .back-link, h4.back-link, .text-heading4.back-link, .text-body3.back-link {
    padding-left: 32px
}

    h4 .back-link:before, .text-heading4 .back-link:before, .text-body3 .back-link:before, h4.back-link:before, .text-heading4.back-link:before, .text-body3.back-link:before {
        line-height: 1.4em
    }

h5 .back-link, .text-heading5 .back-link, h5.back-link, .text-heading5.back-link {
    padding-left: 28px
}

    h5 .back-link:before, .text-heading5 .back-link:before, h5.back-link:before, .text-heading5.back-link:before {
        line-height: 1.4em
    }

h6 .back-link, .text-heading6 .back-link, h6.back-link, .text-heading6.back-link {
    padding-left: 28px
}

    h6 .back-link:before, .text-heading6 .back-link:before, h6.back-link:before, .text-heading6.back-link:before {
        line-height: 1.4em
    }

.text-super .back-link, .text-super.back-link {
    padding-left: 75px
}

    .text-super .back-link:before, .text-super.back-link:before {
        line-height: 1.25em
    }

.text-body4 .back-link, .text-body4.back-link {
    padding-left: 28px
}

    .text-body4 .back-link:before, .text-body4.back-link:before {
        line-height: 1.5em
    }

.text-body5 .back-link, .text-body5.back-link {
    padding-left: 24px
}

    .text-body5 .back-link:before, .text-body5.back-link:before {
        line-height: 1.7em
    }

.text-body6 .back-link, .text-body6.back-link {
    padding-left: 24px
}

    .text-body6 .back-link:before, .text-body6.back-link:before {
        line-height: 1.7em
    }

.icon-link {
    align-items: flex-start;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
    color: #0078d4
}

    .icon-link:before {
        height: 20px;
        margin-right: 4px;
        overflow: hidden;
        width: 20px
    }

    .icon-link:focus {
        text-decoration: underline
    }

    .icon-link.icon-link--expand:before {
        content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 5.70833C3.75 4.90292 4.40292 4.25 5.20833 4.25H8.54167C8.88683 4.25 9.16667 3.97017 9.16667 3.625C9.16667 3.27983 8.88683 3 8.54167 3H5.20833C3.71256 3 2.5 4.21256 2.5 5.70833V15.2917C2.5 16.7874 3.71256 18 5.20833 18H14.7917C16.2874 18 17.5 16.7874 17.5 15.2917V11.9583C17.5 11.6132 17.2202 11.3333 16.875 11.3333C16.5298 11.3333 16.25 11.6132 16.25 11.9583V15.2917C16.25 16.0971 15.5971 16.75 14.7917 16.75H10V12.7917C10 11.526 8.974 10.5 7.70833 10.5H3.75V5.70833ZM3.75 11.75H7.70833C8.28363 11.75 8.75 12.2163 8.75 12.7917V16.75H5.20833C4.40292 16.75 3.75 16.0971 3.75 15.2917V11.75ZM10.8333 3.625C10.8333 3.27983 11.1132 3 11.4583 3H16.8754C17.2206 3 17.5004 3.27983 17.5004 3.625V9.04167C17.5004 9.38683 17.2206 9.66667 16.8754 9.66667C16.5302 9.66667 16.2504 9.38683 16.2504 9.04167V5.13395L11.9002 9.48367C11.6562 9.72767 11.2604 9.72767 11.0163 9.48358C10.7723 9.2395 10.7723 8.84375 11.0164 8.5997L15.3666 4.25H11.4583C11.1132 4.25 10.8333 3.97017 10.8333 3.625Z' fill='%230078d4'/%3E%3C/svg%3E%0A")
    }

    .icon-link.icon-link--expand:hover:before, .icon-link.icon-link--expand:focus:before {
        content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.20833 4.25C4.40292 4.25 3.75 4.90292 3.75 5.70833V10.5H7.70833C8.974 10.5 10 11.526 10 12.7917V16.75H14.7917C15.5971 16.75 16.25 16.0971 16.25 15.2917V11.9583C16.25 11.6132 16.5298 11.3333 16.875 11.3333C17.2202 11.3333 17.5 11.6132 17.5 11.9583V15.2917C17.5 16.7874 16.2874 18 14.7917 18L5.625 18.0002L5.59669 18H5.20833C3.71256 18 2.5 16.7874 2.5 15.2917V5.70833C2.5 4.21256 3.71256 3 5.20833 3H8.54167C8.88683 3 9.16667 3.27983 9.16667 3.625C9.16667 3.97018 8.88683 4.25 8.54167 4.25H5.20833ZM10.8333 3.625C10.8333 3.27983 11.1132 3 11.4583 3H16.8754C17.2206 3 17.5004 3.27983 17.5004 3.625V9.04167C17.5004 9.38683 17.2206 9.66667 16.8754 9.66667C16.5302 9.66667 16.2504 9.38683 16.2504 9.04167V5.13395L11.9002 9.48367C11.6562 9.72767 11.2604 9.72767 11.0163 9.48358C10.7723 9.2395 10.7723 8.84375 11.0164 8.5997L15.3666 4.25H11.4583C11.1132 4.25 10.8333 3.97018 10.8333 3.625Z' fill='%230078d4'/%3E%3C/svg%3E%0A")
    }

    .icon-link.icon-link--play:before {
        content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.37967 7.12891C8.68542 6.74437 7.83333 7.24649 7.83333 8.04015V12.6261C7.83333 13.4198 8.68542 13.9218 9.37967 13.5373L14.1778 10.8798C14.3767 10.7698 14.5 10.5603 14.5 10.3331C14.5 10.1058 14.3767 9.89651 14.1778 9.78634L9.37967 7.12891ZM10.3333 1.99976C5.73096 1.99976 2 5.73071 2 10.3331C2 14.9354 5.73096 18.6664 10.3333 18.6664C14.9357 18.6664 18.6667 14.9354 18.6667 10.3331C18.6667 5.73071 14.9357 1.99976 10.3333 1.99976ZM3.25 10.3331C3.25 6.42107 6.42132 3.24976 10.3333 3.24976C14.2453 3.24976 17.4167 6.42107 17.4167 10.3331C17.4167 14.2451 14.2453 17.4164 10.3333 17.4164C6.42132 17.4164 3.25 14.2451 3.25 10.3331Z' fill='%230078d4'/%3E%3C/svg%3E%0A")
    }

    .icon-link.icon-link--play:hover:before, .icon-link.icon-link--play:focus:before {
        content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66675 10.5003C1.66675 5.89795 5.39771 2.16699 10.0001 2.16699C14.6024 2.16699 18.3334 5.89795 18.3334 10.5003C18.3334 15.1027 14.6024 18.8337 10.0001 18.8337C5.39771 18.8337 1.66675 15.1027 1.66675 10.5003ZM9.04642 7.29614C8.35217 6.91161 7.50008 7.41373 7.50008 8.20738V12.7933C7.50008 13.587 8.35217 14.0891 9.04642 13.7046L13.8446 11.0471C14.0434 10.937 14.1667 10.7276 14.1667 10.5003C14.1667 10.2731 14.0434 10.0637 13.8446 9.95358L9.04642 7.29614Z' fill='%230078d4'/%3E%3C/svg%3E%0A")
    }

.arrowLink {
    color: inherit;
    display: inline-block;
    position: relative
}

    .arrowLink:after {
        content: '\e76c';
        font-family: 'BAPIMDL2';
        display: inline-block;
        font-size: .7em;
        line-height: 2.5em;
        margin-left: .5em;
        position: absolute;
        font-weight: 600
    }

    .arrowLink:hover {
        color: inherit
    }

.text-super .arrowLink:after, .text-super.arrowLink:after {
    line-height: 2em
}

h1 .arrowLink:after, .text-heading1 .arrowLink:after, h1.arrowLink:after, .text-heading1.arrowLink:after {
    line-height: 2.1em
}

h2 .arrowLink:after, .text-heading2 .arrowLink:after, h2.arrowLink:after, .text-heading2.arrowLink:after {
    line-height: 2em
}

h3 .arrowLink:after, .text-heading3 .arrowLink:after, h3.arrowLink:after, .text-heading3.arrowLink:after {
    line-height: 2.2em
}

h4 .arrowLink:after, .text-heading4 .arrowLink:after, h4.arrowLink:after, .text-heading4.arrowLink:after {
    line-height: 2.1em
}

h5 .arrowLink:after, .text-heading5 .arrowLink:after, h5.arrowLink:after, .text-heading5.arrowLink:after {
    line-height: 2.2em
}

h6 .arrowLink:after, .text-heading6 .arrowLink:after, h6.arrowLink:after, .text-heading6.arrowLink:after {
    line-height: 2.2em
}

.text-body1 .arrowLink:after, .text-body1.arrowLink:after {
    line-height: 2.1em
}

.text-body2 .arrowLink:after, .text-body2.arrowLink:after {
    line-height: 2em
}

.text-body3 .arrowLink:after, .text-body3.arrowLink:after {
    line-height: 2em
}

.text-body4 .arrowLink:after, .text-body4.arrowLink:after {
    line-height: 2.2em
}

.text-body5 .arrowLink:after, .text-body5.arrowLink:after {
    line-height: 2.7em
}

.text-body6 .arrowLink:after, .text-body6.arrowLink:after {
    line-height: 2.2em
}

a.img-wrapper {
    display: block;
    padding: 1px
}

    a.img-wrapper img {
        display: block
    }

ol.checklist--default, ul.checklist--default {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0
}

    ol.checklist--default > li, ul.checklist--default > li {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
        padding-left: 30px;
        position: relative
    }

        ol.checklist--default > li:before, ul.checklist--default > li:before {
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            background-color: transparent;
            border-color: #0078d4;
            border-style: solid;
            border-width: 0 0 3px 3px;
            content: '';
            display: inline-block;
            height: 8px;
            left: 2px;
            position: absolute;
            top: 5px;
            vertical-align: middle;
            width: 14px
        }

        ol.checklist--default > li:last-child, ul.checklist--default > li:last-child {
            margin-bottom: 0
        }

        ol.checklist--default > li ol, ul.checklist--default > li ol, ol.checklist--default > li ul, ul.checklist--default > li ul {
            margin: 12px 0
        }

.checklist--default.checklist--default__horizontal-02 {
    display: flex;
    flex-wrap: wrap
}

    .checklist--default.checklist--default__horizontal-02 li {
        display: inline-block;
        width: 100%
    }

@media only screen and (min-width:48em) {
    .checklist--default.checklist--default__horizontal-02 li {
        padding-right: 12px;
        width: 50%
    }
}

.checklist--default.checklist--default__horizontal-03 {
    display: flex;
    flex-wrap: wrap
}

    .checklist--default.checklist--default__horizontal-03 li {
        display: inline-block;
        width: 100%
    }

@media only screen and (min-width:48em) {
    .checklist--default.checklist--default__horizontal-03 li {
        padding-right: 12px;
        width: 50%
    }
}

@media only screen and (min-width:60em) {
    .checklist--default.checklist--default__horizontal-03 li {
        width: 33.333%
    }
}

.checklist--default.checklist--default__horizontal-04 {
    display: flex;
    flex-wrap: wrap
}

    .checklist--default.checklist--default__horizontal-04 li {
        display: inline-block;
        width: 100%
    }

@media only screen and (min-width:48em) {
    .checklist--default.checklist--default__horizontal-04 li {
        padding-right: 12px;
        width: 50%
    }
}

@media only screen and (min-width:60em) {
    .checklist--default.checklist--default__horizontal-04 li {
        width: 25%
    }
}

.description-list dt {
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 9px;
    position: static
}

.description-list dd {
    font-weight: 400;
    margin-left: 0
}

    .description-list dd + dt {
        margin-top: 12px
    }

.list--links {
    list-style-type: none;
    padding-left: 0;
    font-size: 14px;
    font-weight: 600
}

    .list--links li {
        margin-bottom: 12px
    }

.list--links-horizontal {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: -12px 0 0 0;
    padding-left: 0
}

    .list--links-horizontal li {
        margin-right: 24px;
        margin-top: 12px;
        margin-bottom: 0
    }

        .list--links-horizontal li:last-child {
            margin-right: 0
        }

    .list--links-horizontal.list--links-horizontal-center {
        justify-content: center
    }

ol.ordered-list--default {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    ol.ordered-list--default li {
        counter-increment: annotation;
        margin-bottom: 24px;
        padding-left: 36px;
        position: relative
    }

        ol.ordered-list--default li:before {
            align-items: center;
            background-color: #50e6ff;
            border-radius: 50%;
            color: #243a5e;
            content: counter(annotation);
            display: flex;
            font-size: 12px;
            font-weight: 600;
            height: 24px;
            left: 0;
            justify-content: center;
            padding-bottom: 2px;
            position: absolute;
            text-align: center;
            top: 1px;
            width: 24px
        }

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

    ul.list--square > li {
        margin-bottom: 20px;
        padding-left: 24px;
        position: relative
    }

        ul.list--square > li:before {
            content: '';
            height: 6px;
            width: 6px;
            background: #0078d4;
            display: block;
            position: absolute;
            top: 9px;
            left: 0
        }

        ul.list--square > li:last-child {
            margin-bottom: 0
        }

        ul.list--square > li > ul {
            list-style: none;
            padding: 0
        }

            ul.list--square > li > ul > li {
                margin-bottom: 20px;
                padding-left: 24px;
                position: relative
            }

                ul.list--square > li > ul > li:before {
                    content: '';
                    height: 6px;
                    width: 6px;
                    background: #0078d4;
                    display: block;
                    position: absolute;
                    top: 9px;
                    left: 0;
                    border-radius: 50%
                }

                ul.list--square > li > ul > li:last-child {
                    margin-bottom: 0
                }

    ul.list--square ol, ul.list--square ul {
        margin: 12px 0
    }

        ul.list--square ol li, ul.list--square ul li {
            margin-bottom: 20px
        }

.resource-icon-list {
    margin: 0 0 0 14px;
    padding: 0
}

    .resource-icon-list li::marker, .resource-icon-list .list-icon--link::marker {
        content: url("data:image/svg+xml;charset=utf8,%3Csvg fill='%234c4c51' width='14px' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 13V8h1v6H0V0h6v1H1v12h12zM8 0h6v6h-1V1.71L7.352 7.353l-.704-.704L12.29 1H8V0z' /%3E%3C/svg%3E")
    }

    .resource-icon-list .list-icon--download::marker {
        content: url("data:image/svg+xml;charset=utf8,%3Csvg fill='%234c4c51' width='14px' viewBox='0 0 15 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15h8v1H0V0h8.71L13 4.29V7h-1V5H8V1H1v14zM9 4h2.29L9 1.71V4zm4 8.29l1.273-1.267.704.704-2.477 2.476-2.477-2.476.704-.704L12 12.29V8h1v4.29zM15 15v1h-5v-1h5z' /%3E%3C/svg%3E")
    }

    .resource-icon-list .list-icon--video::marker {
        content: url("data:image/svg+xml;charset=utf8,%3Csvg fill='%234c4c51' width='16px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath d='M1024 0q141 0 272 36t244 104 207 160 161 207 103 245 37 272q0 141-36 272t-104 244-160 207-207 161-245 103-272 37q-141 0-272-36t-245-103-207-160-160-208-103-244-37-273q0-141 36-272t104-244 160-207 207-161T752 37t272-37zm0 1920q124 0 238-32t214-90 181-140 140-181 91-214 32-239q0-124-32-238t-90-214-140-181-181-140-214-91-239-32q-124 0-238 32t-214 90-181 140-140 181-91 214-32 239q0 124 32 238t90 214 140 182 181 140 214 90 239 32zM768 512l768 509-768 515V512zm128 784l409-274-409-272v546z'/%3E%3C/svg%3E")
    }

    .resource-icon-list li {
        line-height: 0
    }

        .resource-icon-list li span {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            line-height: 1.5;
            transform: translateY(-.75em)
        }

        .resource-icon-list li + li {
            margin-top: 24px
        }

        .resource-icon-list li::marker {
            color: #4c4c51
        }

@supports selector(::marker) {
    .resource-icon-list li {
        padding-left: 12px
    }

        .resource-icon-list li span {
            transform: translateY(-.1em)
        }
}

.resource-icon-list a {
    margin-bottom: 6px;
    color: #0078d4;
    font-weight: 600;
    text-decoration: none
}

    .resource-icon-list a:hover {
        text-decoration: underline
    }

.marquee-block {
    padding: 48px 24px
}

    .marquee-block.marquee-block--color01, .marquee-block.marquee-block--gray20 {
        color: #4c4c51
    }

        .marquee-block.marquee-block--color01 .text-super, .marquee-block.marquee-block--gray20 .text-super, .marquee-block.marquee-block--color01 h1, .marquee-block.marquee-block--gray20 h1, .marquee-block.marquee-block--color01 .text-heading1, .marquee-block.marquee-block--gray20 .text-heading1, .marquee-block.marquee-block--color01 h2, .marquee-block.marquee-block--gray20 h2, .marquee-block.marquee-block--color01 .text-heading2, .marquee-block.marquee-block--gray20 .text-heading2 {
            color: #1a1a1f
        }

        .marquee-block.marquee-block--color01 h3, .marquee-block.marquee-block--gray20 h3, .marquee-block.marquee-block--color01 .text-heading3, .marquee-block.marquee-block--gray20 .text-heading3, .marquee-block.marquee-block--color01 h4, .marquee-block.marquee-block--gray20 h4, .marquee-block.marquee-block--color01 .text-heading4, .marquee-block.marquee-block--gray20 .text-heading4, .marquee-block.marquee-block--color01 h5, .marquee-block.marquee-block--gray20 h5, .marquee-block.marquee-block--color01 .text-heading5, .marquee-block.marquee-block--gray20 .text-heading5, .marquee-block.marquee-block--color01 h6, .marquee-block.marquee-block--gray20 h6, .marquee-block.marquee-block--color01 .text-heading6, .marquee-block.marquee-block--gray20 .text-heading6 {
            color: #2e2e33
        }

    .marquee-block.marquee-block--color05, .marquee-block.marquee-block--gray90, .marquee-block.marquee-block--gray100 {
        color: #f8f9fa
    }

        .marquee-block.marquee-block--color05 .text-super, .marquee-block.marquee-block--gray90 .text-super, .marquee-block.marquee-block--gray100 .text-super, .marquee-block.marquee-block--color05 h1, .marquee-block.marquee-block--gray90 h1, .marquee-block.marquee-block--gray100 h1, .marquee-block.marquee-block--color05 .text-heading1, .marquee-block.marquee-block--gray90 .text-heading1, .marquee-block.marquee-block--gray100 .text-heading1, .marquee-block.marquee-block--color05 h2, .marquee-block.marquee-block--gray90 h2, .marquee-block.marquee-block--gray100 h2, .marquee-block.marquee-block--color05 .text-heading2, .marquee-block.marquee-block--gray90 .text-heading2, .marquee-block.marquee-block--gray100 .text-heading2 {
            color: #f4f5f6
        }

        .marquee-block.marquee-block--color05 h3, .marquee-block.marquee-block--gray90 h3, .marquee-block.marquee-block--gray100 h3, .marquee-block.marquee-block--color05 .text-heading3, .marquee-block.marquee-block--gray90 .text-heading3, .marquee-block.marquee-block--gray100 .text-heading3, .marquee-block.marquee-block--color05 h4, .marquee-block.marquee-block--gray90 h4, .marquee-block.marquee-block--gray100 h4, .marquee-block.marquee-block--color05 .text-heading4, .marquee-block.marquee-block--gray90 .text-heading4, .marquee-block.marquee-block--gray100 .text-heading4, .marquee-block.marquee-block--color05 h5, .marquee-block.marquee-block--gray90 h5, .marquee-block.marquee-block--gray100 h5, .marquee-block.marquee-block--color05 .text-heading5, .marquee-block.marquee-block--gray90 .text-heading5, .marquee-block.marquee-block--gray100 .text-heading5, .marquee-block.marquee-block--color05 h6, .marquee-block.marquee-block--gray90 h6, .marquee-block.marquee-block--gray100 h6, .marquee-block.marquee-block--color05 .text-heading6, .marquee-block.marquee-block--gray90 .text-heading6, .marquee-block.marquee-block--gray100 .text-heading6 {
            color: #cccdce
        }

        .marquee-block.marquee-block--color05 .button.button--ghost, .marquee-block.marquee-block--gray90 .button.button--ghost, .marquee-block.marquee-block--gray100 .button.button--ghost {
            border: 1px solid #fff;
            color: #fff
        }

            .marquee-block.marquee-block--color05 .button.button--ghost svg, .marquee-block.marquee-block--gray90 .button.button--ghost svg, .marquee-block.marquee-block--gray100 .button.button--ghost svg {
                fill: #fff
            }

            .marquee-block.marquee-block--color05 .button.button--ghost:hover, .marquee-block.marquee-block--gray90 .button.button--ghost:hover, .marquee-block.marquee-block--gray100 .button.button--ghost:hover {
                background-color: #0078d4
            }

                .marquee-block.marquee-block--color05 .button.button--ghost:hover svg, .marquee-block.marquee-block--gray90 .button.button--ghost:hover svg, .marquee-block.marquee-block--gray100 .button.button--ghost:hover svg {
                    fill: #0078d4
                }

        .marquee-block.marquee-block--color05 a:not(.button), .marquee-block.marquee-block--gray90 a:not(.button), .marquee-block.marquee-block--gray100 a:not(.button) {
            color: #50e6ff
        }

    .marquee-block.marquee-block--color01 {
        background-color: #fff
    }

    .marquee-block.marquee-block--color05 {
        background-color: #243a5e
    }

        .marquee-block.marquee-block--color05 ol.checklist--default > li:before, .marquee-block.marquee-block--color05 ul.checklist--default > li:before {
            border-color: #50e6ff
        }

        .marquee-block.marquee-block--color05 ol.list--square > li:before, .marquee-block.marquee-block--color05 ul.list--square > li:before, .marquee-block.marquee-block--color05 ol.list--square > li > ul > li:before, .marquee-block.marquee-block--color05 ul.list--square > li > ul > li:before {
            background: #50e6ff
        }

    .marquee-block.marquee-block--gray20 {
        background-color: #f4f5f6
    }

    .marquee-block.marquee-block--gray90 {
        background-color: #242429
    }

        .marquee-block.marquee-block--gray90 ol.checklist--default > li:before, .marquee-block.marquee-block--gray90 ul.checklist--default > li:before {
            border-color: #50e6ff
        }

        .marquee-block.marquee-block--gray90 ol.list--square > li:before, .marquee-block.marquee-block--gray90 ul.list--square > li:before, .marquee-block.marquee-block--gray90 ol.list--square > li > ul > li:before, .marquee-block.marquee-block--gray90 ul.list--square > li > ul > li:before {
            background: #50e6ff
        }

    .marquee-block.marquee-block--gray100 {
        background-color: #1a1a1f
    }

        .marquee-block.marquee-block--gray100 ol.checklist--default > li:before, .marquee-block.marquee-block--gray100 ul.checklist--default > li:before {
            border-color: #50e6ff
        }

        .marquee-block.marquee-block--gray100 ol.list--square > li:before, .marquee-block.marquee-block--gray100 ul.list--square > li:before, .marquee-block.marquee-block--gray100 ol.list--square > li > ul > li:before, .marquee-block.marquee-block--gray100 ul.list--square > li > ul > li:before {
            background: #50e6ff
        }

    .marquee-block.marquee-block--nopadding {
        padding: 0
    }

    .marquee-block.marquee-block--free-account {
        padding: 48px
    }

        .marquee-block.marquee-block--free-account .marquee-block__main {
            display: flex;
            flex-direction: column;
            gap: 24px
        }

        .marquee-block.marquee-block--free-account .marquee-block__aside {
            margin-top: 36px
        }

        .marquee-block.marquee-block--free-account .marquee-block__list {
            list-style: none;
            padding: 0
        }

            .marquee-block.marquee-block--free-account .marquee-block__list li {
                display: flex;
                margin: 0
            }

                .marquee-block.marquee-block--free-account .marquee-block__list li + li {
                    padding-top: 24px
                }

            .marquee-block.marquee-block--free-account .marquee-block__list .icon {
                margin: 0 12px 0 0
            }

@media only screen and (min-width:48em) {
    .marquee-block.marquee-block--free-account {
        align-items: center;
        display: flex;
        flex-direction: row
    }

        .marquee-block.marquee-block--free-account .marquee-block__main {
            padding-right: 24px;
            width: 70%
        }

        .marquee-block.marquee-block--free-account .marquee-block__aside {
            align-items: center;
            align-self: stretch;
            border-left: 1px solid #747479;
            display: flex;
            margin-top: 0;
            max-width: 30%;
            padding-left: 24px
        }

        .marquee-block.marquee-block--free-account .marquee-block__list .icon {
            margin: 0 12px;
            min-width: 24px
        }
}

@media only screen and (min-width:48em) {
    .marquee-block {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:60em) {
    .marquee-block {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

.modal-visible {
    overflow: hidden
}

.modal-wrapper-mask {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

    .modal-wrapper-mask.visible {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        z-index: 88889
    }

    .modal-wrapper-mask.overflow {
        align-items: flex-start;
        padding-top: 24px;
        padding-bottom: 24px
    }

.modal-base {
    -webkit-transition: all .25s;
    transition: all .25s;
    box-shadow: 0 5px 10px rgba(0,0,0,.5);
    display: none;
    opacity: 0;
    position: relative;
    max-width: calc(100vw - 12px);
    z-index: 99999;
    background-color: #fff
}

    .modal-base .modal__close {
        background-color: transparent;
        border: 0;
        color: #b2b2b7;
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        height: 36px;
        width: 36px;
        text-align: center;
        display: flex;
        height: 24px;
        justify-content: center;
        line-height: 20px;
        padding-left: 2px;
        position: absolute;
        right: 6px;
        top: 6px;
        width: 24px
    }

        .modal-base .modal__close:hover {
            color: #4c4c51
        }

    .modal-base.visible {
        display: block;
        opacity: 1
    }

.modal-base__header, .modal-base__content, .modal-base__footer {
    padding-top: 24px;
    padding-right: 48px;
    padding-left: 48px;
    padding-right: clamp(24px,5vw,48px);
    padding-left: clamp(24px,5vw,48px)
}

.modal-base__header, .modal-base__content {
    padding-bottom: 24px
}

.modal-base__header {
    background-color: #0078d4
}

    .modal-base__header h2, .modal-base__header h3 {
        color: #fff
    }

    .modal-base__header :last-child {
        margin-bottom: 0
    }

.modal-base__content > :first-child {
    margin-top: 0
}

.modal-base__content > :last-child {
    margin-bottom: 0
}

.modal-base__content a:not([class]) {
    word-break: break-word
}

.modal-base__content--flex {
    display: flex
}

    .modal-base__content--flex iframe {
        padding: 4px
    }

.modal-base__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

    .modal-base__footer > :first-child {
        margin-top: 0
    }

.modal-base__actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-grow: 1
}

    .modal-base__actions .button {
        width: auto;
        margin-bottom: 24px
    }

        .modal-base__actions .button + .button {
            margin-left: 36px
        }

@media only screen and (min-width:60em) {
    .modal-base {
        max-width: 800px
    }
}

.modal-image__btn-toggle {
    position: relative;
    display: block;
    border: 2px solid transparent
}

    .modal-image__btn-toggle:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        -webkit-transition: .3s ease;
        transition: .3s ease;
        background-color: rgba(0,0,0,.3)
    }

    .modal-image__btn-toggle:after {
        content: '\e93a';
        font-family: 'BAPIMDL2';
        left: 50%;
        position: absolute;
        top: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #fff;
        font-size: 54px;
        opacity: 0;
        -webkit-transition: .3s ease;
        transition: .3s ease
    }

    .modal-image__btn-toggle:hover:before {
        opacity: 1;
        -webkit-transition: .3s ease;
        transition: .3s ease
    }

    .modal-image__btn-toggle:hover:after {
        opacity: 1;
        -webkit-transition: .3s ease;
        transition: .3s ease
    }

.modal-image__modal {
    display: none;
    position: fixed;
    z-index: 99997;
    padding-top: 96px;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: rgba(0,0,0,.9)
}

    .modal-image__modal .modal-image__btn-close {
        background-color: transparent;
        border: 0;
        color: #b2b2b7;
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        height: 36px;
        width: 36px;
        text-align: center;
        color: #fff !important;
        height: 48px;
        position: fixed;
        right: 12px;
        top: 12px;
        width: 20px;
        z-index: 99998
    }

        .modal-image__modal .modal-image__btn-close:hover {
            color: #4c4c51
        }

.modal-image__image--large {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 90vh;
    max-width: 100%;
    z-index: 99999;
    padding: 24px
}

#modal-video {
    max-height: 95vh;
    width: calc(100% - 48px);
    max-width: 1310px;
    background: 0 0;
    box-shadow: none
}

    #modal-video iframe {
        width: calc(100% - 24px);
        height: 100%;
        min-height: 400px;
        background-color: #000;
        border: 0
    }

    #modal-video .modal-video__close {
        background-color: transparent;
        border: 0;
        color: #b2b2b7;
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        height: 36px;
        width: 36px;
        text-align: center;
        color: #747479;
        background-color: #fff;
        height: 24px;
        width: 24px;
        padding-bottom: 4px;
        line-height: 0;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1
    }

        #modal-video .modal-video__close:hover {
            color: #4c4c51
        }

        #modal-video .modal-video__close:focus {
            outline-color: #fff
        }

@supports (aspect-ratio:1) {
    #modal-video {
        aspect-ratio: 16/9
    }

        #modal-video iframe {
            min-height: unset
        }
}

.sd-multiselect {
    float: right;
    margin-top: 12px;
    position: relative
}

    .sd-multiselect > button {
        background: 0 0;
        border: 1px solid #4c4c51;
        display: inline-block;
        padding: 7px 48px 7px 12px;
        line-height: 1.2;
        position: relative
    }

        .sd-multiselect > button:after {
            border-left: 1.5px solid #747479;
            border-top: 1.5px solid #747479;
            content: '';
            display: block;
            height: 8px;
            position: absolute;
            right: 12px;
            top: 11px;
            width: 8px;
            -o-transform: rotate(225deg);
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
            -webkit-transition: all .1s ease-out;
            transition: all .1s ease-out
        }

        .sd-multiselect > button.active:after {
            margin-top: 4px;
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all .1s ease-out;
            transition: all .1s ease-out
        }

        .sd-multiselect > button:focus, .sd-multiselect > button:active {
            outline: 2px solid #747479;
            outline-offset: 2px
        }

            .sd-multiselect > button:focus.display-all, .sd-multiselect > button:active.display-all {
                background-color: #006abb
            }

    .sd-multiselect .sd-multiselect-options {
        background-color: #fff;
        border: 1px solid #cccdce;
        display: none;
        font-size: 14px;
        margin-top: -1px;
        max-width: 200px;
        padding: 6px 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 1
    }

        .sd-multiselect .sd-multiselect-options > label {
            display: block;
            overflow: hidden;
            padding: 6px 12px;
            padding-right: 0;
            text-overflow: ellipsis;
            width: 100%
        }

            .sd-multiselect .sd-multiselect-options > label:hover {
                background-color: #f4f5f6
            }

            .sd-multiselect .sd-multiselect-options > label > input {
                cursor: pointer;
                margin-top: 5px;
                position: absolute
            }

            .sd-multiselect .sd-multiselect-options > label > span {
                margin-left: 24px
            }

    .sd-multiselect[data-dropdownType=filter] {
        display: block;
        float: none
    }

        .sd-multiselect[data-dropdownType=filter] button {
            background-color: #fff;
            color: #4c4c51;
            text-align: left;
            line-height: 1.2;
            padding: 7px 9px;
            width: 100%
        }

            .sd-multiselect[data-dropdownType=filter] button:hover {
                background-color: #f4f5f6;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out
            }

        .sd-multiselect[data-dropdownType=filter] .sd-multiselect-options {
            color: #4c4c51;
            max-height: 275px;
            max-width: inherit;
            overflow-y: scroll;
            right: inherit;
            width: 100%
        }

            .sd-multiselect[data-dropdownType=filter] .sd-multiselect-options.multi-col .multi-col-wrapper {
                float: left;
                width: 50%
            }

.global-subnav-container {
    width: 100%
}

.global-subnav {
    position: relative;
    z-index: 1
}

    .global-subnav .list--links-horizontal {
        margin-bottom: 0;
        margin-top: 0
    }

        .global-subnav .list--links-horizontal.initial-list {
            white-space: nowrap
        }

        .global-subnav .list--links-horizontal li {
            margin-right: 0;
            margin-top: 0
        }

            .global-subnav .list--links-horizontal li:not(.button-container) {
                margin-bottom: 0;
                padding: 0;
                width: 100%
            }

                .global-subnav .list--links-horizontal li:not(.button-container) a, .global-subnav .list--links-horizontal li:not(.button-container) button {
                    border-bottom: 3px solid transparent;
                    color: #000;
                    display: block;
                    font-size: 15px;
                    padding: 10px 26px 7px 10px;
                    position: relative;
                    width: 100%;
                    text-decoration: none
                }

                    .global-subnav .list--links-horizontal li:not(.button-container) a:after, .global-subnav .list--links-horizontal li:not(.button-container) button:after {
                        content: '\e76c';
                        font-family: 'BAPIMDL2';
                        position: absolute;
                        right: 12px
                    }

                    .global-subnav .list--links-horizontal li:not(.button-container) a:hover:after, .global-subnav .list--links-horizontal li:not(.button-container) button:hover:after {
                        color: #2e2e33;
                        font-weight: 600
                    }

                    .global-subnav .list--links-horizontal li:not(.button-container) a:hover:not(#subnav-button-slide-in):not(.featured-link) {
                        background-color: #eaebec;
                        border-bottom: 3px solid #eaebec
                    }

                    .global-subnav .list--links-horizontal li:not(.button-container) a[href]:hover:not(#subnav-button-slide-in) {
                        text-decoration: underline
                    }

                .global-subnav .list--links-horizontal li:not(.button-container) .featured-link {
                    font-weight: 600
                }

                    .global-subnav .list--links-horizontal li:not(.button-container) .featured-link:hover {
                        color: #0078d4
                    }

                .global-subnav .list--links-horizontal li:not(.button-container).active > a, .global-subnav .list--links-horizontal li:not(.button-container).active > button {
                    border-color: #0078d4 !important
                }

                    .global-subnav .list--links-horizontal li:not(.button-container).active > a:hover, .global-subnav .list--links-horizontal li:not(.button-container).active > button:hover {
                        border-color: #0078d4
                    }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .global-subnav .list--links-horizontal li:not(.button-container).active > a, .global-subnav .list--links-horizontal li:not(.button-container).active > button, .global-subnav .list--links-horizontal li:not(.button-container).active > a:hover, .global-subnav .list--links-horizontal li:not(.button-container).active > button:hover {
        border-color: highlight !important;
        color: highlight !important
    }

        .global-subnav .list--links-horizontal li:not(.button-container).active > a:before, .global-subnav .list--links-horizontal li:not(.button-container).active > button:before, .global-subnav .list--links-horizontal li:not(.button-container).active > a:hover:before, .global-subnav .list--links-horizontal li:not(.button-container).active > button:hover:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            border: .5em solid canvas;
            border-bottom-color: highlight
        }
}

.global-subnav .list--links-horizontal li:not(.button-container).sub-active > a:after {
    background-color: #0078d4;
    border-radius: 50%;
    content: '';
    height: 7px;
    width: 7px;
    position: absolute;
    right: 15px;
    top: 19px
}

.global-subnav .list--links-horizontal li:not(.button-container) a[href^='#'] {
    padding-right: 10px
}

    .global-subnav .list--links-horizontal li:not(.button-container) a[href^='#']:after {
        content: ''
    }

.global-subnav .list--links-horizontal li:not(.button-container) .subnav-menu-button:after {
    -webkit-transition: transform .25s 0s;
    transition: transform .25s 0s;
    margin-top: -9px;
    position: absolute;
    right: 10px;
    top: 50%;
    content: '\e70d';
    font-family: 'BAPIMDL2'
}

.global-subnav .list--links-horizontal li:not(.button-container) .subnav-menu-button:not(.featured-dropdown-button):hover {
    background-color: #eaebec
}

.global-subnav .list--links-horizontal li:not(.button-container) .subnav-menu-button.open:after {
    -webkit-transition: transform .25s 0s;
    transition: transform .25s 0s;
    margin-top: -9px;
    position: absolute;
    right: 10px;
    top: 50%;
    content: '\e70d';
    font-family: 'BAPIMDL2';
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.global-subnav .list--links-horizontal li:not(.button-container).featured-container a, .global-subnav .list--links-horizontal li:not(.button-container).featured-container button {
    font-weight: 600
}

    .global-subnav .list--links-horizontal li:not(.button-container).featured-container a:hover, .global-subnav .list--links-horizontal li:not(.button-container).featured-container button:hover {
        color: #0078d4
    }

.global-subnav .list--links-horizontal li:not(.button-container):not(.subnav-menu-dropdown).active > a:after, .global-subnav .list--links-horizontal li:not(.button-container):not(.subnav-menu-dropdown).active > button:after {
    content: ''
}

.global-subnav .list--links-horizontal.subnav-list li > a {
    padding-left: 24px
}

    .global-subnav .list--links-horizontal.subnav-list li > a:after {
        content: none
    }

.global-subnav .list--links-horizontal.subnav-list li:last-child {
    border-bottom: none
}

.global-subnav.subnav-light {
    background-color: #fff
}

    .global-subnav.subnav-light .list--links-horizontal li:not(.active) {
        border-bottom: 1px solid #eaebec
    }

    .global-subnav.subnav-light .list--links-horizontal.subnav-list > li:first-child {
        border-top: 1px solid #eaebec
    }

    .global-subnav.subnav-light .list--links-horizontal.subnav-list > li:last-child {
        border-bottom: none
    }

.global-subnav.subnav-dark {
    background-color: #2e2e33
}

    .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container) a, .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container) button {
        color: #fff
    }

        .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container) a:hover:not(#subnav-button-slide-in):not(.featured-link) {
            background-color: #4c4c51;
            border-bottom: 3px solid #4c4c51
        }

            .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container) a:hover:not(#subnav-button-slide-in):not(.featured-link):after {
                color: #fff
            }

    .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container).active > a, .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container).active > button {
        border-color: #50e6ff !important
    }

        .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container).active > a:hover, .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container).active > button:hover {
            border-color: #50e6ff
        }

    .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container) .subnav-menu-button:not(.featured-dropdown-button):hover {
        background-color: #4c4c51
    }

    .global-subnav.subnav-dark .list--links-horizontal li:not(.button-container) .subnav-menu-button:not(.featured-dropdown-button):after {
        color: #fff
    }

    .global-subnav.subnav-dark .list--links-horizontal.subnav-list {
        background-color: #2e2e33
    }

        .global-subnav.subnav-dark .list--links-horizontal.subnav-list .sub-active > a:after {
            background-color: #fff;
            border-radius: 50%;
            content: '';
            height: 7px;
            width: 7px
        }

    .global-subnav.subnav-dark .list--links-horizontal .featured-container .featured-dropdown-button:hover:after, .global-subnav.subnav-dark .list--links-horizontal .featured-container .featured-dropdown-button:hover, .global-subnav.subnav-dark .list--links-horizontal .featured-container .featured-link:hover:after, .global-subnav.subnav-dark .list--links-horizontal .featured-container .featured-link:hover {
        color: #50e6ff
    }

.global-subnav a, .global-subnav button {
    outline-offset: -6px
}

@media only screen and (min-width:48em) {
    .global-subnav {
        align-items: center;
        display: flex;
        height: 60px;
        max-width: 1280px;
        width: 100%
    }

        .global-subnav .list--links-horizontal.initial-list {
            text-align: center
        }

        .global-subnav .list--links-horizontal li:not(.button-container) {
            border-bottom: none;
            width: inherit;
            margin-right: 0
        }

            .global-subnav .list--links-horizontal li:not(.button-container) a, .global-subnav .list--links-horizontal li:not(.button-container) button {
                font-size: 14px;
                padding: 20px 26px 16px 14px
            }

                .global-subnav .list--links-horizontal li:not(.button-container) a:after, .global-subnav .list--links-horizontal li:not(.button-container) button:after {
                    font-size: 10px;
                    top: 25px
                }

            .global-subnav .list--links-horizontal li:not(.button-container).padding-left {
                padding-left: 12px
            }

            .global-subnav .list--links-horizontal li:not(.button-container) .subnav-menu-button {
                padding-right: 26px
            }

                .global-subnav .list--links-horizontal li:not(.button-container) .subnav-menu-button:after {
                    font-size: 10px;
                    top: 35px
                }

                .global-subnav .list--links-horizontal li:not(.button-container) .subnav-menu-button.open:after {
                    font-size: 10px;
                    top: 33px
                }

            .global-subnav .list--links-horizontal li:not(.button-container).sub-active > a:after {
                top: 26px
            }

            .global-subnav .list--links-horizontal li:not(.button-container) a[href^='#'], .global-subnav .list--links-horizontal li:not(.button-container).active > a, .global-subnav .list--links-horizontal li:not(.button-container).active > button:not(.subnav-menu-button) {
                padding-right: 14px
            }

        .global-subnav .list--links-horizontal .button-container a {
            font-size: 14px
        }

        .global-subnav .list--links-horizontal .featured-container {
            position: relative
        }

            .global-subnav .list--links-horizontal .featured-container .subnav-menu-button.featured-dropdown-button {
                padding-right: 34px
            }

                .global-subnav .list--links-horizontal .featured-container .subnav-menu-button.featured-dropdown-button:after, .global-subnav .list--links-horizontal .featured-container .subnav-menu-button.featured-dropdown-button.open:after {
                    right: 17px
                }

            .global-subnav .list--links-horizontal .featured-container:after {
                background-color: #f4f5f6;
                content: '';
                height: 36px;
                position: absolute;
                right: 0;
                top: 12px;
                width: 2px
            }

        .global-subnav .list--links-horizontal.subnav-list {
            background-color: #fff;
            display: block;
            position: absolute;
            text-align: left;
            min-width: 150px;
            z-index: 2
        }

            .global-subnav .list--links-horizontal.subnav-list li {
                padding: 0
            }

                .global-subnav .list--links-horizontal.subnav-list li a {
                    padding: 18px 32px 15px 12px
                }

                    .global-subnav .list--links-horizontal.subnav-list li a:after {
                        top: 23px
                    }

                    .global-subnav .list--links-horizontal.subnav-list li a[href^='#'] {
                        padding-right: 12px
                    }

                .global-subnav .list--links-horizontal.subnav-list li.sub-active > a {
                    padding-right: 24px
                }

                    .global-subnav .list--links-horizontal.subnav-list li.sub-active > a:after {
                        right: 11px;
                        top: 26px
                    }

            .global-subnav .list--links-horizontal.subnav-list#more-menu-list .toggled {
                position: relative
            }

                .global-subnav .list--links-horizontal.subnav-list#more-menu-list .toggled .subnav-list {
                    right: 150px;
                    top: -60px
                }

            .global-subnav .list--links-horizontal.subnav-list#more-menu-list .subnav-menu-button.open:after {
                -webkit-transition: transform .25s 0s;
                transition: transform .25s 0s;
                margin-top: -9px;
                position: absolute;
                right: 10px;
                top: 50%;
                content: '\e70d';
                font-family: 'BAPIMDL2';
                -o-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

            .global-subnav .list--links-horizontal.subnav-list#more-menu-list .subnav-menu-button.open:after {
                right: 15px;
                top: 33px
            }

        .global-subnav.subnav-light .list--links-horizontal li:not(.active) {
            border-bottom: none
        }

        .global-subnav.subnav-light .list--links-horizontal.subnav-list li:first-child {
            border-top: none
        }

        .global-subnav.subnav-light .subnav-list {
            box-shadow: 0 5px 10px rgba(0,0,0,.22)
        }

        .global-subnav.subnav-dark .featured-container:after {
            background-color: #4c4c51
        }

    .global-subnav--floated {
        margin-top: -30px;
        height: 30px
    }

        .global-subnav--floated + * > :first-child {
            padding-top: 30px
        }

    .global-subnav--sticky {
        position: sticky;
        top: 0;
        z-index: 10
    }
}

.psuedo-element-mixin {
    content: '';
    height: 12px;
    width: 12px;
    display: inline-flex;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: -2px
}

.pagination--default .pagination__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.pagination--default li {
    color: #0062ad;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 6px
}

.pagination--default .pagination__current {
    color: #fff;
    background-color: #0062ad
}

.pagination--default .pagination__ellipsis {
    padding: 6px 10.5px
}

    .pagination--default .pagination__ellipsis:after {
        content: '\2026';
        color: #4c4c51
    }

.pagination--default a {
    color: #0062ad;
    text-decoration: none
}

    .pagination--default a:hover {
        color: #0062ad;
        border-bottom: 2px solid #0062ad;
        text-decoration: none
    }

    .pagination--default a:focus {
        outline: solid 1px #1a1a1f
    }

.pagination--default .pagination__current, .pagination--default a {
    padding: 6px 13px
}

.pagination--default .pagination__prev > a, .pagination--default .pagination__next > a {
    padding: 6.5px 11px
}

    .pagination--default .pagination__prev > a:before, .pagination--default .pagination__next > a:after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%230062ad'/%3E%3C/svg%3E");
        content: '';
        height: 12px;
        width: 12px;
        display: inline-flex;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-top: -2px
    }

    .pagination--default .pagination__prev > a:before {
        position: relative;
        transform: rotate(180deg)
    }

@media only screen and (min-width:48em) {
    .pagination--default li {
        margin-right: 12px
    }

    .pagination--default .pagination__prev > a:before, .pagination--default .pagination__next > a:after {
        content: none
    }

    .pagination--default .pagination__prev > a, .pagination--default .pagination__next > a {
        padding: 6.5px 0
    }

    .pagination--default .pagination__prev:before, .pagination--default .pagination__next:after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L9 6L4 11' stroke='%230062ad'/%3E%3C/svg%3E");
        content: '';
        height: 12px;
        width: 12px;
        display: inline-flex;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-top: -2px
    }

    .pagination--default .pagination__prev:before {
        position: relative;
        transform: rotate(180deg)
    }
}

.tri-navigation__icon {
    display: block;
    font-size: 40px;
    height: 40px;
    line-height: 1;
    width: 40px;
    margin: 10px auto
}

.tri-navigation__icon-wrapper {
    text-align: center
}

.tri-navigation {
    display: flex;
    align-items: stretch;
    background-color: #000
}

.tri-navigation__link-text {
    color: #fff;
    display: none
}

.tri-navigation__link {
    width: 33.3%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

    .tri-navigation__link:after {
        content: '';
        display: block;
        padding-bottom: 100%
    }

    .tri-navigation__link:hover {
        background: #2e2e33;
        text-decoration: none
    }

@media only screen and (min-width:48em) {
    .tri-navigation__link-text {
        display: block
    }

    .tri-navigation__icon {
        font-size: 70px;
        height: 70px;
        width: 70px
    }
}

.section--image {
    display: flex;
    justify-content: center;
    padding: 0
}

    .section--image .section--image__container {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
        width: 1310px
    }

.expansion-panel, .expansion-panel__item__content {
    list-style-type: none;
    padding-left: 0
}

    .expansion-panel .toggler, .expansion-panel__item__content .toggler {
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0,0,0,.14);
        border: 1px solid transparent;
        font-size: 16px;
        font-weight: 600;
        color: #2e2e33;
        min-height: 62px;
        padding: 0 48px 0 24px;
        position: relative;
        vertical-align: middle;
        width: 100%
    }

        .expansion-panel .toggler:before, .expansion-panel__item__content .toggler:before {
            content: '\e70d';
            font-family: 'BAPIMDL2';
            -webkit-transition: all .25s 0s;
            transition: all .25s 0s;
            position: absolute;
            right: 24px;
            top: 30%;
            font-weight: 900;
            font-size: 16px
        }

        .expansion-panel .toggler.open:before, .expansion-panel__item__content .toggler.open:before {
            content: '\e70d';
            font-family: 'BAPIMDL2';
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .expansion-panel .toggler:hover, .expansion-panel__item__content .toggler:hover {
            color: #0078d4;
            transition: .2s ease-out
        }

.expansion-panel__item__content {
    padding: 24px
}

.expansion-panel__item {
    margin-bottom: 6px
}

@media only screen and (min-width:48em) {
    .expansion-panel .toggler {
        font-size: 16px
    }
}

.toggled {
    display: none
}

    .toggled.open {
        display: block
    }

.data-table-base {
    overflow-x: auto
}

table.data-table__table {
    background-color: inherit;
    border: 0;
    text-align: left;
    margin: 0;
    width: 99.9%
}

    table.data-table__table thead {
        color: #242429;
        font-weight: 700;
        margin-bottom: 24px;
        border-bottom: none !important
    }

        table.data-table__table thead tr {
            border: 0
        }

        table.data-table__table thead th, table.data-table__table thead td {
            background-color: #eaebec;
            padding: 12px;
            font-size: 14px;
            text-transform: none !important;
            vertical-align: middle;
            font-weight: 600
        }

    table.data-table__table tbody {
        border: 1px solid #eaebec;
        background-color: #fff;
        font-size: 14px;
        font-weight: 400
    }

        table.data-table__table tbody tr {
            border: 0
        }

            table.data-table__table tbody tr.data-table__stripe {
                background-color: #f4f5f6
            }

        table.data-table__table tbody td {
            padding: 12px;
            vertical-align: middle
        }

    table.data-table__table.data-table__table--align-top thead th, table.data-table__table.data-table__table--align-top thead td {
        vertical-align: top
    }

    table.data-table__table.data-table__table--align-top tbody td {
        vertical-align: top
    }

.data-table__shadow-wrapper {
    position: relative
}

.data-table__left-shadow, .data-table__right-shadow {
    display: none;
    height: 100%;
    position: absolute;
    width: 9px;
    top: 0;
    z-index: 1
}

.data-table__left-shadow {
    background-image: linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(255,255,255,0) 100%);
    left: 0
}

.data-table__right-shadow {
    background-image: linear-gradient(270deg,rgba(0,0,0,.15) 0%,rgba(255,255,255,0) 100%);
    right: 0
}

.data-table--tall {
    height: 80vh;
    overflow-y: scroll
}

    .data-table--tall thead {
        z-index: 10000
    }

        .data-table--tall thead th {
            position: sticky;
            top: 0;
            z-index: 2
        }

.data-table--dark .data-table__table thead th {
    background-color: #1a1a1f;
    color: #fff;
    font-weight: 400
}

.data-table--default tbody tr {
    border: 0
}

.data-table--lined table.data-table__table {
    position: relative
}

    .data-table--lined table.data-table__table tbody tr {
        background-color: #fff
    }

        .data-table--lined table.data-table__table tbody tr:nth-child(even) {
            background-color: #f4f5f6
        }

    .data-table--lined table.data-table__table tbody td {
        border-right: 1px solid #eaebec;
        vertical-align: middle
    }

        .data-table--lined table.data-table__table tbody td:last-child {
            border-right: none
        }

        .data-table--lined table.data-table__table tbody td .center-icon {
            align-items: center;
            display: grid;
            grid-template-columns: 24px auto;
            grid-template-rows: 1fr;
            column-gap: 12px
        }

    .data-table--lined table.data-table__table.data-table__table--align-top tbody th, .data-table--lined table.data-table__table.data-table__table--align-top tbody td {
        vertical-align: top
    }

.data-table--pricing table.data-table__table thead {
    background-color: #eaebec
}

    .data-table--pricing table.data-table__table thead th {
        font-size: 16px;
        vertical-align: top;
        line-height: 1.3
    }

.data-table--pricing table.data-table__table tbody td, .data-table--pricing table.data-table__table tbody th {
    font-size: 16px;
    width: 130px;
    vertical-align: top
}

    .data-table--pricing table.data-table__table tbody td .price-value {
        font-size: 20px;
        font-weight: 600
    }

    .data-table--pricing table.data-table__table tbody td > :first-child {
        margin-top: 0
    }

.data-table--pricing table.data-table__table tbody th {
    text-transform: none
}

    .data-table--pricing table.data-table__table tbody th > p {
        font-weight: 400
    }

.sd-table-container {
    max-width: 1170px;
    overflow-x: scroll;
    width: 100%
}

    .sd-table-container table.sd-table {
        table-layout: fixed;
        width: 100%
    }

        .sd-table-container table.sd-table th, .sd-table-container table.sd-table td {
            display: none;
            width: 130px
        }

            .sd-table-container table.sd-table th.column-1, .sd-table-container table.sd-table td.column-1 {
                width: 175px
            }

            .sd-table-container table.sd-table th.show-small, .sd-table-container table.sd-table td.show-small {
                display: table-cell
            }

.sd-table-fixed-headers-container {
    position: fixed;
    top: 0;
    z-index: 1
}

    .sd-table-fixed-headers-container .sd-table-fixed-headers {
        margin-top: 0
    }

table {
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #eaebec;
    margin: 12px 0;
    padding: 0;
    text-align: left;
    width: 100%
}

    table a {
        text-decoration: underline
    }

        table a:hover {
            text-decoration: underline
        }

    table caption {
        caption-side: bottom;
        color: #4c4c51;
        font-size: 12px;
        line-height: 1.5;
        margin-top: 12px;
        padding: 0;
        text-align: left
    }

        table caption li {
            margin-bottom: 0
        }

    table thead {
        border-bottom: 2px solid #eaebec
    }

    table tfoot {
        border-bottom: 2px solid #eaebec;
        border-top: 2px solid #eaebec
    }

    table tr {
        border-bottom: 1px solid #eaebec
    }

    table th {
        font-size: 12px;
        font-weight: 600;
        text-align: inherit;
        text-transform: uppercase
    }

    table td, table th {
        padding: 12px 6px;
        vertical-align: top
    }

    table .button.button-tiny {
        display: inline-block;
        font-size: 16px;
        padding: 3px 10px 4px
    }

@media (-ms-high-contrast:active),(forced-colors:active) {
    table {
        border: 1px solid
    }

        table th, table td {
            border: 1px solid
        }
}

.table-width-auto {
    width: auto
}

.table-width-even {
    table-layout: fixed
}

    .table-width-even td:nth-child(1):nth-last-child(2), .table-width-even th:nth-child(1):nth-last-child(2), .table-width-even td:nth-child(2):nth-last-child(1), .table-width-even th:nth-child(2):nth-last-child(1) {
        width: 50%
    }

    .table-width-even td:nth-child(1):nth-last-child(3), .table-width-even th:nth-child(1):nth-last-child(3), .table-width-even td:nth-child(2):nth-last-child(2), .table-width-even th:nth-child(2):nth-last-child(2), .table-width-even td:nth-child(3):nth-last-child(1), .table-width-even th:nth-child(3):nth-last-child(1) {
        width: 33.333%
    }

    .table-width-even td:nth-child(1):nth-last-child(4), .table-width-even th:nth-child(1):nth-last-child(4), .table-width-even td:nth-child(2):nth-last-child(3), .table-width-even th:nth-child(2):nth-last-child(3), .table-width-even td:nth-child(3):nth-last-child(2), .table-width-even th:nth-child(3):nth-last-child(2), .table-width-even td:nth-child(4):nth-last-child(1), .table-width-even th:nth-child(4):nth-last-child(1) {
        width: 25%
    }

    .table-width-even td:nth-child(1):nth-last-child(5), .table-width-even th:nth-child(1):nth-last-child(5), .table-width-even td:nth-child(2):nth-last-child(4), .table-width-even th:nth-child(2):nth-last-child(4), .table-width-even td:nth-child(3):nth-last-child(3), .table-width-even th:nth-child(3):nth-last-child(3), .table-width-even td:nth-child(4):nth-last-child(2), .table-width-even th:nth-child(4):nth-last-child(2), .table-width-even td:nth-child(5):nth-last-child(1), .table-width-even th:nth-child(5):nth-last-child(1) {
        width: 20%
    }

    .table-width-even td:nth-child(1):nth-last-child(6), .table-width-even th:nth-child(1):nth-last-child(6), .table-width-even td:nth-child(2):nth-last-child(5), .table-width-even th:nth-child(2):nth-last-child(5), .table-width-even td:nth-child(3):nth-last-child(4), .table-width-even th:nth-child(3):nth-last-child(4), .table-width-even td:nth-child(4):nth-last-child(3), .table-width-even th:nth-child(4):nth-last-child(3), .table-width-even td:nth-child(5):nth-last-child(2), .table-width-even th:nth-child(5):nth-last-child(2), .table-width-even td:nth-child(6):nth-last-child(1), .table-width-even th:nth-child(6):nth-last-child(1) {
        width: 16.667%
    }

    .table-width-even td:nth-child(1):nth-last-child(7), .table-width-even th:nth-child(1):nth-last-child(7), .table-width-even td:nth-child(2):nth-last-child(6), .table-width-even th:nth-child(2):nth-last-child(6), .table-width-even td:nth-child(3):nth-last-child(5), .table-width-even th:nth-child(3):nth-last-child(5), .table-width-even td:nth-child(4):nth-last-child(4), .table-width-even th:nth-child(4):nth-last-child(4), .table-width-even td:nth-child(5):nth-last-child(3), .table-width-even th:nth-child(5):nth-last-child(3), .table-width-even td:nth-child(6):nth-last-child(2), .table-width-even th:nth-child(6):nth-last-child(2), .table-width-even td:nth-child(7):nth-last-child(1), .table-width-even th:nth-child(7):nth-last-child(1) {
        width: 14.286%
    }

    .table-width-even td:nth-child(1):nth-last-child(8), .table-width-even th:nth-child(1):nth-last-child(8), .table-width-even td:nth-child(2):nth-last-child(7), .table-width-even th:nth-child(2):nth-last-child(7), .table-width-even td:nth-child(3):nth-last-child(6), .table-width-even th:nth-child(3):nth-last-child(6), .table-width-even td:nth-child(4):nth-last-child(5), .table-width-even th:nth-child(4):nth-last-child(5), .table-width-even td:nth-child(5):nth-last-child(4), .table-width-even th:nth-child(5):nth-last-child(4), .table-width-even td:nth-child(6):nth-last-child(3), .table-width-even th:nth-child(6):nth-last-child(3), .table-width-even td:nth-child(7):nth-last-child(2), .table-width-even th:nth-child(7):nth-last-child(2), .table-width-even td:nth-child(8):nth-last-child(1), .table-width-even th:nth-child(8):nth-last-child(1) {
        width: 12.5%
    }

.table-naked {
    border: 0;
    border-collapse: separate;
    background-color: transparent
}

    .table-naked td, .table-naked tfoot, .table-naked th, .table-naked thead, .table-naked tr {
        border: 0;
        padding: 0
    }

tr.no-border {
    border: 0
}

.table-middled td, .table-middled th {
    vertical-align: middle
}

@media only screen and (min-width:33.75em) {
    .sd-table-container table.sd-table th, .sd-table-container table.sd-table td {
        display: table-cell
    }
}

@media only screen and (min-width:60em) {
    table td, table th {
        padding: 12px
    }
}

.tabs {
    display: none
}

    .tabs [role=tab] {
        text-decoration: none
    }

        .tabs [role=tab]:hover {
            text-decoration: none
        }

.tabs-content > div {
    display: block;
    margin-top: 48px
}

    .tabs-content > div:first-child {
        margin: 0
    }

.tabs__list::-webkit-scrollbar {
    display: none
}

.tabs__list .tabs__link {
    display: inline-block;
    padding-bottom: 37px;
    width: initial;
    border-radius: 0
}

.tabs__button-prev, .tabs__button-next {
    padding: 8px;
    color: #2e2e33;
    display: block;
    visibility: hidden;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
    max-width: 32px;
    width: initial
}

    .tabs__button-prev.active, .tabs__button-next.active {
        display: block;
        visibility: visible;
        -webkit-transition: opacity .6s ease-out;
        transition: opacity .6s ease-out;
        opacity: 1
    }

    .tabs__button-prev:after {
        content: '\e76b';
        font-family: 'BAPIMDL2'
    }

    .tabs__button-next:after {
        content: '\e76c';
        font-family: 'BAPIMDL2'
    }

.tabs--full-width {
    width: 100%
}

@media only screen and (min-width:48em) {
    .tabs {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none
    }

        .tabs:after {
            clear: both;
            content: '';
            display: table
        }

        .tabs li {
            float: left;
            margin: 0 2px 0 0
        }

            .tabs li [role=tab] {
                display: inline-block;
                background-color: #eaebec;
                color: #4c4c51;
                text-align: center;
                padding: 24px 36px
            }

                .tabs li [role=tab].active, .tabs li [role=tab].active:hover {
                    background-color: #0062ad;
                    color: #f8f9fa
                }

                .tabs li [role=tab]:hover {
                    color: #0062ad
                }

            .tabs li:last-child {
                margin-right: 0
            }

        .tabs.tabs-size1 li [role=tab] {
            padding: 12px 24px
        }

        .tabs.tabs-size3 li [role=tab] {
            padding: 36px 48px
        }

    .tabs-arrow {
        padding: 0;
        overflow: visible
    }

        .tabs-arrow .tabs li [role=tab] {
            border-top: 4px solid transparent;
            background-color: inherit;
            color: #fff
        }

            .tabs-arrow .tabs li [role=tab].active {
                position: relative
            }

                .tabs-arrow .tabs li [role=tab].active:after {
                    z-index: 1;
                    content: '';
                    position: absolute;
                    left: 50%;
                    border-left: 20px solid transparent;
                    border-right: 20px solid transparent;
                    -o-transform: translate(-50%,0);
                    -webkit-transform: translate(-50%,0);
                    transform: translate(-50%,0)
                }

            .tabs-arrow .tabs li [role=tab] .icon {
                display: block;
                width: 30px;
                height: auto;
                position: relative;
                left: 50%;
                margin: 0 0 10px;
                -o-transform: translate(-50%,0);
                -webkit-transform: translate(-50%,0);
                transform: translate(-50%,0)
            }

                .tabs-arrow .tabs li [role=tab] .icon path, .tabs-arrow .tabs li [role=tab] .icon polygon, .tabs-arrow .tabs li [role=tab] .icon rect {
                    fill: #fff
                }

        .tabs-arrow .tabs.tabs-arrow-down li [role=tab].active {
            border-top: 4px solid #0062ad
        }

            .tabs-arrow .tabs.tabs-arrow-down li [role=tab].active:after {
                bottom: -20px;
                border-top: 20px solid #243a5e
            }

        .tabs-arrow .tabs.tabs-arrow-up li [role=tab].active {
            border-bottom: 4px solid #0062ad
        }

            .tabs-arrow .tabs.tabs-arrow-up li [role=tab].active:after {
                top: -20px;
                border-bottom: 20px solid #243a5e
            }

    .tabs-content > div {
        display: none;
        margin: 0
    }

        .tabs-content > div.active {
            display: block
        }

    .tabs__button-prev, .tabs__button-next {
        display: none
    }
}

@media only screen and (min-width:48em) and (-ms-high-contrast:active),only screen and (min-width:48em) and (forced-colors:active) {
    .tabs li [role=tab] {
        border: 1px solid transparent
    }

        .tabs li [role=tab].active, .tabs li [role=tab]:active, .tabs li [role=tab]:focus {
            border: 1px solid transparent;
            text-decoration: underline
        }

        .tabs li [role=tab].active, .tabs li [role=tab]:active {
            border-color: activetext
        }
}

@media only screen and (min-width:60em) {
    .tabs li [role=tab] {
        padding: 24px 48px
    }
}

.tabs--centered {
    display: none
}

ol.tabs--centered, ul.tabs--centered {
    border-bottom: 3px solid #eaebec;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center
}

    ol.tabs--centered:after, ul.tabs--centered:after {
        clear: both;
        content: '';
        display: table
    }

    ol.tabs--centered li, ul.tabs--centered li {
        margin-right: 0;
        display: inline;
        float: none
    }

        ol.tabs--centered li a, ul.tabs--centered li a {
            text-decoration: none
        }

.tabs--centered__link {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    color: #2e2e33 !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: -3px;
    padding: 10px 12px;
    height: 100%
}

    .tabs--centered__link:focus {
        background-color: #eaebec;
        border-bottom-color: #000;
        color: #1a1a1f;
        outline-offset: -2px
    }

    .tabs--centered__link:hover {
        background-color: transparent;
        border-bottom-color: #000;
        color: #1a1a1f
    }

    .tabs--centered__link.active, .tabs--centered__link:active {
        background-color: transparent;
        border-bottom-color: #0078d4;
        color: #1a1a1f;
        font-weight: 600
    }

        .tabs--centered__link.active:focus, .tabs--centered__link:active:focus {
            background-color: #eaebec;
            border-top-color: #0078d4
        }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .tabs--centered__link {
        border: 1px solid transparent
    }

        .tabs--centered__link.active, .tabs--centered__link:active, .tabs--centered__link:focus {
            border: 1px solid transparent;
            text-decoration: underline
        }

        .tabs--centered__link.active, .tabs--centered__link:active {
            border-color: activetext
        }
}

@media only screen and (max-width:33.75em) {
    .tabs-content p {
        font-size: 14px
    }
}

ol.tabs--customer, ul.tabs--customer {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

    ol.tabs--customer > li, ul.tabs--customer > li {
        margin: 12px;
        max-width: 150px;
        width: 25%;
        display: block;
        position: relative
    }

.tabs--customer__link {
    align-items: center;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    display: flex;
    height: 84px;
    justify-content: center;
    padding: 12px;
    width: 100%
}

    .tabs--customer__link.active, .tabs--customer__link:active, .tabs--customer__link:focus {
        background-color: transparent;
        border-bottom-color: #0078d4
    }

        .tabs--customer__link.active:hover, .tabs--customer__link:active:hover, .tabs--customer__link:focus:hover {
            border-bottom-color: #0078d4
        }

        .tabs--customer__link.active img, .tabs--customer__link:active img, .tabs--customer__link:focus img {
            filter: none
        }

    .tabs--customer__link:hover {
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        background-color: #eaebec
    }

        .tabs--customer__link:hover img {
            filter: none
        }

    .tabs--customer__link img {
        filter: grayscale(100%);
        max-height: calc(100% - 24px);
        max-width: calc(100% - 24px);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.tabs--customer__content {
    display: block
}

    .tabs--customer__content .tabs--customer__item {
        background-color: inherit;
        display: none;
        margin: 0
    }

        .tabs--customer__content .tabs--customer__item.active {
            display: flex;
            flex-grow: 1
        }

        .tabs--customer__content .tabs--customer__item .tabs--customer__item__content {
            margin: 0;
            padding: 0 24px;
            background-color: #fff
        }

            .tabs--customer__content .tabs--customer__item .tabs--customer__item__content .tabs--customer__item__heading {
                font-size: 20px;
                font-weight: 400
            }

        .tabs--customer__content .tabs--customer__item .tabs--customer__item__image {
            display: none
        }

@media only screen and (min-width:33.75em) {
    .tabs--customer__content {
        display: flex
    }

        .tabs--customer__content .tabs--customer__item .tabs--customer__item__content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 50%
        }

        .tabs--customer__content .tabs--customer__item .tabs--customer__item__image {
            align-items: center;
            display: flex;
            width: 50%
        }

            .tabs--customer__content .tabs--customer__item .tabs--customer__item__image img {
                width: 100%
            }
}

@media only screen and (min-width:48em) {
    ol.tabs--customer, ul.tabs--customer {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width:60em) {
    .tabs--customer__content .tabs--customer__item {
        background-color: transparent
    }
}

@media only screen and (min-width:1280px) {
    .tabs--customer__content .tabs--customer__item .tabs--customer__item__content {
        padding-left: 36px;
        padding-right: 24px
    }
}

@media (-ms-high-contrast:active),(forced-colors:active) {
    .tabs--customer__link svg {
        -ms-high-contrast-adjust: none;
        forced-color-adjust: none
    }

    .tabs--customer__link, .tabs--customer__link:focus, .tabs--customer__link.active {
        background-color: #fff;
        -ms-high-contrast-adjust: none;
        forced-color-adjust: none
    }

        .tabs--customer__link.active {
            outline: 2px solid activetext;
            outline-offset: 2px
        }

        .tabs--customer__link:focus {
            outline: 2px solid highlight;
            outline-offset: 2px;
            border-color: transparent
        }
}

.tabs--default {
    display: none
}

ol.tabs--default, ul.tabs--default {
    border-bottom: 3px solid #eaebec;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    text-align: left
}

    ol.tabs--default:after, ul.tabs--default:after {
        clear: both;
        content: '';
        display: table
    }

    ol.tabs--default li, ul.tabs--default li {
        margin-right: 0;
        display: inline;
        float: none
    }

        ol.tabs--default li a, ul.tabs--default li a {
            text-decoration: none
        }

    ol.tabs--default.tabs--centered, ul.tabs--default.tabs--centered {
        text-align: center
    }

        ol.tabs--default.tabs--centered li, ul.tabs--default.tabs--centered li {
            display: inline;
            float: none
        }

@media (-ms-high-contrast:active),(forced-colors:active) {
    ol.tabs--default, ul.tabs--default {
        padding-left: 3px
    }
}

.tabs--default__link {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    color: #2e2e33 !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: -3px;
    padding: 10px 12px;
    height: 100%
}

    .tabs--default__link:focus {
        background-color: #eaebec;
        border-bottom-color: #000;
        color: #1a1a1f;
        outline-offset: -2px
    }

    .tabs--default__link:hover {
        background-color: transparent;
        border-bottom-color: #000;
        color: #1a1a1f
    }

    .tabs--default__link.active, .tabs--default__link:active {
        background-color: transparent;
        border-bottom-color: #0078d4;
        color: #1a1a1f;
        font-weight: 600
    }

        .tabs--default__link.active:focus, .tabs--default__link:active:focus {
            background-color: #eaebec;
            border-top-color: #0078d4
        }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .tabs--default__link {
        border: 1px solid transparent
    }

        .tabs--default__link.active, .tabs--default__link:active, .tabs--default__link:focus {
            border: 1px solid transparent;
            text-decoration: underline
        }

        .tabs--default__link.active, .tabs--default__link:active {
            border-color: activetext
        }
}

@media only screen and (max-width:33.75em) {
    .tabs-content p {
        font-size: 14px
    }
}

.tabs--horizontal__content.tabs-content > div {
    display: none;
    margin: 0
}

    .tabs--horizontal__content.tabs-content > div.active {
        display: block
    }

.tabs--horizontal {
    width: 100%;
    height: 50px;
    margin: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex
}

.tabs--large {
    display: none
}

.tabs--horizontal--large {
    height: 100%
}

ol.tabs--large, ul.tabs--large {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

    ol.tabs--large li, ul.tabs--large li {
        display: inline;
        float: none;
        margin: 0 2px 0 0
    }

        ol.tabs--large li a, ul.tabs--large li a {
            text-decoration: none
        }

.tabs--large__link {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #f4f5f6;
    border-top: 4px solid transparent;
    color: #1a1a1f !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 24px 48px !important;
    text-align: center
}

    .tabs--large__link:focus {
        background-color: #eaebec;
        border-top-color: #000;
        color: #1a1a1f;
        outline-offset: -2px
    }

    .tabs--large__link:hover {
        background-color: #fff;
        border-top-color: #000;
        color: #1a1a1f !important
    }

    .tabs--large__link.active, .tabs--large__link:active {
        background-color: #fff;
        border-top-color: #0078d4;
        color: #1a1a1f !important
    }

        .tabs--large__link.active:focus, .tabs--large__link:active:focus {
            background-color: #eaebec;
            border-top-color: #0078d4
        }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .tabs--large__link {
        border: 1px solid transparent
    }

        .tabs--large__link.active, .tabs--large__link:active, .tabs--large__link:focus {
            border: 1px solid transparent;
            text-decoration: underline
        }

        .tabs--large__link.active, .tabs--large__link:active {
            border-color: activetext
        }
}

.tabs--overview {
    display: block
}

    .tabs--overview .tabs--overview__tab-list-wrapper {
        display: none;
        width: 25%
    }

    .tabs--overview .tabs--overview__tab-list {
        display: flex;
        flex-direction: column;
        list-style-type: none;
        margin: 24px 0 0 0;
        padding-left: 0;
        width: 100%
    }

        .tabs--overview .tabs--overview__tab-list li {
            margin-bottom: 0
        }

    .tabs--overview .tabs--overview__tab {
        background-color: #242429;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 12px 24px;
        position: relative;
        text-decoration: none;
        width: 100%;
        border-radius: 0
    }

        .tabs--overview .tabs--overview__tab:after {
            content: '\e70d';
            font-family: 'BAPIMDL2';
            -webkit-transition: all .25s 0s;
            transition: all .25s 0s;
            font-size: 13px;
            position: absolute;
            right: 24px;
            -webkit-text-stroke: 1px #fff
        }

        .tabs--overview .tabs--overview__tab.active {
            background-color: #1a1a1f;
            color: #50e6ff
        }

            .tabs--overview .tabs--overview__tab.active:after {
                content: '\e70d';
                font-family: 'BAPIMDL2';
                -o-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-text-stroke: 1px #50e6ff
            }

        .tabs--overview .tabs--overview__tab:focus {
            outline-color: #50e6ff;
            outline-offset: -4px
        }

        .tabs--overview .tabs--overview__tab:not(.active):hover {
            color: #fff
        }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .tabs--overview .tabs--overview__tab {
        border: 1px solid transparent
    }

        .tabs--overview .tabs--overview__tab.active, .tabs--overview .tabs--overview__tab:active, .tabs--overview .tabs--overview__tab:focus {
            border: 1px solid transparent;
            text-decoration: underline
        }

        .tabs--overview .tabs--overview__tab.active, .tabs--overview .tabs--overview__tab:active {
            border-color: activetext
        }
}

.tabs--overview .tabs--overview__tab-step, .tabs--overview .tabs--overview__tab-text {
    font-weight: 600
}

.tabs--overview .tabs--overview__tab-step {
    font-size: 12px
}

.tabs--overview .tabs--overview__tab-content {
    width: 100%
}

    .tabs--overview .tabs--overview__tab-content .tabs--overview__content-card {
        height: auto;
        position: relative;
        z-index: 1
    }

    .tabs--overview .tabs--overview__tab-content .tabs--overview__image {
        display: flex;
        width: 100%
    }

@media only screen and (min-width:48em) {
    .tabs--overview {
        display: flex
    }

        .tabs--overview .tabs--overview__tab-list-wrapper {
            display: inline-block
        }

        .tabs--overview .tabs--overview__tab {
            padding: 24px
        }

            .tabs--overview .tabs--overview__tab:after, .tabs--overview .tabs--overview__tab.active:after {
                content: none
            }

        .tabs--overview .tabs--overview__tab-content {
            width: 75%
        }

            .tabs--overview .tabs--overview__tab-content .tabs--overview__tab-panel {
                height: 100%;
                position: relative
            }

            .tabs--overview .tabs--overview__tab-content .tabs--overview__content-card {
                height: 95.75%;
                overflow-y: auto;
                position: absolute;
                right: 12px;
                top: 12px;
                width: 50%
            }
}

@media only screen and (min-width:1280px) {
    .tabs--overview .tabs--overview__tab-content .tabs--overview__content-card {
        width: 35%
    }
}

.tabs-vert__content {
    display: none
}

    .tabs-vert__content.active {
        display: flex !important
    }

.tabs--vertical .tabs--vertical__list {
    height: 100%
}

.tabs--vertical .tabs--vertical__toggled {
    width: 100%
}

.tabs--vertical .tabs--vertical__toggle {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    align-items: center;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #eaebec;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,.14);
    color: #1a1a1f;
    display: flex;
    font-weight: 600;
    height: auto;
    justify-content: space-between;
    margin: 0 0 12px;
    min-height: 60px;
    padding: 12px 24px 12px 12px;
    width: 100%
}

    .tabs--vertical .tabs--vertical__toggle:after {
        content: '\e70d';
        font-family: 'BAPIMDL2';
        -webkit-transition: all .25s 0s;
        transition: all .25s 0s;
        float: right;
        font-size: 14px;
        font-weight: 900
    }

    .tabs--vertical .tabs--vertical__toggle.active:after {
        content: '\e70d';
        font-family: 'BAPIMDL2';
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .tabs--vertical .tabs--vertical__toggle:focus, .tabs--vertical .tabs--vertical__toggle:hover {
        color: #0062ad;
        text-decoration: underline;
        transition: .2s ease-out
    }

.tabs--vertical .tabs--vertical__arrow-link {
    padding-left: 12px;
    padding-top: 12px
}

@media only screen and (min-width:48em) {
    .tabs--vertical {
        display: flex
    }

        .tabs--vertical ol.tabs--vertical__list, .tabs--vertical ul.tabs--vertical__list {
            border-bottom: 3px solid #eaebec;
            list-style: none;
            margin: 0;
            padding: 0;
            border-bottom: none;
            display: block;
            height: auto;
            text-align: left
        }

            .tabs--vertical ol.tabs--vertical__list:after, .tabs--vertical ul.tabs--vertical__list:after {
                clear: both;
                content: '';
                display: table
            }

            .tabs--vertical ol.tabs--vertical__list li, .tabs--vertical ul.tabs--vertical__list li {
                margin: 0 -3px
            }

                .tabs--vertical ol.tabs--vertical__list li:not(:last-child), .tabs--vertical ul.tabs--vertical__list li:not(:last-child) {
                    margin: 0 -3px 12px
                }

        .tabs--vertical .tabs--vertical__tabs {
            margin-right: 12px;
            width: 25%
        }

        .tabs--vertical .tabs--vertical__tabpanels {
            width: 75%
        }

        .tabs--vertical .tabs--vertical__link {
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            background-color: transparent;
            border-left: 4px solid transparent;
            color: #4c4c51;
            font-size: 16px;
            font-weight: 400;
            margin-left: -3px;
            padding: 12px;
            display: block;
            text-decoration: none;
            width: 100%
        }

            .tabs--vertical .tabs--vertical__link:focus, .tabs--vertical .tabs--vertical__link:hover {
                background-color: transparent;
                color: #0062ad;
                text-decoration: underline
            }

            .tabs--vertical .tabs--vertical__link.active, .tabs--vertical .tabs--vertical__link:active {
                background-color: transparent;
                border-left-color: #0062ad;
                color: #1a1a1f;
                font-weight: 600
            }

                .tabs--vertical .tabs--vertical__link.active:hover, .tabs--vertical .tabs--vertical__link:active:hover {
                    color: #1a1a1f;
                    border-left-color: #0062ad
                }
}

@media only screen and (min-width:48em) and (-ms-high-contrast:active),only screen and (min-width:48em) and (forced-colors:active) {
    .tabs--vertical .tabs--vertical__link:focus, .tabs--vertical .tabs--vertical__link:hover {
        border: 1px solid transparent
    }

        .tabs--vertical .tabs--vertical__link:focus.active, .tabs--vertical .tabs--vertical__link:hover.active, .tabs--vertical .tabs--vertical__link:focus:active, .tabs--vertical .tabs--vertical__link:hover:active, .tabs--vertical .tabs--vertical__link:focus:focus, .tabs--vertical .tabs--vertical__link:hover:focus {
            border: 1px solid transparent;
            text-decoration: underline
        }

        .tabs--vertical .tabs--vertical__link:focus.active, .tabs--vertical .tabs--vertical__link:hover.active, .tabs--vertical .tabs--vertical__link:focus:active, .tabs--vertical .tabs--vertical__link:hover:active {
            border-color: activetext
        }
}

@media only screen and (min-width:48em) and (-ms-high-contrast:active),only screen and (min-width:48em) and (forced-colors:active) {
    .tabs--vertical .tabs--vertical__link.active, .tabs--vertical .tabs--vertical__link:active {
        border: 1px solid transparent
    }

        .tabs--vertical .tabs--vertical__link.active.active, .tabs--vertical .tabs--vertical__link:active.active, .tabs--vertical .tabs--vertical__link.active:active, .tabs--vertical .tabs--vertical__link:active:active, .tabs--vertical .tabs--vertical__link.active:focus, .tabs--vertical .tabs--vertical__link:active:focus {
            border: 1px solid transparent;
            text-decoration: underline
        }

        .tabs--vertical .tabs--vertical__link.active.active, .tabs--vertical .tabs--vertical__link:active.active, .tabs--vertical .tabs--vertical__link.active:active, .tabs--vertical .tabs--vertical__link:active:active {
            border-color: activetext
        }
}

@media only screen and (max-width:48em) {
    .tabs--vertical .tabs--vertical__toggled {
        padding: 12px 0
    }
}

.video--gif-player {
    position: relative;
    display: inline-block
}

    .video--gif-player button {
        width: 100%
    }

        .video--gif-player button .video--gif-player_img {
            max-width: 100%
        }

    .video--gif-player .video--gif-player_control {
        color: #747479;
        float: right;
        display: block;
        width: 44px;
        height: 44px;
        text-align: center;
        font-size: 24px;
        border-bottom: 2px solid transparent
    }

        .video--gif-player .video--gif-player_control:hover {
            border-color: #747479
        }

        .video--gif-player .video--gif-player_control:focus {
            outline: 2px solid #747479
        }

.video--gif-player_stop:after {
    content: '\e73c';
    font-family: 'BAPIMDL2'
}

.video--gif-player_play:after {
    content: '\e937';
    font-family: 'BAPIMDL2';
    position: relative;
    left: 6px
}

.video--gif-player-large button .video--gif-player_img {
    width: 1280px
}

.video--gif-player-large .video--gif-player_stop, .video--gif-player-large .video--gif-player_play {
    right: 0;
    font-size: 20px;
    color: #fff
}

.video-thumbnail {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: transparent;
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative
}

    .video-thumbnail.img-wrapper {
        width: 100%
    }

    .video-thumbnail .video-thumbnail__thumbnail {
        display: block;
        min-width: 100%;
        max-width: 100%
    }

    .video-thumbnail .video-thumbnail__play-icon {
        height: 60px;
        left: 50%;
        opacity: .85;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 60px;
        border: 2px solid #f4f5f6;
        background-color: #303030
    }

        .video-thumbnail .video-thumbnail__play-icon:after {
            position: absolute;
            border-left: 12px solid #fff;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            margin-left: 2px;
            content: '';
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%)
        }

    .video-thumbnail .video-thumbnail__metadata {
        background-color: #1a1a1f;
        bottom: 0;
        color: #fff;
        left: 0;
        right: 0;
        opacity: .7;
        overflow: hidden;
        padding: 6px 12px;
        position: absolute
    }

    .video-thumbnail .title {
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        display: block;
        margin-bottom: 6px
    }

    .video-thumbnail .description {
        font-size: 12px;
        line-height: 1.2;
        color: #fff;
        display: block;
        margin-bottom: 6px
    }

    .video-thumbnail .video-thumbnail__date {
        display: block
    }

        .video-thumbnail .video-thumbnail__date:after {
            clear: both;
            content: '';
            display: table
        }

        .video-thumbnail .video-thumbnail__date span {
            float: right;
            font-size: 10px
        }

            .video-thumbnail .video-thumbnail__date span:first-child {
                float: left
            }

    .video-thumbnail:hover {
        opacity: .85;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

@media only screen and (min-width:33.75em) {
    .video-thumbnail .video-thumbnail__play-icon {
        height: 108px;
        width: 108px
    }

        .video-thumbnail .video-thumbnail__play-icon:after {
            border-left-width: 19px;
            border-top-width: 11px;
            border-bottom-width: 11px
        }
}

#azure-calculator .app-loading.fixed {
    position: fixed;
    top: 50%
}

.button:hover {
    color: #eaebec
}

.button.button-transparent {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    padding: 6px 40px
}

    .button.button-transparent:focus {
        border: 2px solid #0062ad
    }

.button.svg-button svg {
    fill: #fff;
    height: 20px;
    margin-top: -6px;
    vertical-align: middle;
    width: 20px
}

.button.button--rss {
    background-color: #fff;
    border: 1px solid #2e2e33;
    color: #2e2e33 !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    width: auto
}

    .button.button--rss .icon {
        margin: -5px 6px 0 0;
        vertical-align: middle;
        transition: all .2s ease-in-out
    }

    .button.button--rss:hover .icon {
        transform: rotate(-15deg) scale(.85) translateY(-4px);
        transition: all .2s ease-in-out
    }

@media only screen and (min-width:48em) {
    .button.button--rss.qs-picker-align {
        margin-top: 36px
    }
}

#azure-calculator .calculator-loading {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-366ff46b9e96bbef515fc5bd36fbb308fd34808c7949e4bb55c9606888b47f5b/images/page/calculator/calc-loading.gif);
    height: 50px;
    width: 50px;
    padding: 0 0 12px 0;
    text-align: center
}

    #azure-calculator .calculator-loading img {
        width: 50px
    }

.card .tags {
    height: 24px;
    margin: 12px 0;
    overflow: hidden
}

.card .meta {
    color: #747479;
    font-size: 12px;
    margin-top: 12px
}

    .card .meta .image {
        background-repeat: no-repeat;
        border-radius: 15px;
        display: inline-block;
        height: 30px;
        width: 30px;
        vertical-align: middle
    }

.card .partner-info .configure {
    margin-left: 10px;
    margin-right: 6px
}

.card .card-bottom-arrow {
    position: absolute;
    bottom: 35px;
    right: 35px
}

.card-resource {
    margin: 12px 0
}

.card-product {
    border: 1px solid #1a1a1f;
    display: inline-block;
    min-width: 250px
}

.card-product-head {
    background: #022050;
    color: #fff;
    font-size: 24px;
    padding: 18px
}

    .card-product-head .icon {
        margin-right: 12px;
        vertical-align: middle
    }

.card-product-body {
    background: #fff;
    padding: 18px
}

.card-product-body-space-between {
    display: flex;
    justify-content: space-between
}

.card-product-body img {
    margin-top: 6px
}

.card-product-body .price {
    font-size: 28px;
    font-weight: 300
}

    .card-product-body .price span {
        line-height: 12px;
        vertical-align: middle
    }

    .card-product-body .price .per-month {
        display: inline-block;
        font-size: 14px;
        position: relative;
        bottom: 12px
    }

.cssgrid--card-offer {
    display: flex;
    flex-wrap: wrap;
    margin: -12px
}

    .cssgrid--card-offer .card-offer {
        margin: 12px;
        width: calc(100% - 24px)
    }

@media only screen and (min-width:48em) {
    .cssgrid--card-offer .card-offer {
        width: calc(33.33% - 24px)
    }
}

@supports (display:grid) {
    .cssgrid--card-offer {
        display: grid;
        margin: 0
    }

        .cssgrid--card-offer .card-offer {
            margin: 0;
            width: auto
        }
}

.card-offer {
    border: 1px solid #747479;
    display: flex;
    flex-direction: column
}

.card-offer__hero {
    background-color: #eaebec;
    height: 90px;
    padding: 12px 24px
}

    .card-offer__hero > div {
        align-items: center;
        display: flex;
        height: 100%
    }

        .card-offer__hero > div > div:not(.icon) {
            margin-left: 24px
        }

.card-offer__content {
    padding: 24px
}

.card-offer__footer {
    align-self: flex-start;
    border-top: 1px solid #eaebec;
    margin: auto 24px 24px;
    padding-top: 24px;
    width: calc(100% - 48px)
}

a.card-transform {
    color: #4c4c51 !important;
    margin-top: 24px
}

    a.card-transform:hover {
        text-decoration: none
    }

        a.card-transform:hover .title {
            text-decoration: underline
        }

    a.card-transform .link-text {
        color: #0062ad
    }

    a.card-transform:before {
        content: '';
        width: 100%;
        height: 0;
        border-top: 4px solid transparent;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    a.card-transform:hover:before {
        border-top: 4px solid #0062ad
    }

    a.card-transform.green-border:hover:before {
        border-top: 4px solid #89c402
    }

    a.card-transform.card--color00 {
        color: #fff !important
    }

.card-customer {
    color: #4c4c51
}

    .card-customer a {
        color: #0062ad
    }

        .card-customer a:hover {
            color: #002847
        }

    .card-customer .top-image {
        width: 100%
    }

    .card-customer .bottom-logo {
        height: 35px
    }

    .card-customer .bottom-logo-lg {
        height: 70px
    }

    .card-customer .title {
        height: 2.6em;
        overflow: hidden
    }

    .card-customer .content {
        height: 4.5em;
        overflow: hidden
    }

.card-partner .logo-holder {
    height: 55px
}

    .card-partner .logo-holder img {
        max-height: 50px
    }

.card-partner .title {
    height: 2.6em;
    overflow: hidden
}

.card-partner .content {
    height: 10em;
    overflow: hidden
}

@media only screen and (min-width:48em) {
    a.card-transform {
        transition: all .2s ease-in-out;
        margin-top: 0
    }

        a.card-transform:hover {
            transform: translateY(-12px)
        }

            a.card-transform:hover .title {
                color: #0078d4
            }

            a.card-transform:hover .content {
                color: #4c4c51
            }
}

.card-bordered {
    border: 1px solid #eaebec
}

.card-shadow {
    box-shadow: 0 5px 10px rgba(0,0,0,.22)
}

.card--color03 a {
    color: #fff
}

    .card--color03 a:hover {
        color: #fff
    }

.card-bordered-top {
    border-top: 1px solid #eaebec
}

.card-pricing-feature {
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: initial !important
}

    .card-pricing-feature .pricing-card-content, .card-pricing-feature .pricing-card-heading {
        color: #4c4c51
    }

        .card-pricing-feature .pricing-card-heading:before {
            background-color: #4c4c51;
            content: '';
            display: block;
            height: 3px;
            margin-bottom: 12px;
            width: 25px
        }

    .card-pricing-feature .card-v2__text-block {
        margin-bottom: 24px
    }

    .card-pricing-feature .card-v2__ctas {
        margin-top: auto
    }

    .card-pricing-feature:hover {
        background-color: #fff;
        cursor: pointer
    }

        .card-pricing-feature:hover .pricing-card-heading {
            color: #0078d4
        }

            .card-pricing-feature:hover .pricing-card-heading:before {
                background-color: #0078d4
            }

@media only screen and (min-width:48em) {
    .card-pricing-image-background {
        background-position: bottom;
        background-repeat: no-repeat
    }

        .card-pricing-image-background.calculator {
            background-image: url(https://azurecomcdn.azureedge.net/cvt-208ab72921e1b03569819ccd183865dbc7be441faa3696549d510432b7ea0320/images/page/pricing/index-v2/calculator.svg);
            background-position-x: 93%;
            background-size: 250px
        }

        .card-pricing-image-background.tco {
            background-image: url(https://azurecomcdn.azureedge.net/cvt-bb3faba15c34f7049c43786a4623e747ff863edd19fbb0f443fae2926b3f77d0/images/page/pricing/index-v2/tco-screen.png);
            background-position-x: 92%;
            background-size: 225px
        }
}

.card--graph-data-connect {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-f54852143c5ebad67841539c09a0f08ce9c0f00876f2dfe3f8692ee9bb1ffe84/less/images/card/graph-data-connect.jpg);
    background-position: right top;
    background-size: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width:60em) {
    .card--graph-data-connect {
        background-position: left bottom;
        padding-bottom: 40%
    }
}

.card--geographies-regions-map {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-6814d21ce2cabd5ffd03eada15289b9c2687bcd92887481f2ab1fe3b0377b3a1/less/images/card/regions-map.png);
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (min-width:48em) {
    .card--geographies-regions-map {
        padding: 20% 60px
    }
}

.card--power-bi-embedded {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-7c512fe1a7889516522d2ccac893a0baf09e23430fb60f4ab10f5e4a2f2b91a8/less/images/card/power-bi-embedded.png);
    background-size: 70%;
    background-position: bottom;
    padding-bottom: 50%;
    background-repeat: no-repeat
}

@media only screen and (min-width:48em) {
    .card--power-bi-embedded {
        padding: 10% 36px;
        background-size: 49%;
        background-repeat: no-repeat;
        background-position: right center
    }
}

@media only screen and (min-width:48em) {
    .card--offset-size10 {
        margin-top: -120px !important;
        position: relative
    }
}

a {
    color: #0062ad
}

    a:hover {
        color: #002847
    }

section {
    clear: both
}

.pull-left {
    float: left
}

img.pull-left {
    margin: 0 12px 12px 0
}

    img.pull-left ~ ul {
        overflow: hidden
    }

.pull-right {
    float: right
}

img.pull-right {
    margin: 0 0 12px 12px
}

    img.pull-right ~ ul {
        overflow: hidden
    }

.clearfix:after {
    clear: both;
    content: '';
    display: table
}

p + h1, ul + h1, table + h1, p + h2, ul + h2, table + h2, p + h3, ul + h3, table + h3, p + h4, ul + h4, table + h4, p + h5, ul + h5, table + h5, p + h6, ul + h6, table + h6 {
    margin-top: 24px
}

object[data$='.svg'] {
    width: 100%
}

pre.copy-to-clipboard {
    border: 0;
    line-height: 1.6;
    padding: 16px
}

blockquote {
    font-size: 16px
}

    blockquote cite {
        font-style: normal
    }

.border-none {
    border: 0 !important
}

@media only screen and (max-width:47.9375em) {
    .azure-nav--hide-mobile {
        display: none !important
    }
}

@media only screen and (min-width:48em) and (max-width:67.4375em) {
    .azure-nav--hide-tablet {
        display: none !important
    }
}

@media only screen and (min-width:48em) {
    .azure-nav--hide-tablet-up {
        display: none !important
    }
}

@media only screen and (max-width:67.4375em) {
    .azure-nav--hide-desktop-down {
        display: none !important
    }
}

@media only screen and (min-width:67.5em) {
    .azure-nav--hide-desktop-up {
        display: none !important
    }
}

@media only screen and (max-width:48em) {
    .azure-nav--display-flex-mobile {
        display: flex;
        align-items: center
    }
}

@media only screen and (min-width:48em) {
    .azure-nav--display-flex-tablet-up {
        display: flex !important;
        align-items: center
    }
}

@media only screen and (min-width:67.5em) {
    .azure-nav--display-flex-desktop {
        display: flex;
        align-items: center
    }
}

@media only screen and (min-width:48em) and (max-width:67.5em) {
    .azure-nav--display-block-tablet {
        display: block
    }
}

@media (prefers-reduced-motion:no-preference) {
    .subnav-smoothscroll {
        scroll-behavior: smooth
    }
}

.azure-header-container {
    position: relative;
    background-color: #fff
}

.azure-header-main, .azure-header-minimum {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1a1a1f;
    font-size: 15px
}

.azure-header-main {
    font-family: 'Segoe UI',SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif
}

    .azure-header-main button {
        font-family: inherit;
        color: inherit;
        cursor: pointer
    }

    .azure-header-main .icon {
        display: inline-block;
        height: 48px;
        width: 48px;
        line-height: 0;
        vertical-align: middle
    }

        .azure-header-main .icon svg {
            height: 100%;
            width: 100%;
            pointer-events: none
        }

            .azure-header-main .icon svg * {
                pointer-events: none
            }

    .azure-header-main .icon-size2 {
        height: 24px;
        width: 24px
    }

    .azure-header-main input[type=text], .azure-header-main select {
        box-sizing: border-box;
        border: 1px solid #747479;
        color: #4c4c51;
        display: block;
        line-height: 1.2;
        width: 100%;
        font-family: inherit
    }

    .azure-header-main .button.button--icon:after {
        display: none !important
    }

    .azure-header-main .button.button--icon .icon {
        font-size: 16px;
        height: 16px;
        line-height: .9;
        margin: -3px 6px 0;
        width: 16px
    }

    .azure-header-main .button.button--icon.button--reset .icon {
        margin: 0;
        font-size: .8em;
        transform: translateY(.1em)
    }

    .azure-header-main .show-for-sr {
        position: absolute !important;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0,0,0,0)
    }

    .azure-header-main .hide {
        display: none !important
    }

    .azure-header-main h2 {
        font-weight: 600;
        margin-top: 0
    }

    .azure-header-main .no-chevron:after {
        display: none !important
    }

    .azure-header-main a, .azure-header-main a:active, .azure-header-main a:focus {
        text-decoration: none
    }

        .azure-header-main a:not([class*=nav__link--free-]), .azure-header-main a:active:not([class*=nav__link--free-]), .azure-header-main a:focus:not([class*=nav__link--free-]), .azure-header-main a:hover:not([class*=nav__link--free-]) {
            background-color: transparent;
            color: currentColor
        }

    .azure-header-main ul {
        list-style: none;
        margin: 0
    }

    .azure-header-main .icon, .azure-header-main svg, .azure-header-main svg > * {
        pointer-events: none !important
    }

    .azure-header-main svg {
        fill: currentColor;
        height: auto;
        max-width: 100%;
        stroke: inherit;
        width: auto;
        overflow: visible;
        vertical-align: unset
    }

    .azure-header-main button.button, .azure-header-main [type=submit], .azure-header-main [type=button] {
        width: initial;
        background-color: transparent;
        border: 0;
        text-align: left
    }

    .azure-header-main .invisible {
        visibility: hidden
    }

.azure-skip-nav {
    background: rgba(255,255,255,.9);
    color: #2e2e33;
    font-weight: 600;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    text-decoration: underline;
    box-shadow: 3px 3px 5px #2e2e33;
    z-index: 10
}

    .azure-skip-nav:not(:focus) {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        white-space: nowrap;
        width: 1px
    }

.azure-nav-container {
    width: 100%;
    position: relative;
    border-bottom: 1px solid transparent;
    overflow-x: unset
}

html.azure-header-static .icon--glyph-chevron-left:before {
    content: '\e76b';
    font-family: 'BAPIMDL2','MWF-MORAY-MDL2'
}

.azure-header-no-cta .azure-header-main-cta {
    display: none !important
}

.azure-header-minimum {
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff
}

    .azure-header-minimum .icon {
        display: inline-block;
        height: 48px;
        width: 48px;
        line-height: 0;
        vertical-align: middle
    }

        .azure-header-minimum .icon svg {
            height: 100%;
            width: 100%;
            pointer-events: none
        }

            .azure-header-minimum .icon svg * {
                pointer-events: none
            }

    .azure-header-minimum .icon-size2 {
        height: 24px;
        width: 24px
    }

    .azure-header-minimum .azure-nav-identity {
        display: flex;
        align-items: center
    }

    .azure-header-minimum .azure-nav__link--home {
        margin-left: 12px;
        font-size: 18px;
        font-weight: 600;
        color: currentColor;
        text-decoration: none
    }

    .azure-header-minimum .azure-nav__link--free {
        font-size: 12px
    }

@media only screen and (min-width:48em) {
    .azure-header-minimum--primary {
        position: sticky;
        box-shadow: 0 0 8px -1px rgba(0,0,0,.25);
        z-index: 999
    }

        .azure-header-minimum--primary.azure-header-minimum--fixed {
            position: fixed
        }
}

.azure-header-minimum--secondary {
    display: none
}

@media only screen and (min-width:48em) {
    .azure-header-minimum--secondary {
        display: block;
        position: fixed;
        opacity: 0;
        transform: translateY(-100%);
        transition: none 180ms ease-in 10ms;
        transition-property: transform,z-index;
        pointer-events: none;
        z-index: 0
    }

        .azure-header-minimum--secondary a {
            display: none
        }

        .azure-header-minimum--secondary.in, .azure-header-minimum--secondary.out {
            opacity: 100%;
            pointer-events: auto;
            z-index: 999;
            box-shadow: 0 0 8px -1px rgba(0,0,0,.25)
        }

            .azure-header-minimum--secondary.in a, .azure-header-minimum--secondary.out a {
                display: inline-block
            }

        .azure-header-minimum--secondary.in {
            transform: translateY(0)
        }

        .azure-header-minimum--secondary.out {
            transform: translateY(-100%)
        }
}

.azure-header-minimum__container {
    display: flex;
    justify-content: space-between;
    padding: 12px
}

.azure-header-minimum .list--links-horizontal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

    .azure-header-minimum .list--links-horizontal li {
        margin-top: 0
    }

        .azure-header-minimum .list--links-horizontal li + li {
            margin-left: 12px
        }

@media only screen and (min-width:48em) {
    #cookie-banner:not(:empty) ~ .azure-header-minimum {
        margin-top: 64px
    }

    html:not(.azure-header-with-subnav-static) #cookie-banner:not(:empty) ~ .azure-header-container {
        padding-top: 64px
    }

    .azure-header-minimum #cookie-banner:not(:empty) ~ .azure-header-minimum {
        top: 64px
    }
}

.azure-header-with-subnav-static .azure-header-minimum {
    display: none !important
}

.azure-nav-expand, .azure-nav__btn--search-tablet, .azure-nav-container, .azure-nav-tabs-content:not(.active) .azure-nav-tabs-content__panel, .azure-nav-tabs-content__panel:not(.active) {
    display: none
}

.azure-nav__btn--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 44px !important;
    height: 44px;
    line-height: 1;
    color: #1a1a1f
}

    .azure-nav__btn--icon svg {
        width: 14px
    }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .azure-nav__btn--icon svg {
        fill: ButtonText;
        stroke: ButtonText !important
    }
}

.azure-nav__link--home {
    font-size: 16px;
    font-weight: 600
}

.azure-nav-l1 {
    width: 100%
}

.azure-nav-l1__list {
    margin: 0;
    padding: 0
}

.azure-nav-l1__list-item, .azure-nav-utility__list-item {
    align-items: center;
    display: flex;
    line-height: 1;
    margin: 0
}

.azure-nav-mobile--ctas, .azure-nav-l1__list-item, .azure-nav-utility__list-item {
    font-size: 14px
}

.azure-nav__btn--expand, .azure-nav-utility__link {
    padding: 20px;
    font-weight: 400
}

.azure-nav-container.active .azure-nav-tabs__tab, .azure-nav-container.active .azure-nav-l3-btn, .azure-nav__btn--expand {
    align-items: center;
    display: flex;
    justify-content: space-between
}

    .azure-nav-container.active .azure-nav-tabs__tab:after, .azure-nav-container.active .azure-nav-l3-btn:after, .azure-nav__btn--expand:after {
        content: '\e76c';
        font-family: 'BAPIMDL2';
        font-family: 'BAPIMDL2','MWF-MORAY-MDL2';
        font-size: 10px
    }

    .azure-nav__btn--expand[aria-expanded=true] + .azure-nav-expand--utility {
        display: block !important;
        position: absolute;
        top: 100%;
        right: 0;
        width: auto;
        min-width: 250px;
        max-width: 280px;
        z-index: 2;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 0 8px -1px rgba(0,0,0,.25) !important;
        border: 1px solid transparent
    }

    .azure-nav__btn--expand > * {
        pointer-events: none
    }

.azure-nav__link--contact-sales, .azure-nav__link--free-green {
    background-color: #89c402;
    border: 1px solid #6f9e02;
    border-radius: 4px;
    color: #1a1a1f;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 9px;
    line-height: 1;
    text-align: center;
    text-decoration: none
}

    .azure-nav__link--contact-sales:hover, .azure-nav__link--free-green:hover {
        background-color: #9bdd02
    }

    .azure-nav__link--contact-sales:focus, .azure-nav__link--free-green:focus {
        outline: 1px dashed #1a1a1f;
        outline-offset: 1px
    }

    .azure-nav__link--contact-sales:hover, .azure-nav__link--free-green:hover, .azure-nav__link--contact-sales:focus, .azure-nav__link--free-green:focus {
        text-decoration: underline;
        color: #1a1a1f
    }

.azure-nav__link--contact-sales {
    background-color: transparent;
    border-color: #000
}

    .azure-nav__link--contact-sales:hover, .azure-nav__link--contact-sales:focus {
        background-color: #0078d4;
        color: #fff
    }

    .azure-nav__link--contact-sales:focus {
        outline-color: #1a1a1f !important
    }

.azure-nav-utility__list {
    padding: 0
}

.azure-nav-expand {
    background-color: #f4f5f6;
    width: 100%;
    border: 1px solid transparent
}

    .azure-nav-expand:focus {
        outline: 0
    }

.azure-nav-mobile--default {
    justify-content: space-between;
    padding: 12px
}

    .azure-nav-mobile--default .azure-nav--hamburger, .azure-nav-mobile--default .azure-nav-mobile__actions {
        min-width: 130px
    }

    .azure-nav-mobile--default .azure-nav--hamburger {
        transform: translateY(1px)
    }

    .azure-nav-mobile--default .azure-nav__link--home {
        font-size: 18px;
        line-height: 44px
    }

    .azure-nav-mobile--default .azure-nav__link--microsoft .icon {
        width: 32px;
        height: 32px
    }

    .azure-nav-mobile--default a:focus, .azure-nav-mobile--default button:focus {
        outline: 1px dashed currentColor
    }

    .azure-nav-mobile--default a:focus {
        outline-offset: 2px
    }

    .azure-nav-mobile--default .azure-nav-mobile__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

        .azure-nav-mobile--default .azure-nav-mobile__actions .azure-nav__btn--search:after {
            transform: translateY(2px);
            font-size: 18px
        }

    .azure-nav-mobile--default .azure-nav__btn--hamburger:focus:not(:focus-visible) {
        outline: 0
    }

    .azure-nav-mobile--default .azure-nav__btn--hamburger:focus-visible {
        outline: 1px dashed currentColor;
        outline-offset: -2px
    }

    .azure-nav-mobile--default .azure-nav__btn--hamburger span {
        pointer-events: none
    }

        .azure-nav-mobile--default .azure-nav__btn--hamburger span:not(.active) {
            display: none
        }

    .azure-nav-mobile--default .azure-nav__btn--hamburger .hamburger-close svg {
        transform: translateY(2px);
        stroke: currentColor
    }

    .azure-nav-mobile--default .azure-nav__btn--hamburger svg {
        width: 20px;
        overflow: visible
    }

    .azure-nav-mobile--default.azure-nav--hide-l1 > :not(form) {
        visibility: hidden
    }

    .azure-nav-mobile--default input[type=text].azure-nav-search-form__search-input {
        font-size: 16px
    }

html.mobile-nav-open {
    overflow: hidden;
    height: -webkit-fill-available
}

    html.mobile-nav-open body {
        min-height: 100vh;
        min-height: -webkit-fill-available
    }

    html.mobile-nav-open #oc-contact-sales, html.mobile-nav-open #live-engage-btn {
        display: none !important
    }

.azure-nav-container.active {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
    min-height: calc(100vh - 68px)
}

    .azure-nav-container.active.azure-nav--mobile-scroll {
        max-height: calc(100vh - 68px);
        overflow-y: auto
    }

@media (any-hover:none) and (any-pointer:coarse) {
    .azure-nav-container.active.azure-nav--mobile-scroll, .azure-nav-container.active .azure-nav--mobile-scroll {
        padding-bottom: calc(108px + env(safe-area-inset-bottom))
    }
}

.azure-nav-container.active .azure-nav-l1 {
    z-index: 2
}

.azure-nav-container.active .azure-nav-l1__list {
    background-color: #f4f5f6
}

.azure-nav-container.active .azure-nav__btn--expand {
    width: 100%
}

.azure-nav-container.active .azure-nav-utility {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.azure-nav-container.active, .azure-nav-container.active .azure-nav-l1__list-item + .azure-nav-l1__list-item:not(.active), .azure-nav-container.active .azure-nav-utility__list-item + .azure-nav-utility__list-item, .azure-nav-container.active .azure-nav-expand--utility {
    border-top: 1px solid #cccdce
}

    .azure-nav-container.active .azure-nav-utility__list {
        border-bottom: 1px solid #cccdce
    }

    .azure-nav-container.active .azure-nav-expand__link, .azure-nav-container.active .azure-nav-tabs__tablist button, .azure-nav-container.active .azure-nav-expand__list-card, .azure-nav-container.active .azure-nav__extra-cta {
        border-bottom: 1px solid #cccdce;
        display: flex;
        width: 100%;
        padding: 20px
    }

        .azure-nav-container.active .azure-nav-expand__link, .azure-nav-container.active .azure-nav-tabs__tablist button, .azure-nav-container.active .azure-nav-expand__list-card, .azure-nav-container.active .azure-nav__extra-cta, .azure-nav-container.active .azure-nav-expand__link:hover, .azure-nav-container.active .azure-nav-tabs__tablist button:hover, .azure-nav-container.active .azure-nav-expand__list-card:hover, .azure-nav-container.active .azure-nav__extra-cta:hover {
            background-color: #f4f5f6
        }

            .azure-nav-container.active .azure-nav-expand__list-card .azure-nav-expand__link {
                padding: 0;
                border-bottom: none;
                width: auto
            }

    .azure-nav-container.active .azure-nav-expand__list-card {
        align-items: center
    }

        .azure-nav-container.active .azure-nav-expand__list-card .icon {
            margin-right: 20px
        }

    .azure-nav-container.active .azure-nav-l1__list-item.active .azure-nav__btn--expand, .azure-nav-container.active .azure-nav-l1__list-item.active .azure-nav-expand__link-desc {
        display: none
    }

    .azure-nav-container.active .azure-nav-l1__list-item.active .azure-nav-expand {
        display: block
    }

    .azure-nav-container.active .azure-nav-l3-panel:not(.active), .azure-nav-container.active .inactive {
        display: none
    }

    .azure-nav-container.active a:focus, .azure-nav-container.active button:focus {
        outline: 1px dashed currentColor;
        outline-offset: -2px
    }

        .azure-nav-container.active a:focus.azure-nav__btn--back, .azure-nav-container.active button:focus.azure-nav__btn--back {
            outline-offset: 2px
        }

    .azure-nav-container.active .azure-nav-tabs__tablist li {
        margin-bottom: 0
    }

    .azure-nav-container.active .azure-nav--mobile-scroll {
        width: 100%;
        top: 61px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        position: absolute;
        z-index: 1;
        background-color: #fff
    }

    .azure-nav-container.active #products-dropdown .azure-nav-tabs-content__panel.azure-nav--mobile-scroll {
        top: 0
    }

    .azure-nav-container.active .azure-nav-expand__heading {
        display: block;
        padding: 30px 20px 12px;
        border-bottom: 1px solid #cccdce;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 0
    }

.azure-nav-mobile--ctas {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #cccdce
}

    .azure-nav-mobile--ctas .azure-nav-utility__link {
        margin-left: 20px;
        padding: 0
    }

.azure-nav-expand__headings--mobile {
    background-color: #fff;
    align-items: center;
    border-bottom: 1px solid #cccdce;
    display: flex;
    padding: 0 20px;
    min-height: 60px
}

    .azure-nav-expand__headings--mobile .azure-nav-expand__heading-title {
        flex-grow: 1;
        text-align: center
    }

    .azure-nav-expand__headings--mobile .azure-nav__btn--back {
        color: inherit;
        min-width: 14ch !important;
        text-align: left;
        transform: translateY(.15em);
        border: 0
    }

        .azure-nav-expand__headings--mobile .azure-nav__btn--back .icon {
            width: 12px;
            height: 12px
        }

            .azure-nav-expand__headings--mobile .azure-nav__btn--back .icon:before {
                content: '\e76b';
                font-family: 'BAPIMDL2','MWF-MORAY-MDL2'
            }

    .azure-nav-expand__headings--mobile:after {
        content: '';
        width: 14ch
    }

    .azure-nav-expand__headings--mobile .azure-nav__btn--back, .azure-nav-expand__headings--mobile:after {
        font-size: 13px
    }

.azure-nav-expand__list, .azure-nav-expand__list-resource {
    margin: 0;
    padding: 0
}

    .azure-nav-expand__list li, .azure-nav-expand__list-resource li {
        margin-bottom: 0
    }

        .azure-nav-expand__list li:not(.azure-nav-expand__list-card) a:not([href^='https://azure']):not([href^='https://acom']):after, .azure-nav-expand__list-resource li:not(.azure-nav-expand__list-card) a:not([href^='https://azure']):not([href^='https://acom']):after {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 8'%3E%3Cpath d='M6 6.5H2a.5.5 0 01-.5-.5V2a.5.5 0 10-1 0v4A1.5 1.5 0 002 7.5h4a.5.5 0 100-1zM7.46.81A.5.5 0 007 .5H4.25a.5.5 0 100 1h1.54L2.65 4.65a.5.5 0 00.7.7L6.5 2.21v1.54a.5.5 0 101 0V1a.5.5 0 00-.04-.19z' fill='%234C4C51'/%3E%3C/svg%3E");
            display: inline-block;
            width: 10px;
            margin-left: .25em;
            line-height: 0
        }

.azure-nav-expand__link {
    outline-offset: 2px
}

.azure-nav-tabs__tablist {
    padding: 0
}

.azure-nav-search-form {
    position: relative;
    margin-right: 12px;
    width: 120px;
    z-index: 1
}

    .azure-nav-search-form.active {
        width: auto;
        display: flex !important;
        top: -16px;
        margin-right: 0
    }

.azure-nav-search-form__search-field {
    position: relative;
    justify-content: flex-start;
    -webkit-transition: width 200ms ease-in;
    transition: width 200ms ease-in
}

    .azure-nav-search-form__search-field .azure-nav-search-form__search-input:focus {
        outline: 2px solid transparent
    }

    .azure-nav-search-form__search-field:not(.active) {
        width: 120px
    }

        .azure-nav-search-form__search-field:not(.active) .azure-nav__btn--search-close {
            display: none
        }

        .azure-nav-search-form__search-field:not(.active) .azure-nav-search-form__search-input:focus {
            border-style: dashed
        }

    .azure-nav-search-form__search-field.active {
        position: absolute;
        right: 0;
        display: flex;
        width: 600px;
        max-width: calc(100vw - 24px)
    }

        .azure-nav-search-form__search-field.active .azure-nav__btn--search {
            right: 44px
        }

@media screen (min-width:67.5em) {
    .azure-nav-search-form__search-field.active .azure-nav__btn--search {
        right: 36px
    }
}

.azure-nav-search-form__search-field.active input[type=text].azure-nav-search-form__search-input {
    padding-right: 60px
}

input[type=text].azure-nav-search-form__search-input {
    color: #4c4c51;
    font-size: 13px;
    padding-left: 12px;
    padding-right: 24px;
    min-height: 32px
}

input[type=text].azure-nav-search-form__search-input--primary {
    background-color: #f8f9fa;
    border-radius: 4px;
    border-color: #747479
}

.azure-nav-search-form .azure-nav__btn--icon {
    position: absolute;
    width: 24px !important;
    height: 24px !important
}

.azure-nav-search-form .azure-nav__btn--search, .azure-nav-search-form .azure-nav__btn--search-close {
    right: 8px;
    top: 3px
}

.azure-nav__btn--search:after, .azure-nav__btn--search-close:after {
    font-family: 'BAPIMDL2','MWF-MORAY-MDL2';
    font-size: 14px
}

.azure-nav__btn--search[tabindex='-1'] {
    pointer-events: none
}

.azure-nav__btn--search:after {
    content: '\e721'
}

.azure-nav__btn--search-close:after {
    content: '\e894'
}

#products-search-form .azure-nav__btn--search-close.active {
    display: block !important;
    top: 6px;
    border: 0;
    background: 0 0
}

    #products-search-form .azure-nav__btn--search-close.active:hover {
        text-decoration: none
    }

@media only screen and (min-width:48em) and (max-width:67.5em) {
    .azure-nav-utility__link {
        text-align: right !important;
        white-space: nowrap;
        width: 100%
    }

    .azure-nav__btn--show-list {
        height: 100%;
        line-height: 1;
        text-align: center;
        width: 48px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        justify-content: center
    }

        .azure-nav__btn--show-list svg {
            height: 24px;
            width: 24px
        }

    .azure-nav-expand__list li {
        flex-basis: 50% !important
    }

    .azure-nav-search-form__search-field.active {
        max-width: calc(100vw - 200px)
    }
}

@media only screen and (min-width:48em) {
    .azure-header-main, .azure-header-minimum__container {
        display: flex;
        align-items: center;
        max-width: 1310px;
        margin-left: auto;
        margin-right: auto
    }

    .acom-nav-service .azure-header-main, .acom-nav-service .azure-header-minimum__container {
        max-width: 1600px
    }

    .azure-nav-identity a, .azure-nav-l1__list-item a, .azure-nav-utility a, .azure-nav--free-account a, .azure-nav-identity button, .azure-nav-l1__list-item button, .azure-nav-utility button, .azure-nav--free-account button {
        text-underline-offset: 1px
    }

        .azure-nav-identity a:hover, .azure-nav-l1__list-item a:hover, .azure-nav-utility a:hover, .azure-nav--free-account a:hover, .azure-nav-identity button:hover, .azure-nav-l1__list-item button:hover, .azure-nav-utility button:hover, .azure-nav--free-account button:hover {
            text-decoration: underline
        }

        .azure-nav-identity a:focus, .azure-nav-l1__list-item a:focus, .azure-nav-utility a:focus, .azure-nav--free-account a:focus, .azure-nav-identity button:focus, .azure-nav-l1__list-item button:focus, .azure-nav-utility button:focus, .azure-nav--free-account button:focus {
            outline: 1px dashed currentColor
        }

        .azure-nav-utility a:focus, .azure-nav__btn--expand:focus {
            outline-offset: -4px
        }

    .azure-nav__btn--icon:focus {
        outline: 1px dashed currentColor
    }

    .azure-nav__link--home {
        margin-left: 12px;
        font-size: 18px;
        font-weight: 600
    }

    .azure-nav-l1 {
        background-color: inherit;
        border: 0;
        padding: 0 12px;
        width: auto;
        margin-right: auto
    }

    .azure-nav-l1__list {
        background-color: inherit;
        display: inline-flex;
        margin-left: 12px !important
    }

    .azure-nav__btn--expand, .azure-nav-utility__link {
        font-size: 13px;
        text-align: center;
        padding: 20px 8px
    }

    .azure-nav__btn--expand {
        border: 0
    }

        .azure-nav__btn--expand[aria-expanded=true] {
            background-color: #f4f5f6;
            text-decoration: underline
        }

            .azure-nav__btn--expand[aria-expanded=true]:after {
                transform: rotate(180deg)
            }

            .azure-nav__btn--expand[aria-expanded=true] + .azure-nav-expand {
                left: 0;
                position: absolute;
                top: 100%;
                width: 100%;
                display: block;
                z-index: 999;
                box-shadow: 0 3px 5px -1px rgba(0,0,0,.25)
            }

        .azure-nav__btn--expand:after {
            -webkit-transition: transform .25s 0s;
            transition: transform .25s 0s;
            content: '\e70d';
            font-family: 'BAPIMDL2';
            font-family: 'BAPIMDL2','MWF-MORAY-MDL2';
            font-size: 8px;
            margin: 5px 0 0 4px;
            font-weight: 600;
            float: right
        }

    .azure-nav--free-account {
        padding: 0;
        margin-left: 12px
    }

    .azure-nav__link--free {
        font-size: 12px;
        text-align: center
    }

    .azure-nav-utility__list-item {
        border: 0;
        font-weight: 400
    }

    a.azure-nav__extra-cta {
        display: inline-block;
        margin: 20px 0 0 260px;
        text-decoration: underline
    }
}

@media only screen and (min-width:48em) and (max-width:67.5em) {
    #products-dropdown .azure-nav-expand__list {
        justify-content: space-around
    }

    @supports (grid-template-columns:repeat(3,1fr)) {
        #products-dropdown .azure-nav-expand__list {
            display: grid;
            grid-template-columns: repeat(2,min(280px,50%)) !important
        }
    }

    #products-dropdown .azure-nav-expand__list li {
        flex-basis: 42% !important
    }

    #azure-nav-products-search__results .azure-nav-expand__list {
        grid-template-columns: repeat(3,min(33%,260px)) !important
    }

        #azure-nav-products-search__results .azure-nav-expand__list li {
            flex-basis: 28% !important
        }

    #utility-dropdown {
        padding: 8px;
        min-width: auto
    }

        #utility-dropdown .azure-nav-utility__link {
            padding: 8px
        }
}

@media only screen and (min-width:48em) {
    .azure-nav-utility {
        position: relative
    }

    .azure-nav-expand__headings {
        align-items: flex-end;
        display: flex;
        height: 36px
    }

    .azure-nav-expand__heading {
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 20px
    }

    .azure-nav-expand__lists {
        display: flex;
        padding: 0 20px;
        width: 100%;
        max-width: 100%
    }

    @supports (grid-template-columns:repeat(3,1fr)) {
        .azure-nav-expand__lists {
            display: grid;
            grid-template-columns: repeat(auto-fill,minmax(30ch,33%))
        }
    }

    .azure-nav-expand__group {
        flex: 0 1 33%;
        padding: 40px 20px
    }

        .azure-nav-expand__group:last-child {
            margin-right: auto
        }

    .azure-nav-expand__list li + li {
        margin-top: 20px
    }

    .azure-nav-expand__list--tab-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px
    }

    @supports (grid-template-columns:repeat(3,1fr)) {
        .azure-nav-expand__list--tab-list {
            display: grid;
            grid-template-columns: repeat(3,1fr)
        }
    }

    .azure-nav-expand__list--tab-list li {
        flex: 0 1 28%;
        margin: 0;
        padding: 0 20px 20px
    }

        .azure-nav-expand__list--tab-list li.azure-nav-expand__list-card {
            padding: 16px
        }

        .azure-nav-expand__list--tab-list li + li {
            margin-top: 0
        }

    .azure-nav-expand__list--gutters {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .azure-nav-expand__list-card {
        border: 1px solid transparent
    }

        .azure-nav-expand__list-card .azure-nav-expand__link {
            display: block;
            margin-top: 8px
        }

    .azure-nav-expand__list-more {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: 1px solid #b8b9ba;
        padding: 0 20px !important
    }

    .azure-nav-expand__list-card, .azure-nav-expand__list-more {
        position: relative;
        border-radius: 2px;
        -webkit-transition: all .25s ease-out;
        transition: all .25s ease-out
    }

        .azure-nav-expand__list-card .azure-nav-expand__link, .azure-nav-expand__list-more .azure-nav-expand__link {
            display: block;
            margin-top: 8px
        }

            .azure-nav-expand__list-card .azure-nav-expand__link:before, .azure-nav-expand__list-more .azure-nav-expand__link:before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

        .azure-nav-expand__list-card:hover, .azure-nav-expand__list-more:hover, .azure-nav-expand__list-card:focus-within, .azure-nav-expand__list-more:focus-within {
            background-color: #fff
        }

        .azure-nav-expand__list-card:focus-within, .azure-nav-expand__list-more:focus-within {
            border-style: dashed;
            border-color: #2e2e33
        }

            .azure-nav-expand__list-card:focus-within .azure-nav-expand__link, .azure-nav-expand__list-more:focus-within .azure-nav-expand__link {
                outline: 0
            }

        .azure-nav-expand__list-card:hover, .azure-nav-expand__list-more:hover {
            box-shadow: 0 2px 5px rgba(0,0,0,.14)
        }

    @supports (grid-template-columns:repeat(3,1fr)) {
        #explore-dropdown .azure-nav-expand__lists {
            grid-template-columns: 66% 1fr
        }

            #explore-dropdown .azure-nav-expand__lists .azure-nav-expand__list {
                display: grid;
                grid-auto-flow: column;
                grid-template-rows: repeat(3,1fr);
                grid-auto-columns: minmax(30ch,50%);
                column-gap: 40px;
                row-gap: 20px
            }

                #explore-dropdown .azure-nav-expand__lists .azure-nav-expand__list li + li {
                    margin-top: 0
                }
    }

    @supports (grid-template-columns:repeat(3,1fr)) {
        #resources-dropdown .azure-nav-expand__lists {
            grid-template-columns: repeat(auto-fill,minmax(30ch,auto))
        }
    }

    #resources-dropdown .azure-nav-expand__list li + li {
        margin-top: 16px
    }

    #resources-dropdown .azure-nav-expand__group {
        flex-basis: 25%
    }

    #products-dropdown .azure-nav-tabs {
        min-width: 220px;
        outline-offset: -3px
    }

    #products-dropdown .azure-nav-tabs__tablist {
        position: absolute;
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100% - 40px);
        width: 220px
    }

    #products-dropdown .azure-nav-tabs-content {
        margin-left: 40px
    }

    #products-dropdown .azure-nav-tabs-content__content {
        min-height: 550px
    }

    #products-dropdown .azure-nav-tabs__tab {
        margin: 1px;
        text-underline-offset: 1px
    }

    @supports (grid-template-columns:repeat(3,1fr)) {
        #products-dropdown .azure-nav-expand__list {
            display: grid;
            justify-content: space-between;
            grid-template-columns: repeat(4,1fr)
        }
    }

    #products-dropdown .azure-nav-expand__list li {
        flex-basis: 28%;
        margin-bottom: 20px
    }

    #products-dropdown .azure-nav-products-search {
        align-items: flex-start;
        margin-top: 20px;
        margin-left: 40px
    }

        #products-dropdown .azure-nav-products-search .azure-nav-search-form {
            width: auto;
            margin-right: 24px
        }

        #products-dropdown .azure-nav-products-search .azure-nav-search-form__search-field {
            width: 300px;
            margin-bottom: 8px
        }

        #products-dropdown .azure-nav-products-search .azure-nav-search-form .azure-nav__btn--search {
            left: 4px
        }

        #products-dropdown .azure-nav-products-search .azure-nav-search-form input[type=text].azure-nav-search-form__search-input {
            padding-left: 32px;
            padding-right: 32px
        }

        #products-dropdown .azure-nav-products-search .azure-nav__link--all-products {
            margin-top: 8px;
            outline-offset: 2px;
            text-decoration: underline
        }

    #products-dropdown #product-search-label {
        font-size: 12px
    }

    .azure-nav-expand__link {
        display: inline-block;
        border-bottom: 0;
        font-size: 14px;
        font-weight: 600;
        padding: 0
    }

    .azure-nav-expand__link--text {
        font-size: 13px;
        font-weight: 400
    }

    .azure-nav-expand__link-desc {
        margin: 6px 0 0;
        line-height: 1.5;
        font-size: 13px
    }

    .azure-nav-tabs-container {
        position: relative;
        display: flex;
        padding: 20px
    }

    .azure-nav-tabs {
        padding: 0 20px
    }

        .azure-nav-tabs .azure-nav-tabs__tablist {
            margin: 0;
            padding: 0
        }

        .azure-nav-tabs .azure-nav-tabs__tab {
            padding: 12px;
            width: 200px;
            outline-offset: -2px
        }

            .azure-nav-tabs .azure-nav-tabs__tab.active {
                text-decoration: underline
            }

        .azure-nav-tabs li {
            margin-bottom: 0
        }

    .azure-nav-tabs-content {
        flex-grow: 1;
        width: 100%
    }

    .azure-nav-tabs-content__panel {
        background-color: #f8f9fa;
        padding-top: 20px
    }

        .azure-nav-tabs-content__panel.active {
            display: block !important
        }

    .azure-nav-tabs-content__header {
        margin-left: 20px;
        margin-bottom: 20px
    }

        .azure-nav-tabs-content__header .text-heading4 {
            line-height: 1;
            margin-top: 0;
            margin-bottom: 9px;
            font-size: 18px
        }

    .azure-nav-tabs-content__content:not(.active) {
        display: none
    }

    .azure-nav-tabs-content__content:focus {
        outline: 0
    }

    .azure-nav-tabs-content__content .azure-nav__btn--back {
        color: inherit;
        margin-left: 16px;
        margin-bottom: 20px
    }

        .azure-nav-tabs-content__content .azure-nav__btn--back:hover {
            color: inherit !important
        }

    #nav-products-search__results {
        padding: 20px
    }

        #nav-products-search__results:empty {
            display: none
        }

        #nav-products-search__results .azure-nav-expand__list {
            background-color: #f8f9fa;
            padding: 20px 20px 0;
            grid-template-columns: repeat(4,1fr)
        }
}

@media only screen and (min-width:67.5em) {
    .azure-nav-identity .azure-nav__link--home {
        margin-left: 24px
    }

    .azure-nav-l1__list {
        margin-left: 24px !important
    }

    .azure-nav-search-form__search-field.active {
        top: -16px
    }

    .azure-nav__link--free-green {
        margin: 0 6px
    }
}

@media only screen and (min-width:1280px) {
    .azure-nav-search-form {
        margin-right: 24px
    }
}

@media only screen and (orientation:landscape) and (max-height:400px) and (max-width:400px) {
    .azure-nav-mobile--default {
        padding-top: 0;
        padding-bottom: 0
    }

    .azure-nav-expand__headings--mobile {
        min-height: 40px
    }

    .azure-nav-container.active .azure-nav-expand__link, .azure-nav-container.active .azure-nav-tabs__tablist button, .azure-nav-container.active .azure-nav-expand__list-card, .azure-nav-container.active .azure-nav-mobile--ctas, .azure-nav-container.active .azure-nav__btn--expand, .azure-nav-container.active .azure-nav-utility__link {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .azure-nav-container.active .azure-nav--mobile-scroll {
        top: 41px
    }

    .azure-nav-container.active.azure-nav--mobile-scroll {
        max-height: calc(100vh - 54px)
    }

    .azure-nav-container.active.azure-nav--mobile-scroll, .azure-nav-container.active .azure-nav--mobile-scroll {
        padding-bottom: 0
    }
}

@media only screen and (max-width:47.9375em) {
    #exp-164950-variation-desktop-cta {
        display: none !important
    }
}

.azure-footer-nav {
    background-color: #f4f5f6;
    color: #1a1a1f;
    padding: 48px 0 36px;
    font-size: 12px;
    font-family: 'Segoe UI',SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif
}

    .azure-footer-nav li a, .azure-footer-nav li button {
        color: #1a1a1f;
        display: block;
        padding: 2px 0;
        text-decoration: none;
        background-color: none;
        border: 0;
        flex-shrink: 0
    }

        .azure-footer-nav li a:active, .azure-footer-nav li button:active, .azure-footer-nav li a:hover, .azure-footer-nav li button:hover {
            color: #4c4c51;
            text-decoration: underline
        }

        .azure-footer-nav li a svg, .azure-footer-nav li button svg {
            fill: currentColor;
            width: 24px
        }

@media (-ms-high-contrast:active),(forced-colors:active) {
    .azure-footer-nav li a svg, .azure-footer-nav li button svg {
        fill: linktext
    }
}

.azure-footer-nav .azure-footer-row {
    max-width: 1310px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 18px;
    padding-right: 18px
}

    .azure-footer-nav .azure-footer-row + .azure-footer-row {
        margin-top: 36px
    }

.azure-footer-nav.acom-nav-service .azure-footer-row {
    max-width: 1600px
}

.azure-footer-nav__pre-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.azure-footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .azure-footer-nav ul li {
        margin: 0
    }

.azure-footer-nav .azure-footer-nav__social {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-left: 12px
}

    .azure-footer-nav .azure-footer-nav__social li + li {
        margin-left: 24px
    }

    .azure-footer-nav .azure-footer-nav__social img {
        display: block;
        width: 24px;
        height: 24px
    }

.azure-footer-nav .azure-footer-nav__column-links {
    margin-top: 12px
}

    .azure-footer-nav .azure-footer-nav__column-links li + li {
        margin-top: 12px
    }

.azure-footer-nav__actions {
    display: flex
}

    .azure-footer-nav__actions > * {
        flex: 0 1 188px
    }

.azure-footer-nav .azure-footer-nav__azure-app {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #eaebec;
    color: #4c4c51;
    text-decoration: none;
    padding: 12px
}

    .azure-footer-nav .azure-footer-nav__azure-app span {
        margin: 0
    }

        .azure-footer-nav .azure-footer-nav__azure-app span + span {
            margin-left: 12px
        }

    .azure-footer-nav .azure-footer-nav__azure-app:hover {
        text-decoration: underline
    }

.azure-footer-nav__minimum-links, .azure-footer-nav__legal {
    display: flex;
    align-items: flex-start
}

.azure-footer-nav:not(.azure-footer-nav--minimum) .azure-footer-nav__minimum-links {
    margin-top: 36px !important
}

.azure-footer-nav__legal {
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end
}

    .azure-footer-nav__legal, .azure-footer-nav__legal li {
        margin-bottom: 0
    }

        .azure-footer-nav__legal a, .azure-footer-nav__legal button {
            margin-bottom: 12px;
            margin-left: 16px;
            padding: 0
        }

.azure-footer-nav .azure-footer-nav__copyright {
    white-space: nowrap;
    font-weight: 600;
    padding: 2px 0;
    margin-left: 12px
}

.azure-footer-nav select {
    background-color: #fff
}

.azure-footer-nav #dropdown-cultures label {
    display: block;
    margin-bottom: 8px
}

.azure-footer-nav.azure-footer-nav--minimum {
    padding-top: 24px
}

.azure-footer-nav .text-heading6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3
}

.azure-footer-nav button {
    font-family: inherit;
    color: inherit;
    cursor: pointer
}

.azure-footer-nav .icon {
    display: inline-block;
    height: 48px;
    width: 48px;
    line-height: 0;
    vertical-align: middle
}

    .azure-footer-nav .icon svg {
        height: 100%;
        width: 100%;
        pointer-events: none
    }

        .azure-footer-nav .icon svg * {
            pointer-events: none
        }

.azure-footer-nav .icon-size2 {
    height: 24px;
    width: 24px
}

.azure-footer-nav input[type=text], .azure-footer-nav select {
    box-sizing: border-box;
    border: 1px solid #747479;
    color: #4c4c51;
    display: block;
    line-height: 1.2;
    width: 100%;
    font-family: inherit
}

.azure-footer-nav .button.button--icon:after {
    display: none !important
}

.azure-footer-nav .button.button--icon .icon {
    font-size: 16px;
    height: 16px;
    line-height: .9;
    margin: -3px 6px 0;
    width: 16px
}

.azure-footer-nav .button.button--icon.button--reset .icon {
    margin: 0;
    font-size: .8em;
    transform: translateY(.1em)
}

.azure-footer-nav .show-for-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.azure-footer-nav .hide {
    display: none !important
}

.azure-footer-nav .dropdown--default {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1a1a1f;
    line-height: 1.2;
    font-size: 14px;
    padding: 5px;
    height: 36px;
    width: 100%;
    border: 1px solid #747479
}

    .azure-footer-nav .dropdown--default:active {
        box-shadow: 0 2px 5px rgba(0,0,0,.14)
    }

    .azure-footer-nav .dropdown--default:disabled {
        cursor: not-allowed;
        background-color: #eaebec;
        color: #747479;
        border: 1px solid #cccdce
    }

@media screen and (min-width:60em) {
    .azure-footer-nav .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:60em) {
    .azure-footer-nav .show-for-large {
        display: none !important
    }
}

.ko-kr .privacy-link {
    font-weight: 700;
    font-size: 16px
}

@media screen and (min-width:33.75em) {
    .azure-footer-nav .azure-footer-nav__social {
        margin-top: 0;
        margin-left: 36px
    }
}

@media screen and (min-width:60em) {
    .azure-footer-row:not(.azure-footer-nav__pre-nav) {
        display: grid;
        column-gap: 24px
    }

    .azure-footer-nav__columns {
        grid-template-columns: repeat(6,1fr)
    }

    .azure-footer-nav__minimum {
        grid-template-columns: auto fit-content(65%)
    }

        .azure-footer-nav__minimum > :last-child {
            margin-left: auto
        }
}

@media screen and (max-width:33.75em) {
    .azure-footer-nav select {
        font-size: 16px
    }
}

@media screen and (max-width:60em) {
    .azure-footer-nav nav li a, .azure-footer-nav nav li button {
        width: auto;
        display: inline-block
    }

    .azure-footer-nav__toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 4px;
        text-align: left;
        border: 1px solid transparent;
        background-color: #eaebec;
        padding: 12px 24px;
        margin: 0;
        width: 100%
    }

        .azure-footer-nav__toggle:focus {
            outline: 0;
            border: 1px dashed
        }

        .azure-footer-nav__toggle:after {
            font-family: 'BAPIMDL2','MWF-MORAY-MDL2';
            content: '\002B';
            font-size: 20px;
            color: #4c4c51;
            padding-left: 12px;
            line-height: 1;
            transform: translateY(-2px)
        }

        .azure-footer-nav__toggle[aria-expanded=true]:after {
            content: '\2212'
        }

        .azure-footer-nav__toggle[aria-expanded=false] ~ ul {
            display: none
        }

        .azure-footer-nav__toggle ~ ul {
            padding-left: 24px;
            margin-top: 24px
        }

    .azure-footer-nav__column + .azure-footer-nav__column {
        margin-top: 36px
    }

    .azure-footer-nav__legal {
        margin: 0
    }
}

.text-input {
    font-size: 16px;
    color: #4c4c51;
    border: 2px solid #eaebec;
    line-height: 1.4;
    padding: 5px;
    width: 100%
}

.wa-previewTag {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40%;
    top: -1.5em
}

.wa-loader {
    background: url(https://azurecomcdn.azureedge.net/cvt-dc534547e38a0e85eb09c7e5e0da759d5844013bd89af811032012357a972f3b/less/images/spinner-rainbow.gif) 0 0 no-repeat;
    display: block;
    height: 134px;
    margin: 0 auto;
    width: 129px
}

.wa-conditionalDisplay {
    display: none !important
}

tr.active.wa-conditionalDisplay {
    display: table-row !important
}

td.active.wa-conditionalDisplay, th.active.wa-conditionalDisplay {
    display: table-cell !important
}

.wa-conditionalDisplay.active {
    display: block !important
}

    .wa-conditionalDisplay.active[data-display-mode=inline] {
        display: inline !important
    }

    .wa-conditionalDisplay.active[data-display-mode=inline-block] {
        display: inline-block !important
    }

.category-list {
    position: relative
}

    .category-list .category-container {
        margin-bottom: 1px
    }

        .category-list .category-container > button {
            background-color: #4c4c51;
            border: 0;
            color: #f8f9fa;
            font-size: 14px;
            height: 35px;
            padding: 0 12px;
            position: relative;
            text-align: left;
            width: 100%
        }

            .category-list .category-container > button.active {
                background-color: #0078d4
            }

                .category-list .category-container > button.active + .tabbed-product-container {
                    display: block
                }

        .category-list .category-container .tabbed-product-container {
            display: none
        }

    .category-list .product-container, .category-list .tabbed-product-container {
        left: 0;
        position: relative;
        top: 0
    }

        .category-list .product-container .row > div, .category-list .tabbed-product-container .row > div {
            margin-bottom: 30px;
            margin-top: 0
        }

        .category-list .product-container button, .category-list .tabbed-product-container button {
            background: 0 0;
            border: 2px solid #eaebec;
            padding: 0;
            text-align: left;
            width: 100%
        }

            .category-list .product-container button:disabled, .category-list .tabbed-product-container button:disabled {
                color: #4c4c51
            }

                .category-list .product-container button:disabled svg, .category-list .tabbed-product-container button:disabled svg, .category-list .product-container button:disabled span, .category-list .tabbed-product-container button:disabled span {
                    opacity: .6
                }

            .category-list .product-container button:focus, .category-list .tabbed-product-container button:focus, .category-list .product-container button:hover, .category-list .tabbed-product-container button:hover {
                border-color: #0078d4
            }

            .category-list .product-container button:active, .category-list .tabbed-product-container button:active {
                background-color: #cccdce
            }

            .category-list .product-container button .service-info, .category-list .tabbed-product-container button .service-info {
                font-size: 14px;
                text-align: left
            }

                .category-list .product-container button .service-info h5, .category-list .tabbed-product-container button .service-info h5 {
                    line-height: 24px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 100%
                }

                    .category-list .product-container button .service-info h5 .icon, .category-list .tabbed-product-container button .service-info h5 .icon {
                        height: 24px;
                        width: 24px
                    }

                .category-list .product-container button .service-info .product, .category-list .tabbed-product-container button .service-info .product {
                    display: block;
                    height: 80px;
                    padding: 12px
                }

                    .category-list .product-container button .service-info .product > span, .category-list .tabbed-product-container button .service-info .product > span {
                        display: block;
                        line-height: 1.2em;
                        margin-top: -5px
                    }

@media only screen and (min-width:60em) {
    .category-list .category-container > button {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 18%
    }

        .category-list .category-container > button .icon {
            padding-right: 5px
        }

    .category-list .product-container .row > div {
        margin-bottom: 12px;
        width: 33.333%
    }

    .category-list .tabbed-product-container {
        left: 20%;
        position: absolute;
        width: 80%
    }

        .category-list .tabbed-product-container .row > div:not(.column) {
            margin-bottom: 12px;
            width: 33.333%
        }

            .category-list .tabbed-product-container .row > div:not(.column) button .service-info .product {
                height: 100px
            }

    .category-list-arrows .category-container > button {
        overflow: visible
    }

        .category-list-arrows .category-container > button.active:after {
            background-color: #0078d4;
            content: '';
            height: 25px;
            position: absolute;
            right: -12px;
            top: 5px;
            width: 25px;
            -o-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }
}

@media only screen and (max-width:60em) {
    .category-list .tabbed-product-container {
        margin-top: 12px
    }

        .category-list .tabbed-product-container .link-row {
            margin: 0
        }

    .category-list.category-list-arrows .category-container > button {
        overflow: hidden
    }

        .category-list.category-list-arrows .category-container > button:after {
            border-left: 2px solid #fff;
            border-top: 2px solid #fff;
            content: '';
            display: block;
            height: 12px;
            position: absolute;
            right: 12px;
            top: 8px;
            width: 12px;
            -o-transform: rotate(225deg);
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg)
        }

        .category-list.category-list-arrows .category-container > button.active:after {
            margin-top: 7px;
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
}

.wa-dropdownList {
    display: block
}

    .wa-dropdownList:after {
        clear: both;
        content: '';
        display: table
    }

    .wa-dropdownList > div {
        display: block;
        margin-top: 10%
    }

        .wa-dropdownList > div:first-child {
            margin-top: 0
        }

    .wa-dropdownList label {
        font-size: 10px;
        line-height: 1.2;
        text-transform: uppercase;
        display: block;
        margin-bottom: 3px
    }

@media only screen and (min-width:60em) {
    .inline-dropdown {
        display: inline-block;
        width: 180px
    }

    .wa-dropdownList {
        border-top: 1px solid #eaebec;
        border-bottom: 1px solid #eaebec;
        padding: 8px 0;
        margin: 8px 0
    }

        .wa-dropdownList > div {
            float: left;
            margin-right: 26px;
            margin-top: 0;
            position: relative
        }

        .wa-dropdownList.wa-dropdownList-noLines {
            border: 0
        }
}

.wa-loading-progress-container {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    overflow: hidden;
    z-index: 100000;
    display: none
}

.wa-loading-progress div {
    width: 5px;
    height: 5px;
    position: absolute;
    left: -20px;
    top: 0;
    z-index: 100000;
    background-color: #50e6ff;
    border-radius: 50%;
    animation: move 4s infinite cubic-bezier(.2,.64,.81,.23)
}

    .wa-loading-progress div:nth-child(2) {
        animation-delay: 150ms
    }

    .wa-loading-progress div:nth-child(3) {
        animation-delay: 300ms
    }

    .wa-loading-progress div:nth-child(4) {
        animation-delay: 450ms
    }

@keyframes move {
    0% {
        left: 0
    }

    75% {
        left: 100%
    }

    to {
        left: 100%
    }
}

.wa-text .text-input {
    background-color: #fff;
    border: 1px solid #4c4c51;
    color: #4c4c51;
    padding: 8px 1%;
    width: 100%
}

    .wa-text .text-input::-ms-clear {
        display: none
    }

.wa-textSearch {
    position: relative
}

    .wa-textSearch input {
        line-height: 1.4;
        border: 1px solid transparent
    }

    .wa-textSearch #term, .wa-textSearch input {
        padding-right: 36px
    }

    .wa-textSearch .search-button {
        color: #1a1a1f;
        background: url(https://azurecomcdn.azureedge.net/cvt-06d28b0b1b09b69f857f2187193e3dfb2b1f054a59949e673927e34ab6a0b579/less/images/filter-search-spyglass.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 60%;
        border: 0;
        width: 35px;
        height: 35px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .wa-textSearch .clear {
        -moz-user-select: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
        color: #1a1a1f;
        cursor: pointer;
        display: block;
        position: absolute;
        width: auto;
        font-size: 22px;
        line-height: 12px;
        right: 36px;
        top: 12px;
        border: 0;
        background-color: transparent;
        padding: 0 3px 0 0
    }

    .wa-textSearch.template-search label {
        margin-bottom: 4px
    }

    .wa-textSearch.template-search .clear {
        top: 35px
    }

    .wa-textSearch.template-search .search-button {
        top: 25px
    }

.wa-text-light .text-input {
    border: 1px solid #747479
}

input.text-input.filter {
    padding-right: 60px
}

.icon--color00 svg {
    fill: #000
}

.icon--color01 svg {
    fill: #fff
}

.icon--color02 svg {
    fill: #50e6ff
}

.icon--color03 svg {
    fill: #0078d4
}

.icon--color04 svg {
    fill: #0062ad
}

.icon--color05 svg {
    fill: #243a5e
}

.icon--color06 svg {
    fill: #121d2f
}

.icon--color07 svg {
    fill: #89c402
}

.icon--color08 svg {
    fill: #a51419
}

.icon--color09 svg {
    fill: #128912
}

.icon--color10 svg {
    fill: #ff934f
}

.icon--gray10 svg {
    fill: #f8f9fa
}

.icon--gray20 svg {
    fill: #f4f5f6
}

.icon--gray30 svg {
    fill: #eaebec
}

.icon--gray40 svg {
    fill: #cccdce
}

.icon--gray50 svg {
    fill: #b8b9ba
}

.icon--gray60 svg {
    fill: #747479
}

.icon--gray70 svg {
    fill: #4c4c51
}

.icon--gray80 svg {
    fill: #2e2e33
}

.icon--gray90 svg {
    fill: #242429
}

.icon--gray100 svg {
    fill: #1a1a1f
}

.icon {
    display: inline-block;
    max-width: 100%
}

    .icon img, .icon svg {
        height: 100%;
        width: 100%
    }

h1 .icon, h2 .icon, h4 .icon {
    height: 32px;
    margin-top: 3px;
    vertical-align: initial;
    width: 32px
}

h3 .icon {
    height: 20px;
    margin-top: 3px;
    vertical-align: top;
    width: 20px
}

h4 .icon {
    margin: -2px 6px 0 0
}

.icon + h3, .icon + h4 {
    margin-top: 10px
}

.icon-size1 {
    height: 12px;
    width: 12px
}

.icon-size10 {
    height: 120px;
    width: 120px
}

.icon-size12 {
    height: 144px;
    width: 144px
}

.icon-size13 {
    height: 156px;
    width: 156px
}

.icon-size17 {
    height: 204px;
    width: 204px
}

.icon-size25 {
    height: 300px;
    width: 300px
}

.icon-bg {
    display: none
}

.wa-icon-triangleDarkNext {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA0SURBVBhXY/j//z8KZvAP8F8PxPwMMADk/Afiu0BsjCwAwj+BOAenAIqWNUCMMBTV2v8MAE/iNQJcpNDiAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    height: 8px;
    width: 4px;
    display: inline-block;
    vertical-align: middle;
    background-size: auto
}

.wa-icon-triangleDarkPrev {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA0SURBVBhXY/j//z8KhgP/AH9+IF4D4xgD8V0g/g/i5ADxTxAHuwCGFhgAckCGrkez9j8DAN7YNQJ1zFGgAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    height: 8px;
    width: 4px;
    display: inline-block;
    vertical-align: middle;
    background-size: auto
}

.wa-iconBoxed {
    background-color: #4c4c51;
    display: inline-block;
    padding: 9px
}

    .wa-iconBoxed .icon {
        display: block;
        height: 32px;
        width: 32px
    }

.wa-iconList {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .wa-iconList li {
        margin-bottom: 36px;
        position: relative
    }

        .wa-iconList li a, .wa-iconList li.wa-iconList-content {
            font-size: 16px;
            display: table-cell;
            height: 52px;
            padding-left: 60px;
            vertical-align: middle
        }

            .wa-iconList li a:hover {
                opacity: .7
            }

        .wa-iconList li:last-child {
            margin-bottom: 0
        }

        .wa-iconList li .icon, .wa-iconList li .wa-iconBoxed {
            left: 0;
            margin-top: -25px;
            position: absolute;
            top: 50%
        }

        .wa-iconList li.wa-iconList-content .icon {
            height: auto;
            width: auto;
            top: 10px;
            margin-top: 0
        }

        .wa-iconList li .wa-iconBoxed .icon {
            left: auto;
            margin-top: 0;
            position: static;
            top: auto
        }

        .wa-iconList li .summary {
            font-size: 12px;
            line-height: 1.2;
            color: #747479;
            display: block;
            margin-top: 4px
        }

.wa-iconList-horizontal:after {
    clear: both;
    content: '';
    display: table
}

.wa-iconList-horizontal li {
    float: left;
    margin-right: 35px;
    width: auto
}

p + .wa-iconList {
    margin-top: 15px
}

@media only screen and (min-width:60em) {
    .icon-bg {
        display: inline;
        bottom: -20px;
        opacity: .4;
        position: absolute;
        right: 20px
    }

        .icon-bg svg {
            -moz-filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%)
        }

    .wa-iconList-horizontal li .title:after {
        content: '';
        display: inline-block;
        height: 8px;
        margin-left: 4px;
        width: 4px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVBhXY/j//z8KZmBY/WY9EPMDMYgNFvgPxHeB2BhZAIR/AnEOTgEULWuAGGEoqrX/GQDba0puRQUyaAAAAABJRU5ErkJggg==);
        background-repeat: no-repeat
    }
}

.wa-searchResult {
    margin-bottom: 24px
}

[data-filter-hide=true], [data-control-hide=true] {
    display: none
}

.wa-video {
    display: block;
    width: 100%
}

    .wa-video .video {
        margin-bottom: 12px
    }

    .wa-video + .wa-video {
        margin-top: 24px
    }

@media only screen and (min-width:60em) {
    .wa-video {
        position: relative
    }

        .wa-video:after {
            clear: both;
            content: '';
            display: table
        }

        .wa-video .video {
            float: left;
            margin: 0;
            width: 31.25%
        }

        .wa-video .details {
            float: right;
            width: 65.625%
        }

        .wa-video .description {
            height: 68px;
            overflow: hidden
        }
}

.sub-nav .sub-nav-title {
    margin: 0 24px 0 0;
    display: block
}

.sub-nav.sub-nav-blue-background li {
    padding: 12px 0;
    margin-right: 0
}

    .sub-nav.sub-nav-blue-background li.sub-nav__dropdown {
        position: relative
    }

        .sub-nav.sub-nav-blue-background li.sub-nav__dropdown .toggled__list-item {
            padding: 0 12px
        }

.sub-nav.sub-nav-blue-background .sub-nav-title {
    color: #50e6ff;
    padding: 12px 0;
    margin-right: 36px
}

.sub-nav.sub-nav-blue-background a {
    padding: 12px 24px;
    margin-right: 0
}

.sub-nav .linkList {
    margin-bottom: 0
}

@media only screen and (min-width:33.75em) {
    .sub-nav .sub-nav-title {
        margin-top: 12px;
        float: left
    }
}

.product-placement .img-container svg {
    pointer-events: none
}

    .product-placement .img-container svg * {
        pointer-events: none
    }

.product-placement[data-set=marketplace-product-placement] {
    height: 235px
}

    .product-placement[data-set=marketplace-product-placement] .title {
        height: 40px
    }

    .product-placement[data-set=marketplace-product-placement] .subtitle {
        height: 36px
    }

.wa-container {
    background-color: #fff;
    padding-top: 0;
    width: 100%;
    margin: 0 auto;
    outline: 0
}

@media only screen and (min-width:60em) {
    .wa-container header {
        width: 100%
    }

        .wa-container header .row.column {
            width: 100%
        }
}

@media only screen and (min-width:1620px) {
    .wa-container {
        width: 100%
    }
}

.relative-container {
    position: relative
}

.section--color05 .text-super, .section--color05 h1, .section--color05 .text-heading1, .section--color05 h2, .section--color05 .text-heading2 {
    color: #f8f9fa
}

.section--color05 h3, .section--color05 .text-heading3, .section--color05 h4, .section--color05 .text-heading4, .section--color05 h5, .section--color05 .text-heading5, .section--color05 h6, .section--color05 .text-heading6 {
    color: #f8f9fa
}

.section--color05 a, .section--color05 a:hover {
    color: #f8f9fa
}

.section-solution-hadoop {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-f9c33cee4fbaf75a13f8691aa51946dc8278b620dda37101dba204c0156fef59/less/images/section/solution-hadoop.jpg)
}

.section-mixed-reality {
    background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(https://azurecomcdn.azureedge.net/cvt-0e9e7a07ea18f20cef00efe8fe092ce1bd1104052223f9d4755bc0b8515c3d34/less/images/section/mixed-reality-hero.jpg) no-repeat #000
}

.section-calculator-preview {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-82d7b203a3bbe5c2d99b50de6834123a862601a9363ddfe5eda0f39867817dda/less/images/section/calculator-preview.png);
    background-position: 50% 0;
    background-size: initial
}

.section-free-free-account-faq .column:first-child div:last-child {
    padding-bottom: 39px
}

.section-half-gray20-half-color01 {
    background-image: linear-gradient(#f4f5f6 50%,#fff 50%)
}

.section-top-border-color03 {
    border-top: 7px solid #0078d4 !important
}

.section-azure-for-ios {
    background-color: #fff;
    color: #2e2e33
}

.section-azure-credits {
    background-repeat: no-repeat
}

.section-explore-hero {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-431cb7268acbbcc0d6447e38360b16cc318fad77de86f6e9f4e8d18ac7a38283/less/images/section/explore-hero-mobile.jpg);
    padding-bottom: 325px
}

.section-quantum {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-812a4ef095a0931c6ff00ed667b6e80b70c47a095277ace17477e72ba1ed2f35/less/images/section/quantum.gif);
    min-height: 380px
}

.section-what-is-quantum-computing {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-cf5bc74d41da25a5da2b11a06f8d320a95b262acb264608c86e70bc797094fc1/less/images/section/what-is-quantum-computing.png);
    min-height: 380px
}

.section-cloud-economics {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-fdda8c19fd3151e34bdf36ee59b0e11688333a72b667da5d81714ed48addf9f4/less/images/section/cloud-economics.jpg);
    min-height: 400px
}

.section-quantum-computing-newsletter-signup {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-3259a3062e92e32b270300983d08ee9ded82f41f92dae34cc551accb4d1879e4/less/images/section/quantum-computing-newsletter-signup.jpg);
    min-height: 300px
}

.section-aiplatform {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-26c8a350bcc044420bfc67fd975d336934e8b3383f95bbb798b80404e9eea7aa/less/images/section/aiplatform.png);
    background-size: auto;
    background-position: 75% 50%;
    min-height: 400px
}

.section-global-network-map {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-27799306433c4e10abedd0e1e9be5c6a80ab03ecc3ad6047c6353a2fa26dcc6a/less/images/section/global-network-map.png);
    background-size: cover;
    background-repeat: no-repeat
}

.section-limitless-data-hero {
    background-image: url(https://azurecomcdn.azureedge.net/cvt-5b9c7ea48a28db86902ec0713b97abaefd5a27c416ad496b6b2fa84f49433669/less/images/section/limitless-data-hero.png);
    min-height: 380px
}

@media only screen and (min-width:48em) {
    .section-active-directory-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-61438336106f401ea4b95f3c80caeaf1fc8abd43b02fb134441e93cf84eb73bd/less/images/section/active-directory-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-aks-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f7d4ad97f219c134a2b4443e2d2722335b22b42beb7e96e8af4c8a4115a17a54/less/images/section/aks-hero.png);
        height: 400px
    }
}

@media only screen and (min-width:48em) {
    .section-american-flag {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-efd28445369f1a50c0bda4c33009e7908faafc448cd207612dfb299a5355b3dc/less/images/section/american-flag.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-american-flag-with-building {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-cfc73b9ea98b104ae984f6a5ab29c0235cbaf95d83bbee89d048a1e42678e8f9/less/images/section/american-flag-with-building.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-api-management {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a222835061dc000a958d2f7f2e63a8d9244fd70b3bc60b6b575882159bc2e0ac/less/images/section/api-management.png)
    }
}

@media only screen and (min-width:48em) {
    .section-appconsult {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c694a843aca8930779e28af120bafe1e0727e0d47a39897b9f3590b4b3cf4b1f/less/images/section/appconsult.png);
        height: 395px
    }
}

@media only screen and (min-width:48em) {
    .section-app-service-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-0abbfade8e65f7f05f89e9d8fc0c0b1ba92b6f0941a572e2517e2171053f5e19/less/images/section/app-service-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-appservicemigration-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-9d863c1e7eb94ef71372c1c9cc231591aefbb5747cf0b91f03354dd49c9dcba0/less/images/section/appservicemigration-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-appservicestatic {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-bbe426bd7ae41e2ac49369c654055ba1d7ba7bb589d13823b9b9bcc3c8d2fd81/less/images/section/appservicestatic.png)
    }
}

@media only screen and (min-width:48em) {
    .section-automanage-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8e16db58eed66caf1b476e5f50af7ee74d713b7b524727f39c4ca67a4ce63bdf/less/images/section/automanage-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-artifacts {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-49b0244b86ea5884967e317b9cde609f0027b9faa16da5f3a06634afd17be1fe/less/images/section/azure-artifacts.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-boards {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e03f5b77beab0fda09406e5147024fb93594fb17aa2e45af2a5bf5619ab18f07/less/images/section/azure-boards.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-lighthouse {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-0eff79ec08cc99c334dbcabbaa88ee083d57a74b0636e63e62a592c1719d3c2e/less/images/section/azure-lighthouse.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-maps {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-18f087887a905ed3ae5310bee894aa53fc03cfffadc5dc9902bfe3469d832fec/less/images/section/azure-maps.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-marketplace-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-024d9bde190f7fa9ae24fb25caea8588d1677eea3eddc79a656269361ead5cc4/less/images/section/azure-marketplace-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-open-source-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2e75b4640621bca30e5c255f98016ed9666b816f4d9ca6534e26ffa5a1b49c67/less/images/section/azure-open-source-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-pipelines {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-26049d0e197bd0f70ecc80209e1313c48e0af79de2374b7346c6f3bc8f117464/less/images/section/azure-pipelines.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-repos {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8aadf2dd29941b5504a2cd11d11823c1063a7e16a3ecb5efee0846057c3539de/less/images/section/azure-repos.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-security-expert-series {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-828ad590188a2c98ac025e150c47f3af2001147606053f41fd18bb0414d93c55/less/images/section/azure-security-expert-series.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-sphere {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e64612ff3f6f75b355f68bf592476eecf5f35704beed12a6e2c49ba6886438a0/less/images/section/azure-sphere.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-sql {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-de0e46ddf4a3d4c1b75579649230dbd96b1248c83441bd572278488f5839f408/less/images/section/azure-sql.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-stack-hub {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2c67048620de3ae758a6ecf76ccd20afb5b6c9bbf0d513d66e57c9adb6d2c70b/less/images/section/azure-stack-hub.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-stack-edge-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-90deaecfca16efa17ecbb3e8feca53752f00a12b3d0e3dee0b38617f91d0194b/less/images/section/azure-stack-edge-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-test-plans {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f627b01d42dd194048f1ed84645fdc4110125e46db961d2a94b17f252ad20b96/less/images/section/azure-test-plans.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-active-directory-domain-services {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c30e5f2bc426dd5360f298333e1b5f453523ec21eb3c676e5e7f61ecbbba5d68/less/images/section/azure-3d-hero-active-directory-domain-services.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-active-directory {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-1b00156a92e85de63c5b1952061fcd1d64ca32d06d7e13e3f52c6a1aa3467783/less/images/section/azure-3d-hero-active-directory.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-azure-and-github {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-befd29215c5bfd126c7e5fb2ebda0876a7c3a0a821fd6b08263845a92b2c75ff/less/images/section/azure-3d-hero-azure-and-github.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-azure-logic-apps {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d4943bfffdd8392474b16350c509c0ed3817e0647f72c6c4db19d017dd83cb95/less/images/section/azure-3d-hero-azure-logic-apps.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-chaos-studio {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-acf9654cdf515ce230344bbf94d38e763e517b2a5db2baf39bca6c9a1c8670a9/less/images/section/azure-3d-hero-chaos-studio.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-chaos-studio-1 {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2a4b47f33f41296fff1b5fab3d73770c87cf82a77b15f6fd128d5c30d8cc3430/less/images/section/azure-3d-hero-chaos-studio-1.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-container-apps {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f9c65805c097255cd1ebe535e6dbbe44af6c24d7471596189cbd8cbf8c72d5af/less/images/section/azure-3d-hero-container-apps.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-get-started {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-ebd9146c4439e671a8f7493927526dd4b1d444b3beb90850e111756dee777452/less/images/section/azure-3d-hero-get-started.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-hdinsight {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-291b54e2bf1c572ccc3852938bf243a5828f0f37ae7d28ac4900df72d8601081/less/images/section/azure-3d-hero-hdinsight.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-health-data-services {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8414fdf45d9f90004af25a26027c946e1e40529b16ab57ec7ef69b626fb2dcf4/less/images/section/azure-3d-hero-health-data-services.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-healthbot {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-27873d0a6b23bce8e446147d80a3314b77fb1ca057caa5cda681aece3f59e1f3/less/images/section/azure-3d-hero-healthbot.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-openai {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-13bef3d4fd46f1056001bde14f3ae9a59409c8d4f43bebf8396d9b4471acba47/less/images/section/azure-3d-hero-openai.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-service-bus {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-abf06726e62118b821570158e28cd44855790d1859d4d32898ad8692fb127a7a/less/images/section/azure-3d-hero-service-bus.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-hero-inside-azure-for-it {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8cb8a0a4b1ad795213d4ab8970e37ea34a0d4b993a22a9c6f09cd9ca94c352dd/less/images/section/azure-3d-hero-inside-azure-for-it.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-3d-suse-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2b7387944c6bdaab1e964224a4799a1346799a9cf03bba980c952d2e5cf13c91/less/images/section/azure-3d-suse-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-backup-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-7e90cdaba967b9dfea79ad031a3a97fae9af937a0a84546c5e42a8ea3da3d000/less/images/section/backup-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-blue-stacked-servers {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-08caf265b7694ba22aba93ecbce0a26a79f133c0ec6c78568fc4b5a2bf5b00ca/less/images/section/blue-stacked-servers.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-blue-vector-spirals {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-54d814cefca07954a74ff7cc5ab99b603a7c21b2eb26264280c555241dd90b4f/less/images/section/blue-vector-spirals.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-blurry-screens-and-people {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4880cad9010b21ce155d0e1cbeeaf8db274fa1d97e2ed7b33ce3853c6139942c/less/images/section/blurry-screens-and-people.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-bot-services {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-82b99f13c5ae99f3c6a79e1dcca246c438fdc64cf80c32e62e2a7f08f5f75584/less/images/section/bot-services.png)
    }
}

@media only screen and (min-width:48em) {
    .section-bridge {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-68f457fec53dce92d36835b74d3de3df125d975649738758a13927aac09839b6/less/images/section/bridge.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-bridge-chain {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-abcf1d10a6458780aa48955416cd37eb437d124fa18df96b211a0f115a347d70/less/images/section/bridge-chain.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-buildings {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d315d7a1dfbd3617f8d83af94eb85c1fb8f58ce81dad1b2a1cca02e1976efc35/less/images/section/buildings.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-cdn-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-24d3a88b138a84e1f5e22f413413c9b1bd2cf560d97b9d26810be947da242df1/less/images/section/cdn-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-city-buildings {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-43cdf2e87a68a8b6750a2ffe63232007ab82ef57ce4c01a536f773e0b89862ac/less/images/section/city-buildings.jpg);
        height: 450px
    }
}

@media only screen and (min-width:48em) {
    .section-cognitive-services-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-53351b689b23f5eb0eba9adf297fef26748814e520c1e2539134f7418ec341dc/less/images/section/cognitive-services-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-communication-services {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-252b6f9260ca06f3e5cc70213a8475d510b6c20bd050a56c14f83dff12fe506f/less/images/section/communication-services.png)
    }
}

@media only screen and (min-width:48em) {
    .section-cosmosdb-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-62951e301b1a41a92bce1eafa5b564ce430343338136479359b53bd05e5af764/less/images/section/cosmosdb-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-cost-management-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e99f17c44e62781baa0903f9cad4443d8e5698decd705ee4bdee7f075a5e65b2/less/images/section/cost-management-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-cost-optimization {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c336b4ccd4d8e73446bd1df63294e893620d121d57980964ed9be8f2b5feb06e/less/images/section/cost-optimization.png);
        height: 400px
    }
}

@media only screen and (min-width:48em) {
    .section-cray-hpc {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-685364b5f84b3f88bc997e36275091e52524e5b87c49ccf40c8af9ddc348e545/less/images/section/cray-hpc.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-data {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-0ced092c9c84ff6419cc683609813d3758b66c4c24c131cc090c87a97da598d8/less/images/section/data.png)
    }
}

@media only screen and (min-width:48em) {
    .section-databricks {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-10bcf2d2e2e73631911ec682fb6f6d59d7a372574b91577d10fe04a2f4bb3ca1/less/images/section/databricks.png)
    }
}

@media only screen and (min-width:48em) {
    .section-databox {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-fa9dfbc2819edb0ff316a6a8b01a803ab81892baa56eead65f7bdf612ce33e19/less/images/section/databox.png)
    }
}

@media only screen and (min-width:48em) {
    .section-datacenter-mesh {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-107a99f12f70ba071d0d586d88743a44a13d4a5bcf1f82aeb47af91383e511a2/less/images/section/datacenter-mesh.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-data-factory {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8aebbb6abce4fab582c85e8ce0851e7746f8850a5cbfeee213cb09d2f72cf372/less/images/section/data-factory.png)
    }
}

@media only screen and (min-width:48em) {
    .section-data-integration-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-dbc6b0c7d750dac0f1564df11fb9f7fccdfdcf4410c6241543d159ddbcd121a3/less/images/section/data-integration-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-devtest {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-7e6e58e8e084919d2562a35cb8acd922defb35f8918dcd61456829f61797e948/less/images/section/devtest.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-developer-velocity {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-918841bc36848fc5a23ca2f8f757a317e15cd18ec0af10538ef1c13675ff5b23/less/images/section/developer-velocity.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-devops-tools {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-adf63b4e56d6f27adb76d34874166bf45d318de8ed1d2974584320c34b06f618/less/images/section/devops-tools.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-digital-twins {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-5ad3266292e78745054510a43eb68471d7c96c466bc936d9e116543d050b33ad/less/images/section/digital-twins.png)
    }
}

@media only screen and (min-width:48em) {
    .section-docker {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-654a1a89aa02c945089cbed58de2c322f25e71a3b533b9697d44de66a22c221b/less/images/section/docker.jpg);
        height: 430px
    }
}

@media only screen and (min-width:48em) {
    .section-event-grid {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-5c92b40b35aef441ad110bedf34ef867fd0ba7a0a6df85e030065ea888069f27/less/images/section/event-grid.png)
    }
}

@media only screen and (min-width:48em) {
    .section-experiment-room {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-0717f4b95a106adb3cb7f053ef0bda0a9116e011ded53ec07847fc9a7de176cb/less/images/section/experiment-room.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-factory {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-465b0094d05e5873479b9d042def247a0999d863aa3fd56dce5c36172e15320f/less/images/section/factory.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-form-recognizer-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-3e93aace2119471ec8aa88a169187df86fc96bf6f2feb66f7df1c2442145f13a/less/images/section/form-recognizer-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-frontdoor-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2d644082099d147283bf6377a089a2ce88ba355e4c5c0eec5c6598b564c0ff60/less/images/section/frontdoor-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-functions {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-7eefa394f28740d3816740de38b3b7978644bc9292b42ba70b8391043e5f3958/less/images/section/functions.png)
    }
}

@media only screen and (min-width:48em) {
    .section-geographies-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-102972226524786de824c1196a6b43ecfac3d693af9246373660fc0f27b8cd70/less/images/section/geographies-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-global-network {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c474e0cf32d9855d56447b1d86511a80fa56230a5d01c87b50962c1f84b66dac/less/images/section/global-network.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-globe-in-office {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c5f910d31ccb1afbdbf8d5469276a3907b1ff866942704f7e4033ab5f83669a8/less/images/section/globe-in-office.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-go-development-code {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-cf5e6dcea2ab4003aa5e4a23593192be572620e3122f8863405e23c4dfdbeb30/less/images/section/go-development-code.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-government {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2b44ad3958c7c0a6ff1a11aee77d6283ef1149b951c9a4ccc11aa5e51bc249af/less/images/section/government.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-hands-at-keyboard {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2222b8f7806910e271344e211aeafabd1e5ed81b54ed0d5f434d18fd9000a515/less/images/section/hands-at-keyboard.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-hero-event-hubs {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4ac477480d4bb384c664a56035f6f35b10f2b205e21cddd8ef3b76a7fb612684/less/images/section/hero-event-hubs.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-hybrid-benefit-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-65635d74228be96e8b2b3435b47c3e60bdbdb6a3ae813e30d38cf36b243d258f/less/images/section/hybrid-benefit-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-internet-analyzer {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4b644313d7af3d7337674abd0daee588c44271a86027d9c3c8bc59c1923d7c74/less/images/section/internet-analyzer.png)
    }
}

@media only screen and (min-width:48em) {
    .section-iot-edge {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-50fbb7d1df698c528dc35ab696af8564c58085d6cc7a23615973d3569063ad77/less/images/section/iot-edge.png)
    }
}

@media only screen and (min-width:48em) {
    .section-jet-video {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8548f2243b8ccf81531e3062d610fdfe2f8cb1577baff6cecf24fd62970d0442/less/images/section/jet-video.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-kinect-dk {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-9af5849edc363890016b6018f6f8e2b9753a1dbff215b9978756b60ad12e9d87/less/images/section/kinect-dk.png)
    }
}

@media only screen and (min-width:48em) {
    .section-kubernetes {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-76213f1768c4227cf6507e4b432bb9fb210d35be200c1ce26bfe3b33142993c0/less/images/section/kubernetes.png)
    }
}

@media only screen and (min-width:48em) {
    .section-laser-cutter {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-973a8cfe40caf33599a1caec306504c04fafe7fa8a1e1fea8074c19bc40e6a0a/less/images/section/laser-cutter.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-library {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-9caca6f9ff674605a2f0c17af9ce47cb18fba33e71148eaae65553f666c08840/less/images/section/library.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-machine-learning {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-61a7f6d867ee985a85029d0b76e4ceaba6c6e9e2ab1a2346771bb7bc3f6c4d92/less/images/section/machine-learning.png)
    }
}

@media only screen and (min-width:48em) {
    .section-man-on-laptop-dark-room {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-75fcfae0bb99c4a8eaffefba9672f215d899c78419d47446480f779a0ae9cb2d/less/images/section/man-on-laptop-dark-room.jpg);
        height: 500px
    }
}

@media only screen and (min-width:48em) {
    .section-man-walking {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-899d8d5a8b96a7526cfb7a80c6e2f494e1c713d18aca39ec1382348c0cbec1fe/less/images/section/man-walking.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-medium-small-business {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-b0e066e1d2f6b24298679251dbf815d7b33b79b049b2242406002150cb3b9115/less/images/section/medium-small-business.png)
    }
}

@media only screen and (min-width:48em) {
    .section-men-playing-cards {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-52dd6c39caaa966c7ae3e1c2177fa3011bb8fcebe737d9ad93ed664490216528/less/images/section/men-playing-cards.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-migration-index {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8c743633c615d19374be53adef28cdbc8832848036514b704d6b24999d466050/less/images/section/migration-index.png);
        height: 500px
    }
}

@media only screen and (min-width:48em) {
    .section-mobile-app {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-997b129d1661bef83c664f7f6a45eed75f0c40594698ef1bea5beea5f9675df6/less/images/section/mobile-app.png)
    }
}

@media only screen and (min-width:48em) {
    .section-mysql-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-ad27469458ba763b417f87d9d3f56b64a1f80ba113f0921555f2f57664a00fb6/less/images/section/mysql-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-national-security {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-acb477f141a83e9cbf1228111632bc19755c91274c478c91e58f2bdde487d8a5/less/images/section/national-security.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-nodejs-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4936d627be4758ffd4f37fc104f1bf7f59de2ef12533536e89e4e607fb89b490/less/images/section/nodejs-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-office-window {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-87706a1155fccf629ad4e1fb9a265baadafba93c2ddddc4628e88606c04993e0/less/images/section/office-window.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-on-demand {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-054e5fa2e77cc51cf0e0c8157322e7d25b67fdf5aee8e3ff7e152b9b52d90f94/less/images/section/on-demand.png)
    }
}

@media only screen and (min-width:48em) {
    .section-opensource-hardware {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-0a993219a2bb35b622d18c89d8bee8cdf6c82a31e178e6ffcd8f27b18debb781/less/images/section/opensource-hardware.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-personalizer-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8220a999b9dca73d000e7424cbc8c4a7d9b88e00de799cd85762c5e88d78bfbd/less/images/section/personalizer-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-playfab-analytics {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a462faf32380cb6c7cb2671f07c094698f20100321a5957f91190b126d81ef4c/less/images/section/playfab-analytics.png)
    }
}

@media only screen and (min-width:48em) {
    .section-postgresql {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-de67ae3968939b318f7d092502b3b296b8189c67235230fab374c051247ddc17/less/images/section/postgresql.png)
    }
}

@media only screen and (min-width:48em) {
    .section-purview {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f536ea2607f9e377d44ad3b59f20fe2d7cced18333e4469615c282d27c6547b9/less/images/section/purview.png)
    }
}

@media only screen and (min-width:48em) {
    .section-quantum-network {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-3d9e47890af2632349775425df572d4afd6504a1df9b1cb1419fbe6104e60d4f/less/images/section/quantum-network.jpg);
        height: 400px
    }
}

@media only screen and (min-width:48em) {
    .section-quantum-technology {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-28d1b64b8bd30fac21799bb2084362deaaa806bdfa41e5f65cf7fe2e8bf0ab09/less/images/section/quantum-technology.jpg);
        height: 400px
    }
}

@media only screen and (min-width:48em) {
    .section-real-madrid-3 {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-62ba354d7dc09c04db8cedf1471f74f82f247c34f84bf0b61b449a6d716ef822/less/images/section/real-madrid-3.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-redis-cache-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-3ec30526bae70f41a8da20dac0db316c73ca87c4cb5b6b465eb6b3e343060b8b/less/images/section/redis-cache-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-resources {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-eca3f890249e781b9c844f01425f4a7ff6a5079949b3583f2be0b97e003e734b/less/images/section/resources.png)
    }
}

@media only screen and (min-width:48em) {
    .section-resources-customer-stories {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d9dbe2d55865204559bdf8e27af6ccc8b9dd2caead0c3793a0bf0422937c8000/less/images/section/resources-customer-stories.png)
    }
}

@media only screen and (min-width:48em) {
    .section-resources-downloads {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-9cb420300f15b3b36d9a7d6aa648b042d8c6e0a760b92a0d173671f6b8fb71be/less/images/section/resources-downloads.png)
    }
}

@media only screen and (min-width:48em) {
    .section-resources-quantum-qdk {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-320126b42bff606a8d61a8007035132be15026c7488a949e5208f3558fabd3b9/less/images/section/resources-quantum-qdk.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-resources-templates {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-90250f617cc07bddebdb0d212bf49184d1da779c460cc8e968fb7b64bdddc77d/less/images/section/resources-templates.png)
    }
}

@media only screen and (min-width:48em) {
    .section-resources-videos {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-fccaadd8cef93898430300a77ebaebd4254f5cbd9f18e939305a7803b6738045/less/images/section/resources-videos.png)
    }
}

@media only screen and (min-width:48em) {
    .section-resources-whitepaper {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-289f5aba41c71c11415fb57911f81c631818a15e1906c312dfe7aa09487bd789/less/images/section/resources-whitepaper.png)
    }
}

@media only screen and (min-width:48em) {
    .section-resources-theme-default {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2473f5032e6468d280c3866c486fb4b7f0f3420115e01433c1d715d5c9d4436a/less/images/section/resources-theme-default.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-search-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-97843d05294d138b38d0966708ef166f7a8bab3ecd7fa02dd2533de8da49b881/less/images/section/search-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-security-office {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-6b2d51eaf669d4f8fb4e6ee19962d70d84c16aefba98034152f56fd2e95b3e6a/less/images/section/security-office.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-services-azure-arc {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-b768fcb44b458070c487b1d0a6cb62b63de3a3fd5913af20ecdce2807f80a89d/less/images/section/services-azure-arc.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-products-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4475aa331fbe53fb7bccae6a5c02d7817bb29a84c626c03449f0c02f2a2627e0/less/images/section/products-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-ships-loading-dock {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-917c0297f8a6e64c3d0d2c058cb1a0a2ec42c58fb7dd8bf776cbb77dd83f35c2/less/images/section/ships-loading-dock.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-speaker-recognition-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-0e8713e00491fbb12ba9ca6244c92a3d7b34d9a2e2b5f128ae9ef85b31499e65/less/images/section/speaker-recognition-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-speech-to-text {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8dd440943c30723d933c03c8e7c5f4f03a9e6856ddb2ebbad5d49dc5c03d04f1/less/images/section/speech-to-text.png)
    }
}

@media only screen and (min-width:48em) {
    .section-speech-translation-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8177e7726216c5e3e9f133446420040724bfb1de9906f88990b61703b302718c/less/images/section/speech-translation-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-sql-managed-instance {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4251e34eddc0b4d401d101986ad6a8407cd123c8885e190d79e911aa83c4d4e9/less/images/section/sql-managed-instance.png)
    }
}

@media only screen and (min-width:48em) {
    .section-sqldatabaseedge-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-249d13f9c442ca17ee72b755c6356cbbf402ff806747e20655c84eb0201eac70/less/images/section/sqldatabaseedge-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-stack-hci {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-cd1e64f47b9bfd2b893e0b0bb96434f87d37584132a27ab19b51a3f7ac0df8ee/less/images/section/stack-hci.png)
    }
}

@media only screen and (min-width:48em) {
    .section-support {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-596d3395bef8ad8e071706e0abfb0765c352c0b9c6d3d0c88f02466c826487a4/less/images/section/support.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-synapse-analytics {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d6566295cf6ff7dedf4b3f59e78cd6e204b4109ebe06163c6651e8158b886a6a/less/images/section/synapse-analytics.png)
    }
}

@media only screen and (min-width:48em) {
    .section-tco-calc {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-99c7dbc33856c6251499cb704d5e9d4ca61500f789e7c1a5ae7e4c3411e4f3df/less/images/section/tco-calc.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-text-to-speech {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8dd440943c30723d933c03c8e7c5f4f03a9e6856ddb2ebbad5d49dc5c03d04f1/less/images/section/text-to-speech.png)
    }
}

@media only screen and (min-width:48em) {
    .section-virtual-machines-demo {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-32bb9c75c949f23d8b80b5c20cd6cb177a639ba6a933de3eeb553f131b29024b/less/images/section/virtual-machines-demo.png)
    }
}

@media only screen and (min-width:48em) {
    .section-vm-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-00c0ac93fd4e7cb35340a5fe2466c349aa9bbd4d07e1c21fb42b3e5135ab7a5c/less/images/section/vm-hero.png);
        height: 400px
    }
}

@media only screen and (min-width:48em) {
    .section-vmware-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2aad73b20eb3f2ea592f2de95278480f137fc3de9c4c30d5e39039ff8e61fddf/less/images/section/vmware-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-webinars {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-6bd139411a9831699437bf6d9b59ffd48391ddd085ecea96834ecff5e64e2a25/less/images/section/webinars.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-azure-iaas {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-61978b642dbfd388e70109153dfc3acc614a8add0280d49133fd48678305de1b/less/images/section/what-is-azure-iaas.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-azure-popular-products {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-6fd98cc1bad3eba764254f417d00398843273e1c10df8b947d70055f7348d932/less/images/section/what-is-azure-popular-products.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-cloud-enablement {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-b80d9492ce92126bbc73335aace542cf008b7c74a858c98fca9fd3258d361ebc/less/images/section/cloud-enablement.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-availability-zones {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-454bfb9c6d6807ce6015649e397f6144a288507cf0a559fb77178b69e949dbd2/less/images/section/availability-zones.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-default {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c4d113fa58b2ab5b27c418f84e237449576283015d72510e2c1f1bf3a9fff9e8/less/images/section/pricing-default.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-active-directory {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e2f9a957d343048a430e9352bbf4f6b457f5b261cf44e926b02cab0315e15c1f/less/images/section/pricing-active-directory.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-advisor {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d7fa3ac727885c4c9e24cbde6821b21c5423b832f0fed23c6da1f7bbad034fc1/less/images/section/pricing-advisor.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-api-management {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8f8b05ce2c60277fc1ce49057c8f1ba4442b25f48854bfe8fc8d66ad2366ed9b/less/images/section/pricing-api-management.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-app-configuration {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-1985b6277e14f00970985cde5ad0554c94d404f76c407aeddc023c289ea12131/less/images/section/pricing-app-configuration.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-app-center {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4b93146f1cb9e82c5fd0f8bc7c97b8274c9d6379886a29d2a342cdd0dc48a420/less/images/section/pricing-app-center.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-app-service {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a3d1fdb546d0300b3de11357e2a32dbabc5fb1e4b262d7ee0dc6965dff3b99b3/less/images/section/pricing-app-service.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-automation {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-136540c7bbe18a15280e26083b18db717d7592b5b2a50f7a76172cf24739115f/less/images/section/pricing-automation.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-api-for-fhir {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e3fc64ac9211de43c79f9b845e7a7cc548e3d984afa3d6455c551cbb24a42175/less/images/section/pricing-azure-api-for-fhir.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-bastion {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d4445b49eca0e6eacef14b3b1fc00de406cc6b9e3af098cb53417ef74d4450b9/less/images/section/pricing-azure-bastion.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-dedicated-hsm {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-48d0df72d8aa93195c44760d0ea418e2ad7761fd9bb538593d99a5836e0f032f/less/images/section/pricing-azure-dedicated-hsm.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-defender {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-821855691984738582531893c3beaea7025f3b5fa1a0ebf3799cfc95bdcb7b07/less/images/section/pricing-azure-defender.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-peering {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a2174794a8f08969730f2c78d79f0064c553286244708370101aa69c5d9571c4/less/images/section/pricing-azure-peering.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-purview {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-24e45820850aebf59d9e1fecd0c30f5082fc185af7df81ba1857270aabe2aa71/less/images/section/pricing-azure-purview.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-remote-rendering {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-b92e051581a5f9ebc797da21f81608f530cd6a6a33c6465e53b7e603375b9b9a/less/images/section/pricing-azure-remote-rendering.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-rtos {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-9b31f146beec31bb5a71387ff9b379fab1da200209ed6556c589c33594e3fc16/less/images/section/pricing-azure-rtos.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-sentinel {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a73dedd9d01673a7dc017dc31f81b6ea0b0fba142661e2fb1788e1ab2c256aaf/less/images/section/pricing-azure-sentinel.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-sphere {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-35a10af0c358459d21333f6a1695a3985911d32304e6ae8de8e4f465adb78130/less/images/section/pricing-azure-sphere.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-sql {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f3ef1909e01268b39ac392123c395570ea77a92a516c3b7575eb33d63f3208f5/less/images/section/pricing-azure-sql.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-sql-managed-instance {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c7b12b2b6f5356ebbacb918643ebf3aecb5752a58bb76c323ab9231acdafce8f/less/images/section/pricing-azure-sql-managed-instance.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-stack-hub {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d3351aec6fc67a5a20f0e705faa8f54b33ce2c3a93831056d836b20f6f501ae5/less/images/section/pricing-azure-stack-hub.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-azure-vmware {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f6c793c23e2137e71f3370a4f3df117defa5ce69df5b3db31bba3f0acfd6fa7f/less/images/section/pricing-azure-vmware.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-backup {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-bab81c974c684913a8b824469b007b7044fd01c7ebfac085f55edb457ae2cc85/less/images/section/pricing-backup.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-batch {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-428c9e01004cfa9fe3afca57749c93e5dc9fba59224b8f6579175a7f70aefe42/less/images/section/pricing-batch.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-bandwidth {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-dbb5a56c284378cabbdc29395b795fcfe0d5ba469a65038a8c5c0341c89f0a23/less/images/section/pricing-bandwidth.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-blobs {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-716f274562dacd20cd141402f1da97edb83cd5b96dcaaee1284b66b095eb58df/less/images/section/pricing-blobs.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-cloud-shell {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c1fa268251cdeb3e5eb47d222483c40368b2cb9c24d710c5fdc3fff663c2fab8/less/images/section/pricing-cloud-shell.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-cognitive-services {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-adbf7b7ef7bbf193a13eab60fc157d93c7bf87ef7491e466d83b0d07e01dba82/less/images/section/pricing-cognitive-services.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-container-registry {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-45bcf757f0b50483f99e0cdd855ccfc0bafb8f612bce7b53c966617102d4b58d/less/images/section/pricing-container-registry.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-cosmo-db {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a3579ba00517e5eb50a851d1145ecb57c52cd2be02becd38ba8cce2694eae89a/less/images/section/pricing-cosmo-db.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-databricks {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d8cdaba84e84f82c9f59fa5b58b9249e3e6d249048e2e92b8d9e2c6edba31439/less/images/section/pricing-databricks.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-data-lake-analytics {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-163b93db3267616817387818be874097e4dec4d2a053cc28df2ddb6468bc72b3/less/images/section/pricing-data-lake-analytics.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-data-catalog {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-5669badbf7f1c58ba58e499aec21e073086a294e5e269baf0c3b9bb3602b2b1b/less/images/section/pricing-data-catalog.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-data-explorer {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e8a561313146d9fc2082206640a46166c259c075ebd8cae859ee99945742a279/less/images/section/pricing-data-explorer.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-data-factory {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4160a152a2c07a484b8da93f194eaab2e89d8c83356e04fafce74de0bc3e80a9/less/images/section/pricing-data-factory.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-data-share {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-63b1e9c4088a0d3afc2d39969d0fbd81a7ccd978fd0bd0b901bc8fa03b15d99d/less/images/section/pricing-data-share.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-databox {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-27e1fc828f04d4a0c66333b4c0e720be1676d00ff233acb934607fd7e7086b68/less/images/section/pricing-databox.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-digital-twins {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-9d64ec504a5b76a654c8ea932c96ed7ed5fc8fece9492fa7a563eb4ea937cb4c/less/images/section/pricing-digital-twins.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-event-grid {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a93249f11e90e61191dc46872443697d249a3ce77687b3643a1ac7429efd7e18/less/images/section/pricing-event-grid.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-event-hubs {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-db87f7df18adf074dedd16d122bb7ac8cfcb87c69fe256e53808d439ad050222/less/images/section/pricing-event-hubs.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-expressroute {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-42a7c1e55a19b737d8dc37abe04e51ac5c1a5405f72986ad5eb9bda109869d1f/less/images/section/pricing-expressroute.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-free-services {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2da459ec5519c308a2abbf1c1ce61b0750e35625654229e11c0516407605ed13/less/images/section/pricing-free-services.png)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-front-door {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-61af10bc5ab1ed871696fd27cb3f81c7da7bbd5748ff718a7b62ba132dc4f308/less/images/section/pricing-front-door.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-functions {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-daf48288dc4f85309634e42756ee229c3f63d0141b1b9fd687210adf07d983e1/less/images/section/pricing-functions.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-hd-insight {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4af453766c7a3b4dd55f0f889e62e127c7841df6a40fd6f70048ed4086056629/less/images/section/pricing-hd-insight.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-hpc-cache {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-104e23d4af0ac9582f0611e47ad286be020a33a43933b685ffaebd0466cf9636/less/images/section/pricing-hpc-cache.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-iot-central {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-1f7b285da7c71590a702e2fe0cad81cacc01a960e39d0960e531538c44b87f25/less/images/section/pricing-iot-central.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-iot-edge {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8e2fbb723bc340e4abf6f7851780119926a2cbb47eba409526278369f932f2d0/less/images/section/pricing-iot-edge.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-ip-addresses {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8c81d52cdae377142c1d1e5de700cc8300cfff57b9b09e9e94150b66a964a6c8/less/images/section/pricing-ip-addresses.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-key-fault {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c1d6d8318c58f00e44ab66fe45e79aa595e8bb80e8785b117733b37c5b45eeb8/less/images/section/pricing-key-fault.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-kubernetes-service {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-895ea98f3d2fb11f8c410a684c5822e9964a80db6d0148b549fe5375f6f5075c/less/images/section/pricing-kubernetes-service.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-lab-services {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-7e6e58e8e084919d2562a35cb8acd922defb35f8918dcd61456829f61797e948/less/images/section/pricing-lab-services.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-load-balancer {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-6ea3bf351bb550278eef3db1710d6dbbae327714bdca6fa5c4e4c1bdecdc1369/less/images/section/pricing-load-balancer.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-logic-apps {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-6071d56055300a31a6ac8e25c049840f11075768937f421059195f016404d158/less/images/section/pricing-logic-apps.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-mariadb {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-0dfb0393037ebd34da2dc2e65f29c4ee11ebe29072d528ec0b380b600e6b2927/less/images/section/pricing-mariadb.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-managed-disks {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2ecaaff0270aa0a6453c985e577272ba538dc9eae9df4576f85e2ea3c92f5dd5/less/images/section/pricing-managed-disks.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-monitor {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-1666b553827cb469233e2506fafc0c66b184196c43233eb1a94be8c760654517/less/images/section/pricing-monitor.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-mysql {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f900dba379554a617a6f14cc4c72ed0d4279c8a54a7f84dde907ec411f40b1f3/less/images/section/pricing-mysql.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-netapp {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-2b206b6191672001a5f3721a0e690c89c1517843e1ece7ee603c9416f345fc26/less/images/section/pricing-netapp.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-network-watcher {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-406c4a1e647fcc0f0ba8dfeeb14a311de5e46ed047b1caa1cecb3ce3e441f73b/less/images/section/pricing-network-watcher.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-openshift {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-9881cef7c8b26e89a5355462425599b90be6ece9c339a2beae668c2e4619c9e2/less/images/section/pricing-openshift.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-postgresql {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-ee83e78be187e22c60097933e185afbf9cc0f0c55c31fcc18448b471eebf236d/less/images/section/pricing-postgresql.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-power-bi-embedded {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a042bdc1538d86fa5c39cd20c6c3797c61c7df19b99fe97815ab37b0fd1c41ec/less/images/section/pricing-power-bi-embedded.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-private-link {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8150d9bc610ccc02862d46ee986f2a3a210feec82c9a9737e850d7053f67b870/less/images/section/pricing-private-link.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-purview {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-24e45820850aebf59d9e1fecd0c30f5082fc185af7df81ba1857270aabe2aa71/less/images/section/pricing-purview.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-scheduler {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f24ed4f54065361c3057aa6ab77d3e2596d5fa16d9ff19235f412b9a88b24c72/less/images/section/pricing-scheduler.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-security-center {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-1b8f6d77cdd733f58b70fa339af46b53972834c86c2c6666648846a934269bfd/less/images/section/pricing-security-center.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-service-fabric {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-0fc53d07a692b677f9de270b2aa13898ca19b9e46786ed8182c48ff9cc7177d4/less/images/section/pricing-service-fabric.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-signalr {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-257349bb040cdc92d1e7986a526dc4da1203a1dd2dcdadf83e659e7b2c6475e4/less/images/section/pricing-signalr.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-signalr-service {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-257349bb040cdc92d1e7986a526dc4da1203a1dd2dcdadf83e659e7b2c6475e4/less/images/section/pricing-signalr-service.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-spatial-anchor {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-cae685233f3d829b8872dee27e48d9e3af05e0214b2cbc6b33f33ee91d5e7bb0/less/images/section/pricing-spatial-anchor.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-spot-advisor {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c409df881bb0450d642f7af8a47163dabb58fc293d8da24fe4ccf48480a14fa4/less/images/section/pricing-spot-advisor.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-spring-cloud {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8fd94ec7b155f3bdd3d3b3949ea6a48ce71d30353263c2d56968307bfe33a39f/less/images/section/pricing-spring-cloud.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-sql-database {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f3ef1909e01268b39ac392123c395570ea77a92a516c3b7575eb33d63f3208f5/less/images/section/pricing-sql-database.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-storage {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-716f274562dacd20cd141402f1da97edb83cd5b96dcaaee1284b66b095eb58df/less/images/section/pricing-storage.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-storage-import-export {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-751a7747dd3bbd3b9387a984748e94abdeb2f4907785fb57f46c2b55d273fba8/less/images/section/pricing-storage-import-export.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-storsimple {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-ac5e9e07c848aa08aa87ca9b16c91b37a263f73cdad1cfa74b14fc47d3dbec4f/less/images/section/pricing-storsimple.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-stream-analytics {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-4c550487fc65c664393215eda0c496dca5470621f31593e20f38ed77f79c831d/less/images/section/pricing-stream-analytics.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-synapse-analytics {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-23fc99a6fe9e0095762a928236a15a6d7cb3d57f6add8b3a1d3b2ad387100c1b/less/images/section/pricing-synapse-analytics.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-time-series-insights {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-10325c19ee45094d4b08fc58b1a3ebc6a242f55d251aaf434d5a72e6b094d155/less/images/section/pricing-time-series-insights.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-virtual-machines {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-3828f441682cafdab6548dc951456f098ef36aea1b22775b140dd9e383785b14/less/images/section/pricing-virtual-machines.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-virtual-machine-scale-sets {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-db8855dda4481af8eed9f70fa045c32018c65d3711dee918e6eaad7d1e8a06bc/less/images/section/pricing-virtual-machine-scale-sets.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-virtual-network {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8d373aaea672b803807b720dcd872954605761095f6e71c56d8d1b5387dcb286/less/images/section/pricing-virtual-network.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-virtual-wan {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-5acb0549ddd7044a68bb0907ac3df02008d82077ff1bbbec574e2dc55e4c120a/less/images/section/pricing-virtual-wan.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-vpn-gateway {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-5058d9ae8d5c2e694a441cdfc8d254a4d7d5e4208b0f00208f26556f62d278a8/less/images/section/pricing-vpn-gateway.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-windows-10-iot-core {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e4af5a9c5b91c8c708b9c72f81fdb95254aa0674bed410a8f4e306c641f81f8a/less/images/section/pricing-windows-10-iot-core.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-virtual-desktop-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a9dfa102a18d24dc7593a8a97e5bea2491150b7f2d539ace62249ce27898a8f1/less/images/section/virtual-desktop-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-arc-enabled-data-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-bebd2b2fea7d1f6492b5c3d3a4fe41d799c6bc76ae465994a205a72fbb5bbd5e/less/images/section/arc-enabled-data-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-resources-events-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d69a8b42909cd954fc6c595284bffc0424d59639e7f2b161a891171b17699a2b/less/images/section/resources-events-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-well-architected-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d62124f706faaa583f2423fcce5b301979250407c8f7ee092b157cffc4521f8c/less/images/section/well-architected-hero.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-edge-computing-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-b038549090a68267fae6f6bf71301dc287dad335302ce5d61224fcd3eaf89356/less/images/section/edge-computing-hero.png)
    }
}

@media only screen and (min-width:48em) {
    .section-application-modernization {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-682a9a663ca9db040311a5c1ba701b4732bf739bff5696c23ad755981e77df94/less/images/section/application-modernization.png)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-data-governance {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-223599b50194ed17c480cf25506dd2c4504db43d8e1414a9a073c0e60b2bb5ec/less/images/section/what-is-data-governance.png)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-data-migration {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-fc429ec72fa812bb0a7f41e5915404162c73270b9318a3cbcc7f93164c7bff1b/less/images/section/what-is-data-migration.png)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-java-programming-language {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-41ac2aaf9b65aa038e7720f35d30a7de1a00273fcbdb457e00b417b28634df8c/less/images/section/what-is-java-programming-language.png)
    }
}

@media only screen and (min-width:48em) {
    .section-hero-vpn {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a5123d1bef6ed946701a4ab922a70a258a4d01913c960e776ee3fbea5eda03d9/less/images/section/hero-vpn.png)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-a-data-lake {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-aeb80bcbf5800654a0d96f639a5ef1f52d7e8f1a6ce423e0b57f2d4678904493/less/images/section/what-is-a-data-lake.png)
    }
}

@media only screen and (min-width:48em) {
    .section-hero-image-javaspring {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c12de4a151cc1088b98908e505b8d9e3f2a018678715c353340958fe354a2497/less/images/section/hero-image-javaspring.png)
    }
}

@media only screen and (min-width:48em) {
    .section-whitepapers-analyst-report {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-dcff22ba188f39c8ea23928179f686913455742ff242f9b0e0bca5c54af19c7f/less/images/section/whitepapers-analyst-report.png)
    }
}

@media only screen and (min-width:48em) {
    .section-whitepapers-ebook {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-04284e9b50f78893b7758fe7d9aec0997c2b205fb996da8c6377f0e637adc172/less/images/section/whitepapers-ebook.png)
    }
}

@media only screen and (min-width:48em) {
    .section-whitepapers-whitepapers {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-a0431a45d884b8d43bb203cf8aece89610b8ce82167d5d3cc554fb1d7cf57c7b/less/images/section/whitepapers-whitepapers.png)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-mobile-app-development {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-d1f5f42ce330238fccb3603732bd9f75268586983fdb16ef34a8717e8afa2b72/less/images/section/what-is-mobile-app-development.png)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-a-data-warehouse {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-74876a819a0cda93e060cfdf2a57a13e8e81375f0daa85cbd709fc4279b0e073/less/images/section/what-is-a-data-warehouse.png)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-a-relational-database {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-35414ecb92f1dc52d1c382531f544779c3e8cc49464bbd95a273a01684e65a64/less/images/section/what-is-a-relational-database.png)
    }
}

@media only screen and (min-width:48em) {
    .section-applications {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-9c9d0d513c366f2ff6532a9f2d8f627cf8a8562a0e9278625b7646250bea9d01/less/images/section/applications.png)
    }
}

@media only screen and (min-width:48em) {
    .section-database-security-best-practices {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-803fb8016c734c1c21bf952c8e627d40154dd2901fc9a06e7d4473ca9a6fecc3/less/images/section/database-security-best-practices.png)
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-a-cloud-server {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-fedfceede0955a2628a38b39cf6825eebdfde21dc85ed37bf4774f676013f2bd/less/images/section/what-is-a-cloud-server.png)
    }
}

@media only screen and (min-width:48em) {
    .section-hero-defender {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c064d2fceccaed0a42501bbad58b10d546f73fd72c96edc5dd37d43c0e796c96/less/images/section/hero-defender.jpg)
    }
}

@media only screen and (min-width:48em) {
    .section-hero-educators {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-b0825f33e7ae45b823524f78c4ff5ea5cd82b2cc17a90cebaac7ad60b72d5f1f/less/images/section/hero-educators.png)
    }
}

@media only screen and (min-width:48em) {
    .section-azure-credits {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-bb4039b228e26959b134211d8d4e513a2d7ea9dee481bd73de1608dd038124a9/less/images/section/azure-credits.png);
        background-position: 75% bottom;
        background-size: contain
    }
}

@media only screen and (min-width:48em) {
    .section-developer-guide-to-azure {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-911d59d47177e0be4c1f9477b7f8e63f93dd4961c139be231f6a0232773dadc4/less/images/section/developer-guide-to-azure.png);
        background-position: 50% bottom;
        background-size: contain
    }
}

@media only screen and (min-width:48em) {
    .section-playfab-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-8922550546069a77befe2d89bde0b38bb8c137e0d11ded88162bce51ff8abf7f/less/images/section/playfab-hero.png);
        background-position: 50% bottom;
        background-size: contain
    }
}

@media only screen and (min-width:48em) {
    .section-playfab-liveops-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-029cbbc7bf10b8c1a074b08b41ccb2232054f6aa5837b94a8c8f8bb33e883bf8/less/images/section/playfab-liveops-hero.png);
        background-position: 50% bottom;
        background-size: contain
    }
}

@media only screen and (min-width:48em) {
    .section-playfab-multiplayer-services {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-eaa5c5b6d7c06c71e176d3b5cea00c36244f28506daabb7ac36ac063b07544bc/less/images/section/playfab-multiplayer-services.png);
        background-position: 50% bottom;
        background-size: contain
    }
}

@media only screen and (min-width:48em) {
    .section-sql-data-warehouse-compare {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-249ebb6e848ad5d47101878b34adc3a8e761487f592bd63edc65ee235cce98b5/less/images/section/sql-data-warehouse-compare.png);
        background-position: 75% bottom;
        background-size: contain
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-azure {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-f06cd5ec81720dbb90634e021a0de9796db5568a63d99c0127252c60c7e55ff5/less/images/section/what-is-azure.svg);
        background-position: 85% bottom;
        background-size: contain
    }
}

@media only screen and (min-width:48em) {
    .section-what-is-machine-learning-platform {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-b126298f13177c6daf1ed7cf5cb852f74b51c6d9227e1f7778610e59dd051b78/less/images/section/what-is-machine-learning-platform.png);
        background-position: 100% bottom;
        background-size: contain
    }
}

@media only screen and (min-width:48em) {
    .section-paygo-security {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-19ca5817a8bd7b0a78b3c6e7bda6f2426f42d37c1d9a520469702f6a519e0e82/less/images/section/paygo-security.png)
    }
}

@media only screen and (min-width:48em) {
    .section-paygo-reliability {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-783c75f7cfe664357d731e89e2b89a83ccfe37f36cf53b099d9f5e9396d30495/less/images/section/paygo-reliability.png)
    }
}

@media only screen and (min-width:48em) {
    .section-paygo-cost {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e5cbf5d6640a7f6e981d7c6a4855b7ed3bee532907bc62b24c1bdad4ce25f74f/less/images/section/paygo-cost.png)
    }
}

@media only screen and (max-width:60em) {
    .section-pricing-faq .column:first-child p {
        padding-bottom: 29px
    }

    .section-resources-events-hero {
        background-size: 150%
    }
}

@media only screen and (min-width:60em) {
    .section-free-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-e8467f5518914e79e78cf912925f1ad4a6a95afd15c3a196fec79e7e1c92c8b5/less/images/section/free-hero.png);
        background-position: top center;
        background-size: 1200px auto;
        min-height: 380px
    }
}

@media only screen and (min-width:48em) {
    .section-resources {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-eca3f890249e781b9c844f01425f4a7ff6a5079949b3583f2be0b97e003e734b/less/images/section/resources.png);
        background-size: cover
    }

    .section-aks-hero {
        background-position: 45%
    }

    .section-mixed-reality {
        background-position: 100% 15%;
        background-size: cover
    }

    .section-go-development-code {
        height: 600px
    }

    .section-explore-hero {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-edc7d3361363a6709ce6ce4dbc6948c30b772aae180120f57792032670f1f4fd/less/images/section/explore-hero-desktop.jpg);
        background-size: 1920px;
        padding: 186px 0
    }

    .section-global-network-map {
        padding: 192px 0
    }
}

@media only screen and (min-width:60em) {
    .section-resources {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-eca3f890249e781b9c844f01425f4a7ff6a5079949b3583f2be0b97e003e734b/less/images/section/resources.png);
        background-position: 85%;
        background-size: contain
    }

    .section-basic-support {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-149f09350acb134a77dcb080574136d89805d4300fe565be973d635182bb9955/less/images/section/basic-support.png);
        background-position: 50% 100%;
        background-size: auto;
        min-height: 194px
    }

    .section-clouds-alt {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-560c2b7d4287f549f412b9fc36868914a098da5ead004739d55c3e1b2b8e1ac6/less/images/section/clouds-alt.png);
        background-position: 100% 100%;
        background-size: auto
    }

    .section-cloud-computing-dictionary {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-ff639a02b9d00178e6488428c1e6819a85913addc09d9fd8ad3e47e3feafeefa/less/images/section/cloud-computing-dictionary.jpg);
        background-position: 50% 100%
    }

    .section-bridge.full-height {
        height: 450px
    }

    .section-real-madrid-2, .owl-carousel .section-clouds {
        min-height: 355px
    }

    .section-real-madrid-1 {
        height: 450px
    }

    .section-men-playing-cards {
        min-height: 300px
    }

    .section-apps {
        background-color: #4c4c51;
        background-image: url(https://azurecomcdn.azureedge.net/cvt-c2170eb481ba4b77304d79fc311a280cac74b82452c9a3b0c301a6ac1bb5a98a/less/images/section/apps.png);
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

        .section-apps h1, .section-apps h2, .section-apps h3, .section-apps h4, .section-apps p {
            color: #f8f9fa
        }

    .section-free-free-account-faq .row {
        position: relative
    }

        .section-free-free-account-faq .row > .column:last-child {
            position: absolute;
            bottom: 0;
            left: 50%
        }

            .section-free-free-account-faq .row > .column:last-child img {
                position: absolute;
                bottom: 0;
                right: 0
            }

    .section-what-is-azure-popular-products {
        background-size: cover
    }

    .section-what-is-machine-learning-platform {
        background-position: 75% bottom
    }
}

@media only screen and (max-width:1190px) {
    .exp-178013-variation {
        background-image: none !important
    }
}

@media only screen and (min-width:1500px) {
    .section-resources-events-hero {
        background-size: 85%
    }
}

@media only screen and (min-width:48em) {
    .section-pricing-default {
        height: 362px
    }
}

@media only screen and (min-width:2138.58461538px) {
    .section-pricing-default {
        background-size: contain
    }
}

.section.section--background-contained:is(.section-paygo-security, .section-paygo-reliability, .section-paygo-cost) {
    min-height: unset
}

@media only screen and (max-width:60em) {
    .section.section--background-contained:is(.section-paygo-security, .section-paygo-reliability, .section-paygo-cost) {
        background-size: cover
    }
}

@media only screen and (min-width:48em) {
    .section.section--background-contained:is(.section-paygo-security, .section-paygo-reliability, .section-paygo-cost) .medium-8 {
        max-width: 50%
    }
}

.hu-hu #azure-calculator .estimate-holder .module-actions .calculator-button.no-border .button-copy, .nl-nl #azure-calculator .estimate-holder .module-actions .calculator-button.no-border .button-copy, .pl-pl #azure-calculator .estimate-holder .module-actions .calculator-button.no-border .button-copy {
    display: none
}

#calculator-sign-in-prompt div.card {
    border: solid 1px #d3d3d3;
    border-radius: 15px;
    position: relative
}

    #calculator-sign-in-prompt div.card a#calculator-prompt-sign-in-button {
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle
    }

    #calculator-sign-in-prompt div.card button#calculator-prompt-close-button {
        position: absolute;
        right: 15px;
        top: 5px
    }

#azure-calculator {
    background-color: #f4f5f6;
    min-height: 800px;
    overflow: visible;
    padding-top: 24px
}

    #azure-calculator .hidden {
        visibility: hidden
    }

    #azure-calculator .visible {
        visibility: visible
    }

    #azure-calculator .margin-left-3 {
        margin-left: 36px
    }

    #azure-calculator .calc-pagination {
        display: flex;
        justify-content: space-between;
        margin: 6px 12px
    }

        #azure-calculator .calc-pagination button {
            border: 0;
            background: 0 0;
            color: #0078d4;
            margin: 6px
        }

            #azure-calculator .calc-pagination button.previous {
                margin-left: 16px
            }

            #azure-calculator .calc-pagination button.next {
                margin-right: 16px
            }

                #azure-calculator .calc-pagination button.previous:before, #azure-calculator .calc-pagination button.next:after {
                    position: absolute;
                    line-height: 1.5
                }

            #azure-calculator .calc-pagination button.previous:before {
                content: '<';
                margin-left: -12px
            }

            #azure-calculator .calc-pagination button.next:after {
                content: '>';
                margin-left: 3px
            }

            #azure-calculator .calc-pagination button.active {
                color: #eaebec
            }

    #azure-calculator .app-loading.fixed {
        position: fixed;
        top: 50%
    }

    #azure-calculator .calculator-loading {
        background-image: url(https://azurecomcdn.azureedge.net/cvt-366ff46b9e96bbef515fc5bd36fbb308fd34808c7949e4bb55c9606888b47f5b/images/page/calculator/calc-loading.gif);
        height: 50px;
        width: 50px;
        padding: 0 0 12px 0;
        text-align: center;
        display: inline-block
    }

        #azure-calculator .calculator-loading img {
            width: 50px
        }

    #azure-calculator .calc-circle-plus {
        position: relative;
        padding: 0 16px;
        border: 1px solid #0078d4;
        border-radius: 50%;
        background-color: transparent;
        text-align: center;
        color: #0078d4;
        font-size: 24px
    }

        #azure-calculator .calc-circle-plus:after {
            content: '+';
            vertical-align: top;
            position: absolute;
            top: -4px;
            left: 8px
        }

        #azure-calculator .calc-circle-plus:hover {
            background-color: #0078d4;
            color: #fff
        }

    #azure-calculator input[type=text]::-webkit-input-placeholder, #azure-calculator input[type=text]:-moz-placeholder, #azure-calculator input[type=text]::-moz-placeholder, #azure-calculator input[type=text]:-ms-input-placeholder {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    #azure-calculator .calculator-toggler {
        position: relative
    }

        #azure-calculator .calculator-toggler label {
            font-size: 14px !important;
            margin-top: 30px;
            width: fit-content
        }

            #azure-calculator .calculator-toggler label.collapsibleModule {
                margin: 0 0 10px
            }

                #azure-calculator .calculator-toggler label.collapsibleModule div.calculator-tooltip {
                    margin-top: 0
                }

            #azure-calculator .calculator-toggler label.noDropdown {
                margin-top: initial
            }

            #azure-calculator .calculator-toggler label.small-top-space {
                margin-top: 8px
            }

            #azure-calculator .calculator-toggler label.margin-right-space {
                margin-right: 36px
            }

        #azure-calculator .calculator-toggler .toggler-label {
            display: inline-block;
            margin: 0 0 0 45px
        }

        #azure-calculator .calculator-toggler .toggler-input-offset .toggler-label {
            margin-top: 24px
        }

        #azure-calculator .calculator-toggler .toggler-slide {
            background-color: #eaebec;
            border-radius: 8px;
            height: 16px;
            position: absolute;
            top: 3px;
            transition: all linear 200ms;
            width: 30px
        }

            #azure-calculator .calculator-toggler .toggler-slide.active {
                background-color: #8cb3cf
            }

        #azure-calculator .calculator-toggler .toggler-container {
            left: -5px;
            top: 0;
            position: absolute;
            transition: all linear 200ms
        }

            #azure-calculator .calculator-toggler .toggler-container button {
                background-color: #0078d4;
                border: 8px solid #fff;
                border-radius: 50%;
                box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1);
                height: 22px;
                position: absolute;
                top: -1.5px;
                transition: all linear 200ms;
                width: 22px;
                z-index: 1
            }

                #azure-calculator .calculator-toggler .toggler-container button.disabled {
                    background-color: #fff;
                    border-color: #747479
                }

                #azure-calculator .calculator-toggler .toggler-container button:focus {
                    outline: 2px solid #000
                }

                    #azure-calculator .calculator-toggler .toggler-container button:focus + .toggler-focus {
                        transform: scale(1.5)
                    }

                #azure-calculator .calculator-toggler .toggler-container button:after {
                    background-color: #fff;
                    border-radius: 3px;
                    content: '';
                    display: block;
                    height: 6px;
                    left: 50%;
                    opacity: 0;
                    position: absolute;
                    top: 50%;
                    transition: all linear 100ms;
                    width: 6px;
                    -o-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%)
                }

            #azure-calculator .calculator-toggler .toggler-container .toggler-focus {
                background-color: rgba(0,120,212,.1);
                border-radius: 50%;
                display: block;
                height: 22px;
                position: absolute;
                top: 0;
                transition: all linear 100ms;
                width: 22px;
                z-index: 0
            }

            #azure-calculator .calculator-toggler .toggler-container.active {
                left: 15px
            }

                #azure-calculator .calculator-toggler .toggler-container.active button {
                    border-width: 0
                }

                    #azure-calculator .calculator-toggler .toggler-container.active button:after {
                        opacity: 1
                    }

    #azure-calculator .modal-background {
        background-color: rgba(26,26,31,.85);
        display: none;
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        width: 100%
    }

        #azure-calculator .modal-background.active {
            display: block;
            opacity: 1;
            z-index: 10
        }

        #azure-calculator .modal-background .calculator-modal {
            background-color: #fff;
            box-shadow: 1px 1px 10px 2px rgba(0,0,0,.2);
            display: block;
            left: 50%;
            max-width: 625px;
            opacity: 1;
            position: absolute;
            top: 50%;
            width: 80%;
            -o-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

            #azure-calculator .modal-background .calculator-modal .calculator-button {
                line-height: 21px
            }

            #azure-calculator .modal-background .calculator-modal .calculator-loading {
                margin-top: 24px;
                padding-bottom: 0
            }

            #azure-calculator .modal-background .calculator-modal .modal-loading {
                text-align: center
            }

                #azure-calculator .modal-background .calculator-modal .modal-loading .calculator-loading {
                    display: inline-block;
                    margin-bottom: 94px;
                    margin-top: 36px
                }

            #azure-calculator .modal-background .calculator-modal .processing-enrollment p {
                padding: 0 24px;
                text-align: center
            }

            #azure-calculator .modal-background .calculator-modal .processing-enrollment .progress-bar {
                padding: 12px 48px
            }

                #azure-calculator .modal-background .calculator-modal .processing-enrollment .progress-bar .loader {
                    background-color: #eaebec;
                    border-radius: 2px;
                    box-shadow: inset 1px 1px 3px rgba(26,26,31,.2);
                    height: 10px;
                    overflow: hidden;
                    position: relative;
                    width: 100%
                }

                    #azure-calculator .modal-background .calculator-modal .processing-enrollment .progress-bar .loader:before {
                        animation: loading 2s ease-in-out infinite;
                        background-color: #0078d4;
                        content: '';
                        display: block;
                        height: 10px;
                        left: -30px;
                        position: absolute;
                        top: 0;
                        width: 30px
                    }

@keyframes loading {
    0% {
        left: -30px;
        width: 10%
    }

    30% {
        width: 50%
    }

    70% {
        width: 80%
    }

    80% {
        left: 80%
    }

    95% {
        left: 90%
    }

    to {
        left: 100%
    }
}

#azure-calculator .modal-background .calculator-modal .processing-enrollment .processing-message {
    padding: 24px 24px 0;
    min-height: 48px;
    text-align: center
}

#azure-calculator .modal-background .calculator-modal .modal-header {
    padding: 24px
}

#azure-calculator .modal-background .calculator-modal .modal-body {
    padding: 0 24px
}

    #azure-calculator .modal-background .calculator-modal .modal-body .modal-loading .calculator-loading {
        display: inline-block;
        margin: 36px 0 0 0
    }

#azure-calculator .modal-background .calculator-modal .modal-cta {
    min-height: 80px;
    padding: 24px
}

    #azure-calculator .modal-background .calculator-modal .modal-cta button, #azure-calculator .modal-background .calculator-modal .modal-cta a {
        margin: 0 0 0 12px
    }

    #azure-calculator .modal-background .calculator-modal .modal-cta .tertiary-cta {
        margin-top: 12px
    }

        #azure-calculator .modal-background .calculator-modal .modal-cta .tertiary-cta button {
            margin-right: 6px;
            text-transform: none;
            background: 0 0;
            box-shadow: none;
            color: #0078d4;
            font-weight: 400;
            padding: 0
        }

#azure-calculator .modal-background .calculator-modal textarea[name=link] {
    border: 0;
    color: #0078d4;
    font-size: 18px;
    font-weight: 600;
    outline: 0;
    resize: none;
    width: 100%
}

#azure-calculator .modal-background .calculator-modal label {
    display: block;
    margin: 12px 0 0
}

    #azure-calculator .modal-background .calculator-modal label input[type=radio] {
        margin-right: 6px
    }

#azure-calculator .modal-background .calculator-modal .calculator-information {
    background: #f4f5f6
}

#azure-calculator .modal-background .calculator-modal .modal-notification {
    background-color: #eaebec;
    position: relative;
    width: 100%
}

    #azure-calculator .modal-background .calculator-modal .modal-notification .modal-icon {
        background-color: #747479;
        display: inline-block;
        height: 100%;
        padding: 12px;
        position: absolute;
        width: 10%
    }

        #azure-calculator .modal-background .calculator-modal .modal-notification .modal-icon svg {
            max-height: 100%
        }

    #azure-calculator .modal-background .calculator-modal .modal-notification .modal-notification-copy {
        display: inline-block;
        margin-left: 10%;
        padding: 12px;
        width: 90%;
        vertical-align: top
    }

#azure-calculator .modal-background .calculator-modal .billing-data h3, #azure-calculator .modal-background .calculator-modal .enrollment-data h3 {
    margin: 24px 0
}

#azure-calculator .modal-background .calculator-modal .billing-account-container, #azure-calculator .modal-background .calculator-modal .billing-profile-container, #azure-calculator .modal-background .calculator-modal .enrollments-container {
    max-height: 270px;
    overflow-y: auto
}

    #azure-calculator .modal-background .calculator-modal .billing-account-container thead th, #azure-calculator .modal-background .calculator-modal .billing-profile-container thead th, #azure-calculator .modal-background .calculator-modal .enrollments-container thead th {
        min-width: initial;
        text-align: center
    }

    #azure-calculator .modal-background .calculator-modal .billing-account-container .billing-account-item, #azure-calculator .modal-background .calculator-modal .billing-profile-container .billing-account-item, #azure-calculator .modal-background .calculator-modal .enrollments-container .billing-account-item, #azure-calculator .modal-background .calculator-modal .billing-account-container .billing-profile-item, #azure-calculator .modal-background .calculator-modal .billing-profile-container .billing-profile-item, #azure-calculator .modal-background .calculator-modal .enrollments-container .billing-profile-item, #azure-calculator .modal-background .calculator-modal .billing-account-container .enrollment-item, #azure-calculator .modal-background .calculator-modal .billing-profile-container .enrollment-item, #azure-calculator .modal-background .calculator-modal .enrollments-container .enrollment-item {
        text-align: center
    }

        #azure-calculator .modal-background .calculator-modal .billing-account-container .billing-account-item input, #azure-calculator .modal-background .calculator-modal .billing-profile-container .billing-account-item input, #azure-calculator .modal-background .calculator-modal .enrollments-container .billing-account-item input, #azure-calculator .modal-background .calculator-modal .billing-account-container .billing-profile-item input, #azure-calculator .modal-background .calculator-modal .billing-profile-container .billing-profile-item input, #azure-calculator .modal-background .calculator-modal .enrollments-container .billing-profile-item input, #azure-calculator .modal-background .calculator-modal .billing-account-container .enrollment-item input, #azure-calculator .modal-background .calculator-modal .billing-profile-container .enrollment-item input, #azure-calculator .modal-background .calculator-modal .enrollments-container .enrollment-item input {
            height: auto;
            margin: 0
        }

        #azure-calculator .modal-background .calculator-modal .billing-account-container .billing-account-item label, #azure-calculator .modal-background .calculator-modal .billing-profile-container .billing-account-item label, #azure-calculator .modal-background .calculator-modal .enrollments-container .billing-account-item label, #azure-calculator .modal-background .calculator-modal .billing-account-container .billing-profile-item label, #azure-calculator .modal-background .calculator-modal .billing-profile-container .billing-profile-item label, #azure-calculator .modal-background .calculator-modal .enrollments-container .billing-profile-item label, #azure-calculator .modal-background .calculator-modal .billing-account-container .enrollment-item label, #azure-calculator .modal-background .calculator-modal .billing-profile-container .enrollment-item label, #azure-calculator .modal-background .calculator-modal .enrollments-container .enrollment-item label {
            margin: 0
        }

#azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-header {
    background-color: #0078d4;
    color: #fff;
    padding: 12px
}

#azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-body {
    padding: 12px
}

    #azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-body .meta {
        height: 40px
    }

        #azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-body .meta .image {
            background-repeat: no-repeat;
            border-radius: 15px;
            display: inline-block;
            height: 30px;
            width: 30px;
            vertical-align: middle
        }

        #azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-body .meta .meta-info {
            display: inline-flex
        }

            #azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-body .meta .meta-info .info {
                margin-left: 6px;
                font-size: 12px
            }

        #azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-body .meta .meta-actions {
            float: right;
            padding-right: 16px
        }

            #azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-body .meta .meta-actions button {
                background-color: transparent;
                padding: 0;
                border: 0
            }

                #azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-body .meta .meta-actions button .icon {
                    height: 30px;
                    width: 30px
                }

#azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-cta {
    padding: 0 24px 24px
}

    #azure-calculator .modal-background .calculator-modal.confirm-modal .confirm-modal-cta button {
        margin-left: 12px
    }

#azure-calculator .calculator-button {
    background: #0078d4;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1);
    border: 0;
    color: #fff;
    line-height: 18px;
    margin: 0 0 12px 0;
    padding: 10px;
    text-align: center;
    -webkit-transition: background .3s;
    transition: background .3s
}

    #azure-calculator .calculator-button .icon {
        height: 18px;
        margin-right: 6px;
        width: 18px
    }

        #azure-calculator .calculator-button .icon svg {
            fill: #fff
        }

        #azure-calculator .calculator-button .icon #calculator-copy {
            stroke: #0078d4
        }

        #azure-calculator .calculator-button .icon #calculator-save, #azure-calculator .calculator-button .icon #calculator-excel {
            fill: none;
            stroke: #fff
        }

    #azure-calculator .calculator-button:hover {
        background: #005ba1;
        color: #fff
    }

        #azure-calculator .calculator-button:hover .icon svg {
            fill: #fff
        }

        #azure-calculator .calculator-button:hover .icon #calculator-save, #azure-calculator .calculator-button:hover .icon #calculator-excel {
            fill: none;
            stroke: #fff
        }

    #azure-calculator .calculator-button:focus {
        outline: 2px solid #0078d4
    }

    #azure-calculator .calculator-button:disabled {
        background: #eaebec;
        box-shadow: none
    }

    #azure-calculator .calculator-button.button-transparent {
        background-color: #fff;
        border: 1px solid #0078d4;
        box-shadow: none;
        color: #0078d4
    }

        #azure-calculator .calculator-button.button-transparent svg {
            fill: #0078d4
        }

        #azure-calculator .calculator-button.button-transparent #calculator-save, #azure-calculator .calculator-button.button-transparent #calculator-copy, #azure-calculator .calculator-button.button-transparent #calculator-excel {
            fill: none;
            stroke: #0078d4
        }

        #azure-calculator .calculator-button.button-transparent:hover, #azure-calculator .calculator-button.button-transparent.active {
            background: #0078d4;
            color: #fff
        }

            #azure-calculator .calculator-button.button-transparent:hover .icon svg, #azure-calculator .calculator-button.button-transparent.active .icon svg {
                fill: #fff
            }

            #azure-calculator .calculator-button.button-transparent:hover .icon #calculator-save, #azure-calculator .calculator-button.button-transparent.active .icon #calculator-save, #azure-calculator .calculator-button.button-transparent:hover .icon #calculator-copy, #azure-calculator .calculator-button.button-transparent.active .icon #calculator-copy, #azure-calculator .calculator-button.button-transparent:hover .icon #calculator-excel, #azure-calculator .calculator-button.button-transparent.active .icon #calculator-excel {
                stroke: #fff
            }

                #azure-calculator .calculator-button.button-transparent:hover .icon #calculator-copy rect, #azure-calculator .calculator-button.button-transparent.active .icon #calculator-copy rect {
                    fill: #0078d4
                }

#azure-calculator .add-products {
    padding-top: 0
}

    #azure-calculator .add-products span {
        display: inline-block;
        position: relative
    }

        #azure-calculator .add-products span .get-started-arrow {
            bottom: -40px;
            display: none;
            position: absolute;
            right: -84px;
            width: 79px
        }

#azure-calculator .calculator-tooltip {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    line-height: 18px;
    padding: 4px;
    padding-top: 0;
    position: relative;
    text-transform: none;
    cursor: pointer
}

    #azure-calculator .calculator-tooltip svg {
        height: 100%;
        width: 100%;
        pointer-events: none
    }

        #azure-calculator .calculator-tooltip svg * {
            pointer-events: none
        }

    #azure-calculator .calculator-tooltip > .tooltip-content {
        display: none
    }

        #azure-calculator .calculator-tooltip > .tooltip-content.active {
            display: block
        }

    #azure-calculator .calculator-tooltip > div {
        background-color: #2e2e33;
        font-size: 14px;
        left: 30px;
        padding: 12px;
        position: absolute;
        top: -6px;
        min-width: 120px;
        width: 460px;
        z-index: 6;
        color: #fff;
        cursor: default
    }

        #azure-calculator .calculator-tooltip > div a {
            color: #50e6ff;
            text-decoration: none;
            word-break: break-all
        }

            #azure-calculator .calculator-tooltip > div a:hover {
                text-decoration: underline
            }

        #azure-calculator .calculator-tooltip > div h4 {
            color: #fff
        }

        #azure-calculator .calculator-tooltip > div:before {
            border-bottom: 10px solid transparent;
            border-right: 10px solid #2e2e33;
            border-top: 10px solid transparent;
            content: '';
            display: block;
            height: 0;
            left: -9px;
            position: absolute;
            top: 8px;
            width: 0;
            -o-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        #azure-calculator .calculator-tooltip > div.left-side {
            left: -472px;
            top: -12px
        }

            #azure-calculator .calculator-tooltip > div.left-side:before {
                left: 460px;
                transform: rotate(180deg);
                top: 15px
            }

#azure-calculator .estimate-header {
    font-size: 36px
}

#azure-calculator .add-top-padding {
    padding-top: 2em
}

#azure-calculator .wa-calcService {
    margin-bottom: 0;
    padding: 0
}

    #azure-calculator .wa-calcService .wa-tooltip {
        height: 20px;
        top: 30px;
        width: 20px
    }

        #azure-calculator .wa-calcService .wa-tooltip svg {
            width: 100%
        }

    #azure-calculator .wa-calcService .cost h5 + .row.row-size1, #azure-calculator .wa-calcService .cost h6 + .row.row-size1 {
        margin: 0 0 10px
    }

    #azure-calculator .wa-calcService .cost > .calculator-checkbox {
        margin-top: 8px;
        min-width: 25%;
        padding-top: 0
    }

    #azure-calculator .wa-calcService .cost .math {
        color: #4c4c51;
        font-size: 24px;
        font-weight: 900
    }

        #azure-calculator .wa-calcService .cost .math.equals {
            color: #89c402;
            display: inline;
            float: initial;
            line-height: 24px;
            margin-right: 24px
        }

    #azure-calculator .wa-calcService .cost .numeric {
        font-size: 18px;
        font-weight: 600
    }

    #azure-calculator .wa-calcService .cost input.numeric {
        border: 1px solid #747479
    }

#azure-calculator .calculator-information {
    background-color: #fff;
    display: flex;
    padding: 12px;
    width: 100%
}

    #azure-calculator .calculator-information .information-icon {
        height: 100%;
        margin: auto 0;
        text-align: center
    }

        #azure-calculator .calculator-information .information-icon .icon {
            height: 24px;
            line-height: normal;
            width: 18px
        }

    #azure-calculator .calculator-information .information-copy {
        display: inline-block;
        padding-left: 30px;
        height: 100%
    }

        #azure-calculator .calculator-information .information-copy p {
            margin: 0
        }

#azure-calculator .module-toggle-button {
    border: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    right: 0
}

    #azure-calculator .module-toggle-button:after {
        content: '+';
        font-size: 40px;
        pointer-events: none;
        position: absolute;
        right: 28px;
        top: -10px;
        width: 18px
    }

    #azure-calculator .module-toggle-button.active:after {
        border-top: 2px solid #4c4c51;
        content: '';
        right: 24px;
        top: 23px
    }

#azure-calculator .product-picker {
    background-color: #f4f5f6
}

    #azure-calculator .product-picker .calc-login {
        position: relative
    }

        #azure-calculator .product-picker .calc-login button.user-display {
            color: #1a1a1f;
            cursor: pointer;
            display: inline-block;
            vertical-align: bottom;
            font-size: 14px;
            padding: 0 1.5rem;
            position: relative;
            width: auto;
            max-width: 100%;
            white-space: nowrap;
            margin-top: -.938rem
        }

            #azure-calculator .product-picker .calc-login button.user-display:focus {
                outline: .125rem solid #0078d4;
                outline-offset: -.125rem
            }

            #azure-calculator .product-picker .calc-login button.user-display .avatar {
                display: inline-block;
                margin-right: .75rem;
                width: 3rem;
                height: auto
            }

                #azure-calculator .product-picker .calc-login button.user-display .avatar svg {
                    width: 100%;
                    height: auto
                }

            #azure-calculator .product-picker .calc-login button.user-display .user-info {
                width: calc(100% - 3.75rem);
                display: inline-block
            }

                #azure-calculator .product-picker .calc-login button.user-display .user-info span {
                    display: inline-block;
                    width: 100%
                }

        #azure-calculator .product-picker .calc-login .login-action-dropdown {
            display: block;
            position: absolute;
            right: .875rem;
            top: 100%;
            z-index: 99999;
            width: auto;
            min-width: 15.625rem;
            max-width: 30rem;
            background-color: #fff;
            color: #1a1a1f;
            border: .063rem solid #cccdce;
            box-shadow: 0 .063rem 0 rgb(0 0 0%);
            box-sizing: border-box;
            text-align: left
        }

            #azure-calculator .product-picker .calc-login .login-action-dropdown h5 {
                padding-left: 2rem;
                padding-top: 1rem
            }

            #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown {
                margin: 24px
            }

                #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown .tenant-list {
                    color: #fff;
                    height: auto;
                    max-height: 320px;
                    overflow-y: auto;
                    overflow-x: hidden;
                    box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1);
                    border: 1px solid #b8b9ba
                }

                    #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown .tenant-list div.tenant {
                        display: block;
                        background-color: #fff;
                        color: #1a1a1f;
                        font-size: 12px;
                        padding: 12px;
                        text-align: left;
                        z-index: 99998;
                        cursor: pointer
                    }

                        #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown .tenant-list div.tenant:last-child {
                            border-bottom: none
                        }

                        #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown .tenant-list div.tenant.current-tenant, #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown .tenant-list div.tenant:hover, #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown .tenant-list div.tenant:focus {
                            background-color: #0078d4
                        }

                        #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown .tenant-list div.tenant span {
                            display: block
                        }

                            #azure-calculator .product-picker .calc-login .login-action-dropdown .outter-dropdown .tenant-list div.tenant span:first-of-type {
                                font-weight: 600
                            }

            #azure-calculator .product-picker .calc-login .login-action-dropdown div.logout-container {
                background-color: #fff;
                color: #1a1a1f;
                padding-left: 2em;
                padding-bottom: 1em
            }

                #azure-calculator .product-picker .calc-login .login-action-dropdown div.logout-container .action-label {
                    padding-right: 2em;
                    padding-bottom: 1em;
                    font-size: 16px
                }

                    #azure-calculator .product-picker .calc-login .login-action-dropdown div.logout-container .action-label span {
                        width: 100%;
                        display: inline-block;
                        border-bottom: 2px solid #b8b9ba
                    }

                #azure-calculator .product-picker .calc-login .login-action-dropdown div.logout-container .logout {
                    color: #0062ad;
                    font-weight: 600;
                    font-size: 16px
                }

    #azure-calculator .product-picker .tenant-picker {
        position: relative
    }

        #azure-calculator .product-picker .tenant-picker .tenant-display button.calculator-button {
            margin-bottom: 0
        }

        #azure-calculator .product-picker .tenant-picker .tenant-list {
            display: none;
            position: absolute;
            right: 0;
            top: calc(100% + 12px);
            background-color: #4c4c51;
            color: #fff;
            width: 100vw;
            height: auto;
            max-width: 360px;
            max-height: 320px;
            z-index: 2;
            overflow: auto;
            box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1)
        }

            #azure-calculator .product-picker .tenant-picker .tenant-list.active {
                display: block
            }

            #azure-calculator .product-picker .tenant-picker .tenant-list div.tenant {
                display: block;
                background-color: #4c4c51;
                color: #fff;
                border-bottom: 1px solid #fff;
                font-size: 14px;
                padding: 12px;
                cursor: pointer
            }

                #azure-calculator .product-picker .tenant-picker .tenant-list div.tenant:last-child {
                    border-bottom: none
                }

                #azure-calculator .product-picker .tenant-picker .tenant-list div.tenant.current-tenant, #azure-calculator .product-picker .tenant-picker .tenant-list div.tenant:hover, #azure-calculator .product-picker .tenant-picker .tenant-list div.tenant:focus {
                    background-color: #0078d4
                }

                #azure-calculator .product-picker .tenant-picker .tenant-list div.tenant span {
                    display: block
                }

                    #azure-calculator .product-picker .tenant-picker .tenant-list div.tenant span:first-of-type {
                        font-weight: 600
                    }

    #azure-calculator .product-picker .calc-tablist {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none
    }

        #azure-calculator .product-picker .calc-tablist li {
            display: inline-block;
            background-color: #eaebec;
            cursor: pointer;
            margin-bottom: 0;
            margin-right: 1px
        }

            #azure-calculator .product-picker .calc-tablist li a {
                display: inline-block;
                padding: 12px 24px;
                text-decoration: none
            }

                #azure-calculator .product-picker .calc-tablist li a:hover {
                    text-decoration: none
                }

                #azure-calculator .product-picker .calc-tablist li a:focus {
                    outline: 1px solid #000;
                    position: relative
                }

            #azure-calculator .product-picker .calc-tablist li:not(:first-child) {
                border-left: 1px solid #fff
            }

            #azure-calculator .product-picker .calc-tablist li.active {
                background-color: #0078d4
            }

                #azure-calculator .product-picker .calc-tablist li.active a {
                    color: #fff
                }

#azure-calculator .row.picker-content {
    margin-top: 0
}

#azure-calculator .calc-picker-tabpanel .tabpanel-content {
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1);
    display: none
}

    #azure-calculator .calc-picker-tabpanel .tabpanel-content.active {
        display: block;
        margin-bottom: 24px
    }

#azure-calculator .picker-tab-description {
    background-color: #0078d4;
    color: #fff;
    margin-bottom: 24px;
    padding: 12px 24px
}

    #azure-calculator .picker-tab-description > p {
        margin-top: 0
    }

#azure-calculator .toggle-product-picker {
    background-color: #0078d4;
    border: 0;
    color: #fff;
    font-size: 20px;
    padding: 12px 50px 12px 24px;
    position: relative;
    text-align: left;
    width: 100%
}

    #azure-calculator .toggle-product-picker:after {
        border-left: 1px solid #f8f9fa;
        border-top: 1px solid #f8f9fa;
        content: '';
        height: 18px;
        position: absolute;
        right: 24px;
        width: 18px;
        top: 14px;
        -o-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    #azure-calculator .toggle-product-picker.active:after {
        top: 24px;
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

#azure-calculator .tab-content-container {
    background-color: #fff;
    display: block;
    padding: 0 24px 86px 24px;
    position: relative;
    margin-top: 0
}

    #azure-calculator .tab-content-container .no-results {
        color: #747479;
        font-size: 24px;
        font-weight: 300;
        text-align: center
    }

    #azure-calculator .tab-content-container .product-search-container {
        position: relative
    }

        #azure-calculator .tab-content-container .product-search-container .product-search {
            border: 1px solid #747479;
            height: 36px;
            margin: 0 0 24px 0;
            padding: 6px;
            width: 100%
        }

        #azure-calculator .tab-content-container .product-search-container .clear-search {
            background: 0 0;
            border: 0;
            position: absolute;
            right: 6px;
            top: 6px;
            width: auto
        }

    #azure-calculator .tab-content-container .template-search-row {
        position: relative;
        display: block
    }

        #azure-calculator .tab-content-container .template-search-row .template-search-wrapper .template-search-container {
            position: relative
        }

            #azure-calculator .tab-content-container .template-search-row .template-search-wrapper .template-search-container .template-search {
                border: 1px solid #747479;
                height: 36px;
                padding: 6px;
                position: relative;
                width: 100%
            }

            #azure-calculator .tab-content-container .template-search-row .template-search-wrapper .template-search-container .clear-search {
                background: 0 0;
                border: 0;
                position: absolute;
                right: 6px;
                top: 6px
            }

        #azure-calculator .tab-content-container .template-search-row #template-picker-sort {
            border: 1px solid #747479;
            height: 36px
        }

    #azure-calculator .tab-content-container .product-container .row.product-row, #azure-calculator .tab-content-container .tabbed-product-container .row.product-row, #azure-calculator .tab-content-container .solution-architectures-picker .row.product-row {
        display: flex;
        flex-flow: row wrap;
        align-items: stretch
    }

        #azure-calculator .tab-content-container .product-container .row.product-row .column, #azure-calculator .tab-content-container .tabbed-product-container .row.product-row .column, #azure-calculator .tab-content-container .solution-architectures-picker .row.product-row .column {
            float: none
        }

            #azure-calculator .tab-content-container .product-container .row.product-row .column > button, #azure-calculator .tab-content-container .tabbed-product-container .row.product-row .column > button, #azure-calculator .tab-content-container .solution-architectures-picker .row.product-row .column > button {
                height: 100%;
                overflow: hidden
            }

                #azure-calculator .tab-content-container .product-container .row.product-row .column > button .product, #azure-calculator .tab-content-container .tabbed-product-container .row.product-row .column > button .product, #azure-calculator .tab-content-container .solution-architectures-picker .row.product-row .column > button .product {
                    height: 100%
                }

    #azure-calculator .tab-content-container .product-container button, #azure-calculator .tab-content-container .tabbed-product-container button, #azure-calculator .tab-content-container .solution-architectures-picker button {
        border: 1px solid #f4f5f6;
        box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1)
    }

        #azure-calculator .tab-content-container .product-container button:hover, #azure-calculator .tab-content-container .tabbed-product-container button:hover, #azure-calculator .tab-content-container .solution-architectures-picker button:hover, #azure-calculator .tab-content-container .product-container button:focus, #azure-calculator .tab-content-container .tabbed-product-container button:focus, #azure-calculator .tab-content-container .solution-architectures-picker button:focus, #azure-calculator .tab-content-container .product-container button:active, #azure-calculator .tab-content-container .tabbed-product-container button:active, #azure-calculator .tab-content-container .solution-architectures-picker button:active, #azure-calculator .tab-content-container .product-container button.selected, #azure-calculator .tab-content-container .tabbed-product-container button.selected, #azure-calculator .tab-content-container .solution-architectures-picker button.selected {
            border: 1px solid #0078d4
        }

        #azure-calculator .tab-content-container .product-container button:active, #azure-calculator .tab-content-container .tabbed-product-container button:active, #azure-calculator .tab-content-container .solution-architectures-picker button:active {
            background-color: #cccdce
        }

        #azure-calculator .tab-content-container .product-container button .service-info, #azure-calculator .tab-content-container .tabbed-product-container button .service-info, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info {
            cursor: pointer;
            font-size: 14px;
            text-align: left
        }

            #azure-calculator .tab-content-container .product-container button .service-info .service-heading, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .service-heading, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .service-heading {
                font-size: 16px;
                font-weight: 700;
                line-height: 24px;
                margin-bottom: 8px;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%
            }

                #azure-calculator .tab-content-container .product-container button .service-info .service-heading .icon, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .service-heading .icon, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .service-heading .icon {
                    height: 24px;
                    width: 24px
                }

            #azure-calculator .tab-content-container .product-container button .service-info .template, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .template, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .template {
                height: 105px
            }

            #azure-calculator .tab-content-container .product-container button .service-info .product, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .product, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .product, #azure-calculator .tab-content-container .product-container button .service-info .template, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .template, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .template, #azure-calculator .tab-content-container .product-container button .service-info .solution-architecture, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .solution-architecture, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .solution-architecture {
                display: block;
                padding: 12px;
                height: auto
            }

                #azure-calculator .tab-content-container .product-container button .service-info .product > span, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .product > span, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .product > span, #azure-calculator .tab-content-container .product-container button .service-info .template > span, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .template > span, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .template > span, #azure-calculator .tab-content-container .product-container button .service-info .solution-architecture > span, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .solution-architecture > span, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .solution-architecture > span {
                    display: block;
                    line-height: 1.2em;
                    margin-top: -5px
                }

                    #azure-calculator .tab-content-container .product-container button .service-info .product > span.sd-truncateText, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .product > span.sd-truncateText, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .product > span.sd-truncateText, #azure-calculator .tab-content-container .product-container button .service-info .template > span.sd-truncateText, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .template > span.sd-truncateText, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .template > span.sd-truncateText, #azure-calculator .tab-content-container .product-container button .service-info .solution-architecture > span.sd-truncateText, #azure-calculator .tab-content-container .tabbed-product-container button .service-info .solution-architecture > span.sd-truncateText, #azure-calculator .tab-content-container .solution-architectures-picker button .service-info .solution-architecture > span.sd-truncateText {
                        display: inline-block;
                        overflow: hidden;
                        width: 100%
                    }

    #azure-calculator .tab-content-container .product-container .solution-architecture-item, #azure-calculator .tab-content-container .tabbed-product-container .solution-architecture-item, #azure-calculator .tab-content-container .solution-architectures-picker .solution-architecture-item {
        min-height: 80px;
        padding: 16px;
        width: 100%
    }

    #azure-calculator .tab-content-container .product-container.product-search-results > .row {
        display: flex;
        flex-flow: row wrap;
        align-items: stretch
    }

        #azure-calculator .tab-content-container .product-container.product-search-results > .row > .column {
            float: none;
            margin-bottom: 24px
        }

#azure-calculator #products {
    position: relative
}

    #azure-calculator #products.product-preview .tabbed-product-container, #azure-calculator #products.product-preview .product-container {
        left: 0;
        position: relative
    }

#azure-calculator #estimates table th, #azure-calculator #estimates table td {
    font-size: 12px;
    padding: 6px;
    text-align: center;
    vertical-align: middle
}

    #azure-calculator #estimates table th:first-child, #azure-calculator #estimates table td:first-child {
        text-align: left
    }

    #azure-calculator #estimates table th:last-child, #azure-calculator #estimates table td:last-child {
        text-align: right
    }

    #azure-calculator #estimates table th[colspan], #azure-calculator #estimates table td[colspan] {
        text-align: center
    }

    #azure-calculator #estimates table th button, #azure-calculator #estimates table td button {
        color: #0078d4;
        padding: 6px;
        text-transform: uppercase
    }

    #azure-calculator #estimates table th.hide-small, #azure-calculator #estimates table td.hide-small {
        display: none
    }

#azure-calculator .category-list .template-row {
    padding: 0 8px;
    background-color: #fff
}

#azure-calculator .category-list .template-box {
    border: 1px solid #f4f5f6;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1);
    margin: 12px 0;
    padding: 12px;
    height: 180px;
    position: relative
}

    #azure-calculator .category-list .template-box h5 {
        line-height: 24px;
        width: 100%
    }

    #azure-calculator .category-list .template-box .sd-truncateText {
        display: inline-block;
        height: 44px;
        overflow: hidden;
        width: 100%;
        font-size: 16px
    }

    #azure-calculator .category-list .template-box .meta {
        position: absolute;
        right: 12px;
        left: 12px;
        bottom: 0;
        height: 40px;
        display: inline-block
    }

        #azure-calculator .category-list .template-box .meta .image {
            background-repeat: no-repeat;
            border-radius: 15px;
            display: inline-block;
            height: 30px;
            width: 30px;
            vertical-align: middle
        }

        #azure-calculator .category-list .template-box .meta .meta-info {
            display: inline-flex
        }

            #azure-calculator .category-list .template-box .meta .meta-info .info {
                margin-left: 6px;
                font-size: 12px
            }

        #azure-calculator .category-list .template-box .meta .meta-actions {
            float: right
        }

            #azure-calculator .category-list .template-box .meta .meta-actions button {
                background-color: transparent;
                padding: 0;
                border: 0
            }

                #azure-calculator .category-list .template-box .meta .meta-actions button .icon {
                    height: 30px;
                    width: 30px
                }

#azure-calculator .category-list .category-container {
    margin-bottom: 1px
}

    #azure-calculator .category-list .category-container > button {
        background-color: #4c4c51;
        border: 0;
        color: #fff;
        font-size: 14px;
        height: 35px;
        padding: 0 12px;
        position: relative;
        text-align: left;
        width: 100%
    }

        #azure-calculator .category-list .category-container > button.active {
            background-color: #0078d4
        }

            #azure-calculator .category-list .category-container > button.active:after {
                content: none
            }

        #azure-calculator .category-list .category-container > button:focus {
            outline: 1px dashed currentColor;
            outline-offset: -2px
        }

    #azure-calculator .category-list .category-container > .tabbed-product-container .product-row button {
        overflow: hidden
    }

#azure-calculator .category-list .template-picker-btn {
    margin-top: 12px;
    margin-bottom: 12px
}

#azure-calculator .estimate-holder {
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1);
    padding: 24px;
    position: relative
}

    #azure-calculator .estimate-holder .calculator-button.no-border {
        border: 0;
        padding-right: 12px;
        padding-left: 12px;
        line-height: 22px
    }

        #azure-calculator .estimate-holder .calculator-button.no-border .icon {
            margin-right: 0
        }

        #azure-calculator .estimate-holder .calculator-button.no-border .button-copy {
            display: none
        }

    #azure-calculator .estimate-holder .calculator-button.round {
        border-radius: 50%;
        height: 30px;
        margin-left: 6px;
        padding: 0;
        width: 30px
    }

@media only screen and (min-width:48em) {
    #azure-calculator .estimate-holder .calculator-button.round {
        height: 36px;
        width: 36px
    }
}

#azure-calculator .estimate-holder .calculator-button.round .button-copy {
    display: none
}

#azure-calculator .estimate-holder .calculator-button.round .icon {
    margin: 0
}

#azure-calculator .estimate-holder .estimate-name-actions-holder {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 12px -6px
}

#azure-calculator .estimate-holder .estimate-name {
    border: 1px solid transparent;
    color: #4c4c51;
    font-size: 24px;
    padding: 6px;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

    #azure-calculator .estimate-holder .estimate-name:focus, #azure-calculator .estimate-holder .estimate-name:hover {
        border: 1px solid #0062ad
    }

#azure-calculator .estimate-holder .support-header, #azure-calculator .estimate-holder .discounts-header {
    border-bottom: 1px solid #eaebec;
    padding: 0 0 5px;
    margin: 24px 0 12px
}

    #azure-calculator .estimate-holder .support-header h3, #azure-calculator .estimate-holder .discounts-header h3 {
        display: inline-block;
        margin: 0
    }

#azure-calculator .estimate-holder .products-holder {
    margin-bottom: 24px
}

    #azure-calculator .estimate-holder .products-holder .product-summary {
        border-bottom: 2px solid #747479;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 6px 0
    }

        #azure-calculator .estimate-holder .products-holder .product-summary button {
            background: 0 0;
            border: 0
        }

        #azure-calculator .estimate-holder .products-holder .product-summary > span {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .small-module-controls {
            background-color: #fff;
            padding-left: 12px;
            flex-basis: 60px
        }

            #azure-calculator .estimate-holder .products-holder .product-summary .small-module-controls button {
                box-shadow: none;
                line-height: 14px;
                padding: 3px;
                text-align: center;
                width: 20px;
                margin: 0 2px;
                outline-offset: 0
            }

            #azure-calculator .estimate-holder .products-holder .product-summary .small-module-controls .icon {
                height: 14px;
                margin: 0;
                width: 14px
            }

                #azure-calculator .estimate-holder .products-holder .product-summary .small-module-controls .icon svg {
                    stroke: #0078d4 !important
                }

            #azure-calculator .estimate-holder .products-holder .product-summary .small-module-controls .button-copy, #azure-calculator .estimate-holder .products-holder .product-summary .small-module-controls .button-delete {
                display: none
            }

        #azure-calculator .estimate-holder .products-holder .product-summary .summary-total {
            flex: auto;
            text-align: left;
            font-weight: 600
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .small-break {
            display: block;
            flex-basis: 100%;
            height: 0
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .module-name {
            color: #000;
            display: inline-block;
            overflow: hidden;
            position: relative;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: calc(100% - 45px)
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .module-summary {
            flex: auto;
            flex-basis: 100px
        }

        #azure-calculator .estimate-holder .products-holder .product-summary + .row {
            margin-top: 0
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .module-summary-button-tooltip-container {
            min-width: 30%;
            max-width: none;
            flex: auto;
            white-space: nowrap
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .calculator-tooltip .tooltip-content {
            padding: 24px;
            width: auto
        }

            #azure-calculator .estimate-holder .products-holder .product-summary .calculator-tooltip .tooltip-content .module-info .module-info-heading {
                color: #fff;
                display: block;
                margin-bottom: 15px
            }

            #azure-calculator .estimate-holder .products-holder .product-summary .calculator-tooltip .tooltip-content .module-info .module-info-link {
                border: 0;
                color: #fff;
                display: block;
                margin-bottom: 12px;
                padding: 0;
                white-space: nowrap
            }

            #azure-calculator .estimate-holder .products-holder .product-summary .calculator-tooltip .tooltip-content .module-info .icon {
                height: 20px;
                margin-right: 5px;
                vertical-align: sub;
                width: 20px
            }

                #azure-calculator .estimate-holder .products-holder .product-summary .calculator-tooltip .tooltip-content .module-info .icon svg * {
                    fill: #2e2e33;
                    stroke: #fff
                }

            #azure-calculator .estimate-holder .products-holder .product-summary .calculator-tooltip .tooltip-content .module-info .button-copy, #azure-calculator .estimate-holder .products-holder .product-summary .calculator-tooltip .tooltip-content .module-info .button-delete {
                display: inline
            }

    #azure-calculator .estimate-holder .products-holder .product-module {
        margin: 0
    }

        #azure-calculator .estimate-holder .products-holder .product-module.collapsed {
            display: none
        }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator {
            padding: 24px 0;
            position: relative
        }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .column {
                position: relative
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .heading {
                font-size: 20px;
                font-weight: 400;
                padding: 0
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .heading .product-logo {
                    display: inline-block;
                    height: 50px;
                    margin: 0 1% 3% 0;
                    width: 50px;
                    vertical-align: middle
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .heading .product-logo svg {
                        max-height: 100%
                    }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .heading .text-input {
                    border: 1px solid #f4f5f6;
                    color: #000;
                    display: inline-block;
                    font-size: 24px;
                    font-weight: 600;
                    line-height: 1.5;
                    padding: 0 5px;
                    max-width: 810px;
                    width: 90%;
                    -webkit-transition: border-color .3s;
                    transition: border-color .3s
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .heading .text-input:focus, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .heading .text-input:hover {
                        background-color: #fff;
                        border-color: #eaebec
                    }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .display-name-input {
                border: 0;
                padding-bottom: 0
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator label.calulator-toggler-label {
                display: initial
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator label {
                display: block
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator select {
                background-color: #fff;
                border: 1px solid #747479;
                height: 36px;
                margin-top: 5px;
                padding: 5px
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator select.detailed-dropdown {
                    max-width: 100%;
                    width: auto
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator select.select-alert {
                    border-color: #f68c1f;
                    outline-color: #f68c1f
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-add-another-row .factored-input .select, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-professional-services-row .factored-input .select {
                font-size: 12px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-add-another-row .select, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-professional-services-row .select {
                font-size: 16px;
                font-weight: 400
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-add-another-row .label, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-professional-services-row .label {
                text-transform: none;
                font-weight: 400
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-dropdown .select option.unavailable {
                color: #747479
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-dropdown > label.calculator-dropdown-label > div.calculator-tooltip {
                padding-top: 0;
                position: absolute
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .detail label {
                font-size: 12px;
                text-transform: uppercase
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .detail .offer-column label {
                text-transform: none
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .detail .number-holder {
                display: block;
                text-align: left
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .detail .number-holder > .wa-textNumber > label {
                    text-transform: none
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .detail .number-holder .text-input {
                    border: 1px solid #747479;
                    height: 36px;
                    padding: 5px
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .detail .displayText {
                line-height: 25px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .detail.divider {
                border-top: 2px solid #eaebec
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost.stackedDropdowns .total {
                margin-top: -90px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost > .detail {
                width: inherit
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost > .detail select {
                    font-size: 16px
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost.detail select {
                font-size: 16px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost > div {
                min-height: initial
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .flex-align-bottom {
                align-items: flex-end;
                display: flex;
                flex-wrap: wrap
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .flex-align-bottom .total {
                    margin-left: auto
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .text {
                margin-right: 36px;
                margin-top: 12px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .wa-textNumber #number-input-percent-sign {
                color: #555;
                position: absolute;
                top: 7px;
                z-index: 1
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .wa-textNumber.show-percentage input.text-input {
                padding-right: 20px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .wa-textNumber.show-percentage #number-input-percent-sign {
                right: 6px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .wa-textNumber.show-percentage-turkish input.text-input {
                padding-left: 20px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .wa-textNumber.show-percentage-turkish #number-input-percent-sign {
                left: 8px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .numeric {
                margin-top: 5px
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .numeric span {
                    display: block;
                    text-align: center
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .numeric .calculator-tooltip {
                    margin-top: 0
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .numeric .tooltip-content span {
                    text-align: left
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .numeric label {
                    margin-top: 2px
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .numeric .label-inline {
                    color: #747479;
                    display: inline;
                    font-size: initial;
                    font-weight: 600;
                    margin-left: 4px
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .topLabelOffset {
                margin-top: 24px
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .topLabelOffset > .number-holder {
                    margin-left: 45px
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .numeric-offset {
                margin-top: 5px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .numeric-offset-top-label {
                margin-top: 15px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .remove-button {
                color: #a51419;
                font-size: 14px;
                margin-left: 24px;
                margin-top: 10px;
                text-transform: uppercase
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost > div.numeric {
                margin-left: 10px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost > div.toggler-left-heading > h3 {
                display: flex
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost > div.toggler-left-heading > h3 div.calculator-toggler {
                    margin-left: 15px
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total {
                position: relative;
                text-align: right;
                text-transform: none
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric span {
                    display: inline
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric span > span:first-child {
                        margin-top: 6px
                    }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric span .label {
                        display: block;
                        font-size: 12px;
                        font-weight: 400;
                        line-height: 1.4;
                        margin-bottom: 6px;
                        margin-top: 0 !important;
                        text-align: right
                    }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric .annotation-sku, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric .pricing-type, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric .sku, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric .resource-id {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-end;
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 1.4;
                    text-align: right;
                    margin-bottom: 6px
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric .sku > :first-child, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric .resource-id > :first-child {
                        text-transform: uppercase
                    }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .numeric .pricing-type {
                    color: #243a5e
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .total .remove-button {
                    color: #a51419;
                    font-size: 14px;
                    margin-right: 24px;
                    text-transform: uppercase
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost select {
                font-size: 18px
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost label select {
                font-size: 12px;
                margin-top: 0
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost.inputs {
                align-items: flex-end;
                display: flex;
                justify-content: space-between;
                padding-top: 4px
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost.inputs .factored-input {
                    margin-bottom: 0
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost.inputs .multiplier {
                    margin: 0
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost.inputs .numeric {
                    font-weight: 400
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost.inputs .number-holder {
                    flex-basis: 45%
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost.inputs:after {
                    content: none
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .cost .toggle-submodule .toggle-submodule-btn {
                margin-top: 0
            }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-checkbox {
                display: inline-block
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-checkbox label {
                    height: 35px;
                    line-height: 35px;
                    margin-top: 5px
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-checkbox input {
                    margin-right: 6px
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-checkbox + .calculator-tooltip {
                    margin-left: 5px;
                    vertical-align: super
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .calculator-checkbox + .numeric {
                    width: 50px
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .factored-input {
                margin-top: 5px;
                width: auto
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .factored-input .wa-textNumber {
                    display: flex
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .factored-input .wa-textNumber > input.text-input.numeric {
                        border-bottom: 1px solid #747479;
                        border-left: 1px solid #747479;
                        border-right: 0;
                        border-top: 1px solid #747479
                    }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .factored-input .numeric, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .factored-input label:not(.factored-input-bottom-label) {
                    display: inline-block;
                    margin: 0;
                    width: 50%
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .factored-input .numeric {
                    min-width: 84px
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .factored-input select {
                    height: 36px;
                    margin-top: 0
                }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .factored-input .factored-input-bottom-label {
                    margin-top: 0
                }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-options {
                display: flex;
                flex-wrap: wrap
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-options .savings-option {
                    display: flex;
                    flex-direction: column
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-options .savings-option .calculator-dropdown, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-options .savings-option .total {
                        margin-top: auto
                    }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-options .savings-option .label {
                        font-size: 14px
                    }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-total {
                float: none
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-total.cost {
                    align-items: flex-end;
                    display: flex;
                    margin-left: auto;
                    justify-content: flex-end
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-total.cost .numeric {
                        margin-top: 0;
                        text-align: right
                    }

                        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-total.cost .numeric .label {
                            color: inherit;
                            font-size: 14px;
                            text-align: inherit
                        }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .module-total {
                align-items: flex-end;
                display: flex;
                flex-direction: column;
                justify-content: flex-end
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .module-total .total {
                    display: flex;
                    float: none;
                    justify-content: space-between;
                    text-align: initial;
                    width: 275px
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .module-total .total .numeric {
                        margin-top: 0
                    }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .module-total .total .sub-total {
                        margin-right: 0
                    }

            #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .toggle-submodule {
                margin-top: 10px
            }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .toggle-submodule .toggle-submodule-btn {
                    background: 0 0;
                    border: 0;
                    box-shadow: none;
                    font-size: 16px;
                    text-align: left;
                    padding-top: 15px;
                    width: 100%
                }

                    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .toggle-submodule .toggle-submodule-btn > span {
                        position: absolute;
                        right: 0
                    }

                #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .toggle-submodule + .toggle-submodule .toggle-submodule-btn {
                    border-top: none
                }

    #azure-calculator .estimate-holder .products-holder .product-info {
        margin: 0 0 24px 0;
        padding-left: 0
    }

        #azure-calculator .estimate-holder .products-holder .product-info .module-controls {
            margin-bottom: 24px
        }

            #azure-calculator .estimate-holder .products-holder .product-info .module-controls .calculator-button {
                margin-right: 6px;
                width: auto
            }

                #azure-calculator .estimate-holder .products-holder .product-info .module-controls .calculator-button .icon {
                    margin-right: 0
                }

                #azure-calculator .estimate-holder .products-holder .product-info .module-controls .calculator-button .button-copy, #azure-calculator .estimate-holder .products-holder .product-info .module-controls .calculator-button .button-delete {
                    display: none
                }

#azure-calculator .estimate-holder .support-holder label, #azure-calculator .estimate-holder .discounts-holder label {
    font-size: 12px;
    text-transform: uppercase
}

#azure-calculator .estimate-holder .support-holder select, #azure-calculator .estimate-holder .discounts-holder select, #azure-calculator .estimate-holder .support-holder input, #azure-calculator .estimate-holder .discounts-holder input {
    border: 1px solid #747479;
    height: 40px
}

    #azure-calculator .estimate-holder .support-holder select:active, #azure-calculator .estimate-holder .discounts-holder select:active, #azure-calculator .estimate-holder .support-holder input:active, #azure-calculator .estimate-holder .discounts-holder input:active, #azure-calculator .estimate-holder .support-holder select:focus, #azure-calculator .estimate-holder .discounts-holder select:focus, #azure-calculator .estimate-holder .support-holder input:focus, #azure-calculator .estimate-holder .discounts-holder input:focus {
        border: 1px solid #0062ad
    }

#azure-calculator .estimate-holder .support-holder .toggler-slide, #azure-calculator .estimate-holder .discounts-holder .toggler-slide {
    top: 1px
}

#azure-calculator .estimate-holder .support-holder .support-total {
    font-weight: 600;
    padding-top: 24px;
    text-align: right
}

#azure-calculator .estimate-holder .discounts-holder input {
    font-size: 18px;
    margin-top: 22px
}

#azure-calculator .estimate-holder .discounts-holder .calculator-dropdown-label, #azure-calculator .estimate-holder .discounts-holder .label {
    font-size: 12px;
    text-transform: uppercase
}

#azure-calculator .estimate-holder .discounts-holder .label {
    left: 0;
    position: absolute;
    top: -20px
}

#azure-calculator .estimate-holder .discounts-holder .percentage {
    font-size: 20px;
    padding: 0 6px
}

#azure-calculator .estimate-holder .discounts-holder .discounts-total {
    font-weight: 600;
    padding-top: 24px;
    text-align: right
}

#azure-calculator .estimate-holder .discounts-holder .enrollment-info {
    margin-top: 20px
}

    #azure-calculator .estimate-holder .discounts-holder .enrollment-info p {
        font-size: 14px
    }

    #azure-calculator .estimate-holder .discounts-holder .enrollment-info button {
        background: 0 0;
        border: 0;
        color: #0078d4
    }

        #azure-calculator .estimate-holder .discounts-holder .enrollment-info button:hover {
            text-decoration: underline
        }

#azure-calculator .estimate-holder .discounts-holder .disabled {
    color: rgba(0,0,0,.4)
}

#azure-calculator .estimate-holder hr {
    margin: 24px 0 0
}

#azure-calculator .estimate-holder .estimate-total .divider {
    border-top: 2px solid #eaebec;
    margin: 24px 0 24px
}

#azure-calculator .estimate-holder .estimate-total .projected-months {
    margin: 24px 0 0
}

    #azure-calculator .estimate-holder .estimate-total .projected-months .numeric .wa-textNumber .label {
        text-transform: uppercase;
        font-size: 12px;
        left: 0;
        position: absolute;
        top: -20px
    }

#azure-calculator .estimate-holder .estimate-total .total {
    font-size: 20px
}

    #azure-calculator .estimate-holder .estimate-total .total .numeric {
        position: relative
    }

        #azure-calculator .estimate-holder .estimate-total .total .numeric .pricing-type {
            color: #243a5e;
            display: block;
            font-size: 12px;
            font-weight: 400;
            line-height: 1;
            position: absolute;
            right: 0;
            text-align: right;
            text-transform: none;
            top: 36px;
            width: 200px
        }

#azure-calculator .estimate-holder .estimate-total .currency-dropdown-container {
    font-size: 12px;
    line-height: 1.5;
    width: 75%;
    float: right;
    margin: 12px 0 0
}

@media only screen and (max-width:60em) {
    #azure-calculator .estimate-holder .estimate-total .currency-dropdown-container {
        margin-left: auto;
        width: 162px
    }
}

#azure-calculator .estimate-holder .estimate-total .currency-dropdown {
    border: 1px solid #747479;
    display: inline-block;
    font-size: 12px;
    padding: 2px;
    width: auto
}

@media only screen and (min-width:60em) {
    #azure-calculator .estimate-holder .estimate-total .currency-dropdown {
        width: 100%
    }
}

#azure-calculator .estimate-holder .estimate-total .currency-dropdown:active, #azure-calculator .estimate-holder .estimate-total .currency-dropdown:focus {
    border: 1px solid #0062ad
}

#azure-calculator .estimate-holder .estimate-total .mca-currency {
    margin: -5px 0 0;
    font-size: 16px
}

#azure-calculator .estimate-holder .estimate-total .mca-fx-description {
    color: #747479;
    font-size: 12px;
    margin: 5px 0 0 6px;
    text-align: left
}

#azure-calculator .estimate-holder .estimate-total .settings .calculator-toggler label {
    text-transform: uppercase
}

#azure-calculator .estimate-holder .estimate-total .settings .calculator-toggler .toggler-slide {
    top: 1px
}

#azure-calculator .estimate-holder .calculator-actions button {
    margin: 1%;
    width: 46%
}

#azure-calculator .estimate-holder .calculator-actions p {
    margin-bottom: 0
}

#azure-calculator .ahb {
    background-color: #fff;
    padding: 12px
}

    #azure-calculator .ahb .ahb-math {
        padding-top: 14px
    }

    #azure-calculator .ahb .number-holder {
        width: 100%
    }

        #azure-calculator .ahb .number-holder input {
            text-align: left;
            padding-left: 12px
        }

        #azure-calculator .ahb .number-holder.factored-input {
            margin-top: 12px
        }

        #azure-calculator .ahb .number-holder label, #azure-calculator .ahb .number-holder span {
            text-align: left;
            text-transform: uppercase;
            margin-bottom: 0
        }

    #azure-calculator .ahb .ahb-computed {
        display: inline-block;
        padding: 3px 0 0 12px;
        text-align: left;
        width: 100%
    }

    #azure-calculator .ahb .total {
        margin-right: 16px
    }

#azure-calculator .calculator-cta {
    border-top: 1px solid #eaebec
}

#azure-calculator .calculator-cta-shadow {
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1);
    margin: 20px auto 60px;
    padding: 24px 12px
}

#azure-calculator select.tooltipped {
    background: #fff;
    display: inline-block;
    width: calc((100% - 28px))
}

#azure-calculator select.tooltippedx2 {
    background: #fff;
    display: inline-block;
    width: calc((100% - 56px))
}

#azure-calculator .calc-row-divided {
    border-top: 2px solid #eaebec
}

#azure-calculator ::-ms-clear {
    display: none
}

#azure-calculator .collapsible {
    cursor: pointer
}

    #azure-calculator .collapsible:before {
        content: '\e70e';
        font-family: 'BAPIMDL2';
        color: #0078d4;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        margin-right: 12px
    }

    #azure-calculator .collapsible.collapsed:before {
        transform: rotate(180deg)
    }

#azure-calculator .fluid-relay .cost .calculator-tooltip {
    float: none
}

.calculator-feedback-form {
    color: #f8f9fa;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .calculator-feedback-form .calculator-feedback-text {
        line-height: 2.25
    }

    .calculator-feedback-form .calculator-feedback-buttons {
        margin-left: 12px
    }

    .calculator-feedback-form button {
        margin-left: 6px
    }

    .calculator-feedback-form textarea, .calculator-feedback-form input {
        color: #4c4c51;
        width: 100%
    }

        .calculator-feedback-form textarea[type=textarea], .calculator-feedback-form input[type=textarea] {
            height: 60px
        }

.calculator-feedback .button + .button {
    margin-top: 12px
}

#feedback-calculator .field-validation-error span {
    color: #fff
}

#feedback-calculator #comment-count {
    color: #fff
}

.number-holder {
    display: inline-block;
    text-align: center;
    width: 60px
}

    .number-holder.factored-input {
        min-width: 80px
    }

    .number-holder.wide {
        width: 71px
    }

    .number-holder.extra-wide {
        width: 124px
    }

    .number-holder.widest {
        width: 154px
    }

    .number-holder.autowidth {
        width: auto
    }

    .number-holder.tooltipped > .wa-textNumber {
        display: inline-block
    }

    .number-holder.tooltipped > .calculator-tooltip {
        margin-top: -50px
    }

.add-button {
    margin-right: 12px
}

    .add-button > p {
        margin-left: 12px
    }

.wa-textNumber {
    position: relative
}

    .wa-textNumber input {
        height: auto;
        padding: 3px 0 1px;
        text-align: right;
        width: 100%
    }

@media only screen and (min-width:33.75em) {
    #azure-calculator #estimates table td.hide-small, #azure-calculator #estimates table th.hide-small {
        display: table-cell
    }

    #azure-calculator .estimate-holder .module-actions {
        display: inline-block
    }

    #azure-calculator .estimate-holder .products-holder .product-module .column.medium-6.large-4 {
        margin-bottom: 12px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .heading {
        align-items: center;
        display: flex
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .heading .product-logo {
            margin-bottom: 0
        }

    #azure-calculator .add-products span .get-started-arrow {
        display: block
    }

    .calculator-feedback .button + .button {
        margin-top: 0
    }
}

@media only screen and (max-width:48em) {
    #azure-calculator .tab-content-container {
        padding-bottom: 24px
    }

    #azure-calculator .calculator-toggler .toggler-input-offset .toggler-label {
        margin-top: 0
    }
}

@media only screen and (min-width:48em) {
    #azure-calculator .cost .equals {
        margin-right: 36px
    }

    #azure-calculator .cost .math.multiplier {
        margin: 0 36px
    }

    #azure-calculator .cost .math.multiplierset {
        margin: 0 12px
    }

    #azure-calculator .cost .math.numeric-grouping-start {
        margin: 0 24px 0 0
    }

    #azure-calculator .cost .math.numeric-grouping-end {
        margin: 0 0 0 24px
    }

    #azure-calculator .cost .sub-total {
        margin-right: 36px;
        padding-right: 0
    }

    #azure-calculator .product-module .product-calculator .savings-options .savings-option {
        border-right: 1px solid #cccdce
    }

        #azure-calculator .product-module .product-calculator .savings-options .savings-option.last {
            border-right: none
        }

    #azure-calculator .product-module .product-calculator .calculator-toggler.align-row-margin-top {
        margin-top: 25px
    }
}

@media only screen and (min-width:60em) {
    #azure-calculator .modal-background .calculator-modal {
        width: 50%
    }

    #azure-calculator .category-list .category-container > button {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 18%
    }

    #azure-calculator .category-list .product-container .product-row {
        margin: 0
    }

    #azure-calculator .category-list .tabbed-product-container {
        height: 800px;
        left: 20%;
        position: absolute;
        margin-top: 0;
        overflow-y: auto;
        width: 80%
    }

        #azure-calculator .category-list .tabbed-product-container > div.row.product-row {
            width: 100%
        }

    #azure-calculator .calculator-checkbox {
        padding-top: 18px
    }

    #azure-calculator .estimate-holder .calculator-button.no-border {
        line-height: 18px;
        vertical-align: top
    }

        #azure-calculator .estimate-holder .calculator-button.no-border .icon {
            margin-right: 0
        }

        #azure-calculator .estimate-holder .calculator-button.no-border .button-copy {
            margin-left: 6px;
            display: inline-block;
            font-size: 16px
        }

    #azure-calculator .estimate-holder .products-holder .product-summary {
        flex-wrap: nowrap
    }

        #azure-calculator .estimate-holder .products-holder .product-summary .small-module-controls {
            display: inline-block
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .module-summary {
            padding-left: 12px;
            flex-basis: 30%
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .summary-total {
            margin-left: 36px;
            flex-basis: 150px
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .small-break {
            display: none
        }

        #azure-calculator .estimate-holder .products-holder .product-summary .module-summary-button-tooltip-container {
            max-width: 30%
        }

    #azure-calculator .estimate-holder .products-holder .product-info {
        margin: 24px 0 0 0;
        padding-left: 16px
    }

        #azure-calculator .estimate-holder .products-holder .product-info .module-controls .calculator-button {
            width: 100%
        }

            #azure-calculator .estimate-holder .products-holder .product-info .module-controls .calculator-button .icon {
                margin-right: 6px
            }

            #azure-calculator .estimate-holder .products-holder .product-info .module-controls .calculator-button .button-copy, #azure-calculator .estimate-holder .products-holder .product-info .module-controls .calculator-button .button-delete {
                display: inline
            }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .savings-options .savings-option {
        border-right: 1px solid #cccdce
    }

    #azure-calculator .estimate-holder .calculator-actions button {
        margin: 0 12px 0 0;
        width: auto
    }

    #azure-calculator .offer-column {
        margin-top: 6px
    }

    #azure-calculator .padded-column {
        padding-top: 12px
    }

    .calculator-not-available-price {
        background-color: #fff;
        padding: 24px 0
    }

    .offer-row .calculator-dropdown.inline {
        margin-top: -24px
    }
}

@media only screen and (max-width:1024px) {
    #azure-calculator .calculator-tooltip > div {
        right: -21px;
        left: auto;
        top: 30px;
        width: 220px
    }

        #azure-calculator .calculator-tooltip > div:before {
            left: auto;
            right: 28px;
            top: -15px;
            -o-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        #azure-calculator .calculator-tooltip > div.left-side {
            right: -26px;
            left: auto
        }

            #azure-calculator .calculator-tooltip > div.left-side:before {
                left: auto;
                right: 28px;
                top: -15px;
                -o-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

        #azure-calculator .calculator-tooltip > div.right-side {
            right: -21px;
            left: auto
        }

            #azure-calculator .calculator-tooltip > div.right-side:before {
                left: auto;
                right: 28px
            }
}

@media only screen and (min-width:1024px) and (max-width:1700px) {
    #azure-calculator .calculator-tooltip > div {
        width: 220px
    }
}

.shadow-background {
    background: #d3d3d3
}

.shadow-picker {
    box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1)
}

.shadow-picker-top {
    background: #d3d3d3;
    height: 54px;
    width: 100%
}

.shadow-picker-item-outer-div {
    background: 0 0;
    border: 2px solid #dedede;
    display: block;
    height: 90px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 100%
}

.shadow-service-icon {
    background: #d3d3d3;
    border-radius: 12px;
    height: 24px;
    width: 24px;
    margin-right: 12px
}

.shadow-fake-text {
    background: #d3d3d3;
    height: 14px;
    display: inline-block;
    vertical-align: bottom
}

    .shadow-fake-text.small-width {
        width: 40%
    }

    .shadow-fake-text.med-width {
        width: 60%
    }

    .shadow-fake-text.med-large-width {
        width: 75%
    }

    .shadow-fake-text.spacing {
        margin: 6px 0
    }

    .shadow-fake-text.large-width {
        width: 90%
    }

.shadow-fake-small-text {
    background: #d3d3d3;
    height: 14px;
    width: 40%;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 12px
}

.shadow-module-product-summary-div {
    border-bottom: 1px dotted #eaebec;
    line-height: 12px
}

.shadow-module-fake-text {
    background: #d3d3d3;
    height: 18px;
    display: inline-block
}

    .shadow-module-fake-text.float-right {
        float: right
    }

    .shadow-module-fake-text.spacing-left {
        margin-left: 12%
    }

    .shadow-module-fake-text.spacing-bottom {
        margin-bottom: 6px
    }

    .shadow-module-fake-text.xsmall-width {
        width: 10%
    }

    .shadow-module-fake-text.small-width {
        width: 18%
    }

    .shadow-module-fake-text.med-width {
        width: 35%
    }

    .shadow-module-fake-text.large-width {
        width: 50%
    }

.shadow-calculator {
    opacity: .3
}

.shadow-module-product-icon {
    height: 50px;
    background: #d3d3d3;
    border-radius: 25px
}

.shadow-module-product-name-text {
    height: 35px;
    width: 40%;
    vertical-align: middle;
    display: inline-block;
    background: #d3d3d3
}

    .shadow-module-product-name-text.xsmall-width {
        width: 10%
    }

    .shadow-module-product-name-text.small-width {
        width: 25%
    }

    .shadow-module-product-name-text.float-right {
        float: right
    }

.shadow-module-fake-input {
    height: 35px;
    background: #fff
}

    .shadow-module-fake-input.border {
        border: 2px solid #eaebec
    }

    .shadow-module-fake-input.spacing-top {
        margin-top: 12px
    }

.shadow-module-cost-div {
    padding-top: 12px;
    float: right;
    width: 20%
}

.subtotal {
    background: #d3d3d3;
    float: right;
    width: 50%;
    height: 30px
}

.subtotal-notes {
    float: right;
    clear: right;
    width: 30%;
    height: 14px;
    margin-top: 5px;
    background: #d3d3d3
}

.shadow-module-info-button-outer-div {
    line-height: 18px;
    margin: 0 0 12px;
    padding: 6px;
    height: 36px;
    border: 2px solid #eaebec
}

.shadow-module-info-button-inner-div {
    margin: auto;
    width: 75%
}

.shadow-module-info-button-fake-text {
    height: 18px;
    width: 68%;
    background: #d3d3d3;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 6px
}

.shadow-module-info-button-icon {
    height: 18px;
    width: 18px;
    background: #d3d3d3;
    border-radius: 9px
}

.shadow-support-heading {
    border-bottom: 2px solid #eaebec;
    padding: 0 0 6px
}

.shadow-support-fake-subtotal {
    float: right;
    margin-top: 12px;
    background: #d3d3d3;
    width: 8%;
    margin-right: .938rem;
    height: 35px
}

.top-border {
    border-top: 2px solid #eaebec
}

.shadow-estimate-total-outer-div {
    border-top: 4px solid #eaebec;
    margin-top: 36px
}

.shadow-estimate-total-inner-div {
    border-bottom: 2px dotted #eaebec;
    height: 36px;
    margin: 12px .938rem
}

.shadow-estimate-fake-dropdown {
    border: 2px solid #eaebec;
    width: 165px;
    max-width: 20%;
    float: right;
    margin-top: 12px;
    height: 18px
}

.shadow-estimate-action-button-outer-div {
    line-height: 18px;
    margin: 0 12px 12px 0;
    padding: 6px;
    height: 36px;
    min-width: 120px;
    width: 12%;
    display: inline-block;
    border: 2px solid #eaebec
}

.shadow-fake-primary-button {
    background: #d3d3d3;
    height: 50px;
    width: 275px;
    max-width: 75%;
    float: right
}

.focus-picker {
    border: 2px solid #0062ad
}

.get-started-heading {
    width: 90%;
    margin: auto
}

.module-actions {
    width: 100%;
    height: 40px;
    text-align: right
}

.left-padding-size4 {
    padding-left: 48px
}

.top-padding-size1 {
    padding-top: 12px
}

.module-actions-spacing {
    padding: 5px
}

.module-actions-spacing-left {
    padding-left: 5px
}

.disabled-action {
    pointer-events: none
}

.white {
    background: #fff
}

.notification {
    background-color: rgba(0,0,0,.9);
    bottom: 20%;
    color: #fff;
    max-width: 350px;
    position: fixed;
    right: -350px;
    text-align: center;
    transition-property: right;
    transition-duration: 1s;
    width: 70%;
    z-index: 1001
}

    .notification.active {
        right: 0
    }

    .notification.error {
        background-color: rgba(186,20,26,.9)
    }

    .notification.discount {
        background-color: rgba(104,33,122,.9)
    }

    .notification .notification-wrapper {
        line-height: 48px;
        padding: 12px
    }

        .notification .notification-wrapper .notification-icon {
            display: inline-block;
            line-height: normal;
            max-width: 50px;
            width: 20%
        }

            .notification .notification-wrapper .notification-icon .icon {
                vertical-align: middle
            }

        .notification .notification-wrapper .notification-copy {
            display: inline-block;
            line-height: normal;
            max-width: 300px;
            padding-left: 24px;
            text-align: left;
            width: 80%;
            vertical-align: middle
        }

            .notification .notification-wrapper .notification-copy button {
                color: #89c402;
                display: inline-block;
                padding-left: 6px
            }

                .notification .notification-wrapper .notification-copy button:first-letter {
                    text-decoration: underline
                }

.skus-holder {
    text-transform: uppercase;
    float: right;
    text-align: right;
    margin-top: 5px;
    color: #747479;
    line-height: .6
}

    .skus-holder p {
        font-size: 12px
    }

.add-products-spacing {
    padding-top: 0;
    padding-bottom: 36px
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to bottom,rgba(255,255,255,.1) 0%,#f4f4f4 100%)
}

.calculator-radio-label {
    text-transform: none;
    margin-left: 8px;
    font-size: 14px
}

.calculator-radio {
    margin: 8px 0
}

.calculator-add-another-row .calculator-dropdown, .calculator-professional-services-row .calculator-dropdown, .calculator-add-another-row h5, .calculator-professional-services-row h5 {
    bottom: 18px;
    margin-right: 36px
}

.calculator-add-another-row h5, .calculator-professional-services-row h5 {
    padding-top: 12px
}

.calculator-add-another-row .calculator-dropdown-label, .calculator-professional-services-row .calculator-dropdown-label {
    position: static;
    text-align: left
}

    .calculator-add-another-row .calculator-dropdown-label .calculator-dropdown-label-text, .calculator-professional-services-row .calculator-dropdown-label .calculator-dropdown-label-text {
        text-transform: none
    }

.calculator-add-another-row .factored-input .calculator-dropdown, .calculator-professional-services-row .factored-input .calculator-dropdown {
    margin-right: 0
}

@media only screen and (min-width:48em) {
    .calculator-add-another-row .calculator-dropdown, .calculator-professional-services-row .calculator-dropdown, .calculator-add-another-row h5, .calculator-professional-services-row h5 {
        width: 180px
    }

    .calculator-add-another-row .factored-input .calculator-dropdown, .calculator-professional-services-row .factored-input .calculator-dropdown {
        width: auto
    }
}

@media only screen and (min-width:48em) {
    .calculator-professional-services-row .calculator-dropdown, .calculator-professional-services-row h5 {
        width: 250px
    }
}

.solution-architecture-diagram-container {
    padding-bottom: 12px;
    border: 1px solid #f4f5f6;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.1)
}

.solution-architecture-products {
    border-left: 1px solid #eaebec
}

    .solution-architecture-products > ul {
        list-style: none
    }

.calculator-tabs .tab {
    background-color: #e6e6e6;
    display: inline-block;
    padding: 12px;
    padding-right: 24px;
    position: relative;
    width: calc(1172px/6);
    border-style: solid;
    border-color: #d8d8d8;
    border-width: 1px 0 1px 1px;
    margin-bottom: 0
}

    .calculator-tabs .tab.tab-active {
        background: #fff;
        border-bottom: none
    }

    .calculator-tabs .tab .button-close {
        display: inline-block;
        right: calc(20px/2);
        font-weight: 600;
        color: #747479;
        font-size: 16px
    }

    .calculator-tabs .tab.tab-small {
        color: #fff;
        width: 48px;
        height: 50px;
        text-align: center;
        padding: 12px
    }

        .calculator-tabs .tab.tab-small.tab-add {
            background-color: #0078d4
        }

            .calculator-tabs .tab.tab-small.tab-add:focus {
                outline: 2px solid #0078d4
            }

        .calculator-tabs .tab.tab-small.tab-left, .calculator-tabs .tab.tab-small.tab-right {
            background-color: #4c4c51
        }

    .calculator-tabs .tab a {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
        color: #000;
        padding: 0;
        font-size: 16px;
        text-decoration: none
    }

        .calculator-tabs .tab a:hover {
            text-decoration: none
        }

        .calculator-tabs .tab a:after {
            content: ''
        }

.calculator-tabs .estimate-tabs {
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    padding-left: 0
}

.calculator-tabs .tabs-list {
    margin-bottom: 0
}

.calculator-tabs .tab-content {
    height: 100px
}

.offer-row .users-row {
    width: 40%
}

    .offer-row .users-row .concurrency-tooltip .calculator-tooltip {
        margin-left: 8px !important
    }

.invisible {
    visibility: hidden
}

.calculator-rearrange-button:hover span svg path {
    fill: #fff
}

.rearrange-tooltip {
    background-color: #2e2e33;
    right: 0;
    position: absolute;
    top: -65px;
    min-height: 97px;
    min-width: 360px;
    z-index: 6;
    color: #fff;
    padding: 6px 18px 32px 30px;
    width: auto
}

    .rearrange-tooltip:before {
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 18px solid #2e2e33;
        content: '';
        display: block;
        height: 0;
        right: 66px;
        position: absolute;
        top: 112px;
        width: 0;
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .rearrange-tooltip .rearrange-close {
        display: block;
        color: #f4f5f6;
        font-size: 18px;
        margin-left: auto;
        width: 10px
    }

    .rearrange-tooltip .rearrange-tooltip-content {
        max-width: 280px;
        display: block
    }

@media only screen and (max-width:47.98em) {
    #azure-calculator .rearrange-modal-background {
        background-color: transparent;
        left: 100%;
        transition: left .5s ease-in-out
    }

        #azure-calculator .rearrange-modal-background.active {
            z-index: 9998
        }

        #azure-calculator .rearrange-modal-background.open {
            left: 0;
            transition: left .5s ease-in-out
        }
}

@media only screen and (min-width:20em) {
    #azure-calculator .rearrange-modal-background .rearrange-modal {
        height: 100vh;
        width: 100%;
        max-width: 1115px;
        padding: 50px 0 30px
    }

        #azure-calculator .rearrange-modal-background .rearrange-modal .modal-header {
            margin-bottom: 30px;
            padding: 0 12px
        }

        #azure-calculator .rearrange-modal-background .rearrange-modal .modal-body {
            padding: 0 0 0 12px
        }

        #azure-calculator .rearrange-modal-background .rearrange-modal .rearrange-list {
            padding: 0 12px 0 0;
            height: 70vh;
            overflow-y: auto;
            overflow-x: hidden;
            margin-bottom: 30px
        }

        #azure-calculator .rearrange-modal-background .rearrange-modal .rearrange-list-item {
            margin-bottom: 0
        }

        #azure-calculator .rearrange-modal-background .rearrange-modal .rearrange-modal-cta {
            min-height: 44px;
            margin-top: 0;
            padding-top: 0
        }

            #azure-calculator .rearrange-modal-background .rearrange-modal .rearrange-modal-cta button {
                width: auto
            }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown > select, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.number-holder.factored-input > select, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown input, #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.number-holder.factored-input input {
        font-weight: 400
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown > select.license {
            margin-right: 50px;
            padding-right: 15px;
            width: 250px
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown:nth-child(2) {
        margin-top: 15px
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown:nth-child(2) > select.vcpu {
            width: 250px
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.math.multiplier {
        margin-top: 20px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row > div.number-holder.factored-input {
        margin-top: 23px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-toggler {
        margin-left: 30px;
        margin-top: 20px;
        width: 100%
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-toggler span.toggler-label {
            font-size: smaller
        }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-toggler div.calculator-tooltip {
            margin-top: 0
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.total {
        left: -55px;
        margin-top: 10px;
        width: 225px
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.total > button.remove-button[type=button] {
            margin-left: 0;
            width: 50px
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .frontdoor-additional-zones-row .column {
        padding-left: 0
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .frontdoor-additional-zones-row .factored-input {
        margin-top: 29px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator .frontdoor-additional-zones-row .total {
        margin-top: 29px
    }
}

@media only screen and (max-width:20em) {
    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.row.column.row-size1 > button.add-button {
        margin-bottom: 15px;
        width: 24px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.row.column.row-size1 > p.add-another-text {
        font-size: small
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.row.row-size1.column.cost > h3 {
        margin-top: 13px
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.row.row-size1.column.cost > h3 > div.calculator-tooltip {
            margin-top: 0
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.row.row-size1.column.cost > div.number-holder {
        width: 100%
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.row.row-size1.column.cost > div.math.multiplier {
        margin: 15px 0 0;
        padding-left: 5%;
        width: 20%
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.row.row-size1.column.cost > div.math.numeric-grouping {
        margin: 15px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.row.row-size1.column.cost > div.number-holder.factored-input {
        margin-top: 15px;
        width: 80%
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.total > span.sub-total {
        font-size: medium;
        margin-left: 33px
    }
}

@media only screen and (min-width:48em) {
    #azure-calculator .rearrange-modal-background .rearrange-modal {
        height: initial;
        padding: 30px 0;
        width: 90%
    }

        #azure-calculator .rearrange-modal-background .rearrange-modal .modal-header {
            padding: 0 24px
        }

        #azure-calculator .rearrange-modal-background .rearrange-modal .modal-body {
            padding: 0 24px
        }

        #azure-calculator .rearrange-modal-background .rearrange-modal .rearrange-list {
            height: 433px;
            margin-bottom: 50px;
            padding: 0 16px 0 0
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown > select.license {
        width: 250px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown:nth-child(2) {
        margin-top: 0
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown:nth-child(2) > select.vcpu {
            width: 100px
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-toggler {
        left: 61%
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.total {
        left: -25px
    }
}

@media only screen and (min-width:60em) {
    #azure-calculator .rearrange-modal-background .rearrange-modal {
        width: 75%;
        padding: 30px 36px
    }

        #azure-calculator .rearrange-modal-background .rearrange-modal .modal-header {
            margin-bottom: 60px
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown > select.license {
        margin-right: 25px;
        width: 250px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown:nth-child(2) > select.vcpu {
        width: 150px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.math-multiplier {
        margin: 20px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-toggler {
        left: 0;
        margin-left: 1.25rem;
        margin-top: 1.875rem;
        width: 250px
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-toggler span.toggler-label {
            margin-top: -7px
        }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.total {
        display: flex;
        left: -50px;
        margin-top: 18px;
        width: 175px
    }

        #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.total div.math.equals {
            margin-top: 8px
        }
}

@media only screen and (min-width:1280px) {
    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-dropdown > select.license {
        width: 300px
    }

    #azure-calculator .estimate-holder .products-holder .product-module .product-calculator div.toggle-submodule div.row.row-size1.column.cost.calculator-vm-dh-software-license-row div.calculator-toggler {
        width: 300px
    }
}

@media only screen and (min-width:48em) and (max-height:48em) {
    #azure-calculator .rearrange-modal-background.active {
        z-index: 9999
    }

    #azure-calculator .rearrange-modal-background .rearrange-modal .rearrange-list {
        height: 50vh
    }
}

@media only screen and (min-width:20em) {
    #azure-calculator .estimate-holder .rearrange-products-holder {
        margin-bottom: 0
    }

        #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary {
            align-items: center;
            padding: 4px 0 8px
        }

            #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary > span {
                font-size: 14px
            }

            #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-small-module-controls {
                display: flex;
                flex-basis: 25px;
                padding: 4px 0 0
            }

                #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-small-module-controls svg {
                    width: 26px;
                    height: 26px
                }

            #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-module-summary {
                padding-left: 10px;
                flex-basis: 90%
            }

            #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-upfront-total {
                padding-left: 34px;
                flex-basis: 50%
            }

            #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-monthly-total {
                flex-basis: 40%
            }

            #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-upfront-total, #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-monthly-total {
                font-weight: 600;
                margin-top: -5px
            }
}

@media only screen and (min-width:33.75em) {
    #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary > span {
        font-size: 16px
    }
}

@media only screen and (min-width:48em) {
    #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-small-module-controls {
        flex-basis: 40px;
        padding: 4px 0 0 12px
    }

    #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-module-summary {
        padding-left: 20px;
        flex-basis: 100px
    }

    #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-upfront-total, #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-monthly-total {
        flex-basis: 0;
        font-weight: 400;
        padding-left: 0;
        margin-top: 0
    }

    #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-monthly-total {
        text-align: right;
        margin-right: 40px
    }
}

@media only screen and (min-width:60em) {
    #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-module-summary {
        flex-basis: 30%
    }

    #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-upfront-total, #azure-calculator .estimate-holder .rearrange-products-holder .rearrange-product-summary .rearrange-summary-monthly-total {
        flex-basis: 150px
    }
}

@media only screen and (min-width:20em) {
    .rearrange-products-holder .rearrange-product-summary {
        align-items: center;
        border-bottom: 2px solid #747479;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 4px 0 8px
    }

        .rearrange-products-holder .rearrange-product-summary > span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px
        }

    .rearrange-products-holder .rearrange-small-module-controls {
        display: flex;
        background-color: #fff;
        flex-basis: 25px;
        padding: 4px 0 0
    }

        .rearrange-products-holder .rearrange-small-module-controls svg {
            width: 26px;
            height: 26px
        }

    .rearrange-products-holder .rearrange-module-summary {
        flex: auto;
        padding-left: 10px;
        flex-basis: 90%
    }

    .rearrange-products-holder .rearrange-summary-upfront-total {
        padding-left: 34px;
        flex-basis: 50%
    }

    .rearrange-products-holder .rearrange-summary-monthly-total {
        flex-basis: 40%
    }

    .rearrange-products-holder .rearrange-summary-upfront-total, .rearrange-products-holder .rearrange-summary-monthly-total {
        font-weight: 600;
        margin-top: -5px
    }
}

@media only screen and (min-width:33.75em) {
    .rearrange-products-holder .rearrange-product-summary > span {
        font-size: 16px
    }
}

@media only screen and (min-width:48em) {
    .rearrange-products-holder .rearrange-product-summary {
        flex-wrap: nowrap
    }

    .rearrange-products-holder .rearrange-small-module-controls {
        flex-basis: 40px;
        padding: 4px 0 0 12px
    }

    .rearrange-products-holder .rearrange-module-summary {
        padding-left: 20px;
        flex-basis: 100px
    }

    .rearrange-products-holder .rearrange-summary-upfront-total, .rearrange-products-holder .rearrange-summary-monthly-total {
        flex: auto;
        flex-basis: 0;
        font-weight: 400;
        padding-left: 0;
        margin-top: 0;
        margin-left: 36px
    }

    .rearrange-products-holder .rearrange-summary-monthly-total {
        text-align: right;
        margin-right: 40px
    }
}

@media only screen and (min-width:60em) {
    .rearrange-products-holder .rearrange-module-summary {
        flex-basis: 30%
    }

    .rearrange-products-holder .rearrange-summary-upfront-total, .rearrange-products-holder .rearrange-summary-monthly-total {
        flex-basis: 150px
    }
}

.purchase-options-row {
    background: #fff;
    padding-bottom: 50px;
    padding-top: 10px
}

    .purchase-options-row h2 {
        text-align: center
    }

    .purchase-options-row .purchase-options-card-container {
        display: flex;
        flex-direction: row;
        justify-content: center
    }

        .purchase-options-row .purchase-options-card-container .card-v2 {
            display: grid;
            grid-template-rows: 10% 90%;
            margin: 0 20px
        }

            .purchase-options-row .purchase-options-card-container .card-v2 .card-v2__text-block {
                display: grid
            }

                .purchase-options-row .purchase-options-card-container .card-v2 .card-v2__text-block ul {
                    margin-bottom: 3em
                }

                .purchase-options-row .purchase-options-card-container .card-v2 .card-v2__text-block a {
                    height: fit-content;
                    width: fit-content
                }

@media only screen and (max-width:26.25em) {
    .purchase-options-row {
        padding-top: 2.5em
    }

        .purchase-options-row .purchase-options-card-container {
            flex-direction: column
        }

            .purchase-options-row .purchase-options-card-container .card-v2 {
                margin: 0
            }

    section[data-module=glyph-01] {
        margin-bottom: 7.5em
    }
}

.calculator header {
    max-width: 1600px;
    width: 100%
}

#feedback-message-test {
    display: none
}

#calculator-container {
    min-height: 700px;
    padding-top: 105px
}

    #calculator-container .empty-module {
        position: relative
    }

        #calculator-container .empty-module p {
            left: 110px;
            position: absolute;
            top: 175px;
            width: 510px
        }

.recommendations .added-modules, .recommendations .recommended-modules {
    display: inline-block
}

.recommendations .math {
    font-size: 30px;
    color: #89c402;
    line-height: 36px;
    margin: 0 10px;
    display: inline-block;
    min-height: 70px;
    vertical-align: top
}

.recommendations .calculator-module {
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    text-align: center;
    width: 130px
}

    .recommendations .calculator-module:hover {
        background-color: #89c402
    }

        .recommendations .calculator-module:hover p {
            color: #fff
        }

    .recommendations .calculator-module p {
        font-size: 14px;
        margin-bottom: 0
    }

    .recommendations .calculator-module svg {
        pointer-events: none
    }

.wa-calcEstimate {
    background-color: #fff;
    margin-bottom: 24px;
    width: 275px;
    padding: 20px
}

    .wa-calcEstimate.fixed {
        position: fixed
    }

    .wa-calcEstimate .heading .currency-dropdown {
        font-size: 12px;
        height: 30px;
        margin-top: 10px
    }

    .wa-calcEstimate .detail {
        max-height: 250px;
        overflow-y: auto
    }

        .wa-calcEstimate .detail ul {
            list-style: none;
            padding: 0 10px 0 0
        }

            .wa-calcEstimate .detail ul:after {
                clear: both;
                content: '';
                display: table
            }

        .wa-calcEstimate .detail li {
            font-size: 11px
        }

            .wa-calcEstimate .detail li:after {
                clear: both;
                content: '';
                display: table
            }

        .wa-calcEstimate .detail .name {
            width: 50%;
            display: block;
            float: left;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .wa-calcEstimate .detail .total {
            font-weight: 600;
            width: 45%;
            float: right;
            display: block;
            text-align: right
        }

    .wa-calcEstimate .cart-total {
        margin: 10px 0;
        min-height: 21px;
        position: relative;
        vertical-align: middle
    }

        .wa-calcEstimate .cart-total .sub-total .label {
            display: inline
        }

        .wa-calcEstimate .cart-total .sub-total .price {
            font-weight: 600;
            float: right
        }

        .wa-calcEstimate .cart-total .discounts {
            border-color: #eaebec;
            border-style: solid;
            border-width: 1px 0;
            font-size: 14px;
            margin: 6px 0;
            padding: 6px 0
        }

            .wa-calcEstimate .cart-total .discounts h5 {
                font-size: 14px
            }

            .wa-calcEstimate .cart-total .discounts .discounts-toggler {
                color: #0062ad;
                cursor: pointer;
                display: block;
                font-size: 12px;
                position: relative;
                text-align: left;
                text-transform: uppercase
            }

                .wa-calcEstimate .cart-total .discounts .discounts-toggler:after {
                    content: '\2B';
                    font-size: 16px;
                    position: absolute;
                    right: 0;
                    text-align: center;
                    top: -5px;
                    width: 12px
                }

            .wa-calcEstimate .cart-total .discounts .discounts-content {
                display: none
            }

            .wa-calcEstimate .cart-total .discounts.expanded .discounts-toggler:after {
                content: '\2D'
            }

            .wa-calcEstimate .cart-total .discounts select {
                margin: 12px 0
            }

            .wa-calcEstimate .cart-total .discounts input {
                display: inline;
                margin-bottom: 12px
            }

                .wa-calcEstimate .cart-total .discounts input[type=checkbox].disabled, .wa-calcEstimate .cart-total .discounts input[type=checkbox].disabled + label {
                    opacity: .3;
                    pointer-events: none
                }

                .wa-calcEstimate .cart-total .discounts input[type=number] {
                    font-size: 16px;
                    width: 60px
                }

                .wa-calcEstimate .cart-total .discounts input + label {
                    padding-left: 6px
                }

            .wa-calcEstimate .cart-total .discounts .partner-markup {
                font-size: 16px
            }

                .wa-calcEstimate .cart-total .discounts .partner-markup input {
                    line-height: normal
                }

                .wa-calcEstimate .cart-total .discounts .partner-markup .markup-total {
                    float: right;
                    font-weight: 600;
                    margin-top: 3px
                }

        .wa-calcEstimate .cart-total .total {
            text-align: right
        }

    .wa-calcEstimate .numeric {
        font-weight: 600;
        font-size: 18px;
        line-height: 30px
    }

    .wa-calcEstimate .label {
        color: #747479;
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        text-align: left
    }

    .wa-calcEstimate .save-button {
        margin: 0
    }

        .wa-calcEstimate .save-button .wa-button {
            display: block;
            width: auto;
            font-size: 22px;
            text-align: left
        }

        .wa-calcEstimate .save-button .wa-button-disabled {
            background-color: #eaebec
        }

    .wa-calcEstimate .save-notification {
        background-color: #89c402;
        border: 1px solid #89c402;
        color: #fff;
        min-height: 21px;
        position: relative;
        vertical-align: middle;
        text-align: center;
        display: none;
        margin-top: 15px
    }

        .wa-calcEstimate .save-notification.error {
            background-color: #a51419;
            border: 1px solid #a51419
        }

    .wa-calcEstimate .purchase-button {
        margin: 15px 0 -12px
    }

        .wa-calcEstimate .purchase-button .wa-button {
            font-size: 16px;
            width: 100%
        }

        .wa-calcEstimate .purchase-button a.wa-export {
            display: block;
            margin: 10px
        }

    .wa-calcEstimate .prices-disclaimer {
        display: inline-block;
        margin-top: 10px
    }

        .wa-calcEstimate .prices-disclaimer span {
            float: left;
            width: 90%;
            font-size: 12px
        }

        .wa-calcEstimate .prices-disclaimer .wa-tooltip {
            color: #fff;
            float: right;
            font-weight: 300;
            height: 16px;
            margin-top: 5px;
            width: 16px
        }

            .wa-calcEstimate .prices-disclaimer .wa-tooltip div {
                left: -310px;
                top: -200px
            }

                .wa-calcEstimate .prices-disclaimer .wa-tooltip div:before {
                    transform: scaleX(-1);
                    left: 300px;
                    top: 200px
                }

.wa-calcService, .calculator-service {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 8px 12px 12px;
    position: relative
}

    .wa-calcService.recommendations, .calculator-service.recommendations {
        border-top: 10px solid #0078d4
    }

    .wa-calcService.focus, .calculator-service.focus {
        z-index: 1
    }

    .wa-calcService.new, .calculator-service.new {
        outline: 2px solid #0062ad
    }

    .wa-calcService.static, .calculator-service.static {
        background-color: transparent;
        border-top: 2px solid #eaebec
    }

    .wa-calcService .wa-tooltip, .calculator-service .wa-tooltip {
        color: #fff;
        height: 12px;
        position: absolute;
        top: 22px;
        width: 12px
    }

    .wa-calcService .pricing-details-link, .calculator-service .pricing-details-link {
        height: 24px;
        position: absolute;
        right: 26px;
        top: 7px;
        width: 24px
    }

    .wa-calcService .heading, .calculator-service .heading {
        padding: 8px 0;
        font-weight: 300;
        font-size: 24px;
        line-height: 1.2
    }

        .wa-calcService .heading .service-logo, .calculator-service .heading .service-logo {
            display: inline-block;
            margin: -8px 0;
            vertical-align: middle
        }

        .wa-calcService .heading .text-input, .calculator-service .heading .text-input {
            font-weight: 300;
            font-size: 24px;
            line-height: 1.2;
            -webkit-transition: border-color .3s;
            transition: border-color .3s;
            line-height: 1.5;
            padding: 0 4px;
            background-color: transparent;
            border: 2px solid transparent;
            color: #4c4c51;
            outline: 0;
            width: 450px;
            text-overflow: ellipsis
        }

            .wa-calcService .heading .text-input::-webkit-input-placeholder, .calculator-service .heading .text-input::-webkit-input-placeholder, .wa-calcService .heading .text-input:-moz-placeholder, .calculator-service .heading .text-input:-moz-placeholder, .wa-calcService .heading .text-input::-moz-placeholder, .calculator-service .heading .text-input::-moz-placeholder, .wa-calcService .heading .text-input:-ms-input-placeholder, .calculator-service .heading .text-input:-ms-input-placeholder {
                -webkit-transition: color .3s;
                transition: color .3s;
                color: #4c4c51
            }

            .wa-calcService .heading .text-input:hover, .calculator-service .heading .text-input:hover, .wa-calcService .heading .text-input:focus, .calculator-service .heading .text-input:focus {
                border-color: #f4f5f6
            }

                .wa-calcService .heading .text-input:hover:-webkit-placeholder, .calculator-service .heading .text-input:hover:-webkit-placeholder, .wa-calcService .heading .text-input:focus:-webkit-placeholder, .calculator-service .heading .text-input:focus:-webkit-placeholder {
                    color: #eaebec
                }

        .wa-calcService .heading.heading-discount .text-input, .calculator-service .heading.heading-discount .text-input {
            width: 600px;
            display: inline-block
        }

            .wa-calcService .heading.heading-discount .text-input.validationError, .calculator-service .heading.heading-discount .text-input.validationError {
                border: 1px solid #e7383e
            }

    .wa-calcService .detail, .calculator-service .detail {
        padding: 4px 0
    }

        .wa-calcService .detail:after, .calculator-service .detail:after {
            clear: both;
            content: '';
            display: table
        }

        .wa-calcService .detail .wa-dropdownList, .calculator-service .detail .wa-dropdownList {
            border: 0;
            display: block;
            margin-right: 25px
        }

            .wa-calcService .detail .wa-dropdownList .wa-tooltip, .calculator-service .detail .wa-dropdownList .wa-tooltip {
                color: #fff;
                vertical-align: middle
            }

            .wa-calcService .detail .wa-dropdownList > div:last-child, .calculator-service .detail .wa-dropdownList > div:last-child {
                margin-right: 0
            }

            .wa-calcService .detail .wa-dropdownList .wa-dropdown:last-child, .calculator-service .detail .wa-dropdownList .wa-dropdown:last-child {
                margin-right: 0
            }

            .wa-calcService .detail .wa-dropdownList select, .calculator-service .detail .wa-dropdownList select {
                display: inline-block;
                width: 220px
            }

                .wa-calcService .detail .wa-dropdownList select.detailed-dropdown, .calculator-service .detail .wa-dropdownList select.detailed-dropdown {
                    font-size: 18px;
                    width: auto
                }

                .wa-calcService .detail .wa-dropdownList select.tier-select, .calculator-service .detail .wa-dropdownList select.tier-select {
                    text-transform: capitalize
                }

            .wa-calcService .detail .wa-dropdownList .factored-input label select, .calculator-service .detail .wa-dropdownList .factored-input label select {
                width: 100%
            }

            .wa-calcService .detail .wa-dropdownList .numeric, .calculator-service .detail .wa-dropdownList .numeric {
                font-weight: 600;
                font-size: 24px;
                line-height: 30px;
                margin-top: 5px
            }

            .wa-calcService .detail .wa-dropdownList .number-holder, .calculator-service .detail .wa-dropdownList .number-holder {
                margin-bottom: 15px
            }

                .wa-calcService .detail .wa-dropdownList .number-holder .label, .calculator-service .detail .wa-dropdownList .number-holder .label {
                    position: absolute;
                    width: 100%
                }

            .wa-calcService .detail .wa-dropdownList .government-note, .calculator-service .detail .wa-dropdownList .government-note {
                width: 200px;
                height: 90px;
                padding: 12px 0
            }

                .wa-calcService .detail .wa-dropdownList .government-note > span, .calculator-service .detail .wa-dropdownList .government-note > span {
                    position: absolute;
                    width: 690px
                }

        .wa-calcService .detail.line-item .cost, .calculator-service .detail.line-item .cost {
            border-bottom: 2px solid #eaebec;
            border-top: none
        }

        .wa-calcService .detail.line-item + .cost, .calculator-service .detail.line-item + .cost {
            border-top: none
        }

        .wa-calcService .detail > span, .calculator-service .detail > span {
            display: block
        }

        .wa-calcService .detail .calculator-notification, .calculator-service .detail .calculator-notification {
            background: #f4f5f6;
            display: block;
            margin: 0 0 20px;
            padding: 0 0 0 30px;
            min-height: unset;
            width: 660px
        }

            .wa-calcService .detail .calculator-notification .wa-iconBoxed, .calculator-service .detail .calculator-notification .wa-iconBoxed {
                background: 0 0;
                padding: 13px 7px
            }

            .wa-calcService .detail .calculator-notification .icon, .calculator-service .detail .calculator-notification .icon {
                background-position: 0 -16px;
                background-size: 16px 80px;
                height: 16px;
                width: 16px
            }

    .wa-calcService .cost, .calculator-service .cost {
        border-top: 2px solid #eaebec;
        min-height: 21px;
        padding-top: 12px;
        position: relative;
        vertical-align: middle
    }

        .wa-calcService .cost:after, .calculator-service .cost:after {
            clear: both;
            content: '';
            display: table
        }

        .wa-calcService .cost > div, .calculator-service .cost > div {
            display: inline-block;
            float: left;
            min-height: 70px;
            position: relative;
            vertical-align: top
        }

            .wa-calcService .cost > div > .dropdown-label, .calculator-service .cost > div > .dropdown-label {
                font-size: 12px;
                line-height: 1.2;
                color: #747479;
                position: absolute;
                top: 40px;
                text-align: center;
                width: 100%
            }

            .wa-calcService .cost > div .inline-cost-text, .calculator-service .cost > div .inline-cost-text {
                font-size: 24px;
                font-weight: 300;
                margin: 0
            }

            .wa-calcService .cost > div > select, .calculator-service .cost > div > select {
                font-weight: 600;
                font-size: 24px;
                height: 38px;
                padding: 0
            }

            .wa-calcService .cost > div:last-child, .calculator-service .cost > div:last-child {
                margin-right: 0
            }

        .wa-calcService .cost .wa-dropdownList.no-divider, .calculator-service .cost .wa-dropdownList.no-divider {
            border: 0;
            margin: 0
        }

            .wa-calcService .cost .wa-dropdownList.no-divider.tiny, .calculator-service .cost .wa-dropdownList.no-divider.tiny {
                min-height: unset
            }

        .wa-calcService .cost .note, .calculator-service .cost .note {
            width: 100%
        }

        .wa-calcService .cost .unit-dropdown .value, .calculator-service .cost .unit-dropdown .value {
            font-weight: 600;
            font-size: 24px;
            min-width: 25px;
            padding: 5px 0 5px 10px;
            text-align: right
        }

        .wa-calcService .cost .unit-dropdown .arrow:before, .calculator-service .cost .unit-dropdown .arrow:before {
            margin-top: 0
        }

        .wa-calcService .cost.no-divider, .calculator-service .cost.no-divider {
            border-top: none
        }

        .wa-calcService .cost.detail .wa-dropdownList, .calculator-service .cost.detail .wa-dropdownList {
            min-height: unset
        }

        .wa-calcService .cost .total-note, .calculator-service .cost .total-note {
            display: inline-block;
            width: 70%
        }

        .wa-calcService .cost .math, .calculator-service .cost .math {
            font-size: 30px;
            color: #89c402;
            line-height: 36px;
            margin: 0 10px
        }

        .wa-calcService .cost .interstitial-copy, .calculator-service .cost .interstitial-copy {
            line-height: 43px;
            text-align: center;
            min-width: 50%
        }

        .wa-calcService .cost .equals, .calculator-service .cost .equals {
            float: left;
            line-height: 24px;
            margin-right: 36px
        }

        .wa-calcService .cost .sub-total, .calculator-service .cost .sub-total {
            font-size: 20px;
            padding-right: 30px;
            text-transform: none
        }

        .wa-calcService .cost .total, .calculator-service .cost .total {
            font-weight: 600;
            font-size: 16px;
            text-transform: uppercase;
            float: right;
            margin-top: 5px;
            vertical-align: bottom
        }

            .wa-calcService .cost .total .label, .calculator-service .cost .total .label {
                text-align: right
            }

        .wa-calcService .cost .label:not(table), .calculator-service .cost .label:not(table) {
            font-weight: 400;
            font-size: 12px;
            line-height: 1.2;
            color: #747479;
            display: block;
            margin-bottom: 5px;
            text-align: center;
            text-transform: none
        }

            .wa-calcService .cost .label:not(table) .numeric, .calculator-service .cost .label:not(table) .numeric {
                font-size: 14px;
                line-height: 1.5;
                color: #4c4c51
            }

                .wa-calcService .cost .label:not(table) .numeric + span, .calculator-service .cost .label:not(table) .numeric + span {
                    font-size: 14px;
                    color: #4c4c51
                }

        .wa-calcService .cost .factored-input label, .calculator-service .cost .factored-input label {
            margin-top: -2px
        }

        .wa-calcService .cost .number-input-children, .calculator-service .cost .number-input-children {
            margin-left: 10px
        }

            .wa-calcService .cost .number-input-children > div.calculator-tooltip, .calculator-service .cost .number-input-children > div.calculator-tooltip {
                vertical-align: top;
                margin-top: 15px
            }

        .wa-calcService .cost .numeric, .calculator-service .cost .numeric {
            font-size: 18px;
            font-weight: 600;
            line-height: 30px
        }

            .wa-calcService .cost .numeric.static, .calculator-service .cost .numeric.static {
                text-align: center
            }

            .wa-calcService .cost .numeric .label, .calculator-service .cost .numeric .label {
                font-weight: 400;
                font-size: 12px;
                line-height: 1.2;
                color: #747479;
                display: block;
                text-transform: none;
                text-align: center
            }

    .wa-calcService .close, .calculator-service .close {
        color: #747479;
        font-size: 32px;
        line-height: 32px;
        position: absolute;
        right: 4px;
        top: -5px
    }

    .wa-calcService .not-available, .calculator-service .not-available {
        color: #747479;
        position: absolute;
        bottom: 5px;
        right: 10px;
        left: 10px
    }

    .wa-calcService .sub-module, .calculator-service .sub-module {
        border-top: none;
        margin: 10px 0
    }

        .wa-calcService .sub-module:before, .calculator-service .sub-module:before {
            content: '';
            border-top: 2px dotted #eaebec;
            display: block;
            left: 0;
            position: absolute;
            top: 0;
            width: 60%
        }

        .wa-calcService .sub-module.no-divider:before, .calculator-service .sub-module.no-divider:before {
            border: 0
        }

        .wa-calcService .sub-module.solid-divider:before, .calculator-service .sub-module.solid-divider:before {
            width: 100%;
            border-top: 2px solid #eaebec
        }

        .wa-calcService .sub-module:last-of-type, .calculator-service .sub-module:last-of-type {
            margin-bottom: 20px
        }

        .wa-calcService .sub-module.spacer, .calculator-service .sub-module.spacer {
            margin-bottom: 30px
        }

    .wa-calcService .wa-markup, .calculator-service .wa-markup {
        margin-top: 10px
    }

        .wa-calcService .wa-markup .wa-textNumber, .calculator-service .wa-markup .wa-textNumber {
            margin-top: 10px
        }

        .wa-calcService .wa-markup .label, .calculator-service .wa-markup .label {
            font-weight: 400;
            font-size: 12px;
            line-height: 1.2;
            color: #747479;
            display: block;
            text-align: center;
            text-transform: none;
            width: 65px
        }

            .wa-calcService .wa-markup .label .numeric, .calculator-service .wa-markup .label .numeric {
                font-size: 14px;
                line-height: 1.5;
                color: #4c4c51
            }

                .wa-calcService .wa-markup .label .numeric + span, .calculator-service .wa-markup .label .numeric + span {
                    font-size: 14px;
                    color: #4c4c51
                }

        .wa-calcService .wa-markup input.numeric, .calculator-service .wa-markup input.numeric {
            width: 85px
        }

            .wa-calcService .wa-markup input.numeric.wide, .calculator-service .wa-markup input.numeric.wide {
                width: 100px
            }

            .wa-calcService .wa-markup input.numeric.extra-wide, .calculator-service .wa-markup input.numeric.extra-wide {
                width: 130px
            }

            .wa-calcService .wa-markup input.numeric.widest, .calculator-service .wa-markup input.numeric.widest {
                width: 160px
            }

        .wa-calcService .wa-markup .numeric, .calculator-service .wa-markup .numeric {
            font-weight: 600;
            font-size: 24px;
            line-height: 30px
        }

            .wa-calcService .wa-markup .numeric.static, .calculator-service .wa-markup .numeric.static {
                text-align: center
            }

            .wa-calcService .wa-markup .numeric .label, .calculator-service .wa-markup .numeric .label {
                font-weight: 400;
                font-size: 12px;
                line-height: 1.2;
                color: #747479;
                display: block;
                text-transform: none;
                text-align: center
            }

    .wa-calcService .wa-selectorator.active:after, .calculator-service .wa-selectorator.active:after {
        height: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 0
    }

    .wa-calcService .sku-under-total, .calculator-service .sku-under-total {
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

        .wa-calcService .sku-under-total.center, .calculator-service .sku-under-total.center {
            text-align: center
        }

        .wa-calcService .sku-under-total .sku-number, .calculator-service .sku-under-total .sku-number {
            font-size: 16px;
            font-weight: 400;
            line-height: 1.6em
        }

        .wa-calcService .sku-under-total .sku-label, .calculator-service .sku-under-total .sku-label {
            font-size: 12px;
            line-height: 1.2;
            color: #747479;
            display: inline-block;
            text-transform: none;
            margin-right: 5px;
            margin-bottom: 2px;
            font-weight: 400
        }

.service-properties {
    margin-top: 20px
}

    .service-properties.collapsible .cost h3 {
        cursor: pointer
    }

        .service-properties.collapsible .cost h3:after {
            border-color: #eaebec;
            border-style: solid;
            border-width: 0 2px 2px 0;
            content: '';
            cursor: pointer;
            display: block;
            position: absolute;
            width: 16px;
            height: 16px;
            right: 8px;
            text-align: center;
            top: 0;
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-animation: all 200ms linear;
            -moz-animation: all 200ms linear;
            -o-animation: all 200ms linear;
            animation: all 200ms linear
        }

    .service-properties.collapsible .cost .wa-dropdownList {
        border: 0;
        height: 40px
    }

    .service-properties.collapsible .cost .sub-title, .service-properties.collapsible .cost.sub-module, .service-properties.collapsible .cost > div, .service-properties.collapsible .cost > h4, .service-properties.collapsible .cost > h5, .service-properties.collapsible .cost > p {
        display: none
    }

    .service-properties.collapsible .cost:last-of-type > div {
        display: block
    }

    .service-properties.collapsible .cost.open h3:after {
        -o-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .service-properties.collapsible .cost.open .sub-title, .service-properties.collapsible .cost.open.sub-module, .service-properties.collapsible .cost.open > h4, .service-properties.collapsible .cost.open > div {
        display: block
    }

    .service-properties.collapsible .cost.open > h5, .service-properties.collapsible .cost.open > p {
        display: inline-block;
        width: 100%
    }

    .service-properties .cost .sub-title {
        float: left;
        font-size: 20px;
        font-weight: 400;
        line-height: 2.5em;
        padding-right: 10px;
        width: 190px
    }

    .service-properties .cost .cost-sub-copy {
        float: left;
        font-size: 12px;
        margin: 38px 0 0
    }

    .service-properties .cost:last-child .total {
        height: 40px
    }

        .service-properties .cost:last-child .total .sub-total {
            font-size: 20px;
            padding-right: 20px;
            text-transform: none
        }

.wa-selectorator {
    background-color: #4c4c51;
    color: #f8f9fa;
    display: block;
    font-size: 14px;
    height: 35px;
    margin-bottom: 0;
    padding: 8px 12px;
    position: relative;
    width: 250px;
    cursor: pointer
}

    .wa-selectorator + .wa-selectorator {
        margin-top: 8px
    }

    .wa-selectorator input {
        left: 0;
        position: absolute;
        top: 0;
        visibility: hidden
    }

    .wa-selectorator.active {
        background-color: #0062ad
    }

        .wa-selectorator.active:after {
            background-color: #0062ad;
            content: '';
            height: 25px;
            position: absolute;
            right: -13px;
            top: 5px;
            width: 25px;
            -o-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }

    .wa-selectorator.discountSelector {
        float: left;
        width: 90px;
        margin: 3px;
        padding: 4px;
        text-align: center;
        font-size: 16px;
        line-height: 1.7rem
    }

        .wa-selectorator.discountSelector:first-child {
            margin-left: 0
        }

.wa-selectorList, .wa-serviceList {
    list-style: none;
    padding: 0;
    float: left;
    margin-top: 0
}

    .wa-selectorList li, .wa-serviceList li {
        margin-bottom: 5px
    }

.wa-selectorList {
    width: 275px
}

    .wa-selectorList li {
        margin-bottom: 2px
    }

.wa-serviceList {
    margin-left: 10px;
    min-width: 500px;
    max-width: 620px
}

    .wa-serviceList .wa-serviceInfo {
        cursor: pointer;
        font-size: 14px
    }

        .wa-serviceList .wa-serviceInfo .icon {
            float: left;
            height: 32px;
            width: 32px
        }

        .wa-serviceList .wa-serviceInfo div {
            margin-left: 50px
        }

        .wa-serviceList .wa-serviceInfo b {
            display: block
        }

        .wa-serviceList .wa-serviceInfo.active {
            background: #0062ad;
            position: relative
        }

            .wa-serviceList .wa-serviceInfo.active:before {
                background-color: transparent;
                border-color: #fff;
                border-style: solid;
                border-width: 0 0 3px 3px;
                content: '';
                display: inline-block;
                height: 7px;
                left: 2px;
                position: absolute;
                top: 3px;
                vertical-align: middle;
                width: 14px;
                -o-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                top: 15px;
                left: 15px
            }

            .wa-serviceList .wa-serviceInfo.active, .wa-serviceList .wa-serviceInfo.active b, .wa-serviceList .wa-serviceInfo.active span {
                color: #f8f9fa
            }

.service-picker-notification {
    background-color: #eaebec;
    box-shadow: 6px 6px 12px 0 rgba(0,0,0,.4);
    height: 83px;
    left: 50%;
    display: none;
    position: fixed;
    top: 50%;
    width: 685px;
    z-index: 1001;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

    .service-picker-notification .calculator-notification-icon {
        background-color: #89c402;
        color: #fff;
        display: block;
        font-size: 54px;
        font-weight: 700;
        height: 83px;
        line-height: 83px;
        position: absolute;
        text-align: center;
        width: 44px
    }

    .service-picker-notification .service-picker-notification-content {
        display: inline-block;
        margin-left: 60px;
        text-align: center;
        width: 625px
    }

        .service-picker-notification .service-picker-notification-content p {
            font-size: 16px;
            line-height: 83px;
            margin: 0
        }

.service-picker {
    padding: 0;
    position: absolute;
    margin-top: -105px;
    width: 100%;
    z-index: 1000
}

    .service-picker .banner-content {
        margin: 0 auto;
        max-width: 1280px;
        padding: 20px 0
    }

        .service-picker .banner-content .button {
            background-color: #89c402
        }

            .service-picker .banner-content .button:hover {
                background-color: #89c402
            }

    .service-picker .close-picker {
        cursor: pointer;
        font-size: 54px;
        position: absolute;
        right: 12px;
        top: -10px
    }

    .service-picker .services {
        box-shadow: 6px 6px 12px 0 rgba(0,0,0,.4);
        margin: 0 auto;
        max-width: 1280px;
        padding: 20px
    }

        .service-picker .services li.hoverable .wa-serviceInfo {
            padding: 5px
        }

        .service-picker .services li.hoverable:hover, .service-picker .services li.hoverable:hover a {
            background-color: #89c402;
            color: #f8f9fa
        }

        .service-picker .services li.hoverable:active, .service-picker .services li.hoverable:active a {
            background-color: #0062ad
        }

    .service-picker .clear-calc {
        margin-top: 20px;
        font-size: 24px;
        float: right
    }

.wa-calcEstimateTable {
    display: table
}

    .wa-calcEstimateTable.hidden {
        display: none
    }

.wa-expiredNotification {
    background: #000;
    border-top: 2px solid #0078d4;
    bottom: -67px;
    color: #f8f9fa;
    cursor: pointer;
    height: 45px;
    left: 0;
    opacity: .9;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1000
}

.wa-loadCalculator, .wa-modal-options, .wa-saveTemplate, .wa-templateNotFound {
    background: #000;
    border-top: 2px solid #0078d4;
    bottom: -67px;
    color: #f8f9fa;
    height: 45px;
    left: 0;
    opacity: .9;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1000
}

    .wa-loadCalculator a, .wa-modal-options a, .wa-saveTemplate a, .wa-templateNotFound a {
        margin-left: 5px
    }

    .wa-loadCalculator.visible, .wa-modal-options.visible, .wa-saveTemplate.visible, .wa-templateNotFound.visible {
        bottom: 0
    }

.wa-modal-overlay, .wa-notificationOverlay {
    background: rgba(0,0,0,.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.wa-notification {
    background-color: inherit;
    min-height: 60px;
    padding: 18px 20px 18px 80px
}

.margin-left-size2 {
    margin-left: 24px
}

.margin-left-size3 {
    margin-left: 36px
}

.margin-top-size1 {
    margin-top: 12px
}

#live-engage-btn {
    position: fixed;
    bottom: 0;
    right: 12px;
    z-index: 1000;
    font-weight: 350
}

    #live-engage-btn .icon {
        margin-top: -5px;
        height: 20px;
        width: 20px
    }

    #live-engage-btn:focus {
        outline-offset: -4px
    }

#lpChatAzure {
    display: none
}

#lp-iframe-container {
    border: 0;
    bottom: 0;
    box-shadow: 0 5px 15px 0 #00000033;
    height: 500px;
    left: auto !important;
    min-width: 300px;
    max-width: 350px;
    padding: 0;
    position: fixed;
    right: 0;
    top: auto !important;
    z-index: 1001
}

#iFrame {
    height: 100%;
    width: 100%;
    border: 0
}

#lp-proactive-invite {
    position: fixed;
    z-index: 10400;
    bottom: -24px;
    right: 11px
}

    #lp-proactive-invite .chatContainer {
        min-width: 272px;
        height: 277px;
        color: #000;
        line-height: 0;
        position: relative;
        border: 0 !important;
        background-repeat: no-repeat;
        background-color: #fff;
        margin: auto;
        padding: 12px;
        background-size: contain;
        box-shadow: 0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12)
    }

        #lp-proactive-invite .chatContainer.chatContainer--ASIA {
            background-image: url(https://azurecomcdn.azureedge.net/cvt-2c1efc02b94be31f6f4ec3100f6772beed162e8f685df0e79b72bfb952d27b7c/images/shared/proactive-chat/asia.png)
        }

        #lp-proactive-invite .chatContainer.chatContainer--EMEA {
            background-image: url(https://azurecomcdn.azureedge.net/cvt-1f4f70baf27dcf2c296c3e835d2a7e0e230e50d4ae356bfc147e9ebeb0e094c5/images/shared/proactive-chat/emea.png)
        }

        #lp-proactive-invite .chatContainer.chatContainer--LATAM {
            background-image: url(https://azurecomcdn.azureedge.net/cvt-926c05bbc7cde3629daeb44e7f96ac229c0cc932dcc031404f3517c52e9866eb/images/shared/proactive-chat/latam.png)
        }

        #lp-proactive-invite .chatContainer.chatContainer--NORTH_AMERICA {
            background-image: url(https://azurecomcdn.azureedge.net/cvt-bb4dd5f4eb0fcac0dc568a7942e3f9c0950b82c0c2f04e7c61cbfabf8c4318bb/images/shared/proactive-chat/north-america.png)
        }

        #lp-proactive-invite .chatContainer .chat-cta {
            text-align: center;
            font-size: 24px;
            font-weight: 600;
            position: relative;
            top: 160px
        }

        #lp-proactive-invite .chatContainer .chat-buttons {
            position: relative;
            top: 185px;
            width: 100%;
            display: flex;
            gap: 1em;
            justify-content: center;
            flex-direction: column
        }

            #lp-proactive-invite .chatContainer .chat-buttons .arrow-link {
                width: auto;
                margin: auto
            }

                #lp-proactive-invite .chatContainer .chat-buttons .arrow-link:after {
                    bottom: -6px
                }

@media only screen and (min-width:33.75em) {
    #lp-proactive-invite .chatContainer .chat-buttons {
        top: 200px;
        flex-direction: row
    }
}
html, body, #azure-calculator {
    background: #fff;
}

.notification {
    top: 20px;
    bottom: auto;
}

.support-holder, .discounts-holder, .calculator-cta, #azure-calculator .estimate-holder .estimate-total .currency-dropdown-container, #share-estimate, .calculator-button.save-button, #azure-calculator .calc-tablist, .calculator-feedback-form, .pricing-link, .product-details-link {
    display: none !important;
}

.wa-container {
    padding-top: 0px;
}

.modal-cta button:first-child {
    display: none !important;
}

.estimate-name-actions-holder .modal-cta button:first-child {
    display: inline !important;
}


.detailedSearchDropdownIcon {
    height: 20px;
    margin-left: 10px;
    margin-top: 5px;
    width: 20px;
}

#azure-calculator .estimate-holder .calculator-actions button {
    margin: 0 12px 0 0;
    width: auto;
}

h4, .text-heading4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 12px;
}

#azure-calculator .calculator-tooltip div {
    width: 280px;
}


.cost-microsoft-label,
.cost-discount-percent-label,
.cost-bss-label,
.cost-bss-empty-label {
    margin-right: 3px;
}

.cost-microsoft,
.cost-discount-percent {
    margin-right: 20px;
}

#azure-calculator .estimate-holder .products-holder {
    margin-bottom: 60px;
}
#azure-calculator .tab-content-container .product-search-container .product-search {
        border: 1px solid #969696;
        height: 36px;
        margin: 0 0 24px 0;
        padding: 6px;
        width: 100%;
}

#azure-calculator .purchase-options-row, #azure-calculator .section.section--gray20 {
    display: none;
}