.flex { display:flex }
.justify-between { justify-content:space-between }
.line-h20 { line-height:20px }
.font-semibold { font-weight:600 }
.text-rigth { text-align:right }
@media (max-width:1010px) {
    .hide-mobile {
        display:none
    }
}
#hero-template { background-color:#4657a1; color:#fff; padding:25px 0; font-family:EuclidCircularB, sans-serif }
#hero-template .breadcrumbs>li.breadcrumbs-item:before, #hero-template .breadcrumbs a { color:#fff }
#hero-template h1 { font-weight:700; font-size:40px; line-height:50.72px }
@media (max-width:1010px) {
    #hero-template h1 {
        font-size:24px;
        line-height:30.43px;
        font-weight:600
    }
}
#hero-template h2 { margin-top:30px; font-size:14px }
#hero-template .hero-template_content { display:flex; align-items:center; justify-content:space-between; padding-top:25px }
#hero-template .hero-template_image svg { width:265px }
@media (max-width:1010px) {
    #hero-template .hero-template_image {
        display:none
    }
}
.wrapper-container { font-family:EuclidCircularB, sans-serif; padding:40px 0 }
@media (max-width:1010px) {
    .wrapper-container {
        padding:20px 0
    }
}
.wysiwyg-content.intro-content p { margin-bottom:0 }
.section { margin-bottom:40px; box-shadow:0 0 8px rgba(0, 0, 0, .15); border-radius:4px }
#currency-conversion { padding:24px 30px }
@media (min-width:1011px) {
    #currency-conversion {
        padding:24px 40px
    }
}
#currency-conversion .text-label { font-size:16px; line-height:24px; color:#333; word-break:break-word }
#currency-conversion .text-input { font-size:16px; line-height:28px }
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
    #currency-conversion .text-input {
        line-height:23px
    }
}
#currency-conversion .bg-white { background:#fff }
#currency-conversion .dollar-svg { padding-left:47px!important; background:#fff url("../fonts/5c302520361b459a80538330e7eee274.woff") no-repeat 22px 50%; background-size:9px ​18px }
#currency-conversion .dropdown-svg { position:absolute; top:18px; right:18px; cursor:pointer; height:8px; width:13px; pointer-events:none; color:#666 }
@media (min-width:1011px) {
    #currency-conversion .input-group-wrapper {
        display:flex;
        justify-content:space-between;
        margin-bottom:24px
    }
}
@media (min-width:1011px) {
    #currency-conversion .input-group-wrapper.additional-inputs {
        margin-top:24px
    }
}
#currency-conversion .invert-selection { background-color:transparent }
@media (min-width:1011px) {
    #currency-conversion .invert-selection {
        margin-top:15px
    }
}
#currency-conversion .input-section { width:100%; min-height:56px; color:#333; border:1px solid #cbd5e1; border-radius:4px; word-break:break-word }
#currency-conversion .label-wrapper { margin-bottom:4px; display:flex; align-items:center; position:relative }
@media (min-width:1011px) and (max-width:1128px) {
    #currency-conversion .additional-inputs .label-wrapper {
        min-height:48px
    }
}
#currency-conversion .input-group { margin-bottom:24px }
@media (min-width:1011px) {
    #currency-conversion .input-group {
        flex:1;
        display:flex;
        flex-direction:column;
        margin-bottom:0;
        padding-right:20px
    }
    #currency-conversion .input-group:last-child {
        padding-right:0
    }
}
#currency-conversion .input-group.flex-grow-none { flex-grow:unset }
#currency-conversion .input-group .input-icon { position:relative; overflow:hidden }
#currency-conversion .input-group .input-icon input+span:after, #currency-conversion .input-group .input-icon select+span:after { position:absolute; top:15px; right:20px; font-family:EuclidCircularB, sans-serif; font-size:18px; line-height:28px; font-weight:400; text-align:right; color:#aaa }
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
    #currency-conversion .input-group .input-icon input+span:after, #currency-conversion .input-group .input-icon select+span:after {
        top:13px
    }
}
#currency-conversion .input-group input, #currency-conversion .input-group select { padding:13px 40px 13px 16px }
#currency-conversion .input-group input:disabled, #currency-conversion .input-group select:disabled { background-color:#f3f3f3; cursor:not-allowed; color:#395bb6; opacity:1!important }
#currency-conversion .input-group input:disabled::-moz-placeholder, #currency-conversion .input-group select:disabled::-moz-placeholder {
    color:#395bb6
}
#currency-conversion .input-group input:disabled::placeholder, #currency-conversion .input-group select:disabled::placeholder {
    color:#395bb6
}
#currency-conversion .input-group input::-moz-placeholder {
    color:#aaa
}
#currency-conversion .input-group input::placeholder {
    color:#aaa
}
#currency-conversion .errorBox { font-size:14px; line-height:24px; color:#ed1b2e }
#currency-conversion .errorBox .error { margin:10px 0 0; display:block }
#currency-conversion .errorBox input { border:1px solid #ed1b2e!important }
#currency-conversion .error { display:none }
#currency-conversion .submit-button { max-width:320px; height:56px; margin:30px auto 0; display:flex; justify-content:center; align-items:center; -webkit-tap-highlight-color:transparent; box-shadow:0 4px 4px rgba(0, 0, 0, .12); font-family:EuclidCircularB, sans-serif; border-radius:4px; width:100%; background:#4657a1; color:#fff; font-style:normal; font-weight:600; font-size:18px; padding:6px 0; cursor:pointer }
#currency-conversion .submit-button svg { width:20px; fill:#fff; margin-left:10px }
.partner-cta-btn-text { max-width:320px; margin:1rem 0; text-align:center }
@media (max-width:1010px) {
    .partner-cta-btn-text {
        max-width:100%
    }
}
.partner-cta-btn-text small { color:#64748b }
.partner-cta-top .partner-cta-btn-text small { color:#fff }
.partner-cta-center { padding:2rem 0; margin-bottom:4rem; background-color:#fcf9f1 }
.partner-cta-center .wysiwyg-content { display:flex; flex-direction:row; align-items:center; justify-content:center }
@media (max-width:1011px) {
    .partner-cta-center .wysiwyg-content {
        flex-direction:column
    }
}
.partner-cta-center .wysiwyg-content p { margin-bottom:0; font-family:EuclidCircularB, sans-serif; margin-right:50px; font-weight:500 }
@media (max-width:1010px) {
    .partner-cta-center .wysiwyg-content p {
        margin-right:0
    }
}
.partner-cta-center .wysiwyg-content .partner-cta-center-link-container { display:flex; flex-direction:column; min-width:320px }
@media (max-width:1010px) {
    .partner-cta-center .wysiwyg-content .partner-cta-center-link-container {
        min-width:100%
    }
}
.partner-cta-bottom { display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:2rem }
.partner-cta-bottom a { margin-top:0 }
.cta-button-green { max-width:320px; height:56px; margin:30px 0 0; display:flex; justify-content:center; align-items:center; -webkit-tap-highlight-color:transparent; box-shadow:0 4px 4px rgba(0, 0, 0, .12); font-family:EuclidCircularB, sans-serif; border-radius:4px; width:100%; background:#35b782; color:#fff!important; text-decoration:none!important; font-style:normal; font-weight:600; font-size:18px; padding:6px 0; cursor:pointer }
@media (max-width:1010px) {
    .cta-button-green {
        max-width:100%
    }
}
.cta-button-green svg { width:20px; fill:#fff; margin-left:10px }
.cta-button-green:hover { background-color:#34b37f }
.updated-string { margin-top:15px; margin-bottom:15px; line-height:24px; font-size:14px; color:#64748b; font-family:EuclidCircularB, sans-serif; text-align:center }
@media (min-width:1011px) {
    .updated-string {
        padding:0 40px
    }
}
.result-box { text-align:center; background-color:#f5f7ff; padding:20px 0 }
@media (max-width:1010px) {
    .result-box {
        padding:40px
    }
}
.result-box .result-box-title { font-size:16px; color:#1e293b; font-weight:600; line-height:24px }
.result-box .result-box-conversion { color:#4657a1; font-family:EuclidCircularB, sans-serif; font-weight:600; font-size:28px; line-height:44px }
@media (max-width:1010px) {
    .result-box .result-box-conversion {
        font-size:32px
    }
}
@media (max-width:1010px) {
    .result-box .result-box-conversion span.amount {
        display:block
    }
}
.result-box .result-box-conversion span.amount span { color:#cbd5e1 }
.result-box .result-box-c1-c2 { color:#64748b; font-weight:400; font-size:14px; line-height:24px }
@media (max-width:1010px) {
    .result-box .result-box-c1-c2 {
        margin-top:10px
    }
}
.section-chart { padding:20px }
@media (min-width:1011px) {
    .section-chart {
        padding:24px 40px 30px
    }
}
.section-chart .section-chart-header { display:flex; justify-content:space-between; align-items:center; font-family:EuclidCircularB, sans-serif; font-weight:400; font-size:14px; line-height:24px; color:#64748b; padding-bottom:20px }
.section-chart .section-chart-header h2 { font-weight:600; font-size:22px; line-height:22px; color:#1e293b; padding-bottom:6px }
.section-chart #exchange-rate-chart .tick { fill:#a3a3a3 }
.section-chart #exchange-rate-chart .c3-line { stroke:#4657a1!important; stroke-width:2px }
.section-chart #exchange-rate-chart .c3-circle { fill:#4657a1; stroke-width:3px; stroke:#fff }
.section-chart #exchange-rate-chart line, .section-chart #exchange-rate-chart path { stroke:#cbd5e1!important }
.section-chart #exchange-rate-chart .c3-axis-x .tick text { transform:rotate(-45deg) translateX(-30px) }
@media (min-width:1011px) {
    .section-chart #exchange-rate-chart .c3-axis-x .tick text {
        transform:none
    }
}
.section-chart #exchange-rate-chart .c3-tooltip-container { background-color:#4657a1; color:#fff; padding:10px; border-radius:4px }
.section-chart #exchange-rate-chart .c3-tooltip-container .value { font-size:15px; font-weight:600 }
.section-chart #exchange-rate-chart .c3-tooltip-container .date { font-size:12px }
.section-chart .chart-periods { text-align:center; display:flex; justify-content:space-between; margin:auto }
@media (min-width:1011px) {
    .section-chart .chart-periods {
        width:400px
    }
}
.section-chart .chart-periods button { font-family:EuclidCircularB, sans-serif; background-color:transparent; border:none; font-style:normal; font-size:16px; line-height:24px; color:#64748b; font-weight:400; position:relative }
.section-chart .chart-periods button.selected { color:#4657a1; font-weight:700 }
.section-chart .chart-periods button.selected:after { content:""; height:2px; background-color:#395bb6; width:100%; display:block; position:absolute; bottom:-7px }
.wysiwyg-content a, .wysiwyg-content b, .wysiwyg-content em, .wysiwyg-content i, .wysiwyg-content li, .wysiwyg-content ol, .wysiwyg-content p, .wysiwyg-content span, .wysiwyg-content strong, .wysiwyg-content ul { font-size:18px; line-height:28px; color:#333 }
@media (max-width:1010px) {
    .wysiwyg-content a, .wysiwyg-content b, .wysiwyg-content em, .wysiwyg-content i, .wysiwyg-content li, .wysiwyg-content ol, .wysiwyg-content p, .wysiwyg-content span, .wysiwyg-content strong, .wysiwyg-content ul {
        font-size:16px;
        line-height:24px
    }
}
.wysiwyg-content a { color:#395bb6 }
.wysiwyg-content a:hover { text-decoration:underline }
.wysiwyg-content hr { display:none }
.wysiwyg-content b, .wysiwyg-content strong { font-weight:700; font-size:18px }
.wysiwyg-content p { margin-bottom:20px }
.wysiwyg-content p:empty { margin:0 }
.wysiwyg-content>ol { margin-left:20px; margin-bottom:20px }
.wysiwyg-content>ul { margin-bottom:20px }
.wysiwyg-content>ul li { position:relative; padding-left:30px }
.wysiwyg-content>ul li:before { content:""; width:8px; height:8px; border-radius:50%; position:absolute; left:6px; top:8px; background-color:#4759b2; display:inline-block }
@media (max-width:1010px) {
    .wysiwyg-content>ul li:before {
        top:6px
    }
}
.wysiwyg-content>ul li:last-child { margin-bottom:0 }
.wysiwyg-content>ul li strong { line-height:inherit }
.wysiwyg-content li { line-height:23px; margin-bottom:9px }
@media (max-width:1010px) {
    .wysiwyg-content li {
        font-size:16px;
        line-height:20px;
        margin-bottom:7px
    }
}
.wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 { font-family:EuclidCircularB, sans-serif; font-weight:700 }
.wysiwyg-content h2 { font-size:24px; line-height:31px; color:#333330; padding-bottom:12px; font-weight:600 }
@media (max-width:1010px) {
    .wysiwyg-content h2 {
        font-size:20px;
        line-height:26px;
        padding-bottom:8px;
        margin-bottom:12px
    }
}
.wysiwyg-content h3 { font-size:20px; line-height:26px; margin-bottom:8px }
@media (max-width:1010px) {
    .wysiwyg-content h3 {
        font-size:18px;
        line-height:28px
    }
}
.wysiwyg-content h4 { font-size:18px; line-height:23px; margin-bottom:4px }
@media (max-width:1010px) {
    .wysiwyg-content h4 {
        font-size:16px;
        line-height:24px
    }
}
.wysiwyg-content .table-wrapper { display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:20px 0 }
.wysiwyg-content table { border-collapse:collapse; border:1px solid #333; width:100% }
.wysiwyg-content table tr th { font-family:EuclidCircularB, sans-serif; font-weight:700 }
.wysiwyg-content table tr td, .wysiwyg-content table tr th { padding:10px; border:1px solid #333; font-size:18px }
@media (max-width:1010px) {
    .wysiwyg-content table tr td, .wysiwyg-content table tr th {
        font-size:16px
    }
}
.wysiwyg-content img { width:100%; height:auto; display:block }
.wysiwyg-content .article-section { border-bottom:4px solid #181716; margin-bottom:20px }
@media (max-width:1010px) {
    .wysiwyg-content b, .wysiwyg-content strong {
        font-weight:700;
        font-size:16px
    }
}
.boxes-wrapper { }
@media (min-width:1011px) {
    .boxes-wrapper {
        display:grid;
        grid-template-columns:1fr 390px;
        grid-template-rows:repeat(1, 1fr);
        grid-column-gap:15px;
    }
}

.module .box-card-title { background-color:#f5f7ff; padding:20px; font-weight:600; font-size:20px; line-height:24px; border-top-right-radius:4px; border-top-left-radius:4px }
.module .box-card-content { padding:15px 20px }
.module .box-card-footer { display:flex; justify-content:flex-end; font-size:12px; color:#64748b; line-height:24px; padding:0 12px }
@media (min-width:1011px) {
    .box-card-currencies-list {
        grid-area:2/1/3/2
    }
}
.box-card-currencies-list ul { display:grid; grid-template-columns:1fr 1fr }
.box-card-currencies-list .box-card-content {padding-bottom: 0;}
@media (min-width:1011px) {
    .box-card-currencies-list ul {
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        height:700px
    }
}
.box-card-currencies-list ul li { margin-bottom:12px }
@media (min-width:1011px) {
    .box-card-currencies-list ul li {
        margin-bottom:12px
    }
}
.box-card-currencies-list a { font-size:14px; font-weight:500 }
/*
.box-card-currencies-list a:hover { text-decoration:underline }
*/
@media (min-width:1011px) {
    .box-card-currencies {
        grid-area:2/2/3/3
    }
}
.box-card-currencies {  }
ul.charts-list {padding: 20px 20px 0;}
ul.charts-list li { display:flex; justify-content:space-between; align-items:center; margin-bottom: 12px;}
ul.charts-list a  { height: 19px; overflow: hidden;}
@media (min-width:1011px) {
    .box-card-conversion {
        grid-area:1/1/2/2
    }
}
@media (min-width:1011px) {
    .box-card-conversion .box-card-content {
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows:1fr;
        grid-column-gap:40px;
        grid-row-gap:0
    }
}
@media (max-width:1010px) {
    .box-card-conversion .box-card-content>div:first-child {
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #ddd
    }
}
.box-card-conversion .box-card-content h3 { font-size:15px; font-weight: bold; }
.box-card-conversion .box-card-content div { font-size:14px; line-height:35px }
/*
.box-card-conversion .box-card-content a { color:#4657a1 }
.box-card-conversion .box-card-content a:hover { text-decoration:underline }
 */
.box-card-list-rates { font-size:14px; line-height:36px }
@media (min-width:1011px) {
    .box-card-list-rates {
        grid-area:1/2/2/3
    }
}
.box-card-list-rates .box-card-content { padding:20px 20px 0 }
.box-card-list-rates .box-card-content>div { margin-bottom:5px }
.box-card-list-rates h3 { font-size:15px; font-weight: bold; margin-bottom:5px }
.box-card-list-rates span:nth-child(2) {
    /*color:#4657a1*/
}
.box-card-list-rates img { margin-right:6px }
@media (min-width:1011px) {
    .box-card-pairings {
        grid-area:3/1/4/3
    }
}
.box-card-pairings ul { display:grid; row-gap:10px }
@media (max-width:1010px) {
    .box-card-pairings ul {
        grid-template-columns:1fr 1fr
    }
}
@media (min-width:1011px) {
    .box-card-pairings ul {
        gap:10px 25px;
        grid-auto-columns:auto;
        grid-template-areas:"a a a a a a a a"
    }

    .box-card-pairings-query ul {
        grid-template-areas:"a a a a a a"
    }
}
.box-card-pairings a { font-size:15px; line-height:34px;}
/*
.box-card-pairings a:hover { text-decoration:underline }
 */
.cur-flag { margin-bottom:3px }
#rafeed-main .rafeed__container { width:1150px }
.article__editors-note { background-color:#f8f8f8; font-size:12px; line-height:18px; color:#929a9b; padding:14px; font-family:EuclidCircularB, sans-serif; margin:0 0 20px; letter-spacing:0; border:none }
@media (min-width:768px) {
    .top-ed-placeholder {
        padding:12px 0;
        display:flex;
        justify-content:center;
        background-color:#f4f4f4
    }
    .top-ed-placeholder.top-ed-placeholder--sticky {
        padding:10px 0;
        background-color:#f4f4f4;
        position:fixed;
        top:50px;
        border:none;
        width:100%!important;
        z-index:9999;
        transition:top 1s;
        box-shadow:inset 0 -1px 0 0 #e2e2e2
    }
}
.inline-article-ed-placeholder { margin:40px 0; display:flex; align-items:center; justify-content:center; padding-bottom:20px }
.inline-article-ed-placeholder iframe { margin:0 auto; display:block }
.mobile-sticky-ed-placeholder { position:fixed; bottom:0; left:0; right:0; width:100%; background-color:#e6e6e6; display:block; z-index:9999; text-align:center }