@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
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.pln {
    color: #000
}

.str {
    color: #c7254e
}

.kwd {
    color: #0062ad;
    font-weight: 700
}

.com {
    color: #404;
    font-style: italic
}

.typ {
    color: #0072c6;
    font-weight: 700
}

.lit {
    color: #044
}

.pun,.opn,.clo {
    color: #440
}

.tag {
    color: #006;
    font-weight: 700
}

.atn {
    color: #404
}

.atv {
    color: #060
}

.var {
    color: #600
}

.fun {
    color: #d00
}

pre.prettyprint {
    padding: 2px;
    border: 1px solid #888
}

html.azure-header-with-subnav-static #cookie-banner {
    position: relative!important
}

html.azure-header-with-subnav #cookie-banner {
    display: none!important
}

#obsolete-browser-banner:not([hidden])~#cookie-banner:not(:empty) {
    margin-top: 170px
}

@media only screen and (min-width: 48em) {
    #cookie-banner {
        left:0;
        margin-top: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 5
    }
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
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
}

/*!
 * ------------------------------------- START OF THIRD PARTY NOTICE --------------------------------------
 *
 * This file is based on or incorporates material from the projects listed below (Third Party OSS). The original copyright notice and the license under which Microsoft received such Third Party OSS, are set forth below. Such licenses and notices are provided for informational purposes only. Microsoft licenses the Third Party OSS to you under the licensing terms for the Microsoft product or service. Microsoft reserves all other rights not expressly granted under this agreement, whether by implication, estoppel or otherwise.
 *
 * zurb-foundation
 *
 * Foundation for Sites by ZURB
 * Version 6.2.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 *
 * Copyright (c) 2013-2016 ZURB, inc.
 *
 * MIT License
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * ""Software""), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED ""AS IS"", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 * ----------------------------------- END OF THIRD PARTY NOTICE ------------------------------------------
 */
.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
    }
}

/*!
 * ------------------------------------- START OF THIRD PARTY NOTICE --------------------------------------
 *
 * This file is based on or incorporates material from the projects listed below (Third Party OSS). The original copyright notice and the license under which Microsoft received such Third Party OSS, are set forth below. Such licenses and notices are provided for informational purposes only. Microsoft licenses the Third Party OSS to you under the licensing terms for the Microsoft product or service. Microsoft reserves all other rights not expressly granted under this agreement, whether by implication, estoppel or otherwise.
 *
 * zurb-foundation
 *
 * Foundation for Sites by ZURB
 * Version 6.2.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 *
 * Copyright (c) 2013-2016 ZURB, inc.
 *
 * MIT License
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * ""Software""), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED ""AS IS"", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 * ----------------------------------- END OF THIRD PARTY NOTICE ------------------------------------------
 */
.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
    }
}

/*!
 * ------------------------------------- START OF THIRD PARTY NOTICE --------------------------------------
 *
 * This file is based on or incorporates material from the projects listed below (Third Party OSS). The original copyright notice and the license under which Microsoft received such Third Party OSS, are set forth below. Such licenses and notices are provided for informational purposes only. Microsoft licenses the Third Party OSS to you under the licensing terms for the Microsoft product or service. Microsoft reserves all other rights not expressly granted under this agreement, whether by implication, estoppel or otherwise.
 *
 * zurb-foundation
 *
 * Foundation for Sites by ZURB
 * Version 6.2.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 *
 * Copyright (c) 2013-2016 ZURB, inc.
 *
 * MIT License
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * ""Software""), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED ""AS IS"", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 * ----------------------------------- END OF THIRD PARTY NOTICE ------------------------------------------
 */
.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(../fonts/SegoeUI-Roman-VF_web.woff2) format('woff2');
    font-weight: 300 700;
    font-display: swap
}

@font-face {
    font-family: 'SegoeUI';
    src: url(../fonts/italic.woff2) format('woff2');
    font-style: italic;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: 'BAPIMDL2';
    src: url(../fonts/normal.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: none
}

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: #70b8e5
}

.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 #dbdde0;*/
    border-radius: 4px;
    color: rgba(0,0,0,1);
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    width: 100%;
    transition-property: background-color
}

/*.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: #fdd17a;
    color: #000
}

.button.button--ghost:hover svg {
    fill: #fff
}

.button.button--ghost:focus {
    background-color: #fdd17a;
    color: #000;
    outline: 1px solid rgba(255,255,255,0.3);
    outline-offset: -5px;
}

.button.button--ghost:hover,.button.button--ghost:focus {
    text-decoration: underline
}

.button.button--ghost svg {
    fill: #53a1f2
}

.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
    }
}


.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
}

h1 a,.text-heading1 a {
    text-decoration: underline
}

h2 .arrowLink:after,.text-heading2 .arrowLink:after,h2.arrowLink:after,.text-heading2.arrowLink:after {
    line-height: 2em
}

h2 a,.text-heading2 a {
    text-decoration: underline
}

h3 .arrowLink:after,.text-heading3 .arrowLink:after,h3.arrowLink:after,.text-heading3.arrowLink:after {
    line-height: 2.2em
}

h3 a,.text-heading3 a {
    text-decoration: underline
}

h4 .arrowLink:after,.text-heading4 .arrowLink:after,h4.arrowLink:after,.text-heading4.arrowLink:after {
    line-height: 2.1em
}

h4 a,.text-heading4 a {
    text-decoration: underline
}

h5 .arrowLink:after,.text-heading5 .arrowLink:after,h5.arrowLink:after,.text-heading5.arrowLink:after {
    line-height: 2.2em
}

h5 a,.text-heading5 a {
    text-decoration: underline
}

h6 .arrowLink:after,.text-heading6 .arrowLink:after,h6.arrowLink:after,.text-heading6.arrowLink:after {
    line-height: 2.2em
}

h6 a,.text-heading6 a {
    text-decoration: underline
}

.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 {
    background-image: url(/cvt-22502bec79aa9bc9c8c953c7d9c2c058916a2f01ca42378f6b81409b59e41c2a/images/page/calculator/calc-app-loading.gif);
    height: 170px;
    width: 140px;
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 1;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

#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
    }
}

.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(/cvt-208ab72921e1b03569819ccd183865dbc7be441faa3696549d510432b7ea0320/images/page/pricing/index-v2/calculator.svg);
        background-position-x: 93%;
        background-size: 250px
    }

    .card-pricing-image-background.tco {
        background-image: url(/cvt-bb3faba15c34f7049c43786a4623e747ff863edd19fbb0f443fae2926b3f77d0/images/page/pricing/index-v2/tco-screen.png);
        background-position-x: 92%;
        background-size: 225px
    }
}

.card--graph-data-connect {
    background-image: url(/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(/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(/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
    }
}

.tco-loading {
    animation: spin 2s linear infinite;
    text-align: center
}

.tco-loading:after {
    background-image: url(/cvt-623d41e43eeb62ba1af33c44989593950665854be355cb73968ef76a43916fac/images/page/tco-calculator/loading.png);
    height: 70px;
    width: 93px;
    content: '';
    display: inline-block
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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','MWF-FLUENT-ICONS'
}

.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','MWF-FLUENT-ICONS';
    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','MWF-FLUENT-ICONS'
}

.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','MWF-FLUENT-ICONS';
    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,.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 {
        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!important
    }

    .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','MWF-FLUENT-ICONS';
        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;*/
    /*padding-left: 20px;*/
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    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 .azure-ccpa {
    display: flex;
    gap: 12px;
    align-items: center;
    color: #1a1a1f;
    margin-top: 24px;
    text-decoration: none
}

.azure-footer-nav .azure-ccpa:active,.azure-footer-nav .azure-ccpa:hover {
    text-decoration: underline
}

.azure-footer-nav .azure-ccpa svg {
    height: 16px;
    flex-shrink: 0
}

.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: 4px
}

.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%;
    max-width: 30ch;
    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: 48em) {
    .azure-footer-nav__actions {
        display:flex;
        gap: 24px;
        align-items: flex-end;
        align-self: start
    }

    .azure-footer-nav__actions #dropdown-cultures {
        flex: 0 1 188px
    }
}

@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','MWF-FLUENT-ICONS';
        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(/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
}

.owl-carousel .owl-item img {
    display: inline-block;
    width: auto
}

.owl-carousel .owl-carousel__icon {
    margin-right: 36px
}

.owl-carousel.carousel-demo-vertical {
    display: block
}

.owl-prev,.owl-next {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #fff;
    font-size: 75px;
    font-weight: 300;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 50px
}

.owl-prev>div,.owl-next>div {
    display: block;
    height: 45px;
    width: 50px
}

.owl-prev {
    left: 12px
}

.owl-next {
    right: 12px
}

@media only screen and (min-width: 60em) {
    .owl-prev,.owl-next {
        font-size:150px
    }
}

.carousel-dots {
    margin: 0 auto;
    text-align: center
}

.carousel-dots .owl-dot {
    background: #cccdce;
    border: 0;
    height: 8px;
    margin: 0 8px 0 0;
    width: 8px;
    border-radius: 8px
}

.carousel-dots .owl-dot.active {
    background: #0078d4
}

.carousel-dots .owl-dot:last-child {
    margin-right: 0
}

.carousel-dots .owl-dot .number {
    display: none
}

.carousel-dots.disabled {
    display: none
}

@media (-ms-high-contrast:active) {
    .carousel-dots .owl-dot {
        background: #cccdce
    }

    .carousel-dots .owl-dot.active {
        background: #0078d4
    }
}

.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-steps {
    margin: 0 -90px;
    margin-bottom: 40px;
    padding: 0 90px;
    position: relative
}

.wa-steps:after {
    clear: both;
    content: '';
    display: table
}

.wa-steps>.wa-step {
    display: none
}

.wa-steps>.wa-step:after {
    clear: both;
    content: '';
    display: table
}

.wa-steps>.wa-step .slide {
    display: block;
    width: 66%;
    float: left;
    min-height: 1px
}

.wa-steps>.wa-step .description {
    width: 32%;
    margin-left: 2%;
    display: block;
    float: left;
    min-height: 1px
}

.wa-steps>.wa-step:first-child {
    display: block
}

.wa-steps .wa-step-legend {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 90px;
    top: -30px;
    width: 27.3%
}

.wa-steps .wa-step-legend:after {
    clear: both;
    content: '';
    display: table
}

.wa-steps .wa-step-legend ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.wa-steps .wa-step-legend ul:after {
    clear: both;
    content: '';
    display: table
}

.wa-steps .wa-step-legend ul li {
    float: left
}

.wa-steps .wa-step-legend .arrow-link {
    float: right
}

.wa-steps .wa-step-legend .wa-step-next,.wa-steps .wa-step-legend .wa-step-prev {
    padding: 0 8px
}

.wa-steps .wa-steps-grid {
    list-style-type: none;
    margin: 0 0 0 -10px;
    padding: 0
}

.wa-steps .wa-steps-grid:after {
    clear: both;
    content: '';
    display: table
}

.wa-steps .wa-steps-grid li {
    float: left;
    margin: 0 0 10px 10px
}

.wa-steps .wa-steps-grid li img {
    margin: 0
}

.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(/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
}

.customerQuote {
    color: #4c4c51;
    margin: 24px 0;
    position: relative
}

.customerQuote:after {
    clear: both;
    content: '';
    display: table
}

.customerQuote img {
    display: block;
    float: left;
    margin-right: 24px;
    max-width: 50px
}

.customerQuote .quoteText {
    margin-left: 60px
}

.customerQuote blockquote {
    color: inherit;
    margin-left: 0;
    margin-right: 0
}

.customerQuote .author {
    color: inherit;
    line-height: 1.5em
}

.github-contributors {
    border-bottom: 1px solid #eaebec;
    margin: 0 0 24px 0;
    position: relative
}

.github-contributors .author-bio {
    display: inline-block
}

.github-contributors .author-content {
    display: inline-block;
    font-size: 16px;
    margin: 6px 0 0 5px
}

.github-contributors .author-img {
    background-repeat: no-repeat;
    border-radius: 18px;
    display: inline-block;
    height: 36px;
    width: 36px;
    margin-top: 10px
}

.github-contributors .contributors {
    display: none
}

.github-contributors .more-contributors {
    background: #eaebec;
    color: #4c4c51;
    font-size: 16px;
    line-height: 20px;
    padding: 0 5px;
    text-align: center
}

@media only screen and (min-width: 60em) {
    .github-contributors {
        padding:0 0 15px
    }

    .github-contributors .author-content {
        margin-right: 20px
    }

    .github-contributors .contributor-img {
        background-repeat: no-repeat;
        border-radius: 10px;
        display: inline-block;
        height: 20px;
        width: 20px;
        background-size: 20px
    }

    .github-contributors .contributors {
        display: inline-block;
        text-align: right
    }

    .github-contributors .contributors .contribute .github-tooltip {
        font-size: 20px
    }

    .github-contributors .contributors .contribute>span,.github-contributors .contributors .contribute>a {
        font-size: 16px;
        line-height: 20px
    }

    .github-contributors .contributors ul {
        display: inline-block;
        list-style: none;
        margin: 0 4px;
        padding: 0;
        vertical-align: top
    }

    .github-contributors .contributors ul>li {
        height: 20px;
        width: 20px;
        float: left;
        line-height: 20px;
        margin: 0 3px 0 0
    }

    .github-contributors .contributors ul>li a {
        line-height: 1.2
    }

    .github-contributors .contributors ul>li:last-child {
        margin-right: 0;
        width: auto
    }
}

.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
    }
}

ul.tags {
    margin: 0;
    padding: 0
}

ul.tags>li {
    background-color: #f4f5f6;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 6px;
    margin-right: 4px;
    padding: 3px 6px;
    text-align: center
}

ul.tags>li a {
    color: inherit;
    text-decoration: none
}

ul.tags>li a:hover {
    text-decoration: none
}

ul.tags[aria-label]:before {
    content: attr(aria-label);
    margin-right: 6px
}

.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
    }
}

.form-no-label label {
    display: block;
    height: 0;
    visibility: hidden
}

.form-no-label .country-consent label {
    display: inline-block;
    visibility: visible;
    height: 20px;
    line-height: 15px
}

.form-row+.form-row {
    margin-top: 0
}

input[type=text].input-validation-error,select.input-validation-error,textarea.input-validation-error {
    border: 2px solid #a51419
}

select option.fake-disabled {
    color: rgba(0,0,0,.3)
}

.field-validation-error {
    color: #a51419;
    font-size: 14px;
    line-height: 2
}

.field-validation-error:before {
    content: '* '
}

.section--color05 .field-validation-error,.section-gaming-footer .field-validation-error {
    color: #fff
}

.field-validation-error[data-valmsg-for=AreaInterest] {
    width: 100%;
    display: block;
    position: relative
}

.field-validation-error[data-valmsg-for=AreaInterest]:before {
    content: ''
}

.field-validation-valid,.field-validation-error {
    min-height: 23px;
    display: block
}

.form-label-inline .form-element label {
    display: inline
}

.form-list-items-inline .form-element ul li,.form-list-items-inline .form-element ol li {
    display: inline;
    margin-left: 24px
}

.form-list-items-inline .form-element ul li:first-child,.form-list-items-inline .form-element ol li:first-child {
    margin-left: 0
}

.form-step {
    display: none
}

.form-step.active {
    display: block
}

.domain-check-health-icons {
    margin-top: 12px!important
}

.azure-gov-trial-form label {
    display: inline
}

.user-info-list {
    list-style: none
}

.user-info-list li {
    font-weight: 600
}

.user-info-list li button {
    font-size: 14px;
    font-weight: 400
}

.consent-link {
    margin-top: 12px
}

.consent-link a {
    text-decoration: underline
}

.consent-link a:hover {
    text-decoration: underline
}

.channel9-embed {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.channel9-embed .channel9-embed__video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: 1px solid transparent;
    right: 0;
    width: 100%;
    height: 100%
}

.filter-list ul {
    display: block;
    list-style: none;
    padding: 0
}

.filter-list ul:after {
    clear: both;
    content: '';
    display: table
}

.filter-list ul li {
    display: block;
    float: left
}

.filter-list ul button {
    border-bottom: 4px solid #eaebec;
    color: #4c4c51;
    font-size: 14px;
    min-width: 72px;
    padding: 6px 12px;
    text-align: center
}

.filter-list ul button.active {
    border-bottom: 4px solid #0078d4;
    color: #0078d4
}

.fixed-navigation-section {
    overflow: unset
}

@media only screen and (min-width: 48em) {
    .fixed-navigation {
        position:sticky;
        top: 60px
    }
}

.fixed-navigation li {
    margin-bottom: 5px
}

.fixed-navigation li a {
    text-decoration: underline
}

.modal-fullscreen {
    height: 95%;
    max-width: 1200px;
    overflow: auto;
    width: 95%
}

.modal-fullscreen iframe {
    border: 0;
    width: 100%
}

.modal-fullscreen .close {
    right: 24px;
    top: 12px
}

.modal-fullscreen.height-auto {
    height: auto
}

.play-in-section {
    background-color: transparent;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.play-in-section__icon {
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px
}

.play-in-section__thumbnail {
    min-width: 100%;
    max-width: 100%
}

.play-in-section__video-container {
    left: 50%;
    position: absolute;
    top: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 80vw;
    width: 100%;
    z-index: 998
}

.play-in-section__mask {
    bottom: 0;
    background-color: #1a1a1f;
    background-color: rgba(0,0,0,.8);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 997;
    width: 100%;
    height: 100%
}

.play-in-section__close-btn {
    height: 24px;
    position: absolute;
    top: -28px;
    width: 24px!important;
    z-index: 998;
    padding: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    color: #fff
}

@media only screen and (min-width: 60em) {
    .play-in-section__video-container {
        max-width:1000px;
        width: calc(100% - 72px)
    }

    .play-in-section__close-btn {
        height: 36px;
        right: -28px;
        top: 0;
        width: 36px
    }
}

.price-display .price-data {
    font-size: 24px;
    font-weight: 600;
    margin: -5px 0
}

#azure-calculator .savingsOptionsCTA {
    align-items: center;
    border: #747479 .094rem solid;
    border-radius: .75rem;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    margin-top: .75rem;
    max-width: 712px;
    padding: .775rem 1.188rem .863rem
}

#azure-calculator .savingsOptionsCTA p {
    margin: 0
}

#azure-calculator .savingsOptionsCTA a {
    border-radius: .25rem;
    border-width: .094rem;
    margin-bottom: 0
}

.savingsOptions {
    border-right: 1px solid #cccdce;
    display: flex;
    flex-direction: column;
    gap: 36px;
    justify-content: space-between;
    padding-bottom: 16px;
    padding-top: 16px
}

.savingsOptions.last {
    border-right: none
}

.savingsOptions .savingsOptions__billingOptions .calculator-dropdown {
    margin-top: 16px;
    padding-left: 22px
}

.savingsOptions .total .total__value {
    font-weight: 400
}

.savingsOptions .total .label {
    font-size: 12px
}

.social-share img {
    border-radius: 14px;
    background: #fff;
    border: 1px solid transparent
}

.search-suggestions {
    background-color: #fff;
    border-top: none;
    padding: 12px 0;
    position: absolute;
    min-width: 30%;
    overflow-x: hidden;
    z-index: 9999;
    cursor: default;
    width: inherit
}

.search-suggestions:empty {
    display: none
}

.search-suggestions__active-suggestion {
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #eaebec;
    border: 0
}

.search-suggestions__icon {
    margin: 4px
}

.search-suggestions__result {
    padding: 2px
}

@keyframes buttonSlideDown {
    0% {
        top: -61px
    }

    to {
        top: 0
    }
}

@keyframes buttonSlideUp {
    0% {
        top: 0
    }

    to {
        top: -61px
    }
}

.global-subnav-container .column {
    padding-left: 0;
    padding-right: 0
}

.global-subnav-container.sticky {
    background-color: transparent;
    z-index: 10
}

.global-subnav .list--links-horizontal li.button-container {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.global-subnav .list--links-horizontal li.button-container>#subnav-button-slide-in {
    height: 60px;
    top: -61px
}

.global-subnav .list--links-horizontal li.button-container>#subnav-button-slide-in.show-button {
    animation: buttonSlideDown .5s forwards
}

.global-subnav .list--links-horizontal li.button-container>#subnav-button-slide-in.hide-button {
    animation: buttonSlideUp .5s forwards
}

@media only screen and (min-width: 48em) {
    .global-subnav-container .column {
        padding-left:.938rem;
        padding-right: .938rem
    }

    .global-subnav .list--links-horizontal li.button-container>#subnav-button-slide-in {
        padding: 19px 14px 17px;
        position: relative;
        border-radius: 0
    }
}

.picker-search-container {
    position: relative
}

.picker-search-container ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.picker-search-container ul li {
    margin: 0;
    padding: 0
}

.picker-search-container .heading {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 9px;
    padding: 10px 10px 0;
    text-transform: uppercase
}

.picker-search-container .picker-search-controls {
    border: 0;
    position: relative
}

.picker-search-container .picker-search-controls button[type=button] {
    -webkit-transition: all .25s;
    transition: all .25s;
    transition-property: background-color;
    background-color: #f8f8f8;
    border: 0;
    border: 1px solid #eaebec;
    color: #4c4c51;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    line-height: 1.4;
    margin-bottom: 24px;
    padding: 12px;
    text-align: center;
    width: 100%
}

.picker-search-container .picker-search-controls button[type=button].active,.picker-search-container .picker-search-controls button[type=button]:active,.picker-search-container .picker-search-controls button[type=button]:focus,.picker-search-container .picker-search-controls button[type=button]:hover {
    background-color: #e9e9e9
}

.picker-search-container .picker-search-controls button[type=button].active span:after {
    content: '\e936';
    font-family: 'BAPIMDL2';
    -webkit-transition: all .25s 0s;
    transition: all .25s 0s;
    position: absolute;
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -1px
}

.picker-search-container .picker-search-controls button[type=button] span {
    display: inline-block;
    padding-right: 24px;
    position: relative
}

.picker-search-container .picker-search-controls button[type=button] span:after {
    content: '\e936';
    font-family: 'BAPIMDL2';
    -webkit-transition: all .25s 0s;
    transition: all .25s 0s;
    position: absolute;
    right: 0;
    top: 6px
}

.picker-search-container .picker-search-controls .search-inputs {
    position: relative
}

.picker-search-container .picker-search-controls .search-inputs input[type=text] {
    border: 1px solid #e9e9e9;
    display: inline-block;
    height: 46px;
    margin-bottom: 12px;
    padding: 5px 50px 5px 12px;
    width: 100%
}

.picker-search-container .picker-search-controls .search-inputs button[type=submit] {
    position: absolute
}

.picker-search-container .picker-search-controls .search-inputs button[type=submit]:active .icon,.picker-search-container .picker-search-controls .search-inputs button[type=submit]:focus .icon,.picker-search-container .picker-search-controls .search-inputs button[type=submit]:hover .icon {
    -o-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.picker-search-container .picker-search-controls .search-inputs button[type=submit]:active .icon svg,.picker-search-container .picker-search-controls .search-inputs button[type=submit]:focus .icon svg,.picker-search-container .picker-search-controls .search-inputs button[type=submit]:hover .icon svg {
    stroke: #1a1a1f
}

.picker-search-container .picker-search-controls .search-inputs button[type=submit] .icon {
    -webkit-transition: all .25s;
    transition: all .25s
}

.picker-search-container .picker-search-controls .picker-search-results-container {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-top: none;
    display: none;
    max-height: 400px;
    overflow-y: scroll;
    padding: 12px 0;
    position: relative;
    top: -12px;
    width: 100%;
    z-index: 2
}

.picker-search-container .picker-search-controls .picker-search-results-container.active {
    display: block
}

.picker-search-container .picker-search-controls .picker-search-results-container .heading {
    padding: 12px 12px 6px
}

.picker-search-container .picker-search-controls .picker-search-results-container .heading .results {
    color: #747479;
    font-size: 12px;
    font-weight: 400;
    margin-left: 24px;
    text-transform: none
}

.picker-search-container .picker-search-controls .picker-search-results-container button[type=button] {
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #fff;
    border: 0;
    color: #4c4c51;
    margin: 0;
    text-align: left;
    width: 100%
}

.picker-search-container .picker-search-controls .picker-search-results-container button[type=button]:active,.picker-search-container .picker-search-controls .picker-search-results-container button[type=button]:focus,.picker-search-container .picker-search-controls .picker-search-results-container button[type=button]:hover {
    background-color: #f4f5f6;
    color: #1a1a1f
}

.picker-search-container .clear-filter-buttons li {
    margin-right: 5px;
    display: inline-block
}

.picker-search-container .clear-filter-buttons button {
    -webkit-transition: all .25s;
    transition: all .25s;
    transition-property: background-color;
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 1;
    margin: 5px 5px 0 0;
    padding: 0 30px 0 10px;
    position: relative;
    width: auto
}

.picker-search-container .clear-filter-buttons button:after {
    content: '\e711';
    font-family: 'BAPIMDL2';
    -webkit-text-stroke-color: #787870;
    -webkit-text-stroke-width: 1px;
    font-size: 9px;
    position: absolute;
    right: 10px;
    top: 16px
}

.picker-search-container .clear-filter-buttons button:active,.picker-search-container .clear-filter-buttons button:focus,.picker-search-container .clear-filter-buttons button:hover {
    border: 1px solid #747479
}

.picker-search-container .product-picker-container {
    background-color: #e9e9e9;
    display: none;
    padding: 10px;
    position: absolute;
    top: 47px;
    width: 100%;
    z-index: 1000
}

.picker-search-container .product-picker-container.active {
    display: block
}

.picker-search-container .product-picker-container .product-picker {
    width: 100%
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column {
    margin: 0;
    width: 100%
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li {
    display: block;
    font-size: 13px;
    margin: 0 1% 0 0;
    overflow: hidden
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn {
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    background-color: #f8f8f8;
    color: #4c4c51;
    font-weight: 600;
    height: 42px;
    line-height: 1.2;
    padding: 6px 4px 6px 10px;
    width: 100%
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn .icon {
    height: 15px;
    width: 15px
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn.active,.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn:active,.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn:focus,.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn:hover {
    background-color: #f4f5f6
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li nav.picker-category-products {
    background-color: #fff;
    bottom: 10px;
    display: none;
    overflow-y: scroll;
    width: 100%
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li nav.picker-category-products.active {
    display: block
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li nav.picker-category-products .heading {
    display: none
}

.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li nav.picker-category-products ul li {
    margin: 0;
    position: relative
}

.picker-search-container .product-picker-container .picker-filter-trigger {
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #4c4c51;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2;
    padding: 10px 0 10px 10px;
    width: calc(100% - 36px)
}

.picker-search-container .product-picker-container .picker-filter-trigger.active,.picker-search-container .product-picker-container .picker-filter-trigger:active,.picker-search-container .product-picker-container .picker-filter-trigger:focus,.picker-search-container .product-picker-container .picker-filter-trigger:hover {
    background-color: #f4f5f6;
    color: #1a1a1f
}

.picker-search-container .product-picker-container .picker-filter-trigger-clear {
    padding: 5px;
    position: absolute;
    right: 12px;
    top: 0;
    width: auto
}

.picker-search-container .product-picker-container .picker-filter-trigger-clear .icon {
    -webkit-transition: all .25s;
    transition: all .25s
}

.picker-search-container .product-picker-container .picker-filter-trigger-clear .icon svg {
    fill: #747479
}

.picker-search-container .product-picker-container .picker-filter-trigger-clear:active,.picker-search-container .product-picker-container .picker-filter-trigger-clear:focus,.picker-search-container .product-picker-container .picker-filter-trigger-clear:hover {
    border: 0
}

.picker-search-container .product-picker-container .picker-filter-trigger-clear:active .icon,.picker-search-container .product-picker-container .picker-filter-trigger-clear:focus .icon,.picker-search-container .product-picker-container .picker-filter-trigger-clear:hover .icon {
    -o-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.picker-search-container .product-picker-container .picker-filter-trigger-clear:active .icon svg,.picker-search-container .product-picker-container .picker-filter-trigger-clear:focus .icon svg,.picker-search-container .product-picker-container .picker-filter-trigger-clear:hover .icon svg {
    fill: #2e2e33
}

.picker-search-container button,.picker-search-container input[type=text] {
    outline-offset: -4px
}

.dropdown-filter {
    margin-top: 10px;
    padding: 11px 4px
}

@media only screen and (min-width: 33.75em) {
    .picker-search-container .clear-filter-buttons li {
        margin-right:0
    }
}

@media only screen and (min-width: 48em) {
    .picker-search-container .browse-button-parent {
        float:left;
        width: 25%
    }

    .picker-search-container .picker-search-controls-container {
        border: 1px solid #747479;
        float: right;
        height: 48px;
        width: 75%
    }

    .picker-search-container .picker-search-controls {
        height: 48px
    }

    .picker-search-container .picker-search-controls button[type=button] {
        border: 1px solid #747479;
        border-right: 0;
        height: 48px;
        float: left;
        margin-bottom: 0
    }

    .picker-search-container .picker-search-controls button[type=button] span:after {
        right: 5px
    }

    .picker-search-container .picker-search-controls .search-inputs input[type=text] {
        border: 0;
        float: left;
        margin-bottom: 0
    }

    .picker-search-container .picker-search-controls .search-inputs button[type=submit] {
        bottom: auto;
        top: 0
    }

    .picker-search-container .picker-search-controls .picker-search-results-container {
        border: 1px solid #eaebec;
        border-top: none;
        box-shadow: 3px 3px 6px 0 rgba(49,46,46,.4);
        padding: 0;
        position: absolute;
        top: 48px
    }

    .picker-search-container .product-picker-container .product-picker {
        width: 60%
    }

    .picker-search-container .product-picker-container .product-picker .picker-categories-column {
        float: left;
        width: 50%
    }

    .picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn {
        background-color: #e9e9e9
    }

    .picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn.active,.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn:active,.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn:focus,.picker-search-container .product-picker-container .product-picker .picker-categories-column ul li .product-picker-category-btn:hover {
        background-color: #fff
    }

    .picker-search-container .product-picker-container .product-picker .picker-categories-column ul li nav.picker-category-products {
        position: absolute;
        right: 10px;
        top: 10px;
        width: calc(40% - 10px)
    }

    .picker-search-container .product-picker-container .product-picker .picker-categories-column ul li nav.picker-category-products .heading {
        display: block
    }
}

@media only screen and (min-width: 60em) {
    .picker-search-container .picker-search-controls button[type=button] span:after {
        right:0
    }

    .picker-search-container .product-picker-container .picker-filter-trigger {
        width: 100%
    }
}

.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
}

table {
    border-color: #a8a8ab
}

table.no-border {
    border: 0
}

table.no-border tr:last-child {
    border: 0
}

table.table-text-wrap {
    word-wrap: break-word
}

table tr.merged {
    border-bottom-width: 0
}

table tr.divided {
    border-bottom-width: 2px
}

table tr.divided-small {
    border-bottom: 1px solid #a8a8ab
}

table tr:last-child {
    border-bottom: 2px solid #a8a8ab
}

table tr td:first-child {
    text-align: left
}

table td.numeric {
    font-size: 20px;
    padding-left: 48px;
    padding-right: 48px
}

table td.add {
    position: relative
}

table td.add:before {
    content: '\002B';
    position: absolute;
    left: -3px
}

table td.subtract {
    position: relative
}

table td.subtract:before {
    content: '\2212';
    position: absolute;
    left: -3px
}

table td.multiply {
    position: relative
}

table td.multiply:before {
    content: '\00d7';
    position: absolute;
    left: -3px
}

table td.divided {
    border-bottom: 1px solid #eaebec
}

table th.numeric {
    padding-left: 48px;
    padding-right: 48px
}

table th .heading-desc {
    display: block;
    text-transform: none;
    color: #243a5e;
    font-size: 16px
}

table .align-c {
    text-align: center
}

table .align-r {
    text-align: right
}

table p {
    font-size: 14px;
    line-height: 1.5em
}

table p:first-child {
    margin-top: 0
}

table p:last-child {
    margin-bottom: 0
}

table img {
    margin: 0
}

table+table {
    margin-top: 24px
}

table .table-tooltip {
    position: absolute;
    right: 2px;
    text-transform: none;
    top: 0
}

table .table-tooltip .table-tooltip-icon {
    height: 14px;
    width: 14px
}

table .table-tooltip .table-tooltip-content {
    display: none;
    background: #2e2e33;
    color: #eaebec;
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
    position: absolute;
    top: calc(100% + 12px);
    right: -3px;
    width: 275px;
    z-index: 1
}

table .table-tooltip .table-tooltip-content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    border: 10px solid transparent;
    border-bottom-color: #2e2e33
}

table .table-tooltip .table-tooltip-button:hover+.table-tooltip-content,table .table-tooltip .table-tooltip-button:focus+.table-tooltip-content {
    display: block
}

.pricing-unavailable-message {
    align-items: center;
    background-color: #eaebec;
    color: #4c4c51;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.table-check-icon {
    height: 18px;
    width: 18px
}

@media only screen and (min-width: 60em) {
    .sd-table-container {
        overflow:auto
    }
}

.table-all-borders {
    border: 2px solid #eaebec
}

.table-all-borders thead tr th {
    font-size: 16px;
    background-color: #f4f5f6;
    color: #1a1a1f;
    vertical-align: middle;
    text-align: center
}

.table-all-borders thead.thead-border tr>th {
    border: 2px solid #eaebec
}

.table-all-borders td.rowspan {
    vertical-align: middle
}

.table-all-borders tbody tr td:first-child {
    font-weight: 700;
    color: #2e2e33
}

.table-all-borders tbody tr>td {
    border: 2px solid #eaebec;
    vertical-align: middle
}

.border-none {
    border: 0
}

.break-word {
    word-wrap: break-word
}

.list-style-none {
    list-style: none
}

.line-height30 {
    line-height: 30px
}

.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(/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(/cvt-0e9e7a07ea18f20cef00efe8fe092ce1bd1104052223f9d4755bc0b8515c3d34/less/images/section/mixed-reality-hero.jpg) no-repeat #000
}

.section-calculator-preview {
    background-image: url(/cvt-82d7b203a3bbe5c2d99b50de6834123a862601a9363ddfe5eda0f39867817dda/less/images/section/calculator-preview.png);
    background-position: 50% bottom;
    background-size: initial;
    padding-bottom: 35px;
    padding-top: 35px
}

.section-calculator-preview .column h1,.section-calculator-preview .column .text-heading3 {
    position: relative
}

.section-calculator-preview .column .button-section {
    position: relative
}

.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(/cvt-431cb7268acbbcc0d6447e38360b16cc318fad77de86f6e9f4e8d18ac7a38283/less/images/section/explore-hero-mobile.jpg);
    padding-bottom: 325px
}

.section-quantum {
    background-image: url(/cvt-812a4ef095a0931c6ff00ed667b6e80b70c47a095277ace17477e72ba1ed2f35/less/images/section/quantum.gif);
    min-height: 380px
}

.section-what-is-quantum-computing {
    background-image: url(/cvt-cf5bc74d41da25a5da2b11a06f8d320a95b262acb264608c86e70bc797094fc1/less/images/section/what-is-quantum-computing.png);
    min-height: 380px
}

.section-cloud-economics {
    background-image: url(/cvt-fdda8c19fd3151e34bdf36ee59b0e11688333a72b667da5d81714ed48addf9f4/less/images/section/cloud-economics.jpg);
    min-height: 400px
}

.section-aiplatform {
    background-image: url(/cvt-26c8a350bcc044420bfc67fd975d336934e8b3383f95bbb798b80404e9eea7aa/less/images/section/aiplatform.png);
    background-size: auto;
    background-position: 75% 50%;
    min-height: 400px
}

.section-global-network-map {
    background-image: url(/cvt-27799306433c4e10abedd0e1e9be5c6a80ab03ecc3ad6047c6353a2fa26dcc6a/less/images/section/global-network-map.png);
    background-size: cover;
    background-repeat: no-repeat
}

.section-limitless-data-hero {
    background-image: url(/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(/cvt-61438336106f401ea4b95f3c80caeaf1fc8abd43b02fb134441e93cf84eb73bd/less/images/section/active-directory-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-adapt-for-future {
        background-image:url(/cvt-456424da535d2e6b499073c84e9c8b3fbb9fb8aa6b31c2e00d09b4627d096162/less/images/section/adapt-for-future.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-aks-hero {
        background-image:url(/cvt-f7d4ad97f219c134a2b4443e2d2722335b22b42beb7e96e8af4c8a4115a17a54/less/images/section/aks-hero.png);
        height: 400px
    }
}

@media only screen and (min-width: 48em) {
    .section-american-flag-with-building {
        background-image:url(/cvt-cfc73b9ea98b104ae984f6a5ab29c0235cbaf95d83bbee89d048a1e42678e8f9/less/images/section/american-flag-with-building.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-api-management {
        background-image:url(/cvt-a222835061dc000a958d2f7f2e63a8d9244fd70b3bc60b6b575882159bc2e0ac/less/images/section/api-management.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-app-service-hero {
        background-image:url(/cvt-0abbfade8e65f7f05f89e9d8fc0c0b1ba92b6f0941a572e2517e2171053f5e19/less/images/section/app-service-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-appservicemigration-hero {
        background-image:url(/cvt-9d863c1e7eb94ef71372c1c9cc231591aefbb5747cf0b91f03354dd49c9dcba0/less/images/section/appservicemigration-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-appservicestatic {
        background-image:url(/cvt-bbe426bd7ae41e2ac49369c654055ba1d7ba7bb589d13823b9b9bcc3c8d2fd81/less/images/section/appservicestatic.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-automanage-hero {
        background-image:url(/cvt-8e16db58eed66caf1b476e5f50af7ee74d713b7b524727f39c4ca67a4ce63bdf/less/images/section/automanage-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-light-hero {
        background-image:url(/cvt-b92226d483c3bac994a21e0c77b7e99b77b567b8b18ff38ecd8f7162da7f5574/less/images/section/light-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-artifacts {
        background-image:url(/cvt-49b0244b86ea5884967e317b9cde609f0027b9faa16da5f3a06634afd17be1fe/less/images/section/azure-artifacts.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-boards {
        background-image:url(/cvt-e03f5b77beab0fda09406e5147024fb93594fb17aa2e45af2a5bf5619ab18f07/less/images/section/azure-boards.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-lighthouse {
        background-image:url(/cvt-0eff79ec08cc99c334dbcabbaa88ee083d57a74b0636e63e62a592c1719d3c2e/less/images/section/azure-lighthouse.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-maps {
        background-image:url(/cvt-18f087887a905ed3ae5310bee894aa53fc03cfffadc5dc9902bfe3469d832fec/less/images/section/azure-maps.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-marketplace-hero {
        background-image:url(/cvt-024d9bde190f7fa9ae24fb25caea8588d1677eea3eddc79a656269361ead5cc4/less/images/section/azure-marketplace-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-open-source-hero {
        background-image:url(/cvt-2e75b4640621bca30e5c255f98016ed9666b816f4d9ca6534e26ffa5a1b49c67/less/images/section/azure-open-source-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-pipelines {
        background-image:url(/cvt-26049d0e197bd0f70ecc80209e1313c48e0af79de2374b7346c6f3bc8f117464/less/images/section/azure-pipelines.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-repos {
        background-image:url(/cvt-8aadf2dd29941b5504a2cd11d11823c1063a7e16a3ecb5efee0846057c3539de/less/images/section/azure-repos.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-security-expert-series {
        background-image:url(/cvt-828ad590188a2c98ac025e150c47f3af2001147606053f41fd18bb0414d93c55/less/images/section/azure-security-expert-series.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-sphere {
        background-image:url(/cvt-e64612ff3f6f75b355f68bf592476eecf5f35704beed12a6e2c49ba6886438a0/less/images/section/azure-sphere.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-sql {
        background-image:url(/cvt-de0e46ddf4a3d4c1b75579649230dbd96b1248c83441bd572278488f5839f408/less/images/section/azure-sql.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-stack-hub {
        background-image:url(/cvt-2c67048620de3ae758a6ecf76ccd20afb5b6c9bbf0d513d66e57c9adb6d2c70b/less/images/section/azure-stack-hub.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-stack-edge-hero {
        background-image:url(/cvt-90deaecfca16efa17ecbb3e8feca53752f00a12b3d0e3dee0b38617f91d0194b/less/images/section/azure-stack-edge-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-test-plans {
        background-image:url(/cvt-f627b01d42dd194048f1ed84645fdc4110125e46db961d2a94b17f252ad20b96/less/images/section/azure-test-plans.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-quantum {
        background-image:url(/cvt-35c1bbcbdd69da3d05d428cb5f148d0aeb0509a74226a20d8f38475edd1cda3b/less/images/section/azure-quantum.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-3d-hero-active-directory-domain-services {
        background-image:url(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/cvt-2b7387944c6bdaab1e964224a4799a1346799a9cf03bba980c952d2e5cf13c91/less/images/section/azure-3d-suse-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-backup-hero {
        background-image:url(/cvt-7e90cdaba967b9dfea79ad031a3a97fae9af937a0a84546c5e42a8ea3da3d000/less/images/section/backup-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-blue-stacked-servers {
        background-image:url(/cvt-08caf265b7694ba22aba93ecbce0a26a79f133c0ec6c78568fc4b5a2bf5b00ca/less/images/section/blue-stacked-servers.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-blurry-screens-and-people {
        background-image:url(/cvt-4880cad9010b21ce155d0e1cbeeaf8db274fa1d97e2ed7b33ce3853c6139942c/less/images/section/blurry-screens-and-people.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-bot-services {
        background-image:url(/cvt-82b99f13c5ae99f3c6a79e1dcca246c438fdc64cf80c32e62e2a7f08f5f75584/less/images/section/bot-services.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-bridge {
        background-image:url(/cvt-68f457fec53dce92d36835b74d3de3df125d975649738758a13927aac09839b6/less/images/section/bridge.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-bridge-chain {
        background-image:url(/cvt-abcf1d10a6458780aa48955416cd37eb437d124fa18df96b211a0f115a347d70/less/images/section/bridge-chain.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-buildings {
        background-image:url(/cvt-d315d7a1dfbd3617f8d83af94eb85c1fb8f58ce81dad1b2a1cca02e1976efc35/less/images/section/buildings.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-benefit {
        background-image:url(/cvt-85cdfff1b84bf1a128577bdf60584dcdf0b81e50c7b511909374b7a33136dc17/less/images/section/benefit.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-cdn-hero {
        background-image:url(/cvt-24d3a88b138a84e1f5e22f413413c9b1bd2cf560d97b9d26810be947da242df1/less/images/section/cdn-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-city-buildings {
        background-image:url(/cvt-43cdf2e87a68a8b6750a2ffe63232007ab82ef57ce4c01a536f773e0b89862ac/less/images/section/city-buildings.jpg);
        height: 450px
    }
}

@media only screen and (min-width: 48em) {
    .section-cognitive-services-hero {
        background-image:url(/cvt-53351b689b23f5eb0eba9adf297fef26748814e520c1e2539134f7418ec341dc/less/images/section/cognitive-services-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-communication-services {
        background-image:url(/cvt-252b6f9260ca06f3e5cc70213a8475d510b6c20bd050a56c14f83dff12fe506f/less/images/section/communication-services.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-cosmosdb-hero {
        background-image:url(/cvt-62951e301b1a41a92bce1eafa5b564ce430343338136479359b53bd05e5af764/less/images/section/cosmosdb-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-cost-management-hero {
        background-image:url(/cvt-e99f17c44e62781baa0903f9cad4443d8e5698decd705ee4bdee7f075a5e65b2/less/images/section/cost-management-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-cost-optimization {
        background-image:url(/cvt-c336b4ccd4d8e73446bd1df63294e893620d121d57980964ed9be8f2b5feb06e/less/images/section/cost-optimization.png);
        height: 400px
    }
}

@media only screen and (min-width: 48em) {
    .section-data {
        background-image:url(/cvt-0ced092c9c84ff6419cc683609813d3758b66c4c24c131cc090c87a97da598d8/less/images/section/data.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-databricks {
        background-image:url(/cvt-10bcf2d2e2e73631911ec682fb6f6d59d7a372574b91577d10fe04a2f4bb3ca1/less/images/section/databricks.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-databox {
        background-image:url(/cvt-fa9dfbc2819edb0ff316a6a8b01a803ab81892baa56eead65f7bdf612ce33e19/less/images/section/databox.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-datacenter-mesh {
        background-image:url(/cvt-107a99f12f70ba071d0d586d88743a44a13d4a5bcf1f82aeb47af91383e511a2/less/images/section/datacenter-mesh.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-data-factory {
        background-image:url(/cvt-8aebbb6abce4fab582c85e8ce0851e7746f8850a5cbfeee213cb09d2f72cf372/less/images/section/data-factory.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-data-integration-hero {
        background-image:url(/cvt-dbc6b0c7d750dac0f1564df11fb9f7fccdfdcf4410c6241543d159ddbcd121a3/less/images/section/data-integration-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-devtest {
        background-image:url(/cvt-7e6e58e8e084919d2562a35cb8acd922defb35f8918dcd61456829f61797e948/less/images/section/devtest.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-developer-velocity {
        background-image:url(/cvt-918841bc36848fc5a23ca2f8f757a317e15cd18ec0af10538ef1c13675ff5b23/less/images/section/developer-velocity.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-devops-tools {
        background-image:url(/cvt-adf63b4e56d6f27adb76d34874166bf45d318de8ed1d2974584320c34b06f618/less/images/section/devops-tools.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-digital-twins {
        background-image:url(/cvt-5ad3266292e78745054510a43eb68471d7c96c466bc936d9e116543d050b33ad/less/images/section/digital-twins.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-docker {
        background-image:url(/cvt-654a1a89aa02c945089cbed58de2c322f25e71a3b533b9697d44de66a22c221b/less/images/section/docker.jpg);
        height: 430px
    }
}

@media only screen and (min-width: 48em) {
    .section-event-grid {
        background-image:url(/cvt-5c92b40b35aef441ad110bedf34ef867fd0ba7a0a6df85e030065ea888069f27/less/images/section/event-grid.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-experiment-room {
        background-image:url(/cvt-0717f4b95a106adb3cb7f053ef0bda0a9116e011ded53ec07847fc9a7de176cb/less/images/section/experiment-room.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-factory {
        background-image:url(/cvt-465b0094d05e5873479b9d042def247a0999d863aa3fd56dce5c36172e15320f/less/images/section/factory.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-form-recognizer-hero {
        background-image:url(/cvt-3e93aace2119471ec8aa88a169187df86fc96bf6f2feb66f7df1c2442145f13a/less/images/section/form-recognizer-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-frontdoor-hero {
        background-image:url(/cvt-2d644082099d147283bf6377a089a2ce88ba355e4c5c0eec5c6598b564c0ff60/less/images/section/frontdoor-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-functions {
        background-image:url(/cvt-7eefa394f28740d3816740de38b3b7978644bc9292b42ba70b8391043e5f3958/less/images/section/functions.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-geographies-hero {
        background-image:url(/cvt-102972226524786de824c1196a6b43ecfac3d693af9246373660fc0f27b8cd70/less/images/section/geographies-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-global-network {
        background-image:url(/cvt-c474e0cf32d9855d56447b1d86511a80fa56230a5d01c87b50962c1f84b66dac/less/images/section/global-network.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-globe-in-office {
        background-image:url(/cvt-c5f910d31ccb1afbdbf8d5469276a3907b1ff866942704f7e4033ab5f83669a8/less/images/section/globe-in-office.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-go-development-code {
        background-image:url(/cvt-cf5e6dcea2ab4003aa5e4a23593192be572620e3122f8863405e23c4dfdbeb30/less/images/section/go-development-code.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-government {
        background-image:url(/cvt-2b44ad3958c7c0a6ff1a11aee77d6283ef1149b951c9a4ccc11aa5e51bc249af/less/images/section/government.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-hands-at-keyboard {
        background-image:url(/cvt-2222b8f7806910e271344e211aeafabd1e5ed81b54ed0d5f434d18fd9000a515/less/images/section/hands-at-keyboard.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-hero-event-hubs {
        background-image:url(/cvt-4ac477480d4bb384c664a56035f6f35b10f2b205e21cddd8ef3b76a7fb612684/less/images/section/hero-event-hubs.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-hybrid-benefit-hero {
        background-image:url(/cvt-65635d74228be96e8b2b3435b47c3e60bdbdb6a3ae813e30d38cf36b243d258f/less/images/section/hybrid-benefit-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-internet-analyzer {
        background-image:url(/cvt-4b644313d7af3d7337674abd0daee588c44271a86027d9c3c8bc59c1923d7c74/less/images/section/internet-analyzer.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-iot-edge {
        background-image:url(/cvt-50fbb7d1df698c528dc35ab696af8564c58085d6cc7a23615973d3569063ad77/less/images/section/iot-edge.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-jet-video {
        background-image:url(/cvt-8548f2243b8ccf81531e3062d610fdfe2f8cb1577baff6cecf24fd62970d0442/less/images/section/jet-video.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-kinect-dk {
        background-image:url(/cvt-9af5849edc363890016b6018f6f8e2b9753a1dbff215b9978756b60ad12e9d87/less/images/section/kinect-dk.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-kubernetes {
        background-image:url(/cvt-76213f1768c4227cf6507e4b432bb9fb210d35be200c1ce26bfe3b33142993c0/less/images/section/kubernetes.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-library {
        background-image:url(/cvt-9caca6f9ff674605a2f0c17af9ce47cb18fba33e71148eaae65553f666c08840/less/images/section/library.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-machine-learning {
        background-image:url(/cvt-61a7f6d867ee985a85029d0b76e4ceaba6c6e9e2ab1a2346771bb7bc3f6c4d92/less/images/section/machine-learning.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-man-on-laptop-dark-room {
        background-image:url(/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(/cvt-899d8d5a8b96a7526cfb7a80c6e2f494e1c713d18aca39ec1382348c0cbec1fe/less/images/section/man-walking.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-medium-small-business {
        background-image:url(/cvt-b0e066e1d2f6b24298679251dbf815d7b33b79b049b2242406002150cb3b9115/less/images/section/medium-small-business.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-men-playing-cards {
        background-image:url(/cvt-52dd6c39caaa966c7ae3e1c2177fa3011bb8fcebe737d9ad93ed664490216528/less/images/section/men-playing-cards.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-migration-index {
        background-image:url(/cvt-8c743633c615d19374be53adef28cdbc8832848036514b704d6b24999d466050/less/images/section/migration-index.png);
        height: 500px
    }
}

@media only screen and (min-width: 48em) {
    .section-mobile-app {
        background-image:url(/cvt-997b129d1661bef83c664f7f6a45eed75f0c40594698ef1bea5beea5f9675df6/less/images/section/mobile-app.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-mysql-hero {
        background-image:url(/cvt-ad27469458ba763b417f87d9d3f56b64a1f80ba113f0921555f2f57664a00fb6/less/images/section/mysql-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-national-security {
        background-image:url(/cvt-acb477f141a83e9cbf1228111632bc19755c91274c478c91e58f2bdde487d8a5/less/images/section/national-security.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-nodejs-hero {
        background-image:url(/cvt-4936d627be4758ffd4f37fc104f1bf7f59de2ef12533536e89e4e607fb89b490/less/images/section/nodejs-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-office-window {
        background-image:url(/cvt-87706a1155fccf629ad4e1fb9a265baadafba93c2ddddc4628e88606c04993e0/less/images/section/office-window.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-on-demand {
        background-image:url(/cvt-054e5fa2e77cc51cf0e0c8157322e7d25b67fdf5aee8e3ff7e152b9b52d90f94/less/images/section/on-demand.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-personalizer-hero {
        background-image:url(/cvt-8220a999b9dca73d000e7424cbc8c4a7d9b88e00de799cd85762c5e88d78bfbd/less/images/section/personalizer-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-playfab-analytics {
        background-image:url(/cvt-a462faf32380cb6c7cb2671f07c094698f20100321a5957f91190b126d81ef4c/less/images/section/playfab-analytics.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-postgresql {
        background-image:url(/cvt-de67ae3968939b318f7d092502b3b296b8189c67235230fab374c051247ddc17/less/images/section/postgresql.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-purview {
        background-image:url(/cvt-f536ea2607f9e377d44ad3b59f20fe2d7cced18333e4469615c282d27c6547b9/less/images/section/purview.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-quantum-network {
        background-image:url(/cvt-4e6372818a616dde69d66c65ae8df34326d78e675e28a16817622092c3cb890c/less/images/section/quantum-network.png);
        height: 400px
    }
}

@media only screen and (min-width: 48em) {
    .section-quantum-technology {
        background-image:url(/cvt-1d667825882780b255ec5341fbf12836d551aa192565f08f98dca127c3a495f3/less/images/section/quantum-technology.png);
        height: 400px
    }
}

@media only screen and (min-width: 48em) {
    .section-real-madrid-3 {
        background-image:url(/cvt-62ba354d7dc09c04db8cedf1471f74f82f247c34f84bf0b61b449a6d716ef822/less/images/section/real-madrid-3.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-redis-cache-hero {
        background-image:url(/cvt-3ec30526bae70f41a8da20dac0db316c73ca87c4cb5b6b465eb6b3e343060b8b/less/images/section/redis-cache-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-quantum-computing {
        background-image:url(/cvt-4cc21228c3311ff3e6e106aa11880037b435e0cbc224007a69abae779bf71283/less/images/section/quantum-computing.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-resources {
        background-image:url(/cvt-eca3f890249e781b9c844f01425f4a7ff6a5079949b3583f2be0b97e003e734b/less/images/section/resources.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-resources-customer-stories {
        background-image:url(/cvt-d9dbe2d55865204559bdf8e27af6ccc8b9dd2caead0c3793a0bf0422937c8000/less/images/section/resources-customer-stories.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-resources-downloads {
        background-image:url(/cvt-9cb420300f15b3b36d9a7d6aa648b042d8c6e0a760b92a0d173671f6b8fb71be/less/images/section/resources-downloads.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-resources-videos {
        background-image:url(/cvt-fccaadd8cef93898430300a77ebaebd4254f5cbd9f18e939305a7803b6738045/less/images/section/resources-videos.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-resources-whitepaper {
        background-image:url(/cvt-289f5aba41c71c11415fb57911f81c631818a15e1906c312dfe7aa09487bd789/less/images/section/resources-whitepaper.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-resources-theme-default {
        background-image:url(/cvt-2473f5032e6468d280c3866c486fb4b7f0f3420115e01433c1d715d5c9d4436a/less/images/section/resources-theme-default.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-search-hero {
        background-image:url(/cvt-97843d05294d138b38d0966708ef166f7a8bab3ecd7fa02dd2533de8da49b881/less/images/section/search-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-security-office {
        background-image:url(/cvt-6b2d51eaf669d4f8fb4e6ee19962d70d84c16aefba98034152f56fd2e95b3e6a/less/images/section/security-office.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-services-azure-arc {
        background-image:url(/cvt-b768fcb44b458070c487b1d0a6cb62b63de3a3fd5913af20ecdce2807f80a89d/less/images/section/services-azure-arc.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-products-hero {
        background-image:url(/cvt-4475aa331fbe53fb7bccae6a5c02d7817bb29a84c626c03449f0c02f2a2627e0/less/images/section/products-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-ships-loading-dock {
        background-image:url(/cvt-917c0297f8a6e64c3d0d2c058cb1a0a2ec42c58fb7dd8bf776cbb77dd83f35c2/less/images/section/ships-loading-dock.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-speaker-recognition-hero {
        background-image:url(/cvt-0e8713e00491fbb12ba9ca6244c92a3d7b34d9a2e2b5f128ae9ef85b31499e65/less/images/section/speaker-recognition-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-speech-to-text {
        background-image:url(/cvt-8dd440943c30723d933c03c8e7c5f4f03a9e6856ddb2ebbad5d49dc5c03d04f1/less/images/section/speech-to-text.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-speech-translation-hero {
        background-image:url(/cvt-8177e7726216c5e3e9f133446420040724bfb1de9906f88990b61703b302718c/less/images/section/speech-translation-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-sql-managed-instance {
        background-image:url(/cvt-4251e34eddc0b4d401d101986ad6a8407cd123c8885e190d79e911aa83c4d4e9/less/images/section/sql-managed-instance.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-sqldatabaseedge-hero {
        background-image:url(/cvt-249d13f9c442ca17ee72b755c6356cbbf402ff806747e20655c84eb0201eac70/less/images/section/sqldatabaseedge-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-stack-hci {
        background-image:url(/cvt-cd1e64f47b9bfd2b893e0b0bb96434f87d37584132a27ab19b51a3f7ac0df8ee/less/images/section/stack-hci.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-support {
        background-image:url(/cvt-596d3395bef8ad8e071706e0abfb0765c352c0b9c6d3d0c88f02466c826487a4/less/images/section/support.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-synapse-analytics {
        background-image:url(/cvt-d6566295cf6ff7dedf4b3f59e78cd6e204b4109ebe06163c6651e8158b886a6a/less/images/section/synapse-analytics.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-tco-calc {
        background-image:url(/cvt-99c7dbc33856c6251499cb704d5e9d4ca61500f789e7c1a5ae7e4c3411e4f3df/less/images/section/tco-calc.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-text-to-speech {
        background-image:url(/cvt-8dd440943c30723d933c03c8e7c5f4f03a9e6856ddb2ebbad5d49dc5c03d04f1/less/images/section/text-to-speech.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-vm-hero {
        background-image:url(/cvt-00c0ac93fd4e7cb35340a5fe2466c349aa9bbd4d07e1c21fb42b3e5135ab7a5c/less/images/section/vm-hero.png);
        height: 400px
    }
}

@media only screen and (min-width: 48em) {
    .section-vmware-hero {
        background-image:url(/cvt-2aad73b20eb3f2ea592f2de95278480f137fc3de9c4c30d5e39039ff8e61fddf/less/images/section/vmware-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-what-is-azure-iaas {
        background-image:url(/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(/cvt-6fd98cc1bad3eba764254f417d00398843273e1c10df8b947d70055f7348d932/less/images/section/what-is-azure-popular-products.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-cloud-enablement {
        background-image:url(/cvt-b80d9492ce92126bbc73335aace542cf008b7c74a858c98fca9fd3258d361ebc/less/images/section/cloud-enablement.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-availability-zones {
        background-image:url(/cvt-454bfb9c6d6807ce6015649e397f6144a288507cf0a559fb77178b69e949dbd2/less/images/section/availability-zones.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-default {
        background-image:url(/cvt-c4d113fa58b2ab5b27c418f84e237449576283015d72510e2c1f1bf3a9fff9e8/less/images/section/pricing-default.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-active-directory {
        background-image:url(/cvt-e2f9a957d343048a430e9352bbf4f6b457f5b261cf44e926b02cab0315e15c1f/less/images/section/pricing-active-directory.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-advisor {
        background-image:url(/cvt-d7fa3ac727885c4c9e24cbde6821b21c5423b832f0fed23c6da1f7bbad034fc1/less/images/section/pricing-advisor.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-api-management {
        background-image:url(/cvt-8f8b05ce2c60277fc1ce49057c8f1ba4442b25f48854bfe8fc8d66ad2366ed9b/less/images/section/pricing-api-management.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-app-configuration {
        background-image:url(/cvt-1985b6277e14f00970985cde5ad0554c94d404f76c407aeddc023c289ea12131/less/images/section/pricing-app-configuration.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-app-center {
        background-image:url(/cvt-4b93146f1cb9e82c5fd0f8bc7c97b8274c9d6379886a29d2a342cdd0dc48a420/less/images/section/pricing-app-center.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-app-service {
        background-image:url(/cvt-a3d1fdb546d0300b3de11357e2a32dbabc5fb1e4b262d7ee0dc6965dff3b99b3/less/images/section/pricing-app-service.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-automation {
        background-image:url(/cvt-136540c7bbe18a15280e26083b18db717d7592b5b2a50f7a76172cf24739115f/less/images/section/pricing-automation.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-api-for-fhir {
        background-image:url(/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(/cvt-d4445b49eca0e6eacef14b3b1fc00de406cc6b9e3af098cb53417ef74d4450b9/less/images/section/pricing-azure-bastion.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-dedicated-hsm {
        background-image:url(/cvt-48d0df72d8aa93195c44760d0ea418e2ad7761fd9bb538593d99a5836e0f032f/less/images/section/pricing-azure-dedicated-hsm.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-defender {
        background-image:url(/cvt-821855691984738582531893c3beaea7025f3b5fa1a0ebf3799cfc95bdcb7b07/less/images/section/pricing-azure-defender.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-peering {
        background-image:url(/cvt-a2174794a8f08969730f2c78d79f0064c553286244708370101aa69c5d9571c4/less/images/section/pricing-azure-peering.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-purview {
        background-image:url(/cvt-24e45820850aebf59d9e1fecd0c30f5082fc185af7df81ba1857270aabe2aa71/less/images/section/pricing-azure-purview.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-remote-rendering {
        background-image:url(/cvt-b92e051581a5f9ebc797da21f81608f530cd6a6a33c6465e53b7e603375b9b9a/less/images/section/pricing-azure-remote-rendering.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-rtos {
        background-image:url(/cvt-9b31f146beec31bb5a71387ff9b379fab1da200209ed6556c589c33594e3fc16/less/images/section/pricing-azure-rtos.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-sentinel {
        background-image:url(/cvt-a73dedd9d01673a7dc017dc31f81b6ea0b0fba142661e2fb1788e1ab2c256aaf/less/images/section/pricing-azure-sentinel.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-sphere {
        background-image:url(/cvt-35a10af0c358459d21333f6a1695a3985911d32304e6ae8de8e4f465adb78130/less/images/section/pricing-azure-sphere.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-sql {
        background-image:url(/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(/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(/cvt-d3351aec6fc67a5a20f0e705faa8f54b33ce2c3a93831056d836b20f6f501ae5/less/images/section/pricing-azure-stack-hub.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-azure-vmware {
        background-image:url(/cvt-f6c793c23e2137e71f3370a4f3df117defa5ce69df5b3db31bba3f0acfd6fa7f/less/images/section/pricing-azure-vmware.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-backup {
        background-image:url(/cvt-bab81c974c684913a8b824469b007b7044fd01c7ebfac085f55edb457ae2cc85/less/images/section/pricing-backup.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-batch {
        background-image:url(/cvt-428c9e01004cfa9fe3afca57749c93e5dc9fba59224b8f6579175a7f70aefe42/less/images/section/pricing-batch.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-bandwidth {
        background-image:url(/cvt-dbb5a56c284378cabbdc29395b795fcfe0d5ba469a65038a8c5c0341c89f0a23/less/images/section/pricing-bandwidth.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-blobs {
        background-image:url(/cvt-716f274562dacd20cd141402f1da97edb83cd5b96dcaaee1284b66b095eb58df/less/images/section/pricing-blobs.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-cloud-shell {
        background-image:url(/cvt-c1fa268251cdeb3e5eb47d222483c40368b2cb9c24d710c5fdc3fff663c2fab8/less/images/section/pricing-cloud-shell.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-cognitive-services {
        background-image:url(/cvt-adbf7b7ef7bbf193a13eab60fc157d93c7bf87ef7491e466d83b0d07e01dba82/less/images/section/pricing-cognitive-services.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-container-registry {
        background-image:url(/cvt-45bcf757f0b50483f99e0cdd855ccfc0bafb8f612bce7b53c966617102d4b58d/less/images/section/pricing-container-registry.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-cosmo-db {
        background-image:url(/cvt-a3579ba00517e5eb50a851d1145ecb57c52cd2be02becd38ba8cce2694eae89a/less/images/section/pricing-cosmo-db.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-databricks {
        background-image:url(/cvt-d8cdaba84e84f82c9f59fa5b58b9249e3e6d249048e2e92b8d9e2c6edba31439/less/images/section/pricing-databricks.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-data-lake-analytics {
        background-image:url(/cvt-163b93db3267616817387818be874097e4dec4d2a053cc28df2ddb6468bc72b3/less/images/section/pricing-data-lake-analytics.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-data-catalog {
        background-image:url(/cvt-5669badbf7f1c58ba58e499aec21e073086a294e5e269baf0c3b9bb3602b2b1b/less/images/section/pricing-data-catalog.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-data-explorer {
        background-image:url(/cvt-e8a561313146d9fc2082206640a46166c259c075ebd8cae859ee99945742a279/less/images/section/pricing-data-explorer.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-data-factory {
        background-image:url(/cvt-4160a152a2c07a484b8da93f194eaab2e89d8c83356e04fafce74de0bc3e80a9/less/images/section/pricing-data-factory.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-data-share {
        background-image:url(/cvt-63b1e9c4088a0d3afc2d39969d0fbd81a7ccd978fd0bd0b901bc8fa03b15d99d/less/images/section/pricing-data-share.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-databox {
        background-image:url(/cvt-27e1fc828f04d4a0c66333b4c0e720be1676d00ff233acb934607fd7e7086b68/less/images/section/pricing-databox.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-digital-twins {
        background-image:url(/cvt-9d64ec504a5b76a654c8ea932c96ed7ed5fc8fece9492fa7a563eb4ea937cb4c/less/images/section/pricing-digital-twins.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-event-grid {
        background-image:url(/cvt-a93249f11e90e61191dc46872443697d249a3ce77687b3643a1ac7429efd7e18/less/images/section/pricing-event-grid.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-event-hubs {
        background-image:url(/cvt-db87f7df18adf074dedd16d122bb7ac8cfcb87c69fe256e53808d439ad050222/less/images/section/pricing-event-hubs.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-expressroute {
        background-image:url(/cvt-42a7c1e55a19b737d8dc37abe04e51ac5c1a5405f72986ad5eb9bda109869d1f/less/images/section/pricing-expressroute.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-free-services {
        background-image:url(/cvt-2da459ec5519c308a2abbf1c1ce61b0750e35625654229e11c0516407605ed13/less/images/section/pricing-free-services.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-front-door {
        background-image:url(/cvt-61af10bc5ab1ed871696fd27cb3f81c7da7bbd5748ff718a7b62ba132dc4f308/less/images/section/pricing-front-door.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-functions {
        background-image:url(/cvt-daf48288dc4f85309634e42756ee229c3f63d0141b1b9fd687210adf07d983e1/less/images/section/pricing-functions.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-hd-insight {
        background-image:url(/cvt-4af453766c7a3b4dd55f0f889e62e127c7841df6a40fd6f70048ed4086056629/less/images/section/pricing-hd-insight.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-hpc-cache {
        background-image:url(/cvt-104e23d4af0ac9582f0611e47ad286be020a33a43933b685ffaebd0466cf9636/less/images/section/pricing-hpc-cache.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-iot-central {
        background-image:url(/cvt-1f7b285da7c71590a702e2fe0cad81cacc01a960e39d0960e531538c44b87f25/less/images/section/pricing-iot-central.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-iot-edge {
        background-image:url(/cvt-8e2fbb723bc340e4abf6f7851780119926a2cbb47eba409526278369f932f2d0/less/images/section/pricing-iot-edge.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-ip-addresses {
        background-image:url(/cvt-8c81d52cdae377142c1d1e5de700cc8300cfff57b9b09e9e94150b66a964a6c8/less/images/section/pricing-ip-addresses.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-key-fault {
        background-image:url(/cvt-c1d6d8318c58f00e44ab66fe45e79aa595e8bb80e8785b117733b37c5b45eeb8/less/images/section/pricing-key-fault.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-kubernetes-service {
        background-image:url(/cvt-895ea98f3d2fb11f8c410a684c5822e9964a80db6d0148b549fe5375f6f5075c/less/images/section/pricing-kubernetes-service.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-lab-services {
        background-image:url(/cvt-7e6e58e8e084919d2562a35cb8acd922defb35f8918dcd61456829f61797e948/less/images/section/pricing-lab-services.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-load-balancer {
        background-image:url(/cvt-6ea3bf351bb550278eef3db1710d6dbbae327714bdca6fa5c4e4c1bdecdc1369/less/images/section/pricing-load-balancer.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-logic-apps {
        background-image:url(/cvt-6071d56055300a31a6ac8e25c049840f11075768937f421059195f016404d158/less/images/section/pricing-logic-apps.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-mariadb {
        background-image:url(/cvt-0dfb0393037ebd34da2dc2e65f29c4ee11ebe29072d528ec0b380b600e6b2927/less/images/section/pricing-mariadb.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-managed-disks {
        background-image:url(/cvt-2ecaaff0270aa0a6453c985e577272ba538dc9eae9df4576f85e2ea3c92f5dd5/less/images/section/pricing-managed-disks.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-monitor {
        background-image:url(/cvt-1666b553827cb469233e2506fafc0c66b184196c43233eb1a94be8c760654517/less/images/section/pricing-monitor.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-mysql {
        background-image:url(/cvt-f900dba379554a617a6f14cc4c72ed0d4279c8a54a7f84dde907ec411f40b1f3/less/images/section/pricing-mysql.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-netapp {
        background-image:url(/cvt-2b206b6191672001a5f3721a0e690c89c1517843e1ece7ee603c9416f345fc26/less/images/section/pricing-netapp.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-network-watcher {
        background-image:url(/cvt-406c4a1e647fcc0f0ba8dfeeb14a311de5e46ed047b1caa1cecb3ce3e441f73b/less/images/section/pricing-network-watcher.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-openshift {
        background-image:url(/cvt-9881cef7c8b26e89a5355462425599b90be6ece9c339a2beae668c2e4619c9e2/less/images/section/pricing-openshift.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-postgresql {
        background-image:url(/cvt-ee83e78be187e22c60097933e185afbf9cc0f0c55c31fcc18448b471eebf236d/less/images/section/pricing-postgresql.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-power-bi-embedded {
        background-image:url(/cvt-a042bdc1538d86fa5c39cd20c6c3797c61c7df19b99fe97815ab37b0fd1c41ec/less/images/section/pricing-power-bi-embedded.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-private-link {
        background-image:url(/cvt-8150d9bc610ccc02862d46ee986f2a3a210feec82c9a9737e850d7053f67b870/less/images/section/pricing-private-link.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-purview {
        background-image:url(/cvt-24e45820850aebf59d9e1fecd0c30f5082fc185af7df81ba1857270aabe2aa71/less/images/section/pricing-purview.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-scheduler {
        background-image:url(/cvt-f24ed4f54065361c3057aa6ab77d3e2596d5fa16d9ff19235f412b9a88b24c72/less/images/section/pricing-scheduler.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-security-center {
        background-image:url(/cvt-1b8f6d77cdd733f58b70fa339af46b53972834c86c2c6666648846a934269bfd/less/images/section/pricing-security-center.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-service-fabric {
        background-image:url(/cvt-0fc53d07a692b677f9de270b2aa13898ca19b9e46786ed8182c48ff9cc7177d4/less/images/section/pricing-service-fabric.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-signalr {
        background-image:url(/cvt-257349bb040cdc92d1e7986a526dc4da1203a1dd2dcdadf83e659e7b2c6475e4/less/images/section/pricing-signalr.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-signalr-service {
        background-image:url(/cvt-257349bb040cdc92d1e7986a526dc4da1203a1dd2dcdadf83e659e7b2c6475e4/less/images/section/pricing-signalr-service.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-spatial-anchor {
        background-image:url(/cvt-cae685233f3d829b8872dee27e48d9e3af05e0214b2cbc6b33f33ee91d5e7bb0/less/images/section/pricing-spatial-anchor.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-spot-advisor {
        background-image:url(/cvt-c409df881bb0450d642f7af8a47163dabb58fc293d8da24fe4ccf48480a14fa4/less/images/section/pricing-spot-advisor.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-spring-cloud {
        background-image:url(/cvt-8fd94ec7b155f3bdd3d3b3949ea6a48ce71d30353263c2d56968307bfe33a39f/less/images/section/pricing-spring-cloud.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-sql-database {
        background-image:url(/cvt-f3ef1909e01268b39ac392123c395570ea77a92a516c3b7575eb33d63f3208f5/less/images/section/pricing-sql-database.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-storage {
        background-image:url(/cvt-716f274562dacd20cd141402f1da97edb83cd5b96dcaaee1284b66b095eb58df/less/images/section/pricing-storage.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-storage-import-export {
        background-image:url(/cvt-751a7747dd3bbd3b9387a984748e94abdeb2f4907785fb57f46c2b55d273fba8/less/images/section/pricing-storage-import-export.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-storsimple {
        background-image:url(/cvt-ac5e9e07c848aa08aa87ca9b16c91b37a263f73cdad1cfa74b14fc47d3dbec4f/less/images/section/pricing-storsimple.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-stream-analytics {
        background-image:url(/cvt-4c550487fc65c664393215eda0c496dca5470621f31593e20f38ed77f79c831d/less/images/section/pricing-stream-analytics.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-synapse-analytics {
        background-image:url(/cvt-23fc99a6fe9e0095762a928236a15a6d7cb3d57f6add8b3a1d3b2ad387100c1b/less/images/section/pricing-synapse-analytics.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-time-series-insights {
        background-image:url(/cvt-10325c19ee45094d4b08fc58b1a3ebc6a242f55d251aaf434d5a72e6b094d155/less/images/section/pricing-time-series-insights.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-virtual-machines {
        background-image:url(/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(/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(/cvt-8d373aaea672b803807b720dcd872954605761095f6e71c56d8d1b5387dcb286/less/images/section/pricing-virtual-network.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-virtual-wan {
        background-image:url(/cvt-5acb0549ddd7044a68bb0907ac3df02008d82077ff1bbbec574e2dc55e4c120a/less/images/section/pricing-virtual-wan.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-pricing-vpn-gateway {
        background-image:url(/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(/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(/cvt-a9dfa102a18d24dc7593a8a97e5bea2491150b7f2d539ace62249ce27898a8f1/less/images/section/virtual-desktop-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-arc-enabled-data-hero {
        background-image:url(/cvt-bebd2b2fea7d1f6492b5c3d3a4fe41d799c6bc76ae465994a205a72fbb5bbd5e/less/images/section/arc-enabled-data-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-resources-events-hero {
        background-image:url(/cvt-d69a8b42909cd954fc6c595284bffc0424d59639e7f2b161a891171b17699a2b/less/images/section/resources-events-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-well-architected-hero {
        background-image:url(/cvt-d62124f706faaa583f2423fcce5b301979250407c8f7ee092b157cffc4521f8c/less/images/section/well-architected-hero.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-edge-computing-hero {
        background-image:url(/cvt-b038549090a68267fae6f6bf71301dc287dad335302ce5d61224fcd3eaf89356/less/images/section/edge-computing-hero.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-application-modernization {
        background-image:url(/cvt-682a9a663ca9db040311a5c1ba701b4732bf739bff5696c23ad755981e77df94/less/images/section/application-modernization.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-what-is-data-governance {
        background-image:url(/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(/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(/cvt-41ac2aaf9b65aa038e7720f35d30a7de1a00273fcbdb457e00b417b28634df8c/less/images/section/what-is-java-programming-language.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-hero-vpn {
        background-image:url(/cvt-a5123d1bef6ed946701a4ab922a70a258a4d01913c960e776ee3fbea5eda03d9/less/images/section/hero-vpn.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-what-is-a-data-lake {
        background-image:url(/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(/cvt-c12de4a151cc1088b98908e505b8d9e3f2a018678715c353340958fe354a2497/less/images/section/hero-image-javaspring.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-whitepapers-analyst-report {
        background-image:url(/cvt-dcff22ba188f39c8ea23928179f686913455742ff242f9b0e0bca5c54af19c7f/less/images/section/whitepapers-analyst-report.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-whitepapers-ebook {
        background-image:url(/cvt-04284e9b50f78893b7758fe7d9aec0997c2b205fb996da8c6377f0e637adc172/less/images/section/whitepapers-ebook.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-whitepapers-whitepapers {
        background-image:url(/cvt-a0431a45d884b8d43bb203cf8aece89610b8ce82167d5d3cc554fb1d7cf57c7b/less/images/section/whitepapers-whitepapers.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-what-is-mobile-app-development {
        background-image:url(/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(/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(/cvt-35414ecb92f1dc52d1c382531f544779c3e8cc49464bbd95a273a01684e65a64/less/images/section/what-is-a-relational-database.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-applications {
        background-image:url(/cvt-9c9d0d513c366f2ff6532a9f2d8f627cf8a8562a0e9278625b7646250bea9d01/less/images/section/applications.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-database-security-best-practices {
        background-image:url(/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(/cvt-fedfceede0955a2628a38b39cf6825eebdfde21dc85ed37bf4774f676013f2bd/less/images/section/what-is-a-cloud-server.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-hero-defender {
        background-image:url(/cvt-c064d2fceccaed0a42501bbad58b10d546f73fd72c96edc5dd37d43c0e796c96/less/images/section/hero-defender.jpg)
    }
}

@media only screen and (min-width: 48em) {
    .section-healthcare {
        background-image:url(/cvt-0cfe9d6aadff06ad88302311140c102405c9afb472d3b6acb4448a0e270b882e/less/images/section/healthcare.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-hero-educators {
        background-image:url(/cvt-f1ff4fc2807750cf2c0f4bb0eff0ad446e2eea5188c69de18a72729ae0ed7151/less/images/section/hero-educators.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-quantum-innovator-series {
        background-image:url(/cvt-1e10c149e1d20e45cfb07b4ac8533d996e0887faffdd1ad2e42719082113509e/less/images/section/quantum-innovator-series.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-azure-credits {
        background-image:url(/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(/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(/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(/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(/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(/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(/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(/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(/cvt-19ca5817a8bd7b0a78b3c6e7bda6f2426f42d37c1d9a520469702f6a519e0e82/less/images/section/paygo-security.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-paygo-reliability {
        background-image:url(/cvt-783c75f7cfe664357d731e89e2b89a83ccfe37f36cf53b099d9f5e9396d30495/less/images/section/paygo-reliability.png)
    }
}

@media only screen and (min-width: 48em) {
    .section-paygo-cost {
        background-image:url(/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(/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(/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(/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(/cvt-eca3f890249e781b9c844f01425f4a7ff6a5079949b3583f2be0b97e003e734b/less/images/section/resources.png);
        background-position: 85%;
        background-size: contain
    }

    .section-basic-support {
        background-image: url(/cvt-149f09350acb134a77dcb080574136d89805d4300fe565be973d635182bb9955/less/images/section/basic-support.png);
        background-position: 50% 100%;
        background-size: auto;
        min-height: 194px
    }

    .section-clouds-alt {
        background-image: url(/cvt-560c2b7d4287f549f412b9fc36868914a098da5ead004739d55c3e1b2b8e1ac6/less/images/section/clouds-alt.png);
        background-position: 100% 100%;
        background-size: auto
    }

    .section-cloud-computing-dictionary {
        background-image: url(/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(/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%
    }
}

.blog-postContent img {
    height: auto
}

.blog-postContent ul {
    word-wrap: break-word
}

.blog-postList .blog-postItem {
    padding: 15px 0;
    border-bottom: 1px solid #b8b9ba
}

.blog-postList .blog-postItem:after {
    clear: both;
    content: '';
    display: table
}

.blog-postList .blog-postItem:last-of-type {
    border-bottom: 0
}

.blog-sideBar h3 {
    margin-top: 30px
}

.blog-featuredPost h2 a {
    color: #f8f9fa
}

.blog-featuredPost h2 a:hover {
    color: #9fadba
}

.blog-featuredPost p {
    margin: 20px 0
}

.blog-featuredPost.blog-featuredPostContainer {
    background-color: #1a1a1f;
    color: #fff;
    padding: 24px
}

.blog-author {
    font-size: 14px;
    margin: 15px 0
}

.blog-author div {
    display: table-cell;
    vertical-align: middle
}

.blog-author .name {
    height: 32px
}

.blog-author .name.with-position a {
    text-decoration: underline
}

.blog-author .name.with-position a:after {
    content: '';
    display: block
}

.blog-author img {
    width: 32px;
    height: 32px;
    border-radius: 16px
}

.blog-previewBanner {
    padding: 20px 0;
    background-color: #a51419;
    color: #f8f9fa;
    font-size: 18px
}

.blog-pagination-info {
    display: none
}

.blog-redirect-panel {
    display: none
}

.blog-redirect-panel .card-blog-external-ref {
    border-left: 8px solid #0078d4;
    color: #1a1a1f;
    position: relative
}

.blog-redirect-panel .card-blog-external-ref button {
    font-size: 24px;
    color: #4c4c51
}

.blog-redirect-panel .card-blog-external-ref a:hover {
    color: #243a5e
}

@media only screen and (min-width: 48em) {
    .blog-author {
        font-size:16px
    }

    .blog-author .name.with-position a:after {
        content: ',';
        display: inline
    }

    .blog-redirect-panel .card-blog-external-ref button {
        position: absolute;
        right: 0;
        top: 0;
        padding-right: 15px
    }
}

#estimate-notification,.estimate-notification {
    background-color: rgba(0,0,0,.9);
    bottom: 10%;
    color: #fff;
    max-width: 350px;
    position: fixed;
    right: -350px;
    text-align: center;
    transition-property: right;
    transition-duration: 1s;
    width: 70%;
    z-index: 1001
}

#estimate-notification.active,.estimate-notification.active {
    right: 0
}

#estimate-notification .notification-wrapper,.estimate-notification .notification-wrapper {
    line-height: 48px;
    padding: 12px
}

#estimate-notification .notification-wrapper .notification-icon,.estimate-notification .notification-wrapper .notification-icon {
    display: inline-block;
    line-height: normal;
    max-width: 50px;
    width: 20%
}

#estimate-notification .notification-wrapper .notification-icon .icon,.estimate-notification .notification-wrapper .notification-icon .icon {
    vertical-align: middle
}

#estimate-notification .notification-wrapper .notification-copy,.estimate-notification .notification-wrapper .notification-copy {
    display: inline-block;
    line-height: normal;
    max-width: 300px;
    text-align: left;
    width: 80%;
    vertical-align: middle
}

#estimate-notification .notification-wrapper .notification-copy a,.estimate-notification .notification-wrapper .notification-copy a {
    display: block
}

#estimate-notification #module-builder-link.arrow-link,.estimate-notification #module-builder-link.arrow-link {
    color: #007ada
}

.category {
    display: block;
    margin: 12px 0
}

.category-heading {
    background: #0078d4;
    color: #f8f9fa;
    padding: 12px 0 12px 24px;
    width: 100%
}

.category-heading h2 {
    margin: 0
}

.category-description {
    background: #eaebec;
    padding: 12px;
    width: 100%
}

.category-description p {
    margin: 0
}

@media (min-width: 33.75em) {
    .category {
        display:flex
    }

    .category-heading {
        align-items: center;
        display: flex;
        width: 30%
    }

    .category-description {
        align-items: center;
        display: flex
    }
}

table .table-cell-indent-3 {
    padding-left: 36px
}

table .table-cell-indent-4 {
    padding-left: 36px
}

@media only screen and (max-width: 33.75em) {
    .filter label {
        font-size:14px
    }

    .filter+.tiers {
        margin-top: 10%
    }
}

@media only screen and (min-width: 33.75em) {
    .shadow-bottom-size1 {
        box-shadow:0 6px 5px -4px rgba(0,0,0,.14)
    }
}

.documentation-details .github-contributors {
    border: 0;
    margin: 0;
    padding-bottom: 0
}

.documentation-details .github-contributors .author-content,.documentation-details .github-contributors .contributors {
    font-size: 14px
}

.documentation-details .calculator-preview,.documentation-details .deploy-to-azure {
    color: #4c4c51;
    background-color: #f4f5f6;
    padding: 12px;
    width: 100%
}

.documentation-details .calculator-preview p.sub-copy,.documentation-details .deploy-to-azure p.sub-copy {
    font-size: 14px
}

.documentation-details .calculator-preview .button,.documentation-details .deploy-to-azure .button {
    margin-top: 12px;
    width: 100%
}

.card-resource .meta span {
    max-width: 205px;
    overflow: hidden;
    white-space: nowrap
}

.card-resource .meta span.minimal {
    margin: 15px 0 0
}

.card-resource a {
    text-decoration: none
}

.card-resource a:hover {
    text-decoration: none
}

.card-resource p {
    overflow: hidden
}

#close-what-is-arm {
    float: right;
    margin-top: -20px;
    font-size: 28px
}

#what-is-arm {
    display: none
}

.resources-previewBanner {
    padding: 20px 0;
    background-color: #a51419;
    color: #f8f9fa;
    font-size: 18px
}

.resource-page .download-button-container {
    margin-top: 36px
}

.resource-page .resource-page-image {
    max-width: 300px;
    width: 100%
}

.inline-chat-window {
    border: 2px solid #f4f5f6
}

.city-of-corona-img-attribution {
    bottom: 0;
    left: 12px;
    position: absolute
}

.city-of-corona-img-attribution a {
    color: #fff!important;
    text-decoration: underline
}

@media only screen and (min-width: 60em) {
    .resource-page .resource-page-content {
        padding-right:60px
    }
}

.wa-azureSiteSearch {
    padding-top: 3em;
    padding-bottom: 3em;
    min-height: calc(100vh - (88px + 457px));
    overflow: visible
}

.wa-azureSiteSearch .filter-row .col1 {
    float: left;
    margin: 0
}

.wa-azureSiteSearch .filter-row .col2 {
    text-align: right;
    margin: .5em 0 1em 1em
}

.wa-azureSiteSearch .filter-row .separator {
    margin-left: 1em;
    border-left: 1px solid silver;
    padding-left: 1em;
    line-height: 1.5em
}

@media only screen and (max-width: 48em) {
    .wa-azureSiteSearch .filter-row .separator {
        margin-left:0;
        border-left: 0;
        padding-left: 0;
        line-height: 0;
        display: block
    }
}

.wa-azureSiteSearch .result-count {
    padding: .5em .2em .5em 0
}

@media only screen and (max-width: 48em) {
    .wa-azureSiteSearch .result-count {
        display:none
    }
}

.wa-azureSiteSearch ul.filter {
    display: block;
    list-style: none;
    padding-left: 0
}

.wa-azureSiteSearch ul.filter li {
    display: inline-block;
    border-bottom: 3px solid transparent;
    padding: 0 0 .2em;
    margin: .5em .5em 0
}

.wa-azureSiteSearch ul.filter li.active {
    border-bottom: 3px solid #0062ad
}

.wa-azureSiteSearch .featured-service {
    padding: 2em;
    box-sizing: border-box;
    background-color: #f4f5f6;
    position: relative
}

.wa-azureSiteSearch .featured-service .icon {
    right: 0;
    bottom: 0;
    position: absolute;
    margin-right: .5em
}

.wa-azureSiteSearch .featured-service .icon svg {
    fill: #eaebec
}

.wa-azureSiteSearch .featured-service-list {
    padding: 2em;
    box-sizing: border-box;
    background-color: #f4f5f6;
    position: relative
}

.wa-azureSiteSearch .featured-service-list .icon {
    margin-right: .5em
}

.wa-azureSiteSearch .featured-service-list .icon svg {
    fill: #eaebec
}

.wa-azureSiteSearch .wa-textSearch .text-input {
    border-color: silver;
    padding-right: 36px
}

.wa-azureSiteSearch em {
    font-style: normal
}

.wa-azureSiteSearch .wa-video {
    padding-bottom: 30px
}

.wa-azureSiteSearch .wa-video .thumbnail {
    min-height: 168.75px
}

.wa-azureSiteSearch .wa-video+.wa-video {
    margin-top: 0
}

.wa-azureSiteSearch .result-tag {
    font-size: 14px;
    color: #747479;
    display: inline-block;
    text-transform: uppercase
}

.wa-azureSiteSearch .wa-searchResult {
    position: relative;
    display: table
}

.wa-azureSiteSearch .wa-searchResult:after {
    clear: both;
    content: '';
    display: table
}

.wa-azureSiteSearch .wa-searchResult .thumb {
    display: table-cell;
    vertical-align: top;
    width: 140px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat
}

.wa-azureSiteSearch .wa-searchResult .detail {
    display: table-cell;
    vertical-align: top
}

.wa-azureSiteSearch .wa-searchResult .detail h4 {
    margin-bottom: 0
}

.wa-azureSiteSearch .wa-searchResult .detail>a,.wa-azureSiteSearch .wa-searchResult .detail .link {
    color: #747479
}

.wa-azureSiteSearch .wa-searchResult.has-image .detail {
    padding-left: 2em
}

@media only screen and (max-width: 48em) {
    .wa-azureSiteSearch .wa-searchResult {
        display:block
    }

    .wa-azureSiteSearch .wa-searchResult .thumb {
        display: none
    }

    .wa-azureSiteSearch .wa-searchResult.has-image .detail,.wa-azureSiteSearch .wa-searchResult .detail {
        display: block;
        padding-left: 0
    }
}

@media only screen and (max-width: 33.75em) {
    .wa-azureSiteSearch .wa-searchResult.has-image .detail>.link,.wa-azureSiteSearch .wa-searchResult .detail>.link {
        display:none
    }
}

.wa-azureSiteSearch .sd-multiselect {
    margin-top: 0
}

.wa-azureSiteSearch .sd-multiselect .sd-multiselect-options {
    z-index: 9999
}

.support-table thead th,.support-table thead td {
    width: 150px
}

.hero-404 {
    padding-bottom: 0
}

.update-row .medium-1 {
    padding-right: 0
}

.update-row.row-divided {
    padding-top: 36px!important
}

.updates-status {
    display: block;
    margin-top: 0
}

.updates-status li {
    margin-right: 0
}

.updates-status li>.checkbox {
    margin: 0
}

.filter-label {
    display: inline-block
}

#updates-search {
    height: 35px
}

#categories-updates {
    margin-top: 0
}

#filter-results {
    margin-right: 30px
}

@media only screen and (max-width: 48em) {
    .update-row .column+.column {
        margin-top:9px
    }
}

@media only screen and (min-width: 48em) {
    .updates-status {
        display:flex
    }

    .updates-status>li .checkbox {
        margin: .5em
    }
}

.solutions-hero {
    padding-top: 20px
}

.logo-text-container {
    display: block;
    margin: 24px 0;
    min-height: 160px
}

.logo-text-container img,.logo-text-container span {
    display: block;
    margin: 0 auto 18px;
    max-height: 115px
}

.solutions-form .form-navigation {
    margin-top: 12px
}

.solution-integrators .img-container {
    background-color: #fff;
    border: 1px solid #eaebec
}

@media only screen and (min-width: 48em) {
    .logo-text-container {
        min-height:inherit
    }
}

.image-w-inherit {
    width: inherit
}

.partner-header {
    background-color: #eaebec;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -24px
}

.webinars-search {
    top: 23px
}

.webinars-search-dropdown {
    height: 48px
}

.ahub-calculator {
    border-bottom: 1px solid #eaebec
}

.ahub-calculator .help-icon {
    height: 20px;
    width: 18px
}

.ahub-calculator input[type=number] {
    display: inline;
    width: 100%
}

.ahub-calculator .core-licenses,.ahub-calculator .sqlserver-core-licenses {
    width: 100%;
    padding-left: 5px
}

.ahub-calculator select[disabled] {
    background: #ebebe4
}

.ahub-calculator #hours-per-month {
    padding-left: 5px
}

.ahub-calculator .error-container {
    background: #fff;
    vertical-align: middle;
    margin: 12px
}

.ahub-calculator .error-container .icon-container {
    display: inline-block
}

.ahub-calculator .error-container>div {
    padding: 12px
}

.ahub-calculator .licenses-section span.tooltip {
    margin-bottom: 3px
}

.ahub-calculator .sql-instances-tooltip p,.ahub-calculator .windows-tooltip p {
    display: inline
}

.ahub-calculator .sql-instances-tooltip span,.ahub-calculator .windows-tooltip span {
    position: relative;
    display: inline-block;
    right: -1px
}

.ahub-calculator .sql-instances-tooltip div.tooltip-content,.ahub-calculator .windows-tooltip div.tooltip-content {
    margin-left: 12px;
    z-index: 1000
}

.ahub-calculator .ahub-card {
    display: block;
    height: 100%;
    padding: 20px
}

.ahub-calculator .show {
    display: block
}

.ahub-calculator .hide {
    display: none
}

.ahub-calculator .ahub-input {
    box-sizing: border-box;
    border: 2px solid #dedede;
    color: #3e3d4d;
    display: block;
    line-height: 1.2;
    outline: 0;
    padding: 5px;
    height: 35px
}

.ahub-calculator .ahub-input.computed {
    font-weight: 600
}

.ahub-calculator.calculator-form .ahub-card {
    border-left: 1px solid #eaebec
}

.ahub-calculator.estimates {
    padding: 0
}

.ahub-calculator.estimates .ahub-card {
    border-right: 1px solid #eaebec;
    position: relative
}

.ahub-calculator.estimates .disclaimer-footer {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px
}

.ahub-calculator .checkbox input[type=checkbox] {
    height: 20px;
    width: 20px;
    z-index: 1
}

.ahub-calculator .checkbox .checkbox__label {
    height: 20px;
    padding-left: 0;
    width: 20px
}

#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(/cvt-2c1efc02b94be31f6f4ec3100f6772beed162e8f685df0e79b72bfb952d27b7c/images/shared/proactive-chat/asia.png)
}

#lp-proactive-invite .chatContainer.chatContainer--EMEA {
    background-image: url(/cvt-1f4f70baf27dcf2c296c3e835d2a7e0e230e50d4ae356bfc147e9ebeb0e094c5/images/shared/proactive-chat/emea.png)
}

#lp-proactive-invite .chatContainer.chatContainer--LATAM {
    background-image: url(/cvt-926c05bbc7cde3629daeb44e7f96ac229c0cc932dcc031404f3517c52e9866eb/images/shared/proactive-chat/latam.png)
}

#lp-proactive-invite .chatContainer.chatContainer--NORTH_AMERICA {
    background-image: url(/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
    }
}