body #ot-sdk-btn.ot-sdk-show-settings {
    display: inline-block;
    background: none;
    padding: 0;
    color: #00a2df;
    border: 0;
    width: auto;
    font-family: "EDINProMedium", Arial, sans-serif;
    font-size: 13px;
    margin-right: 10px
}

body[class*="smartling-"] #ot-sdk-btn.ot-sdk-show-settings {
    font-family: 'EOpenSans', sans-serif;
    color: #323031;
    font-size: 15px;
    margin: 0 10px 0 0;
    line-height: 25px
}

body.not-found[class*="smartling-"] #ot-sdk-btn.ot-sdk-show-settings {
    font-family: "EDINProMedium", Arial, sans-serif;
    color: #00a2df;
    font-size: 13px;
    margin: 0 10px 0 0;
    line-height: 25px
}

body #onetrust-consent-sdk #onetrust-pc-sdk .group {
    border-bottom: 0
}

body #onetrust-consent-sdk *:focus {
    outline: 0
}

body #onetrust-consent-sdk #onetrust-pc-sdk .group:focus {
    outline: 0
}

body #ot-sdk-btn.ot-sdk-show-settings:hover {
    background: none;
    padding: 0;
    color: #00a2df
}

body #onetrust-pc-sdk.otPcTab {
    width: 1008px;
    height: 549px;
    max-width: inherit
}

body #onetrust-pc-sdk.otPcTab, body #onetrust-pc-sdk .pc-header .pc-close-btn-container, body #onetrust-pc-sdk .pc-content {
    background-color: #f4f4f4
}

body #onetrust-pc-sdk .pc-header {
    border: 0
}

body #onetrust-pc-sdk .main-content {
    padding: 0 0 0 20px
}

body #onetrust-pc-sdk .group {
    border-left: 5px solid transparent
}

body #onetrust-pc-sdk .active-group {
    border-left: 5px solid #00a1e0
}

body #onetrust-pc-sdk .description-container {
    background: white;
    padding: 20px;
    min-height: 310px
}

body #onetrust-pc-sdk .ot-sdk-column, #onetrust-pc-sdk .ot-sdk-columns {
    margin-left: 0
}

body #onetrust-pc-sdk .group h3 {
    color: #215ca0;
    font-size: 15px;
    font-family: 'SFRegular', sans-serif
}

body #onetrust-consent-sdk #onetrust-pc-sdk .description-container h3, body #onetrust-consent-sdk #onetrust-pc-sdk .group:not(.active-group) h3 {
    color: #215ca0
}

body #onetrust-pc-sdk .description-container h3 {
    font-size: 22px;
    line-height: 1.36;
    font-family: 'SFBold', sans-serif
}

body #onetrust-pc-sdk .active-group h3 {
    color: #263238
}

body #onetrust-pc-sdk .footer-logo {
    display: none
}

body #onetrust-pc-sdk .toggle .checkbox input:checked + label {
    background-color: #215ca0
}

body #onetrust-pc-sdk .toggle .checkbox label {
    border-radius: 23px;
    height: 23px;
    background: #c1b9b4;
    width: 37px
}

body #onetrust-pc-sdk .checkbox label:after {
    top: 2px;
    left: 2px;
    height: 19px;
    width: 19px;
    background: white
}

body #onetrust-pc-sdk .toggle .checkbox input:checked + label:after {
    background: #f5efeb;
    left: 16px
}

body #onetrust-pc-sdk .group-toggle h3 {
    font-size: 22px;
    line-height: 1.36;
    color: #032e61;
    font-family: 'SFBold', sans-serif
}

body #onetrust-pc-sdk button, body #onetrust-pc-sdk button:hover {
    font-family: 'SFRegular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 100%;
    color: #215ca0;
    border-color: #215ca0;
    text-transform: uppercase;
    border-radius: 4px;
    opacity: 1;
    width: auto;
    line-height: 1
}

body #onetrust-pc-sdk button {
    margin-right: 0
}

body #onetrust-pc-sdk .save-preference-btn-handler {
    min-width: initial;
    width: auto;
    margin: 0;
    border-radius: 4px;
    line-height: 1
}

body #onetrust-pc-sdk .save-preference-btn-handler, body #onetrust-pc-sdk .save-preference-btn-handler:hover {
    font-weight: 400;
    font-size: 14px;
    color: white;
    background: #215ca0
}

body #onetrust-pc-sdk .ot-sdk-eight.ot-sdk-columns {
    margin: 0;
    width: 69%;
    height: 100%;
    overflow-y: auto
}

body #onetrust-pc-sdk .group-description, body #onetrust-pc-sdk #pc-policy-text {
    font-family: 'SFRegular', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #222
}

body #onetrust-pc-sdk .pc-logo {
    margin: 20px 0 0 0;
    width: 130px;
    display: inline-block;
    background-position: 0 center
}

body #onetrust-pc-sdk .pc-logo:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 120px;
    font-family: 'SFThin', sans-serif;
    font-size: 42px;
    margin-top: 15px
}

body #onetrust-pc-sdk .group-toggle .checkbox {
    background: none !important
}

body #onetrust-pc-sdk button {
    color: white !important
}

body #onetrust-pc-sdk .pc-header {
    height: 60px;
    display: block
}

body #onetrust-pc-sdk .groups-container {
    height: 310px;
    margin-top: 40px;
    overflow-y: hidden
}

body #onetrust-pc-sdk .button-group-parent {
    border: 0
}

body #onetrust-pc-sdk #pc-title {
    float: left;
    margin-left: 30px;
    margin-top: 35px
}

body #onetrust-pc-sdk #triangle {
    right: 25px
}

body #onetrust-pc-sdk #accept-recommended-btn-handler {
    margin-right: 0
}

#onetrust-consent-sdk #onetrust-pc-sdk button {
    float: right
}

@media screen and (max-width: 1024px) {
    #onetrust-consent-sdk #onetrust-pc-sdk button {
        float: none
    }

    body #onetrust-pc-sdk.otPcTab {
        width: calc(100% - 20px)
    }
}

@media screen and (max-width: 992px) {
    body #onetrust-pc-sdk.otPcTab {
        height: 800px
    }

    body #onetrust-pc-sdk .groups-container {
        margin-top: 0
    }

    body #onetrust-pc-sdk.otPcTab .save-preference-btn-handler, body #onetrust-pc-sdk.otPcTab #accept-recommended-btn-handler {
        min-width: 210px;
        width: auto;
        max-width: 100%;
        display: inline-block !important;
        vertical-align: top;
        float: none;
        margin-right: 5px;
        margin-left: auto
    }

    body #onetrust-pc-sdk .button-group {
        float: none
    }

    body #onetrust-pc-sdk .ot-sdk-four.ot-sdk-columns {
        width: 100%;
        border-bottom: 0
    }

    body #onetrust-pc-sdk.otPcTab #pc-title {
        margin-top: 20px;
        margin-left: 20px;
        font-size: 18px
    }

    body #onetrust-pc-sdk .pc-logo {
        margin-top: 0
    }

    body #onetrust-pc-sdk .ot-sdk-eight.ot-sdk-columns {
        position: absolute;
        top: 230px;
        left: 0;
        width: calc(100% - 20px)
    }

    body #onetrust-pc-sdk.otPcTab .groups-container {
        height: 100%
    }

    body #onetrust-pc-sdk.otPcTab {
        height: calc(100% - 40px);
        bottom: inherit;
        top: 10px
    }

    body #onetrust-pc-sdk .pc-header {
        padding: 10px
    }

    body #onetrust-pc-sdk.otPcTab .button-group {
        float: none
    }

    body #onetrust-pc-sdk.otPcTab .groups-container {
        height: 100%
    }
}

@media screen and (max-width: 768px) {
    body #onetrust-pc-sdk.otPcTab {
        height: 750px;
        max-height: calc(100% - 20px)
    }

    body #onetrust-pc-sdk.otPcTab .groups-container {
        overflow: scroll
    }

    body #onetrust-pc-sdk #content {
        height: calc(100% - 195px) !important
    }

    body #onetrust-pc-sdk .host-notice a {
        text-indent: -1000px
    }

    #onetrust-pc-sdk.otPcTab #hosts-list-container .toggle-group, #onetrust-pc-sdk.otPcTab #hosts-list-container .host-notice {
        display: inline-block;
        float: none;
        vertical-align: top
    }

    #onetrust-pc-sdk.otPcTab #hosts-list-container .toggle-group {
        width: 90%
    }

    #onetrust-pc-sdk.otPcTab #hosts-list-container .host-notice {
        width: 5%;
        margin: 0
    }
}

@media screen and (max-width: 640px) {
    body #onetrust-pc-sdk .ot-sdk-column, body #onetrust-pc-sdk.otPcTab .ot-sdk-row .ot-sdk-columns {
        width: 95% !important
    }
}

@media screen and (max-width: 500px) {
    body #onetrust-pc-sdk.otPcTab {
        height: 750px
    }

    body #onetrust-pc-sdk.otPcTab .vendor-content {
        overflow-y: scroll;
        width: 100%
    }

    body #onetrust-pc-sdk #content {
        height: calc(100% - 220px) !important
    }

    body #onetrust-pc-sdk #accept-recommended-btn-handler {
        margin-left: 0
    }

    body #onetrust-pc-sdk .pc-logo-container {
        margin-left: 0;
        margin-top: 5px;
        width: 150px
    }

    body #onetrust-pc-sdk .pc-logo {
        height: 40px !important
    }

    body #onetrust-pc-sdk.otPcTab #pc-title {
        margin-left: 0;
        margin-top: 20px;
        font-size: 14px
    }

    body #onetrust-pc-sdk .pc-content {
        width: calc(100% - 20px)
    }

    body #onetrust-pc-sdk.otPcTab .save-preference-btn-handler, body #onetrust-pc-sdk.otPcTab #accept-recommended-btn-handler {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    body #onetrust-pc-sdk.otPcTab #pc-title {
        display: inline-block;
        max-width: calc(100% - 150px);
        font-size: 15px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 420px) {
    body #onetrust-pc-sdk.otPcTab #hosts-list-container .host-notice, #onetrust-pc-sdk.otPcTab #hosts-list-container .vendor-notice {
        position: absolute;
        top: 10px;
        right: -20px;
        float: none;
        width: 50px;
        height: 50px
    }
}

@font-face {
    font-family: 'EDINProLight';
    src: url("../fonts/DINPro-Light.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'EDINPro';
    src: url("../fonts/DINPro.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'EDINProMedium';
    src: url("../fonts/DINPro-Medium.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}



.user-logged-in.toolbar-horizontal header .header-wrapper {
    top: 40px
}

.user-logged-in.toolbar-tray-open header .header-wrapper {
    top: 76px
}

.ms-com-content.ms-com-content-header ~ .full-width-row #main {
    padding-top: 135px
}

.ms-com-content.ms-com-content-header.scrolled ~ .full-width-row #main {
    padding-top: 200px
}

.ms-com-content a > span.ext {
    display: none
}

.ms-com-content input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f7f5f5 inset
}

.ms-com-content ul {
    line-height: 25px;
    font-size: 15px
}

.ms-com-content * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0
}

.ms-com-content a {
    text-decoration: none
}

.ms-com-content .menu > li > a, .ms-com-content .menu > li > span {
    display: block
}

.ms-com-content .visually-hidden {
    display: none
}

.ms-com-content.ms-com-content-header:not(.ms-com-content-header-with-banner) {
    position: fixed;
    height: auto
}

.ms-com-content-header-with-banner .promotion-banner {
    position: relative;
    width: 100%;
    height: 58px;
    text-align: center;
    background: #00a2df;
    z-index: 100;
    overflow: hidden
}

.ms-com-content.ms-com-content-header.scrolled .promotion-banner {
    display: none
}

.ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 1160px;
    margin: auto
}

.ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside > * {
    display: inline-block;
    vertical-align: middle;
    font-family: EOpenSans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: white
}

.ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside > .field-block-content--field-cta a {
    font-size: 15px;
    font-family: 'EOpenSans', sans-serif;
    margin-left: 20px;
    text-decoration: underline;
    color: #00a2df
}

.ms-com-content-header-with-banner .promotion-banner img {
    width: auto;
    height: 35px;
    margin-right: 20px
}

.ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside .cross {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 35px;
    line-height: 25px;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer
}

.ms-com-content-header-with-banner .promotion-banner.light-blue-banner {
    background: #f4fcff
}

.ms-com-content-header-with-banner .promotion-banner.light-blue-banner .promotion-banner-inside > * {
    color: #323031
}

.ms-com-content-header-with-banner .promotion-banner.light-blue-banner .promotion-banner-inside > .field-block-content--field-cta a {
    color: #00a2df;
    text-decoration: none
}

.ms-com-content-header-with-banner .promotion-banner.blue-to-indigo-banner {
    background: #00a2df;
    background: linear-gradient(90deg, #00a2df, #4079f1)
}

.ms-com-content-header-with-banner .promotion-banner.dark-blue-banner {
    background: #00044c
}

.ms-com-content-header-with-banner header.ms-com-header .header-wrapper {
    position: absolute;
    top: 58px
}

.ms-com-content-header-with-banner.scrolled header.ms-com-header .header-wrapper {
    position: relative;
    top: 0;
    box-shadow: 0 1px 1px #eee
}

.ms-com-content.ms-com-content-header.lined {
    box-shadow: 0 1px 1px #eee
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header.active:not(.ms-com-content-header-with-banner) {
        height: 100%
    }

    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside > * {
        font-size: 15px
    }

    .ms-com-content.ms-com-content-header:not(.ms-com-content-header-with-banner) {
        height: 65px
    }
}

@media screen and (max-width: 768px) {
    .ms-com-content-header-with-banner .promotion-banner {
        height: 135px
    }

    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside > img {
        display: none
    }

    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside > .field-block-content--field-cta a {
        margin: 10px auto 0;
        display: block
    }

    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside > * {
        display: block
    }

    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside .cross {
        top: -30px
    }
}

@media screen and (max-width: 500px) {
    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside .cross {
        top: -25px
    }

    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside {
        padding: 0 20px
    }
}

.ms-com-content-header-with-banner:not(.closed):not(.scrolled) header.ms-com-header .header-wrapper {
    position: absolute;
    top: 58px
}

.ms-com-content.ms-com-content-header {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 16
}

.ms-com-content.ms-com-content-header.scrolled {
    position: fixed;
    height: auto
}

.ms-com-content.ms-com-content-header.closed {
    position: fixed;
    height: auto
}

.ms-com-content.ms-com-content-header.closed .promotion-banner {
    display: none
}

.ms-com-content-header-with-banner.closed header.ms-com-header .header-wrapper {
    position: relative;
    top: 0
}

.ms-com-content.ms-com-content-header header.mobile-header {
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 16;
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.active .header-overlay {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper {
    background: white;
    position: relative;
    top: 0;
    left: 0;
    z-index: 16;
    width: 100%;
    height: 65px;
    font-family: 'EOpenSans', sans-serif
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside {
    max-width: 1160px;
    padding: 0 10px;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside > * {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header .logo {
    width: 140px;
    display: inline-block;
    vertical-align: middle
}

.ms-com-content.ms-com-content-header header.ms-com-header .logo {
   background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 140px
}

.ms-com-content.ms-com-content-header header.ms-com-header .menu > li {
    display: inline-block;
    margin-left: .25rem
}

.ms-com-content.ms-com-content-header header.ms-com-header .block-mainnavigationright .menu > li > span {
    font-size: 13px;
    line-height: 22px;
    font-family: 'EDINProBold', sans-serif
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper {
    position: fixed;
    display: none;
    width: auto;
    background: #f7f5f5;
    padding: 25px 29px 22px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li:hover .mega-menu-wrapper {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .menu {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: top
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu:last-child {
    margin-right: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > * {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a {
    color: #2d2d2d;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 25px
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a:hover {
    color: #00a2df
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu span {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 13px;
    font-family: 'EDinPro', sans-serif;
    font-weight: 400;
    color: #707070
}

.ms-com-content.ms-com-content-header header.ms-com-header .menu .field-simple-mega-menu--field-footer .field-item > a, .ms-com-content.ms-com-content-header header.ms-com-header .menu .field-name-field-translated-footer .field-item > a {
    font-family: 'EOpenSans', sans-serif;
    display: block;
    color: #2d2d2d
}

.ms-com-content.ms-com-content-header header.ms-com-header .menu .field-simple-mega-menu--field-footer .field-item > a:hover, .ms-com-content.ms-com-content-header header.ms-com-header .menu .field-name-field-translated-footer .field-item > a:hover {
    color: #00a2df
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-item .field-name-field-footer a {
    color: #323031
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-item .field-name-field-footer a:hover {
    color: #00a2df
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-item .field-name-field-footer a.solutions-see-all-link {
    margin-top: 15px;
    display: inline-block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer > a {
    font-family: 'EOpenSans', sans-serif;
    display: block;
    color: #2d2d2d;
    margin-bottom: 30px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer > a:hover {
    color: #00a2df
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer {
    border-top: 1px solid #ddd;
    padding: 30px 0 0;
    margin: 20px 0 0 0;
    font-size: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer.social-footer, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer.company-footer {
    padding: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .mega-menu-item-footer-featured-content:hover .content-link, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .field-name-field-translated-footer:hover .content-link {
    color: #00a2df
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .mega-menu-item-footer-featured-content.social-content {
    padding-top: 15px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .field-name-field-footer .mega-menu-item-footer-featured-content.social-content a {
    line-height: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer > article {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content {
    max-width: 325px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-left-content img {
    width: 177px;
    height: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content h4 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 13px;
    font-family: 'EDinProBold', sans-serif;
    color: #000;
    margin: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content h4 a {
    color: #707070
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content .content-link {
    display: block;
    font-family: 'EOpenSans', sans-serif;
    font-size: 14px;
    margin: 5px 0 8px 0;
    line-height: 23px;
    color: #2d2d2d
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content .content-link a {
    color: #2d2d2d
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content .content-link a:hover {
    color: #00a2df
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content .button {
    background: #00a2df;
    min-width: 178px;
    width: auto;
    margin-bottom: 0;
    padding: 17px;
    color: white;
    height: 50px;
    line-height: 1;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    font-family: 'EDINProBold';
    font-size: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer a img {
    width: 30px;
    height: 30px;
    margin-right: 5px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-mainnavigation, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-mainnavigationright {
    display: inline-block;
    width: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-mainnavigationright {
    position: absolute;
    top: 0;
    right: 272px
}

.ms-com-content.ms-com-content-header header.ms-com-header .block-mainnavigationright .menu > li > a {
    font-size: 13px;
    line-height: 17px;
    font-family: 'EDINProBold', sans-serif
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side {
    display: inline-block;
    float: right;
    padding-right: 30px
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side > * {
    display: inline-block;
    margin: 0 5px;
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side > a {
    text-decoration: none;
    color: #505050;
    font-family: 'EDINProBold', sans-serif;
    display: inline-block;
    height: auto;
    vertical-align: middle;
    margin-top: 15px;
    font-size: 13px;
    line-height: 22px
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side > a:hover {
    color: #00a2df
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .menu-item > a, .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .menu-item > span, .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side a.button, .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side > a:not(:last-child) {
    font-size: 13px;
    line-height: 22px;
    font-family: 'EDINProBold', sans-serif;
    border-radius: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side a.button {
    color: white;
    height: auto;
    width: auto;
    min-width: auto;
    line-height: 37px;
    min-height: initial;
    border: 1px solid transparent;
    font-family: 'EDinProMedium', sans-serif;
    font-weight: normal;
    margin-bottom: 0;
    background: #00a2df;
    padding: 0 20px;
    -webkit-transition: none;
    transition: none
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side a.button:hover {
    border: 1px solid #00a2df;
    background: transparent;
    color: #00a2df
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-wrapper .mega-menu-right .mega-menu-item .mega-menu-item-content .menu {
    margin-bottom: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side .search-form {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 16
}

.ms-com-content.ms-com-content-header header.ms-com-header .search-form .search-mag-icon {
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    cursor: pointer
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .search-form .search-mag-icon {
    height: 27px
}

.ms-com-content.ms-com-content-header header.ms-com-header .search-form .search-close-icon {
    display: inline-block;
    color: #2d2d2d;
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer;
    font-size: 30px;
    font-family: 'EDINProLight', sans-serif;
    font-weight: 300;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 20;
    opacity: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .search-form input {
    width: 450px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #0d2565;
    height: 44px;
    padding-left: 10px;
    display: inline-block;
    font-family: 'EOpenSans', sans-serif;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .search-form input::-ms-clear, .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .search-form input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .search-form input::placeholder, .ms-com-content.ms-com-content-header header.ms-com-header .search-form input::-webkit-input-placeholder {
    color: #707070;
    opacity: 1
}

.ms-com-content.ms-com-content-header header.ms-com-header .search-form input:focus {
    outline: 0;
    border: 0;
    border-bottom: 1px solid #ddd
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side .search-form .input-wrapper {
    width: 0;
    overflow: hidden;
    transition: .5s ease all;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: initial
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .search-form.active .input-wrapper {
    width: 480px
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .search-form.active .search-close-icon {
    opacity: 1
}

@media screen and (max-width: 1160px) {
    .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside {
        padding: 0 20px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside > .logo {
        width: 40px;
        background-size: 480px 211px;
        background-repeat: no-repeat;
        background-position: -7px -110px
    }
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header.active.scrolled {
        height: 100%
    }

    .mobile-menu-active .ms-com-content.ms-com-content-header {
        position: fixed;
        overflow: scroll
    }

    .ms-com-content.ms-com-content-header header.desktop-header {
        display: none
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
        height: 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active {
        height: 100%
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-top {
        height: 65px;
        width: 100%;
        display: block;
        padding: 0 20px;
        background: #fff;
        box-shadow: 0 1px 1px #eee;
        border-bottom: #115795 2px solid;

    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .right-side {
        margin-top: 19px;
        padding: 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .right-side a.button {
        margin-right: 10px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-ham {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0;
        cursor: pointer
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-ham span {
        display: block;
        width: 22px;
        height: 2px;
        background: #929292;
        margin: 5px 0;
        transition: .5s ease all
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .menu-ham span:first-child {
        transform: rotate(45deg);
        transform-origin: 2px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .menu-ham span:nth-child(2) {
        opacity: 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .menu-ham span:last-child {
        transform: rotate(-45deg);
        transform-origin: 0 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom {
        position: relative;
        background: #fff;
        height: 100%;
        display: none;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .mobile-header-bottom {
        display: block
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form {
        width: 100%;
        padding: 12px 20px;
        border-bottom: 1px solid #ddd;
        background: #fff
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form input {
        width: calc(100% - 40px);
        background: transparent;
        border: 0;
        margin: 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form input::placeholder {
        color: #d1e2ee;
        font-size: 22px;
        font-family: 'EDINProBold', sans-serif
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header input[type="search"]::-webkit-search-decoration, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header input[type="search"]::-webkit-search-cancel-button, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header input[type="search"]::-webkit-search-results-button, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header input[type="search"]::-webkit-search-results-decoration {
        display: none
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .search-close-icon {
        position: absolute;
        z-index: 20;
        right: 20px;
        top: 7px;
        font-size: 46px;
        opacity: 1;
        display: none;
        color: #a9a9a9;
        font-family: 'EOpenSans', sans-serif;
        line-height: 1.1
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .search-close-icon.active {
        display: block
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li {
        display: block;
        width: 100%
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .block-mainnavigation, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .block-mainnavigationright {
        margin: 0;
        display: block
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav {
        display: block;
        margin: 0;
        padding-bottom: 90px

    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav > a, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > a, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > span {
        width: 100%;
        display: block;
        padding: 20px;
        font-size: 22px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 0;
        border-bottom: 1px solid #dae2e8;
        cursor: default;
        height: auto;
        pointer-events: none;
        font-family: 'EDinProBold', sans-serif;
        color: #00a2df !important;
        line-height: 25px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > span:after {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        right: 20px;
        top: 28px;
        background: transparent url(../images/common/chevron.svg) no-repeat
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li.active > span:after {
        transform: rotate(180deg);
        top: 20px;
        right: 27px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > span.mobile-login {
        border-bottom: 0
    }

    .ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header.mobile-header .mobile-nav > a, .ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header.mobile-header .menu > li > a {
        pointer-events: initial;
        cursor: pointer
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .block-mainnavigationright .menu > li > span {
        font-size: 22px;
        line-height: 22px;
        font-family: 'EDINProBold', sans-serif
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav > a {
        pointer-events: auto
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li.active > a, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li.active > span {
        background: #fff;
        color: #000 !important
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li.active > a, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li.active > span {
        border-bottom: 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper {
        max-height: 0;
        overflow: hidden
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li.active .mega-menu-wrapper {
        max-height: 3000px;
        padding: 10px 45px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu {
        display: block
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu span {
        font-size: 15px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu a {
        font-size: 20px;
        line-height: 1;
        margin-bottom: 20px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu .field-simple-mega-menu--field-footer, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu .field-name-field-translated-footer {
        display: none
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mega-menu-container-left, .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mega-menu-container-right {
        display: block
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mega-menu-container-right {
        margin: 40px 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-social-icons {
        text-align: center;
        border-top: 1px solid #ddd;
        padding-top: 20px;
        margin-top: 7px;
        width: 100%
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-social-icons .nav-social-icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        padding: 0;
        border: 0;
        margin: 0 5px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-social-icons p {
        font-family: 'EOpenSans', sans-serif;
        font-size: 15px;
        color: #757575;
        margin: 26px auto
    }
}

@media screen and (max-width: 480px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .right-side a.button {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: 5px
    }
}

.ms-com-content.ms-com-content-footer footer {
    background: white
}

.ms-com-content.ms-com-content-footer footer .footer-inside {
    max-width: 1160px;
    margin: 0 auto
}

.ms-com-content.ms-com-content-footer footer .footer-inside:before {
    content: '';
    display: block;
    border-top: 1px solid #CCC
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside {
    text-align: center;
    padding: 0 10px 25px;
    position: relative
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside > * {
    display: inline-block;
    vertical-align: middle;
    padding-top: 20px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside {
    padding: 0 10px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside:before {
    margin-bottom: 53px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside nav a {
    font-family: "EDINProMedium", Arial, sans-serif;
    font-size: 13px;
    margin-right: 10px;
    color: #00a2df;
    display: inline-block
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .mulecopy {
    font-family: "EDINProMedium", sans-serif;
    font-size: 11px;
    color: #757575;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 32px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .mulecopy a {
    color: #00a2df
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside > .footer-copyright {
    position: absolute;
    left: 10px;
    color: #bbb;
    font-family: 'EOpenSansBold', sans-serif;
    font-size: 16px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form {
    overflow: hidden
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm {
    float: left;
    margin-bottom: 30px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu ul {
    margin-right: 40px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li {
    display: inline-block;
    vertical-align: top
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li > a {
    color: #323031;
    font-size: 18px;
    font-family: 'EDinPro', sans-serif;
    padding: 0;
    margin-bottom: 10px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li > span {
    color: #323031;
    font-size: 18px;
    font-family: 'EDinPro', sans-serif;
    padding: 0;
    margin-bottom: 10px;
    display: block;
    line-height: 1
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu ul {
    list-style: none
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu a {
    font-family: 'EOpenSans', sans-serif;
    line-height: 1;
    color: #00a2df
}

.ms-com-content.ms-com-content-footer footer .footer-links-marketo-form .mktoForm {
    float: right;
    width: auto !important
}

.ms-com-content.ms-com-content-footer footer form h4 {
    font-family: 'EDinPro', sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    color: #323031
}

.ms-com-content.ms-com-content-footer footer .mktoForm .mktoButtonWrap {
    margin: 0 !important
}

.ms-com-content.ms-com-content-footer footer .footer-links-marketo-form .mktoForm .mktoGutter, .ms-com-content.ms-com-content-footer footer .footer-links-marketo-form .mktoForm .mktoRequiredField label.mktoLabel, .ms-com-content.ms-com-content-footer footer .footer-links-marketo-form .mktoForm .mktoClear, .ms-com-content.ms-com-content-footer footer .footer-links-marketo-form .mktoForm .mktoOffset {
    display: none
}

.ms-com-content.ms-com-content-footer footer .mktoForm .mktoFormRow, .ms-com-content.ms-com-content-footer footer .mktoForm .mktoButtonRow {
    display: inline-block;
    vertical-align: top
}

.ms-com-content.ms-com-content-footer footer .mktoForm input, .ms-com-content.ms-com-content-footer footer .mktoForm button {
    height: 50px
}

.ms-com-content.ms-com-content-footer footer .mktoForm input {
    padding-left: 10px;
    width: 205px !important;
    font-size: 13px;
    border: 1px solid #DDD !important;
    box-shadow: none !important;
    border-radius: 0
}

.ms-com-content.ms-com-content-footer footer .mktoForm button {
    width: 50px;
    background: #00a2df !important;
    box-shadow: none;
    border: 0 !important
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper {
    display: none
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper {
    display: inline-block
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.english {
    display: none
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li:not(.english) {
    display: none
}

body.translatable-page[class*='smartling-'] .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.english, body.translatable-page[class*='smartling-'] .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li, body.not-found[class*='smartling-'] .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.english, body.not-found[class*='smartling-'] .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li {
    display: block
}

body.translatable-page[class*='smartling-'] .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li, body.not-found[class*='smartling-'] .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li {
    display: none
}

body.translatable-page.smartling-zh .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.chinese, body.translatable-page.smartling-de .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.german, body.translatable-page.smartling-jp .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.japanese, body.translatable-page.smartling-fr .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.french, body.translatable-page.smartling-pt .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.portuguese, body.translatable-page.smartling-es .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.spanish {
    display: none
}

body.translatable-page.smartling-zh .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.chinese, body.translatable-page.smartling-de .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.german, body.translatable-page.smartling-jp .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.japanese, body.translatable-page.smartling-fr .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.french, body.translatable-page.smartling-pt .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.portuguese, body.translatable-page.smartling-es .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.spanish {
    display: block
}

body.not-found.smartling-zh .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.chinese, body.not-found.smartling-de .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.german, body.not-found.smartling-jp .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.japanese, body.not-found.smartling-ja .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.japanese, body.not-found.smartling-fr .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.french, body.not-found.smartling-pt .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.portuguese, body.not-found.smartling-es .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li.spanish {
    display: none
}

body.not-found.smartling-zh .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.chinese, body.not-found.smartling-de .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.german, body.not-found.smartling-jp .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.japanese, body.not-found.smartling-ja .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.japanese, body.not-found.smartling-fr .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.french, body.not-found.smartling-pt .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.portuguese, body.not-found.smartling-es .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li.spanish {
    display: block
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection {
    display: none
}

body.translatable-page .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper {
    margin-left: 5px;
    border: 1px solid rgba(255, 255, 255, 0)
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper {
    vertical-align: bottom
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper li {
    list-style: none
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection, .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li {
    margin: 0;
    background: white
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper li a {
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px;
    display: block;
    padding: 5px 10px;
    text-align: left
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper li a sub {
    bottom: 0
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper li a:hover {
    color: rgba(0, 0, 0, 1)
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selection li a:hover {
    background: #f4fcff
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li a:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    width: 13px;
    height: 7px;
    margin-left: 5px;
    background-image: url(/themes/custom/mule_foundation/images/language-selector-graphics.svg);
    background-repeat: no-repeat;
    background-position: -102px -5px;
    opacity: .5
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper li a:hover::after {
    opacity: 1
}

body .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper.active {
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper.active .language-selected {
    border-top: 1px solid transparent
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper.active .language-selected li a:after {
    transform: rotate(180deg)
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper.active .language-selected li a {
    background: rgba(0, 0, 0, 0.05)
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper.active .language-selection {
    display: block
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper {
    position: absolute;
    right: 10px;
    bottom: 40%;
    z-index: 1;
    padding-top: 0
}

.smartling-de .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu li {
    margin-bottom: 10px
}

.smartling-de .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu a {
    display: block;
    line-height: 1.5
}

.smartling-de .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li {
    max-width: 250px;
    vertical-align: top
}

@media screen and (max-width: 1160px) {
    .smartling-de .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li {
        max-width: 235px
    }
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-footer footer .footer-top .footer-inside {
        padding: 53px 20px 0
    }

    .ms-com-content.ms-com-content-footer footer .footer-top .footer-inside:before {
        margin-bottom: 30px
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside {
        padding: 0 20px 25px
    }

    .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form {
        overflow: initial
    }

    .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .mktoForm, .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form form h4 {
        padding: 0
    }

    .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm {
        display: none
    }

    .ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .mktoForm, .ms-com-content.ms-com-content-footer footer .mktoForm input, .ms-com-content.ms-com-content-footer footer .mktoForm .mktoFormCol, .ms-com-content.ms-com-content-footer footer .mktoForm .mktoFieldWrap, .ms-com-content.ms-com-content-footer footer .mktoForm input {
        float: none;
        width: 100% !important
    }

    .ms-com-content.ms-com-content-footer footer .mktoForm .mktoFormRow {
        width: calc(100% - 50px) !important;
        float: left
    }

    .ms-com-content.ms-com-content-footer footer .mktoForm .mktoButtonRow {
        width: 50px !important
    }

    .ms-com-content.ms-com-content-footer footer .mktoForm .mktoError {
        right: auto !important
    }

    body.translatable-page .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper {
        right: 20px
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside > .footer-copyright {
        left: 20px
    }
}

@media screen and (max-width: 768px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside {
        text-align: left
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos {
        margin-top: 30px
    }

    .ms-com-content.ms-com-content-footer footer .footer-top .footer-inside nav a.removable {
        display: none
    }
}

.ms-com-content + .exchange-banner {

    background-position: center center;
    min-height: 250px;
    position: relative;
    min-height: 300px !important;
    background-size: cover !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ms-com-content + .exchange-banner .exchange-banner-inside {
    max-width: 1160px;
    margin: 0 auto;
    padding: 60px 15px 40px;
    color: white
}

.ms-com-content + .exchange-banner a.blue-button {
    display: inline-block;
    background: none;
    color: #00a1e0;
    height: 40px;
    min-width: 120px;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    font-family: "EOpenSans", arial, helvetica, sans-serif;
    border: 1px solid #00a1e0;
    width: auto;
    height: auto;
    margin-bottom: 15px;
    margin-right: 5px;
    text-decoration: none
}

.ms-com-content + .exchange-banner a.blue-button:hover {
    background: #00a2df;
    color: #fff
}

.exchange-banner .exchange-banner-inside h1 {
    font-family: 'EDINProLight', sans-serif;
    font-weight: normal;
    font-size: 33px;
    color: #40b4e5
}

.ms-com-content + .exchange-banner .exchange-banner-inside p {
    font-family: 'EOpenSans';
    color: white;
    font-size: 15px;
    margin-bottom: 20px
}

.ms-com-content + .exchange-banner .exchange-banner-inside .top-links {
    text-align: right;
    font-size: 15px;
    margin-top: 15px
}

.ms-com-content + .exchange-banner .top-links a {
    color: white;
    text-decoration: none;
    font-family: 'EOpenSans';
    margin-left: 10px;
    font-size: 13px
}

.ms-com-content + .exchange-banner .top-links a:hover {
    color: #00a2df
}

.ms-com-content + .exchange-banner .top-links a:last-child {
    position: relative
}

.ms-com-content + .exchange-banner .top-links a:last-child:before {
    content: '|';
    position: absolute;
    left: -10px
}

.ms-com-content + .exchange-banner .top-links a:last-child:after {
    content: '';
    display: inline-block;
    vertical-align: middle;

    background-size: 100%;
    width: 25px;
    height: 18px
}

@media screen and (max-width: 768px) {
    .ms-com-content + .exchange-banner a.blue-button {
        min-width: auto
    }

    .ms-com-content + .exchange-banner .exchange-banner-inside .top-links {
        text-align: left
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper {
    position: absolute
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-header {
    white-space: nowrap
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer {
    white-space: initial;
    min-width: 550px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer.social-footer, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer.company-footer {
    min-width: 191px
}

body.header-scrolled:not(.header-promo-closed) main#main {
    padding-top: 58px
}

body.header-scrolled:not(.header-promo-closed) div#main {
    margin-top: 58px
}

@media screen and (max-width: 768px) {
    body.header-scrolled:not(.header-promo-closed) main#main {
        padding-top: 135px
    }

    body.header-scrolled:not(.header-promo-closed) div#main {
        margin-top: 135px
    }
}

@media screen and (max-width: 768px) {
    .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu span.desktop-space {
        display: none
    }
}

@media screen and (max-width: 992px) {
    body.mobile-menu-active {
        overflow: hidden
    }

    .ms-com-content-header.ms-com-content-header-with-banner.closed {
        height: 65px
    }

    .ms-com-content-header.ms-com-content-header-with-banner.closed.active {
        height: 100%
    }

    .ms-com-content.ms-com-content-header.active.scrolled {
        padding-top: 200px
    }

    .ms-com-content.ms-com-content-header:not(.ms-com-content-header-with-banner).active, .ms-com-content.ms-com-content-header.active.closed {
        padding-top: 30px
    }

    .mobile-menu-active .ms-com-content.ms-com-content-header {
        background: #f7f5f5
    }

    .ms-com-content.ms-com-content-header:not(.ms-com-content-header-with-banner) .mobile-header.active .mobile-header-top, .ms-com-content-header-with-banner.closed .mobile-header.active .mobile-header-top, .ms-com-content.ms-com-content-header.scrolled .mobile-header.active .mobile-header-top {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        background: #fffff;
        box-shadow: none
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .mobile-header-bottom {
        height: auto;
        top:4%;
        width: 100% !important;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch; // mobile safari
    }
}
.fixed-position {
    position: fixed;
}
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .featured-left-content .play-button {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .featured-left-content {
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .featured-left-content, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .featured-right-content {
    font-size: 15px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .featured-left-content img {
    position: relative;
    z-index: 1;
    cursor: pointer
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer.no-border-top {
    border-top: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li:hover .main-menu-company + .mega-menu-wrapper a:hover p {
    color: #2d2d2d
}

.ms-com-content.ms-com-content-header .social-logos a {
    display: inline-block;
    width: 27px;
    height: 27px
}

.ms-com-content.ms-com-content-header .social-logos * {
    display: inline-block;
    vertical-align: middle;
    padding-top: 20px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer > a.mega-menu-item-footer-featured-content {
    margin-bottom: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-item .field-name-field-footer .social-logos a {
    margin-right: 7px
}

.ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header .right-side {
    padding-right: 0
}

.ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header.desktop-header .menu > li:hover > a {
    background: none;
    border-color: transparent;
    color: #00a2df
}

.ms-com-content.ms-com-content-header.ms-com-content-tr .header-message {
    background: #f4fcff;
    max-height: 40px;
    height: 40px;
    padding: 0;
    transition: .3s ease all
}

.ms-com-content.ms-com-content-header.lined.ms-com-content-tr .header-message {
    max-height: 0
}

.ms-com-content.ms-com-content-header.ms-com-content-tr .header-message a {
    padding-top: 10px;
    display: block
}

.ms-com-content.ms-com-content-header.ms-com-content-tr .header-message .header-message-inside {
    max-width: 1140px;
    margin: auto;
    text-align: right
}

.ms-com-content.ms-com-content-header.ms-com-content-tr .header-message a {
    font-size: 13px;
    color: #00a2df
}

.ms-com-content.ms-com-content-header.ms-com-content-tr .header-message a:hover {
    color: #00a2df
}

.ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header .menu > li > a {
    cursor: pointer
}

@media screen and (max-width: 1160px) {
    .ms-com-content.ms-com-content-header.ms-com-content-tr .header-message .header-message-inside {
        padding: 0 20px
    }
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-tm > * {
    display: inline-block;
    vertical-align: top
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .logo {
    background-image: url(www.fiorano.com/assets/images/fiorano-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    vertical-align: middle;
    height: 40px;
    width: 130px;
    margin-right: 60px;
    margin-bottom: 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr .ms-com-footer {
    background: #f6f6f9
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-top .footer-inside:before {
    margin-bottom: 37px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-top .footer-inside nav a {
    margin-right: 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr .ms-com-footer .footer-top > .footer-inside:before {
    border-top: 1px solid transparent
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside {
    text-align: left
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside > .footer-copyright {
    position: static;
    font-family: 'EOpenSans', sans-serif;
    color: #323031;
    margin-right: 66px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside > .footer-copyright span {
    padding-right: 5px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside > .footer-bottom-links a {
    margin: 0 20px 0 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside > .footer-bottom-links {
    margin-left: 0;
    margin-right: 150px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside > .footer-bottom-links a {
    font-family: 'EOpenSans', sans-serif;
    color: #323031;
    font-size: 15px;
    margin: 0 10px 0 0;
    line-height: 25px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description {
    max-width: 330px;
    margin-top: 20px;
    margin-right: 156px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description p {
    color: #323031
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description .social-logos {
    margin-top: 15px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a {
    width: 31px;
    height: 31px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-linkedin {
    background-position: -34px 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-facebook {
    background-position: -69px 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-instagram {
    background-position: -103px 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-videos {
    background-position: -136.8px 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li > span, .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-top .footer-inside nav a {
    font-family: 'EOpenSans', sans-serif;
    font-size: 15px
}

.translatable-page .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .menu > li {
    margin-right: 15px
}

body.translatable-page .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside .language-selector-wrapper {
    bottom: 15%;
    min-width: 150px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside .language-selector-wrapper li a {
    padding: 10px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside .language-selector-wrapper .language-selected li a:after {
    margin-top: 10px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside .language-selector-wrapper.active .language-selected li a {
    background: #f6f6f6
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-top .footer-links-marketo-form .footer-tm {
        display: block;
        float: none
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-top .footer-inside {
        padding: 0 20px 0
    }
}

@media screen and (max-width: 768px) {
    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description {
        margin-right: 20px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description {
        max-width: 250px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside > .footer-bottom-links {
        display: block
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside > .footer-bottom-links {
        display: block;
        margin-left: 0
    }

    body.translatable-page .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside .language-selector-wrapper {
        display: none;
        right: auto;
        left: 10px;
        margin-left: 0
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 480px) {
    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description + div {
        margin-top: 20px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description {
        max-width: 100%
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-bottom .footer-inside > .footer-bottom-links a {
        margin: 0 10px 0 0
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a.see-all-solutions-link-mobile {
    display: none
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a.see-all-solutions-link-mobile {
        display: block;
        margin-top: 40px
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside > * {
        display: block;
        text-align: left;
        padding-top: 10px
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside nav.social-logos {
        margin-top: 40px
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside {
        padding-bottom: 60px
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper {
        bottom: 10%;
        text-align: left;
        left: 0;
        max-width: 180px
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper.active li a {
        padding-left: 10px
    }
}

@media screen and (max-width: 768px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper li a {
        padding-left: 10px
    }
}

.lift-in .ms-com-content-header-with-banner:not(.closed):not(.scrolled) .lift-localized-promobanner ~ header.ms-com-header .header-wrapper {
    top: 98px
}

.translatable-page.section-en-de.localized-content.lift-in #main {
    margin-top: 40px
}

@media screen and (max-width: 992px) {
    .smartling-jp .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description {
        max-width: 330px;
        margin-top: 20px;
        margin-right: 100px
    }
}

@media screen and (max-width: 768px) {
    .smartling-jp .ms-com-content.ms-com-content-footer.ms-com-content-tr footer .ms-com-content-tr-footer-description {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside > .footer-copyright {
        padding-right: 10px
    }
}

@media screen and (max-width: 360px) {
    .smartling-pt .footer-bottom-links button#ot-sdk-btn {
        text-align: left;
        width: 100%;
        display: block
    }

    .smartling-pt .footer-bottom-links a {
        float: none;
        display: block;
        width: 100%
    }

    .smartling-pt .footer-bottom-links {
        margin-bottom: 10px
    }

    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside nav.social-logos {
        margin-top: 60px
    }
}

.training-promo .ms-com-content.ms-com-content-header {
    z-index: 10000000
}

.training-promo .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside {
    padding: 0 10px
}

.training-promo > .lde-branding {
    padding-top: 55px
}

.training-promo .ms-com-content-header-with-banner .promotion-banner, .training-promo .ms-com-content.ms-com-content-header.scrolled .promotion-banner {
    display: block
}

.training-promo .ms-com-content.ms-com-content-header {
    position: fixed;
    height: auto
}

.training-promo.header-promo-closed .ms-com-content-header-with-banner .promotion-banner, .training-promo.header-promo-closed .ms-com-content.ms-com-content-header.scrolled .promotion-banner, .training-promo.training-promo-closed .ms-com-content-header-with-banner .promotion-banner, .training-promo.training-promo-closed .ms-com-content.ms-com-content-header.scrolled .promotion-banner {
    display: none
}

.training-promo.header-promo-closed > .lde-branding, .training-promo.training-promo-closed > .lde-branding {
    padding-top: 0
}

.eb-top-header .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .right-side .mega-menu-wrapper .menu, .eb-top-header .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-login + .mega-menu-wrapper nav.menu {
    display: flex;
    flex-direction: column
}

.eb-top-header .ms-com-header .right-side .menu > a:nth-child(1), .eb-top-header .ms-com-header .mobile-nav .mobile-login + .mega-menu-wrapper .menu > a:nth-child(1) {
    order: 2
}

.eb-top-header .ms-com-header .right-side .menu a:nth-child(2), .eb-top-header .ms-com-header .mobile-nav .mobile-login + .mega-menu-wrapper .menu > a:nth-child(2) {
    order: 1
}


.eb-top-header .ms-com-header .right-side .menu a:nth-child(3), .eb-top-header .ms-com-header .mobile-nav .mobile-login + .mega-menu-wrapper .menu > a:nth-child(3) {
    order: 3
}

@media screen and (max-width: 992px) {
    .training-promo.mobile-menu-active .ms-com-content.ms-com-content-header {
        height: 100%
    }
}

@media screen and (max-width: 768px) {
    .training-promo > .lde-branding {
        padding-top: 135px
    }

    .training-promo .ms-com-content.ms-com-content-header {
        position: fixed;
        height: 100%
    }

    .training-promo.header-promo-closed > .lde-branding, .training-promo.training-promo-closed > .lde-branding {
        padding-top: 0
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer {
    padding: 0;
    margin: 0;
    border: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-simple-mega-menu--field-header, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-simple-mega-menu--field-header-translated {
    padding: 25px 29px 22px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-mainnavigationright .field-simple-mega-menu--field-header, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-mainnavigationright .field-simple-mega-menu--field-header-translated, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .right-side .field-simple-mega-menu--field-header-translated, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .right-side .field-simple-mega-menu--field-header {
    padding: 18px 19px 20px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer-featured-content {
    padding: 29px 31px 26px;
    background: white
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-simple-mega-menu--field-footer .field-item > p, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-name-field-translated-footer .field-item > p {
    padding: 20px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .mega-menu-item-footer-featured-content.social-content {
    background: #f7f5f5
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-simple-mega-menu--field-footer .field-item > p a, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-name-field-translated-footer .field-item > p a, .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a {
    color: #0079a4
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-simple-mega-menu--field-footer .field-item > p a:hover, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-name-field-translated-footer .field-item > p a:hover, .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a:hover {
    color: #00a3e0;
    text-decoration: underline
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a.ext-link:after {
    content: " ";
    background-size: 10px;
    display: inline-block;
    width: 20px;
    height: 10px;
    background: transparent url('/sites/default/files/cmm_files/icon_new_window.svg') no-repeat 5px
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu.menu-intro .menu-intro-title {
    font-family: "EDINProMedium", sans-serif;
    text-transform: initial;
    font-size: 18px;
    margin-bottom: 5px;
    color: #2d2d2d
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu.menu-intro p {
    word-break: break-all;
    white-space: normal;
    width: 200px;
    color: #2d2d2d;
    font-size: 12px;
    line-height: 1.7
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu.menu-intro p a {
    display: block;
    margin-top: 5px
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu.menu-intro ~ .menu > a {
    font-size: 15px
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a span {
    display: block;
    font-family: "EOpenSans", sans-serif;
    text-transform: initial;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 10px;
    color: #2d2d2d
}

.ms-com-content.ms-com-content-header .social-logos a {
    background: url(/sites/default/files/cmm_files/footer-social-icons-v2.svg);
    background-size: 541% 100%;
    background-position: 0 0
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu span {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.6
    }

    .ms-com-content.ms-com-content-header.new-nav header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu span.menu-label {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.6;
        color: #000;
        text-transform: uppercase
    }

    .ms-com-content.ms-com-content-header.new-nav header.ms-com-header.mobile-header .menu li span.main-menu-partners + .mega-menu-wrapper .menu span {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.6;
        color: #000;
        text-transform: uppercase
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mega-menu-wrapper .menu.menu-intro .menu-intro-title {
        font-size: 22px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu.menu-intro p {
        width: 300px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mega-menu-wrapper .menu.menu-intro a {
        font-size: 15px;
        margin-top: 10px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header #block-menucovid {
    display: inline-block
}

.ms-com-content.ms-com-content-header header.ms-com-header #block-menucovid li a:hover {
    border-top: 3px solid #fff;
    background: #fff;
    color: #00a2df;
    cursor: pointer
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header #block-menucovid li a {
        pointer-events: auto
    }

    .ms-com-content.ms-com-content-header header.ms-com-header #block-menucovid li a:hover {
        color: #505050;
        background: transparent;
        border-top: 0;
        cursor: default
    }
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .menu > li {
    vertical-align: top
}

.ms-com-content.ms-com-content-header.no-login header.ms-com-header .right-side > a:last-child, .ms-com-content.ms-com-content-header.no-login header.ms-com-header.mobile-header .mobile-nav > a:last-of-type {
    display: none
}

.ms-com-content.ms-com-content-header.no-login header.ms-com-header.desktop-header .block-mainnavigationright {
    right: 180px
}

.ms-com-content.ms-com-content-header.no-login header.ms-com-header .right-side {
    padding-right: 0
}

.ms-com-content.ms-com-content-header.no-sticky:not(.ms-com-content-header-with-banner), .ms-com-content.ms-com-content-header.no-sticky.lined {
    position: static
}

.ms-com-content.ms-com-content-header.no-sticky header.ms-com-header.mobile-header {
    height: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header .logo {
    background-image:  url("../images/fiorano-logo.png");
    display: inline-block;
    vertical-align: middle;
    height: 65px !important;
    width: 144px;
    margin-top: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.active .logo {
    background-image:  url("../images/fiorano-logo.png");
    display: inline-block;
    vertical-align: middle;
    height: 65px !important;
    width: 144px;
    margin-top: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .search-form .search-mag-icon {
    width: 22px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;

    background-size: 327px 130px;
    background-position: -192px -10px;
    cursor: pointer
}

_:default:not(:root:root), .ms-com-content.ms-com-content-header header.ms-com-header .search-form .search-mag-icon {
    background-position: -190px -10px
}

.ms-com-content.ms-com-content-header .social-logos a {

    background-size: 394px 169px;
    background-position: -58px -46.5px
}

.ms-com-content.ms-com-content-header .social-logos a.icon-muletheme-linkedin {
    background-position: -88px -46.5px
}

.ms-com-content.ms-com-content-header .social-logos a.icon-muletheme-facebook {
    background-position: -118px -46.5px
}

.ms-com-content.ms-com-content-header .social-logos a.icon-muletheme-instagram {
    background-position: -148px -46.5px
}

.ms-com-content.ms-com-content-header .social-logos a.icon-muletheme-videos {
    background-position: -178px -46.5px
}

.ms-com-content.ms-com-content-footer footer .social-logos a {
    display: inline-block;
    width: 27px;
    height: 27px;

    background-size: 394px 169px;
    background-position: -58px -47px
}

.ms-com-content.ms-com-content-footer footer .social-logos a:hover {
    background-position: -58px -12.5px
}

.ms-com-content.ms-com-content-footer footer .social-logos a.icon-muletheme-linkedin {
    background-position: -88px -47px
}

.ms-com-content.ms-com-content-footer footer .social-logos a.icon-muletheme-linkedin:hover {
    background-position: -88px -12.5px
}

.ms-com-content.ms-com-content-footer footer .social-logos a.icon-muletheme-facebook {
    background-position: -118px -47px
}

.ms-com-content.ms-com-content-footer footer .social-logos a.icon-muletheme-facebook:hover {
    background-position: -118px -12.5px
}

.ms-com-content.ms-com-content-footer footer .social-logos a.icon-muletheme-instagram {
    background-position: -148px -47px
}

.ms-com-content.ms-com-content-footer footer .social-logos a.icon-muletheme-instagram:hover {
    background-position: -148px -12.5px
}

.ms-com-content.ms-com-content-footer footer .social-logos a.icon-muletheme-videos {
    background-position: -178px -47px
}

.ms-com-content.ms-com-content-footer footer .social-logos a.icon-muletheme-videos:hover {
    background-position: -178px -12.5px
}

.ms-com-content.ms-com-content-footer footer .ot-sdk-show-settings {
    font-family: "EDINProMedium", sans-serif;
    font-size: 13px;
    margin-right: 10px;
    color: #00a2df;
    display: inline-block
}

@media screen and (max-width: 1160px) {
    .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside > .logo {

        width: 43px
    }
}

.ms-com-content.ms-com-content-header .mobile-nav a.nav-social-icon {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;

    background-size: 394px 169px;
    background-position: -58px -47px
}

.ms-com-content.ms-com-content-header .mobile-nav a.nav-social-icon.icon-muletheme-linkedin {
    background-position: -88px -47px
}

.ms-com-content.ms-com-content-header .mobile-nav a.nav-social-icon.icon-muletheme-facebook {
    background-position: -118px -47px
}

.ms-com-content.ms-com-content-header .mobile-nav a.nav-social-icon.icon-muletheme-instagram {
    background-position: -148px -47px
}

.ms-com-content.ms-com-content-header .mobile-nav a.nav-social-icon.icon-muletheme-videos {
    background-position: -178px -47px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-linkedin {
    background-position: -88px -47px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-linkedin:hover {
    background-position: -88px -12.5px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-facebook {
    background-position: -118px -47px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-facebook:hover {
    background-position: -118px -12.5px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-instagram {
    background-position: -148px -47px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-instagram:hover {
    background-position: -148px -12.5px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-videos {
    background-position: -178px -47px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a.icon-muletheme-videos:hover {
    background-position: -178px -12.5px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .social-logos a {
    width: 30px
}

.ms-com-content.ms-com-content-header:not(.scrolled):not(.closed) + div#eb-sub-header {
    top: 65px
}

body:not(.header-promo-closed) .page-content .container, body:not(.header-promo-closed) .page-content.container {
    padding-top: 75px
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header:not(.scrolled):not(.closed) + div#eb-sub-header {
        top: 0
    }

    body:not(.header-promo-closed) .page-content .container, body:not(.header-promo-closed) .page-content.container {
        padding-top: 0
    }
}

@font-face {
    font-family: 'EDINProBold';
    src: url("../fonts/DINPro-Bold.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.ms-com-content.ms-com-content-header header.ms-com-header nav.block-mainnavigation {
    margin-left: 10px
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper a.nav-main-title {
    font-family: 'EDINProBold', sans-serif;
    font-size: 22px;
    line-height: 26px;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper a.nav-main-title {
    color: #00a0df
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper a.nav-main-title:hover {
    text-decoration: underline;
    color: #00a3e0
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .nav-intro > a:before {
    content: '';
    display: block;
    position: absolute;
    width: 250px;
    border-radius: 4px;
    height: 65px;
    background: #BFD6F5FF;
    z-index: -1;
    margin-top: -10px
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .nav-intro > a.taller:before {
    height: 90px
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .nav-intro > a:before {
    left: -10px;
    top: 0;
    opacity: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .nav-intro > a:hover:before {
    opacity: 1
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .mega-menu-item-header nav.nav-intro {
    margin-bottom: 35px
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu p, .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .nav-intro p {
    max-width: 225px;
    word-break: break-word;
    white-space: normal;
    font-size: 12px;
    line-height: 21px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper {
    background: #fff;
    padding: 25px 0 0 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-mainnavigationright .mega-menu-wrapper, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .right-side .mega-menu-wrapper {
    padding: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper {
    background: white;
    position: relative;
    top: 0;
    left: 0;
    z-index: 16;
    width: 100%;
    height: 65px;
    font-family: 'EOpenSans', sans-serif
}

.ms-com-content.ms-com-content-header header.ms-com-header.active .header-wrapper {
    background: #00044c
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li:hover .mega-menu-wrapper {
    z-index: -2
}

.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > a, .ms-com-content.ms-com-content-header header.ms-com-header .menu > li > span {
    color: #050a30;
    font-family: 'EDinProBold', sans-serif;
    font-size: 16px;
    line-height: 22px;
    height: 65px;
    cursor: default;
    padding: 22px 10px 0;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.active .menu > li > a, .ms-com-content.ms-com-content-header header.ms-com-header.active .menu > li > span, .ms-com-content.ms-com-content-header header.ms-com-header.active .right-side > a {
    color: white
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li:hover > a, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li:hover > span {
    position: relative;
    background: none;
    color: #235a9a
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a:before {
    left: -10px;
    top: 0;
    opacity: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 20px);
    border-radius: 4px;
    height: 104%;
    background: #BFD6F5FF;
    z-index: -1
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a:hover:before {
    opacity: 1
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper nav.menu.menu-bottom-link {
    padding: 10px 29px;
    width: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper nav.menu.menu-bottom-link .menu-bottom-link-container {
    border-top: .5px solid #9caeb9;
    padding: 10px 0 0 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper nav.menu.menu-bottom-link a:before {
    width: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu.menu-intro:hover .arrow-button, .ms-com-content.ms-com-content-header header.ms-com-header .menu .field-simple-mega-menu--field-footer .field-item > a:hover .arrow-button, .ms-com-content.ms-com-content-header header.ms-com-header .menu .field-name-field-translated-footer .field-item > a:hover .arrow-button, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .featured-right-content .featured-extras:hover .underline-link {
   // color: #00044c
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li > a:before, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li > span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #2B3990;
   // transition: .4s ease width
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li > a:hover:before, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li > span:hover:before {
    width: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li.menu-item:hover > span:before {
    width: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-simple-mega-menu--field-footer .field-item > p a, .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu > a, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-name-field-translated-footer .field-item > p a {
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu span {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'helvatic', sans-serif;
    color: #000;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 2px;
    text-align: left;
    font-weight: bold;
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu a {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: left;
    color: #0059A3;
    font-weight: bold;

}

header.ms-com-header.active.desktop-header .menu > li:hover > a:after, header.ms-com-header.active.desktop-header .menu > li:hover > span:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    clear: both
}

header.ms-com-header.active.desktop-header .menu > li.no-children:hover > a:after {
    display: none
}

header.ms-com-header.active.desktop-header .menu > li > a {
    cursor: pointer
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .menu > a.button {
    line-height: 20px;
    padding: 8px 17px;
    margin: 0 5px
}

.ms-com-content.ms-com-content-header header .field-simple-mega-menu--field-footer .mega-menu-item-footer-featured-content, .ms-com-content.ms-com-content-header header .field-name-field-translated-footer .mega-menu-item-footer-featured-content {
    background: #e8f8ff !important
}

.ms-com-content .nav-social-icon span, .ms-com-content.ms-com-content-header .social-logos > a > span, .ms-com-content-footer .nav-social-icon span, .ms-com-content-footer .social-logos a span {
    display: none
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr .header-message {
    background: #e8f8ff !important;
    font-size: 12px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-frenchmainnavigation, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-frenchmainnavigationright, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-frmainmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-frrightmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-jpmainmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-jprightmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-ptmainmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-ptrightmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-demainmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-derightmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-esmainmenu, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-esrightmenu {
    display: inline-block;
    width: auto
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr .header-message {
    background: #e8f8ff
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr .header-message a {
    font-size: 12px;
    font-family: 'EopenSans', sans-serif
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > span {
    line-height: 20px
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-frenchmainnavigationright, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-frrightmenu, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-jprightmenu, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-ptrightmenu, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-derightmenu, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-esrightmenu {
    position: absolute;
    top: 0;
    right: 182px
}

.page-translated header.ms-com-header.active.desktop-header .menu > li:hover > a:after {
    display: none
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header .header-overlay {
    top: 47px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .simple-mega-menu-type-simple-flyout {
    padding: 8px 29px 22px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .simple-mega-menu-type-simple-flyout {
    min-width: 245px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper {
    padding-top: 10px;
    z-index: 999999999999999999999999 !important;
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-simple-mega-menu--field-header, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .field-simple-mega-menu--field-header-translated {
    padding: 40px 15px 22px
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu a {
    font-size: 22px
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu a.smaller {
    font-size: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content .button {
    font-family: 'EOpenSansBold', sans-serif
}

@media screen and (min-width: 992px) {
    .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-frenchmainnavigationright .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-frenchmainnavigationright .menu > li > span, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-frrightmenu .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-frrightmenu .menu > li > span, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-jprightmenu .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-jprightmenu .menu > li > span, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-derightmenu .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-derightmenu .menu > li > span, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-ptrightmenu .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-ptrightmenu .menu > li > span, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu .menu > li > span {
        font-size: 13px;
        line-height: 22px
    }

    .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > span {
        line-height: 22px
    }
}

@media screen and (max-width: 992px) {
    .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu a {
        font-size: 22px
    }

    .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu a.smaller {
        font-size: 16px
    }
}

@media screen and (max-width: 992px) {
    .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > a, .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > span {
        padding-left: 15px
    }
}

.section-en-jp .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > a, .section-en-jp .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > span {
    line-height: 23px
}

.section-en-jp .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .nav-intro p {
    max-width: 235px
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-jprightmenu {
    right: 232px
}

.section-en-jp .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-header {
    min-width: 580px !important
}

.section-en-jp .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .flyout-right .mega-menu-wrapper .mega-menu-item-header {
    min-width: auto !important
}

.section-en-jp .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .mega-menu-wrapper .mega-menu-item-footer .featured-right-content {
    max-width: 350px
}

.section-en-jp .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .menu span.menu-label {
    font-size: 14px
}

@media screen and (max-width: 780px) {
    .page-translated article.mega-menu-item-header {
        min-width: auto !important
    }
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-frrightmenu {
    right: 222px
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-esrightmenu {
    right: 270px
}

.section-en-de .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-derightmenu {
    right: 250px
}

@media screen and (min-width: 992px) {
    .section-en-de .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > a, .section-en-de .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li > span {
        padding: 22px 8px 0;
        line-height: 22px
    }
}

.section-en-de .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li {
    margin-left: 3px
}

.section-en-de .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li:nth-child(4) .mega-menu-wrapper .mega-menu-item-footer .featured-right-content {
    margin-right: 5px;
    max-width: 334px
}

.page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-ptrightmenu {
    right: 201px
}

.section-en-pt .page-translated.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu-item:nth-child(1) .mega-menu-wrapper .mega-menu-item-footer .featured-right-content {
    max-width: 365px
}

.ms-com-content-header-with-banner.scrolled header.ms-com-header .header-wrapper {
    box-shadow: none
}

.ms-com-content.ms-com-content-header header.ms-com-header .menu > li.flyout-right .mega-menu-wrapper .mega-menu-item-header {
    min-width: initial !important
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .flyout-right .mega-menu-wrapper {
    right: 0
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper li a {
    font-family: "EOpenSans", Arial, sans-serif
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .language-selector-wrapper li a sub {
    font-size: 75%;
    vertical-align: baseline
}

.ms-com-content.ms-com-content-header header.ms-com-header #block-esmainmenu .menu > li > a, .ms-com-content.ms-com-content-header header.ms-com-header #block-esmainmenu .menu > li > span, .ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu .menu > li > a, .ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu .menu > li > span {
    padding: 22px 6px 0
}

@media screen and (max-width: 1160px) {
    .ms-com-content.ms-com-content-header header.ms-com-header #block-esmaintmenu .menu > li > a, .ms-com-content.ms-com-content-header header.ms-com-header #block-esmainmenu .menu > li > span, .ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu .menu > li > a, .ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu .menu > li > span {
        padding: 22px 4px 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu {
        margin-right: 5px
    }
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header #block-esmainmenu .menu > li > a, .ms-com-content.ms-com-content-header header.ms-com-header #block-esmainmenu .menu > li > span, .ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu .menu > li > a {
        padding: 20px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu .menu > li > span {
        padding: 20px 20px 20px 20px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header #block-esrightmenu {
        margin-right: 0
    }
}

#stormbreaker {
    z-index: 99999
}

.stormbreaker-wrapper {
    max-width: 1160px;
    margin: 0 auto
}

.stormbreaker {
    background-color: #5e66f9;
    padding: 22px 0 17px;
    max-height: 100%;
    transition: max-height .25s ease-in
}

.stormbreaker.fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 15
}

.stormbreaker-wrapper h4 {
    font-size: 33px;
    line-height: 44px;
    font-family: 'EDINProBold', sans-serif;
    color: #fff;
    display: inline-block;
    margin-bottom: 21px;
    min-width: 100%
}

.stormbreaker-wrapper a {
    color: #fff;
    display: inline-block;
    min-height: 40px;
    min-width: 160px;
    padding: 6px 20px;
    text-align: center;
    height: auto;
    cursor: pointer;
    font-size: 16px;
    font-family: "EopenSansBold", Arial, sans-serif;
    font-weight: bolder
}

.stormbreaker-wrapper .mule-button.dark-navy {
    background: #00044c;
    border: 1px solid #00044c;
    height: 48px;
    line-height: 33px
}

.stormbreaker-wrapper .mule-button.dark-navy:hover {
    background: none;
    color: #00044c
}

.stormbreaker-wrapper img {
    display: none;
    max-width: 50%;
    text-align: right;
    display: inline-block;
    vertical-align: top
}

.stormbreaker img.medium-img {
    display: none
}

@media screen and (max-width: 1160px) {
    .stormbreaker img.large-img {
        display: none
    }

    .stormbreaker img.medium-img {
        display: inline-block
    }
}

@media screen and (max-width: 768px) {
    .stormbreaker img.medium-img {
        display: none
    }
}

.stormbreaker-wrapper .left-area {
    max-width: 54%;
    display: inline-block;
    margin-left: 6%;
    margin-right: 15px;
    vertical-align: middle
}

.stormbreaker-wrapper .stormClose {

    background-repeat: no-repeat;
    display: inline-block;
    width: 42px;
    height: 33px;
    vertical-align: top;
    margin-top: 0;
    margin-left: 38px;
    background-position: center;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.stormbreaker {
    cursor: pointer
}

.stormbreaker.collapsed {
    max-height: 100%;
    padding: 9px 0 6px 0
}

.stormbreaker.collapsed .left-area {
    display: inline-block;
    width: 92%;
    max-width: initial;
    margin-left: 0;
    overflow: hidden
}

.stormbreaker.collapsed h4 {
    font-size: 22px;
    line-height: 32px;
    margin-top: 8px;
    float: left;
    margin-bottom: 0;
    min-width: initial
}

.stormbreaker.collapsed a.mule-button {
    float: right;
    margin-right: 0;
    margin-bottom: 0
}

.stormbreaker.collapsed img {
    display: none
}

.stormbreaker.collapsed .stormClose {
    display: inline-block;
    width: 28px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 40px;
    transform: rotate(180deg);
    cursor: pointer
}

.stormbreaker .stormbreaker-wrapper {
    position: relative
}

.sormbreaker.collapsed {
    padding: 6px 10px 9px 10px
}

.stormbreaker-wrapper img {
    max-width: 30%
}

@media screen and (max-width: 1160px) {
    .stormbreaker-wrapper {
        margin: 0 10px;
        max-width: 100%
    }

    .stormbreaker-wrapper .left-area {
        margin-left: 20px
    }

    .stormbreaker.collapsed .left-area {
        width: calc(100% - 100px)
    }

    .stormbreaker.collapsed .left-area h4 {
        width: calc(100% - 250px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .stormbreaker-wrapper .collapsed .left-area h4 {
        font-size: 22px
    }
}

@media screen and (max-width: 768px) {
    .stormbreaker img {
        display: none
    }

    .stormbreaker-wrapper .left-area {
        max-width: calc(100% - 85px)
    }

    .stormbreaker-wrapper .left-area h4 {
        font-size: 22px;
        line-height: 32px
    }

    .stormbreaker.collapsed a.mule-button {
        display: none
    }

    .stormbreaker.collapsed .left-area h4 {
        font-size: 20px;
        width: 100%;
        max-widht: 100%
    }

    .stormbreaker-wrapper .stormClose {
        margin-left: 0
    }
}

.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li:hover > a, .section-brand .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li:hover > span {
    position: relative;
    background: none;
    color: #000
}

@media screen and (min-width: 992px) {
    .section-en-de .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu > li {
        margin-left: 0
    }
}

.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav > a, .section-brand .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > a, .section-brand .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > span {
    pointer-events: all
}

.ms-com-content.ms-com-content-header header.ms-com-header .product a.see-all-link {
    width: 100%;
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 37px;
    color: #00a0df;
    position: relative;
    border-bottom: 1px solid #dae2e8;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 26px
}

.ms-com-content.ms-com-content-header header.ms-com-header .product a.see-all-link:before {
    content: '';
    display: block;
    position: absolute;
    width: 102px;
    border-radius: 4px;
    height: 85%;
    background: #bfd6f5;
    z-index: -1;
    opacity: 0;
    left: -9px;
    top: 5px;
    height: 37px
}

.ms-com-content.ms-com-content-header header.ms-com-header .product a.see-all-link {

    background-repeat: no-repeat;
    background-position: 57px 10px;
    font-family: 'EDinProBold', sans-serif;
    font-size: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header .product a.see-all-link:hover:before {
    opacity: 1
}

.ms-com-content.ms-com-content-header header.ms-com-header .product a.see-all-link:hover {
    text-decoration: underline
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .product .menu > p.item-with-flag .inline-post-flag {
    display: inline-block !important;
    width: auto;
    background: #002196;
    border-radius: 50px;
    padding: 0 5px 0 7px;
    margin-bottom: 8px;
    color: #fff !important;
    font-size: 8px !important;
    letter-spacing: 3px;
    line-height: 16px !important;
    text-transform: uppercase !important;
    font-family: "EDINProBold", Arial, sans-serif;
    margin-left: 10px;
    margin-top: 7px;
    vertical-align: middle
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .product .menu > p.item-with-flag {
    margin: 0;
    padding: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .product .menu > p.item-with-flag > a:hover:before {
    opacity: 1
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .product .menu > p.item-with-flag > a {
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .product .menu > p.item-with-flag > a:hover {
    text-decoration: underline
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .product .menu > p.item-with-flag > a:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 20px);
    border-radius: 4px;
    height: 104%;
    background: #BFD6F5FF;
    z-index: -1
}

.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .product .menu > p.item-with-flag > a:before {
    left: -10px;
    top: 0;
    opacity: 0
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header .product a.see-all-link {
        font-size: 20px;
        line-height: 1;
        margin-bottom: 20px;
        border-bottom: 0;
        background-position: 78px 4px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header .product a.see-all-link:after {
        border-bottom: 1px solid #000;
        display: block;
        content: " ";
        width: 20px;
        height: 1px;
        margin-top: 30px;
        margin-bottom: 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header .product a.see-all-link {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .mega-menu-item-header.product {
        display: flex;
        flex-flow: column
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mega-menu-container-left {
        order: 1
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mega-menu-container-right {
        order: 3;
        margin-top: 30px;
        margin-bottom: 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .try-free {
        order: 2;
        margin-top: 25px
    }

    .ms-com-content.ms-com-content-header header.ms-com-header .product .try-free:after {
        border-bottom: 1px solid #000;
        display: block;
        content: " ";
        width: 20px;
        height: 1px;
        margin-top: 26px;
        margin-bottom: 0
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li .lang-selector .mega-menu-wrapper {
    min-width: 145px
}

.ms-com-content.ms-com-content-header header.ms-com-header .lang-selector .mega-menu-wrapper .menu > a span.sub {
    font-style: normal;
    font-family: 'EDINPro', sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #00a0df;
    letter-spacing: 0;
    display: inline-block
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .menu-item > span.globe-icon {
    width: 29px;
    height: 65px;

    background-repeat: no-repeat;
    background-position: 0 15px
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .menu-item > span.globe-icon {
    padding: 0
}

.ms-com-content.ms-com-content-header.new-nav header.ms-com-header .menu > li {
    vertical-align: middle
}

.ms-com-content.ms-com-content-header.new-nav header.ms-com-header.desktop-header .block-mainnavigationright {
    right: 300px
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside {
    position: relative
}

.ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper {
    position: absolute;
    right: 10px;
    z-index: 9999;
    padding-top: 0
}

.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message {
    max-height: 44px;
    height: 44px
}

.ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper ul li {
    list-style: none
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper ul li a {
    font-style: normal;
    font-weight: bold;
    font-family: 'EDinProBold', sans-serif;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0;
    text-align: left;
    color: #00a2df;
    position: relative;
    z-index: 1
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper ul li a:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 5px);
    border-radius: 4px;
    height: 104%;
    background: #BFD6F5FF;
    z-index: -1;
    left: -2px;
    top: 0;
    opacity: 0
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper ul li a:hover:before {
    opacity: 1
}

.ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper.active .language-selection {
    display: block
}

.ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected li:not(.english) {
    display: none
}

body.translatable-page.smartling-de .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected li.german, body.translatable-page.smartling-jp .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected li.japanese, body.translatable-page.smartling-fr .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected li.french, body.translatable-page.smartling-pt .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected li.portuguese, body.translatable-page.smartling-es .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected li.spanish {
    display: block
}

body.translatable-page.smartling-de .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selection li.german, body.translatable-page.smartling-jp .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selection li.japanese, body.translatable-page.smartling-fr .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selection li.french, body.translatable-page.smartling-pt .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selection li.portuguese, body.translatable-page.smartling-es .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selection li.spanish {
    display: none
}

body.translatable-page[class*='smartling-'] .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected li, body.not-found[class*='smartling-'] .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected li {
    display: none
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper .language-selected li a:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    width: 13px;
    height: 7px;
    margin-left: 5px;
    background-image: url(/themes/custom/mule_foundation/images/language-selector-graphics.svg);
    background-repeat: no-repeat;
    background-position: -102px -5px;
    opacity: .5
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper .language-selection {
    display: none
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection {
    display: block;
    padding: 23px 10px;
    text-align: left;
    margin-top: 11px
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper .language-selection li {
    background: #fff;
    text-align: left;
    padding: 4px 10px
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection, .ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection {
    padding: 0
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection {
    margin-top: 4px;
    padding-top: 0
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper .language-selection li {
    padding: 0 10px 5px 10px
}

.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper .language-selection li a {
    padding: 5px 10px;
    position: relative
}

.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper .language-selection li a:hover:before {
    opacity: 1
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper .language-selection li:first-child {
    padding: 10px 10px 5px 10px
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper .language-selection li:last-child {
    padding-bottom: 10px
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper .language-selection li span {
    font-family: 'EDinProBold', sans-serif;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0;
    color: #00a2df;
    font-size: 22px
}

.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper .language-selection li span:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 20px);
    border-radius: 4px;
    height: 104%;
    background: #BFD6F5FF;
    z-index: -1;
    left: -10px;
    top: 0;
    left: -10px;
    top: 0
}

.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper .language-selection li span {
    padding: 5px 10px;
    position: relative
}

.ms-com-content.ms-com-content-header.new-selector.ms-com-content-tr .header-message .header-message-inside .language-selector-wrapper .language-selected li span:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    background-repeat: no-repeat;

    background-position: -289px -110px;
    overflow: visible;
    width: 8px;
    margin-left: 10px;
    height: 13px;
    background-size: 443px 191px;
    transform: rotate(90deg)
}

.ms-com-content.ms-com-content-header.new-selector.ms-com-content-tr .header-message .header-message-inside .language-selector-wrapper.active .language-selected li span:after {
    transform: rotate(-90deg)
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper ul.language-selected li {
    padding-top: 11px
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper ul li span {
    font-family: 'EOpenSansBold';
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #00a0df
}

.page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper ul li sub {
    vertical-align: middle;
    margin-bottom: 8px;
    display: inline-block
}

.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper .language-selected {
    cursor: pointer;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .flyout-right.lang-selector .mega-menu-wrapper {
    right: -40px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .lang-selector .field-simple-mega-menu--field-header, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .lang-selector .field-simple-mega-menu--field-header-translated {
    padding: 18px 24px 20px
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection {
    position: relative;
    right: -22px
}

.ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: -7px;
    right: 15px
}

.ms-com-content.ms-com-content-header.new-selector header.ms-com-header .mega-menu-wrapper .menu.language-selector > a:hover .sub {
    text-decoration: underline
}

@media screen and (max-width: 992px) {
    .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper.active {
        width: 100%;
        margin: 0;
        z-index: 99999;
        right: 0;
        height: 100vh
    }

    .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper .language-selected {
        margin-right: 10px
    }

    .ms-com-content.ms-com-content-header.new-selector .header-message .language-selector-wrapper.active .language-selected {
        margin-right: 20px
    }

    .ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection {
        width: 100%;
        height: 100vh;
        background: #fff
    }

    .page-translated.ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector .header-message .language-selector-wrapper .language-selection li a {
        font-family: 'EDinProBold', sans-serif;
        font-size: 16px;
        letter-spacing: 0;
        color: #00a2df;
        font-size: 22px;
        line-height: 26px
    }

    .ms-com-content.ms-com-content-header.new-nav header.ms-com-header.mobile-header .mobile-nav > a {
        padding-left: 24px
    }

    .ms-com-content.ms-com-content-header.new-nav header.ms-com-header .mobile-lang-selector .menu > li {
        border-bottom: 1px solid #dae2e8
    }

    .ms-com-content.ms-com-content-header.new-nav header.ms-com-header.mobile-header .menu li .mega-menu-wrapper .menu span {
        display: block;
        font-family: 'EDinProBold', sans-serif;
        display: inline-block;
        text-transform: initial;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0;
        color: #00a4e0;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 2px
    }

    .ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector:not(.ms-com-content-header-with-banner) .mobile-header.active .mobile-header-top {
        top: 40px
    }

    .ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector header.ms-com-header.mobile-header.active .mobile-header-bottom {
        padding-top: 65px
    }

    .ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector:not(.ms-com-content-header-with-banner).active, .ms-com-content.ms-com-content-header.active.closed {
        padding-top: 0
    }

    .ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection:before {
        content: none
    }

    .ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector.active .header-message {
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        height: 40px;
        min-height: 40px;
        z-index: 99999999999
    }

    .ms-com-content.ms-com-content-header.ms-com-content-tr.new-selector.active header.ms-com-header.mobile-header.active .mobile-header-bottom {
        padding-top: 111px
    }
}

.ms-com-content .desktop-header .try-free {
    margin-top: 40px
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside {
    padding: 0 16px
}

.ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside {
    padding: 0 16px 37px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br .ms-com-footer, .ms-com-content.ms-com-content-footer.br footer {
    background: #000
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li > span {
    color: #909aa3;
    font-family: 'EDINProBold', sans-serif;
    font-style: normal;
    font-size: 15px;
    line-height: 19px
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu a {
    font-family: EOpenSans, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 27px;
    color: #909aa3
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu ul {
    margin-top: 14px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu ul li {
    line-height: 20px
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside nav a {
    font-family: EOpenSans, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    color: #909aa3
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside .mulecopy {
    font-family: EOpenSans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
    color: #909aa3;
    margin-bottom: 22px
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside .mulecopy a {
    color: #909aa3
}

.ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > .footer-copyright {
    color: #909aa3;
    left: 16px
}

body .br #ot-sdk-btn.ot-sdk-show-settings, body .br #ot-sdk-btn.ot-sdk-show-settings:hover {
    color: #909aa3
}

.ms-com-content.ms-com-content-footer.br footer .footer-logo {

    background-size: 443px 191px;
    background-repeat: no-repeat;
    background-position: -248px -134px;
    display: inline-block;
    vertical-align: middle;
    height: 65px !important;
    width: 140px;
    margin-top: 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .logo {
    display: none
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description p {
    color: #909aa3;
    font-size: 15px;
    line-height: 24px
}

.ms-com-content.ms-com-content-footer.br footer .logo-wrapper {
    width: 25.5%;
    display: inline-block;
    float: left
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li {
    width: 33%
}

.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form .footer-tm {
    width: 74%;
    display: inline-block;
    margin-bottom: 47px
}

.ms-com-content.ms-com-content-footer.br footer .footer-inside:before {
    border-color: transparent
}

.ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > * {
    padding-top: 38px
}

.ms-com-content.ms-com-content-footer.br footer .social-logos a {
    display: inline-block;
    width: 29px;
    height: 29px;

    background-size: 443px 191px;
    background-position: -238px -55px;
    margin-right: 5px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .social-logos a.icon-muletheme-linkedin, .ms-com-content.ms-com-content-footer.br footer .social-logos a.icon-muletheme-linkedin {
    background-position: -272px -55px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .social-logos a.icon-muletheme-facebook, .ms-com-content.ms-com-content-footer.br footer .social-logos a.icon-muletheme-facebook {
    background-position: -306px -55px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .social-logos a.icon-muletheme-instagram, .ms-com-content.ms-com-content-footer.br footer .social-logos a.icon-muletheme-instagram {
    background-position: -340px -55px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .social-logos a.icon-muletheme-videos, .ms-com-content.ms-com-content-footer.br footer .social-logos a.icon-muletheme-videos {
    background-position: -374px -55px
}

.ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > .footer-copyright {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px
}

.ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside .language-selector-wrapper {
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side .search-form {
    position: absolute;
    right: -16px;
    top: 8px;
    z-index: 16
}

.ms-com-content.ms-com-content-header header.ms-com-header .search-form .search-mag-icon {

    background-size: 443px 191px;
    background-position: -143px 50px;
    width: 45px;
    height: 30px;
    display: inline-block
}

@media screen and (max-width: 1160px) {
    .ms-com-content.ms-com-content-header header.ms-com-header .right-side .search-form {
        right: 0
    }
}

@media screen and (max-width: 993px) {
    .ms-com-content.ms-com-content-header.new-selector .header-message .header-message-inside .language-selector-wrapper.active .language-selection {
        right: 0
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside {
        padding: 0 31px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside {
        padding: 0 31px 37px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > .footer-copyright {
        left: 31px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside nav.social-logos {
        margin-top: 33px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > * {
        padding-top: 0
    }

    .ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper .product .menu p {
        max-width: 60%
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside:before {
        margin-bottom: 53px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > * {
        padding-top: 48px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside nav.social-logos {
        max-width: initial;
        display: inline-block;
        margin-top: 0
    }

    .ms-com-content.ms-com-content-footer.br footer .logo-wrapper {
        display: block
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form {
        display: block
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form .footer-tm {
        display: none
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-top nav {
        display: block;
        width: 100%;
        clear: both
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside:before {
        margin-bottom: 37px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-inside:before {
        border-color: #000
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > .footer-copyright {
        top: 0
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > .footer-copyright {
        top: -34px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside nav.social-logos {
        margin-top: 4px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside {
        text-align: left
    }

    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .search-form .search-mag-icon {
        height: 30px;
        background-position: -155px 50px;
        width: 35px
    }
}

@media screen and (max-width: 601px) {
    .ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside:before {
        margin-bottom: 37px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-inside:before {
        border-color: #000
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > .footer-copyright {
        top: 0
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside > .footer-copyright {
        top: -34px
    }

    .ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside nav.social-logos {
        margin-top: 4px
    }
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description p {
    margin-top: 5px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description .social-logos {
    margin-top: 25px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm {
    margin-bottom: 55px
}

.translatable-page .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description + div {
    width: calc(100% - 500px);
    display: inline-block;
    margin-top: 30px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm {
    width: 100%
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li {
    width: 27%
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside > * {
    padding-top: 25px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu li {
    margin-bottom: 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li > span {
    font-family: EOpenSans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside > * {
    padding-top: 18px
}

body .ms-com-content-tr.br #ot-sdk-btn.ot-sdk-show-settings, body .ms-com-content-tr.br #ot-sdk-btn.ot-sdk-show-settings, .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside > .footer-bottom-links a {
    font-family: EOpenSans, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #909aa3
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li > span {
    font-family: EOpenSans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-inside:before {
    margin-bottom: 10px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description {
    margin-top: 23px;
    margin-right: 151px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu ul {
    margin-top: 0
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li > span {
    margin-bottom: 5px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu li {
    line-height: 15px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu a {
    line-height: 24px
}

.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-inside nav a {
    margin-right: 7px
}

@media screen and (min-width: 480px) {
    .translatable-page .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description .social-logos {
        margin-bottom: 0
    }
}

@media screen and (max-width: 993px) {
    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-inside {
        padding: 0 30px 0
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm {
        display: block
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description p {
        margin-top: 0
    }

    .translatable-page .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description + div {
        width: calc(100% - 306px);
        width: calc(100% - 60%)
    }

    .translatable-page .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description + div {
        margin-top: 20px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description {
        margin-right: 30px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li {
        width: 43%
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav > .menu > li:last-child {
        margin-right: 0
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description .social-logos {
        margin-top: 15px;
        margin-right: 10%
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm {
        padding-bottom: 0;
        margin-bottom: 15px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside > .footer-copyright {
        padding-top: 40px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside > .footer-bottom-links {
        padding-top: 10px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-inside:before {
        border-color: #909aa3
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description {
        margin-right: 12%
    }
}

@media screen and (max-width: 601px) {
    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description {
        margin-right: 30px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-inside:before {
        border-color: #909aa3
    }

    .translatable-page .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description + div {
        width: 100%
    }
}

@media screen and (max-width: 600px) {
    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description {
        max-width: initial;
        margin-right: 0;
        margin-top: 28px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-inside {
        padding: 0 15px 0
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside {
        padding: 0 16px 37px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .ms-com-content-tr-footer-description .social-logos {
        margin-top: 24px
    }

    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside > .footer-copyright {
        padding-top: 17px
    }
    menu-item a
    .ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-bottom .footer-inside > .footer-bottom-links {
        margin-right: 0
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .menu-item > a.active::before, .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side .menu-item > span.active::before, .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .right-side a.button.active::before, .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .block-mainnavigationright .menu-item > span.active::before, .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .block-mainnavigation .menu-item > span.active::before {
    width: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .block-mainnavigation .menu-item .mega-menu-wrapper.visible, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .block-mainnavigationright .mega-menu-wrapper.visible, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .right-side .mega-menu-wrapper.visible, .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu > li .mega-menu-wrapper.visible {
    display: block
}

header.ms-com-header.active.desktop-header .menu > li > a.active:after, header.ms-com-header.active.desktop-header .menu > li > span.active:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    clear: both
}

.menu-item span:focus, .:focus, .search-close-icon:focus, .search-mag-icon:focus {
    //outline: 2px solid #5e66f9
}

.ms-com-content.ms-com-content-footer {
    position: inherit;
    z-index: 10
}

.ms-com-content + .exchange-banner.br-exchange-banner {
    background: #00044c
}

.ms-com-content + .exchange-banner.br-exchange-banner .exchange-banner-inside {
    padding: 60px 16px 30px;
    box-sizing: border-box
}

.ms-com-content + .exchange-banner.br-exchange-banner .top-links a:last-child::after, .ms-com-content + .exchange-banner.br-exchange-banner .top-links a:last-child::before {
    display: none
}

.ms-com-content + .exchange-banner.br-exchange-banner .top-links a {
    font-family: 'EOpenSansBold';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #00a0df;
    margin-left: 24px
}

.ms-com-content + .exchange-banner.br-exchange-banner .top-links a:first-child {
    margin-left: 0
}

.ms-com-content + .exchange-banner.br-exchange-banner h1.multicolor-title {
    font-family: 'EDINProBold';
    font-style: normal;
    font-size: 33px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 16px
}

.ms-com-content + .exchange-banner.br-exchange-banner h1.multicolor-title span {
    color: #00a0df
}

.ms-com-content + .exchange-banner.br-exchange-banner p {
    font-family: 'EOpenSans';
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 8px
}

.ms-com-content + .exchange-banner.br-exchange-banner .bottom-links {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.ms-com-content + .exchange-banner.br-exchange-banner .bottom-links a.mule-button {
    background: #00a0df;
    font-family: 'EOpenSansBold';
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    padding: 16px 20px;
    text-decoration: none;
    border: 1px solid #00a0df;
    display: inline-block;
    width: 50%
}

.ms-com-content + .exchange-banner.br-exchange-banner .bottom-links a.mule-button:hover {
    background: transparent
}

.ms-com-content + .exchange-banner.br-exchange-banner .bottom-links a.mule-button.transparent {
    background: transparent;
    color: #00a0df
}

.ms-com-content + .exchange-banner.br-exchange-banner .bottom-links a.mule-button.transparent:hover {
    background: #00a0df;
    color: #fff
}

@media screen and (min-width: 600px) {
    .ms-com-content + .exchange-banner.br-exchange-banner .exchange-banner-inside {
        padding-left: 32px;
        padding-right: 32px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner h1.multicolor-title {
        margin-top: 24px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner .bottom-links {
        justify-content: start;
        gap: 16px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner .bottom-links a.mule-button {
        padding-top: 22px;
        padding-bottom: 22px;
        width: 200px;
        box-sizing: border-box
    }
}

@media screen and (min-width: 992px) {
    .ms-com-content + .exchange-banner.br-exchange-banner .exchange-banner-inside {
        padding-left: 16px;
        padding-right: 16px;
        position: relative
    }

    .ms-com-content + .exchange-banner.br-exchange-banner .exchange-banner-inside::after {
        content: '';
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
        position: absolute;
        right: 40px;
        bottom: 0;
        width: 46%;
        object-fit: contain;
        height: 50%;

    }

    .ms-com-content + .exchange-banner.br-exchange-banner .exchange-banner-inside .top-links {
        position: absolute;
        right: 16px;
        top: 58px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner h1.multicolor-title {
        font-size: 45px;
        line-height: 56px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner p {
        max-width: 470px
    }
}

@media screen and (min-width: 1160px) {
    .ms-com-content + .exchange-banner.br-exchange-banner {
        overflow: hidden
    }

    .ms-com-content + .exchange-banner.br-exchange-banner .exchange-banner-inside {
        padding-bottom: 36px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner .exchange-banner-inside::after {
        width: 52%;
        height: 52%;
        right: -12px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner .exchange-banner-inside .top-links {
        right: 16px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner h1.multicolor-title {
        margin-top: 44px
    }

    .ms-com-content + .exchange-banner.br-exchange-banner .bottom-links {
        margin-top: 32px;
        gap: 24px
    }
}

.no-feedback-widget .m-helpful {
    display: none
}

.m-helpful-lib {
    font-family: inherit;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto
}

.m-helpful-lib .question-container > * {
    vertical-align: middle;
    display: inline-block
}

.m-helpful-lib .question {
    margin-right: 7px
}

.m-helpful-lib .question-button {
    display: inline-block;
    text-decoration: none;
    color: white;
    background: #00a2df;
    border-radius: 50%;
    margin: 0 2px;
    font-size: 15px;
    font-family: 'opensans', sans-serif;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 10px 0 0 7.5px
}

.m-helpful-lib .question-yes {
    padding: 10.2px 0 0 9px
}

.m-helpful-lib .question-yes:before, .m-helpful-lib .question-yes:after {
    content: '';
    display: block;
    background: white;
    width: 7px;
    height: 3px
}

.m-helpful-lib .question-yes:before {
    transform: translate(-2px, 5.5px) rotate(45deg)
}

.m-helpful-lib .question-yes:after {
    width: 15px;
    transform: rotate(-45deg)
}

.m-helpful-lib .question-no:before, .m-helpful-lib .question-no:after {
    content: '';
    display: block;
    background: white;
    width: 15px;
    height: 3px
}

.m-helpful-lib .question-no:before {
    transform: translate(0, 3px) rotate(-45deg)
}

.m-helpful-lib .question-no:after {
    transform: rotate(45deg)
}

.m-helpful-lib .heart-wrapper {
    display: inline-block;
    vertical-align: middle;
    background: #5f6bf5;
    width: 30px;
    height: 30px;
    padding: 7px 0 0 0;
    border-radius: 50%;
    margin-left: 10px;
    text-align: center
}

.m-helpful-lib .heart {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg) scale(0.5)
}

.m-helpful-lib .heart:before {
    position: absolute;
    bottom: 0;
    left: -10px;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: inherit
}

.m-helpful-lib .heart:after {
    position: absolute;
    top: -10px;
    right: 0;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: inherit
}

.m-helpful-lib .response {
    display: none
}

.m-helpful-lib.clicked .question-container {
    display: none
}

.m-helpful-lib.clicked .response {
    display: block
}

:root {
    --token-8: .5rem;
    --spacer-8: .5rem;
    --token-10: .625rem;
    --spacer-10: .625rem;
    --token-4: calc(var(--token-8) / 4);
    --spacer-4: calc(var(--token-8) / 4);
    --token-16: calc(var(--token-8) * 2);
    --spacer-16: calc(var(--token-8) * 2);
    --token-24: calc(var(--token-8) * 3);
    --spacer-24: calc(var(--token-8) * 3);
    --token-32: calc(var(--token-8) * 4);
    --spacer-32: calc(var(--token-8) * 4);
    --token-40: calc(var(--token-8) * 5);
    --spacer-40: calc(var(--token-8) * 5);
    --token-48: calc(var(--token-8) * 6);
    --spacer-48: calc(var(--token-8) * 6);
    --token-56: calc(var(--token-8) * 7);
    --spacer-56: calc(var(--token-8) * 7);
    --token-64: calc(var(--token-8) * 8);
    --spacer-64: calc(var(--token-8) * 8);
    --token-80: calc(var(--token-8) * 10);
    --spacer-80: calc(var(--token-8) * 10);
    --token-20: calc(var(--token-10) * 2);
    --spacer-20: calc(var(--token-10) * 2);
    --token-60: calc(var(--token-10) * 6);
    --spacer-60: calc(var(--token-10) * 6);
    --token-120: calc(var(--token-10) * 12);
    --spacer-120: calc(var(--token-10) * 12);
    --token-160: calc(var(--token-10) * 16);
    --spacer-160: calc(var(--token-10) * 16);
    --token-240: calc(var(--token-10) * 24);
    --spacer-240: calc(var(--token-10) * 24);
    --color-white: #fff;
    --color-black: #000;
    --color-ms-blue: #00a0df;
    --color-dark-navy: #00044c;
    --color-lt-blue: #e8f8ff;
    --color-lt-gray: #e9f2f5;
    --color-navy: #002196;
    --color-indigo: #5e66f9;
    --color-viridian: #00b39c;
    --color-lime: #bcd85f;
    --color-magenta: #e50097;
    --color-purple: #9500db;
    --color-aqua: #00d4d4;
    --color-orange: #e97000;
    --color-coral: #f5877b;
    --color-malibu: #57a3fd;
    --color-pattens: #d5e4ff;
    --color-zircon: #eef4ff;
    --color-cadmium: #ea001e;
    --color-pale-pink: #ffd2d8;
    --color-seashell: #fef1ee;
    --color-mustard: #ca8501;
    --color-navajo: #ffe3a2;
    --color-papaya-whip: #fef3d9;
    --color-seagreen: #2e844a;
    --color-apple: #a7efa5;
    --color-nyanza: #dcfdd0;
    --color-twilight: #fafeff;
    --color-regent: #909aa3;
    --color-pale-sky: #6d7883;
    --color-alto: #dbdbdb
}

.h-height-8 {
    height: .5rem
}

.h-mt-8 {
    margin-top: .5rem
}

.h-mb-8 {
    margin-bottom: .5rem
}

.h-my-8 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.h-mx-8 {
    margin-left: .5rem;
    margin-right: .5rem
}

.h-pt-8 {
    padding-top: .5rem
}

.h-pb-8 {
    padding-bottom: .5rem
}

.h-py-8 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.h-px-8 {
    padding-left: .5rem;
    padding-right: .5rem
}

.h-height-10 {
    height: .625rem
}

.h-mt-10 {
    margin-top: .625rem
}

.h-mb-10 {
    margin-bottom: .625rem
}

.h-my-10 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.h-mx-10 {
    margin-left: .625rem;
    margin-right: .625rem
}

.h-pt-10 {
    padding-top: .625rem
}

.h-pb-10 {
    padding-bottom: .625rem
}

.h-py-10 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.h-px-10 {
    padding-left: .625rem;
    padding-right: .625rem
}

.h-height-4 {
    height: calc(var(--token-8) / 4)
}

.h-mt-4 {
    margin-top: calc(var(--token-8) / 4)
}

.h-mb-4 {
    margin-bottom: calc(var(--token-8) / 4)
}

.h-my-4 {
    margin-top: calc(var(--token-8) / 4);
    margin-bottom: calc(var(--token-8) / 4)
}

.h-mx-4 {
    margin-left: calc(var(--token-8) / 4);
    margin-right: calc(var(--token-8) / 4)
}

.h-pt-4 {
    padding-top: calc(var(--token-8) / 4)
}

.h-pb-4 {
    padding-bottom: calc(var(--token-8) / 4)
}

.h-py-4 {
    padding-top: calc(var(--token-8) / 4);
    padding-bottom: calc(var(--token-8) / 4)
}

.h-px-4 {
    padding-left: calc(var(--token-8) / 4);
    padding-right: calc(var(--token-8) / 4)
}

.h-height-16 {
    height: calc(var(--token-8) * 2)
}

.h-mt-16 {
    margin-top: calc(var(--token-8) * 2)
}

.h-mb-16 {
    margin-bottom: calc(var(--token-8) * 2)
}

.h-my-16 {
    margin-top: calc(var(--token-8) * 2);
    margin-bottom: calc(var(--token-8) * 2)
}

.h-mx-16 {
    margin-left: calc(var(--token-8) * 2);
    margin-right: calc(var(--token-8) * 2)
}

.h-pt-16 {
    padding-top: calc(var(--token-8) * 2)
}

.h-pb-16 {
    padding-bottom: calc(var(--token-8) * 2)
}

.h-py-16 {
    padding-top: calc(var(--token-8) * 2);
    padding-bottom: calc(var(--token-8) * 2)
}

.h-px-16 {
    padding-left: calc(var(--token-8) * 2);
    padding-right: calc(var(--token-8) * 2)
}

.h-height-24 {
    height: calc(var(--token-8) * 3)
}

.h-mt-24 {
    margin-top: calc(var(--token-8) * 3)
}

.h-mb-24 {
    margin-bottom: calc(var(--token-8) * 3)
}

.h-my-24 {
    margin-top: calc(var(--token-8) * 3);
    margin-bottom: calc(var(--token-8) * 3)
}

.h-mx-24 {
    margin-left: calc(var(--token-8) * 3);
    margin-right: calc(var(--token-8) * 3)
}

.h-pt-24 {
    padding-top: calc(var(--token-8) * 3)
}

.h-pb-24 {
    padding-bottom: calc(var(--token-8) * 3)
}

.h-py-24 {
    padding-top: calc(var(--token-8) * 3);
    padding-bottom: calc(var(--token-8) * 3)
}

.h-px-24 {
    padding-left: calc(var(--token-8) * 3);
    padding-right: calc(var(--token-8) * 3)
}

.h-height-32 {
    height: calc(var(--token-8) * 4)
}

.h-mt-32 {
    margin-top: calc(var(--token-8) * 4)
}

.h-mb-32 {
    margin-bottom: calc(var(--token-8) * 4)
}

.h-my-32 {
    margin-top: calc(var(--token-8) * 4);
    margin-bottom: calc(var(--token-8) * 4)
}

.h-mx-32 {
    margin-left: calc(var(--token-8) * 4);
    margin-right: calc(var(--token-8) * 4)
}

.h-pt-32 {
    padding-top: calc(var(--token-8) * 4)
}

.h-pb-32 {
    padding-bottom: calc(var(--token-8) * 4)
}

.h-py-32 {
    padding-top: calc(var(--token-8) * 4);
    padding-bottom: calc(var(--token-8) * 4)
}

.h-px-32 {
    padding-left: calc(var(--token-8) * 4);
    padding-right: calc(var(--token-8) * 4)
}

.h-height-40 {
    height: calc(var(--token-8) * 5)
}

.h-mt-40 {
    margin-top: calc(var(--token-8) * 5)
}

.h-mb-40 {
    margin-bottom: calc(var(--token-8) * 5)
}

.h-my-40 {
    margin-top: calc(var(--token-8) * 5);
    margin-bottom: calc(var(--token-8) * 5)
}

.h-mx-40 {
    margin-left: calc(var(--token-8) * 5);
    margin-right: calc(var(--token-8) * 5)
}

.h-pt-40 {
    padding-top: calc(var(--token-8) * 5)
}

.h-pb-40 {
    padding-bottom: calc(var(--token-8) * 5)
}

.h-py-40 {
    padding-top: calc(var(--token-8) * 5);
    padding-bottom: calc(var(--token-8) * 5)
}

.h-px-40 {
    padding-left: calc(var(--token-8) * 5);
    padding-right: calc(var(--token-8) * 5)
}

.h-height-48 {
    height: calc(var(--token-8) * 6)
}

.h-mt-48 {
    margin-top: calc(var(--token-8) * 6)
}

.h-mb-48 {
    margin-bottom: calc(var(--token-8) * 6)
}

.h-my-48 {
    margin-top: calc(var(--token-8) * 6);
    margin-bottom: calc(var(--token-8) * 6)
}

.h-mx-48 {
    margin-left: calc(var(--token-8) * 6);
    margin-right: calc(var(--token-8) * 6)
}

.h-pt-48 {
    padding-top: calc(var(--token-8) * 6)
}

.h-pb-48 {
    padding-bottom: calc(var(--token-8) * 6)
}

.h-py-48 {
    padding-top: calc(var(--token-8) * 6);
    padding-bottom: calc(var(--token-8) * 6)
}

.h-px-48 {
    padding-left: calc(var(--token-8) * 6);
    padding-right: calc(var(--token-8) * 6)
}

.h-height-56 {
    height: calc(var(--token-8) * 7)
}

.h-mt-56 {
    margin-top: calc(var(--token-8) * 7)
}

.h-mb-56 {
    margin-bottom: calc(var(--token-8) * 7)
}

.h-my-56 {
    margin-top: calc(var(--token-8) * 7);
    margin-bottom: calc(var(--token-8) * 7)
}

.h-mx-56 {
    margin-left: calc(var(--token-8) * 7);
    margin-right: calc(var(--token-8) * 7)
}

.h-pt-56 {
    padding-top: calc(var(--token-8) * 7)
}

.h-pb-56 {
    padding-bottom: calc(var(--token-8) * 7)
}

.h-py-56 {
    padding-top: calc(var(--token-8) * 7);
    padding-bottom: calc(var(--token-8) * 7)
}

.h-px-56 {
    padding-left: calc(var(--token-8) * 7);
    padding-right: calc(var(--token-8) * 7)
}

.h-height-64 {
    height: calc(var(--token-8) * 8)
}

.h-mt-64 {
    margin-top: calc(var(--token-8) * 8)
}

.h-mb-64 {
    margin-bottom: calc(var(--token-8) * 8)
}

.h-my-64 {
    margin-top: calc(var(--token-8) * 8);
    margin-bottom: calc(var(--token-8) * 8)
}

.h-mx-64 {
    margin-left: calc(var(--token-8) * 8);
    margin-right: calc(var(--token-8) * 8)
}

.h-pt-64 {
    padding-top: calc(var(--token-8) * 8)
}

.h-pb-64 {
    padding-bottom: calc(var(--token-8) * 8)
}

.h-py-64 {
    padding-top: calc(var(--token-8) * 8);
    padding-bottom: calc(var(--token-8) * 8)
}

.h-px-64 {
    padding-left: calc(var(--token-8) * 8);
    padding-right: calc(var(--token-8) * 8)
}

.h-height-80 {
    height: calc(var(--token-8) * 10)
}

.h-mt-80 {
    margin-top: calc(var(--token-8) * 10)
}

.h-mb-80 {
    margin-bottom: calc(var(--token-8) * 10)
}

.h-my-80 {
    margin-top: calc(var(--token-8) * 10);
    margin-bottom: calc(var(--token-8) * 10)
}

.h-mx-80 {
    margin-left: calc(var(--token-8) * 10);
    margin-right: calc(var(--token-8) * 10)
}

.h-pt-80 {
    padding-top: calc(var(--token-8) * 10)
}

.h-pb-80 {
    padding-bottom: calc(var(--token-8) * 10)
}

.h-py-80 {
    padding-top: calc(var(--token-8) * 10);
    padding-bottom: calc(var(--token-8) * 10)
}

.h-px-80 {
    padding-left: calc(var(--token-8) * 10);
    padding-right: calc(var(--token-8) * 10)
}

.h-height-20 {
    height: calc(var(--token-10) * 2)
}

.h-mt-20 {
    margin-top: calc(var(--token-10) * 2)
}

.h-mb-20 {
    margin-bottom: calc(var(--token-10) * 2)
}

.h-my-20 {
    margin-top: calc(var(--token-10) * 2);
    margin-bottom: calc(var(--token-10) * 2)
}

.h-mx-20 {
    margin-left: calc(var(--token-10) * 2);
    margin-right: calc(var(--token-10) * 2)
}

.h-pt-20 {
    padding-top: calc(var(--token-10) * 2)
}

.h-pb-20 {
    padding-bottom: calc(var(--token-10) * 2)
}

.h-py-20 {
    padding-top: calc(var(--token-10) * 2);
    padding-bottom: calc(var(--token-10) * 2)
}

.h-px-20 {
    padding-left: calc(var(--token-10) * 2);
    padding-right: calc(var(--token-10) * 2)
}

.h-height-60 {
    height: calc(var(--token-10) * 6)
}

.h-mt-60 {
    margin-top: calc(var(--token-10) * 6)
}

.h-mb-60 {
    margin-bottom: calc(var(--token-10) * 6)
}

.h-my-60 {
    margin-top: calc(var(--token-10) * 6);
    margin-bottom: calc(var(--token-10) * 6)
}

.h-mx-60 {
    margin-left: calc(var(--token-10) * 6);
    margin-right: calc(var(--token-10) * 6)
}

.h-pt-60 {
    padding-top: calc(var(--token-10) * 6)
}

.h-pb-60 {
    padding-bottom: calc(var(--token-10) * 6)
}

.h-py-60 {
    padding-top: calc(var(--token-10) * 6);
    padding-bottom: calc(var(--token-10) * 6)
}

.h-px-60 {
    padding-left: calc(var(--token-10) * 6);
    padding-right: calc(var(--token-10) * 6)
}

.h-height-120 {
    height: calc(var(--token-10) * 12)
}

.h-mt-120 {
    margin-top: calc(var(--token-10) * 12)
}

.h-mb-120 {
    margin-bottom: calc(var(--token-10) * 12)
}

.h-my-120 {
    margin-top: calc(var(--token-10) * 12);
    margin-bottom: calc(var(--token-10) * 12)
}

.h-mx-120 {
    margin-left: calc(var(--token-10) * 12);
    margin-right: calc(var(--token-10) * 12)
}

.h-pt-120 {
    padding-top: calc(var(--token-10) * 12)
}

.h-pb-120 {
    padding-bottom: calc(var(--token-10) * 12)
}

.h-py-120 {
    padding-top: calc(var(--token-10) * 12);
    padding-bottom: calc(var(--token-10) * 12)
}

.h-px-120 {
    padding-left: calc(var(--token-10) * 12);
    padding-right: calc(var(--token-10) * 12)
}

.h-height-160 {
    height: calc(var(--token-10) * 16)
}

.h-mt-160 {
    margin-top: calc(var(--token-10) * 16)
}

.h-mb-160 {
    margin-bottom: calc(var(--token-10) * 16)
}

.h-my-160 {
    margin-top: calc(var(--token-10) * 16);
    margin-bottom: calc(var(--token-10) * 16)
}

.h-mx-160 {
    margin-left: calc(var(--token-10) * 16);
    margin-right: calc(var(--token-10) * 16)
}

.h-pt-160 {
    padding-top: calc(var(--token-10) * 16)
}

.h-pb-160 {
    padding-bottom: calc(var(--token-10) * 16)
}

.h-py-160 {
    padding-top: calc(var(--token-10) * 16);
    padding-bottom: calc(var(--token-10) * 16)
}

.h-px-160 {
    padding-left: calc(var(--token-10) * 16);
    padding-right: calc(var(--token-10) * 16)
}

.h-height-240 {
    height: calc(var(--token-10) * 24)
}

.h-mt-240 {
    margin-top: calc(var(--token-10) * 24)
}

.h-mb-240 {
    margin-bottom: calc(var(--token-10) * 24)
}

.h-my-240 {
    margin-top: calc(var(--token-10) * 24);
    margin-bottom: calc(var(--token-10) * 24)
}

.h-mx-240 {
    margin-left: calc(var(--token-10) * 24);
    margin-right: calc(var(--token-10) * 24)
}

.h-pt-240 {
    padding-top: calc(var(--token-10) * 24)
}

.h-pb-240 {
    padding-bottom: calc(var(--token-10) * 24)
}

.h-py-240 {
    padding-top: calc(var(--token-10) * 24);
    padding-bottom: calc(var(--token-10) * 24)
}

.h-px-240 {
    padding-left: calc(var(--token-10) * 24);
    padding-right: calc(var(--token-10) * 24)
}

@font-face {
    font-family: 'DINProLight';
    font-display: swap;
   // src: local("DINProLight"), url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Light.woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINProLight2';
    font-display: swap;
    //src: url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Light2.woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINPro';
    font-display: swap;
    //src: local("DINPro"), url("/themes/custom/mule_foundation/css/../fonts/din/DINPro.woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINProMedium';
    font-display: swap;
    //src: url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Medium.woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINProBold';
    font-display: swap;
    //src: url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Bold.otf"), url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Bold.woff");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'DINProCondensed';
    font-display: swap;
    //src: url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Cond.otf");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'openSans';
    font-display: auto;
   // src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular-webfont.eot");
    //src: local("openSans"), local("Open Sans"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular-webfont.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular.ttf") format("truetype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'openSansLight';
    font-display: swap;
   // src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light-webfont.eot");
    //src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light-webfont.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light.ttf") format("truetype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light-webfont.svg#OpenSansRegular") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'openSansBold';
    font-display: swap;
    //src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold-webfont.eot");
   // src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold-webfont.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold.ttf") format("truetype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold-webfont.svg#OpenSansRegular") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'SF';
   // src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Regular.eot");
   // src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Regular?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Regular.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Regular.svg#SalesforceSans-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'SFLight';
    //src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Light.eot");
    //src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Light?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Light.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Light.svg#SalesforceSans-Light") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SFBold';
   // src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Bold.eot");
    //src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Bold.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Bold.svg#SalesforceSans-Bold") format("svg");
   font-weight: normal;
    font-style: normal
}

html {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "openSans", Arial, sans-serif;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

body {
    color: #323031;
    font-family: "openSans", Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #fff
}

.site-width {
    margin: 0 auto;
    width: 1160px
}

@media screen and (max-width: 1160px) {
    .site-width {
        width: 100%;
        padding: 0 10px
    }
}

p, pre {
    margin: rhythm(1) 0;
    -webkit-font-smoothing: antialiased;
    //color: #55565a;
    font-size: 15px;
    line-height: 25px
}

blockquote {
    margin: rhythm(1) 30px
}

h1, h2, h3, h4, h5, h6 {
    //color: #323031;
    font-family: "DINProLight", Arial, sans-serif;
    font-weight: normal
}

h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus {
    outline: 0
}
/*

h1 {
   !* font-size: 33px;
    line-height: 39px;
    margin: .67em 0*!
}

h2 {
    font-size: 26px;
    line-height: 30px
}

h3 {
    font-size: 22px;
    line-height: 26px
}

h4 {
    font-size: 18px;
    line-height: 22px
}

h5 {
    font-size: 16px;
    line-height: 1em
}

h6 {
    font-size: 14px;
    line-height: 1em
}
*/

.block-title {
    margin-bottom: 25px
}

.smaller-bold-title {
    font-size: 16px;
    font-family: 'DinProBold', Arial, sans-serif;
    margin-bottom: 12px
}

a {
    color: #00a0df;
    text-decoration: none
}

a:hover {
    color: #0083cf;
    text-decoration: none
}

input, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    box-shadow: none;
    height: auto
}

input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    box-shadow: none
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff
}

select {
    background-color: #fff;
    border: 1px solid #bbb;
    display: inline-block;
    width: 250px;
    font-size: 15px
}

select:focus {
    background-color: #fff;
    border: 1px solid #bbb;
    box-shadow: none
}



ul li {
    padding-left: 5px;
    margin-bottom: 10px
}

.menu a, .menu .button {
    padding: 0;
    display: inline-block
}

.menu a, .menu .button {
    padding: 0
}

.toolbar-menu-administration ul li {
    margin-bottom: 0
}

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

@media screen and (min-width: 600px) {
    ul.inline-items li {
        display: inline-block;
        padding-left: 0
    }
}

@media screen and (min-width: 600px) {
    ul.inline-items li:not(:first-child) {
        margin-left: 20px
    }
}

ulnav.plainlist .plainlist {
    padding-left: 15px
}

ul.nav.plainlist li {
    margin-bottom: 0
}

ul.nav.plainlist > li {
    margin-bottom: 5px
}

.br ul {
    font-size: 16px;
    color: #000;
    line-height: 30px
}

.ms-com-wrapper-footer ul.menu {
    display: block
}

.msbadge {
    position: relative
}

.msbadge:after {
    content: 'New';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-style: italic;
    background: #00a0df;
    background: -moz-linear-gradient(left, #00a2df 0, #5e66f9 100%);
    background: -webkit-linear-gradient(left, #00a2df 0, #5e66f9 100%);
    background: linear-gradient(to right, #00a2df 0, #5e66f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df', endColorstr='#5e66f9', GradientType=1);
    color: white;
    height: 24px;
    min-width: 50px;
    padding-top: 3px;
    border-radius: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: center
}

.msbadge.msbadge-dark-blue:after {
    background: #000050
}

.msbadge.msbadge-white:after {
    background: #fff;
    color: #00a0df
}

.msbadge.msbadge-blue-to-green:after {
    background: #00a0df;
    background: -moz-linear-gradient(left, #00a2df 0, #00b39c 100%);
    background: -webkit-linear-gradient(left, #00a2df 0, #00b39c 100%);
    background: linear-gradient(to right, #00a2df 0, #00b39c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df', endColorstr='#00b39c', GradientType=1)
}

.msbadge.msbadge-small:after {
    height: 14px;
    font-size: 7.5px;
    min-width: 30px;
    padding-top: 1.8px
}

.msbadge.msbadge-updated:after {
    content: 'updated';
    min-width: 70px
}

.msbadge.msbadge-small.msbadge-updated:after {
    content: 'updated';
    min-width: 45px
}

.lookbook-overlay .lookbook-overlay-close {
    top: 10%;
    right: 10%
}

table, th, td {
    border: 1px solid #dbdbdb
}

table td p {
    margin-bottom: 0
}

table th p {
    margin-bottom: 0
}

body.not-found {
    padding-top: 60px;
    padding-top: 0
}

.horizontal-scroll {
    overflow: hidden;
    overflow-x: scroll
}

ol li {
    font-size: 15px;
    color: #55565a
}

.menu li, .menu.horizontal li {
    display: list-item
}

.br div:not(.field-component--field-breadcrumbs) a:not([class]) {
    position: relative;
    font-family: "openSansBold", Arial, sans-serif, sans-serif
}

.br .animate a:not([class]) {
    color: #00a2df;
    text-decoration: none;
    background-image: linear-gradient(#00044c, #00044c);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px
}

.animate a:not([class]) {
    transition: background-size .3s
}

.br .animate a:not([class]):hover, .br a:not([class]):focus {
    background-size: 100% 2px;
    color: #00044c
}

.br .mule-breadcrumbs a:not([class]) {
    font-family: "openSans", Arial, sans-serif, sans-serif
}

.br a.arrow-button {
    text-decoration: none;
    font-family: "openSansBold", Arial, sans-serif, sans-serif;
    display: grid;
    grid-template-columns:30px 1fr;
    width: fit-content;
    font-size: 16px
}

.animate a.arrow-button {
    transition: background-size .3s
}

.br a.arrow-button:hover, .br a.arrow-button:focus {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    color: #00044c
}

.br .arrow-button:hover:before {
    background-color: #00044c
}

.animate .component-large-tile.component-large-tile--br-view-mode-b .cell:hover a.arrow-button, .animate .component-large-tile.component-large-tile-br-view-mode-a:hover a.arrow-button, .animate .component-tile:hover a.arrow-button {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    color: #00044c
}

.animate .component-large-tile.component-large-tile--br-view-mode-b .cell:hover .arrow-button:before, .animate .component-large-tile.component-large-tile-br-view-mode-a:hover .arrow-button:before, .animate .component-tile:hover .arrow-button:before {
    background-color: #00044c
}

.animate {
    -webkit-backface-visibility: hidden;
    will-change: transform
}

@media screen and (min-width: 992px) {
    .animate .component-banner .right .field-type-image {
        position: relative
    }

    .animate .component-banner .right img {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .1s;
        animation-duration: 1s
    }

    .animate .component-banner .field-name-field-banner-links {
        position: relative
    }

    .animate .component-banner .field-name-field-banner-links .field-items a {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-delay: .6s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px)
    }

    .animate .component-banner .field-name-field-banner-links .field-items a:nth-child(1) {
        animation-delay: .8s
    }

    .animate .component-banner .vidyard-link-wrapper {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .1s;
        animation-duration: 1s
    }
}

@media screen and (min-width: 992px) {
    .benefit-row.animate .cell img {
        opacity: 0
    }

    .fadeIn.benefit-row.animate .cell img {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .1s;
        animation-duration: 1s
    }

    .benefit-row.animate a.arrow-button {
        opacity: 0
    }

    .fadeIn.benefit-row.animate a.arrow-button {
        opacity: 0;
        display: inline-block;
        animation-name: slide-from-bottom;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-delay: .3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px)
    }
}

@media screen and (min-width: 992px) {
    .benefits.animate .component-feature {
        opacity: 0
    }

    .fadeIn.benefits.animate .component-feature {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: .7s;
        animation-delay: 0s
    }

    .fadeIn.benefits.animate .cell:nth-child(4) .component-feature {
        animation-delay: 0s
    }

    .fadeIn.benefits.animate .cell:nth-child(3) .component-feature {
        animation-delay: .1s
    }

    .fadeIn.benefits.animate .cell:nth-child(2) .component-feature {
        animation-delay: .2s
    }

    .fadeIn.benefits.animate .cell:nth-child(1) .component-feature {
        animation-delay: .3s
    }
}

@media screen and (min-width: 992px) {
    .customer-story-row.animate .component-large-tile--br-view-mode-b .row {
        opacity: 0
    }

    .fadeIn.customer-story-row.animate .component-large-tile--br-view-mode-b .row {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: .2s
    }

    .customer-story-row.animate .component-large-tile--br-view-mode-b:after {
        opacity: 0
    }

    .fadeIn.customer-story-row.animate .component-large-tile--br-view-mode-b:after {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: .2s
    }
}

@media screen and (min-width: 992px) {
    .company-logos.animate .row {
        opacity: 0
    }

    .fadeIn.company-logos.animate .row {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: .5s
    }
}

@media screen and (min-width: 992px) {
    .animate .component-large-tile-br-view-mode-a {
        opacity: 0
    }

    .fadeIn.animate .component-large-tile-br-view-mode-a {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: 0s
    }
}

@media screen and (min-width: 992px) {
    .animate .component-tile {
        opacity: 0
    }

    .fadeIn.animate .component-tile:nth-child(1) {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: .8s;
        animation-delay: .2s
    }

    .fadeIn.animate .component-tile:nth-child(2) {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: .8s;
        animation-delay: .1s
    }

    .fadeIn.animate .component-tile:nth-child(3) {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: .8s;
        animation-delay: 0s
    }
}

@media screen and (max-width: 1160px) {
    .try-anypoint-platform-row.animate .row {
        margin: 0 10px
    }
}

.try-anypoint-platform-row.animate .cell {
    position: relative;
    z-index: 3
}

.try-anypoint-platform-row.animate .component-basic-text {
    position: relative;
    z-index: 3
}

.br .try-anypoint-platform-row .cell {
    background-color: #00a2df;
    padding: 50px 10px 60px 10px;
    overflow: hidden
}

.try-anypoint-platform-row.animate .row {
    position: relative;
    z-index: 8
}

.try-anypoint-platform-row.animate .field-item p {
    opacity: 1
}

@media screen and (min-width: 992px) {
    .try-anypoint-platform-row.animate .field-item p {
        opacity: 0
    }
}

@media screen and (min-width: 992px) {
    .try-anypoint-platform-row.animate.fadeIn .field-item p {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: 0s
    }
}


@media screen and (min-width: 992px) {
    .try-anypoint-platform-row.animate .row .cell:before {
        left: -44px;
        bottom: auto
    }
}

@media screen and (min-width: 1160px) {
    .try-anypoint-platform-row.animate .row .cell:before {
        left: 0;
        top: 0;
        bottom: auto
    }
}

@media screen and (min-width: 992px) {
    .try-anypoint-platform-row.animate.fadeIn .row .cell:before {
        animation-name: animatedBackground;
        animation-duration: .9s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        background-position: 0 0
    }
}


@media screen and (min-width: 992px) {
    .try-anypoint-platform-row.animate .row .cell:after {
        right: -80px;
        top: 0
    }
}

@media screen and (min-width: 1160px) {
    .try-anypoint-platform-row.animate .row .cell:after {
        right: 0;
        top: 0
    }
}

@media screen and (min-width: 600px) {
    .try-anypoint-platform-row.animate.fadeIn .row .cell:after {
        animation-name: animatedBackgroundright;
        animation-duration: .9s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        background-position: right 0 top -10px
    }
}

.try-anypoint-platform-row.animate h2 {
    color: #fff;
    font-family: "DINProBold", Arial, sans-serif;
    font-size: 33px;
    line-height: 43px
}

.try-anypoint-platform-row.animate p, .try-anypoint-platform-row.animate a {
    color: #fff;
    font-size: 16px
}

.try-anypoint-platform-row.animate a:hover {
    color: #fff;
    background-image: linear-gradient(#00044c, #00044c);
    background-size: 100% 2px
}

.try-anypoint-platform-row.animate a {
    font-family: "openSansBold", Arial, sans-serif, sans-serif
}

.try-anypoint-platform-row.animate a.mule-button-br {
    min-width: 0
}

@media screen and (min-width: 480px) {
    .try-anypoint-platform-row.animate a.mule-button-br {
        width: auto
    }
}

.try-anypoint-platform-row.animate a.question-button:hover {
    text-decoration: none;
    color: white;
    background: #00a2df
}

.animate.banner-region .pattern-animation-holder {
    position: relative;
    width: 100%;
    z-index: 0
}


@media screen and (min-width: 600px) {
    .animate.banner-region .pattern-animation-holder .top {
        right: 283px;
        bottom: -587px;
        top: auto
    }
}

@media screen and (min-width: 992px) {
    .animate.banner-region .pattern-animation-holder .top {
        right: 130px;
        top: 171px;
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .8s;
        animation-duration: .7s
    }
}



@media screen and (min-width: 480px) {
    .animate.banner-region .pattern-animation-holder .middle {
        right: -2px;
        top: 216px
    }
}

@media screen and (min-width: 600px) {
    .animate.banner-region .pattern-animation-holder .middle {
        right: 110px;
        top: 215px
    }
}

@media screen and (min-width: 992px) {
    .animate.banner-region .pattern-animation-holder .middle {
        right: -40px;
        top: 181px;
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .7s;
        animation-duration: .7s
    }
}

.animate.banner-region .image-container {
    position: relative
}

.animate.banner-region .image-container img {
    position: relative;
    z-index: 3
}

.animate.banner-region .pattern-animation-holder .bottom {

    width: 870px;
    height: 205px;
    background-size: 1171px 359px;
    background-position: 870px 205px;
    position: absolute;
    right: -692px;
    top: 227px
}

@media screen and (min-width: 480px) {
    .animate.banner-region .pattern-animation-holder .bottom {
        right: -556px;
        top: 319px
    }
}

@media screen and (min-width: 600px) {
    .animate.banner-region .pattern-animation-holder .bottom {
        right: -462px;
        top: 317px
    }
}

@media screen and (min-width: 992px) {
    .animate.banner-region .pattern-animation-holder .bottom {
        right: -599px;
        top: 282px;
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .4s;
        animation-duration: 1s
    }
}

@media screen and (min-width: 992px) {
    .fadeIn.animate.pattern.graphic2 .row:after {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: 0s;
        animation-duration: 1s
    }
}

.animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
    opacity: 0
}

@media screen and (min-width: 992px) {
    .animate.fadeIn.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .2s;
        animation-duration: 1s
    }
}

.benefit-row.br img {
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 30px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 30px 30px rgba(0, 0, 0, .1);
    border-radius: 4px
}

.br a:hover .br a.arrow-button:hover, .br .try-anypoint-platform-row.animate a:hover {
    color: #00044c !important
}

.br .try-anypoint-platform-row.animate a {
    color: #fff;
    font-size: 16px
}

.br .try-anypoint-platform-row.animate a:hover {
    color: #00044c !important
}

@keyframes slide-from-bottom {
    0% {
        opacity: 0;
        transform: translate(0px, 80px)
    }
    60% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
    100% {
        opacity: 1
    }
}

@keyframes animatedBackground {
    0% {
        background-position: -220px 0;
        opacity: 0
    }
    100% {
        background-position: 0 0;
        opacity: 1
    }
}

@keyframes animatedBackgroundright {
    0% {
        background-position: right -200px top -10px;
        opacity: 0
    }
    100% {
        background-position: right 0 top -10px;
        opacity: 1
    }
}

.animate.banner-region {
    z-index: 3;
    position: relative
}

.animate.benefit-row {
    z-index: 1
}

.br .row-wrapper .row {
    position: relative
}

.pattern.pattern-top-left.pattern-graphic1 .row:after {
    content: " ";
    width: 319px;
    height: 191px;

    background-repeat: no-repeat;
    position: absolute;
    top: -26px;
    left: -133px;
    z-index: 2
}

.pattern.pattern-bottom-right.pattern-graphic-4 .row:after {
    content: none
}

@media screen and (min-width: 992px) {
    .pattern.pattern-bottom-right.pattern-graphic-4 .row:after {
        content: "";
         background-repeat: no-repeat;
        background-size: 600px;
        position: absolute;
        z-index: 2;
        display: block;
        width: 50%;
        height: 300px;
        bottom: 0;
        right: -5%
    }
}

.pattern.pattern-top-left.benefit-row img {
    position: relative
}

.pattern {
    position: relative
}

.pattern .cell {
    position: relative;
    z-index: 2
}

.br .row-wrapper .row .cell:not(.accordion-image-cell) {
    position: relative;
    z-index: 3
}

.pattern.pattern-top-left.pattern-graphic2 .row {
    position: relative
}

.pattern.pattern-top-left.pattern-graphic2 .row:after {
    content: " ";

    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    display: block;
    width: 296px;
    height: 151px;
    top: -10px;
    left: -131px
}

@media screen and (min-width: 480px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        content: " ";
        width: 100%;
        height: 337px;
       background-repeat: no-repeat;
        position: absolute;
        top: auto;
        bottom: 30px;
        left: -247px
    }
}

@media screen and (min-width: 992px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        top: -22px;
        left: -72px
    }
}

@media screen and (min-width: 1160px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        top: -25px;
        left: -142px
    }
}

.animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
    opacity: 1
}

@media screen and (min-width: 992px) {
    .animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
        opacity: 0
    }
}

@media screen and (min-width: 600px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        position: absolute;
        content: " ";
        width: 1167px;
        height: 414px;
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        right: 0;
        top: 36%;
        margin: 0 auto;
        z-index: 1;
        top: 43%;
        width: 90%
    }
}

@media screen and (min-width: 600px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        top: 43%;
        width: 90%
    }
}

@media screen and (min-width: 992px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        top: 0;
        width: 1167px
    }
}

.pattern.pattern-middle-center.pattern-graphic-center .row {
    position: relative;
    z-index: 3
}

.benefit-row.br .cell {
    margin-bottom: 30px
}

@media screen and (min-width: 600px) {
    .benefit-row.br .cell {
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .homepage-2021 .left-centered-pattern.pattern-g4:after {

        background-repeat: no-repeat;
        width: 1395px;
        height: 800px;
        display: block;
        content: '';
        position: absolute;
        top: -95px;
        z-index: 1;
        right: 52%;
        left: 48%
    }
}

.homepage-2021 .left-centered-pattern.pattern-g4 {
    position: relative
}

.homepage-2021 .left-centered-pattern.pattern-g4 .cell:last-child {
    z-index: 2
}

.homepage-2021 .component-tab-system .tab-system-tabs {
    background: transparent
}

@media screen and (min-width: 992px) {
    .homepage-2021 .bottom-resources-section .row-wrapper .row:after {

        background-repeat: no-repeat;
        width: 1395px;
        height: 800px;
        display: block;
        content: '';
        top: 39%;
        left: -111px;
        position: absolute;
        z-index: 1
    }
}

.homepage-2021 .bottom-resources-section .row-wrapper .row {
    position: relative
}

.tiles .cell:not(:last-child) .component-tile {
    margin-bottom: 25px
}

.t-r-dots .row-wrapper .row {
    position: relative
}

.t-r-dots .row-wrapper .row:after {
    content: " ";
    display: block;
    position: absolute;

    width: 143px;
    height: 116px;
    z-index: 2;
    right: -130px;
    top: -48px
}

.t-l-dots .row-wrapper .row {
    position: relative
}

.t-l-dots .row-wrapper .row:before {
    content: " ";
    display: block;
    position: absolute;

    width: 320px;
    height: 317px;
    z-index: 2;
    left: -129px;
    top: -103px
}

.animate.banner-region {
    z-index: 3;
    position: relative
}

.animate.benefit-row {
    z-index: 1
}

.br .row-wrapper .row {
    position: relative
}

.pattern.pattern-top-left.pattern-graphic1 .row:after {
    content: " ";
    width: 319px;
    height: 191px;
    background-repeat: no-repeat;
    position: absolute;
    top: -26px;
    left: -133px;
    z-index: 2
}

.pattern.pattern-bottom-right.pattern-graphic-4 .row:after {
    content: none
}

@media screen and (min-width: 992px) {
    .pattern.pattern-bottom-right.pattern-graphic-4 .row:after {
        content: "";
        background-repeat: no-repeat;
        background-size: 600px;
        position: absolute;
        z-index: 2;
        display: block;
        width: 50%;
        height: 300px;
        bottom: 0;
        right: -5%
    }
}

.pattern.pattern-top-left.benefit-row img {
    position: relative
}

.pattern {
    position: relative
}

.pattern .cell {
    position: relative;
    z-index: 2
}

.br .row-wrapper .row .cell:not(.accordion-image-cell) {
    position: relative;
    z-index: 3
}

.pattern.pattern-top-left.pattern-graphic2 .row {
    position: relative
}

.pattern.pattern-top-left.pattern-graphic2 .row:after {
    content: " ";
   background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    display: block;
    width: 296px;
    height: 151px;
    top: -10px;
    left: -131px
}

@media screen and (min-width: 480px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        content: " ";
        width: 100%;
        height: 337px;
       background-repeat: no-repeat;
        position: absolute;
        top: auto;
        bottom: 30px;
        left: -247px
    }
}

@media screen and (min-width: 992px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        top: -22px;
        left: -72px
    }
}

@media screen and (min-width: 1160px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        top: -25px;
        left: -142px
    }
}

.animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
    opacity: 1
}

@media screen and (min-width: 992px) {
    .animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
        opacity: 0
    }
}

@media screen and (min-width: 600px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        position: absolute;
        content: " ";
        width: 1167px;
        height: 414px;
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        right: 0;
        top: 36%;
        margin: 0 auto;
        z-index: 1;
        top: 43%;
        width: 90%
    }
}

@media screen and (min-width: 600px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        top: 43%;
        width: 90%
    }
}

@media screen and (min-width: 992px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        top: 0;
        width: 1167px
    }
}

.pattern.pattern-middle-center.pattern-graphic-center .row {
    position: relative;
    z-index: 3
}

.benefit-row.br .cell {
    margin-bottom: 30px
}

@media screen and (min-width: 600px) {
    .benefit-row.br .cell {
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .homepage-2021 .left-centered-pattern.pattern-g4:after {

        background-repeat: no-repeat;
        width: 1395px;
        height: 800px;
        display: block;
        content: '';
        position: absolute;
        top: -95px;
        z-index: 1;
        right: 52%;
        left: 48%
    }
}

.homepage-2021 .left-centered-pattern.pattern-g4 {
    position: relative
}

.homepage-2021 .left-centered-pattern.pattern-g4 .cell:last-child {
    z-index: 2
}

.homepage-2021 .component-tab-system .tab-system-tabs {
    background: transparent
}

@media screen and (min-width: 992px) {
    .homepage-2021 .bottom-resources-section .row-wrapper .row:after {

        background-repeat: no-repeat;
        width: 1395px;
        height: 800px;
        display: block;
        content: '';
        top: 39%;
        left: -111px;
        position: absolute;
        z-index: 1
    }
}

.homepage-2021 .bottom-resources-section .row-wrapper .row {
    position: relative
}

.tiles .cell:not(:last-child) .component-tile {
    margin-bottom: 25px
}

.t-r-dots .row-wrapper .row {
    position: relative
}

.t-r-dots .row-wrapper .row:after {
    content: " ";
    display: block;
    position: absolute;

    width: 143px;
    height: 116px;
    z-index: 2;
    right: -130px;
    top: -48px
}

.t-l-dots .row-wrapper .row {
    position: relative
}

.t-l-dots .row-wrapper .row:before {
    content: " ";
    display: block;
    position: absolute;

    width: 320px;
    height: 317px;
    z-index: 2;
    left: -129px;
    top: -103px
}

@media screen and (min-width: 992px) {
    .r-dots .row {
        position: relative
    }

    .r-dots .row:before {
        content: " ";
        display: block;

        height: 784px;
        width: 688px;
        position: absolute;
        top: -80px;
        right: -40px
    }

    .l-dots .row {
        position: relative
    }

    .l-dots .row:after {
        content: " ";
        display: block;

        height: 784px;
        width: 688px;
        position: absolute;
        top: -110px;
        left: -140px
    }

    .m-l-dots .row {
        position: relative
    }

    .m-l-dots .row:before {
        content: " ";
        display: block;
        height: 203px;
        width: 163px;
        position: absolute;
        top: -93px;
        left: -135px
    }
}

section.row-wrapper .row, .main-content.row-wrapper .row {
    margin: 0 auto;
    max-width: 72.5rem
}

.row-wrapper .row, .row-wrapper.no-padding .row {
    margin: 0 auto
}

.row-wrapper.black {
    background-color: #171717;
    color: #fff
}

.row-wrapper.black h1, .row-wrapper.black h2, .row-wrapper.black h3, .row-wrapper.black h4, .row-wrapper.black h5, .row-wrapper.black h6, .row-wrapper.black p, .row-wrapper.black div {
    color: #fff
}

.row-wrapper.white {
    background-color: #fff
}

.row-wrapper.white.gradient-row {
    background-image: linear-gradient(-90deg, rgba(238, 238, 238, 0) 0, #f2f2f2 100%)
}

.row-wrapper.grey {
    background-color: #f2f2f2
}

.row-wrapper.centered {
    text-align: center
}

.row-wrapper.no-padding .row {
    padding: 0
}

.row-wrapper.no-padding-top .row {
    padding-top: 0
}

.row-wrapper.no-padding-bottom .row {
    padding-bottom: 0
}

.row-wrapper.mule-blue {
    background-color: #00a0df
}

.row-wrapper.mule-blue h1, .row-wrapper.mule-blue h2, .row-wrapper.mule-blue h3, .row-wrapper.mule-blue h4, .row-wrapper.mule-blue h5, .row-wrapper.mule-blue h6, .row-wrapper.mule-blue p, .row-wrapper.mule-blue div {
    color: #fff
}

.row-wrapper .centered {
    text-align: center
}

.row-wrapper.bold-titles h1, .row-wrapper.bold-titles h2, .row-wrapper.bold-titles h3, .row-wrapper.bold-titles h4 {
    font-family: "DINProMedium", Arial, sans-serif
}

.row-wrapper h1.bold-heading, .row-wrapper h2.bold-heading, .row-wrapper h3.bold-heading, .row-wrapper h4.bold-heading {
    font-family: "DINProBold", Arial, sans-serif
}

.row-wrapper p.bold-regular-text, .row-wrapper span.bold-regular-text {
    font-family: "OpenSans-Bold", Arial, sans-serif
}

.row-wrapper.white {
    background-color: #fff
}

.row-wrapper.blue-page-footer-row {
    background: #00a0df;
    text-align: center;
    padding: 30px 0;

}

.row-wrapper.blue-gr-footer-row {
    background-image: -ms-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -moz-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -o-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5e66f9), color-stop(100, #00a0df));
    background-image: -webkit-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: linear-gradient(to right, #00a0df 0, #5e66f9 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 0
}

.row-wrapper.v-centered-row .cell {
    justify-content: center;
    align-self: center
}

.row-wrapper.h-centered-row {
    text-align: center
}

.row-wrapper .row {
    padding: 40px 12px
}

@media screen and (min-width: 600px) {
    .row-wrapper .row {
        padding: 40px 24px
    }
}

@media screen and (min-width: 992px) {
    .row-wrapper .row {
        padding: 40px 4px
    }
}

@media screen and (min-width: 1160px) {
    .row-wrapper .row {
        max-width: 72.5rem;
        padding: 60px 4px
    }
}

@media print, screen and (min-width: 48em) {
    .reveal {
        width: 560px;
        max-width: 75rem
    }
}

.section-press-center .views-element-container {
    margin-bottom: 53px
}

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

ul.checkslist {
    list-style-image: url(/themes/custom/mule_foundation/images/checkmark-bullet.svg);
    margin-left: 30px;
    line-height: 1.8
}

ul.checkslist li {
    padding-left: 10px;
    margin-bottom: 12px
}

.section-user.path-user .full-width-row {
    padding-top: 70px
}

.integration-resources-glossary p.content-body-search-links {
    border: 0;
    width: 100%;
    display: block;
    overflow: hidden
}

.integration-resources-glossary p.content-body-search-links a {
    float: left;
    padding: 0 5px
}

.integration-resources-glossary p.content-body-search-links a::after {
    content: "|";
    padding-left: 5px;
    color: #323031
}

.integration-resources-glossary p.content-body-search-links a:last-child::after {
    content: ""
}

.event-sponsorship .banner-region {
    margin: 45px 0 0 0
}

.event-sponsorship .banner-region .component-banner-view-mode-d {
    padding-bottom: 55px
}

.event-sponsorship .banner-region .component-banner-view-mode-d .centered {
    text-align: left
}

.event-sponsorship .accordion-tour .component-accordion-tour .grid-margin-x > .cell {
    width: calc(100% - 1.25rem) !important
}

@media screen and (min-width: 600px) {
    .event-sponsorship .accordion-tour .component-accordion-tour .grid-margin-x > .cell {
        width: calc(100% - 1.875rem) !important
    }
}

@media screen and (min-width: 992px) {
    .event-sponsorship .accordion-tour .component-accordion-tour .grid-margin-x > .cell {
        width: calc(100% - 1.875rem) !important
    }
}

.event-sponsorship .accordion-tour .component-accordion-tour .grid-margin-x > .cell.accordion-image-cell {
    display: none
}

@media screen and (max-width: 600px) {
    .event-sponsorship .accordion-tour #overview .award-winners {
        text-align: center;
        padding: 20px 0;
        float: none
    }
}

.event-sponsorship .accordion-tour #overview .award-winners {
    float: left;
    padding: 10px 0
}

.event-sponsorship .accordion-tour #overview .winner-row {
    display: block;
    overflow: hidden
}

.translatable-page .upcoming-events.row {
    padding-top: 0
}

.eyebrow {
    font-family: "DINProBold", Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 5px;
    color: #6d7883;
    text-transform: uppercase
}

.eyebrow.flag:after {
    display: inline-block;
    content: 'Coming Soon';
    background: #e50097;
    border-radius: 30px;
    margin: 0 0 0 18px;
    padding: 0 18px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0
}

p.prev-flag {
    display: inline-block;
    background: #e50097;
    border-radius: 30px;
    padding: 0 18px;
    margin-bottom: 8px;
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: 0;
    line-height: 25px !important;
    text-transform: uppercase;
    font-family: "DINProBold", Arial, sans-serif
}

.prev-flag + h4.eyebrow {
    margin-top: 0 !important
}

.prev-flag.square {
    margin-bottom: 4px;
    border-radius: 5px;
    line-height: 29px !important;
    font-size: 12px !important;
    letter-spacing: 1px
}

.vertical-centered-cells .cell {
    display: flex;
    align-items: center;
    justify-content: center
}

.anypoint-br .benefit-row .field-component--field-main-content-body h2 {
    font-family: "DINProBold", Arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #000;
    margin-bottom: 20px
}

.anypoint-br .benefit-row .field-component--field-main-content-body p {
    font-size: 16px;
    line-height: 30px;
    color: #000
}

.anypoint-br .benefit-row .field-component--field-main-content-body p:last-child {
    margin-bottom: 0;
    margin-top: 20px
}

.anypoint-br .benefit-row .field-component--field-main-content-body .arrow-button {
    margin-bottom: 0
}

@media screen and (min-width: 992px) {
    .anypoint-br .benefit-row.reverse .row .cell:last-child {
        margin-bottom: 0
    }
}

.anypoint-br .benefit-row .component-main-content .eyebrow {
    margin-top: 50px
}

@media screen and (min-width: 600px) {
    .anypoint-br .benefit-row .component-main-content .eyebrow {
        margin-top: 100px
    }
}

@media screen and (min-width: 992px) {
    .anypoint-br .benefit-row .component-main-content .eyebrow {
        margin-top: 0
    }
}

.anypoint-br .benefit-row.reverse .row {
    display: flex;
    flex-direction: column-reverse;
    text-align: center
}

@media screen and (min-width: 992px) {
    .anypoint-br .benefit-row.reverse .row {
        display: flex;
        flex-direction: row
    }
}

.anypoint-br a.arrow-button {
    font-size: 16px;
    line-height: 25px;
    margin-top: 5px;
    display: grid;
    grid-template-columns:30px 1fr;
    width: fit-content
}

.br .br-text p {
    font-size: 16px;
    line-height: 30px;
    color: #000
}

.br p {
    color: #000;
    font-size: 16px;
    line-height: 30px
}

.br .bigger-font p {
    font-size: 22px;
    line-height: 40px
}

body.br {
    color: #000;
    font-size: 16px;
    line-height: 30px
}

h1.multicolor-title, h2.multicolor-title, h3.multicolor-title, h4.multicolor-title, h5.multicolor-title, h6.multicolor-title {
    color: #002196;
    font-family: "DINProBold", Arial, sans-serif
}

h1.multicolor-title .light-title, h2.multicolor-title .light-title, h3.multicolor-title .light-title, h4.multicolor-title .light-title, h5.multicolor-title .light-title, h6.multicolor-title .light-title {
    color: #00a0df;
    display: block
}

h1.multicolor-title {
    font-size: 33px;
    line-height: 45px;
    margin-top: 0;
    margin-bottom: 20px
}

@media screen and (min-width: 480px) {
    h1.multicolor-title {
        font-size: 45px;
        line-height: 55px
    }
}

h2.multicolor-title {
    font-size: 33px;
    line-height: 43px
}

@media screen and (min-width: 600px) {
    h2.multicolor-title {
        font-size: 45px;
        line-height: 55px
    }
}

h3.multicolor-title {
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 0
}

@media screen and (min-width: 480px) {
    h3.multicolor-title {
        font-size: 45px;
        line-height: 55px
    }
}

h1.multicolor-title-inline, h2.multicolor-title-inline, h3.multicolor-title-inline, h4.multicolor-title-inline, h5.multicolor-title-inline, h6.multicolor-title-inline {
    font-family: "DINProBold", Arial, sans-serif;
    color: #002196
}

h1.multicolor-title-inline .light-title, h2.multicolor-title-inline .light-title, h3.multicolor-title-inline .light-title, h4.multicolor-title-inline .light-title, h5.multicolor-title-inline .light-title, h6.multicolor-title-inline .light-title {
    color: #00a0df;
    display: inline-block
}

h1.multicolor-title-inline {
    font-size: 33px;
    line-height: 45px;
    margin-top: 0;
    margin-bottom: 20px
}

@media screen and (min-width: 480px) {
    h1.multicolor-title-inline {
        font-size: 45px;
        line-height: 55px
    }
}

h2.multicolor-title-inline {
    font-size: 33px;
    line-height: 43px
}

@media screen and (min-width: 600px) {
    h2.multicolor-title-inline {
        font-size: 45px;
        line-height: 55px
    }
}

h3.multicolor-title-inline {
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 0
}

@media screen and (min-width: 480px) {
    h3.multicolor-title-inline {
        font-size: 45px;
        line-height: 55px
    }
}

.multicolor-title.white {
    color: #fff
}

.multicolor-title.white .sub-title.dark {
    color: #00044c;
    display: block
}

.light-blue-background {
    background-color: #e8f8ff
}

.br-light-blue-background {
    background-color: #d3f0fd
}

.br-dark-blue-background {
    background-color: #00044c
}

.half-light-blue-background.reverse, .half-light-blue-bg.reverse {
    background: linear-gradient(0deg, #e8f8ff 82.5%, transparent 50%)
}

@media screen and (min-width: 600px) {
    .half-light-blue-background.reverse, .half-light-blue-bg.reverse {
        background: linear-gradient(0deg, #e8f8ff 75%, transparent 50%)
    }
}

@media screen and (min-width: 992px) {
    .half-light-blue-background.reverse, .half-light-blue-bg.reverse {
        background: linear-gradient(0deg, #e8f8ff 50%, transparent 50%)
    }
}

.half-light-blue-background, .half-light-blue-bg {
    background: linear-gradient(180deg, #e8f8ff 82.5%, transparent 50%)
}

@media screen and (min-width: 600px) {
    .half-light-blue-background, .half-light-blue-bg {
        background: linear-gradient(180deg, #e8f8ff 75%, transparent 50%)
    }
}

@media screen and (min-width: 992px) {
    .half-light-blue-background, .half-light-blue-bg {
        background: linear-gradient(180deg, #e8f8ff 50%, transparent 50%)
    }
}

.br-half-light-blue-background, .br-half-light-blue-bg {
    background: linear-gradient(180deg, #d3f0fd 82.5%, transparent 50%)
}

@media screen and (min-width: 600px) {
    .br-half-light-blue-background, .br-half-light-blue-bg {
        background: linear-gradient(180deg, #d3f0fd 75%, transparent 50%)
    }
}

@media screen and (min-width: 992px) {
    .br-half-light-blue-background, .br-half-light-blue-bg {
        background: linear-gradient(180deg, #d3f0fd 50%, transparent 50%)
    }
}

.try-anypoint-platform-row-br .try-anypoint-platform-row-br h2 {
    margin-top: 0
}

@media screen and (max-width: 480px) {
    .try-anypoint-platform-row a.mule-button-br {
        width: 100%
    }
}

.br .zig-zag-padding > .row-wrapper > .row {
    padding-bottom: 100px;
    padding-top: 0
}

@media screen and (min-width: 600px) {
    .br .zig-zag-padding > .row-wrapper > .row {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (min-width: 992px) {
    .br .zig-zag-padding > .row-wrapper > .row {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

.br .zig-zag-padding-bottom > .row-wrapper > .row {
    padding-bottom: 60px
}

@media screen and (min-width: 600px) {
    .br .zig-zag-padding-bottom > .row-wrapper > .row {
        padding-bottom: 60px
    }
}

@media screen and (min-width: 992px) {
    .br .zig-zag-padding-bottom > .row-wrapper > .row {
        padding-bottom: 60px
    }
}

@media screen and (min-width: 1160px) {
    .br .component-large-tile.component-large-tile--br-view-mode-b:before, .br .component-large-tile--br-view-mode-b:before {
        display: none
    }
}

.br h3 {
    font-family: DinProBold
}

a.ext-link:after {
    content: " ";
    background-size: 10px;
    display: inline-block;
    width: 20px;
    height: 10px;
    background: transparent url("/sites/default/files/cmm_files/icon_new_window.svg") no-repeat 5px
}

.user-logged-in .node--unpublished {
    background-color: transparent
}

.mule-unpublish {
    text-align: center;
    background-color: #cc4b37;
    border: 2px darkred solid;
    color: #fff;
    padding: 25px
}

.arrow-button.play:before {
    display: inline-block;
    padding-right: 15px;

    background-repeat: no-repeat;
    background-size: 7px 9px;
    background-position: 10px 8px;
    background-color: #00a3e0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 0;
    content: " ";
    vertical-align: middle
}

.user-logged-in .contextual-region.block-tabs {
    margin-top: 50px
}

.br h2 {
    font-family: 'dinprobold', sans-serif;
    font-size: 33px;
    line-height: 44px
}

.br h3 {
    font-family: 'dinprobold', sans-serif;
    font-size: 22px;
    line-height: 32px
}

.noshadow-img.benefit-row img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.dropshadow-img.benefit-row img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .1));
    border-radius: 0
}

.br .try-anypoint-platform-row-br .try-anypoint-platform-block h2 {
    margin-bottom: 25px !important;
    color: #fff !important
}

.br .try-anypoint-platform-row-br .try-anypoint-platform-block p {
    margin-bottom: 0 !important;
    color: #fff !important
}

.br .try-anypoint-platform-row-br .try-anypoint-platform-block a {
    color: #fff;
    font-size: 16px
}

.br .try-anypoint-platform-row-br .try-anypoint-platform-block a:hover {
    color: #fff;
    text-decoration: underline
}

.node--type-article .small-10.small-offset-1.medium-12.medium-offset-0.cell {
    padding-left: 0;
    padding-right: 0
}

.node--type-article .content-region {
    padding-bottom: 20px
}

.node--type-article .banner-region .field-component--field-breadcrumbs {
    color: #99999a;
    border: 0;
    margin-top: 0
}

.node--type-article .component-banner .field-component--field-banner-body {
    margin: 2em 0 0 0
}

.node--type-article .component-main-content table {
    width: 100%;
    border: 0;
    border-color: #989699;
    border-collapse: separate;
    border-spacing: 20px 0;
    margin-left: -20px
}

.node--type-article .component-main-content table tr {
    border-color: #989699
}

.node--type-article .component-main-content table tr:last-child th::after, .node--type-article .component-main-content table tr:last-child td::after {
    border: 0
}

.node--type-article .component-main-content table th, .node--type-article .component-main-content table td {
    background: #f2f2f2;
    padding: 20px 20px 0;
    margin-right: 20px;
    border: 0;
    text-align: center
}

.node--type-article .component-main-content table th::after, .node--type-article .component-main-content table td::after {
    content: "";
    border-bottom: 1px solid #989699;
    display: block;
    padding-top: 20px
}

.node--type-article .block-views-block-articles-related-block-1 {
    padding: 0 80px 25px 80px;
    margin: 0 auto
}

@media screen and (max-width: 480px) {
    .node--type-article .block-views-block-articles-related-block-1 {
        padding: 0 45px 25px 45px;
        margin: 0 auto
    }
}

.node--type-article .block-views-block-articles-related-block-1 > div {
    width: 100%
}

.node--type-article .block-views-block-articles-related-block-1 h2 {
    max-width: 50%;
    padding: 0;
    border-bottom: 1px dashed #40b4e5;
    color: #323031;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 15px 0
}

@media screen and (max-width: 480px) {
    .node--type-article .block-views-block-articles-related-block-1 h2 {
        max-width: 100%;
        font-size: 16px
    }
}

.node--type-article .block-views-block-articles-related-block-1 .related-articles .item-list ul li {
    list-style-type: none;
    font-size: 15px;
    padding-left: 10px;
    text-indent: -10px;
    margin-bottom: 10px
}

.node--type-article .block-views-block-articles-related-block-1 .related-articles .item-list ul li .field-content a {
    font-size: 15px;
    line-height: 1.2;
    color: #40b4e5;
    text-decoration: none
}

.node--type-article .category-based-block .field-component--field-main-content-body {
    width: 100%
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item h2 {
    max-width: 50%;
    padding: 0;
    border-bottom: 1px dashed #40b4e5;
    color: #323031;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 15px 0
}

@media screen and (max-width: 480px) {
    .node--type-article .category-based-block .field-component--field-main-content-body .field-item h2 {
        max-width: 100%;
        font-size: 16px
    }
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item #download {
    padding: 10px 75px 10px 75px;
    color: #40b4e5;
    background-color: #fff;
    border-color: #40b4e5;
    font-size: 15px;
    line-height: 1.2;
    display: inline-block;
    border: 1px solid
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item #download:hover {
    background-color: #40b4e5;
    color: #fff
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item .field-simple-block-link a {
    padding: 10px 75px 10px 75px;
    color: #40b4e5;
    background-color: #fff;
    border-color: #40b4e5;
    font-size: 15px;
    line-height: 1.2
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item .field-simple-block-link a:hover {
    background-color: #40b4e5;
    color: #fff
}

.node--type-article .a2a_kit {
    display: block;
    max-width: 1160px;
    padding: 0 60px 20px;
    margin: auto
}

@media screen and (max-width: 1160px) {
    .node--type-article .a2a_kit {
        max-width: 100%;
        padding: 0 70px 20px
    }
}

@media screen and (max-width: 600px) {
    .node--type-article .a2a_kit {
        text-align: center;
        padding: 0 20px 50px
    }
}

.node--type-article .a2a_kit:before {
    content: 'Share this article: '
}

@media screen and (max-width: 600px) {
    .node--type-article .a2a_kit:before {
        display: block;
        margin-bottom: 5px
    }
}

.node--type-page-generator #page-generator-sidebar-region {
    padding: 20px 0
}

.node--type-page-generator #page-generator-sidebar-region .col-sidebar {
    background-color: #f5f6f7;
    margin-bottom: 20px;
    padding: 20px
}

.node--type-page-generator #page-generator-sidebar-region h2.pane-title {
    border-bottom: 1px dashed #40b4e5;
    color: #323031;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 0 10px 10px 10px
}

.node--type-page-generator #page-generator-sidebar-region .field-simple-block-link a {
    padding: 10px 75px 10px 75px;
    color: #40b4e5;
    background-color: #f5f6f7;
    border-color: #40b4e5;
    font-size: 15px;
    line-height: 1.2;
    width: 226px
}

.node--type-page-generator #page-generator-sidebar-region .field-simple-block-link a:hover {
    background-color: #40b4e5;
    color: #fff
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 {
    width: 100% !important
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow {
    width: 100%;
    text-align: center
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol {
    float: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoOffset {
    display: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap {
    float: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoGutter, .node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap label {
    display: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap input {
    border: 0;
    padding: 11px 20px 11px 10px;
    width: 100% !important;
    height: auto !important;
    color: #323031 !important;
    font-family: "openSans", Arial, sans-serif;
    border-radius: 0;
    box-shadow: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap input::placeholder {
    color: #747474 !important
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoError .mktoErrorArrow {
    background-color: #cc3c44;
    border: 0
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoError .mktoErrorMsg {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background: #cc3c44;
    text-shadow: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow span.mktoButtonWrap {
    width: 100%
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoButtonRow {
    width: 100% !important
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoButtonRow .mktoButtonWrap {
    margin: 0 !important;
    width: 100%
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoButtonRow .mktoButtonWrap button {
    width: 100%;
    padding: 10px 75px 10px 75px;
    color: #40b4e5;
    background: #f5f6f7;
    font-size: 15px;
    line-height: 1.2;
    font-weight: normal;
    margin: 0 0 1rem;
    height: auto;
    border-radius: 0;
    border: 1px solid #40b4e5;
    text-shadow: none;
    display: inline-block;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: "openSans", Arial, sans-serif;
    box-shadow: none;
    vertical-align: middle
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoButtonRow .mktoButtonWrap button:hover {
    background-color: #40b4e5;
    color: #fff
}

.node--type-page-generator #page-generator-sidebar-region .rtp-block-wrapper {
    display: block;
    overflow: hidden
}

.node--type-page-generator .content-region.tcat-landing .component-main-content {
    padding-top: 25px
}

.node--type-page-generator .content-region.tcat-landing .component-main-content #page-generator-sidebar-region {
    padding-top: 0
}

.node--type-page-generator .content-region .article-landing-tite-wrapper {
    text-align: center
}

.node--type-page-generator .content-region .article-landing-tite-wrapper .field-basic-title {
    font-size: 26px;
    margin: 25px 0 0 0;
    line-height: 1.2;
    font-family: "DINProLight2", "DINProLight"
}

.node--type-page-generator .content-region .article-landing-tite-wrapper .field-basic-introduction {
    max-width: 750px;
    margin: 10px auto
}

.node--type-page-generator .content-region .article-landing-tite-wrapper .field-basic-introduction p {
    font-family: "openSansLight", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.5em
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections {
    margin: 50px 0 60px 0;
    display: block;
    overflow: hidden
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections {
    float: left;
    padding: 30px 15px 40px;
    color: #323031;
    text-align: center
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections .field-basic-section-name {
    font-family: "DINProLight2", "DINProLight";
    padding: 25px 0 35px;
    min-height: 73px;
    margin-bottom: 10px;
    color: #323031;
    font-size: 22px;
    line-height: 26px
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections .field-basic-description {
    font-size: 15px;
    line-height: 1.4em;
    padding-bottom: 20px
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections .field-basic-section-link {
    position: relative;
    bottom: auto
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections .field-basic-section-link a {
    background-color: transparent;
    font-size: 13px;
    color: #00a1e1
}

.node--type-page-generator .content-region-bottom {
    background-color: #f2f2f2
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources {
    padding: 60px 0
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .field-basic-resource-title {
    padding-top: 0;
    text-align: center;
    font-size: 26px;
    line-height: 30px
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .pane-node-field-basic-resource-items {
    padding-top: 30px;
    padding-bottom: 0;
    text-align: center
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .pane-node-field-basic-resource-items .field-basic-resource-items {
    text-align: center;
    display: inline-block;
    width: 123px;
    padding: 0 10px;
    vertical-align: top
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .pane-node-field-basic-resource-items .field-basic-resource-items .field-basic-resource-item-link {
    padding-top: 3px
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .pane-node-field-basic-resource-items .field-basic-resource-items .field-basic-resource-item-link a {
    color: #323031
}

.node--type-article .banner-region.border-space-no .field-component--field-breadcrumbs, .node--type-page-generator .banner-region.border-space-no .field-component--field-breadcrumbs {
    border: 0;
    margin-top: 0;
    color: #99999a
}

.node--type-article #rtp-block, .node--type-page-generator #rtp-block {
    margin-bottom: 30px
}

.node--type-article #rtp-block .RTP_RCMD2, .node--type-page-generator #rtp-block .RTP_RCMD2 {
    overflow: hidden
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"], .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] {
    text-align: center;
    float: none;
    padding: 0;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_title, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_title {
    padding: 0;
    margin: 0;
    border: 0;
    display: none
}

@media screen and (min-width: 600px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"], .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] {
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"], .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] {
        text-align: center
    }
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item_inner, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item_inner {
    background: #00a0df;
    width: 100%;
    min-height: 310px;
    text-align: left;
    margin: 0 auto
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_img_container, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_img_container {
    height: auto !important;
    padding: 24px 20px 17px 20px
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_img_container .rtp_rcmd2_link_hidden, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_img_container .rtp_rcmd2_link_hidden {
    max-height: 25px;
    text-align: left;
    text-decoration: none;
    display: block
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_img_container img, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_img_container img {
    display: block;
    max-height: initial;
    width: initial
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container {
    height: auto !important;
    text-align: left;
    padding-top: 0;
    overflow: visible;
    height: auto
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container a, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container a {
    padding: 7px 10px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    background-color: transparent;
    font-size: 14px;
    font-family: "openSans", Arial, sans-serif
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container a:hover, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container a:hover {
    background: #fff;
    color: #00a0df;
    cursor: pointer
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_content_container, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_content_container {
    padding: 0 20px 20px;
    background: none;
    text-align: left;
    height: auto
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item {
    vertical-align: top;
    display: inline-block;
    float: none;
    margin: 20px 10px;
    width: 100%;
    text-align: center;
    overflow: hidden
}

@media screen and (min-width: 600px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item {
        width: 45%
    }
}

@media screen and (min-width: 992px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item {
        width: 30%
    }
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item .rtp_rcmd2_label, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item .rtp_rcmd2_label {
    text-align: left;
    float: none !important
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item .rtp_rcmd2_label a, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item .rtp_rcmd2_label a {
    text-align: left;
    max-width: none;
    font-family: "DINProLight2", "DINProLight";
    font-weight: 600;
    font-size: 19px;
    color: #fff;
    text-overflow: initial;
    margin: 0 auto;
    display: block;
    max-height: initial;
    text-decoration: none
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item .rtp_rcmd2_description_container, .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item .rtp_rcmd2_description_container {
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0;
    font-family: "openSans", Arial, sans-serif;
    max-height: initial;
    min-height: 100px
}

.node--type-article #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"], .node--type-page-generator #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] {
    border: 0
}

.node--type-article #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item, .node--type-page-generator #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item {
    width: 95%;
    margin: 10px
}

.node--type-article #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container a, .node--type-page-generator #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container a {
    padding: 11px 10px
}

.node--type-article .banner-region .field-component--field-breadcrumbs {
    text-align: left
}

.node--type-page-generator .vidyard-close-container:focus {
    outline: 0
}

.node--type-page-generator .vidyard-close-container .vidyard-close-x {
    display: none
}

.node--type-page-generator div#vidyard-content-fixed {
    max-width: 1100px;
    max-height: 500px;
    margin: 0 auto;
    top: auto;
    bottom: 50%
}

.node--type-page-generator div#vidyard-content-fixed div#vidyard-popbox {
    width: 90%;
    max-width: 1000px;
    max-height: 500px;
    margin: 0 auto
}

.node--type-page-generator div#vidyard-content-fixed div#vidyard-popbox:before {
    position: absolute;
    z-index: 9;
    content: "";
    top: -15px;
    left: -14px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(/themes/custom/mule_foundation/css/../images/close.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 0;
    opacity: .75;
    padding: 0
}

@media screen and (min-width: 600px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_item {
        width: 45%
    }
}

.tcat .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .tcat-logo-text {
    font-size: 25px;
    font-family: "DINPro", Arial, sans-serif;
    display: inline;
    color: #a9a9aa;
    padding: 0 5px
}

.tcat .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .menu li:hover > a {
    background: transparent;
    cursor: pointer
}

.tcat .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .menu li a::after {
    display: none
}

.tcat .ms-com-content header.ms-com-header.mobile-header .menu > li > a {
    pointer-events: all
}

.tcat .block-mule-foundation-content .banner-region .component-banner .field-name-field-banner-body {
    text-align: left
}

.blue-box {
    background: #f4fcff;
    padding: 40px 0;
    text-align: center;
    margin: 50px 0
}

.blue-box h3 {
    margin-bottom: 25px
}

.mule-button {
    display: inline-block;
    background: transparent;
    color: #00a0df;
    min-height: 40px;
    min-width: 160px;
    padding: 6px 20px;
    text-align: center;
    font-size: 14px;
    font-family: "OpenSans", arial, helvetica, sans-serif;
    border: 1px solid #00a0df;
    line-height: 24px;
    height: auto;
    margin-bottom: 15px;
    cursor: pointer
}

.mule-button:hover {
    color: #fff;
    background-color: #00a0df
}

.mule-button.solid {
    background: #00a0df;
    color: #fff
}

.mule-button.solid:hover {
    background: none;
    color: #00a0df
}

.mule-button.white {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

.mule-button.white:hover {
    background-color: #fff;
    color: #00a0df;
    border: 1px solid #fff
}

.mule-button.white.solid {
    background: #fff;
    border: 1px solid #fff;
    color: #00a0df
}

.mule-button.white.solid:hover {
    background: none;
    border: 1px solid #fff;
    color: #fff
}

@media screen and (min-width: 992px) {
    .mule-button.mobile {
        background: none;
        border: 0;
        min-height: initial;
        min-width: initial;
        display: inline;
        text-align: left;
        line-height: auto;
        color: #00a0df;
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .mule-button.mobile:hover {
        color: #006993
    }
}

.mule-button.large {
    min-height: 50px;
    padding: 11px 10px 10px;
    text-align: center;
    font-size: 16px
}

@media screen and (min-width: 480px) {
    .mule-button.large {
        min-width: 220px
    }
}

.row-wrapper.black .mule-button {
    color: #fff;
    background-color: transparent
}

.row-wrapper.black .mule-button:hover {
    background-color: #fff
}

.row-wrapper.mule-blue .mule-button {
    color: #fff;
    border-color: #fff
}

.row-wrapper.mule-blue .mule-button:hover {
    color: #00a0df;
    background-color: #fff
}

.billboard-text .careers-button.mule-button {
    width: 80%;
    margin-top: 20px;
    vertical-align: top;
    background: rgba(0, 0, 0, .5);
    font-size: 18px;
    margin-bottom: 0;
    height: 50px
}

@media screen and (min-width: 992px) {
    .billboard-text .careers-button.mule-button {
        width: 95%;
        height: 50px
    }
}

@media screen and (min-width: 600px) {
    .billboard-text .careers-button.mule-button {
        width: 240px;
        height: 80px;
        padding: 10px
    }
}

@media screen and (min-width: 1160px) {
    .billboard-text .careers-button.mule-button .billboard-text .careers-button.mule-button {
        width: 23%
    }
}

.arrow-button {
    border: 0;
    font-family: OpenSans, Arial, sans-serif;
    font-size: 15px;
    cursor: pointer;
    color: #00a0df;
    display: grid;
    grid-template-columns:30px 1fr;
    width: fit-content;
    width: -moz-fit-content;
    line-height: 25px
}

.arrow-button.white {
    color: #fff
}

.arrow-button:hover {
    color: #0083cf
}

.arrow-button:hover:before {
    background-color: #0083cf
}

.arrow-button:before {
    display: inline-block;
    padding-right: 15px;
    background-image: url(/sites/default/files/MS_CTA_Carrot_White-01.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 8px 6px;
    background-color: #00a3e0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 0;
    content: " ";
    vertical-align: middle
}

.arrow-button.white:before {
    background-color: #fff;
    display: inline-block;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 8px 6px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 0;
    content: " ";
    vertical-align: middle
}

.arrow-button.white:hover {
    color: #fff;
    opacity: .9
}

.arrow-button.white:before:hover {
    opacity: .9;
    background-color: #fff
}

.centered:not(.tiles) .arrow-button {
    margin-left: auto;
    margin-right: auto
}

.video-button {
    font-family: OpenSans, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #00a0df
}

.video-button:hover {
    color: #0083cf
}

.video-button.white {
    color: #fff
}

.video-button.white:before {
    display: inline-block;
    padding-right: 10px;
     background-repeat: no-repeat;
    background-position: 0 7px;
    width: 34px;
    height: 50px;
    margin-right: 5px;
    content: " ";
    vertical-align: middle
}

.video-button.white:hover:before {
    background-position: -34px 7px
}

.mule-button-br {
    display: inline-block;
    background: transparent;
    color: #00a0df;
    min-height: 60px;
    min-width: 200px;
    padding: 17px 30px;
    text-align: center;
    font-size: 16px;
    font-family: "openSansBold", Arial, sans-serif, arial, helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    border: 1px solid #00a0df;
    line-height: 24px;
    height: auto;
    margin-bottom: 15px;
    cursor: pointer
}

.mule-button-br:hover {
    color: #fff;
    background-color: #00a0df
}

.mule-button-br.solid {
    background: #00a0df;
    color: #fff
}

.mule-button-br.solid:hover {
    background: none;
    color: #00a0df
}

.mule-button-br.white {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

.mule-button-br.white:hover {
    background-color: #fff;
    color: #00a0df;
    border: 1px solid #fff
}

.mule-button-br.white.solid {
    background: #fff;
    border: 1px solid #fff;
    color: #00a0df
}

.mule-button-br.white.solid:hover {
    background: none;
    border: 1px solid #fff;
    color: #fff
}

.mule-button-br.navy-blue {
    color: #00044c;
    background-color: transparent;
    border: 1px solid #00044c
}

.mule-button-br.navy-blue:hover {
    background-color: #00044c;
    color: #fff;
    border: 1px solid #00044c
}

.mule-button-br.navy-blue.solid {
    background: #00044c;
    border: 1px solid #00044c;
    color: #fff
}

.mule-button-br.navy-blue.solid:hover {
    background: none;
    border: 1px solid #00044c;
    color: #00044c
}

.views-element-container .form-actions {
    display: inline-block;
    width: 100%
}

@media screen and (min-width: 600px) {
    .views-element-container .form-actions {
        width: auto
    }
}

.views-element-container .form-item {
    width: 100%
}

@media screen and (min-width: 600px) {
    .views-element-container .form-item {
        width: auto
    }
}

.views-element-container .form-item select {
    width: 100%;
    margin-top: 10px
}

@media screen and (min-width: 600px) {
    .views-element-container .form-item select {
        width: 250px
    }
}

.views-element-container .form-submit {
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    background-color: #f4fcff
}

@media screen and (min-width: 600px) {
    .views-element-container .form-submit {
        width: auto;
        margin-top: 0
    }
}

.views-element-container .form-submit:hover {
    background-color: #f2f2f2
}

.views-element-container .form-submit.js-hide {
    display: none
}

#main .mktoForm .mktoError .mktoErrorMsg {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background: #cc3c44;
    text-shadow: none
}

#main .mktoForm .mktoError .mktoErrorArrow {
    background-color: #cc3c44;
    border: 0
}

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background: none !important;
    color: #00a0df !important;
    border: 1px solid #00a0df !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: 'opensans', sans-serif !important;
    font-size: 15px !important;
    text-shadow: none !important;
    line-height: 1;
    height: 40px !important;
    width: 100% !important
}

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #00a0df !important;
    color: #fff !important
}

.grid-block {
    border-top: 5px #00a2df solid;
    margin-right: 16px;
    padding: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
    border: 1px solid #c4c4c4;
    overflow: hidden
}

.grid-block:before {
    content: '';
    height: 5px;
    width: 101%;
    position: absolute;
    background: linear-gradient(to left, #00a2df, #4079f1);
    top: 0;
    left: 0
}

.grid-block .views-field-title {
    font-size: 20px;
    font-family: "DINPro", Arial, sans-serif;
    margin-bottom: 20px
}

.grid-block .date, .grid-block .name, .grid-block .views-field-field-summir, .grid-block .views-field-field-speaker-name- {
    font-family: "DINPro", Arial, sans-serif;
    margin-bottom: 20px;
    color: #999
}

.grid-block .views-field-field-speaker-name- p {
    font-size: 16px
}

.grid-block a::before {
    width: 20px;
    height: 20px;
    display: inline-block;
    content: ' ';
    vertical-align: text-bottom;
    margin-right: 7px
}

.page-slides h1, .page-slides h2, .page-slides h3, .page-summits h1, .page-summits h3 {
    text-align: center;
    width: 100%
}

.page-slides h1, .page-summits h1 {
    margin-top: 80px
}

.page-slides h3, .page-summits h3 {
    clear: both;
    margin-bottom: 30px;
    padding-top: 60px;
    display: block
}

.page-slides .views-exposed-form .form-item, .page-summits .views-exposed-form .form-item {
    display: block;
    margin: auto;
    max-width: 400px
}

.page-slides .views-exposed-form .form-item select, .page-summits .views-exposed-form .form-item select {
    width: 100%
}

.page-slides .grid-x header, .page-slides .grid-x form, .page-summits .grid-x header, .page-summits .grid-x form {
    width: 100%
}

ul.mule-breadcrumb {
    list-style: none;
    font-size: 12px;
    text-align: left;
    color: #77777a;
    max-height: 30px;
    padding-top: 35px
}

ul.mule-breadcrumb li {
    display: inline-block
}

ul.mule-breadcrumb li a.breadcrumb-link {
    text-decoration: none;
    color: #77777d;
    margin: 0
}

ul.mule-breadcrumb li a.breadcrumb-link:after {
    content: " >";
    color: #77777d
}

.billboard-row, .billboard-image {
    background-image: -ms-linear-gradient(left, #5e66f9 0, #00a0df 100%);
    background-image: -moz-linear-gradient(left, #5e66f9 0, #00a0df 100%);
    background-image: -o-linear-gradient(left, #5e66f9 0, #00a0df 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5e66f9), color-stop(100, #00a0df));
    background-image: -webkit-linear-gradient(left, #5e66f9 0, #00a0df 100%);
    background-image: linear-gradient(to right, #5e66f9 0, #00a0df 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;
    padding: 95px 15px 40px 15px
}

@media screen and (min-width: 72.5rem) {
    .billboard-row, .billboard-image {
        padding-left: 0;
        padding-right: 0
    }
}

.billboard-row.center, .billboard-image.center {
    text-align: center
}

.billboard-row.center .billboard-text, .billboard-image.center .billboard-text {
    max-width: 72.5rem;
    margin: 0 auto;
    text-align: center
}

.billboard-row.center .billboard-text h1, .billboard-image.center .billboard-text h1 {
    text-align: center
}

.billboard-row.center .billboard-text p, .billboard-image.center .billboard-text p {
    text-align: center
}

.billboard-row.left, .billboard-image.left {
    text-align: left
}

.billboard-row.left .billboard-text, .billboard-image.left .billboard-text {
    max-width: 72.5rem;
    margin: 0 auto
}

.billboard-row.left .billboard-text h1, .billboard-image.left .billboard-text h1 {
    width: 100%;
    margin: 0 auto;
    text-align: left
}

@media screen and (min-width: 600px) {
    .billboard-row.left .billboard-text h1, .billboard-image.left .billboard-text h1 {
        max-width: 45%;
        margin: 0
    }
}

.billboard-row.left .billboard-text p, .billboard-image.left .billboard-text p {
    text-align: left;
    margin: 0;
    width: 100%;
    margin-top: 22px
}

@media screen and (min-width: 992px) {
    .billboard-row.left .billboard-text p, .billboard-image.left .billboard-text p {
        max-width: 40%
    }
}

.billboard-row.light, .billboard-image.light {
    color: #fff
}

.billboard-row.light h1, .billboard-image.light h1 {
    color: #fff
}

.billboard-row.light p, .billboard-image.light p {
    color: #fff
}

.billboard-row.light ul li, .billboard-image.light ul li {
    opacity: .7
}

.billboard-row.light ul li a, .billboard-image.light ul li a {
    color: #fff
}

.billboard-row.light ul li span, .billboard-image.light ul li span {
    color: #fff;
    opacity: .6
}

.billboard-row.light ul li:not(:first-child):before, .billboard-image.light ul li:not(:first-child):before {
    color: #fff
}

.billboard-row.dark, .billboard-image.dark {
    color: #171717
}

.billboard-row.dark h1, .billboard-image.dark h1 {
    color: #171717
}

.billboard-row.dark p, .billboard-image.dark p {
    color: #171717
}

.billboard-row.dark ul li, .billboard-image.dark ul li {
    opacity: .7;
    color: #171717
}

.billboard-row.dark ul li a, .billboard-image.dark ul li a {
    color: #171717
}

.billboard-row .mule-breadcrumbs, .billboard-image .mule-breadcrumbs {
    max-width: 1160px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 60px
}

.billboard-row .mule-breadcrumbs a, .billboard-image .mule-breadcrumbs a {
    font-size: 13px;
    color: #323031;
    opacity: .6
}

.billboard-row ul, .billboard-image ul {
    list-style-image: none;
    list-style-type: none;
    text-align: left;
    font-size: 12px;
    margin: 0
}

.billboard-row ul li, .billboard-image ul li {
    display: inline-block;
    padding-left: 0;
    margin-right: .25rem
}

.billboard-row ul li a, .billboard-image ul li a {
    margin: 15px 4px
}

.billboard-row ul li:first-child a, .billboard-image ul li:first-child a {
    margin-left: 0
}

.billboard-row ul li:not(:first-child):before, .billboard-image ul li:not(:first-child):before {
    content: '> '
}

.billboard-row.smaller {
    min-height: 300px
}

.billboard-row.taller {
    min-height: 485px
}

.mule-breadcrumbs-row .mule-breadcrumbs {
    max-width: 1160px;
    text-align: left;
    margin: 0 auto
}

.mule-breadcrumbs-row .mule-breadcrumbs a {
    font-size: 13px;
    color: #323031;
    opacity: .6
}

.mule-breadcrumbs-row .mule-breadcrumbs ul {
    list-style-image: none;
    list-style-type: none;
    text-align: left;
    font-size: 12px;
    margin: 0
}

.mule-breadcrumbs-row .mule-breadcrumbs ul li {
    display: inline-block
}

.mule-breadcrumbs-row .mule-breadcrumbs ul li a {
    margin: 15px 4px
}

.mule-breadcrumbs-row .mule-breadcrumbs ul li:not(:first-child):before {
    content: '>'
}

.careers-hp .billboard-text {
    margin: 0 auto;
    max-width: 72.5rem
}

.careers-hp .billboard-text h1 {
    margin-top: 60px;
    margin-bottom: 10px
}

.careers-hp .billboard-text a {
    margin-right: 10px;
    margin-top: 0
}

@media screen and (min-width: 992px) {
    .careers-hp .billboard-text a {
        display: inline-block
    }
}

.careers-hp .billboard-text p {
    margin: 20px auto;
    width: auto
}

@media screen and (min-width: 992px) {
    .careers-hp .billboard-text p {
        width: 70%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1160px) {
    .careers-hp .billboard-text p {
        width: 100%
    }
}

.careers-hp .billboard-text p.counter-job {
    margin: 12px auto 0
}

.careers-hp .billboard-text p.counter-job a {
    display: inline;
    border: 0;
    color: #fff;
    background: none;
    font-size: 20px;
    width: auto
}

@media screen and (min-width: 992px) {
    .careers-hp .billboard-text p.counter-job a {
        width: auto;
        display: inline
    }
}

.careers-hp .billboard-text p.counter-job a:hover {
    color: #00a0df;
    background: none
}

.node--type-basic-content-page .billboard-row.banner, .node--type-basic-content-page .billboard-image {
    background-image: -ms-linear-gradient(left, #5e66f9 0, #00a0df 100%);
    background-image: -moz-linear-gradient(left, #5e66f9 0, #00a0df 100%);
    background-image: -o-linear-gradient(left, #5e66f9 0, #00a0df 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5e66f9), color-stop(100, #00a0df));
    background-image: -webkit-linear-gradient(left, #5e66f9 0, #00a0df 100%);
    background-image: linear-gradient(to right, #5e66f9 0, #00a0df 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;
    padding: 90px 15px 40px 15px
}

@media screen and (min-width: 600px) {
    .node--type-basic-content-page .billboard-row.banner, .node--type-basic-content-page .billboard-image {
        padding: 90px 15px 40px 20px
    }
}

@media screen and (min-width: 992px) {
    .node--type-basic-content-page .billboard-row.banner, .node--type-basic-content-page .billboard-image {
        padding: 90px 15px 40px 25px
    }
}

@media screen and (min-width: 72.5rem) {
    .node--type-basic-content-page .billboard-row.banner, .node--type-basic-content-page .billboard-image {
        padding-left: 0;
        padding-right: 0;
        padding: 90px 15px 40px 40px
    }
}

.node--type-basic-content-page .billboard-row {
    padding: 90px 15px 0 15px;
    background: none
}

@media screen and (min-width: 600px) {
    .node--type-basic-content-page .billboard-row {
        padding: 90px 15px 0 20px
    }
}

@media screen and (min-width: 992px) {
    .node--type-basic-content-page .billboard-row {
        padding: 90px 15px 0 20px
    }
}

@media screen and (min-width: 72.5rem) {
    .node--type-basic-content-page .billboard-row {
        padding-left: 0;
        padding-right: 0;
        padding: 90px 15px 0 25px
    }
}

.node--type-basic-content-page .billboard-row .billboard-text:first-child {
    padding-top: 50px
}

.node--type-basic-content-page .billboard-text h1 {
    color: white;
    text-align: center;
    margin-top: -15px;
    margin-bottom: 20px
}

.node--type-basic-content-page .billboard-row {
    margin-bottom: 10px
}

.node--type-basic-content-page .billboard-row.banner {
    margin-bottom: 50px
}

.default-listing table {
    border-collapse: collapse;
    margin: 45px 0 0 0
}

.default-listing table tbody {
    border: 0
}

.default-listing table tr {
    border-color: #989699;
    height: 40px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 1em
}

.default-listing table td {
    padding: 15px 0 15px 0;
    background: #fff;
    margin: 0;
    vertical-align: top
}

.default-listing table td.views-field-title {
    text-align: left
}

.default-listing table td.views-field-field-job-post-location {
    text-align: right
}

.default-listing table caption {
    text-align: left;
    font-family: 'openSansLight', Arial, sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    padding-left: 0
}

.default-listing .views-row {
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding: 0 0 12px 0;
    width: 90%
}

.default-listing .views-row:last-child {
    border-bottom: 0
}

.default-listing .views-row .views-field .field-content time {
    color: #99999a;
    font-size: 13px;
    line-height: 1em;
    margin-top: 5px
}

.default-listing .views-row .views-field-title .field-content a {
    font-size: 18px;
    margin: 0;
    color: #00a0df;
    font-family: 'openSansLight', Arial, sans-serif
}

.default-listing .views-row .views-field-title .field-content a:hover {
    color: #0083cf
}

.default-listing .block-region-right-sidebar {
    margin-bottom: 0;
    padding: 0 20px 20px
}

.default-listing .block-region-right-sidebar {
    margin-top: 45px
}

.default-listing .block-region-right-sidebar .block-title {
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 0 10px 10px 0
}

.block--block-title--rotating-customer-logos {
    overflow: hidden;
    height: 80px;
    width: 100%;
    position: relative;
    margin-top: 35px
}

.block--block-title--rotating-customer-logos p {
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    width: 1000%;
    max-width: 300px
}

@media screen and (min-width: 480px) {
    .block--block-title--rotating-customer-logos p {
        max-width: 480px
    }
}

@media screen and (min-width: 600px) {
    .block--block-title--rotating-customer-logos p {
        max-width: 600px
    }
}

@media screen and (min-width: 992px) {
    .block--block-title--rotating-customer-logos p {
        max-width: 992px
    }
}

@media screen and (min-width: 1160px) {
    .block--block-title--rotating-customer-logos p {
        max-width: 100%
    }
}

.block--block-title--rotating-customer-logos img {
    min-width: 4765px;
    height: 75px;
    animation: translateXXSmall 15s steps(1) infinite;
    -webkit-animation: translateXXSmall 15s steps(1) infinite
}

@media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .block--block-title--rotating-customer-logos img {
        height: 45px
    }
}

@media screen and (min-width: 480px) {
    .block--block-title--rotating-customer-logos img {
        animation: translateXSmall 15s steps(1) infinite, flicker 2s infinite;
        -webkit-animation: translateXSmall 15s steps(1) infinite;
        min-width: 5100px;
        max-width: 4520px
    }
}

@media screen and (min-width: 600px) {
    .block--block-title--rotating-customer-logos img {
        animation: translateSmall 15s steps(1) infinite, flicker 3s infinite;
        -webkit-animation: translateSmall 15s steps(1) infinite;
        min-width: 5055px;
        max-width: 100%;
        height: 75px
    }
}

@media screen and (min-width: 600px) and (-ms-high-contrast: active) {
    .block--block-title--rotating-customer-logos img {
        height: 45px
    }
}

@media screen and (min-width: 992px) {
    .block--block-title--rotating-customer-logos img {
        animation: translateMedium 15s steps(1) infinite, flicker 5s infinite;
        -webkit-animation: translateMedium 15s steps(1) infinite;
        min-width: 5200px;
        max-width: initial;
        height: 75px
    }
}

@media screen and (min-width: 1160px) {
    .block--block-title--rotating-customer-logos img {
        animation: translateLarge 15s steps(1) infinite;
        -webkit-animation: translateLarge 15s steps(1, start) infinite;
        min-width: initial;
        max-width: initial;
        height: 75px
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 1160px), screen and (-ms-high-contrast: none) and (min-width: 1160px) {
    .block--block-title--rotating-customer-logos img {
        max-width: 100%;
        min-width: 4823px;
        height: auto;
        margin-left: 20px
    }
}

@keyframes translateXXSmall {
    0% {
        transform: translate(10px, 0px)
    }
    8% {
        transform: translate(-400px, 0px)
    }
    16% {
        transform: translate(-800px, 0px)
    }
    25% {
        transform: translate(-1215px, 0px)
    }
    33% {
        transform: translate(-1620px, 0px)
    }
    42% {
        transform: translate(-2030px, 0px)
    }
    50% {
        transform: translate(-2435px, 0px)
    }
    58% {
        transform: translate(-2845px, 0px)
    }
    67% {
        transform: translate(-3250px, 0px)
    }
    75% {
        transform: translate(-3660px, 0px)
    }
    83% {
        transform: translate(-4060px, 0px)
    }
    92% {
        transform: translate(-4490px, 0px)
    }
}

@keyframes translateXSmall {
    0% {
        margin-left: 20px
    }
    11% {
        margin-left: -550px
    }
    22% {
        margin-left: -1120px
    }
    33% {
        margin-left: -1705px
    }
    44% {
        margin-left: -2310px
    }
    55% {
        margin-left: -2890px
    }
    67% {
        margin-left: -3500px
    }
    78% {
        margin-left: -4080px
    }
    89% {
        margin-left: -4650px
    }
}

@keyframes translateSmall {
    0% {
        transform: translate(0px, 0px)
    }
    16% {
        transform: translate(-850px, 0px)
    }
    32% {
        transform: translate(-1730px, 0px)
    }
    48% {
        transform: translate(-2610px, 0px)
    }
    66% {
        transform: translate(-3500px, 0px)
    }
    82% {
        transform: translate(-4350px, 0px)
    }
}

@keyframes translateMedium {
    0% {
        transform: translate(10px, 0px)
    }
    20% {
        transform: translate(-1050px, 0px)
    }
    40% {
        transform: translate(-2110px, 0px)
    }
    60% {
        transform: translate(-3220px, 0px)
    }
    80% {
        transform: translate(-4280px, 0px)
    }
}

@keyframes translateLarge {
    0% {
        transform: translate(-40px, 0px)
    }
    25% {
        transform: translate(-1200px, 0px)
    }
    50% {
        transform: translate(-2470px, 0px)
    }
    75% {
        transform: translate(-3730px, 0px)
    }
}

@-webkit-keyframes flicker {
    0% {
        opacity: 0
    }
    5% {
        opacity: 0
    }
    7% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    96% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.reveal form.mktoForm.ms-mkto-form {
    min-width: auto
}

#main form.mktoForm, form.mktoForm.ms-mkto-form {
    padding: 20px;
    background: white;
    max-width: 370px;
    margin: 0 auto;
    font-family: 'OpenSans', arial, helvetica, sans-serif
}

#main form.mktoForm .form-title, form.mktoForm.ms-mkto-form .form-title {
    text-align: center;
    margin-bottom: 30px
}

#main form.mktoForm a, form.mktoForm.ms-mkto-form a {
    text-decoration: underline
}

#main form.mktoForm .mktoError, form.mktoForm.ms-mkto-form .mktoError {
    left: 0 !important;
    z-index: 2
}

#main form.mktoForm .mktoRequiredField .mktoAsterix, #main form.mktoForm .mktoGutter, #main form.mktoForm .mktoOffset, form.mktoForm.ms-mkto-form .mktoRequiredField .mktoAsterix, form.mktoForm.ms-mkto-form .mktoGutter, form.mktoForm.ms-mkto-form .mktoOffset {
    display: none
}

#main form.mktoForm .mktoRequiredField label.mktoLabel, form.mktoForm.ms-mkto-form .mktoRequiredField label.mktoLabel {
    padding: 0
}

#main form.mktoForm .mktoFormCol, #main form.mktoForm .mktoFieldWrap, #main form.mktoForm .mktoButtonRow, form.mktoForm.ms-mkto-form .mktoFormCol, form.mktoForm.ms-mkto-form .mktoFieldWrap, form.mktoForm.ms-mkto-form .mktoButtonRow {
    width: 100%
}

#main form.mktoForm .mktoFieldWrap input, #main form.mktoForm .mktoFieldWrap select, form.mktoForm.ms-mkto-form .mktoFieldWrap input, form.mktoForm.ms-mkto-form .mktoFieldWrap select {
    height: 40px;
    width: 100% !important;
    box-shadow: none;
    font-family: 'opensans', sans-serif;
    font-size: 13px;
    padding-left: 10px;
    color: #787878
}

#main form.mktoForm textarea, form.mktoForm.ms-mkto-form textarea {
    box-shadow: none;
    text-shadow: none;
    width: 100% !important;
    border: 1px solid #cfcfcf;
    font-family: 'opensans', sans-serif;
    font-size: 13px;
    padding: 10px 0 0 10px
}

#main form.mktoForm .mktoButtonWrap, form.mktoForm.ms-mkto-form .mktoButtonWrap {
    margin: 0 !important
}

#main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton, form.mktoForm.ms-mkto-form .mktoButtonWrap.mktoInset button.mktoButton {
    background: #00a0df;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid transparent;
    font-family: 'opensans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-shadow: none;
    line-height: 1;
    height: 40px;
    width: 100%
}

#main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover, form.mktoForm.ms-mkto-form .mktoButtonWrap.mktoInset button.mktoButton:hover {
    background: none;
    color: #00a0df;
    border: 1px solid #00a0df
}

@media screen and (max-width: 600px) {
    .composer-page form.mktoForm, .page-one-to-many #main form.mktoForm, #main form#mktoForm_1732.mktoForm, form.mktoForm.ms-mkto-form {
        padding-left: 0;
        padding-right: 0
    }
}

.composer-page form.ms-mkto-form.mktoForm.mktoHasWidth {
    max-width: 370px !important
}

.composer-page form.ms-mkto-form input#preferencesPrivacyPolicyAgreement {
    height: 15px
}

.mule-esb-enterprise input#preferencesPrivacyPolicyAgreement, form#mktoForm_672 input#preferencesPrivacyPolicyAgreement {
    display: none
}

#main form#mktoForm_1732 .mktoFormRow:nth-child(8n) {
    width: 100%
}

#main form#mktoForm_1732 label#LblBeta_License_Agreement__c {
    padding-left: 10px !important;
    font-weight: normal
}

#main form#mktoForm_1732 .mktoForm .mktoRadioList, #main form#mktoForm_1732 .mktoForm .mktoCheckboxList {
    padding: .1em
}

#main form#mktoForm_1732 input[type=checkbox]:checked + label:before {
    content: "\2713 ";
    color: #000
}

.section-nrf .mktoForm.ms-mkto-form label.mktoLabel.mktoHasWidth {
    width: 90% !important
}

@media screen and (max-width: 600px) {
    .section-nrf .mktoForm.ms-mkto-form label.mktoLabel.mktoHasWidth {
        width: 92% !important
    }
}

form#mktoForm_6911 .mktoForm .mktoFieldWrap input {
    border: 1px solid #a8a8a8
}

form#mktoForm_6911 .mktoFieldWrap input {
    color: #000 !important
}

form#mktoForm_6911 input::placeholder {
    color: #565656 !important
}

form#mktoForm_6911 .mktoButtonWrap.mktoSimple .mktoButton {
    background: #00a0df !important;
    color: #fff !important;
    border: 1px solid #00a0df !important
}

form#mktoForm_6911 .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: transparent !important;
    color: #00a0df !important
}

form#mktoForm_6911 label[for=preferencesPrivacyPolicyAgreement].mktoLabel.mktoHasWidth {
    color: #565656 !important
}

form#mktoForm_7158 select#Industry, form#mktoForm_7191 select#Industry {
    margin-bottom: 5px;
    border: 1px solid #cfcfcf
}

.br-form-a .reveal-overlay {
    background-color: rgba(10, 10, 10, .7)
}

.br-form-a .reveal {
    margin-left: 16px;
    margin-right: 16px;
    max-width: -webkit-fill-available;
    margin-top: 32px;
    height: auto;
    min-height: auto;
    margin-bottom: 32px;
    border-top: 4px solid #00a0df;
    padding: 32px;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available
}

@media screen and (min-width: 600px) {
    .br-form-a .reveal {
        margin-left: 32px;
        margin-right: 32px
    }
}

@media screen and (min-width: 992px) {
    .br-form-a .reveal {
        width: 386px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0
    }
}

@media screen and (min-width: 1160px) {
    .br-form-a .reveal {
        width: 456px
    }
}

.br-form-a form.mktoForm.ms-mkto-form {
    width: 100% !important;
    max-width: 100%;
    padding: 0
}

.br-form-a form.mktoForm.ms-mkto-form h3.form-title {
    font-family: "DINProBold", Arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #000;
    text-align: left;
    padding: 0
}

.br-form-a form.mktoForm.ms-mkto-form select {
    background: url("/sites/default/files/cmm_files/chevrondown.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position-x: 95%;
    background-position-y: 17px
}

.br-form-a form.mktoForm.ms-mkto-form select.mktoValid {
    color: #000 !important
}

.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap input, .br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap select, .br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap textarea {
    height: 56px;
    width: 100% !important;
    box-shadow: none;
    padding: 12px 40px 12px 16px;
    color: #6d7883;
    position: relative;
    border: 1px solid #909aa3;
    border-radius: 4px;
    font-family: "openSans", Arial, sans-serif;
    font-size: 16px;
    line-height: 30px
}

.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap input::placeholder, .br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap select::placeholder, .br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap textarea::placeholder {
    color: #6d7883
}

.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap input, .br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap textarea {
    color: #000
}

.br-form-a form.mktoForm.ms-mkto-form input::placeholder, .br-form-a form.mktoForm.ms-mkto-form textarea::placeholder {
    color: #6d7883
}

.br-form-a form.mktoForm.ms-mkto-form input[type=checkbox] + label {
    width: 17px;
    height: 17px;
    border: 1px solid #00a0df;
    margin-left: 0 !important;
    border-radius: 4px;
    margin-top: 6px !important
}

.br-form-a form.mktoForm.ms-mkto-form input[type=checkbox]:checked + label::before {
    content: "\2713 ";
    color: #fff;
    margin-left: 2px;
    margin-top: -5px !important
}

.br-form-a form.mktoForm.ms-mkto-form input[type=checkbox]:checked + label {
    background: #00a0df;
    font-size: 14px !important;
    line-height: 15px !important
}

.br-form-a form.mktoForm.ms-mkto-form input#preferencesPrivacyPolicyAgreement {
    display: none
}

.br-form-a form.mktoForm.ms-mkto-form a {
    font-size: 16px;
    line-height: 24px;
    color: #00a0df;
    font-family: 'openSansBold';
    padding: 0;
    text-decoration: none
}

.br-form-a form.mktoForm.ms-mkto-form a:hover {
    color: #00044c
}

.br-form-a form.mktoForm.ms-mkto-form label#LblpreferencesPrivacyPolicyAgreement {
    font-family: 'openSans';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #000
}

.br-form-a form.mktoForm.ms-mkto-form .mktoButtonWrap.mktoSimple .mktoButton {
    background: #00a0df !important;
    border: 1px solid #00a0df;
    color: #fff !important;
    font-family: 'openSansBold', sans-serif !important;
    font-size: 16px;
    line-height: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
    height: 60px !important;
    margin-top: 32px
}

.br-form-a form.mktoForm.ms-mkto-form .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: transparent !important;
    color: #00a0df !important
}

.br-form-a form.mktoForm.ms-mkto-form label.mktoLabel.mktoHasWidth {
    width: calc(100% - 24px) !important
}

.br-form-a .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    font-size: 16px !important
}

.node--type-press-release #main {
    margin-top: 60px
}

.node--type-press-release .mule-breadcrumb {
    margin-left: 0
}

.node--type-press-release .field-node--body {
    margin-top: 30px
}

.node--type-press-release img.align-center + p {
    text-align: center !important
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb {
    list-style: none;
    font-size: 12px;
    text-align: left;
    color: #77777a;
    max-height: 30px;
    margin-top: 10px
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb .field-item {
    display: inline-block
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb .field-item a {
    text-decoration: none;
    color: #77777d;
    margin: 0;
    font-size: 12px
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb .field-item a:after {
    content: " >";
    color: #77777d;
    margin-right: 5px
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb .field-item span {
    font-size: 12px
}

.section-en-de.node--type-press-release .billboard, .section-en-fr.node--type-press-release .billboard, .section-en-jp.node--type-press-release .billboard, .section-en-pt.node--type-press-release .billboard {
    padding-top: 45px
}

.section-press-releases .mule-breadcrumb, .path-press-releases .mule-breadcrumb {
    margin-left: 0
}

.section-press-releases .views-element-container .block-title, .path-press-releases .views-element-container .block-title {
    margin-bottom: 15px
}

.section-press-releases .views-element-container form[data-drupal-selector="views-exposed-form-press-releases-press-release-lp"], .path-press-releases .views-element-container form[data-drupal-selector="views-exposed-form-press-releases-press-release-lp"] {
    margin-bottom: 25px
}

.section-news .mule-breadcrumb {
    margin-left: 0
}

.node--type-press-release.section-press-center .block-region-right-sidebar section:last-child {
    margin-top: 40px
}

.node--type-press-release.section-press-center .default-listing .block-region-right-sidebar {
    margin-top: 0
}

.node--type-press-release.section-press-center .default-listing .recent-press-releases.views-row .views-field-title .field-content a {
    font-size: 16px
}

.press-center-2019 .views-field.views-field-nothing {
    max-width: 298px
}

.path-press-center .mule-breadcrumb {
    padding-top: 50px;
    margin-left: 0
}

.path-press-center .views-row .views-field-title h2.field-content a {
    font-size: 16px
}

.path-press-center .views-row:last-of-type {
    border-bottom: 0
}

.path-press-center .news-press-center-view.views-row {
    overflow: hidden;
    margin-bottom: 25px;
    padding: 0 0 12px 0;
    width: 90%
}

.path-press-center .news-press-center-view.views-row .views-field-nothing .field-content a {
    font-size: 16px
}

.path-press-center .news-press-center-view.views-row .views-field.views-field-nothing {
    float: left;
    width: 100%
}

@media screen and (min-width: 992px) {
    .path-press-center .news-press-center-view.views-row .views-field.views-field-nothing {
        width: 70%
    }
}

.path-press-center .views-field.views-field-field-news-source-logo {
    float: left
}

.path-press-center footer {
    font-family: 'openSansLight', Arial, sans-serif;
    font-size: 13px
}

.path-press-center .views-field.views-field-field-news-source-logo, .path-press-center .views-field.views-field-nothing, .section-news .views-field.views-field-field-news-source-logo, .section-news .views-field.views-field-nothing {
    display: inline-block
}

.path-press-center .views-field.views-field-field-news-source-logo, .section-news .views-field.views-field-field-news-source-logo {
    float: left;
    margin-right: 45px
}

.path-press-center .views-field.views-field-field-news-source-logo img, .section-news .views-field.views-field-field-news-source-logo img {
    vertical-align: bottom
}

.path-press-center .views-field.views-field-nothing, .section-news .views-field.views-field-nothing {
    max-width: 385px
}

.node--type-basic-content-page .main-content.row-wrapper .row {
    padding-top: 0
}

.node--type-basic-content-page .mule-breadcrumbs-row .mule-breadcrumbs {
    padding-left: 10px
}

.node--type-basic-content-page .mule-breadcrumbs-row .mule-breadcrumbs ul li a {
    font-size: 12px;
    color: initial
}

.node--type-basic-content-page .mule-breadcrumbs-row .mule-breadcrumbs ul li a:first-child {
    margin-left: 0
}

.node--type-basic-content-page.translatable-page.section-en-de.localized-content #main, .node--type-basic-content-page.translatable-page.section-en-jp.localized-content #main, .node--type-basic-content-page.translatable-page.section-en-pt.localized-content #main, .node--type-basic-content-page.translatable-page.section-en-fr.localized-content #main {
    margin-top: 130px
}

.node--type-infographics .billboard-row {
    padding-left: 0;
    padding-right: 0;
    padding: 90px 15px 0 25px;
    background: none
}

.node--type-infographics .mule-breadcrumbs span {
    margin-right: .25rem
}

.node--type-infographics .mule-breadcrumbs-row .mule-breadcrumbs ul li span {
    margin: 15px 4px
}

.field-name-field-main-content-links .field-item {
    display: inline-block
}

.homepage-banner .component-banner h1 {
    font-family: "DINProMedium", Arial, sans-serif;
    font-size: 28px
}

@media screen and (min-width: 992px) {
    .homepage-banner .component-banner h1 {
        font-size: 33px
    }
}

.homepage-banner .component-banner h3 {
    font-family: "openSansLight", Arial, sans-serif;
    margin: 0 auto 30px;
    font-size: 15px
}

@media screen and (min-width: 992px) {
    .homepage-banner .component-banner h3 {
        line-height: 28px;
        max-width: 750px;
        font-size: 22px
    }
}

.homepage-banner .component-banner row-wrapper > .row {
    padding-top: 45px
}

.homepage .component-main-content.home-feature {
    padding-top: 35px;
    text-align: center;
    max-width: 400px;
    margin: auto
}

.homepage .component-main-content.home-feature h3 {
    margin: 30px 0 16px 0
}

.homepage .component-main-content.home-feature h3 + p {
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .homepage .component-main-content.home-feature {
        text-align: left
    }
}

.homepage a.arrow-button, .homepage a.mule-button {
    font-weight: bolder
}

.homepage .homepage-solutions-title h2 {
    font-family: "DINProMedium", Arial, sans-serif;
    font-size: 28px;
    line-height: 32px
}

@media screen and (min-width: 992px) {
    .homepage .homepage-solutions-title h2 {
        font-size: 33px
    }
}

.homepage .homepage-solutions .component-animated-svg {
    min-height: 100px
}

.homepage .homepage-solutions .component-animated-svg:hover svg path {
    fill: #0083cf
}

.homepage .homepage-solutions .component-animated-svg:hover .field-component--field-svg-title {
    color: #0083cf
}

.homepage .homepage-solutions .component-animated-svg .field-component--field-svg-title {
    font-size: 15px;
    font-family: "openSansBold", Arial, sans-serif;
    font-weight: normal;
    color: #00a0df;
    line-height: 21px;
    padding: 0
}

.homepage .homepage-solutions .move-to-the-cloud.component-animated-svg .field-component--field-svg-title {
    max-width: 71px;
    margin: 3px auto 0
}

.homepage h2.home-heading-2 {
    font-family: "DINProMedium", Arial, sans-serif;
    font-size: 28px;
    margin-top: 0
}

@media screen and (min-width: 992px) {
    .homepage h2.home-heading-2 {
        font-size: 33px
    }
}

.homepage .homepage-featured-resources-title .row-wrapper > .row {
    padding-top: 60px;
    padding-bottom: 10px
}

@media screen and (min-width: 992px) {
    .homepage .homepage-featured-resources-title .row-wrapper > .row {
        padding-bottom: 5px
    }
}

.homepage .homepage-featured-resources-title h2 {
    margin: 0 auto
}

.homepage .seo-text .row-wrapper .row {
    padding: 40px 10px 0 10px
}

@media screen and (min-width: 600px) {
    .homepage .seo-text .row-wrapper .row {
        padding: 40px 10px
    }
}

.homepage .seo-text h4 {
    font-family: "openSans", Arial, sans-serif;
    font-size: 16px;
    vertical-align: super;
    color: #2d2d2d;
    margin: 0
}

.homepage .seo-text p {
    font-family: "openSans", Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #646569;
    margin: 10px 0 0
}

.homepage .homepage .home-banner-right-cta {
    border: 0;
    padding-left: 0;
    margin-bottom: 25px
}

.homepage .homepage .home-banner-left-cta {
    margin-right: 0
}

.homepage .homepage-solutions {
    margin-top: 15px
}

.homepage .homepage-solutions .component-animated-svg {
    min-width: 130px;
    max-width: 130px;
    text-align: center;
    vertical-align: top;
    margin-bottom: 30px
}

.homepage .homepage-solutions .component-animated-svg svg {
    height: 40px
}

@media screen and (min-width: 992px) {
    .homepage .homepage-solutions .component-animated-svg {
        min-width: 95px;
        max-width: 13%;
        padding: 0 10px
    }
}

@media screen and (min-width: 1160px) {
    .homepage .homepage-solutions .component-animated-svg {
        min-width: 135px;
        max-width: 135px;
        padding: 0 10px
    }
}

.homepage .homepage-featured-resources .component-tile.component-tile--view-mode-d h3 {
    min-height: auto;
    font-family: "DINProMedium", Arial, sans-serif
}

@media screen and (min-width: 992px) {
    .homepage .homepage-featured-resources .component-tile.component-tile--view-mode-d h3 {
        min-height: 50px
    }
}

@media screen and (min-width: 1160px) {
    .homepage .homepage-featured-resources .component-tile.component-tile--view-mode-d h3 {
        min-height: auto
    }

    .homepage .homepage-featured-resources .component-tile.component-tile--view-mode-d .field-component--field-tile-body {
        min-height: 90px;
        max-height: 90px
    }
}

.homepage .homepage-featured-resources .component-feature {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 15px
}

@media screen and (min-width: 992px) {
    .homepage .homepage-featured-resources .component-feature {
        text-align: left
    }
}

.homepage .homepage-featured-resources .component-feature p.home-feature-body {
    max-width: 400px;
    margin: 16px auto 0
}

@media screen and (min-width: 992px) {
    .homepage .homepage-featured-resources .component-feature p.home-feature-body {
        min-height: 90px;
        max-height: 90px
    }
}

.homepage .homepage-featured-resources .component-feature .arrow-button {
    margin: 16px auto;
    display: block
}

.home-2019 article.home-2019 .homepage-banner {
    background-image: -ms-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -moz-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -o-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00a0df), color-stop(100, #5e66f9));
    background-image: -webkit-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: linear-gradient(to right, #00a0df 0, #5e66f9 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;
    min-height: 282px;
    margin-top: 65px
}

.home-2019 .home-2019-banner-content .row {
    padding: 0
}

.home-2019 .homepage-banner .component-banner h1 {
    color: #fff;
    margin-top: 0;
    text-align: center
}

.home-2019 .homepage-banner .component-banner h3 {
    font-family: "openSans", Arial, sans-serif;
    color: #fff;
    text-align: center
}

.home-2019 .homepage-banner .component-banner .home-banner-left-cta {
    font-size: 15px;
    font-weight: bold
}

.home-2019 .homepage-banner .field-name-field-banner-links {
    text-align: center
}

.home-2019 .homepage-banner .home-banner-left-cta, .home-2019 .homepage-banner .home-banner-right-cta {
    display: block
}

.home-2019 .homepage-banner .home-banner-left-cta {
    margin-bottom: 30px
}

.home-2019 .homepage-featured-resources .row-wrapper > .row {
    padding-bottom: 0
}

@media screen and (min-width: 600px) {
    .home-2019 .homepage-banner .component-banner h3 {
        max-width: 750px;
        font-size: 22px;
        line-height: 30px
    }

    .home-2019 .homepage-banner .component-banner .home-banner-left-cta, .home-2019 .homepage-banner .component-banner .home-banner-right-cta {
        display: inline-block
    }

    .home-2019 .homepage-banner .component-banner .home-banner-left-cta {
        margin-right: 20px
    }

    .home-2019 .homepage-featured-resources .row-wrapper > .row {
        padding-bottom: 30px
    }
}

@media screen and (min-width: 992px) {
    .home-2019 .homepage-banner .component-banner h1 {
        font-size: 50px;
        line-height: 58px;
        text-align: left
    }

    .home-2019 .homepage-banner .component-banner h3 {
        text-align: left;
        margin-top: 5px
    }

    .home-2019 .homepage-banner .field-name-field-banner-links {
        text-align: left
    }

    .home-2019 article.home-2019 .homepage-banner {
        background: url(/sites/default/files/cmm_files/MS_MainBanner.jpg) no-repeat;
        background-position-x: 0;
        background-position-y: 0;
        background-size: cover;
        min-height: 282px
    }
}

@media screen and (max-width: 1160px) {
    .home-2019 .customer-logos .row-wrapper .row {
        padding: 40px 0
    }
}

.home-2019.smartling-de .component-tile.component-tile--view-mode-d .field {
    padding: 0 32px;
    min-height: 60px
}

.path-about .billboard h1 {
    margin: 0 auto;
    max-width: 95%;
    margin: 60px auto 0 auto
}

@media screen and (min-width: 600px) {
    .path-about .billboard h1 {
        max-width: 60%
    }
}

@media screen and (min-width: 992px) {
    .path-about .billboard h1 {
        max-width: 40%
    }
}

.path-about .billboard .field-name-body {
    margin-top: 40px
}

.path-about .billboard .legend {
    font-size: 22px;
    margin-top: 20px
}

.path-about .billboard .legend .bold {
    font-family: DinproBold, Arial, sans-serif
}

.path-about .billboard .legend .regular {
    font-family: opensans, arial, sans-serif
}

.path-about .billboard .vidyard-link-wrapper {
    position: relative;
    width: 100%
}

.path-about .billboard .vidyard-link-wrapper .vidyard-pop-up-button {
    height: 65px;
    width: 65px;
    display: block;
    margin: 0 auto;
    background-image: url(/themes/custom/mule_foundation/images/play.svg)
}

.path-about .billboard .vidyard-link-wrapper .vidyard-pop-up-button:hover {
    background-image: url(/themes/custom/mule_foundation/images/play-hover.svg)
}

.about-page .arrow-button, .about-page .instagram-button {
    margin-top: 10px
}

.about-page .awards {
    text-align: center
}

.about-page .awards h2 {
    padding-bottom: 30px
}

.about-page .awards .copy {
    max-width: 100%
}

@media screen and (min-width: 992px) {
    .about-page .awards .copy {
        max-width: 500px;
        margin: 0 auto 45px
    }
}

.about-page .stat {
    margin-bottom: 55px;
    display: inline-block;
    width: 100%
}

@media screen and (min-width: 600px) {
    .about-page .stat {
        width: 33%
    }
}

.about-page .stat.third {
    margin-bottom: 0
}

.about-page .stat-title {
    display: block;
    width: 100%;
    font-family: "DINProBold", Arial, sans-serif;
    font-size: 40px;
    line-height: 45px;
    color: #a1a1a1
}

@media screen and (min-width: 992px) {
    .about-page .line-of-code {
        text-align: left
    }
}

.about-page .line-of-code h2 {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 30px
}

@media screen and (min-width: 992px) {
    .about-page .line-of-code h2 {
        width: 100%
    }
}

.about-page .line-of-code p {
    padding-bottom: 30px
}

.about-page .why-mule-row.row-wrapper .row {
    padding-bottom: 0
}

@media screen and (min-width: 992px) {
    .about-page .why-mule-row.row-wrapper .row .inner {
        text-align: left
    }
}

.about-page .blue-gr-footer-row {
    padding: 30px 0 10px 0
}

@media screen and (min-width: 1160px) {
    .about-page .blue-gr-footer-row {
        height: 150px
    }
}

.about-page .blue-gr-footer-row .block-region-footer {
    max-width: 682px;
    margin: 0 auto
}

.about-page .blue-gr-footer-row .footer-block {
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 30px
}

@media screen and (min-width: 600px) {
    .about-page .blue-gr-footer-row .footer-block {
        display: inline-block;
        width: 19%;
        height: auto;
        margin-left: auto
    }
}

.about-page .blue-gr-footer-row .footer-block img {
    display: inline-block;
    width: 40px;
    height: auto
}

@media screen and (min-width: 600px) {
    .about-page .blue-gr-footer-row .footer-block img {
        width: 67px;
        height: 67px;
        margin: 0 auto;
        display: block
    }
}

.about-page .blue-gr-footer-row .footer-block p {
    color: #fff;
    font-family: 'DinProLight', arial, sans-serif;
    font-size: 22px;
    margin-top: 10px;
    text-align: left;
    display: inline-block;
    margin-left: 20px
}

@media screen and (min-width: 600px) {
    .about-page .blue-gr-footer-row .footer-block p {
        text-align: center;
        display: block;
        margin-left: 0
    }
}

.about-page .careers-banner .billboard-row {
    padding: 95px 28px 40px 28px
}

.about-page .careers-banner .billboard-row h1 {
    font-size: 26px;
    line-height: 28px
}

.about-page .careers-banner .billboard-row.taller {
    min-height: 360px;
    background-image: url("/sites/default/files/2018-05/Career_Muleys_Mobile.png")
}

@media screen and (min-width: 600px) {
    .about-page .careers-banner .billboard-row.taller {
        background-image: url("/sites/default/files/2018-05/Career_Muleys_Tablet.png")
    }
}

@media screen and (min-width: 992px) {
    .about-page .careers-banner .billboard-row.taller {
        background-image: url("/sites/default/files/2018-05/Career_Muleys_Desktop.png")
    }
}

@media screen and (min-width: 992px) {
    .about-page .careers-banner p {
        max-width: 480px;
        margin: 0 auto
    }
}

.about-page .job-post {
    margin-top: -70px
}

.about-page .job-post section {
    background: #fff;
    z-index: 6;
    position: relative;
    box-shadow: 0 32px 54px 0 rgba(0, 0, 0, .1);
    padding: 50px 40px 55px 40px
}

@media screen and (min-width: 992px) {
}

.about-page .job-post .about-job-post {
    width: 100%
}

@media screen and (min-width: 600px) {
    .about-page .job-post .about-job-post {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }
}

@media screen and (min-width: 992px) {
    .about-page .job-post .about-job-post {
        width: 30%;
        text-align: left
    }
}

.about-page .job-post .about-job-post ul {
    margin-left: 0
}

.about-page .job-post .about-job-post ul li {
    list-style: none;
    margin-bottom: 26px
}

.about-page .job-post .about-job-post ul li p {
    font-size: 15px;
    margin-bottom: 0;
    line-height: 26px
}

.about-page .job-post .about-job-post ul li .job-title {
    font-weight: bold
}

.about-page .job-post .about-job-post:nth-child(2) {
    display: none
}

@media screen and (min-width: 600px) {
    .about-page .job-post .about-job-post:nth-child(2) {
        display: inline-block
    }
}

.about-page .job-post .about-job-post:nth-child(3) {
    display: none
}

@media screen and (min-width: 992px) {
    .about-page .job-post .about-job-post:nth-child(3) {
        display: inline-block
    }
}

.about-page .job-post .job-post-view-all {
    clear: both;
    padding-top: 55px
}

.about-page .why-a-mule h2:last-of-type {
    padding-bottom: 30px
}

.about-page .run-mules .billboard-row .body {
    width: 70%;
    margin: 0 auto
}

.about-page .ellipsis-row .cell {
    padding-bottom: 60px
}

.about-page .ellipsis-row .cell.awards {
    padding-bottom: 0
}

.about-page .ellipsis-row .cell.awards img {
    padding: 0 30px 0 30px
}

.about-page .ellipsis-row .cell.line-of-code-image {
    padding-bottom: 0
}

.about-page .row-wrapper.ellipsis-row:before {
    background: #f4fcff;
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    display: block;
    width: 200%;
    height: 100%;
    z-index: 2;
    background: -moz-linear-gradient(bottom, white 0, #f4fcff 100%);
    background: -webkit-linear-gradient(bottom, white 0, #f4fcff 100%);
    background: linear-gradient(to bottom, white 0, #f4fcff 100%)
}

@media screen and (min-width: 992px) {
    .about-page .row-wrapper.ellipsis-row:before {
        border-radius: 50%
    }
}

.about-page .row-wrapper.ellipsis-row {
    padding-top: 40px;
    position: relative
}

.about-page .row-wrapper.ellipsis-row div {
    z-index: 3;
    padding-top: 0
}

.about-page .why-mule-image {
    z-index: 5
}

@media screen and (min-width: 992px) {
    .about-page .why-mule-image {
        margin-top: -150px;
        z-index: 5
    }
}

.instagram-button::before {
    content: " ";
    background-image: url("/sites/default/files/2018-05/Instagram_Icon.png");
    display: inline-block;
    width: 27px;
    height: 27px;
    background-position: 0 0;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: middle
}

.instagram-button:hover:before {
    content: " ";
    background-image: url("/sites/default/files/cmm_files/Instagram.svg")
}

.blue-gr-footer-row {
    background-image: -ms-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -moz-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -o-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5e66f9), color-stop(100, #00a0df));
    background-image: -webkit-linear-gradient(left, #00a0df 0, #5e66f9 100%);
    background-image: linear-gradient(to right, #00a0df 0, #5e66f9 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.contact-page .reveal:focus {
    outline: -webkit-focus-ring-color auto 0
}

.contact-page .component-tile.component-tile--view-mode-d {
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left
}

.contact-page .component-tile.component-tile--view-mode-d .field-component--field-tile-image {
    height: 80px
}

@media screen and (min-width: 992px) {
    .contact-page .component-tile.component-tile--view-mode-d .field-component--field-tile-image {
        height: 110px
    }
}

.contact-page .component-tile.component-tile--view-mode-d .field-component--field-tile-image img {
    position: absolute;
    left: 0;
    top: 0
}

.contact-page .component-tile.component-tile--view-mode-d .field-component--field-tile-body h3 {
    min-height: initial
}

.contact-page .global-hq {
    text-align: center
}

@media screen and (min-width: 600px) {
    .contact-page .global-hq {
        text-align: left
    }
}

.contact-page .global-hq img {
    max-width: 70%
}

@media screen and (min-width: 480px) {
    .contact-page .global-hq img {
        max-width: 55%
    }
}

@media screen and (min-width: 600px) {
    .contact-page .global-hq img {
        max-width: 70%
    }
}

@media screen and (min-width: 992px) {
    .contact-page .global-hq img {
        max-width: 100%
    }
}

.contact-page div#contactSales {
    padding: 0;
    border: 0
}

.contact-page div#contactSales:before {
    background-image: linear-gradient(-90deg, #5e66f9 0, #00a0df 99%);
    content: "";
    display: block;
    height: 5px;
    margin-bottom: 40px
}

.contact-page form.mktoForm label[for="preferencesPrivacyPolicyAgreement"] a {
    padding: 0
}

.contact-page form.mktoForm.ms-mkto-form .mktoFieldWrap select {
    border: 1px solid #cfcfcf;
    color: #cfcfcf;
    background-image: url("/sites/default/files/form-carrot.svg");
    background-position: 95% 3px;
    background-repeat: no-repeat;
    background-size: auto
}

.contact-page form.mktoForm.ms-mkto-form .mktoFieldWrap select#Subject.mktoValid {
    color: #787878
}

.contact-page form.mktoForm.ms-mkto-form .form-title {
    font-family: "DINProLight", Arial, sans-serif
}

svg.animated g {
    pointer-events: bounding-box
}

.anypoint-platform-101:hover #anypoint-101 .slide-in-first {
    opacity: 0;
    animation: .7s ease-out 0s forwards 1 slideInFromLeftFirst
}

.anypoint-platform-101:hover #anypoint-101 .slide-in-second {
    animation: .2s ease-out .2s forwards 1 slideInFromLeftSecondx
}

.anypoint-platform-101:hover #anypoint-101 .slide-in-last {
    opacity: 0;
    animation: .2s ease-out .4s forwards 1 slideInFromLeftLast
}

.anypoint-platform-101:hover #anypoint-101 .slide-1 {
    animation: .2s ease-out .1s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-2 {
    animation: .2s ease-out .2s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-3 {
    animation: .2s ease-out .3s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-4 {
    animation: .2s ease-out .4s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-5 {
    animation: .2s ease-out .5s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-6 {
    animation: .2s ease-out .6s forwards 1 slideInFromLeft;
    opacity: 0
}

.gartner-analyst-reports:hover #gartner-report .vertical {
    opacity: 0;
    animation: .5s ease-out 0s forwards 1 slideInFromLeftVerticalLine
}

.gartner-analyst-reports:hover #gartner-report .horizontal {
    opacity: 0;
    animation: .3s ease-out 0s forwards 1 slideInFromBottom
}

.gartner-analyst-reports:hover #gartner-report .fade {
    opacity: 0;
    animation: .6s ease-out .4s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-2 {
    opacity: 0;
    animation: .7s ease-out .5s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-3 {
    animation: .9s ease-out .9s 1 fadeIn;
    opacity: 0;
    animation: 2s normal .8s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-4 {
    animation: 1s ease-out .9s 1 fadeIn;
    opacity: 0;
    animation: 1s normal .9s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-5 {
    animation: 1s ease-out 1s 1 fadeIn;
    opacity: 0;
    animation: 1s normal 1s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-6 {
    animation: 1s ease-out 1.1s 1 fadeIn;
    opacity: 0;
    animation: 1s normal 1.1s forwards 1 fadeIn
}

.application-network-overview:hover #application-network .fade-in {
    opacity: 0;
    animation: grow 1.2s linear
}

.business-automation:hover #icon g.hover-rotate {
    -webkit-animation: rotation 2s infinite linear;
    -moz-animation: rotation 2s infinite linear;
    animation: rotation 2s infinite linear;
    transform-origin: center
}

@keyframes slideInFromLeft {
    0% {
        opacity: .4;
        transform: translate(-100%, 0px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

@keyframes slideInFromLeftLast {
    0% {
        opacity: .4;
        transform: translate(-100%, 0px)
    }
    100% {
        opacity: 1;
        transform: translate(0%, 0px)
    }
}

@keyframes slideInFromLeftFirst {
    0% {
        opacity: .4;
        transform: translate(-100%, 0px)
    }
    100% {
        opacity: 1;
        transform: translate(0%, 0px)
    }
}

@keyframes slideInFromLeftSecond {
    0% {
        opacity: .4;
        transform: translate(-100%, 12px)
    }
    100% {
        opacity: .4;
        transform: translate(18px, 15px)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes grow {
    0% {
        opacity: 0;
        clip-path: circle(4px at center)
    }
    10% {
        opacity: 1
    }
    50% {
        clip-path: circle(40px at center)
    }
    100% {
        opacity: 1;
        clip-path: circle(40px at center)
    }
}

@keyframes slideInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(200%)
    }
    75% {
        opacity: .5
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInFromLeftVerticalLine {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    45% {
        opacity: .5
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

.team-landing-page .component-banner .field-component--field-banner-body {
    margin: 2em 0 0 0
}

.team-landing-page h1 {
    display: block;
    font-size: 33px;
    line-height: 33px;
    text-align: center;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 35px
}

.team-landing-page .content-top .team-content-top .team-content-top-row {
    display: block;
    float: left;
    margin-bottom: 18px;
    font-size: 14px;
    padding: 0 10px
}

.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
    background: #f4fcff;
    height: 420px
}

@media only screen and (max-width: 1160px) and (min-width: 992px) {
    .team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
        height: 375px
    }
}

@media screen and (max-width: 600px) {
    .team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
        max-width: 280px;
        margin: 0 auto
    }
}

.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-image img {
    width: 100%;
    height: auto
}

.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-name {
    color: #40b4e5;
    margin: 4px 20px 0 20px;
    font-size: 20px
}

.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-title {
    margin: 0 20px;
    line-height: 1.2em
}

@media screen and (max-width: 600px) {
    .team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-title {
        padding-bottom: 25px
    }
}

.team-landing-page .content-middle {
    background: #f2f2f2
}

.team-landing-page .content-bottom .team-content-bottom h2 {
    text-align: center;
    padding-bottom: 60px
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 60px
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row.first {
    margin-top: 0
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .field-leader-image {
    float: left;
    width: 240px;
    color: #323031
}

@media screen and (max-width: 600px) {
    .team-landing-page .content-bottom .team-content-bottom .content-bottom-row .field-leader-image {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper {
    float: left;
    width: calc(100% - 240px);
    padding-left: 30px
}

@media screen and (max-width: 600px) {
    .team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper {
        width: 100%;
        float: none;
        padding-left: 0
    }
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-name {
    font-size: 20px;
    font-weight: 300;
    color: #323031
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-title, .team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-description {
    font-size: 15px
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-title p, .team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-description p {
    color: #323031;
    margin: 1.5em 0
}

.branding-page {
    background-color: #fff
}

@media screen and (max-width: 1160px) {
    .branding-page .full-width-row {
        padding-top: 30px
    }
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header.active .header-wrapper {
    background: #00044c
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside nav .menu > li:hover > a, .branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside nav .menu > li:hover span {
    border-top: 0;
    color: #fff;
    background-color: transparent;
    cursor: pointer
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside nav .menu > li:hover a::after {
    display: none
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside nav .menu > li > a {
    padding: 22px 10px 0
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside .right-side .menu > li:hover > a, .branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside .right-side .menu > li:hover span {
    border-top: 0;
    color: #fff;
    background-color: transparent;
    cursor: pointer
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside .right-side .menu > li > a {
    padding: 22px 10px 0
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu > li > a {
    pointer-events: all
}

.branding-page .title.border-bottom h1 {
    border-bottom: 1px solid #d1d1d1;
    font-size: 22px;
    line-height: 28px;
    color: #2a2a2a;
    font-family: "DINProBold", Arial, sans-serif;
    padding: 5px 0 5px 0
}

@media screen and (max-width: 600px) {
    .branding-page .title.border-bottom h1 {
        border: 0;
        text-align: center
    }
}

.branding-page .brand-section-title h2 {
    color: #000;
    font-family: "DINProLight", Arial, sans-serif;
    font-size: 23px;
    line-height: 29px;
    text-align: center
}

.branding-page .brand-section .cell {
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #c4c4c4
}

.branding-page .brand-section .cell.last {
    box-shadow: none
}

.branding-page .brand-section .cell.last > div {
    padding: 15px 20px 0
}

.branding-page .brand-section .cell.last .distri-img {
    margin-bottom: 1em
}

.branding-page .brand-section .cell.last h3 {
    color: #000;
    font-family: "DINProLight", Arial, sans-serif;
    font-size: 23px;
    line-height: 29px
}

.branding-page .brand-section .cell.last p {
    margin-bottom: 0;
    color: #2d2d2d;
    font-family: "openSans", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px
}

.branding-page .brand-section .cell.last p.email {
    color: #00a0df;
    font-family: "openSans", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px
}

.branding-page .brand-section .cell .field-component--field-brand-title {
    padding: 25px 30px 15px 30px
}

.branding-page .brand-section .cell .field-component--field-brand-title .field-item {
    font-size: 23px;
    line-height: 29px;
    color: #000;
    font-family: "DINProLight", Arial, sans-serif
}

@media screen and (max-width: 600px) {
    .branding-page .brand-section .cell .field-component--field-brand-title .field-item {
        border: 0;
        text-align: center
    }
}

.branding-page .brand-section .cell .field-component--field-brand-link {
    padding: 15px 30px 25px 30px
}

.branding-page .brand-section .cell .field-component--field-brand-link a {
    border: 0;
    font-family: "openSans", Arial, sans-serif;
    font-size: 15px;
    color: #00a0df;
    line-height: 24px
}

.branding-page .brand-section .cell .field-component--field-brand-link a::before {
    display: inline-block;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 8px 6px;
    background-color: #00a3e0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -3px;
    content: " ";
    vertical-align: middle
}

.branding-page .brand-section .cell .brand-bg {
    padding-top: 35.28%
}

.branding-page .brand-section .cell .brand-bg.primary-blue {
    background: #00a0df
}

.branding-page .brand-section .cell .brand-bg.dark-gray {
    background: #414042
}

.branding-page .brand-section .cell .brand-bg.light-gray {
    background: #99999a
}

.branding-page .brand-section .cell .brand-bg.secondary-blue {
    background: #00607c
}

.branding-page .brand-section .cell .brand-bg.medium-gray {
    background: #646469
}

.branding-page .brand-section .cell .brand-bg.background-gray {
    background: #f2f2f2
}

.branding-page .brand-section .cell .brand-bg.viridian {
    background: #00b39c
}

.branding-page .brand-section .cell .brand-bg.future-green {
    background: #00b268
}

.branding-page .brand-section .cell .brand-bg.indigo {
    background: #5e66f9
}

.branding-page .brand-section .cell .brand-bg.brand-button {
    background: #77bc1f
}

.branding-page .brand-section .cell .brand-bg.button-active {
    background: #009444
}

.branding-page .brand-section .cell .brand-bg.link {
    background: #00a0df
}

.branding-page .brand-section .cell .brand-bg.warning-red {
    background: #d1344e
}

.branding-page .brand-section .cell .brand-bg.alert-yellow {
    background: #f2be24
}

.branding-page .brand-section .cell .brand-color-wrapper {
    padding: 25px 30px 15px 30px;
    width: 100%;
    display: block;
    overflow: hidden
}

.branding-page .brand-section .cell .brand-color-wrapper h3 {
    margin-bottom: 1em;
    color: #000;
    font-family: "DINProLight", Arial, sans-serif;
    font-size: 22px;
    line-height: 28px
}

.branding-page .brand-section .cell .brand-color-wrapper h3 sup {
    font-size: 22px;
    top: 0
}

.branding-page .brand-section .cell .brand-color-wrapper .cell-wrapper {
    float: left;
    width: 50%;
    margin-bottom: 5px
}

.branding-page .brand-section .cell .brand-color-wrapper .cell-wrapper strong, .branding-page .brand-section .cell .brand-color-wrapper .cell-wrapper span {
    color: #2d2d2d;
    font-family: "openSans", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px
}

.branding-page .brand-section.brand-color-asterdisk .cell {
    box-shadow: none
}

.branding-page .brand-section.brand-color-asterdisk p.asterdisk {
    margin-top: 1em;
    color: #2d2d2d;
    font-family: "openSans", Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px
}

.branding-page .branding-email-signature {
    padding-top: 15px
}

.branding-page .branding-email-signature table {
    border-spacing: 0;
    border-collapse: initial;
    width: auto;
    border: 0;
    cellpadding: 0;
    cellspacing: 0;
    height: 80;
    font-family: "DINPro", Arial, sans-serif;
    margin: 0;
    padding: 0
}

.branding-page .branding-email-signature th, .branding-page .branding-email-signature td {
    background: #fff;
    text-align: left;
    font-family: "DINPro", Arial, sans-serif
}

.branding-page .branding-email-signature th:after, .branding-page .branding-email-signature td:after {
    content: none
}

.branding-page .branding-email-signature .email-signature-legal {
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    font-size: 11px;
    color: #888;
    line-height: 1.5em
}

.section-brand li.video-row {
    margin-bottom: 25px
}

.section-brand li.video-row:hover {
    box-shadow: 0 15px 44px 0 rgba(119, 118, 118, .25);
    cursor: pointer
}

.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .menu > li:hover > a, .section-brand .section-brand .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .menu > li:hover > span {
    color: white
}

.section-brand header.ms-com-header.mobile-header .menu > li > a {
    pointer-events: all
}

body.smartling-padding-top {
    padding-top: 110px
}

.translatable-page.section-en-es.localized-content #main, .translatable-page.section-en-fr.localized-content #main, .translatable-page.section-en-jp.localized-content #main, .translatable-page.section-en-de.localized-content #main, .translatable-page.section-en-pt.localized-content #main {
    margin-top: 100px
}

@media screen and (min-width: 992px) {
    .translatable-page.section-en-es.localized-content #main, .translatable-page.section-en-fr.localized-content #main, .translatable-page.section-en-jp.localized-content #main, .translatable-page.section-en-de.localized-content #main, .translatable-page.section-en-pt.localized-content #main {
        margin-top: 80px
    }
}

.smartling-de.node--type-customer-story .banner h1, .smartling-fr.node--type-customer-story .banner h1, .smartling-es.node--type-customer-story .banner h1 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    max-width: 80%
}

@media screen and (min-width: 992px) {
    .smartling-de.node--type-customer-story .banner h1, .smartling-fr.node--type-customer-story .banner h1, .smartling-es.node--type-customer-story .banner h1 {
        max-width: 50%
    }
}

.smartling-fr .banner-region .component-banner-br-view-mode-b .mule-button-br, .smartling-de .banner-region .component-banner-br-view-mode-b .mule-button-br, .smartling-pt .banner-region .component-banner-br-view-mode-b .mule-button-br, .smartling-es .banner-region .component-banner-br-view-mode-b .mule-button-br {
    min-width: 300px
}

.smartling-fr .component-tile.component-tile--br-view-mode-c h3, .smartling-de .component-tile.component-tile--br-view-mode-c h3, .smartling-pt .component-tile.component-tile--br-view-mode-c h3, .smartling-es .component-tile.component-tile--br-view-mode-c h3 {
    font-size: 20px
}

@media screen and (min-width: 992px) {
    .smartling-pt.node--type-product-page-t3 .banner-region .component-banner-view-mode-b .mule-button, .smartling-fr.node--type-product-page-t3 .banner-region .component-banner-view-mode-b .mule-button {
        min-width: 300px
    }
}

@media screen and (min-width: 992px) {
    .smartling-pt.node--type-product-page-t3 .banner-region .component-banner-view-mode-b .mule-button:nth-child(2), .smartling-fr.node--type-product-page-t3 .banner-region .component-banner-view-mode-b .mule-button:nth-child(2) {
        margin-left: 0;
        margin-top: 0
    }
}

.sm-long.homepage-2021 .component-tile.component-tile--br-view-mode-a .field-name-field-tile-body p {
    font-size: 18px;
    line-height: 25px
}

@media screen and (min-width: 992px) {
    .sm-long.homepage-2021 .tab-system-padding {
        margin-top: -180px
    }
}

.sm-long .featured-tiles .component-tile--view-mode-d h3 {
    min-height: 80px
}

.smartling-fr.home-localized .component-tile--view-mode-d .field-component--field-tile-body p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.smartling-fr.home-localized .component-tile--view-mode-d h3 {
    font-size: 19px;
    line-height: 26px
}

@media screen and (min-width: 600px) {
    .smartling-fr.home-localized .component-tile--view-mode-d h3 {
        font-size: 22px;
        line-height: 26px
    }
}

@media screen and (max-width: 600px) {
    .sm-long.homepage-2021 .field-wrapper.field.field-component--field-banner-links.field-name-field-banner-links.field-type-bricks-revisioned.field-label-hidden a:last-child {
        min-width: 100%
    }
}

.smartling-fr .component-tile h3, .smartling-de .component-tile h3, .smartling-es .component-tile h3 {
    font-size: 20px;
    line-height: 23px
}

.smartling-fr .component-tile h3.br-eyebrow, .smartling-de .component-tile h3.br-eyebrow, .smartling-es .component-tile h3.br-eyebrow {
    font-size: 12px;
    line-height: 30px
}

.smartling-fr .component-tile p, .smartling-de .component-tile p, .smartling-es .component-tile p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.smartling-fr .component-feature--br-view-mode-b .field-component--title, .smartling-de .component-feature--br-view-mode-b .field-component--title, .smartling-pt .component-feature--br-view-mode-b .field-component--title, .smartling-es .component-feature--br-view-mode-b .field-component--title {
    max-height: 60px
}

.smartling-es .component-large-tile-with-quote .left {
    cursor: initial
}