input[type='text'],
select:not(.cultures-dropdown),
textarea {
    background-color: #fff !important;
    border-color: #000 !important;
    font-size: 18px !important;
    font-weight: 200 !important;
    line-height: 1.3 !important;
    padding: 8px 12px 9px !important
}

input[type='text']:hover,
select:not(.cultures-dropdown):hover,
textarea:hover {
    border-color: #a6a6a6
}

input[type='text']:focus,
select:not(.cultures-dropdown):focus,
textarea:focus {
    border-color: #f2c811;
    color: #333
}

input[type='text'].input-validation-error,
select:not(.cultures-dropdown).input-validation-error,
textarea.input-validation-error {
    border-color: #6b2929
}

input[type='text'].utility,
select:not(.cultures-dropdown).utility,
textarea.utility {
    border-color: #c8c8c8;
    background-color: transparent;
    font-size: 12px;
    border-width: 1px
}

select {
    color: #333;
    font-weight: 600;
    padding: 7px 12px
}

select option {
    font-size: 16px
}

.form-email-only:after {
    clear: both;
    content: '';
    display: table
}

.form-email-only .form-row {
    margin: 0
}

.form-email-only fieldset,
.form-email-only .form-navigation {
    float: left
}

.form-email-only fieldset {
    width: 100%
}

.form-email-only .form-navigation {
    margin-top: 12px;
    padding-top: 28px;
    width: 100%
}

.form-small input[type='text'],
.form-small select,
.form-small textarea,
.form-small .button {
    font-size: 14px
}

.field-validation-error {
    display: inline-block;
    font-size: 12px;
    color: #000;
    background-color: #fff;
    outline: 2px solid #000;
    margin: 10px 0;
    padding: 0 10px
}

.field-validation-error :before {
    content: "Error: "
}

.search-input {
    position: relative
}

.search-input .icon {
    background: none;
    border: none;
    height: 28px;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 28px
}

.search-input.search-input-small input[type=text] {
    font-size: 12px;
    padding: 4px 10px 5px 10px
}

.search-input.search-input-small .icon {
    height: 14px;
    right: 7px;
    top: 7px;
    width: 14px
}

@media only screen and (min-width:540px) {

    .form-email-only fieldset,
    .form-email-only .form-navigation {
        float: left
    }

    .form-email-only fieldset {
        width: 63.33333333%;
        margin-right: 3.33333333%
    }

    .form-email-only .form-navigation {
        margin-top: 28px;
        width: 33.33333333%
    }

    .form-medium-full fieldset {
        margin-right: 0;
        width: 100%
    }

    .form-medium-full .form-navigation {
        margin-top: 12px;
        width: 100%
    }
}

@media only screen and (min-width:960px) {
    .form-medium-full fieldset {
        margin-right: 3.33333333%;
        width: 63.33333333%
    }

    .form-medium-full .form-navigation {
        margin-top: 0;
        width: 33.33333333%
    }
}

.font-size16 {
    font-size: 16px
}

.padding-top-15 {
    padding-top: 15px
}

.scrollbar-auto {
    overflow-y: auto
}

.consent-form .button {
    color: #000 !important
}

.inline-field {
    margin-top: 10px
}

.inline-field input {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    display: inline-block
}

.inline-field p {
    display: inline;
    margin-left: 5px
}

.inline-field span.c-label {
    padding-left: 5px
}

.inline-field span.c-label a {
    text-decoration: underline
}

.inline-field .korea-consent-checkbox {
    margin-right: 5px
}

.form-navigation .button-featured:disabled {
    border: 2px solid transparent
}

.form-navigation .button-featured:disabled:hover {
    border: 2px solid transparent
}

.korea-consent-row.show {
    font-size: 12px
}

.korea-consent-row.show b {
    font-size: 16px
}

.korea-consent-row.show~.consent-checkbox {
    font-size: 12px
}

.korea-consent-row.show~.consent-checkbox b {
    font-size: 16px
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -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: bold
}

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: bold
}

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

td,
th {
    padding: 0
}

html {
    box-sizing: border-box
}

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

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

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

.section.section-size0 {
    padding: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width:540px) {
    .column+.column {
        margin-top: 3%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.bapi-common-footer .bapi-link-list {
    padding-left: 0
}

.bapi-common-footer .language-select {
    border-bottom: 0;
    max-height: 10em;
    overflow-y: scroll;
    position: absolute;
    margin: 0;
    width: 150px;
    min-height: 18em;
    padding: 1px;
    background: #fff;
    border: 1px solid #aaa;
    transform: translateY(-254px)
}

.bapi-common-footer .language-select li {
    margin: 0 !important
}

.bapi-common-footer .language-select li:hover {
    background-color: #aaa
}

.bapi-common-footer .language-select li:focus {
    border: solid 1px #aaa
}

.bapi-common-footer .language-select li:last-child {
    margin-top: 0 !important
}

.bapi-common-footer .language-button {
    background-color: transparent;
    border: none;
    color: #000;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    padding: 0;
    position: relative;
    width: 150px;
    height: 20px
}

.bapi-common-footer .language-button:focus {
    border: 1px solid #000
}

.bapi-common-footer .language-button::after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #aaa;
    content: " ";
    position: absolute;
    right: 5px;
    top: 8px
}

.bapi-common-footer .language-button[aria-expanded="true"]::after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #aaa;
    content: " ";
    position: absolute;
    right: 5px;
    top: 7px
}

.bapi-common-footer .hidden-options {
    display: none
}

.bapi-common-footer .select-item {
    background-color: #aaa
}

@media(-ms-high-contrast:active),
(forced-colors:active) {
    .bapi-common-footer .select-item {
        filter: invert(1)
    }
}

.nowrap {
    white-space: nowrap
}

.row {
    max-width: 75rem;
    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.33333%
    }

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

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

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

    .xsmall-2 {
        width: 16.66667%
    }

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

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

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

    .xsmall-3 {
        width: 25%
    }

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

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

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

    .xsmall-4 {
        width: 33.33333%
    }

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

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

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

    .xsmall-5 {
        width: 41.66667%
    }

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

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

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

    .xsmall-6 {
        width: 50%
    }

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

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

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

    .xsmall-7 {
        width: 58.33333%
    }

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

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

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

    .xsmall-8 {
        width: 66.66667%
    }

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

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

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

    .xsmall-9 {
        width: 75%
    }

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

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

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

    .xsmall-10 {
        width: 83.33333%
    }

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

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

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

    .xsmall-11 {
        width: 91.66667%
    }

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

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

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

    .xsmall-12 {
        width: 100%
    }

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

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

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

    .xsmall-up-1>.column:nth-of-type(1n+1),
    .xsmall-up-1>.columns:nth-of-type(1n+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(1n),
    .xsmall-up-2>.columns:nth-of-type(1n) {
        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.33333%;
        float: left
    }

    .xsmall-up-3>.column:nth-of-type(1n),
    .xsmall-up-3>.columns:nth-of-type(1n) {
        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(1n),
    .xsmall-up-4>.columns:nth-of-type(1n) {
        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(1n),
    .xsmall-up-5>.columns:nth-of-type(1n) {
        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.66667%;
        float: left
    }

    .xsmall-up-6>.column:nth-of-type(1n),
    .xsmall-up-6>.columns:nth-of-type(1n) {
        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.28571%;
        float: left
    }

    .xsmall-up-7>.column:nth-of-type(1n),
    .xsmall-up-7>.columns:nth-of-type(1n) {
        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(1n),
    .xsmall-up-8>.columns:nth-of-type(1n) {
        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.33333%
    }

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

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

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

    .small-2 {
        width: 16.66667%
    }

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

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

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

    .small-3 {
        width: 25%
    }

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

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

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

    .small-4 {
        width: 33.33333%
    }

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

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

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

    .small-5 {
        width: 41.66667%
    }

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

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

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

    .small-6 {
        width: 50%
    }

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

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

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

    .small-7 {
        width: 58.33333%
    }

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

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

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

    .small-8 {
        width: 66.66667%
    }

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

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

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

    .small-9 {
        width: 75%
    }

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

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

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

    .small-10 {
        width: 83.33333%
    }

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

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

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

    .small-11 {
        width: 91.66667%
    }

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

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

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

    .small-12 {
        width: 100%
    }

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

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

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

    .small-up-1>.column:nth-of-type(1n+1),
    .small-up-1>.columns:nth-of-type(1n+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(1n),
    .small-up-2>.columns:nth-of-type(1n) {
        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.33333%;
        float: left
    }

    .small-up-3>.column:nth-of-type(1n),
    .small-up-3>.columns:nth-of-type(1n) {
        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(1n),
    .small-up-4>.columns:nth-of-type(1n) {
        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(1n),
    .small-up-5>.columns:nth-of-type(1n) {
        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.66667%;
        float: left
    }

    .small-up-6>.column:nth-of-type(1n),
    .small-up-6>.columns:nth-of-type(1n) {
        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.28571%;
        float: left
    }

    .small-up-7>.column:nth-of-type(1n),
    .small-up-7>.columns:nth-of-type(1n) {
        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(1n),
    .small-up-8>.columns:nth-of-type(1n) {
        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.33333%
    }

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

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

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

    .medium-2 {
        width: 16.66667%
    }

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

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

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

    .medium-3 {
        width: 25%
    }

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

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

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

    .medium-4 {
        width: 33.33333%
    }

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

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

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

    .medium-5 {
        width: 41.66667%
    }

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

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

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

    .medium-6 {
        width: 50%
    }

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

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

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

    .medium-7 {
        width: 58.33333%
    }

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

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

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

    .medium-8 {
        width: 66.66667%
    }

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

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

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

    .medium-9 {
        width: 75%
    }

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

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

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

    .medium-10 {
        width: 83.33333%
    }

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

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

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

    .medium-11 {
        width: 91.66667%
    }

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

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

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

    .medium-12 {
        width: 100%
    }

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

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

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

    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+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(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        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.33333%;
        float: left
    }

    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        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(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        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(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        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.66667%;
        float: left
    }

    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        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.28571%;
        float: left
    }

    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        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(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        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.33333%
    }

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

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

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

    .large-2 {
        width: 16.66667%
    }

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

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

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

    .large-3 {
        width: 25%
    }

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

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

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

    .large-4 {
        width: 33.33333%
    }

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

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

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

    .large-5 {
        width: 41.66667%
    }

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

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

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

    .large-6 {
        width: 50%
    }

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

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

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

    .large-7 {
        width: 58.33333%
    }

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

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

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

    .large-8 {
        width: 66.66667%
    }

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

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

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

    .large-9 {
        width: 75%
    }

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

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

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

    .large-10 {
        width: 83.33333%
    }

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

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

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

    .large-11 {
        width: 91.66667%
    }

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

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

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

    .large-12 {
        width: 100%
    }

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

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

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

    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+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(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        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.33333%;
        float: left
    }

    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        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(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        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(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        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.66667%;
        float: left
    }

    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        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.28571%;
        float: left
    }

    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        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(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        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
    }
}

.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:1180px) {
    .bapi-hide-hamburger {
        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
    }
}

.blog-categories {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blog-categories li {
    float: left;
    margin-bottom: 0
}

.blog-categories li+li {
    margin-left: 25px;
    position: relative
}

.blog-categories li+li:before {
    -moz-transform: translate(-50%, -1px);
    -ms-transform: translate(-50%, -1px);
    -o-transform: translate(-50%, -1px);
    -webkit-transform: translate(-50%, -1px);
    transform: translate(-50%, -1px);
    left: -12.5px;
    position: absolute
}

#row-of-tags .tag {
    display: inline-block;
    background-color: #f2c811;
    padding: 2px 8px;
    color: #fff
}

@font-face {
    font-family: 'Segoe UI';
    src: url(https://powerbi.microsoft.com/cvt-c3c130e4cbac204bb80051447e605e608113cf9ca684d36055fddf133beb00e0/fonts/segoe-ui/light/latest.eot);
    src: local("Segoe UI Light"), url(https://powerbi.microsoft.com/cvt-c3c130e4cbac204bb80051447e605e608113cf9ca684d36055fddf133beb00e0/fonts/segoe-ui/light/latest.eot?#iefix) format('embedded-opentype'), url(https://powerbi.microsoft.com/cvt-6bb582c31dde9053419c9ee5bbca4ae3b56023305e1d66b4c17f5b6da5675e91/fonts/segoe-ui/light/latest.woff) format('woff'), url(https://powerbi.microsoft.com/cvt-9b540bdfe1426c6755d7adf774137324c9392eea897d558a75745ee1e5be3b2c/fonts/segoe-ui/light/latest.ttf) format('truetype'), url(https://powerbi.microsoft.com/cvt-471fa46ce18952b664792ad944ceb149ca016055d7fcba20dce7c7a1e79a547a/fonts/segoe-ui/light/latest.svg#web) format('svg');
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: 'Segoe UI';
    src: url(https://powerbi.microsoft.com/cvt-7c1bad686d443bda4033b4059c41c2390646641d84e860da4b370f940f176a5d/fonts/segoe-ui/semilight/latest.eot);
    src: local("Segoe UI Semilight"), url(https://powerbi.microsoft.com/cvt-7c1bad686d443bda4033b4059c41c2390646641d84e860da4b370f940f176a5d/fonts/segoe-ui/semilight/latest.eot?#iefix) format('embedded-opentype'), url(https://powerbi.microsoft.com/cvt-59c281565621e48e34a29570f9bd59743a04a8b18c98439bc8617ce8224a0eb7/fonts/segoe-ui/semilight/latest.woff) format('woff'), url(https://powerbi.microsoft.com/cvt-cdb178b883ffdb509e683f590f063d307612f24dce46c77ae45e3fe98612c6b8/fonts/segoe-ui/semilight/latest.ttf) format('truetype'), url(https://powerbi.microsoft.com/cvt-dae78dbb7a0dbbde8026876f6b7b839fc2a8840a595e502de28b92bb4d42aff6/fonts/segoe-ui/semilight/latest.svg#web) format('svg');
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: 'Segoe UI';
    src: url(https://powerbi.microsoft.com/cvt-8150b5dc550217e9d6ea06ab17d97e8d1eae4de7344c61b2a36aabf3944b644e/fonts/segoe-ui/normal/latest.eot);
    src: local("Segoe UI"), url(https://powerbi.microsoft.com/cvt-8150b5dc550217e9d6ea06ab17d97e8d1eae4de7344c61b2a36aabf3944b644e/fonts/segoe-ui/normal/latest.eot?#iefix) format('embedded-opentype'), url(https://powerbi.microsoft.com/cvt-26ef532955eec87c6f2f3046ff47012bb32a1fe1447b409ae6594561c1ac629d/fonts/segoe-ui/normal/latest.woff) format('woff'), url(https://powerbi.microsoft.com/cvt-1815882374b0cfbaf880a2c76976a677030265ac2df46ba06718cc46b220933c/fonts/segoe-ui/normal/latest.ttf) format('truetype'), url(https://powerbi.microsoft.com/cvt-31848d040230eafdbe16ce045a5992d7fab58c39991521c48330e186cf760ab2/fonts/segoe-ui/normal/latest.svg#web) format('svg');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Segoe UI';
    src: url(https://powerbi.microsoft.com/cvt-61a470ede85550fcbd11b8610f64159e9b5e12946e80945cf6ed1025c22e1f12/fonts/segoe-ui/semibold/latest.eot);
    src: local("Segoe UI Semibold"), url(https://powerbi.microsoft.com/cvt-61a470ede85550fcbd11b8610f64159e9b5e12946e80945cf6ed1025c22e1f12/fonts/segoe-ui/semibold/latest.eot?#iefix) format('embedded-opentype'), url(https://powerbi.microsoft.com/cvt-4f19b41f7d7f1c43688d27ac25120ba9433804340ebef179ac6e80319993720f/fonts/segoe-ui/semibold/latest.woff) format('woff'), url(https://powerbi.microsoft.com/cvt-3f300f1ccea6eb8025deed0b3eb6d0c2dc0b51f27c14b7a130b20679c5ee4d86/fonts/segoe-ui/semibold/latest.ttf) format('truetype'), url(https://powerbi.microsoft.com/cvt-2e517fb69ac4db8c0c6915dc4ec4a67b493855e0e599ba2e3b67a4f9d07cbe8b/fonts/segoe-ui/semibold/latest.svg#web) format('svg');
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: 'Segoe UI';
    src: url(https://powerbi.microsoft.com/cvt-5b056a7cf48a20318851b1cec8b9164777b681d504bdbdbf7e306f02cd4adae3/fonts/segoe-ui/bold/latest.eot);
    src: local("Segoe UI Bold"), url(https://powerbi.microsoft.com/cvt-5b056a7cf48a20318851b1cec8b9164777b681d504bdbdbf7e306f02cd4adae3/fonts/segoe-ui/bold/latest.eot?#iefix) format('embedded-opentype'), url(https://powerbi.microsoft.com/cvt-2793bc55cf2e839280dbd9618ed7eaa3d67be1259d58f4a95867353d4fb779db/fonts/segoe-ui/bold/latest.woff) format('woff'), url(https://powerbi.microsoft.com/cvt-373574328eb678304b8f0f53a851a8d751f574cae73f8a5e1ab36534bc59bb8a/fonts/segoe-ui/bold/latest.ttf) format('truetype'), url(https://powerbi.microsoft.com/cvt-e9d6e54ea6acaaa9b9b809806e9d063c8c3d97040152f5f83833c26bf2f36179/fonts/segoe-ui/bold/latest.svg#web) format('svg');
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: 'PowerBIMDL2';
    src: url(https://powerbi.microsoft.com/cvt-dd5b13d2e9f2f416badd3faa8ed77d3b08670f070d28a132a9570b8500d3d164/fonts/powerbimdl2/normal/latest.eot);
    src: local("PowerBIMDL2Assets-Regular"), url(https://powerbi.microsoft.com/cvt-dd5b13d2e9f2f416badd3faa8ed77d3b08670f070d28a132a9570b8500d3d164/fonts/powerbimdl2/normal/latest.eot?#iefix) format('embedded-opentype'), url(https://powerbi.microsoft.com/cvt-69e5cfe24de039c687bbc3bfd7403fc6f40ab706efd762d3a2d9fc66c7b269be/fonts/powerbimdl2/normal/latest.woff) format('woff'), url(https://powerbi.microsoft.com/cvt-839530e42c8ea4d6b413fc7afc02e6461e9fbc1f6397b2dd5f07cc0c91f63e46/fonts/powerbimdl2/normal/latest.ttf) format('truetype'), url(https://powerbi.microsoft.com/cvt-66dd88928a8a051e71470c628f0308eefcd1036b55fc2b0db65ccfad5c1a426f/fonts/powerbimdl2/normal/latest.svg#web) format('svg');
    font-style: normal;
    font-weight: 400
}

html {
    overflow-y: scroll
}

body {
    background-color: #eaeaea;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -ms-overflow-style: scrollbar
}

a:focus {
    outline: auto
}

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

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

pre code {
    border: none;
    padding: 0
}

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

svg {
    fill: inherit;
    pointer-events: none
}

svg * {
    pointer-events: auto
}

img,
svg,
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
}

.breadcrumbs {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.breadcrumbs li {
    float: left;
    margin-bottom: 0
}

.breadcrumbs li+li {
    margin-left: 25px;
    position: relative
}

.breadcrumbs li+li:before {
    -moz-transform: translate(-50%, -1px);
    -ms-transform: translate(-50%, -1px);
    -o-transform: translate(-50%, -1px);
    -webkit-transform: translate(-50%, -1px);
    transform: translate(-50%, -1px);
    content: '>';
    left: -12.5px;
    position: absolute
}

.card {
    background-color: #fff;
    display: block;
    padding: 10px
}

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

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

.card-size0 {
    padding: 0
}

.card-size2 {
    padding: 25px
}

.card-size3 {
    padding: 30px
}

.card-size4 {
    padding: 50px
}

.card-size5 {
    padding: 60px
}

.card-size6 {
    padding: 85px
}

.card-slate01 {
    background-color: #000;
    color: #fff
}

a.card-slate01,
a.card-slate01:hover {
    color: #fff !important
}

.card-slate02 {
    background-color: #333;
    color: #fff
}

a.card-slate02,
a.card-slate02:hover {
    color: #fff !important
}

.card-slate03 {
    background-color: #666;
    color: #fff
}

a.card-slate03,
a.card-slate03:hover {
    color: #fff !important
}

.card-slate04 {
    background-color: #a6a6a6
}

a.card-slate04,
a.card-slate04:hover {
    color: #000 !important
}

.card-slate05 {
    background-color: #c8c8c8
}

a.card-slate05,
a.card-slate05:hover {
    color: #000 !important
}

.card-slate06 {
    background-color: #eaeaea
}

a.card-slate06,
a.card-slate06:hover {
    color: #000 !important
}

.card-slate07 {
    background-color: #969696
}

a.card-slate07,
a.card-slate07:hover {
    color: #000 !important
}

.card-slate08 {
    background-color: #dedede
}

a.card-slate08,
a.card-slate08:hover {
    color: #000 !important
}

.card-slate09 {
    background-color: #f4f4f4
}

a.card-slate09,
a.card-slate09:hover {
    color: #000 !important
}

.card-palette01 {
    background-color: #fff
}

a.card-palette01,
a.card-palette01:hover {
    color: #000 !important
}

.card-palette02 {
    background-color: #f2c811
}

a.card-palette02,
a.card-palette02:hover {
    color: #000 !important
}

.card-palette03 {
    background-color: #967100;
    color: #fff
}

a.card-palette03,
a.card-palette03:hover {
    color: #fff !important
}

.card-palette04 {
    background-color: #fad227
}

a.card-palette04,
a.card-palette04:hover {
    color: #000 !important
}

.card-palette05 {
    background-color: #e3b516;
    color: #fff
}

a.card-palette05,
a.card-palette05:hover {
    color: #fff !important
}

.card-palette06 {
    background-color: #1b348e;
    color: #fff
}

a.card-palette06,
a.card-palette06:hover {
    color: #fff !important
}

.card-palette07 {
    background-color: #002050;
    color: #fff
}

a.card-palette07,
a.card-palette07:hover {
    color: #fff !important
}

.card-palette08 {
    background-color: #68217a;
    color: #fff
}

a.card-palette08,
a.card-palette08:hover {
    color: #fff !important
}

.card-palette09 {
    background-color: #008272;
    color: #fff
}

a.card-palette09,
a.card-palette09:hover {
    color: #fff !important
}

.card-palette10 {
    background-color: #ba141a;
    color: #fff
}

a.card-palette10,
a.card-palette10:hover {
    color: #fff !important
}

.card-palette11 {
    background-color: #d83b01;
    color: #fff
}

a.card-palette11,
a.card-palette11:hover {
    color: #fff !important
}

.card-palette12 {
    background-color: #dd5900;
    color: #fff
}

a.card-palette12,
a.card-palette12:hover {
    color: #fff !important
}

.card-icon {
    padding: 25px 25px 25px 95px;
    position: relative
}

.card-icon .top,
.card-icon .bottom {
    display: block
}

.card-icon .icon {
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 25px;
    position: absolute;
    top: 50%
}

.card-icon-large {
    height: auto;
    padding: 25px
}

.card-icon-large .top {
    margin: 10px 0
}

.card-icon-large .button {
    margin-top: 30px
}

.card-icon-large .icon {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: static;
    height: 90px;
    width: 77px
}

@media only screen and (min-width:768px) {
    .card-icon {
        padding: 75px 25px 25px
    }

    .card-icon .icon {
        top: 40px
    }

    .card-icon-large {
        padding: 25px
    }
}

@media only screen and (min-width:960px) {
    .card-icon {
        padding: 25px 25px 25px 95px
    }

    .card-icon .icon {
        top: 50%
    }

    .card-icon-large {
        padding: 25px
    }
}

input[type='text'],
select,
textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #dedede;
    color: #666;
    display: block;
    line-height: 1.2;
    outline: none;
    padding: 5px;
    width: 100%
}

input[type='text']:focus,
select:focus,
textarea:focus {
    outline: 2px dashed #000;
    outline-offset: 1px
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

textarea {
    height: 70px
}

label {
    cursor: pointer;
    display: inline-block;
    vertical-align: text-bottom
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row:after {
    clear: both;
    content: '';
    display: table
}

.form-row+.form-row {
    margin-top: 10px
}

.form-element {
    display: block;
    position: relative
}

.form-element:focus,
.form-element:focus-within {
    outline: 2px dashed #000;
    outline-offset: 1px
}

.character-count {
    color: #fff;
    float: right;
    font-size: 10px
}

.character-count.error {
    color: #ba141a
}

.icon {
    display: inline-block;
    height: 50px;
    line-height: 0;
    vertical-align: middle;
    width: 50px
}

.icon svg {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.icon svg * {
    pointer-events: none
}

.icon-size1 {
    height: 10px;
    width: 10px
}

.icon-size2 {
    height: 25px;
    width: 25px
}

.icon-size3 {
    height: 30px;
    width: 30px
}

.icon-size4 {
    height: 50px;
    width: 50px
}

.icon-size5 {
    height: 60px;
    width: 60px
}

.icon-size6 {
    height: 85px;
    width: 85px
}

.icon-palette01 svg {
    fill: #fff
}

.icon-palette02 svg {
    fill: #f2c811
}

.icon-palette03 svg {
    fill: #967100
}

.icon-palette04 svg {
    fill: #fad227
}

.icon-palette05 svg {
    fill: #e3b516
}

.icon-palette06 svg {
    fill: #1b348e
}

.icon-palette07 svg {
    fill: #002050
}

.icon-palette08 svg {
    fill: #68217a
}

.icon-palette09 svg {
    fill: #008272
}

.icon-palette10 svg {
    fill: #ba141a
}

.icon-palette11 svg {
    fill: #d83b01
}

.icon-palette12 svg {
    fill: #dd5900
}

.icon-slate01 svg {
    fill: #000
}

.icon-slate02 svg {
    fill: #333
}

.icon-slate03 svg {
    fill: #666
}

.icon-slate04 svg {
    fill: #a6a6a6
}

.icon-slate05 svg {
    fill: #c8c8c8
}

.icon-slate06 svg {
    fill: #eaeaea
}

.icon-slate07 svg {
    fill: #969696
}

.icon-slate08 svg {
    fill: #dedede
}

.icon-slate09 svg {
    fill: #f4f4f4
}

a.img-wrapper {
    display: block
}

a.img-wrapper img {
    display: block
}

.arrowLink {
    display: inline-block;
    position: relative;
    color: inherit
}

.arrowLink:after {
    content: '>';
    display: inline-block;
    line-height: 1.5;
    margin-left: .3em;
    position: absolute
}

.arrowLink:hover {
    color: inherit
}

.text-super .arrowLink:after {
    line-height: 1.25
}

h1 .arrowLink:after,
h2 .arrowLink:after,
h4 .arrowLink:after,
.text-heading1 .arrowLink:after,
.text-heading2 .arrowLink:after,
.text-heading4 .arrowLink:after,
h1.arrowLink:after,
h2.arrowLink:after,
h4.arrowLink:after,
.text-heading1.arrowLink:after,
.text-heading2.arrowLink:after,
.text-heading4.arrowLink:after {
    line-height: 1.3
}

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

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

h6 .arrowLink:after,
.text-heading6 .arrowLink:after,
.text-mini .arrowLink:after,
h6.arrowLink:after,
.text-heading6.arrowLink:after,
.text-mini.arrowLink:after {
    line-height: 1.6
}

.text-micro .arrowLink:after,
.text-micro.arrowLink:after {
    line-height: 1.65
}

.linkList {
    list-style-type: none;
    padding-left: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.linkList li {
    margin-bottom: 10px
}

.linkList.text-mini li,
.linkList.text-micro li {
    margin-bottom: 5px
}

@media only screen and (min-width:540px) {
    .linkList-horizontal {
        margin-top: -10px
    }

    .linkList-horizontal li {
        float: left;
        margin: 10px 25px 0 0
    }

    .linkList-horizontal li:last-child {
        margin-right: 0
    }

    html[dir='rtl'] .linkList-horizontal li {
        margin: 10px 0 0 25px !important
    }
}

.note {
    background-color: #f4f4f4;
    border-left: 5px solid #3bb44a;
    color: #000;
    display: block;
    margin: 10px 0;
    padding: 25px 25px 10px
}

.note.note-warning {
    border-left-color: #d83b01
}

.note.note-information {
    border-left-color: #967100
}

.note.note-important {
    border-left-color: #008272
}

.note.note-tip {
    border-left-color: #666
}

.note .icon {
    display: none
}

@media only screen and (min-width:768px) {
    .note {
        border-left-width: 60px;
        padding: 25px 30px 10px;
        position: relative
    }

    .note .icon {
        display: block;
        height: 32px;
        left: -46px;
        position: absolute;
        top: 14px;
        width: 32px
    }
}

.pagination {
    border-top: 1px solid #000;
    display: block;
    margin-top: 50px;
    padding-top: 30px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination li {
    float: left;
    margin-bottom: 0
}

.pagination a {
    display: block;
    height: 30px
}

.pagination .current a {
    color: #967100
}

.pagination .controls-pages li {
    line-height: 30px;
    margin-right: 8px
}

.pagination .controls-pages a {
    padding: 0 4px
}

.pagination .controls-nav {
    float: right
}

.pagination .controls-nav li {
    margin-left: 8px
}

.pagination .controls-nav a {
    background-color: #eaeaea;
    color: #333;
    content: '';
    font-size: 26px;
    line-height: 24px;
    padding: 0 4px
}

.pagination .controls-nav a:hover {
    color: #333
}

.pagination .controls-nav .next:before {
    content: '›'
}

.pagination .controls-nav .prev:before {
    content: '‹'
}

.product-placement {
    text-align: center;
    padding: 5px 0;
    width: auto
}

.product-placement a {
    display: block
}

.product-placement .img-container {
    border: 1px solid #dedede;
    display: block;
    height: 116px;
    margin: 0 auto 10px;
    position: relative;
    width: 116px
}

.product-placement .img-container img {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -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 .img-container .badge {
    position: absolute;
    right: 0;
    top: 0
}

.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: 10px;
    height: 1.5em;
    line-height: 1.5
}

.product-placement .tag {
    color: #000;
    display: block;
    font-size: 10px
}

.product-placement:hover .img-container {
    border: 1px solid #333
}

.product-placement.product-placement-same-size {
    padding: 10px;
    width: 135px
}

.product-placement.product-placement-same-size .img-container {
    border: none;
    background-color: #fff;
    padding: 10px;
    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: #000;
    font-weight: 16px;
    height: 30px;
    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: #dedede
}

@media only screen and (min-width:540px) {
    .product-placement {
        text-align: left;
        width: 116px
    }
}

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

.section+.section {
    border-top: 1px solid #f4f4f4
}

.section[class*='section-palette']+.section,
.section[class*='section-slate']+.section,
.section+.section[class*='section-palette'],
.section+.section[class*='section-slate'] {
    border-top: none
}

.section a {
    color: #000
}

.section a:hover {
    color: #000
}

.section-palette02 {
    background-color: #f2c811
}

.section-palette03 {
    color: #fff;
    background-color: #967100
}

.section-palette03 a {
    color: #fff
}

.section-palette03 a:hover {
    color: #fff
}

.section-palette03 svg {
    fill: #fff
}

.section-palette04 {
    background-color: #fad227
}

.section-palette05 {
    color: #fff;
    background-color: #e3b516
}

.section-palette05 a {
    color: #fff
}

.section-palette05 a:hover {
    color: #fff
}

.section-palette05 svg {
    fill: #fff
}

.section-palette06 {
    color: #fff;
    background-color: #1b348e
}

.section-palette06 a {
    color: #fff
}

.section-palette06 a:hover {
    color: #fff
}

.section-palette06 svg {
    fill: #fff
}

.section-palette07 {
    color: #fff;
    background-color: #002050
}

.section-palette07 a {
    color: #fff
}

.section-palette07 a:hover {
    color: #fff
}

.section-palette07 svg {
    fill: #fff
}

.section-palette08 {
    color: #fff;
    background-color: #68217a
}

.section-palette08 a {
    color: #fff
}

.section-palette08 a:hover {
    color: #fff
}

.section-palette08 svg {
    fill: #fff
}

.section-palette09 {
    color: #fff;
    background-color: #008272
}

.section-palette09 a {
    color: #fff
}

.section-palette09 a:hover {
    color: #fff
}

.section-palette09 svg {
    fill: #fff
}

.section-palette10 {
    color: #fff;
    background-color: #ba141a
}

.section-palette10 a {
    color: #fff
}

.section-palette10 a:hover {
    color: #fff
}

.section-palette10 svg {
    fill: #fff
}

.section-palette11 {
    color: #fff;
    background-color: #d83b01
}

.section-palette11 a {
    color: #fff
}

.section-palette11 a:hover {
    color: #fff
}

.section-palette11 svg {
    fill: #fff
}

.section-palette12 {
    color: #fff;
    background-color: #dd5900
}

.section-palette12 a {
    color: #fff
}

.section-palette12 a:hover {
    color: #fff
}

.section-palette12 svg {
    fill: #fff
}

.section-slate01 {
    color: #fff;
    background-color: #000
}

.section-slate01 a {
    color: #fff
}

.section-slate01 a:hover {
    color: #fff
}

.section-slate01 svg {
    fill: #fff
}

.section-slate02 {
    color: #fff;
    background-color: #333
}

.section-slate02 a {
    color: #fff
}

.section-slate02 a:hover {
    color: #fff
}

.section-slate02 svg {
    fill: #fff
}

.section-slate03 {
    color: #fff;
    background-color: #666
}

.section-slate03 a {
    color: #fff
}

.section-slate03 a:hover {
    color: #fff
}

.section-slate03 svg {
    fill: #fff
}

.section-slate04 {
    background-color: #a6a6a6
}

.section-slate05 {
    background-color: #c8c8c8
}

.section-slate06 {
    background-color: #eaeaea
}

.section-slate07 {
    background-color: #969696
}

.section-slate08 {
    background-color: #dedede
}

.section-slate09 {
    background-color: #f4f4f4
}

.sd-table-container {
    width: 100%;
    overflow-x: scroll
}

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

table {
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #dedede;
    margin: 10px 0;
    padding: 0;
    text-align: left;
    width: 100%
}

table caption {
    caption-side: bottom;
    color: #969696;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px;
    padding: 0;
    text-align: left
}

table caption li {
    margin-bottom: 0
}

table thead {
    border-bottom: 2px solid #dedede
}

table tfoot {
    border-bottom: 2px solid #dedede;
    border-top: 2px solid #dedede
}

table tr {
    border-bottom: 1px solid #dedede
}

table th {
    font-size: 12px;
    font-weight: 700;
    text-align: inherit;
    text-transform: uppercase
}

table td,
table th {
    padding: 10px 5px;
    vertical-align: top
}

.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: none;
    border-collapse: separate;
    background-color: transparent
}

.table-naked td,
.table-naked tfoot,
.table-naked th,
.table-naked thead,
.table-naked tr {
    border: none;
    padding: 0
}

tr.no-border {
    border: none
}

.table-middled td,
.table-middled th {
    vertical-align: middle
}

@media only screen and (min-width:540px) {

    .sd-table-container table.sd-table th,
    .sd-table-container table.sd-table td {
        display: table-cell
    }
}

@media only screen and (min-width:960px) {

    table td,
    table th {
        padding: 10px
    }
}

body {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #000;
    font-family: 'Segoe UI Condensed', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif
}

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

a:hover {
    text-decoration: none
}

p {
    font-size: 16px;
    margin: 10px 0
}

.text-regular {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400
}

h1,
.text-heading1 {
    font-weight: 200;
    font-size: 30px;
    line-height: 1.18;
    margin: 0 0 12px
}

h2,
.text-heading2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.17;
    margin: 0 0 12px
}

h3,
.text-heading3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 12px;
    position: relative
}

h4,
.text-heading4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.33;
    margin: 0 0 12px
}

h5,
.text-heading5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 8px
}

h6,
.text-heading6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 12px
}

.text-super {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.22;
    letter-spacing: -.01em;
    margin: 0 0 16px
}

.text-mini {
    font-size: 12px
}

.text-micro {
    font-size: 10px
}

blockquote {
    font-size: 12px;
    font-style: italic;
    margin: 0
}

ul,
ol {
    list-style-position: outside;
    margin-bottom: 14px;
    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: 10px
}

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
}

.country-consent {
    display: none
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

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

.text-semibold {
    font-weight: 600
}

.text-normal {
    font-weight: 400
}

.text-semilight {
    font-weight: 300
}

.text-light {
    font-weight: 200
}

.text-uppercase {
    text-transform: uppercase
}

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

.text-palette01 {
    color: #fff
}

.text-palette02 {
    color: #f2c811
}

.text-palette03 {
    color: #967100
}

.text-palette04 {
    color: #fad227
}

.text-palette05 {
    color: #e3b516
}

.text-palette06 {
    color: #1b348e
}

.text-palette07 {
    color: #002050
}

.text-palette08 {
    color: #68217a
}

.text-palette09 {
    color: #008272
}

.text-palette10 {
    color: #ba141a
}

.text-palette11 {
    color: #d83b01
}

.text-palette12 {
    color: #dd5900
}

.text-slate01 {
    color: #000
}

.text-slate02 {
    color: #333
}

.text-slate03 {
    color: #666
}

.text-slate04 {
    color: #a6a6a6
}

.text-slate05 {
    color: #c8c8c8
}

.text-slate06 {
    color: #eaeaea
}

.text-slate07 {
    color: #969696
}

.text-slate08 {
    color: #dedede
}

.text-slate09 {
    color: #f4f4f4
}

@media only screen and (min-width:768px) {

    h1,
    .text-heading1 {
        font-weight: 200;
        font-size: 36px;
        line-height: 1.22;
        letter-spacing: -.01em;
        margin: 0 0 12px
    }

    h2,
    .text-heading2 {
        font-weight: 200;
        font-size: 30px;
        line-height: 1.18;
        margin: 0 0 12px
    }

    h3,
    .text-heading3 {
        font-weight: 400;
        font-size: 22px;
        line-height: 1.17;
        margin: 0 0 12px;
        position: relative
    }

    h4,
    .text-heading4 {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.2;
        margin: 0 0 12px
    }

    h5,
    .text-heading5 {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.33;
        margin: 0 0 8px
    }

    h6,
    .text-heading6 {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 12px
    }

    .text-super {
        font-weight: 200;
        font-size: 48px;
        line-height: 1.16;
        letter-spacing: -.01em;
        margin: 0 0 16px
    }
}

.background-video-holder {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.background-video-holder video {
    max-width: none;
    width: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.background-video-holder~.row {
    position: relative;
    z-index: 500
}

.background-video-holder .background-video-controls {
    bottom: 10px;
    cursor: pointer;
    height: 30px;
    opacity: .6;
    position: absolute;
    right: 10px;
    width: 30px;
    z-index: 1
}

.background-video-holder .background-video-controls:hover {
    opacity: 1
}

.background-video-holder .background-video-play {
    display: none
}

.background-video-holder .background-video-pause {
    display: block
}

.background-video-holder.paused .background-video-play {
    display: block
}

.background-video-holder.paused .background-video-pause {
    display: none
}

.button {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background-color: #f2c811;
    border: 1px solid transparent;
    color: #fff !important;
    display: block;
    fill: #fff;
    font-size: 22px;
    font-weight: 300;
    padding: 5px 20px 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom
}

.button:hover {
    background-color: #c5a20b
}

.button.button-primary {
    background-color: #fad227
}

.button.button-primary:hover {
    background-color: #e9be05
}

.button.button-secondary {
    background-color: #1b348e
}

.button.button-secondary:hover {
    background-color: #132463
}

.button .icon {
    margin-top: -5px;
    height: 20px;
    width: 20px
}

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: rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.button-store {
    background-color: #000;
    position: relative;
    color: #fff !important;
    font-weight: 200;
    padding: 1px 20px 2px 50px;
    text-align: left;
    display: inline-block;
    min-width: 200px
}

.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%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.button-store:hover {
    background-color: #000;
    text-decoration: none
}

.button-store:focus {
    outline: 2px dashed #000
}

@media only screen and (min-width:540px) {

    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: 14px;
        padding: 6px 12px 7px
    }

    .button.button-small {
        font-size: 16px;
        padding: 5px 15px 8px
    }

    .button.button-large {
        font-size: 30px;
        padding: 8px 25px 11px
    }
}

@media only screen and (max-width:540px) {
    .sd-equalize {
        height: auto !important
    }
}

.fade-img {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    position: relative;
    top: 200px
}

.fade-img.fade-in {
    opacity: 1;
    top: 0
}

[aria-describedby^="flyout"] {
    display: inline-block
}

.sd-flyout {
    background-color: #fff;
    box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, .4);
    color: #000;
    padding: 10px;
    position: absolute;
    max-width: 425px;
    width: auto;
    z-index: 1;
    transform: translate(0, -50%)
}

.sd-flyout p {
    margin: 0
}

.sd-flyout .close {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 22px;
    color: #eaeaea;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.sd-flyout .close:after {
    content: '×'
}

.sd-flyout .close:hover {
    color: #eaeaea
}

[aria-hidden="true"] {
    display: none
}

[aria-hidden="false"] {
    display: block
}

.sd-flyout-left {
    transform: translate(-100%, -50%)
}

.sd-flyout-corner {
    transform: none
}

.sd-flyout-corner.sd-flyout-sw {
    transform: translate(0, -100%)
}

.sd-flyout-corner.sd-flyout-ne {
    transform: translate(-100%, 0)
}

.sd-flyout-corner.sd-flyout-se {
    transform: translate(-100%, -100%)
}

.modal-wrapper-mask {
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.modal-wrapper-mask.visible {
    display: block;
    opacity: 1;
    z-index: 100000
}

.modal-visible {
    overflow-y: hidden
}

.modal {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%) scale(.9);
    -ms-transform: translate(-50%, -50%) scale(.9);
    -o-transform: translate(-50%, -50%) scale(.9);
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    -webkit-transition: all .25s;
    transition: all .25s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    display: none;
    opacity: 0;
    overflow: auto;
    position: relative;
    width: 90%;
    z-index: 99999
}

.modal.oversized {
    -moz-transform: translate(0%, 0%) scale(.9);
    -ms-transform: translate(0%, 0%) scale(.9);
    -o-transform: translate(0%, 0%) scale(.9);
    -webkit-transform: translate(0%, 0%) scale(.9);
    transform: translate(0%, 0%) scale(.9);
    left: 0;
    margin: 30px auto;
    top: 0
}

.modal.oversized.visible {
    -moz-transform: translate(0%, 0%) scale(1);
    -ms-transform: translate(0%, 0%) scale(1);
    -o-transform: translate(0%, 0%) scale(1);
    -webkit-transform: translate(0%, 0%) scale(1);
    transform: translate(0%, 0%) scale(1);
    display: block;
    opacity: 1
}

.modal .close {
    background-color: transparent;
    border: 0;
    color: #000;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    padding: 1px;
    position: absolute;
    right: 10px;
    text-shadow: 0 1px 0 #fff;
    top: 0
}

.modal .close:hover {
    color: #000;
    opacity: 1;
    text-decoration: none
}

.modal .row {
    width: 100%
}

.modal.visible:not(.oversized) {
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    display: block;
    opacity: 1
}

#modal-purchase-pro.modal {
    position: absolute !important
}

.modal-video {
    padding: 0
}

.modal-video iframe {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .modal.modal-large {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (min-width:960px) {
    .modal {
        max-width: 600px;
        width: 50%
    }

    .modal.modal-large {
        max-width: 900px;
        width: 60%
    }
}

.sd-multiselect {
    display: inline-block;
    float: right;
    position: relative
}

.sd-multiselect button {
    background: none;
    border: 1px solid #a6a6a6;
    display: inline-block;
    padding: 5px 30px 5px 10px;
    position: relative
}

.sd-multiselect button:after {
    border-left: 1px solid #a6a6a6;
    border-top: 1px solid #a6a6a6;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 10px;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.sd-multiselect button.active:after {
    margin-top: 7px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sd-multiselect button:focus,
.sd-multiselect button:hover,
.sd-multiselect button:active {
    background-color: #f4f4f4
}

.sd-multiselect button:focus.display-all,
.sd-multiselect button:hover.display-all,
.sd-multiselect button:active.display-all {
    background-color: #7d5e00
}

.sd-multiselect .sd-multiselect-options {
    background-color: #fff;
    border: 1px solid #a6a6a6;
    display: none;
    margin-top: -1px;
    max-width: 200px;
    padding: 5px 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.sd-multiselect .sd-multiselect-options>label {
    display: block;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    width: 100%
}

.sd-multiselect .sd-multiselect-options>label>input {
    cursor: pointer;
    margin-top: 5px;
    position: absolute
}

.sd-multiselect .sd-multiselect-options>label>span {
    margin-left: 25px
}

.sd-playinsection-container {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999
}

.sd-playinsection-mask {
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 997
}

.sd-playinsection-close {
    display: block;
    height: 36px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 998;
    padding: 0;
    border: none;
    background-color: transparent
}

.sd-playinsection-close:before {
    color: #fff;
    content: '×';
    font-size: 50px;
    line-height: 25px
}

.tabs {
    display: none
}

.tabs-content>div {
    display: block;
    margin-top: 50px
}

.tabs-content>div:first-child {
    margin: 0
}

@media only screen and (min-width:768px) {
    .tabs {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .tabs li {
        float: left;
        margin: 0 2px 0 0
    }

    .tabs li a {
        display: inline-block;
        background-color: #dedede;
        color: #000;
        text-align: center;
        padding: 25px 30px
    }

    .tabs li a.active,
    .tabs li a.active:hover {
        background-color: #967100;
        color: #fff
    }

    .tabs li a:hover {
        color: #967100
    }

    .tabs li:last-child {
        margin-right: 0
    }

    .tabs.tabs-size1 li a {
        padding: 10px 25px
    }

    .tabs.tabs-size3 li a {
        padding: 30px 50px
    }

    .tabs-arrow {
        padding: 0;
        overflow: visible
    }

    .tabs-arrow .tabs li a {
        border-top: 4px solid transparent;
        background-color: inherit;
        color: #f2c811
    }

    .tabs-arrow .tabs li a.active {
        position: relative
    }

    .tabs-arrow .tabs li a.active:after {
        z-index: 1;
        content: '';
        position: absolute;
        left: 50%;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .tabs-arrow .tabs li a .icon {
        display: block;
        width: 30px;
        height: auto;
        position: relative;
        left: 50%;
        margin: 0 0 10px;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .tabs-arrow .tabs li a .icon path,
    .tabs-arrow .tabs li a .icon polygon,
    .tabs-arrow .tabs li a .icon rect {
        fill: #fff
    }

    .tabs-arrow .tabs.tabs-arrow-down li a.active {
        border-top: 4px solid #f2c811
    }

    .tabs-arrow .tabs.tabs-arrow-down li a.active:after {
        bottom: -20px;
        border-top: 20px solid #002050
    }

    .tabs-arrow .tabs.tabs-arrow-up li a.active {
        border-bottom: 4px solid #f2c811
    }

    .tabs-arrow .tabs.tabs-arrow-up li a.active:after {
        top: -20px;
        border-bottom: 20px solid #002050
    }

    .tabs-content>div {
        display: none;
        margin: 0
    }

    .tabs-content>div.active {
        display: block
    }
}

@media only screen and (min-width:960px) {
    .tabs li a {
        padding: 25px 50px
    }
}

.toggled {
    display: none
}

.toggled.open {
    display: block
}

.post+.post {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #c8c8c8
}

.post a:focus {
    text-decoration: underline
}

.post p {
    margin: 22px 0
}

.post .post-date {
    margin: 0
}

.post .post-date a {
    color: #967100
}

.post .post-date a:hover {
    color: #967100
}

.post .linkList {
    margin-right: 15px
}

.post .author,
.post .linkList {
    display: inline-block;
    vertical-align: middle
}

.section-featured-post .post .post-date a {
    color: #fff
}

.rep_yt__overlay-screen {
    display: inline-block;
    position: relative;
    z-index: 99
}

.rep_yt__play-icon-container {
    position: absolute;
    width: 90px;
    height: 90px;
    top: calc(50%);
    left: calc(50%);
    transform: translateY(-50%);
    text-align: center;
    margin: auto;
    margin-left: -45px;
    cursor: pointer;
    background: #000;
    opacity: .6;
    border-radius: 50%
}

.blog-page #mainContent .post p .rep_yt__play-icon-container>a,
.blog-page #mainContent .post p .rep_yt__play-icon-container>a:hover {
    color: #000
}

.rep_yt__play-icon-container>a::after {
    line-height: 90px;
    color: #fff;
    width: 90px;
    height: 90px;
    font-size: 50px;
    content: '▶';
    font-family: 'BAPIMDL2';
    font-weight: 500;
    margin-left: 10px
}

.linkList {
    margin: 0;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.linkList li a:focus {
    text-decoration: underline
}

.linkList-horizontal {
    margin-bottom: 0
}

.linkList-horizontal li:last-child {
    margin-bottom: 10px
}

@media only screen and (min-width:540px) {
    .linkList-horizontal li {
        margin: 0 25px 0 0
    }
}

@media only screen and (min-width:768px) {
    .linkList-horizontal li {
        margin: 0 25px 10px 0
    }
}

#Attachment {
    height: 0;
    overflow: hidden
}

.pbi-attachment {
    width: 100%
}

.pbi-attachment-success {
    display: none;
    margin-top: -3px
}

.pbi-attachment-success-icon {
    height: 20px;
    width: 20px
}

.pbi-attachment-container {
    border: solid 2px #eaeaea;
    padding: 12px 12px;
    margin-top: -16px
}

.pbi-attachment-container .button {
    text-transform: none;
    margin-right: 12px;
    width: calc(33% - 6px);
    vertical-align: top
}

@media only screen and (max-width:767px) {
    .pbi-attachment-container .button {
        width: 100%
    }
}

.pbi-attachment-container .pbi-attachment-filename {
    color: #4b4b4b;
    background-color: #ededed;
    border: solid 2px #e6e6e6;
    display: inline-block;
    font-weight: lighter;
    padding: 6px 20px 7px;
    text-align: center;
    width: calc(67% - 6px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

@media only screen and (max-width:767px) {
    .pbi-attachment-container .pbi-attachment-filename {
        width: 100%;
        margin-top: 12px
    }
}

.pbi-attachment-container .pbi-attachment-status {
    display: none;
    font-weight: lighter;
    padding: 6px 0 0;
    text-align: center;
    width: 100%;
    min-height: 40px;
    position: relative
}

.pbi-attachment-container .pbi-attachment-status .field-validation-error {
    display: inline-block;
    margin: 10px 0 0;
    color: #dc3545
}

.pbi-attachment-container .pbi-attachment-status .pbi-attachment-progress-bar {
    display: none;
    border-radius: 10px;
    width: 100%;
    margin: 0 auto;
    height: 20px;
    border: 3px solid #ddd;
    overflow: hidden
}

.pbi-attachment-container .pbi-attachment-status .pbi-attachment-progress-bar .progress {
    background-color: #f2c811;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: width ease-in-out 1.25s;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.pbi-attachment-container .pbi-attachment-status .pbi-attachment-progress-bar .progress.animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@keyframes progress-bar-stripes {
    from {
        background-position: 16px 0
    }

    to {
        background-position: 0 0
    }
}

.bapi-support-service-status .support-section {
    border-width: thin;
    border: 1px solid #dedede;
    box-shadow: 0 0 5px black;
    margin: 10px;
    padding: 0 10px 0 10px
}

.bapi-support-service-status .support-section-outage,
.bapi-support-service-status .support-section-awareness {
    min-height: 100px;
    padding-bottom: 10px
}

.bapi-support-service-status .support-section-outage .service-flex:not(:last-child),
.bapi-support-service-status .support-section-awareness .service-flex:not(:last-child) {
    border-bottom: 1px solid #dedede;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.bapi-support-service-status .support-section-awareness {
    margin-top: 20px
}

.bapi-support-service-status .support-header {
    margin-bottom: 10px
}

.bapi-support-service-status .supporticon {
    height: 22px;
    width: 22px;
    position: relative;
    top: 5px;
    display: inline-block
}

.bapi-support-service-status .service-flex {
    display: -webkit-flex;
    display: flex
}

.bapi-support-service-status .service-flex-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bapi-support-service-status .service-flex-item-icon {
    max-width: 50px
}

.bapi-support-service-status .service-flex-item-icon .supporticon {
    top: 0
}

.bapi-support-service-status .good-status {
    background: url(../cvt-432fd79581ea2f587ad102756eb32d00049fded26206f1b02b8f021c7fc516ae/pictures/pages/support/good-status.png) no-repeat
}

.bapi-support-service-status .information-status {
    background: url(../cvt-3346e4d7be72cafd86c0a5acc39645b9fc0a9c3d3c5feb040dc84595580151ac/pictures/pages/support/information-status.png) no-repeat
}

.bapi-support-service-status .degraded-status {
    background: url(../cvt-13d65cfa7990af192a7c14f9cf1409893cfbd9428676f74a98ad343c2eeae390/pictures/pages/support/degraded-status.png) no-repeat
}

.bapi-support-service-status .outage-status {
    background: url(../cvt-32accca1d7a73b36e592adc66a9237031f075a62939d9361da3120b5a2c2d01c/pictures/pages/support/outage-status.png) no-repeat
}

.bapi-support-service-status .linkList-horizontal li {
    margin: 0 15px 5px 0 !important
}

@media only screen and (max-width:960px) {
    .bapi-support-service-status .linkList li {
        float: inherit !important
    }
}

@media only screen and (max-width:540px) {
    .bapi-support-service-status .column+.column {
        margin-top: 0% !important
    }

    .bapi-support-service-status .section.section-size1 {
        padding-top: 0 !important
    }
}

@media screen and (-ms-high-contrast:white-on-black) {
    .card-block .icon svg {
        stroke: #fff
    }
}

.support-button {
    text-decoration: underline
}

.section-get-started {
    background-color: #191919;
    color: #f2c811
}

@media screen and (min-width:960px) {
    .section-get-started .button {
        float: right !important
    }
}

.faq {
    background-color: #fff;
    color: #2e2e33;
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

.faq__item {
    margin: 0
}

.faq__question {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #fff;
    border: none;
    font-weight: 600;
    margin: 0;
    padding: 20px 30px;
    text-align: left;
    width: 100%;
    margin-bottom: 2px
}

@media screen and (min-width:960px) {
    .faq__question {
        font-size: 20px
    }
}

.faq__question__headerIcon {
    display: inherit;
    width: 24px;
    font-weight: 700;
    vertical-align: text-bottom;
    max-width: none
}

.faq__question__headerIcon__active .vert {
    display: none
}

@media(-ms-high-contrast:white-on-black),
(forced-colors:active)and (prefers-color-scheme:dark) {
    .faq__question__headerIcon svg rect {
        filter: invert(1)
    }
}

.faq__answer {
    display: none;
    line-height: 1.75;
    margin: 0
}

.faq__answer ul {
    padding-right: 30px
}

.faq__answer p {
    padding: 0 30px
}

.faq__answer a {
    text-decoration: underline
}

.border-top-none {
    border-top: none !important
}

.carousel-header {
    background-color: #333;
    border-radius: 6px 6px 0 0;
    display: block;
    height: 25px;
    padding: 0 10px
}

.carousel-header .dot {
    background-color: #666;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px
}

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

.owl-carousel.owl-loaded .owl-item img {
    display: inline-block
}

.owl-carousel-base .owl-nav {
    display: none
}

.owl-carousel-wide .owl-prev,
.owl-carousel-wide .owl-next {
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: inline-block;
    position: absolute
}

.owl-carousel-wide .owl-prev .icon,
.owl-carousel-wide .owl-next .icon {
    height: 45px;
    width: 25px;
    opacity: .6
}

.owl-carousel-wide .owl-prev .icon:hover,
.owl-carousel-wide .owl-next .icon:hover {
    opacity: .7
}

.owl-carousel-wide .owl-prev {
    left: 0
}

.owl-carousel-wide .owl-next {
    right: 0
}

.owl-carousel-wide img {
    display: none;
    max-height: 450px
}

.owl-carousel-wide.owl-loaded .owl-item img {
    display: block
}

.owl-carousel-wide .owl-item a {
    position: relative;
    display: block
}

.owl-carousel-wide .owl-item:not(.center) .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .7;
    background-color: #000
}

.owl-carousel-blank .row {
    display: none
}

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

.owl-carousel-narrow .owl-stage-outer {
    background-color: #dedede;
    border-radius: 0 0 6px 6px
}

.owl-carousel-narrow .owl-stage-outer img {
    margin: 20px 0;
    max-height: 500px;
    max-width: 90%
}

.owl-carousel-narrow .owl-prev,
.owl-carousel-narrow .owl-next {
    bottom: 50%;
    display: inline-block;
    position: absolute
}

.owl-carousel-narrow .owl-prev .icon,
.owl-carousel-narrow .owl-next .icon {
    height: 55px;
    width: 30px
}

.owl-carousel-narrow .owl-prev {
    left: -50px
}

.owl-carousel-narrow .owl-next {
    right: -50px
}

.owl-carousel-dots {
    padding-bottom: 30px
}

.owl-carousel-dots .owl-controls {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%
}

.owl-carousel-dots .owl-controls:after {
    clear: both;
    content: '';
    display: table
}

.owl-carousel-dots .owl-controls .owl-dots {
    display: inline-block;
    float: right;
    padding: 10px 0
}

.owl-carousel-dots .owl-controls .owl-dot {
    background-color: #c8c8c8;
    border-radius: 5px;
    float: left;
    height: 10px;
    margin-left: 5px;
    opacity: .6;
    width: 10px
}

.owl-carousel-dots .owl-controls .owl-dot.active {
    background-color: #c8c8c8;
    opacity: 1
}

.owl-carousel-vertical {
    background-color: #fff
}

.owl-carousel-vertical .owl-stage {
    overflow: hidden
}

.owl-carousel-vertical .owl-item {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.owl-carousel-vertical .owl-item:not(.active) a {
    visibility: hidden
}

.owl-controls-vertical a {
    display: inline-block;
    margin: 0 2.9%;
    padding-bottom: 5px;
    position: relative;
    text-align: center;
    width: 18%
}

.owl-controls-vertical a .icon {
    display: block;
    margin: 25px auto
}

.owl-controls-vertical a .icon svg {
    color: #fff;
    fill: #fff
}

.owl-controls-vertical a .dot-label {
    color: #fff;
    margin-bottom: 10px;
    display: inline-block
}

.owl-controls-vertical a:focus {
    outline-offset: -3px;
    outline: 2px dashed #fff
}

.owl-controls-vertical a:hover {
    text-decoration: none
}

.owl-controls-vertical a:before {
    background: none;
    border-style: solid;
    border-width: 0 25px 25px;
    border-color: transparent transparent transparent transparent;
    bottom: 100%;
    content: "";
    height: 0;
    left: 40%;
    position: absolute;
    width: 0;
    z-index: 9999
}

@media only screen and (max-width:768px) {
    .owl-controls-vertical a:before {
        left: 20%
    }
}

.owl-controls-vertical a.active .underline {
    border-bottom: 3px solid #f2c811;
    width: 0%;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%
}

.owl-controls-vertical a.active .icon .glyphicon {
    color: #f2c811
}

.owl-controls-vertical a.active .icon svg {
    color: #f2c811;
    fill: #f2c811
}

.owl-controls-vertical a.active:before {
    border-color: transparent transparent #000 transparent
}

.owl-controls-vertical a:hover {
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .owl-carousel-base .owl-item {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .owl-carousel-base .owl-nav {
        display: block;
        position: absolute;
        top: 20px
    }

    .owl-carousel-base .owl-nav .owl-prev,
    .owl-carousel-base .owl-nav .owl-next {
        display: inline-block;
        margin-left: 5px
    }

    .owl-carousel-base .owl-nav .owl-prev .icon,
    .owl-carousel-base .owl-nav .owl-next .icon {
        height: 35px;
        width: 20px
    }
}

.shadow-palette05 {
    box-shadow: 0 2px 20px 2px #e3b516
}

.shadow {
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@media only screen and (min-width:768px) {
    .owl-carousel-base .owl-nav {
        right: 0 !important
    }
}

::-webkit-input-placeholder {
    color: #737373
}

:-moz-placeholder {
    color: #737373
}

::-moz-placeholder {
    color: #737373
}

:-ms-input-placeholder {
    color: #737373
}

.bapi-underline {
    text-decoration: underline !important
}

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

.underline-heading {
    text-decoration: underline
}

.inline-link {
    text-decoration: underline !important;
    color: #000 !important
}

.c-paragraph a {
    text-decoration: underline
}

.c-paragraph.text-normal a {
    color: inherit
}

ul li a.articles-clicked-link {
    text-decoration: underline
}

ul.scrollspy {
    text-decoration: underline
}

ul li a.c-hyperlink {
    text-decoration: underline;
    outline-offset: 3px
}

ol li a {
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    .m-hero-item .c-subheading {
        display: block !important
    }
}

.m-feature>div .c-heading {
    font-size: 24px;
    margin-top: 0
}

.f-precise-click {
    cursor: default !important
}

.pbi-quote-custom .m-content-placement .f-precise-click {
    cursor: default !important
}

input[type=checkbox] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important
}

p.text-left.text-mini.form-row a {
    text-decoration: underline
}

.bapi-semibold {
    font-weight: 400
}

.bapi-bold {
    font-weight: 700 !important
}

.bapi-font-mini {
    font-size: 11px
}

.bapi-font-micro {
    font-size: 8px
}

.bapi-text-slate01 {
    color: #000
}

.bapi-text-slate16 {
    color: #fff
}

.bapi-link-palette a {
    color: #967100
}

.bapi-bg-slate01 {
    background-color: #000;
    color: #fff
}

.bapi-bg-slate02 {
    background-color: #1a1a1a;
    color: #fff
}

.bapi-bg-slate03 {
    background-color: #262626;
    color: #fff
}

.bapi-bg-slate04 {
    background-color: #333;
    color: #fff
}

.bapi-bg-slate05 {
    background-color: #404040;
    color: #fff
}

.bapi-bg-slate06 {
    background-color: #4d4d4d
}

.bapi-bg-slate07 {
    background-color: #666
}

.bapi-bg-slate08 {
    background-color: #737373
}

.bapi-bg-slate09 {
    background-color: #8c8c8c
}

.bapi-bg-slate10 {
    background-color: #999
}

.bapi-bg-slate11 {
    background-color: #b2b2b2
}

.bapi-bg-slate12 {
    background-color: #ccc
}

.bapi-bg-slate13 {
    background-color: #d9d9d9
}

.bapi-bg-slate14 {
    background-color: #e5e5e5
}

.bapi-bg-slate15 {
    background-color: #f2f2f2
}

.bapi-bg-slate16 {
    background-color: #fff
}

.bapi-bg-slate17 {
    background-color: #e6e6e6
}

.bapi-bg-slate18 {
    background-color: #e3e3e3
}

.bapi-bg-slate19 {
    background-color: #5e5e5e !important;
    color: #fff !important
}

.bapi-bg-palette01 {
    background-color: #f2c811;
    color: #000
}

.bapi-bg-palette01 .c-select,
.bapi-bg-palette01 .c-text-field {
    color: #000
}

.bapi-bg-palette01 .bapi-bg-slate16 {
    color: #000
}

.bapi-bg-palette02 {
    background-color: #967100
}

.bapi-bg-palette03 {
    background-color: #fad227
}

.bapi-bg-palette04 {
    background-color: #e3b516
}

.padding-size0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.padding-size01 {
    padding-top: 12px;
    padding-bottom: 12px
}

.padding-size02 {
    padding-top: 24px;
    padding-bottom: 24px
}

.padding-size03 {
    padding-top: 36px;
    padding-bottom: 36px
}

.padding-size04 {
    padding-top: 48px;
    padding-bottom: 48px
}

.padding-size05 {
    padding-top: 60px;
    padding-bottom: 60px
}

.padding-size06 {
    padding-top: 72px;
    padding-bottom: 72px
}

.padding-bottom01 {
    padding-bottom: 12px
}

.padding-bottom02 {
    padding-bottom: 24px
}

.padding-bottom03 {
    padding-bottom: 36px
}

.padding-bottom04 {
    padding-bottom: 48px
}

.padding-bottom05 {
    padding-bottom: 60px
}

.padding-bottom06 {
    padding-bottom: 72px
}

.padding-top0 {
    padding-top: 0 !important
}

.padding-top01 {
    padding-top: 12px
}

.padding-top02 {
    padding-top: 24px
}

.padding-top03 {
    padding-top: 36px
}

.padding-top04 {
    padding-top: 48px
}

.padding-top05 {
    padding-top: 60px
}

.padding-top06 {
    padding-top: 72px
}

.padding-side0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.padding-side01 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.padding-side02 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.padding-side03 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.padding-side04 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.padding-right0 {
    padding-right: 0 !important
}

.padding-right01 {
    padding-right: 12px !important
}

.padding-right02 {
    padding-right: 24px !important
}

.padding-right03 {
    padding-right: 36px !important
}

.padding-right04 {
    padding-right: 48px !important
}

@media only screen and (min-width:1084px) {
    .bapi-min-res4-padding-06 {
        padding-left: 72px !important;
        padding-right: 72px !important
    }

    .bapi-min-res4-padding-03 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }
}

@media only screen and (max-width:1084px) {
    .bapi-max-res4-padding-03 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }
}

.margin-bottom0 {
    margin-bottom: 0 !important
}

.margin-bottom01 {
    margin-bottom: 12px
}

.margin-bottom02 {
    margin-bottom: 24px
}

.margin-bottom03 {
    margin-bottom: 36px
}

.margin-bottom04 {
    margin-bottom: 48px
}

.margin-bottom05 {
    margin-bottom: 60px
}

.margin-bottom06 {
    margin-bottom: 72px
}

.margin-top0 {
    margin-top: 0 !important
}

.margin-top01 {
    margin-top: 12px
}

.margin-top02 {
    margin-top: 24px
}

.margin-top03 {
    margin-top: 36px
}

.margin-top04 {
    margin-top: 48px
}

.margin-top05 {
    margin-top: 60px
}

.margin-top06 {
    margin-top: 72px
}

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

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

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

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

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

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

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

.bapi-justify-center {
    justify-content: center
}

.bapi-text-uppercase {
    text-transform: uppercase
}

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

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

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

@media only screen and (max-width:767px) {
    .bapi-text-center-mobile {
        text-align: center !important
    }
}

@media only screen and (max-width:767px) {
    .bapi-text-left-mobile {
        text-align: left !important
    }
}

.bapi-clearfix:after {
    content: "";
    display: table;
    clear: both
}

.bapi-show {
    display: block
}

.bapi-hide {
    display: none !important
}

.bapi-pull-right {
    float: right
}

.bapi-pull-left {
    float: left
}

.position-relative {
    position: relative
}

.bapi-short-rule {
    border-top: 1px solid #999;
    margin-top: 16px;
    width: 45px
}

.bapi-full-rule {
    border-top: 1px solid #999
}

.bapi-full-width {
    width: 100%;
    max-width: 100%
}

.bapi-no-border {
    border: none !important
}

.bapi-cursor-pointer {
    cursor: pointer
}

.bapi-mobile-gutter {
    padding-left: 12px;
    padding-right: 12px
}

@media screen and (min-width:1084px) {
    .bapi-mobile-gutter {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media only screen and (max-width:767px) {
    .bapi-inner-hero {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }
}

.bapi-inner-hero p.c-subheading {
    padding-bottom: 24px !important
}

@media only screen and (min-width:320px) {
    .bapi-hide-res1 {
        display: none !important
    }
}

@media only screen and (min-width:540px) {
    .bapi-hide-res2 {
        display: none !important
    }
}

@media only screen and (min-width:768px) {
    .bapi-hide-res3 {
        display: none !important
    }
}

@media only screen and (min-width:1180px) {
    .bapi-hide-hamburger {
        display: none !important
    }
}

@media only screen and (min-width:1084px) {
    .bapi-hide-res4 {
        display: none !important
    }
}

@media only screen and (min-width:1400px) {
    .bapi-hide-res5 {
        display: none !important
    }
}

@media only screen and (min-width:320px) {
    .bapi-show-res1 {
        display: block !important
    }
}

@media only screen and (min-width:540px) {
    .bapi-show-res2 {
        display: block !important
    }
}

@media only screen and (min-width:768px) {
    .bapi-show-res3 {
        display: block !important
    }
}

@media only screen and (min-width:1084px) {
    .bapi-show-res4 {
        display: block !important
    }
}

@media only screen and (min-width:1400px) {
    .bapi-show-res5 {
        display: block !important
    }
}

@media only screen and (max-width:767px) {
    .bapi-res3-hp-hero-show {
        display: block !important
    }
}

@media only screen and (min-width:768px)and (max-width:1084px) {
    #publish-share-power-bi-pro.m-feature div {
        left: inherit;
        position: inherit;
        top: inherit;
        -ms-transform: inherit;
        transform: inherit;
        width: inherit;
        text-align: inherit;
        padding-bottom: 20px
    }

    #publish-share-power-bi-pro.m-feature div>.c-heading-3 {
        padding: 0;
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (min-width:768px)and (max-width:1084px) {
    #publish-share-power-bi-pro.no-padding {
        padding-top: 0 !important
    }

    #publish-share-power-bi-pro.no-padding picture {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%
    }
}

.bapi-desktop-page {}

.bapi-desktop-page .c-call-to-action.bapi-button-primary:focus {
    background: #fad227 !important;
    outline: #fff solid 2px !important
}

@media only screen and (max-width:767px) {
    .bapi-desktop-page.m-feature div .c-heading-3 {
        padding-top: 0
    }

    .bapi-desktop-page.m-feature div p {
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    .bapi-desktop-page.m-feature div {
        left: inherit;
        position: inherit;
        top: inherit;
        -ms-transform: inherit;
        transform: inherit;
        width: inherit;
        text-align: inherit
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    .bapi-desktop-page.m-feature picture {
        width: inherit;
        float: inherit;
        padding-left: 36px;
        padding-right: 36px
    }
}

@media only screen and (max-width:959px) {
    .bapi-desktop-page.m-feature picture {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    .bapi-desktop-page.no-padding {
        padding-top: 0 !important
    }

    .bapi-desktop-page.no-padding picture {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    .bapi-desktop-page.bapi-share {
        padding-top: 36px;
        padding-bottom: 36px
    }
}

@media only screen and (max-width:767px) {
    .bapi-full-width>.bapi-desktop-page.m-feature {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media only screen and (max-width:539px) {
    .bapi-full-width>.bapi-desktop-page.m-feature {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width:1083px) {
    .two-color {
        text-align: center;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:1084px) {
    .two-color {
        max-width: calc(800px - 12.5%)
    }

    .two-color.two-color-left {
        margin-left: auto
    }

    .two-color.two-color-right {
        margin-right: auto
    }
}

@media only screen and (min-width:768px) {
    #get-start-blade.m-image-intro.f-align-center>div {
        top: calc(50%)
    }
}

#get-start-blade picture::after {
    background: rgba(0, 0, 0, .6)
}

@media only screen and (max-width:767px) {
    #get-start-blade picture {
        display: none
    }

    #get-start-blade div {
        position: relative;
        left: 0;
        transform: none;
        top: initial
    }
}

#bapi-hero-item .c-call-to-action.bapi-button-primary:focus {
    background: #fad227 !important;
    outline: #fff solid 2px !important
}

.chart-feature>div .c-paragraph {
    font-size: 10px;
    line-height: 15px
}

.chart-feature .m-feature {
    margin: 0
}

.chart-feature a.c-call-to-action.bapi-button-secondary,
.chart-feature a.c-call-to-action.bapi-button-secondary:focus {
    padding: 10px 22px 7px 24px
}

.understand-pwrbi-mod .c-heading-2 {
    font-weight: 600
}

.understand-pwrbi-mod p {
    font-size: 18px;
    font-weight: 500
}

.understand-pwrbi-mod a.bapi-button-secondary {
    margin-top: 10px
}

.understand-pwrbi-mod .c-heading-5 {
    font-weight: 600
}

.understand-pwrbi-mod .secondrow a {
    overflow: initial
}

.cost-mod p {
    padding-top: 20px
}

.cost-mod a {
    margin-top: 10px
}

.cost-mod .secondcol {
    padding-bottom: 20px
}

.c-content-placement:hover>div .c-heading,
.m-content-placement-item:hover>div .c-heading {
    text-decoration: none
}

.icon.large {
    width: 70px;
    height: 70px
}

.icon.large.rect {
    width: 140px;
    height: 100px
}

@media only screen and (min-width:1400px) {
    .compliance-mod picture {
        padding: 30px 90px
    }
}

@media only screen and (min-width:1084px)and (max-width:1399px) {
    .compliance-mod picture {
        padding: 30px 40px
    }
}

@media only screen and (min-width:768px)and (max-width:1083px) {
    .compliance-mod picture {
        padding: 30px 30px
    }
}

.chart-feature .c-paragraph.second-paragraph {
    padding-top: 0
}

.chart-feature .c-heading-3 {
    padding-top: 0
}

@media only screen and (min-width:768px)and (max-width:1084px) {
    .chart-feature .c-heading-3 {
        font-size: 27px;
        line-height: 29px
    }
}

.chart-feature hr {
    margin-top: 40px
}

.chart-feature a {
    display: inline-flex
}

@media only screen and (max-width:959px) {
    .chart-feature .bapi-desktop-page.m-feature picture {
        padding-left: 0;
        padding-right: 0;
        padding-top: 36px
    }

    .chart-feature .bapi-desktop-page.m-feature>div {
        text-align: left;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:960px)and (max-width:1399px) {
    .chart-feature .bapi-desktop-page.m-feature picture {
        padding-top: 30px;
        padding-bottom: 48px
    }
}

@media only screen and (max-width:767px) {
    .chart-feature.bapi-full-width>.bapi-desktop-page.m-feature {
        padding-left: 0;
        padding-right: 0
    }
}

.m-hero-item>div>div .c-heading,
.m-hero-item>div>div .c-subheading,
.m-hero-item>div>div .c-paragraph {
    max-height: none;
    max-height: unset
}

@media screen and (max-width:767px) {

    .m-hero-item .c-heading,
    .m-hero-item .c-paragraph {
        max-height: none;
        max-height: unset
    }
}

@media only screen and (max-width:539px) {
    .m-hero-item .c-paragraph {
        display: block
    }

    .cost-mod {
        clear: both
    }
}

.no-glyph:after {
    content: "" !important
}

.secondary-video:hover #play-circle,
.secondary-video:focus #play-circle {
    fill: white
}

.secondary-video:focus #play-circle-sec {
    fill: white
}

.bapi-signup .c-button {
    margin-top: 20px;
    padding-top: 9px !important
}

.bapi-signup p {
    clear: both
}

.bapi-signup p a,
.bapi-signup p a:hover {
    text-decoration: underline
}

a.c-call-to-action.f-lightweight.sec-link {
    padding-bottom: 16px;
    margin-left: 20px
}

.c-pivot>div.stacked-pivot-links {
    display: inline-block;
    white-space: normal;
    height: auto;
    text-align: center
}

.c-pivot>div.stacked-pivot-links>a {
    margin-top: 5px
}

@media only screen and (max-width:767px) {
    .c-pivot>div.stacked-pivot-links>a {
        white-space: normal
    }
}

.c-pivot>div.stacked-pivot-links>a:first-child {
    margin-left: 12px !important
}

.c-pivot>div>[role="tab"],
.c-pivot>div a,
.c-pivot>div>[role="tab"],
.c-pivot>div a,
.c-pivot>[role="tablist"]>[role="tab"],
.c-pivot>[role="tablist"] a {
    font-weight: 600
}

.c-pivot:not(.f-disabled)>div>a.f-active {
    border-bottom: 2px solid #f2c811 !important
}

.c-pivot:not(.f-disabled)>div>a.f-active::after {
    border-bottom: none !important
}

@media only screen and (max-width:767px) {
    .c-flipper.bapi-fixed-mobile-flipper {
        top: 56vw
    }
}

.bapi-pivot-section .bapi-pivot-content {
    padding: 0 48px;
    margin-top: 24px
}

@media only screen and (max-width:767px) {
    .bapi-pivot-section .bapi-pivot-content {
        max-width: 490px;
        margin: 0 auto;
        text-align: center;
        padding: 0
    }
}

@media only screen and (max-width:1083px) {
    .bapi-pivot-section .bapi-pivot-content {
        padding-right: 0
    }
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app {
    margin-top: 20px
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo {
    display: block;
    margin: 0 auto
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.ap {
    width: 45px;
    height: 52px
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.king-five {
    width: 126px;
    height: 71px
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.recode {
    width: 191px;
    height: 47px
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.microsoft {
    width: 177px;
    height: 38px
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.curbed {
    width: 144px;
    height: 75px
}

@media only screen and (max-width:767px) {
    .bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.ap {
        width: 36px;
        height: 42px
    }

    .bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.king-five {
        width: 103px;
        height: 58px
    }

    .bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.recode {
        width: 98px;
        height: 24px
    }

    .bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-logo img.microsoft {
        width: 103px;
        height: 22px
    }
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-app-content {
    display: inline-block;
    width: calc(100% - 60px);
    vertical-align: top;
    padding-left: 16px
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-app-content p {
    margin: 0
}

@media only screen and (max-width:767px) {
    .bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-app-content {
        display: block;
        width: 100%;
        margin-top: 0;
        padding-left: 0
    }
}

.bapi-pivot-section .bapi-pivot-content .bapi-pivot-app .bapi-pivot-app-content a.c-call-to-action.bapi-button-primary {
    margin: 15px
}

@media only screen and (max-width:540px) {
    .m-highlight-feature div {
        padding-left: 1px;
        padding-right: 1px;
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .m-highlight-feature div {
        width: 480px;
        height: auto
    }
}

@media only screen and (min-width:768px)and (max-width:1399px) {
    .m-highlight-feature.tall-chart div {
        min-height: 418px;
        min-width: 348px
    }
}

.img-shadow picture {
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .44)
}

a.c-call-to-action.wrap-normal,
button.c-call-to-action.wrap-normal,
button.c-button.wrap-normal {
    white-space: normal
}

a.c-call-to-action.wrap-normal.c-glyph,
button.c-call-to-action.wrap-normal.c-glyph,
button.c-button.wrap-normal.c-glyph {
    text-align: left;
    font-size: 16px;
    font-weight: normal
}

a.c-call-to-action.wrap-normal.c-glyph span,
button.c-call-to-action.wrap-normal.c-glyph span,
button.c-button.wrap-normal.c-glyph span {
    display: inline
}

html[dir='rtl'] a.c-call-to-action.wrap-normal.c-glyph span,
button.c-call-to-action.wrap-normal.c-glyph span,
html[dir='rtl'] button.c-button.wrap-normal.c-glyph span {
    display: inline-block !important
}

a.c-call-to-action.no-transform.c-glyph,
button.c-call-to-action.no-transform.c-glyph,
button.c-button.no-transform.c-glyph {
    text-transform: none
}

a.c-call-to-action:after {
    display: inline !important
}

.link-block {
    display: block !important
}

@media only screen and (max-width:767px) {
    .theme-dark-small {
        color: #fff;
        background-color: #333
    }
}

.c-dialog [role=dialog],
.c-dialog>[role=presentation] {
    z-index: 88889
}

@media only screen and (min-width:768px)and (max-width:900px) {
    .onboarding-padding {
        padding-left: 50px
    }

    .onboarding-feature.m-feature.f-align-left>div {
        padding: 0 10px
    }
}

.bapi-img-drop-shadow img {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

svg[aria-hidden="true"] {
    display: block
}

.bapi-apple-image {
    display: inline-block
}

.bapi-apple-image img {
    width: 204px;
    height: 59px
}

@media only screen and (max-width:767px) {
    .bapi-apple-image img {
        width: 172px;
        height: 50px
    }
}

.bapi-microsoft-image {
    display: inline-block;
    margin-left: 12px
}

@media only screen and (max-width:539px) {
    .bapi-microsoft-image {
        margin-top: 12px
    }
}

.bapi-microsoft-image img {
    width: 166px;
    height: 60px
}

@media only screen and (max-width:767px) {
    .bapi-microsoft-image img {
        width: 138px;
        height: 50px
    }
}

.bapi-google-image {
    display: inline-block;
    margin-left: 12px
}

@media only screen and (max-width:767px) {
    .bapi-google-image {
        margin-top: 12px
    }
}

.bapi-google-image img {
    width: 192px;
    height: 57px
}

@media only screen and (max-width:767px) {
    .bapi-google-image img {
        width: 168px;
        height: 50px
    }
}

@media only screen and (min-width:768px) {
    div.bapi-hero-input {
        padding: 30px;
        background-color: #e6e6e6
    }
}

@media only screen and (min-width:768px) {
    div.bapi-hero-input {
        position: relative !important;
        float: right
    }
}

@media only screen and (min-width:768px)and (max-width:1083px) {
    div.bapi-hero-input {
        display: none
    }
}

div.bapi-hero-input fieldset {
    display: inline-block !important;
    vertical-align: top !important;
    width: 296px !important;
    margin-top: 12px !important;
    margin-right: 0 !important;
    float: unset
}

div.bapi-hero-input fieldset input {
    border: none !important;
    margin-top: 0 !important
}

div.bapi-hero-input .form-navigation {
    vertical-align: top !important;
    margin-left: -6px !important;
    border-color: #f2c811 !important;
    float: unset;
    text-align: center
}

div.bapi-hero-input .form-navigation button {
    vertical-align: top !important;
    height: 36px !important;
    width: auto !important
}

.bapi-video-button-text {
    vertical-align: middle;
    padding-bottom: 5px
}

.m-social li.spacing a {
    width: 42px
}

.m-social li.spacing svg {
    height: 30px
}

.f-mask-50>.m-ambient-video video {
    opacity: .5
}

.toggler.android {
    max-width: 150px
}

.toggler.android:focus {
    outline: 2px dashed #000
}

@media only screen and (min-width:960px)and (max-width:1399px) {
    .unlock-intelligence-module picture {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.m-hero-item .c-product-subtitle {
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1400px) {
    .m-hero-item .c-product-subtitle {
        font-size: 30px;
        line-height: 40px
    }
}

.bapi-bg-slate01 .inline-link a {
    color: #fff;
    text-decoration: underline
}

@media(-ms-high-contrast:black-on-white) {
    .bapi-bg-slate01 .two-color-right span.icon svg {
        filter: invert(1)
    }
}

.video {
    display: block;
    position: relative
}

.video .icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 15%;
    width: 11%
}

.video img {
    width: 100%
}

.inline-video-container .inline-video-wrapper {
    width: 100%
}

.inline-video-container .hideInlineVideo {
    display: none
}

@media only screen and (max-width:1083px) {
    .bapi-custompad-15 {
        padding-left: 15px;
        padding-right: 15px
    }
}

header [data-grid=col-12] {
    min-height: 0
}

.bapi-mobile-gutter-large {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width:1084px) {
    .bapi-mobile-gutter-large {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media only screen and (max-width:539px) {
    .mobile-spacing {
        padding-top: 15px !important;
        margin-bottom: 5px
    }
}

.hidden {
    display: none
}

.bapi-picture-shadow img {
    box-shadow: 0 5px 70px 0 rgba(0, 0, 0, .3)
}

.bpg-business-analysts__bc-content-placement-item--custom picture {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 2px
}

.bpg-business-analysts__bc-content-placement-item--custom p {
    font-weight: 600
}

.video-icon-right span svg {
    max-height: 24px !important;
    max-width: 24px !important;
    display: inline-block;
    vertical-align: text-bottom
}

.video-icon-right:after {
    content: "" !important
}

.bapi-feature-hero>div p.c-paragraph {
    padding-top: 4px
}

@media only screen and (min-width:1084px) {
    .bapi-feature-hero>div h1.c-heading {
        font-size: 46px;
        line-height: 56px
    }

    .bapi-feature-hero>div p.c-paragraph {
        font-size: 18px;
        line-height: 24px
    }
}

@media only screen and (min-width:960px)and (max-width:1083px) {
    .bapi-feature-hero>div h1.c-heading {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 0
    }

    .bapi-feature-hero>div p.c-paragraph {
        margin-top: 0
    }
}

@media only screen and (max-width:959px) {
    .bapi-feature-hero>div {
        width: inherit !important;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .bapi-feature-hero>picture {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width:959px) {
    .bapi-feature-left-custom>div {
        width: inherit !important;
        text-align: left !important
    }
}

@media only screen and (min-width:960px)and (max-width:1365px) {
    .bapi-feature-left-custom>div h3 {
        font-size: 28px !important;
        line-height: 32px !important;
        margin-bottom: 0
    }
}

@media only screen and (min-width:960px)and (max-width:1365px) {
    .pbi-businessanalyst-secondblade-custom h2 {
        font-size: 28px !important;
        line-height: 32px !important
    }
}

@media only screen and (max-width:959px) {
    .pbi-businessanalyst-secondblade-custom h2 {
        font-size: 26px !important;
        line-height: 32px !important
    }
}

.pbi-quote-custom h3 {
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: 400 !important
}

@media only screen and (min-width:960px)and (max-width:1365px) {
    .pbi-quote-custom h3 {
        font-size: 24px !important;
        line-height: 30px !important
    }
}

@media only screen and (max-width:959px) {
    .pbi-quote-custom h3 {
        font-size: 22px !important;
        line-height: 28px !important
    }
}

.pbi-quote-custom p {
    margin-top: 0
}

.simplified-header.bapi-common-footer .bapi-link-list .f-icon-link .f-icon {
    display: inline-block
}

@media screen and (-ms-high-contrast:white-on-black) {
    .bapi-common-footer .bapi-link-list .f-icon-link .f-icon>svg {
        fill: #fff
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    .bapi-desktop-page.m-feature div {
        left: inherit
    }
}

p.text-left.text-mini.form-row {
    text-align: left
}

.field-validation-error {
    float: left
}

.on-focus-white:focus {
    outline: 2px dashed #fff !important;
    outline-offset: 1px
}

.on-focus-black:focus {
    outline-offset: 1px
}

html[dir="rtl"] .m-highlight-feature img {
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

html[dir="rtl"] .business-analysts-pbi-excel-icon {
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

html[dir="rtl"] .bapi-inner-hero a.no-glyph span.icon svg {
    transform: scaleX(-1)
}

.russia-banner {
    background-color: #000;
    padding-top: 12px;
    padding-bottom: 12px
}

.russia-banner a {
    background-color: #000;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 400 !important
}

.russia-banner:hover a {
    background-color: #000;
    text-decoration: underline
}

@font-face {
    font-family: 'DIN';
    src: url(https://powerbi.microsoft.com/cvt-cc3b1e1093e7d803baeff1e495f8ebcb06c3d8b4680049006dff8ac1260af3c4/fonts/din/light/latest.eot);
    src: local("DIN Light"), url(https://powerbi.microsoft.com/cvt-cc3b1e1093e7d803baeff1e495f8ebcb06c3d8b4680049006dff8ac1260af3c4/fonts/din/light/latest.eot?#iefix) format('embedded-opentype'), url(https://powerbi.microsoft.com/cvt-1255e59cd9fbd711e6e1bbff10951ada55899a2e4af11fe2c5a1947da4323650/fonts/din/light/latest.woff) format('woff'), url(https://powerbi.microsoft.com/cvt-209c5ca0f3af0905e58ddadd0c1f94eee77ed76e308f32c7309b90d110727673/fonts/din/light/latest.ttf) format('truetype');
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: 'DIN';
    src: url(https://powerbi.microsoft.com/cvt-2ab52defa82ac1b7f089543725ea61388dffbc6aaba209c3930bf39d2e8ad339/fonts/din/normal/latest.eot);
    src: local("DIN UI"), url(https://powerbi.microsoft.com/cvt-2ab52defa82ac1b7f089543725ea61388dffbc6aaba209c3930bf39d2e8ad339/fonts/din/normal/latest.eot?#iefix) format('embedded-opentype'), url(https://powerbi.microsoft.com/cvt-218b80630d82add24628a79baad7d3bae2169e650d8f29dda8568dafb9d0e3cb/fonts/din/normal/latest.woff) format('woff'), url(https://powerbi.microsoft.com/cvt-d65c52eb414c78a43619f2dcce8436659676c05aa33cec4e201ab7d8716991d8/fonts/din/normal/latest.ttf) format('truetype');
    font-style: normal;
    font-weight: 400
}

.article-header {
    border-bottom: 1px solid #dedede
}

.article-header .author-meta {
    margin: 25px 0
}

.article-header .author-meta img {
    border-radius: 15px;
    display: inline-block;
    height: 30px;
    width: 30px
}

.article-header .author-meta p {
    display: inline-block;
    line-height: 10px;
    padding-left: 10px;
    vertical-align: top
}

.article-header .author-meta p.article-date {
    float: right
}

[itemprop="articlebody"] img {
    margin: 10px 0;
    vertical-align: middle
}

.navigationLeft {
    display: block;
    width: 100%
}

.navigationLeft .title {
    background-color: #f4f4f4;
    cursor: pointer;
    display: block;
    padding: 10px
}

.navigationLeft.show>ul {
    display: block
}

.navigationLeft>ul {
    display: none
}

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

.navigationLeft li {
    margin: 0;
    padding: 0 10px
}

.navigationLeft li li {
    margin-left: 25px
}

.navigationLeft li li a {
    padding: 0 0 10px
}

.navigationLeft a {
    color: #333;
    display: block;
    padding: 10px 0 10px 20px;
    position: relative
}

.navigationLeft a:hover,
.navigationLeft a.active {
    color: #000;
    font-weight: 600
}

@media only screen and (min-width:960px) {
    .navigationLeft {
        margin-right: 30px
    }

    .navigationLeft li {
        padding: 0 10px 0 0
    }

    .navigationLeft a {
        padding: 10px 0
    }

    .navigationLeft>ul {
        display: block
    }

    .navigationLeft .title {
        background-color: transparent;
        cursor: auto;
        padding: 0
    }
}

[itemprop="articlebody"] .navigationScroll {
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 25px;
    position: static !important
}

[itemprop="articlebody"] .navigationScroll span {
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

[itemprop="articlebody"] .navigationScroll ul {
    margin: 0;
    max-width: 100%
}

[itemprop="articlebody"] .navigationScroll li {
    margin-top: 10px
}

[itemprop="articlebody"] .navigationScroll li:first-child {
    margin-top: 0
}

.column-navigationScroll .navigationScroll {
    display: none
}

@media only screen and (min-width:960px) {
    [itemprop="articlebody"] .navigationScroll {
        display: none
    }

    .column-navigationScroll .navigationScroll {
        -webkit-transition: opacity .5s ease-out;
        transition: opacity .5s ease-out;
        display: block;
        opacity: 1;
        position: fixed
    }

    .column-navigationScroll .navigationScroll.hidden {
        opacity: 0
    }

    .column-navigationScroll .navigationScroll a {
        color: #000
    }

    .column-navigationScroll .navigationScroll a:hover {
        color: #000;
        font-weight: 600
    }

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

    .column-navigationScroll .navigationScroll ul li {
        border-left: 3px solid #fff;
        line-height: 1.2;
        margin: 10px 0;
        padding-left: 6px
    }

    .column-navigationScroll .navigationScroll ul li.active {
        border-left-color: #f2c811
    }

    .column-navigationScroll .navigationScroll ul li.active a {
        font-weight: 600
    }
}

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

    100% {
        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(../pt-br/less/sundog/lib/owl.video.play.png/index.html) 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%
}

.button {
    background-color: transparent;
    border: 2px solid #000;
    color: #000 !important;
    fill: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 20px 7px;
    text-transform: uppercase
}

.button:hover {
    background-color: #000;
    color: #fff !important;
    fill: #fff;
    text-decoration: none
}

.button:focus {
    outline: 2px dashed #000;
    text-decoration: underline
}

.button .icon {
    height: 18px;
    width: 18px
}

.button.button-icon-large {
    padding-top: 9px
}

.button.button-icon-large.button-icon-large-alt:hover svg {
    fill: #000;
    transition: all .1s ease-in-out
}

.button.button-icon-large .icon-large {
    height: 30px;
    width: 30px
}

button[disabled],
[type='submit'][disabled],
[type='button'][disabled],
button[disabled]:hover,
[type='submit'][disabled]:hover,
[type='button'][disabled]:hover {
    color: rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.button-featured {
    background-color: #f2c811;
    border: 2px solid #f2c811
}

.button-featured:hover {
    background-color: #fad227;
    border: 2px solid #fad227;
    color: #000 !important;
    fill: #000
}

.button-alt {
    border: 2px solid #fff;
    color: #fff !important
}

.button-alt:hover {
    background-color: #fff;
    color: #000 !important
}

.glyphicon {
    font-family: 'PowerBIMDL2';
    font-style: normal;
    font-size: 32px;
    position: relative;
    top: 0;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.glyph-micro {
    font-size: 8px
}

.glyph-tiny {
    font-size: 10px
}

.glyph-mini {
    font-size: 12px
}

.glyph-small {
    font-size: 16px
}

.glyph-med {
    font-size: 24px
}

.glyph-large {
    font-size: 32px
}

.pbi-glyph-chevrondownmedium:before {
    content: ""
}

.pbi-glyph-chevronupmedium:before {
    content: ""
}

.pbi-glyph-caretdownright:before {
    content: ""
}

.pbi-glyph-share:before {
    content: ""
}

.pbi-glyph-save:before {
    content: ""
}

.pbi-glyph-saveas:before {
    content: ""
}

.pbi-glyph-financial:before {
    content: ""
}

.pbi-glyph-edit:before {
    content: ""
}

.pbi-glyph-emi:before {
    content: ""
}

.pbi-glyph-checkboxcomposite:before {
    content: ""
}

.pbi-glyph-checkmark:before {
    content: ""
}

.pbi-glyph-page2:before {
    content: ""
}

.pbi-glyph-folder:before {
    content: ""
}

.pbi-glyph-link:before {
    content: ""
}

.pbi-glyph-group:before {
    content: ""
}

.pbi-glyph-paste:before {
    content: ""
}

.pbi-glyph-emoji:before {
    content: ""
}

.pbi-glyph-upload:before {
    content: ""
}

.pbi-glyph-pc1:before {
    content: ""
}

.pbi-glyph-add:before {
    content: ""
}

.pbi-glyph-search:before {
    content: ""
}

.pbi-glyph-globalnavbutton:before {
    content: ""
}

.pbi-glyph-pageright:before {
    content: ""
}

.pbi-glyph-pageleft:before {
    content: ""
}

.pbi-glyph-tvmonitor:before {
    content: ""
}

.pbi-glyph-chromerestore:before {
    content: ""
}

.pbi-glyph-world:before {
    content: ""
}

.pbi-glyph-repairlegacy:before {
    content: ""
}

.pbi-glyph-more:before {
    content: ""
}

.pbi-glyph-slideshow:before {
    content: ""
}

.pbi-glyph-photo:before {
    content: ""
}

.pbi-glyph-calendar:before {
    content: ""
}

.pbi-glyph-favoritestar:before {
    content: ""
}

.pbi-glyph-collection:before {
    content: ""
}

.pbi-glyph-chromefullscreen:before {
    content: ""
}

.pbi-glyph-undo:before {
    content: ""
}

.pbi-glyph-back:before {
    content: ""
}

.pbi-glyph-font:before {
    content: ""
}

.pbi-glyph-flickup:before {
    content: ""
}

.pbi-glyph-chromeminimize:before {
    content: ""
}

.pbi-glyph-gripperbarhorizontal:before {
    content: ""
}

.pbi-glyph-barchart:before {
    content: ""
}

.pbi-glyph-gauge:before {
    content: ""
}

.pbi-glyph-warning:before {
    content: ""
}

.pbi-glyph-helpdesk:before {
    content: ""
}

.pbi-glyph-error:before {
    content: ""
}

.pbi-glyph-success:before {
    content: ""
}

.pbi-glyph-settings:before {
    content: ""
}

.pbi-glyph-globe:before {
    content: ""
}

.pbi-glyph-repair:before {
    content: ""
}

.pbi-glyph-emi:before {
    content: ""
}

.pbi-glyph-info:before {
    content: ""
}

.pbi-glyph-go:before {
    content: ""
}

.pbi-glyph-blockedsite:before {
    content: ""
}

.pbi-glyph-close:before {
    content: ""
}

.pbi-glyph-circlefill:before {
    content: ""
}

.pbi-glyph-circlering:before {
    content: ""
}

.pbi-glyph-pinned:before {
    content: ""
}

.pbi-glyph-pinnedfill:before {
    content: ""
}

.pbi-glyph-unpin:before {
    content: ""
}

.pbi-glyph-excel:before {
    content: ""
}

.pbi-glyph-flag:before {
    content: ""
}

.pbi-glyph-library:before {
    content: ""
}

.pbi-glyph-mail:before {
    content: ""
}

.pbi-glyph-lock:before {
    content: ""
}

.pbi-glyph-piedouble:before {
    content: ""
}

.pbi-glyph-rewind:before {
    content: ""
}

.pbi-glyph-asterisk:before {
    content: ""
}

.pbi-glyph-quote:before {
    content: ""
}

.pbi-glyph-comment:before {
    content: ""
}

.pbi-glyph-checkbox:before {
    content: ""
}

.pbi-glyph-checkboxfill:before {
    content: ""
}

.pbi-glyph-checkboxindeterminate:before {
    content: ""
}

.pbi-glyph-checkboxreversed:before {
    content: ""
}

.pbi-glyph-inserttextbox:before {
    content: ""
}

.pbi-glyph-toggle:before {
    content: ""
}

.pbi-glyph-togglefilled:before {
    content: ""
}

.pbi-glyph-delete:before {
    content: ""
}

.pbi-glyph-refresh:before {
    content: ""
}

.pbi-glyph-miniexpand:before {
    content: ""
}

.pbi-glyph-circled-checkmark:before {
    content: ""
}

.pbi-glyph-minicontract:before {
    content: ""
}

.pbi-glyph-waffle:before {
    content: ""
}

.pbi-glyph-filter:before {
    content: ""
}

.pbi-glyph-filterfilled:before {
    content: ""
}

.pbi-glyph-visualsinteraction:before {
    content: ""
}

.pbi-glyph-crosshighlight:before {
    content: ""
}

.pbi-glyph-crosshighlightfilled:before {
    content: ""
}

.pbi-glyph-disable:before {
    content: ""
}

.pbi-glyph-disablefilled:before {
    content: ""
}

.pbi-glyph-export:before {
    content: ""
}

.pbi-glyph-iframe:before {
    content: ""
}

.pbi-glyph-addcircle:before {
    content: ""
}

.pbi-glyph-fullscreen:before {
    content: ""
}

.pbi-glyph-fullscreenexit:before {
    content: ""
}

.pbi-glyph-fittopage:before {
    content: ""
}

.pbi-glyph-code:before {
    content: ""
}

.pbi-glyph-zorder:before {
    content: ""
}

.pbi-glyph-visualinteraction:before {
    content: ""
}

.pbi-glyph-alignment:before {
    content: ""
}

.pbi-glyph-shapes:before {
    content: ""
}

.pbi-glyph-attachment:before {
    content: ""
}

.pbi-glyph-securityalert:before {
    content: ""
}

.pbi-glyph-bold:before {
    content: ""
}

.pbi-glyph-italics:before {
    content: ""
}

.pbi-glyph-underline:before {
    content: ""
}

.pbi-glyph-rectangle:before {
    content: ""
}

.pbi-glyph-oval:before {
    content: ""
}

.pbi-glyph-line:before {
    content: ""
}

.pbi-glyph-triangle:before {
    content: ""
}

.pbi-glyph-arrow:before {
    content: ""
}

.pbi-glyph-image:before {
    content: ""
}

.pbi-glyph-alignleft:before {
    content: ""
}

.pbi-glyph-aligncenter:before {
    content: ""
}

.pbi-glyph-alignright:before {
    content: ""
}

.pbi-glyph-qrcode:before {
    content: ""
}

.pbi-glyph-powerbi:before {
    content: ""
}

.pbi-glyph-gear:before {
    content: ""
}

.pbi-glyph-download:before {
    content: ""
}

.pbi-glyph-smiley:before {
    content: ""
}

.pbi-glyph-question:before {
    content: ""
}

.pbi-glyph-tile:before {
    content: ""
}

.pbi-glyph-rlogo:before {
    content: ""
}

.pbi-glyph-play:before {
    content: ""
}

.pbi-glyph-stop:before {
    content: ""
}

.pbi-glyph-excelcloud:before {
    content: ""
}

.pbi-glyph-importvisual:before {
    content: ""
}

.pbi-glyph-sharepoint:before {
    content: ""
}

.pbi-glyph-print:before {
    content: ""
}

.pbi-glyph-stackedbar:before {
    content: ""
}

.pbi-glyph-stackedcolumn:before {
    content: ""
}

.pbi-glyph-areachart:before {
    content: ""
}

.pbi-glyph-piechart:before {
    content: ""
}

.pbi-glyph-fullstackedbar:before {
    content: ""
}

.pbi-glyph-linechart:before {
    content: ""
}

.pbi-glyph-scatter:before {
    content: ""
}

.pbi-glyph-funnel:before {
    content: ""
}

.pbi-glyph-dataset:before {
    content: ""
}

.pbi-glyph-publishtoweb:before {
    content: ""
}

.pbi-glyph-database:before {
    content: ""
}

.pbi-glyph-drilltodetail:before {
    content: ""
}

.pbi-glyph-seedata:before {
    content: ""
}

.pbi-glyph-move:before {
    content: ""
}

.pbi-glyph-home:before {
    content: ""
}

.pbi-glyph-fittopage:before {
    content: ""
}

.pbi-glyph-rotatehorizontal:before {
    content: ""
}

.pbi-glyph-rotatevertical:before {
    content: ""
}

.pbi-glyph-download2:before {
    content: ""
}

.pbi-glyph-calculate:before {
    content: ""
}

.pbi-glyph-reload:before {
    content: ""
}

.pbi-glyph-insight:before {
    content: ""
}

.pbi-glyph-nonetwork:before {
    content: ""
}

.pbi-glyph-pin {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.pbi-glyph-pin:before {
    content: ""
}

.pbi-glyph-caretright {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.pbi-glyph-caretright:before {
    content: ""
}

.pbi-glyph-caretdown {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.pbi-glyph-caretdown:before {
    content: ""
}

.pbi-glyph-caretleft {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.pbi-glyph-caretleft:before {
    content: ""
}

.pbi-glyph-chevronrightmedium {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.pbi-glyph-chevronrightmedium:before {
    content: ""
}

.pbi-glyph-chevronleftmedium {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.pbi-glyph-chevronleftmedium:before {
    content: ""
}

.pbi-glyph-uparrow {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.pbi-glyph-uparrow:before {
    content: ""
}

.pbi-glyph-rightarrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.pbi-glyph-rightarrow:before {
    content: ""
}

.pbi-glyph-uprightarrow {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.pbi-glyph-uprightarrow:before {
    content: ""
}

.pbi-glyph-getdata {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    font-weight: bold
}

.pbi-glyph-getdata:before {
    content: ""
}

.pbi-glyph-cancel {
    font-weight: bold
}

.pbi-glyph-cancel:before {
    content: ""
}

.column-stretch {
    display: none
}

@media only screen and (min-width:768px) {
    .column-smiling-girl {
        background-image: url(../cvt-4973936ec9beec40753e879973e34500fe266f7c00ff6bdd6634f8e9bd450f6a/pictures/shared/section/smiling-girl.png)
    }

    .column-stretch {
        background-position: 50% 50%;
        background-size: cover;
        bottom: 0;
        display: block;
        margin: 0;
        padding: 0 1.04166667%;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media only screen and (min-width:960px) {
    .row.row-flex {
        display: flex;
        align-items: center
    }
}

.icon.icon-wide {
    height: 45px;
    width: 108px
}

.icon.icon-flyout {
    width: 16px;
    height: 16px
}

.img-frame {
    background-image: url(../cvt-1240281b3d78b834e19596cf47bce853fc0c55f222e84be558e691421f7415e2/pictures/shared/img-frame.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -3%;
    padding: 10%
}

.logo-container {
    width: 200px;
    height: 100px;
    display: table-cell;
    vertical-align: bottom
}

.partner-logo-container {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    position: relative;
    border: 1px #dedede solid
}

.partner-logo-container img {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:768px) {
    .partner-logo-container {
        height: auto
    }

    .partner-logo-container:before {
        content: '';
        display: block;
        padding-top: 75%
    }
}

.cta-secondary {
    font-size: 15px;
    font-weight: 600;
    padding: 7px 0 8px;
    vertical-align: bottom;
    display: inline-block;
    text-transform: uppercase
}

.cta-secondary .glyphicon {
    -webkit-transition: margin-left .1s ease-in-out;
    transition: margin-left .1s ease-in-out;
    margin-left: 6px
}

.cta-secondary:hover {
    text-decoration: none
}

.cta-secondary:hover .glyphicon {
    margin-left: 8px
}

.cta-secondary.cta-secondary-icon span {
    vertical-align: middle
}

.cta-secondary.cta-secondary-icon .icon-play-circle-slate01 path,
.cta-secondary.cta-secondary-icon .icon-play-circle-slate01 circle {
    stroke: #000
}

[itemprop="articlebody"] .note {
    background-color: #eaeaea;
    border-left: 3px solid #f2c811;
    font-style: normal;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 10px 25px
}

.partner-item {
    display: block
}

.partner-item img {
    width: 100%
}

.partner-item .partner-name {
    margin: 10px 0
}

.partner-item .partner-logo {
    background: #fff;
    display: block;
    margin: 0 auto;
    padding: 10px;
    vertical-align: middle
}

.partner-item .partner-logo.partner-logo-block {
    display: block;
    position: relative;
    height: 150px
}

.partner-item .partner-logo.partner-logo-block img {
    width: auto;
    max-width: 80%;
    max-height: 80%;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(min-width:540px)and (max-width:768px) {
    .partner-item .partner-logo {
        height: 126px !important;
        line-height: 142px
    }
}

@media(min-width:768px) {
    .partner-item .partner-logo {
        display: table-cell
    }
}

.large-quote {
    font-style: normal;
    font-weight: 700
}

.large-quote:before {
    content: "“";
    display: block;
    font-size: 60px
}

.large-quote:after {
    content: "—";
    display: block;
    font-size: 45px;
    font-weight: 200
}

.large-quote-only {
    font-style: normal;
    font-weight: 700
}

.large-quote-only:before {
    content: "“";
    display: block;
    font-size: 60px
}

table {
    border-top: 1px solid #a6a6a6
}

table caption p {
    font-size: inherit
}

.table-features-header select {
    margin-top: 10px;
    width: 100%
}

.table-features-header .price-data {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2
}

.table-features tr {
    border-bottom-color: #a6a6a6
}

.table-features th:nth-child(2),
.table-features td:nth-child(2) {
    background-color: #eaeaea
}

.table-features th:nth-child(3),
.table-features td:nth-child(3) {
    background-color: #c8c8c8
}

.table-features th:nth-child(1),
.table-features-header th:nth-child(1),
.table-features td:nth-child(1),
.table-features-header td:nth-child(1) {
    width: 33.3333%
}

.table-features th:nth-child(2),
.table-features-header th:nth-child(2),
.table-features td:nth-child(2),
.table-features-header td:nth-child(2) {
    text-align: center;
    width: 33.3333%
}

.table-features th:nth-child(3),
.table-features-header th:nth-child(3),
.table-features td:nth-child(3),
.table-features-header td:nth-child(3) {
    text-align: center;
    width: 33.3333%
}

@media only screen and (min-width:540px) {
    .table-features-header select {
        width: auto
    }
}

@media only screen and (min-width:768px) {

    .table-features th:nth-child(1),
    .table-features-header th:nth-child(1),
    .table-features td:nth-child(1),
    .table-features-header td:nth-child(1) {
        width: 64%
    }

    .table-features th:nth-child(2),
    .table-features-header th:nth-child(2),
    .table-features td:nth-child(2),
    .table-features-header td:nth-child(2) {
        text-align: center;
        width: 18%
    }

    .table-features th:nth-child(3),
    .table-features-header th:nth-child(3),
    .table-features td:nth-child(3),
    .table-features-header td:nth-child(3) {
        text-align: center;
        width: 18%
    }

    .table-features th.row-header,
    .table-features-header th.row-header {
        font-weight: 400;
        text-transform: none;
        font-size: 16px
    }
}

h1,
.text-heading1 {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.22;
    letter-spacing: -.01em;
    font-weight: 700
}

h2,
.text-heading2 {
    font-weight: 200;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 700
}

h3,
.text-heading3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.17;
    font-weight: 700
}

h4,
.text-heading4 {
    color: #666;
    font-family: 'DIN', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: .05em;
    text-transform: uppercase
}

h5,
.text-heading5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.33;
    font-weight: 700;
    margin-bottom: 20px
}

h6,
.text-heading6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700
}

.text-super {
    font-weight: 200;
    font-size: 48px;
    line-height: 1.16;
    letter-spacing: -.01em;
    font-weight: 700
}

a:hover {
    text-decoration: underline
}

a.underline {
    text-decoration: underline
}

ul {
    padding-left: 47px
}

.no-text-transform {
    text-transform: none
}

@media only screen and (max-width:768px) {
    .small-text-heading3 {
        font-weight: 400;
        font-size: 22px;
        line-height: 1.17
    }

    .small-text-light {
        font-weight: 200
    }
}

.c-button,
.c-call-to-action,
button.c-button,
a.call-to-action,
.m-feature a.c-call-to-action,
.m-typographic-intro>div>div>a.c-call-to-action,
a.call-to-action.f-lightweight {
    text-transform: uppercase
}

.c-button.bapi-button-primary,
.c-call-to-action.bapi-button-primary,
button.c-button.bapi-button-primary,
a.call-to-action.bapi-button-primary,
.m-feature a.c-call-to-action.bapi-button-primary,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary,
a.call-to-action.f-lightweight.bapi-button-primary {
    background-color: #f2c811 !important;
    color: #000 !important;
    padding: 10px 22px 10px 24px !important;
    border: 2px solid rgba(0, 0, 0, 0);
    margin-left: 2px
}

.c-button.bapi-button-primary:hover,
.c-call-to-action.bapi-button-primary:hover,
button.c-button.bapi-button-primary:hover,
a.call-to-action.bapi-button-primary:hover,
.m-feature a.c-call-to-action.bapi-button-primary:hover,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:hover,
a.call-to-action.f-lightweight.bapi-button-primary:hover,
.c-button.bapi-button-primary:active,
.c-call-to-action.bapi-button-primary:active,
button.c-button.bapi-button-primary:active,
a.call-to-action.bapi-button-primary:active,
.m-feature a.c-call-to-action.bapi-button-primary:active,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:active,
a.call-to-action.f-lightweight.bapi-button-primary:active {
    background-color: #ddb60c !important;
    background: #ddb60c !important;
    color: #000 !important;
    outline: 2px dashed #000
}

.c-button.bapi-button-primary:hover span,
.c-call-to-action.bapi-button-primary:hover span,
button.c-button.bapi-button-primary:hover span,
a.call-to-action.bapi-button-primary:hover span,
.m-feature a.c-call-to-action.bapi-button-primary:hover span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:hover span,
a.call-to-action.f-lightweight.bapi-button-primary:hover span,
.c-button.bapi-button-primary:active span,
.c-call-to-action.bapi-button-primary:active span,
button.c-button.bapi-button-primary:active span,
a.call-to-action.bapi-button-primary:active span,
.m-feature a.c-call-to-action.bapi-button-primary:active span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:active span,
a.call-to-action.f-lightweight.bapi-button-primary:active span {
    text-decoration: none !important;
    box-shadow: none !important
}

.c-button.bapi-button-primary:focus,
.c-call-to-action.bapi-button-primary:focus,
button.c-button.bapi-button-primary:focus,
a.call-to-action.bapi-button-primary:focus,
.m-feature a.c-call-to-action.bapi-button-primary:focus,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:focus,
a.call-to-action.f-lightweight.bapi-button-primary:focus,
.c-button.bapi-button-primary:focus:not(.x-hidden-focus),
.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus),
button.c-button.bapi-button-primary:focus:not(.x-hidden-focus),
a.call-to-action.bapi-button-primary:focus:not(.x-hidden-focus),
.m-feature a.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus),
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus),
a.call-to-action.f-lightweight.bapi-button-primary:focus:not(.x-hidden-focus) {
    background-color: #333 !important;
    background: #333 !important;
    color: #fff !important;
    outline: #fff dashed 2px !important
}

.c-button.bapi-button-primary:focus span,
.c-call-to-action.bapi-button-primary:focus span,
button.c-button.bapi-button-primary:focus span,
a.call-to-action.bapi-button-primary:focus span,
.m-feature a.c-call-to-action.bapi-button-primary:focus span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:focus span,
a.call-to-action.f-lightweight.bapi-button-primary:focus span,
.c-button.bapi-button-primary:focus:not(.x-hidden-focus) span,
.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus) span,
button.c-button.bapi-button-primary:focus:not(.x-hidden-focus) span,
a.call-to-action.bapi-button-primary:focus:not(.x-hidden-focus) span,
.m-feature a.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus) span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus) span,
a.call-to-action.f-lightweight.bapi-button-primary:focus:not(.x-hidden-focus) span {
    text-decoration: none !important;
    box-shadow: none !important
}

.c-button.bapi-button-primary:focus span.icon,
.c-call-to-action.bapi-button-primary:focus span.icon,
button.c-button.bapi-button-primary:focus span.icon,
a.call-to-action.bapi-button-primary:focus span.icon,
.m-feature a.c-call-to-action.bapi-button-primary:focus span.icon,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:focus span.icon,
a.call-to-action.f-lightweight.bapi-button-primary:focus span.icon,
.c-button.bapi-button-primary:focus:not(.x-hidden-focus) span.icon,
.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus) span.icon,
button.c-button.bapi-button-primary:focus:not(.x-hidden-focus) span.icon,
a.call-to-action.bapi-button-primary:focus:not(.x-hidden-focus) span.icon,
.m-feature a.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus) span.icon,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-primary:focus:not(.x-hidden-focus) span.icon,
a.call-to-action.f-lightweight.bapi-button-primary:focus:not(.x-hidden-focus) span.icon {
    fill: white
}

.c-button.bapi-button-secondary,
.c-call-to-action.bapi-button-secondary,
button.c-button.bapi-button-secondary,
a.call-to-action.bapi-button-secondary,
.m-feature a.c-call-to-action.bapi-button-secondary,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-secondary,
a.call-to-action.f-lightweight.bapi-button-secondary {
    background-color: transparent;
    color: #000;
    padding: 10px 22px 10px 24px !important;
    border: 2px solid #000
}

.c-button.bapi-button-secondary:hover,
.c-call-to-action.bapi-button-secondary:hover,
button.c-button.bapi-button-secondary:hover,
a.call-to-action.bapi-button-secondary:hover,
.m-feature a.c-call-to-action.bapi-button-secondary:hover,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-secondary:hover,
a.call-to-action.f-lightweight.bapi-button-secondary:hover,
.c-button.bapi-button-secondary:active,
.c-call-to-action.bapi-button-secondary:active,
button.c-button.bapi-button-secondary:active,
a.call-to-action.bapi-button-secondary:active,
.m-feature a.c-call-to-action.bapi-button-secondary:active,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-secondary:active,
a.call-to-action.f-lightweight.bapi-button-secondary:active {
    background-color: #000;
    color: #fff;
    fill: #fff;
    outline: 2px dashed #000
}

.c-button.bapi-button-secondary:focus,
.c-call-to-action.bapi-button-secondary:focus,
button.c-button.bapi-button-secondary:focus,
a.call-to-action.bapi-button-secondary:focus,
.m-feature a.c-call-to-action.bapi-button-secondary:focus,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-secondary:focus,
a.call-to-action.f-lightweight.bapi-button-secondary:focus,
.c-button.bapi-button-secondary:focus:not(.x-hidden-focus),
.c-call-to-action.bapi-button-secondary:focus:not(.x-hidden-focus),
button.c-button.bapi-button-secondary:focus:not(.x-hidden-focus),
a.call-to-action.bapi-button-secondary:focus:not(.x-hidden-focus),
.m-feature a.c-call-to-action.bapi-button-secondary:focus:not(.x-hidden-focus),
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-secondary:focus:not(.x-hidden-focus),
a.call-to-action.f-lightweight.bapi-button-secondary:focus:not(.x-hidden-focus) {
    background-color: #333 !important;
    background: #333 !important;
    color: #fff !important;
    outline: 2px dashed #000
}

.c-button.bapi-button-secondary:focus span,
.c-call-to-action.bapi-button-secondary:focus span,
button.c-button.bapi-button-secondary:focus span,
a.call-to-action.bapi-button-secondary:focus span,
.m-feature a.c-call-to-action.bapi-button-secondary:focus span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-secondary:focus span,
a.call-to-action.f-lightweight.bapi-button-secondary:focus span,
.c-button.bapi-button-secondary:focus:not(.x-hidden-focus) span,
.c-call-to-action.bapi-button-secondary:focus:not(.x-hidden-focus) span,
button.c-button.bapi-button-secondary:focus:not(.x-hidden-focus) span,
a.call-to-action.bapi-button-secondary:focus:not(.x-hidden-focus) span,
.m-feature a.c-call-to-action.bapi-button-secondary:focus:not(.x-hidden-focus) span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-secondary:focus:not(.x-hidden-focus) span,
a.call-to-action.f-lightweight.bapi-button-secondary:focus:not(.x-hidden-focus) span {
    text-decoration: none !important;
    box-shadow: none !important
}

.c-button.bapi-button-inverse,
.c-call-to-action.bapi-button-inverse,
button.c-button.bapi-button-inverse,
a.call-to-action.bapi-button-inverse,
.m-feature a.c-call-to-action.bapi-button-inverse,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-inverse,
a.call-to-action.f-lightweight.bapi-button-inverse {
    background-color: #000;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

.c-button.bapi-button-inverse:hover,
.c-call-to-action.bapi-button-inverse:hover,
button.c-button.bapi-button-inverse:hover,
a.call-to-action.bapi-button-inverse:hover,
.m-feature a.c-call-to-action.bapi-button-inverse:hover,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-inverse:hover,
a.call-to-action.f-lightweight.bapi-button-inverse:hover,
.c-button.bapi-button-inverse:active,
.c-call-to-action.bapi-button-inverse:active,
button.c-button.bapi-button-inverse:active,
a.call-to-action.bapi-button-inverse:active,
.m-feature a.c-call-to-action.bapi-button-inverse:active,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-inverse:active,
a.call-to-action.f-lightweight.bapi-button-inverse:active {
    background-color: #000;
    color: #fff
}

.c-button.bapi-button-inverse:focus,
.c-call-to-action.bapi-button-inverse:focus,
button.c-button.bapi-button-inverse:focus,
a.call-to-action.bapi-button-inverse:focus,
.m-feature a.c-call-to-action.bapi-button-inverse:focus,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-inverse:focus,
a.call-to-action.f-lightweight.bapi-button-inverse:focus,
.c-button.bapi-button-inverse:focus:not(.x-hidden-focus),
.c-call-to-action.bapi-button-inverse:focus:not(.x-hidden-focus),
button.c-button.bapi-button-inverse:focus:not(.x-hidden-focus),
a.call-to-action.bapi-button-inverse:focus:not(.x-hidden-focus),
.m-feature a.c-call-to-action.bapi-button-inverse:focus:not(.x-hidden-focus),
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-inverse:focus:not(.x-hidden-focus),
a.call-to-action.f-lightweight.bapi-button-inverse:focus:not(.x-hidden-focus) {
    background-color: #333 !important;
    background: #333 !important;
    color: #fff !important
}

.c-button.bapi-button-inverse:focus span,
.c-call-to-action.bapi-button-inverse:focus span,
button.c-button.bapi-button-inverse:focus span,
a.call-to-action.bapi-button-inverse:focus span,
.m-feature a.c-call-to-action.bapi-button-inverse:focus span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-inverse:focus span,
a.call-to-action.f-lightweight.bapi-button-inverse:focus span,
.c-button.bapi-button-inverse:focus:not(.x-hidden-focus) span,
.c-call-to-action.bapi-button-inverse:focus:not(.x-hidden-focus) span,
button.c-button.bapi-button-inverse:focus:not(.x-hidden-focus) span,
a.call-to-action.bapi-button-inverse:focus:not(.x-hidden-focus) span,
.m-feature a.c-call-to-action.bapi-button-inverse:focus:not(.x-hidden-focus) span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-inverse:focus:not(.x-hidden-focus) span,
a.call-to-action.f-lightweight.bapi-button-inverse:focus:not(.x-hidden-focus) span {
    text-decoration: none !important
}

.c-button.bapi-button-ghost,
.c-call-to-action.bapi-button-ghost,
button.c-button.bapi-button-ghost,
a.call-to-action.bapi-button-ghost,
.m-feature a.c-call-to-action.bapi-button-ghost,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-ghost,
a.call-to-action.f-lightweight.bapi-button-ghost {
    background-color: transparent;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #fff
}

.c-button.bapi-button-ghost:hover,
.c-call-to-action.bapi-button-ghost:hover,
button.c-button.bapi-button-ghost:hover,
a.call-to-action.bapi-button-ghost:hover,
.m-feature a.c-call-to-action.bapi-button-ghost:hover,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-ghost:hover,
a.call-to-action.f-lightweight.bapi-button-ghost:hover,
.c-button.bapi-button-ghost:active,
.c-call-to-action.bapi-button-ghost:active,
button.c-button.bapi-button-ghost:active,
a.call-to-action.bapi-button-ghost:active,
.m-feature a.c-call-to-action.bapi-button-ghost:active,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-ghost:active,
a.call-to-action.f-lightweight.bapi-button-ghost:active {
    background-color: #fff;
    color: #000
}

.c-button.bapi-button-ghost:focus,
.c-call-to-action.bapi-button-ghost:focus,
button.c-button.bapi-button-ghost:focus,
a.call-to-action.bapi-button-ghost:focus,
.m-feature a.c-call-to-action.bapi-button-ghost:focus,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-ghost:focus,
a.call-to-action.f-lightweight.bapi-button-ghost:focus,
.c-button.bapi-button-ghost:focus:not(.x-hidden-focus),
.c-call-to-action.bapi-button-ghost:focus:not(.x-hidden-focus),
button.c-button.bapi-button-ghost:focus:not(.x-hidden-focus),
a.call-to-action.bapi-button-ghost:focus:not(.x-hidden-focus),
.m-feature a.c-call-to-action.bapi-button-ghost:focus:not(.x-hidden-focus),
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-ghost:focus:not(.x-hidden-focus),
a.call-to-action.f-lightweight.bapi-button-ghost:focus:not(.x-hidden-focus) {
    background-color: #fff !important;
    color: #000 !important
}

.c-button.bapi-button-ghost:focus span,
.c-call-to-action.bapi-button-ghost:focus span,
button.c-button.bapi-button-ghost:focus span,
a.call-to-action.bapi-button-ghost:focus span,
.m-feature a.c-call-to-action.bapi-button-ghost:focus span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-ghost:focus span,
a.call-to-action.f-lightweight.bapi-button-ghost:focus span,
.c-button.bapi-button-ghost:focus:not(.x-hidden-focus) span,
.c-call-to-action.bapi-button-ghost:focus:not(.x-hidden-focus) span,
button.c-button.bapi-button-ghost:focus:not(.x-hidden-focus) span,
a.call-to-action.bapi-button-ghost:focus:not(.x-hidden-focus) span,
.m-feature a.c-call-to-action.bapi-button-ghost:focus:not(.x-hidden-focus) span,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-button-ghost:focus:not(.x-hidden-focus) span,
a.call-to-action.f-lightweight.bapi-button-ghost:focus:not(.x-hidden-focus) span {
    text-decoration: none !important
}

.c-button.bapi-text-slate01,
.c-call-to-action.bapi-text-slate01,
button.c-button.bapi-text-slate01,
a.call-to-action.bapi-text-slate01,
.m-feature a.c-call-to-action.bapi-text-slate01,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-text-slate01,
a.call-to-action.f-lightweight.bapi-text-slate01 {
    color: #000 !important
}

.c-button.bapi-text-slate16,
.c-call-to-action.bapi-text-slate16,
button.c-button.bapi-text-slate16,
a.call-to-action.bapi-text-slate16,
.m-feature a.c-call-to-action.bapi-text-slate16,
.m-typographic-intro>div>div>a.c-call-to-action.bapi-text-slate16,
a.call-to-action.f-lightweight.bapi-text-slate16 {
    color: #fff !important
}

.c-button:hover,
.c-call-to-action:hover,
button.c-button:hover,
a.call-to-action:hover,
.m-feature a.c-call-to-action:hover,
.m-typographic-intro>div>div>a.c-call-to-action:hover,
a.call-to-action.f-lightweight:hover {
    cursor: pointer
}

.bapi-bg-slate01 .bapi-button-secondary,
.bapi-bg-slate02 .bapi-button-secondary,
.bapi-bg-slate03 .bapi-button-secondary,
.bapi-bg-slate04 .bapi-button-secondary {
    background-color: #000;
    color: #fff;
    border: 2px solid #fff
}

.bapi-bg-slate01 .bapi-button-secondary:hover,
.bapi-bg-slate02 .bapi-button-secondary:hover,
.bapi-bg-slate03 .bapi-button-secondary:hover,
.bapi-bg-slate04 .bapi-button-secondary:hover,
.bapi-bg-slate01 .bapi-button-secondary:focus,
.bapi-bg-slate02 .bapi-button-secondary:focus,
.bapi-bg-slate03 .bapi-button-secondary:focus,
.bapi-bg-slate04 .bapi-button-secondary:focus,
.bapi-bg-slate01 .bapi-button-secondary:active,
.bapi-bg-slate02 .bapi-button-secondary:active,
.bapi-bg-slate03 .bapi-button-secondary:active,
.bapi-bg-slate04 .bapi-button-secondary:active {
    background-color: #fff;
    color: #000
}

.bapi-button-store {
    background-color: #000;
    position: relative;
    color: #fff !important;
    font-weight: 200;
    padding: 1px 20px 2px 50px;
    text-align: left;
    display: inline-block
}

.bapi-button-store .top,
.bapi-button-store .bottom {
    display: block
}

.bapi-button-store .top {
    font-size: 12px
}

.bapi-button-store .bottom {
    font-size: 16px;
    margin-top: -5px
}

.bapi-button-store .icon {
    margin-top: 0;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 10px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.bapi-button-store:hover {
    background-color: #000;
    text-decoration: none
}

a.c-call-to-action,
button.c-call-to-action {
    outline-offset: -2px;
    transition: none
}

a.c-call-to-action>span,
button.c-call-to-action>span {
    transition: none
}

a.c-call-to-action:after,
button.c-call-to-action:after {
    transition: none
}

a.c-call-to-action.glyph-play:focus:not(.x-hidden-focus)>span,
button.c-call-to-action.glyph-play:focus:not(.x-hidden-focus)>span,
a.c-call-to-action.glyph-play:hover>span,
button.c-call-to-action.glyph-play:hover>span,
a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus)>span,
button.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus)>span,
a.c-call-to-action:not(.glyph-play):hover>span,
button.c-call-to-action:not(.glyph-play):hover>span {
    left: 0
}

a.c-call-to-action.glyph-play:focus:not(.x-hidden-focus):not(.f-lightweight)>span,
button.c-call-to-action.glyph-play:focus:not(.x-hidden-focus):not(.f-lightweight)>span,
a.c-call-to-action.glyph-play:hover:not(.f-lightweight)>span,
button.c-call-to-action.glyph-play:hover:not(.f-lightweight)>span,
a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):not(.f-lightweight)>span,
button.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):not(.f-lightweight)>span,
a.c-call-to-action:not(.glyph-play):hover:not(.f-lightweight)>span,
button.c-call-to-action:not(.glyph-play):hover:not(.f-lightweight)>span {
    box-shadow: none !important
}

a.c-call-to-action.glyph-play:focus:not(.x-hidden-focus):after,
button.c-call-to-action.glyph-play:focus:not(.x-hidden-focus):after,
a.c-call-to-action.glyph-play:hover:after,
button.c-call-to-action.glyph-play:hover:after,
a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after,
button.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after,
a.c-call-to-action:not(.glyph-play):hover:after,
button.c-call-to-action:not(.glyph-play):hover:after {
    right: 0
}

a.c-call-to-action.f-lightweight:not(.bapi-button-primary):not(.bapi-button-secondary):focus:not(.x-hidden-focus),
button.c-call-to-action.f-lightweight:not(.bapi-button-primary):not(.bapi-button-secondary):focus:not(.x-hidden-focus),
a.c-call-to-action.f-lightweight:not(.bapi-button-primary):not(.bapi-button-secondary):active,
button.c-call-to-action.f-lightweight:not(.bapi-button-primary):not(.bapi-button-secondary):active {
    border-style: dashed !important
}

@media screen and (min-width:540px) {
    a.c-call-to-action:not(.f-primary):not(.f-secondary) {
        padding-bottom: 10px !important;
        line-height: 19.5px
    }
}

a.c-call-to-action:not(.f-primary):not(.f-secondary):after {
    margin-top: 0 !important
}

@media screen and (max-width:539px) {
    a.c-call-to-action:not(.f-primary):not(.f-secondary):after {
        font-size: inherit;
        margin-top: 3px !important
    }
}

.bp-marketo-video-form .c-checkbox input.hidden[type="checkbox"] {
    display: none
}

.bp-marketo-video-form .c-checkbox input.hidden[type="checkbox"]+span {
    padding-left: 0
}

.bp-marketo-video-form .c-checkbox input.hidden[type="checkbox"]+span:after,
.bp-marketo-video-form .c-checkbox input.hidden[type="checkbox"]+span:before {
    height: 0;
    position: absolute;
    width: 0;
    top: 0;
    line-height: 20px;
    padding-left: 0;
    display: none
}

.bp-marketo-video-form .c-checkbox input.hidden[type="checkbox"]:checked+span:after {
    content: ""
}

.bp-marketo-video-form .c-checkbox.hide {
    display: none
}

.bp-marketo-video-form .c-checkbox.show {
    display: block
}

.m-content-placement-item .c-heading,
.c-content-placement .c-heading {
    margin-top: 0
}

.m-content-placement-item .cta-display-block,
.c-content-placement .cta-display-block {
    display: block
}

.adobe-large-svg svg {
    width: 85% !important;
    display: block;
    margin: 0 auto;
    padding: 24px 0 !important
}

@media only screen and (min-width:1084px) {

    .c-feature.f-align-right,
    .m-feature.f-align-right,
    .c-feature.f-align-left,
    .m-feature.f-align-left {
        min-height: initial !important
    }
}

@media screen and (max-width:767px) {

    .m-hero-item .c-heading,
    .m-hero-item[class*=f-x][class*=f-y] .c-heading {
        max-height: unset
    }

    .m-hero-item .c-subheading,
    .m-hero-item[class*=f-x][class*=f-y] .c-subheading {
        max-height: unset
    }

    .m-hero-item>div,
    .m-hero-item[class*=f-x][class*=f-y]>div {
        height: auto
    }

    .m-hero-item>div>div,
    .m-hero-item[class*=f-x][class*=f-y]>div>div {
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width:1083px) {
    .hero-extended-text {
        max-width: 480px !important
    }
}

.bc-hero-item-small:before {
    padding-bottom: 25% !important
}

@media only screen and (max-width:1083px) {
    .bc-hero-item-small:before {
        padding-bottom: 25% !important
    }
}

@media only screen and (max-width:767px) {
    .bc-hero-item-small:before {
        padding-bottom: 45% !important
    }
}

@media only screen and (max-width:767px) {
    .bc-hero-item-small .bc-hero-item-small-container {
        padding-top: 3% !important;
        padding-bottom: 5% !important
    }
}

@media only screen and (max-width:539px) {
    .bc-hero-item-small .bc-hero-item-small-container {
        padding-top: 10% !important
    }
}

.post-bio {
    display: block
}

.post-bio .post-image {
    display: inline-block;
    height: 62px;
    width: 62px
}

.post-bio .post-author-meta {
    display: inline-block;
    vertical-align: top
}

@media only screen and (min-width:768px) {
    .post-bio {
        height: 54px;
        margin: 50px 0;
        padding: 8px 0 0 82px;
        position: relative
    }

    .post-bio .post-image {
        left: 0;
        position: absolute;
        top: 0
    }

    .post-bio .post-date {
        position: absolute;
        right: 0;
        top: 0
    }

    .post-bio .post-share {
        position: absolute;
        right: 0;
        top: 30px
    }
}

.mc-subscription-container__heading {
    margin: 24px 0
}

.mc-subscription-container__privacy-consent {
    margin-top: 12px;
    cursor: auto;
    font-size: 12px;
    line-height: 18px
}

.mc-subscription-container__privacy-consent a {
    text-decoration: underline
}

.mc-subscription-container__subscribe-button {
    margin: 24px 0
}

@media screen and (min-width:320px)and (max-width:539px) {
    .mc-subscription-container__subscribe-button {
        margin: 12px 0 !important
    }
}

.mc-subscription-container__signup-error-message {
    font-size: 12px;
    color: #991818
}

.mc-subscription-container fieldset {
    margin-left: 24px
}

.mc-subscription-container__modal-close #modal-form-close-button,
.mc-subscription-container__modal-close #success-modal-form-close-button {
    background-color: transparent;
    border: 0;
    color: #3c3c41;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    padding: 0 24px 38px 1px;
    position: absolute;
    right: 20px;
    top: 18px;
    text-decoration: none;
    height: 16px;
    opacity: 1;
    width: 16px
}

.mc-subscription-container__modal-close #modal-form-close-button:hover,
.mc-subscription-container__modal-close #success-modal-form-close-button:hover {
    background-color: transparent;
    color: #000;
    opacity: 1;
    text-decoration: none
}

.mc-subscription-container__modal-close #modal-form-close-button:focus,
.mc-subscription-container__modal-close #success-modal-form-close-button:focus {
    outline: 1px dashed #000
}

.mc-subscription-container__modal-close .ok-button {
    background-color: #191919;
    color: #fff !important;
    text-transform: none;
    border-radius: 2px;
    box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, .132), 0 .3px .9px rgba(0, 0, 0, .108);
    margin: 0 12px;
    width: auto;
    display: inline-block;
    position: relative
}

.mc-subscription-container__modal-heading {
    padding: 0 24px;
    margin: 0 24px
}

.mc-subscription-container__modal-heading__text {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 0
}

.mc-subscription-container__success-modal-heading {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    text-align: center;
    margin-left: 14px
}

@media only screen and (min-width:540px) {
    .mc-subscription-container.modal.modal-large {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:960px) {
    .mc-subscription-container.modal {
        max-width: 515px
    }

    .mc-subscription-container.modal.modal-large {
        max-width: 900px;
        width: 60%
    }
}

.mc-subscription-container__modal-form-content {
    width: 100%;
    height: inherit;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #fff
}

.mc-subscription-container__modal-form-content--margin {
    margin-left: 0
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .required-field-text {
    font-size: 12px;
    line-height: 18px;
    margin-top: 30px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal dd {
    margin-left: 0;
    margin-top: 9px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal label {
    font-size: 14px;
    line-height: 21px;
    cursor: auto
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='text'],
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='email'],
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal select,
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal textarea {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #75757a;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 21px;
    padding: 11px 4px 8px 12px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='text']:hover,
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='email']:hover,
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal select:hover,
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal textarea:hover {
    border-color: #3c3c41
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='text']:focus,
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='email']:focus,
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal select:focus,
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal textarea:focus {
    border: 2px solid #3c3c41
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .non-editable {
    background-color: #ebebeb !important
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .required-sign {
    color: #a80000
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal textarea {
    resize: none
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal select.input-validation-error {
    border: 2px solid #920808
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal em[class="required"] {
    display: none
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='text'] {
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='text'].input-validation-error {
    border: 2px solid #920808;
    background-image: url(../cvt-2ac95f64dab6a20ae352f15778db84fd3d604973b5a822068a09a920b45ef6f6/pictures/pages/contact-us/mc-contact-us-error.svg)
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal input[type='text'].valid {
    background-image: url(../cvt-ecbecd28ae54f64fff883bc1fb2aa67f2630d04be3f2074d7dd89866f85e4253/pictures/pages/contact-us/mc-contact-us-check.svg)
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal select {
    color: #3c3c41;
    font-weight: 200;
    line-height: 21px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal select option {
    font-size: 14px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .form-row+.form-row {
    margin-top: 10px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error-container {
    color: #991818
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error-container P {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error-container li a {
    text-decoration: underline
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error-container li a:hover {
    cursor: pointer;
    outline: none
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error-container li a span:focus {
    outline: 1px dashed #000
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error-container span {
    display: block
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #991818;
    padding: 0;
    outline: none
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error.error-field-decoration {
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .field-validation-error .formlabel {
    display: none
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .form-field .field-validation-error~label {
    display: none !important
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .form-navigation {
    margin-left: 12px
}

@media screen and (min-width:320px)and (max-width:539px) {
    .mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .form-navigation {
        width: 50%
    }
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .inline-field {
    margin-top: 24px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .inline-field input {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    display: inline-block
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-text {
    color: #000;
    margin-top: 24px;
    font-size: 12px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .privacy-statement {
    color: #000;
    margin-top: 12px;
    font-size: 12px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox {
    display: inline-grid
}

@media only screen and (min-width:540px) {
    .mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox {
        flex-wrap: nowrap
    }
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox a {
    color: #000;
    text-decoration: underline
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox label {
    font-size: 12px;
    line-height: 18px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"] {
    display: inline-block;
    height: 20px;
    width: 20px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]:focus {
    outline: 1px dashed #000
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]:after,
.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]:before {
    box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px transparent;
    height: 20px;
    left: 0;
    padding-left: 0;
    position: relative;
    width: 20px;
    top: 0;
    line-height: 20px;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 2px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]:not(:checked):after {
    display: none
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]:checked:before {
    display: none
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]:checked:after {
    color: #fff;
    font-size: 17px;
    padding-left: 1px;
    box-shadow: inset 0 0 0 10px #000
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]:not(:disabled):hover:before {
    box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px #fff
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]+span {
    display: inline-block
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox input[type="checkbox"]:not(.hide)+span {
    margin-left: 34px;
    margin-top: -22px
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox.hide {
    display: none
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .consent-checkbox.show {
    display: inline-block
}

.mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .subscribe-button {
    background-color: #191919;
    color: #fff !important;
    text-transform: none;
    border-radius: 2px;
    box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, .132), 0 .3px .9px rgba(0, 0, 0, .108);
    margin: 0 12px
}

@media screen and (min-width:320px)and (max-width:539px) {
    .mc-subscription-container__modal-form-content .mc-subscribe-blog-modal .subscribe-button {
        margin: 12px
    }
}

.mc-subscription-container__modal-form-content .cancel-subscription-request {
    margin-left: 27%;
    margin-top: -49px
}

.mc-subscription-container__modal-form-content .cancel-subscription-request__button {
    border: 1px solid #75757a;
    text-transform: none;
    padding: 12px 20px !important
}

.mc-subscription-container__modal-form-content .modal-button {
    padding: 11px 20px;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 0 12px
}

.post-date {
    display: inline-block;
    padding-left: 25px;
    position: relative;
    vertical-align: middle
}

.post-date .icon {
    height: 17px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 17px
}

.post-date[dir="rtl"] .icon {
    position: static
}

.border {
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px
}

.border-bottom {
    border-bottom: 1px solid #eaeaea
}

.border-top {
    border-top: 1px solid #eaeaea
}

.border-left {
    border-left: 1px solid #eaeaea
}

.border-right {
    border-right: 1px solid #eaeaea
}

.border-slate01 {
    border-color: #000
}

.border-radius {
    border-radius: 6px
}

.border-radius-bottom-only {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.border-radius-top-only {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.card {
    background-color: #eaeaea;
    border-left: 4px solid #eaeaea;
    display: block;
    padding: 20px 20px 20px 75px;
    position: relative
}

.card .top,
.card .bottom {
    color: #000;
    display: block
}

.card .icon {
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 30px;
    left: 20px;
    top: 50%;
    position: absolute;
    width: 30px
}

.card .icon path {
    fill: #000
}

.card .icon.icon-palette02 path {
    fill: #f2c811
}

.card:hover {
    border-left-color: #f2c811;
    text-decoration: none !important
}

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

.card-large {
    height: auto;
    padding: 20px;
    border: 2px solid transparent
}

.card-large .top {
    font-weight: 700;
    margin-top: 15px
}

.card-large .icon {
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: static
}

.card-large:hover {
    border: 2px solid #c8c8c8
}

.card-block.card {
    padding: 30px
}

.card-block.card .icon {
    left: 0;
    margin: 10px 0;
    position: relative;
    top: 0
}

.card-notification {
    padding: 25px;
    margin-bottom: 30px;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px;
    position: relative
}

.card-notification .icon-wrapper {
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 86px;
    left: 25px;
    top: 50%;
    position: absolute
}

.card-slate02 {
    background-color: #333;
    border-left: 4px solid #333
}

.card-slate02 .text-palette01 {
    color: #fff
}

.card-slate02 .text-palette02 {
    color: #f2c811
}

@media only screen and (min-width:768px) {
    .card {
        padding: 75px 20px 20px
    }

    .card .icon {
        top: 40px
    }

    .card-large {
        padding: 20px
    }
}

@media only screen and (min-width:960px) {
    .card {
        padding: 20px 20px 20px 75px
    }

    .card .icon {
        top: 50%
    }

    .card-large {
        padding: 35px 30px
    }
}

.cubes {
    overflow: hidden;
    display: none
}

@media only screen and (min-width:960px) {
    .cubes {
        display: inline-block
    }
}

.cubes .wrap {
    webkit-perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective: 1000px;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective: 1000px;
    -ms-perspective-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cubes .flip-chart {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    float: left;
    height: 24px;
    padding-right: 4px
}

.cubes .cube-rotate {
    -webkit-transform: rotateX(-12deg);
    -moz-transform: rotateX(-12deg);
    -ms-transform: rotateX(-12deg);
    transform: rotateX(-12deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 10px 10px;
    -moz-transform-origin: 10px 10px;
    -ms-transform-origin: 10px 10px;
    transform-origin: 10px 10px;
    float: left;
    margin: 0 3px;
    position: relative;
    width: 8px
}

.cubes .cube-rotate.tall {
    height: 24px
}

.cubes .cube-rotate.tall .cube {
    -webkit-animation: chart-resize-tall 2s infinite linear;
    -moz-animation: chart-resize-tall 2s infinite linear;
    -ms-animation: chart-resize-tall 2s infinite linear;
    animation: chart-resize-tall 2s infinite linear
}

.cubes .cube-rotate.medium {
    height: 16px
}

.cubes .cube-rotate.medium .cube {
    -webkit-animation: chart-resize-med 2s infinite linear;
    -moz-animation: chart-resize-med 2s infinite linear;
    -ms-animation: chart-resize-med 2s infinite linear;
    animation: chart-resize-med 2s infinite linear
}

.cubes .cube-rotate.short {
    height: 8px
}

.cubes .cube-rotate.short .cube {
    -webkit-animation: chart-resize-short 2s infinite linear;
    -moz-animation: chart-resize-short 2s infinite linear;
    -ms-animation: chart-resize-short 2s infinite linear;
    animation: chart-resize-short 2s infinite linear
}

.cubes .cube {
    -webkit-transform: rotateX(10deg);
    -moz-transform: rotateX(10deg);
    -ms-transform: rotateX(10deg);
    transform: rotateX(10deg);
    -webkit-transform: rotateY(25deg);
    -moz-transform: rotateY(25deg);
    -ms-transform: rotateY(25deg);
    transform: rotateY(25deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 10px 10px;
    -moz-transform-origin: 10px 10px;
    -ms-transform-origin: 10px 10px;
    transform-origin: 10px 10px;
    height: 100%;
    position: relative;
    width: 100%
}

.cubes .cube div {
    background: none;
    border: 1px solid #f2c812;
    height: 100%;
    position: absolute;
    width: 100%
}

.cubes .back {
    -webkit-transform: translateZ(-4px) rotateY(180deg);
    -moz-transform: translateZ(-4px) rotateY(180deg);
    -ms-transform: translateZ(-4px) rotateY(180deg);
    transform: translateZ(-4px) rotateY(180deg)
}

.cubes .right {
    -webkit-transform: rotateY(-270deg) translateX(4px);
    -moz-transform: rotateY(-270deg) translateX(4px);
    -ms-transform: rotateY(-270deg) translateX(4px);
    transform: rotateY(-270deg) translateX(4px);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.cubes .left {
    -webkit-transform: rotateY(270deg) translateX(-4px);
    -moz-transform: rotateY(270deg) translateX(-4px);
    -ms-transform: rotateY(270deg) translateX(-4px);
    transform: rotateY(270deg) translateX(-4px);
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.cubes .front {
    -webkit-transform: translateZ(4px);
    -moz-transform: translateZ(4px);
    -ms-transform: translateZ(4px);
    transform: translateZ(4px)
}

@keyframes chart-resize-med {
    0% {
        height: 16px
    }

    25% {
        height: 20px
    }

    50% {
        height: 16px
    }

    75% {
        height: 12px
    }

    100% {
        height: 16px
    }
}

@keyframes chart-resize-tall {
    0% {
        height: 24px
    }

    50% {
        height: 8px
    }

    100% {
        height: 24px
    }
}

@keyframes chart-resize-short {
    0% {
        height: 8px
    }

    50% {
        height: 24px
    }

    100% {
        height: 8px
    }
}

body .exit-intent-area {
    border: 1px solid transparent;
    height: 12px;
    width: 100%;
    position: fixed;
    top: 0
}

.fancy-tile {
    background-color: #333;
    height: 405px;
    padding: 30px 25px;
    position: relative;
    width: 100%;
    overflow: hidden
}

.fancy-tile .fancy-tile-content {
    bottom: 30px;
    position: absolute;
    width: 85%;
    opacity: 1;
    transition: opacity .5s
}

.fancy-tile .fancy-tile-content-hover {
    background-color: rgba(255, 255, 255, .9);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 25px;
    opacity: 0;
    transition: opacity .5s
}

.fancy-tile .fancy-tile-content-hover:hover {
    cursor: default
}

.fancy-tile:hover .fancy-tile-content {
    opacity: 0;
    transition: opacity .5s
}

.fancy-tile:hover .fancy-tile-content-hover {
    display: block;
    opacity: 1;
    transition: opacity .5s
}

.fancy-tile .cta-secondary.text-palette01 {
    color: #fff
}

.fancy-tile-footer {
    background-color: #fff;
    height: 60px;
    margin-bottom: 25px !important;
    margin-top: -1px;
    padding: 10px 25px;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    transition: .3s
}

.fancy-tile-footer img {
    height: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (min-width:960px) {
    .fancy-tile-footer {
        margin-bottom: 0 !important
    }
}

.fancy-tile-laptop-graph {
    background-image: url(../cvt-40a0e4ed3ff417500de297541e633fea26b95e93fba9c9bff50a1a4c010aac2d/pictures/shared/fancy-tile/laptop-graph.jpg);
    background-size: cover
}

.fancy-tile-retail-store {
    background-image: url(../cvt-cbdc442ec89f834e2980e7498ec8793ed70f244d7cd9e0f7d8491af87881d4e2/pictures/shared/fancy-tile/retail-store.jpg);
    background-size: cover
}

.fancy-tile-woman-surface-coffee {
    background-image: url(../cvt-3270d7c39dd75bde4c601fa2479ec40e5f55c8c09da7b3075fb2fa6c5c85421f/pictures/shared/fancy-tile/woman-surface-coffee.jpg);
    background-size: cover
}

.icon-solutions-template {
    height: 55px;
    width: 331px
}

.success-icon {
    color: #3bb44a;
    padding-right: 10px
}

.large-svg {
    height: 250px
}

@media screen and (max-width:767px) {
    .large-svg {
        height: 70%
    }
}

.large-svg svg {
    width: 100%;
    display: block;
    height: 100%
}

.integration {
    color: #000 !important;
    display: block;
    height: 150px;
    margin: 0 auto 20px
}

.integration:hover {
    text-decoration: none
}

.integration:hover img {
    opacity: .7
}

.integration img {
    display: block;
    margin: 0 auto
}

.integration-all+.integration-all,
.integration-featured+.integration-featured {
    margin-top: 0
}

.integration-logo {
    position: relative
}

.integration-logo .logo {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    -ms-transform: translate(-10px, -40%);
    -o-transform: translate(-10px, -40%);
    -webkit-transform: translate(-10px, -40%);
    transform: translate(-10px, -40%);
    border: 5px solid #fff;
    left: 0;
    position: absolute;
    top: 50%;
    width: 35%;
    height: 40%;
    background-color: #fff
}

.integration-logo .logo img {
    max-height: 100%
}

.integration-logos {
    height: 90px
}

.integration-logos .logo-powerbi,
.integration-logos .glyphicon,
.integration-logos .integration-logo {
    height: 90px;
    float: left;
    line-height: 90px
}

.integration-logos .logo-powerbi {
    margin-right: 25px;
    margin-top: 0
}

.integration-logos .glyphicon {
    margin-right: 15px
}

.integration-logos .logo {
    display: inline-block;
    height: 28px;
    margin-right: 6px;
    max-width: 28px;
    width: 25%
}

.integration-logos .powerbi {
    display: inline-block;
    height: 28px;
    max-width: 75px;
    width: 78%
}

.newsletter {
    background-color: #eaeaea;
    border-left: 4px solid #f2c811;
    display: block;
    padding: 20px
}

#newsletter-full-form .text-mini b {
    font-size: 16px
}

.active-region {
    fill: #f2c811
}

.country-list {
    display: none;
    height: 250px;
    overflow-y: auto
}

.competencies .competency {
    margin-bottom: 1px
}

.competencies .competency-gold {
    color: #856a1a
}

.competencies .competency-silver {
    color: #737373
}

.partner-list .partner-logo {
    position: relative;
    height: 120px;
    background-color: #fff
}

.partner-list .partner-logo img {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 120px
}

.mx-screen-reader {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

.section-features {
    position: static;
    padding: 0;
    background-color: #fff
}

.features-content-wrapper {
    max-width: 1200px
}

@media(max-width:991px) {
    .features-content-wrapper {
        display: none
    }
}

.features-content-wrapper h3:hover {
    cursor: pointer
}

.features-content-wrapper h3 {
    margin: 0;
    padding: 8px 0 8px 0;
    font-size: 20px
}

.features-content-wrapper article {
    margin: 0 0 4px 15px
}

.features-content-wrapper .row-features {
    margin: 0;
    position: absolute;
    top: 1200px
}

.features-content-wrapper .row-features .article-column {
    position: relative;
    padding: 0 1.04166667%;
    margin: 0
}

.features-content-wrapper .row-features .features-section-desc {
    padding: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    font-size: 14px
}

.features-content-wrapper .features-section-scroll {
    height: 4800px
}

.features-content-wrapper .track {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto auto;
    width: 4px;
    background: #000;
    height: 100%
}

.features-content-wrapper .track .track-slider {
    position: absolute;
    top: 0;
    width: 4px;
    height: 50px;
    background: #967100;
    -webkit-transition: height .5s;
    transition: height .5s
}

.features-content-wrapper .column-images {
    position: relative
}

.features-content-wrapper .column-images img {
    max-height: 463px;
    height: auto;
    max-width: 100%
}

.features-content-wrapper .features-section-image {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    margin: auto 0;
    opacity: 0;
    max-width: 100%
}

.features-content-wrapper-mobile {
    display: none
}

@media(max-width:991px) {
    .features-content-wrapper-mobile {
        display: block
    }

    .features-content-wrapper-mobile .features-section-image {
        padding-bottom: 30px;
        text-align: center
    }

    .features-content-wrapper-mobile .features-section-image img {
        width: 450px;
        max-width: 100%;
        height: auto
    }
}

.features-content-wrapper-mobile .row.add-top-space {
    margin-top: 50px
}

.features-content-wrapper-mobile h3,
.features-content-wrapper-mobile .default-text {
    text-align: center
}

.features-content-wrapper-mobile article {
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
    margin-top: 50px
}

.features-content-wrapper-mobile article.no-border {
    border: none
}

.features-content-wrapper-mobile .features-section-image {
    width: auto
}

#guided-learning-content .wa-navigationScroll,
#guided-learning-content .navigationScroll {
    display: none
}

#guided-learning-nav .pbi-glyph-checkmark {
    color: #3bb44a;
    opacity: 0;
    font-weight: 700
}

#guided-learning-nav .category>a {
    padding-right: 10px
}

#guided-learning-nav .category .pbi-glyph-checkmark {
    float: right;
    padding-top: 6px
}

#guided-learning-nav .category.completed .pbi-glyph-checkmark {
    opacity: 1
}

#guided-learning-nav .lesson {
    margin-left: 10px
}

#guided-learning-nav .lesson .pbi-glyph-checkmark {
    float: left;
    padding: 6px 8px 0 0
}

#guided-learning-nav .lesson.completed .pbi-glyph-checkmark {
    opacity: 1
}

#guided-learning-nav li {
    position: relative
}

#guided-learning-nav li a {
    overflow: hidden;
    padding-right: 60px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#guided-learning-nav li .duration {
    position: absolute;
    right: 0
}

#guided-learning-nav .navigationLeft.show .title .glyphicon:before {
    content: ""
}

#guided-learning-nav .title .glyphicon {
    margin-right: 10px
}

#guided-learning-nav .track-progress {
    padding-top: 25px
}

#guided-learning-content .next-button {
    margin: 85px 0
}

#guided-learning-content .video-container {
    position: relative;
    display: inline-block;
    margin: 25px 0
}

#guided-learning-content .video-overlay {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    padding: 20%;
    color: #fff
}

#guided-learning-content .video-overlay h4 {
    color: #fff
}

#guided-learning-content .watch-again-container {
    background-color: #333;
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#guided-learning-content .watch-again-container h4 {
    margin-bottom: 0;
    font-size: 14px;
    display: inline-block
}

#guided-learning-content .watch-again-container icon {
    margin-right: 5px
}

@media only screen and (min-width:960px) {
    #guided-learning-nav .navigationLeft .title {
        display: none
    }
}

.guided-learning-index .pbi-glyph-checkmark {
    color: #3bb44a;
    opacity: 0;
    font-weight: 700;
    float: left;
    top: 7px;
    left: 32px
}

@media only screen and (max-width:768px) {
    .guided-learning-index .pbi-glyph-checkmark {
        left: 0
    }
}

.guided-learning-index .lesson.completed .pbi-glyph-checkmark {
    opacity: 1
}

.guided-learning-index .progress {
    width: 100px;
    height: 8px;
    background-color: #eaeaea;
    display: inline-block
}

.guided-learning-index .progress .progress-bar {
    display: block;
    width: 0;
    height: 8px;
    background-color: #f2c811
}

.guided-learning-index .progress .progress-bar.done {
    background-color: #3bb44a
}

.guided-learning-index .percentage {
    display: inline-block;
    padding-left: 25px
}

a.learning-item:hover .learning-title {
    text-decoration: underline
}

.guided-learning.toggler h3 {
    display: inline-block
}

.guided-learning.toggler .glyphicon {
    margin-right: 25px
}

.learning-title {
    margin-left: 54px;
    margin-top: 0
}

.icon-selected {
    color: #f2c811
}

@media only screen and (max-width:768px) {
    .learning-title {
        margin-left: 20px
    }
}

.view-now:focus {
    outline-style: solid;
    outline-width: 1px;
    outline-color: #fff
}

.bapi-header-margin {
    margin-top: 10px
}

ul.bapi-list-no-padding {
    padding-left: 0;
    list-style-position: inside
}

#pbi-pricing .plan-details p {
    margin: 30px 0
}

#pbi-pricing .pricing-panel {
    border: 1px solid #000;
    margin-bottom: 10px !important
}

#pbi-pricing .pricing-panel .font-light {
    font-weight: 200
}

#pbi-pricing .pricing-panel .pricing-panel-cta {
    margin: 0 30px
}

#pbi-pricing .pricing-panel .margin-bottom0 {
    margin-bottom: 0
}

#pbi-pricing .pricing-panel .margin-top0 {
    margin-top: 0
}

#pbi-pricing .pricing-panel hr {
    margin-bottom: 40px
}

#pbi-pricing .pricing-panel .padding-size3 {
    padding: 30px !important
}

#pbi-pricing .bapi-mobile-gutter-large {
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width:767px) {
    #pbi-pricing .mobile-text-center {
        text-align: center
    }
}

#pbi-pricing .pricing-slate01 {
    background-color: #fff;
    color: #000
}

#pbi-pricing .pricing-slate02 {
    background-color: #f2c811;
    color: #000
}

#pbi-pricing .pricing-slate03 {
    background-color: #737373;
    color: #fff
}

#pbi-pricing .pricing-slate04 {
    background-color: #5e5e5e;
    color: #fff
}

#pbi-pricing .pricing-slate05 {
    background-color: #464646;
    color: #fff
}

#pbi-pricing .pricing-slate06 {
    background-color: #2f2f2f;
    color: #fff
}

#pbi-pricing .pricing-slate07 {
    background-color: #e6e6e6
}

#pbi-pricing .pricing-slate08 {
    background-color: #919191;
    color: #fff
}

#pbi-pricing .pricing-hero {
    padding-top: 48px !important
}

#pbi-pricing .pricing-hero .pricing-hero-banner>div>h1 {
    font-weight: 600;
    line-height: 1
}

#pbi-pricing .pricing-hero .pricing-hero-banner>div>p {
    font-size: 18px
}

#pbi-pricing .pricing-currency-selector {
    margin-top: 30px !important
}

#pbi-pricing .pricing-currency-selector>div {
    min-width: 300px
}

#pbi-pricing .pricing-currency-selector>div>select.utility {
    border-color: #fff;
    background-color: #5e5e5e;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-width: 2px
}

#pbi-pricing .pricing-currency-selector>div>select.utility:focus {
    border: 2px solid #000
}

#pbi-pricing .pricing-cards-container {
    margin-top: 12px !important
}

@media screen and (max-width:767px) {
    #pbi-pricing .pricing-cards-container {
        background-color: #464646
    }
}

#pbi-pricing .pricing-cards-section {
    position: relative;
    margin-bottom: -70px
}

@media screen and (max-width:767px) {
    #pbi-pricing .pricing-cards-section {
        margin-bottom: -80px;
        padding-left: 0;
        padding-right: 0
    }

    #pbi-pricing .pricing-cards-section:last-child {
        margin-bottom: -70px
    }
}

#pbi-pricing .pricing-cards-section .plan-teaser-paragraph {
    padding: 10px 50px
}

@media screen and (min-width:768px) {
    #pbi-pricing .pricing-cards-section .plan-teaser-paragraph {
        display: flex;
        align-items: center
    }
}

@media screen and (max-width:767px) {
    #pbi-pricing .pricing-cards-section .plan-teaser-paragraph {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px
    }
}

#pbi-pricing .pricing-cards-section .plan-details {
    padding: 24px 50px;
    margin-top: 0 !important;
    border-top: 1px solid #5e5e5e
}

@media screen and (min-width:768px) {
    #pbi-pricing .pricing-cards-section .plan-details {
        min-height: 325px
    }
}

@media screen and (max-width:539px) {
    #pbi-pricing .pricing-cards-section .plan-details {
        padding: 20px 25px
    }
}

#pbi-pricing .pricing-cards-section .plan-details h3.plan-sales-title {
    font-weight: 600;
    font-size: 24px
}

#pbi-pricing .pricing-cards-section .plan-details .plan-desc {
    padding-bottom: 100px
}

@media screen and (max-width:767px) {
    #pbi-pricing .pricing-cards-section .plan-details .plan-desc {
        padding-bottom: 120px
    }
}

#pbi-pricing .pricing-cards-section .plan-details .plan-desc ul {
    margin: 0 !important;
    padding: 0 !important
}

#pbi-pricing .pricing-cards-section .plan-pricing-card {
    position: relative;
    clear: left;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
    max-width: 400px;
    width: 90%;
    float: none !important;
    top: -100px;
    -webkit-box-shadow: 0 0 4px 0 #2f2f2f;
    -moz-box-shadow: 0 0 4px 0 #2f2f2f;
    box-shadow: 0 0 4px 0 #2f2f2f
}

#pbi-pricing .pricing-cards-section .plan-pricing-card .pricing-plan-title {
    border-radius: 4px 4px 0 0;
    padding: 16px;
    margin-bottom: 0 !important
}

#pbi-pricing .pricing-cards-section .plan-pricing-card .pricing-plan-title>h3 {
    font-weight: 600;
    font-size: 24px;
    color: #000 !important;
    text-transform: none !important;
    margin-bottom: 0 !important
}

#pbi-pricing .pricing-cards-section .plan-pricing-card .pricing-plan-details {
    border-radius: 0 0 4px 4px;
    height: auto;
    padding-bottom: 25px
}

#pbi-pricing .pricing-cards-section .plan-pricing-card .pricing-plan-details .plan-price {
    margin-top: 0 !important;
    padding-top: 10px;
    font-size: 36px;
    font-weight: 600
}

#pbi-pricing .pricing-cards-section .plan-pricing-card .pricing-plan-details .plan-cta {
    margin: 15px 0 !important;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #f2c811;
    text-transform: none;
    color: #000 !important;
    fill: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 20px 7px
}

#pbi-pricing .pricing-cards-section .plan-pricing-card .pricing-plan-details .plan-cta:hover {
    text-decoration: underline
}

#pbi-pricing .pricing-cards-section .plan-pricing-card .pricing-plan-details .plan-secondary-cta {
    margin: 15px 0;
    padding: 0 0 10px 10px;
    padding-bottom: 10px;
    display: inline-block;
    text-transform: none
}

#pbi-pricing .pricing-cards-section .plan-pricing-card .pricing-plan-details .plan-secondary-cta:hover {
    text-decoration: underline
}

#pbi-pricing .pbi-compare-features {
    padding-bottom: 32px;
    text-align: center;
    position: relative
}

@media screen and (max-width:767px) {
    #pbi-pricing .pbi-compare-features {
        background-color: #464646
    }
}

#pbi-pricing .pbi-compare-features .compare-features-cta {
    color: #fff !important;
    font-size: 16px
}

#pbi-pricing .pbi-compare-features .compare-features-cta:hover {
    text-decoration: underline
}

#pbi-pricing .pbi-user-types {
    border: none !important;
    padding: 110px 0 !important
}

@media screen and (max-width:767px) {
    #pbi-pricing .pbi-user-types {
        padding: 80px 0 !important
    }

    #pbi-pricing .pbi-user-types .content-pillar {
        margin-top: 36px
    }
}

#pbi-pricing .pbi-user-types h2,
#pbi-pricing .pbi-user-types h3 {
    font-weight: 600
}

#pbi-pricing .pbi-user-types p a {
    color: #fff !important;
    text-decoration: underline
}

#pbi-pricing .pbi-user-types span.icon {
    height: 40px !important;
    width: 40px !important
}

#pbi-pricing .section-footnotes {
    padding-top: 0;
    border-top: 0 !important
}

#pbi-pricing .section-footnotes sup {
    top: -.6em;
    font-size: 90%
}

#pbi-pricing .section-footnotes sup>a {
    color: #000 !important
}

#pbi-pricing .pricing-footnotes {
    color: #636367
}

#pbi-pricing .pricing-footnotes p {
    margin: 5px 0
}

#pbi-pricing .pricing-footnotes ul {
    padding-left: 15px
}

#pbi-pricing .pricing-footnotes ul li {
    margin-bottom: 5px
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table {
        padding-top: 0 !important
    }

    #pbi-pricing .comparison-table .comparison-table-area {
        margin-top: 0
    }
}

#pbi-pricing .comparison-table .comparison-table-heading {
    font-size: 24px;
    font-weight: 600
}

#pbi-pricing .comparison-table .comparison-table-intro {
    font-size: 18px
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table .comparison-table-intro {
        margin-top: unset !important;
        cursor: pointer
    }
}

#pbi-pricing .comparison-table .product-tabs {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    float: left;
    width: 100%;
    margin-left: 50%
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table .product-tabs {
        margin-left: 0 !important;
        cursor: pointer
    }
}

#pbi-pricing .comparison-table .product-tabs>div {
    width: 25%;
    float: left;
    text-align: center;
    padding: 15px 10px
}

#pbi-pricing .comparison-table .product-tabs>div:last-child {
    border-left: 1px solid #fff
}

@media screen and (max-width:1083px) {
    #pbi-pricing .comparison-table .product-tabs>div {
        font-size: 22px;
        padding: 10px 5px
    }
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table .product-tabs>div {
        width: 50%;
        font-size: 18px;
        padding: 10px
    }

    #pbi-pricing .comparison-table .product-tabs>div.inactive-tab {
        background-color: #919191;
        color: #fff
    }

    #pbi-pricing .comparison-table .product-tabs>div:focus {
        border: 1px solid #000;
        outline: none
    }
}

#pbi-pricing .comparison-table .product-tab-ctas {
    margin-top: 2px;
    float: left;
    width: 100%;
    margin-left: 50%
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table .product-tab-ctas {
        margin-left: 0 !important;
        cursor: pointer
    }
}

#pbi-pricing .comparison-table .product-tab-ctas>div {
    width: 25%;
    float: left;
    text-align: center;
    padding: 25px 10px
}

#pbi-pricing .comparison-table .product-tab-ctas>div:last-child {
    border-left: 1px solid #fff
}

#pbi-pricing .comparison-table .product-tab-ctas>div .compare-tab-cta {
    display: inline-block;
    background-color: #000;
    color: #fff !important;
    border-radius: 2px;
    border: 1px solid #000;
    text-transform: none;
    fill: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 20px 7px
}

#pbi-pricing .comparison-table .product-tab-ctas>div .compare-tab-cta:hover {
    text-decoration: underline
}

#pbi-pricing .comparison-table .product-tab-ctas>div .compare-tab-cta:focus {
    outline: 1px dashed #000
}

#pbi-pricing .comparison-table .product-tab-ctas>div .compare-tab-secondary-cta {
    display: inline-block;
    color: #000;
    font-weight: 500;
    padding: 6px 10px
}

#pbi-pricing .comparison-table .product-tab-ctas>div .compare-tab-secondary-cta:hover {
    text-decoration: underline
}

#pbi-pricing .comparison-table .product-tab-ctas>div .compare-tab-secondary-cta:focus {
    outline: 1px dashed #000
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table .product-tab-ctas>div {
        width: 100%
    }

    #pbi-pricing .comparison-table .product-tab-ctas>div:last-child {
        border-left: none
    }
}

#pbi-pricing .comparison-table .table-row--sub-header {
    width: 100%;
    float: left;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    min-height: 57px;
    border-top: 1px solid #fff;
    padding: 10px !important
}

#pbi-pricing .comparison-table .table-row--feature-header {
    width: 100%;
    float: left;
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    min-height: 56px;
    border-top: 1px solid #fff;
    padding: 15px 20px !important
}

#pbi-pricing .comparison-table .table-row--feature-row {
    width: 100%;
    float: left;
    background-color: #e6e6e6;
    color: #000;
    margin: 0;
    min-height: 56px;
    border-top: 1px solid #fff;
    padding: 0
}

#pbi-pricing .comparison-table .table-row--feature-row .feature-title {
    width: 50%;
    float: left;
    padding: 15px 20px !important
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table .table-row--feature-row .feature-title {
        width: 70%
    }
}

#pbi-pricing .comparison-table .table-row--feature-row .feature-pro-status {
    width: 25%;
    float: left;
    background-color: #e1e1e1;
    border-left: 1px solid #fff;
    padding: 15px !important;
    text-align: center;
    position: relative
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table .table-row--feature-row .feature-pro-status {
        width: 30%;
        padding: 15px 0 !important
    }
}

#pbi-pricing .comparison-table .table-row--feature-row .feature-pro-status div {
    display: inline-block
}

#pbi-pricing .comparison-table .table-row--feature-row .feature-premium-status {
    width: 25%;
    float: left;
    background-color: #e6e6e6;
    border-left: 1px solid #fff;
    padding: 15px !important;
    text-align: center;
    position: relative
}

@media screen and (max-width:767px) {
    #pbi-pricing .comparison-table .table-row--feature-row .feature-premium-status {
        width: 30%;
        padding: 15px 0 !important
    }
}

#pbi-pricing .comparison-table .table-row--feature-row .feature-premium-status>div {
    display: inline-block
}

#pbi-pricing .comparison-table .table-row--feature-row.alt {
    background-color: #f5f5f5
}

#pbi-pricing .comparison-table .table-row--feature-row.alt .feature-pro-status {
    background-color: #ebebeb
}

#pbi-pricing .comparison-table .table-row--feature-row.alt .feature-premium-status {
    background-color: #f0f0f0
}

#pbi-pricing .comparison-table .table-row--feature-row span.included {
    background-color: #000;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    display: inline-block
}

@media screen and (-ms-high-contrast:active) {
    #pbi-pricing .comparison-table .table-row--feature-row span.included {
        filter: invert(100%)
    }
}

#pbi-pricing .comparison-table .table-row--feature-row .more-details {
    display: flex
}

#pbi-pricing .comparison-table .table-row--feature-row .more-details>a {
    text-decoration: underline;
    line-height: 1.1 !important
}

#pbi-pricing .comparison-table .table-row--feature-row .info-icon {
    position: absolute;
    margin-left: 15px;
    top: 16px
}

#pbi-pricing .comparison-table .table-row--feature-row .info-icon .info-tooltip {
    top: 0
}

#pbi-pricing .comparison-table .info-tooltip {
    position: relative;
    display: inline-block;
    top: 3px
}

#pbi-pricing .comparison-table .info-tooltip>a {
    text-decoration: none
}

#pbi-pricing .comparison-table .info-tooltip>a svg {
    height: 18px;
    width: 18px
}

#pbi-pricing .comparison-table .info-tooltip sup {
    top: -.9em
}

#pbi-pricing .comparison-table .info-tooltip .info-tooltiptext {
    top: 16px;
    text-align: left;
    left: -57px !important;
    visibility: hidden;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    background: #fff;
    border: 1px solid #000;
    width: 155px;
    padding: 8px;
    z-index: 700;
    margin-top: 10px;
    line-height: 18px;
    color: #000
}

#pbi-pricing .comparison-table .info-tooltip:hover .info-tooltiptext,
#pbi-pricing .comparison-table .info-tooltip a:focus .info-tooltiptext {
    visibility: visible
}

#pbi-pricing .comparison-table .info-tooltip .info-tooltiptext::after {
    border: solid;
    border-width: 0 6px 10px;
    content: "";
    display: block;
    right: 82px;
    position: absolute;
    z-index: 99;
    border-color: #fff transparent;
    top: -8px
}

#pbi-pricing .comparison-table .info-tooltip .info-tooltiptext::before {
    padding-top: 3px;
    border: solid;
    border-width: 0 6px 10px;
    content: "";
    display: block;
    right: 82px;
    position: absolute;
    z-index: 99;
    border-color: #000 transparent;
    top: -13px
}

#pbi-pricing .pricing-banner-section-black {
    color: #fff;
    background-color: #000
}

#pbi-pricing .pricing-banner-section-black .button-arrowlink {
    text-transform: none
}

#pbi-pricing .pricing-cta-resilience-campaign-white {
    color: #fff
}

div.esri-row a.button {
    margin: 11px
}

.bp-index-svg-small {
    display: inline-block
}

.bp-index-svg-small svg {
    width: 45px;
    height: 45px
}

.bp-index-svg-large {
    display: inline-block
}

.bp-index-svg-large svg {
    width: 65px;
    height: 65px
}

.bp-index-hero {
    padding: 3% 3% 2%
}

.bp-index-hero a.c-call-to-action {
    margin-right: 0 !important
}

@media only screen and (max-width:1399px) {
    .bp-index-hero img {
        margin-top: 24px
    }
}

.bp-index-what-is {
    padding-bottom: 24px
}

@media only screen and (min-width:960px) {
    .bp-index-what-is {
        padding-bottom: 48px
    }
}

.bp-index-what-is .m-feature>div {
    text-align: left
}

@media only screen and (max-width:959px) {
    .bp-index-what-is .m-feature>div {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .bp-index-what-is .m-feature>div {
        padding: 0
    }
}

@media only screen and (min-width:960px)and (max-width:1365px) {
    .bp-index-what-is .m-feature>div .c-heading-3 {
        font-size: 28px;
        line-height: 32px
    }
}

.bp-index-what-is .m-feature>div .c-paragraph-3 {
    margin-bottom: 10px
}

.bp-index-what-is .m-feature img {
    box-shadow: 0 0 70px 0 rgba(0, 0, 0, .25)
}

.bp-index-advanced-data {
    background-color: #4a4a4a;
    background-image: url(..//pictures/pages/index/advanced-data-prep/Map_767x235.jpg);
    background-size: 100%;
    color: #fff;
    background-position: top;
    background-repeat: no-repeat;
    padding: 31% 24px 2%;
    text-align: left;
    text-shadow: 0 0 12px #4a4a4a
}

@media only screen and (min-width:540px) {
    .bp-index-advanced-data {
        padding: 26% 36px 2%;
        background-image: url(..//pictures/pages/index/advanced-data-prep/Map_767x190.jpg)
    }
}

@media only screen and (min-width:1084px) {
    .bp-index-advanced-data {
        background-image: url(..//pictures/pages/index/advanced-data-prep/Map_1600x600.jpg);
        padding: 80px 48px;
        background-position: center;
        background-repeat: repeat-y
    }
}

.bp-index-customer-quotes {
    display: flex;
    justify-content: center
}

@media screen and (max-width:959px) {
    .bp-index-customer-quotes {
        flex-direction: column
    }
}

.bp-index-customer-quotes>div {
    box-shadow: rgba(0, 0, 0, .4) 0 0 20px
}

@media only screen and (min-width:960px) {
    .bp-index-customer-quotes>div {
        box-shadow: rgba(0, 0, 0, .4) 0 0 40px
    }
}

.bp-index-customer-quotes>[data-grid~=col-4] {
    width: calc(50% - 16px);
    margin: 0 12px
}

.bp-index-customer-quotes>[data-grid~=col-4]:first-of-type {
    margin-left: 0
}

.bp-index-customer-quotes>[data-grid~=col-4]:last-of-type {
    margin-right: 0
}

@media only screen and (min-width:1084px) {
    .bp-index-customer-quotes>[data-grid~=col-4] {
        max-width: 518px
    }
}

@media only screen and (max-width:1083px) {
    .bp-index-customer-quotes>[data-grid~=col-4] {
        width: calc(50% - 26px)
    }

    .bp-index-customer-quotes>[data-grid~=col-4]:first-of-type {
        margin-left: 15px
    }

    .bp-index-customer-quotes>[data-grid~=col-4]:last-of-type {
        margin-right: 15px
    }
}

@media only screen and (max-width:959px) {
    .bp-index-customer-quotes>[data-grid~=col-4] {
        width: calc(100% - 30px);
        margin: 36px 15px
    }

    .bp-index-customer-quotes>[data-grid~=col-4]:first-of-type {
        margin-top: 0
    }

    .bp-index-customer-quotes>[data-grid~=col-4]:last-of-type {
        margin-bottom: 0
    }
}

.bp-index-customer-quotes--quote-container {
    background-color: #4a4a4a;
    padding: 28px 40px;
    color: #fff;
    border-bottom: 16px solid #f2c811
}

.bp-index-customer-quotes--quote-container.lighter-background {
    background-color: #767676
}

.bp-index-customer-quotes--quote-container .c-heading-3 {
    font-size: 22px;
    line-height: 28px
}

@media only screen and (min-width:768px) {
    .bp-index-customer-quotes--quote-container .c-heading-3 {
        font-size: 24px;
        line-height: 30px
    }
}

@media only screen and (min-width:1084px) {
    .bp-index-customer-quotes--quote-container .c-heading-3 {
        font-size: 28px;
        line-height: 34px
    }
}

.bp-index-customer-quotes--double-quote svg {
    width: 35px;
    height: 35px
}

.bp-index-customer-quotes--white-box {
    padding: 20px 40px 36px
}

.bp-index-customer-quotes--white-box .logo-container {
    height: 45px;
    position: relative;
    margin-bottom: 6px
}

.bp-index-customer-quotes--white-box .logo-container img {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bp-index-customer-quotes--white-box h2.c-subheading-2 {
    color: #000;
    margin-bottom: 0
}

.bp-index-customer-quotes--white-box h4.c-subheading-2 {
    font-size: 22px;
    color: #767676
}

.bp-index-industry-logo-container {
    height: 60px;
    position: relative
}

.bp-index-industry-logo-container img {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bp-index-meet-mpp {
    text-align: left;
    padding: 0 15px
}

@media only screen and (min-width:768px) {
    .bp-index-meet-mpp {
        text-align: center
    }
}

@media only screen and (max-width:1083px) {
    .bp-index-row-side-padding {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) {
    .bp-index-row-side-padding>div:not(:last-of-type) {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) {
    .bp-index-row-side-padding>div {
        padding: 0 12px
    }

    .bp-index-row-side-padding>div:first-of-type {
        padding-left: 0;
        padding-right: 24px
    }

    .bp-index-row-side-padding>div:last-of-type {
        padding-left: 24px;
        padding-right: 0
    }
}

@media only screen and (max-width:1083px) {
    .bp-index-row-side-margin {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) {
    .bp-index-row-side-margin>div:not(:last-of-type) {
        margin-bottom: 24px
    }
}

.bp-index-row-side-margin [data-grid~=col-6] {
    padding: 28px
}

@media only screen and (min-width:768px) {
    .bp-index-row-side-margin [data-grid~=col-6] {
        width: calc(50% - 12.5px);
        padding: 36px 36px 24px
    }
}

@media only screen and (min-width:1084px) {
    .bp-index-row-side-margin [data-grid~=col-6] {
        width: calc(50% - 24.5px);
        padding: 56px 56px 36px
    }
}

@media only screen and (min-width:768px) {
    .bp-index-row-side-margin>div {
        margin: 0 12px
    }

    .bp-index-row-side-margin>div:first-of-type {
        margin-left: 0;
        margin-right: 12px
    }

    .bp-index-row-side-margin>div:last-of-type {
        margin-left: 12px;
        margin-right: 0
    }
}

@media only screen and (min-width:1084px) {
    .bp-index-row-side-margin>div:first-of-type {
        margin-left: 0;
        margin-right: 24px
    }

    .bp-index-row-side-margin>div:last-of-type {
        margin-left: 24px;
        margin-right: 0
    }
}

.bp-index-gartner-banner {
    background-color: #4a4a4a;
    color: #fff
}

.bp-index-gartner-banner p {
    font-size: 15px;
    line-height: 20px
}

@media screen and (min-width:768px)and (max-width:1084px) {
    .bp-premium--feature {
        padding: 72px 12px
    }
}

@media screen and (max-width:767px) {
    .bp-premium--feature {
        padding-bottom: 12px;
        padding-top: 24px
    }
}

.bp-premium--feature-extended-text {
    padding: 72px 12px;
    margin-top: 0
}

.bp-premium--feature-extended-text a {
    text-decoration: underline !important
}

@media screen and (min-width:1366px) {
    .bp-premium--feature-extended-text .bp-premium--feature-extended-text-heading {
        font-size: 34px !important;
        line-height: 40px !important
    }
}

@media screen and (min-width:1084px)and (max-width:1365px) {
    .bp-premium--feature-extended-text .bp-premium--feature-extended-text-heading {
        font-size: 28px !important;
        line-height: 32px !important
    }
}

@media screen and (max-width:1083px) {
    .bp-premium--feature-extended-text .bp-premium--feature-extended-text-heading {
        font-size: 26px !important;
        line-height: 32px !important
    }
}

@media screen and (min-width:768px)and (max-width:1365px) {
    .bp-premium--feature-extended-text {
        padding: 48px 12px;
        margin-top: 0
    }

    .bp-premium--feature-extended-text .bp-premium--feature-extended-text-paragraph {
        font-size: 13px !important
    }
}

@media screen and (max-width:767px) {
    .bp-premium--feature-extended-text {
        padding: 12px 12px
    }

    .bp-premium--feature-extended-text>div {
        width: 100% !important;
        text-align: left !important
    }
}

.bp-premium--feature-extended-text-flush {
    display: flex;
    align-items: center
}

@media screen and (max-width:1083px) {
    .bp-premium--feature-extended-text-flush {
        display: block !important
    }

    .bp-premium--feature-extended-text-flush>div:nth-child(2) {
        margin-top: 24px !important;
        margin-bottom: 48px !important
    }
}

.bp-premium--img-shadow {
    box-shadow: rgba(0, 0, 0, .2) 0 5px 70px
}

.bp-premium--quote-container-outer {
    background: #5e5e5e
}

.bp-premium--quote-container-inner {
    background: #2f2f2f;
    margin: 12px;
    border-bottom: 16px solid #f2c811;
    box-shadow: rgba(0, 0, 0, .2) 0 5px 70px
}

.bp-premium--quote-container-inner-quotation svg {
    width: 35px;
    height: 35px
}

.bp-premium--quote-container-inner .c-heading-3 {
    font-size: 28px;
    line-height: 34px
}

@media only screen and (min-width:960px)and (max-width:1365px) {
    .bp-premium--quote-container-inner .c-heading-3 {
        font-size: 24px;
        line-height: 30px
    }
}

@media only screen and (max-width:959px) {
    .bp-premium--quote-container-inner .c-heading-3 {
        font-size: 22px;
        line-height: 28px
    }
}

.bp-premium--feature-extended-content {
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .bp-premium--feature-extended-content {
        padding-top: 132px;
        padding-bottom: 132px;
        margin-top: 0
    }
}

@media screen and (min-width:768px)and (max-width:1365px) {
    .bp-premium--feature-extended-content {
        padding-top: 96px;
        padding-bottom: 96px;
        margin-top: 0
    }

    .bp-premium--feature-extended-content .bp-premium--feature-extended-text-paragraph {
        font-size: 13px !important
    }
}

@media screen and (max-width:767px) {
    .bp-premium--feature-extended-content {
        padding: 12px 12px
    }

    .bp-premium--feature-extended-content>div {
        width: 100% !important;
        text-align: left !important
    }
}

.bp-premium--announcement-container {
    max-width: 1310px;
    margin-left: auto;
    margin-right: auto;
    float: none
}

.bp-premium--announcement-container #get-started-cta:focus {
    background-color: transparent
}

.bp-premium--extended-text-no-underline a {
    text-decoration: none !important
}

@media screen and (min-width:1366px) {
    .bp-premium--feature-extended-text-heading {
        font-size: 34px !important
    }
}

@media screen and (min-width:1084px)and (max-width:1365px) {
    .bp-premium--feature-extended-text-heading {
        font-size: 28px !important
    }
}

@media only screen and (min-width:768px) {
    .center-vertical {
        position: relative;
        top: 50%;
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.force-static {
    position: static !important
}

.display-inline {
    display: inline
}

.display-block {
    display: block
}

a:focus {
    outline: auto
}

svg[aria-hidden="true"] {
    display: block
}

.search-result .title {
    display: inline-block;
    margin-bottom: 0
}

.search-result .label {
    display: inline-block;
    margin-left: 10px
}

.search-typeList li.active {
    border-bottom: 3px solid #000
}

.search-typeList li.active a {
    text-decoration: none
}

@media screen and (-ms-high-contrast:white-on-black) {
    .search-input .icon svg {
        filter: invert(1)
    }
}

.section [itemprop="articlebody"] a,
.section [itemprop="articlebody"] a:hover,
.section p a,
.section p a:hover {
    color: #000;
    text-decoration: underline
}

.section .text-mini>a,
.section .text-mini>a:hover,
.section .text-micro>a,
.section .text-micro>a:hover {
    color: inherit;
    text-decoration: underline
}

.section .cta-secondary:hover {
    color: #333
}

.section-palette02 p a,
.section-slate01 p a,
.section-slate06 p a,
.section-palette02 p a:hover,
.section-slate01 p a:hover,
.section-slate06 p a:hover {
    color: inherit;
    text-decoration: underline
}

.section-palette02 .cta-secondary,
.section-slate01 .cta-secondary,
.section-slate06 .cta-secondary {
    color: inherit
}

.section-palette02 .cta-secondary:hover,
.section-slate01 .cta-secondary:hover,
.section-slate06 .cta-secondary:hover {
    color: #333
}

.section-slate01 .cta-secondary:hover {
    color: #eaeaea
}

.section-slate01 .icon-palette02 svg {
    fill: #f2c811 !important
}

.section-heading-only {
    padding-top: 0
}

.section-app-devices {
    background: #f2c811;
    background-image: url(../cvt-f692c516edf77f1cd249b10ecc64ac5a19ae72da2c15149d7eecadab5209d07d/pictures/pages/pbi-pattern-mobile.png), linear-gradient(to top, #ffd20d, #f2c811);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 100px 0 0;
    position: relative
}

.section-app-devices .row-devices img {
    display: block
}

.section-learning {
    border-top: 0;
    background-image: url(../cvt-c5f117dac07abce5c93b7df072c44d6fe1857c45f5bda60d078e7dd1d218848f/pictures/shared/section/learning-hero.png);
    background-position: 30% 50%
}

.section-featured-post {
    background-image: url(../cvt-e1e8562c030bb98787b32a7bf56df919d858f2fb2a743c13fa83d15475f1e034/pictures/shared/section/featured-post.png);
    border-top: none
}

.section-developer {
    background-image: url(../cvt-3b5fe43df8908f7ca5d7acb30639c8a31acfa5467bc139ae6c6e08ddf679c28c/pictures/shared/section/developer.jpg)
}

.section-developers {
    background-image: url(../cvt-12d5ece38a7c9fc64e30aa54bca926953cb13d5386a0e9642c4a1a37154a58d5/pictures/shared/section/developers.jpg)
}

.section-conference-room {
    background-image: url(../cvt-69e7bf25fd92e83f38a8cdb14b4be3ca1c4e7f3d472567abbc2ae25720162e20/pictures/shared/section/conference-room.png);
    border-top: none
}

.section-showcase {
    background-image: url(../cvt-aa51b81d6dc26516d7aca95c732270228bf0bcaa0e439c4ce4727d7decad7894/pictures/shared/section/showcase.jpg)
}

.section-whiteboard {
    background-image: url(../cvt-206ec023809c492fb1d4cd0fd8f47cac085f3e7d867468e0ac64b5d1ef267d88/pictures/shared/section/whiteboard.jpg)
}

.section-roundtable {
    background-image: url(../cvt-26bb1a5a8280b128be6cd074d7d1a0dd42678fdbb781f33c55783f5a23c2b136/pictures/shared/section/roundtable.png)
}

.section-mobile-devices {
    background-image: url(../cvt-a68c966eb648cf24dd59e76dc14290564184f121bf679ebc4c7ad35c46625601/pictures/shared/section/mobile-devices.jpg);
    background-size: cover;
    padding-bottom: 16.6%
}

.section-showcase-solution-templates {
    background-image: url(../cvt-c530993666b1e3efb3aebf47b2520a15f1b4d7964ad48f58824a82cf2c5971f8/pictures/shared/section/showcase-solution-templates.jpg)
}

.section-enterprise-ready {
    background-image: url(../cvt-00d74a7086fb23d5099817269cd257c1b39fae7d11686962ab48038e9f400b6c/pictures/shared/section/enterprise-ready.png)
}

.section-germany-at-twilight {
    background-image: url(../cvt-cb91732607731141ab5d50bf237aa73dcc7c55978b060c060ab3d9fa1a3f3a51/pictures/shared/section/germany-at-twilight.png);
    min-height: 268px
}

.section-laptop-dashboard {
    background-image: url(../cvt-ea4796bae52159070a1bff87b0cbf3664cb6f1b7bec741e7b1076f6dc9490cc3/pictures/shared/section/laptop-dashboard.jpg)
}

.section-media-publishtoweb {
    background-image: url(../cvt-b678233d1eb5c2f23c5ac0f2502fda0e2055837fe98aead78e851d302acac09d/pictures/shared/section/publishtoweb/media-publishtoweb-hero.jpg)
}

.section-businesses-publishtoweb {
    background-image: url(../cvt-7abe997da0b5fabbf628778ecb2e45341c16b52664186417aa604480a1fd6d02/pictures/shared/section/publishtoweb/businesses-publishtoweb-hero.jpg)
}

.section-public-sector-publishtoweb {
    background-image: url(../cvt-716705910d7745a071645d62a5e124c7b39f4e5656eb9770eceadd29edece1ee/pictures/shared/section/publishtoweb/public-sector-publishtoweb-hero.jpg)
}

.section-nonprofits-publishtoweb {
    background-image: url(../cvt-2b99cbb709b821425f353b2edd8e0887958052d569bf9580407c0cd1bb9d0207/pictures/shared/section/publishtoweb/non-profit-publishtoweb-hero.jpg)
}

.section-businessmen-city-view {
    background-image: url(../cvt-6da4a21c83dfc91407f17fff6c4691cd9e43ecbc7bc87bbc2d8bc110097ebef5/pictures/shared/section/businessmen-city-view.jpg)
}

.section-tall-buildings {
    background-image: url(../cvt-79deb17601b24e9c02da4b7b194c2f77cc05921874ffac8d8b0e3633c99986bc/pictures/shared/section/tall-buildings.jpg);
    height: 392px;
    border-top: 0 !important
}

.section-man-glasses {
    background-image: url(../cvt-d0eaf5cf69960d5c945bac259af9bf89e07ff7c08097404c40faccfe4f6cf9d7/pictures/shared/section/man-glasses.jpg)
}

.section-man-working-laptop {
    background-image: url(../cvt-9acc6be7a079c8829b34c4ec7db3358cb19e51467fbd795585b5a16e4de69256/pictures/shared/section/man-working-laptop.jpg)
}

@media only screen and (min-width:1400px) {
    .section-mobile-devices-on-table {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../cvt-8f3cf29ed1bb7b64485a95a2718a8b4d6f086a1f91761bddec799afa46513898/pictures/shared/section/hero_background_1600x485.jpg)
    }
}

@media only screen and (min-width:1084px)and (max-width:1399px) {
    .section-mobile-devices-on-table {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../cvt-fae578bc92ef47a8c8ee5ccd92092a733786de4083f78a7263e1e05806093848/pictures/shared/section/hero_background_1259x372.jpg)
    }
}

@media only screen and (min-width:769px)and (max-width:1083px) {
    .section-mobile-devices-on-table {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../cvt-fbeb72efaefdd40b062c8c2318cf4facb582d550acad808af55cac2281d1a800/pictures/shared/section/hero_background_1083x509.jpg)
    }
}

@media only screen and (min-width:541px)and (max-width:768px) {
    .section-mobile-devices-on-table {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../cvt-353ce62b64bc53c1400c9dd80eff54bd0f9110d51923f4637338db79588fa0d1/pictures/shared/section/hero_background_751x464.jpg) top left
    }
}

@media only screen and (max-width:540px) {
    .section-mobile-devices-on-table {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../cvt-dd81a134019dcb6089e25f57c3b4d7c791053387ca7baaed7bd43423a9243d7c/pictures/shared/section/hero_background_522x448.jpg) left
    }

    .section-mobile-devices-on-table a.button {
        display: inline-block
    }
}

.section-working-on-surface {
    background-image: url(../cvt-6c243d7ca8af8fcc0c4800993e57941039cef997391d9c218cc5e13fc754cdbd/pictures/shared/section/working-on-surface.jpg)
}

.section-data-insights {
    background-image: url(../cvt-d0b654d3cc5568036c024273389c53746789c3b9b0498c2cadf14441fde70bbd/pictures/shared/section/data-insights.jpg);
    background-size: cover
}

.section-business-intelligence {
    min-height: 480px
}

.section-business-intelligence img {
    bottom: -64px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute
}

.section-esri-arcgis img {
    margin-top: 24px !important
}

.section-report-server-desktop {
    background-image: url(../cvt-aee8d8f9c84a66937a6921059ff7883a787851ddb6205555b827885daaf72df7/pictures/pages/report-server/report-server-desktop.jpg);
    min-height: 200px;
    height: 27vw;
    border-top: 0 !important
}

@media only screen and (min-width:960px) {
    .section-app-devices {
        background-image: url(../cvt-9ea9c477d68915c36ed2634e534947539995dd8e33cf5176b3ae3c65c43e786a/pictures/pages/pbi-pattern.png), linear-gradient(to top, #ffd20d, #f2c811);
        background-size: cover
    }
}

@media only screen and (min-width:540px) {
    .section-business-intelligence {
        min-height: 500px
    }

    .section-business-intelligence img {
        position: absolute;
        bottom: -88px;
        left: initial;
        transform: none
    }
}

@media only screen and (min-width:768px) {
    .section-business-intelligence {
        min-height: 1px
    }

    .section-esri-arcgis img {
        position: absolute;
        bottom: 0;
        max-width: 560px;
        margin-top: 0
    }
}

.section-footer {
    color: #000
}

.close {
    color: #000;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    position: absolute;
    right: 10px;
    text-shadow: 0 1px 0 #fff;
    top: 0
}

.close:hover {
    color: #000;
    opacity: 1;
    text-decoration: none
}

.subnav-collapse {
    position: relative;
    overflow: visible
}

.subnav-collapse .subnavMenuToggle {
    display: inline
}

@media screen and (min-width:960px) {
    .subnav-collapse .subnavMenuToggle {
        display: none
    }
}

.subnav-collapse .subnavMenuToggle .subnavMenuText:hover {
    cursor: pointer
}

.subnav-collapse .subnavMenuToggle .subnavMenuExpandIcon {
    float: left;
    width: 14px;
    margin-right: 7px;
    padding: 2px 0
}

.subnav-collapse .subnavMenuToggle .subnavMenuExpandIcon:hover {
    cursor: pointer
}

.subnav-collapse .subnavMenuToggle .subnavMenuExpandIcon .icon-bar {
    background-color: #fff;
    width: 100%;
    height: 2px;
    margin: 4px 0;
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s
}

.subnav-collapse .subnavMenuToggle .subnavMenuExpandIcon.expand .bar1 {
    -ms-transform: rotate(45deg) translate(30%, 208%);
    -o-transform: rotate(45deg) translate(30%, 208%);
    -webkit-transform: rotate(45deg) translate(30%, 208%);
    transform: rotate(45deg) translate(30%, 208%)
}

.subnav-collapse .subnavMenuToggle .subnavMenuExpandIcon.expand .bar2 {
    opacity: 0
}

.subnav-collapse .subnavMenuToggle .subnavMenuExpandIcon.expand .bar3 {
    -ms-transform: rotate(-45deg) translate(30%, -208%);
    -o-transform: rotate(-45deg) translate(30%, -208%);
    -webkit-transform: rotate(-45deg) translate(30%, -208%);
    transform: rotate(-45deg) translate(30%, -208%)
}

.subnav-collapse .subnavMenuLinks {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 200;
    overflow: hidden;
    -webkit-transition: height .5s;
    transition: height .5s
}

@media screen and (min-width:960px) {
    .subnav-collapse .subnavMenuLinks {
        position: static;
        display: inline
    }
}

.subnav-collapse .subnavMenuLinks ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width:960px) {
    .subnav-collapse .subnavMenuLinks ul li {
        margin: 0
    }
}

.subnav-collapse .subnavMenuLinks .subnavLink {
    border-top: 1px solid rgba(255, 255, 255, .2);
    float: none
}

@media screen and (min-width:960px) {
    .subnav-collapse .subnavMenuLinks .subnavLink {
        margin-bottom: 0;
        display: inline-block;
        border: none
    }
}

.subnav-collapse .subnavMenuLinks .subnavLink a,
.subnav-collapse .subnavMenuLinks .subnavLink a:visited,
.subnav-collapse .subnavMenuLinks .subnavLink a:focus {
    color: #fff;
    padding: 10px 0;
    display: block
}

@media screen and (min-width:960px) {

    .subnav-collapse .subnavMenuLinks .subnavLink a,
    .subnav-collapse .subnavMenuLinks .subnavLink a:visited,
    .subnav-collapse .subnavMenuLinks .subnavLink a:focus {
        display: inline
    }
}

.subnav-collapse .subnavMenuLinks .subnavLink a.active {
    color: #f2c811
}

@media screen and (-ms-high-contrast:active) {
    .subnav-collapse .subnavMenuLinks .subnavLink a.active {
        filter: invert(1)
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .subnav-collapse .subnavMenuLinks .subnavLink a.active {
        filter: invert(1)
    }
}

.subnav-collapse .subnavMenuLinks .subnavLink a.active:hover {
    text-decoration: none;
    cursor: default
}

div.subnav-collapse-tab:not(.active) {
    display: none
}

.tag {
    display: inline-block;
    background-color: #f2c811;
    padding: 2px 8px
}

.section.section+.section.section {
    border-top: 1px solid #f4f4f4
}

.section.section+.section.section-gradient,
.section.section+.section.section[class*='section-slate'],
.section.section+.section.section[class*='section-palette'] {
    border-top: none
}

.search-input .icon svg,
.video .icon svg {
    fill: inherit
}

.form-row+.form-row {
    margin-top: 25px
}

.text-palette13 {
    color: #fcd116
}

.arrowLink:after {
    content: '▶';
    margin-left: 10px
}

.tile {
    background-color: #fff;
    padding: 50px 30px
}

.video {
    display: block;
    position: relative
}

.video .icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 15%;
    width: 11%
}

.video img {
    width: 100%
}

.azuremediaplayer video {
    display: block !important
}

.inline-video-container .inline-video-wrapper {
    width: 100%
}

@media only screen and (min-width:960px) {
    .inline-video-container .inline-video-wrapper {
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        top: 50%
    }
}

.bc-captcha [aria-hidden="true"] {
    display: inline
}

.bc-captcha table,
.bc-captcha tr {
    border-width: 0 !important;
    margin: 0 !important;
    border-collapse: separate !important
}

.bc-captcha table td,
.bc-captcha table th {
    padding: 0 !important
}

.contact-widget {
    display: inline-block;
    position: fixed;
    top: calc(50% - 100px);
    z-index: 1000;
    background-color: #75757a;
    color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .12)
}

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

.contact-widget_list>li {
    display: flex;
    height: 52px;
    padding: 0;
    margin-bottom: 0
}

.contact-widget_list>li:not(:last-of-type) {
    border-bottom: 1px solid #fff
}

.contact-widget .cw-button-expand {
    position: absolute;
    background-color: transparent;
    color: #000;
    height: 100%;
    width: 50px;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 0
}

.contact-widget .cw-button-expand:hover {
    border: none;
    border-color: transparent
}

.contact-widget .cw-button-expand:focus {
    right: 2px;
    outline: 2px dashed #000;
    border-color: transparent
}

.contact-widget .cw-close {
    position: absolute;
    top: 100%;
    background-color: #f2c811;
    color: #191919;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
    right: 0;
    display: none;
    border: 1px solid #f2c811;
    border-radius: 0
}

.contact-widget .cw-close:focus {
    outline: 1px dashed #000
}

.contact-widget .cw-close:before {
    content: "";
    font-family: 'MWF-MDL2';
    display: inline-block;
    position: relative;
    top: 1px;
    padding-right: 4px;
    font-size: 12px;
    font-weight: 600
}

.contact-widget a.cw-hyperlink,
.contact-widget button.cw-action-trigger {
    display: inline-block;
    position: relative;
    padding: 2px 0;
    background-color: transparent;
    color: #191919;
    font-size: 14px;
    font-weight: 600
}

.contact-widget a.cw-hyperlink:focus,
.contact-widget button.cw-action-trigger:focus {
    outline: 1px dashed #000
}

.contact-widget a.cw-hyperlink:hover,
.contact-widget button.cw-action-trigger:hover {
    text-decoration: underline
}

.contact-widget a.cw-hyperlink:after,
.contact-widget a.cw-hyperlink:after,
.contact-widget button.cw-action-trigger:after,
.contact-widget button.cw-action-trigger:after {
    content: "";
    font-family: 'MWF-MDL2';
    display: inline-block;
    position: relative;
    top: 1px;
    padding-left: 4px;
    font-size: 12px;
    font-weight: 400
}

.contact-widget a.cw-call:after {
    content: ''
}

.contact-widget .cw-list-item {
    display: flex;
    flex-direction: row;
    background: #ebebeb
}

.contact-widget .cw-list-item .cw-icon {
    background: #f2c811;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #ebebeb
}

.contact-widget .cw-list-item .cw-icon svg {
    width: 32px;
    height: 32px
}

.contact-widget .cw-list-item .cw-text {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 10px
}

.contact-widget .cw-list-item:last-child .cw-icon {
    border-bottom: none
}

.contact-widget .cw-list-item--hidden {
    display: none
}

.contact-widget .cw-text-mini {
    font-size: 12px;
    font-weight: 600;
    color: #191919
}

.contact-widget--expanded .cw-text {
    display: flex !important
}

.contact-widget--expanded .cw-button-expand {
    left: 2px;
    right: auto
}

.contact-widget--expanded .cw-button-expand:focus {
    right: 0 !important
}

.contact-widget--expanded .cw-close {
    display: block
}

.contact-widget--expanded .cw-close:focus {
    z-index: 1;
    right: 1px
}

html:not([dir="rtl"]) .contact-widget {
    right: 0
}

html[dir="rtl"] .contact-widget {
    left: 0
}

html[dir="rtl"] .contact-widget a.cw-hyperlink:after,
html[dir="rtl"] .contact-widget button.cw-action-trigger:after {
    transform: scale(-1, 1)
}

.blade-with-svg div {
    display: flex;
    flex: 1;
    flex-direction: column;
    text-align: left;
    justify-content: center
}

.blade-with-svg svg {
    width: 100%;
    height: 100%
}

.blade-with-svg .c-paragraph {
    margin: 6px 0
}

.blade-with-svg .c-list li {
    margin-bottom: 6px;
    padding-bottom: 0
}

a.c-call-to-action.palette02,
a.c-call-to-action.palette02.f-lightweight {
    color: #967100
}

a.c-call-to-action.palette02:hover,
a.c-call-to-action.palette02.f-lightweight:hover,
a.c-call-to-action.palette02:active,
a.c-call-to-action.palette02.f-lightweight:active,
a.c-call-to-action.palette02:focus,
a.c-call-to-action.palette02.f-lightweight:focus {
    color: #967100;
    text-decoration: underline
}

.modal-video.c-dialog.f-lightbox [role=dialog] {
    background-color: #fff;
    width: 70%;
    height: 70% !important;
    overflow-y: auto;
    border: 1px solid #aeb3ba;
    box-shadow: 1px 2px 1px 0 rgba(0, 32, 80, .12);
    max-height: 700px;
    padding: 36px 0 0 0
}

.modal-video.c-dialog [role=document],
.c-dialog iframe {
    width: 100%;
    height: 95%
}

.modal-video.c-dialog.f-lightbox [role=dialog]>.glyph-cancel {
    margin-top: 30px;
    right: 1px;
    height: 33px
}

.modal-video.c-dialog.f-lightbox [role=dialog]>.c-glyph {
    color: rgba(0, 0, 0, .6)
}

.modal-video.c-dialog.f-lightbox [role=dialog]>.c-glyph:hover {
    color: rgba(0, 0, 0, .8)
}

.modal-video.c-dialog.f-lightbox [role=dialog]>.glyph-cancel:focus {
    outline-color: rgba(0, 0, 0, .8)
}

.status {
    background-color: #eaeaea;
    border-bottom: 4px solid #f2c811;
    font-size: 22px;
    font-weight: 700;
    padding: 20px 20px 20px 70px;
    position: relative
}

.status:before {
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: cover;
    content: '';
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    top: 50%;
    width: 30px
}

.status[data-state=green] {
    border-bottom-color: #3bb44a
}

.status[data-state=green]:before {
    background-image: url(../cvt-6774e62c32cb557367c47458b2c266ee7f683c835fb731109f5e2f829cbd08aa/pictures/pages/support/circle-check.svg)
}

.status[data-state=red] {
    border-bottom-color: #e81123
}

.status[data-state=red]:before {
    background-image: url(../cvt-6055a0920e94c48b7fcd450d9f5724659a58d493d9a5f035600b67bd4a0430e4/pictures/pages/support/circle-x.svg)
}

.toggler.toggler-selector {
    font-weight: 200;
    padding: 8px 60px 8px 10px;
    text-decoration: none;
    display: block;
    position: relative
}

.toggler.toggler-selector:after {
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: 10px;
    top: 18px
}

.toggler.toggler-selector.open:after {
    border-color: transparent transparent #000 transparent;
    border-style: solid;
    border-width: 8px;
    content: '';
    height: 0;
    width: 0;
    top: 10px
}

.toggler.toggler-selector.toggler-selector-slate01 {
    background-color: #000;
    color: #fff !important
}

.toggler.toggler-selector.toggler-selector-slate01:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: '';
    height: 0;
    width: 0
}

.toggler.toggler-selector.toggler-selector-slate01.open:after {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 8px;
    content: '';
    height: 0;
    width: 0
}

.toggled.toggled-selector {
    font-weight: 200;
    padding: 8px 10px;
    list-style: none;
    position: absolute;
    z-index: 100
}

.toggled.toggled-selector li {
    padding: 6px 0;
    float: none
}

.toggled.toggled-selector li a {
    text-decoration: none
}

.toggled.toggled-selector li .icon {
    margin-top: -5px
}

.toggled.toggled-selector.toggled-selector-slate01 {
    background-color: #000;
    color: #fff !important
}

.toggled.toggled-selector.toggled-selector-slate01 li {
    background-color: #000;
    padding: 6px 0;
    float: none
}

.toggled.toggled-selector.toggled-selector-slate01 li a {
    color: #fff !important
}

#modal-contact-us img {
    height: auto;
    max-width: 100%
}

#modal-contact-us.modal {
    max-height: 100vh
}

#modal-contact-us .text-heading1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 12px
}

#modal-contact-us .mc-contact-us-content-container__description__items ul {
    list-style-type: disc;
    padding-left: 17px;
    list-style-position: outside;
    margin-bottom: 14px;
    margin-left: 0
}

#modal-contact-us .mc-contact-us-content-container__description__items li {
    margin-bottom: 12px
}

#modal-contact-us .text-body3 {
    margin-top: 24px;
    font-size: 18px;
    margin: 0 0 9px
}

#modal-contact-us .button-default--whiteonblack {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    width: auto;
    padding: 10px 20px;
    color: #fff !important;
    border: 1px solid transparent;
    box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, .132), 0 .3px .9px 0 rgba(0, 0, 0, .108)
}

#modal-contact-us .button-default--whiteonblack:hover,
#modal-contact-us .button-default--whiteonblack:focus:not(.x-hidden-focus) {
    color: #fff !important;
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132), 0 .6px 1.8px 0 rgba(0, 0, 0, .108)
}

#modal-contact-us .button-default--whiteonblack:hover>span,
#modal-contact-us .button-default--whiteonblack:focus:not(.x-hidden-focus)>span {
    text-decoration: underline
}

#modal-contact-us .button-default--whiteonblack:focus:not(.x-hidden-focus) {
    outline: 1px dashed #000
}

.modal-wrapper-mask-overlay {
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.modal-wrapper-mask-overlay.visible {
    display: block;
    opacity: 1;
    z-index: 99998
}

#modal-contact-us #internalEmail {
    display: none;
    margin-top: 24px
}

#modal-contact-us.modal {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%) scale(.9);
    -ms-transform: translate(-50%, -50%) scale(.9);
    -o-transform: translate(-50%, -50%) scale(.9);
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #f7f7f7;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    display: none;
    opacity: 0;
    width: 90%;
    z-index: 99999;
    outline: 1px solid transparent;
    height: auto
}

#modal-contact-us.modal.oversized {
    -moz-transform: translate(-50%, -50%) scale(.99);
    -ms-transform: translate(-50%, -50%) scale(.99);
    -o-transform: translate(-50%, -50%) scale(.99);
    -webkit-transform: translate(-50%, -50%) scale(.99);
    transform: translate(-50%, -50%) scale(.99);
    left: 50%;
    margin: 0 auto;
    top: 50%;
    overflow-y: scroll
}

#modal-contact-us.modal.oversized.visible {
    -moz-transform: translate(-50%, -50%) scale(.99);
    -ms-transform: translate(-50%, -50%) scale(.99);
    -o-transform: translate(-50%, -50%) scale(.99);
    -webkit-transform: translate(-50%, -50%) scale(.99);
    transform: translate(-50%, -50%) scale(.99);
    display: block;
    opacity: 1
}

#modal-contact-us.modal .close {
    background-color: transparent;
    border: 0;
    color: #3c3c41;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    padding: 0 24px 38px 1px;
    position: absolute;
    right: 20px !important;
    top: 18px;
    text-decoration: none;
    height: 16px;
    opacity: 1;
    width: 16px
}

#modal-contact-us.modal .close:hover {
    background-color: transparent;
    color: #000;
    opacity: 1;
    text-decoration: none
}

#modal-contact-us.modal .close:focus {
    outline: 1px dashed #000
}

#modal-contact-us.modal.visible:not(.oversized) {
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    display: block;
    opacity: 1
}

@media only screen and (min-width:540px) {
    #modal-contact-us.modal.modal-large {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:960px) {
    #modal-contact-us.modal {
        max-width: 515px
    }

    #modal-contact-us.modal.modal-large {
        max-width: 900px;
        width: 60%
    }
}

#modal-contact-us .mc-contact-us-form-content {
    width: 100%;
    height: inherit;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #fff
}

#modal-contact-us .mc-contact-us-form-content--margin {
    margin-left: 0
}

#modal-contact-us .mc-contact-us-form-content fieldset {
    padding-top: 24px;
    border: none
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal dd {
    margin-left: 0;
    margin-top: 9px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal label {
    font-size: 14px;
    line-height: 21px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal input[type='text'],
#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal select,
#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal textarea {
    background-color: #fff;
    color: #75757a;
    border: 1px solid #75757a;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    padding: 11px 4px 8px 12px;
    box-sizing: border-box;
    border-radius: 2px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal input[type='text']:hover,
#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal select:hover,
#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal textarea:hover {
    border-color: #3c3c41
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal input[type='text']:focus,
#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal select:focus,
#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal textarea:focus {
    border: 2px solid #3c3c41
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .required-sign {
    color: #a80000
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal textarea {
    resize: none
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal select.input-validation-error {
    border: 2px solid #920808
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal em[class="required"] {
    display: none
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal input[type='text'] {
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal input[type='text'].input-validation-error {
    border: 2px solid #920808;
    background-image: url(../cvt-2ac95f64dab6a20ae352f15778db84fd3d604973b5a822068a09a920b45ef6f6/pictures/pages/contact-us/mc-contact-us-error.svg)
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal input[type='text'].valid {
    background-image: url(../cvt-ecbecd28ae54f64fff883bc1fb2aa67f2630d04be3f2074d7dd89866f85e4253/pictures/pages/contact-us/mc-contact-us-check.svg)
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal select {
    color: #3c3c41;
    font-weight: 200;
    line-height: 21px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal select option {
    font-size: 14px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .form-row+.form-row {
    margin-top: 10px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .field-validation-error-container {
    color: #991818
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .field-validation-error-container P {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .field-validation-error-container li a:hover {
    cursor: pointer;
    outline: none
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .field-validation-error-container li a span:focus {
    outline: 1px dashed #000
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .field-validation-error-container span {
    display: block
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .field-validation-error {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #991818
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .field-validation-error.error-field-decoration {
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .field-validation-error .formlabel {
    display: none
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .form-field .field-validation-error~label {
    display: none !important
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .form-navigation {
    padding-top: 12px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .inline-field {
    margin-top: 24px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .inline-field input {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    display: inline-block
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-text {
    color: #000;
    margin-top: 24px;
    font-size: 12px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .partner-consent-text {
    color: #000;
    margin-top: 12px;
    font-size: 12px
}

@media only screen and (min-width:540px) {
    #modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox {
        flex-wrap: nowrap
    }
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox .consent-label span {
    position: relative;
    top: -9px;
    font-size: 12px;
    line-height: 18px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox .consent-label span label {
    font-size: 12px;
    line-height: 18px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox .consent-label span a {
    color: #000;
    text-decoration: underline
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"] {
    display: inline-block;
    height: 20px;
    width: 20px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:focus {
    outline: 1px dashed #000
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:after,
#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:before {
    content: '';
    font-family: 'BAPIMDL2';
    box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px transparent;
    height: 20px;
    left: 0;
    padding-left: 0;
    position: relative;
    width: 20px;
    top: 0;
    line-height: 20px;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 2px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:not(:checked):before {
    content: "";
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 0 0 10px #fff
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:not(:checked):after {
    display: none
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:checked:before {
    display: none
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:checked:after {
    content: '';
    font-family: 'BAPIMDL2';
    color: #fff;
    font-size: 17px;
    padding-left: 1px;
    box-shadow: inset 0 0 0 10px #000
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:not(:disabled):hover:before {
    box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px #fff
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]+span {
    display: inline-block
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox input[type="checkbox"]:not(.hide)+span {
    margin-left: 34px;
    margin-top: -22px
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox.hide {
    display: none
}

#modal-contact-us .mc-contact-us-form-content .mc-contact-us-modal .consent-checkbox.show {
    display: inline-block
}

#contact-us-success-modal.modal {
    max-width: 400px
}

#contact-us-success-modal.modal.hidden {
    display: none !important
}

#contact-us-success-modal.modal.show {
    display: block !important
}

#contact-us-success-modal.modal .success-close {
    background-color: transparent;
    border: 0;
    color: #3c3c41;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    padding: 0 24px 34px 1px;
    position: absolute;
    right: 15px;
    top: 10px;
    text-decoration: none;
    height: 16px;
    width: 16px
}

#contact-us-success-modal.modal .success-close:hover {
    background-color: transparent;
    color: #000;
    opacity: 1;
    text-decoration: none
}

#contact-us-success-modal.modal .success-close:focus {
    outline: 1px dashed #000
}

#modal-contact-us {
    padding: 0
}

#modal-contact-us.generic .icon {
    width: 100%;
    height: 100%
}

#modal-contact-us.modal {
    background-color: #f2f2f2
}

#modal-contact-us.modal.oversized {
    right: 0;
    margin: 36px auto
}

@media only screen and (min-width:960px) {
    #modal-contact-us {
        max-width: 1024px
    }

    #modal-contact-us.modal-large {
        max-width: 1024px !important;
        width: 90% !important
    }
}

@media only screen and (min-width:540px) {
    #modal-contact-us.modal.modal-large {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    #modal-contact-us .mc-contact-us-close-container {
        background: #fff;
        padding-bottom: 36px
    }
}

#modal-contact-us .mc-contact-us-close-container .close {
    color: #000;
    top: 36px;
    right: 36px;
    font-weight: 400;
    height: 24px;
    width: 24px
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-close-container .close {
        top: 24px;
        right: 24px
    }
}

@media only screen and (max-width:767px) {
    #modal-contact-us .mc-contact-us-close-container .close {
        top: 5px;
        right: 14px;
        height: 18px;
        width: 18px;
        font-size: 24px
    }
}

#modal-contact-us .mc-contact-us-container__content__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 36px 36px 24px 36px
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-container__content__heading .logo-header-text {
        font-size: 14px;
        line-height: 21px
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-container__content__heading {
        padding: 36px 36px 0 36px
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-container__content__heading .text-heading2 {
        font-size: 28px;
        line-height: 42px;
        margin-top: 24px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    #modal-contact-us .mc-contact-us-container__content__heading .text-heading2 {
        font-size: 24px;
        line-height: 36px;
        margin-top: 24px;
        margin-bottom: 12px
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-container__content__heading .text-body4 {
        line-height: 21px;
        margin: 12px 0
    }
}

@media only screen and (max-width:767px) {
    #modal-contact-us .mc-contact-us-container__content__heading .text-body4 {
        margin: 0
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-container__content__heading {
        width: 62%
    }
}

@media only screen and (max-width:767px) {
    #modal-contact-us .mc-contact-us-container__content__heading {
        padding: 24px 15px 0 15px
    }
}

#modal-contact-us .mc-contact-us-modal-container {
    display: flex
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container {
        flex-direction: column
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container {
    padding: 60px 60px 48px;
    flex-basis: 100%;
    background: #fff;
    border-radius: 4px 0 0 4px
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container {
        background: #f2f2f2
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container {
        padding: 24px 36px
    }
}

@media only screen and (max-width:767px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container {
        padding: 24px 15px 12px 15px
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__heading .text-heading1 {
    line-height: 54px
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__heading__hr {
    padding: 36px 0
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__heading__hr hr {
    border: 1px solid #191919;
    margin: 0
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description {
    padding-top: 24px
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description {
        margin-top: 0;
        padding-top: 0
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description .text-heading1 {
    line-height: 54px
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description .text-heading1 {
        font-size: 28px;
        line-height: 42px
    }
}

@media only screen and (max-width:767px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description .text-heading1 {
        font-size: 24px;
        line-height: 36px
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description .text-body3 {
    line-height: 27px;
    padding-top: 24px;
    font-weight: 600
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description .text-body3 {
        margin-top: 12px;
        padding-top: 0;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description {
        margin-top: 12px
    }
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description p {
        font-size: 14px;
        line-height: 21px
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description__items {
    margin-top: 24px;
    margin-bottom: 0
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description__items {
        margin-top: 12px
    }
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-content-container__description__items p {
        font-size: 14px;
        line-height: 21px
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-basis: 100%;
    background: #f2f2f2;
    border-radius: 4px 0 0 4px
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container {
        background: #fff
    }
}

@media only screen and (min-width:768px)and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container {
        padding: 0 36px 12px 24px
    }
}

@media only screen and (max-width:767px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container {
        padding: 0
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container__content {
    border-radius: 4px;
    padding: 12px 21px 24px
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container__content {
        padding: 0
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container__content .logo-header-text {
    padding-left: 6px;
    color: #3c3c41;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container__content .logo-header-text {
        font-size: 14px;
        line-height: 21px
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container__content .icon-size2 {
    margin-top: -6px
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container__content__email_heading {
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width:959px) {
    #modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container__content {
        border-radius: 0;
        box-shadow: none
    }
}

#modal-contact-us .mc-contact-us-modal-container .mc-contact-us-form-container__content .form-fields dt label {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

#modal-contact-us .mc-contact-us-form-content {
    background-color: transparent
}

@media only screen and (min-width:960px) {
    #modal-contact-us .mc-contact-us-form-content {
        padding: 0
    }

    #modal-contact-us .mc-contact-us-form-content fieldset {
        padding-top: 72px
    }
}

#modal-contact-us .mc-contact-us-form-content .button-default--whiteonblack {
    background-color: #191919
}

html[dir='rtl'] #modal-contact-us .close {
    right: auto !important
}

html[dir='rtl'] #modal-contact-us.modal.oversized {
    overflow: auto
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer .text-responsive-24px {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media screen and (min-width:960px) {
    .pbi-mwf-contact-sock-footer .mc-contact-sock-footer .text-responsive-24px {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer .text-responsive-20px {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem
}

@media screen and (min-width:960px) {
    .pbi-mwf-contact-sock-footer .mc-contact-sock-footer .text-responsive-20px {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--heading {
    text-align: center
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--heading__left-aligned {
    padding-left: 1.875rem
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--cards-wrapper {
    margin-top: 36px
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__heading {
    margin-top: 0
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__icon {
    padding-bottom: 24px
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__link {
    margin-top: 24px
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__link .button-arrowlink {
    display: inline-block;
    position: relative;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
    padding: 2px 0;
    width: auto;
    border-radius: 2px;
    color: #191919 !important;
    text-transform: none;
    border: 1px solid transparent
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__link .button-arrowlink:hover>span {
    text-decoration: underline
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__link .button-arrowlink span {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    text-align: left
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__link .button-arrowlink span::after {
    content: "";
    font-family: 'PowerBIMDL2';
    transform: rotate(-90deg);
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: -3px;
    padding-left: 10px;
    font-size: 10px;
    font-weight: 900;
    text-shadow: .5px 0 black
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__link .button-arrowlink:focus:not(.x-hidden-focus) {
    outline: 1px dashed #000
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__logo {
    display: inline-block;
    height: 48px;
    line-height: 0;
    vertical-align: middle;
    width: 48px
}

.pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__paragraph {
    margin-top: 12px
}

@media only screen and (max-width:767px) {
    .pbi-mwf-contact-sock-footer .mc-contact-sock-footer .mc-contact-sock-footer {
        text-align: center
    }
}

html[dir="rtl"] .pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__link .button-arrowlink span {
    padding-left: 10px;
    padding-right: 0;
    text-align: right
}

html[dir="rtl"] .pbi-mwf-contact-sock-footer .mc-contact-sock-footer--item__link .button-arrowlink span::after {
    transform: rotate(90deg);
    bottom: 8px
}